element-ps 2.0.17 → 2.0.18

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

@@ -194,24 +194,24 @@ declare const _default: import("vue").DefineComponent<{
         $props: Partial<{
             disabled: boolean;
             trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
-            content: string;
-            transition: string;
             effect: string;
+            style: import("vue").StyleValue;
             visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
+            content: string;
+            open: boolean;
+            transition: string;
             virtualRef: import("../../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -369,7 +369,7 @@ declare const _default: import("vue").DefineComponent<{
             strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "style" | "showAfter" | "hideAfter" | "open" | "placement" | "strategy" | "offset" | "content" | "transition" | "effect" | "visible" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -480,24 +480,24 @@ declare const _default: import("vue").DefineComponent<{
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
             trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
-            content: string;
-            transition: string;
             effect: string;
+            style: import("vue").StyleValue;
             visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
+            content: string;
+            open: boolean;
+            transition: string;
             virtualRef: import("../../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -812,13 +812,13 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     loading: boolean;
-    placement: import("@popperjs/core").Placement;
-    height: number;
     offset: number;
+    height: number;
     effect: string;
     autocomplete: "inline" | "none" | "both" | "list";
     clearable: boolean;
     multiple: boolean;
+    placement: import("@popperjs/core").Placement;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
     teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -829,15 +829,15 @@ declare const _default: import("vue").DefineComponent<{
     collapseTagsTooltip: boolean;
     popperAppendToBody: boolean;
     clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    valueKey: string;
-    automaticDropdown: boolean;
     allowCreate: boolean;
-    remote: boolean;
-    multipleLimit: number;
+    automaticDropdown: boolean;
     defaultFirstOption: boolean;
-    reserveKeyword: boolean;
     estimatedOptionHeight: number;
     itemHeight: number;
+    multipleLimit: number;
+    reserveKeyword: boolean;
+    remote: boolean;
+    valueKey: string;
     scrollbarAlwaysOn: boolean;
 }>;
 export default _default;

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

@@ -94,24 +94,24 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $props: Partial<{
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("element-ps/es/components/popper").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
-            content: string;
-            transition: string;
             effect: string;
+            style: import("vue").StyleValue;
             visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+            content: string;
+            open: boolean;
+            transition: string;
             virtualRef: import("../../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("element-ps/es/components/popper").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("element-ps/es/components/popper").Placement, unknown>;
             popperOptions: Partial<import("element-ps/es/components/popper").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -269,7 +269,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             strategy: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "style" | "showAfter" | "hideAfter" | "open" | "placement" | "strategy" | "offset" | "content" | "transition" | "effect" | "visible" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -380,24 +380,24 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("element-ps/es/components/popper").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
-            content: string;
-            transition: string;
             effect: string;
+            style: import("vue").StyleValue;
             visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+            content: string;
+            open: boolean;
+            transition: string;
             virtualRef: import("../../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("element-ps/es/components/popper").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("element-ps/es/components/popper").Placement, unknown>;
             popperOptions: Partial<import("element-ps/es/components/popper").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {

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

@@ -30,7 +30,7 @@ export declare const PsSkeleton: import("element-ps/es/utils").SFCWithInstall<im
     };
     uiLoading: import("vue").Ref<boolean>;
     PsSkeletonItem: import("vue").DefineComponent<{
-        readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -48,9 +48,9 @@ export declare const PsSkeleton: import("element-ps/es/utils").SFCWithInstall<im
         };
         PictureFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, 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("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>>, {
-        variant: import("element-ps/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        variant: import("element-ps/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "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("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -66,7 +66,7 @@ export declare const PsSkeleton: import("element-ps/es/utils").SFCWithInstall<im
     throttle: number;
 }>> & {
     SkeletonItem: import("vue").DefineComponent<{
-        readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -84,13 +84,13 @@ export declare const PsSkeleton: import("element-ps/es/utils").SFCWithInstall<im
         };
         PictureFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, 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("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>>, {
-        variant: import("element-ps/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        variant: import("element-ps/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>;
 };
 export declare const PsSkeletonItem: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -108,9 +108,9 @@ export declare const PsSkeletonItem: import("element-ps/es/utils").SFCWithInstal
     };
     PictureFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, 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("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>, {
-    variant: import("element-ps/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    variant: import("element-ps/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>;
 export default PsSkeleton;
 export * from './src/skeleton';

package/lib/components/skeleton/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var skeleton$1 = require('./src/skeleton2.js');
-var skeletonItem$1 = require('./src/skeleton-item2.js');
-var skeleton = require('./src/skeleton.js');
-var skeletonItem = require('./src/skeleton-item.js');
+var skeleton$1 = require('./src/skeleton.js');
+var skeletonItem$1 = require('./src/skeleton-item.js');
+var skeleton = require('./src/skeleton2.js');
+var skeletonItem = require('./src/skeleton-item2.js');
 var install = require('../../utils/vue/install.js');
 
 const PsSkeleton = install.withInstall(skeleton$1["default"], {

package/lib/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("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    readonly variant: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 };
 export declare type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>;
 export declare type SkeletonItemInstance = InstanceType<typeof SkeletonItem>;

package/lib/components/skeleton/src/skeleton-item.js

@@ -2,26 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var skeletonItem = require('./skeleton-item2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const skeletonItemProps = props.buildProps({
-  variant: {
-    type: String,
-    values: [
-      "circle",
-      "rect",
-      "h1",
-      "h3",
-      "text",
-      "caption",
-      "p",
-      "image",
-      "button"
-    ],
-    default: "text"
+const __default__ = {
+  name: "PsSkeletonItem"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: skeletonItem.skeletonItemProps,
+  setup(__props) {
+    const ns = index.useNamespace("skeleton");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).e("item"), vue.unref(ns).e(_ctx.variant)])
+      }, [
+        _ctx.variant === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.PictureFilled), { key: 0 })) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
+var SkeletonItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/skeleton/src/skeleton-item.vue"]]);
 
-exports.skeletonItemProps = skeletonItemProps;
+exports["default"] = SkeletonItem;
 //# sourceMappingURL=skeleton-item.js.map

package/lib/components/skeleton/src/skeleton-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-ps/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":["buildProps"],"mappings":";;;;;;;AACY,MAAC,iBAAiB,GAAGA,gBAAU,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.js","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-ps/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\nimport { skeletonItemProps } from './skeleton-item'\n\ndefineOptions({\n  name: 'PsSkeletonItem',\n})\ndefineProps(skeletonItemProps)\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAAA,mBAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     PictureFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, 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").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>, {
-    variant: import("../../../utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+    variant: import("../../../utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>;
 export default _default;

package/lib/components/skeleton/src/skeleton-item2.js

@@ -2,31 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var skeletonItem = require('./skeleton-item.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
 
-const __default__ = {
-  name: "PsSkeletonItem"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: skeletonItem.skeletonItemProps,
-  setup(__props) {
-    const ns = index.useNamespace("skeleton");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).e("item"), vue.unref(ns).e(_ctx.variant)])
-      }, [
-        _ctx.variant === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.PictureFilled), { key: 0 })) : vue.createCommentVNode("v-if", true)
-      ], 2);
-    };
+const skeletonItemProps = props.buildProps({
+  variant: {
+    type: String,
+    values: [
+      "circle",
+      "rect",
+      "h1",
+      "h3",
+      "text",
+      "caption",
+      "p",
+      "image",
+      "button"
+    ],
+    default: "text"
   }
 });
-var SkeletonItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/skeleton/src/skeleton-item.vue"]]);
 
-exports["default"] = SkeletonItem;
+exports.skeletonItemProps = skeletonItemProps;
 //# sourceMappingURL=skeleton-item2.js.map

package/lib/components/skeleton/src/skeleton-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item2.js","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-ps/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\nimport { skeletonItemProps } from './skeleton-item'\n\ndefineOptions({\n  name: 'PsSkeletonItem',\n})\ndefineProps(skeletonItemProps)\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAAA,mBAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"skeleton-item2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-ps/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":["buildProps"],"mappings":";;;;;;;AACY,MAAC,iBAAiB,GAAGA,gBAAU,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/lib/components/skeleton/src/skeleton.js

@@ -2,30 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var skeleton = require('./skeleton2.js');
+var skeletonItem = require('./skeleton-item.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-throttle-render/index.js');
 
-const skeletonProps = props.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__ = {
+  name: "PsSkeleton"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: skeleton.skeletonProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = index.useNamespace("skeleton");
+    const uiLoading = index$1.useThrottleRender(vue.toRef(props, "loading"), props.throttle);
+    expose({
+      uiLoading
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
+      }, _ctx.$attrs), [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
+            _ctx.loading ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
+              vue.createVNode(skeletonItem["default"], {
+                class: vue.normalizeClass(vue.unref(ns).is("first")),
+                variant: "p"
+              }, null, 8, ["class"]),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
+                return vue.openBlock(), vue.createBlock(skeletonItem["default"], {
+                  key: item,
+                  class: vue.normalizeClass([
+                    vue.unref(ns).e("paragraph"),
+                    vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
+                  ]),
+                  variant: "p"
+                }, null, 8, ["class"]);
+              }), 128))
+            ]) : vue.createCommentVNode("v-if", true)
+          ], 64);
+        }), 128))
+      ], 16)) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
+    };
   }
 });
+var Skeleton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/skeleton/src/skeleton.vue"]]);
 
-exports.skeletonProps = skeletonProps;
+exports["default"] = Skeleton;
 //# sourceMappingURL=skeleton.js.map

package/lib/components/skeleton/src/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-ps/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":["buildProps"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,gBAAU,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.js","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          <ps-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <ps-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-ps/hooks'\nimport { skeletonProps } from './skeleton'\nimport PsSkeletonItem from './skeleton-item.vue'\n\ndefineOptions({\n  name: 'PsSkeleton',\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":["useNamespace","useThrottleRender","toRef"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAA,EAAA,GAAAA,mBAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,YAAAC,yBAAA,CAAAC,SAAA,CAAA,OAAA,SAAA,CAAA,EAAA,MAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,SAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     uiLoading: import("vue").Ref<boolean>;
     PsSkeletonItem: import("vue").DefineComponent<{
-        readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -48,9 +48,9 @@ declare const _default: import("vue").DefineComponent<{
         };
         PictureFilled: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, 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").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>>, {
-        variant: import("../../../utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "image" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+        variant: import("../../../utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "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").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;