element-pe 2.2.59 → 2.2.60

package/es/components/descriptions/index.d.ts

@@ -100,9 +100,9 @@ export declare const ElDescriptions: import("element-pe/es/utils").SFCWithInstal
     readonly widget: StringConstructor;
 }>>, {
     readonly title: string;
-    readonly column: number;
-    readonly border: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly direction: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly border: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly column: number;
     readonly extra: string;
 }>> & {
     DescriptionsItem: import("vue").DefineComponent<{
@@ -179,10 +179,10 @@ export declare const ElDescriptions: import("element-pe/es/utils").SFCWithInstal
         };
     }>>, {
         width: string | number;
-        label: string;
-        className: string;
         minWidth: string | number;
+        label: string;
         span: number;
+        className: string;
         align: string;
         labelAlign: string;
         labelClassName: string;
@@ -262,10 +262,10 @@ export declare const ElDescriptionsItem: import("element-pe/es/utils").SFCWithIn
     };
 }>>, {
     width: string | number;
-    label: string;
-    className: string;
     minWidth: string | number;
+    label: string;
     span: number;
+    className: string;
     align: string;
     labelAlign: string;
     labelClassName: string;

package/es/components/descriptions/src/description-item.d.ts

@@ -72,10 +72,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     width: string | number;
-    label: string;
-    className: string;
     minWidth: string | number;
+    label: string;
     span: number;
+    className: string;
     align: string;
     labelAlign: string;
     labelClassName: string;

package/es/components/descriptions/src/description.vue.d.ts

@@ -100,9 +100,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly widget: StringConstructor;
 }>>, {
     readonly title: string;
-    readonly column: number;
-    readonly border: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly direction: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly border: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly column: number;
     readonly extra: string;
 }>;
 export default _default;

package/es/components/dialog/index.d.ts

@@ -111,8 +111,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
         readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     }>> & {
-        onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
@@ -451,8 +451,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
@@ -460,8 +460,8 @@ export declare const ElDialog: import("element-pe/es/utils").SFCWithInstall<impo
     onCloseAutoFocus?: (() => any) | undefined;
 }, {
     readonly title: string;
-    readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly modelValue: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly alignCenter: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly customClass: string;
     readonly draggable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/dialog/src/dialog.vue.d.ts

@@ -111,8 +111,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     }>> & {
-        onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
         onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
@@ -451,8 +451,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
@@ -460,8 +460,8 @@ declare const _default: import("vue").DefineComponent<{
     onCloseAutoFocus?: (() => any) | undefined;
 }, {
     readonly title: string;
-    readonly center: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly modelValue: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly center: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly alignCenter: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly customClass: string;
     readonly draggable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/divider/index.d.ts

@@ -1,11 +1,11 @@
 export declare const ElDivider: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly direction: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+    readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
     readonly borderStyle: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly direction: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-        readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+        readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
         readonly borderStyle: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -31,12 +31,12 @@ export declare const ElDivider: import("element-pe/es/utils").SFCWithInstall<imp
     dividerStyle: import("vue").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 direction: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+    readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
     readonly borderStyle: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
 }>>, {
     readonly direction: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     readonly borderStyle: string;
-    readonly contentPosition: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>;
+    readonly contentPosition: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "center", unknown>;
 }>> & Record<string, any>;
 export default ElDivider;
 export * from './src/divider';

package/es/components/divider/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Divider from './src/divider2.mjs';
-export { dividerProps } from './src/divider.mjs';
+import Divider from './src/divider.mjs';
+export { dividerProps } from './src/divider2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElDivider = withInstall(Divider);

package/es/components/divider/src/divider.d.ts

@@ -3,7 +3,7 @@ import type Divider from './divider.vue';
 export declare type BorderStyle = CSSStyleDeclaration['borderStyle'];
 export declare const dividerProps: {
     readonly direction: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+    readonly contentPosition: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
     readonly borderStyle: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
 };
 export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;

package/es/components/divider/src/divider.mjs

@@ -1,22 +1,40 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { dividerProps } from './divider2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const dividerProps = buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  },
-  borderStyle: {
-    type: definePropType(String),
-    default: "solid"
+const __default__ = defineComponent({
+  name: "ElDivider"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: dividerProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("divider");
+    const dividerStyle = computed(() => {
+      return ns.cssVar({
+        "border-style": props.borderStyle
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
+        style: normalizeStyle(unref(dividerStyle)),
+        role: "separator"
+      }, [
+        _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 6);
+    };
   }
 });
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\divider\\src\\divider.vue"]]);
 
-export { dividerProps };
+export { Divider as default };
 //# sourceMappingURL=divider.mjs.map

package/es/components/divider/src/divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/divider/src/divider.vue.d.ts

@@ -1,12 +1,12 @@
 import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+    readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
     readonly borderStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-        readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+        readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
         readonly borderStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
@@ -32,11 +32,11 @@ declare const _default: import("vue").DefineComponent<{
     dividerStyle: import("vue").ComputedRef<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 direction: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
+    readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "right" | "left" | "center", unknown, "center", boolean>;
     readonly borderStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "solid", boolean>;
 }>>, {
     readonly direction: import("../../../utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     readonly borderStyle: string;
-    readonly contentPosition: import("../../../utils").EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>;
+    readonly contentPosition: import("../../../utils").EpPropMergeType<StringConstructor, "right" | "left" | "center", unknown>;
 }>;
 export default _default;

package/es/components/divider/src/divider2.mjs

@@ -1,40 +1,22 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { dividerProps } from './divider.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElDivider"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: dividerProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("divider");
-    const dividerStyle = computed(() => {
-      return ns.cssVar({
-        "border-style": props.borderStyle
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
-        style: normalizeStyle(unref(dividerStyle)),
-        role: "separator"
-      }, [
-        _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 6);
-    };
+const dividerProps = buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  borderStyle: {
+    type: definePropType(String),
+    default: "solid"
   }
 });
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\divider\\src\\divider.vue"]]);
 
-export { Divider as default };
+export { dividerProps };
 //# sourceMappingURL=divider2.mjs.map

package/es/components/divider/src/divider2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider2.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

package/es/components/drawer/index.d.ts

@@ -169,8 +169,8 @@ export declare const ElDrawer: import("element-pe/es/utils").SFCWithInstall<impo
     readonly showClose: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
@@ -178,10 +178,10 @@ export declare const ElDrawer: import("element-pe/es/utils").SFCWithInstall<impo
     onCloseAutoFocus?: (() => any) | undefined;
 }, {
     readonly title: string;
-    readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly size: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly modelValue: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly direction: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly modelValue: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly size: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly center: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly alignCenter: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly customClass: string;
     readonly draggable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/drawer/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Drawer from './src/drawer2.mjs';
-export { drawerEmits, drawerProps } from './src/drawer.mjs';
+import Drawer from './src/drawer.mjs';
+export { drawerEmits, drawerProps } from './src/drawer2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElDrawer = withInstall(Drawer);

package/es/components/drawer/src/drawer.mjs

@@ -1,32 +1,193 @@
-import '../../../utils/index.mjs';
+import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, mergeProps, withModifiers, normalizeClass, createElementBlock, renderSlot, toDisplayString, createCommentVNode, vShow } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import { ElOverlay } from '../../overlay/index.mjs';
+import '../../focus-trap/index.mjs';
 import '../../dialog/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { dialogProps, dialogEmits } from '../../dialog/src/dialog.mjs';
+import '../../../utils/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { drawerProps, drawerEmits } from './drawer2.mjs';
+import '../../config-provider/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
+import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
+import { useDeprecated } from '../../../hooks/use-deprecated/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
+import { useDialog } from '../../dialog/src/use-dialog.mjs';
 
-const drawerProps = buildProps({
-  ...dialogProps,
-  direction: {
-    type: String,
-    default: "rtl",
-    values: ["ltr", "rtl", "ttb", "btt"]
-  },
-  size: {
-    type: [String, Number],
-    default: "30%"
-  },
-  withHeader: {
-    type: Boolean,
-    default: true
-  },
-  modalFade: {
-    type: Boolean,
-    default: true
+const _sfc_main = defineComponent({
+  name: "ElDrawer",
+  components: {
+    ElOverlay,
+    ElFocusTrap,
+    ElIcon,
+    Close
   },
-  widget: {
-    type: String
+  inheritAttrs: false,
+  props: drawerProps,
+  emits: drawerEmits,
+  setup(props, { slots }) {
+    const forEditor = useGlobalConfig("forEditor");
+    useDeprecated({
+      scope: "el-drawer",
+      from: "the title slot",
+      replacement: "the header slot",
+      version: "3.0.0",
+      ref: "https://element-plus.org/en-US/component/drawer.html#slots"
+    }, computed(() => !!slots.title));
+    useDeprecated({
+      scope: "el-drawer",
+      from: "custom-class",
+      replacement: "class",
+      version: "2.3.0",
+      ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
+      type: "Attribute"
+    }, computed(() => !!props.customClass));
+    const drawerRef = ref();
+    const focusStartRef = ref();
+    const ns = useNamespace("drawer");
+    const { t } = useLocale();
+    const isHorizontal = computed(() => props.direction === "rtl" || props.direction === "ltr");
+    const drawerSize = computed(() => addUnit(props.size));
+    return {
+      forEditor,
+      ...useDialog(props, drawerRef),
+      drawerRef,
+      focusStartRef,
+      isHorizontal,
+      drawerSize,
+      ns,
+      t
+    };
   }
 });
-const drawerEmits = dialogEmits;
+const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby", "widget"];
+const _hoisted_2 = ["widget"];
+const _hoisted_3 = ["id"];
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = ["id", "widget"];
+const _hoisted_6 = ["widget"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_close = resolveComponent("close");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_focus_trap = resolveComponent("el-focus-trap");
+  const _component_el_overlay = resolveComponent("el-overlay");
+  return openBlock(), createBlock(Teleport, {
+    to: "body",
+    disabled: !_ctx.appendToBody
+  }, [
+    createVNode(Transition, {
+      name: _ctx.ns.b("fade"),
+      onAfterEnter: _ctx.afterEnter,
+      onAfterLeave: _ctx.afterLeave,
+      onBeforeLeave: _ctx.beforeLeave,
+      duration: _ctx.forEditor ? -1 : 0,
+      persisted: ""
+    }, {
+      default: withCtx(() => [
+        withDirectives(createVNode(_component_el_overlay, {
+          mask: _ctx.modal,
+          "overlay-class": (_ctx.modalClass || "") + (_ctx.widget ? ` ps--drawer-widget-class` : ""),
+          "z-index": _ctx.zIndex,
+          onClick: _ctx.onModalClick
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_focus_trap, {
+              loop: "",
+              trapped: _ctx.visible,
+              "focus-trap-el": _ctx.drawerRef,
+              "focus-start-el": _ctx.focusStartRef,
+              onReleaseRequested: _ctx.onCloseRequested
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", mergeProps({
+                  ref: "drawerRef",
+                  "aria-modal": "true",
+                  "aria-label": _ctx.title || void 0,
+                  "aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
+                  "aria-describedby": _ctx.bodyId
+                }, _ctx.$attrs, {
+                  class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
+                  style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
+                  role: "dialog",
+                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"])),
+                  widget: _ctx.widget
+                }), [
+                  createElementVNode("span", {
+                    ref: "focusStartRef",
+                    class: normalizeClass(_ctx.ns.e("sr-focus")),
+                    tabindex: "-1"
+                  }, null, 2),
+                  _ctx.withHeader ? (openBlock(), createElementBlock("header", {
+                    key: 0,
+                    class: normalizeClass(_ctx.ns.e("header")),
+                    widget: _ctx.widget ? "drawer:title:" + _ctx.widget.split(":")[1] : void 0
+                  }, [
+                    !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
+                      key: 0,
+                      close: _ctx.handleClose,
+                      titleId: _ctx.titleId,
+                      titleClass: _ctx.ns.e("title")
+                    }, () => [
+                      !_ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        id: _ctx.titleId,
+                        role: "heading",
+                        class: normalizeClass(_ctx.ns.e("title"))
+                      }, toDisplayString(_ctx.title), 11, _hoisted_3)) : createCommentVNode("v-if", true)
+                    ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+                      createCommentVNode(" DEPRECATED SLOT ")
+                    ]),
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 2,
+                      "aria-label": _ctx.t("el.drawer.close"),
+                      class: normalizeClass(_ctx.ns.e("close-btn")),
+                      type: "button",
+                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+                    }, [
+                      createVNode(_component_el_icon, {
+                        class: normalizeClass(_ctx.ns.e("close"))
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_close)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ], 10, _hoisted_4)) : createCommentVNode("v-if", true)
+                  ], 10, _hoisted_2)) : createCommentVNode("v-if", true),
+                  _ctx.rendered ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    id: _ctx.bodyId,
+                    class: normalizeClass(_ctx.ns.e("body")),
+                    widget: _ctx.widget ? "drawer:default:" + _ctx.widget.split(":")[1] : void 0
+                  }, [
+                    renderSlot(_ctx.$slots, "default")
+                  ], 10, _hoisted_5)) : createCommentVNode("v-if", true),
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+                    key: 2,
+                    class: normalizeClass(_ctx.ns.e("footer")),
+                    widget: _ctx.widget ? "drawer:footer:" + _ctx.widget.split(":")[1] : void 0
+                  }, [
+                    renderSlot(_ctx.$slots, "footer")
+                  ], 10, _hoisted_6)) : createCommentVNode("v-if", true)
+                ], 16, _hoisted_1)
+              ]),
+              _: 3
+            }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
+          ]),
+          _: 3
+        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+          [vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave", "duration"])
+  ], 8, ["disabled"]);
+}
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\drawer\\src\\drawer.vue"]]);
 
-export { drawerEmits, drawerProps };
+export { Drawer as default };
 //# sourceMappingURL=drawer.mjs.map