element-ps 2.0.19 → 2.0.20

package/es/components/alert/src/alert2.mjs

@@ -1,89 +1,39 @@
-import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
-import { PsIcon } from '../../icon/index.mjs';
 import '../../../utils/index.mjs';
-import '../../../hooks/index.mjs';
-import { alertProps } from './alert.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
+import { keysOf } from '../../../utils/objects.mjs';
+import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
 
-const __default__ = {
-  name: "PsAlert"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: alertProps,
-  setup(__props) {
-    const props = __props;
-    const { Close } = TypeComponents;
-    const slots = useSlots();
-    const ns = useNamespace("alert");
-    const visible = ref(true);
-    const iconComponent = computed(() => TypeComponentsMap[props.type] || TypeComponentsMap["info"]);
-    const isBigIcon = computed(() => props.description || { [ns.is("big")]: slots.default });
-    const isBoldTitle = computed(() => props.description || { [ns.is("bold")]: slots.default });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: unref(ns).b("fade")
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
-            role: "alert"
-          }, [
-            _ctx.showIcon && unref(iconComponent) ? (openBlock(), createBlock(unref(PsIcon), {
-              key: 0,
-              class: normalizeClass([unref(ns).e("icon"), unref(isBigIcon)])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("v-if", true),
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("content"))
-            }, [
-              _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass([unref(ns).e("title"), unref(isBoldTitle)])
-              }, [
-                renderSlot(_ctx.$slots, "title", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.title), 1)
-                ])
-              ], 2)) : createCommentVNode("v-if", true),
-              _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
-                key: 1,
-                class: normalizeClass(unref(ns).e("description"))
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.description), 1)
-                ])
-              ], 2)) : createCommentVNode("v-if", true),
-              _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                _ctx.closeText ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")])
-                }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(unref(PsIcon), {
-                  key: 1,
-                  class: normalizeClass(unref(ns).e("close-btn"))
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(Close))
-                  ]),
-                  _: 1
-                }, 8, ["class"]))
-              ], 2112)) : createCommentVNode("v-if", true)
-            ], 2)
-          ], 2), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+const alertEffects = ["light", "dark"];
+const alertProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: keysOf(TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: alertEffects,
+    default: "light"
   }
 });
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/alert/src/alert.vue"]]);
 
-export { Alert as default };
+export { alertEffects, alertProps };
 //# sourceMappingURL=alert2.mjs.map

package/es/components/alert/src/alert2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <ps-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </ps-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n          >\n            {{ closeText }}\n          </div>\n          <ps-icon v-else :class=\"ns.e('close-btn')\">\n            <Close />\n          </ps-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'PsAlert',\n})\n\nconst props = defineProps(alertProps)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\n// state\nconst visible = ref(true)\n\n// computed\nconst iconComponent = computed(\n  () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n)\nconst isBigIcon = computed(\n  () => props.description || { [ns.is('big')]: slots.default }\n)\nconst isBoldTitle = computed(\n  () => props.description || { [ns.is('bold')]: slots.default }\n)\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+CA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAA,cAAA,CAAA;AAOA,IAAA,MAAA,QAAA,QAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAA,aAAA,OAAA,CAAA,CAAA;AAGA,IAAA,MAAA,OAAA,GAAA,IAAA,IAAA,CAAA,CAAA;AAGA,IAAA,MAAA,gBAAA,QACA,CAAA,MAAA,kBAAA,KAAA,CAAA,IAAA,CAAA,IAAA,kBAAA,MACA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAA,QAAA,CACA,MAAA,KAAA,CAAA,WAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EACA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,QAAA,CACA,MAAA,KAAA,CAAA,WAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Alert from './alert.vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport type AlertInstance = InstanceType<typeof Alert>\n"],"names":[],"mappings":";;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

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

@@ -2,7 +2,7 @@ import { NOOP } from '@vue/shared';
 import '../../../utils/index.mjs';
 import '../../tooltip/index.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/tooltip2.mjs';
 
 const autocompleteProps = buildProps({
   valueKey: {

package/es/components/avatar/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Avatar from './src/avatar2.mjs';
-export { avatarProps } from './src/avatar.mjs';
+import Avatar from './src/avatar.mjs';
+export { avatarProps } from './src/avatar2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsAvatar = withInstall(Avatar);

package/es/components/avatar/src/avatar.mjs

@@ -1,35 +1,67 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
+import { PsIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { avatarProps } from './avatar2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isString } from '@vue/shared';
+import { isNumber } from '@vueuse/core';
+import { addUnit } from '../../../utils/dom/style.mjs';
 
-const avatarProps = buildProps({
-  size: {
-    type: [Number, String],
-    values: componentSizes,
-    default: "",
-    validator: (val) => typeof val === "number"
-  },
-  shape: {
-    type: String,
-    values: ["circle", "square"],
-    default: "circle"
-  },
-  icon: {
-    type: iconPropType
-  },
-  src: {
-    type: String,
-    default: ""
-  },
-  alt: String,
-  srcSet: String,
-  fit: {
-    type: definePropType(String),
-    default: "cover"
+const _hoisted_1 = ["src", "alt", "srcset"];
+const __default__ = {
+  name: "PsAvatar"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: avatarProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("avatar");
+    const hasLoadError = ref(false);
+    const avatarClass = computed(() => {
+      const { size, icon, shape } = props;
+      const classList = [ns.b()];
+      if (isString(size))
+        classList.push(ns.m(size));
+      if (icon)
+        classList.push(ns.m("icon"));
+      if (shape)
+        classList.push(ns.m(shape));
+      return classList;
+    });
+    const sizeStyle = computed(() => {
+      const { size } = props;
+      return isNumber(size) ? {
+        "--el-avatar-size": addUnit(size)
+      } : void 0;
+    });
+    const fitStyle = computed(() => ({
+      objectFit: props.fit
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(avatarClass)),
+        style: normalizeStyle(unref(sizeStyle))
+      }, [
+        (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: _ctx.src,
+          alt: _ctx.alt,
+          srcset: _ctx.srcSet,
+          style: normalizeStyle(unref(fitStyle))
+        }, null, 12, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(unref(PsIcon), { key: 1 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : renderSlot(_ctx.$slots, "default", { key: 2 })
+      ], 6);
+    };
   }
 });
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/avatar/src/avatar.vue"]]);
 
-export { avatarProps };
+export { Avatar as default };
 //# sourceMappingURL=avatar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { componentSizes } from '@element-ps/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\nimport type Avatar from './avatar.vue'\n\nexport const avatarProps = buildProps({\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => typeof val === 'number',\n  },\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  icon: {\n    type: iconPropType,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  alt: String,\n  srcSet: String,\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport type AvatarInstance = InstanceType<typeof Avatar>\n"],"names":[],"mappings":";;;;;;AAEY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,QAAQ;AAC/C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"avatar.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n    />\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { useNamespace } from '@element-ps/hooks'\nimport { addUnit, isNumber, isString } from '@element-ps/utils'\nimport { avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsAvatar',\n})\n\nconst props = defineProps(avatarProps)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? ({\n        '--el-avatar-size': addUnit(size),\n      } as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,EAAA,IAAA,EAAA,IAAA,EAAA,KAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,MAAA,SAAA,GAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AACA,MAAA,IAAA,SAAA,IAAA,CAAA;AAAA,QAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,IAAA;AAAA,QAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,KAAA;AAAA,QAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,MAAA,OAAA,SAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,EAAA,IAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,QAAA,CAAA,IAAA,CACA,GAAA;AAAA,QACA,kBAAA,EAAA,QAAA,IAAA,CAAA;AAAA,OAEA,GAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,SAAA,OAAA;AAAA,MACA,WAAA,KAAA,CAAA,GAAA;AAAA,KACA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/avatar/src/avatar2.mjs

@@ -1,67 +1,35 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
-import { PsIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import { avatarProps } from './avatar.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isString } from '@vue/shared';
-import { isNumber } from '@vueuse/core';
-import { addUnit } from '../../../utils/dom/style.mjs';
+import '../../../constants/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { componentSizes } from '../../../constants/size.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["src", "alt", "srcset"];
-const __default__ = {
-  name: "PsAvatar"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: avatarProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("avatar");
-    const hasLoadError = ref(false);
-    const avatarClass = computed(() => {
-      const { size, icon, shape } = props;
-      const classList = [ns.b()];
-      if (isString(size))
-        classList.push(ns.m(size));
-      if (icon)
-        classList.push(ns.m("icon"));
-      if (shape)
-        classList.push(ns.m(shape));
-      return classList;
-    });
-    const sizeStyle = computed(() => {
-      const { size } = props;
-      return isNumber(size) ? {
-        "--el-avatar-size": addUnit(size)
-      } : void 0;
-    });
-    const fitStyle = computed(() => ({
-      objectFit: props.fit
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(avatarClass)),
-        style: normalizeStyle(unref(sizeStyle))
-      }, [
-        (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (openBlock(), createElementBlock("img", {
-          key: 0,
-          src: _ctx.src,
-          alt: _ctx.alt,
-          srcset: _ctx.srcSet,
-          style: normalizeStyle(unref(fitStyle))
-        }, null, 12, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(unref(PsIcon), { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-          ]),
-          _: 1
-        })) : renderSlot(_ctx.$slots, "default", { key: 2 })
-      ], 6);
-    };
+const avatarProps = buildProps({
+  size: {
+    type: [Number, String],
+    values: componentSizes,
+    default: "",
+    validator: (val) => typeof val === "number"
+  },
+  shape: {
+    type: String,
+    values: ["circle", "square"],
+    default: "circle"
+  },
+  icon: {
+    type: iconPropType
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  alt: String,
+  srcSet: String,
+  fit: {
+    type: definePropType(String),
+    default: "cover"
   }
 });
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/avatar/src/avatar.vue"]]);
 
-export { Avatar as default };
+export { avatarProps };
 //# sourceMappingURL=avatar2.mjs.map

package/es/components/avatar/src/avatar2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar2.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n    />\n    <ps-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </ps-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { useNamespace } from '@element-ps/hooks'\nimport { addUnit, isNumber, isString } from '@element-ps/utils'\nimport { avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsAvatar',\n})\n\nconst props = defineProps(avatarProps)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? ({\n        '--el-avatar-size': addUnit(size),\n      } as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,GAAA,aAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,EAAA,IAAA,EAAA,IAAA,EAAA,KAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,MAAA,SAAA,GAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AACA,MAAA,IAAA,SAAA,IAAA,CAAA;AAAA,QAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,IAAA;AAAA,QAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,KAAA;AAAA,QAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,MAAA,OAAA,SAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,EAAA,IAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,QAAA,CAAA,IAAA,CACA,GAAA;AAAA,QACA,kBAAA,EAAA,QAAA,IAAA,CAAA;AAAA,OAEA,GAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,SAAA,OAAA;AAAA,MACA,WAAA,KAAA,CAAA,GAAA;AAAA,KACA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"avatar2.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { componentSizes } from '@element-ps/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\nimport type Avatar from './avatar.vue'\n\nexport const avatarProps = buildProps({\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => typeof val === 'number',\n  },\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  icon: {\n    type: iconPropType,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  alt: String,\n  srcSet: String,\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport type AvatarInstance = InstanceType<typeof Avatar>\n"],"names":[],"mappings":";;;;;;AAEY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,QAAQ;AAC/C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

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,7 +1,7 @@
 import '../../utils/index.mjs';
-import Breadcrumb from './src/breadcrumb.mjs';
+import Breadcrumb from './src/breadcrumb2.mjs';
 import BreadcrumbItem from './src/breadcrumb-item.mjs';
-export { breadcrumbProps } from './src/breadcrumb2.mjs';
+export { breadcrumbProps } from './src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './src/breadcrumb-item2.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';