bm-admin-ui 1.0.55-alpha → 1.0.56-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, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "htmlType" | "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, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "htmlType" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

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

@@ -294,8 +294,8 @@ declare const BmEditor: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
     onReady?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
     options: {
         [key: string]: any;
     };

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

@@ -294,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
     onReady?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
     options: {
         [key: string]: any;
     };

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, floor, debounce } from 'lodash-es';
+import { debounce, cloneDeep, floor } from 'lodash-es';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { isNull } from 'bm-admin-ui/es/utils/isNull';
 
@@ -1354,6 +1354,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     );
     const productInputSlots = reactive([]);
     const formData = computed(() => props.formCreateInject.api.bind());
+    const queryProductInfoDebounce = debounce(handlePressEnter, 300);
     function isShow(key) {
       return props.rule.config.tableAdvancedFeatures.includes(key);
     }
@@ -1437,7 +1438,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               default({ row }) {
                 if (item.value === "\u5546\u54C1\u56FE\u7247" && row[childField]) {
                   return h("img", {
-                    src: "/cloudStorage/read/read?p=" + row[childField],
+                    src: props.extraConfig.common.previewImg(row[childField]),
                     style: {
                       width: "86px",
                       height: "86px",
@@ -1670,6 +1671,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    function handleProductInputChange(rule, row) {
+      queryProductInfoDebounce(rule, row);
+    }
     watch(
       () => props.rule,
       () => {
@@ -1791,8 +1795,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         "onUpdate:value": ($event) => row[item.field] = $event,
                         placeholder: "\u8BF7\u8F93\u5165",
                         disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
-                        onPressEnter: ($event) => handlePressEnter(item, row)
-                      }, null, 8, ["value", "onUpdate:value", "disabled", "onPressEnter"])
+                        onPressEnter: ($event) => handlePressEnter(item, row),
+                        onChange: ($event) => handleProductInputChange(item, row)
+                      }, null, 8, ["value", "onUpdate:value", "disabled", "onPressEnter", "onChange"])
                     ])
                   };
                 })
@@ -2410,16 +2415,27 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
     const unitMap = ["\u652F", "\u74F6", "\u5957", "\u7EC4", "\u7BB1", "\u4E2A", "\u5F20"];
     const formData = computed(() => props.formCreateInject.api.bind());
+    const debounceFn = debounce(handleBlur, 300);
+    const inputValue = ref(props.defalutValue);
     async function fetch(value) {
-      productInfo.value = await props.extraConfig.product.fetch({
+      return productInfo.value = await props.extraConfig.product.fetch({
         productCode: value,
         filterByShopcode: props.dataFiltering
       }) || {};
     }
     function handleBlur(evt) {
       const value = evt.target.value;
-      emitChange(value);
-      fetch(value);
+      fetch(value).then((result) => {
+        if (Object.keys(result).length) {
+          emitChange(value);
+        } else {
+          emitChange();
+          inputValue.value = "";
+        }
+      });
+    }
+    function handleChange(evt) {
+      debounceFn(evt);
     }
     function getValue(value) {
       return productInfo.value[productInfoKeyMap[value]];
@@ -2460,10 +2476,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Col), { flex: 1 }, {
                     default: withCtx(() => [
                       createVNode(unref(Input), {
+                        value: inputValue.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
                         placeholder: "\u8BF7\u8F93\u5165",
-                        value: __props.defalutValue,
                         disabled: __props.disabled || inputDisbale(__props.dataFiltering),
-                        onPressEnter: handleBlur
+                        onPressEnter: handleBlur,
+                        onChange: handleChange
                       }, null, 8, ["value", "disabled"])
                     ]),
                     _: 1
@@ -2740,45 +2758,27 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const options = ref([]);
     function initOptions() {
-      props.config.fetch({ level: 1, relationCode: "" }).then((result) => {
-        result.forEach((item) => {
-          item.isLeaf = props.format === 1;
-        });
+      props.config.fetch().then((result) => {
+        processOptions(result, 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);
-          }
-        }
       });
     }
-    async function loadData(selectedOptions) {
-      const optionLength = selectedOptions.length;
-      const targetOption = selectedOptions[optionLength - 1];
-      targetOption.loading = true;
-      return await props.config.fetch({
-        level: optionLength + 1,
-        relationCode: targetOption.value
-      }).then((result) => {
-        result.forEach((item) => {
-          item.isLeaf = props.format === optionLength + 1;
-        });
-        if (result.length) {
-          targetOption.children = result;
-        } else {
-          targetOption.isLeaf = true;
+    function processOptions(options2, level) {
+      options2.forEach((option) => {
+        option.value = option[props.config.fieldNames.value];
+        option.label = option[props.config.fieldNames.label];
+        option.children = option[props.config.fieldNames.children];
+        if (level === props.format) {
+          delete option.children;
+        }
+        if (option.children?.length) {
+          processOptions(option.children, level + 1);
         }
-      }).finally(() => {
-        targetOption.loading = false;
       });
     }
     function handleChange(value, selectedOptions) {
       const result = cloneDeep(selectedOptions);
-      processValue(result);
+      result && processValue(result);
       emits("change", result);
     }
     function processValue(selectedOptions) {
@@ -2804,23 +2804,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         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), {
@@ -2828,7 +2811,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         placeholder: "\u8BF7\u8F93\u5165",
         multiple: __props.multiple,
         options: options.value,
-        "load-data": loadData,
         "change-on-select": "",
         "get-popup-container": unref(getContainer),
         onChange: handleChange
@@ -2867,6 +2849,7 @@ var materialType = {
                     const rule = inject.self;
                     rule.value = list;
                     rule.props.value = list;
+                    inject.api.emit('value-change', inject.api.bind());
                     nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -2904,6 +2887,7 @@ var materialType = {
                     const rule = inject.self;
                     rule.value = list;
                     rule.props.value = list;
+                    inject.api.emit('value-change', inject.api.bind());
                     nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -3123,7 +3107,7 @@ var table = {
                 change(inject, value) {
                     const rule = inject.self;
                     rule.value = value;
-                    inject.api.emit('table-change', inject.api.bind());
+                    inject.api.emit('value-change', inject.api.bind());
                 },
             },
             validate: [
@@ -3149,7 +3133,7 @@ var table = {
             on: {
                 change(inject, value) {
                     inject.self.value = value;
-                    inject.api.emit('table-change', inject.api.bind());
+                    inject.api.emit('value-change', inject.api.bind());
                 },
             },
             validate: [
@@ -3481,7 +3465,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           option,
           rule: rule.value,
           "onUpdate:modelValue": handleValue,
-          onTableChange: handleValue
+          onValueChange: handleValue
         }, null, 8, ["api", "model-value", "rule"])
       ], 64);
     };

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

@@ -1264,6 +1264,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       dateValue.value = date;
       emitChange(date);
     }
+    function getPopupContainer() {
+      return document.body;
+    }
     watch(format, () => {
       handleDateChange("");
     });
@@ -1309,6 +1312,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               picker: unref(extraProps).picker,
               "show-time": unref(extraProps).showTime,
               placeholder: "\u8BF7\u9009\u62E9",
+              "get-popup-container": getPopupContainer,
               onChange: handleDateChange
             }, null, 8, ["value", "format", "value-format", "picker", "show-time"])) : createCommentVNode("v-if", true)
           ]),

package/es/components/search-filter/index.d.ts

@@ -217,9 +217,9 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     labelCol: Record<string, any>;
     value: Record<string, any>;
+    loading: boolean;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/es/components/search-filter/src/search-filter.vue.d.ts

@@ -217,9 +217,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     labelCol: Record<string, any>;
     value: Record<string, any>;
+    loading: boolean;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/es/components/select-all/index.d.ts

@@ -210,7 +210,7 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bordered" | "choiceTransitionName" | "open" | "disabled" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "loading" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/select-all/src/selectAll.vue.d.ts

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bordered" | "choiceTransitionName" | "open" | "disabled" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "loading" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/es/components/staffs-selector/index.d.ts

@@ -1084,9 +1084,9 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string;
     mode: string;
     showCount: boolean;
+    title: string;
     visible: boolean;
     unitStr: string;
     limit: number;

package/es/components/staffs-selector/src/staffs-selector.vue.d.ts

@@ -1084,9 +1084,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string;
     mode: string;
     showCount: boolean;
+    title: string;
     visible: boolean;
     unitStr: string;
     limit: number;

package/lib/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, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "htmlType" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

package/lib/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, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "htmlType" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

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

@@ -294,8 +294,8 @@ declare const BmEditor: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
     onReady?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
     options: {
         [key: string]: any;
     };

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

@@ -294,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
     onReady?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
     options: {
         [key: string]: any;
     };

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

@@ -1365,6 +1365,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     );
     const productInputSlots = vue.reactive([]);
     const formData = vue.computed(() => props.formCreateInject.api.bind());
+    const queryProductInfoDebounce = lodashEs.debounce(handlePressEnter, 300);
     function isShow(key) {
       return props.rule.config.tableAdvancedFeatures.includes(key);
     }
@@ -1448,7 +1449,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               default({ row }) {
                 if (item.value === "\u5546\u54C1\u56FE\u7247" && row[childField]) {
                   return vue.h("img", {
-                    src: "/cloudStorage/read/read?p=" + row[childField],
+                    src: props.extraConfig.common.previewImg(row[childField]),
                     style: {
                       width: "86px",
                       height: "86px",
@@ -1681,6 +1682,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         }
       });
     }
+    function handleProductInputChange(rule, row) {
+      queryProductInfoDebounce(rule, row);
+    }
     vue.watch(
       () => props.rule,
       () => {
@@ -1802,8 +1806,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:value": ($event) => row[item.field] = $event,
                         placeholder: "\u8BF7\u8F93\u5165",
                         disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
-                        onPressEnter: ($event) => handlePressEnter(item, row)
-                      }, null, 8, ["value", "onUpdate:value", "disabled", "onPressEnter"])
+                        onPressEnter: ($event) => handlePressEnter(item, row),
+                        onChange: ($event) => handleProductInputChange(item, row)
+                      }, null, 8, ["value", "onUpdate:value", "disabled", "onPressEnter", "onChange"])
                     ])
                   };
                 })
@@ -2421,16 +2426,27 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
     const unitMap = ["\u652F", "\u74F6", "\u5957", "\u7EC4", "\u7BB1", "\u4E2A", "\u5F20"];
     const formData = vue.computed(() => props.formCreateInject.api.bind());
+    const debounceFn = lodashEs.debounce(handleBlur, 300);
+    const inputValue = vue.ref(props.defalutValue);
     async function fetch(value) {
-      productInfo.value = await props.extraConfig.product.fetch({
+      return productInfo.value = await props.extraConfig.product.fetch({
         productCode: value,
         filterByShopcode: props.dataFiltering
       }) || {};
     }
     function handleBlur(evt) {
       const value = evt.target.value;
-      emitChange(value);
-      fetch(value);
+      fetch(value).then((result) => {
+        if (Object.keys(result).length) {
+          emitChange(value);
+        } else {
+          emitChange();
+          inputValue.value = "";
+        }
+      });
+    }
+    function handleChange(evt) {
+      debounceFn(evt);
     }
     function getValue(value) {
       return productInfo.value[productInfoKeyMap[value]];
@@ -2471,10 +2487,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                   vue.createVNode(vue.unref(antDesignVue.Col), { flex: 1 }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(antDesignVue.Input), {
+                        value: inputValue.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
                         placeholder: "\u8BF7\u8F93\u5165",
-                        value: __props.defalutValue,
                         disabled: __props.disabled || inputDisbale(__props.dataFiltering),
-                        onPressEnter: handleBlur
+                        onPressEnter: handleBlur,
+                        onChange: handleChange
                       }, null, 8, ["value", "disabled"])
                     ]),
                     _: 1
@@ -2751,45 +2769,27 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const options = vue.ref([]);
     function initOptions() {
-      props.config.fetch({ level: 1, relationCode: "" }).then((result) => {
-        result.forEach((item) => {
-          item.isLeaf = props.format === 1;
-        });
+      props.config.fetch().then((result) => {
+        processOptions(result, 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);
-          }
-        }
       });
     }
-    async function loadData(selectedOptions) {
-      const optionLength = selectedOptions.length;
-      const targetOption = selectedOptions[optionLength - 1];
-      targetOption.loading = true;
-      return await props.config.fetch({
-        level: optionLength + 1,
-        relationCode: targetOption.value
-      }).then((result) => {
-        result.forEach((item) => {
-          item.isLeaf = props.format === optionLength + 1;
-        });
-        if (result.length) {
-          targetOption.children = result;
-        } else {
-          targetOption.isLeaf = true;
+    function processOptions(options2, level) {
+      options2.forEach((option) => {
+        option.value = option[props.config.fieldNames.value];
+        option.label = option[props.config.fieldNames.label];
+        option.children = option[props.config.fieldNames.children];
+        if (level === props.format) {
+          delete option.children;
+        }
+        if (option.children?.length) {
+          processOptions(option.children, level + 1);
         }
-      }).finally(() => {
-        targetOption.loading = false;
       });
     }
     function handleChange(value, selectedOptions) {
       const result = lodashEs.cloneDeep(selectedOptions);
-      processValue(result);
+      result && processValue(result);
       emits("change", result);
     }
     function processValue(selectedOptions) {
@@ -2815,23 +2815,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         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), {
@@ -2839,7 +2822,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         placeholder: "\u8BF7\u8F93\u5165",
         multiple: __props.multiple,
         options: options.value,
-        "load-data": loadData,
         "change-on-select": "",
         "get-popup-container": vue.unref(getContainer),
         onChange: handleChange
@@ -2878,6 +2860,7 @@ var materialType = {
                     const rule = inject.self;
                     rule.value = list;
                     rule.props.value = list;
+                    inject.api.emit('value-change', inject.api.bind());
                     vue.nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -2915,6 +2898,7 @@ var materialType = {
                     const rule = inject.self;
                     rule.value = list;
                     rule.props.value = list;
+                    inject.api.emit('value-change', inject.api.bind());
                     vue.nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -3134,7 +3118,7 @@ var table = {
                 change(inject, value) {
                     const rule = inject.self;
                     rule.value = value;
-                    inject.api.emit('table-change', inject.api.bind());
+                    inject.api.emit('value-change', inject.api.bind());
                 },
             },
             validate: [
@@ -3160,7 +3144,7 @@ var table = {
             on: {
                 change(inject, value) {
                     inject.self.value = value;
-                    inject.api.emit('table-change', inject.api.bind());
+                    inject.api.emit('value-change', inject.api.bind());
                 },
             },
             validate: [
@@ -3492,7 +3476,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           option,
           rule: rule.value,
           "onUpdate:modelValue": handleValue,
-          onTableChange: handleValue
+          onValueChange: handleValue
         }, null, 8, ["api", "model-value", "rule"])
       ], 64);
     };

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

@@ -1274,6 +1274,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       dateValue.value = date;
       emitChange(date);
     }
+    function getPopupContainer() {
+      return document.body;
+    }
     vue.watch(format, () => {
       handleDateChange("");
     });
@@ -1319,6 +1322,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               picker: vue.unref(extraProps).picker,
               "show-time": vue.unref(extraProps).showTime,
               placeholder: "\u8BF7\u9009\u62E9",
+              "get-popup-container": getPopupContainer,
               onChange: handleDateChange
             }, null, 8, ["value", "format", "value-format", "picker", "show-time"])) : vue.createCommentVNode("v-if", true)
           ]),

package/lib/components/search-filter/index.d.ts

@@ -217,9 +217,9 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     labelCol: Record<string, any>;
     value: Record<string, any>;
+    loading: boolean;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/lib/components/search-filter/src/search-filter.vue.d.ts

@@ -217,9 +217,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     labelCol: Record<string, any>;
     value: Record<string, any>;
+    loading: boolean;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/lib/components/select-all/index.d.ts

@@ -210,7 +210,7 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bordered" | "choiceTransitionName" | "open" | "disabled" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "loading" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/lib/components/select-all/src/selectAll.vue.d.ts

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bordered" | "choiceTransitionName" | "open" | "disabled" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "loading" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/lib/components/staffs-selector/index.d.ts

@@ -1084,9 +1084,9 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string;
     mode: string;
     showCount: boolean;
+    title: string;
     visible: boolean;
     unitStr: string;
     limit: number;

package/lib/components/staffs-selector/src/staffs-selector.vue.d.ts

@@ -1084,9 +1084,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string;
     mode: string;
     showCount: boolean;
+    title: string;
     visible: boolean;
     unitStr: string;
     limit: number;

package/package.json

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

package/types/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, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "htmlType" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

package/types/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, "htmlType" | "loading" | "disabled" | "ghost" | "block" | "danger">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "htmlType" | "ghost" | "block" | "danger">;
             $attrs: {
                 [x: string]: unknown;
             };

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

@@ -294,8 +294,8 @@ declare const BmEditor: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
     onReady?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
     options: {
         [key: string]: any;
     };

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

@@ -294,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
     onReady?: ((...args: any[]) => any) | undefined;
     onGetCount?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     value: string;
+    disabled: boolean;
     options: {
         [key: string]: any;
     };

package/types/components/search-filter/index.d.ts

@@ -217,9 +217,9 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     labelCol: Record<string, any>;
     value: Record<string, any>;
+    loading: boolean;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/types/components/search-filter/src/search-filter.vue.d.ts

@@ -217,9 +217,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     labelCol: Record<string, any>;
     value: Record<string, any>;
+    loading: boolean;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/types/components/select-all/index.d.ts

@@ -210,7 +210,7 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bordered" | "choiceTransitionName" | "open" | "disabled" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "loading" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/types/components/select-all/src/selectAll.vue.d.ts

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bordered" | "choiceTransitionName" | "open" | "disabled" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "loading" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/types/components/staffs-selector/index.d.ts

@@ -1084,9 +1084,9 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string;
     mode: string;
     showCount: boolean;
+    title: string;
     visible: boolean;
     unitStr: string;
     limit: number;

package/types/components/staffs-selector/src/staffs-selector.vue.d.ts

@@ -1084,9 +1084,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string;
     mode: string;
     showCount: boolean;
+    title: string;
     visible: boolean;
     unitStr: string;
     limit: number;