element-ps 2.0.32 → 2.0.35

package/es/components/alert/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Alert from './src/alert.mjs';
-export { alertEffects, alertProps } from './src/alert2.mjs';
+import Alert from './src/alert2.mjs';
+export { alertEffects, alertProps } from './src/alert.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsAlert = withInstall(Alert);

package/es/components/alert/src/alert.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 './alert2.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=alert.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.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":"alert.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/alert/src/alert2.mjs

@@ -1,39 +1,89 @@
+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 { buildProps } from '../../../utils/vue/props.mjs';
-import { keysOf } from '../../../utils/objects.mjs';
-import { TypeComponentsMap } from '../../../utils/vue/icon.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';
 
-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"
+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"]);
+    };
   }
 });
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/alert/src/alert.vue"]]);
 
-export { alertEffects, alertProps };
+export { Alert as default };
 //# 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.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;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/backtop/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Backtop from './src/backtop2.mjs';
-export { backtopProps } from './src/backtop.mjs';
+import Backtop from './src/backtop.mjs';
+export { backtopProps } from './src/backtop2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsBacktop = withInstall(Backtop);

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

@@ -1,21 +1,62 @@
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
-  },
-  bottom: {
-    type: Number,
-    default: 40
-  }
+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';
+import '../../../hooks/index.mjs';
+import { backtopProps } from './backtop2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
+
+const __default__ = {
+  name: "PsBacktop"
 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: backtopProps,
+  setup(__props) {
+    const props = __props;
+    const COMPONENT_NAME = "PsBacktop";
+    const ns = useNamespace("backtop");
+    const el = shallowRef();
+    const container = shallowRef();
+    const visible = ref(false);
+    const backTopStyle = computed(() => ({
+      right: `${props.right}px`,
+      bottom: `${props.bottom}px`
+    }));
+    onMounted(() => {
+      var _a;
+      container.value = document;
+      el.value = document.documentElement;
+      if (props.target) {
+        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!el.value) {
+          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
+        }
+        container.value = el.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      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);
+    };
+  }
+});
+var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/backtop/src/backtop.vue"]]);
 
-export { backtopProps };
+export { Backtop as default };
 //# sourceMappingURL=backtop.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"backtop.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  right: {\n    type: Number,\n    default: 40,\n  },\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n"],"names":[],"mappings":"AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}
+{"version":3,"file":"backtop.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/backtop/src/backtop2.mjs

@@ -1,62 +1,21 @@
-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';
-import '../../../hooks/index.mjs';
-import { backtopProps } from './backtop.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { throwError } from '../../../utils/error.mjs';
-
-const __default__ = {
-  name: "PsBacktop"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: backtopProps,
-  setup(__props) {
-    const props = __props;
-    const COMPONENT_NAME = "PsBacktop";
-    const ns = useNamespace("backtop");
-    const el = shallowRef();
-    const container = shallowRef();
-    const visible = ref(false);
-    const backTopStyle = computed(() => ({
-      right: `${props.right}px`,
-      bottom: `${props.bottom}px`
-    }));
-    onMounted(() => {
-      var _a;
-      container.value = document;
-      el.value = document.documentElement;
-      if (props.target) {
-        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-        if (!el.value) {
-          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
-        }
-        container.value = el.value;
-      }
-    });
-    return (_ctx, _cache) => {
-      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);
-    };
+const backtopProps = {
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  right: {
+    type: Number,
+    default: 40
+  },
+  bottom: {
+    type: Number,
+    default: 40
   }
-});
-var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/backtop/src/backtop.vue"]]);
+};
 
-export { Backtop as default };
+export { backtopProps };
 //# sourceMappingURL=backtop2.mjs.map

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  <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;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  right: {\n    type: Number,\n    default: 40,\n  },\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n"],"names":[],"mappings":"AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}

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

package/es/components/breadcrumb/src/breadcrumb-item.mjs

@@ -1,16 +1,51 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
+import { PsIcon } from '../../icon/index.mjs';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { breadcrumbKey } from '../../../tokens/breadcrumb.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const breadcrumbItemProps = buildProps({
-  to: {
-    type: definePropType([String, Object]),
-    default: ""
-  },
-  replace: {
-    type: Boolean,
-    default: false
+const __default__ = {
+  name: "PsBreadcrumbItem"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const breadcrumbInjection = inject(breadcrumbKey, {});
+    const ns = useNamespace("breadcrumb");
+    const { separator, separatorIcon } = breadcrumbInjection;
+    const link = ref();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(ns).e("item"))
+      }, [
+        createElementVNode("span", {
+          ref_key: "link",
+          ref: link,
+          class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
+          role: "link"
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        unref(separatorIcon) ? (openBlock(), createBlock(unref(PsIcon), {
+          key: 0,
+          class: normalizeClass(unref(ns).e("separator"))
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(separatorIcon))))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("separator")),
+          role: "presentation"
+        }, toDisplayString(unref(separator)), 3))
+      ], 2);
+    };
   }
 });
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
 
-export { breadcrumbItemProps };
+export { BreadcrumbItem as default };
 //# sourceMappingURL=breadcrumb-item.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport type BreadcrumbItem from './breadcrumb-item.vue'\n\nexport const breadcrumbItemProps = buildProps({\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  replace: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\n\nexport type BreadcrumbItemInstance = InstanceType<typeof BreadcrumbItem>\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"breadcrumb-item.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span\n      ref=\"link\"\n      :class=\"[ns.e('inner'), ns.is('link', !!to)]\"\n      role=\"link\"\n    >\n      <slot />\n    </span>\n    <ps-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </ps-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { breadcrumbKey } from '@element-ps/tokens'\nimport { useNamespace } from '@element-ps/hooks'\nimport type { BreadcrumbProps } from './breadcrumb'\n\ndefineOptions({\n  name: 'PsBreadcrumbItem',\n})\n\nconst breadcrumbInjection = inject(breadcrumbKey, {} as BreadcrumbProps)!\n\nconst ns = useNamespace('breadcrumb')\n\nconst { separator, separatorIcon } = breadcrumbInjection\n\nconst link = ref<HTMLSpanElement>()\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BA,IAAA,MAAA,mBAAA,GAAA,MAAA,CAAA,aAAA,EAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAA,aAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,WAAA,aAAA,EAAA,GAAA,mBAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}