npm - element-plus-secondary - Versions diffs - 0.0.11 → 0.0.13 - Mend

element-plus-secondary 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (943) hide show

package/es/components/select-v2/index.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
     showChecked: BooleanConstructor;
+    radio: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
     clearable: BooleanConstructor;
     clearIcon: {
@@ -98,6 +99,12 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+    formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+        color?: string | undefined;
+        backgroundColor?: string | undefined;
+        borderColor?: string | undefined;
+    };
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;
     currentPlaceholder: import("vue").ComputedRef<string>;
     expanded: import("vue").Ref<boolean>;
@@ -1256,6 +1263,14 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -2732,6 +2747,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -4110,6 +4126,14 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -5586,6 +5610,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;
@@ -6251,6 +6276,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
     showChecked: BooleanConstructor;
+    radio: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
     clearable: BooleanConstructor;
     clearIcon: {
@@ -6344,8 +6370,8 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
@@ -6364,6 +6390,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     persistent: boolean;
     autocomplete: "inline" | "none" | "both" | "list";
     clearable: boolean;
+    radio: boolean;
     multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;
@@ -6388,6 +6415,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
     showChecked: BooleanConstructor;
+    radio: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
     clearable: BooleanConstructor;
     clearIcon: {
@@ -6480,6 +6508,12 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+    formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+        color?: string | undefined;
+        backgroundColor?: string | undefined;
+        borderColor?: string | undefined;
+    };
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;
     currentPlaceholder: import("vue").ComputedRef<string>;
     expanded: import("vue").Ref<boolean>;
@@ -7638,6 +7672,14 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -9114,6 +9156,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -10492,6 +10535,14 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -11968,6 +12019,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;
@@ -12633,6 +12685,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
     showChecked: BooleanConstructor;
+    radio: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
     clearable: BooleanConstructor;
     clearIcon: {
@@ -12726,8 +12779,8 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
@@ -12746,6 +12799,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     persistent: boolean;
     autocomplete: "inline" | "none" | "both" | "list";
     clearable: boolean;
+    radio: boolean;
     multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;

package/es/components/select-v2/src/defaults.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export declare const SelectProps: {
         default: string;
     };
     showChecked: BooleanConstructor;
+    radio: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
     clearable: BooleanConstructor;
     clearIcon: {
@@ -108,5 +109,6 @@ export declare const OptionProps: {
     index: NumberConstructor;
     style: ObjectConstructor;
     selected: BooleanConstructor;
+    radio: BooleanConstructor;
     created: BooleanConstructor;
 };

package/es/components/select-v2/src/defaults.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import { placements } from '@popperjs/core';
 import '../../../utils/index.mjs';
 import '../../tooltip/index.mjs';
 import { CircleClose } from '@element-plus/icons-vue';
-import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
 import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
 import { definePropType } from '../../../utils/vue/props/runtime.mjs';
@@ -13,6 +13,7 @@ const SelectProps = {
     default: "none"
   },
   showChecked: Boolean,
+  radio: Boolean,
   automaticDropdown: Boolean,
   clearable: Boolean,
   clearIcon: {
@@ -113,6 +114,7 @@ const OptionProps = {
   index: Number,
   style: Object,
   selected: Boolean,
+  radio: Boolean,
   created: Boolean
 };

package/es/components/select-v2/src/defaults.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaults.mjs","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":[],"mappings":"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"}
1	+ {"version":3,"file":"defaults.mjs","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 radio: 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 radio:Boolean,\n created: Boolean,\n}\n"],"names":[],"mappings":"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"}

package/es/components/select-v2/src/group-item.mjs CHANGED Viewed

@@ -35,7 +35,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)
   ], 6));
 }
-var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/select-v2/src/group-item.vue"]]);
+var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/select-v2/src/group-item.vue"]]);
 export { GroupItem as default };
 //# sourceMappingURL=group-item.mjs.map

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

@@ -61,7 +61,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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"]]);
+var OptionItemCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue/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.vue.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     index: NumberConstructor;
     style: ObjectConstructor;
     selected: BooleanConstructor;
+    radio: BooleanConstructor;
     created: BooleanConstructor;
 }, {
     ns: {
@@ -37,12 +38,14 @@ declare const _default: import("vue").DefineComponent<{
     index: NumberConstructor;
     style: ObjectConstructor;
     selected: BooleanConstructor;
+    radio: BooleanConstructor;
     created: BooleanConstructor;
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     onHover?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    radio: boolean;
     hovering: boolean;
     created: boolean;
     selected: boolean;

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

@@ -28,6 +28,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.ns.is("selected", _ctx.selected),
       _ctx.ns.is("disabled", _ctx.disabled),
       _ctx.ns.is("created", _ctx.created),
+      _ctx.radio && "radio",
       { hover: _ctx.hovering }
     ]),
     onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
@@ -42,7 +43,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, _hoisted_1);
 }
-var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/select-v2/src/option-item.vue"]]);
+var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/select-v2/src/option-item.vue"]]);
 export { OptionItem as default };
 //# sourceMappingURL=option-item.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"option-item.mjs","sources":["../../../../../../packages/components/select-v2/src/option-item.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=\"selectOptionClick\"\n >\n <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n <span>{{ item.label }}</span>\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'\n\nexport default defineComponent({\n props: OptionProps,\n emits: ['select', 'hover'],\n setup(props, { emit }) {\n const ns = useNamespace('select')\n const { hoverItem, selectOptionClick } = useOption(props, { emit })\n return {\n ns,\n hoverItem,\n selectOptionClick,\n }\n },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_normalizeClass","_renderSlot","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;~~AA2BA~~,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,KAAO,EAAA,WAAA;AAAA,EACP,KAAA,EAAO,CAAC,QAAA,EAAU,OAAO,CAAA;AAAA,EACzB,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,SAAW,EAAA,iBAAA,EAAA,GAAsB,UAAU,KAAO,EAAA,EAAE,MAAM,CAAA,CAAA;AAClE,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;~~sBAtCCA~~,~~kBAgBK~~,CAAA,IAAA,EAAA;AAAA,~~IAfF~~,eAAe,EAAA,IAAA,CAAA,QAAA;AAAA,IACf,KAAA,EAAKC,eAAE,IAAK,CAAA,KAAA,CAAA;AAAA,IACZ,KAAK,EAAAC,cAAA,CAAA;AAAA,MAAU,QAAG,EAAE,CAAA,UAAA,EAAA,aAAA,CAAA;AAAA,MAAmC,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,SAAA,EAAY,IAAO,CAAA,OAAA,CAAA;AAAA,MAAA,EAAA,KAAA,~~EAAkB~~,IAAQ,CAAA,QAAA,EAAA;AAAA,KAAA,CAAA;~~AAO/K~~,IAAA,YAAA,EAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,SAAA,IAAA,IAAA,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACZ,OAAA,EAAK,qDAAO,IAAiB,CAAA,iBAAA,IAAA,IAAA,CAAA,iBAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAE9BC,UAEO,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,MAFA,IAAM,EAAA,IAAA,CAAA,IAAA;AAAA,MAAO,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,KAAA,EAA7C,MAEO;AAAA,MADLC,kBAAA,CAA6B,MAApB,EAAA,IAAA,EAAAC,eAAA,CAAA,IAAA,CAAA,IAAA,CAAK,KAAK,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;"}
1	+ {"version":3,"file":"option-item.mjs","sources":["../../../../../../packages/components/select-v2/src/option-item.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 radio && 'radio',\n { hover: hovering },\n ]\"\n @mouseenter=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n <span>{{ item.label }}</span>\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'\n\nexport default defineComponent({\n props: OptionProps,\n emits: ['select', 'hover'],\n setup(props, { emit }) {\n const ns = useNamespace('select')\n const { hoverItem, selectOptionClick } = useOption(props, { emit })\n return {\n ns,\n hoverItem,\n selectOptionClick,\n }\n },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_normalizeClass","_renderSlot","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;AA4BA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,KAAO,EAAA,WAAA;AAAA,EACP,KAAA,EAAO,CAAC,QAAA,EAAU,OAAO,CAAA;AAAA,EACzB,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,SAAW,EAAA,iBAAA,EAAA,GAAsB,UAAU,KAAO,EAAA,EAAE,MAAM,CAAA,CAAA;AAClE,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;sBAvCCA,kBAiBK,CAAA,IAAA,EAAA;AAAA,IAhBF,eAAe,EAAA,IAAA,CAAA,QAAA;AAAA,IACf,KAAA,EAAKC,eAAE,IAAK,CAAA,KAAA,CAAA;AAAA,IACZ,KAAK,EAAAC,cAAA,CAAA;AAAA,MAAU,QAAG,EAAE,CAAA,UAAA,EAAA,aAAA,CAAA;AAAA,MAAmC,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,SAAA,EAAY,IAAO,CAAA,OAAA,CAAA;AAAA,MAAS,IAAK,CAAA,KAAA,IAAA,OAAA;AAAA,MAAA,EAAA,KAAA,EAA4B,IAAQ,CAAA,QAAA,EAAA;AAAA,KAAA,CAAA;AAQvM,IAAA,YAAA,EAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,SAAA,IAAA,IAAA,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACZ,OAAA,EAAK,qDAAO,IAAiB,CAAA,iBAAA,IAAA,IAAA,CAAA,iBAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAE9BC,UAEO,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,MAFA,IAAM,EAAA,IAAA,CAAA,IAAA;AAAA,MAAO,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,KAAA,EAA7C,MAEO;AAAA,MADLC,kBAAA,CAA6B,MAApB,EAAA,IAAA,EAAAC,eAAA,CAAA,IAAA,CAAA,IAAA,CAAK,KAAK,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;"}

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     index: NumberConstructor;
     style: ObjectConstructor;
     selected: BooleanConstructor;
+    radio: BooleanConstructor;
     created: BooleanConstructor;
 }, {
     ns: {
@@ -36,12 +37,14 @@ declare const _default: import("vue").DefineComponent<{
     index: NumberConstructor;
     style: ObjectConstructor;
     selected: BooleanConstructor;
+    radio: BooleanConstructor;
     created: BooleanConstructor;
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     onHover?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    radio: boolean;
     hovering: boolean;
     created: boolean;
     selected: boolean;

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

@@ -4,7 +4,6 @@ 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';
@@ -12,7 +11,7 @@ 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 { isUndefined, formatterStyle } 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';
@@ -37,6 +36,7 @@ var ElSelectMenu = defineComponent({
   }) {
     const select = inject(selectV2InjectionKey);
     const ns = useNamespace("select");
+    const customStyle = inject("$custom-style-filter", {});
     const {
       t
     } = useLocale();
@@ -181,7 +181,8 @@ var ElSelectMenu = defineComponent({
       } = unref(listProps);
       const {
         modelValue: modelValue2,
-        showChecked: showChecked2
+        showChecked: showChecked2,
+        radio
       } = select.props;
       const {
         onSelect,
@@ -214,6 +215,7 @@ var ElSelectMenu = defineComponent({
         });
       }
       return createVNode(OptionItem, mergeProps(itemProps, {
+        "radio": radio,
         "selected": isSelected,
         "disabled": item.disabled || isDisabled,
         "created": !!item.created,
@@ -278,7 +280,7 @@ var ElSelectMenu = defineComponent({
     };
     return () => {
       var _a;
-      let _slot, _slot2, _slot3;
+      let _slot;
       const {
         data,
         width
@@ -320,22 +322,18 @@ var ElSelectMenu = defineComponent({
         "onKeydown": onKeydown
       }), {
         default: (props2) => createVNode(Item, props2, null)
-      }), showChecked2 ? createVNode("p", {
-        "style": {
-          textAlign: "center",
-          marginTop: 0
-        }
-      }, [createVNode(ElButton, {
+      }), showChecked2 ? createVNode("div", {
+        "class": [ns.b("btn-group")],
+        "style": formatterStyle(customStyle, ["border"])
+      }, [createVNode("div", {
         "onClick": clear,
-        "secondary": true
-      }, _isSlot(_slot2 = t("el.datepicker.clear")) ? _slot2 : {
-        default: () => [_slot2]
-      }), createVNode(ElButton, {
+        "class": [ns.b("btn")],
+        "style": formatterStyle(customStyle, ["text"])
+      }, [t("el.datepicker.clear")]), createVNode("div", {
         "onClick": confirm,
-        "secondary": true
-      }, _isSlot(_slot3 = t("el.datepicker.confirm")) ? _slot3 : {
-        default: () => [_slot3]
-      })]) : null]);
+        "class": [ns.b("btn")],
+        "style": formatterStyle(customStyle, ["text", "border"])
+      }, [t("el.datepicker.confirm")])]) : null]);
     };
   }
 });

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

	@@ -1 +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, 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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"}
1	+ {"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, formatterStyle } from '@element-plus/utils'\nimport type { CustomStyle } 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 { 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'\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\n const customStyle = inject('$custom-style-filter', {}) as CustomStyle\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, radio } = 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 radio={radio}\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 ? <div class={[ns.b('btn-group')]} style={formatterStyle(customStyle, ['border'])}>\n <div onClick={clear} class={[ns.b('btn')]} style={formatterStyle(customStyle, ['text'])}>\n { t('el.datepicker.clear')}\n </div>\n <div onClick={confirm} class={[ns.b('btn')]} style={formatterStyle(customStyle, ['text', 'border'])}>\n { t('el.datepicker.confirm') }\n </div>\n </div> : null}\n </div>\n )\n }\n },\n})\n"],"names":["name","props","data","type","required","hoveringIndex","width","Number","slots","expose","select","t","listRef","ref","showChecked","valueKey","handleCheckAllChange","checkAll","element","onSelectCheckbox","size","watch","value","setCheckStatus","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","style","_mergeProps","unref","radio","onHover","item","sized","default","onKeyboardNavigate","onKeyboardSelect","onForward","onBackward","onEscOrTab","onKeydown","code","up","enter","EVENT_CODE","e","height","multiple"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import { defineComponent, vModelText, provide, reactive, toRefs, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, withCtx, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, toDisplayString, createBlock, Fragment, renderList, withKeys, resolveDynamicComponent, vShow, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, vModelText, provide, reactive, toRefs, inject, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, withCtx, createElementVNode, normalizeStyle, renderSlot, createCommentVNode, toDisplayString, createBlock, Fragment, renderList, withKeys, resolveDynamicComponent, vShow, normalizeProps, guardReactiveProps } from 'vue';
+import '../../../utils/index.mjs';
 import '../../../directives/index.mjs';
 import { ElTooltip } from '../../tooltip/index.mjs';
 import { ElTag } from '../../tag/index.mjs';
@@ -11,6 +12,7 @@ import { SelectProps } from './defaults.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import ClickOutside from '../../../directives/click-outside/index.mjs';
 import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { formatterStyle } from '../../../utils/types.mjs';
 const _sfc_main = defineComponent({
   name: "ElSelectV2",
@@ -46,7 +48,8 @@ const _sfc_main = defineComponent({
       onKeyboardNavigate: API.onKeyboardNavigate,
       onKeyboardSelect: API.onKeyboardSelect
     });
-    return API;
+    const customStyle = inject("$custom-style-filter", {});
+    return { ...API, customStyle, formatterStyle };
   }
 });
 const _hoisted_1 = { key: 0 };
@@ -97,7 +100,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.nsSelectV2.is("hovering", _ctx.states.comboBoxHovering),
               _ctx.nsSelectV2.is("filterable", _ctx.filterable),
               _ctx.nsSelectV2.is("disabled", _ctx.selectDisabled)
-            ])
+            ]),
+            style: normalizeStyle(_ctx.formatterStyle(_ctx.customStyle, ["background", "border"]))
           }, [
             _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "prefix")
@@ -297,6 +301,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   readonly: !_ctx.filterable,
                   spellcheck: "false",
                   type: "text",
+                  style: normalizeStyle(_ctx.formatterStyle(_ctx.customStyle, ["text"])),
                   unselectable: _ctx.expanded ? "on" : void 0,
                   onCompositionstart: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
                   onCompositionupdate: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
@@ -311,7 +316,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     _cache[22] || (_cache[22] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                   ],
                   "onUpdate:modelValue": _cache[23] || (_cache[23] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-                }, null, 42, _hoisted_4), [
+                }, null, 46, _hoisted_4), [
                   [_directive_model_text, _ctx.states.displayInputValue]
                 ])
               ], 2),
@@ -331,8 +336,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass([
                 _ctx.nsSelectV2.e("placeholder"),
                 _ctx.nsSelectV2.is("transparent", _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
-              ])
-            }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
+              ]),
+              style: normalizeStyle(_ctx.formatterStyle(_ctx.customStyle, ["text"]))
+            }, toDisplayString(_ctx.currentPlaceholder), 7)) : createCommentVNode("v-if", true),
             createElementVNode("span", {
               class: normalizeClass(_ctx.nsSelectV2.e("suffix"))
             }, [
@@ -367,7 +373,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
               }, 8, ["class"])) : createCommentVNode("v-if", true)
             ], 2)
-          ], 2)
+          ], 6)
         ];
       }),
       content: withCtx(() => [
@@ -397,7 +403,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/select-v2/src/select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/select-v2/src/select.vue"]]);
 export { Select as default };
 //# sourceMappingURL=select.mjs.map