element-plus-secondary 0.0.10 → 0.0.11

package/lib/components/select-v2/src/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { definePropType, isValidComponentSize } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { CircleClose } from '@element-plus/icons-vue'\nimport type { Component, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { OptionType } from './select.types'\nimport type { Options, Placement } from '@element-plus/components/popper'\n\nexport const SelectProps = {\n  allowCreate: Boolean,\n  autocomplete: {\n    type: String as PropType<'none' | 'both' | 'list' | 'inline'>,\n    default: 'none',\n  },\n  automaticDropdown: Boolean,\n  clearable: Boolean,\n  clearIcon: {\n    type: [String, Object] as PropType<string | Component>,\n    default: CircleClose,\n  },\n  effect: {\n    type: String as PropType<'light' | 'dark' | string>,\n    default: 'light',\n  },\n  collapseTags: Boolean,\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  defaultFirstOption: Boolean,\n  disabled: Boolean,\n  estimatedOptionHeight: {\n    type: Number,\n    default: undefined,\n  },\n  filterable: Boolean,\n  filterMethod: Function,\n  height: {\n    type: Number,\n    default: 170, // 5 items by default\n  },\n  itemHeight: {\n    type: Number,\n    default: 34,\n  },\n  id: String,\n  loading: Boolean,\n  loadingText: String,\n  label: String,\n  modelValue: [Array, String, Number, Boolean, Object] as PropType<\n    any[] | string | number | boolean | Record<string, any> | any\n  >,\n  multiple: Boolean,\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  name: String,\n  noDataText: String,\n  noMatchText: String,\n  remoteMethod: Function,\n  reserveKeyword: {\n    type: Boolean,\n    default: true,\n  },\n  options: {\n    type: Array as PropType<OptionType[]>,\n    required: true,\n  },\n  placeholder: {\n    type: String,\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => ({} as Partial<Options>),\n  },\n  remote: Boolean,\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  scrollbarAlwaysOn: {\n    type: Boolean,\n    default: false,\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n}\n\nexport const OptionProps = {\n  data: Array,\n  disabled: Boolean,\n  hovering: Boolean,\n  item: Object,\n  index: Number,\n  style: Object,\n  selected: Boolean,\n  created: Boolean,\n}\n"],"names":["CircleClose","useTooltipContentProps","isValidComponentSize","definePropType","placements"],"mappings":"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"}
+{"version":3,"file":"defaults.js","sources":["../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { definePropType, isValidComponentSize } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { CircleClose } from '@element-plus/icons-vue'\nimport type { Component, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { OptionType } from './select.types'\nimport type { Options, Placement } from '@element-plus/components/popper'\n\nexport const SelectProps = {\n  allowCreate: Boolean,\n  autocomplete: {\n    type: String as PropType<'none' | 'both' | 'list' | 'inline'>,\n    default: 'none',\n  },\n  showChecked: Boolean,\n  automaticDropdown: Boolean,\n  clearable: Boolean,\n  clearIcon: {\n    type: [String, Object] as PropType<string | Component>,\n    default: CircleClose,\n  },\n  effect: {\n    type: String as PropType<'light' | 'dark' | string>,\n    default: 'light',\n  },\n  collapseTags: Boolean,\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  defaultFirstOption: Boolean,\n  disabled: Boolean,\n  estimatedOptionHeight: {\n    type: Number,\n    default: undefined,\n  },\n  filterable: Boolean,\n  filterMethod: Function,\n  height: {\n    type: Number,\n    default: 170, // 5 items by default\n  },\n  itemHeight: {\n    type: Number,\n    default: 34,\n  },\n  id: String,\n  loading: Boolean,\n  loadingText: String,\n  label: String,\n  modelValue: [Array, String, Number, Boolean, Object] as PropType<\n    any[] | string | number | boolean | Record<string, any> | any\n  >,\n  multiple: Boolean,\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  name: String,\n  noDataText: String,\n  noMatchText: String,\n  remoteMethod: Function,\n  reserveKeyword: {\n    type: Boolean,\n    default: true,\n  },\n  options: {\n    type: Array as PropType<OptionType[]>,\n    required: true,\n  },\n  placeholder: {\n    type: String,\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => ({} as Partial<Options>),\n  },\n  remote: Boolean,\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  scrollbarAlwaysOn: {\n    type: Boolean,\n    default: false,\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n}\n\nexport const OptionProps = {\n  data: Array,\n  disabled: Boolean,\n  hovering: Boolean,\n  item: Object,\n  index: Number,\n  style: Object,\n  selected: Boolean,\n  created: Boolean,\n}\n"],"names":["CircleClose","useTooltipContentProps","isValidComponentSize","definePropType","placements"],"mappings":"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"}

package/lib/components/select-v2/src/option-item-checkbox.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+var useOption = require('./useOption.js');
+var defaults = require('./defaults.js');
+var index = require('../../checkbox/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+
+const _sfc_main = vue.defineComponent({
+  props: defaults.OptionProps,
+  components: {
+    ElCheckbox: index.ElCheckbox
+  },
+  emits: ["select", "hover"],
+  setup(props, { emit }) {
+    const ns = index$1.useNamespace("select");
+    const onSelectCheckbox = (index) => {
+      emit("select", index);
+    };
+    const { hoverItem, selectOptionClick } = useOption.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 = vue.resolveComponent("el-checkbox");
+  return vue.openBlock(), vue.createElementBlock("li", {
+    "aria-selected": _ctx.selected,
+    style: vue.normalizeStyle(_ctx.style),
+    class: vue.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] = vue.withModifiers(() => {
+      _ctx.item.checked = !_ctx.item.checked;
+      _ctx.onSelectCheckbox(_ctx.index);
+    }, ["stop"]))
+  }, [
+    vue.renderSlot(_ctx.$slots, "default", {
+      item: _ctx.item,
+      index: _ctx.index,
+      disabled: _ctx.disabled
+    }, () => [
+      vue.createVNode(_component_el_checkbox, {
+        onClick: _cache[0] || (_cache[0] = vue.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__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/select-v2/src/option-item-checkbox.vue"]]);
+
+exports["default"] = OptionItemCheckbox;
+//# sourceMappingURL=option-item-checkbox.js.map

package/lib/components/select-v2/src/option-item-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-item-checkbox.js","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":["defineComponent","OptionProps","ElCheckbox","useNamespace","useOption","_createElementBlock","_normalizeStyle","_normalizeClass","_withModifiers","_renderSlot","_createVNode"],"mappings":"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"}

package/lib/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/lib/components/select-v2/src/select-dropdown.js

@@ -6,18 +6,25 @@ var vue = require('vue');
 var lodashUnified = require('lodash-unified');
 require('../../../utils/index.js');
 require('../../virtual-list/index.js');
+var index$2 = require('../../checkbox/index.js');
 require('../../../hooks/index.js');
+var index$3 = require('../../button/index.js');
 require('../../../constants/index.js');
 var groupItem = require('./group-item.js');
 var optionItem = require('./option-item.js');
+var optionItemCheckbox = require('./option-item-checkbox.js');
 var token = require('./token.js');
 var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
 var types = require('../../../utils/types.js');
 var shared = require('@vue/shared');
 var aria = require('../../../constants/aria.js');
 var fixedSizeList = require('../../virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('../../virtual-list/src/components/dynamic-size-list.js');
 
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 var ElSelectMenu = vue.defineComponent({
   name: "ElSelectDropdown",
   props: {
@@ -34,13 +41,63 @@ var ElSelectMenu = vue.defineComponent({
   }) {
     const select = vue.inject(token.selectV2InjectionKey);
     const ns = index.useNamespace("select");
+    const {
+      t
+    } = index$1.useLocale();
     const cachedHeights = vue.ref([]);
     const listRef = vue.ref();
+    const {
+      props: {
+        modelValue,
+        showChecked,
+        valueKey
+      }
+    } = select;
+    const checkAll = vue.ref(false);
+    const isIndeterminate = vue.ref(false);
+    const handleCheckAllChange = (val) => {
+      checkAll.value = val;
+      props.data.forEach((element) => {
+        element.checked = val;
+      });
+      isIndeterminate.value = false;
+      onSelectCheckbox(0);
+    };
     const size = vue.computed(() => props.data.length);
     vue.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(lodashUnified.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);
+      vue.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 = vue.computed(() => types.isUndefined(select.props.estimatedOptionHeight));
     const listProps = vue.computed(() => {
       if (isSized.value) {
@@ -56,14 +113,14 @@ var ElSelectMenu = vue.defineComponent({
     const contains = (arr = [], target) => {
       const {
         props: {
-          valueKey
+          valueKey: valueKey2
         }
       } = select;
       if (!shared.isObject(target)) {
         return arr.includes(target);
       }
       return arr && arr.some((item) => {
-        return lodashUnified.get(item, valueKey) === lodashUnified.get(target, valueKey);
+        return lodashUnified.get(item, valueKey2) === lodashUnified.get(target, valueKey2);
       });
     };
     const isEqual = (selected, target) => {
@@ -71,27 +128,27 @@ var ElSelectMenu = vue.defineComponent({
         return selected === target;
       } else {
         const {
-          valueKey
+          valueKey: valueKey2
         } = select.props;
-        return lodashUnified.get(selected, valueKey) === lodashUnified.get(target, valueKey);
+        return lodashUnified.get(selected, valueKey2) === lodashUnified.get(target, valueKey2);
       }
     };
-    const isItemSelected = (modelValue, target) => {
+    const isItemSelected = (modelValue2, target) => {
       const {
-        valueKey
+        valueKey: valueKey2
       } = select.props;
       if (select.props.multiple) {
-        return contains(modelValue, lodashUnified.get(target, valueKey));
+        return contains(modelValue2, lodashUnified.get(target, valueKey2));
       }
-      return isEqual(modelValue, lodashUnified.get(target, valueKey));
+      return isEqual(modelValue2, lodashUnified.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) => {
@@ -127,7 +184,8 @@ var ElSelectMenu = vue.defineComponent({
         estimatedSize
       } = vue.unref(listProps);
       const {
-        modelValue
+        modelValue: modelValue2,
+        showChecked: showChecked2
       } = select.props;
       const {
         onSelect,
@@ -141,9 +199,24 @@ var ElSelectMenu = vue.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 vue.createVNode(optionItemCheckbox["default"], vue.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)) || vue.createVNode("span", null, [item.label]);
+          }
+        });
+      }
       return vue.createVNode(optionItem["default"], vue.mergeProps(itemProps, {
         "selected": isSelected,
         "disabled": item.disabled || isDisabled,
@@ -209,6 +282,7 @@ var ElSelectMenu = vue.defineComponent({
     };
     return () => {
       var _a;
+      let _slot, _slot2, _slot3;
       const {
         data,
         width
@@ -216,7 +290,8 @@ var ElSelectMenu = vue.defineComponent({
       const {
         height,
         multiple,
-        scrollbarAlwaysOn
+        scrollbarAlwaysOn,
+        showChecked: showChecked2
       } = select.props;
       if (data.length === 0) {
         return vue.createVNode("div", {
@@ -229,7 +304,15 @@ var ElSelectMenu = vue.defineComponent({
       const List = vue.unref(isSized) ? fixedSizeList["default"] : dynamicSizeList["default"];
       return vue.createVNode("div", {
         "class": [ns.b("dropdown"), ns.is("multiple", multiple)]
-      }, [vue.createVNode(List, vue.mergeProps({
+      }, [showChecked2 ? vue.createVNode("div", {
+        "class": "el-select-dropdown__option-item"
+      }, [vue.createVNode(index$2.ElCheckbox, {
+        "modelValue": checkAll.value,
+        "indeterminate": isIndeterminate.value,
+        "onChange": handleCheckAllChange
+      }, _isSlot(_slot = t("el.colorpicker.selectAll")) ? _slot : {
+        default: () => [_slot]
+      })]) : null, vue.createVNode(List, vue.mergeProps({
         "ref": listRef
       }, vue.unref(listProps), {
         "className": ns.be("dropdown", "list"),
@@ -241,7 +324,22 @@ var ElSelectMenu = vue.defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => vue.createVNode(Item, props2, null)
-      })]);
+      }), showChecked2 ? vue.createVNode("p", {
+        "style": {
+          textAlign: "center",
+          marginTop: 0
+        }
+      }, [vue.createVNode(index$3.ElButton, {
+        "onClick": clear,
+        "secondary": true
+      }, _isSlot(_slot2 = t("el.datepicker.clear")) ? _slot2 : {
+        default: () => [_slot2]
+      }), vue.createVNode(index$3.ElButton, {
+        "onClick": confirm,
+        "secondary": true
+      }, _isSlot(_slot3 = t("el.datepicker.confirm")) ? _slot3 : {
+        default: () => [_slot3]
+      })]) : null]);
     };
   }
 });

package/lib/components/select-v2/src/select-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-dropdown.js","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","inject","selectV2InjectionKey","select","useNamespace","ns","ref","cachedHeights","listRef","computed","watch","size","popper","value","isSized","isUndefined","estimatedOptionHeight","listProps","itemSize","itemHeight","estimatedSize","contains","valueKey","isObject","target","arr","includes","get","item","isEqual","selected","modelValue","isItemDisabled","multiple","multipleLimit","isItemHovering","scrollToItem","resetScrollTop","list","unref","isItemSelected","Item","itemProps","style","OptionItem","_mergeProps","onSelect","onHover","sized","disabled","isHovering","onKeyboardSelect","onForward","EVENT_CODE","onBackward","onEscOrTab","onKeydown","code","up","enter","e","tab","_createVNode","FixedSizeList","DynamicSizeList"],"mappings":"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"}
+{"version":3,"file":"select-dropdown.js","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","inject","selectV2InjectionKey","expose","useLocale","ref","t","listRef","showChecked","valueKey","handleCheckAllChange","checkAll","element","computed","onSelectCheckbox","size","watch","value","setCheckStatus","select","modelValue","includes","nextTick","checkedCount","index","isIndeterminate","isUndefined","confirm","clear","listProps","isSized","itemSize","estimatedSize","get","contains","isObject","target","isItemSelected","isEqual","multipleLimit","isItemHovering","scrollToItem","unref","resetScrollTop","list","isItemDisabled","_createVNode","GroupItem","Item","itemProps","style","onHover","OptionItem","_mergeProps","sized","item","isHovering","default","EVENT_CODE","onKeyboardNavigate","onKeyboardSelect","onForward","onBackward","onEscOrTab","onKeydown","code","up","enter","e","FixedSizeList","DynamicSizeList","ElButton","multiple","scrollbarAlwaysOn"],"mappings":"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"}

package/lib/components/select-v2/src/select.js

@@ -44,7 +44,9 @@ const _sfc_main = vue.defineComponent({
       }),
       popper: API.popper,
       onSelect: API.onSelect,
+      onSelectMultiple: API.onSelectMultiple,
       onHover: API.onHover,
+      handleClickOutside: API.handleClickOutside,
       onKeyboardNavigate: API.onKeyboardNavigate,
       onKeyboardSelect: API.onKeyboardSelect
     });
@@ -113,7 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
               }, [
                 vue.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": "",
@@ -167,7 +169,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                             }, [
                               (vue.openBlock(), vue.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",
@@ -206,7 +208,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   (vue.openBlock(), vue.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": "",