beyond-webui 1.1.8 → 1.1.10

package/es/components/select-v2/src/select.vue.d.ts

@@ -198,8 +198,8 @@ declare const _default: import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showAfter: number;
             hideAfter: number;
@@ -551,7 +551,7 @@ declare const _default: import("vue").DefineComponent<{
             role: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "placement" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "effect" | "offset" | "placement" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3164,8 +3164,8 @@ declare const _default: import("vue").DefineComponent<{
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }, {
-                    readonly offset: number;
                     readonly effect: string;
+                    readonly offset: number;
                     readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -3444,8 +3444,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly hideAfter: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                 readonly autoClose: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             }>>, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly showAfter: number;
                 readonly hideAfter: number;
@@ -3469,8 +3469,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly disabled: boolean;
             }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showAfter: number;
             hideAfter: number;
@@ -6117,8 +6117,8 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -6397,8 +6397,8 @@ declare const _default: import("vue").DefineComponent<{
             readonly hideAfter: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }>>, {
-            readonly offset: number;
             readonly effect: string;
+            readonly offset: number;
             readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly showAfter: number;
             readonly hideAfter: number;
@@ -6572,8 +6572,8 @@ declare const _default: import("vue").DefineComponent<{
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
     effect: string;
+    height: number;
     valueKey: string;
     placement: import("@popperjs/core").Placement;
     popperClass: string;
@@ -6590,15 +6590,15 @@ declare const _default: import("vue").DefineComponent<{
     collapseTags: boolean;
     collapseTagsTooltip: boolean;
     clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    automaticDropdown: boolean;
     allowCreate: boolean;
-    remote: boolean;
-    multipleLimit: number;
-    defaultFirstOption: boolean;
-    reserveKeyword: boolean;
+    automaticDropdown: boolean;
     maxCollapseTags: number;
+    defaultFirstOption: boolean;
     estimatedOptionHeight: number;
     itemHeight: number;
+    multipleLimit: number;
+    reserveKeyword: boolean;
+    remote: boolean;
     scrollbarAlwaysOn: boolean;
 }>;
 export default _default;

package/es/components/select-v2/src/useSelect.d.ts

@@ -100,8 +100,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showAfter: number;
             hideAfter: number;
@@ -453,7 +453,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             role: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "placement" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "effect" | "offset" | "placement" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3066,8 +3066,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }, {
-                    readonly offset: number;
                     readonly effect: string;
+                    readonly offset: number;
                     readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -3346,8 +3346,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly hideAfter: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                 readonly autoClose: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             }>>, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly showAfter: number;
                 readonly hideAfter: number;
@@ -3371,8 +3371,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 readonly disabled: boolean;
             }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            offset: number;
             effect: string;
+            offset: number;
             placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             showAfter: number;
             hideAfter: number;
@@ -6019,8 +6019,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             }, {
-                readonly offset: number;
                 readonly effect: string;
+                readonly offset: number;
                 readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -6299,8 +6299,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly hideAfter: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             readonly autoClose: import("beyond-webui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
         }>>, {
-            readonly offset: number;
             readonly effect: string;
+            readonly offset: number;
             readonly placement: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             readonly showAfter: number;
             readonly hideAfter: number;

package/es/components/skeleton/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.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 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 { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElSkeleton = withInstall(Skeleton, {

package/es/components/skeleton/src/skeleton-item.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-item2.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-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.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-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;;;;"}

package/es/components/skeleton/src/skeleton-item2.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-item.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-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.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-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;;;;;;;;;;;;;;"}

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

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/skeleton/src/skeleton2.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 './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';
+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=skeleton2.mjs.map

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;"}