@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1 +1 @@
-{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  primary: 'icon-primary',\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  (typeof IconMap)[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.primary]: InfoFilled,\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\nexport type ResultPropsPublic = ExtractPublicPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result> & unknown\n"],"names":[],"mappings":";;;AAWO,MAAM,OAAA,GAAU;AAAA,EACrB,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,MAAM,gBAAA,GAGT;AAAA,EACF,CAAC,OAAA,CAAQ,OAAO,GAAG,UAAA;AAAA,EACnB,CAAC,OAAA,CAAQ,OAAO,GAAG,iBAAA;AAAA,EACnB,CAAC,OAAA,CAAQ,OAAO,GAAG,aAAA;AAAA,EACnB,CAAC,OAAA,CAAQ,KAAK,GAAG,iBAAA;AAAA,EACjB,CAAC,OAAA,CAAQ,IAAI,GAAG;AAClB;AAEO,MAAM,cAAc,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,QAAQ,OAAO,CAAA;AAAA,IACzD,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}
+{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPublicPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  primary: 'icon-primary',\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  (typeof IconMap)[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.primary]: InfoFilled,\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport interface ResultProps {\n  /**\n   * @description title of result\n   */\n  title?: string\n  /**\n   * @description sub title of result\n   */\n  subTitle?: string\n  /**\n   * @description icon type of result\n   */\n  icon?: 'primary' | 'success' | 'warning' | 'info' | 'error'\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultPropsPublic = ExtractPublicPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result> & unknown\n"],"names":[],"mappings":";;;AAWO,MAAM,OAAA,GAAU;AAAA,EACrB,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,MAAM,gBAAA,GAGT;AAAA,EACF,CAAC,OAAA,CAAQ,OAAO,GAAG,UAAA;AAAA,EACnB,CAAC,OAAA,CAAQ,OAAO,GAAG,iBAAA;AAAA,EACnB,CAAC,OAAA,CAAQ,OAAO,GAAG,aAAA;AAAA,EACnB,CAAC,OAAA,CAAQ,KAAK,GAAG,iBAAA;AAAA,EACjB,CAAC,OAAA,CAAQ,IAAI,GAAG;AAClB;AAiBO,MAAM,cAAc,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,QAAQ,OAAO,CAAA;AAAA,IACzD,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}

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

@@ -1,3 +1,4 @@
+import type { ResultProps } from './result';
 declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
@@ -8,24 +9,40 @@ type __VLS_Slots = {} & {
 } & {
     extra?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly subTitle: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly subTitle: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
-}>>, {
-    readonly title: string;
-    readonly icon: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown>;
-    readonly subTitle: string;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ResultProps>, {
+    title: string;
+    subTitle: string;
+    icon: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ResultProps>, {
+    title: string;
+    subTitle: string;
+    icon: string;
+}>>>, {
+    title: string;
+    icon: "primary" | "success" | "warning" | "info" | "error";
+    subTitle: string;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/result/src/result.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createBlock, resolveDynamicComponent, toDisplayString } from 'vue';
-import { resultProps, IconComponentMap, IconMap } from './result.mjs';
+import { IconComponentMap, IconMap } from './result.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -7,7 +7,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElResult"
   },
   __name: "result",
-  props: resultProps,
+  props: {
+    title: { type: String, required: false, default: "" },
+    subTitle: { type: String, required: false, default: "" },
+    icon: { type: String, required: false, default: "info" }
+  },
   setup(__props) {
     const props = __props;
     const ns = useNamespace("result");
@@ -43,7 +47,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           ),
-          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
+          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
             "div",
             {
               key: 0,
@@ -54,7 +58,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode(
                   "p",
                   null,
-                  toDisplayString(_ctx.title),
+                  toDisplayString(__props.title),
                   1
                   /* TEXT */
                 )
@@ -63,7 +67,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           )) : createCommentVNode("v-if", true),
-          _ctx.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock(
+          __props.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock(
             "div",
             {
               key: 1,
@@ -74,7 +78,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode(
                   "p",
                   null,
-                  toDisplayString(_ctx.subTitle),
+                  toDisplayString(__props.subTitle),
                   1
                   /* TEXT */
                 )

package/es/components/result/src/result.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"result.vue2.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","title","$slots","subTitle"],"mappings":";;;;;;;;;;;AAoCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AACnB,MAAA,MAAM,YAAY,IAAA,IAAQ,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,CAAQ,IAAI,CAAA,GAAI,WAAA;AAC1D,MAAA,MAAM,aAAA,GACJ,gBAAA,CAAiB,SAAS,CAAA,IAAK,iBAAiB,WAAW,CAAA;AAE7D,MAAA,OAAO;AAAA,QACL,KAAA,EAAO,SAAA;AAAA,QACP,SAAA,EAAW;AAAA,OACb;AAAA,IACF,CAAC,CAAA;;0BAjDCA,kBAAA;AAAA,QAuBM,KAAA;AAAA,QAAA;AAAA,UAvBA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC;AAAA;;UACfC,kBAAA;AAAA,YAQM,KAAA;AAAA,YAAA;AAAA,cARA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,MAAA,CAAA;AAAA;;cACfE,WAMO,IAAA,qBANP,MAMO;AAAA,gBAHG,UAAA,CAAA,KAAA,CAAW,SAAA,iBAFnBC,YAIEC,uBAAA,CAHK,UAAA,CAAA,KAAA,CAAW,SAAS,CAAA,EAAA;AAAA;kBAExB,KAAA,EAAKL,cAAA,CAAE,UAAA,CAAA,KAAA,CAAW,KAAK;AAAA;;;;;;UAInBM,KAAAA,KAAAA,IAASC,IAAAA,CAAAA,MAAAA,CAAO,KAAA,iBAA3BR,kBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA;cAJ6B,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;cAC5CE,WAEO,IAAA,sBAFP,MAEO;AAAA,gBADLD,kBAAA;AAAA,kBAAkB,GAAA;AAAA;kCAAZI,KAAAA,KAAK,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA;;;;;UAGJE,KAAAA,QAAAA,IAAYD,IAAAA,CAAAA,OAAM,WAAA,CAAA,iBAA7BR,kBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA;cAJuC,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,UAAA,CAAA;AAAA;;cACtDE,WAEO,IAAA,0BAFP,MAEO;AAAA,gBADLD,kBAAA;AAAA,kBAAqB,GAAA;AAAA;kCAAfM,KAAAA,QAAQ,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA;;;;;UAGPD,IAAAA,CAAAA,MAAAA,CAAO,KAAA,iBAAlBR,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFoB,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;cACnCE,UAAA,CAAqB,IAAA,CAAA,MAAA,EAAA,OAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"result.vue2.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap } from './result'\n\nimport type { ResultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = withDefaults(defineProps<ResultProps>(), {\n  title: '',\n  subTitle: '',\n  icon: 'info',\n})\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","$slots"],"mappings":";;;;;;;;;;;;;;;AAsCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AACnB,MAAA,MAAM,YAAY,IAAA,IAAQ,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,CAAQ,IAAI,CAAA,GAAI,WAAA;AAC1D,MAAA,MAAM,aAAA,GACJ,gBAAA,CAAiB,SAAS,CAAA,IAAK,iBAAiB,WAAW,CAAA;AAE7D,MAAA,OAAO;AAAA,QACL,KAAA,EAAO,SAAA;AAAA,QACP,SAAA,EAAW;AAAA,OACb;AAAA,IACF,CAAC,CAAA;;0BAvDCA,kBAAA;AAAA,QAuBM,KAAA;AAAA,QAAA;AAAA,UAvBA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC;AAAA;;UACfC,kBAAA;AAAA,YAQM,KAAA;AAAA,YAAA;AAAA,cARA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,MAAA,CAAA;AAAA;;cACfE,WAMO,IAAA,qBANP,MAMO;AAAA,gBAHG,UAAA,CAAA,KAAA,CAAW,SAAA,iBAFnBC,YAIEC,uBAAA,CAHK,UAAA,CAAA,KAAA,CAAW,SAAS,CAAA,EAAA;AAAA;kBAExB,KAAA,EAAKL,cAAA,CAAE,UAAA,CAAA,KAAA,CAAW,KAAK;AAAA;;;;;;UAInB,QAAA,KAAA,IAASM,IAAAA,CAAAA,MAAAA,CAAO,KAAA,iBAA3BP,kBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA;cAJ6B,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;cAC5CE,WAEO,IAAA,sBAFP,MAEO;AAAA,gBADLD,kBAAA;AAAA,kBAAkB,GAAA;AAAA;kCAAZ,QAAA,KAAK,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA;;;;;UAGJ,QAAA,QAAA,IAAYI,IAAAA,CAAAA,OAAM,WAAA,CAAA,iBAA7BP,kBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA;cAJuC,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,UAAA,CAAA;AAAA;;cACtDE,WAEO,IAAA,0BAFP,MAEO;AAAA,gBADLD,kBAAA;AAAA,kBAAqB,GAAA;AAAA;kCAAf,QAAA,QAAQ,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA;;;;;UAGPI,IAAAA,CAAAA,MAAAA,CAAO,KAAA,iBAAlBP,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFoB,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;cACnCE,UAAA,CAAqB,IAAA,CAAA,MAAA,EAAA,OAAA;AAAA;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,28 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Row from './row.vue';
 export declare const RowJustify: readonly ["start", "center", "end", "space-around", "space-between", "space-evenly"];
 export declare const RowAlign: readonly ["top", "middle", "bottom"];
+export interface RowProps {
+    /**
+     * @description custom element tag
+     */
+    tag?: string;
+    /**
+     * @description grid spacing
+     */
+    gutter?: number;
+    /**
+     * @description horizontal alignment of flex layout
+     */
+    justify?: (typeof RowJustify)[number];
+    /**
+     * @description vertical alignment of flex layout
+     */
+    align?: (typeof RowAlign)[number];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `RowProps` instead.
+ */
 export declare const rowProps: {
     readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
     readonly gutter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -13,6 +34,8 @@ export declare const rowProps: {
         __epPropKey: true;
     };
 };
-export type RowProps = ExtractPropTypes<typeof rowProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `RowProps` instead.
+ */
 export type RowPropsPublic = ExtractPublicPropTypes<typeof rowProps>;
 export type RowInstance = InstanceType<typeof Row> & unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description grid spacing\n   */\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align: {\n    type: String,\n    values: RowAlign,\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowPropsPublic = ExtractPublicPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,UAAA,GAAa;AAAA,EACxB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF;AAEO,MAAM,QAAA,GAAW,CAAC,KAAA,EAAO,QAAA,EAAU,QAAQ;AAE3C,MAAM,WAAW,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIjC,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,UAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEZ,CAAU;;;;"}
+{"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport interface RowProps {\n  /**\n   * @description custom element tag\n   */\n  tag?: string\n  /**\n   * @description grid spacing\n   */\n  gutter?: number\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify?: (typeof RowJustify)[number]\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align?: (typeof RowAlign)[number]\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `RowProps` instead.\n */\nexport const rowProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description grid spacing\n   */\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align: {\n    type: String,\n    values: RowAlign,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `RowProps` instead.\n */\nexport type RowPropsPublic = ExtractPublicPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,UAAA,GAAa;AAAA,EACxB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF;AAEO,MAAM,QAAA,GAAW,CAAC,KAAA,EAAO,QAAA,EAAU,QAAQ;AAwB3C,MAAM,WAAW,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIjC,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,UAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA;AAEZ,CAAU;;;;"}

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

@@ -1,37 +1,42 @@
+import type { RowProps } from './row';
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    readonly gutter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly justify: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start", unknown, "start", boolean>;
-    readonly align: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "middle", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    readonly gutter: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly justify: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start", unknown, "start", boolean>;
-    readonly align: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "middle", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>>, {
-    readonly justify: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start", unknown>;
-    readonly tag: string;
-    readonly gutter: number;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<RowProps>, {
+    tag: string;
+    gutter: number;
+    justify: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<RowProps>, {
+    tag: string;
+    gutter: number;
+    justify: string;
+}>>>, {
+    justify: typeof import("./row").RowJustify[number];
+    tag: string;
+    gutter: number;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/row/src/row.vue2.mjs

@@ -1,6 +1,5 @@
 import { defineComponent, computed, provide, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot } from 'vue';
 import { rowContextKey } from './constants.mjs';
-import { rowProps } from './row.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -8,7 +7,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElRow"
   },
   __name: "row",
-  props: rowProps,
+  props: {
+    tag: { type: String, required: false, default: "div" },
+    gutter: { type: Number, required: false, default: 0 },
+    justify: { type: null, required: false, default: "start" },
+    align: { type: null, required: false }
+  },
   setup(__props) {
     const props = __props;
     const ns = useNamespace("row");
@@ -30,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       ns.is(`align-${props.align}`, !!props.align)
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
         class: normalizeClass(rowKls.value),
         style: normalizeStyle(style.value)
       }, {

package/es/components/row/src/row.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.vue2.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n\n  styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  return styles\n})\n\nconst rowKls = computed(() => [\n  ns.b(),\n  ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n  ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","tag","_renderSlot"],"mappings":";;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAA,GAAK,aAAa,KAAK,CAAA;AAC7B,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAE1C,IAAA,OAAA,CAAQ,aAAA,EAAe;AAAA,MACrB;AAAA,KACD,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC;AAC/B,MAAA,IAAI,CAAC,MAAM,MAAA,EAAQ;AACjB,QAAA,OAAO,MAAA;AAAA,MACT;AAEA,MAAA,MAAA,CAAO,cAAc,MAAA,CAAO,UAAA,GAAa,CAAA,CAAA,EAAI,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA;AAC7D,MAAA,OAAO,MAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAM,MAAA,GAAS,SAAS,MAAM;AAAA,MAC5B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,GAAG,CAAA,QAAA,EAAW,KAAA,CAAM,OAAO,CAAA,CAAA,EAAI,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAA,MAAA,EAAS,KAAA,CAAM,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,KAAA,CAAM,KAAK;AAAA,KAC5C,CAAA;;AAxCC,MAAA,OAAAA,WAAA,EAAAC,WAAA,CAEYC,uBAAA,CAFIC,IAAAA,CAAAA,GAAG,CAAA,EAAA;AAAA,QAAG,KAAA,iBAAO,MAAA,CAAA,KAAM,CAAA;AAAA,QAAG,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;yBAChD,MAAQ;AAAA,UAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"row.vue2.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RowProps } from './row'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = withDefaults(defineProps<RowProps>(), {\n  tag: 'div',\n  gutter: 0,\n  justify: 'start',\n})\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n\n  styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  return styles\n})\n\nconst rowKls = computed(() => [\n  ns.b(),\n  ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n  ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAA,GAAK,aAAa,KAAK,CAAA;AAC7B,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAE1C,IAAA,OAAA,CAAQ,aAAA,EAAe;AAAA,MACrB;AAAA,KACD,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC;AAC/B,MAAA,IAAI,CAAC,MAAM,MAAA,EAAQ;AACjB,QAAA,OAAO,MAAA;AAAA,MACT;AAEA,MAAA,MAAA,CAAO,cAAc,MAAA,CAAO,UAAA,GAAa,CAAA,CAAA,EAAI,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA;AAC7D,MAAA,OAAO,MAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAM,MAAA,GAAS,SAAS,MAAM;AAAA,MAC5B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,GAAG,CAAA,QAAA,EAAW,KAAA,CAAM,OAAO,CAAA,CAAA,EAAI,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAA,MAAA,EAAS,KAAA,CAAM,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,KAAA,CAAM,KAAK;AAAA,KAC5C,CAAA;;AA5CC,MAAA,OAAAA,WAAA,EAAAC,WAAA,CAEYC,uBAAA,CAFI,OAAA,CAAA,GAAG,CAAA,EAAA;AAAA,QAAG,KAAA,iBAAO,MAAA,CAAA,KAAM,CAAA;AAAA,QAAG,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;yBAChD,MAAQ;AAAA,UAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/es/components/scrollbar/src/bar.d.ts

@@ -1,5 +1,12 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Bar from './bar.vue';
+export interface BarProps {
+    always?: boolean;
+    minSize: number;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `BarProps` instead.
+ */
 export declare const barProps: {
     readonly always: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly minSize: {
@@ -9,6 +16,5 @@ export declare const barProps: {
         __epPropKey: true;
     };
 };
-export type BarProps = ExtractPropTypes<typeof barProps>;
 export type BarPropsPublic = ExtractPublicPropTypes<typeof barProps>;
 export type BarInstance = InstanceType<typeof Bar> & unknown;

package/es/components/scrollbar/src/bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bar.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  minSize: {\n    type: Number,\n    required: true,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\nexport type BarPropsPublic = ExtractPublicPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,WAAW,UAAA,CAAW;AAAA,EACjC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAU;;;;"}
+{"version":3,"file":"bar.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport interface BarProps {\n  always?: boolean\n  minSize: number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `BarProps` instead.\n */\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  minSize: {\n    type: Number,\n    required: true,\n  },\n} as const)\n\nexport type BarPropsPublic = ExtractPublicPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar> & unknown\n"],"names":[],"mappings":";;AAaO,MAAM,WAAW,UAAA,CAAW;AAAA,EACjC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAU;;;;"}

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

@@ -1,24 +1,29 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly always: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly minSize: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+import type { BarProps } from './bar';
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<BarProps>, {
+    always: boolean;
+}>, {
     handleScroll: (wrap: HTMLDivElement) => void;
     update: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly always: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly minSize: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>>, {
-    readonly always: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<BarProps>, {
+    always: boolean;
+}>>>, {
+    always: boolean;
 }, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/scrollbar/src/bar.vue2.mjs

@@ -1,12 +1,14 @@
 import { defineComponent, inject, ref, createElementBlock, openBlock, Fragment, createVNode } from 'vue';
 import { GAP } from './util.mjs';
 import _sfc_main$1 from './thumb.vue2.mjs';
-import { barProps } from './bar.mjs';
 import { scrollbarContextKey } from './constants.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "bar",
-  props: barProps,
+  props: {
+    always: { type: Boolean, required: false, default: true },
+    minSize: { type: Number, required: true }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const scrollbar = inject(scrollbarContextKey);
@@ -51,14 +53,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             move: moveX.value,
             ratio: ratioX.value,
             size: sizeWidth.value,
-            always: _ctx.always
+            always: __props.always
           }, null, 8, ["move", "ratio", "size", "always"]),
           createVNode(_sfc_main$1, {
             move: moveY.value,
             ratio: ratioY.value,
             size: sizeHeight.value,
             vertical: "",
-            always: _ctx.always
+            always: __props.always
           }, null, 8, ["move", "ratio", "size", "always"])
         ],
         64

package/es/components/scrollbar/src/bar.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bar.vue2.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"sizeHeight\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\nimport { scrollbarContextKey } from './constants'\n\nconst props = defineProps(barProps)\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n  if (wrap) {\n    const offsetHeight = wrap.offsetHeight - GAP\n    const offsetWidth = wrap.offsetWidth - GAP\n\n    moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n    moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n  }\n}\n\nconst update = () => {\n  const wrap = scrollbar?.wrapElement\n  if (!wrap) return\n  const offsetHeight = wrap.offsetHeight - GAP\n  const offsetWidth = wrap.offsetWidth - GAP\n\n  const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n  const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n  const height = Math.max(originalHeight, props.minSize)\n  const width = Math.max(originalWidth, props.minSize)\n\n  ratioY.value =\n    originalHeight /\n    (offsetHeight - originalHeight) /\n    (height / (offsetHeight - height))\n  ratioX.value =\n    originalWidth /\n    (offsetWidth - originalWidth) /\n    (width / (offsetWidth - width))\n\n  sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n  sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n  handleScroll,\n  update,\n})\n</script>\n"],"names":["_createVNode","Thumb","always"],"mappings":";;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,SAAA,GAAY,OAAO,mBAAmB,CAAA;AAE5C,IAAA,MAAM,KAAA,GAAQ,IAAI,CAAC,CAAA;AACnB,IAAA,MAAM,KAAA,GAAQ,IAAI,CAAC,CAAA;AACnB,IAAA,MAAM,SAAA,GAAY,IAAI,EAAE,CAAA;AACxB,IAAA,MAAM,UAAA,GAAa,IAAI,EAAE,CAAA;AACzB,IAAA,MAAM,MAAA,GAAS,IAAI,CAAC,CAAA;AACpB,IAAA,MAAM,MAAA,GAAS,IAAI,CAAC,CAAA;AAEpB,IAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAAyB;AAC7C,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,MAAM,YAAA,GAAe,KAAK,YAAA,GAAe,GAAA;AACzC,QAAA,MAAM,WAAA,GAAc,KAAK,WAAA,GAAc,GAAA;AAEvC,QAAA,KAAA,CAAM,KAAA,GAAU,IAAA,CAAK,SAAA,GAAY,GAAA,GAAO,eAAgB,MAAA,CAAO,KAAA;AAC/D,QAAA,KAAA,CAAM,KAAA,GAAU,IAAA,CAAK,UAAA,GAAa,GAAA,GAAO,cAAe,MAAA,CAAO,KAAA;AAAA,MACjE;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,WAAA;AACxB,MAAA,IAAI,CAAC,IAAA,EAAM;AACX,MAAA,MAAM,YAAA,GAAe,KAAK,YAAA,GAAe,GAAA;AACzC,MAAA,MAAM,WAAA,GAAc,KAAK,WAAA,GAAc,GAAA;AAEvC,MAAA,MAAM,cAAA,GAAiB,YAAA,IAAgB,CAAA,GAAI,IAAA,CAAK,YAAA;AAChD,MAAA,MAAM,aAAA,GAAgB,WAAA,IAAe,CAAA,GAAI,IAAA,CAAK,WAAA;AAC9C,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,cAAA,EAAgB,MAAM,OAAO,CAAA;AACrD,MAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,aAAA,EAAe,MAAM,OAAO,CAAA;AAEnD,MAAA,MAAA,CAAO,KAAA,GACL,cAAA,IACC,YAAA,GAAe,cAAA,CAAA,IACf,UAAU,YAAA,GAAe,MAAA,CAAA,CAAA;AAC5B,MAAA,MAAA,CAAO,KAAA,GACL,aAAA,IACC,WAAA,GAAc,aAAA,CAAA,IACd,SAAS,WAAA,GAAc,KAAA,CAAA,CAAA;AAE1B,MAAA,UAAA,CAAW,QAAQ,MAAA,GAAS,GAAA,GAAM,YAAA,GAAe,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,GAAO,EAAA;AACjE,MAAA,SAAA,CAAU,QAAQ,KAAA,GAAQ,GAAA,GAAM,WAAA,GAAc,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,EAAA;AAAA,IAC/D,CAAA;AAEA,IAAA,QAAA,CAAa;AAAA,MACX,YAAA;AAAA,MACA;AAAA,KACD,CAAA;;;;;;UAjECA,YAA0EC,WAAA,EAAA;AAAA,YAAlE,MAAM,KAAA,CAAA,KAAA;AAAA,YAAQ,OAAO,MAAA,CAAA,KAAA;AAAA,YAAS,MAAM,SAAA,CAAA,KAAA;AAAA,YAAY,QAAQC,IAAAA,CAAAA;AAAAA;UAChEF,YAMEC,WAAA,EAAA;AAAA,YALC,MAAM,KAAA,CAAA,KAAA;AAAA,YACN,OAAO,MAAA,CAAA,KAAA;AAAA,YACP,MAAM,UAAA,CAAA,KAAA;AAAA,YACP,QAAA,EAAA,EAAA;AAAA,YACC,QAAQC,IAAAA,CAAAA;AAAAA;;;;;;;;;;;"}
+{"version":3,"file":"bar.vue2.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"sizeHeight\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { scrollbarContextKey } from './constants'\n\nimport type { BarProps } from './bar'\n\nconst props = withDefaults(defineProps<BarProps>(), {\n  always: true,\n})\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n  if (wrap) {\n    const offsetHeight = wrap.offsetHeight - GAP\n    const offsetWidth = wrap.offsetWidth - GAP\n\n    moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n    moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n  }\n}\n\nconst update = () => {\n  const wrap = scrollbar?.wrapElement\n  if (!wrap) return\n  const offsetHeight = wrap.offsetHeight - GAP\n  const offsetWidth = wrap.offsetWidth - GAP\n\n  const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n  const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n  const height = Math.max(originalHeight, props.minSize)\n  const width = Math.max(originalWidth, props.minSize)\n\n  ratioY.value =\n    originalHeight /\n    (offsetHeight - originalHeight) /\n    (height / (offsetHeight - height))\n  ratioX.value =\n    originalWidth /\n    (offsetWidth - originalWidth) /\n    (width / (offsetWidth - width))\n\n  sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n  sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n  handleScroll,\n  update,\n})\n</script>\n"],"names":["_createVNode","Thumb"],"mappings":";;;;;;;;;;;;AAmBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,SAAA,GAAY,OAAO,mBAAmB,CAAA;AAE5C,IAAA,MAAM,KAAA,GAAQ,IAAI,CAAC,CAAA;AACnB,IAAA,MAAM,KAAA,GAAQ,IAAI,CAAC,CAAA;AACnB,IAAA,MAAM,SAAA,GAAY,IAAI,EAAE,CAAA;AACxB,IAAA,MAAM,UAAA,GAAa,IAAI,EAAE,CAAA;AACzB,IAAA,MAAM,MAAA,GAAS,IAAI,CAAC,CAAA;AACpB,IAAA,MAAM,MAAA,GAAS,IAAI,CAAC,CAAA;AAEpB,IAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAAyB;AAC7C,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,MAAM,YAAA,GAAe,KAAK,YAAA,GAAe,GAAA;AACzC,QAAA,MAAM,WAAA,GAAc,KAAK,WAAA,GAAc,GAAA;AAEvC,QAAA,KAAA,CAAM,KAAA,GAAU,IAAA,CAAK,SAAA,GAAY,GAAA,GAAO,eAAgB,MAAA,CAAO,KAAA;AAC/D,QAAA,KAAA,CAAM,KAAA,GAAU,IAAA,CAAK,UAAA,GAAa,GAAA,GAAO,cAAe,MAAA,CAAO,KAAA;AAAA,MACjE;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,WAAA;AACxB,MAAA,IAAI,CAAC,IAAA,EAAM;AACX,MAAA,MAAM,YAAA,GAAe,KAAK,YAAA,GAAe,GAAA;AACzC,MAAA,MAAM,WAAA,GAAc,KAAK,WAAA,GAAc,GAAA;AAEvC,MAAA,MAAM,cAAA,GAAiB,YAAA,IAAgB,CAAA,GAAI,IAAA,CAAK,YAAA;AAChD,MAAA,MAAM,aAAA,GAAgB,WAAA,IAAe,CAAA,GAAI,IAAA,CAAK,WAAA;AAC9C,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,cAAA,EAAgB,MAAM,OAAO,CAAA;AACrD,MAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,aAAA,EAAe,MAAM,OAAO,CAAA;AAEnD,MAAA,MAAA,CAAO,KAAA,GACL,cAAA,IACC,YAAA,GAAe,cAAA,CAAA,IACf,UAAU,YAAA,GAAe,MAAA,CAAA,CAAA;AAC5B,MAAA,MAAA,CAAO,KAAA,GACL,aAAA,IACC,WAAA,GAAc,aAAA,CAAA,IACd,SAAS,WAAA,GAAc,KAAA,CAAA,CAAA;AAE1B,MAAA,UAAA,CAAW,QAAQ,MAAA,GAAS,GAAA,GAAM,YAAA,GAAe,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,GAAO,EAAA;AACjE,MAAA,SAAA,CAAU,QAAQ,KAAA,GAAQ,GAAA,GAAM,WAAA,GAAc,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,EAAA;AAAA,IAC/D,CAAA;AAEA,IAAA,QAAA,CAAa;AAAA,MACX,YAAA;AAAA,MACA;AAAA,KACD,CAAA;;;;;;UApECA,YAA0EC,WAAA,EAAA;AAAA,YAAlE,MAAM,KAAA,CAAA,KAAA;AAAA,YAAQ,OAAO,MAAA,CAAA,KAAA;AAAA,YAAS,MAAM,SAAA,CAAA,KAAA;AAAA,YAAY,QAAQ,OAAA,CAAA;AAAA;UAChED,YAMEC,WAAA,EAAA;AAAA,YALC,MAAM,KAAA,CAAA,KAAA;AAAA,YACN,OAAO,MAAA,CAAA,KAAA;AAAA,YACP,MAAM,UAAA,CAAA,KAAA;AAAA,YACP,QAAA,EAAA,EAAA;AAAA,YACC,QAAQ,OAAA,CAAA;AAAA;;;;;;;;;;;"}

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

@@ -1,5 +1,88 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue';
+import type { ExtractPublicPropTypes, StyleValue } from 'vue';
 import type Scrollbar from './scrollbar.vue';
+export interface ScrollbarProps {
+    /**
+     * @description trigger distance(px)
+     * @default 0
+     */
+    distance?: number;
+    /**
+     * @description height of scrollbar
+     * @default ''
+     */
+    height?: number | string;
+    /**
+     * @description max height of scrollbar
+     * @default ''
+     */
+    maxHeight?: number | string;
+    /**
+     * @description whether to use the native scrollbar
+     */
+    native?: boolean;
+    /**
+     * @description style of wrap
+     * @default ''
+     */
+    wrapStyle?: StyleValue;
+    /**
+     * @description class of wrap
+     * @default ''
+     */
+    wrapClass?: string | string[];
+    /**
+     * @description class of view
+     * @default ''
+     */
+    viewClass?: string | string[];
+    /**
+     * @description style of view
+     * @default ''
+     */
+    viewStyle?: StyleValue;
+    /**
+     * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+     */
+    noresize?: boolean;
+    /**
+     * @description element tag of the view
+     * @default 'div'
+     */
+    tag?: keyof HTMLElementTagNameMap | (string & {});
+    /**
+     * @description always show
+     */
+    always?: boolean;
+    /**
+     * @description minimum size of scrollbar
+     * @default 20
+     */
+    minSize?: number;
+    /**
+     * @description Wrap tabindex
+     * @default undefined
+     */
+    tabindex?: number | string;
+    /**
+     * @description id of view
+     */
+    id?: string;
+    /**
+     * @description role of view
+     */
+    role?: string;
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel?: string;
+    /**
+     * @description native `aria-orientation` attribute
+     */
+    ariaOrientation?: 'horizontal' | 'vertical' | 'undefined';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.
+ */
 export declare const scrollbarProps: {
     readonly ariaLabel: StringConstructor;
     readonly ariaOrientation: {
@@ -24,7 +107,6 @@ export declare const scrollbarProps: {
     readonly id: StringConstructor;
     readonly role: StringConstructor;
 };
-export type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>;
 export type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>;
 export declare const scrollbarEmits: {
     'end-reached': (direction: ScrollbarDirection) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport const scrollbarProps = buildProps({\n  /**\n   * @description trigger distance(px)\n   */\n  distance: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: Boolean,\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: [String, Array, Object],\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * @description Wrap tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description id of view\n   */\n  id: String,\n  /**\n   * @description role of view\n   */\n  role: String,\n  ...useAriaProps(['ariaLabel', 'ariaOrientation']),\n} as const)\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\nexport type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  'end-reached': (direction: ScrollbarDirection) =>\n    ['left', 'right', 'top', 'bottom'].includes(direction),\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\nexport type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right'\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar> & unknown\n"],"names":[],"mappings":";;;;AAMO,MAAM,iBAAiB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,SAAA,EAAW;AAAA,IACT,MAAM,cAAA,CAA2B,CAAC,MAAA,EAAQ,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAA,EAAO,MAAM,CAAA;AAAA,IAC5B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAIV,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI,MAAA;AAAA;AAAA;AAAA;AAAA,EAIJ,IAAA,EAAM,MAAA;AAAA,EACN,GAAG,YAAA,CAAa,CAAC,WAAA,EAAa,iBAAiB,CAAC;AAClD,CAAU;AAIH,MAAM,cAAA,GAAiB;AAAA,EAC5B,aAAA,EAAe,CAAC,SAAA,KACd,CAAC,MAAA,EAAQ,SAAS,KAAA,EAAO,QAAQ,CAAA,CAAE,QAAA,CAAS,SAAS,CAAA;AAAA,EACvD,QAAQ,CAAC;AAAA,IACP,SAAA;AAAA,IACA;AAAA,QAII,CAAC,SAAA,EAAW,UAAU,CAAA,CAAE,MAAM,QAAQ;AAC9C;;;;"}
+{"version":3,"file":"scrollbar.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport interface ScrollbarProps {\n  /**\n   * @description trigger distance(px)\n   * @default 0\n   */\n  distance?: number\n  /**\n   * @description height of scrollbar\n   * @default ''\n   */\n  height?: number | string\n  /**\n   * @description max height of scrollbar\n   * @default ''\n   */\n  maxHeight?: number | string\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native?: boolean\n  /**\n   * @description style of wrap\n   * @default ''\n   */\n  wrapStyle?: StyleValue\n  /**\n   * @description class of wrap\n   * @default ''\n   */\n  wrapClass?: string | string[]\n  /**\n   * @description class of view\n   * @default ''\n   */\n  viewClass?: string | string[]\n  /**\n   * @description style of view\n   * @default ''\n   */\n  viewStyle?: StyleValue\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize?: boolean\n  /**\n   * @description element tag of the view\n   * @default 'div'\n   */\n  tag?: keyof HTMLElementTagNameMap | (string & {})\n  /**\n   * @description always show\n   */\n  always?: boolean\n  /**\n   * @description minimum size of scrollbar\n   * @default 20\n   */\n  minSize?: number\n  /**\n   * @description Wrap tabindex\n   * @default undefined\n   */\n  tabindex?: number | string\n  /**\n   * @description id of view\n   */\n  id?: string\n  /**\n   * @description role of view\n   */\n  role?: string\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel?: string\n  /**\n   * @description native `aria-orientation` attribute\n   */\n  ariaOrientation?: 'horizontal' | 'vertical' | 'undefined'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ScrollbarProps` instead.\n */\nexport const scrollbarProps = buildProps({\n  /**\n   * @description trigger distance(px)\n   */\n  distance: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: Boolean,\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: [String, Array, Object],\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * @description Wrap tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description id of view\n   */\n  id: String,\n  /**\n   * @description role of view\n   */\n  role: String,\n  ...useAriaProps(['ariaLabel', 'ariaOrientation']),\n} as const)\nexport type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  'end-reached': (direction: ScrollbarDirection) =>\n    ['left', 'right', 'top', 'bottom'].includes(direction),\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\nexport type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right'\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar> & unknown\n"],"names":[],"mappings":";;;;AA0FO,MAAM,iBAAiB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,SAAA,EAAW;AAAA,IACT,MAAM,cAAA,CAA2B,CAAC,MAAA,EAAQ,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAA,EAAO,MAAM,CAAA;AAAA,IAC5B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAIV,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI,MAAA;AAAA;AAAA;AAAA;AAAA,EAIJ,IAAA,EAAM,MAAA;AAAA,EACN,GAAG,YAAA,CAAa,CAAC,WAAA,EAAa,iBAAiB,CAAC;AAClD,CAAU;AAGH,MAAM,cAAA,GAAiB;AAAA,EAC5B,aAAA,EAAe,CAAC,SAAA,KACd,CAAC,MAAA,EAAQ,SAAS,KAAA,EAAO,QAAQ,CAAA,CAAE,QAAA,CAAS,SAAS,CAAA;AAAA,EACvD,QAAQ,CAAC;AAAA,IACP,SAAA;AAAA,IACA;AAAA,QAII,CAAC,SAAA,EAAW,UAAU,CAAA,CAAE,MAAM,QAAQ;AAC9C;;;;"}