element-ps 2.0.29 → 2.0.30

package/es/components/date-picker/src/date-picker-com/basic-date-table.vue.d.ts

@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
             startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             format: (template?: string | undefined) => string;
-            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -222,7 +222,7 @@ declare const _default: import("vue").DefineComponent<{
             startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             format: (template?: string | undefined) => string;
-            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
             isSameOrAfter: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
             isSameOrBefore: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
         } | undefined;
-        type?: ("week" | "today" | "normal" | "prev-month" | "next-month") | undefined;
+        type?: ("week" | "normal" | "today" | "prev-month" | "next-month") | undefined;
     }[][]>;
     isWeekActive: (cell: any) => boolean;
     getCellClasses: (cell: any) => string;

package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;

package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -156,7 +156,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;

package/es/components/date-picker/src/date-picker-com/panel-month-range.vue.d.ts

@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -138,7 +138,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "s" | "hours" | "minutes" | "seconds" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "s" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;

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

@@ -69,9 +69,9 @@ export declare const PsDescriptions: import("element-ps/es/utils").SFCWithInstal
     widget: StringConstructor;
 }>>, {
     title: string;
-    direction: "horizontal" | "vertical";
-    border: boolean;
     column: number;
+    border: boolean;
+    direction: "horizontal" | "vertical";
     extra: string;
 }>> & {
     DescriptionsItem: import("vue").DefineComponent<{
@@ -150,8 +150,8 @@ export declare const PsDescriptions: import("element-ps/es/utils").SFCWithInstal
         label: string;
         width: string | number;
         minWidth: string | number;
-        span: number;
         className: string;
+        span: number;
         align: string;
         labelAlign: string;
         labelClassName: string;
@@ -234,8 +234,8 @@ export declare const PsDescriptionsItem: import("element-ps/es/utils").SFCWithIn
     label: string;
     width: string | number;
     minWidth: string | number;
-    span: number;
     className: string;
+    span: number;
     align: string;
     labelAlign: string;
     labelClassName: string;

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

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

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

@@ -70,9 +70,9 @@ declare const _default: import("vue").DefineComponent<{
     widget: StringConstructor;
 }>>, {
     title: string;
-    direction: "horizontal" | "vertical";
-    border: boolean;
     column: number;
+    border: boolean;
+    direction: "horizontal" | "vertical";
     extra: string;
 }>;
 export default _default;

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

@@ -85,8 +85,8 @@ export declare const PsDrawer: import("element-ps/es/utils").SFCWithInstall<impo
     top: string;
     width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;
-    direction: import("element-ps/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     center: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("element-ps/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     draggable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     showClose: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

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

@@ -85,8 +85,8 @@ declare const _default: import("vue").DefineComponent<{
     top: string;
     width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;
-    direction: import("../../../utils").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     center: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("../../../utils").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     draggable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
     showClose: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;

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

@@ -80,11 +80,11 @@ export declare const PsDropdown: import("element-ps/es/utils").SFCWithInstall<im
     size: string;
     disabled: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     offset: number;
-    maxHeight: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
     effect: string;
     tabindex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+    maxHeight: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
     showArrow: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/dropdown/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
-import Dropdown from './src/dropdown2.mjs';
+import Dropdown from './src/dropdown.mjs';
 import DropdownItem from './src/dropdown-item.mjs';
 import DropdownMenu from './src/dropdown-menu.mjs';
-export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, PsCollection, PsCollectionItem, dropdownItemProps, dropdownMenuProps, dropdownProps } from './src/dropdown.mjs';
+export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, PsCollection, PsCollectionItem, dropdownItemProps, dropdownMenuProps, dropdownProps } from './src/dropdown2.mjs';
 export { DROPDOWN_INJECTION_KEY } from './src/tokens.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 

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

@@ -1,7 +1,7 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, mergeProps, createCommentVNode, createElementVNode, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
 import { PsIcon } from '../../icon/index.mjs';
 import '../../../hooks/index.mjs';
-import { dropdownItemProps } from './dropdown.mjs';
+import { dropdownItemProps } from './dropdown2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, unref, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
 import '../../roving-focus-group/index.mjs';
 import PsDropdownItemImpl from './dropdown-item-impl.mjs';
-import { PsCollectionItem, dropdownItemProps } from './dropdown.mjs';
+import { PsCollectionItem, dropdownItemProps } from './dropdown2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import PsRovingFocusItem from '../../roving-focus-group/src/roving-focus-item.mjs';
 

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 import '../../../hooks/index.mjs';
-import { dropdownMenuProps } from './dropdown.mjs';
+import { dropdownMenuProps } from './dropdown2.mjs';
 import { useDropdown } from './useDropdown.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"dropdown.mjs","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":["_createElementBlock","_normalizeClass","_openBlock","_renderSlot","_createCommentVNode","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}

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

@@ -81,11 +81,11 @@ declare const _default: import("vue").DefineComponent<{
     size: string;
     disabled: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     offset: number;
-    maxHeight: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
     effect: string;
     tabindex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+    maxHeight: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
     showArrow: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;