element-plus 2.1.0 → 2.1.1

package/es/components/scrollbar/src/thumb.vue.d.ts

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly ratio: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly always: BooleanConstructor;
 }>>, {
-    always: boolean;
     vertical: boolean;
+    always: boolean;
 }>;
 export default _default;

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

@@ -831,10 +831,10 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     popperAppendToBody: boolean;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
-    multiple: boolean;
     autocomplete: string;
     clearable: boolean;
     suffixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;
     collapseTagsTooltip: boolean;

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

@@ -833,10 +833,10 @@ declare const _default: import("vue").DefineComponent<{
     popperAppendToBody: boolean;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
-    multiple: boolean;
     autocomplete: string;
     clearable: boolean;
     suffixIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;
     collapseTagsTooltip: boolean;

package/es/components/select-v2/index.d.ts

@@ -874,9 +874,9 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     popperOptions: Partial<import("@popperjs/core").Options>;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
-    multiple: boolean;
     autocomplete: "inline" | "none" | "both" | "list";
     clearable: boolean;
+    multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;
     collapseTagsTooltip: boolean;
@@ -1767,9 +1767,9 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     popperOptions: Partial<import("@popperjs/core").Options>;
     teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
-    multiple: boolean;
     autocomplete: "inline" | "none" | "both" | "list";
     clearable: boolean;
+    multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;
     collapseTagsTooltip: boolean;

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

@@ -873,9 +873,9 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: Partial<import("@popperjs/core").Options>;
     teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
-    multiple: boolean;
     autocomplete: "inline" | "none" | "both" | "list";
     clearable: boolean;
+    multiple: boolean;
     filterable: boolean;
     collapseTags: boolean;
     collapseTagsTooltip: boolean;

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

@@ -5,6 +5,15 @@ export declare const ElSkeleton: import("element-plus/es/utils").SFCWithInstall<
     readonly loading: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly throttle: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly animated: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly count: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        readonly rows: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+        readonly loading: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly throttle: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -20,6 +29,29 @@ export declare const ElSkeleton: import("element-plus/es/utils").SFCWithInstall<
         };
     };
     uiLoading: import("vue").Ref<boolean>;
+    ElSkeletonItem: import("vue").DefineComponent<{
+        readonly variant: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
+    }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        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-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
+    }>>, {
+        variant: import("element-plus/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-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly count: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
@@ -50,13 +82,13 @@ export declare const ElSkeleton: import("element-plus/es/utils").SFCWithInstall<
                 (name: string): string;
             };
         };
+        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-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>>, {
         variant: import("element-plus/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
     }>;
 };
-export default ElSkeleton;
 export declare const ElSkeletonItem: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly variant: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }, {
@@ -74,10 +106,12 @@ export declare const ElSkeletonItem: import("element-plus/es/utils").SFCWithInst
             (name: string): string;
         };
     };
+    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-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>, {
     variant: import("element-plus/es/utils").BuildPropType<StringConstructor, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>;
+export default ElSkeleton;
 export * from './src/skeleton';
 export * from './src/skeleton-item';

package/es/components/skeleton/index.mjs

@@ -1,14 +1,14 @@
 import '../../utils/index.mjs';
-import Skeleton from './src/skeleton2.mjs';
-import SkeletonItem from './src/skeleton-item2.mjs';
+import _sfc_main from './src/skeleton2.mjs';
+import _sfc_main$1 from './src/skeleton-item2.mjs';
 export { skeletonProps } from './src/skeleton.mjs';
 export { skeletonItemProps } from './src/skeleton-item.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
-const ElSkeleton = withInstall(Skeleton, {
-  SkeletonItem
+const ElSkeleton = withInstall(_sfc_main, {
+  SkeletonItem: _sfc_main$1
 });
-const ElSkeletonItem = withNoopInstall(SkeletonItem);
+const ElSkeletonItem = withNoopInstall(_sfc_main$1);
 
 export { ElSkeleton, ElSkeletonItem, ElSkeleton as default };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/skeleton/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\n\nimport Skeleton from './src/skeleton.vue'\nimport SkeletonItem from './src/skeleton-item.vue'\n\nexport const ElSkeleton = withInstall(Skeleton, {\n  SkeletonItem,\n})\nexport default ElSkeleton\nexport const ElSkeletonItem = withNoopInstall(SkeletonItem)\n\nexport * from './src/skeleton'\nexport * from './src/skeleton-item'\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE;AAChD,EAAE,YAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAAC,YAAY;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/skeleton/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\n\nimport Skeleton from './src/skeleton.vue'\nimport SkeletonItem from './src/skeleton-item.vue'\n\nexport const ElSkeleton = withInstall(Skeleton, {\n  SkeletonItem,\n})\nexport const ElSkeletonItem = withNoopInstall(SkeletonItem)\nexport default ElSkeleton\n\nexport * from './src/skeleton'\nexport * from './src/skeleton-item'\n"],"names":["Skeleton","SkeletonItem"],"mappings":";;;;;;;AAGY,MAAC,UAAU,GAAG,WAAW,CAACA,SAAQ,EAAE;AAChD,gBAAEC,WAAY;AACd,CAAC,EAAE;AACS,MAAC,cAAc,GAAG,eAAe,CAACA,WAAY;;;;"}

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

@@ -15,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    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" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
 }>>, {

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

@@ -1,32 +1,26 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode } from 'vue';
 import '../../../hooks/index.mjs';
-import ImgPlaceholder from './image-placeholder.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 _sfc_main = defineComponent({
-  name: "ElSkeletonItem",
-  components: {
-    ImgPlaceholder
-  },
+const __default__ = {
+  name: "ElSkeletonItem"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: skeletonItemProps,
-  setup() {
+  setup(__props) {
     const ns = useNamespace("skeleton");
-    return {
-      ns
+    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);
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_img_placeholder = resolveComponent("img-placeholder");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([_ctx.ns.e("item"), _ctx.ns.e(_ctx.variant)])
-  }, [
-    _ctx.variant === "image" ? (openBlock(), createBlock(_component_img_placeholder, { key: 0 })) : createCommentVNode("v-if", true)
-  ], 2);
-}
-var SkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-export { SkeletonItem as default };
+export { _sfc_main 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.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n  name: 'ElSkeletonItem',\n  components: {\n    ImgPlaceholder,\n  },\n  props: skeletonItemProps,\n  setup() {\n    const ns = useNamespace('skeleton')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_createCommentVNode"],"mappings":";;;;;;;AAYA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,gBAAA;AAAA,EACN,UAAY,EAAA;AAAA,IACV,cAAA;AAAA,GAAA;AAAA,EAEF,KAAO,EAAA,iBAAA;AAAA,EACP,KAAQ,GAAA;AACN,IAAA,MAAM,KAAK,YAAa,CAAA,UAAA,CAAA,CAAA;AACxB,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;;sBApBJA,kBAEM,CAAA,KAAA,EAAA;AAAA,IAFA,OAAKC,cAAG,CAAA,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,MAAA,CAAA,EAAU,QAAG,CAAE,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AACR,IAAA,IAAA,CAAA,OAAA,KAAO,wBAA9BC,WAA8C,CAAA,0BAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;"}
+{"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":";;;;;;;;;;;;;AAeA,IAAA,MAAA,KAAA,YAAA,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;"}

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

@@ -5,6 +5,15 @@ declare const _default: import("vue").DefineComponent<{
     readonly loading: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly throttle: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly animated: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly count: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+        readonly rows: import("../../../utils").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+        readonly loading: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly throttle: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -20,6 +29,29 @@ declare const _default: import("vue").DefineComponent<{
         };
     };
     uiLoading: import("vue").Ref<boolean>;
+    ElSkeletonItem: import("vue").DefineComponent<{
+        readonly variant: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "image" | "rect" | "h1" | "h3" | "p", unknown>;
+    }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        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" | "caption" | "image" | "rect" | "h1" | "h3" | "p", 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>;
     readonly count: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;

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

@@ -1,58 +1,52 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
+import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
 import '../../../hooks/index.mjs';
-import SkeletonItem from './skeleton-item2.mjs';
 import { skeletonProps } from './skeleton.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import _sfc_main$1 from './skeleton-item2.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElSkeleton",
-  components: {
-    [SkeletonItem.name]: SkeletonItem
-  },
+const __default__ = {
+  name: "ElSkeleton"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: skeletonProps,
-  setup(props) {
+  setup(__props, { expose }) {
+    const props = __props;
     const ns = useNamespace("skeleton");
-    const innerLoading = computed(() => {
-      return props.loading;
-    });
-    const uiLoading = useThrottleRender(innerLoading, props.throttle);
-    return {
-      ns,
+    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(_sfc_main$1, {
+                class: normalizeClass(unref(ns).is("first")),
+                variant: "p"
+              }, null, 8, ["class"]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
+                return openBlock(), createBlock(_sfc_main$1, {
+                  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)));
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_skeleton_item = resolveComponent("el-skeleton-item");
-  return _ctx.uiLoading ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 0,
-    class: [_ctx.ns.b(), _ctx.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(_component_el_skeleton_item, {
-            class: normalizeClass(_ctx.ns.is("first")),
-            variant: "p"
-          }, null, 8, ["class"]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
-            return openBlock(), createBlock(_component_el_skeleton_item, {
-              key: item,
-              class: normalizeClass([
-                _ctx.ns.e("paragraph"),
-                _ctx.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, [["render", _sfc_render]]);
 
-export { Skeleton as default };
+export { _sfc_main 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.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\"></slot>\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n  name: 'ElSkeleton',\n  components: {\n    [SkeletonItem.name]: SkeletonItem,\n  },\n  props: skeletonProps,\n  setup(props) {\n    const ns = useNamespace('skeleton')\n    const innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      ns,\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_Fragment","_renderList","_renderSlot","_createVNode","_normalizeClass","_createBlock","_normalizeProps"],"mappings":";;;;;;;;AA8BA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,YAAA;AAAA,EACN,UAAY,EAAA;AAAA,IAAA,CACT,aAAa,IAAO,GAAA,YAAA;AAAA,GAAA;AAAA,EAEvB,KAAO,EAAA,aAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAK,YAAa,CAAA,UAAA,CAAA,CAAA;AACxB,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGf,IAAM,MAAA,SAAA,GAAY,iBAAkB,CAAA,YAAA,EAAc,KAAM,CAAA,QAAA,CAAA,CAAA;AAExD,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;;SA7CY,IACd,CAAA,SAAA,IAAAA,SAAA,EAAA,EAAAC,kBAAA,CAeM,OAfNC,UAeM,CAAA;AAAA,IAAA,GAAA,EAAA,CAAA;AAfA,IAAA,KAAA,EAAK,CAAG,IAAA,CAAA,EAAA,CAAG,CAAK,EAAA,EAAA,IAAA,CAAA,EAAA,CAAG,GAAE,UAAa,EAAA,IAAA,CAAA,QAAA,CAAA,CAAA;AAAA,GAAA,EAAoB,IAAM,CAAA,MAAA,CAAA,EAAA;AAAA,KAAAF,SAAA,CAAA,IAAA,CAAA,EAChEC,kBAaW,CAAAE,QAAA,EAAA,IAAA,EAAAC,UAAA,CAbW,IAAK,CAAA,KAAA,EAAA,CAAV,CAAC,KAAA;8DAAiB,CAAC,EAAA,EAAA;AAAA,QACtB,IAAZ,CAAA,OAAA,GAAAC,UAAA,CAWO,IAXe,CAAA,MAAA,EAAA,UAAA,EAAA,EAAA,GAAA,EAAK,KAA3B,MAWO;AAAA,UAVLC,WAAwD,CAAA,2BAAA,EAAA;AAAA,YAArC,KAAA,EAAKC,cAAE,CAAA,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,OAAA,CAAA,CAAA;AAAA,YAAW,OAAQ,EAAA,GAAA;AAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;4BAClDN,kBAQE,CAAAE,QAAA,EAAA,IAAA,EAAAC,UAAA,CAPe,IAAI,CAAA,IAAA,EAAA,CAAZ,IAAI,KAAA;gCADbI,WAQE,CAAA,2BAAA,EAAA;AAAA,cANC,GAAK,EAAA,IAAA;AAAA,cACL,KAAK,EAAAD,cAAA,CAAA;AAAA,gBAAkB,QAAG,CAAC,CAAA,WAAA,CAAA;AAAA,gBAA6B,IAAG,CAAA,EAAA,CAAA,EAAA,CAAE,MAAS,EAAA,IAAA,KAAS,aAAQ,IAAI,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,eAAA,CAAA;AAAA,cAI5F,OAAQ,EAAA,GAAA;AAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;AAOhB,GAAA,EAAA,EAAA,CAAA,IAAAF,UAAA,CAA6B,IAAf,CAAA,MAAA,EAAA,SAAA,EAAAI,cAAA,CAAAP,UAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;;"}
+{"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":";;;;;;;;;;;;;;;AAmCA,IAAA,MAAA,KAAA,YAAA,CAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAA,iBAAA,CAAA,KAAA,CAAA,KAAA,EAAA,YAAA,KAAA,CAAA,QAAA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,SAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -192,6 +192,13 @@ export declare const ElTable: import("element-plus/es/utils").SFCWithInstall<imp
         display: string;
         flexDirection: string;
     };
+    scrollBarRef: import("vue").Ref<any>;
+    scrollTo: ({ top, left }: {
+        top?: number | undefined;
+        left?: number | undefined;
+    }) => void;
+    setScrollLeft: (left?: number | undefined) => void;
+    setScrollTop: (top?: number | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select-all" | "expand-change" | "current-change" | "select" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<any[]>;

package/es/components/table/src/composables/use-scrollbar.d.ts

@@ -0,0 +1,9 @@
+export declare const useScrollbar: () => {
+    scrollBarRef: import("vue").Ref<any>;
+    scrollTo: ({ top, left }: {
+        top?: number | undefined;
+        left?: number | undefined;
+    }) => void;
+    setScrollTop: (top?: number | undefined) => void;
+    setScrollLeft: (left?: number | undefined) => void;
+};

package/es/components/table/src/composables/use-scrollbar.mjs

@@ -0,0 +1,28 @@
+import { ref } from 'vue';
+import '../../../../utils/index.mjs';
+import { isNumber } from '@vueuse/core';
+
+const useScrollbar = () => {
+  const scrollBarRef = ref();
+  const scrollTo = ({ top, left }) => {
+    setScrollTop(top);
+    setScrollLeft(left);
+  };
+  const setScrollPosition = (position, offset) => {
+    const scrollbar = scrollBarRef.value;
+    if (scrollbar && isNumber(offset) && ["Top", "Left"].includes(position)) {
+      scrollbar[`setScroll${position}`](offset);
+    }
+  };
+  const setScrollTop = (top) => setScrollPosition("Top", top);
+  const setScrollLeft = (left) => setScrollPosition("Left", left);
+  return {
+    scrollBarRef,
+    scrollTo,
+    setScrollTop,
+    setScrollLeft
+  };
+};
+
+export { useScrollbar };
+//# sourceMappingURL=use-scrollbar.mjs.map

package/es/components/table/src/composables/use-scrollbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrollbar.mjs","sources":["../../../../../../../packages/components/table/src/composables/use-scrollbar.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { isNumber } from '@element-plus/utils'\n\nexport const useScrollbar = () => {\n  const scrollBarRef = ref()\n\n  const scrollTo = ({ top, left }: { top?: number; left?: number }) => {\n    setScrollTop(top)\n    setScrollLeft(left)\n  }\n\n  const setScrollPosition = (position: 'Top' | 'Left', offset?: number) => {\n    const scrollbar = scrollBarRef.value\n    if (scrollbar && isNumber(offset) && ['Top', 'Left'].includes(position)) {\n      scrollbar[`setScroll${position}`](offset)\n    }\n  }\n\n  const setScrollTop = (top?: number) => setScrollPosition('Top', top)\n  const setScrollLeft = (left?: number) => setScrollPosition('Left', left)\n\n  return {\n    scrollBarRef,\n    scrollTo,\n    setScrollTop,\n    setScrollLeft,\n  }\n}\n"],"names":[],"mappings":";;;;AAEY,MAAC,YAAY,GAAG,MAAM;AAClC,EAAE,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC;AAC7B,EAAE,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK;AACtC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;AACtB,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;AACxB,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK;AAClD,IAAI,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;AACzC,IAAI,IAAI,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AAC7E,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAChD,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,CAAC,GAAG,KAAK,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9D,EAAE,MAAM,aAAa,GAAG,CAAC,IAAI,KAAK,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAClE,EAAE,OAAO;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,GAAG,CAAC;AACJ;;;;"}

package/es/components/table/src/table/style-helper.mjs

@@ -113,7 +113,7 @@ function useStyle(props, layout, store, table) {
     return false;
   };
   const syncPostion = function() {
-    if (!table.refs.scrollWrapper)
+    if (!table.refs.scrollBarRef)
       return;
     if (!layout.scrollX.value) {
       const scrollingNoneClass = "is-scrolling-none";
@@ -122,7 +122,7 @@ function useStyle(props, layout, store, table) {
       }
       return;
     }
-    const scrollContainer = table.refs.scrollWrapper.wrap$;
+    const scrollContainer = table.refs.scrollBarRef.wrap$;
     if (!scrollContainer)
       return;
     const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
@@ -142,9 +142,9 @@ function useStyle(props, layout, store, table) {
   };
   const bindEvents = () => {
     var _a;
-    if (!table.refs.scrollWrapper)
+    if (!table.refs.scrollBarRef)
       return;
-    (_a = table.refs.scrollWrapper.wrap$) == null ? void 0 : _a.addEventListener("scroll", syncPostion, {
+    (_a = table.refs.scrollBarRef.wrap$) == null ? void 0 : _a.addEventListener("scroll", syncPostion, {
       passive: true
     });
     if (props.fit) {
@@ -158,7 +158,7 @@ function useStyle(props, layout, store, table) {
   });
   const unbindEvents = () => {
     var _a;
-    (_a = table.refs.scrollWrapper.wrap$) == null ? void 0 : _a.removeEventListener("scroll", syncPostion, true);
+    (_a = table.refs.scrollBarRef.wrap$) == null ? void 0 : _a.removeEventListener("scroll", syncPostion, true);
     if (props.fit) {
       removeResizeListener(table.vnode.el, resizeListener);
     } else {