element-ps 2.0.31 → 2.0.32

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/tooltip.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
-import { EVENT_CODE } from '../../../constants/aria.mjs';
-import { createCollectionWithScope } from '../../collection/src/collection2.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

@@ -38,6 +38,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     scrollbar: import("vue").Ref<null>;
     wrapStyle: import("vue").ComputedRef<CSSProperties>;

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

@@ -1,115 +1,106 @@
-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 { ArrowDown } from '@element-plus/icons-vue';
-import '../../../hooks/index.mjs';
-import { dropdownProps } from './dropdown.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';
+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/tooltip.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { createCollectionWithScope } from '../../collection/src/collection.mjs';
 
-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 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
   }
 });
-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"]]);
+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");
 
-export { Dropdown as default };
+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 };
 //# sourceMappingURL=dropdown2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.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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"}
+{"version":3,"file":"dropdown2.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":";;;;;;;;;;AAOY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,OAAO,EAAE,sBAAsB,CAAC,OAAO;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,GAAG,sBAAsB,CAAC,MAAM;AACpC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAClC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE;AAC/C,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE,UAAU,CAAC,QAAQ;AACrB,EAAE,UAAU,CAAC,IAAI;AACjB,EAAE;AACU,MAAC,SAAS,GAAG,CAAC,UAAU,CAAC,EAAE,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE;AAChE,MAAC,eAAe,GAAG,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE;AACxD,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,UAAU;;;;"}

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

@@ -36,6 +36,10 @@ export declare const PsEmpty: import("element-ps/es/utils").SFCWithInstall<impor
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     emptyDescription: import("vue").ComputedRef<string>;
     imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;

package/es/components/empty/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Empty from './src/empty2.mjs';
-export { emptyProps } from './src/empty.mjs';
+import Empty from './src/empty.mjs';
+export { emptyProps } from './src/empty2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsEmpty = withInstall(Empty);