element-ps 2.0.13 → 2.0.14

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 { onClickOutside } from '@vueuse/core'\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\nonClickOutside(listboxRef, close)\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":";;;;;;;;;;;;;;;;;;AAkDA,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,cAAA,CAAA,YAAA,KAAA,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

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string; /** @description remote search loading status */
+        e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
         em: (element?: string | undefined, modifier?: string | undefined) => string;
@@ -155,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             nsInput: {
                 namespace: import("vue").ComputedRef<string>;
                 b: (blockSuffix?: string) => string;
-                e: (element?: string | undefined) => string; /** @description remote search loading status */
+                e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
@@ -169,7 +169,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             nsTextarea: {
                 namespace: import("vue").ComputedRef<string>;
                 b: (blockSuffix?: string) => string;
-                e: (element?: string | undefined) => string; /** @description remote search loading status */
+                e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
@@ -317,7 +317,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         nsInput: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
-            e: (element?: string | undefined) => string; /** @description remote search loading status */
+            e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
@@ -331,7 +331,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         nsTextarea: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
-            e: (element?: string | undefined) => string; /** @description remote search loading status */
+            e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
@@ -376,9 +376,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
+            style: StyleValue;
             visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
-            style: StyleValue;
             open: boolean;
             transition: string;
             virtualRef: import("../../..").Measurable;
@@ -549,7 +549,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             strategy: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "visible" | "content" | "style" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -662,9 +662,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
+            style: StyleValue;
             visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
-            style: StyleValue;
             open: boolean;
             transition: string;
             virtualRef: import("../../..").Measurable;

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/backtop/src/backtop2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createBlock, Transition, unref, withCtx, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, renderSlot, createVNode, withCtx } from 'vue';
 import { PsIcon } from '../../icon/index.mjs';
 import '../../../utils/index.mjs';
 import { CaretTop } from '@element-plus/icons-vue';
@@ -38,29 +38,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: `${unref(ns).namespace.value}-fade-in`
-      }, {
-        default: withCtx(() => [
-          visible.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            style: normalizeStyle(unref(backTopStyle)),
-            class: normalizeClass(unref(ns).b())
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(unref(PsIcon), {
-                class: normalizeClass(unref(ns).e("icon"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(CaretTop))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ], 6)) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["name"]);
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(backTopStyle)),
+        class: normalizeClass(unref(ns).b())
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createVNode(unref(PsIcon), {
+            class: normalizeClass(unref(ns).e("icon"))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(CaretTop))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])
+      ], 6);
     };
   }
 });

package/es/components/backtop/src/backtop2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n    >\n      <slot>\n        <ps-icon :class=\"ns.e('icon')\"><caret-top /></ps-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { throwError } from '@element-ps/utils'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-ps/hooks'\n\nimport { backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'PsBacktop'\n\ndefineOptions({\n  name: 'PsBacktop',\n})\n\nconst props = defineProps(backtopProps)\n\nconst ns = useNamespace('backtop')\nconst el = shallowRef<HTMLElement>()\nconst container = shallowRef<Document | HTMLElement>()\nconst visible = ref(false)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n\nonMounted(() => {\n  container.value = document\n  el.value = document.documentElement\n\n  if (props.target) {\n    el.value = document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!el.value) {\n      throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n    }\n    container.value = el.value\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,cAAA,GAAA,WAAA,CAAA;AAQA,IAAA,MAAA,EAAA,GAAA,aAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SAAA,OAAA;AAAA,MACA,KAAA,EAAA,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MACA,MAAA,EAAA,GAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,eAAA,GAAA,QAAA,CAAA;AAEA,MAAA,EAAA,CAAA,QAAA,QAAA,CAAA,eAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,EAAA,CAAA,KAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,aAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AACA,QAAA,IAAA,CAAA,EAAA,CAAA,KAAA,EAAA;AAAA,UACA,UAAA,CAAA,cAAA,EAAA,CAAA,uBAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,SAAA;AAAA,QACA,SAAA,CAAA,KAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAAA,OACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <div\n    :style=\"backTopStyle\"\n    :class=\"ns.b()\"\n  >\n    <slot>\n      <ps-icon :class=\"ns.e('icon')\"><caret-top /></ps-icon>\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { throwError } from '@element-ps/utils'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-ps/hooks'\n\nimport { backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'PsBacktop'\n\ndefineOptions({\n  name: 'PsBacktop',\n})\n\nconst props = defineProps(backtopProps)\n\nconst ns = useNamespace('backtop')\nconst el = shallowRef<HTMLElement>()\nconst container = shallowRef<Document | HTMLElement>()\nconst visible = ref(false)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n\nonMounted(() => {\n  container.value = document\n  el.value = document.documentElement\n\n  if (props.target) {\n    el.value = document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!el.value) {\n      throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n    }\n    container.value = el.value\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAA,cAAA,GAAA,WAAA,CAAA;AAQA,IAAA,MAAA,EAAA,GAAA,aAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SAAA,OAAA;AAAA,MACA,KAAA,EAAA,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MACA,MAAA,EAAA,GAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,eAAA,GAAA,QAAA,CAAA;AAEA,MAAA,EAAA,CAAA,QAAA,QAAA,CAAA,eAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,EAAA,CAAA,KAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,aAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AACA,QAAA,IAAA,CAAA,EAAA,CAAA,KAAA,EAAA;AAAA,UACA,UAAA,CAAA,cAAA,EAAA,CAAA,uBAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,SAAA;AAAA,QACA,SAAA,CAAA,KAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAAA,OACA;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,60 +1,23 @@
-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 { badgeProps } from './badge.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isNumber } from '@vueuse/core';
+import { buildProps } from '../../../utils/vue/props.mjs';
 
-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);
-    };
+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"
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/badge/src/badge.vue"]]);
 
-export { Badge as default };
+export { badgeProps };
 //# sourceMappingURL=badge2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge2.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"badge2.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;;;;"}

package/es/components/breadcrumb/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
-import Breadcrumb from './src/breadcrumb.mjs';
-import BreadcrumbItem from './src/breadcrumb-item2.mjs';
-export { breadcrumbProps } from './src/breadcrumb2.mjs';
-export { breadcrumbItemProps } from './src/breadcrumb-item.mjs';
+import Breadcrumb from './src/breadcrumb2.mjs';
+import BreadcrumbItem from './src/breadcrumb-item.mjs';
+export { breadcrumbProps } from './src/breadcrumb.mjs';
+export { breadcrumbItemProps } from './src/breadcrumb-item2.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const PsBreadcrumb = withInstall(Breadcrumb, {