element-ps 2.0.34 → 2.0.37

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport { dialogProps } from '@element-ps/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  widget: {\n    type: String,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n"],"names":["buildProps","dialogProps"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;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,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.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        v-trap-focus\n        aria-modal=\"true\"\n        :aria-labelledby=\"ns.e('title')\"\n        :aria-label=\"title\"\n        :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n        :style=\"\n          isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n        \"\n        role=\"dialog\"\n        :widget=\"widget\"\n      >\n        <header v-if=\"withHeader\"\n                :id=\"ns.e('title')\" :class=\"ns.e('header')\"\n                :widget=\"widget ? 'drawer:title:' + widget.split(':')[1] : undefined\"\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=\"ns.e('close-btn')\"\n            type=\"button\"\n          >\n            <ps-icon :class=\"ns.e('close')\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section :class=\"ns.e('body')\"\n                   :widget=\"widget ? 'drawer:default:' + widget.split(':')[1] : undefined\"\n          >\n            <slot />\n          </section>\n        </template>\n        <div v-if=\"$slots.footer\"\n             :class=\"ns.e('footer')\"\n             :widget=\"widget ? 'drawer:footer:' + widget.split(':')[1] : undefined\"\n        >\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useDialog } from '@element-ps/components/dialog'\nimport PsIcon from '@element-ps/components/icon'\nimport { TrapFocus } from '@element-ps/directives'\nimport { useNamespace } from '@element-ps/hooks'\nimport { drawerProps } from './drawer'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n    const ns = useNamespace('drawer')\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      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsOverlay","PsIcon","Close","TrapFocus","drawerProps","ref","useNamespace","computed","useDialog","_createBlock","_Teleport","_createVNode","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/lib/components/drawer/src/drawer2.js

@@ -2,128 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var iconsVue = require('@element-plus/icons-vue');
-var index = require('../../overlay/index.js');
+require('../../../utils/index.js');
 require('../../dialog/index.js');
-var index$1 = require('../../icon/index.js');
-require('../../../directives/index.js');
-require('../../../hooks/index.js');
-var drawer = require('./drawer.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$2 = require('../../../directives/trap-focus/index.js');
-var index$3 = require('../../../hooks/use-namespace/index.js');
-var useDialog = require('../../dialog/src/use-dialog.js');
+var props = require('../../../utils/vue/props.js');
+var dialog = require('../../dialog/src/dialog.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "PsDrawer",
-  components: {
-    PsOverlay: index.PsOverlay,
-    PsIcon: index$1.PsIcon,
-    Close: iconsVue.Close
+const drawerProps = props.buildProps({
+  ...dialog.dialogProps,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
   },
-  directives: {
-    TrapFocus: index$2["default"]
+  size: {
+    type: [String, Number],
+    default: "30%"
   },
-  props: drawer.drawerProps,
-  setup(props, ctx) {
-    const drawerRef = vue.ref();
-    const ns = index$3.useNamespace("drawer");
-    const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
-    const drawerSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
-    return {
-      ...useDialog.useDialog(props, ctx, drawerRef),
-      drawerRef,
-      isHorizontal,
-      drawerSize,
-      ns
-    };
+  withHeader: {
+    type: Boolean,
+    default: true
+  },
+  modalFade: {
+    type: Boolean,
+    default: true
+  },
+  widget: {
+    type: String
   }
 });
-const _hoisted_1 = ["aria-labelledby", "aria-label", "widget"];
-const _hoisted_2 = ["id", "widget"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = ["widget"];
-const _hoisted_6 = ["widget"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = vue.resolveComponent("close");
-  const _component_ps_icon = vue.resolveComponent("ps-icon");
-  const _component_ps_overlay = vue.resolveComponent("ps-overlay");
-  const _directive_trap_focus = vue.resolveDirective("trap-focus");
-  return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    vue.withDirectives(vue.createVNode(_component_ps_overlay, {
-      mask: _ctx.modal,
-      "overlay-class": (_ctx.modalClass || "") + (_ctx.widget ? ` ps--drawer-widget-class` : ""),
-      "z-index": _ctx.zIndex
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          ref: "drawerRef",
-          "aria-modal": "true",
-          "aria-labelledby": _ctx.ns.e("title"),
-          "aria-label": _ctx.title,
-          class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-          style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-          role: "dialog",
-          widget: _ctx.widget
-        }, [
-          _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-            key: 0,
-            id: _ctx.ns.e("title"),
-            class: vue.normalizeClass(_ctx.ns.e("header")),
-            widget: _ctx.widget ? "drawer:title:" + _ctx.widget.split(":")[1] : void 0
-          }, [
-            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: vue.normalizeClass(_ctx.ns.e("close-btn")),
-              type: "button"
-            }, [
-              vue.createVNode(_component_ps_icon, {
-                class: vue.normalizeClass(_ctx.ns.e("close"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_close)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-          ], 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-          _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
-            key: 1,
-            class: vue.normalizeClass(_ctx.ns.e("body")),
-            widget: _ctx.widget ? "drawer:default:" + _ctx.widget.split(":")[1] : void 0
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_5)) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 2,
-            class: vue.normalizeClass(_ctx.ns.e("footer")),
-            widget: _ctx.widget ? "drawer:footer:" + _ctx.widget.split(":")[1] : void 0
-          }, [
-            vue.renderSlot(_ctx.$slots, "footer")
-          ], 10, _hoisted_6)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1)), [
-          [_directive_trap_focus]
-        ])
-      ]),
-      _: 3
-    }, 8, ["mask", "overlay-class", "z-index"]), [
-      [vue.vShow, _ctx.visible]
-    ])
-  ], 8, ["disabled"]);
-}
-var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/drawer/src/drawer.vue"]]);
 
-exports["default"] = Drawer;
+exports.drawerProps = drawerProps;
 //# sourceMappingURL=drawer2.js.map

package/lib/components/drawer/src/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.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        v-trap-focus\n        aria-modal=\"true\"\n        :aria-labelledby=\"ns.e('title')\"\n        :aria-label=\"title\"\n        :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n        :style=\"\n          isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n        \"\n        role=\"dialog\"\n        :widget=\"widget\"\n      >\n        <header v-if=\"withHeader\"\n                :id=\"ns.e('title')\" :class=\"ns.e('header')\"\n                :widget=\"widget ? 'drawer:title:' + widget.split(':')[1] : undefined\"\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=\"ns.e('close-btn')\"\n            type=\"button\"\n          >\n            <ps-icon :class=\"ns.e('close')\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section :class=\"ns.e('body')\"\n                   :widget=\"widget ? 'drawer:default:' + widget.split(':')[1] : undefined\"\n          >\n            <slot />\n          </section>\n        </template>\n        <div v-if=\"$slots.footer\"\n             :class=\"ns.e('footer')\"\n             :widget=\"widget ? 'drawer:footer:' + widget.split(':')[1] : undefined\"\n        >\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useDialog } from '@element-ps/components/dialog'\nimport PsIcon from '@element-ps/components/icon'\nimport { TrapFocus } from '@element-ps/directives'\nimport { useNamespace } from '@element-ps/hooks'\nimport { drawerProps } from './drawer'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n    const ns = useNamespace('drawer')\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      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsOverlay","PsIcon","Close","TrapFocus","drawerProps","ref","useNamespace","computed","useDialog","_createBlock","_Teleport","_createVNode","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport { dialogProps } from '@element-ps/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  widget: {\n    type: String,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n"],"names":["buildProps","dialogProps"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;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,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

package/lib/components/dropdown/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var dropdown$1 = require('./src/dropdown.js');
+var dropdown$1 = require('./src/dropdown2.js');
 var dropdownItem = require('./src/dropdown-item.js');
 var dropdownMenu = require('./src/dropdown-menu.js');
-var dropdown = require('./src/dropdown2.js');
+var dropdown = require('./src/dropdown.js');
 var tokens = require('./src/tokens.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index = require('../../icon/index.js');
 require('../../../hooks/index.js');
-var dropdown = require('./dropdown2.js');
+var dropdown = require('./dropdown.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 

package/lib/components/dropdown/src/dropdown-item.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../roving-focus-group/index.js');
 var dropdownItemImpl = require('./dropdown-item-impl.js');
-var dropdown = require('./dropdown2.js');
+var dropdown = require('./dropdown.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var rovingFocusItem = require('../../roving-focus-group/src/roving-focus-item.js');
 

package/lib/components/dropdown/src/dropdown-menu.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../hooks/index.js');
-var dropdown = require('./dropdown2.js');
+var dropdown = require('./dropdown.js');
 var useDropdown = require('./useDropdown.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');

package/lib/components/dropdown/src/dropdown.js

@@ -2,118 +2,118 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index = require('../../button/index.js');
-var index$1 = require('../../icon/index.js');
 require('../../../utils/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../hooks/index.js');
-var dropdown = require('./dropdown2.js');
-var tokens = require('./tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
-var index$3 = require('../../../hooks/use-common-props/index.js');
+require('../../../constants/index.js');
+require('../../collection/index.js');
+require('../../tooltip/index.js');
+var props = require('../../../utils/vue/props.js');
+var tooltip = require('../../tooltip/src/tooltip.js');
+var icon = require('../../../utils/vue/icon.js');
+var aria = require('../../../constants/aria.js');
+var collection = require('../../collection/src/collection.js');
 
-const { ButtonGroup: PsButtonGroup } = index.PsButton;
-const _sfc_main = vue.defineComponent({
-  name: "PsDropdown",
-  components: {
-    PsButton: index.PsButton,
-    PsButtonGroup,
-    PsIcon: index$1.PsIcon,
-    ArrowDown: iconsVue.ArrowDown
-  },
-  props: dropdown.dropdownProps,
-  emits: ["visible-change", "click", "command"],
-  setup(props) {
-    const _instance = vue.getCurrentInstance();
-    const ns = index$2.useNamespace("dropdown");
-    const triggeringElementRef = vue.ref();
-    const referenceElementRef = vue.ref();
-    const popperRef = vue.ref(null);
-    const contentRef = vue.ref(null);
-    const scrollbar = vue.ref(null);
-    const currentTabId = vue.ref(null);
-    const isUsingKeyboard = vue.ref(false);
-    const wrapStyle = vue.computed(() => ({
-      maxHeight: style.addUnit(props.maxHeight)
-    }));
-    const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
-    const dropdownSize = index$3.useSize();
-    vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
-      contentRef,
-      isUsingKeyboard
-    });
-    vue.provide("elDropdown", {
-      instance: _instance,
-      dropdownSize,
-      trigger: vue.toRef(props, "trigger"),
-      hideOnClick: vue.toRef(props, "hideOnClick")
-    });
-    return {
-      ns,
-      scrollbar,
-      wrapStyle,
-      dropdownTriggerKls,
-      dropdownSize,
-      currentTabId,
-      popperRef,
-      triggeringElementRef,
-      referenceElementRef
-    };
+const dropdownProps = props.buildProps({
+  trigger: tooltip.useTooltipTriggerProps.trigger,
+  effect: {
+    ...tooltip.useTooltipContentProps.effect,
+    default: "light"
+  },
+  type: {
+    type: props.definePropType(String)
+  },
+  placement: {
+    type: props.definePropType(String),
+    default: "bottom"
+  },
+  popperOptions: {
+    type: props.definePropType(Object),
+    default: () => ({})
+  },
+  size: {
+    type: String,
+    default: ""
+  },
+  splitButton: Boolean,
+  hideOnClick: {
+    type: Boolean,
+    default: true
+  },
+  loop: {
+    type: Boolean
+  },
+  showTimeout: {
+    type: Number,
+    default: 150
+  },
+  hideTimeout: {
+    type: Number,
+    default: 150
+  },
+  tabindex: {
+    type: props.definePropType([Number, String]),
+    default: 0
+  },
+  maxHeight: {
+    type: props.definePropType([Number, String]),
+    default: ""
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  buttonProps: {
+    type: props.definePropType(Object)
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ps_button = vue.resolveComponent("ps-button");
-  const _component_arrow_down = vue.resolveComponent("arrow-down");
-  const _component_ps_icon = vue.resolveComponent("ps-icon");
-  const _component_ps_button_group = vue.resolveComponent("ps-button-group");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
-  }, [
-    !_ctx.splitButton ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: vue.normalizeClass(_ctx.dropdownTriggerKls)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2)) : vue.createCommentVNode("v-if", true),
-    _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_ps_button_group, { key: 1 }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_ps_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
-          size: _ctx.dropdownSize,
-          type: _ctx.type,
-          disabled: _ctx.disabled
-        }), {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["size", "type", "disabled"]),
-        vue.createVNode(_component_ps_button, vue.mergeProps({ ref: "triggeringElementRef" }, _ctx.buttonProps, {
-          size: _ctx.dropdownSize,
-          type: _ctx.type,
-          class: _ctx.ns.e("caret-button"),
-          disabled: _ctx.disabled
-        }), {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ps_icon, {
-              class: vue.normalizeClass(_ctx.ns.e("icon"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_arrow_down)
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        }, 16, ["size", "type", "class", "disabled"])
-      ]),
-      _: 3
-    })) : vue.createCommentVNode("v-if", true)
-  ], 2);
-}
-var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/dropdown/src/dropdown.vue"]]);
+const dropdownItemProps = props.buildProps({
+  command: {
+    type: [Object, String, Number],
+    default: () => ({})
+  },
+  disabled: Boolean,
+  divided: Boolean,
+  textValue: String,
+  icon: {
+    type: icon.iconPropType
+  }
+});
+const dropdownMenuProps = props.buildProps({
+  onKeydown: { type: props.definePropType(Function) }
+});
+const FIRST_KEYS = [
+  aria.EVENT_CODE.down,
+  aria.EVENT_CODE.pageDown,
+  aria.EVENT_CODE.home
+];
+const LAST_KEYS = [aria.EVENT_CODE.up, aria.EVENT_CODE.pageUp, aria.EVENT_CODE.end];
+const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
+const {
+  PsCollection,
+  PsCollectionItem,
+  COLLECTION_INJECTION_KEY,
+  COLLECTION_ITEM_INJECTION_KEY
+} = collection.createCollectionWithScope("Dropdown");
 
-exports["default"] = Dropdown;
+exports.DROPDOWN_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
+exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
+exports.FIRST_KEYS = FIRST_KEYS;
+exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
+exports.LAST_KEYS = LAST_KEYS;
+exports.PsCollection = PsCollection;
+exports.PsCollectionItem = PsCollectionItem;
+exports.dropdownItemProps = dropdownItemProps;
+exports.dropdownMenuProps = dropdownMenuProps;
+exports.dropdownProps = dropdownProps;
 //# sourceMappingURL=dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <template v-if=\"!splitButton\">\n      <div :class=\"dropdownTriggerKls\">\n        <slot name=\"default\" />\n      </div>\n    </template>\n    <template v-if=\"splitButton\">\n      <ps-button-group>\n        <ps-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n        >\n          <slot name=\"default\" />\n        </ps-button>\n        <ps-button\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n        >\n          <ps-icon :class=\"ns.e('icon')\"><arrow-down /></ps-icon>\n        </ps-button>\n      </ps-button-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { addUnit } from '@element-ps/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n  name: 'PsDropdown',\n  components: {\n    PsButton,\n    PsButtonGroup,\n    PsIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<InstanceType<typeof PsTooltip> | null>(null)\n    const contentRef = ref<HTMLElement | null>(null)\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n\n    const dropdownSize = useSize()\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      isUsingKeyboard,\n    })\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    return {\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      currentTabId,\n      popperRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"names":["PsButton","defineComponent","PsIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","ref","computed","addUnit","useSize","provide","DROPDOWN_INJECTION_KEY","toRef","_createElementBlock","_normalizeClass","_openBlock","_renderSlot","_createCommentVNode","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { EVENT_CODE } from '@element-ps/constants'\nimport { createCollectionWithScope } from '@element-ps/components/collection'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-ps/components/tooltip'\n\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-ps/components/button'\nimport type { Placement } from '@element-ps/components/popper'\nimport type { ComponentInternalInstance, ComputedRef } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\n\nexport interface IPsDropdownInstance {\n  instance?: ComponentInternalInstance\n  dropdownSize?: ComputedRef<string>\n  handleClick?: () => void\n  commandHandler?: (...arg) => void\n  show?: () => void\n  hide?: () => void\n  trigger?: ComputedRef<string>\n  hideOnClick?: ComputedRef<boolean>\n  triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n  trigger: useTooltipTriggerProps.trigger,\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  type: {\n    type: definePropType<ButtonType>(String),\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    default: 'bottom',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  size: {\n    type: String,\n    default: '',\n  },\n  splitButton: Boolean,\n  hideOnClick: {\n    type: Boolean,\n    default: true,\n  },\n  loop: {\n    type: Boolean,\n  },\n  showTimeout: {\n    type: Number,\n    default: 150,\n  },\n  hideTimeout: {\n    type: Number,\n    default: 150,\n  },\n  tabindex: {\n    type: definePropType<number | string>([Number, String]),\n    default: 0,\n  },\n  maxHeight: {\n    type: definePropType<number | string>([Number, String]),\n    default: '',\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  buttonProps: {\n    type: definePropType<ButtonProps>(Object),\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n  command: {\n    type: [Object, String, Number],\n    default: () => ({}),\n  },\n  disabled: Boolean,\n  divided: Boolean,\n  textValue: String,\n  icon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n  onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n  EVENT_CODE.down,\n  EVENT_CODE.pageDown,\n  EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n\nconst {\n  PsCollection,\n  PsCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('Dropdown')\n\nexport {\n  PsCollection,\n  PsCollectionItem,\n  COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n}\n"],"names":["buildProps","useTooltipTriggerProps","useTooltipContentProps","definePropType","iconPropType","EVENT_CODE","createCollectionWithScope"],"mappings":"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"}