npm - element-plus - Versions diffs - 1.2.0-beta.6 → 1.3.0-beta.1 - Mend

element-plus 1.2.0-beta.6 → 1.3.0-beta.1

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 (1690) hide show

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

@@ -91,8 +91,8 @@ export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import
     withHeader: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     modalFade: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {
-    top?: string | undefined;
     zIndex?: number | undefined;
+    top?: string | undefined;
     width?: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     beforeClose?: ((...args: any[]) => void) | undefined;
     modalClass?: string | undefined;
@@ -104,9 +104,9 @@ export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import
     onClosed?: (() => any) | undefined;
 }, {
     size: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    zIndex: number;
     top: string;
     title: string;
-    zIndex: number;
     width: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/drawer/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":["Drawer"],"mappings":";;;;;~~MAGa~~,WAAW,~~YAAYA~~;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":["Drawer"],"mappings":";;;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAACA,MAAM;;;;"}

package/es/components/drawer/src/drawer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { dialogProps, dialogEmits } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n ...dialogProps,\n direction: {\n type: String,\n default: 'rtl',\n values: ['ltr', 'rtl', 'ttb', 'btt'],\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":[],"mappings":";;;;~~MAIa~~,~~cAAc~~,WAAW~~;AAAA~~,~~KACjC~~;~~AAAA~~,~~EACH~~,WAAW;~~AAAA~~,~~IACT~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~,~~IACT~~,~~QAAQ~~,CAAC,~~OAAO~~,~~OAAO~~,~~OAAO~~;~~AAAA~~;~~AAAA~~,~~EAEhC~~,~~MAAM~~;~~AAAA~~,~~IACJ~~,MAAM,CAAC~~,QAAQ~~;~~AAAA~~,~~IACf~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~YAAY~~;~~AAAA~~,~~IACV~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~IACT~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~;~~MAMA~~,~~cAAc~~;;;;"}
1	+ {"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { dialogProps, dialogEmits } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n ...dialogProps,\n direction: {\n type: String,\n default: 'rtl',\n values: ['ltr', 'rtl', 'ttb', 'btt'],\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":[],"mappings":";;;;AAEY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,GAAG,WAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;;;;"}

package/es/components/drawer/src/drawer.vue.d.ts CHANGED Viewed

@@ -91,8 +91,8 @@ declare const _default: import("vue").DefineComponent<{
     withHeader: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     modalFade: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {
-    top?: string | undefined;
     zIndex?: number | undefined;
+    top?: string | undefined;
     width?: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     beforeClose?: ((...args: any[]) => void) | undefined;
     modalClass?: string | undefined;
@@ -104,9 +104,9 @@ declare const _default: import("vue").DefineComponent<{
     onClosed?: (() => any) | undefined;
 }, {
     size: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    zIndex: number;
     top: string;
     title: string;
-    zIndex: number;
     width: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/drawer/src/drawer.vue_vue_type_script_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n name=\"el-drawer-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <div\n ref=\"drawerRef\"\n v-trap-focus\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title \|\| 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon class=\"el-drawer__close\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\">\n <slot></slot>\n </section>\n </template>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElIcon,\n Close,\n },\n directives: {\n TrapFocus,\n },\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' \|\| props.direction === 'ltr'\n )\n const drawerSize = computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size\n )\n\n return {\n ...useDialog(props, ctx, drawerRef),\n drawerRef,\n isHorizontal,\n drawerSize,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;~~AAqEA~~,aAAe,~~gBAAgB~~;~~AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,~~YAAY~~;~~AAAA~~,~~IACV~~;~~AAAA~~,~~IACA~~;~~AAAA,IACA~~;~~AAAA;AAAA~~,~~EAEF~~,~~YAAY~~;~~AAAA~~,~~IACV~~;~~AAAA~~;~~AAAA~~,~~EAEF~~,~~OAAO~~;~~AAAA~~,~~EACP,OAAO;AAAA,EAEP,~~MAAM,OAAO~~,KAAK~~;~~AAChB~~,~~UAAM,~~YAAY~~;AAElB~~,~~UAAM,eAAe,SACnB,~~MAAM,~~MAAM~~,~~cAAc,SAAS,MAAM,cAAc;AAEzD,UAAM,aAAa,SAAS,MAC1B,OAAO,MAAM,SAAS,WAAW,~~GAAG,~~MAAM~~,~~WAAW,MAAM~~;~~AAG7D~~,~~WAAO;AAAA,SACF,~~UAAU~~,OAAO,KAAK;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"drawer.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n name=\"el-drawer-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <div\n ref=\"drawerRef\"\n v-trap-focus\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title \|\| 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon class=\"el-drawer__close\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\">\n <slot></slot>\n </section>\n </template>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElIcon,\n Close,\n },\n directives: {\n TrapFocus,\n },\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' \|\| props.direction === 'ltr'\n )\n const drawerSize = computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size\n )\n\n return {\n ...useDialog(props, ctx, drawerRef),\n drawerRef,\n isHorizontal,\n drawerSize,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAkEA,aAAe,eAAe,CAAC;AAC/B,EAAE,gBAAgB;;AAElB,IAAI,SAAS;IACT,MAAM;IACN,KAAK;;;IAGL;GACD;EACD,KAAK,EAAE;OACF,EAAE;EACP;IACE,MAAM,SAAS;IACf,MAAM;;IAEN,OAAO;MACL,YAAY,MAAM,EAAE,GAAG,EAAE;;MAEzB,YAAY;MACZ,UAAU;;;;;;;"}

package/es/components/drawer/src/drawer.vue_vue_type_template_id_e0557736_lang.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { resolveComponent, resolveDirective, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, withModifiers, createElementBlock, renderSlot, toDisplayString, createCommentVNode, vShow } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createElementVNode, toDisplayString, createCommentVNode, vShow } from 'vue';
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
@@ -35,7 +35,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.onModalClick
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
+            withDirectives((openBlock(), createElementBlock("div", {
               ref: "drawerRef",
               "aria-modal": "true",
               "aria-labelledby": "el-drawer__title",
@@ -71,7 +71,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.rendered ? (openBlock(), createElementBlock("section", _hoisted_5, [
                 renderSlot(_ctx.$slots, "default")
               ])) : createCommentVNode("v-if", true)
-            ], 14, _hoisted_1), [
+            ], 14, _hoisted_1)), [
               [_directive_trap_focus]
             ])
           ]),

package/es/components/drawer/src/drawer.vue_vue_type_template_id_e0557736_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer.vue_vue_type_template_id_e0557736_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue?vue&type=template&id=e0557736&lang.js"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n name=\"el-drawer-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <div\n ref=\"drawerRef\"\n v-trap-focus\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title \|\| 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon class=\"el-drawer__close\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\">\n <slot></slot>\n </section>\n </template>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElIcon,\n Close,\n },\n directives: {\n TrapFocus,\n },\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' \|\| props.direction === 'ltr'\n )\n const drawerSize = computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size\n )\n\n return {\n ...useDialog(props, ctx, drawerRef),\n drawerRef,\n isHorizontal,\n drawerSize,\n }\n },\n})\n</script>\n"],"names":["~~_createBlock","~~_createVNode","~~_createElementVNode~~"~~,"_createElementBlock","_renderSlot"~~],"mappings":"~~;;;;;~~EA8BY~~,IAAG~~;~~AAAA,EACH,OAAM;AAAA;;;;;EAkBG,OAAM;AAAA~~;;;;;;~~sBAhDzBA~~;~~IAAU,IAAG;AAAA,IAAQ,WAAW~~;;~~IAC9BC~~;~~MACE,MAAK;AAAA,MACJ,cAAa;MACb,cAAa;MACb,eAAc~~;;~~uBAEf;uBAAAA;UAEG~~,~~MAAM;UACN,iBAAe;UACf,WAAS;UACT,SAAO~~;;~~2BAER;2BAAAC;~~cACE~~,KAAI~~;~~AAAA,cAEJ,cAAW~~;~~AAAA,cACX,mBAAgB~~;~~AAAA~~,~~cACf,~~cAAY;cACZ~~,oCAAqB,gBAAW,wBAAmB;cACnD;cAGD,MAAK;AAAA,cACJ,iDAAD~~;;;~~cAGQ,gCADRC,6BAAA~~;~~gBAKEC,qCAAA;kBACEF;oBAAM,MAAK;AAAA,oBAAW,OAAO;qCACxB;;gBAIC,+BADRC;;kBAEG;kBACD,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gDAAO;;kBAERF,kCAAS,OAAM;qCAAmB;sBAAAA,YAAS;AAAA;AAAA;;;;cAG~~/B~~,8BACdE,8BAAA;gBACEC;;;;;;;;kBAzCE;;;;;;;;;;~~"}
1	+ {"version":3,"file":"drawer.vue_vue_type_template_id_e0557736_lang.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue?vue&type=template&id=e0557736&lang.js"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n name=\"el-drawer-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <div\n ref=\"drawerRef\"\n v-trap-focus\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title \|\| 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon class=\"el-drawer__close\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\">\n <slot></slot>\n </section>\n </template>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { drawerProps, drawerEmits } from './drawer'\n\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElIcon,\n Close,\n },\n directives: {\n TrapFocus,\n },\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' \|\| props.direction === 'ltr'\n )\n const drawerSize = computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size\n )\n\n return {\n ...useDialog(props, ctx, drawerRef),\n drawerRef,\n isHorizontal,\n drawerSize,\n }\n },\n})\n</script>\n"],"names":["_createVNode","_withCtx"],"mappings":";;;;;;EA8BY;EACA;;;;;;EAkBS;;;;;;;;;;IAhDTA;YAAmB;;;MAEzB;;MAEC;mCACyB;;;;UAIvB;;UAEA,SAAOC;;;4BAGR;;cACE;cAEA;cACA;cACC,cAAY;cACZ;;;;;;;;;;;wBAaS;;;;mCAKS;;;qCACJ;;;;;;6CAKuB;0CAAS;;;;;;;;eAG/B;;;;;;;;;;;"}

package/es/components/dropdown/index.d.ts CHANGED Viewed

@@ -37,11 +37,15 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     visible: import("vue").Ref<boolean>;
     scrollbar: import("vue").Ref<null>;
     wrapStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    dropdownSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
+    dropdownSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     handlerMainButtonClick: (event: any) => void;
     triggerVnode: import("vue").Ref<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "visible-change" | "command")[], "click" | "visible-change" | "command", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
@@ -56,10 +60,12 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
     tabindex?: unknown;
     effect?: unknown;
     maxHeight?: unknown;
+    popperClass?: unknown;
 } & {
     size: string;
     effect: import("..").Effect;
     placement: import("@popperjs/core").Placement;
+    popperClass: string;
     trigger: "contextmenu" | import("../../hooks/use-popper/use-target-events").TriggerType;
     maxHeight: string | number;
     tabindex: string | number;
@@ -77,6 +83,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
     size: string;
     effect: import("..").Effect;
     placement: import("@popperjs/core").Placement;
+    popperClass: string;
     trigger: "contextmenu" | import("../../hooks/use-popper/use-target-events").TriggerType;
     maxHeight: string | number;
     tabindex: string | number;

package/es/components/dropdown/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/dropdown/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Dropdown from './src/dropdown.vue'\nimport DropdownItem from './src/dropdown-item.vue'\nimport DropdownMenu from './src/dropdown-menu.vue'\n\nexport const ElDropdown = withInstall(Dropdown, {\n DropdownItem,\n DropdownMenu,\n})\nexport default ElDropdown\nexport const ElDropdownItem = withNoopInstall(DropdownItem)\nexport const ElDropdownMenu = withNoopInstall(DropdownMenu)\n"],"names":["Dropdown","DropdownItem","DropdownMenu"],"mappings":";;;;;;;;~~MAMa~~,~~aAAa~~,~~YAAYA~~,~~QAAU~~;~~AAAA~~,~~gBAC9CC~~;~~AAAA~~,~~gBACAC~~;~~AAAA~~;~~MAGW~~,~~iBAAiB~~,~~gBAAgBD~~;~~MACjC~~,~~iBAAiB~~,~~gBAAgBC~~;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/dropdown/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Dropdown from './src/dropdown.vue'\nimport DropdownItem from './src/dropdown-item.vue'\nimport DropdownMenu from './src/dropdown-menu.vue'\n\nexport const ElDropdown = withInstall(Dropdown, {\n DropdownItem,\n DropdownMenu,\n})\nexport default ElDropdown\nexport const ElDropdownItem = withNoopInstall(DropdownItem)\nexport const ElDropdownMenu = withNoopInstall(DropdownMenu)\n"],"names":["Dropdown","DropdownItem","DropdownMenu"],"mappings":";;;;;;;;AAIY,MAAC,UAAU,GAAG,WAAW,CAACA,MAAQ,EAAE;AAChD,gBAAEC,QAAY;AACd,gBAAEC,QAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAACD,QAAY,EAAE;AAChD,MAAC,cAAc,GAAG,eAAe,CAACC,QAAY;;;;"}

package/es/components/dropdown/src/dropdown-item.vue_vue_type_script_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n <li\n class=\"el-dropdown-menu__item\"\n :class=\"{\n 'is-disabled': disabled,\n 'el-dropdown-menu__item--divided': divided,\n }\"\n :aria-disabled=\"disabled\"\n :tabindex=\"disabled ? null : -1\"\n @click=\"handleClick\"\n >\n <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n <slot></slot>\n </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n name: 'ElDropdownItem',\n components: { ElIcon },\n props: buildProps({\n command: {\n type: [Object, String, Number],\n default: () => ({}),\n },\n disabled: Boolean,\n divided: Boolean,\n icon: {\n type: definePropType<string \| Component>([String, Object]),\n },\n } as const),\n setup(props) {\n const { elDropdown } = useDropdown()\n const _instance = getCurrentInstance()\n\n function handleClick(e: UIEvent) {\n // if disabled don't collapse the drop-down list\n if (props.disabled) {\n e.stopImmediatePropagation()\n return\n }\n if (elDropdown.hideOnClick.value) {\n elDropdown.handleClick?.()\n }\n elDropdown.commandHandler?.(props.command, _instance, e)\n }\n\n return {\n handleClick,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;~~AAsBA~~,aAAe,~~gBAAgB~~;~~AAAA~~,~~EAC7B~~,MAAM~~;AAAA~~,~~EACN~~,~~YAAY~~,EAAE~~;AAAA~~,~~EACd~~,~~OAAO,WAAW~~;~~AAAA,~~IAChB,~~SAAS~~;~~AAAA,~~MACP,~~MAAM~~,~~CAAC~~,~~QAAQ~~,~~QAAQ~~;~~AAAA~~,~~MACvB~~,~~SAAS~~;~~AAAO~~;~~AAAA~~,~~IAElB~~,~~UAAU~~;~~AAAA~~,~~IACV,SAAS~~;~~AAAA,~~IACT~~,MAAM~~;~~AAAA~~,~~MACJ~~,~~MAAM~~,~~eAAmC,~~CAAC,~~QAAQ~~;~~AAAA~~;~~AAAA;AAAA~~,~~EAGtD,~~MAAM,~~OAAO~~;~~AACX~~,~~UAAM~~,EAAE,~~eAAe;AACvB~~,~~UAAM~~,~~YAAY~~;~~AAElB~~,~~yBAAqB~~,~~GAAY;;AAE/B~~,~~UAAI~~,~~MAAM~~,~~UAAU;AAClB~~,~~UAAE~~;~~AACF~~;~~AAAA;AAEF~~,~~UAAI~~,~~WAAW~~,~~YAAY,OAAO~~;~~AAChC~~,~~yBAAW~~,~~gBAAX;AAAA;AAEF~~,~~uBAAW~~,~~mBAAX~~,~~oCAA4B,MAAM,SAAS,WAAW~~;~~AAAA;AAGxD,WAAO;AAAA,~~MACL;~~AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"dropdown-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n <li\n class=\"el-dropdown-menu__item\"\n :class=\"{\n 'is-disabled': disabled,\n 'el-dropdown-menu__item--divided': divided,\n }\"\n :aria-disabled=\"disabled\"\n :tabindex=\"disabled ? null : -1\"\n @click=\"handleClick\"\n >\n <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n <slot></slot>\n </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n name: 'ElDropdownItem',\n components: { ElIcon },\n props: buildProps({\n command: {\n type: [Object, String, Number],\n default: () => ({}),\n },\n disabled: Boolean,\n divided: Boolean,\n icon: {\n type: definePropType<string \| Component>([String, Object]),\n },\n } as const),\n setup(props) {\n const { elDropdown } = useDropdown()\n const _instance = getCurrentInstance()\n\n function handleClick(e: UIEvent) {\n // if disabled don't collapse the drop-down list\n if (props.disabled) {\n e.stopImmediatePropagation()\n return\n }\n if (elDropdown.hideOnClick.value) {\n elDropdown.handleClick?.()\n }\n elDropdown.commandHandler?.(props.command, _instance, e)\n }\n\n return {\n handleClick,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAmBA,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,gBAAgB;;AAExB,EAAE,KAAK,EAAE,UAAU,CAAC;IAChB,OAAO,EAAE;MACP,IAAI,EAAE,OAAO,EAAE;MACf,OAAO,EAAE;KACV;YACO,EAAE,OAAO;WACV,EAAE;IACT;MACE,IAAI,EAAE;KACP;IACD;OACG,CAAC,KAAK,EAAE;IACX;IACA,MAAM;IACN,SAAS;MACP,IAAI,EAAE,EAAE,EAAE,CAAC;MACX,IAAI,KAAK,CAAC,QAAQ,EAAE;;QAElB,OAAO;OACR;MACD,IAAI,UAAU,CAAC;QACb,CAAC,EAAE,GAAG,UAAU,CAAC;;MAEnB;;WAEK;MACL;MACA;;;;;;"}

package/es/components/dropdown/src/dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue?vue&type=template&id=396ed16b&lang.js"],"sourcesContent":["<template>\n <li\n class=\"el-dropdown-menu__item\"\n :class=\"{\n 'is-disabled': disabled,\n 'el-dropdown-menu__item--divided': divided,\n }\"\n :aria-disabled=\"disabled\"\n :tabindex=\"disabled ? null : -1\"\n @click=\"handleClick\"\n >\n <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n <slot></slot>\n </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n name: 'ElDropdownItem',\n components: { ElIcon },\n props: buildProps({\n command: {\n type: [Object, String, Number],\n default: () => ({}),\n },\n disabled: Boolean,\n divided: Boolean,\n icon: {\n type: definePropType<string \| Component>([String, Object]),\n },\n } as const),\n setup(props) {\n const { elDropdown } = useDropdown()\n const _instance = getCurrentInstance()\n\n function handleClick(e: UIEvent) {\n // if disabled don't collapse the drop-down list\n if (props.disabled) {\n e.stopImmediatePropagation()\n return\n }\n if (elDropdown.hideOnClick.value) {\n elDropdown.handleClick?.()\n }\n elDropdown.commandHandler?.(props.command, _instance, e)\n }\n\n return {\n handleClick,\n }\n },\n})\n</script>\n"],"names":[~~"_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"~~],"mappings":";;;;;~~sBACEA~~;~~IACE,uBAAM;;;;IAKL,iBAAe;IACf,UAAU;IACV,gDAAO;;IAEO,0BAAfC;uBAAqB;sBAAAA,YAAwBC,wBAAR;;;;IACrCC~~;;;;;;"}
1	+ {"version":3,"file":"dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue?vue&type=template&id=396ed16b&lang.js"],"sourcesContent":["<template>\n <li\n class=\"el-dropdown-menu__item\"\n :class=\"{\n 'is-disabled': disabled,\n 'el-dropdown-menu__item--divided': divided,\n }\"\n :aria-disabled=\"disabled\"\n :tabindex=\"disabled ? null : -1\"\n @click=\"handleClick\"\n >\n <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n <slot></slot>\n </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n name: 'ElDropdownItem',\n components: { ElIcon },\n props: buildProps({\n command: {\n type: [Object, String, Number],\n default: () => ({}),\n },\n disabled: Boolean,\n divided: Boolean,\n icon: {\n type: definePropType<string \| Component>([String, Object]),\n },\n } as const),\n setup(props) {\n const { elDropdown } = useDropdown()\n const _instance = getCurrentInstance()\n\n function handleClick(e: UIEvent) {\n // if disabled don't collapse the drop-down list\n if (props.disabled) {\n e.stopImmediatePropagation()\n return\n }\n if (elDropdown.hideOnClick.value) {\n elDropdown.handleClick?.()\n }\n elDropdown.commandHandler?.(props.command, _instance, e)\n }\n\n return {\n handleClick,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;IAQK;;;;;4BAG4C;0BAAxB;;;;;;"}

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n <ul\n v-clickOutside:[triggerElm]=\"innerHide\"\n :class=\"[size && `el-dropdown-menu--${size}`]\"\n class=\"el-dropdown-menu\"\n @mouseenter.stop=\"show\"\n @mouseleave.stop=\"hide\"\n >\n <slot></slot>\n </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n name: 'ElDropdownMenu',\n directives: {\n ClickOutside,\n },\n setup() {\n const { _elDropdownSize, elDropdown } = useDropdown()\n const size = _elDropdownSize.value\n\n function show() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n elDropdown.show?.()\n }\n function hide() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n _hide()\n }\n function _hide() {\n elDropdown.hide?.()\n }\n\n onMounted(() => {\n const dropdownMenu = getCurrentInstance()\n initDropdownDomEvent(\n dropdownMenu,\n elDropdown.triggerElm.value,\n elDropdown.instance\n )\n })\n\n return {\n size,\n show,\n hide,\n innerHide: _hide,\n triggerElm: elDropdown.triggerElm,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;~~AAgBA~~,aAAe,~~gBAAgB;AAAA~~,~~EAC7B~~,~~MAAM~~;~~AAAA~~,~~EACN,~~YAAY;~~AAAA~~,~~IACV~~;~~AAAA;AAAA~~,~~EAEF~~,~~QAAQ~~;~~AACN~~,~~UAAM~~,EAAE,~~iBAAiB~~,~~eAAe~~;~~AACxC~~,~~UAAM~~,~~OAAO~~,~~gBAAgB;AAE7B~~,~~oBAAgB;;AACd~~,~~UAAI,~~CAAC,~~SAAS~~,~~eAAe~~,~~SAAS~~,~~WAAW~~,~~QAAQ;AAAQ;AACjE~~,~~uBAAW~~,~~SAAX;AAAA;AAEF~~,~~oBAAgB;AACd~~,~~UAAI,~~CAAC,~~SAAS~~,~~eAAe~~,~~SAAS~~,~~WAAW~~,~~QAAQ~~;~~AAAQ;AACjE;AAAA;AAEF~~,~~qBAAiB;;AACf~~,~~uBAAW~~,~~SAAX~~;~~AAAA~~;~~AAGF~~,~~cAAU~~,~~MAAM;AACd~~,~~YAAM~~,~~eAAe~~;~~AACrB~~,~~2BACE~~,~~cACA~~,~~WAAW~~,~~WAAW~~,~~OACtB~~,~~WAAW~~;~~AAAA;AAIf~~,~~WAAO;AAAA~~,~~MACL;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA,MACA,WAAW~~;~~AAAA,MACX,YAAY,WAAW~~;~~AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"dropdown-menu.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n <ul\n v-clickOutside:[triggerElm]=\"innerHide\"\n :class=\"[size && `el-dropdown-menu--${size}`]\"\n class=\"el-dropdown-menu\"\n @mouseenter.stop=\"show\"\n @mouseleave.stop=\"hide\"\n >\n <slot></slot>\n </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n name: 'ElDropdownMenu',\n directives: {\n ClickOutside,\n },\n setup() {\n const { _elDropdownSize, elDropdown } = useDropdown()\n const size = _elDropdownSize.value\n\n function show() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n elDropdown.show?.()\n }\n function hide() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n _hide()\n }\n function _hide() {\n elDropdown.hide?.()\n }\n\n onMounted(() => {\n const dropdownMenu = getCurrentInstance()\n initDropdownDomEvent(\n dropdownMenu,\n elDropdown.triggerElm.value,\n elDropdown.instance\n )\n })\n\n return {\n size,\n show,\n hide,\n innerHide: _hide,\n triggerElm: elDropdown.triggerElm,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAcA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;IACR,YAAY;GACb;OACI,GAAG;;IAEN,MAAM;IACN,SAAS,IAAI,GAAG;MACd,IAAI,EAAE,CAAC;;QAEL,OAAO;MACT,CAAC,EAAE,GAAG,UAAU,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;;IAEhE;MACE,IAAI,CAAC,OAAO,EAAE;eACL;MACT,KAAK;;IAEP,SAAS,KAAK,GAAG;MACf,IAAI,EAAE,CAAC;;;IAGT,SAAS,CAAC,MAAM;MACd,MAAM,eAAe,kBAAkB;MACvC,oBAAoB;;WAEf;UACD;MACJ;;;MAGA;MACA;;;;;;"}

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue?vue&type=template&id=617b3492&lang.js"],"sourcesContent":["<template>\n <ul\n v-clickOutside:[triggerElm]=\"innerHide\"\n :class=\"[size && `el-dropdown-menu--${size}`]\"\n class=\"el-dropdown-menu\"\n @mouseenter.stop=\"show\"\n @mouseleave.stop=\"hide\"\n >\n <slot></slot>\n </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n name: 'ElDropdownMenu',\n directives: {\n ClickOutside,\n },\n setup() {\n const { _elDropdownSize, elDropdown } = useDropdown()\n const size = _elDropdownSize.value\n\n function show() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n elDropdown.show?.()\n }\n function hide() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n _hide()\n }\n function _hide() {\n elDropdown.hide?.()\n }\n\n onMounted(() => {\n const dropdownMenu = getCurrentInstance()\n initDropdownDomEvent(\n dropdownMenu,\n elDropdown.triggerElm.value,\n elDropdown.instance\n )\n })\n\n return {\n size,\n show,\n hide,\n innerHide: _hide,\n triggerElm: elDropdown.triggerElm,\n }\n },\n})\n</script>\n"],"names":["~~_createElementBlock","~~_renderSlot"],"mappings":"~~;;;;sCACEA~~;IAEG,~~wBAAQ~~,~~kCAA6B~~,~~cAChC;AAAA~~,~~IACL,mEAAiB;IACjB,mEAAiB~~;;~~IAElBC;;8BAN6B,gBAAd~~;;;;;;"}
1	+ {"version":3,"file":"dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue?vue&type=template&id=617b3492&lang.js"],"sourcesContent":["<template>\n <ul\n v-clickOutside:[triggerElm]=\"innerHide\"\n :class=\"[size && `el-dropdown-menu--${size}`]\"\n class=\"el-dropdown-menu\"\n @mouseenter.stop=\"show\"\n @mouseleave.stop=\"hide\"\n >\n <slot></slot>\n </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n name: 'ElDropdownMenu',\n directives: {\n ClickOutside,\n },\n setup() {\n const { _elDropdownSize, elDropdown } = useDropdown()\n const size = _elDropdownSize.value\n\n function show() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n elDropdown.show?.()\n }\n function hide() {\n if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n _hide()\n }\n function _hide() {\n elDropdown.hide?.()\n }\n\n onMounted(() => {\n const dropdownMenu = getCurrentInstance()\n initDropdownDomEvent(\n dropdownMenu,\n elDropdown.triggerElm.value,\n elDropdown.instance\n )\n })\n\n return {\n size,\n show,\n hide,\n innerHide: _hide,\n triggerElm: elDropdown.triggerElm,\n }\n },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;wCACE;IAEG,0DAAqC,SAAI,KACpC;;IAELA,WAAU;;IAEX;;;;;;"}

package/es/components/dropdown/src/dropdown.vue.d.ts CHANGED Viewed

@@ -42,11 +42,15 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     visible: import("vue").Ref<boolean>;
     scrollbar: import("vue").Ref<null>;
     wrapStyle: import("vue").ComputedRef<CSSProperties>;
-    dropdownSize: import("vue").ComputedRef<"" | import("../../../utils/types").ComponentSize>;
+    dropdownSize: import("vue").ComputedRef<import("../../../utils/types").ComponentSize>;
     handlerMainButtonClick: (event: any) => void;
     triggerVnode: import("vue").Ref<Nullable<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "visible-change" | "command")[], "click" | "visible-change" | "command", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
@@ -61,10 +65,12 @@ declare const _default: import("vue").DefineComponent<{
     tabindex?: unknown;
     effect?: unknown;
     maxHeight?: unknown;
+    popperClass?: unknown;
 } & {
     size: string;
     effect: Effect;
     placement: Placement;
+    popperClass: string;
     trigger: "contextmenu" | TriggerType;
     maxHeight: string | number;
     tabindex: string | number;
@@ -82,6 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     size: string;
     effect: Effect;
     placement: Placement;
+    popperClass: string;
     trigger: "contextmenu" | TriggerType;
     maxHeight: string | number;
     tabindex: string | number;

package/es/components/dropdown/src/dropdown.vue_vue_type_script_lang.mjs CHANGED Viewed

@@ -59,6 +59,10 @@ var script = defineComponent({
     maxHeight: {
       type: [Number, String],
       default: ""
+    },
+    popperClass: {
+      type: String,
+      default: ""
     }
   },
   emits: ["visible-change", "click", "command"],

package/es/components/dropdown/src/dropdown.vue_vue_type_script_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n <div class=\"el-dropdown\">\n <el-popper\n ref=\"triggerVnode\"\n v-model:visible=\"visible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :effect=\"effect\"\n pure\n :manual-mode=\"true\"\n :trigger=\"[trigger]\"\n popper-class=\"el-dropdown__popper\"\n append-to-body\n transition=\"el-zoom-in-top\"\n :stop-popper-mouse-event=\"false\"\n :gpu-acceleration=\"false\"\n >\n <template #default>\n <el-scrollbar\n ref=\"scrollbar\"\n tag=\"ul\"\n :wrap-style=\"wrapStyle\"\n view-class=\"el-dropdown__list\"\n >\n <slot name=\"dropdown\"></slot>\n </el-scrollbar>\n </template>\n <template #trigger>\n <div :class=\"[dropdownSize ? 'el-dropdown--' + dropdownSize : '']\">\n <slot v-if=\"!splitButton\" name=\"default\"></slot>\n <template v-else>\n <el-button-group>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n @click=\"handlerMainButtonClick\"\n >\n <slot name=\"default\"></slot>\n </el-button>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n class=\"el-dropdown__caret-button\"\n >\n <el-icon class=\"el-dropdown__icon\"><arrow-down /></el-icon>\n </el-button>\n </el-button-group>\n </template>\n </div>\n </template>\n </el-popper>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n defineComponent,\n provide,\n getCurrentInstance,\n ref,\n computed,\n watch,\n onMounted,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { on, addClass, removeClass } from '@element-plus/utils/dom'\nimport { addUnit } from '@element-plus/utils/util'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useSize } from '@element-plus/hooks'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance, CSSProperties } from 'vue'\nimport type { TriggerType } from '@element-plus/hooks/use-popper/use-target-events'\nimport type { ButtonType } from '@element-plus/components/button/src/types'\n\ntype Nullable<T> = null \| T\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n name: 'ElDropdown',\n components: {\n ElButton,\n ElButtonGroup,\n ElScrollbar,\n ElPopper,\n ElIcon,\n ArrowDown,\n },\n props: {\n trigger: {\n type: String as PropType<TriggerType \| 'contextmenu'>,\n default: 'hover',\n },\n type: String as PropType<ButtonType>,\n size: {\n type: String,\n default: '',\n },\n splitButton: Boolean,\n hideOnClick: {\n type: Boolean,\n default: true,\n },\n placement: {\n type: String as PropType<Placement>,\n default: 'bottom',\n },\n showTimeout: {\n type: Number,\n default: 150,\n },\n hideTimeout: {\n type: Number,\n default: 150,\n },\n tabindex: {\n type: [Number, String],\n default: 0,\n },\n effect: {\n type: String as PropType<Effect>,\n default: Effect.LIGHT,\n },\n maxHeight: {\n type: [Number, String],\n default: '',\n },\n },\n emits: ['visible-change', 'click', 'command'],\n setup(props, { emit }) {\n const _instance = getCurrentInstance()\n\n const timeout = ref<Nullable<number>>(null)\n\n const visible = ref(false)\n const scrollbar = ref(null)\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n\n watch(\n () => visible.value,\n (val) => {\n if (val) triggerElmFocus()\n if (!val) triggerElmBlur()\n emit('visible-change', val)\n }\n )\n\n const focusing = ref(false)\n watch(\n () => focusing.value,\n (val) => {\n const selfDefine = triggerElm.value\n if (selfDefine) {\n if (val) {\n addClass(selfDefine, 'focusing')\n } else {\n removeClass(selfDefine, 'focusing')\n }\n }\n }\n )\n\n const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)\n const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {\n const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)\n ?.children[0]\n return !props.splitButton ? _ : _?.children?.[1]\n })\n\n function handleClick() {\n if (triggerElm.value?.disabled) return\n if (visible.value) {\n hide()\n } else {\n show()\n }\n }\n\n function show() {\n if (triggerElm.value?.disabled) return\n timeout.value && clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = true\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.showTimeout\n )\n }\n\n function hide() {\n if (triggerElm.value?.disabled) return\n removeTabindex()\n if (props.tabindex >= 0) {\n resetTabindex(triggerElm.value)\n }\n clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = false\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.hideTimeout\n )\n }\n\n function removeTabindex() {\n triggerElm.value?.setAttribute('tabindex', '-1')\n }\n\n function resetTabindex(ele) {\n removeTabindex()\n ele?.setAttribute('tabindex', '0')\n }\n\n function triggerElmFocus() {\n triggerElm.value?.focus?.()\n }\n\n function triggerElmBlur() {\n triggerElm.value?.blur?.()\n }\n\n const dropdownSize = useSize()\n\n function commandHandler(...args) {\n emit('command', ...args)\n }\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n visible,\n handleClick,\n commandHandler,\n show,\n hide,\n trigger: computed(() => props.trigger),\n hideOnClick: computed(() => props.hideOnClick),\n triggerElm,\n })\n\n onMounted(() => {\n if (!props.splitButton) {\n on(triggerElm.value, 'focus', () => {\n focusing.value = true\n })\n on(triggerElm.value, 'blur', () => {\n focusing.value = false\n })\n on(triggerElm.value, 'click', () => {\n focusing.value = false\n })\n }\n if (props.trigger === 'hover') {\n on(triggerElm.value, 'mouseenter', show)\n on(triggerElm.value, 'mouseleave', hide)\n } else if (props.trigger === 'click') {\n on(triggerElm.value, 'click', handleClick)\n } else if (props.trigger === 'contextmenu') {\n on(triggerElm.value, 'contextmenu', (e) => {\n e.preventDefault()\n handleClick()\n })\n }\n\n Object.assign(_instance, {\n handleClick,\n hide,\n resetTabindex,\n })\n })\n\n const handlerMainButtonClick = (event) => {\n emit('click', event)\n hide()\n }\n\n return {\n visible,\n scrollbar,\n wrapStyle,\n dropdownSize,\n handlerMainButtonClick,\n triggerVnode,\n }\n },\n})\n</script>\n"],"names":["ElPopper"],"mappings":"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"}
1	+ {"version":3,"file":"dropdown.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n <div class=\"el-dropdown\">\n <el-popper\n ref=\"triggerVnode\"\n v-model:visible=\"visible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :effect=\"effect\"\n pure\n :manual-mode=\"true\"\n :trigger=\"[trigger]\"\n :popper-class=\"`el-dropdown__popper ${popperClass}`\"\n append-to-body\n transition=\"el-zoom-in-top\"\n :stop-popper-mouse-event=\"false\"\n :gpu-acceleration=\"false\"\n >\n <template #default>\n <el-scrollbar\n ref=\"scrollbar\"\n tag=\"ul\"\n :wrap-style=\"wrapStyle\"\n view-class=\"el-dropdown__list\"\n >\n <slot name=\"dropdown\"></slot>\n </el-scrollbar>\n </template>\n <template #trigger>\n <div :class=\"[dropdownSize ? 'el-dropdown--' + dropdownSize : '']\">\n <slot v-if=\"!splitButton\" name=\"default\"></slot>\n <template v-else>\n <el-button-group>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n @click=\"handlerMainButtonClick\"\n >\n <slot name=\"default\"></slot>\n </el-button>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n class=\"el-dropdown__caret-button\"\n >\n <el-icon class=\"el-dropdown__icon\"><arrow-down /></el-icon>\n </el-button>\n </el-button-group>\n </template>\n </div>\n </template>\n </el-popper>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n defineComponent,\n provide,\n getCurrentInstance,\n ref,\n computed,\n watch,\n onMounted,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { on, addClass, removeClass } from '@element-plus/utils/dom'\nimport { addUnit } from '@element-plus/utils/util'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useSize } from '@element-plus/hooks'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance, CSSProperties } from 'vue'\nimport type { TriggerType } from '@element-plus/hooks/use-popper/use-target-events'\nimport type { ButtonType } from '@element-plus/components/button/src/types'\n\ntype Nullable<T> = null \| T\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n name: 'ElDropdown',\n components: {\n ElButton,\n ElButtonGroup,\n ElScrollbar,\n ElPopper,\n ElIcon,\n ArrowDown,\n },\n props: {\n trigger: {\n type: String as PropType<TriggerType \| 'contextmenu'>,\n default: 'hover',\n },\n type: String as PropType<ButtonType>,\n size: {\n type: String,\n default: '',\n },\n splitButton: Boolean,\n hideOnClick: {\n type: Boolean,\n default: true,\n },\n placement: {\n type: String as PropType<Placement>,\n default: 'bottom',\n },\n showTimeout: {\n type: Number,\n default: 150,\n },\n hideTimeout: {\n type: Number,\n default: 150,\n },\n tabindex: {\n type: [Number, String],\n default: 0,\n },\n effect: {\n type: String as PropType<Effect>,\n default: Effect.LIGHT,\n },\n maxHeight: {\n type: [Number, String],\n default: '',\n },\n popperClass: {\n type: String,\n default: '',\n },\n },\n emits: ['visible-change', 'click', 'command'],\n setup(props, { emit }) {\n const _instance = getCurrentInstance()\n\n const timeout = ref<Nullable<number>>(null)\n\n const visible = ref(false)\n const scrollbar = ref(null)\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n\n watch(\n () => visible.value,\n (val) => {\n if (val) triggerElmFocus()\n if (!val) triggerElmBlur()\n emit('visible-change', val)\n }\n )\n\n const focusing = ref(false)\n watch(\n () => focusing.value,\n (val) => {\n const selfDefine = triggerElm.value\n if (selfDefine) {\n if (val) {\n addClass(selfDefine, 'focusing')\n } else {\n removeClass(selfDefine, 'focusing')\n }\n }\n }\n )\n\n const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)\n const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {\n const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)\n ?.children[0]\n return !props.splitButton ? _ : _?.children?.[1]\n })\n\n function handleClick() {\n if (triggerElm.value?.disabled) return\n if (visible.value) {\n hide()\n } else {\n show()\n }\n }\n\n function show() {\n if (triggerElm.value?.disabled) return\n timeout.value && clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = true\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.showTimeout\n )\n }\n\n function hide() {\n if (triggerElm.value?.disabled) return\n removeTabindex()\n if (props.tabindex >= 0) {\n resetTabindex(triggerElm.value)\n }\n clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = false\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.hideTimeout\n )\n }\n\n function removeTabindex() {\n triggerElm.value?.setAttribute('tabindex', '-1')\n }\n\n function resetTabindex(ele) {\n removeTabindex()\n ele?.setAttribute('tabindex', '0')\n }\n\n function triggerElmFocus() {\n triggerElm.value?.focus?.()\n }\n\n function triggerElmBlur() {\n triggerElm.value?.blur?.()\n }\n\n const dropdownSize = useSize()\n\n function commandHandler(...args) {\n emit('command', ...args)\n }\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n visible,\n handleClick,\n commandHandler,\n show,\n hide,\n trigger: computed(() => props.trigger),\n hideOnClick: computed(() => props.hideOnClick),\n triggerElm,\n })\n\n onMounted(() => {\n if (!props.splitButton) {\n on(triggerElm.value, 'focus', () => {\n focusing.value = true\n })\n on(triggerElm.value, 'blur', () => {\n focusing.value = false\n })\n on(triggerElm.value, 'click', () => {\n focusing.value = false\n })\n }\n if (props.trigger === 'hover') {\n on(triggerElm.value, 'mouseenter', show)\n on(triggerElm.value, 'mouseleave', hide)\n } else if (props.trigger === 'click') {\n on(triggerElm.value, 'click', handleClick)\n } else if (props.trigger === 'contextmenu') {\n on(triggerElm.value, 'contextmenu', (e) => {\n e.preventDefault()\n handleClick()\n })\n }\n\n Object.assign(_instance, {\n handleClick,\n hide,\n resetTabindex,\n })\n })\n\n const handlerMainButtonClick = (event) => {\n emit('click', event)\n hide()\n }\n\n return {\n visible,\n scrollbar,\n wrapStyle,\n dropdownSize,\n handlerMainButtonClick,\n triggerVnode,\n }\n },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/dropdown/src/dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs CHANGED Viewed

@@ -19,7 +19,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       pure: "",
       "manual-mode": true,
       trigger: [_ctx.trigger],
-      "popper-class": "el-dropdown__popper",
+      "popper-class": `el-dropdown__popper ${_ctx.popperClass}`,
       "append-to-body": "",
       transition: "el-zoom-in-top",
       "stop-popper-mouse-event": false,
@@ -75,7 +75,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2)
       ]),
       _: 3
-    }, 8, ["visible", "placement", "effect", "trigger"])
+    }, 8, ["visible", "placement", "effect", "trigger", "popper-class"])
   ]);
 }

package/es/components/dropdown/src/dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue?vue&type=template&id=3ed790a5&lang.js"],"sourcesContent":["<template>\n <div class=\"el-dropdown\">\n <el-popper\n ref=\"triggerVnode\"\n v-model:visible=\"visible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :effect=\"effect\"\n pure\n :manual-mode=\"true\"\n :trigger=\"[trigger]\"\n popper-class=\"el-dropdown__popper\"\n append-to-body\n transition=\"el-zoom-in-top\"\n :stop-popper-mouse-event=\"false\"\n :gpu-acceleration=\"false\"\n >\n <template #default>\n <el-scrollbar\n ref=\"scrollbar\"\n tag=\"ul\"\n :wrap-style=\"wrapStyle\"\n view-class=\"el-dropdown__list\"\n >\n <slot name=\"dropdown\"></slot>\n </el-scrollbar>\n </template>\n <template #trigger>\n <div :class=\"[dropdownSize ? 'el-dropdown--' + dropdownSize : '']\">\n <slot v-if=\"!splitButton\" name=\"default\"></slot>\n <template v-else>\n <el-button-group>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n @click=\"handlerMainButtonClick\"\n >\n <slot name=\"default\"></slot>\n </el-button>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n class=\"el-dropdown__caret-button\"\n >\n <el-icon class=\"el-dropdown__icon\"><arrow-down /></el-icon>\n </el-button>\n </el-button-group>\n </template>\n </div>\n </template>\n </el-popper>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n defineComponent,\n provide,\n getCurrentInstance,\n ref,\n computed,\n watch,\n onMounted,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { on, addClass, removeClass } from '@element-plus/utils/dom'\nimport { addUnit } from '@element-plus/utils/util'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useSize } from '@element-plus/hooks'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance, CSSProperties } from 'vue'\nimport type { TriggerType } from '@element-plus/hooks/use-popper/use-target-events'\nimport type { ButtonType } from '@element-plus/components/button/src/types'\n\ntype Nullable<T> = null \| T\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n name: 'ElDropdown',\n components: {\n ElButton,\n ElButtonGroup,\n ElScrollbar,\n ElPopper,\n ElIcon,\n ArrowDown,\n },\n props: {\n trigger: {\n type: String as PropType<TriggerType \| 'contextmenu'>,\n default: 'hover',\n },\n type: String as PropType<ButtonType>,\n size: {\n type: String,\n default: '',\n },\n splitButton: Boolean,\n hideOnClick: {\n type: Boolean,\n default: true,\n },\n placement: {\n type: String as PropType<Placement>,\n default: 'bottom',\n },\n showTimeout: {\n type: Number,\n default: 150,\n },\n hideTimeout: {\n type: Number,\n default: 150,\n },\n tabindex: {\n type: [Number, String],\n default: 0,\n },\n effect: {\n type: String as PropType<Effect>,\n default: Effect.LIGHT,\n },\n maxHeight: {\n type: [Number, String],\n default: '',\n },\n },\n emits: ['visible-change', 'click', 'command'],\n setup(props, { emit }) {\n const _instance = getCurrentInstance()\n\n const timeout = ref<Nullable<number>>(null)\n\n const visible = ref(false)\n const scrollbar = ref(null)\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n\n watch(\n () => visible.value,\n (val) => {\n if (val) triggerElmFocus()\n if (!val) triggerElmBlur()\n emit('visible-change', val)\n }\n )\n\n const focusing = ref(false)\n watch(\n () => focusing.value,\n (val) => {\n const selfDefine = triggerElm.value\n if (selfDefine) {\n if (val) {\n addClass(selfDefine, 'focusing')\n } else {\n removeClass(selfDefine, 'focusing')\n }\n }\n }\n )\n\n const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)\n const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {\n const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)\n ?.children[0]\n return !props.splitButton ? _ : _?.children?.[1]\n })\n\n function handleClick() {\n if (triggerElm.value?.disabled) return\n if (visible.value) {\n hide()\n } else {\n show()\n }\n }\n\n function show() {\n if (triggerElm.value?.disabled) return\n timeout.value && clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = true\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.showTimeout\n )\n }\n\n function hide() {\n if (triggerElm.value?.disabled) return\n removeTabindex()\n if (props.tabindex >= 0) {\n resetTabindex(triggerElm.value)\n }\n clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = false\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.hideTimeout\n )\n }\n\n function removeTabindex() {\n triggerElm.value?.setAttribute('tabindex', '-1')\n }\n\n function resetTabindex(ele) {\n removeTabindex()\n ele?.setAttribute('tabindex', '0')\n }\n\n function triggerElmFocus() {\n triggerElm.value?.focus?.()\n }\n\n function triggerElmBlur() {\n triggerElm.value?.blur?.()\n }\n\n const dropdownSize = useSize()\n\n function commandHandler(...args) {\n emit('command', ...args)\n }\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n visible,\n handleClick,\n commandHandler,\n show,\n hide,\n trigger: computed(() => props.trigger),\n hideOnClick: computed(() => props.hideOnClick),\n triggerElm,\n })\n\n onMounted(() => {\n if (!props.splitButton) {\n on(triggerElm.value, 'focus', () => {\n focusing.value = true\n })\n on(triggerElm.value, 'blur', () => {\n focusing.value = false\n })\n on(triggerElm.value, 'click', () => {\n focusing.value = false\n })\n }\n if (props.trigger === 'hover') {\n on(triggerElm.value, 'mouseenter', show)\n on(triggerElm.value, 'mouseleave', hide)\n } else if (props.trigger === 'click') {\n on(triggerElm.value, 'click', handleClick)\n } else if (props.trigger === 'contextmenu') {\n on(triggerElm.value, 'contextmenu', (e) => {\n e.preventDefault()\n handleClick()\n })\n }\n\n Object.assign(_instance, {\n handleClick,\n hide,\n resetTabindex,\n })\n })\n\n const handlerMainButtonClick = (event) => {\n emit('click', event)\n hide()\n }\n\n return {\n visible,\n scrollbar,\n wrapStyle,\n dropdownSize,\n handlerMainButtonClick,\n triggerVnode,\n }\n },\n})\n</script>\n"],"names":[~~"_createElementBlock","_createVNode","_renderSlot","_createElementVNode","_createBlock"~~],"mappings":"~~;;qBACO,OAAM;;;;;;;;sBAAXA,0BAAA~~;~~IACEC;MACE~~,~~KAAI~~;~~AAAA,MACI,SAAS~~;~~gEAAA~~;~~MAChB,WAAW~~;~~MACX,uBAAqB;MACrB,QAAQ;MACT,MAAA;AAAA,~~MACC~~,eAAa~~;~~AAAA~~,~~MACb,~~UAAU;~~MACX,gBAAa~~;~~AAAA~~,~~MACb,~~kBAAA~~;AAAA,MACA,YAAW;AAAA,MACV,2BAAyB;AAAA,MACzB,oBAAkB;AAAA;MAER,iBACT;QAAAA;UACE,KAAI;AAAA,UACJ,KAAI;AAAA,UACH,cAAY;UACb,cAAW;AAAA;2BAEX;YAAAC;;;;;MAGO,iBACT;QAAAC;UAAM,uBAAQ,sCAAiC~~;;~~WAChC,mBAAbD,+DAEEE~~;~~6BACE;cAAAH;gBACG,MAAM;gBACN,MAAM;gBACN,SAAO~~;;~~iCAER;kBAAAC;;;;cAEFD;gBACG,MAAM;gBACN,MAAM;gBACP,OAAM;AAAA;iCAEN;kBAAAA,kCAAS,OAAM;qCAAoB;sBAAAA,YAAc;AAAA;AAAA;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue?vue&type=template&id=3ed790a5&lang.js"],"sourcesContent":["<template>\n <div class=\"el-dropdown\">\n <el-popper\n ref=\"triggerVnode\"\n v-model:visible=\"visible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :effect=\"effect\"\n pure\n :manual-mode=\"true\"\n :trigger=\"[trigger]\"\n :popper-class=\"`el-dropdown__popper ${popperClass}`\"\n append-to-body\n transition=\"el-zoom-in-top\"\n :stop-popper-mouse-event=\"false\"\n :gpu-acceleration=\"false\"\n >\n <template #default>\n <el-scrollbar\n ref=\"scrollbar\"\n tag=\"ul\"\n :wrap-style=\"wrapStyle\"\n view-class=\"el-dropdown__list\"\n >\n <slot name=\"dropdown\"></slot>\n </el-scrollbar>\n </template>\n <template #trigger>\n <div :class=\"[dropdownSize ? 'el-dropdown--' + dropdownSize : '']\">\n <slot v-if=\"!splitButton\" name=\"default\"></slot>\n <template v-else>\n <el-button-group>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n @click=\"handlerMainButtonClick\"\n >\n <slot name=\"default\"></slot>\n </el-button>\n <el-button\n :size=\"dropdownSize\"\n :type=\"type\"\n class=\"el-dropdown__caret-button\"\n >\n <el-icon class=\"el-dropdown__icon\"><arrow-down /></el-icon>\n </el-button>\n </el-button-group>\n </template>\n </div>\n </template>\n </el-popper>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n defineComponent,\n provide,\n getCurrentInstance,\n ref,\n computed,\n watch,\n onMounted,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { on, addClass, removeClass } from '@element-plus/utils/dom'\nimport { addUnit } from '@element-plus/utils/util'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useSize } from '@element-plus/hooks'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance, CSSProperties } from 'vue'\nimport type { TriggerType } from '@element-plus/hooks/use-popper/use-target-events'\nimport type { ButtonType } from '@element-plus/components/button/src/types'\n\ntype Nullable<T> = null \| T\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n name: 'ElDropdown',\n components: {\n ElButton,\n ElButtonGroup,\n ElScrollbar,\n ElPopper,\n ElIcon,\n ArrowDown,\n },\n props: {\n trigger: {\n type: String as PropType<TriggerType \| 'contextmenu'>,\n default: 'hover',\n },\n type: String as PropType<ButtonType>,\n size: {\n type: String,\n default: '',\n },\n splitButton: Boolean,\n hideOnClick: {\n type: Boolean,\n default: true,\n },\n placement: {\n type: String as PropType<Placement>,\n default: 'bottom',\n },\n showTimeout: {\n type: Number,\n default: 150,\n },\n hideTimeout: {\n type: Number,\n default: 150,\n },\n tabindex: {\n type: [Number, String],\n default: 0,\n },\n effect: {\n type: String as PropType<Effect>,\n default: Effect.LIGHT,\n },\n maxHeight: {\n type: [Number, String],\n default: '',\n },\n popperClass: {\n type: String,\n default: '',\n },\n },\n emits: ['visible-change', 'click', 'command'],\n setup(props, { emit }) {\n const _instance = getCurrentInstance()\n\n const timeout = ref<Nullable<number>>(null)\n\n const visible = ref(false)\n const scrollbar = ref(null)\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n\n watch(\n () => visible.value,\n (val) => {\n if (val) triggerElmFocus()\n if (!val) triggerElmBlur()\n emit('visible-change', val)\n }\n )\n\n const focusing = ref(false)\n watch(\n () => focusing.value,\n (val) => {\n const selfDefine = triggerElm.value\n if (selfDefine) {\n if (val) {\n addClass(selfDefine, 'focusing')\n } else {\n removeClass(selfDefine, 'focusing')\n }\n }\n }\n )\n\n const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)\n const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {\n const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)\n ?.children[0]\n return !props.splitButton ? _ : _?.children?.[1]\n })\n\n function handleClick() {\n if (triggerElm.value?.disabled) return\n if (visible.value) {\n hide()\n } else {\n show()\n }\n }\n\n function show() {\n if (triggerElm.value?.disabled) return\n timeout.value && clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = true\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.showTimeout\n )\n }\n\n function hide() {\n if (triggerElm.value?.disabled) return\n removeTabindex()\n if (props.tabindex >= 0) {\n resetTabindex(triggerElm.value)\n }\n clearTimeout(timeout.value)\n timeout.value = window.setTimeout(\n () => {\n visible.value = false\n },\n ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.hideTimeout\n )\n }\n\n function removeTabindex() {\n triggerElm.value?.setAttribute('tabindex', '-1')\n }\n\n function resetTabindex(ele) {\n removeTabindex()\n ele?.setAttribute('tabindex', '0')\n }\n\n function triggerElmFocus() {\n triggerElm.value?.focus?.()\n }\n\n function triggerElmBlur() {\n triggerElm.value?.blur?.()\n }\n\n const dropdownSize = useSize()\n\n function commandHandler(...args) {\n emit('command', ...args)\n }\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n visible,\n handleClick,\n commandHandler,\n show,\n hide,\n trigger: computed(() => props.trigger),\n hideOnClick: computed(() => props.hideOnClick),\n triggerElm,\n })\n\n onMounted(() => {\n if (!props.splitButton) {\n on(triggerElm.value, 'focus', () => {\n focusing.value = true\n })\n on(triggerElm.value, 'blur', () => {\n focusing.value = false\n })\n on(triggerElm.value, 'click', () => {\n focusing.value = false\n })\n }\n if (props.trigger === 'hover') {\n on(triggerElm.value, 'mouseenter', show)\n on(triggerElm.value, 'mouseleave', hide)\n } else if (props.trigger === 'click') {\n on(triggerElm.value, 'click', handleClick)\n } else if (props.trigger === 'contextmenu') {\n on(triggerElm.value, 'contextmenu', (e) => {\n e.preventDefault()\n handleClick()\n })\n }\n\n Object.assign(_instance, {\n handleClick,\n hide,\n resetTabindex,\n })\n })\n\n const handlerMainButtonClick = (event) => {\n emit('click', event)\n hide()\n }\n\n return {\n visible,\n scrollbar,\n wrapStyle,\n dropdownSize,\n handlerMainButtonClick,\n triggerVnode,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAGM;MACQ,qBAAgB;;MACvB;MACA;MACA;MACD;MACC;MACA,UAAU;MACV;MACD,kBAAA;;MAEC;;;aAGiB;;UAEd;;UAEC;uBACU;;;YAEX;;;;;;;;;;;6BAOE;;;0CAEuB;;oBAElB;;;sBAED;;;;;;oBAIC;;;;;;;;;;;;;;;;;;;;"}

package/es/components/dropdown/src/useDropdown.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDropdown.mjs","sources":["../../../../../../packages/components/dropdown/src/useDropdown.ts"],"sourcesContent":["import { inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { on, addClass } from '@element-plus/utils/dom'\n\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { IElDropdownInstance } from './dropdown'\n\nexport const useDropdown = () => {\n const elDropdown = inject<IElDropdownInstance>('elDropdown', {})\n const _elDropdownSize = computed(() => elDropdown?.dropdownSize)\n\n return {\n elDropdown,\n _elDropdownSize,\n }\n}\n\nexport const initDropdownDomEvent = (\n dropdownChildren,\n triggerElm,\n _instance\n) => {\n const menuItems = ref<Nullable<HTMLButtonElement[]>>(null)\n const menuItemsArray = ref<Nullable<HTMLElement[]>>(null)\n const dropdownElm = ref<Nullable<HTMLElement>>(null)\n const listId = ref(`dropdown-menu-${generateId()}`)\n dropdownElm.value = dropdownChildren?.subTree.el\n\n function removeTabindex() {\n triggerElm.setAttribute('tabindex', '-1')\n menuItemsArray.value?.forEach((item) => {\n item.setAttribute('tabindex', '-1')\n })\n }\n\n function resetTabindex(ele) {\n removeTabindex()\n ele?.setAttribute('tabindex', '0')\n }\n\n function handleTriggerKeyDown(ev: KeyboardEvent) {\n const code = ev.code\n if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n removeTabindex()\n resetTabindex(menuItems.value[0])\n menuItems.value[0].focus()\n ev.preventDefault()\n ev.stopPropagation()\n } else if (code === EVENT_CODE.enter) {\n _instance.handleClick()\n } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n _instance.hide()\n }\n }\n\n function handleItemKeyDown(ev) {\n const code = ev.code\n const target = ev.target\n const currentIndex = menuItemsArray.value.indexOf(target)\n const max = menuItemsArray.value.length - 1\n let nextIndex\n if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n if (code === EVENT_CODE.up) {\n nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0\n } else {\n nextIndex = currentIndex < max ? currentIndex + 1 : max\n }\n removeTabindex()\n resetTabindex(menuItems.value[nextIndex])\n menuItems.value[nextIndex].focus()\n ev.preventDefault()\n ev.stopPropagation()\n } else if (code === EVENT_CODE.enter) {\n triggerElmFocus()\n target.click()\n if (_instance.props.hideOnClick) {\n _instance.hide()\n }\n } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n _instance.hide()\n triggerElmFocus()\n }\n }\n\n function initAria() {\n dropdownElm.value.setAttribute('id', listId.value)\n triggerElm.setAttribute('aria-haspopup', 'list')\n triggerElm.setAttribute('aria-controls', listId.value)\n if (!_instance.props.splitButton) {\n triggerElm.setAttribute('role', 'button')\n triggerElm.setAttribute('tabindex', _instance.props.tabindex)\n addClass(triggerElm, 'el-dropdown-selfdefine')\n }\n }\n\n function initEvent() {\n on(triggerElm, 'keydown', handleTriggerKeyDown)\n on(dropdownElm.value, 'keydown', handleItemKeyDown, true)\n }\n\n function initDomOperation() {\n menuItems.value = dropdownElm.value.querySelectorAll(\n \"[tabindex='-1']\"\n ) as unknown as HTMLButtonElement[]\n menuItemsArray.value = [].slice.call(menuItems.value)\n\n initEvent()\n initAria()\n }\n\n function triggerElmFocus() {\n triggerElm.focus()\n }\n\n initDomOperation()\n}\n"],"names":[],"mappings":";;;;;~~MAQa~~,~~cAAc~~,MAAM;~~AAC/B~~,~~QAAM~~,~~aAAa~~,~~OAA4B~~,~~cAAc~~;~~AAC7D~~,~~QAAM~~,~~kBAAkB~~,~~SAAS~~,MAAM,~~yCAAY~~;~~AAEnD~~,~~SAAO~~;~~AAAA~~,~~IACL~~;~~AAAA~~,~~IACA~~;~~AAAA~~;~~AAAA~~;~~MAIS~~,~~uBAAuB~~,~~CAClC~~,~~kBACA~~,~~YACA~~,~~cACG;AACH~~,~~QAAM~~,~~YAAY~~,~~IAAmC~~;~~AACrD~~,~~QAAM~~,~~iBAAiB~~,~~IAA6B~~;~~AACpD~~,~~QAAM~~,cAAc,~~IAA2B~~;~~AAC/C~~,~~QAAM~~,~~SAAS~~,IAAI,~~iBAAiB~~;~~AACpC~~,~~cAAY~~,~~QAAQ~~,~~qDAAkB~~,~~QAAQ~~;~~AAE9C~~,~~4BAA0B~~;~~AA7B5B~~;~~AA8BI~~,~~eAAW~~,~~aAAa~~,YAAY;~~AACpC~~,~~yBAAe~~,~~UAAf~~,~~mBAAsB~~,~~QAAQ~~,CAAC,~~SAAS~~;~~AACtC~~,~~WAAK~~,~~aAAa~~,YAAY;~~AAAA~~;~~AAAA~~;~~AAIlC~~,~~yBAAuB~~,~~KAAK~~;~~AAC1B~~;~~AACA,+BAAK~~,~~aAAa~~,YAAY;~~AAAA~~;~~AAGhC~~,~~gCAA8B~~,~~IAAmB~~;~~AAC/C~~,~~UAAM~~,~~OAAO~~,GAAG;~~AAChB~~,~~QAAI~~,CAAC,~~WAAW~~,IAAI,~~WAAW~~,MAAM,SAAS,~~OAAO~~;~~AACnD~~;~~AACA~~,~~oBAAc~~,UAAU,MAAM;AAC9B,~~gBAAU~~,MAAM,GAAG;~~AACnB~~,~~SAAG~~;~~AACH~~,~~SAAG~~;~~AAAA~~,~~eACM~~,SAAS,~~WAAW~~,~~OAAO~~;~~AACpC~~,~~gBAAU~~;~~AAAA~~,~~eACD~~,CAAC,~~WAAW~~,~~KAAK~~,~~WAAW~~,KAAK,~~SAAS~~,OAAO;~~AAC1D~~,~~gBAAU~~;~~AAAA~~;~~AAAA~~;~~AAId~~,~~6BAA2B~~,IAAI;~~AAC7B~~,~~UAAM~~,~~OAAO~~,GAAG;~~AAChB~~,~~UAAM~~,SAAS,GAAG~~;AAClB~~,~~UAAM~~,~~eAAe~~,~~eAAe~~,~~MAAM~~,~~QAAQ~~;~~AAClD~~,~~UAAM~~,MAAM,~~eAAe~~,MAAM,SAAS~~;AAC1C~~,~~QAAI;AACJ~~,~~QAAI~~,CAAC,~~WAAW~~,~~IAAI~~,~~WAAW~~,MAAM,SAAS,~~OAAO;AACnD~~,~~UAAI~~,SAAS,~~WAAW~~,~~IAAI~~;AAC1B,~~oBAAY~~,~~iBAAiB~~,~~IAAI~~,eAAe,~~IAAI;AAAA~~,~~aAC/C~~;~~AACL~~,~~oBAAY~~,~~eAAe,~~MAAM,~~eAAe~~,IAAI~~;AAAA;AAEtD;AACA~~,~~oBAAc~~,UAAU,MAAM;~~AAC9B~~,~~gBAAU~~,MAAM,~~WAAW;AAC3B~~,~~SAAG;AACH~~,~~SAAG~~;~~AAAA~~,~~eACM~~,SAAS,WAAW,~~OAAO~~;~~AACpC~~;~~AACA~~,~~aAAO~~;AACP,~~UAAI~~,UAAU,~~MAAM~~,~~aAAa;AAC/B~~,~~kBAAU;AAAA;AAAA~~,~~eAEH~~,CAAC,~~WAAW~~,~~KAAK~~,~~WAAW~~,~~KAAK~~,SAAS,~~OAAO~~;~~AAC1D~~,~~gBAAU~~;~~AACV~~;~~AAAA~~;~~AAAA~~;~~AAIJ~~,~~sBAAoB~~;~~AAClB~~,~~gBAAY~~,MAAM,~~aAAa~~,MAAM,~~OAAO~~;~~AAC5C~~,~~eAAW~~,~~aAAa~~,~~iBAAiB~~;~~AACzC~~,~~eAAW~~,~~aAAa~~,~~iBAAiB~~,~~OAAO~~;AAChD,~~QAAI~~,CAAC,UAAU,~~MAAM~~,~~aAAa;AAChC~~,~~iBAAW~~,~~aAAa~~,QAAQ;~~AAChC~~,~~iBAAW~~,~~aAAa~~,~~YAAY~~,UAAU,~~MAAM;AACpD~~,~~eAAS~~,~~YAAY~~;~~AAAA~~;~~AAAA~~;~~AAIzB~~,~~uBAAqB~~;~~AACnB~~,~~OAAG~~,~~YAAY~~,~~WAAW~~;~~AAC1B~~,~~OAAG~~,~~YAAY~~,~~OAAO~~,WAAW,~~mBAAmB~~;~~AAAA~~;~~AAGtD~~,~~8BAA4B~~;~~AAC1B~~,~~cAAU~~,~~QAAQ~~,~~YAAY~~,~~MAAM~~,~~iBAClC~~;~~AAEF~~,~~mBAAe~~,~~QAAQ~~,GAAG,~~MAAM~~,KAAK,~~UAAU~~;~~AAE/C~~;~~AACA~~;~~AAAA~~;~~AAGF~~,~~6BAA2B~~;~~AACzB~~,~~eAAW~~;~~AAAA~~;~~AAGb~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"useDropdown.mjs","sources":["../../../../../../packages/components/dropdown/src/useDropdown.ts"],"sourcesContent":["import { inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { on, addClass } from '@element-plus/utils/dom'\n\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { IElDropdownInstance } from './dropdown'\n\nexport const useDropdown = () => {\n const elDropdown = inject<IElDropdownInstance>('elDropdown', {})\n const _elDropdownSize = computed(() => elDropdown?.dropdownSize)\n\n return {\n elDropdown,\n _elDropdownSize,\n }\n}\n\nexport const initDropdownDomEvent = (\n dropdownChildren,\n triggerElm,\n _instance\n) => {\n const menuItems = ref<Nullable<HTMLButtonElement[]>>(null)\n const menuItemsArray = ref<Nullable<HTMLElement[]>>(null)\n const dropdownElm = ref<Nullable<HTMLElement>>(null)\n const listId = ref(`dropdown-menu-${generateId()}`)\n dropdownElm.value = dropdownChildren?.subTree.el\n\n function removeTabindex() {\n triggerElm.setAttribute('tabindex', '-1')\n menuItemsArray.value?.forEach((item) => {\n item.setAttribute('tabindex', '-1')\n })\n }\n\n function resetTabindex(ele) {\n removeTabindex()\n ele?.setAttribute('tabindex', '0')\n }\n\n function handleTriggerKeyDown(ev: KeyboardEvent) {\n const code = ev.code\n if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n removeTabindex()\n resetTabindex(menuItems.value[0])\n menuItems.value[0].focus()\n ev.preventDefault()\n ev.stopPropagation()\n } else if (code === EVENT_CODE.enter) {\n _instance.handleClick()\n } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n _instance.hide()\n }\n }\n\n function handleItemKeyDown(ev) {\n const code = ev.code\n const target = ev.target\n const currentIndex = menuItemsArray.value.indexOf(target)\n const max = menuItemsArray.value.length - 1\n let nextIndex\n if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n if (code === EVENT_CODE.up) {\n nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0\n } else {\n nextIndex = currentIndex < max ? currentIndex + 1 : max\n }\n removeTabindex()\n resetTabindex(menuItems.value[nextIndex])\n menuItems.value[nextIndex].focus()\n ev.preventDefault()\n ev.stopPropagation()\n } else if (code === EVENT_CODE.enter) {\n triggerElmFocus()\n target.click()\n if (_instance.props.hideOnClick) {\n _instance.hide()\n }\n } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n _instance.hide()\n triggerElmFocus()\n }\n }\n\n function initAria() {\n dropdownElm.value.setAttribute('id', listId.value)\n triggerElm.setAttribute('aria-haspopup', 'list')\n triggerElm.setAttribute('aria-controls', listId.value)\n if (!_instance.props.splitButton) {\n triggerElm.setAttribute('role', 'button')\n triggerElm.setAttribute('tabindex', _instance.props.tabindex)\n addClass(triggerElm, 'el-dropdown-selfdefine')\n }\n }\n\n function initEvent() {\n on(triggerElm, 'keydown', handleTriggerKeyDown)\n on(dropdownElm.value, 'keydown', handleItemKeyDown, true)\n }\n\n function initDomOperation() {\n menuItems.value = dropdownElm.value.querySelectorAll(\n \"[tabindex='-1']\"\n ) as unknown as HTMLButtonElement[]\n menuItemsArray.value = [].slice.call(menuItems.value)\n\n initEvent()\n initAria()\n }\n\n function triggerElmFocus() {\n triggerElm.focus()\n }\n\n initDomOperation()\n}\n"],"names":[],"mappings":"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"}

package/es/components/empty/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Empty from './src/empty.vue'\n\nexport const ElEmpty = withInstall(Empty)\nexport default ElEmpty\n\nexport * from './src/empty'\n"],"names":["Empty"],"mappings":";;;;;~~MAIa~~,~~UAAU~~,~~YAAYA~~;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Empty from './src/empty.vue'\n\nexport const ElEmpty = withInstall(Empty)\nexport default ElEmpty\n\nexport * from './src/empty'\n"],"names":["Empty"],"mappings":";;;;;AAEY,MAAC,OAAO,GAAG,WAAW,CAACA,MAAK;;;;"}

package/es/components/empty/src/empty.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n image: {\n type: String,\n default: '',\n },\n imageSize: Number,\n description: {\n type: String,\n default: '',\n },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":"~~MAEa~~,~~aAAa~~;~~AAAA~~,~~EACxB~~,~~OAAO~~;~~AAAA~~,~~IACL~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~EACX~~,~~aAAa~~;~~AAAA~~,~~IACX~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n image: {\n type: String,\n default: '',\n },\n imageSize: Number,\n description: {\n type: String,\n default: '',\n },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}

package/es/components/empty/src/empty.vue_vue_type_script_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div class=\"el-empty\">\n <div class=\"el-empty__image\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div class=\"el-empty__description\">\n <slot v-if=\"$slots.description\" name=\"description\"></slot>\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n name: 'ElEmpty',\n components: {\n ImgEmpty,\n },\n\n props: emptyProps,\n\n setup(props) {\n const { t } = useLocale()\n const emptyDescription = computed(\n () => props.description \|\| t('el.table.emptyText')\n )\n const imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n }))\n\n return {\n emptyDescription,\n imageStyle,\n }\n },\n})\n</script>\n"],"names":[~~"ImgEmpty"~~],"mappings":";;;;;;;~~AA0BA~~,aAAe,~~gBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,~~YAAY;AAAA~~,~~cACVA~~;~~AAAA;AAAA~~,~~EAGF,~~OAAO;~~AAAA~~,~~EAEP~~,~~MAAM,OAAO~~;~~AACX~~,~~UAAM~~,EAAE,~~MAAM;AACd~~,~~UAAM,mBAAmB,SACvB,MAAM,MAAM,eAAe,~~EAAE~~;AAE/B~~,~~UAAM~~,~~aAAa~~,~~SAAwB~~;~~AAAO~~,~~MAChD,OAAO,MAAM,YAAY,GAAG,MAAM,~~gBAAgB;~~AAAA;AAGpD~~,~~WAAO~~;~~AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div class=\"el-empty\">\n <div class=\"el-empty__image\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div class=\"el-empty__description\">\n <slot v-if=\"$slots.description\" name=\"description\"></slot>\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n name: 'ElEmpty',\n components: {\n ImgEmpty,\n },\n\n props: emptyProps,\n\n setup(props) {\n const { t } = useLocale()\n const emptyDescription = computed(\n () => props.description \|\| t('el.table.emptyText')\n )\n const imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n }))\n\n return {\n emptyDescription,\n imageStyle,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AAsBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,CAAC;IACJ,MAAM,EAAE;;;MAGN,KAAK,EAAE,KAAK,CAAC;;IAEf,OAAO;MACL,gBAAgB;MAChB,UAAU;MACV;;;;;;"}

package/es/components/empty/src/empty.vue_vue_type_template_id_10d211eb_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empty.vue_vue_type_template_id_10d211eb_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue?vue&type=template&id=10d211eb&lang.js"],"sourcesContent":["<template>\n <div class=\"el-empty\">\n <div class=\"el-empty__image\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div class=\"el-empty__description\">\n <slot v-if=\"$slots.description\" name=\"description\"></slot>\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n name: 'ElEmpty',\n components: {\n ImgEmpty,\n },\n\n props: emptyProps,\n\n setup(props) {\n const { t } = useLocale()\n const emptyDescription = computed(\n () => props.description \|\| t('el.table.emptyText')\n )\n const imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n }))\n\n return {\n emptyDescription,\n imageStyle,\n }\n },\n})\n</script>\n"],"names":[~~"_createElementBlock","_createElementVNode","_renderSlot","_createVNode"~~],"mappings":";;~~qBACO~~,~~OAAM;;qBAOJ,OAAM~~;;;;~~EAIgB~~,~~OAAM;AAAA;;;sBAXnCA,0BAAA;IACEC;MAAK,OAAM;AAAA,MAAmB,sBAAO;;MACxB,2BAAXD;;QAAmB,~~KAAK;~~QAAO,aAAY;AAAA,iCAC3CE,6CAAA;QACEC;;;IAGJF,0BAAA;MACc,YAAO,cAAnBC,mEACAF,oDAAa;;IAEJ,YAAO,wBAAlBA,0BAAA;MACEE;;;;;;;~~"}
1	+ {"version":3,"file":"empty.vue_vue_type_template_id_10d211eb_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue?vue&type=template&id=10d211eb&lang.js"],"sourcesContent":["<template>\n <div class=\"el-empty\">\n <div class=\"el-empty__image\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div class=\"el-empty__description\">\n <slot v-if=\"$slots.description\" name=\"description\"></slot>\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n name: 'ElEmpty',\n components: {\n ImgEmpty,\n },\n\n props: emptyProps,\n\n setup(props) {\n const { t } = useLocale()\n const emptyDescription = computed(\n () => props.description \|\| t('el.table.emptyText')\n )\n const imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n }))\n\n return {\n emptyDescription,\n imageStyle,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;0BACY;;qBAOH,KAAK;;;;EAIiB;;;;;;;;MAVtB,KAAK;WAAyB;;;;;;;;UAEjC;;;;;;;;;;"}

package/es/components/empty/src/img-empty.vue_vue_type_script_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"img-empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n <svg\n viewBox=\"0 0 79 86\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <defs>\n <linearGradient\n :id=\"`linearGradient-1-${id}`\"\n x1=\"38.8503086%\"\n y1=\"0%\"\n x2=\"61.1496914%\"\n y2=\"100%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n </linearGradient>\n <linearGradient\n :id=\"`linearGradient-2-${id}`\"\n x1=\"0%\"\n y1=\"9.5%\"\n x2=\"100%\"\n y2=\"90.5%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n </linearGradient>\n <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n </defs>\n <g\n id=\"Illustrations\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n <path\n id=\"Oval-Copy-2\"\n d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n fill=\"#F7F8FC\"\n />\n <polygon\n id=\"Rectangle-Copy-14\"\n fill=\"#E5E7E9\"\n transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n points=\"13 58 53 58 42 45 2 45\"\n />\n <g\n id=\"Group-Copy\"\n transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n >\n <polygon\n id=\"Rectangle-Copy-10\"\n fill=\"#E5E7E9\"\n transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n />\n <polygon\n id=\"Rectangle-Copy-11\"\n fill=\"#EDEEF2\"\n points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n />\n <rect\n id=\"Rectangle-Copy-12\"\n :fill=\"`url(#linearGradient-1-${id})`\"\n transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n x=\"38\"\n y=\"7\"\n width=\"17\"\n height=\"36\"\n />\n <polygon\n id=\"Rectangle-Copy-13\"\n fill=\"#F8F9FB\"\n transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n />\n </g>\n <rect\n id=\"Rectangle-Copy-15\"\n :fill=\"`url(#linearGradient-2-${id})`\"\n x=\"13\"\n y=\"45\"\n width=\"40\"\n height=\"36\"\n />\n <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n <use :xlink:href=\"`#path-3-${id}`\" />\n </mask>\n <use\n id=\"Mask\"\n fill=\"#E0E3E9\"\n transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n :xlink:href=\"`#path-3-${id}`\"\n />\n <polygon\n id=\"Rectangle-Copy\"\n fill=\"#D5D7DE\"\n :mask=\"`url(#mask-4-${id})`\"\n transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n />\n </g>\n <polygon\n id=\"Rectangle-Copy-18\"\n fill=\"#F8F9FB\"\n transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n points=\"62 45 79 45 70 58 53 58\"\n />\n </g>\n </g>\n </g>\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n name: 'ImgEmpty',\n setup() {\n return {\n id: ++id,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;~~AA0HA~~,IAAI,KAAK~~;AACT~~,~~aAAe~~,~~gBAAgB~~;~~AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN,QAAQ~~;~~AACN~~,~~WAAO~~;~~AAAA,~~MACL,~~IAAI~~,EAAE;~~AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"img-empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n <svg\n viewBox=\"0 0 79 86\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <defs>\n <linearGradient\n :id=\"`linearGradient-1-${id}`\"\n x1=\"38.8503086%\"\n y1=\"0%\"\n x2=\"61.1496914%\"\n y2=\"100%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n </linearGradient>\n <linearGradient\n :id=\"`linearGradient-2-${id}`\"\n x1=\"0%\"\n y1=\"9.5%\"\n x2=\"100%\"\n y2=\"90.5%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n </linearGradient>\n <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n </defs>\n <g\n id=\"Illustrations\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n <path\n id=\"Oval-Copy-2\"\n d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n fill=\"#F7F8FC\"\n />\n <polygon\n id=\"Rectangle-Copy-14\"\n fill=\"#E5E7E9\"\n transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n points=\"13 58 53 58 42 45 2 45\"\n />\n <g\n id=\"Group-Copy\"\n transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n >\n <polygon\n id=\"Rectangle-Copy-10\"\n fill=\"#E5E7E9\"\n transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n />\n <polygon\n id=\"Rectangle-Copy-11\"\n fill=\"#EDEEF2\"\n points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n />\n <rect\n id=\"Rectangle-Copy-12\"\n :fill=\"`url(#linearGradient-1-${id})`\"\n transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n x=\"38\"\n y=\"7\"\n width=\"17\"\n height=\"36\"\n />\n <polygon\n id=\"Rectangle-Copy-13\"\n fill=\"#F8F9FB\"\n transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n />\n </g>\n <rect\n id=\"Rectangle-Copy-15\"\n :fill=\"`url(#linearGradient-2-${id})`\"\n x=\"13\"\n y=\"45\"\n width=\"40\"\n height=\"36\"\n />\n <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n <use :xlink:href=\"`#path-3-${id}`\" />\n </mask>\n <use\n id=\"Mask\"\n fill=\"#E0E3E9\"\n transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n :xlink:href=\"`#path-3-${id}`\"\n />\n <polygon\n id=\"Rectangle-Copy\"\n fill=\"#D5D7DE\"\n :mask=\"`url(#mask-4-${id})`\"\n transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n />\n </g>\n <polygon\n id=\"Rectangle-Copy-18\"\n fill=\"#F8F9FB\"\n transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n points=\"62 45 79 45 70 58 53 58\"\n />\n </g>\n </g>\n </g>\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n name: 'ImgEmpty',\n setup() {\n return {\n id: ++id,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;AAwHA,IAAI,KAAK,CAAC,CAAC;;AAEX,EAAE;AACF,EAAE,KAAK,GAAG;IACN,OAAO;MACL,EAAE,EAAE;KACL,CAAC;;;;;;"}

package/es/components/empty/src/img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue?vue&type=template&id=61c77d3e&lang.js"],"sourcesContent":["<template>\n <svg\n viewBox=\"0 0 79 86\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <defs>\n <linearGradient\n :id=\"`linearGradient-1-${id}`\"\n x1=\"38.8503086%\"\n y1=\"0%\"\n x2=\"61.1496914%\"\n y2=\"100%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n </linearGradient>\n <linearGradient\n :id=\"`linearGradient-2-${id}`\"\n x1=\"0%\"\n y1=\"9.5%\"\n x2=\"100%\"\n y2=\"90.5%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n </linearGradient>\n <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n </defs>\n <g\n id=\"Illustrations\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n <path\n id=\"Oval-Copy-2\"\n d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n fill=\"#F7F8FC\"\n />\n <polygon\n id=\"Rectangle-Copy-14\"\n fill=\"#E5E7E9\"\n transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n points=\"13 58 53 58 42 45 2 45\"\n />\n <g\n id=\"Group-Copy\"\n transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n >\n <polygon\n id=\"Rectangle-Copy-10\"\n fill=\"#E5E7E9\"\n transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n />\n <polygon\n id=\"Rectangle-Copy-11\"\n fill=\"#EDEEF2\"\n points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n />\n <rect\n id=\"Rectangle-Copy-12\"\n :fill=\"`url(#linearGradient-1-${id})`\"\n transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n x=\"38\"\n y=\"7\"\n width=\"17\"\n height=\"36\"\n />\n <polygon\n id=\"Rectangle-Copy-13\"\n fill=\"#F8F9FB\"\n transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n />\n </g>\n <rect\n id=\"Rectangle-Copy-15\"\n :fill=\"`url(#linearGradient-2-${id})`\"\n x=\"13\"\n y=\"45\"\n width=\"40\"\n height=\"36\"\n />\n <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n <use :xlink:href=\"`#path-3-${id}`\" />\n </mask>\n <use\n id=\"Mask\"\n fill=\"#E0E3E9\"\n transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n :xlink:href=\"`#path-3-${id}`\"\n />\n <polygon\n id=\"Rectangle-Copy\"\n fill=\"#D5D7DE\"\n :mask=\"`url(#mask-4-${id})`\"\n transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n />\n </g>\n <polygon\n id=\"Rectangle-Copy-18\"\n fill=\"#F8F9FB\"\n transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n points=\"62 45 79 45 70 58 53 58\"\n />\n </g>\n </g>\n </g>\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n name: 'ImgEmpty',\n setup() {\n return {\n id: ++id,\n }\n },\n})\n</script>\n"],"names":["~~_createElementBlock","~~_createElementVNode"],"mappings":"~~;;;~~EAEI,~~SAAQ;AAAA~~,~~EACR,SAAQ~~;~~AAAA,~~EACR,~~OAAM~~;~~AAAA~~,~~EACN,eAAY~~;~~AAAA~~;;;~~EAUF,cAAW;AAAA,EAAU,QAAO;AAAA;;~~EAC5B,cAAW;~~AAAA,EAAU,QAAO;AAAA;;~~EADlC;~~AAAA,~~EACA~~;AAAA;;;~~EASM,~~cAAW~~;~~AAAA,EAAU,QAAO;AAAA;;~~EAC5B,cAAW;~~AAAA,EAAU,QAAO;AAAA;;~~EADlC;~~AAAA,~~EACA~~;AAAA;;;~~EAKF~~,IAAG~~;~~AAAA,EACH,QAAO~~;~~AAAA,EACP,gBAAa~~;~~AAAA,EACb,MAAK~~;~~AAAA,EACL,aAAU~~;~~AAAA;;EAEP,IAAG~~;~~AAAA,EAAS,WAAU~~;~~AAAA;;EACpB~~,IAAG;~~AAAA,EAAU,WAAU;AAAA;;EAEtB,IAAG;AAAA,~~EACH~~,GAAE~~;~~AAAA,EACF,MAAK~~;~~AAAA;;EAGL,IAAG;AAAA,EACH,MAAK;AAAA,EACL,WAAU;AAAA,EACV,QAAO;AAAA;;~~EAGP~~,IAAG~~;~~AAAA~~,~~EACH,WAAU;AAAA;;EAGR,~~IAAG;~~AAAA,~~EACH~~,MAAK~~;~~AAAA,EACL,WAAU~~;~~AAAA,EACV,QAAO;AAAA;;~~EAGP,IAAG;~~AAAA,~~EACH,MAAK;~~AAAA,EACL,QAAO;AAAA;;;~~EAYP,IAAG;~~AAAA,~~EACH~~,MAAK~~;~~AAAA,EACL,WAAU~~;~~AAAA,EACV,QAAO;AAAA;;;~~EAWR~~,IAAG~~;~~AAAA~~,~~EAAoB,WAAU;AAAA;;;;;;EAmBlC,~~IAAG;~~AAAA,~~EACH~~,MAAK~~;~~AAAA,EACL,WAAU~~;~~AAAA~~,~~EACV,QAAO~~;~~AAAA;;sBA9GjBA~~,~~0BAAA;IAMEC;MACEA;QACG~~,~~wBAAwB~~;~~QACzB,IAAG;AAAA,~~QACH,~~IAAG;AAAA~~,~~QACH~~,~~IAAG~~;~~AAAA,~~QACH,~~IAAG;AAAA;MAKLA;QACG~~,~~wBAAwB~~;~~QACzB,IAAG;AAAA,~~QACH,~~IAAG;AAAA~~,~~QACH,IAAG~~;~~AAAA,QACH,IAAG~~;~~AAAA;MAKLA;QAAO,cAAc;~~QAAM~~,GAAE~~;~~AAAA~~,~~QAAI,GAAE~~;~~AAAA,QAAI,OAAM~~;~~AAAA,QAAK,QAAO~~;~~AAAA;;IAE3DA,wBAAA~~;~~MAOEA,wBAAA~~;~~QACEA~~,~~wBAAA~~;~~UACE~~;~~AAAA,UAKA~~;~~AAAA,UAMAA,wBAAA~~;~~YAIE;AAAA~~,YAMA;AAAA,YAKAA;cACE,IAAG;AAAA,cACF,+BAA+B;cAChC,WAAU;AAAA,cACV,GAAE;AAAA,cACF,GAAE;AAAA,cACF,OAAM;AAAA,cACN,QAAO;AAAA;YAET;AAAA;AAAA,UAOFA;YACE,IAAG;AAAA,YACF,+BAA+B;YAChC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA;UAETA,wBAAA;YACEA;cAAO,cAAc;cAAM,MAAK;AAAA;cAC9BA;gBAAM,yBAAuB;;;~~YAE/BA~~;~~cACE~~,IAAG;~~AAAA,~~cACH~~,MAAK~~;~~AAAA,cACL,WAAU;AAAA,cACT,yBAAuB;;YAE1BA;cACE,IAAG;AAAA,cACH,MAAK;AAAA,cACJ,qBAAqB;cACtB,WAAU;AAAA,cACV,QAAO;AAAA;;UAGX;AAAA;AAAA;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue?vue&type=template&id=61c77d3e&lang.js"],"sourcesContent":["<template>\n <svg\n viewBox=\"0 0 79 86\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <defs>\n <linearGradient\n :id=\"`linearGradient-1-${id}`\"\n x1=\"38.8503086%\"\n y1=\"0%\"\n x2=\"61.1496914%\"\n y2=\"100%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n </linearGradient>\n <linearGradient\n :id=\"`linearGradient-2-${id}`\"\n x1=\"0%\"\n y1=\"9.5%\"\n x2=\"100%\"\n y2=\"90.5%\"\n >\n <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n </linearGradient>\n <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n </defs>\n <g\n id=\"Illustrations\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n <path\n id=\"Oval-Copy-2\"\n d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n fill=\"#F7F8FC\"\n />\n <polygon\n id=\"Rectangle-Copy-14\"\n fill=\"#E5E7E9\"\n transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n points=\"13 58 53 58 42 45 2 45\"\n />\n <g\n id=\"Group-Copy\"\n transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n >\n <polygon\n id=\"Rectangle-Copy-10\"\n fill=\"#E5E7E9\"\n transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n />\n <polygon\n id=\"Rectangle-Copy-11\"\n fill=\"#EDEEF2\"\n points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n />\n <rect\n id=\"Rectangle-Copy-12\"\n :fill=\"`url(#linearGradient-1-${id})`\"\n transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n x=\"38\"\n y=\"7\"\n width=\"17\"\n height=\"36\"\n />\n <polygon\n id=\"Rectangle-Copy-13\"\n fill=\"#F8F9FB\"\n transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n />\n </g>\n <rect\n id=\"Rectangle-Copy-15\"\n :fill=\"`url(#linearGradient-2-${id})`\"\n x=\"13\"\n y=\"45\"\n width=\"40\"\n height=\"36\"\n />\n <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n <use :xlink:href=\"`#path-3-${id}`\" />\n </mask>\n <use\n id=\"Mask\"\n fill=\"#E0E3E9\"\n transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n :xlink:href=\"`#path-3-${id}`\"\n />\n <polygon\n id=\"Rectangle-Copy\"\n fill=\"#D5D7DE\"\n :mask=\"`url(#mask-4-${id})`\"\n transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n />\n </g>\n <polygon\n id=\"Rectangle-Copy-18\"\n fill=\"#F8F9FB\"\n transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n points=\"62 45 79 45 70 58 53 58\"\n />\n </g>\n </g>\n </g>\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n name: 'ImgEmpty',\n setup() {\n return {\n id: ++id,\n }\n },\n})\n</script>\n"],"names":["_createElementVNode"],"mappings":";;;;EAEI,OAAO,EAAC;EACR,OAAO;EACP;EACA;;;;EAUU,YAAU;UAAkB;;;EAC5B,cAAW;UAAiB;;;EADlC;EACA;;;;EASM,YAAU;UAAkB;;;EAC5B,cAAW;UAAiB;;;EADlC;EACA;;;;EAKF;EACA;EACA;EACA;EACA;;;EAEG;EAAY;;;EACV;EAAa;;;EAEZ;EACA;;;;EAIA,IAAG;EACH;EACA;UACO;;;EAGP;EACA;;;EAGE,IAAG;EACH;EACA;UACO;;;EAGP,IAAG;EACH,MAAK;UACE;;;;EAYP,IAAG;EACH;EACA;UACO;;;;EAWR;EAAuB;;;;;;;EAmBxB,IAAG;EACH;EACA;UACO;;;;;;;QAtGV,EAAE;QACH,EAAE,EAAC;QACH,EAAE,EAAC;;;;;QAQF,EAAE;QACH,EAAE,EAAC;QACH,EAAE,EAAC;;;;;QAOE;QAAoB;QAAM;aAAW,EAAC;;;;;;;UAWzCA;;;YAeEA;;;cAYE;cACC;cACD;cACA;cACA;mBACK,EAAC;;;;;;YAWR;YACC;YACD;YACA;iBACK,EAAC;;;mCAGR;;;cAC6BA;;;gBACnB;;;;cAGN;cACA;;;;;cAKA,IAAG;cACH;cACC;;;;;;;;;;;;"}