@element-plus/nightly 0.0.20241218 → 0.0.20241220

package/lib/components/message/src/method.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var message$2 = require('./message2.js');
-var message$1 = require('./message.js');
+var message$2 = require('./message.js');
+var message$1 = require('./message2.js');
 var instance = require('./instance.js');
 var configProvider = require('../../config-provider/src/config-provider.js');
 var core = require('@vueuse/core');

package/lib/components/pagination/src/components/total.js

@@ -2,14 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var usePagination = require('../usePagination.js');
+var total = require('./total2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-locale/index.js');
+var index$1 = require('../../../../hooks/use-namespace/index.js');
 
-const paginationTotalProps = runtime.buildProps({
-  total: {
-    type: Number,
-    default: 1e3
+const __default__ = vue.defineComponent({
+  name: "ElPaginationTotal"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: total.paginationTotalProps,
+  setup(__props) {
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("pagination");
+    const { disabled } = usePagination.usePagination();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(ns).e("total")),
+        disabled: vue.unref(disabled)
+      }, vue.toDisplayString(vue.unref(t)("el.pagination.total", {
+        total: _ctx.total
+      })), 11, ["disabled"]);
+    };
   }
 });
+var Total = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "total.vue"]]);
 
-exports.paginationTotalProps = paginationTotalProps;
+exports["default"] = Total;
 //# sourceMappingURL=total.js.map

package/lib/components/pagination/src/components/total.js.map

@@ -1 +1 @@
-{"version":3,"file":"total.js","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Total from './total.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const paginationTotalProps = buildProps({\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport type TotalInstance = InstanceType<typeof Total>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"total.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":["useLocale","useNamespace","usePagination"],"mappings":";;;;;;;;;;;uCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,2BAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}

package/lib/components/pagination/src/components/total2.js

@@ -2,34 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var usePagination = require('../usePagination.js');
-var total = require('./total.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-locale/index.js');
-var index$1 = require('../../../../hooks/use-namespace/index.js');
+var runtime = require('../../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPaginationTotal"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: total.paginationTotalProps,
-  setup(__props) {
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("pagination");
-    const { disabled } = usePagination.usePagination();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(vue.unref(ns).e("total")),
-        disabled: vue.unref(disabled)
-      }, vue.toDisplayString(vue.unref(t)("el.pagination.total", {
-        total: _ctx.total
-      })), 11, ["disabled"]);
-    };
+const paginationTotalProps = runtime.buildProps({
+  total: {
+    type: Number,
+    default: 1e3
   }
 });
-var Total = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "total.vue"]]);
 
-exports["default"] = Total;
+exports.paginationTotalProps = paginationTotalProps;
 //# sourceMappingURL=total2.js.map

package/lib/components/pagination/src/components/total2.js.map

@@ -1 +1 @@
-{"version":3,"file":"total2.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":["useLocale","useNamespace","usePagination"],"mappings":";;;;;;;;;;;uCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,2BAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"total2.js","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Total from './total.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const paginationTotalProps = buildProps({\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport type TotalInstance = InstanceType<typeof Total>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}

package/lib/components/pagination/src/pagination.js

@@ -9,7 +9,7 @@ var prev = require('./components/prev2.js');
 var next = require('./components/next2.js');
 var sizes = require('./components/sizes2.js');
 var jumper = require('./components/jumper2.js');
-var total = require('./components/total2.js');
+var total = require('./components/total.js');
 var pager = require('./components/pager2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var types = require('../../../utils/types.js');

package/lib/components/popconfirm/src/popconfirm.js

@@ -6,7 +6,7 @@ var iconsVue = require('@element-plus/icons-vue');
 var button = require('../../button/src/button.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var icon = require('../../../utils/vue/icon.js');
-var content = require('../../tooltip/src/content.js');
+var content = require('../../tooltip/src/content2.js');
 
 const popconfirmProps = runtime.buildProps({
   title: String,

package/lib/components/popover/src/popover.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dropdown = require('../../dropdown/src/dropdown.js');
+var dropdown = require('../../dropdown/src/dropdown2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var trigger = require('../../tooltip/src/trigger.js');
-var content = require('../../tooltip/src/content.js');
+var content = require('../../tooltip/src/content2.js');
 var types = require('../../../utils/types.js');
 
 const popoverProps = runtime.buildProps({

package/lib/components/popper/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var popper$1 = require('./src/popper.js');
+var popper$1 = require('./src/popper2.js');
 var arrow = require('./src/arrow2.js');
 var trigger = require('./src/trigger2.js');
 var content = require('./src/content2.js');
-var popper = require('./src/popper2.js');
+var popper = require('./src/popper.js');
 var trigger$1 = require('./src/trigger.js');
 var content$1 = require('./src/content.js');
 var arrow$1 = require('./src/arrow.js');

package/lib/components/popper/src/popper.js

@@ -2,40 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var constants = require('./constants.js');
-var popper = require('./popper2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPopper",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: popper.popperProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const triggerRef = vue.ref();
-    const popperInstanceRef = vue.ref();
-    const contentRef = vue.ref();
-    const referenceRef = vue.ref();
-    const role = vue.computed(() => props.role);
-    const popperProvides = {
-      triggerRef,
-      popperInstanceRef,
-      contentRef,
-      referenceRef,
-      role
-    };
-    expose(popperProvides);
-    vue.provide(constants.POPPER_INJECTION_KEY, popperProvides);
-    return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
-    };
+const Effect = {
+  LIGHT: "light",
+  DARK: "dark"
+};
+const roleTypes = [
+  "dialog",
+  "grid",
+  "group",
+  "listbox",
+  "menu",
+  "navigation",
+  "tooltip",
+  "tree"
+];
+const popperProps = runtime.buildProps({
+  role: {
+    type: String,
+    values: roleTypes,
+    default: "tooltip"
   }
 });
-var Popper = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "popper.vue"]]);
+const usePopperProps = popperProps;
 
-exports["default"] = Popper;
+exports.Effect = Effect;
+exports.popperProps = popperProps;
+exports.roleTypes = roleTypes;
+exports.usePopperProps = usePopperProps;
 //# sourceMappingURL=popper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popper.js","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperProps } from './popper'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from './constants'\n\ndefineOptions({\n  name: 'ElPopper',\n  inheritAttrs: false,\n})\nconst props = defineProps(popperProps)\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\nconst role = computed(() => props.role)\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["ref","computed","provide","POPPER_INJECTION_KEY","_renderSlot","_export_sfc"],"mappings":";;;;;;;;;uCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAGA,IAAA,MAAM,aAAaA,OAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,oBAAoBA,OAAoB,EAAA,CAAA;AAC9C,IAAA,MAAM,aAAaA,OAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,eAAeA,OAAiB,EAAA,CAAA;AACtC,IAAA,MAAM,IAAO,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAM,cAAiB,GAAA;AAAA,MAAA,UAAA;AAAA,MAAA,iBAAA;AAAA,MAAA,UAAA;AAAA,MAIrB,YAAA;AAAA,MAAA,IAAA;AAAA,KAAA,CAAA;AAAA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAAA,IAIAC,WAAA,CAAAC,8BAAA,EAAA,cAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,cAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAIA;AAAA,CAAA,CAAA,CAAA;AAAA,aAAA,gBAAAC,iCAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"popper.js","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Popper from './popper.vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const\n\nexport const roleTypes = [\n  'dialog',\n  'grid',\n  'group',\n  'listbox',\n  'menu',\n  'navigation',\n  'tooltip',\n  'tree',\n] as const\n\nexport type PopperEffect =\n  | typeof effects[number]\n  | (string & NonNullable<unknown>)\nexport type PopperTrigger = typeof triggers[number]\n\nexport const popperProps = buildProps({\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'tooltip',\n  },\n} as const)\n\nexport type PopperProps = ExtractPropTypes<typeof popperProps>\n\nexport type PopperInstance = InstanceType<typeof Popper>\n\n/** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */\nexport const usePopperProps = popperProps\n\n/** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperProps = PopperProps\n"],"names":["buildProps"],"mappings":";;;;;;AAGY,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,SAAS,GAAG;AACzB,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE;AACU,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;;;;;;;"}

package/lib/components/popper/src/popper2.js

@@ -2,33 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var constants = require('./constants.js');
+var popper = require('./popper.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const Effect = {
-  LIGHT: "light",
-  DARK: "dark"
-};
-const roleTypes = [
-  "dialog",
-  "grid",
-  "group",
-  "listbox",
-  "menu",
-  "navigation",
-  "tooltip",
-  "tree"
-];
-const popperProps = runtime.buildProps({
-  role: {
-    type: String,
-    values: roleTypes,
-    default: "tooltip"
+const __default__ = vue.defineComponent({
+  name: "ElPopper",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: popper.popperProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const triggerRef = vue.ref();
+    const popperInstanceRef = vue.ref();
+    const contentRef = vue.ref();
+    const referenceRef = vue.ref();
+    const role = vue.computed(() => props.role);
+    const popperProvides = {
+      triggerRef,
+      popperInstanceRef,
+      contentRef,
+      referenceRef,
+      role
+    };
+    expose(popperProvides);
+    vue.provide(constants.POPPER_INJECTION_KEY, popperProvides);
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
   }
 });
-const usePopperProps = popperProps;
+var Popper = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "popper.vue"]]);
 
-exports.Effect = Effect;
-exports.popperProps = popperProps;
-exports.roleTypes = roleTypes;
-exports.usePopperProps = usePopperProps;
+exports["default"] = Popper;
 //# sourceMappingURL=popper2.js.map

package/lib/components/popper/src/popper2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popper2.js","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Popper from './popper.vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const\n\nexport const roleTypes = [\n  'dialog',\n  'grid',\n  'group',\n  'listbox',\n  'menu',\n  'navigation',\n  'tooltip',\n  'tree',\n] as const\n\nexport type PopperEffect =\n  | typeof effects[number]\n  | (string & NonNullable<unknown>)\nexport type PopperTrigger = typeof triggers[number]\n\nexport const popperProps = buildProps({\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'tooltip',\n  },\n} as const)\n\nexport type PopperProps = ExtractPropTypes<typeof popperProps>\n\nexport type PopperInstance = InstanceType<typeof Popper>\n\n/** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */\nexport const usePopperProps = popperProps\n\n/** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperProps = PopperProps\n"],"names":["buildProps"],"mappings":";;;;;;AAGY,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,SAAS,GAAG;AACzB,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE;AACU,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;;;;;;;"}
+{"version":3,"file":"popper2.js","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from './constants'\nimport { popperProps } from './popper'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from './constants'\n\ndefineOptions({\n  name: 'ElPopper',\n  inheritAttrs: false,\n})\nconst props = defineProps(popperProps)\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\nconst role = computed(() => props.role)\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n  /**\n   * @description role determines how aria attributes are distributed\n   */\n  role,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":["ref","computed","provide","POPPER_INJECTION_KEY","_renderSlot","_export_sfc"],"mappings":";;;;;;;;;uCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAGA,IAAA,MAAM,aAAaA,OAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,oBAAoBA,OAAoB,EAAA,CAAA;AAC9C,IAAA,MAAM,aAAaA,OAAiB,EAAA,CAAA;AACpC,IAAA,MAAM,eAAeA,OAAiB,EAAA,CAAA;AACtC,IAAA,MAAM,IAAO,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEtC,IAAA,MAAM,cAAiB,GAAA;AAAA,MAAA,UAAA;AAAA,MAAA,iBAAA;AAAA,MAAA,UAAA;AAAA,MAIrB,YAAA;AAAA,MAAA,IAAA;AAAA,KAAA,CAAA;AAAA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAAA,IAIAC,WAAA,CAAAC,8BAAA,EAAA,cAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,cAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAIA;AAAA,CAAA,CAAA,CAAA;AAAA,aAAA,gBAAAC,iCAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;;;"}

package/lib/components/progress/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var progress$1 = require('./src/progress2.js');
-var progress = require('./src/progress.js');
+var progress$1 = require('./src/progress.js');
+var progress = require('./src/progress2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElProgress = install.withInstall(progress$1["default"]);

package/lib/components/progress/src/progress.js

@@ -2,61 +2,215 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var progress = require('./progress2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
 
-const progressProps = runtime.buildProps({
-  type: {
-    type: String,
-    default: "line",
-    values: ["line", "circle", "dashboard"]
-  },
-  percentage: {
-    type: Number,
-    default: 0,
-    validator: (val) => val >= 0 && val <= 100
-  },
-  status: {
-    type: String,
-    default: "",
-    values: ["", "success", "exception", "warning"]
-  },
-  indeterminate: Boolean,
-  duration: {
-    type: Number,
-    default: 3
-  },
-  strokeWidth: {
-    type: Number,
-    default: 6
-  },
-  strokeLinecap: {
-    type: runtime.definePropType(String),
-    default: "round"
-  },
-  textInside: Boolean,
-  width: {
-    type: Number,
-    default: 126
-  },
-  showText: {
-    type: Boolean,
-    default: true
-  },
-  color: {
-    type: runtime.definePropType([
-      String,
-      Array,
-      Function
-    ]),
-    default: ""
-  },
-  striped: Boolean,
-  stripedFlow: Boolean,
-  format: {
-    type: runtime.definePropType(Function),
-    default: (percentage) => `${percentage}%`
+const __default__ = vue.defineComponent({
+  name: "ElProgress"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: progress.progressProps,
+  setup(__props) {
+    const props = __props;
+    const STATUS_COLOR_MAP = {
+      success: "#13ce66",
+      exception: "#ff4949",
+      warning: "#e6a23c",
+      default: "#20a0ff"
+    };
+    const ns = index.useNamespace("progress");
+    const barStyle = vue.computed(() => {
+      const barStyle2 = {
+        width: `${props.percentage}%`,
+        animationDuration: `${props.duration}s`
+      };
+      const color = getCurrentColor(props.percentage);
+      if (color.includes("gradient")) {
+        barStyle2.background = color;
+      } else {
+        barStyle2.backgroundColor = color;
+      }
+      return barStyle2;
+    });
+    const relativeStrokeWidth = vue.computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
+    const radius = vue.computed(() => {
+      if (["circle", "dashboard"].includes(props.type)) {
+        return Number.parseInt(`${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`, 10);
+      }
+      return 0;
+    });
+    const trackPath = vue.computed(() => {
+      const r = radius.value;
+      const isDashboard = props.type === "dashboard";
+      return `
+          M 50 50
+          m 0 ${isDashboard ? "" : "-"}${r}
+          a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
+          a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
+          `;
+    });
+    const perimeter = vue.computed(() => 2 * Math.PI * radius.value);
+    const rate = vue.computed(() => props.type === "dashboard" ? 0.75 : 1);
+    const strokeDashoffset = vue.computed(() => {
+      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
+      return `${offset}px`;
+    });
+    const trailPathStyle = vue.computed(() => ({
+      strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
+      strokeDashoffset: strokeDashoffset.value
+    }));
+    const circlePathStyle = vue.computed(() => ({
+      strokeDasharray: `${perimeter.value * rate.value * (props.percentage / 100)}px, ${perimeter.value}px`,
+      strokeDashoffset: strokeDashoffset.value,
+      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
+    }));
+    const stroke = vue.computed(() => {
+      let ret;
+      if (props.color) {
+        ret = getCurrentColor(props.percentage);
+      } else {
+        ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default;
+      }
+      return ret;
+    });
+    const statusIcon = vue.computed(() => {
+      if (props.status === "warning") {
+        return iconsVue.WarningFilled;
+      }
+      if (props.type === "line") {
+        return props.status === "success" ? iconsVue.CircleCheck : iconsVue.CircleClose;
+      } else {
+        return props.status === "success" ? iconsVue.Check : iconsVue.Close;
+      }
+    });
+    const progressTextSize = vue.computed(() => {
+      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
+    });
+    const content = vue.computed(() => props.format(props.percentage));
+    function getColors(color) {
+      const span = 100 / color.length;
+      const seriesColors = color.map((seriesColor, index) => {
+        if (shared.isString(seriesColor)) {
+          return {
+            color: seriesColor,
+            percentage: (index + 1) * span
+          };
+        }
+        return seriesColor;
+      });
+      return seriesColors.sort((a, b) => a.percentage - b.percentage);
+    }
+    const getCurrentColor = (percentage) => {
+      var _a;
+      const { color } = props;
+      if (shared.isFunction(color)) {
+        return color(percentage);
+      } else if (shared.isString(color)) {
+        return color;
+      } else {
+        const colors = getColors(color);
+        for (const color2 of colors) {
+          if (color2.percentage > percentage)
+            return color2.color;
+        }
+        return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).m(_ctx.type),
+          vue.unref(ns).is(_ctx.status),
+          {
+            [vue.unref(ns).m("without-text")]: !_ctx.showText,
+            [vue.unref(ns).m("text-inside")]: _ctx.textInside
+          }
+        ]),
+        role: "progressbar",
+        "aria-valuenow": _ctx.percentage,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        _ctx.type === "line" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).b("bar"))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).be("bar", "outer")),
+            style: vue.normalizeStyle({ height: `${_ctx.strokeWidth}px` })
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass([
+                vue.unref(ns).be("bar", "inner"),
+                { [vue.unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
+                { [vue.unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
+                { [vue.unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
+              ]),
+              style: vue.normalizeStyle(vue.unref(barStyle))
+            }, [
+              (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).be("bar", "innerText"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
+                  vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(content)), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 6)
+          ], 6)
+        ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(vue.unref(ns).b("circle")),
+          style: vue.normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
+        }, [
+          (vue.openBlock(), vue.createElementBlock("svg", { viewBox: "0 0 100 100" }, [
+            vue.createElementVNode("path", {
+              class: vue.normalizeClass(vue.unref(ns).be("circle", "track")),
+              d: vue.unref(trackPath),
+              stroke: `var(${vue.unref(ns).cssVarName("fill-color-light")}, #e5e9f2)`,
+              "stroke-linecap": _ctx.strokeLinecap,
+              "stroke-width": vue.unref(relativeStrokeWidth),
+              fill: "none",
+              style: vue.normalizeStyle(vue.unref(trailPathStyle))
+            }, null, 14, ["d", "stroke", "stroke-linecap", "stroke-width"]),
+            vue.createElementVNode("path", {
+              class: vue.normalizeClass(vue.unref(ns).be("circle", "path")),
+              d: vue.unref(trackPath),
+              stroke: vue.unref(stroke),
+              fill: "none",
+              opacity: _ctx.percentage ? 1 : 0,
+              "stroke-linecap": _ctx.strokeLinecap,
+              "stroke-width": vue.unref(relativeStrokeWidth),
+              style: vue.normalizeStyle(vue.unref(circlePathStyle))
+            }, null, 14, ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"])
+          ]))
+        ], 6)),
+        (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: vue.normalizeClass(vue.unref(ns).e("text")),
+          style: vue.normalizeStyle({ fontSize: `${vue.unref(progressTextSize)}px` })
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
+            !_ctx.status ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(vue.unref(content)), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(statusIcon))))
+              ]),
+              _: 1
+            }))
+          ])
+        ], 6)) : vue.createCommentVNode("v-if", true)
+      ], 10, ["aria-valuenow"]);
+    };
   }
 });
+var Progress = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "progress.vue"]]);
 
-exports.progressProps = progressProps;
+exports["default"] = Progress;
 //# sourceMappingURL=progress.js.map