element-plus-secondary 0.0.11 → 0.0.13

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

@@ -1161,6 +1161,14 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
                 readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -2637,6 +2645,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -4015,6 +4024,14 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            border: import("vue").Ref<string>;
+            background: import("vue").Ref<string>;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
             readonly arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -5491,6 +5508,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
                 computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;

package/es/components/skeleton/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
-import Skeleton from './src/skeleton.mjs';
-import SkeletonItem from './src/skeleton-item.mjs';
-export { skeletonProps } from './src/skeleton2.mjs';
-export { skeletonItemProps } from './src/skeleton-item2.mjs';
+import Skeleton from './src/skeleton2.mjs';
+import SkeletonItem 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, {

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", "/Users/st/Desktop/vue-vite-ts/nxx-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", "/Users/st/Desktop/vue/nxx-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,54 +1,27 @@
-import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
-import '../../../hooks/index.mjs';
-import { skeletonProps } from './skeleton2.mjs';
-import SkeletonItem from './skeleton-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", "/Users/st/Desktop/vue-vite-ts/nxx-ui/packages/components/skeleton/src/skeleton.vue"]]);
 
-export { Skeleton as default };
+export { skeletonProps };
 //# sourceMappingURL=skeleton.mjs.map

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

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

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

@@ -1,27 +1,54 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, toRef, unref, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass, createBlock, createCommentVNode, normalizeProps } from 'vue';
+import '../../../hooks/index.mjs';
+import { skeletonProps } from './skeleton.mjs';
+import SkeletonItem from './skeleton-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", "/Users/st/Desktop/vue/nxx-ui/packages/components/skeleton/src/skeleton.vue"]]);
 
-export { skeletonProps };
+export { Skeleton as default };
 //# sourceMappingURL=skeleton2.mjs.map

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

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

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

@@ -961,6 +961,14 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     };
                     arrowOffset: import("vue").Ref<number | undefined>;
                     arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                    border: import("vue").Ref<string>;
+                    background: import("vue").Ref<string>;
+                    formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                        color?: string | undefined;
+                        backgroundColor?: string | undefined;
+                        borderColor?: string | undefined;
+                    };
                 }, 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 arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 }>>, {
@@ -2437,6 +2445,7 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
                         computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                        customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -4199,6 +4208,14 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, 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 arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -5675,6 +5692,7 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -7440,6 +7458,14 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     };
                     arrowOffset: import("vue").Ref<number | undefined>;
                     arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                    border: import("vue").Ref<string>;
+                    background: import("vue").Ref<string>;
+                    formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                        color?: string | undefined;
+                        backgroundColor?: string | undefined;
+                        borderColor?: string | undefined;
+                    };
                 }, 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 arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 }>>, {
@@ -8916,6 +8942,7 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
                         computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                        customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -10678,6 +10705,14 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, 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 arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -12154,6 +12189,7 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -13335,8 +13371,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
             }>> & {
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                onChange?: ((value: string) => any) | undefined;
                 onClear?: (() => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -13426,8 +13462,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
             }>> & {
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                onChange?: ((value: string) => any) | undefined;
                 onClear?: (() => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -13504,8 +13540,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                    onChange?: ((value: string) => any) | undefined;
                     onClear?: (() => any) | undefined;
+                    onChange?: ((value: string) => any) | undefined;
                     onInput?: ((value: string) => any) | undefined;
                     onFocus?: ((evt: FocusEvent) => any) | undefined;
                     onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -13524,6 +13560,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     [name: string]: import("vue").Slot | undefined;
                 }>;
                 containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                placeholderColor: import("vue").ComputedRef<string>;
                 attrs: import("vue").ComputedRef<Record<string, unknown>>;
                 form: import("../..").FormContext | undefined;
                 formItem: import("../..").FormItemContext | undefined;
@@ -13607,6 +13645,11 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 handleKeydown: (evt: KeyboardEvent) => void;
                 select: () => void;
                 clear: () => void;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
                 ElIcon: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                     readonly size: {
                         readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
@@ -13787,8 +13830,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
             readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onChange?: ((value: string) => any) | undefined;
             onClear?: (() => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -13865,8 +13908,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
             }>> & {
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                onChange?: ((value: string) => any) | undefined;
                 onClear?: (() => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -13885,6 +13928,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 [name: string]: import("vue").Slot | undefined;
             }>;
             containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            placeholderColor: import("vue").ComputedRef<string>;
             attrs: import("vue").ComputedRef<Record<string, unknown>>;
             form: import("../..").FormContext | undefined;
             formItem: import("../..").FormItemContext | undefined;
@@ -13968,6 +14013,11 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
             handleKeydown: (evt: KeyboardEvent) => void;
             select: () => void;
             clear: () => void;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
             ElIcon: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly size: {
                     readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
@@ -14190,8 +14240,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
             }>> & {
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                onChange?: ((value: string) => any) | undefined;
                 onClear?: (() => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -14210,6 +14260,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 [name: string]: import("vue").Slot | undefined;
             }>;
             containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+            customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+            placeholderColor: import("vue").ComputedRef<string>;
             attrs: import("vue").ComputedRef<Record<string, unknown>>;
             form: import("../..").FormContext | undefined;
             formItem: import("../..").FormItemContext | undefined;
@@ -14293,6 +14345,11 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
             handleKeydown: (evt: KeyboardEvent) => void;
             select: () => void;
             clear: () => void;
+            formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                color?: string | undefined;
+                backgroundColor?: string | undefined;
+                borderColor?: string | undefined;
+            };
             ElIcon: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly size: {
                     readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
@@ -14437,8 +14494,8 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
             readonly inputStyle: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus-secondary/es/utils").Mutable<{}>, boolean>;
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onChange?: ((value: string) => any) | undefined;
             onClear?: (() => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
@@ -15342,6 +15399,14 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                customStyle: import("element-plus-secondary/es/utils").CustomStyle;
+                border: import("vue").Ref<string>;
+                background: import("vue").Ref<string>;
+                formatterStyle: (obj: import("element-plus-secondary/es/utils").CustomStyle, arr: (keyof import("element-plus-secondary/es/utils").CustomStyle)[]) => {
+                    color?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    borderColor?: string | undefined;
+                };
             }, 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 arrowOffset: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -16818,6 +16883,7 @@ export declare const ElSlider: import("element-plus-secondary/es/utils").SFCWith
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
                     computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
+                    customStyle: import("element-plus-secondary/es/utils").CustomStyle;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;