beyond-webui 1.1.17 → 1.1.19

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

@@ -44,7 +44,7 @@ export declare const ElSkeleton: import("beyond-webui/es/utils").SFCWithInstall<
     };
     uiLoading: import("vue").Ref<boolean>;
     ElSkeletonItem: import("vue").DefineComponent<{
-        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -66,9 +66,9 @@ export declare const ElSkeleton: import("beyond-webui/es/utils").SFCWithInstall<
         };
         PictureFilled: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
     }>>, {
-        readonly variant: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown>;
+        readonly variant: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly animated: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -88,7 +88,7 @@ export declare const ElSkeleton: import("beyond-webui/es/utils").SFCWithInstall<
     readonly count: number;
 }>> & {
     SkeletonItem: import("vue").DefineComponent<{
-        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -110,13 +110,13 @@ export declare const ElSkeleton: import("beyond-webui/es/utils").SFCWithInstall<
         };
         PictureFilled: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+        readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
     }>>, {
-        readonly variant: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown>;
+        readonly variant: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>;
 };
 export declare const ElSkeletonItem: import("beyond-webui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+    readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -138,9 +138,9 @@ export declare const ElSkeletonItem: import("beyond-webui/es/utils").SFCWithInst
     };
     PictureFilled: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+    readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
 }>>, {
-    readonly variant: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown>;
+    readonly variant: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>;
 export default ElSkeleton;
 export * from './src/skeleton';

package/es/components/skeleton/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
-import Skeleton from './src/skeleton.mjs';
-import SkeletonItem from './src/skeleton-item2.mjs';
-export { skeletonProps } from './src/skeleton2.mjs';
-export { skeletonItemProps } from './src/skeleton-item.mjs';
+import Skeleton from './src/skeleton2.mjs';
+import SkeletonItem from './src/skeleton-item.mjs';
+export { skeletonProps } from './src/skeleton.mjs';
+export { skeletonItemProps } from './src/skeleton-item2.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElSkeleton = withInstall(Skeleton, {

package/es/components/skeleton/src/skeleton-item.d.ts

@@ -1,7 +1,7 @@
 import type SkeletonItem from './skeleton-item.vue';
 import type { ExtractPropTypes } from 'vue';
 export declare const skeletonItemProps: {
-    readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+    readonly variant: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
 };
 export declare type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>;
 export declare type SkeletonItemInstance = InstanceType<typeof SkeletonItem>;

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

@@ -1,23 +1,28 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { PictureFilled } from '@element-plus/icons-vue';
+import { skeletonItemProps } from './skeleton-item2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const skeletonItemProps = buildProps({
-  variant: {
-    type: String,
-    values: [
-      "circle",
-      "rect",
-      "h1",
-      "h3",
-      "text",
-      "caption",
-      "p",
-      "image",
-      "button"
-    ],
-    default: "text"
+const __default__ = defineComponent({
+  name: "ElSkeletonItem"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: skeletonItemProps,
+  setup(__props) {
+    const ns = useNamespace("skeleton");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).e("item"), unref(ns).e(_ctx.variant)])
+      }, [
+        _ctx.variant === "image" ? (openBlock(), createBlock(unref(PictureFilled), { key: 0 })) : createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
+var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\BeyondTrucks\\beyond-ui\\packages\\components\\skeleton\\src\\skeleton-item.vue"]]);
 
-export { skeletonItemProps };
+export { SkeletonItem as default };
 //# sourceMappingURL=skeleton-item.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n  variant: {\n    type: String,\n    values: [\n      'circle',\n      'rect',\n      'h1',\n      'h3',\n      'text',\n      'caption',\n      'p',\n      'image',\n      'button',\n    ],\n    default: 'text',\n  },\n} as const)\nexport type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,IAAI;AACV,MAAM,IAAI;AACV,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,GAAG;AACT,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,KAAK;AACL,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"skeleton-item.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <picture-filled v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\nimport { skeletonItemProps } from './skeleton-item'\n\ndefineOptions({\n  name: 'ElSkeletonItem',\n})\ndefineProps(skeletonItemProps)\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":[],"mappings":";;;;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;;;;;;;;;;;;;;"}

package/es/components/skeleton/src/skeleton-item.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+    readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     PictureFilled: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+    readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
 }>>, {
-    readonly variant: import("../../../utils").EpPropMergeType<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown>;
+    readonly variant: import("../../../utils").EpPropMergeType<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>;
 export default _default;

package/es/components/skeleton/src/skeleton-item2.mjs

@@ -1,28 +1,23 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { PictureFilled } from '@element-plus/icons-vue';
-import { skeletonItemProps } from './skeleton-item.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElSkeletonItem"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: skeletonItemProps,
-  setup(__props) {
-    const ns = useNamespace("skeleton");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).e("item"), unref(ns).e(_ctx.variant)])
-      }, [
-        _ctx.variant === "image" ? (openBlock(), createBlock(unref(PictureFilled), { key: 0 })) : createCommentVNode("v-if", true)
-      ], 2);
-    };
+const skeletonItemProps = buildProps({
+  variant: {
+    type: String,
+    values: [
+      "circle",
+      "rect",
+      "h1",
+      "h3",
+      "text",
+      "caption",
+      "p",
+      "image",
+      "button"
+    ],
+    default: "text"
   }
 });
-var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\BeyondTrucks\\beyond-ui\\packages\\components\\skeleton\\src\\skeleton-item.vue"]]);
 
-export { SkeletonItem as default };
+export { skeletonItemProps };
 //# sourceMappingURL=skeleton-item2.mjs.map

package/es/components/skeleton/src/skeleton-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <picture-filled v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\nimport { skeletonItemProps } from './skeleton-item'\n\ndefineOptions({\n  name: 'ElSkeletonItem',\n})\ndefineProps(skeletonItemProps)\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":[],"mappings":";;;;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n  variant: {\n    type: String,\n    values: [\n      'circle',\n      'rect',\n      'h1',\n      'h3',\n      'text',\n      'caption',\n      'p',\n      'image',\n      'button',\n    ],\n    default: 'text',\n  },\n} as const)\nexport type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,IAAI;AACV,MAAM,IAAI;AACV,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,GAAG;AACT,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,KAAK;AACL,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}

package/es/components/skeleton/src/skeleton.mjs

@@ -1,54 +1,27 @@
-import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
-import '../../../hooks/index.mjs';
-import { skeletonProps } from './skeleton2.mjs';
-import SkeletonItem from './skeleton-item2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElSkeleton"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: skeletonProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = useNamespace("skeleton");
-    const uiLoading = useThrottleRender(toRef(props, "loading"), props.throttle);
-    expose({
-      uiLoading
-    });
-    return (_ctx, _cache) => {
-      return unref(uiLoading) ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        class: [unref(ns).b(), unref(ns).is("animated", _ctx.animated)]
-      }, _ctx.$attrs), [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.count, (i) => {
-          return openBlock(), createElementBlock(Fragment, { key: i }, [
-            _ctx.loading ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
-              createVNode(SkeletonItem, {
-                class: normalizeClass(unref(ns).is("first")),
-                variant: "p"
-              }, null, 8, ["class"]),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
-                return openBlock(), createBlock(SkeletonItem, {
-                  key: item,
-                  class: normalizeClass([
-                    unref(ns).e("paragraph"),
-                    unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
-                  ]),
-                  variant: "p"
-                }, null, 8, ["class"]);
-              }), 128))
-            ]) : createCommentVNode("v-if", true)
-          ], 64);
-        }), 128))
-      ], 16)) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)));
-    };
+const skeletonProps = buildProps({
+  animated: {
+    type: Boolean,
+    default: false
+  },
+  count: {
+    type: Number,
+    default: 1
+  },
+  rows: {
+    type: Number,
+    default: 3
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  throttle: {
+    type: Number
   }
 });
-var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\BeyondTrucks\\beyond-ui\\packages\\components\\skeleton\\src\\skeleton.vue"]]);
 
-export { Skeleton as default };
+export { skeletonProps };
 //# sourceMappingURL=skeleton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport { skeletonProps } from './skeleton'\nimport ElSkeletonItem from './skeleton-item.vue'\n\ndefineOptions({\n  name: 'ElSkeleton',\n})\nconst props = defineProps(skeletonProps)\n\nconst ns = useNamespace('skeleton')\nconst uiLoading = useThrottleRender(toRef(props, 'loading'), props.throttle)\n\ndefineExpose({\n  /** @description loading state */\n  uiLoading,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA8Bc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,YAAY,iBAAkB,CAAA,KAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA;AAE3E,IAAa,MAAA,CAAA;AAAA,MAEX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"skeleton.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  count: {\n    type: Number,\n    default: 1,\n  },\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  throttle: {\n    type: Number,\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

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

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     uiLoading: import("vue").Ref<boolean>;
     ElSkeletonItem: import("vue").DefineComponent<{
-        readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+        readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -66,9 +66,9 @@ declare const _default: import("vue").DefineComponent<{
         };
         PictureFilled: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown, "text", boolean>;
+        readonly variant: import("../../../utils").EpPropFinalized<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown, "text", boolean>;
     }>>, {
-        readonly variant: import("../../../utils").EpPropMergeType<StringConstructor, "image" | "button" | "caption" | "h1" | "h3" | "p" | "circle" | "rect" | "text", unknown>;
+        readonly variant: import("../../../utils").EpPropMergeType<StringConstructor, "circle" | "button" | "text" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly animated: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;

package/es/components/skeleton/src/skeleton2.mjs

@@ -1,27 +1,54 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
+import '../../../hooks/index.mjs';
+import { skeletonProps } from './skeleton.mjs';
+import SkeletonItem from './skeleton-item.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
 
-const skeletonProps = buildProps({
-  animated: {
-    type: Boolean,
-    default: false
-  },
-  count: {
-    type: Number,
-    default: 1
-  },
-  rows: {
-    type: Number,
-    default: 3
-  },
-  loading: {
-    type: Boolean,
-    default: true
-  },
-  throttle: {
-    type: Number
+const __default__ = defineComponent({
+  name: "ElSkeleton"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: skeletonProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = useNamespace("skeleton");
+    const uiLoading = useThrottleRender(toRef(props, "loading"), props.throttle);
+    expose({
+      uiLoading
+    });
+    return (_ctx, _cache) => {
+      return unref(uiLoading) ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        class: [unref(ns).b(), unref(ns).is("animated", _ctx.animated)]
+      }, _ctx.$attrs), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.count, (i) => {
+          return openBlock(), createElementBlock(Fragment, { key: i }, [
+            _ctx.loading ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
+              createVNode(SkeletonItem, {
+                class: normalizeClass(unref(ns).is("first")),
+                variant: "p"
+              }, null, 8, ["class"]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
+                return openBlock(), createBlock(SkeletonItem, {
+                  key: item,
+                  class: normalizeClass([
+                    unref(ns).e("paragraph"),
+                    unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
+                  ]),
+                  variant: "p"
+                }, null, 8, ["class"]);
+              }), 128))
+            ]) : createCommentVNode("v-if", true)
+          ], 64);
+        }), 128))
+      ], 16)) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)));
+    };
   }
 });
+var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\BeyondTrucks\\beyond-ui\\packages\\components\\skeleton\\src\\skeleton.vue"]]);
 
-export { skeletonProps };
+export { Skeleton as default };
 //# sourceMappingURL=skeleton2.mjs.map

package/es/components/skeleton/src/skeleton2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  count: {\n    type: Number,\n    default: 1,\n  },\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  throttle: {\n    type: Number,\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"skeleton2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport { skeletonProps } from './skeleton'\nimport ElSkeletonItem from './skeleton-item.vue'\n\ndefineOptions({\n  name: 'ElSkeleton',\n})\nconst props = defineProps(skeletonProps)\n\nconst ns = useNamespace('skeleton')\nconst uiLoading = useThrottleRender(toRef(props, 'loading'), props.throttle)\n\ndefineExpose({\n  /** @description loading state */\n  uiLoading,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCA8Bc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,YAAY,iBAAkB,CAAA,KAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA;AAE3E,IAAa,MAAA,CAAA;AAAA,MAEX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}