code-monkey-ui 1.1.6 → 1.1.7-alpha.2

package/dist/index.full.mjs

@@ -39378,312 +39378,6 @@ const ElResult = withInstall(Result);
 const dshSelectGroupKey = Symbol("ElDshSelectGroup");
 const dshSelectKey = Symbol("ElDshSelect");
 
-function useOption$1(props, states) {
-  const select = inject(dshSelectKey);
-  const selectGroup = inject(dshSelectGroupKey, { disabled: false });
-  const checkBoxRef = ref(null);
-  const isObject = computed$1(() => isObject$1(props.value));
-  const itemSelected = computed$1(() => {
-    if (!select.props.multiple) {
-      return isEqual(props.value, select.props.modelValue);
-    } else {
-      return contains(select.props.modelValue, props.value);
-    }
-  });
-  const limitReached = computed$1(() => {
-    if (select.props.multiple) {
-      const modelValue = select.props.modelValue || [];
-      return !itemSelected.value && modelValue.length >= select.props.multipleLimit && select.props.multipleLimit > 0;
-    } else {
-      return false;
-    }
-  });
-  const currentLabel = computed$1(() => {
-    return props.label || (isObject.value ? "" : props.value);
-  });
-  const currentValue = computed$1(() => {
-    return props.value || props.label || "";
-  });
-  const currentTip = computed$1(() => {
-    return props.tip || "";
-  });
-  const onlyThis = computed$1(() => {
-    return select.props.onlyThis || true;
-  });
-  const isDisabled = computed$1(() => {
-    return props.disabled || states.groupDisabled || limitReached.value;
-  });
-  const instance = getCurrentInstance();
-  const contains = (arr = [], target) => {
-    if (!isObject.value) {
-      return arr && arr.includes(target);
-    } else {
-      const valueKey = select.props.valueKey;
-      return arr && arr.some((item) => {
-        return toRaw$1(get(item, valueKey)) === get(target, valueKey);
-      });
-    }
-  };
-  const isEqual = (a, b) => {
-    if (!isObject.value) {
-      return a === b;
-    } else {
-      const { valueKey } = select.props;
-      return get(a, valueKey) === get(b, valueKey);
-    }
-  };
-  const hoverItem = () => {
-    if (!props.disabled && !selectGroup.disabled) {
-      select.hoverIndex = select.optionsArray.indexOf(instance.proxy);
-    }
-  };
-  watch(() => currentLabel.value, () => {
-    if (!props.created && !select.props.remote)
-      select.setSelected();
-  });
-  watch(() => props.value, (val, oldVal) => {
-    const { remote, valueKey } = select.props;
-    if (!Object.is(val, oldVal)) {
-      select.onOptionDestroy(oldVal, instance.proxy);
-      select.onOptionCreate(instance.proxy);
-    }
-    if (!props.created && !remote) {
-      if (valueKey && isObject$1(val) && isObject$1(oldVal) && val[valueKey] === oldVal[valueKey]) {
-        return;
-      }
-      select.setSelected();
-    }
-  });
-  watch(() => selectGroup.disabled, () => {
-    states.groupDisabled = selectGroup.disabled;
-  }, { immediate: true });
-  const { queryChange } = toRaw$1(select);
-  watch(queryChange, (changes) => {
-    const { query } = unref(changes);
-    const regexp = new RegExp(escapeStringRegexp(query), "i");
-    states.visible = props.value === "select-all" || props.value === "reverse" || props.value === "select-hidden" || regexp.test(currentLabel.value + currentTip.value) || props.created;
-    if (!states.visible && props.value !== "select-all" && props.value !== "reverse" && props.value !== "select-hidden") {
-      select.filteredOptionsCount--;
-    }
-    select.showFilterHiddenNode(changes);
-  }, { immediate: true });
-  return {
-    select,
-    currentLabel,
-    currentTip,
-    currentValue,
-    itemSelected,
-    isDisabled,
-    hoverItem,
-    checkBoxRef,
-    onlyThis
-  };
-}
-
-const _sfc_main$H = defineComponent({
-  name: "ElDshOption",
-  componentName: "ElDshOption",
-  components: {
-    ElCheckbox
-  },
-  props: {
-    value: {
-      required: true,
-      type: [String, Number, Boolean, Object]
-    },
-    label: [String, Number],
-    created: Boolean,
-    disabled: Boolean,
-    tip: [String, Number]
-  },
-  setup(props) {
-    const ns = useNamespace("dsh-select");
-    const id = useId();
-    const containerKls = computed$1(() => [
-      ns.be("dropdown", "item"),
-      ns.is("disabled", unref(isDisabled)),
-      {
-        selected: unref(itemSelected),
-        hover: unref(hover)
-      }
-    ]);
-    const states = reactive({
-      index: -1,
-      groupDisabled: false,
-      visible: true,
-      hitState: false,
-      hover: false
-    });
-    const {
-      currentLabel,
-      itemSelected,
-      isDisabled,
-      select,
-      currentTip,
-      hoverItem,
-      checkBoxRef,
-      currentValue,
-      onlyThis
-    } = useOption$1(props, states);
-    const { visible, hover } = toRefs(states);
-    const vm = getCurrentInstance().proxy;
-    select.onOptionCreate(vm);
-    onBeforeUnmount(() => {
-      const key = vm.value;
-      const { selected } = select;
-      const selectedOptions = select.props.multiple ? selected : [selected];
-      const doesSelected = selectedOptions.some((item) => {
-        return item.value === vm.value;
-      });
-      nextTick(() => {
-        if (select.cachedOptions.get(key) === vm && !doesSelected) {
-          select.cachedOptions.delete(key);
-        }
-      });
-      select.onOptionDestroy(key, vm);
-    });
-    const selectOptionClick = (value) => {
-      if (props.value === "select-all") {
-        select.handleOptionSelect("select-all");
-        nextTick(() => {
-          value.target.className.includes("select-dropdown") && select.handleCheckAllChange(!select.checkAll);
-          select.resetCheckBoxValues();
-        });
-        return;
-      }
-      if (props.value === "reverse") {
-        select.handleOptionSelect("reverse");
-        nextTick(() => {
-          select.resetCheckBoxValues();
-        });
-        return;
-      }
-      if (props.value === "select-hidden") {
-        select.handleOptionSelect("select-hidden");
-        nextTick(() => {
-          select.resetCheckBoxValues();
-        });
-        return;
-      }
-      if (props.disabled !== true && states.groupDisabled !== true) {
-        select.handleOptionSelect(vm);
-        nextTick(() => {
-          value.target.className.includes("select-dropdown") && [
-            select.resetCheckBoxValues(),
-            select.handleCheckedChange()
-          ];
-        });
-      }
-    };
-    const onlyCheck = (event) => {
-      select.deleteSelected(event);
-      setTimeout(() => {
-        select.handleOptionSelect(vm);
-        nextTick(() => {
-          select.resetCheckBoxValues();
-          select.handleCheckedChange();
-          select.handleConfirm();
-        });
-      });
-    };
-    return {
-      ns,
-      id,
-      containerKls,
-      currentLabel,
-      currentValue,
-      currentTip,
-      itemSelected,
-      isDisabled,
-      select,
-      hoverItem,
-      visible,
-      hover,
-      selectOptionClick,
-      states,
-      checkBoxRef,
-      onlyThis,
-      onlyCheck
-    };
-  }
-});
-const _hoisted_1$i = ["id", "aria-disabled", "aria-selected"];
-const _hoisted_2$c = { class: "text-sub" };
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", null, "\u4EC5\u7B5B\u9009\u6B64\u9879", -1);
-const _hoisted_4$5 = [
-  _hoisted_3$7
-];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_checkbox = resolveComponent("el-checkbox");
-  return _ctx.visible ? (openBlock(), createElementBlock("li", {
-    key: 0,
-    id: _ctx.id,
-    class: normalizeClass(_ctx.containerKls),
-    role: "option",
-    "aria-disabled": _ctx.isDisabled || void 0,
-    "aria-selected": _ctx.itemSelected,
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-    onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
-  }, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      (openBlock(), createBlock(_component_el_checkbox, {
-        ref: "checkBoxRef",
-        key: _ctx.currentValue,
-        label: _ctx.currentValue,
-        onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
-      }, {
-        default: withCtx(() => [
-          createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1),
-          createElementVNode("span", _hoisted_2$c, toDisplayString(_ctx.currentTip), 1)
-        ]),
-        _: 1
-      }, 8, ["label", "onClick"])),
-      _ctx.onlyThis ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "select-tag",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onlyCheck && _ctx.onlyCheck(...args))
-      }, _hoisted_4$5)) : createCommentVNode("v-if", true)
-    ])
-  ], 42, _hoisted_1$i)) : createCommentVNode("v-if", true);
-}
-var DshOption = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$b], ["__file", "option.vue"]]);
-
-const _sfc_main$G = defineComponent({
-  name: "ElDshSelectDropdown",
-  componentName: "ElDshSelectDropdown",
-  setup() {
-    const select = inject(dshSelectKey);
-    const ns = useNamespace("dsh-select");
-    const popperClass = computed$1(() => select.props.popperClass);
-    const isMultiple = computed$1(() => select.props.multiple);
-    const isFitInputWidth = computed$1(() => select.props.fitInputWidth);
-    const minWidth = ref("");
-    function updateMinWidth() {
-      minWidth.value = "360px";
-    }
-    onMounted(() => {
-      updateMinWidth();
-      useResizeObserver(select.selectWrapper, updateMinWidth);
-    });
-    return {
-      ns,
-      minWidth,
-      popperClass,
-      isMultiple,
-      isFitInputWidth
-    };
-  }
-});
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
-    style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 6);
-}
-var ElDshSelectMenu = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
-
 var lodash = {exports: {}};
 
 (function(module, exports) {
@@ -45049,53 +44743,362 @@ var lodash = {exports: {}};
           });
         };
       });
-      baseForOwn(LazyWrapper.prototype, function(func, methodName) {
-        var lodashFunc = lodash2[methodName];
-        if (lodashFunc) {
-          var key = lodashFunc.name + "";
-          if (!hasOwnProperty.call(realNames, key)) {
-            realNames[key] = [];
-          }
-          realNames[key].push({ "name": methodName, "func": lodashFunc });
+      baseForOwn(LazyWrapper.prototype, function(func, methodName) {
+        var lodashFunc = lodash2[methodName];
+        if (lodashFunc) {
+          var key = lodashFunc.name + "";
+          if (!hasOwnProperty.call(realNames, key)) {
+            realNames[key] = [];
+          }
+          realNames[key].push({ "name": methodName, "func": lodashFunc });
+        }
+      });
+      realNames[createHybrid(undefined$1, WRAP_BIND_KEY_FLAG).name] = [{
+        "name": "wrapper",
+        "func": undefined$1
+      }];
+      LazyWrapper.prototype.clone = lazyClone;
+      LazyWrapper.prototype.reverse = lazyReverse;
+      LazyWrapper.prototype.value = lazyValue;
+      lodash2.prototype.at = wrapperAt;
+      lodash2.prototype.chain = wrapperChain;
+      lodash2.prototype.commit = wrapperCommit;
+      lodash2.prototype.next = wrapperNext;
+      lodash2.prototype.plant = wrapperPlant;
+      lodash2.prototype.reverse = wrapperReverse;
+      lodash2.prototype.toJSON = lodash2.prototype.valueOf = lodash2.prototype.value = wrapperValue;
+      lodash2.prototype.first = lodash2.prototype.head;
+      if (symIterator) {
+        lodash2.prototype[symIterator] = wrapperToIterator;
+      }
+      return lodash2;
+    };
+    var _ = runInContext();
+    if (freeModule) {
+      (freeModule.exports = _)._ = _;
+      freeExports._ = _;
+    } else {
+      root._ = _;
+    }
+  }).call(commonjsGlobal);
+})(lodash, lodash.exports);
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+function useOption$1(props, states) {
+  const select = inject(dshSelectKey);
+  const selectGroup = inject(dshSelectGroupKey, { disabled: false });
+  const checkBoxRef = ref(null);
+  const isObject = computed$1(() => isObject$1(props.value));
+  const itemSelected = computed$1(() => {
+    if (!select.props.multiple) {
+      return isEqual(props.value, select.props.modelValue);
+    } else {
+      return contains(select.props.modelValue, props.value);
+    }
+  });
+  const limitReached = computed$1(() => {
+    if (select.props.multiple) {
+      const modelValue = select.props.modelValue || [];
+      return !itemSelected.value && modelValue.length >= select.props.multipleLimit && select.props.multipleLimit > 0;
+    } else {
+      return false;
+    }
+  });
+  const currentLabel = computed$1(() => {
+    return props.label || (isObject.value ? "" : props.value);
+  });
+  const currentValue = computed$1(() => {
+    return props.value || props.label || "";
+  });
+  const currentTip = computed$1(() => {
+    return props.tip || "";
+  });
+  const onlyThis = computed$1(() => {
+    return select.props.onlyThis || true;
+  });
+  const isDisabled = computed$1(() => {
+    return props.disabled || states.groupDisabled || limitReached.value;
+  });
+  const instance = getCurrentInstance();
+  const contains = (arr = [], target) => {
+    if (!isObject.value) {
+      return arr && arr.includes(target);
+    } else {
+      const valueKey = select.props.valueKey;
+      return arr && arr.some((item) => {
+        return toRaw$1(get(item, valueKey)) === get(target, valueKey);
+      });
+    }
+  };
+  const isEqual = (a, b) => {
+    if (!isObject.value) {
+      return a === b;
+    } else {
+      const { valueKey } = select.props;
+      return get(a, valueKey) === get(b, valueKey);
+    }
+  };
+  const hoverItem = () => {
+    if (!props.disabled && !selectGroup.disabled) {
+      select.hoverIndex = select.optionsArray.indexOf(instance.proxy);
+    }
+  };
+  watch(() => currentLabel.value, () => {
+    if (!props.created && !select.props.remote)
+      select.setSelected();
+  });
+  watch(() => props.value, (val, oldVal) => {
+    const { remote, valueKey } = select.props;
+    if (!Object.is(val, oldVal)) {
+      select.onOptionDestroy(oldVal, instance.proxy);
+      select.onOptionCreate(instance.proxy);
+    }
+    if (!props.created && !remote) {
+      if (valueKey && isObject$1(val) && isObject$1(oldVal) && val[valueKey] === oldVal[valueKey]) {
+        return;
+      }
+      select.setSelected();
+    }
+  });
+  watch(() => selectGroup.disabled, () => {
+    states.groupDisabled = selectGroup.disabled;
+  }, { immediate: true });
+  const { queryChange } = toRaw$1(select);
+  const changeQuery = (changes) => {
+    const { query } = unref(changes);
+    const regexp = new RegExp(escapeStringRegexp(query), "i");
+    states.visible = props.value === "select-all" || props.value === "reverse" || props.value === "select-hidden" || regexp.test(currentLabel.value + currentTip.value) || props.created;
+    if (!states.visible && props.value !== "select-all" && props.value !== "reverse" && props.value !== "select-hidden") {
+      select.filteredOptionsCount--;
+    }
+    select.showFilterHiddenNode(changes);
+  };
+  watch(queryChange, (change) => {
+    lodash.exports.throttle(changeQuery, 300)(change);
+  }, { immediate: true });
+  return {
+    select,
+    currentLabel,
+    currentTip,
+    currentValue,
+    itemSelected,
+    isDisabled,
+    hoverItem,
+    checkBoxRef,
+    onlyThis
+  };
+}
+
+const _sfc_main$H = defineComponent({
+  name: "ElDshOption",
+  componentName: "ElDshOption",
+  components: {
+    ElCheckbox
+  },
+  props: {
+    value: {
+      required: true,
+      type: [String, Number, Boolean, Object]
+    },
+    label: [String, Number],
+    created: Boolean,
+    disabled: Boolean,
+    tip: [String, Number]
+  },
+  setup(props) {
+    const ns = useNamespace("dsh-select");
+    const id = useId();
+    const containerKls = computed$1(() => [
+      ns.be("dropdown", "item"),
+      ns.is("disabled", unref(isDisabled)),
+      {
+        selected: unref(itemSelected),
+        hover: unref(hover)
+      }
+    ]);
+    const states = reactive({
+      index: -1,
+      groupDisabled: false,
+      visible: true,
+      hitState: false,
+      hover: false
+    });
+    const {
+      currentLabel,
+      itemSelected,
+      isDisabled,
+      select,
+      currentTip,
+      hoverItem,
+      checkBoxRef,
+      currentValue,
+      onlyThis
+    } = useOption$1(props, states);
+    const { visible, hover } = toRefs(states);
+    const vm = getCurrentInstance().proxy;
+    select.onOptionCreate(vm);
+    onBeforeUnmount(() => {
+      const key = vm.value;
+      const { selected } = select;
+      const selectedOptions = select.props.multiple ? selected : [selected];
+      const doesSelected = selectedOptions.some((item) => {
+        return item.value === vm.value;
+      });
+      nextTick(() => {
+        if (select.cachedOptions.get(key) === vm && !doesSelected) {
+          select.cachedOptions.delete(key);
         }
       });
-      realNames[createHybrid(undefined$1, WRAP_BIND_KEY_FLAG).name] = [{
-        "name": "wrapper",
-        "func": undefined$1
-      }];
-      LazyWrapper.prototype.clone = lazyClone;
-      LazyWrapper.prototype.reverse = lazyReverse;
-      LazyWrapper.prototype.value = lazyValue;
-      lodash2.prototype.at = wrapperAt;
-      lodash2.prototype.chain = wrapperChain;
-      lodash2.prototype.commit = wrapperCommit;
-      lodash2.prototype.next = wrapperNext;
-      lodash2.prototype.plant = wrapperPlant;
-      lodash2.prototype.reverse = wrapperReverse;
-      lodash2.prototype.toJSON = lodash2.prototype.valueOf = lodash2.prototype.value = wrapperValue;
-      lodash2.prototype.first = lodash2.prototype.head;
-      if (symIterator) {
-        lodash2.prototype[symIterator] = wrapperToIterator;
+      select.onOptionDestroy(key, vm);
+    });
+    const selectOptionClick = (value) => {
+      if (props.value === "select-all") {
+        select.handleOptionSelect("select-all");
+        nextTick(() => {
+          value.target.className.includes("select-dropdown") && select.handleCheckAllChange(!select.checkAll);
+          select.resetCheckBoxValues();
+        });
+        return;
+      }
+      if (props.value === "reverse") {
+        select.handleOptionSelect("reverse");
+        nextTick(() => {
+          select.resetCheckBoxValues();
+        });
+        return;
+      }
+      if (props.value === "select-hidden") {
+        select.handleOptionSelect("select-hidden");
+        nextTick(() => {
+          select.resetCheckBoxValues();
+        });
+        return;
+      }
+      if (props.disabled !== true && states.groupDisabled !== true) {
+        select.handleOptionSelect(vm);
+        nextTick(() => {
+          value.target.className.includes("select-dropdown") && [
+            select.resetCheckBoxValues(),
+            select.handleCheckedChange()
+          ];
+        });
       }
-      return lodash2;
     };
-    var _ = runInContext();
-    if (freeModule) {
-      (freeModule.exports = _)._ = _;
-      freeExports._ = _;
-    } else {
-      root._ = _;
+    const onlyCheck = (event) => {
+      select.deleteSelected(event);
+      setTimeout(() => {
+        select.handleOptionSelect(vm);
+        nextTick(() => {
+          select.resetCheckBoxValues();
+          select.handleCheckedChange();
+          select.handleConfirm();
+        });
+      });
+    };
+    return {
+      ns,
+      id,
+      containerKls,
+      currentLabel,
+      currentValue,
+      currentTip,
+      itemSelected,
+      isDisabled,
+      select,
+      hoverItem,
+      visible,
+      hover,
+      selectOptionClick,
+      states,
+      checkBoxRef,
+      onlyThis,
+      onlyCheck
+    };
+  }
+});
+const _hoisted_1$i = ["id", "aria-disabled", "aria-selected"];
+const _hoisted_2$c = { class: "text-sub" };
+const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", null, "\u4EC5\u7B5B\u9009\u6B64\u9879", -1);
+const _hoisted_4$5 = [
+  _hoisted_3$7
+];
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  return _ctx.visible ? (openBlock(), createElementBlock("li", {
+    key: 0,
+    id: _ctx.id,
+    class: normalizeClass(_ctx.containerKls),
+    role: "option",
+    "aria-disabled": _ctx.isDisabled || void 0,
+    "aria-selected": _ctx.itemSelected,
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+    onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      (openBlock(), createBlock(_component_el_checkbox, {
+        ref: "checkBoxRef",
+        key: _ctx.currentValue,
+        label: _ctx.currentValue,
+        onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1),
+          createElementVNode("span", _hoisted_2$c, toDisplayString(_ctx.currentTip), 1)
+        ]),
+        _: 1
+      }, 8, ["label", "onClick"])),
+      _ctx.onlyThis ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "select-tag",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onlyCheck && _ctx.onlyCheck(...args))
+      }, _hoisted_4$5)) : createCommentVNode("v-if", true)
+    ])
+  ], 42, _hoisted_1$i)) : createCommentVNode("v-if", true);
+}
+var DshOption = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$b], ["__file", "option.vue"]]);
+
+const _sfc_main$G = defineComponent({
+  name: "ElDshSelectDropdown",
+  componentName: "ElDshSelectDropdown",
+  setup() {
+    const select = inject(dshSelectKey);
+    const ns = useNamespace("dsh-select");
+    const popperClass = computed$1(() => select.props.popperClass);
+    const isMultiple = computed$1(() => select.props.multiple);
+    const isFitInputWidth = computed$1(() => select.props.fitInputWidth);
+    const minWidth = ref("");
+    function updateMinWidth() {
+      minWidth.value = "360px";
     }
-  }).call(commonjsGlobal);
-})(lodash, lodash.exports);
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
+    onMounted(() => {
+      updateMinWidth();
+      useResizeObserver(select.selectWrapper, updateMinWidth);
+    });
+    return {
+      ns,
+      minWidth,
+      popperClass,
+      isMultiple,
+      isFitInputWidth
+    };
+  }
+});
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
+    style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 6);
+}
+var ElDshSelectMenu = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$a], ["__file", "select-dropdown.vue"]]);
 
 function useSelectStates(props) {
   const { t } = useLocale();
@@ -45547,20 +45550,23 @@ const useSelect$3 = (props, states, ctx) => {
     checkHidden.value = val;
     if (val) {
       hiddenOptions.value = optionsArray.value.filter((e) => !e.visible);
-      checkBoxValues.value = [
-        ...new Set(checkBoxValues.value.concat(hiddenOptions.value.map((e) => e.value)))
-      ];
-      checkBoxValues.value = checkBoxValues.value.filter((e) => !lodash.exports.isNil(e));
+      const uniqueValues = new Set(checkBoxValues.value.concat(hiddenOptions.value.map((e) => e.value)));
+      checkBoxValues.value = Array.from(uniqueValues).filter((e) => !lodash.exports.isNil(e));
     } else {
-      checkBoxValues.value = checkBoxValues.value.filter((e) => !hiddenOptions.value.map((e2) => e2.value).includes(e)).filter((e) => !lodash.exports.isNil(e));
+      const hiddenValuesSet = new Set(hiddenOptions.value.map((e) => e.value));
+      checkBoxValues.value = checkBoxValues.value.filter((e) => !hiddenValuesSet.has(e)).filter((e) => !lodash.exports.isNil(e));
     }
     ctx.emit(UPDATE_MODEL_EVENT, checkBoxValues.value);
   };
-  const showFilterHiddenNode = (changes) => {
+  const showFilterHiddenNode = lodash.exports.throttle((changes) => {
     isShowFilterHiddenNode.value = !lodash.exports.isEmpty(changes == null ? void 0 : changes.query);
-    const unVisibleArr = optionsArray.value.filter((e) => !e.visible);
-    checkHidden.value = unVisibleArr.every((e) => checkBoxValues.value.includes(e.value));
-  };
+    if (isShowFilterHiddenNode.value) {
+      const unVisibleArr = optionsArray.value.filter((e) => !e.visible);
+      checkHidden.value = unVisibleArr.every((e) => checkBoxValues.value.includes(e.value));
+    } else {
+      checkHidden.value = false;
+    }
+  }, 200);
   const handleCheckedChange = () => {
     const visibleArr = getVisibleArr();
     const visibleAndCheckArr = getVisibleAndCheckArr();