@kp-ui/lowcode 1.0.89 → 1.0.91

package/src/components/form-designer/setting-panel/option-items-setting.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-items-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/option-items-setting.vue"],"sourcesContent":["<template>\n    <div class=\"option-items-pane\">\n        <a-radio-group\n            v-if=\"\n                selectedWidget.type === 'radio' ||\n                (selectedWidget.type === 'select' &&\n                    ['combobox'].includes(selectedWidget.options.mode || ''))\n            \"\n            v-model:value=\"selectedWidget.options.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            class=\"option-group\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"selectedWidget.options.optionItems\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n            >\n                <template #item=\"{ element: option, index: idx }\">\n                    <li>\n                        <a-radio :value=\"option.value\">\n                            <span class=\"drag-option\" title=\"拖动排序\">\n                                <DragOutlined />\n                            </span>\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                                placeholder=\"值\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                                placeholder=\"文本\"\n                            />\n                            <a-button size=\"small\" @click=\"deleteOption(option, idx)\">\n                                <DeleteOutlined />\n                            </a-button>\n                        </a-radio>\n                    </li>\n                </template>\n            </draggable>\n        </a-radio-group>\n        <a-checkbox-group\n            v-else-if=\"\n                selectedWidget.type === 'checkbox' ||\n                (selectedWidget.type === 'select' &&\n                    ['multiple', 'tags'].includes(selectedWidget.options.mode || ''))\n            \"\n            v-model:value=\"selectedWidget.options.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            style=\"width: 100%\"\n            class=\"option-group\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"selectedWidget.options.optionItems\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n            >\n                <template #item=\"{ element: option, index: idx }\">\n                    <li>\n                        <span class=\"drag-option\" title=\"拖动排序\">\n                            <DragOutlined />\n                        </span>\n                        <a-checkbox :value=\"option.value\">\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 85px\"\n                                placeholder=\"值\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 95px\"\n                                placeholder=\"文本\"\n                            />\n                        </a-checkbox>\n                        <div size=\"small\" @click=\"deleteOption(option, idx)\">\n                            <DeleteOutlined />\n                        </div>\n                    </li>\n                </template>\n            </draggable>\n        </a-checkbox-group>\n        <!-- 设置联级选择默认值 -->\n        <div v-else-if=\"selectedWidget.type === 'cascader'\" class=\"full-width-input\">\n            <a-cascader\n                v-model:value=\"selectedWidget.options.defaultValue\"\n                :multiple=\"selectedWidget.options.multiple\"\n                :options=\"selectedWidget.options.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <!-- 设置树的默认值 -->\n        <div v-else-if=\"selectedWidget.type === 'treeSelect'\" class=\"full-width-input\">\n            <a-tree-select\n                v-model:value=\"selectedWidget.options.defaultValue\"\n                :treeData=\"selectedWidget.options.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <div v-if=\"['cascader', 'treeSelect'].includes(selectedWidget.type)\" class=\"action-buttons\">\n            <a-button @click=\"importCascaderOptions\">\n                <ImportOutlined />\n                {{ i18nt('designer.setting.importOptions') }}\n            </a-button>\n            <a-button @click=\"resetDefault\">\n                <ReloadOutlined />\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <div\n            v-if=\"['radio', 'checkbox', 'select'].includes(selectedWidget.type)\"\n            class=\"action-buttons\"\n        >\n            <a-button @click=\"addOption\">\n                {{ i18nt('designer.setting.addOption') }}\n            </a-button>\n            <a-button @click=\"resetDefault\">\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <TpfCodeEditor\n            :isShowEventHeader=\"false\"\n            :title=\"i18nt('designer.setting.importOptions')\"\n            mode=\"javascript\"\n            :readonly=\"false\"\n            ref=\"codeEditorRef\"\n            @set-code=\"saveCascaderOptions\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref } from 'vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { useI18n } from '@/utils/i18n';\n    import { TpfCodeEditor } from 'tmgc2-share';\n    import {\n        DragOutlined,\n        ImportOutlined,\n        ReloadOutlined,\n        DeleteOutlined\n    } from '@ant-design/icons-vue';\n\n    const codeEditorRef = ref();\n\n    interface OptionItem {\n        value: string | number;\n        label: string;\n        [key: string]: any;\n    }\n\n    interface WidgetOptions {\n        name: string;\n        defaultValue: string | string[] | number[];\n        optionItems: OptionItem[];\n        multiple?: boolean;\n        mode?: string;\n        [key: string]: any;\n    }\n\n    interface Widget {\n        type: string;\n        options: WidgetOptions;\n        [key: string]: any;\n    }\n\n    interface FormWidget {\n        getWidgetRef: (name: string) => any;\n        [key: string]: any;\n    }\n\n    interface Designer {\n        formWidget?: FormWidget;\n        [key: string]: any;\n    }\n\n    interface Props {\n        designer?: Designer;\n        selectedWidget: Widget;\n    }\n\n    const props = defineProps<Props>();\n\n    const { i18nt } = useI18n();\n\n    const emitDefaultValueChange = () => {\n        if (props.designer?.formWidget) {\n            const fieldWidget = props.designer.formWidget.getWidgetRef(\n                props.selectedWidget.options.name\n            );\n            if (fieldWidget?.refreshDefaultValue) {\n                fieldWidget.refreshDefaultValue();\n            }\n        }\n    };\n\n    const deleteOption = (option: OptionItem, index: number) => {\n        props.selectedWidget.options.optionItems.splice(index, 1);\n    };\n\n    const addOption = () => {\n        const newValue = props.selectedWidget.options.optionItems.length + 1;\n        props.selectedWidget.options.optionItems.push({\n            value: newValue,\n            label: 'new option'\n        });\n    };\n\n    const importOptions = () => {\n        codeEditorRef.value.open(\n            JSON.stringify(props.selectedWidget.options.optionItems, null, '')\n        );\n    };\n\n    const resetDefault = () => {\n        if (\n            props.selectedWidget.type === 'checkbox' ||\n            (props.selectedWidget.type === 'select' && props.selectedWidget.options.multiple)\n        ) {\n            props.selectedWidget.options.defaultValue = [];\n        } else {\n            props.selectedWidget.options.defaultValue = '';\n        }\n\n        emitDefaultValueChange();\n    };\n\n    const importCascaderOptions = () => {\n        codeEditorRef.value.open(props.selectedWidget.options.optionItems);\n    };\n\n    const saveCascaderOptions = (value: any) => {\n        props.selectedWidget.options.optionItems = JSON.parse(value);\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .option-items-pane {\n        width: 100%;\n\n        ul {\n            width: 100%;\n            margin-bottom: 0;\n            > li {\n                margin-bottom: 5px;\n                display: flex;\n                align-items: center;\n\n                .ant-radio-wrapper,\n                .ant-checkbox-wrapper {\n                    display: flex;\n                    align-items: center;\n                    width: 100%;\n                    margin-right: 0;\n                }\n\n                .ant-input {\n                    margin: 0 4px;\n                }\n\n                .drag-option {\n                    display: inline-flex;\n                    align-items: center;\n                    margin: 0 6px;\n                    cursor: move;\n                    color: #999;\n\n                    &:hover {\n                        color: var(--ant-primary-color);\n                    }\n                }\n\n                .ant-btn {\n                    margin-left: 4px;\n                }\n            }\n        }\n\n        .option-header {\n            display: flex;\n            margin-bottom: 8px;\n            padding-left: 28px;\n\n            .value-label {\n                width: 64px;\n                margin-right: 4px;\n                color: rgba(0, 0, 0, 0.85);\n                font-size: 12px;\n            }\n\n            .text-label {\n                width: 74px;\n                color: rgba(0, 0, 0, 0.85);\n                font-size: 12px;\n            }\n        }\n\n        .option-group {\n            width: 100%;\n            margin-bottom: 2px;\n        }\n\n        .ant-btn {\n            margin-right: 8px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n\n            .anticon {\n                margin-right: 0;\n            }\n        }\n    }\n\n    li.ghost {\n        background: #f5f5f5;\n        border: 1px dashed var(--ant-primary-color);\n        border-radius: 4px;\n        padding: 4px;\n    }\n\n    .dialog-footer {\n        display: flex;\n        justify-content: flex-end;\n        margin-top: 16px;\n\n        .ant-btn {\n            min-width: 80px;\n            margin-left: 8px;\n        }\n    }\n\n    .full-width-input {\n        width: 100% !important;\n        margin-bottom: 5px;\n\n        :deep(.ant-cascader),\n        :deep(.ant-tree-select) {\n            width: 100% !important;\n        }\n    }\n\n    /* Button action group styles */\n    .action-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 5px;\n        justify-content: center;\n    }\n</style>\n"],"names":["_openBlock","_createElementBlock","selectedWidget","_createBlock","_createVNode","_unref","_mergeProps","_withCtx","_createElementVNode","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJI,UAAM,gBAAgB,IAAA;AAsCtB,UAAM,QAAQ;AAEd,UAAM,EAAE,MAAA,IAAU,QAAA;AAElB,UAAM,yBAAyB,MAAM;;AACjC,WAAI,WAAM,aAAN,mBAAgB,YAAY;AAC5B,cAAM,cAAc,MAAM,SAAS,WAAW;AAAA,UAC1C,MAAM,eAAe,QAAQ;AAAA,QAAA;AAEjC,YAAI,2CAAa,qBAAqB;AAClC,sBAAY,oBAAA;AAAA,QAAoB;AAAA,MACpC;AAAA,IACJ;AAGJ,UAAM,eAAe,CAAC,QAAoB,UAAkB;AACxD,YAAM,eAAe,QAAQ,YAAY,OAAO,OAAO,CAAC;AAAA,IAAA;AAG5D,UAAM,YAAY,MAAM;AACpB,YAAM,WAAW,MAAM,eAAe,QAAQ,YAAY,SAAS;AACnE,YAAM,eAAe,QAAQ,YAAY,KAAK;AAAA,QAC1C,OAAO;AAAA,QACP,OAAO;AAAA,MAAA,CACV;AAAA,IAAA;AASL,UAAM,eAAe,MAAM;AACvB,UACI,MAAM,eAAe,SAAS,cAC7B,MAAM,eAAe,SAAS,YAAY,MAAM,eAAe,QAAQ,UAC1E;AACE,cAAM,eAAe,QAAQ,eAAe,CAAA;AAAA,MAAC,OAC1C;AACH,cAAM,eAAe,QAAQ,eAAe;AAAA,MAAA;AAGhD,6BAAA;AAAA,IAAuB;AAG3B,UAAM,wBAAwB,MAAM;AAChC,oBAAc,MAAM,KAAK,MAAM,eAAe,QAAQ,WAAW;AAAA,IAAA;AAGrE,UAAM,sBAAsB,CAAC,UAAe;AACxC,YAAM,eAAe,QAAQ,cAAc,KAAK,MAAM,KAAK;AAAA,IAAA;;;;;;;;;;AAhP/D,aAAAA,UAAA,GAAAC,mBAwIM,OAxIN,YAwIM;AAAA,QAtIyBC,KAAAA,eAAe,SAAI,WAAiCA,KAAAA,eAAe,SAAI,YAAkD,CAAA,UAAA,EAAA,SAASA,KAAAA,eAAe,QAAQ,QAAI,EAAA,kBADxLC,YAyCgB,0BAAA;AAAA;UAnCJ,OAAOD,KAAAA,eAAe,QAAQ;AAAA,kEAAvBA,KAAAA,eAAe,QAAQ,eAAY;AAAA,UACjD,UAAQ;AAAA,UACT,OAAM;AAAA,QAAA;2BAEN,MA8BY;AAAA,YA9BZE,YA8BYC,2BA9BZC,WA8BY;AAAA,cA7BR,KAAI;AAAA,cACH,MAAMJ,KAAAA,eAAe,QAAQ;AAAA,cAC9B,YAAS;AAAA,YAAA,GACD,EAAA,OAAA,gBAAA,YAAA,SAAA,QAAA,eAAA,CAAsE,GAAA;AAAA,cAEnE,MAAIK,QACX,CAqBK,EAAA,SAtBmB,eAAe,UAAG;AAAA,gBAC1CC,mBAqBK,MAAA,MAAA;AAAA,kBApBDJ,YAmBU,oBAAA;AAAA,oBAnBA,OAAO,OAAO;AAAA,kBAAA;qCACpB,MAEO;AAAA,sBAFPI,mBAEO,QAFP,YAEO;AAAA,wBADHJ,YAAgBC,MAAA,YAAA,CAAA;AAAA,sBAAA;sBAEpBD,YAKE,oBAAA;AAAA,wBAJU,OAAO,OAAO;AAAA,wBAAP,kBAAA,CAAA,WAAA,OAAO,QAAK;AAAA,wBAC3B,MAAK;AAAA,wBACL,OAAA,EAAA,SAAA,OAAA;AAAA,wBACA,aAAY;AAAA,sBAAA;sBAEhBA,YAKE,oBAAA;AAAA,wBAJU,OAAO,OAAO;AAAA,wBAAP,kBAAA,CAAA,WAAA,OAAO,QAAK;AAAA,wBAC3B,MAAK;AAAA,wBACL,OAAA,EAAA,SAAA,OAAA;AAAA,wBACA,aAAY;AAAA,sBAAA;sBAEhBA,YAEW,qBAAA;AAAA,wBAFD,MAAK;AAAA,wBAAS,SAAK,CAAA,WAAE,aAAa,QAAQ,GAAG;AAAA,sBAAA;yCACnD,MAAkB;AAAA,0BAAlBA,YAAkBC,MAAA,cAAA,CAAA;AAAA,wBAAA;;;;;;;;;;;;4BAQVH,KAAAA,eAAe,SAAI,cAAoCA,KAAAA,eAAe,SAAI,YAA0D,CAAA,YAAA,MAAA,EAAA,SAASA,KAAAA,eAAe,QAAQ,QAAI,EAAA,kBADxMC,YA0CmB,6BAAA;AAAA;UApCP,OAAOD,KAAAA,eAAe,QAAQ;AAAA,kEAAvBA,KAAAA,eAAe,QAAQ,eAAY;AAAA,UACjD,UAAQ;AAAA,UACT,OAAA,EAAA,SAAA,OAAA;AAAA,UACA,OAAM;AAAA,QAAA;2BAEN,MA8BY;AAAA,YA9BZE,YA8BYC,2BA9BZC,WA8BY;AAAA,cA7BR,KAAI;AAAA,cACH,MAAMJ,KAAAA,eAAe,QAAQ;AAAA,cAC9B,YAAS;AAAA,YAAA,GACD,EAAA,OAAA,gBAAA,YAAA,SAAA,QAAA,eAAA,CAAsE,GAAA;AAAA,cAEnE,MAAIK,QACX,CAqBK,EAAA,SAtBmB,eAAe,UAAG;AAAA,gBAC1CC,mBAqBK,MAAA,MAAA;AAAA,kBApBDA,mBAEO,QAFP,YAEO;AAAA,oBADHJ,YAAgBC,MAAA,YAAA,CAAA;AAAA,kBAAA;kBAEpBD,YAaa,uBAAA;AAAA,oBAbA,OAAO,OAAO;AAAA,kBAAA;qCACvB,MAKE;AAAA,sBALFA,YAKE,oBAAA;AAAA,wBAJU,OAAO,OAAO;AAAA,wBAAP,kBAAA,CAAA,WAAA,OAAO,QAAK;AAAA,wBAC3B,MAAK;AAAA,wBACL,OAAA,EAAA,SAAA,OAAA;AAAA,wBACA,aAAY;AAAA,sBAAA;sBAEhBA,YAKE,oBAAA;AAAA,wBAJU,OAAO,OAAO;AAAA,wBAAP,kBAAA,CAAA,WAAA,OAAO,QAAK;AAAA,wBAC3B,MAAK;AAAA,wBACL,OAAA,EAAA,SAAA,OAAA;AAAA,wBACA,aAAY;AAAA,sBAAA;;;;kBAGpBI,mBAEM,OAAA;AAAA,oBAFD,MAAK;AAAA,oBAAS,SAAK,CAAA,WAAE,aAAa,QAAQ,GAAG;AAAA,kBAAA;oBAC9CJ,YAAkBC,MAAA,cAAA,CAAA;AAAA,kBAAA;;;;;;;4BAOtBH,KAAAA,eAAe,SAAI,cAAnCF,UAAA,GAAAC,mBAQM,OARN,YAQM;AAAA,UAPFG,YAME,uBAAA;AAAA,YALU,OAAOF,KAAAA,eAAe,QAAQ;AAAA,oEAAvBA,KAAAA,eAAe,QAAQ,eAAY;AAAA,YACjD,UAAUA,KAAAA,eAAe,QAAQ;AAAA,YACjC,SAASA,KAAAA,eAAe,QAAQ;AAAA,YAChC,UAAQ;AAAA,YACR,aAAaG,MAAA,KAAA,EAAK,+BAAA;AAAA,UAAA;cAIXH,KAAAA,eAAe,SAAI,gBAAnCF,aAAAC,mBAOM,OAPN,YAOM;AAAA,UANFG,YAKE,0BAAA;AAAA,YAJU,OAAOF,KAAAA,eAAe,QAAQ;AAAA,oEAAvBA,KAAAA,eAAe,QAAQ,eAAY;AAAA,YACjD,UAAUA,KAAAA,eAAe,QAAQ;AAAA,YACjC,UAAQ;AAAA,YACR,aAAaG,MAAA,KAAA,EAAK,+BAAA;AAAA,UAAA;;mCAGW,SAASH,KAAAA,eAAe,IAAI,KAAlEF,UAAA,GAAAC,mBASM,OATN,YASM;AAAA,UARFG,YAGW,qBAAA,EAHA,SAAO,yBAAqB;AAAA,6BACnC,MAAkB;AAAA,cAAlBA,YAAkBC,MAAA,cAAA,CAAA;AAAA,cAAAI,gBAAA,sBACfJ,MAAA,KAAA,EAAK,gCAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;UAEZD,YAGW,qBAAA,EAHA,SAAO,gBAAY;AAAA,6BAC1B,MAAkB;AAAA,cAAlBA,YAAkBC,MAAA,cAAA,CAAA;AAAA,cAAAI,gBAAA,sBACfJ,MAAA,KAAA,EAAK,+BAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;wCAK0B,SAASH,KAAAA,eAAe,IAAI,KADtEF,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,UANFG,YAEW,qBAAA,EAFA,SAAO,aAAS;AAAA,6BACvB,MAAyC;AAAA,8CAAtCC,MAAA,KAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;UAEZD,YAEW,qBAAA,EAFA,SAAO,gBAAY;AAAA,6BAC1B,MAA4C;AAAA,8CAAzCC,MAAA,KAAA,EAAK,+BAAA,CAAA,GAAA,CAAA;AAAA,YAAA;;;;QAIhBD,YAOEC,MAAA,aAAA,GAAA;AAAA,UANG,mBAAmB;AAAA,UACnB,OAAOA,MAAA,KAAA,EAAK,gCAAA;AAAA,UACb,MAAK;AAAA,UACJ,UAAU;AAAA,mBACP;AAAA,UAAJ,KAAI;AAAA,UACH,WAAU;AAAA,QAAA;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/accept-editor.vue.js

@@ -46,3 +46,4 @@ const acceptEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_ren
 export {
   acceptEditor as default
 };
+//# sourceMappingURL=accept-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/accept-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/accept-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"`文件类型`\">\n    <a-select v-model:value=\"optionModel.accept\" allowClear mode=\"tags\" :options=\"ops\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'accept-editor',\n    componentName: 'PropertyEditor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {\n        ops: [\n          { value: '.doc', label: '.doc' },\n          { value: '.docx', label: '.docx' },\n          { value: '.xlsx', label: '.xlsx' },\n          { value: '.xls', label: '.xls' },\n          { value: '.pdf', label: '.pdf' },\n          { value: '.pptx', label: '.pptx' },\n          { value: '.dwg', label: '.dwg' },\n          { value: '.jpg', label: '.jpg' },\n          { value: '.png', label: '.png' }\n        ]\n      };\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEf,OAAO;AACL,WAAO;AAAA,MACL,KAAK;AAAA,QACH,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,QAC/B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,QAC/B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,QAC/B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,MAC/B;AAAA;EAEJ;;;;;sBA/BFA,YAEc,wBAAA,EAFA,OAAO,UAAM;AAAA,qBACzB,MAAqF;AAAA,MAArFC,YAAqF,qBAAA;AAAA,QAAnE,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,SAAM;AAAA,QAAE,YAAA;AAAA,QAAW,MAAK;AAAA,QAAQ,SAAS,MAAA;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js

@@ -53,3 +53,4 @@ const actionColumnPositionEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ren
 export {
   actionColumnPositionEditor as default
 };
+//# sourceMappingURL=actionColumnPosition-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionColumnPosition-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.actionColumnPosition')\">\n    <a-radio-group v-model:value=\"optionModel.actionColumnPosition\" class=\"radio-group-custom\">\n      <a-radio-button value=\"left\"> {{ i18nt('designer.setting.leftAlign') }}</a-radio-button>\n      <a-radio-button value=\"right\"> {{ i18nt('designer.setting.rightAlign') }}</a-radio-button>\n    </a-radio-group>\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'actionColumnPosition-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    computed: {\n      noLabelSetting() {\n        return (\n          this.selectedWidget.type === 'static-text' || this.selectedWidget.type === 'html-text'\n        );\n        //|| (this.selectedWidget.type === 'divider')\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .radio-group-custom {\n    // :deep(.el-radio-button__inner) {\n    //   padding-left: 12px;\n    //   padding-right: 12px;\n    // }\n  }\n</style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;AAYE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEf,UAAU;AAAA,IACR,iBAAiB;AACf,aACE,KAAK,eAAe,SAAS,iBAAiB,KAAK,eAAe,SAAS;AAAA,IAG/E;AAAA,EACF;;;;;;sBA1BFA,YAKc,wBAAA;AAAA,IALA,OAAO,KAAA,MAAK,uCAAA;AAAA;qBACxB,MAGgB;AAAA,MAHhBC,YAGgB,0BAAA;AAAA,QAHO,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,uBAAoB;AAAA,QAAE,OAAM;AAAA;yBACpE,MAAwF;AAAA,UAAxFA,YAAwF,2BAAA,EAAxE,OAAM,OAAM,GAAA;AAAA,6BAAE,MAAyC;AAAA,8CAAtC,KAAA,MAAK,4BAAA,CAAA,GAAA,CAAA;AAAA;;;UACtCA,YAA0F,2BAAA,EAA1E,OAAM,QAAO,GAAA;AAAA,6BAAE,MAA0C;AAAA,8CAAvC,KAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue2.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=actionColumnPosition-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionColumnPosition-editor.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/src/components/form-designer/setting-panel/property-editor/addonAfter-editor.vue.js

@@ -30,3 +30,4 @@ const addonAfterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   addonAfterEditor as default
 };
+//# sourceMappingURL=addonAfter-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/addonAfter-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonAfter-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/addonAfter-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.addonAfter')\">\n    <a-input type=\"text\" v-model:value=\"optionModel.addonAfter\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'addonAfter-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,6BAAA;AAAA;qBACxB,MAA8D;AAAA,MAA9DC,YAA8D,oBAAA;AAAA,QAArD,MAAK;AAAA,QAAe,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,aAAU;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/addonBefore-editor.vue.js

@@ -30,3 +30,4 @@ const addonBeforeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   addonBeforeEditor as default
 };
+//# sourceMappingURL=addonBefore-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/addonBefore-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonBefore-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/addonBefore-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.addonBefore')\">\n    <a-input type=\"text\" v-model:value=\"optionModel.addonBefore\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'addonBefore-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,8BAAA;AAAA;qBACxB,MAA+D;AAAA,MAA/DC,YAA+D,oBAAA;AAAA,QAAtD,MAAK;AAAA,QAAe,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,cAAW;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/allowClear-editor.vue.js

@@ -29,3 +29,4 @@ const allowClearEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   allowClearEditor as default
 };
+//# sourceMappingURL=allowClear-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/allowClear-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"allowClear-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/allowClear-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.allowClear')\">\n    <a-switch v-model:checked=\"optionModel.allowClear\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'allowClear-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,6BAAA;AAAA;qBACxB,MAAqD;AAAA,MAArDC,YAAqD,qBAAA;AAAA,QAAnC,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,aAAU;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue.js

@@ -43,3 +43,4 @@ const appendButtonEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _s
 export {
   appendButtonEditor as default
 };
+//# sourceMappingURL=appendButton-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appendButton-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue"],"sourcesContent":["<template>\n  <div>\n    <a-form-item label-width=\"0\">\n      <a-divider class=\"custom-divider\">{{ i18nt('designer.setting.inputButton') }}</a-divider>\n    </a-form-item>\n    <a-form-item :label=\"i18nt('designer.setting.appendButton')\">\n      <a-switch v-model:checked=\"optionModel.appendButton\" />\n    </a-form-item>\n  </div>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'appendButton-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;AAcE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;;sBApBFA,mBAOM,OAAA,MAAA;AAAA,IANJC,YAEc,wBAAA,EAFD,eAAY,IAAG,GAAA;AAAA,uBAC1B,MAAyF;AAAA,QAAzFA,YAAyF,sBAAA,EAA9E,OAAM,iBAAgB,GAAA;AAAA,2BAAC,MAA2C;AAAA,4CAAxC,KAAA,MAAK,8BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAE5CA,YAEc,wBAAA;AAAA,MAFA,OAAO,KAAA,MAAK,+BAAA;AAAA;uBACxB,MAAuD;AAAA,QAAvDA,YAAuD,qBAAA;AAAA,UAArC,SAAS,OAAA,YAAY;AAAA,UAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,eAAY;AAAA;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue.js

@@ -29,3 +29,4 @@ const appendButtonDisabledEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ren
 export {
   appendButtonDisabledEditor as default
 };
+//# sourceMappingURL=appendButtonDisabled-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appendButtonDisabled-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.appendButtonDisabled')\">\n    <a-switch v-model:checked=\"optionModel.appendButtonDisabled\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'appendButtonDisabled-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,uCAAA;AAAA;qBACxB,MAA+D;AAAA,MAA/DC,YAA+D,qBAAA;AAAA,QAA7C,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,uBAAoB;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/autoFullWidth-editor.vue.js

@@ -29,3 +29,4 @@ const autoFullWidthEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _
 export {
   autoFullWidthEditor as default
 };
+//# sourceMappingURL=autoFullWidth-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/autoFullWidth-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoFullWidth-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/autoFullWidth-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.autoFullWidth')\">\n    <a-switch v-model:checked=\"optionModel.autoFullWidth\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'autoFullWidth-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,gCAAA;AAAA;qBACxB,MAAwD;AAAA,MAAxDC,YAAwD,qBAAA;AAAA,QAAtC,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,gBAAa;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/border-editor.vue.js

@@ -29,3 +29,4 @@ const borderEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_ren
 export {
   borderEditor as default
 };
+//# sourceMappingURL=border-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/border-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/border-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.border')\">\n    <a-switch v-model:checked=\"optionModel.border\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'border-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,yBAAA;AAAA;qBACxB,MAAiD;AAAA,MAAjDC,YAAiD,qBAAA;AAAA,QAA/B,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,SAAM;AAAA;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue.js

@@ -0,0 +1,422 @@
+import i18n from "../../../../utils/i18n.js";
+import propertyMixin from "./propertyMixin.js";
+import { resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, createCommentVNode, Fragment } from "vue";
+/* empty css                     */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "boxModel-editor",
+  mixins: [i18n, propertyMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  watch: {
+    "optionModel.boxModel.borderShow"(val) {
+      if (!val) {
+        this.optionModel.boxModel.borderStyle = "solid";
+        this.optionModel.boxModel.borderWidth = 1;
+        this.optionModel.boxModel.borderColor = "#cccccc";
+        this.optionModel.boxModel.borderRadius = 0;
+      }
+    }
+  },
+  created() {
+    if (!this.optionModel.boxModel) {
+      this.optionModel.boxModel = {};
+    }
+    if (this.optionModel.boxModel.paddingTop === void 0) this.optionModel.boxModel.paddingTop = 0;
+    if (this.optionModel.boxModel.paddingRight === void 0) this.optionModel.boxModel.paddingRight = 0;
+    if (this.optionModel.boxModel.paddingBottom === void 0) this.optionModel.boxModel.paddingBottom = 0;
+    if (this.optionModel.boxModel.paddingLeft === void 0) this.optionModel.boxModel.paddingLeft = 0;
+    if (this.optionModel.boxModel.marginTop === void 0) this.optionModel.boxModel.marginTop = 0;
+    if (this.optionModel.boxModel.marginRight === void 0) this.optionModel.boxModel.marginRight = 0;
+    if (this.optionModel.boxModel.marginBottom === void 0) this.optionModel.boxModel.marginBottom = 0;
+    if (this.optionModel.boxModel.marginLeft === void 0) this.optionModel.boxModel.marginLeft = 0;
+    if (this.optionModel.boxModel.borderShow === void 0) this.optionModel.boxModel.borderShow = false;
+    if (this.optionModel.boxModel.borderStyle === void 0) this.optionModel.boxModel.borderStyle = "solid";
+    if (this.optionModel.boxModel.borderWidth === void 0) this.optionModel.boxModel.borderWidth = 1;
+    if (this.optionModel.boxModel.borderColor === void 0) this.optionModel.boxModel.borderColor = "#cccccc";
+    if (this.optionModel.boxModel.borderRadius === void 0) this.optionModel.boxModel.borderRadius = 0;
+    if (this.optionModel.boxModel.backgroundColor === void 0) this.optionModel.boxModel.backgroundColor = "#ffffff";
+    if (this.optionModel.boxModel.shadowShow === void 0) this.optionModel.boxModel.shadowShow = false;
+    if (this.optionModel.boxModel.shadowOffsetX === void 0) this.optionModel.boxModel.shadowOffsetX = 0;
+    if (this.optionModel.boxModel.shadowOffsetY === void 0) this.optionModel.boxModel.shadowOffsetY = 2;
+    if (this.optionModel.boxModel.shadowBlur === void 0) this.optionModel.boxModel.shadowBlur = 4;
+    if (this.optionModel.boxModel.shadowSpread === void 0) this.optionModel.boxModel.shadowSpread = 0;
+    if (this.optionModel.boxModel.shadowColor === void 0) this.optionModel.boxModel.shadowColor = "rgba(0,0,0,0.2)";
+  }
+};
+const _hoisted_1 = { class: "box-model-container" };
+const _hoisted_2 = { class: "property-group" };
+const _hoisted_3 = { class: "property-item" };
+const _hoisted_4 = { class: "property-item" };
+const _hoisted_5 = { class: "property-item" };
+const _hoisted_6 = { class: "property-item" };
+const _hoisted_7 = { class: "property-group" };
+const _hoisted_8 = { class: "property-item" };
+const _hoisted_9 = { class: "property-item" };
+const _hoisted_10 = { class: "property-item" };
+const _hoisted_11 = { class: "property-item" };
+const _hoisted_12 = { class: "property-group border-group" };
+const _hoisted_13 = { class: "property-item" };
+const _hoisted_14 = { class: "property-item" };
+const _hoisted_15 = { class: "property-item" };
+const _hoisted_16 = { class: "property-item" };
+const _hoisted_17 = { class: "property-item" };
+const _hoisted_18 = { class: "property-group border-group" };
+const _hoisted_19 = { class: "property-item" };
+const _hoisted_20 = { class: "property-group border-group" };
+const _hoisted_21 = { class: "property-item" };
+const _hoisted_22 = { class: "property-item" };
+const _hoisted_23 = { class: "property-item" };
+const _hoisted_24 = { class: "property-item" };
+const _hoisted_25 = { class: "property-item" };
+const _hoisted_26 = { class: "property-item" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_divider = resolveComponent("a-divider");
+  const _component_a_input_number = resolveComponent("a-input-number");
+  const _component_a_col = resolveComponent("a-col");
+  const _component_a_row = resolveComponent("a-row");
+  const _component_a_switch = resolveComponent("a-switch");
+  const _component_a_select_option = resolveComponent("a-select-option");
+  const _component_a_select = resolveComponent("a-select");
+  const _component_a_input = resolveComponent("a-input");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_a_divider, { class: "custom-divider" }, {
+      default: withCtx(() => _cache[20] || (_cache[20] = [
+        createTextVNode("盒模型配置")
+      ])),
+      _: 1,
+      __: [20]
+    }),
+    createElementVNode("div", _hoisted_2, [
+      _cache[25] || (_cache[25] = createElementVNode("div", { class: "property-group-title" }, "内边距 (Padding)", -1)),
+      createVNode(_component_a_row, { gutter: 8 }, {
+        default: withCtx(() => [
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                _cache[21] || (_cache[21] = createElementVNode("div", { class: "property-label" }, "上", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.paddingTop,
+                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.optionModel.boxModel.paddingTop = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                _cache[22] || (_cache[22] = createElementVNode("div", { class: "property-label" }, "右", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.paddingRight,
+                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $props.optionModel.boxModel.paddingRight = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      createVNode(_component_a_row, {
+        gutter: 8,
+        style: { "margin-top": "8px" }
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_5, [
+                _cache[23] || (_cache[23] = createElementVNode("div", { class: "property-label" }, "下", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.paddingBottom,
+                  "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $props.optionModel.boxModel.paddingBottom = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_6, [
+                _cache[24] || (_cache[24] = createElementVNode("div", { class: "property-label" }, "左", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.paddingLeft,
+                  "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $props.optionModel.boxModel.paddingLeft = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    createElementVNode("div", _hoisted_7, [
+      _cache[30] || (_cache[30] = createElementVNode("div", { class: "property-group-title" }, "外边距 (Margin)", -1)),
+      createVNode(_component_a_row, { gutter: 8 }, {
+        default: withCtx(() => [
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_8, [
+                _cache[26] || (_cache[26] = createElementVNode("div", { class: "property-label" }, "上", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.marginTop,
+                  "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $props.optionModel.boxModel.marginTop = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_9, [
+                _cache[27] || (_cache[27] = createElementVNode("div", { class: "property-label" }, "右", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.marginRight,
+                  "onUpdate:value": _cache[5] || (_cache[5] = ($event) => $props.optionModel.boxModel.marginRight = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      createVNode(_component_a_row, {
+        gutter: 8,
+        style: { "margin-top": "8px" }
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_10, [
+                _cache[28] || (_cache[28] = createElementVNode("div", { class: "property-label" }, "下", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.marginBottom,
+                  "onUpdate:value": _cache[6] || (_cache[6] = ($event) => $props.optionModel.boxModel.marginBottom = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_col, { span: 12 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_11, [
+                _cache[29] || (_cache[29] = createElementVNode("div", { class: "property-label" }, "左", -1)),
+                createVNode(_component_a_input_number, {
+                  value: $props.optionModel.boxModel.marginLeft,
+                  "onUpdate:value": _cache[7] || (_cache[7] = ($event) => $props.optionModel.boxModel.marginLeft = $event),
+                  onInput: _ctx.inputNumberHandler,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    createElementVNode("div", _hoisted_12, [
+      _cache[40] || (_cache[40] = createElementVNode("div", { class: "property-group-title" }, "边框 (Border)", -1)),
+      createElementVNode("div", _hoisted_13, [
+        _cache[31] || (_cache[31] = createElementVNode("div", { class: "property-label" }, "显示边框", -1)),
+        createVNode(_component_a_switch, {
+          checked: $props.optionModel.boxModel.borderShow,
+          "onUpdate:checked": _cache[8] || (_cache[8] = ($event) => $props.optionModel.boxModel.borderShow = $event)
+        }, null, 8, ["checked"])
+      ]),
+      $props.optionModel.boxModel.borderShow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", _hoisted_14, [
+          _cache[36] || (_cache[36] = createElementVNode("div", { class: "property-label" }, "边框样式", -1)),
+          createVNode(_component_a_select, {
+            value: $props.optionModel.boxModel.borderStyle,
+            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => $props.optionModel.boxModel.borderStyle = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_select_option, { value: "solid" }, {
+                default: withCtx(() => _cache[32] || (_cache[32] = [
+                  createTextVNode("实线")
+                ])),
+                _: 1,
+                __: [32]
+              }),
+              createVNode(_component_a_select_option, { value: "dashed" }, {
+                default: withCtx(() => _cache[33] || (_cache[33] = [
+                  createTextVNode("虚线")
+                ])),
+                _: 1,
+                __: [33]
+              }),
+              createVNode(_component_a_select_option, { value: "dotted" }, {
+                default: withCtx(() => _cache[34] || (_cache[34] = [
+                  createTextVNode("点线")
+                ])),
+                _: 1,
+                __: [34]
+              }),
+              createVNode(_component_a_select_option, { value: "double" }, {
+                default: withCtx(() => _cache[35] || (_cache[35] = [
+                  createTextVNode("双线")
+                ])),
+                _: 1,
+                __: [35]
+              })
+            ]),
+            _: 1
+          }, 8, ["value"])
+        ]),
+        createElementVNode("div", _hoisted_15, [
+          _cache[37] || (_cache[37] = createElementVNode("div", { class: "property-label" }, "边框宽度", -1)),
+          createVNode(_component_a_input_number, {
+            value: $props.optionModel.boxModel.borderWidth,
+            "onUpdate:value": _cache[10] || (_cache[10] = ($event) => $props.optionModel.boxModel.borderWidth = $event),
+            onInput: _ctx.inputNumberHandler,
+            min: 0,
+            style: { "width": "100%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        createElementVNode("div", _hoisted_16, [
+          _cache[38] || (_cache[38] = createElementVNode("div", { class: "property-label" }, "边框颜色", -1)),
+          createVNode(_component_a_input, {
+            value: $props.optionModel.boxModel.borderColor,
+            "onUpdate:value": _cache[11] || (_cache[11] = ($event) => $props.optionModel.boxModel.borderColor = $event),
+            type: "color",
+            style: { "width": "100%" }
+          }, null, 8, ["value"])
+        ])
+      ], 64)) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_17, [
+        _cache[39] || (_cache[39] = createElementVNode("div", { class: "property-label" }, "圆角", -1)),
+        createVNode(_component_a_input_number, {
+          value: $props.optionModel.boxModel.borderRadius,
+          "onUpdate:value": _cache[12] || (_cache[12] = ($event) => $props.optionModel.boxModel.borderRadius = $event),
+          onInput: _ctx.inputNumberHandler,
+          min: 0,
+          style: { "width": "100%" },
+          "addon-after": "px"
+        }, null, 8, ["value", "onInput"])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_18, [
+      _cache[42] || (_cache[42] = createElementVNode("div", { class: "property-group-title" }, "背景 (Background)", -1)),
+      createElementVNode("div", _hoisted_19, [
+        _cache[41] || (_cache[41] = createElementVNode("div", { class: "property-label" }, "背景颜色", -1)),
+        createVNode(_component_a_input, {
+          value: $props.optionModel.boxModel.backgroundColor,
+          "onUpdate:value": _cache[13] || (_cache[13] = ($event) => $props.optionModel.boxModel.backgroundColor = $event),
+          type: "color",
+          style: { "width": "100%" }
+        }, null, 8, ["value"])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_20, [
+      _cache[49] || (_cache[49] = createElementVNode("div", { class: "property-group-title" }, "阴影 (Shadow)", -1)),
+      createElementVNode("div", _hoisted_21, [
+        _cache[43] || (_cache[43] = createElementVNode("div", { class: "property-label" }, "启用阴影", -1)),
+        createVNode(_component_a_switch, {
+          checked: $props.optionModel.boxModel.shadowShow,
+          "onUpdate:checked": _cache[14] || (_cache[14] = ($event) => $props.optionModel.boxModel.shadowShow = $event)
+        }, null, 8, ["checked"])
+      ]),
+      $props.optionModel.boxModel.shadowShow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", _hoisted_22, [
+          _cache[44] || (_cache[44] = createElementVNode("div", { class: "property-label" }, "水平偏移", -1)),
+          createVNode(_component_a_input_number, {
+            value: $props.optionModel.boxModel.shadowOffsetX,
+            "onUpdate:value": _cache[15] || (_cache[15] = ($event) => $props.optionModel.boxModel.shadowOffsetX = $event),
+            onInput: _ctx.inputNumberHandler,
+            min: -100,
+            max: 100,
+            style: { "width": "100%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        createElementVNode("div", _hoisted_23, [
+          _cache[45] || (_cache[45] = createElementVNode("div", { class: "property-label" }, "垂直偏移", -1)),
+          createVNode(_component_a_input_number, {
+            value: $props.optionModel.boxModel.shadowOffsetY,
+            "onUpdate:value": _cache[16] || (_cache[16] = ($event) => $props.optionModel.boxModel.shadowOffsetY = $event),
+            onInput: _ctx.inputNumberHandler,
+            min: -100,
+            max: 100,
+            style: { "width": "100%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        createElementVNode("div", _hoisted_24, [
+          _cache[46] || (_cache[46] = createElementVNode("div", { class: "property-label" }, "模糊半径", -1)),
+          createVNode(_component_a_input_number, {
+            value: $props.optionModel.boxModel.shadowBlur,
+            "onUpdate:value": _cache[17] || (_cache[17] = ($event) => $props.optionModel.boxModel.shadowBlur = $event),
+            onInput: _ctx.inputNumberHandler,
+            min: 0,
+            max: 100,
+            style: { "width": "100%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        createElementVNode("div", _hoisted_25, [
+          _cache[47] || (_cache[47] = createElementVNode("div", { class: "property-label" }, "扩散半径", -1)),
+          createVNode(_component_a_input_number, {
+            value: $props.optionModel.boxModel.shadowSpread,
+            "onUpdate:value": _cache[18] || (_cache[18] = ($event) => $props.optionModel.boxModel.shadowSpread = $event),
+            onInput: _ctx.inputNumberHandler,
+            min: -100,
+            max: 100,
+            style: { "width": "100%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        createElementVNode("div", _hoisted_26, [
+          _cache[48] || (_cache[48] = createElementVNode("div", { class: "property-label" }, "阴影颜色", -1)),
+          createVNode(_component_a_input, {
+            value: $props.optionModel.boxModel.shadowColor,
+            "onUpdate:value": _cache[19] || (_cache[19] = ($event) => $props.optionModel.boxModel.shadowColor = $event),
+            type: "color",
+            style: { "width": "100%" }
+          }, null, 8, ["value"])
+        ])
+      ], 64)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const boxModelEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-96fafe19"]]);
+export {
+  boxModelEditor as default
+};
+//# sourceMappingURL=boxModel-editor.vue.js.map