bm-admin-ui 1.0.36-alpha → 1.0.38-alpha

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

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, withModifiers, createTextVNode, ref, watch, createElementVNode, Fragment, isRef, renderList, renderSlot, nextTick, createStaticVNode, reactive, onBeforeUnmount, resolveDynamicComponent } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, createTextVNode, withModifiers, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, onBeforeUnmount, 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';
@@ -81,12 +81,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 var WidgetInstruction = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "widget-instruction.vue"]]);
 
-const _hoisted_1$g = {
+const _hoisted_1$f = {
   key: 2,
   class: "bm-drag-tool-mask"
 };
-const _hoisted_2$d = /* @__PURE__ */ createTextVNode("\u590D\u5236");
-const _hoisted_3$b = /* @__PURE__ */ createTextVNode("\u5220\u9664");
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "drag-tool",
   props: ["rule", "activeRule", "parentRule"],
@@ -179,7 +177,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           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$g)) : createCommentVNode("v-if", true),
+        __props.rule.type !== unref(WidgetType).RowWidget && __props.rule.type !== unref(WidgetType).TableWidget ? (openBlock(), createElementBlock("div", _hoisted_1$f)) : createCommentVNode("v-if", true),
         __props.rule.config.isHover || unref(isActive) ? (openBlock(), createBlock(_component_ARow, {
           key: 3,
           class: "bm-drag-tool-btn",
@@ -190,7 +188,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(Tooltip), { placement: "top" }, {
                   title: withCtx(() => [
-                    _hoisted_2$d
+                    createTextVNode("\u590D\u5236")
                   ]),
                   default: withCtx(() => [
                     createVNode(_component_Copy, {
@@ -207,7 +205,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(Tooltip), { placement: "top" }, {
                   title: withCtx(() => [
-                    _hoisted_3$b
+                    createTextVNode("\u5220\u9664")
                   ]),
                   default: withCtx(() => [
                     createVNode(_component_Delete, {
@@ -229,20 +227,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 var DragTool = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "drag-tool.vue"]]);
 
-const _hoisted_1$f = { class: "bm-drag-placeholder" };
+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$f);
+      return openBlock(), createElementBlock("div", _hoisted_1$e);
     };
   }
 });
 var DragPlaceholder = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "drag-placeholder.vue"]]);
 
-const _hoisted_1$e = { class: "bm-widget-row-wrap" };
-const _hoisted_2$c = {
+const _hoisted_1$d = { class: "bm-widget-row-wrap" };
+const _hoisted_2$a = {
   key: 0,
   class: "bm-widget-row-tip"
 };
@@ -288,8 +286,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        !unref(childRules).length ? (openBlock(), createElementBlock("div", _hoisted_2$c, " \u53EF\u62D6\u5165\u591A\u4E2A\u63A7\u4EF6 ")) : createCommentVNode("v-if", true),
+      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,
@@ -468,7 +466,7 @@ var input = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -501,6 +499,7 @@ var input = {
                 field: fieldsMap$g['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -510,6 +509,7 @@ var input = {
                 field: fieldsMap$g['value'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 200,
                 },
                 value: rule.value,
             },
@@ -569,7 +569,7 @@ var textarea = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -603,6 +603,7 @@ var textarea = {
                 field: fieldsMap$f['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -612,6 +613,7 @@ var textarea = {
                 field: fieldsMap$f['value'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 5000,
                 },
                 value: rule.value,
             },
@@ -672,7 +674,7 @@ var numInput = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -707,6 +709,7 @@ var numInput = {
                 field: fieldsMap$e['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -765,14 +768,11 @@ var numInput = {
     },
 };
 
-const _hoisted_1$d = { class: "bm-handle-options" };
-const _hoisted_2$b = {
+const _hoisted_1$c = { class: "bm-handle-options" };
+const _hoisted_2$9 = {
   key: 0,
   class: "bm-handle-options__error-tip"
 };
-const _hoisted_3$a = /* @__PURE__ */ createTextVNode(" \u6279\u91CF\u7F16\u8F91 ");
-const _hoisted_4$7 = /* @__PURE__ */ createTextVNode(" \u6DFB\u52A0\u9009\u9879 ");
-const _hoisted_5$4 = /* @__PURE__ */ createTextVNode(" \u6BCF\u884C\u5BF9\u5E94\u4E00\u4E2A\u9009\u9879 ");
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "handle-options",
   props: ["options"],
@@ -783,6 +783,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     const text = ref("");
     const repeatOption = ref([]);
+    const maxlength = 500;
     function edit() {
       visible.value = true;
       text.value = makeText(props.options);
@@ -804,6 +805,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     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;
@@ -832,14 +834,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     function emitSetValue(val) {
       emits("setValue", val);
     }
-    watch(
-      props.options,
-      (val) => {
-        handleRepeatOption(val);
-        emitSetValue(val);
-      },
-      { deep: true }
-    );
+    watch(props.options, (val) => {
+      handleRepeatOption(val);
+      emitSetValue(val);
+    }, { deep: true });
     return (_ctx, _cache) => {
       const _component_Delete = resolveComponent("Delete");
       const _component_ARow = resolveComponent("ARow");
@@ -857,7 +855,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           "force-fallback": true
         }, {
           item: withCtx(({ element, index }) => [
-            createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("div", _hoisted_1$c, [
               createVNode(_component_ARow, { align: "middle" }, {
                 default: withCtx(() => [
                   createVNode(unref(HolderOutlined), {
@@ -872,6 +870,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                           "bm-handle-options__input",
                           repeatOption.value.length && repeatOption.value.includes(element.value) ? "is-error" : ""
                         ]),
+                        maxlength,
                         onBlur: ($event) => handleBlur(element)
                       }, null, 8, ["value", "onUpdate:value", "class", "onBlur"])
                     ]),
@@ -884,7 +883,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1024),
-              repeatOption.value.length && repeatOption.value.includes(element.value) ? (openBlock(), createElementBlock("div", _hoisted_2$b, " \u8BF7\u66F4\u6539\u91CD\u590D\u9009\u9879 ")) : createCommentVNode("v-if", true)
+              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
@@ -897,7 +896,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             createVNode(unref(EditOutlined))
           ]),
           default: withCtx(() => [
-            _hoisted_3$a
+            createTextVNode(" \u6279\u91CF\u7F16\u8F91 ")
           ]),
           _: 1
         }),
@@ -909,7 +908,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             createVNode(unref(PlusOutlined))
           ]),
           default: withCtx(() => [
-            _hoisted_4$7
+            createTextVNode(" \u6DFB\u52A0\u9009\u9879 ")
           ]),
           _: 1
         }),
@@ -920,7 +919,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           onOk: handleOk
         }, {
           default: withCtx(() => [
-            _hoisted_5$4,
+            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),
@@ -968,7 +967,7 @@ var radio = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             options: [
@@ -1014,6 +1013,7 @@ var radio = {
                 field: fieldsMap$d['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1106,7 +1106,7 @@ var checkbox = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             options: [
@@ -1152,6 +1152,7 @@ var checkbox = {
                 field: fieldsMap$c['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1213,10 +1214,7 @@ var checkbox = {
     },
 };
 
-const _hoisted_1$c = { class: "bm-default-date" };
-const _hoisted_2$a = /* @__PURE__ */ createTextVNode(" \u5F53\u524D\u65F6\u95F4(\u5E74/\u6708/\u65E5) ");
-const _hoisted_3$9 = /* @__PURE__ */ createTextVNode(" \u83B7\u53D6\u7528\u6237\u5B9E\u9645\u586B\u5199\u65F6\u7684\u65F6\u95F4 ");
-const _hoisted_4$6 = /* @__PURE__ */ createTextVNode("\u81EA\u5B9A\u4E49");
+const _hoisted_1$b = { class: "bm-default-date" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "default-date",
   props: ["defaultRadioValue", "defalueDateValue"],
@@ -1238,7 +1236,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       emitChange(date);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(unref(FormItemRest), null, {
           default: withCtx(() => [
             createVNode(unref(RadioGroup), {
@@ -1248,10 +1246,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(Radio), { value: 0 }, {
                   default: withCtx(() => [
-                    _hoisted_2$a,
+                    createTextVNode(" \u5F53\u524D\u65F6\u95F4(\u5E74/\u6708/\u65E5) "),
                     createVNode(unref(Tooltip), null, {
                       title: withCtx(() => [
-                        _hoisted_3$9
+                        createTextVNode(" \u83B7\u53D6\u7528\u6237\u5B9E\u9645\u586B\u5199\u65F6\u7684\u65F6\u95F4 ")
                       ]),
                       default: withCtx(() => [
                         createVNode(unref(QuestionCircleOutlined), { style: { "color": "#babac1" } })
@@ -1263,7 +1261,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 }),
                 createVNode(unref(Radio), { value: 1 }, {
                   default: withCtx(() => [
-                    _hoisted_4$6
+                    createTextVNode("\u81EA\u5B9A\u4E49")
                   ]),
                   _: 1
                 })
@@ -1316,7 +1314,7 @@ var date = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1379,6 +1377,7 @@ var date = {
                 field: fieldsMap$b['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1460,7 +1459,7 @@ var dateRange = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1525,6 +1524,7 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.0'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder[0],
             },
@@ -1534,6 +1534,7 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.1'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder[1],
             },
@@ -1607,10 +1608,23 @@ var instruction = {
                 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: {
-                        rule,
+                        color: rule.style.color,
+                    },
+                },
+                on: {
+                    change({ api, self }, list) {
+                        nextTick(() => {
+                            api.refresh();
+                        });
                     },
                 },
             },
@@ -1653,7 +1667,7 @@ var picture = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -1738,40 +1752,36 @@ var picture = {
     },
 };
 
-const _hoisted_1$b = { class: "bm-widget-table-wrap" };
-const _hoisted_2$9 = { class: "bm-widget-table-top-bar" };
-const _hoisted_3$8 = /* @__PURE__ */ createTextVNode(" \u65B0\u589E ");
-const _hoisted_4$5 = /* @__PURE__ */ createTextVNode(" \u6279\u91CF\u5220\u9664 ");
-const _hoisted_5$3 = /* @__PURE__ */ createTextVNode(" \u6279\u91CF\u5BFC\u5165 ");
-const _hoisted_6$3 = /* @__PURE__ */ createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ");
-const _hoisted_7$2 = { class: "bm-widget-table-outer" };
-const _hoisted_8$2 = { class: "bm-widget-table" };
-const _hoisted_9$1 = {
+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_10 = /* @__PURE__ */ createElementVNode("div", { class: "bm-widget-table__virtual__head" }, null, -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("div", { class: "bm-widget-table__virtual__content" }, null, -1);
-const _hoisted_12 = [
-  _hoisted_10,
-  _hoisted_11
+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_13 = {
+const _hoisted_9 = {
   key: 1,
   class: "bm-widget-table__tip"
 };
-const _hoisted_14 = {
+const _hoisted_10 = {
   key: 0,
   class: "bm-widget-table__checkbox"
 };
-const _hoisted_15 = { class: "bm-widget-table__checkbox__head" };
-const _hoisted_16 = { class: "bm-widget-table__checkbox__content" };
-const _hoisted_17 = { class: "bm-widget-table__operateColumn" };
-const _hoisted_18 = /* @__PURE__ */ createElementVNode("div", { class: "bm-widget-table__operateColumn__head" }, "\u64CD\u4F5C", -1);
-const _hoisted_19 = { class: "bm-widget-table__operateColumn__content" };
-const _hoisted_20 = /* @__PURE__ */ createElementVNode("a", null, "\u590D\u5236", -1);
-const _hoisted_21 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-const _hoisted_22 = /* @__PURE__ */ createElementVNode("a", null, "\u5220\u9664", -1);
+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", "activeRule"],
@@ -1818,37 +1828,37 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emits("delete", rule2);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_2$8, [
           createVNode(unref(Button), { type: "primary" }, {
             icon: withCtx(() => [
               createVNode(unref(PlusOutlined))
             ]),
             default: withCtx(() => [
-              _hoisted_3$8
+              createTextVNode(" \u65B0\u589E ")
             ]),
             _: 1
           }),
           unref(showDelete) ? (openBlock(), createBlock(unref(Button), { key: 0 }, {
             default: withCtx(() => [
-              _hoisted_4$5
+              createTextVNode(" \u6279\u91CF\u5220\u9664 ")
             ]),
             _: 1
           })) : createCommentVNode("v-if", true),
           unref(showImport) ? (openBlock(), createBlock(unref(Button), { key: 1 }, {
             default: withCtx(() => [
-              _hoisted_5$3
+              createTextVNode(" \u6279\u91CF\u5BFC\u5165 ")
             ]),
             _: 1
           })) : createCommentVNode("v-if", true),
           unref(showImport) ? (openBlock(), createBlock(unref(Button), { key: 2 }, {
             default: withCtx(() => [
-              _hoisted_6$3
+              createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
             ]),
             _: 1
           })) : createCommentVNode("v-if", true)
         ]),
-        createElementVNode("div", _hoisted_7$2, [
+        createElementVNode("div", _hoisted_3$5, [
           createElementVNode("div", {
             class: "bm-widget-table-inner",
             style: normalizeStyle({
@@ -1856,8 +1866,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               paddingRight: unref(showCopy) ? "81px" : "60px"
             })
           }, [
-            createElementVNode("div", _hoisted_8$2, [
-              unref(childRules).length ? (openBlock(), createElementBlock("div", _hoisted_9$1, _hoisted_12)) : (openBlock(), createElementBlock("div", _hoisted_13, "\u53EF\u62D6\u5165\u591A\u4E2A\u63A7\u4EF6")),
+            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(rule).field,
@@ -1901,8 +1911,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }, 8, ["component-data", "list", "ghost-class"])
             ])
           ], 4),
-          unref(showDelete) ? (openBlock(), createElementBlock("div", _hoisted_14, [
-            createElementVNode("div", _hoisted_15, [
+          unref(showDelete) ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
               createVNode(unref(FormItemRest), null, {
                 default: withCtx(() => [
                   createVNode(unref(Checkbox))
@@ -1910,7 +1920,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_16, [
+            createElementVNode("div", _hoisted_12, [
               createVNode(unref(FormItemRest), null, {
                 default: withCtx(() => [
                   createVNode(unref(Checkbox))
@@ -1919,14 +1929,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               })
             ])
           ])) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_17, [
-            _hoisted_18,
-            createElementVNode("div", _hoisted_19, [
+          createElementVNode("div", _hoisted_13, [
+            _hoisted_14,
+            createElementVNode("div", _hoisted_15, [
               unref(showCopy) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                _hoisted_20,
-                _hoisted_21
+                _hoisted_16,
+                _hoisted_17
               ], 64)) : createCommentVNode("v-if", true),
-              _hoisted_22
+              _hoisted_18
             ])
           ])
         ])
@@ -2006,7 +2016,15 @@ var table = {
                 effect: {
                     required: true,
                 },
+                inject: true,
                 value: rule.config.childRules,
+                on: {
+                    change({ api, self }, list) {
+                        nextTick(() => {
+                            api.validate();
+                        });
+                    },
+                },
             },
             {
                 type: 'checkbox',
@@ -2069,7 +2087,7 @@ var file = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             config: {
@@ -2140,7 +2158,7 @@ var people = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2173,6 +2191,7 @@ var people = {
                 field: fieldsMap$5['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2261,7 +2280,7 @@ var department = {
                 },
             },
             effect: {
-                required: true,
+                required: false,
                 formRule: 'formRule',
             },
             props: {
@@ -2294,6 +2313,7 @@ var department = {
                 field: fieldsMap$4['props.placeholder'],
                 props: {
                     placeholder: '请输入',
+                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2356,15 +2376,10 @@ var department = {
     },
 };
 
-const _hoisted_1$a = { style: { "margin-top": "16px", "line-height": "32px" } };
-const _hoisted_2$8 = /* @__PURE__ */ createTextVNode(" \u660E\u7EC6\u5217\u8868 ");
-const _hoisted_3$7 = { style: { "float": "right" } };
-const _hoisted_4$4 = /* @__PURE__ */ createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ");
-const _hoisted_5$2 = /* @__PURE__ */ createTextVNode(" \u5BFC\u5165\u660E\u7EC6 ");
-const _hoisted_6$2 = /* @__PURE__ */ createTextVNode(" \u6279\u91CF\u5220\u9664 ");
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode(" \u65B0\u589E ");
-const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("div", { class: "bm-material-temp__table-tip" }, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6\u8868\u683C\u5B57\u6BB5", -1);
-const _hoisted_9 = { class: "bm-material-temp__add" };
+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"],
@@ -2473,14 +2488,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       uploadPicRule.hidden = uploadPictureRule.hidden;
       rules.value = [...rules.value];
     }
-    watch(
-      () => props.formCreateInject.rule.config.uploadPictureRule,
-      handleUploadPicRule,
-      {
-        deep: true,
-        immediate: true
-      }
-    );
+    watch(() => props.formCreateInject.rule.config.uploadPictureRule, handleUploadPicRule, {
+      deep: true,
+      immediate: true
+    });
     return (_ctx, _cache) => {
       const _component_FormCreate = resolveComponent("FormCreate");
       return openBlock(), createBlock(unref(Tabs), {
@@ -2492,7 +2503,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         size: "small"
       }, {
         rightExtra: withCtx(() => [
-          createElementVNode("span", _hoisted_9, [
+          createElementVNode("span", _hoisted_4$3, [
             createVNode(unref(PlusOutlined))
           ])
         ]),
@@ -2507,37 +2518,37 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   option,
                   rule: rules.value
                 }, null, 8, ["rule"]),
-                createElementVNode("div", _hoisted_1$a, [
-                  _hoisted_2$8,
-                  createElementVNode("div", _hoisted_3$7, [
+                createElementVNode("div", _hoisted_1$9, [
+                  createTextVNode(" \u660E\u7EC6\u5217\u8868 "),
+                  createElementVNode("div", _hoisted_2$7, [
                     createVNode(unref(Button), null, {
                       default: withCtx(() => [
-                        _hoisted_4$4
+                        createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F ")
                       ]),
                       _: 1
                     }),
                     createVNode(unref(Button), null, {
                       default: withCtx(() => [
-                        _hoisted_5$2
+                        createTextVNode(" \u5BFC\u5165\u660E\u7EC6 ")
                       ]),
                       _: 1
                     }),
                     createVNode(unref(Button), null, {
                       default: withCtx(() => [
-                        _hoisted_6$2
+                        createTextVNode(" \u6279\u91CF\u5220\u9664 ")
                       ]),
                       _: 1
                     }),
                     createVNode(unref(Button), { type: "primary" }, {
                       default: withCtx(() => [
                         createVNode(unref(PlusOutlined)),
-                        _hoisted_7$1
+                        createTextVNode(" \u65B0\u589E ")
                       ]),
                       _: 1
                     })
                   ])
                 ]),
-                _hoisted_8$1
+                _hoisted_3$4
               ]),
               _: 2
             }, 1032, ["tab"]);
@@ -2550,17 +2561,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 var WidgetMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "widget-material-temp.vue"]]);
 
-const _hoisted_1$9 = { class: "bm-use-instruction" };
-const _hoisted_2$7 = { class: "bm-use-instruction__title" };
-const _hoisted_3$6 = /* @__PURE__ */ createTextVNode(" \u4F7F\u7528\u8BF4\u660E ");
+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$9, [
-        createElementVNode("div", _hoisted_2$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$6, [
           createVNode(unref(InfoCircleFilled), { class: "bm-use-instruction__title__icon" }),
-          _hoisted_3$6
+          createTextVNode(" \u4F7F\u7528\u8BF4\u660E ")
         ]),
         renderSlot(_ctx.$slots, "default")
       ]);
@@ -2685,10 +2695,10 @@ var materialTemp = {
     },
 };
 
-const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("div", { class: "bm-product-info-item__title" }, "\u5546\u54C1\u7F16\u53F7", -1);
-const _hoisted_2$6 = { class: "bm-product-info-item__content" };
-const _hoisted_3$5 = { class: "bm-product-info-item__title" };
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("div", { class: "bm-product-info-item__content" }, "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA", -1);
+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"],
@@ -2701,8 +2711,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             span: 12
           }, {
             default: withCtx(() => [
-              _hoisted_1$8,
-              createElementVNode("div", _hoisted_2$6, [
+              _hoisted_1$7,
+              createElementVNode("div", _hoisted_2$5, [
                 createVNode(unref(Input), { placeholder: "\u8BF7\u8F93\u5165\u5546\u54C1\u7F16\u53F7" })
               ])
             ]),
@@ -2715,8 +2725,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               span: 12
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3$5, toDisplayString(item.label), 1),
-                _hoisted_4$3
+                createElementVNode("div", _hoisted_3$3, toDisplayString(item.label), 1),
+                _hoisted_4$2
               ]),
               _: 2
             }, 1024);
@@ -2729,14 +2739,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 var ProductInfo = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "product-info.vue"]]);
 
-const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("div", { class: "bm-associated-fields-item" }, [
+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$5 = { class: "bm-associated-fields-item__content" };
-const _hoisted_3$4 = /* @__PURE__ */ createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ");
-const _hoisted_4$2 = { style: { "text-align": "right", "margin": "6px 0 4px", "padding-right": "8px" } };
-const _hoisted_5$1 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+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"],
@@ -2772,10 +2779,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     ];
     function emitChangeEvt() {
-      emits(
-        "change",
-        options.filter((op) => checkList.value.includes(op.value))
-      );
+      emits("change", options.filter((op) => checkList.value.includes(op.value)));
     }
     function handOk() {
       visible.value = false;
@@ -2800,13 +2804,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_Delete = resolveComponent("Delete");
       return openBlock(), createElementBlock("div", null, [
-        _hoisted_1$7,
+        _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$5, toDisplayString(item.label), 1),
+            createElementVNode("span", _hoisted_2$4, toDisplayString(item.label), 1),
             createVNode(_component_Delete, {
               class: "bm-associated-fields-item__icon",
               onClick: ($event) => handleDel(item.value)
@@ -2854,12 +2858,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   _: 1
                 }),
                 createVNode(unref(Divider), { style: { "margin": "0" } }),
-                createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("div", _hoisted_3$2, [
                   createVNode(unref(Button), {
                     onClick: _cache[1] || (_cache[1] = ($event) => visible.value = false)
                   }, {
                     default: withCtx(() => [
-                      _hoisted_5$1
+                      createTextVNode("\u53D6\u6D88")
                     ]),
                     _: 1
                   }),
@@ -2869,7 +2873,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     onClick: handOk
                   }, {
                     default: withCtx(() => [
-                      _hoisted_6$1
+                      createTextVNode("\u786E\u5B9A")
                     ]),
                     _: 1
                   })
@@ -2885,7 +2889,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(PlusOutlined)),
-                _hoisted_3$4
+                createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ")
               ]),
               _: 1
             })
@@ -2898,9 +2902,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 });
 var AssociatedFields = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "associated-fields.vue"]]);
 
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("div", { style: { "margin": "18px 0 6px" } }, "\u4EC5\u83B7\u53D6", -1);
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("div", { style: { "margin-top": "7px" } }, "\u4E2D\u53EF\u5206\u9500\u7684\u5546\u54C1\u6570\u636E", -1);
-const _hoisted_3$3 = /* @__PURE__ */ createTextVNode("\u8BF7\u5148\u6DFB\u52A0\u5173\u8054\u8868\u5355\u4E2D\u7684\u5E97\u94FA\u7EC4\u4EF6");
+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"],
@@ -2909,19 +2912,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     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" || name === "table") {
-          cur.config.childRules.forEach((rule) => {
-            getShop(rule, pre);
-          });
-        } else {
-          getShop(cur, pre);
-        }
-        return pre;
-      }, [])
-    );
+    const shopRules = computed(() => props.widgetFormRules.reduce((pre, cur) => {
+      const name = cur.config.config.name;
+      if (name === "row" || name === "table") {
+        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,
@@ -2980,7 +2981,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => checkedValue.value = $event)
             }, null, 8, ["checked"]),
             checkedValue.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _hoisted_1$6,
+              _hoisted_1$5,
               createVNode(unref(Select), {
                 value: selectValue.value,
                 "onUpdate:value": _cache[1] || (_cache[1] = ($event) => selectValue.value = $event),
@@ -2989,14 +2990,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 "show-arrow": unref(shops).length > 1,
                 placeholder: "\u8BF7\u9009\u62E9"
               }, null, 8, ["value", "options", "disabled", "show-arrow"]),
-              _hoisted_2$4
+              _hoisted_2$3
             ], 64)) : createCommentVNode("v-if", true)
           ], 64)) : (openBlock(), createBlock(_component_a_tooltip, {
             key: 1,
             placement: "bottomLeft"
           }, {
             title: withCtx(() => [
-              _hoisted_3$3
+              createTextVNode("\u8BF7\u5148\u6DFB\u52A0\u5173\u8054\u8868\u5355\u4E2D\u7684\u5E97\u94FA\u7EC4\u4EF6")
             ]),
             default: withCtx(() => [
               createVNode(unref(Switch), { disabled: "" })
@@ -3410,16 +3411,16 @@ function createTab() {
     ];
 }
 
-const _hoisted_1$5 = {
+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$3 = /* @__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$2 = [
-  _hoisted_2$3
+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({
@@ -3428,7 +3429,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$2)),
+        (openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$1)),
         _hoisted_4$1
       ]);
     };
@@ -3457,7 +3458,7 @@ const formDesignerProps = {
     },
 };
 
-const _hoisted_1$4 = {
+const _hoisted_1$3 = {
   key: 0,
   style: { "font-weight": "normal" }
 };
@@ -3466,31 +3467,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   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`;
-      }, "")
-    );
+    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$4, "\uFF08" + toDisplayString(unref(text)) + "\uFF09", 1)) : createCommentVNode("v-if", true)
+        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$3 = { style: { "position": "absolute", "right": "0", "top": "-30px", "display": "flex", "align-items": "center" } };
-const _hoisted_2$2 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B");
+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) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$3, [
+      return openBlock(), createElementBlock("span", _hoisted_1$2, [
         createVNode(unref(FormItemRest), null, {
           default: withCtx(() => [
             createVNode(unref(Checkbox), {
@@ -3498,7 +3496,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => __props.rule.config.uploadPictureRule.required = $event)
             }, {
               default: withCtx(() => [
-                _hoisted_2$2
+                createTextVNode("\u5FC5\u586B")
               ]),
               _: 1
             }, 8, ["checked"]),
@@ -3572,13 +3570,13 @@ var ruleList = {
     [materialType.name]: materialType,
 };
 
-const _hoisted_1$2 = { class: "bm-table-column__main" };
+const _hoisted_1$1 = { class: "bm-table-column__main" };
 const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ");
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "table-column",
   props: ["formCreateInject"],
-  setup(__props) {
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
     const props = __props;
     const handleClass = "bm-table-column__drag-icon";
     const btnCom = ref();
@@ -3603,6 +3601,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function getPopupContainer() {
       return document.body;
     }
+    watch(childRules, (val) => {
+      emits("change", val);
+    }, {
+      deep: true
+    });
     return (_ctx, _cache) => {
       const _component_Delete = resolveComponent("Delete");
       const _component_ARow = resolveComponent("ARow");
@@ -3627,7 +3630,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 createVNode(unref(HolderOutlined), {
                   class: normalizeClass([handleClass])
                 }, null, 8, ["class"]),
-                createElementVNode("div", _hoisted_1$2, toDisplayString(element.title.title), 1),
+                createElementVNode("div", _hoisted_1$1, toDisplayString(element.title.title), 1),
                 createVNode(unref(EditOutlined), {
                   class: "bm-table-column__icon is-edit",
                   onClick: ($event) => handleEdit(element)
@@ -3670,7 +3673,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               createVNode(unref(PlusOutlined))
             ]),
             default: withCtx(() => [
-              _hoisted_3$1
+              createTextVNode(" \u6DFB\u52A0\u5B50\u5B57\u6BB5 ")
             ]),
             _: 1
           }, 512)
@@ -3681,15 +3684,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 var TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "table-column.vue"]]);
 
-const _hoisted_1$1 = /* @__PURE__ */ createTextVNode("change");
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "text-color",
-  props: ["rule"],
-  setup(__props) {
+  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() {
-      const rule = props.rule;
-      rule.style.color = rule.style.color === Colors.Black ? Colors.Blue : Colors.Black;
+      color.value = getColor(color.value);
+      emits("change", color.value);
     }
     return (_ctx, _cache) => {
       const _component_ColorPanel = resolveComponent("ColorPanel");
@@ -3701,16 +3708,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           width: "1em",
           height: "1em",
           fontSize: "20px",
-          color: __props.rule.style.color,
+          color: getColor(color.value),
           cursor: "pointer"
         }),
         onClick: withModifiers(handleClick, ["prevent", "stop"])
-      }, {
-        default: withCtx(() => [
-          _hoisted_1$1
-        ]),
-        _: 1
-      }, 8, ["style", "onClick"]);
+      }, null, 8, ["style", "onClick"]);
     };
   }
 });
@@ -3724,9 +3726,8 @@ const _hoisted_5 = {
   key: 0,
   class: "bfd-sider-right__title"
 };
-const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u9700\u572820M\u4EE5\u5185 ");
-const _hoisted_7 = { class: "bfd-sider-right__form" };
-const _hoisted_8 = {
+const _hoisted_6 = { class: "bfd-sider-right__form" };
+const _hoisted_7 = {
   key: 0,
   class: "bfd-sider-right__form__flow-releated"
 };
@@ -3770,13 +3771,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cacheProps = reactive({});
     const fApi = ref();
     const activeParentRule = ref();
-    const menuList = computed(
-      () => tabData.find((tab) => tab.key === activeKey.value).menuList
-    );
+    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
-    );
+    const activeRuleInList = computed(() => activeParentRule.value?.config?.childRules || widgetFormRules);
     function hideShowDragTip() {
       showDragTip.value = false;
     }
@@ -3831,9 +3828,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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
-        );
+        const index = activeRuleInList.value.findIndex((item) => item.field === activeRule.value.field);
         activeRuleInList.value.splice(index + 1, 0, rule);
         setActiveRule(rule, activeParentRule.value);
         hideShowDragTip();
@@ -3912,9 +3907,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           activeRule.value = {};
         }
-      } else if (targetRule?.config?.childRules?.some(
-        (rule) => rule.field === activeRule.value.field
-      )) {
+      } 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]);
@@ -4027,24 +4020,70 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function getRule(name) {
       return makeRule(ruleList[name]);
     }
-    watch(
-      () => props.presetRules,
-      (presetRules) => {
-        widgetFormRules.push(...presetRules);
+    function validate() {
+      let pass = true;
+      for (const rule of widgetFormRules) {
+        const config = rule.config.config || {};
+        const childRules = rule.config.childRules || [];
+        if (!rule?.title?.title && 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 (!childRule?.title?.title) {
+              pass = false;
+              if (childRule.field !== activeRule.value.field) {
+                setActiveRule(childRule, rule);
+              }
+              break;
+            }
+          }
+        }
+        if (!pass) {
+          nextTick(() => {
+            fApi.value.validate();
+          });
+          break;
+        }
       }
-    );
-    watch(
-      () => props.formRules,
-      (formRules) => {
-        edit(formRules);
+      return pass;
+    }
+    function flowConditionEffect(activeProps2, flowCondition) {
+      const requiredRule = activeProps2?.find((rule) => rule.field === "effect.required");
+      if (requiredRule) {
+        if (!requiredRule.props) {
+          requiredRule.props = {};
+        }
+        requiredRule.props.disabled = !!flowCondition[activeRule.value.field];
       }
-    );
+    }
+    watch(() => props.presetRules, (presetRules) => {
+      widgetFormRules.push(...presetRules);
+    });
+    watch(() => props.formRules, (formRules) => {
+      edit(formRules);
+    });
+    watch(activeProps, (activeProps2) => {
+      flowConditionEffect(activeProps2, props.flowCondition);
+    });
+    watch(() => props.flowCondition, (flowCondition) => {
+      flowConditionEffect(activeProps.value, flowCondition);
+    }, {
+      deep: true
+    });
     onBeforeUnmount(() => {
       resetIndex();
     });
     expose({
       getFormRule,
-      getRule
+      getRule,
+      validate
     });
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
@@ -4087,7 +4126,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     move: moveMenuItem,
                     "force-fallback": true,
                     "scroll-sensitivity": 100,
-                    delay: 50,
                     onStart: handleMenuItemDragStart,
                     onEnd: handleMenuItemDragEnd
                   }, {
@@ -4170,7 +4208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(" " + toDisplayString(activeRule.value.config?.config.label) + " ", 1),
                 activeRule.value.type === unref(WidgetType).UploadFile ? (openBlock(), createBlock(unref(Tooltip), { key: 0 }, {
                   title: withCtx(() => [
-                    _hoisted_6
+                    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" } })
@@ -4178,8 +4216,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })) : createCommentVNode("v-if", true)
               ])) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_7, [
-                _ctx.flowCondition[activeRule.value.field] ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              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\u9664\u201C\u5FC5\u586B\u3001\u9009\u9879\u201D\u8BBE\u7F6E\u4E0D\u53EF\u4FEE\u6539\uFF0C\u5176\u4ED6\u4FE1\u606F\u53EF\u4FEE\u6539 ", 1)
                 ])) : createCommentVNode("v-if", true),