bm-admin-ui 1.0.12-alpha → 1.0.13-alpha

package/lib/components/input-tags-display/src/input-tags-display.vue.d.ts

@@ -0,0 +1,72 @@
+declare type ItemType = {
+    key: string | number | any;
+    title: string;
+};
+declare const _default: import("vue").DefineComponent<{
+    list: {
+        type: ArrayConstructor;
+        default: () => ItemType[];
+    };
+    showEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showEmptyBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    btnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    containId: string;
+    clear: () => void;
+    toAddTags: () => void;
+    getPopupContainer: () => HTMLElement;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:list" | "addClick")[], "clear" | "update:list" | "addClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    list: {
+        type: ArrayConstructor;
+        default: () => ItemType[];
+    };
+    showEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showEmptyBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    btnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:list"?: ((...args: any[]) => any) | undefined;
+    onAddClick?: ((...args: any[]) => any) | undefined;
+}, {
+    width: string;
+    placement: string;
+    list: unknown[];
+    showEmpty: boolean;
+    showEmptyBtn: boolean;
+    btnText: string;
+}>;
+export default _default;

package/lib/components/multi-cascader-compose/index.js

@@ -69,7 +69,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -451,12 +451,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -781,19 +781,6 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-presetPalettes.red;
-presetPalettes.volcano;
-presetPalettes.gold;
-presetPalettes.orange;
-presetPalettes.yellow;
-presetPalettes.lime;
-presetPalettes.green;
-presetPalettes.cyan;
-presetPalettes.blue;
-presetPalettes.geekblue;
-presetPalettes.purple;
-presetPalettes.magenta;
-presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references
@@ -1352,7 +1339,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               tempRes.push({ checked: true });
             } else {
               let tempRes2 = tempChildren[j];
-              let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
+              let tempIndex2 = props.modelValue.indexOf(
+                tempRes2[props.optionValueName]
+              );
               if (tempIndex2 !== -1) {
                 tempRes.push({ checked: true });
               } else {
@@ -1378,7 +1367,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           if (tempChildren) {
             for (let j = 0; j < tempChildren.length; j++) {
               let tempRes2 = tempChildren[j];
-              let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
+              let tempIndex2 = props.modelValue.indexOf(
+                tempRes2[props.optionValueName]
+              );
               if (path.value[i] && tempRes2[props.optionValueName] === path.value[i][props.optionValueName] && tempIndex2 !== -1) {
                 parentChecked = true;
                 break;
@@ -1460,7 +1451,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         checked.push(tempOption?.[props.optionValueName]);
         if (tempOption?.children) {
           let allSonValues = getAllSonValues(tempOption.children);
-          allSonValues = allSonValues.filter((item) => item !== tempOption?.[props.optionValueName]);
+          allSonValues = allSonValues.filter(
+            (item) => item !== tempOption?.[props.optionValueName]
+          );
           unChecked = unChecked.concat(allSonValues);
         }
         for (let i = level; i > 0; i--) {
@@ -1475,7 +1468,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             checked.push(tempOption2[props.optionValueName]);
             if (tempOption2.children) {
               let allSonValues = getAllSonValues(tempOption2.children);
-              allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
+              allSonValues = allSonValues.filter(
+                (item) => item !== tempOption2[props.optionValueName]
+              );
               unChecked = unChecked.concat(allSonValues);
             }
           }
@@ -1501,7 +1496,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (tempStatus.checked) {
           checked = [];
         } else {
-          checked = modulersOptions.value[level].children?.map((item) => item[props.optionValueName]) || [];
+          checked = modulersOptions.value[level].children?.map(
+            (item) => item[props.optionValueName]
+          ) || [];
         }
       } else {
         if (tempStatus.checked) {
@@ -1524,7 +1521,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           checked.push(tempOption[props.optionValueName]);
           if (tempOption.children) {
             let allSonValues = getAllSonValues(tempOption.children);
-            allSonValues = allSonValues.filter((item) => item !== tempOption[props.optionValueName]);
+            allSonValues = allSonValues.filter(
+              (item) => item !== tempOption[props.optionValueName]
+            );
             unChecked = unChecked.concat(allSonValues);
           }
           for (let i = level; i > 0; i--) {
@@ -1539,7 +1538,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               checked.push(tempOption2[props.optionValueName]);
               if (tempOption2.children) {
                 let allSonValues = getAllSonValues(tempOption2.children);
-                allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
+                allSonValues = allSonValues.filter(
+                  (item) => item !== tempOption2[props.optionValueName]
+                );
                 unChecked = unChecked.concat(allSonValues);
               }
             }
@@ -1625,7 +1626,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: index,
                         class: vue.normalizeClass(["bm-multi-cascader-item", {
-                          "is-active": path.value.find((item) => option[props.optionValueName] === item[props.optionValueName])
+                          "is-active": path.value.find(
+                            (item) => option[props.optionValueName] === item[props.optionValueName]
+                          )
                         }]),
                         onClick: ($event) => handleClick(option, level, index)
                       }, [

package/lib/components/over-tooltips/index.js

@@ -43,16 +43,19 @@ const _sfc_main = {
       isShow: false,
       openShow: false
     });
-    const observer = new IntersectionObserver((entries) => {
-      entries.forEach((item) => {
-        if (item.intersectionRatio > 0.3) {
-          observerDom();
-          observer.disconnect();
-        }
-      });
-    }, {
-      threshold: 0.3
-    });
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((item) => {
+          if (item.intersectionRatio > 0.3) {
+            observerDom();
+            observer.disconnect();
+          }
+        });
+      },
+      {
+        threshold: 0.3
+      }
+    );
     function observerDom() {
       if (props.line === 1) {
         if (mySelf.value.scrollWidth > mySelf.value.clientWidth) {
@@ -68,16 +71,20 @@ const _sfc_main = {
       observer.disconnect();
     });
     let mySelf = vue.ref();
-    vue.watch(() => props.showAlways, function(showAlways) {
-      if (showAlways)
-        state.openShow = showAlways;
-      mySelf.value && observer.unobserve(mySelf.value);
-      vue.nextTick(function() {
-        mySelf.value && observer.observe(mySelf.value);
-      });
-    }, {
-      immediate: true
-    });
+    vue.watch(
+      () => props.showAlways,
+      function(showAlways) {
+        if (showAlways)
+          state.openShow = showAlways;
+        mySelf.value && observer.unobserve(mySelf.value);
+        vue.nextTick(function() {
+          mySelf.value && observer.observe(mySelf.value);
+        });
+      },
+      {
+        immediate: true
+      }
+    );
     const handleVisibleChange = (val) => {
       state.isShow = !state.openShow ? false : val;
     };

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

@@ -114,9 +114,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             gutter: unknown[];
         };
         form: {
-            labelCol: {
-                [x: string]: any;
-            };
+            labelCol: Record<string, any>;
             labelAlign: string;
             wrapperCol: {
                 span: number;

package/lib/components/search-filter/index.js

@@ -74,7 +74,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -456,12 +456,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -786,19 +786,6 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-presetPalettes.red;
-presetPalettes.volcano;
-presetPalettes.gold;
-presetPalettes.orange;
-presetPalettes.yellow;
-presetPalettes.lime;
-presetPalettes.green;
-presetPalettes.cyan;
-presetPalettes.blue;
-presetPalettes.geekblue;
-presetPalettes.purple;
-presetPalettes.magenta;
-presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references
@@ -1298,6 +1285,7 @@ const _hoisted_2$1 = { class: "bm-search-filter-actions" };
 const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("\u91CD\u7F6E");
 const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u67E5\u8BE2");
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "search-reset-btn",
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
@@ -1502,7 +1490,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               tempRes.push({ checked: true });
             } else {
               let tempRes2 = tempChildren[j];
-              let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
+              let tempIndex2 = props.modelValue.indexOf(
+                tempRes2[props.optionValueName]
+              );
               if (tempIndex2 !== -1) {
                 tempRes.push({ checked: true });
               } else {
@@ -1528,7 +1518,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           if (tempChildren) {
             for (let j = 0; j < tempChildren.length; j++) {
               let tempRes2 = tempChildren[j];
-              let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
+              let tempIndex2 = props.modelValue.indexOf(
+                tempRes2[props.optionValueName]
+              );
               if (path.value[i] && tempRes2[props.optionValueName] === path.value[i][props.optionValueName] && tempIndex2 !== -1) {
                 parentChecked = true;
                 break;
@@ -1610,7 +1602,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         checked.push(tempOption?.[props.optionValueName]);
         if (tempOption?.children) {
           let allSonValues = getAllSonValues(tempOption.children);
-          allSonValues = allSonValues.filter((item) => item !== tempOption?.[props.optionValueName]);
+          allSonValues = allSonValues.filter(
+            (item) => item !== tempOption?.[props.optionValueName]
+          );
           unChecked = unChecked.concat(allSonValues);
         }
         for (let i = level; i > 0; i--) {
@@ -1625,7 +1619,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             checked.push(tempOption2[props.optionValueName]);
             if (tempOption2.children) {
               let allSonValues = getAllSonValues(tempOption2.children);
-              allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
+              allSonValues = allSonValues.filter(
+                (item) => item !== tempOption2[props.optionValueName]
+              );
               unChecked = unChecked.concat(allSonValues);
             }
           }
@@ -1651,7 +1647,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         if (tempStatus.checked) {
           checked = [];
         } else {
-          checked = modulersOptions.value[level].children?.map((item) => item[props.optionValueName]) || [];
+          checked = modulersOptions.value[level].children?.map(
+            (item) => item[props.optionValueName]
+          ) || [];
         }
       } else {
         if (tempStatus.checked) {
@@ -1674,7 +1672,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           checked.push(tempOption[props.optionValueName]);
           if (tempOption.children) {
             let allSonValues = getAllSonValues(tempOption.children);
-            allSonValues = allSonValues.filter((item) => item !== tempOption[props.optionValueName]);
+            allSonValues = allSonValues.filter(
+              (item) => item !== tempOption[props.optionValueName]
+            );
             unChecked = unChecked.concat(allSonValues);
           }
           for (let i = level; i > 0; i--) {
@@ -1689,7 +1689,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               checked.push(tempOption2[props.optionValueName]);
               if (tempOption2.children) {
                 let allSonValues = getAllSonValues(tempOption2.children);
-                allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
+                allSonValues = allSonValues.filter(
+                  (item) => item !== tempOption2[props.optionValueName]
+                );
                 unChecked = unChecked.concat(allSonValues);
               }
             }
@@ -1775,7 +1777,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: index,
                         class: vue.normalizeClass(["bm-multi-cascader-item", {
-                          "is-active": path.value.find((item) => option[props.optionValueName] === item[props.optionValueName])
+                          "is-active": path.value.find(
+                            (item) => option[props.optionValueName] === item[props.optionValueName]
+                          )
                         }]),
                         onClick: ($event) => handleClick(option, level, index)
                       }, [
@@ -1945,11 +1949,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
     });
-    vue.watch(() => props.showExpandBtn, (val) => {
-      handleShowExpandBtn(val);
-    }, {
-      immediate: true
-    });
+    vue.watch(
+      () => props.showExpandBtn,
+      (val) => {
+        handleShowExpandBtn(val);
+      },
+      {
+        immediate: true
+      }
+    );
     const expandRule = vue.computed(() => {
       const fixedCount = props.fixedCount && props.fixedCount >= 0 ? props.fixedCount : 0;
       const fixedFields = props.fixedFields?.length ? props.fixedFields : [];
@@ -1968,11 +1976,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         });
       }
     }
-    vue.watch(isExpand, (val) => {
-      handleChangeExpand(val);
-    }, {
-      immediate: true
-    });
+    vue.watch(
+      isExpand,
+      (val) => {
+        handleChangeExpand(val);
+      },
+      {
+        immediate: true
+      }
+    );
     expose({
       fApi
     });
@@ -1986,7 +1998,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:api": _cache[0] || (_cache[0] = ($event) => fApi.value = $event),
           "model-value": props.value,
           rule: vue.unref(rule),
-          option: vue.unref(option),
+          option,
           onChange: handleChange
         }, null, 8, ["api", "model-value", "rule", "option"])
       ], 2);

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

@@ -114,9 +114,7 @@ declare const _default: import("vue").DefineComponent<{
             gutter: unknown[];
         };
         form: {
-            labelCol: {
-                [x: string]: any;
-            };
+            labelCol: Record<string, any>;
             labelAlign: string;
             wrapperCol: {
                 span: number;

package/lib/components/shops-filter/index.js

@@ -81,7 +81,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -463,12 +463,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -793,19 +793,6 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-presetPalettes.red;
-presetPalettes.volcano;
-presetPalettes.gold;
-presetPalettes.orange;
-presetPalettes.yellow;
-presetPalettes.lime;
-presetPalettes.green;
-presetPalettes.cyan;
-presetPalettes.blue;
-presetPalettes.geekblue;
-presetPalettes.purple;
-presetPalettes.magenta;
-presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references
@@ -1350,22 +1337,28 @@ const _sfc_main = vue.defineComponent({
     };
     props.loadFilter().then((data) => {
       state.filterArr = data;
-      state.filterSelects = state.filterArr.map((item) => {
-        return item.multiple ? [] : "";
-      });
+      state.filterSelects = state.filterArr.map(
+        (item) => {
+          return item.multiple ? [] : "";
+        }
+      );
     }).finally(() => {
       methods.fetchData();
     });
-    vue.watch(() => state.shopCheck, () => {
-      let list = [];
-      for (let [key, value] of Object.entries(state.shopCheck)) {
-        value && list.push(key);
-      }
-      state.selected = list;
-      emit("update:selected", list);
-      emit("change", list);
-      methods.checkboxChange();
-    }, { deep: true });
+    vue.watch(
+      () => state.shopCheck,
+      () => {
+        let list = [];
+        for (let [key, value] of Object.entries(state.shopCheck)) {
+          value && list.push(key);
+        }
+        state.selected = list;
+        emit("update:selected", list);
+        emit("change", list);
+        methods.checkboxChange();
+      },
+      { deep: true }
+    );
     if (props.showAlways) {
       state.isActive = true;
     }

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

@@ -27,6 +27,18 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
         type: BooleanConstructor;
         default: boolean;
     };
+    immediateFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unitStr: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     list: import("vue").Ref<any[]>;
     selected: import("vue").Ref<any>;
@@ -67,6 +79,18 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
         type: BooleanConstructor;
         default: boolean;
     };
+    immediateFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unitStr: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:select"?: ((...args: any[]) => any) | undefined;
@@ -74,9 +98,12 @@ declare const BmStaffsSelector: import("bm-admin-ui/es/utils/with-install").SFCW
     title: string;
     visible: boolean;
     mode: string;
+    showCount: boolean;
     limit: number;
+    unitStr: string;
     load: Function;
     forceStatic: boolean;
+    immediateFetch: boolean;
 }>>;
 export { BmStaffsSelector };
 export default BmStaffsSelector;