element-plus 1.2.0-beta.3 → 1.2.0-beta.4

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/with-install'\n\nimport Skeleton from './src/index.vue'\nimport SkeletonItem from './src/item.vue'\n\nexport const ElSkeleton = withInstall(Skeleton, {\n  SkeletonItem,\n})\nexport default ElSkeleton\nexport const ElSkeletonItem = withNoopInstall(SkeletonItem)\n\nexport * from './src/types'\n"],"names":["Skeleton","SkeletonItem"],"mappings":";;;;;;;MAKa,aAAa,YAAYA,QAAU;AAAA,gBAC9CC;AAAA;MAGW,iBAAiB,gBAAgBA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/skeleton/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\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":["Skeleton","SkeletonItem"],"mappings":";;;;;;;;MAKa,aAAa,YAAYA,QAAU;AAAA,gBAC9CC;AAAA;MAGW,iBAAiB,gBAAgBA;;;;"}

package/es/components/skeleton/src/image-placeholder.mjs

@@ -1,6 +1,6 @@
-import script from './image-placeholder.vue_vue&type=script&lang.mjs';
-export { default } from './image-placeholder.vue_vue&type=script&lang.mjs';
-import { render } from './image-placeholder.vue_vue&type=template&id=f0b3074e&lang.mjs';
+import script from './image-placeholder.vue_vue_type_script_lang.mjs';
+export { default } from './image-placeholder.vue_vue_type_script_lang.mjs';
+import { render } from './image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/skeleton/src/image-placeholder.vue";

package/es/components/skeleton/src/image-placeholder.vue_vue_type_script_lang.mjs

@@ -0,0 +1,8 @@
+import { defineComponent } from 'vue';
+
+var script = defineComponent({
+  name: "ImgPlaceholder"
+});
+
+export { script as default };
+//# sourceMappingURL=image-placeholder.vue_vue_type_script_lang.mjs.map

package/es/components/skeleton/src/image-placeholder.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-placeholder.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue"],"sourcesContent":["<template>\n  <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n    />\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ImgPlaceholder',\n})\n</script>\n"],"names":[],"mappings":";;AAWA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA;;;;"}

package/es/components/skeleton/src/image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs

@@ -0,0 +1,16 @@
+import { createElementVNode, openBlock, createElementBlock } from 'vue';
+
+const _hoisted_1 = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+
+export { render };
+//# sourceMappingURL=image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs.map

package/es/components/skeleton/src/image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue?vue&type=template&id=f0b3074e&lang.js"],"sourcesContent":["<template>\n  <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n    />\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ImgPlaceholder',\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;EACO,SAAQ;AAAA,EAAgB,OAAM;AAAA;gEAE/B,GAAE;;EADJ;AAAA;;sBADFA,0BAAA;;;;;"}

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

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

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

@@ -0,0 +1,22 @@
+import { buildProps } from '../../../utils/props.mjs';
+
+const skeletonItemProps = buildProps({
+  variant: {
+    type: String,
+    values: [
+      "circle",
+      "rect",
+      "h1",
+      "h3",
+      "text",
+      "caption",
+      "p",
+      "image",
+      "button"
+    ],
+    default: "text"
+  }
+});
+
+export { skeletonItemProps };
+//# sourceMappingURL=skeleton-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-item.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\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":";;MAIa,oBAAoB,WAAW;AAAA,EAC1C,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,SAAS;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly variant: import("../../../utils/props").BuildPropReturn<StringConstructor, "text", unknown, "image" | "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly variant?: unknown;
+} & {
+    variant: import("../../../utils/props").BuildPropType<StringConstructor, "image" | "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+} & {}>, {
+    variant: import("../../../utils/props").BuildPropType<StringConstructor, "image" | "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "rect", unknown>;
+}>;
+export default _default;

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

@@ -0,0 +1,15 @@
+import { defineComponent } from 'vue';
+import './image-placeholder.mjs';
+import { skeletonItemProps } from './skeleton-item.mjs';
+import script$1 from './image-placeholder.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  name: "ElSkeletonItem",
+  components: {
+    ImgPlaceholder: script$1
+  },
+  props: skeletonItemProps
+});
+
+export { script as default };
+//# sourceMappingURL=skeleton-item.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\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})\n</script>\n"],"names":["ImgPlaceholder"],"mappings":";;;;;AAWA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,oBACVA;AAAA;AAAA,EAEF,OAAO;AAAA;;;;"}

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

@@ -0,0 +1,13 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_img_placeholder = resolveComponent("img-placeholder");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-skeleton__item", `el-skeleton__${_ctx.variant}`])
+  }, [
+    _ctx.variant === "image" ? (openBlock(), createBlock(_component_img_placeholder, { key: 0 })) : createCommentVNode("v-if", true)
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue?vue&type=template&id=7e70bfeb&lang.js"],"sourcesContent":["<template>\n  <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\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})\n</script>\n"],"names":["_createElementBlock","_createBlock"],"mappings":";;;;sBACEA;IAAM,4DAA6C;;IAC1B,yCAAvBC;;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './skeleton-item.vue_vue_type_script_lang.mjs';
+export { default } from './skeleton-item.vue_vue_type_script_lang.mjs';
+import { render } from './skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/skeleton/src/skeleton-item.vue";
+//# sourceMappingURL=skeleton-item2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-item2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,11 @@
+import type Skeleton from './skeleton.vue';
+import type { ExtractPropTypes } from 'vue';
+export declare const skeletonProps: {
+    readonly animated: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly count: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    readonly rows: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+    readonly loading: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly throttle: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+};
+export declare type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
+export declare type SkeletonInstance = InstanceType<typeof Skeleton>;

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

@@ -0,0 +1,26 @@
+import { buildProps } from '../../../utils/props.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
+  }
+});
+
+export { skeletonProps };
+//# sourceMappingURL=skeleton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\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":";;MAIa,gBAAgB,WAAW;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly animated: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly count: import("../../../utils/props").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
+    readonly rows: import("../../../utils/props").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+    readonly loading: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly throttle: import("../../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+}, {
+    uiLoading: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly animated?: unknown;
+    readonly count?: unknown;
+    readonly rows?: unknown;
+    readonly loading?: unknown;
+    readonly throttle?: unknown;
+} & {
+    loading: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    rows: number;
+    animated: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    count: number;
+} & {
+    throttle?: number | undefined;
+}>, {
+    loading: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    rows: number;
+    animated: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    count: number;
+    throttle: number;
+}>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
+import './skeleton-item2.mjs';
+import { skeletonProps } from './skeleton.mjs';
+import script$1 from './skeleton-item.vue_vue_type_script_lang.mjs';
+import useThrottleRender from '../../../hooks/use-throttle-render/index.mjs';
+
+var script = defineComponent({
+  name: "ElSkeleton",
+  components: {
+    [script$1.name]: script$1
+  },
+  props: skeletonProps,
+  setup(props) {
+    const innerLoading = computed(() => {
+      return props.loading;
+    });
+    const uiLoading = useThrottleRender(innerLoading, props.throttle);
+    return {
+      uiLoading
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=skeleton.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div\n      :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n      v-bind=\"$attrs\"\n    >\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item class=\"is-first\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"{\n              'el-skeleton__paragraph': true,\n              '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 { 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 innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["SkeletonItem"],"mappings":";;;;;;;AAiCA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTA,SAAa,OAAOA;AAAA;AAAA,EAEvB,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAY,kBAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,33 @@
+import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, createBlock, normalizeClass, createCommentVNode, normalizeProps } from 'vue';
+
+function 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: ["el-skeleton", _ctx.animated ? "is-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: "is-first",
+            variant: "p"
+          }),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
+            return openBlock(), createBlock(_component_el_skeleton_item, {
+              key: item,
+              class: normalizeClass({
+                "el-skeleton__paragraph": true,
+                "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)));
+}
+
+export { render };
+//# sourceMappingURL=skeleton.vue_vue_type_template_id_26fa9225_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.vue_vue_type_template_id_26fa9225_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue?vue&type=template&id=26fa9225&lang.js"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div\n      :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n      v-bind=\"$attrs\"\n    >\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item class=\"is-first\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"{\n              'el-skeleton__paragraph': true,\n              '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 { 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 innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_mergeProps","_renderSlot","_createVNode","_createBlock"],"mappings":";;;;SACkB,+BACdA,0BAAAC;;IACG,uBAAuB;KAChB;sBAERD,8CAAsB,aAAL;8DAAkB;QACrB,eAAZE,sCAAsB,KAAK,KAA3B;UACEC;YAAkB,OAAM;AAAA,YAAW,SAAQ;AAAA;AAAA,4BAC3CH,8CACiB,YAAR;gCADTI;cAEG,KAAK;AAAA,cACL;;;;cAID,SAAQ;AAAA;;;;;YAOhBF,yEAAc;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './skeleton.vue_vue_type_script_lang.mjs';
+export { default } from './skeleton.vue_vue_type_script_lang.mjs';
+import { render } from './skeleton.vue_vue_type_template_id_26fa9225_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/skeleton/src/skeleton.vue";
+//# sourceMappingURL=skeleton2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/components/slider/index.mjs

@@ -1,6 +1,6 @@
 import './src/index.mjs';
 import './src/slider.type.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 
 script.install = (app) => {
   app.component(script.name, script);

package/es/components/slider/src/button.mjs

@@ -1,6 +1,6 @@
-import script from './button.vue_vue&type=script&lang.mjs';
-export { default } from './button.vue_vue&type=script&lang.mjs';
-import { render } from './button.vue_vue&type=template&id=9cd3e794&lang.mjs';
+import script from './button.vue_vue_type_script_lang.mjs';
+export { default } from './button.vue_vue_type_script_lang.mjs';
+import { render } from './button.vue_vue_type_template_id_9cd3e794_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/slider/src/button.vue";

package/es/components/slider/src/button.vue_vue_type_script_lang.mjs

@@ -0,0 +1,72 @@
+import { defineComponent, reactive, toRefs } from 'vue';
+import _Tooltip from '../../tooltip/index.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import { useSliderButton } from './useSliderButton.mjs';
+
+var script = defineComponent({
+  name: "ElSliderButton",
+  components: {
+    ElTooltip: _Tooltip
+  },
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    tooltipClass: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [UPDATE_MODEL_EVENT],
+  setup(props, { emit }) {
+    const initData = reactive({
+      hovering: false,
+      dragging: false,
+      isClick: false,
+      startX: 0,
+      currentX: 0,
+      startY: 0,
+      currentY: 0,
+      startPosition: 0,
+      newPosition: 0,
+      oldValue: props.modelValue
+    });
+    const {
+      tooltip,
+      showTooltip,
+      tooltipVisible,
+      wrapperStyle,
+      formatValue,
+      handleMouseEnter,
+      handleMouseLeave,
+      onButtonDown,
+      onLeftKeyDown,
+      onRightKeyDown,
+      setPosition
+    } = useSliderButton(props, initData, emit);
+    const { hovering, dragging } = toRefs(initData);
+    return {
+      tooltip,
+      tooltipVisible,
+      showTooltip,
+      wrapperStyle,
+      formatValue,
+      handleMouseEnter,
+      handleMouseLeave,
+      onButtonDown,
+      onLeftKeyDown,
+      onRightKeyDown,
+      setPosition,
+      hovering,
+      dragging
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button.vue_vue_type_script_lang.mjs.map

package/es/components/slider/src/button.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: dragging }\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @mousedown=\"onButtonDown\"\n    @touchstart=\"onButtonDown\"\n    @focus=\"handleMouseEnter\"\n    @blur=\"handleMouseLeave\"\n    @keydown.left=\"onLeftKeyDown\"\n    @keydown.right=\"onRightKeyDown\"\n    @keydown.down.prevent=\"onLeftKeyDown\"\n    @keydown.up.prevent=\"onRightKeyDown\"\n  >\n    <el-tooltip\n      ref=\"tooltip\"\n      v-model=\"tooltipVisible\"\n      placement=\"top\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-class=\"tooltipClass\"\n      :disabled=\"!showTooltip\"\n      manual\n    >\n      <template #content>\n        <span>{{ formatValue }}</span>\n      </template>\n      <div\n        class=\"el-slider__button\"\n        :class=\"{ hover: hovering, dragging: dragging }\"\n      ></div>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'ElSliderButton',\n\n  components: {\n    ElTooltip,\n  },\n\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT],\n\n  setup(props, { emit }) {\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const {\n      tooltip,\n      showTooltip,\n      tooltipVisible,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n    } = useSliderButton(props, initData, emit)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      tooltip,\n      tooltipVisible,\n      showTooltip,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["ElTooltip"],"mappings":";;;;;AA4CA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,eACVA;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,WAAW,SAAS;AAAA,MACxB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU,MAAM;AAAA;AAGlB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,gBAAgB,OAAO,UAAU;AAErC,UAAM,EAAE,UAAU,aAAa,OAAO;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/slider/src/button.vue_vue_type_template_id_9cd3e794_lang.mjs

@@ -0,0 +1,47 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withKeys, withModifiers, createVNode, withCtx, createElementVNode, toDisplayString } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createElementBlock("div", {
+    ref: "button",
+    class: normalizeClass(["el-slider__button-wrapper", { hover: _ctx.hovering, dragging: _ctx.dragging }]),
+    style: normalizeStyle(_ctx.wrapperStyle),
+    tabindex: "0",
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
+    onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onButtonDown && _ctx.onButtonDown(...args)),
+    onTouchstart: _cache[4] || (_cache[4] = (...args) => _ctx.onButtonDown && _ctx.onButtonDown(...args)),
+    onFocus: _cache[5] || (_cache[5] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
+    onBlur: _cache[6] || (_cache[6] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
+    onKeydown: [
+      _cache[7] || (_cache[7] = withKeys((...args) => _ctx.onLeftKeyDown && _ctx.onLeftKeyDown(...args), ["left"])),
+      _cache[8] || (_cache[8] = withKeys((...args) => _ctx.onRightKeyDown && _ctx.onRightKeyDown(...args), ["right"])),
+      _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onLeftKeyDown && _ctx.onLeftKeyDown(...args), ["prevent"]), ["down"])),
+      _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.onRightKeyDown && _ctx.onRightKeyDown(...args), ["prevent"]), ["up"]))
+    ]
+  }, [
+    createVNode(_component_el_tooltip, {
+      ref: "tooltip",
+      modelValue: _ctx.tooltipVisible,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.tooltipVisible = $event),
+      placement: "top",
+      "stop-popper-mouse-event": false,
+      "popper-class": _ctx.tooltipClass,
+      disabled: !_ctx.showTooltip,
+      manual: ""
+    }, {
+      content: withCtx(() => [
+        createElementVNode("span", null, toDisplayString(_ctx.formatValue), 1)
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", {
+          class: normalizeClass(["el-slider__button", { hover: _ctx.hovering, dragging: _ctx.dragging }])
+        }, null, 2)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "popper-class", "disabled"])
+  ], 38);
+}
+
+export { render };
+//# sourceMappingURL=button.vue_vue_type_template_id_9cd3e794_lang.mjs.map

package/es/components/slider/src/button.vue_vue_type_template_id_9cd3e794_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_template_id_9cd3e794_lang.mjs","sources":["../../../../../../packages/components/slider/src/button.vue?vue&type=template&id=9cd3e794&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: dragging }\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @mousedown=\"onButtonDown\"\n    @touchstart=\"onButtonDown\"\n    @focus=\"handleMouseEnter\"\n    @blur=\"handleMouseLeave\"\n    @keydown.left=\"onLeftKeyDown\"\n    @keydown.right=\"onRightKeyDown\"\n    @keydown.down.prevent=\"onLeftKeyDown\"\n    @keydown.up.prevent=\"onRightKeyDown\"\n  >\n    <el-tooltip\n      ref=\"tooltip\"\n      v-model=\"tooltipVisible\"\n      placement=\"top\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-class=\"tooltipClass\"\n      :disabled=\"!showTooltip\"\n      manual\n    >\n      <template #content>\n        <span>{{ formatValue }}</span>\n      </template>\n      <div\n        class=\"el-slider__button\"\n        :class=\"{ hover: hovering, dragging: dragging }\"\n      ></div>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'ElSliderButton',\n\n  components: {\n    ElTooltip,\n  },\n\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT],\n\n  setup(props, { emit }) {\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const {\n      tooltip,\n      showTooltip,\n      tooltipVisible,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n    } = useSliderButton(props, initData, emit)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      tooltip,\n      tooltipVisible,\n      showTooltip,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;sBACEA;IACE,KAAI;AAAA,IACJ,uBAAM,sCACW,yBAAoB;IACpC,sBAAO;IACR,UAAS;AAAA,IACR,qDAAY;IACZ,qDAAY;IACZ,oDAAW;IACX,qDAAY;IACZ,gDAAO;IACP,+CAAM;IACN;sDAAc;sDACC;oEACO;sEACF;;;IAErBC;MACE,KAAI;AAAA,kBACK;mEAAA;MACT,WAAU;AAAA,MACT,2BAAyB;AAAA,MACzB,gBAAc;MACd,WAAW;MACZ,QAAA;AAAA;MAEW,iBACT;QAAAC,iDAAS;;uBAEX;QAAAA;UACE,uBAAM,8BACW,yBAAoB;;;;;;;;;;"}

package/es/components/slider/src/index.mjs

@@ -1,6 +1,6 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
-import { render } from './index.vue_vue&type=template&id=24c42d04&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
+import { render } from './index.vue_vue_type_template_id_24c42d04_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/slider/src/index.vue";