@element-plus/nightly 0.0.20251223 → 0.0.20251224

package/lib/components/result/src/result.js

@@ -2,105 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var result = require('./result2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElResult"
+const IconMap = {
+  primary: "icon-primary",
+  success: "icon-success",
+  warning: "icon-warning",
+  error: "icon-error",
+  info: "icon-info"
+};
+const IconComponentMap = {
+  [IconMap.primary]: iconsVue.InfoFilled,
+  [IconMap.success]: iconsVue.CircleCheckFilled,
+  [IconMap.warning]: iconsVue.WarningFilled,
+  [IconMap.error]: iconsVue.CircleCloseFilled,
+  [IconMap.info]: iconsVue.InfoFilled
+};
+const resultProps = runtime.buildProps({
+  title: {
+    type: String,
+    default: ""
   },
-  __name: "result",
-  props: result.resultProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("result");
-    const resultIcon = vue.computed(() => {
-      const icon = props.icon;
-      const iconClass = icon && result.IconMap[icon] ? result.IconMap[icon] : "icon-info";
-      const iconComponent = result.IconComponentMap[iconClass] || result.IconComponentMap["icon-info"];
-      return {
-        class: iconClass,
-        component: iconComponent
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(vue.unref(ns).b())
-        },
-        [
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("icon"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                resultIcon.value.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(resultIcon.value.component), {
-                  key: 0,
-                  class: vue.normalizeClass(resultIcon.value.class)
-                }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-              ])
-            ],
-            2
-          ),
-          _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("title"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createElementVNode(
-                  "p",
-                  null,
-                  vue.toDisplayString(_ctx.title),
-                  1
-                )
-              ])
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true),
-          _ctx.subTitle || _ctx.$slots["sub-title"] ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("subtitle"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "sub-title", {}, () => [
-                vue.createElementVNode(
-                  "p",
-                  null,
-                  vue.toDisplayString(_ctx.subTitle),
-                  1
-                )
-              ])
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 2,
-              class: vue.normalizeClass(vue.unref(ns).e("extra"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "extra")
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-      );
-    };
+  subTitle: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "error"],
+    default: "info"
   }
 });
-var Result = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/result/src/result.vue"]]);
 
-exports["default"] = Result;
+exports.IconComponentMap = IconComponentMap;
+exports.IconMap = IconMap;
+exports.resultProps = resultProps;
 //# sourceMappingURL=result.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"result.js","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":["useNamespace","computed","IconMap","IconComponentMap","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode","title","$slots","_toDisplayString","subTitle"],"mappings":";;;;;;;;;;;;;;;;AAoCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAE1B,IAAA,MAAA,UAAA,GAAaC,aAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,SAAY,GAAA,IAAA,IAAQC,cAAQ,CAAA,IAAA,CAAA,GAAQA,eAAQ,IAAQ,CAAA,GAAA,WAAA,CAAA;AAC1D,MAAM,MAAA,aAAA,GACJC,uBAAiB,CAAA,SAAA,CAAA,IAAcA,uBAAiB,CAAA,WAAA,CAAA,CAAA;AAE3C,MAAA,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;AAjDC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAuBM,KAAA;AAAA,QAAA;AAAA,UAvBA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACfC,sBAAA;AAAA,YAQM,KAAA;AAAA,YAAA;AAAA,cARA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACfE,eAMO,yBANP,MAMO;AAAA,gBAHG,UAAA,CAAW,KAAA,CAAA,SAAA,IAAAL,aAAA,EAAA,EAFnBM,gBAIEC,2BAHK,CAAA,UAAA,MAAW,CAAA,SAAS,CAAA,EAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,kBAExB,KAAK,EAAAL,kBAAA,CAAE,iBAAW,KAAK,CAAA;AAAA,iBAAA,EAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAAM,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA;;;;UAInBC,KAAAA,KAASC,IAAAA,IAAAA,OAAO,CAAA,KAAA,IAA3BV,eAAA,EAAAC,sBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAJ6B,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cAC5CE,eAEO,0BAFP,MAEO;AAAA,gBADLD,sBAAA;AAAA,kBAAkB,GAAA;AAAA,kBAAA,IAAA;AAAA,kBAAAO,mBAAA,CAAZF,KAAK,KAAA,CAAA;AAAA,kBAAA,CAAA;AAAA,iBAAA;AAAA,eAAA,CAAA;AAAA;;;UAGJG,KAAAA,QAAYF,IAAAA,IAAAA,OAAM,CAAA,WAAA,CAAA,IAA7BV,eAAA,EAAAC,sBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAJuC,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,UAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACtDE,eAEO,8BAFP,MAEO;AAAA,gBADLD,sBAAA;AAAA,kBAAqB,GAAA;AAAA,kBAAA,IAAA;AAAA,kBAAAO,mBAAA,CAAfC,KAAQ,QAAA,CAAA;AAAA,kBAAA,CAAA;AAAA,iBAAA;AAAA,eAAA,CAAA;AAAA;;;UAGPF,IAAAA,CAAAA,MAAAA,CAAO,KAAlB,IAAAV,aAAA,EAAA,EAAAC,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFoB,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACnCE,cAAA,CAAqB,IAAA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"result.js","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":["InfoFilled","CircleCheckFilled","WarningFilled","CircleCloseFilled","buildProps"],"mappings":";;;;;;;AAWO,MAAM,OAAU,GAAA;AAAA,EACrB,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,KAAO,EAAA,YAAA;AAAA,EACP,IAAM,EAAA,WAAA;AACR,EAAA;AAEO,MAAM,gBAGT,GAAA;AAAA,EACF,CAAC,QAAQ,OAAU,GAAAA,mBAAA;AAAA,EACnB,CAAC,QAAQ,OAAU,GAAAC,0BAAA;AAAA,EACnB,CAAC,QAAQ,OAAU,GAAAC,sBAAA;AAAA,EACnB,CAAC,QAAQ,KAAQ,GAAAC,0BAAA;AAAA,EACjB,CAAC,QAAQ,IAAO,GAAAH,mBAAA;AAClB,EAAA;AAEO,MAAM,cAAcI,kBAAW,CAAA;AAAA,EAIpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,OAAO,CAAA;AAAA,IACzD,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;;;"}

package/lib/components/result/src/result2.js

@@ -2,40 +2,105 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var iconsVue = require('@element-plus/icons-vue');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var result = require('./result.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const IconMap = {
-  primary: "icon-primary",
-  success: "icon-success",
-  warning: "icon-warning",
-  error: "icon-error",
-  info: "icon-info"
-};
-const IconComponentMap = {
-  [IconMap.primary]: iconsVue.InfoFilled,
-  [IconMap.success]: iconsVue.CircleCheckFilled,
-  [IconMap.warning]: iconsVue.WarningFilled,
-  [IconMap.error]: iconsVue.CircleCloseFilled,
-  [IconMap.info]: iconsVue.InfoFilled
-};
-const resultProps = runtime.buildProps({
-  title: {
-    type: String,
-    default: ""
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElResult"
   },
-  subTitle: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "error"],
-    default: "info"
+  __name: "result",
+  props: result.resultProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("result");
+    const resultIcon = vue.computed(() => {
+      const icon = props.icon;
+      const iconClass = icon && result.IconMap[icon] ? result.IconMap[icon] : "icon-info";
+      const iconComponent = result.IconComponentMap[iconClass] || result.IconComponentMap["icon-info"];
+      return {
+        class: iconClass,
+        component: iconComponent
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("icon"))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                resultIcon.value.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(resultIcon.value.component), {
+                  key: 0,
+                  class: vue.normalizeClass(resultIcon.value.class)
+                }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              ])
+            ],
+            2
+          ),
+          _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("title"))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createElementVNode(
+                  "p",
+                  null,
+                  vue.toDisplayString(_ctx.title),
+                  1
+                )
+              ])
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true),
+          _ctx.subTitle || _ctx.$slots["sub-title"] ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("subtitle"))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "sub-title", {}, () => [
+                vue.createElementVNode(
+                  "p",
+                  null,
+                  vue.toDisplayString(_ctx.subTitle),
+                  1
+                )
+              ])
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true),
+          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: vue.normalizeClass(vue.unref(ns).e("extra"))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "extra")
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+      );
+    };
   }
 });
+var Result = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/result/src/result.vue"]]);
 
-exports.IconComponentMap = IconComponentMap;
-exports.IconMap = IconMap;
-exports.resultProps = resultProps;
+exports["default"] = Result;
 //# sourceMappingURL=result2.js.map

package/lib/components/result/src/result2.js.map

@@ -1 +1 @@
-{"version":3,"file":"result2.js","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":["InfoFilled","CircleCheckFilled","WarningFilled","CircleCloseFilled","buildProps"],"mappings":";;;;;;;AAWO,MAAM,OAAU,GAAA;AAAA,EACrB,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,KAAO,EAAA,YAAA;AAAA,EACP,IAAM,EAAA,WAAA;AACR,EAAA;AAEO,MAAM,gBAGT,GAAA;AAAA,EACF,CAAC,QAAQ,OAAU,GAAAA,mBAAA;AAAA,EACnB,CAAC,QAAQ,OAAU,GAAAC,0BAAA;AAAA,EACnB,CAAC,QAAQ,OAAU,GAAAC,sBAAA;AAAA,EACnB,CAAC,QAAQ,KAAQ,GAAAC,0BAAA;AAAA,EACjB,CAAC,QAAQ,IAAO,GAAAH,mBAAA;AAClB,EAAA;AAEO,MAAM,cAAcI,kBAAW,CAAA;AAAA,EAIpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,OAAO,CAAA;AAAA,IACzD,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;;;"}
+{"version":3,"file":"result2.js","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":["useNamespace","computed","IconMap","IconComponentMap","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode","title","$slots","_toDisplayString","subTitle"],"mappings":"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"}

package/lib/components/scrollbar/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var scrollbar$1 = require('./src/scrollbar2.js');
+var scrollbar$1 = require('./src/scrollbar.js');
 var util = require('./src/util.js');
-var scrollbar = require('./src/scrollbar.js');
+var scrollbar = require('./src/scrollbar2.js');
 var thumb = require('./src/thumb.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');

package/lib/components/scrollbar/src/scrollbar.js

@@ -2,66 +2,253 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-aria/index.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var bar = require('./bar2.js');
+var constants = require('./constants.js');
+var scrollbar = require('./scrollbar2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var style = require('../../../utils/dom/style.js');
+var shared = require('@vue/shared');
 var types = require('../../../utils/types.js');
+var error = require('../../../utils/error.js');
 
-const scrollbarProps = runtime.buildProps({
-  distance: {
-    type: Number,
-    default: 0
+const _hoisted_1 = ["tabindex"];
+const COMPONENT_NAME = "ElScrollbar";
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: COMPONENT_NAME
   },
-  height: {
-    type: [String, Number],
-    default: ""
-  },
-  maxHeight: {
-    type: [String, Number],
-    default: ""
-  },
-  native: Boolean,
-  wrapStyle: {
-    type: runtime.definePropType([String, Object, Array]),
-    default: ""
-  },
-  wrapClass: {
-    type: [String, Array],
-    default: ""
-  },
-  viewClass: {
-    type: [String, Array],
-    default: ""
-  },
-  viewStyle: {
-    type: [String, Array, Object],
-    default: ""
-  },
-  noresize: Boolean,
-  tag: {
-    type: String,
-    default: "div"
-  },
-  always: Boolean,
-  minSize: {
-    type: Number,
-    default: 20
-  },
-  tabindex: {
-    type: [String, Number],
-    default: void 0
-  },
-  id: String,
-  role: String,
-  ...index.useAriaProps(["ariaLabel", "ariaOrientation"])
+  __name: "scrollbar",
+  props: scrollbar.scrollbarProps,
+  emits: scrollbar.scrollbarEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = index.useNamespace("scrollbar");
+    let stopResizeObserver = void 0;
+    let stopWrapResizeObserver = void 0;
+    let stopResizeListener = void 0;
+    let wrapScrollTop = 0;
+    let wrapScrollLeft = 0;
+    let direction = "";
+    const distanceScrollState = {
+      bottom: false,
+      top: false,
+      right: false,
+      left: false
+    };
+    const scrollbarRef = vue.ref();
+    const wrapRef = vue.ref();
+    const resizeRef = vue.ref();
+    const barRef = vue.ref();
+    const wrapStyle = vue.computed(() => {
+      const style$1 = {};
+      const height = style.addUnit(props.height);
+      const maxHeight = style.addUnit(props.maxHeight);
+      if (height)
+        style$1.height = height;
+      if (maxHeight)
+        style$1.maxHeight = maxHeight;
+      return [props.wrapStyle, style$1];
+    });
+    const wrapKls = vue.computed(() => {
+      return [
+        props.wrapClass,
+        ns.e("wrap"),
+        { [ns.em("wrap", "hidden-default")]: !props.native }
+      ];
+    });
+    const resizeKls = vue.computed(() => {
+      return [ns.e("view"), props.viewClass];
+    });
+    const shouldSkipDirection = (direction2) => {
+      var _a;
+      return (_a = distanceScrollState[direction2]) != null ? _a : false;
+    };
+    const DIRECTION_PAIRS = {
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    };
+    const updateTriggerStatus = (arrivedStates) => {
+      const oppositeDirection = DIRECTION_PAIRS[direction];
+      if (!oppositeDirection)
+        return;
+      const arrived = arrivedStates[direction];
+      const oppositeArrived = arrivedStates[oppositeDirection];
+      if (arrived && !distanceScrollState[direction]) {
+        distanceScrollState[direction] = true;
+      }
+      if (!oppositeArrived && distanceScrollState[oppositeDirection]) {
+        distanceScrollState[oppositeDirection] = false;
+      }
+    };
+    const handleScroll = () => {
+      var _a;
+      if (wrapRef.value) {
+        (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
+        const prevTop = wrapScrollTop;
+        const prevLeft = wrapScrollLeft;
+        wrapScrollTop = wrapRef.value.scrollTop;
+        wrapScrollLeft = wrapRef.value.scrollLeft;
+        const arrivedStates = {
+          bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
+          top: wrapScrollTop <= props.distance && prevTop !== 0,
+          right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
+          left: wrapScrollLeft <= props.distance && prevLeft !== 0
+        };
+        emit("scroll", {
+          scrollTop: wrapScrollTop,
+          scrollLeft: wrapScrollLeft
+        });
+        if (prevTop !== wrapScrollTop) {
+          direction = wrapScrollTop > prevTop ? "bottom" : "top";
+        }
+        if (prevLeft !== wrapScrollLeft) {
+          direction = wrapScrollLeft > prevLeft ? "right" : "left";
+        }
+        if (props.distance > 0) {
+          if (shouldSkipDirection(direction)) {
+            return;
+          }
+          updateTriggerStatus(arrivedStates);
+        }
+        if (arrivedStates[direction])
+          emit("end-reached", direction);
+      }
+    };
+    function scrollTo(arg1, arg2) {
+      if (shared.isObject(arg1)) {
+        wrapRef.value.scrollTo(arg1);
+      } else if (types.isNumber(arg1) && types.isNumber(arg2)) {
+        wrapRef.value.scrollTo(arg1, arg2);
+      }
+    }
+    const setScrollTop = (value) => {
+      if (!types.isNumber(value)) {
+        error.debugWarn(COMPONENT_NAME, "value must be a number");
+        return;
+      }
+      wrapRef.value.scrollTop = value;
+    };
+    const setScrollLeft = (value) => {
+      if (!types.isNumber(value)) {
+        error.debugWarn(COMPONENT_NAME, "value must be a number");
+        return;
+      }
+      wrapRef.value.scrollLeft = value;
+    };
+    const update = () => {
+      var _a;
+      (_a = barRef.value) == null ? void 0 : _a.update();
+      distanceScrollState[direction] = false;
+    };
+    vue.watch(
+      () => props.noresize,
+      (noresize) => {
+        if (noresize) {
+          stopResizeObserver == null ? void 0 : stopResizeObserver();
+          stopWrapResizeObserver == null ? void 0 : stopWrapResizeObserver();
+          stopResizeListener == null ? void 0 : stopResizeListener();
+        } else {
+          ({ stop: stopResizeObserver } = core.useResizeObserver(resizeRef, update));
+          ({ stop: stopWrapResizeObserver } = core.useResizeObserver(wrapRef, update));
+          stopResizeListener = core.useEventListener("resize", update);
+        }
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => [props.maxHeight, props.height],
+      () => {
+        if (!props.native)
+          vue.nextTick(() => {
+            var _a;
+            update();
+            if (wrapRef.value) {
+              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
+            }
+          });
+      }
+    );
+    vue.provide(
+      constants.scrollbarContextKey,
+      vue.reactive({
+        scrollbarElement: scrollbarRef,
+        wrapElement: wrapRef
+      })
+    );
+    vue.onActivated(() => {
+      if (wrapRef.value) {
+        wrapRef.value.scrollTop = wrapScrollTop;
+        wrapRef.value.scrollLeft = wrapScrollLeft;
+      }
+    });
+    vue.onMounted(() => {
+      if (!props.native)
+        vue.nextTick(() => {
+          update();
+        });
+    });
+    vue.onUpdated(() => update());
+    __expose({
+      wrapRef,
+      update,
+      scrollTo,
+      setScrollTop,
+      setScrollLeft,
+      handleScroll
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef,
+          class: vue.normalizeClass(vue.unref(ns).b())
+        },
+        [
+          vue.createElementVNode("div", {
+            ref_key: "wrapRef",
+            ref: wrapRef,
+            class: vue.normalizeClass(wrapKls.value),
+            style: vue.normalizeStyle(wrapStyle.value),
+            tabindex: _ctx.tabindex,
+            onScroll: handleScroll
+          }, [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+              id: _ctx.id,
+              ref_key: "resizeRef",
+              ref: resizeRef,
+              class: vue.normalizeClass(resizeKls.value),
+              style: vue.normalizeStyle(_ctx.viewStyle),
+              role: _ctx.role,
+              "aria-label": _ctx.ariaLabel,
+              "aria-orientation": _ctx.ariaOrientation
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
+          ], 46, _hoisted_1),
+          !_ctx.native ? (vue.openBlock(), vue.createBlock(bar["default"], {
+            key: 0,
+            ref_key: "barRef",
+            ref: barRef,
+            always: _ctx.always,
+            "min-size": _ctx.minSize
+          }, null, 8, ["always", "min-size"])) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+      );
+    };
+  }
 });
-const scrollbarEmits = {
-  "end-reached": (direction) => ["left", "right", "top", "bottom"].includes(direction),
-  scroll: ({
-    scrollTop,
-    scrollLeft
-  }) => [scrollTop, scrollLeft].every(types.isNumber)
-};
+var Scrollbar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/scrollbar.vue"]]);
 
-exports.scrollbarEmits = scrollbarEmits;
-exports.scrollbarProps = scrollbarProps;
+exports["default"] = Scrollbar;
 //# sourceMappingURL=scrollbar.js.map