bm-admin-ui 1.0.15-alpha → 1.0.18-alpha

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

@@ -66,7 +66,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return Number(n) * 100 + "%";
     }
     return n;
 }
@@ -448,12 +448,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 = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + 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|\\(]+(".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 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 matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -778,6 +778,19 @@ 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
@@ -1277,7 +1290,6 @@ const _hoisted_2$1 = { class: "bm-search-filter-actions" };
 const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
 const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "search-reset-btn",
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
@@ -1482,9 +1494,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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 {
@@ -1510,9 +1520,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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;
@@ -1594,9 +1602,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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--) {
@@ -1611,9 +1617,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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);
             }
           }
@@ -1639,9 +1643,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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) {
@@ -1664,9 +1666,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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--) {
@@ -1681,9 +1681,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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);
               }
             }
@@ -1769,9 +1767,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("div", {
                         key: index,
                         class: 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)
                       }, [
@@ -1941,15 +1937,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
     });
-    watch(
-      () => props.showExpandBtn,
-      (val) => {
-        handleShowExpandBtn(val);
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(() => props.showExpandBtn, (val) => {
+      handleShowExpandBtn(val);
+    }, {
+      immediate: true
+    });
     const expandRule = computed(() => {
       const fixedCount = props.fixedCount && props.fixedCount >= 0 ? props.fixedCount : 0;
       const fixedFields = props.fixedFields?.length ? props.fixedFields : [];
@@ -1968,15 +1960,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     }
-    watch(
-      isExpand,
-      (val) => {
-        handleChangeExpand(val);
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(isExpand, (val) => {
+      handleChangeExpand(val);
+    }, {
+      immediate: true
+    });
     expose({
       fApi
     });
@@ -1990,7 +1978,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:api": _cache[0] || (_cache[0] = ($event) => fApi.value = $event),
           "model-value": props.value,
           rule: unref(rule),
-          option,
+          option: unref(option),
           onChange: handleChange
         }, null, 8, ["api", "model-value", "rule", "option"])
       ], 2);

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

@@ -114,7 +114,9 @@ declare const _default: import("vue").DefineComponent<{
             gutter: unknown[];
         };
         form: {
-            labelCol: Record<string, any>;
+            labelCol: {
+                [x: string]: any;
+            };
             labelAlign: string;
             wrapperCol: {
                 span: number;
@@ -177,11 +179,11 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    value: Record<string, any>;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
+    value: Record<string, any>;
     ruleSpan: Record<string, any>;
     gutter: unknown[];
     fixedCount: number;

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

@@ -58,7 +58,7 @@ declare const BmShopsFilter: import("bm-admin-ui/es/utils/with-install").SFCWith
         label?: string | undefined;
         multiple?: boolean | undefined;
     }[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:selected")[], "change" | "update:selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:selected" | "change")[], "update:selected" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     labelTitle: {
         type: StringConstructor;
         default: string;

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

@@ -70,7 +70,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return Number(n) * 100 + "%";
     }
     return n;
 }
@@ -452,12 +452,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 = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + 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|\\(]+(".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 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 matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -782,6 +782,19 @@ 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
@@ -1326,28 +1339,22 @@ const _sfc_main = 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();
     });
-    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 }
-    );
+    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/es/components/shops-filter/src/shops-filter.vue.d.ts

@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
         label?: string | undefined;
         multiple?: boolean | undefined;
     }[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:selected")[], "change" | "update:selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:selected" | "change")[], "update:selected" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     labelTitle: {
         type: StringConstructor;
         default: string;

package/es/components/staffs-selector/index.js

@@ -71,7 +71,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return Number(n) * 100 + "%";
     }
     return n;
 }
@@ -453,12 +453,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 = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + 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|\\(]+(".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 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 matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -783,6 +783,19 @@ 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
@@ -1247,50 +1260,39 @@ const _sfc_main$3 = defineComponent({
         return data ? data.title : "\u672A\u77E5";
       }
     };
-    watch(
-      () => state.listChecked,
-      () => {
-        let list = [];
-        for (let [key, value] of Object.entries(state.listChecked)) {
-          value && list.push(key);
-        }
-        if (props.limit > 0 && list.length >= props.limit)
-          state.isFulfill = true;
-        else
-          state.isFulfill = false;
-        methods.setState();
-        emit("update:selected", list);
-      },
-      { deep: true }
-    );
-    watch(
-      () => state.departmentChecked,
-      () => {
-        let flatMap = props.dataMap;
-        let curlistKeys = props.curlistKeys;
-        let hadselected = new Set(props.selected);
-        let curselect = new Set(state.departmentChecked);
-        for (let key of hadselected) {
-          if (curlistKeys.has(key) && (!curselect.has(key) || curselect.has(key) && curselect.has(flatMap.get(key)["parent"]))) {
-            hadselected.delete(key);
-          }
+    watch(() => state.listChecked, () => {
+      let list = [];
+      for (let [key, value] of Object.entries(state.listChecked)) {
+        value && list.push(key);
+      }
+      if (props.limit > 0 && list.length >= props.limit)
+        state.isFulfill = true;
+      else
+        state.isFulfill = false;
+      methods.setState();
+      emit("update:selected", list);
+    }, { deep: true });
+    watch(() => state.departmentChecked, () => {
+      let flatMap = props.dataMap;
+      let curlistKeys = props.curlistKeys;
+      let hadselected = new Set(props.selected);
+      let curselect = new Set(state.departmentChecked);
+      for (let key of hadselected) {
+        if (curlistKeys.has(key) && (!curselect.has(key) || curselect.has(key) && curselect.has(flatMap.get(key)["parent"]))) {
+          hadselected.delete(key);
         }
-        for (let key of curselect) {
-          let obj = flatMap.get(key);
-          if (obj && !curselect.has(obj["parent"])) {
-            hadselected.add(key);
-          }
+      }
+      for (let key of curselect) {
+        let obj = flatMap.get(key);
+        if (obj && !curselect.has(obj["parent"])) {
+          hadselected.add(key);
         }
-        emit("update:selected", Array.from(hadselected));
-      },
-      { deep: true }
-    );
-    watch(
-      () => props.list,
-      () => {
-        !props.isTree && methods.setState();
       }
-    );
+      emit("update:selected", Array.from(hadselected));
+    }, { deep: true });
+    watch(() => props.list, () => {
+      !props.isTree && methods.setState();
+    });
     onMounted(() => {
       let list = props.selected;
       list && list.forEach((key) => {
@@ -1415,8 +1417,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     createElementVNode("div", _hoisted_11$1, [
       _ctx.showCount ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-        createElementVNode("span", null, "\u5DF2\u9009\u62E9" + toDisplayString(_ctx.selected && _ctx.selected.length || 0) + "\u4EBA", 1),
-        _ctx.limit ? (openBlock(), createElementBlock("span", _hoisted_13$1, "\u6700\u591A\u9009\u62E9" + toDisplayString(_ctx.limit) + toDisplayString(_ctx.unitStr), 1)) : createCommentVNode("v-if", true)
+        createElementVNode("span", null, "\u5DF2\u9009\u62E9" + toDisplayString(_ctx.selected && _ctx.selected.length || 0) + toDisplayString(_ctx.$props.unitStr), 1),
+        _ctx.limit ? (openBlock(), createElementBlock("span", _hoisted_13$1, "\u6700\u591A\u9009\u62E9" + toDisplayString(_ctx.limit) + toDisplayString(_ctx.$props.unitStr), 1)) : createCommentVNode("v-if", true)
       ])) : createCommentVNode("v-if", true),
       createElementVNode("div", _hoisted_14$1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selected, (item) => {
@@ -1623,77 +1625,61 @@ const _sfc_main$1 = defineComponent({
         });
       },
       getSelectName(key) {
-        let data = props.dataMap.get(String(key)) || null;
+        let data = props.dataMap.get(key) || null;
         return data ? data.title : "\u672A\u77E5";
       }
     };
-    watch(
-      () => departmentChecked,
-      () => {
-        let flatMap = props.dataMap;
-        let curlistKeys = props.curlistKeys;
-        let hadselected = new Set(props.selected);
-        let curselect = new Set(departmentChecked.value);
-        for (let key of hadselected) {
-          if (curlistKeys.has(key) && (!curselect.has(key) || curselect.has(key) && curselect.has(flatMap.get(key)["parent"]))) {
-            hadselected.delete(key);
-          }
+    watch(() => departmentChecked, () => {
+      let flatMap = props.dataMap;
+      let curlistKeys = props.curlistKeys;
+      let hadselected = new Set(props.selected);
+      let curselect = new Set(departmentChecked.value);
+      for (let key of hadselected) {
+        if (curlistKeys.has(key) && (!curselect.has(key) || curselect.has(key) && curselect.has(flatMap.get(key)["parent"]))) {
+          hadselected.delete(key);
         }
-        for (let key of curselect) {
-          let obj = flatMap.get(key);
-          if (obj && !curselect.has(obj["parent"])) {
-            hadselected.add(key);
-          }
+      }
+      for (let key of curselect) {
+        let obj = flatMap.get(key);
+        if (obj && !curselect.has(obj["parent"])) {
+          hadselected.add(key);
         }
-        emit("update:selected", Array.from(hadselected));
-      },
-      { deep: true }
-    );
-    watch(
-      () => staffsChecked,
-      () => {
-        let set = new Set(props.selected.length ? props.selected : null);
-        for (let [key, value] of Object.entries(staffsChecked.value)) {
-          if (value) {
-            set.add(key);
-          } else {
-            set.has(key) && set.delete(key);
-          }
+      }
+      emit("update:selected", Array.from(hadselected));
+    }, { deep: true });
+    watch(() => staffsChecked, () => {
+      let set = new Set(props.selected.length ? props.selected : null);
+      for (let [key, value] of Object.entries(staffsChecked.value)) {
+        if (value) {
+          set.add(key);
+        } else {
+          set.has(key) && set.delete(key);
         }
-        emit("update:selected", Array.from(set));
-      },
-      { deep: true }
-    );
-    watch(
-      () => shopChecked,
-      () => {
-        let set = new Set(props.selected.length ? props.selected : null);
-        for (let [key, value] of Object.entries(shopChecked.value)) {
-          if (value) {
-            set.add(key);
-          } else {
-            set.has(key) && set.delete(key);
-          }
+      }
+      emit("update:selected", Array.from(set));
+    }, { deep: true });
+    watch(() => shopChecked, () => {
+      let set = new Set(props.selected.length ? props.selected : null);
+      for (let [key, value] of Object.entries(shopChecked.value)) {
+        if (value) {
+          set.add(key);
+        } else {
+          set.has(key) && set.delete(key);
         }
-        emit("update:selected", Array.from(set));
-      },
-      { deep: true }
-    );
-    watch(
-      () => groupChecked,
-      () => {
-        let set = new Set(props.selected.length ? props.selected : null);
-        for (let [key, value] of Object.entries(groupChecked.value)) {
-          if (value) {
-            set.add(key);
-          } else {
-            set.has(key) && set.delete(key);
-          }
+      }
+      emit("update:selected", Array.from(set));
+    }, { deep: true });
+    watch(() => groupChecked, () => {
+      let set = new Set(props.selected.length ? props.selected : null);
+      for (let [key, value] of Object.entries(groupChecked.value)) {
+        if (value) {
+          set.add(key);
+        } else {
+          set.has(key) && set.delete(key);
         }
-        emit("update:selected", Array.from(set));
-      },
-      { deep: true }
-    );
+      }
+      emit("update:selected", Array.from(set));
+    }, { deep: true });
     onMounted(() => {
       let list = props.selected;
       list && list.forEach((key) => {
@@ -1860,7 +1846,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               ]);
             }), 128))
           ])) : createCommentVNode("v-if", true)
-        ], 64))
+        ], 2112))
       ])
     ]),
     createElementVNode("div", _hoisted_14, [
@@ -1979,10 +1965,7 @@ const _sfc_main = defineComponent({
         if (["string", "number"].includes(typeof state.selected)) {
           emit("update:select", [state.dataMap.get(state.selected)]);
         } else if (state.selected instanceof Array) {
-          emit(
-            "update:select",
-            state.selected.map((item) => state.dataMap.get(item))
-          );
+          emit("update:select", state.selected.map((item) => state.dataMap.get(item)));
         } else ;
         state.list = [];
         methods.modalCancel();

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

@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
     searchVal: import("vue").Ref<string>;
     selectAll: import("vue").Ref<boolean>;
     indeterminate: import("vue").Ref<boolean>;
-    emptyPic: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    emptyPic: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null | undefined)[]>;
     listChecked: import("vue").Ref<{}>;