element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/divider/src/divider.vue_vue&type=script&lang.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var divider = require('./divider.js');
-
-var script = vue.defineComponent({
-  name: "ElDivider",
-  props: divider.dividerProps
-});
-
-exports["default"] = script;
-//# sourceMappingURL=divider.vue_vue&type=script&lang.js.map

package/lib/components/divider/src/divider.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div :class=\"['el-divider', `el-divider--${direction}`]\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"['el-divider__text', `is-${contentPosition}`]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nimport { dividerProps } from './divider'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n})\n</script>\n"],"names":["defineComponent","dividerProps"],"mappings":";;;;;;;AAgBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA;;;;"}

package/lib/components/divider/src/divider.vue_vue&type=template&id=6ddd3543&lang.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["el-divider", `el-divider--${_ctx.direction}`])
-  }, [
-    _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: vue.normalizeClass(["el-divider__text", `is-${_ctx.contentPosition}`])
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2)) : vue.createCommentVNode("v-if", true)
-  ], 2);
-}
-
-exports.render = render;
-//# sourceMappingURL=divider.vue_vue&type=template&id=6ddd3543&lang.js.map

package/lib/components/divider/src/divider.vue_vue&type=template&id=6ddd3543&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.vue_vue&type=template&id=6ddd3543&lang.js","sources":["../../../../../../packages/components/divider/src/divider.vue?vue&type=template&id=6ddd3543&lang.js"],"sourcesContent":["<template>\n  <div :class=\"['el-divider', `el-divider--${direction}`]\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"['el-divider__text', `is-${contentPosition}`]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nimport { dividerProps } from './divider'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;0BACEA;IAAM,wDAAqC;;IAEjC,YAAO,WAAW,kDAD1BA;;MAEG,qDAAkC;;MAEnCC;;;;;;;"}

package/lib/components/drawer/src/index.vue_vue&type=script&lang.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../overlay/index.js');
-require('../../dialog/index.js');
-var index$1 = require('../../icon/index.js');
-require('../../../directives/index.js');
-var icons = require('@element-plus/icons');
-var index$2 = require('../../../directives/trap-focus/index.js');
-var dialog = require('../../dialog/src/dialog.js');
-var useDialog = require('../../dialog/src/use-dialog.js');
-
-var script = vue.defineComponent({
-  name: "ElDrawer",
-  components: {
-    ElOverlay: index.ElOverlay,
-    ElIcon: index$1.ElIcon,
-    Close: icons.Close
-  },
-  directives: {
-    TrapFocus: index$2["default"]
-  },
-  props: {
-    ...dialog.dialogProps,
-    direction: {
-      type: String,
-      default: "rtl",
-      validator: (val) => {
-        return ["ltr", "rtl", "ttb", "btt"].indexOf(val) !== -1;
-      }
-    },
-    size: {
-      type: [String, Number],
-      default: "30%"
-    },
-    withHeader: {
-      type: Boolean,
-      default: true
-    },
-    modalFade: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: dialog.dialogEmits,
-  setup(props, ctx) {
-    const drawerRef = vue.ref(null);
-    return {
-      ...useDialog.useDialog(props, ctx, drawerRef),
-      drawerRef,
-      isHorizontal: vue.computed(() => props.direction === "rtl" || props.direction === "ltr"),
-      drawerSize: vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size)
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=index.vue_vue&type=script&lang.js.map

package/lib/components/drawer/src/index.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/drawer/src/index.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 { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n  dialogEmits,\n} from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { Close } from '@element-plus/icons'\n\nimport type { PropType, SetupContext } from 'vue'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\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  },\n\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr'\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size\n      ),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElIcon","Close","TrapFocus","dialogProps","dialogEmits","ref","useDialog","computed"],"mappings":";;;;;;;;;;;;;;AA2EA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,WACAC;AAAA;AAAA,EAEF,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAO;AAAA,OACFC;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,OAAOC;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC,QAAiB;AACnC,WAAO;AAAA,SACFC,oBAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAcC,aACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAYA,aAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}

package/lib/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = {
-  key: 0,
-  id: "el-drawer__title",
-  class: "el-drawer__header"
-};
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = {
-  key: 1,
-  class: "el-drawer__body"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = vue.resolveComponent("close");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_overlay = vue.resolveComponent("el-overlay");
-  const _directive_trap_focus = vue.resolveDirective("trap-focus");
-  return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    vue.createVNode(vue.Transition, {
-      name: "el-drawer-fade",
-      onAfterEnter: _ctx.afterEnter,
-      onAfterLeave: _ctx.afterLeave,
-      onBeforeLeave: _ctx.beforeLeave
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createVNode(_component_el_overlay, {
-          mask: _ctx.modal,
-          "overlay-class": _ctx.modalClass,
-          "z-index": _ctx.zIndex,
-          onClick: _ctx.onModalClick
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
-              ref: "drawerRef",
-              "aria-modal": "true",
-              "aria-labelledby": "el-drawer__title",
-              "aria-label": _ctx.title,
-              class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-              style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-              role: "dialog",
-              onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [
-                vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                  vue.createElementVNode("span", {
-                    role: "heading",
-                    title: _ctx.title
-                  }, vue.toDisplayString(_ctx.title), 9, _hoisted_3)
-                ]),
-                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  "aria-label": "close " + (_ctx.title || "drawer"),
-                  class: "el-drawer__close-btn",
-                  type: "button",
-                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-                }, [
-                  vue.createVNode(_component_el_icon, { class: "el-drawer__close" }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_close)
-                    ]),
-                    _: 1
-                  })
-                ], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-              ])) : vue.createCommentVNode("v-if", true),
-              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_5, [
-                vue.renderSlot(_ctx.$slots, "default")
-              ])) : vue.createCommentVNode("v-if", true)
-            ], 14, _hoisted_1), [
-              [_directive_trap_focus]
-            ])
-          ]),
-          _: 3
-        }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-          [vue.vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-  ], 8, ["disabled"]);
-}
-
-exports.render = render;
-//# sourceMappingURL=index.vue_vue&type=template&id=052d0d8e&lang.js.map

package/lib/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&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 { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n  dialogEmits,\n} from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { Close } from '@element-plus/icons'\n\nimport type { PropType, SetupContext } from 'vue'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\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  },\n\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr'\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size\n      ),\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;;;;EA8BY,IAAG;AAAA,EACH,OAAM;AAAA;;;;;EAkBG,OAAM;AAAA;;;;;;0BAhDzBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;IAC9BC;MACE,MAAK;AAAA,MACJ,cAAa;MACb,cAAa;MACb,eAAc;;2BAEf;2BAAAA;UAEG,MAAM;UACN,iBAAe;UACf,WAAS;UACT,SAAO;;+BAER;+BAAAC;cACE,KAAI;AAAA,cAEJ,cAAW;AAAA,cACX,mBAAgB;AAAA,cACf,cAAY;cACZ,wCAAqB,gBAAW,wBAAmB;cACnD;cAGD,MAAK;AAAA,cACJ,qDAAD;;;cAGQ,oCADRC,iCAAA;gBAKEC,yCAAA;kBACEF;oBAAM,MAAK;AAAA,oBAAW,OAAO;yCACxB;;gBAIC,mCADRC;;kBAEG;kBACD,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gDAAO;;kBAERF,sCAAS,OAAM;yCAAmB;sBAAAA,gBAAS;AAAA;AAAA;;;;cAG/B,kCACdE,kCAAA;gBACEC;;;;;;;;sBAzCE;;;;;;;;;;"}

package/lib/components/dropdown/src/dropdown-item.vue_vue&type=script&lang.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../icon/index.js');
-var props = require('../../../utils/props.js');
-var useDropdown = require('./useDropdown.js');
-
-var script = vue.defineComponent({
-  name: "ElDropdownItem",
-  components: { ElIcon: index.ElIcon },
-  props: props.buildProps({
-    command: {
-      type: [Object, String, Number],
-      default: () => ({})
-    },
-    disabled: Boolean,
-    divided: Boolean,
-    icon: {
-      type: props.definePropType([String, Object])
-    }
-  }),
-  setup(props) {
-    const { elDropdown } = useDropdown.useDropdown();
-    const _instance = vue.getCurrentInstance();
-    function handleClick(e) {
-      var _a, _b;
-      if (props.disabled) {
-        e.stopImmediatePropagation();
-        return;
-      }
-      if (elDropdown.hideOnClick.value) {
-        (_a = elDropdown.handleClick) == null ? void 0 : _a.call(elDropdown);
-      }
-      (_b = elDropdown.commandHandler) == null ? void 0 : _b.call(elDropdown, props.command, _instance, e);
-    }
-    return {
-      handleClick
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=dropdown-item.vue_vue&type=script&lang.js.map

package/lib/components/dropdown/src/dropdown-item.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item.vue_vue&type=script&lang.js","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":["defineComponent","ElIcon","buildProps","definePropType","useDropdown","getCurrentInstance"],"mappings":";;;;;;;;;AAsBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,UAAEC;AAAA,EACd,OAAOC,iBAAW;AAAA,IAChB,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAO;AAAA,IAElB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAMC,qBAAmC,CAAC,QAAQ;AAAA;AAAA;AAAA,EAGtD,MAAM,OAAO;AACX,UAAM,EAAE,eAAeC;AACvB,UAAM,YAAYC;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;;;;"}

package/lib/components/dropdown/src/dropdown-item.vue_vue&type=template&id=396ed16b&lang.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-disabled", "tabindex"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("li", {
-    class: vue.normalizeClass(["el-dropdown-menu__item", {
-      "is-disabled": _ctx.disabled,
-      "el-dropdown-menu__item--divided": _ctx.divided
-    }]),
-    "aria-disabled": _ctx.disabled,
-    tabindex: _ctx.disabled ? null : -1,
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-      ]),
-      _: 1
-    })) : vue.createCommentVNode("v-if", true),
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 10, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=dropdown-item.vue_vue&type=template&id=396ed16b&lang.js.map

package/lib/components/dropdown/src/dropdown-item.vue_vue&type=template&id=396ed16b&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item.vue_vue&type=template&id=396ed16b&lang.js","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":";;;;;;;;;0BACEA;IACE,2BAAM;;;;IAKL,iBAAe;IACf,UAAU;IACV,gDAAO;;IAEO,8BAAfC;2BAAqB;0BAAAA,gBAAwBC,4BAAR;;;;IACrCC;;;;;;"}

package/lib/components/dropdown/src/dropdown-menu.vue_vue&type=script&lang.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../directives/index.js');
-var useDropdown = require('./useDropdown.js');
-var index = require('../../../directives/click-outside/index.js');
-
-var script = vue.defineComponent({
-  name: "ElDropdownMenu",
-  directives: {
-    ClickOutside: index["default"]
-  },
-  setup() {
-    const { _elDropdownSize, elDropdown } = useDropdown.useDropdown();
-    const size = _elDropdownSize.value;
-    function show() {
-      var _a;
-      if (["click", "contextmenu"].includes(elDropdown.trigger.value))
-        return;
-      (_a = elDropdown.show) == null ? void 0 : _a.call(elDropdown);
-    }
-    function hide() {
-      if (["click", "contextmenu"].includes(elDropdown.trigger.value))
-        return;
-      _hide();
-    }
-    function _hide() {
-      var _a;
-      (_a = elDropdown.hide) == null ? void 0 : _a.call(elDropdown);
-    }
-    vue.onMounted(() => {
-      const dropdownMenu = vue.getCurrentInstance();
-      useDropdown.initDropdownDomEvent(dropdownMenu, elDropdown.triggerElm.value, elDropdown.instance);
-    });
-    return {
-      size,
-      show,
-      hide,
-      innerHide: _hide,
-      triggerElm: elDropdown.triggerElm
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=dropdown-menu.vue_vue&type=script&lang.js.map

package/lib/components/dropdown/src/dropdown-menu.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.vue_vue&type=script&lang.js","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":["defineComponent","ClickOutside","useDropdown","getCurrentInstance"],"mappings":";;;;;;;;;AAgBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,kBACVC;AAAA;AAAA,EAEF,QAAQ;AACN,UAAM,EAAE,iBAAiB,eAAeC;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,kBAAU,MAAM;AACd,YAAM,eAAeC;AACrB,uCACE,cACA,WAAW,WAAW,OACtB,WAAW;AAAA;AAIf,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,YAAY,WAAW;AAAA;AAAA;AAAA;;;;"}

package/lib/components/dropdown/src/dropdown-menu.vue_vue&type=template&id=617b3492&lang.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _directive_clickOutside = vue.resolveDirective("clickOutside");
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
-    class: vue.normalizeClass([[_ctx.size && `el-dropdown-menu--${_ctx.size}`], "el-dropdown-menu"]),
-    onMouseenter: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.show && _ctx.show(...args), ["stop"])),
-    onMouseleave: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.hide && _ctx.hide(...args), ["stop"]))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 34)), [
-    [_directive_clickOutside, _ctx.innerHide, _ctx.triggerElm]
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=dropdown-menu.vue_vue&type=template&id=617b3492&lang.js.map

package/lib/components/dropdown/src/dropdown-menu.vue_vue&type=template&id=617b3492&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.vue_vue&type=template&id=617b3492&lang.js","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":";;;;;;;;8CACEA;IAEG,4BAAQ,kCAA6B,cAChC;AAAA,IACL,uEAAiB;IACjB,uEAAiB;;IAElBC;;8BAN6B,gBAAd;;;;;;"}

package/lib/components/dropdown/src/dropdown.vue_vue&type=script&lang.js

@@ -1,208 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../button/index.js');
-var index$2 = require('../../popper/index.js');
-var index$1 = require('../../scrollbar/index.js');
-var index$3 = require('../../icon/index.js');
-var dom = require('../../../utils/dom.js');
-var util = require('../../../utils/util.js');
-var icons = require('@element-plus/icons');
-var useDropdown = require('./useDropdown.js');
-var defaults = require('../../popper/src/use-popper/defaults.js');
-
-const { ButtonGroup: ElButtonGroup } = index.ElButton;
-var script = vue.defineComponent({
-  name: "ElDropdown",
-  components: {
-    ElButton: index.ElButton,
-    ElButtonGroup,
-    ElScrollbar: index$1["default"],
-    ElPopper: index$2["default"],
-    ElIcon: index$3.ElIcon,
-    ArrowDown: icons.ArrowDown
-  },
-  props: {
-    trigger: {
-      type: String,
-      default: "hover"
-    },
-    type: String,
-    size: {
-      type: String,
-      default: ""
-    },
-    splitButton: Boolean,
-    hideOnClick: {
-      type: Boolean,
-      default: true
-    },
-    placement: {
-      type: String,
-      default: "bottom"
-    },
-    showTimeout: {
-      type: Number,
-      default: 150
-    },
-    hideTimeout: {
-      type: Number,
-      default: 150
-    },
-    tabindex: {
-      type: [Number, String],
-      default: 0
-    },
-    effect: {
-      type: String,
-      default: defaults.Effect.LIGHT
-    },
-    maxHeight: {
-      type: [Number, String],
-      default: ""
-    }
-  },
-  emits: ["visible-change", "click", "command"],
-  setup(props, { emit }) {
-    const _instance = vue.getCurrentInstance();
-    const { ELEMENT } = useDropdown.useDropdown();
-    const timeout = vue.ref(null);
-    const visible = vue.ref(false);
-    const scrollbar = vue.ref(null);
-    const wrapStyle = vue.computed(() => `max-height: ${util.addUnit(props.maxHeight)}`);
-    vue.watch(() => visible.value, (val) => {
-      if (val)
-        triggerElmFocus();
-      if (!val)
-        triggerElmBlur();
-      emit("visible-change", val);
-    });
-    const focusing = vue.ref(false);
-    vue.watch(() => focusing.value, (val) => {
-      const selfDefine = triggerElm.value;
-      if (selfDefine) {
-        if (val) {
-          dom.addClass(selfDefine, "focusing");
-        } else {
-          dom.removeClass(selfDefine, "focusing");
-        }
-      }
-    });
-    const triggerVnode = vue.ref(null);
-    const triggerElm = vue.computed(() => {
-      var _a, _b, _c;
-      const _ = (_b = (_a = triggerVnode.value) == null ? void 0 : _a.$refs.triggerRef) == null ? void 0 : _b.children[0];
-      return !props.splitButton ? _ : (_c = _ == null ? void 0 : _.children) == null ? void 0 : _c[1];
-    });
-    function handleClick() {
-      var _a;
-      if ((_a = triggerElm.value) == null ? void 0 : _a.disabled)
-        return;
-      if (visible.value) {
-        hide();
-      } else {
-        show();
-      }
-    }
-    function show() {
-      var _a;
-      if ((_a = triggerElm.value) == null ? void 0 : _a.disabled)
-        return;
-      timeout.value && clearTimeout(timeout.value);
-      timeout.value = window.setTimeout(() => {
-        visible.value = true;
-      }, ["click", "contextmenu"].includes(props.trigger) ? 0 : props.showTimeout);
-    }
-    function hide() {
-      var _a;
-      if ((_a = triggerElm.value) == null ? void 0 : _a.disabled)
-        return;
-      removeTabindex();
-      if (props.tabindex >= 0) {
-        resetTabindex(triggerElm.value);
-      }
-      clearTimeout(timeout.value);
-      timeout.value = window.setTimeout(() => {
-        visible.value = false;
-      }, ["click", "contextmenu"].includes(props.trigger) ? 0 : props.hideTimeout);
-    }
-    function removeTabindex() {
-      var _a;
-      (_a = triggerElm.value) == null ? void 0 : _a.setAttribute("tabindex", "-1");
-    }
-    function resetTabindex(ele) {
-      removeTabindex();
-      ele == null ? void 0 : ele.setAttribute("tabindex", "0");
-    }
-    function triggerElmFocus() {
-      var _a, _b;
-      (_b = (_a = triggerElm.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    }
-    function triggerElmBlur() {
-      var _a, _b;
-      (_b = (_a = triggerElm.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
-    }
-    const dropdownSize = vue.computed(() => props.size || ELEMENT.size);
-    function commandHandler(...args) {
-      emit("command", ...args);
-    }
-    vue.provide("elDropdown", {
-      instance: _instance,
-      dropdownSize,
-      visible,
-      handleClick,
-      commandHandler,
-      show,
-      hide,
-      trigger: vue.computed(() => props.trigger),
-      hideOnClick: vue.computed(() => props.hideOnClick),
-      triggerElm
-    });
-    vue.onMounted(() => {
-      if (!props.splitButton) {
-        dom.on(triggerElm.value, "focus", () => {
-          focusing.value = true;
-        });
-        dom.on(triggerElm.value, "blur", () => {
-          focusing.value = false;
-        });
-        dom.on(triggerElm.value, "click", () => {
-          focusing.value = false;
-        });
-      }
-      if (props.trigger === "hover") {
-        dom.on(triggerElm.value, "mouseenter", show);
-        dom.on(triggerElm.value, "mouseleave", hide);
-      } else if (props.trigger === "click") {
-        dom.on(triggerElm.value, "click", handleClick);
-      } else if (props.trigger === "contextmenu") {
-        dom.on(triggerElm.value, "contextmenu", (e) => {
-          e.preventDefault();
-          handleClick();
-        });
-      }
-      Object.assign(_instance, {
-        handleClick,
-        hide,
-        resetTabindex
-      });
-    });
-    const handlerMainButtonClick = (event) => {
-      emit("click", event);
-      hide();
-    };
-    return {
-      visible,
-      scrollbar,
-      wrapStyle,
-      dropdownSize,
-      handlerMainButtonClick,
-      triggerVnode
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=dropdown.vue_vue&type=script&lang.js.map

package/lib/components/dropdown/src/dropdown.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.vue_vue&type=script&lang.js","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'\nimport { useDropdown } from './useDropdown'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance } 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    const { ELEMENT } = useDropdown()\n\n    const timeout = ref<Nullable<number>>(null)\n\n    const visible = ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed(() => `max-height: ${addUnit(props.maxHeight)}`)\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 = computed(() => props.size || ELEMENT.size)\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":["ElButton","defineComponent","ElScrollbar","ElPopper","ElIcon","ArrowDown","Effect","getCurrentInstance","useDropdown","ref","computed","addUnit"],"mappings":"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"}