element-plus-secondary 0.0.10 → 0.0.11

package/es/components/select-v2/src/option-item-checkbox.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, withModifiers, renderSlot, createVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { useOption } from './useOption.mjs';
+import { OptionProps } from './defaults.mjs';
+import { ElCheckbox } from '../../checkbox/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const _sfc_main = defineComponent({
+  props: OptionProps,
+  components: {
+    ElCheckbox
+  },
+  emits: ["select", "hover"],
+  setup(props, { emit }) {
+    const ns = useNamespace("select");
+    const onSelectCheckbox = (index) => {
+      emit("select", index);
+    };
+    const { hoverItem, selectOptionClick } = useOption(props, { emit });
+    return {
+      ns,
+      hoverItem,
+      onSelectCheckbox,
+      selectOptionClick
+    };
+  }
+});
+const _hoisted_1 = ["aria-selected"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  return openBlock(), createElementBlock("li", {
+    "aria-selected": _ctx.selected,
+    style: normalizeStyle(_ctx.style),
+    class: normalizeClass([
+      _ctx.ns.be("dropdown", "option-item"),
+      _ctx.ns.is("selected", _ctx.selected),
+      _ctx.ns.is("disabled", _ctx.disabled),
+      _ctx.ns.is("created", _ctx.created),
+      { hover: _ctx.hovering }
+    ]),
+    onMouseenter: _cache[3] || (_cache[3] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+    onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+      _ctx.item.checked = !_ctx.item.checked;
+      _ctx.onSelectCheckbox(_ctx.index);
+    }, ["stop"]))
+  }, [
+    renderSlot(_ctx.$slots, "default", {
+      item: _ctx.item,
+      index: _ctx.index,
+      disabled: _ctx.disabled
+    }, () => [
+      createVNode(_component_el_checkbox, {
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"])),
+        onChange: _cache[1] || (_cache[1] = ($event) => _ctx.onSelectCheckbox(_ctx.index)),
+        modelValue: _ctx.item.checked,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.item.checked = $event),
+        label: _ctx.item.label
+      }, null, 8, ["modelValue", "label"])
+    ])
+  ], 46, _hoisted_1);
+}
+var OptionItemCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/select-v2/src/option-item-checkbox.vue"]]);
+
+export { OptionItemCheckbox as default };
+//# sourceMappingURL=option-item-checkbox.mjs.map

package/es/components/select-v2/src/option-item-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-item-checkbox.mjs","sources":["../../../../../../packages/components/select-v2/src/option-item-checkbox.vue"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"[\n      ns.be('dropdown', 'option-item'),\n      ns.is('selected', selected),\n      ns.is('disabled', disabled),\n      ns.is('created', created),\n      { hover: hovering },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"() => { item.checked = !item.checked;onSelectCheckbox(index)}\"\n  >\n    <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n      <el-checkbox @click.stop @change=\"onSelectCheckbox(index)\" v-model=\"item.checked\" :label=\"item.label\"/>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\nimport {\n  ElCheckbox,\n} from '@element-plus/components/checkbox'\nexport default defineComponent({\n  props: OptionProps,\n  components: {\n    ElCheckbox\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const ns = useNamespace('select')\n    const onSelectCheckbox = (index: number) => {\n      emit('select', index)\n    }\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    return {\n      ns,\n      hoverItem,\n      onSelectCheckbox,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_normalizeClass","_withModifiers","_renderSlot","_createVNode"],"mappings":"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"}

package/es/components/select-v2/src/option-item-checkbox.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+}, {
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    hoverItem: () => void;
+    onSelectCheckbox: (index: number) => void;
+    selectOptionClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "select")[], "hover" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    hovering: boolean;
+    created: boolean;
+    selected: boolean;
+}>;
+export default _default;

package/es/components/select-v2/src/select-dropdown.mjs

@@ -1,19 +1,26 @@
-import { defineComponent, inject, ref, computed, watch, unref, createVNode, mergeProps } from 'vue';
+import { isVNode, defineComponent, inject, ref, computed, watch, nextTick, unref, createVNode, mergeProps } from 'vue';
 import { get } from 'lodash-unified';
 import '../../../utils/index.mjs';
 import '../../virtual-list/index.mjs';
+import { ElCheckbox } from '../../checkbox/index.mjs';
 import '../../../hooks/index.mjs';
+import { ElButton } from '../../button/index.mjs';
 import '../../../constants/index.mjs';
 import GroupItem from './group-item.mjs';
 import OptionItem from './option-item.mjs';
+import OptionItemCheckbox from './option-item-checkbox.mjs';
 import { selectV2InjectionKey } from './token.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { isUndefined } from '../../../utils/types.mjs';
 import { isObject } from '@vue/shared';
 import { EVENT_CODE } from '../../../constants/aria.mjs';
 import FixedSizeList from '../../virtual-list/src/components/fixed-size-list.mjs';
 import DynamicSizeList from '../../virtual-list/src/components/dynamic-size-list.mjs';
 
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var ElSelectMenu = defineComponent({
   name: "ElSelectDropdown",
   props: {
@@ -30,13 +37,63 @@ var ElSelectMenu = defineComponent({
   }) {
     const select = inject(selectV2InjectionKey);
     const ns = useNamespace("select");
+    const {
+      t
+    } = useLocale();
     const cachedHeights = ref([]);
     const listRef = ref();
+    const {
+      props: {
+        modelValue,
+        showChecked,
+        valueKey
+      }
+    } = select;
+    const checkAll = ref(false);
+    const isIndeterminate = ref(false);
+    const handleCheckAllChange = (val) => {
+      checkAll.value = val;
+      props.data.forEach((element) => {
+        element.checked = val;
+      });
+      isIndeterminate.value = false;
+      onSelectCheckbox(0);
+    };
     const size = computed(() => props.data.length);
     watch(() => size.value, () => {
       var _a, _b;
+      if (showChecked) {
+        setCheckStatus();
+      }
       (_b = (_a = select.popper.value).updatePopper) == null ? void 0 : _b.call(_a);
     });
+    if (showChecked) {
+      props.data.forEach((element) => {
+        element.checked = modelValue.includes(get(element, valueKey));
+      });
+      const checkedCount = modelValue.length;
+      checkAll.value = checkedCount === size.value;
+      isIndeterminate.value = checkedCount > 0 && checkedCount < size.value;
+    }
+    const onSelectCheckbox = (index) => {
+      select.onHover(index - 1);
+      nextTick(() => {
+        select.onHover(index);
+        setCheckStatus();
+      });
+    };
+    const setCheckStatus = () => {
+      const checkedCount = props.data.filter((ele) => ele.checked).length;
+      checkAll.value = checkedCount === size.value;
+      isIndeterminate.value = checkedCount > 0 && checkedCount < size.value;
+    };
+    const confirm = () => {
+      select.onSelectMultiple((select.props.options || []).filter((ele) => ele.checked));
+      select.handleClickOutside();
+    };
+    const clear = () => {
+      handleCheckAllChange(false);
+    };
     const isSized = computed(() => isUndefined(select.props.estimatedOptionHeight));
     const listProps = computed(() => {
       if (isSized.value) {
@@ -52,14 +109,14 @@ var ElSelectMenu = defineComponent({
     const contains = (arr = [], target) => {
       const {
         props: {
-          valueKey
+          valueKey: valueKey2
         }
       } = select;
       if (!isObject(target)) {
         return arr.includes(target);
       }
       return arr && arr.some((item) => {
-        return get(item, valueKey) === get(target, valueKey);
+        return get(item, valueKey2) === get(target, valueKey2);
       });
     };
     const isEqual = (selected, target) => {
@@ -67,27 +124,27 @@ var ElSelectMenu = defineComponent({
         return selected === target;
       } else {
         const {
-          valueKey
+          valueKey: valueKey2
         } = select.props;
-        return get(selected, valueKey) === get(target, valueKey);
+        return get(selected, valueKey2) === get(target, valueKey2);
       }
     };
-    const isItemSelected = (modelValue, target) => {
+    const isItemSelected = (modelValue2, target) => {
       const {
-        valueKey
+        valueKey: valueKey2
       } = select.props;
       if (select.props.multiple) {
-        return contains(modelValue, get(target, valueKey));
+        return contains(modelValue2, get(target, valueKey2));
       }
-      return isEqual(modelValue, get(target, valueKey));
+      return isEqual(modelValue2, get(target, valueKey2));
     };
-    const isItemDisabled = (modelValue, selected) => {
+    const isItemDisabled = (modelValue2, selected) => {
       const {
         disabled,
         multiple,
         multipleLimit
       } = select.props;
-      return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue.length >= multipleLimit : false);
+      return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue2.length >= multipleLimit : false);
     };
     const isItemHovering = (target) => props.hoveringIndex === target;
     const scrollToItem = (index) => {
@@ -123,7 +180,8 @@ var ElSelectMenu = defineComponent({
         estimatedSize
       } = unref(listProps);
       const {
-        modelValue
+        modelValue: modelValue2,
+        showChecked: showChecked2
       } = select.props;
       const {
         onSelect,
@@ -137,9 +195,24 @@ var ElSelectMenu = defineComponent({
           "height": sized ? itemSize : estimatedSize
         }, null);
       }
-      const isSelected = isItemSelected(modelValue, item);
-      const isDisabled = isItemDisabled(modelValue, isSelected);
+      const isSelected = isItemSelected(modelValue2, item);
+      const isDisabled = isItemDisabled(modelValue2, isSelected);
       const isHovering = isItemHovering(index);
+      if (showChecked2) {
+        return createVNode(OptionItemCheckbox, mergeProps(itemProps, {
+          "disabled": item.disabled || isDisabled,
+          "created": !!item.created,
+          "hovering": isHovering,
+          "item": item,
+          "onSelect": onSelectCheckbox,
+          "onHover": onHover
+        }), {
+          default: (props2) => {
+            var _a;
+            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || createVNode("span", null, [item.label]);
+          }
+        });
+      }
       return createVNode(OptionItem, mergeProps(itemProps, {
         "selected": isSelected,
         "disabled": item.disabled || isDisabled,
@@ -205,6 +278,7 @@ var ElSelectMenu = defineComponent({
     };
     return () => {
       var _a;
+      let _slot, _slot2, _slot3;
       const {
         data,
         width
@@ -212,7 +286,8 @@ var ElSelectMenu = defineComponent({
       const {
         height,
         multiple,
-        scrollbarAlwaysOn
+        scrollbarAlwaysOn,
+        showChecked: showChecked2
       } = select.props;
       if (data.length === 0) {
         return createVNode("div", {
@@ -225,7 +300,15 @@ var ElSelectMenu = defineComponent({
       const List = unref(isSized) ? FixedSizeList : DynamicSizeList;
       return createVNode("div", {
         "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-      }, [createVNode(List, mergeProps({
+      }, [showChecked2 ? createVNode("div", {
+        "class": "el-select-dropdown__option-item"
+      }, [createVNode(ElCheckbox, {
+        "modelValue": checkAll.value,
+        "indeterminate": isIndeterminate.value,
+        "onChange": handleCheckAllChange
+      }, _isSlot(_slot = t("el.colorpicker.selectAll")) ? _slot : {
+        default: () => [_slot]
+      })]) : null, createVNode(List, mergeProps({
         "ref": listRef
       }, unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -237,7 +320,22 @@ var ElSelectMenu = defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => createVNode(Item, props2, null)
-      })]);
+      }), showChecked2 ? createVNode("p", {
+        "style": {
+          textAlign: "center",
+          marginTop: 0
+        }
+      }, [createVNode(ElButton, {
+        "onClick": clear,
+        "secondary": true
+      }, _isSlot(_slot2 = t("el.datepicker.clear")) ? _slot2 : {
+        default: () => [_slot2]
+      }), createVNode(ElButton, {
+        "onClick": confirm,
+        "secondary": true
+      }, _isSlot(_slot3 = t("el.datepicker.confirm")) ? _slot3 : {
+        default: () => [_slot3]
+      })]) : null]);
     };
   }
 });

package/es/components/select-v2/src/select-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-dropdown.mjs","sources":["../../../../../../packages/components/select-v2/src/select-dropdown.tsx"],"sourcesContent":["import { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { get } from 'lodash-unified'\nimport { isObject, isUndefined } from '@element-plus/utils'\nimport {\n  DynamicSizeList,\n  FixedSizeList,\n} from '@element-plus/components/virtual-list'\nimport { useNamespace } from '@element-plus/hooks'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport GroupItem from './group-item.vue'\nimport OptionItem from './option-item.vue'\n\nimport { selectV2InjectionKey } from './token'\n\nimport type { ItemProps } from '@element-plus/components/virtual-list'\nimport type { Option, OptionItemProps } from './select.types'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n    hoveringIndex: Number,\n    width: Number,\n  },\n  setup(props, { slots, expose }) {\n    const select = inject(selectV2InjectionKey)!\n    const ns = useNamespace('select')\n    const cachedHeights = ref<Array<number>>([])\n\n    const listRef = ref()\n\n    const size = computed(() => props.data.length)\n    watch(\n      () => size.value,\n      () => {\n        select.popper.value.updatePopper?.()\n      }\n    )\n\n    const isSized = computed(() =>\n      isUndefined(select.props.estimatedOptionHeight)\n    )\n    const listProps = computed(() => {\n      if (isSized.value) {\n        return {\n          itemSize: select.props.itemHeight,\n        }\n      }\n\n      return {\n        estimatedSize: select.props.estimatedOptionHeight,\n        itemSize: (idx: number) => cachedHeights.value[idx],\n      }\n    })\n\n    const contains = (arr: Array<any> = [], target: any) => {\n      const {\n        props: { valueKey },\n      } = select\n\n      if (!isObject(target)) {\n        return arr.includes(target)\n      }\n\n      return (\n        arr &&\n        arr.some((item) => {\n          return get(item, valueKey) === get(target, valueKey)\n        })\n      )\n    }\n    const isEqual = (selected: unknown, target: unknown) => {\n      if (!isObject(target)) {\n        return selected === target\n      } else {\n        const { valueKey } = select.props\n        return get(selected, valueKey) === get(target, valueKey)\n      }\n    }\n\n    const isItemSelected = (modelValue: any[] | any, target: Option) => {\n      const { valueKey } = select.props\n      if (select.props.multiple) {\n        return contains(modelValue, get(target, valueKey))\n      }\n      return isEqual(modelValue, get(target, valueKey))\n    }\n\n    const isItemDisabled = (modelValue: any[] | any, selected: boolean) => {\n      const { disabled, multiple, multipleLimit } = select.props\n      return (\n        disabled ||\n        (!selected &&\n          (multiple\n            ? multipleLimit > 0 && modelValue.length >= multipleLimit\n            : false))\n      )\n    }\n\n    const isItemHovering = (target: number) => props.hoveringIndex === target\n\n    const scrollToItem = (index: number) => {\n      const list = listRef.value as any\n      if (list) {\n        list.scrollToItem(index)\n      }\n    }\n\n    const resetScrollTop = () => {\n      const list = listRef.value as any\n      if (list) {\n        list.resetScrollTop()\n      }\n    }\n\n    expose({\n      listRef,\n      isSized,\n\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n      scrollToItem,\n      resetScrollTop,\n    })\n\n    const Item = (itemProps: ItemProps<any>) => {\n      const { index, data, style } = itemProps\n      const sized = unref(isSized)\n      const { itemSize, estimatedSize } = unref(listProps)\n      const { modelValue } = select.props\n      const { onSelect, onHover } = select\n      const item = data[index]\n      if (item.type === 'Group') {\n        return (\n          <GroupItem\n            item={item}\n            style={style}\n            height={(sized ? itemSize : estimatedSize) as number}\n          />\n        )\n      }\n\n      const isSelected = isItemSelected(modelValue, item)\n      const isDisabled = isItemDisabled(modelValue, isSelected)\n      const isHovering = isItemHovering(index)\n      return (\n        <OptionItem\n          {...itemProps}\n          selected={isSelected}\n          disabled={item.disabled || isDisabled}\n          created={!!item.created}\n          hovering={isHovering}\n          item={item}\n          onSelect={onSelect}\n          onHover={onHover}\n        >\n          {{\n            default: (props: OptionItemProps) =>\n              slots.default?.(props) || <span>{item.label}</span>,\n          }}\n        </OptionItem>\n      )\n    }\n\n    // computed\n    const { onKeyboardNavigate, onKeyboardSelect } = select\n\n    const onForward = () => {\n      onKeyboardNavigate('forward')\n    }\n\n    const onBackward = () => {\n      onKeyboardNavigate('backward')\n    }\n\n    const onEscOrTab = () => {\n      select.expanded = false\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      const { code } = e\n      const { tab, esc, down, up, enter } = EVENT_CODE\n      if (code !== tab) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      switch (code) {\n        case tab:\n        case esc: {\n          onEscOrTab()\n          break\n        }\n        case down: {\n          onForward()\n          break\n        }\n        case up: {\n          onBackward()\n          break\n        }\n        case enter: {\n          onKeyboardSelect()\n          break\n        }\n      }\n    }\n\n    return () => {\n      const { data, width } = props\n      const { height, multiple, scrollbarAlwaysOn } = select.props\n\n      if (data.length === 0) {\n        return (\n          <div\n            class={ns.b('dropdown')}\n            style={{\n              width: `${width}px`,\n            }}\n          >\n            {slots.empty?.()}\n          </div>\n        )\n      }\n\n      const List = unref(isSized) ? FixedSizeList : DynamicSizeList\n\n      return (\n        <div class={[ns.b('dropdown'), ns.is('multiple', multiple)]}>\n          <List\n            ref={listRef}\n            {...unref(listProps)}\n            className={ns.be('dropdown', 'list')}\n            scrollbarAlwaysOn={scrollbarAlwaysOn}\n            data={data}\n            height={height}\n            width={width}\n            total={data.length}\n            // @ts-ignore - dts problem\n            onKeydown={onKeydown}\n          >\n            {{\n              default: (props: ItemProps<any>) => <Item {...props} />,\n            }}\n          </List>\n        </div>\n      )\n    }\n  },\n})\n"],"names":["defineComponent","name","props","data","type","Array","required","hoveringIndex","Number","width","slots","expose","select","ns","cachedHeights","ref","listRef","size","computed","watch","popper","value","isSized","isUndefined","estimatedOptionHeight","listProps","itemSize","itemHeight","estimatedSize","contains","valueKey","isObject","target","arr","includes","item","isEqual","selected","modelValue","get","isItemDisabled","multiple","multipleLimit","isItemHovering","scrollToItem","resetScrollTop","list","isItemSelected","Item","itemProps","style","unref","_mergeProps","onSelect","onHover","sized","disabled","isHovering","onKeyboardSelect","onForward","onBackward","onEscOrTab","onKeydown","code","up","enter","EVENT_CODE","e","tab","_createVNode"],"mappings":"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"}
+{"version":3,"file":"select-dropdown.mjs","sources":["../../../../../../packages/components/select-v2/src/select-dropdown.tsx"],"sourcesContent":["import { computed, defineComponent, inject, ref, unref, watch, nextTick } from 'vue'\nimport { get } from 'lodash-unified'\nimport { isObject, isUndefined } from '@element-plus/utils'\nimport {\n  DynamicSizeList,\n  FixedSizeList,\n} from '@element-plus/components/virtual-list'\nimport {\n  ElCheckbox,\n} from '@element-plus/components/checkbox'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport {\n  ElButton,\n} from '@element-plus/components/button'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport GroupItem from './group-item.vue'\nimport OptionItem from './option-item.vue'\nimport OptionItemCheckbox from './option-item-checkbox.vue'\n\nimport { selectV2InjectionKey } from './token'\n\nimport type { ItemProps } from '@element-plus/components/virtual-list'\nimport type { Option, OptionItemProps } from './select.types'\nimport { TextAlignProperty } from 'csstype'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n    hoveringIndex: Number,\n    width: Number,\n  },\n  setup(props, { slots, expose }) {\n    const select = inject(selectV2InjectionKey)!\n    const ns = useNamespace('select')\n    const { t } = useLocale()\n    const cachedHeights = ref<Array<number>>([])\n      \n    const listRef = ref()\n    const { props: { modelValue, showChecked, valueKey } } = select\n\n    \n    const checkAll = ref(false)\n    const isIndeterminate = ref(false)\n\n    const handleCheckAllChange = (val: CheckboxValueType) => {\n      checkAll.value = val as boolean\n      props.data.forEach((element: any) => {\n        element.checked = val\n      });\n      isIndeterminate.value = false\n      onSelectCheckbox(0)\n    }\n\n    const size = computed(() => props.data.length)\n    watch(\n      () => size.value,\n      () => {\n        if (showChecked) {\n          setCheckStatus()\n        }\n        select.popper.value.updatePopper?.()\n      }\n    )\n\n    if (showChecked) {\n      props.data.forEach((element: any) => {\n        element.checked = modelValue.includes(get(element, valueKey))\n      });\n      const checkedCount = modelValue.length\n      checkAll.value = checkedCount === size.value\n      isIndeterminate.value = checkedCount > 0 && checkedCount < size.value\n    }\n\n    const onSelectCheckbox = (index: number) => {\n      select.onHover(index - 1)\n      nextTick(() => {\n        select.onHover(index)\n        setCheckStatus()\n      })\n    }\n\n    const setCheckStatus = () => {\n      const checkedCount = props.data.filter((ele: any) => ele.checked).length\n      checkAll.value = checkedCount === size.value\n      isIndeterminate.value = checkedCount > 0 && checkedCount < size.value\n    }\n\n    const confirm = () => {\n      select.onSelectMultiple((select.props.options || []).filter((ele: any) => ele.checked) as Option[])\n      select.handleClickOutside()\n    }\n\n    const clear = () => {\n      handleCheckAllChange(false)\n    }\n\n    const isSized = computed(() =>\n      isUndefined(select.props.estimatedOptionHeight)\n    )\n    const listProps = computed(() => {\n      if (isSized.value) {\n        return {\n          itemSize: select.props.itemHeight,\n        }\n      }\n\n      return {\n        estimatedSize: select.props.estimatedOptionHeight,\n        itemSize: (idx: number) => cachedHeights.value[idx],\n      }\n    })\n\n    const contains = (arr: Array<any> = [], target: any) => {\n      const {\n        props: { valueKey },\n      } = select\n\n      if (!isObject(target)) {\n        return arr.includes(target)\n      }\n\n      return (\n        arr &&\n        arr.some((item) => {\n          return get(item, valueKey) === get(target, valueKey)\n        })\n      )\n    }\n    const isEqual = (selected: unknown, target: unknown) => {\n      if (!isObject(target)) {\n        return selected === target\n      } else {\n        const { valueKey } = select.props\n        return get(selected, valueKey) === get(target, valueKey)\n      }\n    }\n\n    const isItemSelected = (modelValue: any[] | any, target: Option) => {\n      const { valueKey } = select.props\n      if (select.props.multiple) {\n        return contains(modelValue, get(target, valueKey))\n      }\n      return isEqual(modelValue, get(target, valueKey))\n    }\n\n    const isItemDisabled = (modelValue: any[] | any, selected: boolean) => {\n      const { disabled, multiple, multipleLimit } = select.props\n      return (\n        disabled ||\n        (!selected &&\n          (multiple\n            ? multipleLimit > 0 && modelValue.length >= multipleLimit\n            : false))\n      )\n    }\n\n    const isItemHovering = (target: number) => props.hoveringIndex === target\n\n    const scrollToItem = (index: number) => {\n      const list = listRef.value as any\n      if (list) {\n        list.scrollToItem(index)\n      }\n    }\n\n    const resetScrollTop = () => {\n      const list = listRef.value as any\n      if (list) {\n        list.resetScrollTop()\n      }\n    }\n\n    expose({\n      listRef,\n      isSized,\n\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n      scrollToItem,\n      resetScrollTop,\n    })\n\n    const Item = (itemProps: ItemProps<any>) => {\n      const { index, data, style } = itemProps\n      const sized = unref(isSized)\n      const { itemSize, estimatedSize } = unref(listProps)\n      const { modelValue, showChecked } = select.props\n      const { onSelect, onHover } = select\n      const item = data[index]\n      if (item.type === 'Group') {\n        return (\n          <GroupItem\n            item={item}\n            style={style}\n            height={(sized ? itemSize : estimatedSize) as number}\n          />\n        )\n      }\n\n      const isSelected = isItemSelected(modelValue, item)\n      const isDisabled = isItemDisabled(modelValue, isSelected)\n      const isHovering = isItemHovering(index)\n\n      if (showChecked) {\n        return (<OptionItemCheckbox\n          {...itemProps}\n          disabled={item.disabled || isDisabled}\n          created={!!item.created}\n          hovering={isHovering}\n          item={item}\n          onSelect={onSelectCheckbox}\n          onHover={onHover}\n        >\n          {{\n            default: (props: OptionItemProps) =>\n              slots.default?.(props) || <span>{item.label}</span>,\n          }}\n        </OptionItemCheckbox>)\n      }\n      \n      return (\n        <OptionItem\n          {...itemProps}\n          selected={isSelected}\n          disabled={item.disabled || isDisabled}\n          created={!!item.created}\n          hovering={isHovering}\n          item={item}\n          onSelect={onSelect}\n          onHover={onHover}\n        >\n          {{\n            default: (props: OptionItemProps) =>\n              slots.default?.(props) || <span>{item.label}</span>,\n          }}\n        </OptionItem>\n      )\n    }\n\n    // computed\n    const { onKeyboardNavigate, onKeyboardSelect } = select\n\n    const onForward = () => {\n      onKeyboardNavigate('forward')\n    }\n\n    const onBackward = () => {\n      onKeyboardNavigate('backward')\n    }\n\n    const onEscOrTab = () => {\n      select.expanded = false\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      const { code } = e\n      const { tab, esc, down, up, enter } = EVENT_CODE\n      if (code !== tab) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      switch (code) {\n        case tab:\n        case esc: {\n          onEscOrTab()\n          break\n        }\n        case down: {\n          onForward()\n          break\n        }\n        case up: {\n          onBackward()\n          break\n        }\n        case enter: {\n          onKeyboardSelect()\n          break\n        }\n      }\n    }\n\n    return () => {\n      const { data, width } = props\n      const { height, multiple, scrollbarAlwaysOn, showChecked } = select.props\n\n      \n\n      if (data.length === 0) {\n        return (\n          <div\n            class={ns.b('dropdown')}\n            style={{\n              width: `${width}px`,\n            }}\n          >\n            {slots.empty?.()}\n          </div>\n        )\n      }\n\n      const List = unref(isSized) ? FixedSizeList : DynamicSizeList\n      \n      return (\n        <div class={[ns.b('dropdown'), ns.is('multiple', multiple)]}>\n          { showChecked ?  <div class='el-select-dropdown__option-item'>\n          <ElCheckbox\n            modelValue={checkAll.value}\n            indeterminate={isIndeterminate.value}\n            onChange={handleCheckAllChange}\n            >{ t('el.colorpicker.selectAll')}</ElCheckbox>\n          </div> : null}\n          <List\n            ref={listRef}\n            {...unref(listProps)}\n            className={ns.be('dropdown', 'list')}\n            scrollbarAlwaysOn={scrollbarAlwaysOn}\n            data={data}\n            height={height}\n            width={width}\n            total={data.length}\n            // @ts-ignore - dts problem\n            onKeydown={onKeydown}\n          >\n            {{\n              default: (props: ItemProps<any>) => <Item {...props} />,\n            }}\n          </List>\n          { showChecked ?  <p style={{textAlign: 'center' as TextAlignProperty, marginTop: 0}}>\n            <ElButton onClick={clear} secondary>\n              { t('el.datepicker.clear')}\n            </ElButton>\n            <ElButton onClick={confirm} secondary>\n              { t('el.datepicker.confirm') }\n            </ElButton>\n          </p> : null}\n        </div>\n      )\n    }\n  },\n})\n"],"names":["name","props","data","type","required","hoveringIndex","width","Number","slots","expose","t","listRef","ref","showChecked","valueKey","handleCheckAllChange","checkAll","element","onSelectCheckbox","size","watch","value","setCheckStatus","select","modelValue","includes","checkedCount","index","nextTick","isIndeterminate","confirm","clear","listProps","computed","isSized","itemSize","estimatedSize","contains","isObject","target","isItemSelected","isEqual","multipleLimit","isItemHovering","scrollToItem","resetScrollTop","list","isItemDisabled","_createVNode","Item","itemProps","style","unref","onHover","_mergeProps","sized","item","isHovering","default","onKeyboardNavigate","onKeyboardSelect","onForward","onBackward","onEscOrTab","onKeydown","code","up","enter","EVENT_CODE","e","multiple","scrollbarAlwaysOn"],"mappings":"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"}

package/es/components/select-v2/src/select.mjs

@@ -40,7 +40,9 @@ const _sfc_main = defineComponent({
       }),
       popper: API.popper,
       onSelect: API.onSelect,
+      onSelectMultiple: API.onSelectMultiple,
       onHover: API.onHover,
+      handleClickOutside: API.handleClickOutside,
       onKeyboardNavigate: API.onKeyboardNavigate,
       onKeyboardSelect: API.onKeyboardSelect
     });
@@ -109,7 +111,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass(_ctx.nsSelectV2.e("selected-item"))
               }, [
                 createVNode(_component_el_tag, {
-                  closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable),
+                  closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable) && !_ctx.showChecked,
                   size: _ctx.collapseTagSize,
                   type: "info",
                   "disable-transitions": "",
@@ -163,7 +165,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, [
                               (openBlock(), createBlock(_component_el_tag, {
                                 key: _ctx.getValueKey(selected),
-                                closable: !_ctx.selectDisabled && !selected.disabled,
+                                closable: !_ctx.selectDisabled && !selected.disabled && !_ctx.showChecked,
                                 size: _ctx.collapseTagSize,
                                 class: "in-tooltip",
                                 type: "info",
@@ -202,7 +204,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   (openBlock(), createBlock(_component_el_tag, {
                     key: _ctx.getValueKey(selected),
-                    closable: !_ctx.selectDisabled && !selected.disabled,
+                    closable: !_ctx.selectDisabled && !selected.disabled && !_ctx.showChecked,
                     size: _ctx.collapseTagSize,
                     type: "info",
                     "disable-transitions": "",