element-ps 2.0.39 → 2.0.40

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

@@ -394,7 +394,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
         $data: {};
         $props: Partial<{
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: import("vue").StyleValue;
@@ -483,7 +483,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -591,7 +591,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -680,7 +680,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: import("vue").StyleValue;
@@ -789,7 +789,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
         showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
         disabled: BooleanConstructor;
-        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
         virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: BooleanConstructor;
         onMouseenter: FunctionConstructor;

package/es/components/autocomplete/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Autocomplete from './src/autocomplete.mjs';
-export { autocompleteProps } from './src/autocomplete2.mjs';
+import Autocomplete from './src/autocomplete2.mjs';
+export { autocompleteProps } from './src/autocomplete.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsAutocomplete = withInstall(Autocomplete);

package/es/components/autocomplete/src/autocomplete.mjs

@@ -1,100 +1,64 @@
-import { defineComponent, useAttrs as useAttrs$1, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
+import { NOOP } from '@vue/shared';
 import '../../../utils/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
-import { generateId } from '../../../utils/rand.mjs';
-import { isArray } from '@vue/shared';
+import '../../tooltip/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
 
-const _hoisted_1 = ["aria-expanded", "aria-owns"];
-const __default__ = {
-  name: "PsAutocomplete",
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props, { expose }) {
-    const COMPONENT_NAME = "PsAutocomplete";
-    const ns = useNamespace("autocomplete");
-    const attrs = useAttrs();
-    const compAttrs = useAttrs$1();
-    const suggestions = ref([]);
-    const highlightedIndex = ref(-1);
-    const activated = ref(false);
-    const loading = ref(false);
-    const inputRef = ref();
-    const popperRef = ref();
-    const listboxRef = ref();
-    const id = computed(() => {
-      return ns.b(String(generateId()));
-    });
-    const styles = computed(() => compAttrs.style);
-    const suggestionVisible = computed(() => {
-      const isValidData = isArray(suggestions.value) && suggestions.value.length > 0;
-      return (isValidData || loading.value) && activated.value;
-    });
-    onMounted(() => {
-      ;
-      inputRef.value.ref.setAttribute("role", "textbox");
-      inputRef.value.ref.setAttribute("aria-autocomplete", "list");
-      inputRef.value.ref.setAttribute("aria-controls", "id");
-      inputRef.value.ref.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
-    });
-    expose({
-      highlightedIndex,
-      activated,
-      loading,
-      inputRef,
-      popperRef,
-      suggestions
-    });
-    return (_ctx, _cache) => {
-      const _component_ps_input = resolveComponent("ps-input");
-      return openBlock(), createElementBlock("div", {
-        ref_key: "listboxRef",
-        ref: listboxRef,
-        class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
-        style: normalizeStyle(unref(styles)),
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": unref(suggestionVisible),
-        "aria-owns": unref(id)
-      }, [
-        createVNode(_component_ps_input, mergeProps({
-          ref_key: "inputRef",
-          ref: inputRef
-        }, unref(attrs), { "model-value": _ctx.modelValue }), createSlots({ _: 2 }, [
-          _ctx.$slots.prepend ? {
-            name: "prepend",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prepend")
-            ])
-          } : void 0,
-          _ctx.$slots.append ? {
-            name: "append",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "append")
-            ])
-          } : void 0,
-          _ctx.$slots.prefix ? {
-            name: "prefix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prefix")
-            ])
-          } : void 0,
-          _ctx.$slots.suffix ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "suffix")
-            ])
-          } : void 0
-        ]), 1040, ["model-value"])
-      ], 14, _hoisted_1);
-    };
+const autocompleteProps = buildProps({
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  placement: {
+    type: definePropType(String),
+    values: [
+      "top",
+      "top-start",
+      "top-end",
+      "bottom",
+      "bottom-start",
+      "bottom-end"
+    ],
+    default: "bottom-start"
+  },
+  fetchSuggestions: {
+    type: definePropType([Function, Array]),
+    default: NOOP
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  triggerOnFocus: {
+    type: Boolean,
+    default: true
+  },
+  selectWhenUnmatched: {
+    type: Boolean,
+    default: false
+  },
+  hideLoading: {
+    type: Boolean,
+    default: false
+  },
+  popperAppendToBody: {
+    type: Boolean,
+    default: void 0
+  },
+  teleported: useTooltipContentProps.teleported,
+  highlightFirstItem: {
+    type: Boolean,
+    default: false
   }
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/autocomplete/src/autocomplete.vue"]]);
 
-export { Autocomplete as default };
+export { autocompleteProps };
 //# sourceMappingURL=autocomplete.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.mjs","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"listboxRef\"\n    :class=\"[ns.b(), $attrs.class]\"\n    :style=\"styles\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    :aria-expanded=\"suggestionVisible\"\n    :aria-owns=\"id\"\n  >\n    <ps-input\n      ref=\"inputRef\"\n      v-bind=\"attrs\"\n      :model-value=\"modelValue\"\n    >\n      <template v-if=\"$slots.prepend\" #prepend>\n        <slot name=\"prepend\" />\n      </template>\n      <template v-if=\"$slots.append\" #append>\n        <slot name=\"append\" />\n      </template>\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </ps-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onMounted,\n  ref,\n  useAttrs as useCompAttrs,\n} from 'vue'\nimport { useAttrs, useNamespace } from '@element-ps/hooks'\nimport { generateId, isArray } from '@element-ps/utils'\nimport type { StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-ps/components/tooltip'\nimport type { InputInstance } from '@element-ps/components/input'\n\ndefineOptions({\n  name: 'PsAutocomplete',\n  inheritAttrs: false,\n})\n\nconst COMPONENT_NAME = 'PsAutocomplete'\nconst ns = useNamespace('autocomplete')\n\nconst attrs = useAttrs()\nconst compAttrs = useCompAttrs()\nconst suggestions = ref<any[]>([])\nconst highlightedIndex = ref(-1)\nconst activated = ref(false)\nconst loading = ref(false)\nconst inputRef = ref<InputInstance>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nconst id = computed(() => {\n  return ns.b(String(generateId()))\n})\nconst styles = computed(() => compAttrs.style as StyleValue)\nconst suggestionVisible = computed(() => {\n  const isValidData = isArray(suggestions.value) && suggestions.value.length > 0\n  return (isValidData || loading.value) && activated.value\n})\n\nonMounted(() => {\n  // TODO: use Volar generate dts to fix it.\n  ;(inputRef.value as any).ref!.setAttribute('role', 'textbox')\n  ;(inputRef.value as any).ref!.setAttribute('aria-autocomplete', 'list')\n  ;(inputRef.value as any).ref!.setAttribute('aria-controls', 'id')\n  ;(inputRef.value as any).ref!.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n})\n\ndefineExpose({\n  /** @description the index of the currently highlighted item */\n  highlightedIndex,\n  /** @description autocomplete whether activated */\n  activated,\n  /** @description remote search loading status */\n  loading,\n  /** @description el-input component instance */\n  inputRef,\n  /** @description el-tooltip component instance */\n  popperRef,\n  /** @description fetch suggestions result */\n  suggestions,\n})\n</script>\n"],"names":["useCompAttrs"],"mappings":";;;;;;;;;;;;;;;;;AAiDA,IAAA,MAAA,cAAA,GAAA,gBAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,cAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,QAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AACA,IAAA,MAAA,gBAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,iBAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,cAAA,OAAA,CAAA,WAAA,CAAA,KAAA,CAAA,IAAA,WAAA,CAAA,MAAA,MAAA,GAAA,CAAA,CAAA;AACA,MAAA,OAAA,CAAA,WAAA,IAAA,OAAA,CAAA,KAAA,KAAA,SAAA,CAAA,KAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,SAAA,CAAA,MAAA;AAEA,MAAA,CAAA;AAAA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,QAAA,SAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,qBAAA,MAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,iBAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,MAAA,GAAA,CAAA,YAAA,CACA,yBACA,CAAA,EAAA,EAAA,CAAA,KAAA,CAAA,MAAA,EAAA,gBAAA,CAAA,KACA,CAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,gBAAA;AAAA,MAEA,SAAA;AAAA,MAEA,OAAA;AAAA,MAEA,QAAA;AAAA,MAEA,SAAA;AAAA,MAEA,WAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"autocomplete.mjs","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\nimport { useTooltipContentProps } from '@element-ps/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Autocomplete from './autocomplete.vue'\nimport type { Placement } from '@element-ps/components/popper'\n\nexport const autocompleteProps = buildProps({\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: [\n      'top',\n      'top-start',\n      'top-end',\n      'bottom',\n      'bottom-start',\n      'bottom-end',\n    ],\n    default: 'bottom-start',\n  },\n  fetchSuggestions: {\n    type: definePropType<\n      | ((\n          queryString: string,\n          cb: (data: { value: string }[]) => void\n        ) => { value: string }[] | Promise<{ value: string }[]> | void)\n      | { value: string }[]\n    >([Function, Array]),\n    default: NOOP,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  triggerOnFocus: {\n    type: Boolean,\n    default: true,\n  },\n  selectWhenUnmatched: {\n    type: Boolean,\n    default: false,\n  },\n  hideLoading: {\n    type: Boolean,\n    default: false,\n  },\n  popperAppendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  teleported: useTooltipContentProps.teleported,\n  highlightFirstItem: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>\n\nexport type AutocompleteInstance = InstanceType<typeof Autocomplete>\n"],"names":[],"mappings":";;;;;;AAMY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE;AACZ,MAAM,KAAK;AACX,MAAM,WAAW;AACjB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,KAAK;AACL,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}

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

@@ -395,7 +395,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         $data: {};
         $props: Partial<{
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: StyleValue;
@@ -484,7 +484,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -592,7 +592,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -681,7 +681,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: StyleValue;
@@ -790,7 +790,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
         disabled: BooleanConstructor;
-        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
+        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
         virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: BooleanConstructor;
         onMouseenter: FunctionConstructor;

package/es/components/autocomplete/src/autocomplete2.mjs

@@ -1,64 +1,100 @@
-import { NOOP } from '@vue/shared';
+import { defineComponent, useAttrs as useAttrs$1, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import '../../tooltip/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
+import { generateId } from '../../../utils/rand.mjs';
+import { isArray } from '@vue/shared';
 
-const autocompleteProps = buildProps({
-  valueKey: {
-    type: String,
-    default: "value"
-  },
-  modelValue: {
-    type: [String, Number],
-    default: ""
-  },
-  debounce: {
-    type: Number,
-    default: 300
-  },
-  placement: {
-    type: definePropType(String),
-    values: [
-      "top",
-      "top-start",
-      "top-end",
-      "bottom",
-      "bottom-start",
-      "bottom-end"
-    ],
-    default: "bottom-start"
-  },
-  fetchSuggestions: {
-    type: definePropType([Function, Array]),
-    default: NOOP
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  triggerOnFocus: {
-    type: Boolean,
-    default: true
-  },
-  selectWhenUnmatched: {
-    type: Boolean,
-    default: false
-  },
-  hideLoading: {
-    type: Boolean,
-    default: false
-  },
-  popperAppendToBody: {
-    type: Boolean,
-    default: void 0
-  },
-  teleported: useTooltipContentProps.teleported,
-  highlightFirstItem: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = ["aria-expanded", "aria-owns"];
+const __default__ = {
+  name: "PsAutocomplete",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props, { expose }) {
+    const COMPONENT_NAME = "PsAutocomplete";
+    const ns = useNamespace("autocomplete");
+    const attrs = useAttrs();
+    const compAttrs = useAttrs$1();
+    const suggestions = ref([]);
+    const highlightedIndex = ref(-1);
+    const activated = ref(false);
+    const loading = ref(false);
+    const inputRef = ref();
+    const popperRef = ref();
+    const listboxRef = ref();
+    const id = computed(() => {
+      return ns.b(String(generateId()));
+    });
+    const styles = computed(() => compAttrs.style);
+    const suggestionVisible = computed(() => {
+      const isValidData = isArray(suggestions.value) && suggestions.value.length > 0;
+      return (isValidData || loading.value) && activated.value;
+    });
+    onMounted(() => {
+      ;
+      inputRef.value.ref.setAttribute("role", "textbox");
+      inputRef.value.ref.setAttribute("aria-autocomplete", "list");
+      inputRef.value.ref.setAttribute("aria-controls", "id");
+      inputRef.value.ref.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+    });
+    expose({
+      highlightedIndex,
+      activated,
+      loading,
+      inputRef,
+      popperRef,
+      suggestions
+    });
+    return (_ctx, _cache) => {
+      const _component_ps_input = resolveComponent("ps-input");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "listboxRef",
+        ref: listboxRef,
+        class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
+        style: normalizeStyle(unref(styles)),
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": unref(suggestionVisible),
+        "aria-owns": unref(id)
+      }, [
+        createVNode(_component_ps_input, mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef
+        }, unref(attrs), { "model-value": _ctx.modelValue }), createSlots({ _: 2 }, [
+          _ctx.$slots.prepend ? {
+            name: "prepend",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prepend")
+            ])
+          } : void 0,
+          _ctx.$slots.append ? {
+            name: "append",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "append")
+            ])
+          } : void 0,
+          _ctx.$slots.prefix ? {
+            name: "prefix",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix")
+            ])
+          } : void 0,
+          _ctx.$slots.suffix ? {
+            name: "suffix",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "suffix")
+            ])
+          } : void 0
+        ]), 1040, ["model-value"])
+      ], 14, _hoisted_1);
+    };
   }
 });
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/autocomplete/src/autocomplete.vue"]]);
 
-export { autocompleteProps };
+export { Autocomplete as default };
 //# sourceMappingURL=autocomplete2.mjs.map

package/es/components/autocomplete/src/autocomplete2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete2.mjs","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\nimport { useTooltipContentProps } from '@element-ps/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Autocomplete from './autocomplete.vue'\nimport type { Placement } from '@element-ps/components/popper'\n\nexport const autocompleteProps = buildProps({\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: [\n      'top',\n      'top-start',\n      'top-end',\n      'bottom',\n      'bottom-start',\n      'bottom-end',\n    ],\n    default: 'bottom-start',\n  },\n  fetchSuggestions: {\n    type: definePropType<\n      | ((\n          queryString: string,\n          cb: (data: { value: string }[]) => void\n        ) => { value: string }[] | Promise<{ value: string }[]> | void)\n      | { value: string }[]\n    >([Function, Array]),\n    default: NOOP,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  triggerOnFocus: {\n    type: Boolean,\n    default: true,\n  },\n  selectWhenUnmatched: {\n    type: Boolean,\n    default: false,\n  },\n  hideLoading: {\n    type: Boolean,\n    default: false,\n  },\n  popperAppendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  teleported: useTooltipContentProps.teleported,\n  highlightFirstItem: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>\n\nexport type AutocompleteInstance = InstanceType<typeof Autocomplete>\n"],"names":[],"mappings":";;;;;;AAMY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE;AACZ,MAAM,KAAK;AACX,MAAM,WAAW;AACjB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,KAAK;AACL,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"autocomplete2.mjs","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"listboxRef\"\n    :class=\"[ns.b(), $attrs.class]\"\n    :style=\"styles\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    :aria-expanded=\"suggestionVisible\"\n    :aria-owns=\"id\"\n  >\n    <ps-input\n      ref=\"inputRef\"\n      v-bind=\"attrs\"\n      :model-value=\"modelValue\"\n    >\n      <template v-if=\"$slots.prepend\" #prepend>\n        <slot name=\"prepend\" />\n      </template>\n      <template v-if=\"$slots.append\" #append>\n        <slot name=\"append\" />\n      </template>\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </ps-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onMounted,\n  ref,\n  useAttrs as useCompAttrs,\n} from 'vue'\nimport { useAttrs, useNamespace } from '@element-ps/hooks'\nimport { generateId, isArray } from '@element-ps/utils'\nimport type { StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-ps/components/tooltip'\nimport type { InputInstance } from '@element-ps/components/input'\n\ndefineOptions({\n  name: 'PsAutocomplete',\n  inheritAttrs: false,\n})\n\nconst COMPONENT_NAME = 'PsAutocomplete'\nconst ns = useNamespace('autocomplete')\n\nconst attrs = useAttrs()\nconst compAttrs = useCompAttrs()\nconst suggestions = ref<any[]>([])\nconst highlightedIndex = ref(-1)\nconst activated = ref(false)\nconst loading = ref(false)\nconst inputRef = ref<InputInstance>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nconst id = computed(() => {\n  return ns.b(String(generateId()))\n})\nconst styles = computed(() => compAttrs.style as StyleValue)\nconst suggestionVisible = computed(() => {\n  const isValidData = isArray(suggestions.value) && suggestions.value.length > 0\n  return (isValidData || loading.value) && activated.value\n})\n\nonMounted(() => {\n  // TODO: use Volar generate dts to fix it.\n  ;(inputRef.value as any).ref!.setAttribute('role', 'textbox')\n  ;(inputRef.value as any).ref!.setAttribute('aria-autocomplete', 'list')\n  ;(inputRef.value as any).ref!.setAttribute('aria-controls', 'id')\n  ;(inputRef.value as any).ref!.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n})\n\ndefineExpose({\n  /** @description the index of the currently highlighted item */\n  highlightedIndex,\n  /** @description autocomplete whether activated */\n  activated,\n  /** @description remote search loading status */\n  loading,\n  /** @description el-input component instance */\n  inputRef,\n  /** @description el-tooltip component instance */\n  popperRef,\n  /** @description fetch suggestions result */\n  suggestions,\n})\n</script>\n"],"names":["useCompAttrs"],"mappings":";;;;;;;;;;;;;;;;;AAiDA,IAAA,MAAA,cAAA,GAAA,gBAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,cAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,QAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AACA,IAAA,MAAA,gBAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,iBAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,cAAA,OAAA,CAAA,WAAA,CAAA,KAAA,CAAA,IAAA,WAAA,CAAA,MAAA,MAAA,GAAA,CAAA,CAAA;AACA,MAAA,OAAA,CAAA,WAAA,IAAA,OAAA,CAAA,KAAA,KAAA,SAAA,CAAA,KAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,SAAA,CAAA,MAAA;AAEA,MAAA,CAAA;AAAA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,QAAA,SAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,qBAAA,MAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,iBAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,MAAA,GAAA,CAAA,YAAA,CACA,yBACA,CAAA,EAAA,EAAA,CAAA,KAAA,CAAA,MAAA,EAAA,gBAAA,CAAA,KACA,CAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,gBAAA;AAAA,MAEA,SAAA;AAAA,MAEA,OAAA;AAAA,MAEA,QAAA;AAAA,MAEA,SAAA;AAAA,MAEA,WAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/badge/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Badge from './src/badge2.mjs';
-export { badgeProps } from './src/badge.mjs';
+import Badge from './src/badge.mjs';
+export { badgeProps } from './src/badge2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsBadge = withInstall(Badge);

package/es/components/badge/src/badge.mjs

@@ -1,23 +1,60 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, toDisplayString, vShow } from 'vue';
+import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props.mjs';
+import { badgeProps } from './badge2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isNumber } from '@vueuse/core';
 
-const badgeProps = buildProps({
-  value: {
-    type: [String, Number],
-    default: ""
-  },
-  max: {
-    type: Number,
-    default: 99
-  },
-  isDot: Boolean,
-  hidden: Boolean,
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger"],
-    default: "danger"
+const _hoisted_1 = ["textContent"];
+const __default__ = {
+  name: "PsBadge"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: badgeProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = useNamespace("badge");
+    const content = computed(() => {
+      if (props.isDot)
+        return "";
+      if (isNumber(props.value) && isNumber(props.max)) {
+        return props.max < props.value ? `${props.max}+` : `${props.value}`;
+      }
+      return `${props.value}`;
+    });
+    expose({
+      content
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(Transition, {
+          name: `${unref(ns).namespace.value}-zoom-in-center`
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("sup", {
+              class: normalizeClass([
+                unref(ns).e("content"),
+                unref(ns).em("content", _ctx.type),
+                unref(ns).is("fixed", !!_ctx.$slots.default),
+                unref(ns).is("dot", _ctx.isDot)
+              ]),
+              textContent: toDisplayString(unref(content))
+            }, null, 10, _hoisted_1), [
+              [vShow, !_ctx.hidden && (unref(content) || unref(content) === "0" || _ctx.isDot)]
+            ])
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ], 2);
+    };
   }
 });
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/badge/src/badge.vue"]]);
 
-export { badgeProps };
+export { Badge as default };
 //# sourceMappingURL=badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Badge from './badge.vue'\n\nexport const badgeProps = buildProps({\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  max: {\n    type: Number,\n    default: 99,\n  },\n  isDot: Boolean,\n  hidden: Boolean,\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n\nexport type BadgeInstance = InstanceType<typeof Badge>\n"],"names":[],"mappings":";;;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { isNumber } from '@element-ps/utils'\nimport { badgeProps } from './badge'\n\ndefineOptions({\n  name: 'PsBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAA,EAAA,GAAA,aAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,SAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,KAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,IAAA,SAAA,KAAA,CAAA,KAAA,KAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,MAAA,KAAA,CAAA,KAAA,GAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,GAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OACA;AACA,MAAA,OAAA,GAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,OAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}