element-ps 1.0.0-alpha.6 → 1.0.1

package/es/packages/components/divider/src/divider.vue_vue&type=template&id=6ddd3543&lang.mjs

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

package/es/packages/components/divider/src/divider.vue_vue&type=template&id=6ddd3543&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.vue_vue&type=template&id=6ddd3543&lang.mjs","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: 'PsDivider',\n  props: dividerProps,\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;sBACEA;IAAM,oDAAqC;;IAEjC,YAAO,WAAW,8CAD1BA;;MAEG,iDAAkC;;MAEnCC;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './divider.vue_vue&type=script&lang.mjs';
+export { default } from './divider.vue_vue&type=script&lang.mjs';
+import { render } from './divider.vue_vue&type=template&id=6ddd3543&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/divider/src/divider.vue";
+//# sourceMappingURL=divider2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/drawer/index.mjs

@@ -0,0 +1,11 @@
+import './src/index.mjs';
+import script from './src/index.vue_vue&type=script&lang.mjs';
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+const _Drawer = script;
+const PsDrawer = _Drawer;
+
+export { PsDrawer, _Drawer as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/drawer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import Drawer from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nDrawer.install = (app: App): void => {\n  app.component(Drawer.name, Drawer)\n}\n\nconst _Drawer = Drawer as SFCWithInstall<typeof Drawer>\n\nexport default _Drawer\nexport const PsDrawer = _Drawer\n"],"names":["Drawer"],"mappings":";;;AAKAA,OAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,OAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './index.vue_vue&type=script&lang.mjs';
+export { default } from './index.vue_vue&type=script&lang.mjs';
+import { render } from './index.vue_vue&type=template&id=052d0d8e&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/drawer/src/index.vue";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/drawer/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/drawer/src/index.vue_vue&type=script&lang.mjs

@@ -0,0 +1,53 @@
+import { defineComponent, ref, computed } from 'vue';
+import { PsOverlay } from '../../overlay/index.mjs';
+import '../../dialog/index.mjs';
+import { PsIcon } from '../../icon/index.mjs';
+import { Close } from '@element-plus/icons';
+import { dialogProps } from '../../dialog/src/dialog.mjs';
+import { useDialog } from '../../dialog/src/use-dialog.mjs';
+
+var script = defineComponent({
+  name: "PsDrawer",
+  components: {
+    PsOverlay,
+    PsIcon,
+    Close
+  },
+  props: {
+    ...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
+    },
+    widget: {
+      type: String
+    }
+  },
+  setup(props, ctx) {
+    const drawerRef = ref(null);
+    return {
+      ...useDialog(props, ctx, drawerRef),
+      drawerRef,
+      isHorizontal: computed(() => props.direction === "rtl" || props.direction === "ltr"),
+      drawerSize: computed(() => typeof props.size === "number" ? `${props.size}px` : props.size)
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue&type=script&lang.mjs.map

package/es/packages/components/drawer/src/index.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        ref=\"drawerRef\"\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          :widget=\"widget\"\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          >\n            <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section class=\"el-drawer__body\" :widget=\"widget\">\n            <slot></slot>\n          </section>\n        </template>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\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    widget: {\n      type: String,\n    },\n  },\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":[],"mappings":";;;;;;;;AA+DA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;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,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAIV,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY,IAAiB;AACnC,WAAO;AAAA,SACF,UAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAc,SACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAY,SAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.mjs

@@ -0,0 +1,76 @@
+import { resolveComponent, openBlock, createBlock, Teleport, withDirectives, createVNode, withCtx, createElementVNode, normalizeClass, normalizeStyle, withModifiers, createElementBlock, renderSlot, toDisplayString, createCommentVNode, vShow } from 'vue';
+
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["widget"];
+const _hoisted_3 = ["title"];
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = ["widget"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_close = resolveComponent("close");
+  const _component_ps_icon = resolveComponent("ps-icon");
+  const _component_ps_overlay = resolveComponent("ps-overlay");
+  return openBlock(), createBlock(Teleport, {
+    to: "body",
+    disabled: !_ctx.appendToBody
+  }, [
+    withDirectives(createVNode(_component_ps_overlay, {
+      mask: _ctx.modal,
+      "overlay-class": (_ctx.modalClass || "") + (_ctx.widget ? ` ps--drawer-widget-class` : ""),
+      "z-index": _ctx.zIndex
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", {
+          ref: "drawerRef",
+          "aria-modal": "true",
+          "aria-labelledby": "el-drawer__title",
+          "aria-label": _ctx.title,
+          class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+          style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+          role: "dialog",
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          _ctx.withHeader ? (openBlock(), createElementBlock("header", {
+            key: 0,
+            id: "el-drawer__title",
+            class: "el-drawer__header",
+            widget: _ctx.widget
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createElementVNode("span", {
+                role: "heading",
+                title: _ctx.title
+              }, toDisplayString(_ctx.title), 9, _hoisted_3)
+            ]),
+            _ctx.showClose ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              "aria-label": "close " + (_ctx.title || "drawer"),
+              class: "el-drawer__close-btn",
+              type: "button"
+            }, [
+              createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
+                default: withCtx(() => [
+                  createVNode(_component_close)
+                ]),
+                _: 1
+              })
+            ], 8, _hoisted_4)) : createCommentVNode("v-if", true)
+          ], 8, _hoisted_2)) : createCommentVNode("v-if", true),
+          _ctx.rendered ? (openBlock(), createElementBlock("section", {
+            key: 1,
+            class: "el-drawer__body",
+            widget: _ctx.widget
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 8, _hoisted_5)) : createCommentVNode("v-if", true)
+        ], 14, _hoisted_1)
+      ]),
+      _: 3
+    }, 8, ["mask", "overlay-class", "z-index"]), [
+      [vShow, _ctx.visible]
+    ])
+  ], 8, ["disabled"]);
+}
+
+export { render };
+//# sourceMappingURL=index.vue_vue&type=template&id=052d0d8e&lang.mjs.map

package/es/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.mjs","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        ref=\"drawerRef\"\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          :widget=\"widget\"\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          >\n            <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section class=\"el-drawer__body\" :widget=\"widget\">\n            <slot></slot>\n          </section>\n        </template>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\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    widget: {\n      type: String,\n    },\n  },\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":";;;;;;;;;;;sBACEA;IAAU,IAAG;AAAA,IAAQ,WAAW;;mBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;uBAEV;QAAAC;UACE,KAAI;AAAA,UACJ,cAAW;AAAA,UACX,mBAAgB;AAAA,UACf,cAAY;UACZ,oCAAqB,gBAAW,wBAAmB;UACnD;UAGD,MAAK;AAAA,UACJ,iDAAD;;;UAGQ,gCADRC;;YAEE,IAAG;AAAA,YACH,OAAM;AAAA,YACL,QAAQ;;YAETC,qCAAA;cACIF;gBAAM,MAAK;AAAA,gBAAW,OAAO;iCACxB;;YAID,+BADRC;;cAEG;cACD,OAAM;AAAA,cACN,MAAK;AAAA;cAELF,kCAAS,OAAM;iCAAmB;kBAAAA,YAAS;AAAA;AAAA;;;;UAG/B,8BACdE;;YAAS,OAAM;AAAA,YAAmB,QAAQ;;YACxCC;;;;;;cAvCE;;;;;;;"}

package/es/packages/components/dropdown/index.mjs

@@ -0,0 +1,17 @@
+import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
+import './src/dropdown2.mjs';
+import './src/dropdown-item.mjs';
+import './src/dropdown-menu.mjs';
+import script from './src/dropdown.vue_vue&type=script&lang.mjs';
+import script$1 from './src/dropdown-item.vue_vue&type=script&lang.mjs';
+import script$2 from './src/dropdown-menu.vue_vue&type=script&lang.mjs';
+
+const PsDropdown = withInstall(script, {
+  DropdownItem: script$1,
+  DropdownMenu: script$2
+});
+const PsDropdownItem = withNoopInstall(script$1);
+const PsDropdownMenu = withNoopInstall(script$2);
+
+export { PsDropdown, PsDropdownItem, PsDropdownMenu, PsDropdown as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/dropdown/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/dropdown/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-ps/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 PsDropdown = withInstall(Dropdown, {\n  DropdownItem,\n  DropdownMenu,\n})\nexport default PsDropdown\nexport const PsDropdownItem = withNoopInstall(DropdownItem)\nexport const PsDropdownMenu = withNoopInstall(DropdownMenu)\n"],"names":["Dropdown","DropdownItem","DropdownMenu"],"mappings":";;;;;;;;MAMa,aAAa,YAAYA,QAAU;AAAA,gBAC9CC;AAAA,gBACAC;AAAA;MAGW,iBAAiB,gBAAgBD;MACjC,iBAAiB,gBAAgBC;;;;"}

package/es/packages/components/dropdown/src/dropdown-item.mjs

@@ -0,0 +1,7 @@
+import script from './dropdown-item.vue_vue&type=script&lang.mjs';
+export { default } from './dropdown-item.vue_vue&type=script&lang.mjs';
+import { render } from './dropdown-item.vue_vue&type=template&id=396ed16b&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/dropdown/src/dropdown-item.vue";
+//# sourceMappingURL=dropdown-item.mjs.map

package/es/packages/components/dropdown/src/dropdown-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/dropdown/src/dropdown-item.vue_vue&type=script&lang.mjs

@@ -0,0 +1,22 @@
+import { defineComponent } from 'vue';
+import { PsIcon } from '../../icon/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+
+var script = defineComponent({
+  name: "PsDropdownItem",
+  components: { PsIcon },
+  props: buildProps({
+    command: {
+      type: [Object, String, Number],
+      default: () => ({})
+    },
+    disabled: Boolean,
+    divided: Boolean,
+    icon: {
+      type: definePropType([String, Object])
+    }
+  })
+});
+
+export { script as default };
+//# sourceMappingURL=dropdown-item.vue_vue&type=script&lang.mjs.map

package/es/packages/components/dropdown/src/dropdown-item.vue_vue&type=script&lang.mjs.map

@@ -0,0 +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      'el-background--focus': type==='focus'\n    }\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"disabled ? null : -1\"\n  >\n    <ps-icon v-if=\"icon\"><component :is=\"icon\" /></ps-icon>\n    <slot></slot>\n  </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport type { Component } from 'vue'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\n\nexport default defineComponent({\n  name: 'PsDropdownItem',\n  components: { PsIcon },\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})\n</script>\n"],"names":[],"mappings":";;;;AAqBA,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;;;;"}

package/es/packages/components/dropdown/src/dropdown-item.vue_vue&type=template&id=396ed16b&lang.mjs

@@ -0,0 +1,26 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["aria-disabled", "tabindex"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_icon = resolveComponent("ps-icon");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(["el-dropdown-menu__item", {
+      "is-disabled": _ctx.disabled,
+      "el-dropdown-menu__item--divided": _ctx.divided,
+      "el-background--focus": _ctx.type === "focus"
+    }]),
+    "aria-disabled": _ctx.disabled,
+    tabindex: _ctx.disabled ? null : -1
+  }, [
+    _ctx.icon ? (openBlock(), createBlock(_component_ps_icon, { key: 0 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=dropdown-item.vue_vue&type=template&id=396ed16b&lang.mjs.map

package/es/packages/components/dropdown/src/dropdown-item.vue_vue&type=template&id=396ed16b&lang.mjs.map

@@ -0,0 +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      'el-background--focus': type==='focus'\n    }\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"disabled ? null : -1\"\n  >\n    <ps-icon v-if=\"icon\"><component :is=\"icon\" /></ps-icon>\n    <slot></slot>\n  </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport type { Component } from 'vue'\nimport { buildProps, definePropType } from '@element-ps/utils/props'\n\nexport default defineComponent({\n  name: 'PsDropdownItem',\n  components: { PsIcon },\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})\n</script>\n"],"names":["_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;sBACEA;IACE,uBAAM;;;;;IAML,iBAAe;IACf,UAAU;;IAEI,0BAAfC;uBAAqB;sBAAAA,YAAwBC,wBAAR;;;;IACrCC;;;;;;"}

package/es/packages/components/dropdown/src/dropdown-menu.mjs

@@ -0,0 +1,7 @@
+import script from './dropdown-menu.vue_vue&type=script&lang.mjs';
+export { default } from './dropdown-menu.vue_vue&type=script&lang.mjs';
+import { render } from './dropdown-menu.vue_vue&type=template&id=617b3492&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/dropdown/src/dropdown-menu.vue";
+//# sourceMappingURL=dropdown-menu.mjs.map

package/es/packages/components/dropdown/src/dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/dropdown/src/dropdown-menu.vue_vue&type=script&lang.mjs

@@ -0,0 +1,22 @@
+import { defineComponent, onMounted, getCurrentInstance } from 'vue';
+import { useDropdown, initDropdownDomEvent } from './useDropdown.mjs';
+
+var script = defineComponent({
+  name: "PsDropdownMenu",
+  setup() {
+    const { _elDropdownSize, elDropdown } = useDropdown();
+    const size = _elDropdownSize.value;
+    onMounted(() => {
+      var _a;
+      const dropdownMenu = getCurrentInstance();
+      initDropdownDomEvent(dropdownMenu, (_a = elDropdown.triggerElm) == null ? void 0 : _a.value, elDropdown.instance);
+    });
+    return {
+      size,
+      triggerElm: elDropdown.triggerElm
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=dropdown-menu.vue_vue&type=script&lang.mjs.map

package/es/packages/components/dropdown/src/dropdown-menu.vue_vue&type=script&lang.mjs.map

@@ -0,0 +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    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'PsDropdownMenu',\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\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      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAYA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,EAAE,iBAAiB,eAAe;AACxC,UAAM,OAAO,gBAAgB;AAE7B,cAAU,MAAM;;AACd,YAAM,eAAe;AACrB,2BACE,cACA,iBAAW,eAAX,mBAAuB,OACvB,WAAW;AAAA;AAIf,WAAO;AAAA,MACL;AAAA,MACA,YAAY,WAAW;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/dropdown/src/dropdown-menu.vue_vue&type=template&id=617b3492&lang.mjs

@@ -0,0 +1,12 @@
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ul", {
+    class: normalizeClass([[_ctx.size && `el-dropdown-menu--${_ctx.size}`], "el-dropdown-menu"])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=dropdown-menu.vue_vue&type=template&id=617b3492&lang.mjs.map

package/es/packages/components/dropdown/src/dropdown-menu.vue_vue&type=template&id=617b3492&lang.mjs.map

@@ -0,0 +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    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'PsDropdownMenu',\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\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      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;sBACEA;IACG,wBAAQ,kCAA6B,cAChC;AAAA;IAENC;;;;;;"}

package/es/packages/components/dropdown/src/dropdown.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=dropdown.mjs.map

package/es/packages/components/dropdown/src/dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/dropdown/src/dropdown.vue_vue&type=script&lang.mjs

@@ -0,0 +1,109 @@
+import { defineComponent, getCurrentInstance, computed, ref, provide } from 'vue';
+import { PsButton } from '../../button/index.mjs';
+import '../../popper/index.mjs';
+import { addUnit } from '../../../utils/util.mjs';
+import { useDropdown } from './useDropdown.mjs';
+import { PsIcon } from '../../icon/index.mjs';
+import { ArrowDown } from '@element-plus/icons';
+import { Effect } from '../../popper/src/use-popper/defaults.mjs';
+
+const { ButtonGroup: PsButtonGroup } = PsButton;
+var script = defineComponent({
+  name: "PsDropdown",
+  components: {
+    PsButton,
+    PsButtonGroup,
+    PsIcon,
+    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
+    },
+    offset: {
+      type: Number,
+      default: 0
+    },
+    effect: {
+      type: String,
+      default: Effect.LIGHT
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    visibleProp: {
+      type: Boolean,
+      default: false
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    widget: {
+      type: String
+    }
+  },
+  setup(props) {
+    const _instance = getCurrentInstance();
+    const { ELEMENT } = useDropdown();
+    const visible = props.trigger === "manual" ? computed(() => props.visibleProp) : ref(false);
+    const scrollbar = ref(null);
+    const wrapStyle = computed(() => `max-height: ${addUnit(props.maxHeight)}`);
+    const triggerVnode = ref(null);
+    const triggerElm = 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];
+    });
+    const dropdownSize = computed(() => props.size || ELEMENT.size);
+    provide("elDropdown", {
+      instance: _instance,
+      dropdownSize,
+      visible,
+      trigger: computed(() => props.trigger),
+      triggerElm
+    });
+    return {
+      visible,
+      scrollbar,
+      wrapStyle,
+      dropdownSize,
+      triggerVnode
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=dropdown.vue_vue&type=script&lang.mjs.map

package/es/packages/components/dropdown/src/dropdown.vue_vue&type=script&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-dropdown',\n          dropdownSize ? 'el-dropdown--' + dropdownSize : '',\n        ]\"\n    :widget=\"widget\"\n  >\n    <slot v-if=\"!splitButton\" name=\"default\"></slot>\n    <template v-else>\n      <ps-button-group>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n        >\n          <slot name=\"default\"></slot>\n        </ps-button>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          class=\"el-dropdown__caret-button\"\n        >\n          <ps-icon class=\"el-dropdown__icon\"><arrow-down /></ps-icon>\n        </ps-button>\n      </ps-button-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  getCurrentInstance,\n  ref,\n  computed,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport { Effect } from '@element-ps/components/popper'\nimport { addUnit } from '@element-ps/utils/util'\nimport { useDropdown } from './useDropdown'\nimport type { Placement, TriggerType } from '@element-ps/components/popper'\nimport type { PropType, ComponentPublicInstance } from 'vue'\nimport type { buttonType } from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { ArrowDown } from '@element-plus/icons'\n\ntype Nullable<T> = null | T\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n  name: 'PsDropdown',\n  components: {\n    PsButton,\n    PsButtonGroup,\n    PsIcon,\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    offset: {\n      type: Number,\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    visibleProp: {\n      type: Boolean,\n      default: false,\n    },\n    showArrow: {\n      type: Boolean,\n      default: true,\n    },\n    popperClass: {\n      type: String,\n      default: '',\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props) {\n    const _instance = getCurrentInstance()\n    const { ELEMENT } = useDropdown()\n\n    const visible = props.trigger === 'manual' ? computed(() => props.visibleProp) : ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed(() => `max-height: ${addUnit(props.maxHeight)}`)\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    const dropdownSize = computed(() => props.size || ELEMENT.size)\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      visible,\n      trigger: computed(() => props.trigger),\n      triggerElm,\n    })\n\n    return {\n      visible,\n      scrollbar,\n      wrapStyle,\n      dropdownSize,\n      triggerVnode,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AA+CA,MAAM,EAAE,aAAa,kBAAkB;AAEvC,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,IACb,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,OAAO;AAAA;AAAA,IAElB,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO;AACX,UAAM,YAAY;AAClB,UAAM,EAAE,YAAY;AAEpB,UAAM,UAAU,MAAM,YAAY,WAAW,SAAS,MAAM,MAAM,eAAe,IAAI;AACrF,UAAM,YAAY,IAAI;AACtB,UAAM,YAAY,SAAS,MAAM,eAAe,QAAQ,MAAM;AAE9D,UAAM,eAAe,IAAuC;AAC5D,UAAM,aAAa,SAAsC,MAAM;;AAC7D,YAAM,IAAU,yBAAa,UAAb,mBAAoB,MAAM,eAA1B,mBACZ,SAAS;AACb,aAAO,CAAC,MAAM,cAAc,IAAI,6BAAG,aAAH,mBAAc;AAAA;AAGhD,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,QAAQ;AAE1D,YAAQ,cAAc;AAAA,MACpB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,SAAS,SAAS,MAAM,MAAM;AAAA,MAC9B;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/dropdown/src/dropdown.vue_vue&type=template&id=3ed790a5&lang.mjs

@@ -0,0 +1,49 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createVNode } from 'vue';
+
+const _hoisted_1 = ["widget"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_button = resolveComponent("ps-button");
+  const _component_arrow_down = resolveComponent("arrow-down");
+  const _component_ps_icon = resolveComponent("ps-icon");
+  const _component_ps_button_group = resolveComponent("ps-button-group");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([
+      "el-dropdown",
+      _ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""
+    ]),
+    widget: _ctx.widget
+  }, [
+    !_ctx.splitButton ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_ps_button_group, { key: 1 }, {
+      default: withCtx(() => [
+        createVNode(_component_ps_button, {
+          size: _ctx.dropdownSize,
+          type: _ctx.type
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["size", "type"]),
+        createVNode(_component_ps_button, {
+          size: _ctx.dropdownSize,
+          type: _ctx.type,
+          class: "el-dropdown__caret-button"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ps_icon, { class: "el-dropdown__icon" }, {
+              default: withCtx(() => [
+                createVNode(_component_arrow_down)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size", "type"])
+      ]),
+      _: 3
+    }))
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=dropdown.vue_vue&type=template&id=3ed790a5&lang.mjs.map

package/es/packages/components/dropdown/src/dropdown.vue_vue&type=template&id=3ed790a5&lang.mjs.map

@@ -0,0 +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\n    :class=\"[\n          'el-dropdown',\n          dropdownSize ? 'el-dropdown--' + dropdownSize : '',\n        ]\"\n    :widget=\"widget\"\n  >\n    <slot v-if=\"!splitButton\" name=\"default\"></slot>\n    <template v-else>\n      <ps-button-group>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n        >\n          <slot name=\"default\"></slot>\n        </ps-button>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          class=\"el-dropdown__caret-button\"\n        >\n          <ps-icon class=\"el-dropdown__icon\"><arrow-down /></ps-icon>\n        </ps-button>\n      </ps-button-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  getCurrentInstance,\n  ref,\n  computed,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport { Effect } from '@element-ps/components/popper'\nimport { addUnit } from '@element-ps/utils/util'\nimport { useDropdown } from './useDropdown'\nimport type { Placement, TriggerType } from '@element-ps/components/popper'\nimport type { PropType, ComponentPublicInstance } from 'vue'\nimport type { buttonType } from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { ArrowDown } from '@element-plus/icons'\n\ntype Nullable<T> = null | T\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n  name: 'PsDropdown',\n  components: {\n    PsButton,\n    PsButtonGroup,\n    PsIcon,\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    offset: {\n      type: Number,\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    visibleProp: {\n      type: Boolean,\n      default: false,\n    },\n    showArrow: {\n      type: Boolean,\n      default: true,\n    },\n    popperClass: {\n      type: String,\n      default: '',\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props) {\n    const _instance = getCurrentInstance()\n    const { ELEMENT } = useDropdown()\n\n    const visible = props.trigger === 'manual' ? computed(() => props.visibleProp) : ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed(() => `max-height: ${addUnit(props.maxHeight)}`)\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    const dropdownSize = computed(() => props.size || ELEMENT.size)\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      visible,\n      trigger: computed(() => props.trigger),\n      triggerElm,\n    })\n\n    return {\n      visible,\n      scrollbar,\n      wrapStyle,\n      dropdownSize,\n      triggerVnode,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot","_createBlock","_createVNode"],"mappings":";;;;;;;;sBACEA;IACG;;;;IAIA,QAAQ;;KAEI,mBAAbC,+DAEEC;uBACE;QAAAC;UACG,MAAM;UACN,MAAM;;2BAEP;YAAAF;;;;QAEFE;UACG,MAAM;UACN,MAAM;UACP,OAAM;AAAA;2BAEN;YAAAA,kCAAS,OAAM;+BAAoB;gBAAAA,YAAc;AAAA;AAAA;;;;;;;;;;;;;"}

package/es/packages/components/dropdown/src/dropdown2.mjs

@@ -0,0 +1,7 @@
+import script from './dropdown.vue_vue&type=script&lang.mjs';
+export { default } from './dropdown.vue_vue&type=script&lang.mjs';
+import { render } from './dropdown.vue_vue&type=template&id=3ed790a5&lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/dropdown/src/dropdown.vue";
+//# sourceMappingURL=dropdown2.mjs.map

package/es/packages/components/dropdown/src/dropdown2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}