ep-craft 0.1.33 → 0.1.34

package/dist/components/dropdown/src/dropdown.d.ts

@@ -0,0 +1,200 @@
+import type { Placement } from '@element-plus/components/popper';
+import type { Options } from '@popperjs/core';
+import type { ButtonProps, ButtonType } from '@element-plus/components/button';
+import type { ComponentInternalInstance, ComputedRef } from 'vue';
+import type { Arrayable, Nullable } from '@element-plus/utils';
+export interface IElDropdownInstance {
+    instance?: ComponentInternalInstance;
+    dropdownSize?: ComputedRef<string>;
+    handleClick?: () => void;
+    commandHandler?: (...arg: any[]) => void;
+    show?: () => void;
+    hide?: () => void;
+    trigger?: ComputedRef<string>;
+    hideOnClick?: ComputedRef<boolean>;
+    triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>;
+}
+export declare const dropdownProps: {
+    readonly trigger: {
+        readonly type: import("vue").PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+        readonly default: "hover";
+    };
+    readonly triggerKeys: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
+    readonly virtualTriggering: BooleanConstructor;
+    readonly virtualRef: {
+        readonly type: import("vue").PropType<import("@element-plus/components/popper").Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly effect: {
+        readonly default: "light";
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("@element-plus/components/popper").PopperEffect) | (((new (...args: any[]) => string) | (() => import("@element-plus/components/popper").PopperEffect)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => ButtonType) | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => ButtonType)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placement: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
+    readonly popperOptions: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly id: StringConstructor;
+    readonly size: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly splitButton: BooleanConstructor;
+    readonly hideOnClick: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loop: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showArrow: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
+    readonly maxHeight: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
+    readonly popperClass: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly popperStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly role: import("@element-plus/utils").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree" | "group" | "navigation", unknown, "menu", boolean>;
+    readonly buttonProps: {
+        readonly type: import("vue").PropType<Partial<ButtonProps>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly teleported: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly appendTo: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export declare const dropdownItemProps: {
+    readonly command: import("@element-plus/utils").EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly divided: BooleanConstructor;
+    readonly textValue: StringConstructor;
+    readonly icon: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export declare const dropdownMenuProps: {
+    onKeydown: {
+        readonly type: import("vue").PropType<(e: KeyboardEvent) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export declare const FIRST_KEYS: string[];
+export declare const LAST_KEYS: string[];
+export declare const FIRST_LAST_KEYS: string[];

package/dist/components/dropdown/src/dropdown.js

@@ -0,0 +1,201 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { EVENT_CODE as e } from "../../../constants/aria.js";
+import { iconPropType as i } from "../../../utils/vue/icon.js";
+import "vue";
+import { buildProps as p, definePropType as t } from "../../../utils/vue/props/runtime.js";
+import "../../tooltip/index.js";
+import "../../popper/index.js";
+import { useTooltipContentProps as o } from "../../tooltip/src/content.js";
+import { roleTypes as n } from "../../popper/src/popper.js";
+import { useTooltipTriggerProps as r } from "../../tooltip/src/trigger.js";
+const B = p({
+  /**
+   * @description how to trigger
+   */
+  trigger: {
+    ...r.trigger,
+    type: t([
+      String,
+      Array
+    ])
+  },
+  triggerKeys: {
+    type: t(Array),
+    default: () => [
+      e.enter,
+      e.numpadEnter,
+      e.space,
+      e.down
+    ]
+  },
+  /**
+   * @description Indicates whether virtual triggering is enabled
+   */
+  virtualTriggering: r.virtualTriggering,
+  /**
+   * @description Indicates the reference element to which the dropdown is attached
+   */
+  virtualRef: r.virtualRef,
+  /**
+   * @description Tooltip theme, built-in theme: `dark` / `light`
+   */
+  effect: {
+    ...o.effect,
+    default: "light"
+  },
+  /**
+   * @description menu button type, refer to `Button` Component, only works when `split-button` is true
+   */
+  type: {
+    type: t(String)
+  },
+  /**
+   * @description placement of pop menu
+   */
+  placement: {
+    type: t(String),
+    default: "bottom"
+  },
+  /**
+   * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+   */
+  popperOptions: {
+    type: t(Object),
+    default: () => ({})
+  },
+  id: String,
+  /**
+   * @description menu size, also works on the split button
+   */
+  size: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether a button group is displayed
+   */
+  splitButton: Boolean,
+  /**
+   * @description whether to hide menu after clicking menu-item
+   */
+  hideOnClick: {
+    type: Boolean,
+    default: !0
+  },
+  loop: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether the tooltip content has an arrow
+   */
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description delay time before show a dropdown (only works when trigger is `hover`)
+   */
+  showTimeout: {
+    type: Number,
+    default: 150
+  },
+  /**
+   * @description delay time before hide a dropdown (only works when trigger is `hover`)
+   */
+  hideTimeout: {
+    type: Number,
+    default: 150
+  },
+  /**
+   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Dropdown
+   */
+  tabindex: {
+    type: t([Number, String]),
+    default: 0
+  },
+  /**
+   * @description the max height of menu
+   */
+  maxHeight: {
+    type: t([Number, String]),
+    default: ""
+  },
+  /**
+   * @description custom class name for Dropdown's dropdown
+   */
+  popperClass: o.popperClass,
+  /**
+   * @description custom style for Dropdown's dropdown
+   */
+  popperStyle: o.popperStyle,
+  /**
+   * @description whether to disable
+   */
+  disabled: Boolean,
+  /**
+   * @description the ARIA role attribute for the dropdown menu. Depending on the use case, you may want to change this to 'navigation'
+   */
+  role: {
+    type: String,
+    values: n,
+    default: "menu"
+  },
+  buttonProps: {
+    type: t(Object)
+  },
+  /**
+   * @description whether the dropdown popup is teleported to the body
+   */
+  teleported: o.teleported,
+  /**
+   * @description which element the dropdown CONTENT appends to
+   */
+  appendTo: o.appendTo,
+  /**
+   * @description when dropdown inactive and `persistent` is `false` , dropdown menu will be destroyed
+   */
+  persistent: {
+    type: Boolean,
+    default: !0
+  }
+}), P = p({
+  /**
+   * @description a command to be dispatched to Dropdown's `command` callback
+   */
+  command: {
+    type: [Object, String, Number],
+    default: () => ({})
+  },
+  /**
+   * @description whether the item is disabled
+   */
+  disabled: Boolean,
+  /**
+   * @description whether a divider is displayed
+   */
+  divided: Boolean,
+  textValue: String,
+  /**
+   * @description custom icon
+   */
+  icon: {
+    type: i
+  }
+}), h = p({
+  onKeydown: { type: t(Function) }
+}), l = [
+  e.down,
+  e.pageDown,
+  e.home
+], a = [e.up, e.pageUp, e.end], E = [...l, ...a];
+export {
+  l as FIRST_KEYS,
+  E as FIRST_LAST_KEYS,
+  a as LAST_KEYS,
+  P as dropdownItemProps,
+  h as dropdownMenuProps,
+  B as dropdownProps
+};