diff --git a/src/components/SwitchOptions.vue b/src/components/SwitchOptions.vue index 8b2160d94..969338e35 100644 --- a/src/components/SwitchOptions.vue +++ b/src/components/SwitchOptions.vue @@ -57,6 +57,11 @@ export default Vue.extend({ type: Boolean, default: false, }, + maxColumnCount: { + type: Number, + // TODO: 在设置里其实可以直接列出来, 不用弹窗, 暂时先限制为 2 了 + default: 2, + }, }, data() { const { componentName } = this.options @@ -77,7 +82,10 @@ export default Vue.extend({ methods: { updateColumnsCount() { const element = this.$el as HTMLElement - const columns = Math.ceil(Object.keys(this.options.switches).length / 12) + const columns = Math.min( + Math.ceil(Object.keys(this.options.switches).length / 12), + this.maxColumnCount, + ) element.style.setProperty('--columns', columns.toString()) }, isDim(name: string) { @@ -87,7 +95,7 @@ export default Vue.extend({ }) -