bm-admin-ui 1.0.44-alpha → 1.0.46-alpha

package/es/components/editor/__test__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/components/float-table/index.d.ts

@@ -58,7 +58,7 @@ declare const BmFloatTable: import("bm-admin-ui/es/utils/with-install").SFCWithI
         }>;
         trNodes: import("vue").Ref<any>;
         isInScroll: import("vue").Ref<boolean>;
-        inMaxScorllX: import("vue").Ref<boolean>;
+        inMaxScrollX: import("vue").Ref<boolean>;
         floatRow: import("vue").Ref<{}>;
         floatRowIndex: import("vue").Ref<undefined>;
         floatHandleDomCol: import("vue").Ref<any>;

package/es/components/float-table/index.js

@@ -45,6 +45,7 @@ const _sfc_main = {
     "radioChange",
     "checkboxChange",
     "checkboxChangeAll",
+    "cellClick",
     "pageChange",
     "pageSizeChange"
   ],
@@ -76,7 +77,7 @@ const _sfc_main = {
           reserve: false,
           highlight: computed(function() {
             return props.config.columns.some(function(item) {
-              return item.type === "checkbox" || item.type === "checkbox";
+              return item.type === "checkbox";
             });
           }),
           trigger: "row"
@@ -96,6 +97,16 @@ const _sfc_main = {
         },
         checkboxAll(val) {
           emit("checkboxChangeAll", val);
+        },
+        cellClick(data) {
+          let { row, column } = data;
+          if (column.type === "checkbox" || column.type === "radio" || column.field === "action" || column.slots?.default === "floatHandle")
+            return;
+          else {
+            xGrid.value.clearCheckboxRow();
+            xGrid.value.setCheckboxRow(row, true);
+            emit("cellClick", data);
+          }
         }
       },
       atVisible: false,
@@ -106,7 +117,7 @@ const _sfc_main = {
       },
       trNodes: [],
       isInScroll: false,
-      inMaxScorllX: false,
+      inMaxScrollX: false,
       floatRow: {},
       floatRowIndex: void 0,
       floatHandleDomCol: null
@@ -117,7 +128,7 @@ const _sfc_main = {
         "bm-table",
         `table-${props.size}`,
         {
-          floatHandleTable: props.isNeedFloatHandle && (!state.atVisible || state.inMaxScorllX) && state.floatHandleDomCol
+          floatHandleTable: props.isNeedFloatHandle && (!state.atVisible || state.inMaxScrollX) && state.floatHandleDomCol
         }
       ];
     });
@@ -131,14 +142,14 @@ const _sfc_main = {
     const gridEvents = computed(() => {
       let extraFn = {};
       if (props.isNeedFloatHandle) {
-        let propscellMouseenter = props.events.cellMouseenter;
+        let propsCellMouseenter = props.events.cellMouseenter;
         extraFn.cellMouseenter = (e) => {
           if (props.isNeedFloatHandle) {
             if (state.isInScroll) {
               state.isShowFloatHandle = false;
               return;
             }
-            if (state.inMaxScorllX) {
+            if (state.inMaxScrollX) {
               state.isShowFloatHandle = false;
             }
             let rowid = e.rowid;
@@ -167,7 +178,7 @@ const _sfc_main = {
                 top,
                 height: clientHeight
               };
-              if (!state.atVisible && !state.inMaxScorllX) {
+              if (!state.atVisible && !state.inMaxScrollX) {
                 state.isShowFloatHandle = true;
               }
               nextTick(() => {
@@ -178,23 +189,23 @@ const _sfc_main = {
               });
             }, 200);
           }
-          propscellMouseenter && propscellMouseenter(e);
+          propsCellMouseenter && propsCellMouseenter(e);
         };
         extraFn.scroll = (e) => {
-          let propsscroll = props.events.scroll;
+          let propsScroll = props.events.scroll;
           if (e.isY && props.isNeedFloatHandle) {
             methods.scrollNotShowFloat();
           }
           if (e.isX && props.isNeedFloatHandle && state.floatHandleDomCol && gridOptions.value.data && gridOptions.value.data.length > 0) {
             if (e.scrollLeft + e.$event.target.clientWidth >= e.$event.target.scrollWidth - state.floatHandleDomCol.clientWidth) {
-              state.inMaxScorllX = true;
+              state.inMaxScrollX = true;
               state.isShowFloatHandle = false;
             } else {
-              state.inMaxScorllX = false;
+              state.inMaxScrollX = false;
               state.isShowFloatHandle = true;
             }
           }
-          propsscroll && propsscroll(e);
+          propsScroll && propsScroll(e);
         };
         extraFn.cellMouseleave = (e) => {
           let propsCellMouseLeave = props.events.cellMouseleave;

package/es/components/float-table/src/float-table.vue.d.ts

@@ -58,7 +58,7 @@ declare const _default: {
         }>;
         trNodes: import("vue").Ref<any>;
         isInScroll: import("vue").Ref<boolean>;
-        inMaxScorllX: import("vue").Ref<boolean>;
+        inMaxScrollX: import("vue").Ref<boolean>;
         floatRow: import("vue").Ref<{}>;
         floatRowIndex: import("vue").Ref<undefined>;
         floatHandleDomCol: import("vue").Ref<any>;

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

@@ -7,7 +7,6 @@ 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 FC from '@form-create/ant-design-vue';
 
 const fieldRatioMap = {
     '25%': 6,
@@ -774,15 +773,27 @@ const _sfc_main$a = /* @__PURE__ */ 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 = ref([]);
     const visible = 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;
@@ -827,6 +838,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,
@@ -842,6 +854,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 && '请选择',
@@ -866,6 +879,7 @@ var people = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -881,6 +895,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 && '请选择',
@@ -2217,11 +2232,21 @@ var product = {
 
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "shop-widget",
-  props: ["value", "extraConfig", "rule", "disabled"],
+  props: [
+    "value",
+    "extraConfig",
+    "rule",
+    "disabled",
+    "formCreateInject"
+  ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = ref(props.value.value);
+    const fieldNames = props.extraConfig.fieldNames || {
+      label: "name",
+      value: "code"
+    };
+    const value = ref(props.value?.[fieldNames.value]);
     const options = ref([]);
     const keyword = ref("");
     const debounceFetch = debounce((value2) => {
@@ -2239,8 +2264,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         options.value = data;
       });
     }
-    function handleChange(value2, option) {
-      emits("change", option);
+    function handleChange(val, option) {
+      value.value = val;
+      emits("change", {
+        [fieldNames.value]: option.value,
+        [fieldNames.label]: option.label
+      });
     }
     function handleSearch(value2) {
       keyword.value = value2;
@@ -2250,7 +2279,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Select), {
         value: value.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         placeholder: "\u8BF7\u9009\u62E9",
         "show-search": "",
         "show-arrow": false,
@@ -2290,6 +2318,7 @@ var shop = {
                 change(inject, value) {
                     const rule = inject.self;
                     rule.value = value;
+                    rule.props.value = value;
                     nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -2320,6 +2349,7 @@ var shop = {
                 change(inject, value) {
                     const rule = inject.self;
                     rule.value = value;
+                    rule.props.value = value;
                     nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -2358,7 +2388,7 @@ var shop = {
 };
 
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "material-type-in-table",
+  __name: "material-type",
   props: ["config", "multiple", "format", "value"],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -2383,58 +2413,65 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         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 = 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;
+      }, []);
     }
     initOptions();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Cascader), {
-        value: __props.value,
+        value: formatValue(__props.value),
         placeholder: "\u8BF7\u8F93\u5165",
         multiple: __props.multiple,
         options: options.value,
         "load-data": loadData,
         "get-popup-container": 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.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: [
@@ -2446,38 +2483,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;
                     nextTick(() => {
-                        inject.api.validateField(rule.field);
+                        setTimeout(() => {
+                            inject.api.validateField(rule.field);
+                        });
                     });
                 },
             },
@@ -2486,7 +2507,8 @@ var materialType = {
     },
     rowRule(data, extraConfig) {
         return {
-            type: 'cascader',
+            type: 'materialType',
+            component: materialType$1,
             field: data.field,
             title: '素材类型',
             validate: [
@@ -2498,35 +2520,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;
                     nextTick(() => {
-                        inject.api.validateField(rule.field);
+                        setTimeout(() => {
+                            inject.api.validateField(rule.field);
+                        });
                     });
                 },
             },
@@ -2545,7 +2554,7 @@ var materialType = {
             minWidth: '138px',
             slots: {
                 default({ row }) {
-                    return h(materialTypeInTable, {
+                    return h(materialType$1, {
                         multiple: data.props.multiple,
                         format: data.config.format,
                         config: extraConfig.materialType,
@@ -2595,6 +2604,7 @@ var row = {
 var department = {
     name: 'department',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2612,6 +2622,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 && '请选择',
@@ -2636,6 +2647,7 @@ var department = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2653,6 +2665,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 && '请选择',