bm-admin-ui 1.0.38-alpha → 1.0.39-alpha

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

@@ -476,7 +476,7 @@ var input = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -509,7 +509,6 @@ var input = {
                 field: fieldsMap$g['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -519,7 +518,6 @@ var input = {
                 field: fieldsMap$g['value'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 200,
                 },
                 value: rule.value,
             },
@@ -579,7 +577,7 @@ var textarea = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -613,7 +611,6 @@ var textarea = {
                 field: fieldsMap$f['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -623,7 +620,6 @@ var textarea = {
                 field: fieldsMap$f['value'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 5000,
                 },
                 value: rule.value,
             },
@@ -684,7 +680,7 @@ var numInput = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -719,7 +715,6 @@ var numInput = {
                 field: fieldsMap$e['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -793,7 +788,6 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const visible = vue.ref(false);
     const text = vue.ref("");
     const repeatOption = vue.ref([]);
-    const maxlength = 500;
     function edit() {
       visible.value = true;
       text.value = makeText(props.options);
@@ -815,7 +809,6 @@ const _sfc_main$e = /* @__PURE__ */ vue.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;
@@ -844,10 +837,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     function emitSetValue(val) {
       emits("setValue", val);
     }
-    vue.watch(props.options, (val) => {
-      handleRepeatOption(val);
-      emitSetValue(val);
-    }, { deep: true });
+    vue.watch(
+      props.options,
+      (val) => {
+        handleRepeatOption(val);
+        emitSetValue(val);
+      },
+      { deep: true }
+    );
     return (_ctx, _cache) => {
       const _component_Delete = vue.resolveComponent("Delete");
       const _component_ARow = vue.resolveComponent("ARow");
@@ -880,7 +877,6 @@ const _sfc_main$e = /* @__PURE__ */ vue.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"])
                     ]),
@@ -977,7 +973,7 @@ var radio = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             options: [
@@ -1023,7 +1019,6 @@ var radio = {
                 field: fieldsMap$d['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1116,7 +1111,7 @@ var checkbox = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             options: [
@@ -1162,7 +1157,6 @@ var checkbox = {
                 field: fieldsMap$c['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1324,7 +1318,7 @@ var date = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -1387,7 +1381,6 @@ var date = {
                 field: fieldsMap$b['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1469,7 +1462,7 @@ var dateRange = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -1534,7 +1527,6 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.0'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder[0],
             },
@@ -1544,7 +1536,6 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.1'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder[1],
             },
@@ -1618,23 +1609,10 @@ 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: {
-                        color: rule.style.color,
-                    },
-                },
-                on: {
-                    change({ api, self }, list) {
-                        vue.nextTick(() => {
-                            api.refresh();
-                        });
+                        rule,
                     },
                 },
             },
@@ -1677,7 +1655,7 @@ var picture = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -2026,15 +2004,7 @@ var table = {
                 effect: {
                     required: true,
                 },
-                inject: true,
                 value: rule.config.childRules,
-                on: {
-                    change({ api, self }, list) {
-                        vue.nextTick(() => {
-                            api.validate();
-                        });
-                    },
-                },
             },
             {
                 type: 'checkbox',
@@ -2097,7 +2067,7 @@ var file = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             config: {
@@ -2168,7 +2138,7 @@ var people = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -2201,7 +2171,6 @@ var people = {
                 field: fieldsMap$5['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2290,7 +2259,7 @@ var department = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -2323,7 +2292,6 @@ var department = {
                 field: fieldsMap$4['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2498,10 +2466,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       uploadPicRule.hidden = uploadPictureRule.hidden;
       rules.value = [...rules.value];
     }
-    vue.watch(() => props.formCreateInject.rule.config.uploadPictureRule, handleUploadPicRule, {
-      deep: true,
-      immediate: true
-    });
+    vue.watch(
+      () => props.formCreateInject.rule.config.uploadPictureRule,
+      handleUploadPicRule,
+      {
+        deep: true,
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_FormCreate = vue.resolveComponent("FormCreate");
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Tabs), {
@@ -2789,7 +2761,10 @@ const _sfc_main$8 = /* @__PURE__ */ vue.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;
@@ -2922,17 +2897,19 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const checkedValue = vue.ref(!!props.defaultSelectValue);
     const selectValue = vue.ref(props.defaultSelectValue);
-    const shopRules = vue.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 = vue.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 = vue.computed(() => {
       return shopRules.value.map((shopRule) => ({
         value: shopRule.field,
@@ -3477,11 +3454,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   props: ["childRules"],
   setup(__props) {
     const props = __props;
-    const text = vue.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 = vue.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 vue.openBlock(), vue.createElementBlock("div", null, [
         vue.renderSlot(_ctx.$slots, "default"),
@@ -3585,8 +3564,7 @@ const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "table-column",
   props: ["formCreateInject"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
+  setup(__props) {
     const props = __props;
     const handleClass = "bm-table-column__drag-icon";
     const btnCom = vue.ref();
@@ -3611,11 +3589,6 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     function getPopupContainer() {
       return document.body;
     }
-    vue.watch(childRules, (val) => {
-      emits("change", val);
-    }, {
-      deep: true
-    });
     return (_ctx, _cache) => {
       const _component_Delete = vue.resolveComponent("Delete");
       const _component_ARow = vue.resolveComponent("ARow");
@@ -3696,17 +3669,12 @@ var TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "table-co
 
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "text-color",
-  props: ["color"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
+  props: ["rule"],
+  setup(__props) {
     const props = __props;
-    const color = vue.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);
+      const rule = props.rule;
+      rule.style.color = rule.style.color === Colors.Black ? Colors.Blue : Colors.Black;
     }
     return (_ctx, _cache) => {
       const _component_ColorPanel = vue.resolveComponent("ColorPanel");
@@ -3718,11 +3686,16 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           width: "1em",
           height: "1em",
           fontSize: "20px",
-          color: getColor(color.value),
+          color: __props.rule.style.color,
           cursor: "pointer"
         }),
         onClick: vue.withModifiers(handleClick, ["prevent", "stop"])
-      }, null, 8, ["style", "onClick"]);
+      }, {
+        default: vue.withCtx(() => [
+          vue.createTextVNode("change")
+        ]),
+        _: 1
+      }, 8, ["style", "onClick"]);
     };
   }
 });
@@ -3781,9 +3754,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cacheProps = vue.reactive({});
     const fApi = vue.ref();
     const activeParentRule = vue.ref();
-    const menuList = vue.computed(() => tabData.find((tab) => tab.key === activeKey.value).menuList);
+    const menuList = vue.computed(
+      () => tabData.find((tab) => tab.key === activeKey.value).menuList
+    );
     const activeProps = vue.computed(() => cacheProps[activeRule.value.field]);
-    const activeRuleInList = vue.computed(() => activeParentRule.value?.config?.childRules || widgetFormRules);
+    const activeRuleInList = vue.computed(
+      () => activeParentRule.value?.config?.childRules || widgetFormRules
+    );
     function hideShowDragTip() {
       showDragTip.value = false;
     }
@@ -3838,7 +3815,9 @@ const _sfc_main = /* @__PURE__ */ vue.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();
@@ -3917,7 +3896,9 @@ const _sfc_main = /* @__PURE__ */ vue.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]);
@@ -4012,7 +3993,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return rule.config.config.parse(rule);
     }
     function edit(formRules) {
-      widgetFormRules.splice(0);
       formRules.forEach((item) => {
         const rule = makeRule(ruleList[item.name]);
         delete item.name;
@@ -4030,70 +4010,30 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function getRule(name) {
       return makeRule(ruleList[name]);
     }
-    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) {
-          vue.nextTick(() => {
-            fApi.value.validate();
-          });
-          break;
-        }
+    vue.watch(
+      () => props.presetRules,
+      (presetRules) => {
+        widgetFormRules.push(...presetRules);
+      },
+      {
+        immediate: true
       }
-      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];
+    );
+    vue.watch(
+      () => props.formRules,
+      (formRules) => {
+        edit(formRules);
+      },
+      {
+        immediate: true
       }
-    }
-    vue.watch(() => props.presetRules, (presetRules) => {
-      widgetFormRules.push(...presetRules);
-    });
-    vue.watch(() => props.formRules, (formRules) => {
-      edit(formRules);
-    });
-    vue.watch(activeProps, (activeProps2) => {
-      flowConditionEffect(activeProps2, props.flowCondition);
-    });
-    vue.watch(() => props.flowCondition, (flowCondition) => {
-      flowConditionEffect(activeProps.value, flowCondition);
-    }, {
-      deep: true
-    });
+    );
     vue.onBeforeUnmount(() => {
       resetIndex();
     });
     expose({
       getFormRule,
-      getRule,
-      validate
+      getRule
     });
     return (_ctx, _cache) => {
       const _component_ACol = vue.resolveComponent("ACol");
@@ -4136,6 +4076,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     move: moveMenuItem,
                     "force-fallback": true,
                     "scroll-sensitivity": 100,
+                    delay: 50,
                     onStart: handleMenuItemDragStart,
                     onEnd: handleMenuItemDragEnd
                   }, {

package/lib/components/input-tags-display/index.js

@@ -79,7 +79,9 @@ const _sfc_main = vue.defineComponent({
       emit("update:list", []);
       emit("clear");
       if (!props.showEmptyBtn && !props.showEmpty) {
-        console.error("\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1");
+        console.error(
+          "\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1"
+        );
       }
     }
     function toAddTags() {
@@ -101,15 +103,19 @@ const _sfc_main = vue.defineComponent({
       placement: props.placement,
       trigger: "hover"
     });
-    vue.watch(() => props.toolTipProps, (tooltipprop) => {
-      tooltipConfig.value = {
-        ...tooltipConfig.value,
-        ...tooltipprop
-      };
-    }, {
-      immediate: true,
-      deep: true
-    });
+    vue.watch(
+      () => props.toolTipProps,
+      (tooltipprop) => {
+        tooltipConfig.value = {
+          ...tooltipConfig.value,
+          ...tooltipprop
+        };
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
     return {
       containId,
       clear,

package/lib/components/over-tooltips/index.js

@@ -43,16 +43,19 @@ const _sfc_main = {
       isShow: false,
       openShow: false
     });
-    const observer = new IntersectionObserver((entries) => {
-      entries.forEach((item) => {
-        if (item.intersectionRatio > 0.3) {
-          observerDom();
-          observer.disconnect();
-        }
-      });
-    }, {
-      threshold: 0.3
-    });
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((item) => {
+          if (item.intersectionRatio > 0.3) {
+            observerDom();
+            observer.disconnect();
+          }
+        });
+      },
+      {
+        threshold: 0.3
+      }
+    );
     function observerDom() {
       if (props.line === 1) {
         if (mySelf.value.scrollWidth > mySelf.value.clientWidth) {
@@ -68,16 +71,20 @@ const _sfc_main = {
       observer.disconnect();
     });
     let mySelf = vue.ref();
-    vue.watch(() => props.showAlways, function(showAlways) {
-      if (showAlways)
-        state.openShow = showAlways;
-      mySelf.value && observer.unobserve(mySelf.value);
-      vue.nextTick(function() {
-        mySelf.value && observer.observe(mySelf.value);
-      });
-    }, {
-      immediate: true
-    });
+    vue.watch(
+      () => props.showAlways,
+      function(showAlways) {
+        if (showAlways)
+          state.openShow = showAlways;
+        mySelf.value && observer.unobserve(mySelf.value);
+        vue.nextTick(function() {
+          mySelf.value && observer.observe(mySelf.value);
+        });
+      },
+      {
+        immediate: true
+      }
+    );
     const handleVisibleChange = (val) => {
       state.isShow = !state.openShow ? false : val;
     };