bm-admin-ui 1.0.80-alpha → 1.0.82-alpha

package/es/components/form-designer/index.js

@@ -1,4514 +0,0 @@
-import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withDirectives, createVNode, withCtx, createTextVNode, withModifiers, vShow, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, resolveDynamicComponent } from 'vue';
-import uniqueId from 'bm-admin-ui/es/utils/uniqueId';
-import Draggable from 'vuedraggable';
-import { Tooltip, FormItemRest, Input, Button, RadioGroup, Radio, DatePicker, Checkbox, Tabs, TabPane, Row, Col, Dropdown, Menu, CheckboxGroup, MenuItem, Divider, Switch, Select, Layout, LayoutSider, LayoutContent, message } from 'ant-design-vue';
-import { HolderOutlined, EditOutlined, PlusOutlined, QuestionCircleOutlined, InfoCircleFilled, ExclamationCircleFilled } from '@ant-design/icons-vue';
-import { BmUpload } from 'bm-admin-ui/es/components';
-import { cloneDeep } from 'lodash-es';
-import FC from '@form-create/ant-design-vue';
-
-var WidgetType;
-(function (WidgetType) {
-    WidgetType["RowWidget"] = "RowWidget";
-    WidgetType["TableWidget"] = "TableWidget";
-    WidgetType["UploadFile"] = "UploadFile";
-})(WidgetType || (WidgetType = {}));
-function getFieldRatioRule(rule, parentRule) {
-    let defaultValue = rule.config.fieldRatio;
-    const propRule = {
-        type: 'radio',
-        title: '字段占比',
-        options: [],
-        props: {
-            optionType: 'button',
-            buttonStyle: 'solid',
-        },
-    };
-    switch (parentRule === null || parentRule === void 0 ? void 0 : parentRule.type) {
-        case WidgetType.RowWidget:
-            defaultValue = defaultValue || 12;
-            propRule.options = [
-                { value: 6, label: '25%' },
-                { value: 12, label: '50%' },
-                { value: 18, label: '75%' },
-                { value: 24, label: '100%' },
-            ];
-            propRule.value = defaultValue;
-            break;
-        case WidgetType.TableWidget:
-            defaultValue = defaultValue || '140px';
-            propRule.title = '子字段宽度';
-            propRule.options = [
-                { value: '140px', label: '小' },
-                { value: '212px', label: '中' },
-                { value: '392px', label: '大' },
-                { value: '572px', label: '超大 ' },
-            ];
-            propRule.value = defaultValue;
-            break;
-        default:
-            defaultValue = defaultValue || '100%';
-            propRule.options = [
-                { value: '25%', label: '25%' },
-                { value: '50%', label: '50%' },
-                { value: '75%', label: '75%' },
-                { value: '100%', label: '100%' },
-            ];
-            propRule.value = defaultValue;
-    }
-    return propRule;
-}
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "widget-instruction",
-  props: ["rule"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle({ minHeight: "22px", color: __props.rule.style.color })
-      }, toDisplayString(__props.rule.value), 5);
-    };
-  }
-});
-var WidgetInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "widget-instruction.vue"]]);
-
-const _hoisted_1$f = {
-  key: 2,
-  class: "bm-drag-tool-mask"
-};
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "drag-tool",
-  props: ["rule", "activeRuleField", "parentRule"],
-  emits: [
-    "copy",
-    "delete",
-    "mouseenter",
-    "mouseleave",
-    "setActiveRule",
-    "widgetAdd"
-  ],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const isActive = computed(() => props.rule.field === props.activeRuleField);
-    const option = computed(() => ({
-      form: {
-        layout: "vertical"
-      },
-      submitBtn: {
-        show: false
-      },
-      global: {
-        "*": {
-          props: {
-            activeRuleField: props.activeRuleField
-          }
-        }
-      },
-      parentType: props.parentRule?.type
-    }));
-    function emitCopyEvt(rule, parentRule = void 0) {
-      emits("copy", rule, parentRule);
-    }
-    function emitDeleteEvt(rule, parentRule = void 0) {
-      emits("delete", rule, parentRule);
-    }
-    function handleCopy() {
-      emitCopyEvt(props.rule);
-    }
-    function handleDelete() {
-      emitDeleteEvt(props.rule);
-    }
-    function handleMouseenter() {
-      props.rule.config.isHover = true;
-      emits("mouseenter");
-    }
-    function handleMouseleave() {
-      props.rule.config.isHover = false;
-      emits("mouseleave");
-    }
-    function handleRowWidgetMouseenter() {
-      props.rule.config.isHover = false;
-    }
-    function handleRowWidgetMouseleave() {
-      props.rule.config.isHover = true;
-    }
-    function handleNestSetActiveRule(element, parentRule) {
-      emits("setActiveRule", element, parentRule);
-    }
-    function handleNestCopy(rule, parentRule) {
-      emitCopyEvt(rule, parentRule);
-    }
-    function handleNestDelete(rule, parentRule) {
-      emitDeleteEvt(rule, parentRule);
-    }
-    function handleNestAdd(rule, parentRule) {
-      emits("widgetAdd", rule, parentRule);
-    }
-    return (_ctx, _cache) => {
-      const _component_FormCreate = resolveComponent("FormCreate");
-      const _component_Copy = resolveComponent("Copy");
-      const _component_ACol = resolveComponent("ACol");
-      const _component_Delete = resolveComponent("Delete");
-      const _component_ARow = resolveComponent("ARow");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "bm-drag-tool",
-          __props.rule.type === unref(WidgetType).RowWidget ? "is-row" : "",
-          unref(isActive) ? "is-active" : "",
-          __props.rule?.config?.putDisabled ? "is-put-disabled" : ""
-        ]),
-        onMouseenter: handleMouseenter,
-        onMouseleave: handleMouseleave
-      }, [
-        __props.rule.type ? (openBlock(), createBlock(_component_FormCreate, {
-          key: 0,
-          option: unref(option),
-          rule: [__props.rule],
-          onNestMouseenter: handleRowWidgetMouseenter,
-          onNestMouseleave: handleRowWidgetMouseleave,
-          onNestSetActiveRule: handleNestSetActiveRule,
-          onNestCopy: handleNestCopy,
-          onNestDelete: handleNestDelete,
-          onNestAdd: handleNestAdd
-        }, null, 8, ["option", "rule"])) : (openBlock(), createBlock(WidgetInstruction, {
-          key: 1,
-          rule: __props.rule
-        }, null, 8, ["rule"])),
-        __props.rule.type !== unref(WidgetType).RowWidget && __props.rule.type !== unref(WidgetType).TableWidget ? (openBlock(), createElementBlock("div", _hoisted_1$f)) : createCommentVNode("v-if", true),
-        withDirectives(createVNode(_component_ARow, {
-          class: "bm-drag-tool-btn",
-          gutter: [16, 0]
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_ACol, { class: "bm-drag-tool-btn-col" }, {
-              default: withCtx(() => [
-                createVNode(unref(Tooltip), { placement: "top" }, {
-                  title: withCtx(() => [
-                    createTextVNode("\u590D\u5236")
-                  ]),
-                  default: withCtx(() => [
-                    createVNode(_component_Copy, {
-                      class: "bm-drag-tool-btn-icon is-copy",
-                      onClick: withModifiers(handleCopy, ["stop"])
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            createVNode(_component_ACol, { class: "bm-drag-tool-btn-col" }, {
-              default: withCtx(() => [
-                createVNode(unref(Tooltip), { placement: "top" }, {
-                  title: withCtx(() => [
-                    createTextVNode("\u5220\u9664")
-                  ]),
-                  default: withCtx(() => [
-                    createVNode(_component_Delete, {
-                      class: "bm-drag-tool-btn-icon is-delete",
-                      onClick: withModifiers(handleDelete, ["stop"])
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 512), [
-          [vShow, __props.rule.config.isHover || unref(isActive)]
-        ])
-      ], 34);
-    };
-  }
-});
-var DragTool = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "drag-tool.vue"]]);
-
-const _hoisted_1$e = { class: "bm-drag-placeholder" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "drag-placeholder",
-  props: {},
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e);
-    };
-  }
-});
-var DragPlaceholder = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "drag-placeholder.vue"]]);
-
-const _hoisted_1$d = { class: "bm-widget-row-wrap" };
-const _hoisted_2$a = {
-  key: 0,
-  class: "bm-widget-row-tip"
-};
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "widget-row",
-  props: ["activeRuleField", "formCreateInject"],
-  emits: [
-    "mouseenter",
-    "mouseleave",
-    "set-active-rule",
-    "copy",
-    "delete",
-    "add"
-  ],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const rowRule = computed(() => props.formCreateInject.rule);
-    const childRules = computed(() => rowRule.value.config.childRules);
-    function handleMouseenter() {
-      emits("mouseenter");
-    }
-    function handleMouseleave() {
-      emits("mouseleave");
-    }
-    function emitSetActiveRuleEvt(rule, parentRule) {
-      emits("set-active-rule", rule, parentRule);
-    }
-    function handleClick(element) {
-      emitSetActiveRuleEvt(element, rowRule.value);
-    }
-    function emitAdd(rule, parentRule) {
-      emits("add", rule, parentRule);
-    }
-    function handleRowWidgetAdd({ newIndex }) {
-      emitAdd(childRules.value[newIndex], rowRule.value);
-    }
-    function handleRowWidgetUpdate({ newIndex }) {
-      const rule = childRules.value[newIndex];
-      if (rule)
-        emitSetActiveRuleEvt(rule, rowRule.value);
-    }
-    function handleCopy(rule, parentRule) {
-      parentRule = parentRule || rowRule.value;
-      emits("copy", rule, parentRule);
-    }
-    function handleDelete(rule, parentRule) {
-      parentRule = parentRule || rowRule.value;
-      emits("delete", rule, parentRule);
-    }
-    function handleWidgetInTableActive(rule, parentRule) {
-      emitSetActiveRuleEvt(rule, parentRule);
-    }
-    function handleWidgetAdd(rule, parentRule) {
-      emitAdd(rule, parentRule);
-    }
-    return (_ctx, _cache) => {
-      const _component_ACol = resolveComponent("ACol");
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        !unref(childRules).length ? (openBlock(), createElementBlock("div", _hoisted_2$a, " \u53EF\u62D6\u5165\u591A\u4E2A\u63A7\u4EF6 ")) : createCommentVNode("v-if", true),
-        createVNode(unref(Draggable), {
-          "component-data": {
-            field: __props.formCreateInject.rule.field,
-            type: unref(WidgetType).RowWidget
-          },
-          class: "bm-widget-row",
-          tag: "ARow",
-          group: {
-            name: "rowWidget",
-            pull: true,
-            put: ["widget", "rowWidget", "formWidget"]
-          },
-          "ghost-class": unref(childRules).length ? "row-drag-ghost" : "row-drag-ghost__is-empty",
-          list: unref(childRules),
-          "force-fallback": true,
-          delay: 50,
-          "item-key": "field",
-          direction: "vertical",
-          onAdd: handleRowWidgetAdd,
-          onUpdate: handleRowWidgetUpdate
-        }, {
-          item: withCtx(({ element }) => [
-            createVNode(_component_ACol, {
-              span: element.config.fieldRatio
-            }, {
-              default: withCtx(() => [
-                createVNode(DragTool, {
-                  rule: element,
-                  "active-rule-field": __props.activeRuleField,
-                  "parent-rule": __props.formCreateInject.rule,
-                  onMouseenter: handleMouseenter,
-                  onMouseleave: handleMouseleave,
-                  onClick: withModifiers(($event) => handleClick(element), ["stop"]),
-                  onCopy: handleCopy,
-                  onDelete: handleDelete,
-                  onSetActiveRule: handleWidgetInTableActive,
-                  onWidgetAdd: handleWidgetAdd
-                }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
-                createVNode(DragPlaceholder)
-              ]),
-              _: 2
-            }, 1032, ["span"])
-          ]),
-          _: 1
-        }, 8, ["component-data", "ghost-class", "list"])
-      ]);
-    };
-  }
-});
-var WidgetRow = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "widget-row.vue"]]);
-
-const label$h = '分栏';
-const fieldsMap$h = {
-    'title.title': 'title.title',
-    'config.title': 'config.title',
-    'config.showTitle': 'config.showTitle',
-};
-function handleTitle(title) {
-    return title + '(该标题不会显示在表单)';
-}
-const name$h = 'row';
-var row = {
-    icon: 'RowIcon',
-    name: name$h,
-    label: label$h,
-    rule() {
-        return {
-            type: WidgetType.RowWidget,
-            component: WidgetRow,
-            title: {
-                title: label$h,
-            },
-            field: uniqueId(),
-            props: {
-                field: '',
-                list: [],
-                activeRule: {},
-            },
-            emit: [
-                'mouseenter',
-                'mouseleave',
-                'set-active-rule',
-                'copy',
-                'delete',
-                'add',
-            ],
-            emitPrefix: 'nest',
-            config: {
-                title: label$h,
-                showTitle: true,
-                childRules: [],
-                propsFields: Object.values(fieldsMap$h),
-            },
-        };
-    },
-    props(rule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$h['config.title'],
-                value: rule.config.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-                inject: true,
-                on: {
-                    change({ api, self }, $event) {
-                        const showTitle = rule.config.showTitle;
-                        let title = $event.target.value;
-                        if (!showTitle) {
-                            title = handleTitle(title);
-                        }
-                        api.emit('change', 'title.title', title, self, api, true);
-                    },
-                },
-            },
-            {
-                type: 'switch',
-                title: '是否显示标题',
-                field: fieldsMap$h['config.showTitle'],
-                value: rule.config.showTitle,
-                inject: true,
-                on: {
-                    change({ api, self }, value) {
-                        let title = rule.config.title;
-                        if (!value) {
-                            title = handleTitle(title);
-                        }
-                        api.emit('change', 'title.title', title, self, api, true);
-                    },
-                },
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$h,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            config: {
-                title: rule.config.title,
-                showTitle: rule.config.showTitle,
-            },
-        };
-    },
-};
-
-const label$g = '单行输入框';
-const fieldsMap$g = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    value: 'value',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$g = 'input';
-var input = {
-    icon: 'InputIcon',
-    name: name$g,
-    label: label$g,
-    rule() {
-        return {
-            type: 'input',
-            field: uniqueId(),
-            title: {
-                title: label$g,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                maxlength: 200,
-                placeholder: '请输入',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$g),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$g['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$g['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'input',
-                title: '默认值',
-                field: fieldsMap$g['value'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 200,
-                },
-                value: rule.value,
-            },
-            Object.assign({ field: fieldsMap$g['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$g['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$g,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-            },
-            value: rule.value,
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$f = '多行输入框';
-const fieldsMap$f = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    value: 'value',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$f = 'textarea';
-var textarea = {
-    icon: 'TextareaIcon',
-    name: name$f,
-    label: label$f,
-    rule() {
-        return {
-            type: 'input',
-            field: uniqueId(),
-            title: {
-                title: label$f,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                type: 'textarea',
-                placeholder: '请输入',
-                maxlength: 5000,
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$f),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$f['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$f['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'input',
-                title: '默认值',
-                field: fieldsMap$f['value'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 5000,
-                },
-                value: rule.value,
-            },
-            Object.assign({ field: fieldsMap$f['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$f['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$f,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-            },
-            value: rule.value,
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$e = '数字输入框';
-const fieldsMap$e = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    value: 'value',
-    'config.fieldRatio': 'config.fieldRatio',
-    'config.count': 'config.count',
-    'effect.required': 'effect.required',
-};
-const name$e = 'numInput';
-var numInput = {
-    icon: 'NumInput',
-    name: name$e,
-    label: label$e,
-    rule() {
-        return {
-            type: 'inputNumber',
-            field: uniqueId(),
-            title: {
-                title: label$e,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                placeholder: '请输入',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$e),
-            },
-            style: {
-                width: '100%',
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$e['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$e['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'inputNumber',
-                title: '默认值',
-                field: fieldsMap$e['value'],
-                props: {
-                    placeholder: '请输入',
-                    type: 'number',
-                },
-                value: rule.value,
-                style: {
-                    width: '100%',
-                },
-            },
-            Object.assign({ field: fieldsMap$e['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '统计总数',
-                info: '仅当该控件结合“表格”控件使用时应用',
-                field: fieldsMap$e['config.count'],
-                value: rule.config.count,
-                props: {
-                    disabled: (parentRule === null || parentRule === void 0 ? void 0 : parentRule.type) !== WidgetType.TableWidget,
-                },
-            },
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$e['effect.required'],
-                value: rule.effect.required,
-                info: '勾选后可作为流程条件',
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$e,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-            },
-            value: rule.value,
-            config: {
-                count: rule.config.count,
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const _hoisted_1$c = { class: "bm-handle-options" };
-const _hoisted_2$9 = {
-  key: 0,
-  class: "bm-handle-options__error-tip"
-};
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "handle-options",
-  props: ["options", "disabled"],
-  emits: ["setValue"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const handleClass = "bm-handle-options__drag-icon";
-    const visible = ref(false);
-    const text = ref("");
-    const repeatOption = ref([]);
-    const maxlength = 500;
-    function edit() {
-      visible.value = true;
-      text.value = makeText(props.options);
-    }
-    function add() {
-      const index = props.options.length;
-      const value = `\u9009\u9879${index + 1}`;
-      props.options.push({ value, label: value });
-    }
-    function makeText(options) {
-      return options.reduce((pre, cur) => {
-        if (!pre) {
-          return cur.label;
-        } else {
-          return pre + "\n" + cur.label;
-        }
-      }, "");
-    }
-    function handleOk() {
-      const options = text.value.split("\n").reduce((pre, cur) => {
-        if (cur) {
-          cur = cur.substring(0, maxlength - 1);
-          pre.push({ value: cur, label: cur });
-        }
-        return pre;
-      }, []);
-      props.options.splice(0, props.options.length);
-      props.options.push(...options);
-      visible.value = false;
-    }
-    function handleBlur(element) {
-      element.value = element.label;
-    }
-    function handleRepeatOption(val) {
-      repeatOption.value = [];
-      const cache = {};
-      val.forEach(({ value }) => {
-        if (!cache[value]) {
-          cache[value] = 1;
-        } else {
-          cache[value]++;
-          if (cache[value] === 2) {
-            repeatOption.value.push(value);
-          }
-        }
-      });
-    }
-    function emitSetValue(val) {
-      emits("setValue", val);
-    }
-    watch(
-      props.options,
-      (val) => {
-        handleRepeatOption(val);
-        emitSetValue(val);
-      },
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      const _component_Delete = resolveComponent("Delete");
-      const _component_ARow = resolveComponent("ARow");
-      const _component_a_textarea = resolveComponent("a-textarea");
-      const _component_a_modal = resolveComponent("a-modal");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(unref(Draggable), {
-          tag: "transition-group",
-          "component-data": {
-            name: "flip-list"
-          },
-          animation: 200,
-          list: __props.options,
-          handle: `.${handleClass}`,
-          "force-fallback": true,
-          disabled: __props.disabled
-        }, {
-          item: withCtx(({ element, index }) => [
-            createElementVNode("div", _hoisted_1$c, [
-              createVNode(_component_ARow, { align: "middle" }, {
-                default: withCtx(() => [
-                  !__props.disabled ? (openBlock(), createBlock(unref(HolderOutlined), {
-                    key: 0,
-                    class: normalizeClass([handleClass])
-                  }, null, 8, ["class"])) : createCommentVNode("v-if", true),
-                  createVNode(unref(FormItemRest), null, {
-                    default: withCtx(() => [
-                      createVNode(unref(Input), {
-                        value: element.label,
-                        "onUpdate:value": ($event) => element.label = $event,
-                        class: normalizeClass([
-                          "bm-handle-options__input",
-                          repeatOption.value.length && repeatOption.value.includes(element.value) ? "is-error" : ""
-                        ]),
-                        maxlength,
-                        disabled: __props.disabled,
-                        onBlur: ($event) => handleBlur(element)
-                      }, null, 8, ["value", "onUpdate:value", "class", "disabled", "onBlur"])
-                    ]),
-                    _: 2
-                  }, 1024),
-                  !__props.disabled ? (openBlock(), createBlock(_component_Delete, {
-                    key: 1,
-                    class: "bm-handle-options__del-icon",
-                    onClick: ($event) => __props.options.splice(index, 1)
-                  }, null, 8, ["onClick"])) : createCommentVNode("v-if", true)
-                ]),
-                _: 2
-              }, 1024),
-              repeatOption.value.length && repeatOption.value.includes(element.value) ? (openBlock(), createElementBlock("div", _hoisted_2$9, " \u8BF7\u66F4\u6539\u91CD\u590D\u9009\u9879 ")) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          _: 1
-        }, 8, ["list", "handle", "disabled"]),
-        !__props.disabled ? (openBlock(), createBlock(unref(Button), {
-          key: 0,
-          style: { "margin-left": "24px", "margin-top": "8px" },
-          onClick: edit
-        }, {
-          icon: withCtx(() => [
-            createVNode(unref(EditOutlined))
-          ]),
-          default: withCtx(() => [
-            createTextVNode(" \u6279\u91CF\u7F16\u8F91 ")
-          ]),
-          _: 1
-        })) : createCommentVNode("v-if", true),
-        !__props.disabled ? (openBlock(), createBlock(unref(Button), {
-          key: 1,
-          style: { "margin-left": "8px", "margin-top": "8px" },
-          onClick: add
-        }, {
-          icon: withCtx(() => [
-            createVNode(unref(PlusOutlined))
-          ]),
-          default: withCtx(() => [
-            createTextVNode(" \u6DFB\u52A0\u9009\u9879 ")
-          ]),
-          _: 1
-        })) : createCommentVNode("v-if", true),
-        createVNode(_component_a_modal, {
-          visible: visible.value,
-          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
-          title: "\u9009\u9879\u6279\u91CF\u7F16\u8F91",
-          onOk: handleOk
-        }, {
-          default: withCtx(() => [
-            createTextVNode(" \u6BCF\u884C\u5BF9\u5E94\u4E00\u4E2A\u9009\u9879 "),
-            createVNode(_component_a_textarea, {
-              value: text.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => text.value = $event),
-              style: { "margin-top": "8px" },
-              placeholder: "\u8BF7\u8F93\u5165",
-              "auto-size": { minRows: 8 }
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        }, 8, ["visible"])
-      ]);
-    };
-  }
-});
-var HandleOptionsCom = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "handle-options.vue"]]);
-
-const label$d = '单选框';
-const ruleType$1 = {
-    checkedValue: 'radio',
-    unCheckedValue: 'select',
-};
-const fieldsMap$d = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    options: 'options',
-    type: 'type',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$d = 'radio';
-var radio = {
-    icon: 'RadioIcon',
-    name: name$d,
-    label: label$d,
-    rule() {
-        return {
-            type: ruleType$1.unCheckedValue,
-            field: uniqueId(),
-            title: {
-                title: label$d,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            options: [
-                {
-                    value: '选项1',
-                    label: '选项1',
-                },
-                {
-                    value: '选项2',
-                    label: '选项2',
-                },
-                {
-                    value: '选项3',
-                    label: '选项3',
-                },
-            ],
-            props: {
-                placeholder: '请选择',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$d),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$d['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$d['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'HandleOptions',
-                component: HandleOptionsCom,
-                title: '选项',
-                field: fieldsMap$d['options'],
-                props: {
-                    options: rule.options,
-                },
-                value: rule.options,
-                inject: true,
-                on: {
-                    setValue(inject, options) {
-                        const rule = inject.self;
-                        const api = inject.api;
-                        api.changeValue(rule.field, options);
-                        api.emit('change', rule.field, rule.value, rule, api, true);
-                    },
-                },
-            },
-            {
-                hidden: (parentRule === null || parentRule === void 0 ? void 0 : parentRule.type) === WidgetType.TableWidget,
-                type: 'switch',
-                title: '选项平铺',
-                field: fieldsMap$d['type'],
-                value: rule.type,
-                props: Object.assign({}, ruleType$1),
-            },
-            Object.assign({ field: fieldsMap$d['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$d['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$d,
-            field: rule.field,
-            type: rule.type,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-            },
-            options: rule.options,
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$c = '多选框';
-const ruleType = {
-    checkedValue: 'checkbox',
-    unCheckedValue: 'select',
-};
-const fieldsMap$c = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    options: 'options',
-    type: 'type',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$c = 'checkbox';
-var checkbox = {
-    icon: 'CheckboxIcon',
-    name: name$c,
-    label: label$c,
-    rule() {
-        return {
-            type: ruleType.unCheckedValue,
-            field: uniqueId(),
-            title: {
-                title: label$c,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            options: [
-                {
-                    value: '选项1',
-                    label: '选项1',
-                },
-                {
-                    value: '选项2',
-                    label: '选项2',
-                },
-                {
-                    value: '选项3',
-                    label: '选项3',
-                },
-            ],
-            props: {
-                placeholder: '请选择',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$c),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$c['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$c['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'HandleOptions',
-                component: HandleOptionsCom,
-                title: '选项',
-                field: fieldsMap$c['options'],
-                props: {
-                    options: rule.options,
-                },
-                value: rule.options,
-                inject: true,
-                on: {
-                    setValue(inject, options) {
-                        const rule = inject.self;
-                        const api = inject.api;
-                        api.changeValue(rule.field, options);
-                        api.emit('change', rule.field, rule.value, rule, api, true);
-                    },
-                },
-            },
-            {
-                hidden: (parentRule === null || parentRule === void 0 ? void 0 : parentRule.type) === WidgetType.TableWidget,
-                type: 'switch',
-                title: '选项平铺',
-                field: fieldsMap$c['type'],
-                value: rule.type,
-                props: Object.assign({}, ruleType),
-            },
-            Object.assign({ field: fieldsMap$c['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$c['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$c,
-            field: rule.field,
-            type: rule.type,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-            },
-            options: rule.options,
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const _hoisted_1$b = { class: "bm-default-date" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "default-date",
-  props: [
-    "defaultRadioValue",
-    "defalueDateValue",
-    "formCreateInject"
-  ],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const format = computed(
-      () => props.formCreateInject.api.getRule("props.format").value
-    );
-    const extraProps = computed(() => ({
-      picker: format.value === "YYYY-MM" ? "month" : "",
-      showTime: format.value === "YYYY-MM-DD HH:mm"
-    }));
-    const radioValue = ref(props.defaultRadioValue);
-    const dateValue = ref(props.defalueDateValue);
-    function emitChange(dateValue2) {
-      emits("change", radioValue.value, dateValue2);
-    }
-    function handleRadioChange(evt) {
-      radioValue.value = evt.target.value;
-      dateValue.value = "";
-      emitChange("");
-    }
-    function handleDateChange(date) {
-      dateValue.value = date;
-      emitChange(date);
-    }
-    function getPopupContainer() {
-      return document.body;
-    }
-    watch(format, () => {
-      handleDateChange("");
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createVNode(unref(FormItemRest), null, {
-          default: withCtx(() => [
-            createVNode(unref(RadioGroup), {
-              value: radioValue.value,
-              onChange: handleRadioChange
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(Radio), { value: 0 }, {
-                  default: withCtx(() => [
-                    createTextVNode(" \u5F53\u524D\u65F6\u95F4(\u5E74/\u6708/\u65E5) "),
-                    createVNode(unref(Tooltip), null, {
-                      title: withCtx(() => [
-                        createTextVNode(" \u83B7\u53D6\u7528\u6237\u5B9E\u9645\u586B\u5199\u65F6\u7684\u65F6\u95F4 ")
-                      ]),
-                      default: withCtx(() => [
-                        createVNode(unref(QuestionCircleOutlined), { style: { "color": "#babac1" } })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(Radio), { value: 1 }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u81EA\u5B9A\u4E49")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["value"]),
-            radioValue.value === 1 ? (openBlock(), createBlock(unref(DatePicker), {
-              key: 0,
-              style: { width: "100%", marginTop: "8px" },
-              value: dateValue.value,
-              format: unref(format),
-              "value-format": unref(format),
-              picker: unref(extraProps).picker,
-              "show-time": unref(extraProps).showTime,
-              placeholder: "\u8BF7\u9009\u62E9",
-              "get-popup-container": getPopupContainer,
-              onChange: handleDateChange
-            }, null, 8, ["value", "format", "value-format", "picker", "show-time"])) : createCommentVNode("v-if", true)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-var DefaultDate = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "default-date.vue"]]);
-
-const label$b = '日期';
-const fieldsMap$b = {
-    'title.title': 'title.title',
-    'props.format': 'props.format',
-    'props.placeholder': 'props.placeholder',
-    value: 'value',
-    'config.defaultValue': 'config.defaultValue',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$b = 'date';
-var date = {
-    icon: 'Date',
-    name: name$b,
-    label: label$b,
-    rule() {
-        return {
-            type: 'datePicker',
-            field: uniqueId(),
-            title: {
-                title: label$b,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                placeholder: '请选择',
-                format: 'YYYY-MM',
-                valueFormat: 'YYYY-MM',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$b),
-                defaultValue: 1,
-            },
-            style: {
-                width: '100%',
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$b['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'select',
-                title: '日期类型',
-                field: fieldsMap$b['props.format'],
-                effect: {
-                    required: '请选择日期类型',
-                },
-                props: {
-                    placeholder: '请选择',
-                },
-                options: [
-                    {
-                        value: 'YYYY-MM',
-                        label: '年-月',
-                    },
-                    {
-                        value: 'YYYY-MM-DD',
-                        label: '年-月-日',
-                    },
-                    {
-                        value: 'YYYY-MM-DD HH:mm',
-                        label: '年-月-日 时:分',
-                    },
-                ],
-                value: rule.props.format,
-                inject: true,
-                on: {
-                    change({ api, self }, format) {
-                        api.emit('props.valueFormat', format.value);
-                    },
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$b['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'DefaultDate',
-                component: DefaultDate,
-                title: '默认值',
-                field: fieldsMap$b['config.defaultValue'],
-                props: {
-                    defaultRadioValue: rule.config.defaultValue,
-                    defalueDateValue: rule.value,
-                },
-                inject: true,
-                on: {
-                    change({ api, self }, radioValue, dateValue) {
-                        self.props.defaultRadioValue = radioValue;
-                        self.props.defalueDateValue = dateValue;
-                        api.emit('change', 'config.defaultValue', radioValue, self, api, true);
-                        api.emit('change', 'value', dateValue, self, api, true);
-                    },
-                },
-            },
-            Object.assign({ field: fieldsMap$b['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$b['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$b,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                format: rule.props.format,
-                placeholder: rule.props.placeholder,
-            },
-            value: rule.value,
-            config: {
-                defaultValue: rule.config.defaultValue,
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$a = '日期区间';
-const fieldsMap$a = {
-    'title.title': 'title.title',
-    'props.format': 'props.format',
-    'props.placeholder.0': 'props.placeholder.0',
-    'props.placeholder.1': 'props.placeholder.1',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$a = 'dateRange';
-var dateRange = {
-    icon: 'DateRange',
-    name: name$a,
-    label: label$a,
-    rule() {
-        return {
-            type: 'datePicker',
-            field: uniqueId(),
-            title: {
-                title: label$a,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                range: true,
-                placeholder: ['开始日期', '结束日期'],
-                format: 'YYYY-MM',
-                separator: '~',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$a),
-                defaultValue: 1,
-            },
-            style: {
-                width: '100%',
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$a['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'select',
-                title: '日期类型',
-                field: fieldsMap$a['props.format'],
-                effect: {
-                    required: '请选择日期类型',
-                },
-                props: {
-                    placeholder: '请选择',
-                },
-                options: [
-                    {
-                        value: 'YYYY-MM',
-                        label: '年-月',
-                    },
-                    {
-                        value: 'YYYY-MM-DD',
-                        label: '年-月-日',
-                    },
-                    {
-                        value: 'YYYY-MM-DD HH:mm',
-                        label: '年-月-日 时:分',
-                    },
-                ],
-                value: rule.props.format,
-            },
-            {
-                type: 'input',
-                title: '提示文字1',
-                field: fieldsMap$a['props.placeholder.0'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder[0],
-            },
-            {
-                type: 'input',
-                title: '提示文字2',
-                field: fieldsMap$a['props.placeholder.1'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder[1],
-            },
-            Object.assign({ field: fieldsMap$a['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$a['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$a,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                format: rule.props.format,
-                placeholder: rule.props.placeholder,
-            },
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$9 = '说明文字';
-const fieldsMap$9 = {
-    value: 'value',
-    'style.color': 'style.color',
-};
-const name$9 = 'instruction';
-var Colors;
-(function (Colors) {
-    Colors["Black"] = "#242633";
-    Colors["Blue"] = "#2F4EED";
-})(Colors || (Colors = {}));
-var instruction = {
-    icon: 'Instruction',
-    name: name$9,
-    label: label$9,
-    rule() {
-        return {
-            field: uniqueId(),
-            config: {
-                propsFields: Object.values(fieldsMap$9),
-            },
-            style: {
-                color: Colors.Black,
-            },
-            value: '请输入说明文字',
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                props: {
-                    type: 'textarea',
-                    autoSize: {
-                        minRows: 5,
-                    },
-                },
-                effect: {
-                    required: '请输入说明文字',
-                },
-                title: label$9,
-                field: fieldsMap$9.value,
-                value: rule.value,
-                inject: true,
-                prefix: {
-                    type: 'TextColor',
-                    on: {
-                        change({ api, self }, color) {
-                            api.emit('change', 'style.color', color, self, api, true);
-                        },
-                    },
-                    props: {
-                        color: rule.style.color,
-                    },
-                },
-                on: {
-                    change({ api, self }, list) {
-                        nextTick(() => {
-                            api.refresh();
-                        });
-                    },
-                },
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$9,
-            field: rule.field,
-            value: rule.value,
-            style: {
-                color: rule.style.color,
-            },
-        };
-    },
-};
-
-const label$8 = '图片';
-const fieldsMap$8 = {
-    'title.title': 'title.title',
-    'props.extraProps.maxCount': 'props.extraProps.maxCount',
-    'effect.required': 'effect.required',
-};
-const name$8 = 'picture';
-var picture = {
-    icon: 'Picture',
-    name: name$8,
-    label: label$8,
-    rule() {
-        return {
-            type: 'UploadPicture',
-            component: BmUpload,
-            field: uniqueId(),
-            title: {
-                title: label$8,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                uploadProps: {
-                    listType: 'picture-card',
-                    text: '请选择',
-                },
-                extraProps: {
-                    maxCount: 9,
-                },
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$8),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$8['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'radio',
-                field: 'props.extraProps.maxCount',
-                title: '图片上传限制',
-                info: '单张图片的大小需在10M以内',
-                options: [
-                    {
-                        label: '最多可上传9张',
-                        value: 9,
-                    },
-                    {
-                        label: '仅允许上传1张图片',
-                        value: 1,
-                    },
-                ],
-                value: rule.props.extraProps.maxCount,
-                className: 'form-designer-props-radio-label',
-                inject: true,
-                on: {
-                    change({ api, self }, { target }) {
-                        const value = target.value;
-                        self.value = value;
-                        api.emit('change', self.field, value, self, api, true);
-                    },
-                },
-            },
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$8['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$8,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                extraProps: {
-                    maxCount: rule.props.extraProps.maxCount,
-                },
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const _hoisted_1$a = { class: "bm-widget-table-wrap" };
-const _hoisted_2$8 = { class: "bm-widget-table-top-bar" };
-const _hoisted_3$5 = { class: "bm-widget-table-outer" };
-const _hoisted_4$4 = { class: "bm-widget-table" };
-const _hoisted_5$1 = {
-  key: 0,
-  class: "bm-widget-table__virtual"
-};
-const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("div", { class: "bm-widget-table__virtual__head" }, null, -1);
-const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("div", { class: "bm-widget-table__virtual__content" }, null, -1);
-const _hoisted_8 = [
-  _hoisted_6$1,
-  _hoisted_7$1
-];
-const _hoisted_9 = {
-  key: 1,
-  class: "bm-widget-table__tip"
-};
-const _hoisted_10 = {
-  key: 0,
-  class: "bm-widget-table__checkbox"
-};
-const _hoisted_11 = { class: "bm-widget-table__checkbox__head" };
-const _hoisted_12 = { class: "bm-widget-table__checkbox__content" };
-const _hoisted_13 = { class: "bm-widget-table__operateColumn" };
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "bm-widget-table__operateColumn__head" }, "\u64CD\u4F5C", -1);
-const _hoisted_15 = { class: "bm-widget-table__operateColumn__content" };
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("a", null, "\u590D\u5236", -1);
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-const _hoisted_18 = /* @__PURE__ */ createElementVNode("a", null, "\u5220\u9664", -1);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "widget-table",
-  props: ["formCreateInject", "activeRuleField"],
-  emits: [
-    "add",
-    "mouseenter",
-    "mouseleave",
-    "set-active-rule",
-    "copy",
-    "delete"
-  ],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const tableRule = computed(() => props.formCreateInject.rule);
-    const childRules = computed(() => tableRule.value.config.childRules);
-    const showDelete = computed(() => showFeature("delete"));
-    const showImport = computed(() => showFeature("import"));
-    const showCopy = computed(() => showFeature("copy"));
-    function showFeature(featureId) {
-      return tableRule.value.config.tableAdvancedFeatures.includes(featureId);
-    }
-    function handleAdd({ newIndex }) {
-      emits("add", childRules.value[newIndex], tableRule.value);
-    }
-    function handleMouseenter() {
-      emits("mouseenter");
-    }
-    function handleMouseleave() {
-      emits("mouseleave");
-    }
-    function emitSetActiveRuleEvt(rule) {
-      emits("set-active-rule", rule, tableRule.value);
-    }
-    function handleClick(element) {
-      emitSetActiveRuleEvt(element);
-    }
-    function handleUpdate({ newIndex }) {
-      emitSetActiveRuleEvt(childRules.value[newIndex]);
-    }
-    function handleCopy(rule) {
-      emits("copy", rule, tableRule.value);
-    }
-    function handleDelete(rule) {
-      emits("delete", rule, tableRule.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createElementVNode("div", _hoisted_2$8, [
-          createVNode(unref(Button), { type: "primary" }, {
-            icon: withCtx(() => [
-              createVNode(unref(PlusOutlined))
-            ]),
-            default: withCtx(() => [
-              createTextVNode(" \u65B0\u589E ")
-            ]),
-            _: 1
-          }),
-          unref(showDelete) ? (openBlock(), createBlock(unref(Button), { key: 0 }, {
-            default: withCtx(() => [
-              createTextVNode(" \u6279\u91CF\u5220\u9664 ")
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          unref(showImport) ? (openBlock(), createBlock(unref(Button), { key: 1 }, {
-            default: withCtx(() => [
-              createTextVNode(" \u6279\u91CF\u5BFC\u5165 ")
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          unref(showImport) ? (openBlock(), createBlock(unref(Button), { key: 2 }, {
-            default: withCtx(() => [
-              createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ]),
-        createElementVNode("div", _hoisted_3$5, [
-          createElementVNode("div", {
-            class: "bm-widget-table-inner",
-            style: normalizeStyle({
-              paddingLeft: unref(showDelete) ? "32px" : 0,
-              paddingRight: unref(showCopy) ? "81px" : "60px"
-            })
-          }, [
-            createElementVNode("div", _hoisted_4$4, [
-              unref(childRules).length ? (openBlock(), createElementBlock("div", _hoisted_5$1, _hoisted_8)) : (openBlock(), createElementBlock("div", _hoisted_9, "\u53EF\u62D6\u5165\u591A\u4E2A\u63A7\u4EF6")),
-              createVNode(unref(Draggable), {
-                "component-data": {
-                  field: unref(tableRule).field,
-                  type: unref(WidgetType).TableWidget
-                },
-                class: "bm-widget-table__drag-content",
-                group: {
-                  name: "tableWidget",
-                  pull: true,
-                  put: ["widget", "tableWidget"]
-                },
-                list: unref(childRules),
-                "ghost-class": unref(childRules).length ? "table-drag-ghost" : "table-drag-ghost__is-empty",
-                "item-key": "field",
-                direction: "vertical",
-                "force-fallback": true,
-                "scroll-sensitivity": 100,
-                delay: 50,
-                onAdd: handleAdd,
-                onUpdate: handleUpdate
-              }, {
-                item: withCtx(({ element }) => [
-                  createElementVNode("div", {
-                    class: normalizeClass(["bm-widget-table__drag-item", { "no-label": !element?.title?.title }]),
-                    style: normalizeStyle({ width: element.config.fieldRatio })
-                  }, [
-                    createVNode(DragTool, {
-                      rule: element,
-                      "active-rule-field": __props.activeRuleField,
-                      "parent-rule": __props.formCreateInject.rule,
-                      onMouseenter: handleMouseenter,
-                      onMouseleave: handleMouseleave,
-                      onClick: withModifiers(($event) => handleClick(element), ["stop"]),
-                      onCopy: handleCopy,
-                      onDelete: handleDelete
-                    }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
-                    createVNode(DragPlaceholder)
-                  ], 6)
-                ]),
-                _: 1
-              }, 8, ["component-data", "list", "ghost-class"])
-            ])
-          ], 4),
-          unref(showDelete) ? (openBlock(), createElementBlock("div", _hoisted_10, [
-            createElementVNode("div", _hoisted_11, [
-              createVNode(unref(FormItemRest), null, {
-                default: withCtx(() => [
-                  createVNode(unref(Checkbox))
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("div", _hoisted_12, [
-              createVNode(unref(FormItemRest), null, {
-                default: withCtx(() => [
-                  createVNode(unref(Checkbox))
-                ]),
-                _: 1
-              })
-            ])
-          ])) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_13, [
-            _hoisted_14,
-            createElementVNode("div", _hoisted_15, [
-              unref(showCopy) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                _hoisted_16,
-                _hoisted_17
-              ], 64)) : createCommentVNode("v-if", true),
-              _hoisted_18
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-var WidgetTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "widget-table.vue"]]);
-
-const label$7 = '表格';
-const fieldsMap$7 = {
-    'title.title': 'title.title',
-    'config.childRules': 'config.childRules',
-    'config.tableAdvancedFeatures': 'config.tableAdvancedFeatures',
-};
-const name$7 = 'table';
-var table = {
-    icon: 'Table',
-    name: name$7,
-    label: label$7,
-    rule() {
-        const childRules = [];
-        return {
-            type: WidgetType.TableWidget,
-            component: WidgetTable,
-            field: uniqueId(),
-            title: {
-                type: 'TableHeadCount',
-                title: label$7,
-                props: {
-                    childRules,
-                },
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                formRule: 'formRule',
-            },
-            config: {
-                childRules,
-                tableAdvancedFeatures: ['copy', 'delete', 'import'],
-                propsFields: Object.values(fieldsMap$7),
-            },
-            emit: [
-                'mouseenter',
-                'mouseleave',
-                'set-active-rule',
-                'copy',
-                'delete',
-                'add',
-            ],
-            emitPrefix: 'nest',
-        };
-    },
-    props(rule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$7['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'TableColumn',
-                title: '子字段设置',
-                field: fieldsMap$7['config.childRules'],
-                effect: {
-                    required: true,
-                },
-                inject: true,
-                value: rule.config.childRules,
-                on: {
-                    change({ api, self }, list) {
-                        nextTick(() => {
-                            setTimeout(() => {
-                                api.validate();
-                            });
-                        });
-                    },
-                    childRuleDelete({ api }, rule) {
-                        api.emit('tableChildRuleDelete', rule);
-                    },
-                },
-            },
-            {
-                type: 'checkbox',
-                title: '表格的高级操作',
-                field: fieldsMap$7['config.tableAdvancedFeatures'],
-                value: rule.config.tableAdvancedFeatures,
-                options: [
-                    {
-                        value: 'copy',
-                        label: '复制行',
-                    },
-                    {
-                        value: 'delete',
-                        label: '批量删除',
-                    },
-                    {
-                        value: 'import',
-                        label: '批量导入',
-                    },
-                ],
-                className: 'bfd-sider-right__form__table-checkbox',
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$7,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            config: {
-                tableAdvancedFeatures: rule.config.tableAdvancedFeatures,
-            },
-        };
-    },
-};
-
-const label$6 = '附件';
-const fieldsMap$6 = {
-    'title.title': 'title.title',
-    'effect.required': 'effect.required',
-};
-const name$6 = 'file';
-var file = {
-    icon: 'File',
-    name: name$6,
-    label: label$6,
-    rule() {
-        return {
-            type: WidgetType.UploadFile,
-            component: BmUpload,
-            field: uniqueId(),
-            title: {
-                title: label$6,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$6),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$6['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$6['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$6,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$5 = '员工';
-const fieldsMap$5 = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    'props.limit': 'props.limit',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$5 = 'people';
-var people = {
-    icon: 'People',
-    name: name$5,
-    label: label$5,
-    rule() {
-        return {
-            type: 'select',
-            field: uniqueId(),
-            title: {
-                title: label$5,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                limit: 0,
-                placeholder: '请选择',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$5),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$5['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$5['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'radio',
-                title: '选项',
-                field: fieldsMap$5['props.limit'],
-                options: [
-                    {
-                        value: 1,
-                        label: '只能选择一人',
-                    },
-                    {
-                        value: 0,
-                        label: '可同时选择多人',
-                    },
-                ],
-                value: rule.props.limit,
-                effect: {
-                    required: true,
-                },
-                inject: true,
-                on: {
-                    change({ api, self }, { target }) {
-                        const value = target.value;
-                        self.value = value;
-                        api.emit('change', self.field, value, self, api, true);
-                    },
-                },
-                className: 'form-designer-props-radio-label',
-            },
-            Object.assign({ field: fieldsMap$5['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                info: '勾选后可作为流程条件',
-                field: fieldsMap$5['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$5,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-                limit: rule.props.limit,
-            },
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const label$4 = '部门';
-const fieldsMap$4 = {
-    'title.title': 'title.title',
-    'props.placeholder': 'props.placeholder',
-    'props.limit': 'props.limit',
-    'config.fieldRatio': 'config.fieldRatio',
-    'effect.required': 'effect.required',
-};
-const name$4 = 'department';
-var department = {
-    icon: 'Department',
-    name: name$4,
-    label: label$4,
-    rule() {
-        return {
-            type: 'select',
-            field: uniqueId(),
-            title: {
-                title: label$4,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: false,
-                formRule: 'formRule',
-            },
-            props: {
-                limit: 0,
-                placeholder: '请选择',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$4),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'input',
-                title: '标题',
-                field: fieldsMap$4['title.title'],
-                value: rule.title.title,
-                effect: {
-                    required: '请输入标题',
-                },
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 10,
-                },
-            },
-            {
-                type: 'input',
-                title: '提示文字',
-                field: fieldsMap$4['props.placeholder'],
-                props: {
-                    placeholder: '请输入',
-                    maxlength: 30,
-                },
-                value: rule.props.placeholder,
-            },
-            {
-                type: 'radio',
-                title: '选项',
-                field: fieldsMap$4['props.limit'],
-                options: [
-                    {
-                        value: 1,
-                        label: '只能选择一部门',
-                    },
-                    {
-                        value: 0,
-                        label: '可同时选择多个部门',
-                    },
-                ],
-                value: rule.props.limit,
-                effect: {
-                    required: true,
-                },
-                inject: true,
-                on: {
-                    change({ api, self }, { target }) {
-                        const value = target.value;
-                        self.value = value;
-                        api.emit('change', self.field, value, self, api, true);
-                    },
-                },
-                className: 'form-designer-props-radio-label',
-            },
-            Object.assign({ field: fieldsMap$4['config.fieldRatio'] }, getFieldRatioRule(rule, parentRule)),
-            {
-                type: 'switch',
-                title: '是否必填',
-                info: '勾选后可作为流程条件',
-                field: fieldsMap$4['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$4,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            props: {
-                placeholder: rule.props.placeholder,
-                limit: rule.props.limit,
-            },
-            config: {
-                fieldRatio: rule.config.fieldRatio,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-const _hoisted_1$9 = { style: { "margin-top": "16px", "line-height": "32px" } };
-const _hoisted_2$7 = { style: { "float": "right" } };
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "bm-material-temp__table-tip" }, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6\u8868\u683C\u5B57\u6BB5", -1);
-const _hoisted_4$3 = { class: "bm-material-temp__add" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "widget-material-temp",
-  props: ["formCreateInject"],
-  setup(__props) {
-    const props = __props;
-    const panes = [
-      {
-        key: "\u7D20\u67501",
-        title: "\u7D20\u67501"
-      }
-    ];
-    let activeKey = "\u7D20\u67501";
-    const option = {
-      form: {
-        layout: "vertical"
-      },
-      submitBtn: {
-        show: false
-      },
-      row: {
-        gutter: [24, 24]
-      },
-      col: {
-        span: 12
-      }
-    };
-    const uploadPicField = "uploadPicture";
-    const rules = ref([
-      {
-        type: "button",
-        field: "materialTemp",
-        title: "\u7D20\u6750\u6A21\u677F",
-        effect: {
-          required: true
-        },
-        children: [
-          {
-            type: "PlusOutlined",
-            component: PlusOutlined
-          },
-          "\u9009\u62E9\u6A21\u677F"
-        ]
-      },
-      {
-        type: "span",
-        field: "materialType",
-        title: "\u7D20\u6750\u7C7B\u578B",
-        children: ["\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"],
-        style: {
-          color: "#9393A3"
-        }
-      },
-      {
-        type: "span",
-        field: "size",
-        title: "\u5C3A\u5BF8",
-        children: ["\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"],
-        style: {
-          color: "#9393A3"
-        }
-      },
-      {
-        type: "span",
-        field: "coverPicture",
-        title: "\u5C01\u9762\u56FE",
-        children: ["\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"],
-        style: {
-          color: "#9393A3"
-        }
-      },
-      {
-        type: "span",
-        field: "templateStructureDiagram",
-        title: "\u6A21\u677F\u7ED3\u6784\u56FE",
-        children: ["\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"],
-        style: {
-          color: "#9393A3"
-        }
-      },
-      {
-        hidden: false,
-        type: "UploadPicture",
-        component: BmUpload,
-        field: uploadPicField,
-        title: "\u4E0A\u4F20\u53C2\u8003\u56FE",
-        effect: {
-          required: false
-        },
-        props: {
-          uploadProps: {
-            listType: "picture-card",
-            text: "\u4E0A\u4F20\u7167\u7247"
-          },
-          extraProps: {
-            maxSize: 9
-          }
-        }
-      }
-    ]);
-    function getUploadPicRule() {
-      return rules.value.find((rule) => rule.field === uploadPicField);
-    }
-    function handleUploadPicRule(uploadPictureRule) {
-      const uploadPicRule = getUploadPicRule();
-      uploadPicRule.effect.required = uploadPictureRule.required;
-      uploadPicRule.hidden = uploadPictureRule.hidden;
-      rules.value = [...rules.value];
-    }
-    watch(
-      () => props.formCreateInject.rule.config.uploadPictureRule,
-      handleUploadPicRule,
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_FormCreate = resolveComponent("FormCreate");
-      return openBlock(), createBlock(unref(Tabs), {
-        activeKey: unref(activeKey),
-        "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => isRef(activeKey) ? activeKey.value = $event : activeKey = $event),
-        class: "bm-material-temp",
-        type: "editable-card",
-        "hide-add": "",
-        size: "small"
-      }, {
-        rightExtra: withCtx(() => [
-          createElementVNode("span", _hoisted_4$3, [
-            createVNode(unref(PlusOutlined))
-          ])
-        ]),
-        default: withCtx(() => [
-          (openBlock(), createElementBlock(Fragment, null, renderList(panes, (pane) => {
-            return createVNode(unref(TabPane), {
-              key: pane.key,
-              tab: pane.title
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_FormCreate, {
-                  option,
-                  rule: rules.value
-                }, null, 8, ["rule"]),
-                createElementVNode("div", _hoisted_1$9, [
-                  createTextVNode(" \u660E\u7EC6\u5217\u8868 "),
-                  createElementVNode("div", _hoisted_2$7, [
-                    createVNode(unref(Button), null, {
-                      default: withCtx(() => [
-                        createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(Button), null, {
-                      default: withCtx(() => [
-                        createTextVNode(" \u5BFC\u5165\u660E\u7EC6 ")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(Button), null, {
-                      default: withCtx(() => [
-                        createTextVNode(" \u6279\u91CF\u5220\u9664 ")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(Button), { type: "primary" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(PlusOutlined)),
-                        createTextVNode(" \u65B0\u589E ")
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _hoisted_3$4
-              ]),
-              _: 2
-            }, 1032, ["tab"]);
-          }), 64))
-        ]),
-        _: 1
-      }, 8, ["activeKey"]);
-    };
-  }
-});
-var WidgetMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "widget-material-temp.vue"]]);
-
-const _hoisted_1$8 = { class: "bm-use-instruction" };
-const _hoisted_2$6 = { class: "bm-use-instruction__title" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "use-instruction",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("div", _hoisted_2$6, [
-          createVNode(unref(InfoCircleFilled), { class: "bm-use-instruction__title__icon" }),
-          createTextVNode(" \u4F7F\u7528\u8BF4\u660E ")
-        ]),
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-var UseInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "use-instruction.vue"]]);
-
-const label$3 = '素材模板';
-const fieldsMap$3 = {
-    'config.uploadPictureRule.required': 'config.uploadPictureRule.required',
-    'config.uploadPictureRule.hidden': 'config.uploadPictureRule.hidden',
-};
-const name$3 = 'materialTemp';
-var materialTemp = {
-    icon: 'MaterialTemp',
-    name: name$3,
-    label: label$3,
-    rule() {
-        return {
-            type: 'WidgetMaterialTemp',
-            component: WidgetMaterialTemp,
-            title: {
-                title: label$3,
-            },
-            field: uniqueId(),
-            config: {
-                propsFields: Object.values(fieldsMap$3),
-                uploadPictureRule: {
-                    required: false,
-                    hidden: false,
-                },
-            },
-        };
-    },
-    props(rule) {
-        return [
-            {
-                type: 'UseInstruction',
-                component: UseInstruction,
-                children: [
-                    {
-                        type: 'span',
-                        children: [
-                            '·该套件打通店铺与素材模板的数据关联，可根据店铺获取该店铺可用的素材模板。',
-                        ],
-                    },
-                    {
-                        type: 'span',
-                        children: [
-                            '·满足一个素材申请单可使用多个素材类型对应的素材模板申请素材。',
-                        ],
-                        style: {
-                            display: 'inline-block',
-                            marginTop: '8px',
-                        },
-                    },
-                ],
-                style: {
-                    marginBottom: '24px',
-                },
-            },
-            {
-                type: 'span',
-                title: '素材模板',
-                field: 'materialTemp',
-                children: [
-                    '用于选择对应可用的素材模板信息（编号、名称、尺寸、封面图、结构图）。此项必填并获取所选择的模板的编号及名称显示。',
-                ],
-                style: {
-                    color: '#505259',
-                },
-            },
-            {
-                type: 'span',
-                title: '素材类型/尺寸/封面图/结构图',
-                field: 'systemGeneration',
-                children: ['通过所选模板，系统自动获取此模板对应的相关内容。'],
-                style: {
-                    color: '#505259',
-                },
-            },
-            {
-                type: 'span',
-                title: '上传参考图',
-                field: 'uploadPicture',
-                prefix: {
-                    type: 'CheckboxSwitch',
-                    props: {
-                        rule,
-                    },
-                },
-                children: ['用于上传当次申请的素材参考的图片。可最多上传9张图。'],
-                style: {
-                    color: '#505259',
-                },
-            },
-            {
-                type: 'span',
-                title: '明细列表',
-                field: 'detailList',
-                children: [
-                    '根据所选的素材模板，系统自动获取该模板需填写的内容字段列表以及批量导入的模板。列表允许操作：下载所选素材模板的导入模板、批量导入明细、新增、编辑、删除。',
-                ],
-                style: {
-                    color: '#505259',
-                },
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$3,
-            field: rule.field,
-            config: {
-                uploadPictureRule: {
-                    hidden: rule.config.uploadPictureRule.hidden,
-                    required: rule.config.uploadPictureRule.required,
-                },
-            },
-        };
-    },
-};
-
-const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("div", { class: "bm-product-info-item__title" }, "\u5546\u54C1\u7F16\u53F7", -1);
-const _hoisted_2$5 = { class: "bm-product-info-item__content" };
-const _hoisted_3$3 = { class: "bm-product-info-item__title" };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("div", { class: "bm-product-info-item__content" }, "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA", -1);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "product-info",
-  props: ["formCreateInject"],
-  setup(__props) {
-    const props = __props;
-    const isInTable = computed(
-      () => props.formCreateInject.api.config.parentType === "TableWidget"
-    );
-    return (_ctx, _cache) => {
-      return unref(isInTable) ? (openBlock(), createBlock(unref(Input), {
-        key: 0,
-        placeholder: "\u8BF7\u8F93\u5165"
-      })) : (openBlock(), createBlock(unref(Row), { key: 1 }, {
-        default: withCtx(() => [
-          createVNode(unref(Col), {
-            class: "bm-product-info-item",
-            span: 12
-          }, {
-            default: withCtx(() => [
-              _hoisted_1$7,
-              createElementVNode("div", _hoisted_2$5, [
-                createVNode(unref(Input), { placeholder: "\u8BF7\u8F93\u5165\u5546\u54C1\u7F16\u53F7" })
-              ])
-            ]),
-            _: 1
-          }),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.formCreateInject.rule.config.associatedFields, (item) => {
-            return openBlock(), createBlock(unref(Col), {
-              key: item.value,
-              class: "bm-product-info-item",
-              span: 12
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$3, toDisplayString(item.label), 1),
-                _hoisted_4$2
-              ]),
-              _: 2
-            }, 1024);
-          }), 128))
-        ]),
-        _: 1
-      }));
-    };
-  }
-});
-var ProductInfo = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "product-info.vue"]]);
-
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("div", { class: "bm-associated-fields-item" }, [
-  /* @__PURE__ */ createElementVNode("span", { class: "bm-associated-fields-item__content" }, "\u5546\u54C1\u7F16\u53F7")
-], -1);
-const _hoisted_2$4 = { class: "bm-associated-fields-item__content" };
-const _hoisted_3$2 = { style: { "text-align": "right", "margin": "6px 0 4px", "padding-right": "8px" } };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "associated-fields",
-  props: ["associatedFields"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const visible = ref(false);
-    const checkList = ref([]);
-    const options = [
-      {
-        value: "\u5546\u54C1\u540D\u79F0",
-        label: "\u5546\u54C1\u540D\u79F0"
-      },
-      {
-        value: "\u5546\u54C1\u7B80\u79F0",
-        label: "\u5546\u54C1\u7B80\u79F0"
-      },
-      {
-        value: "\u5546\u54C1\u56FE\u7247",
-        label: "\u5546\u54C1\u56FE\u7247"
-      },
-      {
-        value: "\u5EFA\u8BAE\u96F6\u552E\u4EF7",
-        label: "\u5EFA\u8BAE\u96F6\u552E\u4EF7"
-      },
-      {
-        value: "\u5546\u54C1\u7BB1\u89C4",
-        label: "\u5546\u54C1\u7BB1\u89C4"
-      },
-      {
-        value: "\u5546\u54C1\u5355\u4F4D",
-        label: "\u5546\u54C1\u5355\u4F4D"
-      }
-    ];
-    function emitChangeEvt() {
-      emits(
-        "change",
-        options.filter((op) => checkList.value.includes(op.value))
-      );
-    }
-    function handOk() {
-      visible.value = false;
-      emitChangeEvt();
-    }
-    function init() {
-      checkList.value = props.associatedFields.map((item) => item.value);
-    }
-    function visibleChange(visible2) {
-      if (visible2) {
-        init();
-      }
-    }
-    function handleDel(value) {
-      checkList.value = checkList.value.filter((cl) => cl !== value);
-      emitChangeEvt();
-    }
-    init();
-    watch(visible, (val) => {
-      visibleChange(val);
-    });
-    return (_ctx, _cache) => {
-      const _component_Delete = resolveComponent("Delete");
-      return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$6,
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.associatedFields, (item) => {
-          return openBlock(), createElementBlock("div", {
-            key: item.value,
-            class: "bm-associated-fields-item"
-          }, [
-            createElementVNode("span", _hoisted_2$4, toDisplayString(item.label), 1),
-            createVNode(_component_Delete, {
-              class: "bm-associated-fields-item__icon",
-              onClick: ($event) => handleDel(item.value)
-            }, null, 8, ["onClick"])
-          ]);
-        }), 128)),
-        createVNode(unref(Dropdown), {
-          visible: visible.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
-          trigger: ["click"]
-        }, {
-          overlay: withCtx(() => [
-            createVNode(unref(Menu), null, {
-              default: withCtx(() => [
-                createVNode(unref(FormItemRest), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(CheckboxGroup), {
-                      value: checkList.value,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => checkList.value = $event),
-                      style: { "width": "100%" }
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(options, (item) => {
-                          return createVNode(unref(MenuItem), {
-                            key: item.value
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(unref(Checkbox), {
-                                value: item.value,
-                                style: { "width": "100%" }
-                              }, {
-                                default: withCtx(() => [
-                                  createTextVNode(toDisplayString(item.label), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["value"])
-                            ]),
-                            _: 2
-                          }, 1024);
-                        }), 64))
-                      ]),
-                      _: 1
-                    }, 8, ["value"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(Divider), { style: { "margin": "0" } }),
-                createElementVNode("div", _hoisted_3$2, [
-                  createVNode(unref(Button), {
-                    onClick: _cache[1] || (_cache[1] = ($event) => visible.value = false)
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u53D6\u6D88")
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(Button), {
-                    type: "primary",
-                    style: { "margin-left": "8px" },
-                    onClick: handOk
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u786E\u5B9A")
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          default: withCtx(() => [
-            createVNode(unref(Button), {
-              style: { "margin-top": "8px" },
-              block: ""
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(PlusOutlined)),
-                createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ")
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["visible"])
-      ]);
-    };
-  }
-});
-var AssociatedFields = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "associated-fields.vue"]]);
-
-const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("div", { style: { "margin": "18px 0 6px" } }, "\u4EC5\u83B7\u53D6", -1);
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("div", { style: { "margin-top": "7px" } }, "\u4E2D\u53EF\u5206\u9500\u7684\u5546\u54C1\u6570\u636E", -1);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "shop-data-filter",
-  props: ["widgetFormRules", "defaultSelectValue"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const checkedValue = ref(!!props.defaultSelectValue);
-    const selectValue = ref(props.defaultSelectValue);
-    const shopRules = computed(
-      () => props.widgetFormRules.reduce((pre, cur) => {
-        const name = cur.config.config.name;
-        if (name === "row") {
-          cur.config.childRules.forEach((rule) => {
-            getShop(rule, pre);
-          });
-        } else {
-          getShop(cur, pre);
-        }
-        return pre;
-      }, [])
-    );
-    const shops = computed(() => {
-      return shopRules.value.map((shopRule) => ({
-        value: shopRule.field,
-        label: shopRule.title.title
-      }));
-    });
-    function getShop(rule, target) {
-      if (rule.config.config.name === "shop")
-        target.push(rule);
-    }
-    function checkedValueChange(val) {
-      if (val) {
-        if (shops.value.length === 1) {
-          selectValue.value = shops.value[0].value;
-        }
-      }
-      if (!val)
-        selectValue.value = void 0;
-    }
-    function selectValueChange(val) {
-      if (val) {
-        checkedValue.value = true;
-      }
-    }
-    function handleChange(val) {
-      emits("change", val);
-    }
-    watch(checkedValue, (checkedValue2) => {
-      checkedValueChange(checkedValue2);
-    });
-    watch(selectValue, (selectValue2) => {
-      selectValueChange(selectValue2);
-      handleChange(selectValue2);
-    });
-    return (_ctx, _cache) => {
-      const _component_a_tooltip = resolveComponent("a-tooltip");
-      return openBlock(), createBlock(unref(FormItemRest), null, {
-        default: withCtx(() => [
-          unref(shops).length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createVNode(unref(Switch), {
-              checked: checkedValue.value,
-              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => checkedValue.value = $event)
-            }, null, 8, ["checked"]),
-            checkedValue.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _hoisted_1$5,
-              createVNode(unref(Select), {
-                value: selectValue.value,
-                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => selectValue.value = $event),
-                options: unref(shops),
-                disabled: unref(shops).length === 1,
-                "show-arrow": unref(shops).length > 1,
-                placeholder: "\u8BF7\u9009\u62E9"
-              }, null, 8, ["value", "options", "disabled", "show-arrow"]),
-              _hoisted_2$3
-            ], 64)) : createCommentVNode("v-if", true)
-          ], 64)) : (openBlock(), createBlock(_component_a_tooltip, {
-            key: 1,
-            placement: "bottomLeft"
-          }, {
-            title: withCtx(() => [
-              createTextVNode("\u8BF7\u5148\u6DFB\u52A0\u5173\u8054\u8868\u5355\u4E2D\u7684\u5E97\u94FA\u7EC4\u4EF6")
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(Switch), { disabled: "" })
-            ]),
-            _: 1
-          }))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-var ShopDataFilter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "shop-data-filter.vue"]]);
-
-const label$2 = '商品';
-const fieldsMap$2 = {
-    'effect.required': 'effect.required',
-    'config.associatedFields': 'config.associatedFields',
-    'config.dataFiltering': 'config.dataFiltering',
-};
-const name$2 = 'product';
-var product = {
-    icon: 'Product',
-    name: name$2,
-    label: label$2,
-    rule() {
-        return {
-            type: 'ProductInfo',
-            component: ProductInfo,
-            field: uniqueId(),
-            title: {
-                title: label$2,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: true,
-                formRule: 'formRule',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$2),
-                associatedFields: [],
-            },
-        };
-    },
-    props(rule, parentRule, widgetFormRules) {
-        return [
-            {
-                type: 'AssociatedFields',
-                component: AssociatedFields,
-                title: '关联字段',
-                field: fieldsMap$2['config.associatedFields'],
-                props: {
-                    associatedFields: rule.config.associatedFields,
-                },
-                effect: {
-                    required: true,
-                },
-                inject: true,
-                on: {
-                    change({ api, self }, list) {
-                        api.emit('change', self.field, list, self, api, true);
-                        self.props.associatedFields = list;
-                        nextTick(() => {
-                            api.refresh();
-                        });
-                    },
-                },
-            },
-            {
-                type: 'ShopDataFilter',
-                component: ShopDataFilter,
-                title: '数据过滤',
-                field: fieldsMap$2['config.dataFiltering'],
-                info: '1.开启后，可以与当前表单的“店铺”控件关联进行商品数据过滤，在填写表单时满足仅可选择所选店铺下的可分销商品。' +
-                    '2.若不启用数据过滤，则不进行店铺限制，用户填写表单时可选择所有未冻结的商品数据。' +
-                    '3.开启前，请确认当前表单中已存在“店铺”控件。',
-                props: {
-                    widgetFormRules,
-                    defaultSelectValue: rule.config.dataFiltering,
-                },
-                inject: true,
-                on: {
-                    change({ api, self }, value) {
-                        api.emit('change', self.field, value, self, api, true);
-                        self.props.defaultSelectValue = value;
-                        nextTick(() => {
-                            api.refresh();
-                        });
-                    },
-                },
-            },
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$2['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$2,
-            field: rule.field,
-            effect: {
-                required: rule.effect.required,
-            },
-            config: {
-                associatedFields: rule.config.associatedFields,
-                dataFiltering: rule.config.dataFiltering,
-            },
-        };
-    },
-};
-
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "shop-associated-fields",
-  setup(__props) {
-    const associatedFields = [
-      {
-        value: "\u5E97\u94FA\u7F16\u53F7",
-        label: "\u5E97\u94FA\u7F16\u53F7"
-      },
-      {
-        value: "\u5E97\u94FA\u540D\u79F0",
-        label: "\u5E97\u94FA\u540D\u79F0"
-      }
-    ];
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(associatedFields, (item) => {
-          return createElementVNode("span", {
-            key: item.value,
-            class: "bm-shop-associated-fields-item"
-          }, toDisplayString(item.label), 1);
-        }), 64))
-      ]);
-    };
-  }
-});
-var ShopAssociatedFields = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "shop-associated-fields.vue"]]);
-
-let i = 0;
-const label$1 = '店铺';
-const fieldsMap$1 = {
-    'effect.required': 'effect.required',
-    'config.dataFiltering': 'config.dataFiltering',
-    'config.isMain': 'config.isMain',
-};
-const name$1 = 'shop';
-var shop = {
-    icon: 'Shop',
-    name: name$1,
-    label: label$1,
-    rule() {
-        return {
-            type: 'Select',
-            field: uniqueId(),
-            title: {
-                title: label$1 + ++i,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: true,
-                formRule: 'formRule',
-            },
-            props: {
-                placeholder: '请选择',
-            },
-            config: {
-                propsFields: Object.values(fieldsMap$1),
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'ShopAssociatedFields',
-                component: ShopAssociatedFields,
-                title: '关联字段',
-                field: 'config.associatedFields',
-                effect: {
-                    required: true,
-                },
-            },
-            {
-                type: 'checkbox',
-                title: '数据过滤',
-                field: fieldsMap$1['config.dataFiltering'],
-                options: [
-                    {
-                        value: true,
-                        label: '当前节点操作人所负责的店铺',
-                    },
-                ],
-                value: [rule.config.dataFiltering],
-                inject: true,
-                on: {
-                    change({ api, self }, value) {
-                        api.emit('change', self.field, value[0], self, api, true);
-                    },
-                },
-            },
-            {
-                type: 'switch',
-                title: '设为主控件',
-                info: '店铺控件在流程流转过程中涉及数据权限的控制，当表单中设置了多个店铺控件时，需设置其中1个店铺控件作为主控件。被设为主控件的店铺控件，流程流转过程中将以此店铺控件输入的数据作为数据权限判断依据。',
-                field: fieldsMap$1['config.isMain'],
-                value: rule.config.isMain,
-                hidden: (parentRule === null || parentRule === void 0 ? void 0 : parentRule.type) === WidgetType.RowWidget ||
-                    (parentRule === null || parentRule === void 0 ? void 0 : parentRule.type) === WidgetType.TableWidget,
-                inject: true,
-            },
-            {
-                type: 'switch',
-                title: '是否必填',
-                field: fieldsMap$1['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name: name$1,
-            field: rule.field,
-            title: {
-                title: rule.title.title,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-            config: {
-                dataFiltering: rule.config.dataFiltering,
-                isMain: rule.config.isMain,
-            },
-        };
-    },
-};
-function setShopIndex(index) {
-    i = index;
-}
-
-const label = '素材类型';
-const fieldsMap = {
-    'effect.required': 'effect.required',
-    'config.format': 'config.format',
-    'props.multiple': 'props.multiple',
-};
-const name = 'materialType';
-var materialType = {
-    icon: 'MaterialType',
-    name,
-    label,
-    rule() {
-        return {
-            type: 'Select',
-            field: uniqueId(),
-            title: {
-                title: label,
-                style: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-            },
-            effect: {
-                required: true,
-                formRule: 'formRule',
-            },
-            props: {
-                placeholder: '请选择',
-                multiple: false,
-            },
-            config: {
-                propsFields: Object.values(fieldsMap),
-                format: 1,
-            },
-        };
-    },
-    props(rule, parentRule) {
-        return [
-            {
-                type: 'radio',
-                title: '格式',
-                field: fieldsMap['config.format'],
-                effect: {
-                    required: true,
-                },
-                options: [
-                    {
-                        value: 1,
-                        label: '一级分类',
-                    },
-                    {
-                        value: 2,
-                        label: '一级分类-二级分类',
-                    },
-                    {
-                        value: 3,
-                        label: '一级分类-二级分类-三级分类',
-                    },
-                ],
-                value: rule.config.format,
-                className: 'form-designer-props-radio-label',
-            },
-            {
-                type: 'radio',
-                title: '选项',
-                field: fieldsMap['props.multiple'],
-                effect: {
-                    required: true,
-                },
-                options: [
-                    {
-                        value: false,
-                        label: '只能选择一种类型',
-                    },
-                    {
-                        value: true,
-                        label: '可同时选择多种类型',
-                    },
-                ],
-                value: rule.props.multiple,
-                className: 'form-designer-props-radio-label',
-            },
-            {
-                type: 'switch',
-                title: '是否必填',
-                info: '勾选后可作为流程条件',
-                field: fieldsMap['effect.required'],
-                value: rule.effect.required,
-            },
-        ];
-    },
-    parse(rule) {
-        return {
-            name,
-            field: rule.field,
-            props: {
-                multiple: rule.props.multiple,
-            },
-            config: {
-                format: rule.config.format,
-            },
-            effect: {
-                required: rule.effect.required,
-            },
-        };
-    },
-};
-
-function createTab() {
-    return [
-        {
-            key: 'controlLibrary',
-            tab: '控件库',
-            menuList: [
-                {
-                    name: 'layout',
-                    title: '布局控件',
-                    list: [row],
-                },
-                {
-                    name: 'basic',
-                    title: '基础控件',
-                    list: [
-                        input,
-                        textarea,
-                        numInput,
-                        radio,
-                        checkbox,
-                        date,
-                        dateRange,
-                        instruction,
-                    ],
-                },
-                {
-                    name: 'enhance',
-                    title: '增强控件',
-                    list: [picture, table, file, people, department],
-                },
-            ],
-        },
-        {
-            key: 'kit',
-            tab: '套件',
-            menuList: [
-                {
-                    name: 'materialKit',
-                    title: '素材套件',
-                    list: [materialTemp],
-                },
-            ],
-        },
-        {
-            key: 'associatedForm',
-            tab: '关联表单',
-            menuList: [
-                {
-                    name: 'dataForm',
-                    title: '数据表单',
-                    list: [product, shop, materialType],
-                },
-            ],
-        },
-    ];
-}
-
-const _hoisted_1$4 = {
-  style: { "vertical-align": "middle" },
-  width: "199px",
-  height: "107px",
-  viewBox: "0 0 199 107",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$2 = /* @__PURE__ */ createStaticVNode('<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-826.000000, -249.000000)"><g transform="translate(667.000000, 71.000000)"><g transform="translate(159.000000, 178.000000)"><path d="M2,0 L197,0 C198.104569,-6.46995335e-16 199,0.8954305 199,2 L199,105 C199,106.104569 198.104569,107 197,107 L2,107 C0.8954305,107 1.3527075e-16,106.104569 0,105 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" fill="#F9FBFF"></path><path d="M41,6 C41.5522847,6 42,6.44771525 42,7 L42,100 C42,100.552285 41.5522847,101 41,101 L7,101 C6.44771525,101 6,100.552285 6,100 L6,7 C6,6.44771525 6.44771525,6 7,6 L41,6 Z M192,6 C192.552285,6 193,6.44771525 193,7 L193,100 C193,100.552285 192.552285,101 192,101 L159,101 C158.447715,101 158,100.552285 158,100 L158,7 C158,6.44771525 158.447715,6 159,6 L192,6 Z M151,35 C151.552285,35 152,35.4477153 152,36 L152,100 C152,100.552285 151.552285,101 151,101 L49,101 C48.4477153,101 48,100.552285 48,100 L48,36 C48,35.4477153 48.4477153,35 49,35 L151,35 Z M151,6 C151.552285,6 152,6.44771525 152,7 L152,30 C152,30.5522847 151.552285,31 151,31 L49,31 C48.4477153,31 48,30.5522847 48,30 L48,7 C48,6.44771525 48.4477153,6 49,6 L151,6 Z" fill="#EFF3FF"></path><rect stroke="#8FAAFF" fill="#D0DCFF" x="12.5" y="17.5" width="23" height="13" rx="0.5"></rect><rect fill="#E4E8F7" x="12" y="47" width="24" height="14" rx="0.5"></rect><rect fill="#E4E8F7" x="12" y="75" width="24" height="14" rx="0.5"></rect><use stroke="#AEC2FF" mask="url(#mask-2)" stroke-width="2" fill-opacity="0.26" fill="#AFC3FF" stroke-dasharray="2" xlink:href="#path-1"></use><path d="M33.5,20 C35.9852814,20 38,22.0147186 38,24.5 C38,26.9852814 35.9852814,29 33.5,29 C31.0147186,29 29,26.9852814 29,24.5 C29,22.0147186 31.0147186,20 33.5,20 Z M33.5,22 C32.1192881,22 31,23.1192881 31,24.5 C31,25.8807119 32.1192881,27 33.5,27 C34.8807119,27 36,25.8807119 36,24.5 C36,23.1192881 34.8807119,22 33.5,22 Z" fill="#2F4EED"></path><circle fill="#F9FBFF" cx="33.5" cy="24.5" r="2.5"></circle><path d="M42.5,22 C65.8354499,22 85.7454723,36.6659986 93.5155164,57.2834451 L93.7801465,55.3991118 C93.8570096,54.8522019 94.3626777,54.4711537 94.9095876,54.5480169 C95.4564976,54.6248801 95.8375458,55.1305481 95.7606826,55.677458 L94.925644,61.6190665 C94.8487808,62.1659764 94.3431128,62.5470246 93.7962028,62.4701614 L93.7673315,62.4658857 C93.5875459,62.4468789 93.4107192,62.3789077 93.2577621,62.2594045 L88.5296976,58.5654356 C88.0944913,58.2254152 88.0173279,57.5969697 88.3573483,57.1617634 C88.6973688,56.7265571 89.3258142,56.6493937 89.7610205,56.9894141 L91.887337,58.6494477 C84.582156,38.4419045 65.2276218,24 42.5,24 C40.4254117,24 38.3789284,24.1203318 36.367149,24.3543965 L36.022518,22.3809268 C38.1466458,22.1293826 40.3082134,22 42.5,22 Z" fill="#2F4EED"></path></g></g></g></g>', 1);
-const _hoisted_3$1 = [
-  _hoisted_2$2
-];
-const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("div", { style: { "line-height": "20px", "margin-top": "12px", "color": "#505259" } }, " \u8BF7\u62D6\u62FD\u6216\u70B9\u51FB\u5DE6\u4FA7\u5B57\u6BB5\u521B\u5EFA\u8868\u5355 ", -1);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "no-data-tip",
-  props: {},
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$1)),
-        _hoisted_4$1
-      ]);
-    };
-  }
-});
-var NoDataTip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "no-data-tip.vue"]]);
-
-const formDesignerProps = {
-    formRules: {
-        type: Array,
-        default() {
-            return [];
-        },
-    },
-    flowCondition: {
-        type: Object,
-        default() {
-            return {};
-        },
-    },
-    showDragTip: {
-        type: Boolean,
-        default: false,
-    },
-};
-
-const _hoisted_1$3 = {
-  key: 0,
-  style: { "font-weight": "normal" }
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "table-head-count",
-  props: ["childRules"],
-  setup(__props) {
-    const props = __props;
-    const text = computed(
-      () => props.childRules.filter((rule) => rule.type === "inputNumber" && rule.config.count).reduce((pre, item, index) => {
-        if (index > 0)
-          pre += "\u3001";
-        return pre + `${item.title.title}: 0`;
-      }, "")
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        renderSlot(_ctx.$slots, "default"),
-        unref(text) ? (openBlock(), createElementBlock("span", _hoisted_1$3, "\uFF08" + toDisplayString(unref(text)) + "\uFF09", 1)) : createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-var TableHeadCount = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "table-head-count.vue"]]);
-
-const _hoisted_1$2 = { style: { "position": "absolute", "right": "0", "top": "-30px", "display": "flex", "align-items": "center" } };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "checkbox-switch",
-  props: ["rule"],
-  setup(__props) {
-    const props = __props;
-    function handleChange() {
-      props.rule.config.uploadPictureRule.required = false;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$2, [
-        createVNode(unref(FormItemRest), null, {
-          default: withCtx(() => [
-            !__props.rule.config.uploadPictureRule.hidden ? (openBlock(), createBlock(unref(Checkbox), {
-              key: 0,
-              checked: __props.rule.config.uploadPictureRule.required,
-              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => __props.rule.config.uploadPictureRule.required = $event)
-            }, {
-              default: withCtx(() => [
-                createTextVNode("\u5FC5\u586B")
-              ]),
-              _: 1
-            }, 8, ["checked"])) : createCommentVNode("v-if", true),
-            createVNode(unref(Switch), {
-              checked: __props.rule.config.uploadPictureRule.hidden,
-              "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => __props.rule.config.uploadPictureRule.hidden = $event),
-              style: { "margin-left": "8px" },
-              "checked-children": "\u5F00",
-              "un-checked-children": "\u5173",
-              "checked-value": false,
-              "un-checked-value": true,
-              onChange: handleChange
-            }, null, 8, ["checked"])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-var CheckboxSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "checkbox-switch.vue"]]);
-
-const widgetsTableAccept = {
-    [input.name]: input,
-    [textarea.name]: textarea,
-    [numInput.name]: numInput,
-    [radio.name]: radio,
-    [checkbox.name]: checkbox,
-    [date.name]: date,
-    [dateRange.name]: dateRange,
-    [people.name]: people,
-    [department.name]: department,
-    [product.name]: product,
-    [shop.name]: shop,
-    [materialType.name]: materialType,
-};
-const widgetNamesRowAccept = [
-    input.name,
-    textarea.name,
-    numInput.name,
-    radio.name,
-    checkbox.name,
-    date.name,
-    dateRange.name,
-    picture.name,
-    table.name,
-    file.name,
-    people.name,
-    department.name,
-    product.name,
-    shop.name,
-    materialType.name,
-];
-var ruleList = {
-    [row.name]: row,
-    [input.name]: input,
-    [textarea.name]: textarea,
-    [numInput.name]: numInput,
-    [radio.name]: radio,
-    [checkbox.name]: checkbox,
-    [date.name]: date,
-    [dateRange.name]: dateRange,
-    [instruction.name]: instruction,
-    [picture.name]: picture,
-    [table.name]: table,
-    [file.name]: file,
-    [people.name]: people,
-    [department.name]: department,
-    [materialTemp.name]: materialTemp,
-    [product.name]: product,
-    [shop.name]: shop,
-    [materialType.name]: materialType,
-};
-
-const _hoisted_1$1 = { class: "bm-table-column__main" };
-const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "table-column",
-  props: ["formCreateInject"],
-  emits: ["change", "childRuleDelete"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const handleClass = "bm-table-column__drag-icon";
-    const btnCom = ref();
-    const open = ref(false);
-    const childRules = computed(() => props.formCreateInject.rule.value);
-    const api = computed(() => props.formCreateInject.api);
-    const options = computed(() => Object.values(widgetsTableAccept));
-    function handleEdit(rule) {
-      api.value.emit("setActive", rule);
-    }
-    function show() {
-      open.value = true;
-    }
-    function hide() {
-      open.value = false;
-    }
-    function handleSelect(value, config) {
-      api.value.emit("addChildRule", config);
-      open.value = false;
-      btnCom.value.$el.blur();
-    }
-    function getPopupContainer() {
-      return document.body;
-    }
-    function handleDelete(element, index) {
-      childRules.value.splice(index, 1);
-      emits("childRuleDelete", element);
-    }
-    watch(
-      childRules,
-      (val) => {
-        emits("change", val);
-      },
-      {
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_Delete = resolveComponent("Delete");
-      const _component_ARow = resolveComponent("ARow");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(unref(Draggable), {
-          tag: "transition-group",
-          "component-data": {
-            name: "flip-list",
-            tag: "div"
-          },
-          animation: 200,
-          list: unref(childRules),
-          handle: `.${handleClass}`,
-          "force-fallback": true
-        }, {
-          item: withCtx(({ element, index }) => [
-            createVNode(_component_ARow, {
-              class: "bm-table-column",
-              align: "middle"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(HolderOutlined), {
-                  class: normalizeClass([handleClass])
-                }, null, 8, ["class"]),
-                createElementVNode("div", _hoisted_1$1, toDisplayString(element.title.title), 1),
-                createVNode(unref(EditOutlined), {
-                  class: "bm-table-column__icon is-edit",
-                  onClick: ($event) => handleEdit(element)
-                }, null, 8, ["onClick"]),
-                createVNode(_component_Delete, {
-                  class: "bm-table-column__icon is-del",
-                  onClick: ($event) => handleDelete(element, index)
-                }, null, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024)
-          ]),
-          _: 1
-        }, 8, ["list", "handle"]),
-        createElementVNode("div", _hoisted_2$1, [
-          createVNode(unref(FormItemRest), null, {
-            default: withCtx(() => [
-              createVNode(unref(Select), {
-                value: "",
-                class: "bm-table-column__select",
-                options: unref(options),
-                "field-names": { value: "name" },
-                open: open.value,
-                "get-popup-container": getPopupContainer,
-                placeholder: "\u8BF7\u9009\u62E9",
-                onSelect: handleSelect
-              }, null, 8, ["options", "open"])
-            ]),
-            _: 1
-          }),
-          createVNode(unref(Button), {
-            ref_key: "btnCom",
-            ref: btnCom,
-            class: "bm-table-column__btn",
-            block: "",
-            onFocus: show,
-            onBlur: hide
-          }, {
-            icon: withCtx(() => [
-              createVNode(unref(PlusOutlined))
-            ]),
-            default: withCtx(() => [
-              createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ")
-            ]),
-            _: 1
-          }, 512)
-        ])
-      ]);
-    };
-  }
-});
-var TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "table-column.vue"]]);
-
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "text-color",
-  props: ["color"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const color = ref(props.color);
-    function getColor(curColor) {
-      return curColor === Colors.Black ? Colors.Blue : Colors.Black;
-    }
-    function handleClick() {
-      color.value = getColor(color.value);
-      emits("change", color.value);
-    }
-    return (_ctx, _cache) => {
-      const _component_ColorPanel = resolveComponent("ColorPanel");
-      return openBlock(), createBlock(_component_ColorPanel, {
-        style: normalizeStyle({
-          position: "absolute",
-          top: "-29px",
-          right: 0,
-          width: "1em",
-          height: "1em",
-          fontSize: "20px",
-          color: getColor(color.value),
-          cursor: "pointer"
-        }),
-        onClick: withModifiers(handleClick, ["prevent", "stop"])
-      }, null, 8, ["style", "onClick"]);
-    };
-  }
-});
-var TextColor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "text-color.vue"]]);
-
-const _hoisted_1 = { class: "bm-menu-title" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "bfd-main__warp" };
-const _hoisted_4 = { class: "bm-widget-form-item" };
-const _hoisted_5 = {
-  key: 0,
-  class: "bfd-sider-right__title"
-};
-const _hoisted_6 = { class: "bfd-sider-right__form" };
-const _hoisted_7 = {
-  key: 0,
-  class: "bfd-sider-right__form__flow-releated"
-};
-const __default__ = {
-  name: "BmFormDesigner"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: formDesignerProps,
-  emits: ["update:showDragTip"],
-  setup(__props, { expose, emit: emits }) {
-    const props = __props;
-    FC.component("TableHeadCount", TableHeadCount);
-    FC.component("TableColumn", TableColumn);
-    FC.component("TextColor", TextColor);
-    FC.component("CheckboxSwitch", CheckboxSwitch);
-    FC.register({
-      name: "formRule",
-      init(effect, rule, api) {
-        const config = api.config;
-        const parentType = config.parentType;
-        if (!rule.config.fieldRatio) {
-          resetFieldRatio(rule, parentType);
-        }
-        if (rule?.props?.type === "textarea" && parentType === WidgetType.TableWidget) {
-          rule.props.autoSize = true;
-        }
-        if (rule.config.config.name === "product" && parentType === WidgetType.TableWidget) {
-          rule.title.title = "\u5546\u54C1\u7F16\u53F7";
-        }
-      }
-    });
-    const flowConditionTipMap = {
-      numInput: "\u9664\u201C\u5FC5\u586B\u201D\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
-      radio: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
-      checkbox: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
-      shop: "\u9664\u201C\u5FC5\u586B\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539\u3002",
-      materialType: "\u8BBE\u7F6E\u4FE1\u606F\u4E0D\u53EF\u4FEE\u6539\u3002",
-      people: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539",
-      department: "\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u5185\u5BB9\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539"
-    };
-    const tabData = createTab();
-    const activeKey = ref("controlLibrary");
-    const widgetFormRules = reactive([]);
-    const activeRule = ref({});
-    const cacheProps = reactive({});
-    const fApi = ref();
-    const activeParentRule = ref();
-    const menuList = computed(
-      () => tabData.find((tab) => tab.key === activeKey.value).menuList
-    );
-    const activeProps = computed(() => cacheProps[activeRule.value.field]);
-    const activeRuleInList = computed(
-      () => activeParentRule.value?.config?.childRules || widgetFormRules
-    );
-    function hideShowDragTip() {
-      emits("update:showDragTip", false);
-    }
-    function handleTabChange(key) {
-      activeKey.value = key;
-    }
-    function cloneMenuItem(original) {
-      return makeRule(original);
-    }
-    function checkDragMove(evt) {
-      const draggedData = evt.dragged._underlying_vm_ || {};
-      const toComponentData = evt.to.__draggable_component__.componentData || {};
-      const widgetNameDragged = draggedData?.config?.config?.name;
-      if (toComponentData.type === WidgetType.RowWidget && !widgetNamesRowAccept.includes(widgetNameDragged) || toComponentData.type === WidgetType.TableWidget && !Object.keys(widgetsTableAccept).includes(widgetNameDragged)) {
-        widgetFormRules.forEach((rule) => {
-          rule.config.putDisabled = rule.field === toComponentData.field;
-        });
-        return false;
-      } else {
-        widgetFormRules.forEach((rule) => {
-          rule.config.putDisabled = false;
-        });
-      }
-    }
-    function moveMenuItem(evt) {
-      return checkDragMove(evt);
-    }
-    function moveFormItem(evt) {
-      return checkDragMove(evt);
-    }
-    function handleMenuItemDragStart(evt) {
-      const item = evt.item.children[0];
-      const cloneItem = evt.clone.children[0];
-      item.style.opacity = 0.3;
-      cloneItem.style.opacity = 0.3;
-      item.style.color = "#2F4EED";
-      cloneItem.style.color = "#2F4EED";
-    }
-    function resetPutDisabled() {
-      widgetFormRules.forEach((rule) => {
-        rule.config.putDisabled = false;
-      });
-    }
-    function handleMenuItemDragEnd(evt) {
-      evt.item.children[0].style.opacity = "";
-      evt.item.children[0].style.color = "";
-      resetPutDisabled();
-    }
-    function handleMenuItemClick(config) {
-      const rule = makeRule(config);
-      const activeParentRuleName = activeParentRule.value?.config?.config?.name;
-      if (!widgetNamesRowAccept.includes(config.name) && activeParentRuleName === "row" || !Object.keys(widgetsTableAccept).includes(config.name) && activeParentRuleName === "table") {
-        disabledTip(activeParentRule.value.config.config.name);
-      } else {
-        const index = activeRuleInList.value.findIndex(
-          (item) => item.field === activeRule.value.field
-        );
-        activeRuleInList.value.splice(index + 1, 0, rule);
-        setActiveRule(rule, activeParentRule.value);
-        hideShowDragTip();
-      }
-    }
-    function makeRule(config) {
-      const rule = config.rule();
-      rule.config.config = config;
-      return rule;
-    }
-    function disabledTip(name) {
-      message.warning({
-        content: name === "table" ? "\u8BE5\u63A7\u4EF6\u6682\u4E0D\u652F\u6301\u62D6\u5165\u8868\u683C\u4E2D" : "\u8BE5\u63A7\u4EF6\u6682\u4E0D\u652F\u6301\u5206\u680F",
-        class: "bm-form-designer__message-warning"
-      });
-    }
-    function putDisabledTip() {
-      const targetRule = widgetFormRules.find((rule) => rule.config.putDisabled);
-      if (targetRule) {
-        disabledTip(targetRule.config.config.name);
-      }
-    }
-    function dragAdd(rule, parentRule = void 0) {
-      resetFieldRatio(rule, parentRule?.type);
-      if (cacheProps[rule.field])
-        delete cacheProps[rule.field];
-      setActiveRule(rule, parentRule);
-      putDisabledTip();
-    }
-    function handleFormItemAdd({ newIndex }) {
-      const rule = widgetFormRules[newIndex];
-      dragAdd(rule);
-      hideShowDragTip();
-    }
-    function handleFormItemUpdate({ newIndex }) {
-      const rule = widgetFormRules[newIndex];
-      if (rule)
-        setActiveRule(widgetFormRules[newIndex]);
-    }
-    function handleFormItemDragEnd() {
-      putDisabledTip();
-      resetPutDisabled();
-    }
-    function handleFormItemClick(rule) {
-      setActiveRule(rule);
-    }
-    function copyRule(rule, ruleConfig, ruleHost, isCopyChildRule = false, needCopyField = false) {
-      const newRule = makeRule(ruleConfig);
-      if (isCopyChildRule) {
-        ruleHost.push(newRule);
-      } else {
-        const index = ruleHost.findIndex(
-          (ruleItem) => ruleItem.field === rule.field
-        );
-        ruleHost.splice(index + 1, 0, newRule);
-      }
-      copyPropValue(rule, newRule, needCopyField);
-      if (rule?.config?.childRules?.length) {
-        rule.config.childRules.forEach((cRule) => {
-          const config = cRule?.config?.config || ruleList[cRule.name];
-          copyRule(cRule, config, newRule.config.childRules, true, needCopyField);
-        });
-      }
-      return newRule;
-    }
-    function handleFormItemCopy(rule, parentRule) {
-      const newRule = copyRule(
-        rule,
-        rule.config.config,
-        parentRule?.config?.childRules || widgetFormRules
-      );
-      setActiveRule(newRule, parentRule);
-    }
-    function handleFormItemDelete(targetRule, parentRule) {
-      if (targetRule.config.linkProductCount > 0) {
-        message.error("\u8BE5\u63A7\u4EF6\u5DF2\u88AB\u8BBE\u4E3A\u6570\u636E\u8FC7\u6EE4\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
-        return;
-      }
-      if (props.flowCondition?.[targetRule.field]) {
-        message.error(
-          `\u8BE5\u7EC4\u4EF6\u5728\u201C${props.flowCondition[targetRule.field]}\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002`
-        );
-        return;
-      }
-      const parentList = parentRule?.config?.childRules || widgetFormRules;
-      const index = parentList.findIndex((rule) => rule.field === targetRule.field);
-      parentList.splice(index, 1);
-      delete cacheProps[targetRule.field];
-      if (targetRule.field === activeRule.value.field) {
-        const newIndex = Math.min(parentList.length - 1, index);
-        if (newIndex >= 0) {
-          setActiveRule(parentList[newIndex]);
-        } else if (parentRule) {
-          setActiveRule(parentRule);
-        } else {
-          activeRule.value = {};
-        }
-      } else if (targetRule?.config?.childRules?.some(
-        (rule) => rule.field === activeRule.value.field
-      )) {
-        const newIndex = Math.min(parentList.length - 1, index);
-        if (newIndex >= 0) {
-          setActiveRule(parentList[newIndex]);
-        } else {
-          resetActiveRule();
-        }
-      }
-      if (productLinkShop(targetRule)) {
-        setShopLinkProductCount();
-      }
-    }
-    function makePropRule(rule, parentRule) {
-      return rule.config.config.props(rule, parentRule, widgetFormRules);
-    }
-    function setActiveRule(rule, parentRule = void 0) {
-      activeRule.value = rule;
-      activeParentRule.value = parentRule;
-      if (!cacheProps[rule.field]) {
-        cacheProps[rule.field] = makePropRule(rule, parentRule);
-      }
-      flowConditionEffect(props.flowCondition);
-      setMainShopPropDisabled(rule.field);
-    }
-    function propChange(field, value) {
-      setRulePropValue(field, value, activeRule.value);
-      processShopProps(field, value);
-      if (activeRule.value.config.config.name === "product" && field === "config.dataFiltering") {
-        setShopLinkProductCount();
-      }
-    }
-    function processShopProps(field, value) {
-      if (activeRule.value?.config?.config.name === "shop") {
-        if (field === "config.isMain") {
-          const shopProps = cacheProps[activeRule.value.field];
-          const requiredRule = shopProps.find(
-            (rule) => rule.field === "effect.required"
-          );
-          if (value) {
-            requiredRule.value = true;
-          }
-          flowConditionEffect(props.flowCondition);
-        }
-      }
-    }
-    function setRulePropValue(field, value, rule) {
-      field.split(".").reduce((pre, cur, index, arr) => {
-        if (index === arr.length - 1) {
-          pre[cur] = value;
-        } else {
-          if (!pre[cur]) {
-            pre[cur] = {};
-          }
-        }
-        return pre[cur];
-      }, rule);
-    }
-    function copyPropValue(oldRule, newRule, needCopyField = false) {
-      if (needCopyField && oldRule.field) {
-        newRule.field = oldRule.field;
-      }
-      newRule.config.propsFields.forEach((field) => {
-        if (field !== "config.childRules")
-          setRulePropValue(field, cloneDeep(getValue(field, oldRule)), newRule);
-      });
-    }
-    function handleWidgetAdd(rule, parentRule) {
-      dragAdd(rule, parentRule);
-    }
-    function handlePropsSetActive(rule) {
-      setActiveRule(rule, activeRule.value);
-    }
-    function handleAddChildRule(config) {
-      const rule = makeRule(config);
-      activeRule.value.config.childRules.push(rule);
-    }
-    function getValue(field, oldRule) {
-      return field.split(".").reduce((pre, cur) => {
-        return pre?.[cur];
-      }, oldRule);
-    }
-    function resetFieldRatio(rule, parentRuleType) {
-      if (!parentRuleType) {
-        rule.config.fieldRatio = "100%";
-      } else if (parentRuleType === WidgetType.RowWidget) {
-        const ruleName = rule.config.config.name;
-        rule.config.fieldRatio = ruleName === "table" || ruleName === "product" ? 24 : 12;
-      } else if (parentRuleType === WidgetType.TableWidget) {
-        rule.config.fieldRatio = "140px";
-      }
-    }
-    function getFormRule() {
-      return widgetFormRules.map((rule) => parseRule(rule));
-    }
-    function parseRule(rule) {
-      const ruleParsed = rule.config.config.parse(rule);
-      const childRules = rule?.config?.childRules;
-      if (childRules?.length) {
-        const childRulesParsed = ruleParsed.config.childRules = [];
-        childRules.forEach((ruleItem) => {
-          childRulesParsed.push(parseRule(ruleItem));
-        });
-      }
-      return ruleParsed;
-    }
-    function edit(formRules) {
-      widgetFormRules.splice(0);
-      formRules.forEach(
-        (item) => copyRule(item, ruleList[item.name], widgetFormRules, true, true)
-      );
-    }
-    function getRule(name) {
-      return makeRule(ruleList[name]);
-    }
-    function validate(rules = widgetFormRules) {
-      let pass = true;
-      for (const rule of rules) {
-        const config = rule.config.config || {};
-        const childRules = rule.config.childRules || [];
-        if (!rule?.title?.title && config.name !== "instruction") {
-          pass = false;
-        }
-        if (!rule?.value && config.name === "instruction") {
-          pass = false;
-        }
-        if (config.name === "table" && !childRules.length) {
-          pass = false;
-        }
-        if (!pass && rule.field !== activeRule.value.field) {
-          setActiveRule(rule);
-        }
-        if (pass && childRules.length) {
-          for (const childRule of childRules) {
-            if (!validate(childRules)) {
-              pass = false;
-              break;
-            }
-          }
-        }
-        if (!pass) {
-          nextTick(() => {
-            fApi.value.validate();
-          });
-          break;
-        }
-      }
-      return pass;
-    }
-    function flowConditionEffect(flowCondition) {
-      if (activeRule.value.config) {
-        const activeProps2 = cacheProps[activeRule.value.field];
-        const ruleName = activeRule.value.config.config.name;
-        let disabled;
-        if (ruleName === "shop") {
-          const isMainValue = activeProps2.find(
-            (rule) => rule.field === "config.isMain"
-          )?.value;
-          disabled = !!flowCondition[activeRule.value.field] || isMainValue;
-        } else {
-          disabled = !!flowCondition[activeRule.value.field];
-        }
-        const requiredRule = activeProps2?.find(
-          (rule) => rule.field === "effect.required"
-        );
-        if (requiredRule) {
-          if (!requiredRule.props) {
-            requiredRule.props = {};
-          }
-          requiredRule.props.disabled = disabled;
-        }
-        if (["radio", "checkbox"].includes(ruleName)) {
-          const optionsRule = activeProps2?.find((rule) => rule.field === "options");
-          optionsRule.props.disabled = disabled;
-        }
-        if (ruleName === "materialType") {
-          const formatRule = activeProps2?.find(
-            (rule) => rule.field === "config.format"
-          );
-          const multipleRule = activeProps2?.find(
-            (rule) => rule.field === "props.multiple"
-          );
-          formatRule.props = {
-            disabled
-          };
-          multipleRule.props = {
-            disabled
-          };
-        }
-        if (["people", "department"].includes(ruleName)) {
-          const limitRule = activeProps2?.find(
-            (rule) => rule.field === "props.limit"
-          );
-          limitRule.props = {
-            disabled
-          };
-        }
-      }
-    }
-    function resetActiveRule() {
-      activeRule.value = {};
-      activeParentRule.value = {};
-      for (const key in cacheProps) {
-        cacheProps[key] = void 0;
-      }
-    }
-    function getPopupContainer() {
-      return document.body;
-    }
-    function getMainShop() {
-      return widgetFormRules.find(
-        (rule) => rule?.config?.config?.name === "shop" && rule?.config?.isMain
-      );
-    }
-    function setMainShopPropDisabled(field) {
-      const propsRules = cacheProps[field];
-      const mainShopPropRule = propsRules.find(
-        (rule) => rule.field === "config.isMain"
-      );
-      const mainShopRule = getMainShop();
-      if (mainShopPropRule) {
-        if (!mainShopPropRule.props) {
-          mainShopPropRule.props = {};
-        }
-        mainShopPropRule.props.disabled = !!mainShopRule && !mainShopPropRule.value;
-      }
-    }
-    function setShopLinkProductCount() {
-      widgetFormRules.forEach((rule) => filterShopRule(rule));
-    }
-    function filterShopRule(rule) {
-      if (rule.config.config.name === "shop") {
-        rule.config.linkProductCount = calculateLinkProductCount(rule.field);
-      }
-      if (rule.config.config.name === "row" && rule.config.childRules?.length) {
-        rule.config.childRules.forEach((cRule) => filterShopRule(cRule));
-      }
-    }
-    function calculateLinkProductCount(shopField) {
-      return widgetFormRules.reduce((count, rule) => {
-        return count += recursiveCalculateLinkProductCount(shopField, rule);
-      }, 0);
-    }
-    function recursiveCalculateLinkProductCount(shopField, rule, count = 0) {
-      if (rule.config.config.name === "product" && rule.config.dataFiltering === shopField) {
-        count++;
-      }
-      if (rule.config.childRules?.length) {
-        rule.config.childRules.forEach(
-          (cRule) => recursiveCalculateLinkProductCount(shopField, cRule, count)
-        );
-      }
-      return count;
-    }
-    function handleTableChildRuleDelete(rule) {
-      if (productLinkShop(rule))
-        setShopLinkProductCount();
-    }
-    function productLinkShop(rule) {
-      return rule.config.config.name === "product" && rule.config.dataFiltering;
-    }
-    function getShopIndex(formRules, initIndex) {
-      function shopIndex(rule, initIndex2) {
-        if (rule.name === "shop") {
-          initIndex2 = Math.max(
-            initIndex2,
-            rule.title ? rule.title.title.replace("\u5E97\u94FA", "") : 1
-          );
-        }
-        if (rule.config?.childRules?.length) {
-          rule.config.childRules.forEach((cRule) => {
-            initIndex2 = shopIndex(cRule, initIndex2);
-          });
-        }
-        return initIndex2;
-      }
-      formRules.forEach((rule) => {
-        initIndex = shopIndex(rule, initIndex);
-      });
-      return initIndex;
-    }
-    function initPage(formRules) {
-      if (formRules?.length) {
-        setShopIndex(0);
-        edit(formRules);
-        setShopLinkProductCount();
-        setShopIndex(getShopIndex(formRules, 0));
-      }
-    }
-    watch(
-      () => props.formRules,
-      (formRules) => {
-        initPage(formRules);
-      },
-      {
-        immediate: true
-      }
-    );
-    watch(
-      () => props.flowCondition,
-      (flowCondition) => {
-        flowConditionEffect(flowCondition);
-      },
-      {
-        deep: true
-      }
-    );
-    expose({
-      getFormRule,
-      getRule,
-      validate,
-      resetActiveRule
-    });
-    return (_ctx, _cache) => {
-      const _component_ACol = resolveComponent("ACol");
-      const _component_ARow = resolveComponent("ARow");
-      const _component_FormCreate = resolveComponent("FormCreate");
-      return openBlock(), createBlock(unref(Layout), { class: "bm-form-designer" }, {
-        default: withCtx(() => [
-          createVNode(unref(LayoutSider), {
-            class: "bfd-sider-left",
-            width: "260"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_ARow, { class: "bm-tabs" }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabData), (item) => {
-                    return openBlock(), createBlock(_component_ACol, {
-                      key: item.key,
-                      class: normalizeClass(["bm-tabs-item", activeKey.value === item.key ? "active" : ""]),
-                      onClick: ($event) => handleTabChange(item.key)
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.tab), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              }),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuList), (item, index) => {
-                return openBlock(), createElementBlock("div", { key: index }, [
-                  createElementVNode("div", _hoisted_1, toDisplayString(item.title), 1),
-                  createVNode(unref(Draggable), {
-                    class: "bm-menu-wrap",
-                    list: item.list,
-                    group: { name: "widget", pull: "clone", put: false },
-                    "item-key": "name",
-                    sort: false,
-                    clone: cloneMenuItem,
-                    move: moveMenuItem,
-                    "force-fallback": true,
-                    "scroll-sensitivity": 100,
-                    onStart: handleMenuItemDragStart,
-                    onEnd: handleMenuItemDragEnd
-                  }, {
-                    item: withCtx(({ element }) => [
-                      createElementVNode("div", {
-                        style: normalizeStyle({ flexBasis: item.name === "dataForm" ? "100%" : "50%" }),
-                        class: "bm-menu-item-wrap"
-                      }, [
-                        createElementVNode("div", {
-                          class: "bm-menu-item",
-                          onClick: ($event) => handleMenuItemClick(element)
-                        }, [
-                          (openBlock(), createBlock(resolveDynamicComponent(element.icon), { class: "bm-menu-icon" })),
-                          createTextVNode(" " + toDisplayString(element.label), 1)
-                        ], 8, _hoisted_2),
-                        createVNode(DragPlaceholder)
-                      ], 4)
-                    ]),
-                    _: 2
-                  }, 1032, ["list"])
-                ]);
-              }), 128))
-            ]),
-            _: 1
-          }),
-          createVNode(unref(LayoutContent), { class: "bfd-main" }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
-                createVNode(unref(Draggable), {
-                  list: widgetFormRules,
-                  class: "bm-widget-form",
-                  group: {
-                    name: "formWidget",
-                    pull: true,
-                    put: ["widget", "formWidget", "rowWidget"]
-                  },
-                  "item-key": "field",
-                  "ghost-class": "form-item-drag-ghost",
-                  move: moveFormItem,
-                  "force-fallback": true,
-                  delay: 50,
-                  onAdd: handleFormItemAdd,
-                  onUpdate: handleFormItemUpdate,
-                  onEnd: handleFormItemDragEnd
-                }, {
-                  item: withCtx(({ element }) => [
-                    createElementVNode("div", _hoisted_4, [
-                      createVNode(DragTool, {
-                        rule: element,
-                        "active-rule-field": activeRule.value.field,
-                        style: normalizeStyle({
-                          width: element.config.fieldRatio
-                        }),
-                        onCopy: handleFormItemCopy,
-                        onDelete: handleFormItemDelete,
-                        onClick: ($event) => handleFormItemClick(element),
-                        onSetActiveRule: setActiveRule,
-                        onWidgetAdd: handleWidgetAdd
-                      }, null, 8, ["rule", "active-rule-field", "style", "onClick"]),
-                      createVNode(DragPlaceholder)
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["list"]),
-                _ctx.showDragTip ? (openBlock(), createBlock(NoDataTip, {
-                  key: 0,
-                  class: "bm-no-data-tip"
-                })) : createCommentVNode("v-if", true)
-              ])
-            ]),
-            _: 1
-          }),
-          createVNode(unref(LayoutSider), {
-            class: "bfd-sider-right",
-            width: "288"
-          }, {
-            default: withCtx(() => [
-              activeRule.value.field ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                (openBlock(), createBlock(resolveDynamicComponent(activeRule.value.config?.config.icon))),
-                createTextVNode(" " + toDisplayString(activeRule.value.config?.config.label) + " ", 1),
-                activeRule.value.type === unref(WidgetType).UploadFile ? (openBlock(), createBlock(unref(Tooltip), { key: 0 }, {
-                  title: withCtx(() => [
-                    createTextVNode(" \u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u9700\u572820M\u4EE5\u5185 ")
-                  ]),
-                  default: withCtx(() => [
-                    createVNode(unref(QuestionCircleOutlined), { style: { "color": "#babac1", "font-size": "14px", "margin-left": "5px" } })
-                  ]),
-                  _: 1
-                })) : createCommentVNode("v-if", true)
-              ])) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_6, [
-                _ctx.flowCondition?.[activeRule.value.field] ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                  createVNode(unref(ExclamationCircleFilled), { style: { "color": "#2f4eed" } }),
-                  createTextVNode(" \u8BE5\u7EC4\u4EF6\u5728\u201C" + toDisplayString(_ctx.flowCondition[activeRule.value.field]) + "\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C" + toDisplayString(flowConditionTipMap[activeRule.value?.config?.config?.name]), 1)
-                ])) : createCommentVNode("v-if", true),
-                createVNode(_component_FormCreate, {
-                  api: fApi.value,
-                  "onUpdate:api": _cache[0] || (_cache[0] = ($event) => fApi.value = $event),
-                  option: {
-                    form: {
-                      layout: "vertical"
-                    },
-                    submitBtn: {
-                      show: false
-                    },
-                    info: {
-                      type: "tooltip",
-                      align: "left",
-                      arrowPointAtCenter: true,
-                      overlayStyle: {
-                        width: "184px"
-                      },
-                      getPopupContainer
-                    }
-                  },
-                  rule: unref(activeProps),
-                  onChange: propChange,
-                  onSetActive: handlePropsSetActive,
-                  onAddChildRule: handleAddChildRule,
-                  onTableChildRuleDelete: handleTableChildRuleDelete
-                }, null, 8, ["api", "option", "rule"])
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-var FormDesigner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "form-designer.vue"]]);
-
-const BmFormDesigner = withInstall(FormDesigner);
-
-export { BmFormDesigner, BmFormDesigner as default };