bm-admin-ui 1.0.49-alpha → 1.0.50-alpha

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

@@ -6,7 +6,7 @@ import Picture from 'bm-admin-ui/es/components/upload';
 import BmStaffsSelector from 'bm-admin-ui/es/components/staffs-selector';
 import { BmTagsDisplay, BmFloatTable } from 'bm-admin-ui/es/components';
 import { SearchOutlined, CheckCircleFilled, PlusOutlined } from '@ant-design/icons-vue';
-import { cloneDeep, debounce, merge } from 'lodash-es';
+import { cloneDeep, floor, debounce } from 'lodash-es';
 
 const fieldRatioMap = {
     '25%': 6,
@@ -75,10 +75,18 @@ var input = {
                         value: row[field],
                         placeholder: data.props.placeholder,
                         disabled: data.disabled,
-                        maxlength: 200,
+                        maxlength: data.props.maxlength || 200,
                         'onUpdate:value': (value) => {
                             row[field] = value;
                         },
+                        onBlur() {
+                            var _a;
+                            const value = row[field];
+                            const txtFormatFn = (_a = data === null || data === void 0 ? void 0 : data.config) === null || _a === void 0 ? void 0 : _a.txtFormatFn;
+                            if (txtFormatFn && !txtFormatFn(value)) {
+                                row[field] = '';
+                            }
+                        },
                     });
                 },
             },
@@ -210,6 +218,8 @@ var numInput = {
                     return h(InputNumber, {
                         value: row[field],
                         placeholder: data.props.placeholder,
+                        parser: data.props.parser,
+                        formatter: data.props.formatter,
                         'onUpdate:value': (value) => {
                             row[field] = value;
                         },
@@ -774,7 +784,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     "defaultSelected",
     "load",
     "disabled",
-    "fieldNames"
+    "fieldNames",
+    "immediateFetch"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -827,8 +838,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
           title: __props.title,
           mode: __props.mode,
-          load: __props.load
-        }, null, 8, ["select", "visible", "title", "mode", "load"])
+          load: __props.load,
+          "immediate-fetch": __props.immediateFetch
+        }, null, 8, ["select", "visible", "title", "mode", "load", "immediate-fetch"])
       ]);
     };
   }
@@ -926,9 +938,21 @@ var people = {
             minWidth: data.config.fieldRatio,
             slots: {
                 default({ row }) {
-                    return h(StaffSelector, Object.assign({ title: '添加员工', mode: data.props.limit ? 'radio' : 'multiple', placeholder: data.props.placeholder, disabled: data.disabled, onChange: (value) => {
+                    return h(StaffSelector, {
+                        title: '添加员工',
+                        mode: data.props.limit ? 'radio' : 'multiple',
+                        placeholder: data.props.placeholder,
+                        disabled: data.disabled,
+                        onChange: (value) => {
                             row[field] = value;
-                        }, defaultSelected: row[field] }, extraConfig.people));
+                        },
+                        defaultSelected: row[field],
+                        load(params) {
+                            return __awaiter(this, void 0, void 0, function* () {
+                                return yield extraConfig.people.fetch(params);
+                            });
+                        },
+                    });
                 },
             },
         };
@@ -988,8 +1012,8 @@ const _hoisted_5$4 = {
   key: 1,
   class: "bm-fc-select-material-temp__content__circle"
 };
-const _hoisted_6$4 = ["title"];
-const _hoisted_7$4 = { class: "bm-fc-select-material-temp__content__item-time" };
+const _hoisted_6$3 = ["title"];
+const _hoisted_7$3 = { class: "bm-fc-select-material-temp__content__item-time" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "select-material-temp",
   props: [
@@ -1204,9 +1228,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                                 createElementVNode("span", {
                                   class: "bm-fc-select-material-temp__content__name",
                                   title: item.templateName
-                                }, toDisplayString(item.templateName), 9, _hoisted_6$4)
+                                }, toDisplayString(item.templateName), 9, _hoisted_6$3)
                               ], 8, _hoisted_4$4),
-                              createElementVNode("div", _hoisted_7$4, toDisplayString(unref(dayjs)(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
+                              createElementVNode("div", _hoisted_7$3, toDisplayString(unref(dayjs)(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
                             ])
                           ]),
                           _: 2
@@ -1243,11 +1267,15 @@ const _hoisted_2$4 = { class: "bm-dc-table-widget__title" };
 const _hoisted_3$3 = { class: "bm-dc-table-widget__title-samll" };
 const _hoisted_4$3 = { class: "bm-dc-table-widget__top-bar" };
 const _hoisted_5$3 = { class: "bm-dc-table-widget__table" };
-const _hoisted_6$3 = ["onClick"];
-const _hoisted_7$3 = ["onClick"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "table-widget",
-  props: ["rule", "extraConfig", "disabled"],
+  props: [
+    "rule",
+    "extraConfig",
+    "disabled",
+    "disabledTable",
+    "hidden"
+  ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
@@ -1270,7 +1298,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       columns: [...columns],
       data: [...data],
       checkboxConfig: {
-        trigger: "cell"
+        trigger: "cell",
+        checkMethod() {
+          return !props.disabled;
+        }
       }
     }));
     const countText = computed(() => {
@@ -1306,13 +1337,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       data.splice(0, data.length);
       const childRules = cloneDeep(props.rule.config.childRules);
       const value = props.rule.value;
-      if (deleteFeature.value) {
+      if (deleteFeature.value && !props.hidden) {
         columns.push({
           type: "checkbox",
           width: "54px"
         });
       }
-      if (props.disabled) {
+      if (props.disabledTable) {
         childRules.forEach((rule) => {
           rule.disabled = true;
         });
@@ -1331,15 +1362,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           return pre;
         }, [])
       );
-      columns.push({
-        field: oper,
-        title: "\u64CD\u4F5C",
-        minWidth: "100px",
-        fixed: "right",
-        slots: {
-          default: "floatHandle"
-        }
-      });
+      if (!props.hidden)
+        columns.push({
+          field: oper,
+          title: "\u64CD\u4F5C",
+          minWidth: "140px",
+          fixed: "right",
+          slots: {
+            default: "floatHandle"
+          }
+        });
       handleAdd(value);
     }
     function getRowData() {
@@ -1504,19 +1536,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(__props.rule.title.title) + " ", 1),
           createElementVNode("span", _hoisted_3$3, toDisplayString(unref(countText)), 1),
           createElementVNode("div", _hoisted_4$3, [
-            unref(importFeature) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createVNode(unref(Button), { onClick: handleDownload }, {
+            unref(importFeature) && !__props.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(unref(Button), {
+                disabled: __props.disabled,
+                onClick: handleDownload
+              }, {
                 default: withCtx(() => [
                   createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
                 ]),
                 _: 1
-              }),
-              createVNode(unref(Button), { onClick: handleImport }, {
+              }, 8, ["disabled"]),
+              createVNode(unref(Button), {
+                disabled: __props.disabled,
+                onClick: handleImport
+              }, {
                 default: withCtx(() => [
                   createTextVNode("\u6279\u91CF\u5BFC\u5165")
                 ]),
                 _: 1
-              }),
+              }, 8, ["disabled"]),
               createElementVNode("input", {
                 ref_key: "inputRef",
                 ref: inputRef,
@@ -1527,17 +1565,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 onChange: handleChange
               }, null, 544)
             ], 64)) : createCommentVNode("v-if", true),
-            unref(deleteFeature) ? (openBlock(), createBlock(unref(Button), {
+            unref(deleteFeature) && !__props.hidden ? (openBlock(), createBlock(unref(Button), {
               key: 1,
+              disabled: __props.disabled,
               onClick: handleBatchDelete
             }, {
               default: withCtx(() => [
                 createTextVNode("\u6279\u91CF\u5220\u9664")
               ]),
               _: 1
-            })) : createCommentVNode("v-if", true),
-            createVNode(unref(Button), {
+            }, 8, ["disabled"])) : createCommentVNode("v-if", true),
+            !__props.hidden ? (openBlock(), createBlock(unref(Button), {
+              key: 2,
               type: "primary",
+              disabled: __props.disabled,
               onClick: handleAdd
             }, {
               default: withCtx(() => [
@@ -1545,7 +1586,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 createTextVNode(" \u65B0\u589E ")
               ]),
               _: 1
-            })
+            }, 8, ["disabled"])) : createCommentVNode("v-if", true)
           ])
         ]),
         createElementVNode("div", _hoisted_5$3, [
@@ -1558,14 +1599,30 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               }, {
                 floatHandle: withCtx(({ row, rowIndex }) => [
                   unref(copyFeature) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createElementVNode("a", {
+                    createVNode(unref(Button), {
+                      type: "link",
+                      size: "small",
+                      disabled: __props.disabled,
                       onClick: ($event) => handleCopy(row)
-                    }, "\u590D\u5236", 8, _hoisted_6$3),
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u590D\u5236")
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "onClick"]),
                     createVNode(unref(Divider), { type: "vertical" })
                   ], 64)) : createCommentVNode("v-if", true),
-                  createElementVNode("a", {
+                  createVNode(unref(Button), {
+                    type: "link",
+                    size: "small",
+                    disabled: __props.disabled,
                     onClick: ($event) => handleDelete(rowIndex)
-                  }, "\u5220\u9664", 8, _hoisted_7$3)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u5220\u9664")
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick"])
                 ]),
                 _: 1
               }, 8, ["config"])
@@ -1622,7 +1679,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       getTempDetail(tempId).then((result) => {
         const activePane2 = getAcitvePane();
         activePane2.tempSelected = result;
-        activePane2.tableRule = getTableRule(result.coverageArr);
+        activePane2.tableRule = getTableRule(result);
       });
     }
     function getAcitvePane() {
@@ -1663,44 +1720,97 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }
       }
     }
-    function getTableRule(coverageArr) {
+    function getTableRule(tempResult) {
+      const { coverageArr, preSetItems } = tempResult;
       const fieldTypeMap = {
         1: "input",
         2: "numInput",
         3: "date",
-        4: "input"
+        4: "product"
       };
       const formatMap = {
         0: "YYYY-MM",
         1: "YYYY-MM-DD",
         2: "YYYY-MM-DD HH:mm"
       };
+      const txtFormatFnMap = {
+        1: (txt) => /^\d{11}$/.test(txt),
+        2: (txt) => /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(txt),
+        3: (txt) => /(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(txt),
+        4: (txt) => /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(txt)
+      };
       const activePane2 = getAcitvePane();
-      const childRules = coverageArr.filter((coverage) => coverage.fieldType === 4 || coverage.isEdit).map((coverage) => {
-        const extraValues = JSON.parse(coverage.extraValues);
-        const value = {
-          name: fieldTypeMap[coverage.fieldType],
-          title: {
-            title: coverage.name
-          },
-          field: coverage.name,
-          effect: {
-            required: coverage.fieldType === 4 || coverage.isCheck
-          },
-          config: {
-            fieldRatio: "140px"
-          }
-        };
-        if (coverage.fieldType === 3) {
-          value.props = {};
-          value.props.format = formatMap[extraValues.format];
-        }
-        if (coverage.fieldType === 1 || coverage.fieldType === 2 || coverage.fieldType === 4) {
-          value.props = {};
-          value.props.placeholder = "\u8BF7\u8F93\u5165";
+      const childRules = preSetItems.split(",").map((preSetItem) => ({
+        name: "product",
+        title: {
+          title: preSetItem
+        },
+        field: preSetItem,
+        effect: {
+          required: true
+        },
+        props: {
+          placeholder: "\u8BF7\u8F93\u5165"
+        },
+        config: {
+          associatedFields: coverageArr.filter((coverage) => {
+            if (coverage.fieldType === 4) {
+              const extraValues = JSON.parse(coverage.extraValues);
+              return extraValues.fieldName === preSetItem;
+            } else {
+              return false;
+            }
+          }).map((coverage) => {
+            const extraValues = JSON.parse(coverage.extraValues);
+            return {
+              value: extraValues.presetFieldName,
+              label: extraValues.presetFieldName
+            };
+          })
         }
-        return value;
-      });
+      })).concat(
+        coverageArr.filter((coverage) => coverage.isEdit).map((coverage) => {
+          const extraValues = JSON.parse(coverage.extraValues);
+          const value = {
+            name: fieldTypeMap[coverage.fieldType],
+            title: {
+              title: coverage.name
+            },
+            field: coverage.name,
+            effect: {
+              required: coverage.isCheck
+            },
+            config: {
+              fieldRatio: "140px"
+            }
+          };
+          if (coverage.fieldType === 1) {
+            value.props = {
+              placeholder: "\u8BF7\u8F93\u5165",
+              maxlength: extraValues.maxLength
+            };
+            value.config.txtFormatFn = txtFormatFnMap[extraValues.format];
+          }
+          if (coverage.fieldType === 2) {
+            const decimalPlaces = extraValues.decimalPlaces || 0;
+            value.props = {
+              placeholder: "\u8BF7\u8F93\u5165"
+            };
+            if (extraValues.format === 1) {
+              value.props.parser = (value2) => floor(value2.replace("%", ""), decimalPlaces);
+              value.props.formatter = (value2) => `${value2}%`;
+            } else {
+              value.props.parser = (value2) => floor(value2, decimalPlaces);
+            }
+          }
+          if (coverage.fieldType === 3) {
+            value.props = {
+              format: formatMap[extraValues.format]
+            };
+          }
+          return value;
+        })
+      );
       if (childRules.length)
         return {
           title: {
@@ -1725,6 +1835,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           key: pane.key,
           title: pane.title,
           tempIdSelected: pane.tempSelected.templateCode || pane.tempIdSelected,
+          templateName: pane.tempSelected?.templateName || pane.templateName,
           tableData: pane.tableData,
           uploadList: pane.uploadList
         }))
@@ -1754,7 +1865,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     props.extraConfig.getDict().then((data) => {
       measrueDicts.value = data;
     });
-    watch(mainShopValue, (val) => {
+    watch(mainShopValue, () => {
       panes.splice(0);
       activeKey.value = "\u7D20\u67501";
       panes.push({
@@ -2008,9 +2119,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       pane.tableRule ? (openBlock(), createBlock(TableWidget, {
                         key: 0,
                         rule: pane.tableRule,
-                        disabled: __props.disabled?.includes?.("editTable"),
+                        "disabled-table": __props.disabled?.includes?.("editTable"),
                         onChange: handleTableDataChange
-                      }, null, 8, ["rule", "disabled"])) : createCommentVNode("v-if", true)
+                      }, null, 8, ["rule", "disabled-table"])) : createCommentVNode("v-if", true)
                     ]),
                     _: 2
                   }, 1024)
@@ -2427,7 +2538,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         options.value = result;
         return options.value;
       }).then((options2) => {
-        if (props.value.length) {
+        if (props.value?.length) {
           if (props.multiple) {
             props.value.forEach((item) => loadValueOptions(item, options2));
           } else {
@@ -2628,6 +2739,7 @@ var row = {
         const children = [
             {
                 type: 'row',
+                field: data.field,
                 props: {
                     gutter: [0, 24],
                 },
@@ -2646,7 +2758,6 @@ var row = {
         return {
             native: true,
             type: 'div',
-            field: data.field,
             children,
             class: 'bm-fc-module-widget',
         };
@@ -2748,9 +2859,23 @@ var department = {
             minWidth: data.config.fieldRatio,
             slots: {
                 default({ row }) {
-                    return h(StaffSelector, Object.assign({ title: '添加部门', mode: data.props.limit ? 'radio' : 'multiple', placeholder: data.props.placeholder, immediateFetch: true, unitStr: '个', disabled: data.disabled, onChange: (value) => {
+                    return h(StaffSelector, {
+                        title: '添加部门',
+                        mode: data.props.limit ? 'radio' : 'multiple',
+                        placeholder: data.props.placeholder,
+                        immediateFetch: true,
+                        unitStr: '个',
+                        disabled: data.disabled,
+                        onChange: (value) => {
                             row[field] = value;
-                        }, defaultSelected: row[field] }, extraConfig.department));
+                        },
+                        defaultSelected: row[field],
+                        load(params) {
+                            return __awaiter(this, void 0, void 0, function* () {
+                                return yield extraConfig.department.fetch(params);
+                            });
+                        },
+                    });
                 },
             },
         };
@@ -2986,16 +3111,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rule = ref([]);
     const processFormPermissions = computed(
       () => props.formPermissions ? props.formPermissions.reduce((result, item) => {
-        if (item.disabled) {
-          if (item.name === "picture") {
-            ((item.props = {}).uploadProps = {}).disabled = true;
-          } else if (item.name === "materialTemp") {
-            (item.props = {}).disabled = item.disabled;
-          } else {
-            (item.props = {}).disabled = true;
-          }
-        }
-        delete item.disabled;
         result[item.field] = item;
         return result;
       }, {}) : {}
@@ -3005,45 +3120,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     provide("mainShopValue", mainShopValue);
     function setRule(fdRule) {
-      fdRule = getRuleData(fdRule);
-      rule.value = fdRule.map((data) => {
+      fdRule = setRuleValue(fdRule);
+      fdRule = makeRule(fdRule);
+      rule.value = setRulePermission(fdRule);
+    }
+    function makeRule(fdRule) {
+      return fdRule.map((data) => {
         const childRules = data?.config?.childRules;
         const rule2 = ruleList[data.name].rule(data, props.extraConfig);
         if (data.name === "row" && childRules?.length) {
           const rowRule = rule2.children.find((item) => item.type === "row");
           childRules.forEach((ruleItem) => {
             rowRule.children.push(
-              mergeFormPermission(
-                ruleItem.field,
-                ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig)
-              )
+              ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig)
             );
           });
-        } else if (data.name === "table" && childRules?.length) {
-          childRules.forEach((childRule) => {
-            const rulePermission = processFormPermissions.value[childRule.field];
-            if (rulePermission) {
-              childRule.hidden = rulePermission.hidden;
-              childRule.disabled = rulePermission.props?.disabled;
-            }
-          });
-        } else if (data.name === "materialTemp") {
-          rule2.children[1] = mergeFormPermission(data.field, rule2.children[1]);
-          return rule2;
         }
-        return mergeFormPermission(data.field, rule2);
+        return rule2;
       });
     }
-    function mergeFormPermission(field, rule2) {
-      if (processFormPermissions.value[field]) {
-        rule2 = merge(rule2, processFormPermissions.value[field]);
+    function mergeFormPermission(rule2) {
+      rule2 = getFormFeildRule(rule2);
+      const formPermission = processFormPermissions.value[rule2.field];
+      const childRules = rule2?.props?.rule?.config?.childRules;
+      const children = rule2.children;
+      if (formPermission) {
+        const { name } = formPermission;
+        if (formPermission.disabled) {
+          if (name === "picture") {
+            rule2.props.uploadProps.disabled = true;
+          } else if (name === "materialTemp") {
+            rule2.props.disabled = formPermission.disabled;
+          } else {
+            rule2.props.disabled = true;
+          }
+        }
+        if (formPermission.hidden) {
+          if (name === "table") {
+            rule2.props.hidden = true;
+          } else {
+            rule2.hidden = true;
+          }
+        }
       }
-      return rule2;
+      if (childRules?.length) {
+        let allHidden = true;
+        childRules.forEach((childRule) => {
+          const innerFormPermission = processFormPermissions.value[childRule.field];
+          if (innerFormPermission) {
+            childRule.disabled = innerFormPermission.disabled;
+            childRule.hidden = innerFormPermission.hidden;
+          }
+          if (!innerFormPermission || !childRule.hidden)
+            allHidden = false;
+        });
+        if (formPermission?.hidden && allHidden) {
+          rule2.hidden = true;
+        }
+      }
+      if (children?.length) {
+        children.forEach((child) => mergeFormPermission(child));
+      }
+    }
+    function getFormFeildRule(rule2) {
+      if (rule2.native) {
+        return rule2.children.find((item) => item.field);
+      } else
+        return rule2;
+    }
+    function setRulePermission(fdRule) {
+      fdRule.forEach((rule2) => mergeFormPermission(rule2));
+      return fdRule;
     }
     function handleValue(value) {
       emits("update:value", value);
     }
-    function getRuleData(fdRule) {
+    function setRuleValue(fdRule) {
       const ruleData = cloneDeep(fdRule);
       ruleData.forEach((rule2) => {
         if (rule2.name === "row") {

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

@@ -85,10 +85,18 @@ var input = {
                         value: row[field],
                         placeholder: data.props.placeholder,
                         disabled: data.disabled,
-                        maxlength: 200,
+                        maxlength: data.props.maxlength || 200,
                         'onUpdate:value': (value) => {
                             row[field] = value;
                         },
+                        onBlur() {
+                            var _a;
+                            const value = row[field];
+                            const txtFormatFn = (_a = data === null || data === void 0 ? void 0 : data.config) === null || _a === void 0 ? void 0 : _a.txtFormatFn;
+                            if (txtFormatFn && !txtFormatFn(value)) {
+                                row[field] = '';
+                            }
+                        },
                     });
                 },
             },
@@ -220,6 +228,8 @@ var numInput = {
                     return vue.h(antDesignVue.InputNumber, {
                         value: row[field],
                         placeholder: data.props.placeholder,
+                        parser: data.props.parser,
+                        formatter: data.props.formatter,
                         'onUpdate:value': (value) => {
                             row[field] = value;
                         },
@@ -784,7 +794,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     "defaultSelected",
     "load",
     "disabled",
-    "fieldNames"
+    "fieldNames",
+    "immediateFetch"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -837,8 +848,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
           title: __props.title,
           mode: __props.mode,
-          load: __props.load
-        }, null, 8, ["select", "visible", "title", "mode", "load"])
+          load: __props.load,
+          "immediate-fetch": __props.immediateFetch
+        }, null, 8, ["select", "visible", "title", "mode", "load", "immediate-fetch"])
       ]);
     };
   }
@@ -936,9 +948,21 @@ var people = {
             minWidth: data.config.fieldRatio,
             slots: {
                 default({ row }) {
-                    return vue.h(StaffSelector, Object.assign({ title: '添加员工', mode: data.props.limit ? 'radio' : 'multiple', placeholder: data.props.placeholder, disabled: data.disabled, onChange: (value) => {
+                    return vue.h(StaffSelector, {
+                        title: '添加员工',
+                        mode: data.props.limit ? 'radio' : 'multiple',
+                        placeholder: data.props.placeholder,
+                        disabled: data.disabled,
+                        onChange: (value) => {
                             row[field] = value;
-                        }, defaultSelected: row[field] }, extraConfig.people));
+                        },
+                        defaultSelected: row[field],
+                        load(params) {
+                            return __awaiter(this, void 0, void 0, function* () {
+                                return yield extraConfig.people.fetch(params);
+                            });
+                        },
+                    });
                 },
             },
         };
@@ -998,8 +1022,8 @@ const _hoisted_5$4 = {
   key: 1,
   class: "bm-fc-select-material-temp__content__circle"
 };
-const _hoisted_6$4 = ["title"];
-const _hoisted_7$4 = { class: "bm-fc-select-material-temp__content__item-time" };
+const _hoisted_6$3 = ["title"];
+const _hoisted_7$3 = { class: "bm-fc-select-material-temp__content__item-time" };
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "select-material-temp",
   props: [
@@ -1214,9 +1238,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                                 vue.createElementVNode("span", {
                                   class: "bm-fc-select-material-temp__content__name",
                                   title: item.templateName
-                                }, vue.toDisplayString(item.templateName), 9, _hoisted_6$4)
+                                }, vue.toDisplayString(item.templateName), 9, _hoisted_6$3)
                               ], 8, _hoisted_4$4),
-                              vue.createElementVNode("div", _hoisted_7$4, vue.toDisplayString(vue.unref(dayjs__default["default"])(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
+                              vue.createElementVNode("div", _hoisted_7$3, vue.toDisplayString(vue.unref(dayjs__default["default"])(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
                             ])
                           ]),
                           _: 2
@@ -1253,11 +1277,15 @@ const _hoisted_2$4 = { class: "bm-dc-table-widget__title" };
 const _hoisted_3$3 = { class: "bm-dc-table-widget__title-samll" };
 const _hoisted_4$3 = { class: "bm-dc-table-widget__top-bar" };
 const _hoisted_5$3 = { class: "bm-dc-table-widget__table" };
-const _hoisted_6$3 = ["onClick"];
-const _hoisted_7$3 = ["onClick"];
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "table-widget",
-  props: ["rule", "extraConfig", "disabled"],
+  props: [
+    "rule",
+    "extraConfig",
+    "disabled",
+    "disabledTable",
+    "hidden"
+  ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
@@ -1280,7 +1308,10 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       columns: [...columns],
       data: [...data],
       checkboxConfig: {
-        trigger: "cell"
+        trigger: "cell",
+        checkMethod() {
+          return !props.disabled;
+        }
       }
     }));
     const countText = vue.computed(() => {
@@ -1316,13 +1347,13 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       data.splice(0, data.length);
       const childRules = lodashEs.cloneDeep(props.rule.config.childRules);
       const value = props.rule.value;
-      if (deleteFeature.value) {
+      if (deleteFeature.value && !props.hidden) {
         columns.push({
           type: "checkbox",
           width: "54px"
         });
       }
-      if (props.disabled) {
+      if (props.disabledTable) {
         childRules.forEach((rule) => {
           rule.disabled = true;
         });
@@ -1341,15 +1372,16 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           return pre;
         }, [])
       );
-      columns.push({
-        field: oper,
-        title: "\u64CD\u4F5C",
-        minWidth: "100px",
-        fixed: "right",
-        slots: {
-          default: "floatHandle"
-        }
-      });
+      if (!props.hidden)
+        columns.push({
+          field: oper,
+          title: "\u64CD\u4F5C",
+          minWidth: "140px",
+          fixed: "right",
+          slots: {
+            default: "floatHandle"
+          }
+        });
       handleAdd(value);
     }
     function getRowData() {
@@ -1514,19 +1546,25 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           vue.createTextVNode(vue.toDisplayString(__props.rule.title.title) + " ", 1),
           vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(vue.unref(countText)), 1),
           vue.createElementVNode("div", _hoisted_4$3, [
-            vue.unref(importFeature) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              vue.createVNode(vue.unref(antDesignVue.Button), { onClick: handleDownload }, {
+            vue.unref(importFeature) && !__props.hidden ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createVNode(vue.unref(antDesignVue.Button), {
+                disabled: __props.disabled,
+                onClick: handleDownload
+              }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
                 ]),
                 _: 1
-              }),
-              vue.createVNode(vue.unref(antDesignVue.Button), { onClick: handleImport }, {
+              }, 8, ["disabled"]),
+              vue.createVNode(vue.unref(antDesignVue.Button), {
+                disabled: __props.disabled,
+                onClick: handleImport
+              }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode("\u6279\u91CF\u5BFC\u5165")
                 ]),
                 _: 1
-              }),
+              }, 8, ["disabled"]),
               vue.createElementVNode("input", {
                 ref_key: "inputRef",
                 ref: inputRef,
@@ -1537,17 +1575,20 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                 onChange: handleChange
               }, null, 544)
             ], 64)) : vue.createCommentVNode("v-if", true),
-            vue.unref(deleteFeature) ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+            vue.unref(deleteFeature) && !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
               key: 1,
+              disabled: __props.disabled,
               onClick: handleBatchDelete
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode("\u6279\u91CF\u5220\u9664")
               ]),
               _: 1
-            })) : vue.createCommentVNode("v-if", true),
-            vue.createVNode(vue.unref(antDesignVue.Button), {
+            }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
+            !__props.hidden ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+              key: 2,
               type: "primary",
+              disabled: __props.disabled,
               onClick: handleAdd
             }, {
               default: vue.withCtx(() => [
@@ -1555,7 +1596,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                 vue.createTextVNode(" \u65B0\u589E ")
               ]),
               _: 1
-            })
+            }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
           ])
         ]),
         vue.createElementVNode("div", _hoisted_5$3, [
@@ -1568,14 +1609,30 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               }, {
                 floatHandle: vue.withCtx(({ row, rowIndex }) => [
                   vue.unref(copyFeature) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createElementVNode("a", {
+                    vue.createVNode(vue.unref(antDesignVue.Button), {
+                      type: "link",
+                      size: "small",
+                      disabled: __props.disabled,
                       onClick: ($event) => handleCopy(row)
-                    }, "\u590D\u5236", 8, _hoisted_6$3),
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u590D\u5236")
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "onClick"]),
                     vue.createVNode(vue.unref(antDesignVue.Divider), { type: "vertical" })
                   ], 64)) : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("a", {
+                  vue.createVNode(vue.unref(antDesignVue.Button), {
+                    type: "link",
+                    size: "small",
+                    disabled: __props.disabled,
                     onClick: ($event) => handleDelete(rowIndex)
-                  }, "\u5220\u9664", 8, _hoisted_7$3)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u5220\u9664")
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick"])
                 ]),
                 _: 1
               }, 8, ["config"])
@@ -1632,7 +1689,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       getTempDetail(tempId).then((result) => {
         const activePane2 = getAcitvePane();
         activePane2.tempSelected = result;
-        activePane2.tableRule = getTableRule(result.coverageArr);
+        activePane2.tableRule = getTableRule(result);
       });
     }
     function getAcitvePane() {
@@ -1673,44 +1730,97 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         }
       }
     }
-    function getTableRule(coverageArr) {
+    function getTableRule(tempResult) {
+      const { coverageArr, preSetItems } = tempResult;
       const fieldTypeMap = {
         1: "input",
         2: "numInput",
         3: "date",
-        4: "input"
+        4: "product"
       };
       const formatMap = {
         0: "YYYY-MM",
         1: "YYYY-MM-DD",
         2: "YYYY-MM-DD HH:mm"
       };
+      const txtFormatFnMap = {
+        1: (txt) => /^\d{11}$/.test(txt),
+        2: (txt) => /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(txt),
+        3: (txt) => /(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(txt),
+        4: (txt) => /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(txt)
+      };
       const activePane2 = getAcitvePane();
-      const childRules = coverageArr.filter((coverage) => coverage.fieldType === 4 || coverage.isEdit).map((coverage) => {
-        const extraValues = JSON.parse(coverage.extraValues);
-        const value = {
-          name: fieldTypeMap[coverage.fieldType],
-          title: {
-            title: coverage.name
-          },
-          field: coverage.name,
-          effect: {
-            required: coverage.fieldType === 4 || coverage.isCheck
-          },
-          config: {
-            fieldRatio: "140px"
-          }
-        };
-        if (coverage.fieldType === 3) {
-          value.props = {};
-          value.props.format = formatMap[extraValues.format];
-        }
-        if (coverage.fieldType === 1 || coverage.fieldType === 2 || coverage.fieldType === 4) {
-          value.props = {};
-          value.props.placeholder = "\u8BF7\u8F93\u5165";
+      const childRules = preSetItems.split(",").map((preSetItem) => ({
+        name: "product",
+        title: {
+          title: preSetItem
+        },
+        field: preSetItem,
+        effect: {
+          required: true
+        },
+        props: {
+          placeholder: "\u8BF7\u8F93\u5165"
+        },
+        config: {
+          associatedFields: coverageArr.filter((coverage) => {
+            if (coverage.fieldType === 4) {
+              const extraValues = JSON.parse(coverage.extraValues);
+              return extraValues.fieldName === preSetItem;
+            } else {
+              return false;
+            }
+          }).map((coverage) => {
+            const extraValues = JSON.parse(coverage.extraValues);
+            return {
+              value: extraValues.presetFieldName,
+              label: extraValues.presetFieldName
+            };
+          })
         }
-        return value;
-      });
+      })).concat(
+        coverageArr.filter((coverage) => coverage.isEdit).map((coverage) => {
+          const extraValues = JSON.parse(coverage.extraValues);
+          const value = {
+            name: fieldTypeMap[coverage.fieldType],
+            title: {
+              title: coverage.name
+            },
+            field: coverage.name,
+            effect: {
+              required: coverage.isCheck
+            },
+            config: {
+              fieldRatio: "140px"
+            }
+          };
+          if (coverage.fieldType === 1) {
+            value.props = {
+              placeholder: "\u8BF7\u8F93\u5165",
+              maxlength: extraValues.maxLength
+            };
+            value.config.txtFormatFn = txtFormatFnMap[extraValues.format];
+          }
+          if (coverage.fieldType === 2) {
+            const decimalPlaces = extraValues.decimalPlaces || 0;
+            value.props = {
+              placeholder: "\u8BF7\u8F93\u5165"
+            };
+            if (extraValues.format === 1) {
+              value.props.parser = (value2) => lodashEs.floor(value2.replace("%", ""), decimalPlaces);
+              value.props.formatter = (value2) => `${value2}%`;
+            } else {
+              value.props.parser = (value2) => lodashEs.floor(value2, decimalPlaces);
+            }
+          }
+          if (coverage.fieldType === 3) {
+            value.props = {
+              format: formatMap[extraValues.format]
+            };
+          }
+          return value;
+        })
+      );
       if (childRules.length)
         return {
           title: {
@@ -1735,6 +1845,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           key: pane.key,
           title: pane.title,
           tempIdSelected: pane.tempSelected.templateCode || pane.tempIdSelected,
+          templateName: pane.tempSelected?.templateName || pane.templateName,
           tableData: pane.tableData,
           uploadList: pane.uploadList
         }))
@@ -1764,7 +1875,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     props.extraConfig.getDict().then((data) => {
       measrueDicts.value = data;
     });
-    vue.watch(mainShopValue, (val) => {
+    vue.watch(mainShopValue, () => {
       panes.splice(0);
       activeKey.value = "\u7D20\u67501";
       panes.push({
@@ -2018,9 +2129,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                       pane.tableRule ? (vue.openBlock(), vue.createBlock(TableWidget, {
                         key: 0,
                         rule: pane.tableRule,
-                        disabled: __props.disabled?.includes?.("editTable"),
+                        "disabled-table": __props.disabled?.includes?.("editTable"),
                         onChange: handleTableDataChange
-                      }, null, 8, ["rule", "disabled"])) : vue.createCommentVNode("v-if", true)
+                      }, null, 8, ["rule", "disabled-table"])) : vue.createCommentVNode("v-if", true)
                     ]),
                     _: 2
                   }, 1024)
@@ -2437,7 +2548,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         options.value = result;
         return options.value;
       }).then((options2) => {
-        if (props.value.length) {
+        if (props.value?.length) {
           if (props.multiple) {
             props.value.forEach((item) => loadValueOptions(item, options2));
           } else {
@@ -2638,6 +2749,7 @@ var row = {
         const children = [
             {
                 type: 'row',
+                field: data.field,
                 props: {
                     gutter: [0, 24],
                 },
@@ -2656,7 +2768,6 @@ var row = {
         return {
             native: true,
             type: 'div',
-            field: data.field,
             children,
             class: 'bm-fc-module-widget',
         };
@@ -2758,9 +2869,23 @@ var department = {
             minWidth: data.config.fieldRatio,
             slots: {
                 default({ row }) {
-                    return vue.h(StaffSelector, Object.assign({ title: '添加部门', mode: data.props.limit ? 'radio' : 'multiple', placeholder: data.props.placeholder, immediateFetch: true, unitStr: '个', disabled: data.disabled, onChange: (value) => {
+                    return vue.h(StaffSelector, {
+                        title: '添加部门',
+                        mode: data.props.limit ? 'radio' : 'multiple',
+                        placeholder: data.props.placeholder,
+                        immediateFetch: true,
+                        unitStr: '个',
+                        disabled: data.disabled,
+                        onChange: (value) => {
                             row[field] = value;
-                        }, defaultSelected: row[field] }, extraConfig.department));
+                        },
+                        defaultSelected: row[field],
+                        load(params) {
+                            return __awaiter(this, void 0, void 0, function* () {
+                                return yield extraConfig.department.fetch(params);
+                            });
+                        },
+                    });
                 },
             },
         };
@@ -2996,16 +3121,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const rule = vue.ref([]);
     const processFormPermissions = vue.computed(
       () => props.formPermissions ? props.formPermissions.reduce((result, item) => {
-        if (item.disabled) {
-          if (item.name === "picture") {
-            ((item.props = {}).uploadProps = {}).disabled = true;
-          } else if (item.name === "materialTemp") {
-            (item.props = {}).disabled = item.disabled;
-          } else {
-            (item.props = {}).disabled = true;
-          }
-        }
-        delete item.disabled;
         result[item.field] = item;
         return result;
       }, {}) : {}
@@ -3015,45 +3130,82 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     vue.provide("mainShopValue", mainShopValue);
     function setRule(fdRule) {
-      fdRule = getRuleData(fdRule);
-      rule.value = fdRule.map((data) => {
+      fdRule = setRuleValue(fdRule);
+      fdRule = makeRule(fdRule);
+      rule.value = setRulePermission(fdRule);
+    }
+    function makeRule(fdRule) {
+      return fdRule.map((data) => {
         const childRules = data?.config?.childRules;
         const rule2 = ruleList[data.name].rule(data, props.extraConfig);
         if (data.name === "row" && childRules?.length) {
           const rowRule = rule2.children.find((item) => item.type === "row");
           childRules.forEach((ruleItem) => {
             rowRule.children.push(
-              mergeFormPermission(
-                ruleItem.field,
-                ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig)
-              )
+              ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig)
             );
           });
-        } else if (data.name === "table" && childRules?.length) {
-          childRules.forEach((childRule) => {
-            const rulePermission = processFormPermissions.value[childRule.field];
-            if (rulePermission) {
-              childRule.hidden = rulePermission.hidden;
-              childRule.disabled = rulePermission.props?.disabled;
-            }
-          });
-        } else if (data.name === "materialTemp") {
-          rule2.children[1] = mergeFormPermission(data.field, rule2.children[1]);
-          return rule2;
         }
-        return mergeFormPermission(data.field, rule2);
+        return rule2;
       });
     }
-    function mergeFormPermission(field, rule2) {
-      if (processFormPermissions.value[field]) {
-        rule2 = lodashEs.merge(rule2, processFormPermissions.value[field]);
+    function mergeFormPermission(rule2) {
+      rule2 = getFormFeildRule(rule2);
+      const formPermission = processFormPermissions.value[rule2.field];
+      const childRules = rule2?.props?.rule?.config?.childRules;
+      const children = rule2.children;
+      if (formPermission) {
+        const { name } = formPermission;
+        if (formPermission.disabled) {
+          if (name === "picture") {
+            rule2.props.uploadProps.disabled = true;
+          } else if (name === "materialTemp") {
+            rule2.props.disabled = formPermission.disabled;
+          } else {
+            rule2.props.disabled = true;
+          }
+        }
+        if (formPermission.hidden) {
+          if (name === "table") {
+            rule2.props.hidden = true;
+          } else {
+            rule2.hidden = true;
+          }
+        }
       }
-      return rule2;
+      if (childRules?.length) {
+        let allHidden = true;
+        childRules.forEach((childRule) => {
+          const innerFormPermission = processFormPermissions.value[childRule.field];
+          if (innerFormPermission) {
+            childRule.disabled = innerFormPermission.disabled;
+            childRule.hidden = innerFormPermission.hidden;
+          }
+          if (!innerFormPermission || !childRule.hidden)
+            allHidden = false;
+        });
+        if (formPermission?.hidden && allHidden) {
+          rule2.hidden = true;
+        }
+      }
+      if (children?.length) {
+        children.forEach((child) => mergeFormPermission(child));
+      }
+    }
+    function getFormFeildRule(rule2) {
+      if (rule2.native) {
+        return rule2.children.find((item) => item.field);
+      } else
+        return rule2;
+    }
+    function setRulePermission(fdRule) {
+      fdRule.forEach((rule2) => mergeFormPermission(rule2));
+      return fdRule;
     }
     function handleValue(value) {
       emits("update:value", value);
     }
-    function getRuleData(fdRule) {
+    function setRuleValue(fdRule) {
       const ruleData = lodashEs.cloneDeep(fdRule);
       ruleData.forEach((rule2) => {
         if (rule2.name === "row") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.49-alpha",
+  "version": "1.0.50-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",