element-plus 2.2.28 → 2.2.30

package/lib/components/cascader/src/cascader.js

@@ -60,8 +60,8 @@ const cascaderProps = runtime.buildProps({
   }
 });
 const cascaderEmits = {
-  [event.UPDATE_MODEL_EVENT]: (val) => !!val,
-  [event.CHANGE_EVENT]: (val) => !!val,
+  [event.UPDATE_MODEL_EVENT]: (val) => !!val || val === null,
+  [event.CHANGE_EVENT]: (val) => !!val || val === null,
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent,
   visibleChange: (val) => core.isBoolean(val),

package/lib/components/cascader/src/cascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { CommonProps } from '@element-plus/components/cascader-panel'\nimport { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type {\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\n\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  size: useSizeProp,\n  placeholder: String,\n  disabled: Boolean,\n  clearable: Boolean,\n  filterable: Boolean,\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  collapseTags: Boolean,\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  teleported: useTooltipContentProps.teleported,\n  // eslint-disable-next-line vue/require-prop-types\n  tagType: { ...tagProps.type, default: 'info' },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CascaderValue) => !!val,\n  [CHANGE_EVENT]: (val: CascaderValue) => !!val,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\n// Type name is taken(cascader-panel/src/node), needs discussion\n// export type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"names":["buildProps","CommonProps","useSizeProp","definePropType","useTooltipContentProps","tagProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","isBoolean"],"mappings":";;;;;;;;;;;;;;;;;;AAMY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,GAAGC,kBAAW;AAChB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,OAAO,EAAE,EAAE,GAAGC,YAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AACtC,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAChC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,aAAa,EAAE,CAAC,GAAG,KAAKC,cAAS,CAAC,GAAG,CAAC;AACxC,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC9B,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC3B;;;;;"}
+{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { CommonProps } from '@element-plus/components/cascader-panel'\nimport { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type {\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\n\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  size: useSizeProp,\n  placeholder: String,\n  disabled: Boolean,\n  clearable: Boolean,\n  filterable: Boolean,\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  collapseTags: Boolean,\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  teleported: useTooltipContentProps.teleported,\n  // eslint-disable-next-line vue/require-prop-types\n  tagType: { ...tagProps.type, default: 'info' },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CascaderValue) => !!val || val === null,\n  [CHANGE_EVENT]: (val: CascaderValue) => !!val || val === null,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\n// Type name is taken(cascader-panel/src/node), needs discussion\n// export type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"names":["buildProps","CommonProps","useSizeProp","definePropType","useTooltipContentProps","tagProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","isBoolean"],"mappings":";;;;;;;;;;;;;;;;;;AAMY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,GAAGC,kBAAW;AAChB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,OAAO,EAAE,EAAE,GAAGC,YAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,IAAI;AACtD,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,IAAI;AAChD,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,aAAa,EAAE,CAAC,GAAG,KAAKC,cAAS,CAAC,GAAG,CAAC;AACxC,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC9B,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC3B;;;;;"}

package/lib/components/cascader/src/cascader.vue.d.ts

@@ -1242,6 +1242,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 arrowOffset: Ref<number | undefined>;
                 arrowRef: Ref<HTMLElement | undefined>;
+                arrowStyle: ComputedRef<import("vue").CSSProperties>;
             }, 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/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -2698,39 +2699,31 @@ declare const _default: import("vue").DefineComponent<{
                         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                     }>>;
-                    popperInstanceRef: Ref<import("@popperjs/core").Instance | undefined>;
-                    contentRef: Ref<HTMLElement | undefined>;
-                    triggerRef: Ref<import("../../..").Measurable | undefined>;
-                    role: ComputedRef<string>;
-                    formItemContext: import("../../..").FormItemContext | undefined;
-                    nextZIndex: () => number;
-                    ns: {
-                        namespace: 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;
+                    focusStartRef: Ref<HTMLElement | "first" | "container" | undefined>;
+                    trapped: Ref<boolean>;
+                    onFocusAfterReleased: (event: CustomEvent<any>) => void;
+                    onFocusAfterTrapped: () => void;
+                    onFocusInTrap: (event: FocusEvent) => void;
+                    onFocusoutPrevented: (event: CustomEvent<any>) => void;
+                    onReleaseRequested: () => void;
+                    attributes: ComputedRef<{
+                        [key: string]: {
+                            [key: string]: string | boolean;
                         };
-                        cssVar: (object: Record<string, string>) => Record<string, string>;
-                        cssVarName: (name: string) => string;
-                        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                        cssVarBlockName: (name: string) => string;
-                    };
-                    popperContentRef: Ref<HTMLElement | undefined>;
-                    focusStartRef: Ref<HTMLElement | "first" | "container">;
+                    }>;
                     arrowRef: Ref<HTMLElement | undefined>;
-                    arrowOffset: Ref<number | undefined>;
-                    contentZIndex: Ref<number>;
-                    trapped: Ref<boolean>;
-                    triggerTargetAriaStopWatch: undefined;
-                    computedReference: ComputedRef<import("../../..").Measurable | undefined>;
-                    contentStyle: ComputedRef<any>;
+                    contentRef: Ref<HTMLElement | undefined>;
+                    styles: ComputedRef<{
+                        [key: string]: Partial<CSSStyleDeclaration>;
+                    }>;
+                    instanceRef: ComputedRef<import("@popperjs/core").Instance | undefined>;
+                    role: ComputedRef<string>;
+                    update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+                    ariaModal: ComputedRef<string | undefined>;
+                    arrowStyle: ComputedRef<import("vue").CSSProperties>;
+                    contentAttrs: ComputedRef<{
+                        [key: string]: string | boolean;
+                    }>;
                     contentClass: ComputedRef<((string | {
                         [x: string]: boolean;
                     } | (string | {
@@ -2756,15 +2749,13 @@ declare const _default: import("vue").DefineComponent<{
                     } | (string | {
                         [x: string]: boolean;
                     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
-                    ariaModal: ComputedRef<string | undefined>;
-                    createPopperInstance: ({ referenceEl, popperContentEl, arrowEl, }: import("element-plus/es/components/popper").CreatePopperInstanceParams) => import("@popperjs/core").Instance;
+                    contentStyle: ComputedRef<StyleValue[]>;
+                    updateZIndex: () => void;
+                    formItemContext: import("../../..").FormItemContext | undefined;
+                    arrowOffset: Ref<number | undefined>;
+                    triggerTargetAriaStopWatch: undefined;
                     updatePopper: (shouldUpdateZIndex?: boolean) => void;
                     togglePopperAlive: () => void;
-                    onFocusAfterTrapped: () => void;
-                    onFocusAfterReleased: (event: CustomEvent<any>) => void;
-                    onFocusInTrap: (event: FocusEvent) => void;
-                    onFocusoutPrevented: (event: CustomEvent<any>) => void;
-                    onReleaseRequested: () => void;
                     ElFocusTrap: import("vue").DefineComponent<{
                         loop: BooleanConstructor;
                         trapped: BooleanConstructor;
@@ -2784,15 +2775,15 @@ declare const _default: import("vue").DefineComponent<{
                             default: string;
                         };
                     }>> & {
-                        onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                         onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
+                        onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                         onFocusin?: ((...args: any[]) => any) | undefined;
                         onFocusout?: ((...args: any[]) => any) | undefined;
                         "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
                         "onRelease-requested"?: ((...args: any[]) => any) | undefined;
                     }, {
-                        loop: boolean;
                         trapped: boolean;
+                        loop: boolean;
                         focusStartEl: HTMLElement | "first" | "container";
                     }>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -4121,6 +4112,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             arrowOffset: Ref<number | undefined>;
             arrowRef: Ref<HTMLElement | undefined>;
+            arrowStyle: ComputedRef<import("vue").CSSProperties>;
         }, 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/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -5577,39 +5569,31 @@ declare const _default: import("vue").DefineComponent<{
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
-                popperInstanceRef: Ref<import("@popperjs/core").Instance | undefined>;
-                contentRef: Ref<HTMLElement | undefined>;
-                triggerRef: Ref<import("../../..").Measurable | undefined>;
-                role: ComputedRef<string>;
-                formItemContext: import("../../..").FormItemContext | undefined;
-                nextZIndex: () => number;
-                ns: {
-                    namespace: 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;
+                focusStartRef: Ref<HTMLElement | "first" | "container" | undefined>;
+                trapped: Ref<boolean>;
+                onFocusAfterReleased: (event: CustomEvent<any>) => void;
+                onFocusAfterTrapped: () => void;
+                onFocusInTrap: (event: FocusEvent) => void;
+                onFocusoutPrevented: (event: CustomEvent<any>) => void;
+                onReleaseRequested: () => void;
+                attributes: ComputedRef<{
+                    [key: string]: {
+                        [key: string]: string | boolean;
                     };
-                    cssVar: (object: Record<string, string>) => Record<string, string>;
-                    cssVarName: (name: string) => string;
-                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                    cssVarBlockName: (name: string) => string;
-                };
-                popperContentRef: Ref<HTMLElement | undefined>;
-                focusStartRef: Ref<HTMLElement | "first" | "container">;
+                }>;
                 arrowRef: Ref<HTMLElement | undefined>;
-                arrowOffset: Ref<number | undefined>;
-                contentZIndex: Ref<number>;
-                trapped: Ref<boolean>;
-                triggerTargetAriaStopWatch: undefined;
-                computedReference: ComputedRef<import("../../..").Measurable | undefined>;
-                contentStyle: ComputedRef<any>;
+                contentRef: Ref<HTMLElement | undefined>;
+                styles: ComputedRef<{
+                    [key: string]: Partial<CSSStyleDeclaration>;
+                }>;
+                instanceRef: ComputedRef<import("@popperjs/core").Instance | undefined>;
+                role: ComputedRef<string>;
+                update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+                ariaModal: ComputedRef<string | undefined>;
+                arrowStyle: ComputedRef<import("vue").CSSProperties>;
+                contentAttrs: ComputedRef<{
+                    [key: string]: string | boolean;
+                }>;
                 contentClass: ComputedRef<((string | {
                     [x: string]: boolean;
                 } | (string | {
@@ -5635,15 +5619,13 @@ declare const _default: import("vue").DefineComponent<{
                 } | (string | {
                     [x: string]: boolean;
                 } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
-                ariaModal: ComputedRef<string | undefined>;
-                createPopperInstance: ({ referenceEl, popperContentEl, arrowEl, }: import("element-plus/es/components/popper").CreatePopperInstanceParams) => import("@popperjs/core").Instance;
+                contentStyle: ComputedRef<StyleValue[]>;
+                updateZIndex: () => void;
+                formItemContext: import("../../..").FormItemContext | undefined;
+                arrowOffset: Ref<number | undefined>;
+                triggerTargetAriaStopWatch: undefined;
                 updatePopper: (shouldUpdateZIndex?: boolean) => void;
                 togglePopperAlive: () => void;
-                onFocusAfterTrapped: () => void;
-                onFocusAfterReleased: (event: CustomEvent<any>) => void;
-                onFocusInTrap: (event: FocusEvent) => void;
-                onFocusoutPrevented: (event: CustomEvent<any>) => void;
-                onReleaseRequested: () => void;
                 ElFocusTrap: import("vue").DefineComponent<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
@@ -5663,15 +5645,15 @@ declare const _default: import("vue").DefineComponent<{
                         default: string;
                     };
                 }>> & {
-                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
+                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusin?: ((...args: any[]) => any) | undefined;
                     onFocusout?: ((...args: any[]) => any) | undefined;
                     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
                     "onRelease-requested"?: ((...args: any[]) => any) | undefined;
                 }, {
-                    loop: boolean;
                     trapped: boolean;
+                    loop: boolean;
                     focusStartEl: HTMLElement | "first" | "container";
                 }>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9846,6 +9828,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             arrowOffset: Ref<number | undefined>;
             arrowRef: Ref<HTMLElement | undefined>;
+            arrowStyle: ComputedRef<import("vue").CSSProperties>;
         }, 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/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -11302,39 +11285,31 @@ declare const _default: import("vue").DefineComponent<{
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
-                popperInstanceRef: Ref<import("@popperjs/core").Instance | undefined>;
-                contentRef: Ref<HTMLElement | undefined>;
-                triggerRef: Ref<import("../../..").Measurable | undefined>;
-                role: ComputedRef<string>;
-                formItemContext: import("../../..").FormItemContext | undefined;
-                nextZIndex: () => number;
-                ns: {
-                    namespace: 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;
+                focusStartRef: Ref<HTMLElement | "first" | "container" | undefined>;
+                trapped: Ref<boolean>;
+                onFocusAfterReleased: (event: CustomEvent<any>) => void;
+                onFocusAfterTrapped: () => void;
+                onFocusInTrap: (event: FocusEvent) => void;
+                onFocusoutPrevented: (event: CustomEvent<any>) => void;
+                onReleaseRequested: () => void;
+                attributes: ComputedRef<{
+                    [key: string]: {
+                        [key: string]: string | boolean;
                     };
-                    cssVar: (object: Record<string, string>) => Record<string, string>;
-                    cssVarName: (name: string) => string;
-                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                    cssVarBlockName: (name: string) => string;
-                };
-                popperContentRef: Ref<HTMLElement | undefined>;
-                focusStartRef: Ref<HTMLElement | "first" | "container">;
+                }>;
                 arrowRef: Ref<HTMLElement | undefined>;
-                arrowOffset: Ref<number | undefined>;
-                contentZIndex: Ref<number>;
-                trapped: Ref<boolean>;
-                triggerTargetAriaStopWatch: undefined;
-                computedReference: ComputedRef<import("../../..").Measurable | undefined>;
-                contentStyle: ComputedRef<any>;
+                contentRef: Ref<HTMLElement | undefined>;
+                styles: ComputedRef<{
+                    [key: string]: Partial<CSSStyleDeclaration>;
+                }>;
+                instanceRef: ComputedRef<import("@popperjs/core").Instance | undefined>;
+                role: ComputedRef<string>;
+                update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+                ariaModal: ComputedRef<string | undefined>;
+                arrowStyle: ComputedRef<import("vue").CSSProperties>;
+                contentAttrs: ComputedRef<{
+                    [key: string]: string | boolean;
+                }>;
                 contentClass: ComputedRef<((string | {
                     [x: string]: boolean;
                 } | (string | {
@@ -11360,15 +11335,13 @@ declare const _default: import("vue").DefineComponent<{
                 } | (string | {
                     [x: string]: boolean;
                 } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
-                ariaModal: ComputedRef<string | undefined>;
-                createPopperInstance: ({ referenceEl, popperContentEl, arrowEl, }: import("element-plus/es/components/popper").CreatePopperInstanceParams) => import("@popperjs/core").Instance;
+                contentStyle: ComputedRef<StyleValue[]>;
+                updateZIndex: () => void;
+                formItemContext: import("../../..").FormItemContext | undefined;
+                arrowOffset: Ref<number | undefined>;
+                triggerTargetAriaStopWatch: undefined;
                 updatePopper: (shouldUpdateZIndex?: boolean) => void;
                 togglePopperAlive: () => void;
-                onFocusAfterTrapped: () => void;
-                onFocusAfterReleased: (event: CustomEvent<any>) => void;
-                onFocusInTrap: (event: FocusEvent) => void;
-                onFocusoutPrevented: (event: CustomEvent<any>) => void;
-                onReleaseRequested: () => void;
                 ElFocusTrap: import("vue").DefineComponent<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
@@ -11388,15 +11361,15 @@ declare const _default: import("vue").DefineComponent<{
                         default: string;
                     };
                 }>> & {
-                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
+                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusin?: ((...args: any[]) => any) | undefined;
                     onFocusout?: ((...args: any[]) => any) | undefined;
                     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
                     "onRelease-requested"?: ((...args: any[]) => any) | undefined;
                 }, {
-                    loop: boolean;
                     trapped: boolean;
+                    loop: boolean;
                     focusStartEl: HTMLElement | "first" | "container";
                 }>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/lib/components/checkbox/index.d.ts

@@ -307,7 +307,7 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
             cssVarBlockName: (name: string) => string;
         };
         activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        lableKls: import("vue").ComputedRef<string[]>;
+        labelKls: import("vue").ComputedRef<string[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (val: import("./src/checkbox").CheckboxValueType) => boolean;
         change: (val: import("./src/checkbox").CheckboxValueType) => boolean;
@@ -584,7 +584,7 @@ export declare const ElCheckboxButton: import("element-plus/es/utils").SFCWithIn
         cssVarBlockName: (name: string) => string;
     };
     activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    lableKls: import("vue").ComputedRef<string[]>;
+    labelKls: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: import("./src/checkbox").CheckboxValueType) => boolean;
     change: (val: import("./src/checkbox").CheckboxValueType) => boolean;

package/lib/components/checkbox/src/checkbox-button.js

@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
       };
     });
-    const lableKls = vue.computed(() => {
+    const labelKls = vue.computed(() => {
       return [
         ns.b("button"),
         ns.bm("button", checkboxButtonSize.value),
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("label", {
-        class: vue.normalizeClass(vue.unref(lableKls))
+        class: vue.normalizeClass(vue.unref(labelKls))
       }, [
         _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,

package/lib/components/checkbox/src/checkbox-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-button.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-button.vue"],"sourcesContent":["<template>\n  <label :class=\"lableKls\">\n    <input\n      v-if=\"trueLabel || falseLabel\"\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :true-value=\"trueLabel\"\n      :false-value=\"falseLabel\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n    <input\n      v-else\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :value=\"label\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n\n    <span\n      v-if=\"$slots.default || label\"\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"isChecked ? activeStyle : undefined\"\n    >\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkboxGroupContextKey } from '@element-plus/tokens'\nimport { useCheckbox } from './composables'\nimport { checkboxEmits, checkboxProps } from './checkbox'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCheckboxButton',\n})\n\nconst props = defineProps(checkboxProps)\ndefineEmits(checkboxEmits)\nconst slots = useSlots()\n\nconst {\n  isFocused,\n  isChecked,\n  isDisabled,\n  checkboxButtonSize,\n  model,\n  handleChange,\n} = useCheckbox(props, slots)\nconst checkboxGroup = inject(checkboxGroupContextKey, undefined)\nconst ns = useNamespace('checkbox')\n\nconst activeStyle = computed<CSSProperties>(() => {\n  const fillValue = checkboxGroup?.fill?.value ?? ''\n  return {\n    backgroundColor: fillValue,\n    borderColor: fillValue,\n    color: checkboxGroup?.textColor?.value ?? '',\n    boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : undefined,\n  }\n})\n\nconst lableKls = computed(() => {\n  return [\n    ns.b('button'),\n    ns.bm('button', checkboxButtonSize.value),\n    ns.is('disabled', isDisabled.value),\n    ns.is('checked', isChecked.value),\n    ns.is('focus', isFocused.value),\n  ]\n})\n</script>\n"],"names":["useSlots","useCheckbox","inject","checkboxGroupContextKey","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;uCAiDc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,KACE,GAAAC,uBAAA,CAAY,OAAO,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,aAAA,GAAgBC,UAAO,CAAAC,kCAAA,EAAyB,KAAS,CAAA,CAAA,CAAA;AAC/D,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,WAAA,GAAcC,aAAwB,MAAM;AAChD,MAAM,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAY,CAAe;AACjC,MAAO,MAAA,SAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,IAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,MAAA,OACY;AAAA,QACjB,eAAa,EAAA,SAAA;AAAA,QACb,WAAsB,EAAA,SAAA;AAAoB,QAC1C,KAAA,EAAA,CAAA,EAAA,GAAuB,CAAA,EAAA,GAAA,aAAA,IAAA,IAA4B,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACrD,SAAA,EAAA,SAAA,GAAA,CAAA,WAAA,EAAA,SAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,QAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACL,OAAK;AAAQ,QACb,EAAG,CAAA,CAAA,CAAA,QAAa,CAAA;AAAwB,QACxC,EAAG,CAAA,EAAA,CAAG,QAAY,EAAA,kBAAgB,CAAA,KAAA,CAAA;AAAA,QAClC,EAAG,CAAA,EAAA,CAAG,UAAW,EAAA,UAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAG,CAAA,EAAA,CAAG,SAAS,EAAA,SAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox-button.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-button.vue"],"sourcesContent":["<template>\n  <label :class=\"labelKls\">\n    <input\n      v-if=\"trueLabel || falseLabel\"\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :true-value=\"trueLabel\"\n      :false-value=\"falseLabel\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n    <input\n      v-else\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :value=\"label\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n\n    <span\n      v-if=\"$slots.default || label\"\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"isChecked ? activeStyle : undefined\"\n    >\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkboxGroupContextKey } from '@element-plus/tokens'\nimport { useCheckbox } from './composables'\nimport { checkboxEmits, checkboxProps } from './checkbox'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCheckboxButton',\n})\n\nconst props = defineProps(checkboxProps)\ndefineEmits(checkboxEmits)\nconst slots = useSlots()\n\nconst {\n  isFocused,\n  isChecked,\n  isDisabled,\n  checkboxButtonSize,\n  model,\n  handleChange,\n} = useCheckbox(props, slots)\nconst checkboxGroup = inject(checkboxGroupContextKey, undefined)\nconst ns = useNamespace('checkbox')\n\nconst activeStyle = computed<CSSProperties>(() => {\n  const fillValue = checkboxGroup?.fill?.value ?? ''\n  return {\n    backgroundColor: fillValue,\n    borderColor: fillValue,\n    color: checkboxGroup?.textColor?.value ?? '',\n    boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : undefined,\n  }\n})\n\nconst labelKls = computed(() => {\n  return [\n    ns.b('button'),\n    ns.bm('button', checkboxButtonSize.value),\n    ns.is('disabled', isDisabled.value),\n    ns.is('checked', isChecked.value),\n    ns.is('focus', isFocused.value),\n  ]\n})\n</script>\n"],"names":["useSlots","useCheckbox","inject","checkboxGroupContextKey","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;uCAiDc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,KACE,GAAAC,uBAAA,CAAY,OAAO,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,aAAA,GAAgBC,UAAO,CAAAC,kCAAA,EAAyB,KAAS,CAAA,CAAA,CAAA;AAC/D,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,WAAA,GAAcC,aAAwB,MAAM;AAChD,MAAM,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAY,CAAe;AACjC,MAAO,MAAA,SAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,IAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,MAAA,OACY;AAAA,QACjB,eAAa,EAAA,SAAA;AAAA,QACb,WAAsB,EAAA,SAAA;AAAoB,QAC1C,KAAA,EAAA,CAAA,EAAA,GAAuB,CAAA,EAAA,GAAA,aAAA,IAAA,IAA4B,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACrD,SAAA,EAAA,SAAA,GAAA,CAAA,WAAA,EAAA,SAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,QAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACL,OAAK;AAAQ,QACb,EAAG,CAAA,CAAA,CAAA,QAAa,CAAA;AAAwB,QACxC,EAAG,CAAA,EAAA,CAAG,QAAY,EAAA,kBAAgB,CAAA,KAAA,CAAA;AAAA,QAClC,EAAG,CAAA,EAAA,CAAG,UAAW,EAAA,UAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAG,CAAA,EAAA,CAAG,SAAS,EAAA,SAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/checkbox/src/checkbox-button.vue.d.ts

@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
     activeStyle: import("vue").ComputedRef<CSSProperties>;
-    lableKls: import("vue").ComputedRef<string[]>;
+    labelKls: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: import("./checkbox").CheckboxValueType) => boolean;
     change: (val: import("./checkbox").CheckboxValueType) => boolean;