bm-admin-ui 1.0.45-alpha → 1.0.47-alpha

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

@@ -11,14 +11,12 @@ var BmStaffsSelector = require('bm-admin-ui/lib/components/staffs-selector');
 var components = require('bm-admin-ui/lib/components');
 var iconsVue = require('@ant-design/icons-vue');
 var lodashEs = require('lodash-es');
-var FC = require('@form-create/ant-design-vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var Picture__default = /*#__PURE__*/_interopDefaultLegacy(Picture);
 var BmStaffsSelector__default = /*#__PURE__*/_interopDefaultLegacy(BmStaffsSelector);
-var FC__default = /*#__PURE__*/_interopDefaultLegacy(FC);
 
 const fieldRatioMap = {
     '25%': 6,
@@ -785,15 +783,27 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     "placeholder",
     "defaultSelected",
     "load",
-    "disabled"
+    "disabled",
+    "fieldNames"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    const fieldNames = props.fieldNames || {
+      label: "name",
+      value: "code"
+    };
     const selected = vue.ref([]);
     const visible = vue.ref(false);
     function selectedChange(val) {
-      emits("change", val);
+      emits(
+        "change",
+        val.map((item) => ({
+          [fieldNames.value]: item.key,
+          [fieldNames.label]: item.title,
+          ...item
+        }))
+      );
     }
     function handleAdd() {
       visible.value = true;
@@ -838,6 +848,7 @@ var StaffSelector = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "staff-
 var people = {
     name: 'people',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -853,6 +864,7 @@ var people = {
                         return yield extraConfig.people.fetch(params);
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',
@@ -877,6 +889,7 @@ var people = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -892,6 +905,7 @@ var people = {
                         return yield extraConfig.people.fetch(params);
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',
@@ -1629,6 +1643,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       index++;
     }
     function handleDelete(targetKey) {
+      if (panes.length === 1)
+        return;
       panes.splice(
         panes.findIndex((pane) => pane.key === targetKey),
         1
@@ -2231,14 +2247,18 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   props: [
     "value",
     "extraConfig",
-    "rule",
+    "dataFiltering",
     "disabled",
     "formCreateInject"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = vue.ref(props.value?.value);
+    const fieldNames = props.extraConfig.fieldNames || {
+      label: "name",
+      value: "code"
+    };
+    const value = vue.ref(props.value?.[fieldNames.value]);
     const options = vue.ref([]);
     const keyword = vue.ref("");
     const debounceFetch = lodashEs.debounce((value2) => {
@@ -2249,7 +2269,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     }, 300);
     const postData = vue.computed(() => ({
       keyword: keyword.value,
-      filterByUser: props.rule.config.dataFiltering
+      filterByUser: props.dataFiltering
     }));
     function initOptions() {
       props.extraConfig.fetch(postData.value).then((data) => {
@@ -2257,8 +2277,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       });
     }
     function handleChange(val, option) {
-      value.value = val;
-      emits("change", option);
+      emits("change", {
+        [fieldNames.value]: option.value,
+        [fieldNames.label]: option.label,
+        ...option
+      });
     }
     function handleSearch(value2) {
       keyword.value = value2;
@@ -2288,6 +2311,7 @@ var ShopWidget = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "shop-widg
 var shop = {
     name: 'shop',
     rule(data, extraConfig) {
+        var _a;
         const shopExtraConfig = extraConfig.shop;
         return {
             type: 'ShopWidget',
@@ -2298,7 +2322,7 @@ var shop = {
                 required: data.effect.required && '请选择店铺',
             },
             props: {
-                rule: data,
+                dataFiltering: (_a = data.config) === null || _a === void 0 ? void 0 : _a.dataFiltering,
                 extraConfig: shopExtraConfig,
                 value: data.value,
             },
@@ -2319,6 +2343,7 @@ var shop = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         const shopExtraConfig = extraConfig.shop;
         return {
             type: 'ShopWidget',
@@ -2329,7 +2354,7 @@ var shop = {
                 required: data.effect.required && '请选择店铺',
             },
             props: {
-                rule: data,
+                dataFiltering: (_a = data.config) === null || _a === void 0 ? void 0 : _a.dataFiltering,
                 extraConfig: shopExtraConfig,
                 value: data.value,
             },
@@ -2361,8 +2386,9 @@ var shop = {
             minWidth: '138px',
             slots: {
                 default({ row }) {
+                    var _a;
                     return vue.h(ShopWidget, {
-                        rule: data,
+                        dataFiltering: (_a = data.config) === null || _a === void 0 ? void 0 : _a.dataFiltering,
                         extraConfig: extraConfig.shop,
                         value: row[field],
                         disabled: data.disabled,
@@ -2377,7 +2403,7 @@ var shop = {
 };
 
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-  __name: "material-type-in-table",
+  __name: "material-type",
   props: ["config", "multiple", "format", "value"],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -2389,71 +2415,105 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           item.isLeaf = props.format === 1;
         });
         options.value = result;
+        return options.value;
+      }).then((options2) => {
+        if (props.value.length) {
+          if (props.multiple) {
+            props.value.forEach((item) => loadValueOptions(item, options2));
+          } else {
+            loadValueOptions(props.value, options2);
+          }
+        }
       });
     }
-    function loadData(selectedOptions) {
+    async function loadData(selectedOptions) {
       const optionLength = selectedOptions.length;
       const targetOption = selectedOptions[optionLength - 1];
       targetOption.loading = true;
-      props.config.fetch({
+      return await props.config.fetch({
         level: optionLength + 1,
         relationCode: targetOption.value
       }).then((result) => {
         result.forEach((item) => {
           item.isLeaf = props.format === optionLength + 1;
         });
-        targetOption.children = result;
+        if (result.length) {
+          targetOption.children = result;
+        } else {
+          targetOption.isLeaf = true;
+        }
       }).finally(() => {
         targetOption.loading = false;
       });
     }
-    function handleChange(v) {
-      emits("change", v);
+    function handleChange(value, selectedOptions) {
+      const result = lodashEs.cloneDeep(selectedOptions);
+      processValue(result);
+      emits("change", result);
+    }
+    function processValue(selectedOptions) {
+      selectedOptions.forEach((item) => {
+        if (Array.isArray(item))
+          processValue(item);
+        else {
+          delete item.disabled;
+          delete item.children;
+          delete item.isLeaf;
+          delete item.loading;
+        }
+      });
+    }
+    function formatValue(value) {
+      value = value || [];
+      return value.reduce((pre, cur) => {
+        if (Array.isArray(cur)) {
+          pre.push(cur.map((c) => c.value));
+        } else {
+          pre.push(cur.value);
+        }
+        return pre;
+      }, []);
+    }
+    async function loadValueOptions(value, options2) {
+      const selectedOptions = [];
+      for (const option of value) {
+        let cur;
+        if (selectedOptions.length) {
+          cur = selectedOptions[selectedOptions.length - 1].children.find(
+            (item) => item.value === option.value
+          );
+        } else {
+          cur = options2.find((item) => item.value === option.value);
+        }
+        if (!cur.isLeaf) {
+          selectedOptions.push(cur);
+          await loadData(selectedOptions);
+        }
+      }
     }
     initOptions();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Cascader), {
-        value: __props.value,
+        value: formatValue(__props.value),
         placeholder: "\u8BF7\u8F93\u5165",
         multiple: __props.multiple,
         options: options.value,
         "load-data": loadData,
+        "change-on-select": "",
         "get-popup-container": vue.unref(getContainer),
-        "onUpdate:value": handleChange
+        onChange: handleChange
       }, null, 8, ["value", "multiple", "options", "get-popup-container"]);
     };
   }
 });
-var materialTypeInTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "material-type-in-table.vue"]]);
+var materialType$1 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "material-type.vue"]]);
 
-FC__default["default"].register({
-    name: 'materialTypesOption',
-    init({ value }, rule) {
-        getOption(value, { level: 1, relationCode: '' }).then((data) => {
-            data = isLeaf(data, rule.config.format === 1);
-            if (rule.props) {
-                rule.props.options = data;
-            }
-            else {
-                (rule.props = {}).options = data;
-            }
-        });
-    },
-});
-function getOption(config, data) {
-    return config.fetch(data);
-}
-function isLeaf(data, value) {
-    data.forEach((item) => {
-        item.isLeaf = value;
-    });
-    return data;
-}
 var materialType = {
     name: 'materialType',
     rule(data, extraConfig) {
         return {
-            type: 'cascader',
+            type: 'materialType',
+            component: materialType$1,
             field: data.field,
             title: '素材类型',
             validate: [
@@ -2465,38 +2525,22 @@ var materialType = {
                 },
             ],
             props: {
-                placeholder: '请选择',
+                value: data.value,
                 multiple: data.props.multiple,
-                loadData(inject, selectedOptions) {
-                    const optionLength = selectedOptions.length;
-                    const targetOption = selectedOptions[optionLength - 1];
-                    targetOption.loading = true;
-                    getOption(extraConfig.materialType, {
-                        level: optionLength + 1,
-                        relationCode: targetOption.value,
-                    })
-                        .then((result) => {
-                        result = isLeaf(result, inject.self.config.format === optionLength + 1);
-                        targetOption.children = result;
-                    })
-                        .finally(() => {
-                        targetOption.loading = false;
-                    });
-                },
-            },
-            config: {
                 format: data.config.format,
-            },
-            effect: {
-                materialTypesOption: extraConfig.materialType,
+                config: extraConfig.materialType,
+                disabled: data.disabled,
             },
             inject: true,
             on: {
                 change(inject, list) {
                     const rule = inject.self;
                     rule.value = list;
+                    rule.props.value = list;
                     vue.nextTick(() => {
-                        inject.api.validateField(rule.field);
+                        setTimeout(() => {
+                            inject.api.validateField(rule.field);
+                        });
                     });
                 },
             },
@@ -2505,7 +2549,8 @@ var materialType = {
     },
     rowRule(data, extraConfig) {
         return {
-            type: 'cascader',
+            type: 'materialType',
+            component: materialType$1,
             field: data.field,
             title: '素材类型',
             validate: [
@@ -2517,35 +2562,22 @@ var materialType = {
                 },
             ],
             props: {
-                placeholder: '请选择',
+                value: data.value,
                 multiple: data.props.multiple,
-                loadData(inject, selectedOptions) {
-                    const optionLength = selectedOptions.length;
-                    const targetOption = selectedOptions[optionLength - 1];
-                    targetOption.loading = true;
-                    getOption(extraConfig.materialType, optionLength + 1)
-                        .then((result) => {
-                        result = isLeaf(result, inject.self.config.format === optionLength + 1);
-                        targetOption.children = result;
-                    })
-                        .finally(() => {
-                        targetOption.loading = false;
-                    });
-                },
-            },
-            config: {
                 format: data.config.format,
-            },
-            effect: {
-                materialTypesOption: extraConfig.materialType,
+                config: extraConfig.materialType,
+                disabled: data.disabled,
             },
             inject: true,
             on: {
                 change(inject, list) {
                     const rule = inject.self;
                     rule.value = list;
+                    rule.props.value = list;
                     vue.nextTick(() => {
-                        inject.api.validateField(rule.field);
+                        setTimeout(() => {
+                            inject.api.validateField(rule.field);
+                        });
                     });
                 },
             },
@@ -2564,7 +2596,7 @@ var materialType = {
             minWidth: '138px',
             slots: {
                 default({ row }) {
-                    return vue.h(materialTypeInTable, {
+                    return vue.h(materialType$1, {
                         multiple: data.props.multiple,
                         format: data.config.format,
                         config: extraConfig.materialType,
@@ -2614,6 +2646,7 @@ var row = {
 var department = {
     name: 'department',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2631,6 +2664,7 @@ var department = {
                         return yield extraConfig.department.fetch();
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',
@@ -2655,6 +2689,7 @@ var department = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2672,6 +2707,7 @@ var department = {
                         return yield extraConfig.department.fetch();
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',