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

package/dist/index.full.js

@@ -39382,312 +39382,6 @@
   const dshSelectGroupKey = Symbol("ElDshSelectGroup");
   const dshSelectKey = Symbol("ElDshSelect");
 
-  function useOption$1(props, states) {
-    const select = vue.inject(dshSelectKey);
-    const selectGroup = vue.inject(dshSelectGroupKey, { disabled: false });
-    const checkBoxRef = vue.ref(null);
-    const isObject = vue.computed(() => isObject$1(props.value));
-    const itemSelected = vue.computed(() => {
-      if (!select.props.multiple) {
-        return isEqual(props.value, select.props.modelValue);
-      } else {
-        return contains(select.props.modelValue, props.value);
-      }
-    });
-    const limitReached = vue.computed(() => {
-      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 = vue.computed(() => {
-      return props.label || (isObject.value ? "" : props.value);
-    });
-    const currentValue = vue.computed(() => {
-      return props.value || props.label || "";
-    });
-    const currentTip = vue.computed(() => {
-      return props.tip || "";
-    });
-    const onlyThis = vue.computed(() => {
-      return select.props.onlyThis || true;
-    });
-    const isDisabled = vue.computed(() => {
-      return props.disabled || states.groupDisabled || limitReached.value;
-    });
-    const instance = vue.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 vue.toRaw(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);
-      }
-    };
-    vue.watch(() => currentLabel.value, () => {
-      if (!props.created && !select.props.remote)
-        select.setSelected();
-    });
-    vue.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();
-      }
-    });
-    vue.watch(() => selectGroup.disabled, () => {
-      states.groupDisabled = selectGroup.disabled;
-    }, { immediate: true });
-    const { queryChange } = vue.toRaw(select);
-    vue.watch(queryChange, (changes) => {
-      const { query } = vue.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 = vue.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 = vue.computed(() => [
-        ns.be("dropdown", "item"),
-        ns.is("disabled", vue.unref(isDisabled)),
-        {
-          selected: vue.unref(itemSelected),
-          hover: vue.unref(hover)
-        }
-      ]);
-      const states = vue.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 } = vue.toRefs(states);
-      const vm = vue.getCurrentInstance().proxy;
-      select.onOptionCreate(vm);
-      vue.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;
-        });
-        vue.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");
-          vue.nextTick(() => {
-            value.target.className.includes("select-dropdown") && select.handleCheckAllChange(!select.checkAll);
-            select.resetCheckBoxValues();
-          });
-          return;
-        }
-        if (props.value === "reverse") {
-          select.handleOptionSelect("reverse");
-          vue.nextTick(() => {
-            select.resetCheckBoxValues();
-          });
-          return;
-        }
-        if (props.value === "select-hidden") {
-          select.handleOptionSelect("select-hidden");
-          vue.nextTick(() => {
-            select.resetCheckBoxValues();
-          });
-          return;
-        }
-        if (props.disabled !== true && states.groupDisabled !== true) {
-          select.handleOptionSelect(vm);
-          vue.nextTick(() => {
-            value.target.className.includes("select-dropdown") && [
-              select.resetCheckBoxValues(),
-              select.handleCheckedChange()
-            ];
-          });
-        }
-      };
-      const onlyCheck = (event) => {
-        select.deleteSelected(event);
-        setTimeout(() => {
-          select.handleOptionSelect(vm);
-          vue.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__ */ vue.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 = vue.resolveComponent("el-checkbox");
-    return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("li", {
-      key: 0,
-      id: _ctx.id,
-      class: vue.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] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
-    }, [
-      vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-          ref: "checkBoxRef",
-          key: _ctx.currentValue,
-          label: _ctx.currentValue,
-          onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1),
-            vue.createElementVNode("span", _hoisted_2$c, vue.toDisplayString(_ctx.currentTip), 1)
-          ]),
-          _: 1
-        }, 8, ["label", "onClick"])),
-        _ctx.onlyThis ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "select-tag",
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onlyCheck && _ctx.onlyCheck(...args))
-        }, _hoisted_4$5)) : vue.createCommentVNode("v-if", true)
-      ])
-    ], 42, _hoisted_1$i)) : vue.createCommentVNode("v-if", true);
-  }
-  var DshOption = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$b], ["__file", "option.vue"]]);
-
-  const _sfc_main$G = vue.defineComponent({
-    name: "ElDshSelectDropdown",
-    componentName: "ElDshSelectDropdown",
-    setup() {
-      const select = vue.inject(dshSelectKey);
-      const ns = useNamespace("dsh-select");
-      const popperClass = vue.computed(() => select.props.popperClass);
-      const isMultiple = vue.computed(() => select.props.multiple);
-      const isFitInputWidth = vue.computed(() => select.props.fitInputWidth);
-      const minWidth = vue.ref("");
-      function updateMinWidth() {
-        minWidth.value = "360px";
-      }
-      vue.onMounted(() => {
-        updateMinWidth();
-        useResizeObserver(select.selectWrapper, updateMinWidth);
-      });
-      return {
-        ns,
-        minWidth,
-        popperClass,
-        isMultiple,
-        isFitInputWidth
-      };
-    }
-  });
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
-      style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
-    }, [
-      vue.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) {
@@ -45053,53 +44747,362 @@
             });
           };
         });
-        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 = vue.inject(dshSelectKey);
+    const selectGroup = vue.inject(dshSelectGroupKey, { disabled: false });
+    const checkBoxRef = vue.ref(null);
+    const isObject = vue.computed(() => isObject$1(props.value));
+    const itemSelected = vue.computed(() => {
+      if (!select.props.multiple) {
+        return isEqual(props.value, select.props.modelValue);
+      } else {
+        return contains(select.props.modelValue, props.value);
+      }
+    });
+    const limitReached = vue.computed(() => {
+      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 = vue.computed(() => {
+      return props.label || (isObject.value ? "" : props.value);
+    });
+    const currentValue = vue.computed(() => {
+      return props.value || props.label || "";
+    });
+    const currentTip = vue.computed(() => {
+      return props.tip || "";
+    });
+    const onlyThis = vue.computed(() => {
+      return select.props.onlyThis || true;
+    });
+    const isDisabled = vue.computed(() => {
+      return props.disabled || states.groupDisabled || limitReached.value;
+    });
+    const instance = vue.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 vue.toRaw(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);
+      }
+    };
+    vue.watch(() => currentLabel.value, () => {
+      if (!props.created && !select.props.remote)
+        select.setSelected();
+    });
+    vue.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();
+      }
+    });
+    vue.watch(() => selectGroup.disabled, () => {
+      states.groupDisabled = selectGroup.disabled;
+    }, { immediate: true });
+    const { queryChange } = vue.toRaw(select);
+    const changeQuery = (changes) => {
+      const { query } = vue.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);
+    };
+    vue.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 = vue.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 = vue.computed(() => [
+        ns.be("dropdown", "item"),
+        ns.is("disabled", vue.unref(isDisabled)),
+        {
+          selected: vue.unref(itemSelected),
+          hover: vue.unref(hover)
+        }
+      ]);
+      const states = vue.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 } = vue.toRefs(states);
+      const vm = vue.getCurrentInstance().proxy;
+      select.onOptionCreate(vm);
+      vue.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;
+        });
+        vue.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");
+          vue.nextTick(() => {
+            value.target.className.includes("select-dropdown") && select.handleCheckAllChange(!select.checkAll);
+            select.resetCheckBoxValues();
+          });
+          return;
+        }
+        if (props.value === "reverse") {
+          select.handleOptionSelect("reverse");
+          vue.nextTick(() => {
+            select.resetCheckBoxValues();
+          });
+          return;
+        }
+        if (props.value === "select-hidden") {
+          select.handleOptionSelect("select-hidden");
+          vue.nextTick(() => {
+            select.resetCheckBoxValues();
+          });
+          return;
+        }
+        if (props.disabled !== true && states.groupDisabled !== true) {
+          select.handleOptionSelect(vm);
+          vue.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);
+          vue.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__ */ vue.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 = vue.resolveComponent("el-checkbox");
+    return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("li", {
+      key: 0,
+      id: _ctx.id,
+      class: vue.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] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+    }, [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+          ref: "checkBoxRef",
+          key: _ctx.currentValue,
+          label: _ctx.currentValue,
+          onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1),
+            vue.createElementVNode("span", _hoisted_2$c, vue.toDisplayString(_ctx.currentTip), 1)
+          ]),
+          _: 1
+        }, 8, ["label", "onClick"])),
+        _ctx.onlyThis ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "select-tag",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onlyCheck && _ctx.onlyCheck(...args))
+        }, _hoisted_4$5)) : vue.createCommentVNode("v-if", true)
+      ])
+    ], 42, _hoisted_1$i)) : vue.createCommentVNode("v-if", true);
+  }
+  var DshOption = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$b], ["__file", "option.vue"]]);
+
+  const _sfc_main$G = vue.defineComponent({
+    name: "ElDshSelectDropdown",
+    componentName: "ElDshSelectDropdown",
+    setup() {
+      const select = vue.inject(dshSelectKey);
+      const ns = useNamespace("dsh-select");
+      const popperClass = vue.computed(() => select.props.popperClass);
+      const isMultiple = vue.computed(() => select.props.multiple);
+      const isFitInputWidth = vue.computed(() => select.props.fitInputWidth);
+      const minWidth = vue.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
-   */
+      vue.onMounted(() => {
+        updateMinWidth();
+        useResizeObserver(select.selectWrapper, updateMinWidth);
+      });
+      return {
+        ns,
+        minWidth,
+        popperClass,
+        isMultiple,
+        isFitInputWidth
+      };
+    }
+  });
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
+      style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
+    }, [
+      vue.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();
@@ -45551,20 +45554,23 @@
       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();