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

package/es/components/button/index.d.ts

@@ -78,7 +78,7 @@ declare const BmButton: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
                 onMousedown: {
                     type: import("vue").PropType<(event: MouseEvent) => void>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "htmlType" | "loading" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/button/src/button.vue.d.ts

@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
                 onMousedown: {
                     type: import("vue").PropType<(event: MouseEvent) => void>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "htmlType" | "loading" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

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

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

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

@@ -191,8 +191,9 @@ declare const BmEditor: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
             };
         };
         emits: string[];
-        setup(props: any, { emit }: {
+        setup(props: any, { emit, expose }: {
             emit: any;
+            expose: any;
         }): {
             uploadDisabled: import("vue").ComputedRef<boolean>;
             updateUploadProgress(file: any, progress: any): void;
@@ -293,8 +294,8 @@ declare const BmEditor: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string;
     disabled: boolean;
+    value: string;
     options: {
         [key: string]: any;
     };

package/es/components/editor/index.js

@@ -11640,7 +11640,7 @@ const _sfc_main$1 = {
     "updateDisabledStatus",
     "updateIsUploadingStatus"
   ],
-  setup(props, { emit }) {
+  setup(props, { emit, expose }) {
     let acceptList = [
       ".xlsx",
       ".XLSX",
@@ -11980,6 +11980,7 @@ const _sfc_main$1 = {
         immediate: true
       }
     );
+    expose({ state, methods });
     return {
       ...toRefs(state),
       icons,

package/es/components/editor/src/editor.vue.d.ts

@@ -191,8 +191,9 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
         emits: string[];
-        setup(props: any, { emit }: {
+        setup(props: any, { emit, expose }: {
             emit: any;
+            expose: any;
         }): {
             uploadDisabled: import("vue").ComputedRef<boolean>;
             updateUploadProgress(file: any, progress: any): void;
@@ -293,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string;
     disabled: boolean;
+    value: string;
     options: {
         [key: string]: any;
     };

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

@@ -42,9 +42,9 @@ declare const BmFloatTable: import("bm-admin-ui/es/utils/with-install").SFCWithI
         gridOptions: import("vue").ComputedRef<any>;
         gridEvents: import("vue").ComputedRef<any>;
         pager: import("vue").ComputedRef<any>;
-        simpleImage: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        simpleImage: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | null | undefined)[]>;
         floatRefsId: import("vue").Ref<{}>;
@@ -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

@@ -42,9 +42,9 @@ declare const _default: {
         gridOptions: import("vue").ComputedRef<any>;
         gridEvents: import("vue").ComputedRef<any>;
         pager: import("vue").ComputedRef<any>;
-        simpleImage: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        simpleImage: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | null | undefined)[]>;
         floatRefsId: import("vue").Ref<{}>;
@@ -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 && '请选择',
@@ -1618,6 +1633,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       index++;
     }
     function handleDelete(targetKey) {
+      if (panes.length === 1)
+        return;
       panes.splice(
         panes.findIndex((pane) => pane.key === targetKey),
         1
@@ -2220,14 +2237,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: [
     "value",
     "extraConfig",
-    "rule",
+    "dataFiltering",
     "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) => {
@@ -2238,7 +2259,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }, 300);
     const postData = computed(() => ({
       keyword: keyword.value,
-      filterByUser: props.rule.config.dataFiltering
+      filterByUser: props.dataFiltering
     }));
     function initOptions() {
       props.extraConfig.fetch(postData.value).then((data) => {
@@ -2246,8 +2267,11 @@ const _sfc_main$4 = /* @__PURE__ */ 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;
@@ -2277,6 +2301,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',
@@ -2287,7 +2312,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,
             },
@@ -2308,6 +2333,7 @@ var shop = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         const shopExtraConfig = extraConfig.shop;
         return {
             type: 'ShopWidget',
@@ -2318,7 +2344,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,
             },
@@ -2350,8 +2376,9 @@ var shop = {
             minWidth: '138px',
             slots: {
                 default({ row }) {
+                    var _a;
                     return 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,
@@ -2366,7 +2393,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 }) {
@@ -2378,71 +2405,105 @@ const _sfc_main$3 = /* @__PURE__ */ 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 = 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 openBlock(), createBlock(unref(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": 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: [
@@ -2454,38 +2515,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);
+                        });
                     });
                 },
             },
@@ -2494,7 +2539,8 @@ var materialType = {
     },
     rowRule(data, extraConfig) {
         return {
-            type: 'cascader',
+            type: 'materialType',
+            component: materialType$1,
             field: data.field,
             title: '素材类型',
             validate: [
@@ -2506,35 +2552,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);
+                        });
                     });
                 },
             },
@@ -2553,7 +2586,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,
@@ -2603,6 +2636,7 @@ var row = {
 var department = {
     name: 'department',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2620,6 +2654,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 && '请选择',
@@ -2644,6 +2679,7 @@ var department = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2661,6 +2697,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 && '请选择',