@element-plus/nightly 0.0.20260307 → 0.0.20260309

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":["buildProps","definePropType","useSizeProp","placements","useAriaProps","isNumber","UPDATE_MODEL_EVENT","INPUT_EVENT","CHANGE_EVENT"],"sources":["../../../../../../packages/components/slider/src/slider.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { SliderMarkerProps } from './marker'\nimport type Slider from './slider.vue'\n\ntype SliderMarks = Record<number, string | SliderMarkerProps['mark']>\n\nexport interface SliderInitData {\n  firstValue: number\n  secondValue: number\n  oldValue?: Arrayable<number>\n  dragging: boolean\n  sliderSize: number\n}\n\nexport const sliderProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<Arrayable<number>>([Number, Array]),\n    default: 0,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description minimum value\n   */\n  min: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description maximum value\n   */\n  max: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description step size\n   */\n  step: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether to display an input box, works when `range` is false\n   */\n  showInput: Boolean,\n  /**\n   * @description whether to display control buttons when `show-input` is true\n   */\n  showInputControls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of the slider wrapper, will not work in vertical mode\n   */\n  size: useSizeProp,\n  /**\n   * @description size of the input box, when set `size`, the default is the value of `size`\n   */\n  inputSize: useSizeProp,\n  /**\n   * @description whether to display breakpoints\n   */\n  showStops: Boolean,\n  /**\n   * @description whether to display tooltip value\n   */\n  showTooltip: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description format to display tooltip value\n   */\n  formatTooltip: {\n    type: definePropType<(val: number) => number | string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description whether Slider is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to select a range\n   */\n  range: Boolean,\n  /**\n   * @description vertical mode\n   */\n  vertical: Boolean,\n  /**\n   * @description slider height, required in vertical mode\n   */\n  height: String,\n  /**\n   * @description when `range` is true, screen reader label for the start of the range\n   */\n  rangeStartLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description when `range` is true, screen reader label for the end of the range\n   */\n  rangeEndLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description format to display the `aria-valuenow` attribute for screen readers\n   */\n  formatValueText: {\n    type: definePropType<(val: number) => string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description custom class name for the tooltip\n   */\n  tooltipClass: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style\n   */\n  marks: {\n    type: definePropType<SliderMarks>(Object),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>\nexport type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>\n\nconst isValidValue = (value: Arrayable<number>) =>\n  isNumber(value) || (isArray(value) && value.every(isNumber))\nexport const sliderEmits = {\n  [UPDATE_MODEL_EVENT]: isValidValue,\n  [INPUT_EVENT]: isValidValue,\n  [CHANGE_EVENT]: isValidValue,\n}\nexport type SliderEmits = typeof sliderEmits\n\nexport type SliderInstance = InstanceType<typeof Slider> & unknown\n"],"mappings":";;;;;;;;;;;AA6BA,MAAa,cAAcA,6BAAW;CAIpC,YAAY;EACV,MAAMC,iCAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;CACD,IAAI;EACF,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CAID,WAAW;CAIX,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,MAAMC;CAIN,WAAWA;CAIX,WAAW;CAIX,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAMD,iCAAiD,SAAS;EAChE,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,OAAO;CAIP,UAAU;CAIV,QAAQ;CAIR,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAMA,iCAAwC,SAAS;EACvD,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,QAAQE;EACR,SAAS;EACV;CAID,OAAO,EACL,MAAMF,iCAA4B,OAAO,EAC1C;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAGG,6BAAa,CAAC,YAAY,CAAC;CAC/B,CAAU;AAIX,MAAM,gBAAgB,UACpBC,uBAAS,MAAM,6BAAa,MAAM,IAAI,MAAM,MAAMA,uBAAS;AAC7D,MAAa,cAAc;EACxBC,mCAAqB;EACrBC,4BAAc;EACdC,6BAAe;CACjB"}
+{"version":3,"file":"slider.js","names":["buildProps","definePropType","useSizeProp","placements","useAriaProps","isNumber","UPDATE_MODEL_EVENT","INPUT_EVENT","CHANGE_EVENT"],"sources":["../../../../../../packages/components/slider/src/slider.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { SliderMarkerProps } from './marker'\nimport type Slider from './slider.vue'\n\ntype SliderMarks = Record<number, string | SliderMarkerProps['mark']>\n\nexport interface SliderInitData {\n  firstValue: number\n  secondValue: number\n  oldValue?: Arrayable<number>\n  dragging: boolean\n  sliderSize: number\n}\n\nexport const sliderProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<Arrayable<number>>([Number, Array]),\n    default: 0,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description minimum value\n   */\n  min: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description maximum value\n   */\n  max: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set\n   */\n  step: {\n    type: definePropType<number | 'mark'>([Number, String]),\n    default: 1,\n  },\n  /**\n   * @description whether to display an input box, works when `range` is false and `step` is not `'mark'`\n   */\n  showInput: Boolean,\n  /**\n   * @description whether to display control buttons when `show-input` is true\n   */\n  showInputControls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of the slider wrapper, will not work in vertical mode\n   */\n  size: useSizeProp,\n  /**\n   * @description size of the input box, when set `size`, the default is the value of `size`\n   */\n  inputSize: useSizeProp,\n  /**\n   * @description whether to display breakpoints\n   */\n  showStops: Boolean,\n  /**\n   * @description whether to display tooltip value\n   */\n  showTooltip: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description format to display tooltip value\n   */\n  formatTooltip: {\n    type: definePropType<(val: number) => number | string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description whether Slider is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to select a range\n   */\n  range: Boolean,\n  /**\n   * @description vertical mode\n   */\n  vertical: Boolean,\n  /**\n   * @description slider height, required in vertical mode\n   */\n  height: String,\n  /**\n   * @description when `range` is true, screen reader label for the start of the range\n   */\n  rangeStartLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description when `range` is true, screen reader label for the end of the range\n   */\n  rangeEndLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description format to display the `aria-valuenow` attribute for screen readers\n   */\n  formatValueText: {\n    type: definePropType<(val: number) => string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description custom class name for the tooltip\n   */\n  tooltipClass: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style\n   */\n  marks: {\n    type: definePropType<SliderMarks>(Object),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>\nexport type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>\n\nconst isValidValue = (value: Arrayable<number>) =>\n  isNumber(value) || (isArray(value) && value.every(isNumber))\nexport const sliderEmits = {\n  [UPDATE_MODEL_EVENT]: isValidValue,\n  [INPUT_EVENT]: isValidValue,\n  [CHANGE_EVENT]: isValidValue,\n}\nexport type SliderEmits = typeof sliderEmits\n\nexport type SliderInstance = InstanceType<typeof Slider> & unknown\n"],"mappings":";;;;;;;;;;;AA6BA,MAAa,cAAcA,6BAAW;CAIpC,YAAY;EACV,MAAMC,iCAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;CACD,IAAI;EACF,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAMA,iCAAgC,CAAC,QAAQ,OAAO,CAAC;EACvD,SAAS;EACV;CAID,WAAW;CAIX,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,MAAMC;CAIN,WAAWA;CAIX,WAAW;CAIX,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAMD,iCAAiD,SAAS;EAChE,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,OAAO;CAIP,UAAU;CAIV,QAAQ;CAIR,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAMA,iCAAwC,SAAS;EACvD,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,QAAQE;EACR,SAAS;EACV;CAID,OAAO,EACL,MAAMF,iCAA4B,OAAO,EAC1C;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAGG,6BAAa,CAAC,YAAY,CAAC;CAC/B,CAAU;AAIX,MAAM,gBAAgB,UACpBC,uBAAS,MAAM,6BAAa,MAAM,IAAI,MAAM,MAAMA,uBAAS;AAC7D,MAAa,cAAc;EACxBC,mCAAqB;EACrBC,4BAAc;EACdC,6BAAe;CACjB"}

package/lib/components/slider/src/slider.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -89,7 +89,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -169,7 +169,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly max: number;
   readonly min: number;
-  readonly step: number;
+  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown>;
   readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;

package/lib/components/slider/src/slider.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_types = require('../../../utils/types.js');
 const require_index = require('../../../hooks/use-locale/index.js');
 const require_index$1 = require('../../../hooks/use-namespace/index.js');
 const require_use_form_common_props = require('../../form/src/hooks/use-form-common-props.js');
@@ -46,6 +47,9 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 		const { inputId, isLabeledByFormItem } = require_use_form_item.useFormItemInputId(props, { formItemContext: elFormItem });
 		const sliderWrapperSize = require_use_form_common_props.useFormSize();
 		const sliderInputSize = (0, vue.computed)(() => props.inputSize || sliderWrapperSize.value);
+		const renderInput = (0, vue.computed)(() => {
+			return props.showInput && !props.range && props.step !== "mark";
+		});
 		const groupLabel = (0, vue.computed)(() => {
 			return props.ariaLabel || t("el.slider.defaultLabel", {
 				min: props.min,
@@ -69,15 +73,19 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 			ns.b(),
 			ns.m(sliderWrapperSize.value),
 			ns.is("vertical", props.vertical),
-			{ [ns.m("with-input")]: props.showInput }
+			{ [ns.m("with-input")]: renderInput.value }
 		]);
 		const markList = require_use_marks.useMarks(props);
 		require_use_watch.useWatch(props, initData, minValue, maxValue, emit, elFormItem);
+		const sliderInputStep = (0, vue.computed)(() => {
+			return require_types.isNumber(props.step) ? props.step : 1;
+		});
 		const precision = (0, vue.computed)(() => {
+			const stepValue = require_types.isNumber(props.step) ? props.step : 1;
 			const precisions = [
 				props.min,
 				props.max,
-				props.step
+				stepValue
 			].map((item) => {
 				const decimal = `${item}`.split(".")[1];
 				return decimal ? decimal.length : 0;
@@ -96,6 +104,7 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 			sliderSize,
 			disabled: sliderDisabled,
 			precision,
+			markList,
 			emitChange,
 			resetSize,
 			updateDragging
@@ -115,7 +124,7 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 				ref: slider,
 				class: (0, vue.normalizeClass)([
 					(0, vue.unref)(ns).e("runway"),
-					{ "show-input": _ctx.showInput && !_ctx.range },
+					{ "show-input": renderInput.value },
 					(0, vue.unref)(ns).is("disabled", (0, vue.unref)(sliderDisabled))
 				]),
 				style: (0, vue.normalizeStyle)((0, vue.unref)(runwayStyle)),
@@ -216,12 +225,12 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 						"onMousedown"
 					]);
 				}), 128))], 2)], 64)) : (0, vue.createCommentVNode)("v-if", true)
-			], 38), _ctx.showInput && !_ctx.range ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElInputNumber), {
+			], 38), renderInput.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElInputNumber), {
 				key: 0,
 				ref: "input",
 				"model-value": (0, vue.unref)(firstValue),
 				class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("input")),
-				step: _ctx.step,
+				step: sliderInputStep.value,
 				disabled: (0, vue.unref)(sliderDisabled),
 				controls: _ctx.showInputControls,
 				min: _ctx.min,

package/lib/components/slider/src/slider.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.vue_vue_type_script_setup_true_lang.js","names":["range","showInput","vertical","tooltipClass","placement","min","max","showStops","step","showInputControls"],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': showInput && !range },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: props.showInput },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst precision = computed(() => {\n  const precisions = [props.min, props.max, props.step].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"slider.vue_vue_type_script_setup_true_lang.js","names":["range","vertical","tooltipClass","placement","min","max","showStops","showInputControls"],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': renderInput },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"renderInput\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"sliderInputStep\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\nimport { isNumber } from '@element-plus/utils'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst renderInput = computed(() => {\n  return props.showInput && !props.range && props.step !== 'mark'\n})\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: renderInput.value },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst sliderInputStep = computed(() => {\n  return isNumber(props.step) ? props.step : 1\n})\n\nconst precision = computed(() => {\n  const stepValue = isNumber(props.step) ? props.step : 1\n  const precisions = [props.min, props.max, stepValue].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  markList,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/slider/src/slider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider2.js","names":[],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': showInput && !range },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: props.showInput },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst precision = computed(() => {\n  const precisions = [props.min, props.max, props.step].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"slider2.js","names":[],"sources":["../../../../../../packages/components/slider/src/slider.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"range ? inputId : undefined\"\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    :role=\"range ? 'group' : undefined\"\n    :aria-label=\"range && !isLabeledByFormItem ? groupLabel : undefined\"\n    :aria-labelledby=\"\n      range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n    \"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': renderInput },\n        ns.is('disabled', sliderDisabled),\n      ]\"\n      :style=\"runwayStyle\"\n      @mousedown=\"onSliderDown\"\n      @touchstart.passive=\"onSliderDown\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\" />\n      <slider-button\n        :id=\"!range ? inputId : undefined\"\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"\n          range || !isLabeledByFormItem ? firstButtonLabel : undefined\n        \"\n        :aria-labelledby=\"\n          !range && isLabeledByFormItem ? elFormItem?.labelId : undefined\n        \"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"range ? secondValue : max\"\n        :aria-valuenow=\"firstValue\"\n        :aria-valuetext=\"firstValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        :placement=\"placement\"\n        role=\"slider\"\n        :aria-label=\"secondButtonLabel\"\n        :aria-valuemin=\"firstValue\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"secondValue\"\n        :aria-valuetext=\"secondValueText\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-disabled=\"sliderDisabled\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        />\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          />\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n            @mousedown.stop=\"onSliderMarkerDown(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"renderInput\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"sliderInputStep\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :precision=\"precision\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport { useFormItemInputId, useFormSize } from '@element-plus/components/form'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { sliderContextKey } from './constants'\nimport { sliderEmits, sliderProps } from './slider'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker'\nimport {\n  useLifecycle,\n  useMarks,\n  useSlide,\n  useStops,\n  useWatch,\n} from './composables'\nimport { isNumber } from '@element-plus/utils'\n\nimport type { SliderInitData } from './slider'\n\ndefineOptions({\n  name: 'ElSlider',\n})\n\nconst props = defineProps(sliderProps)\nconst emit = defineEmits(sliderEmits)\n\nconst ns = useNamespace('slider')\nconst { t } = useLocale()\n\nconst initData = reactive<SliderInitData>({\n  firstValue: 0,\n  secondValue: 0,\n  oldValue: 0,\n  dragging: false,\n  sliderSize: 1,\n})\n\nconst {\n  elFormItem,\n  slider,\n  firstButton,\n  secondButton,\n  sliderDisabled,\n  minValue,\n  maxValue,\n  runwayStyle,\n  barStyle,\n  resetSize,\n  emitChange,\n  onSliderWrapperPrevent,\n  onSliderClick,\n  onSliderDown,\n  onSliderMarkerDown,\n  setFirstValue,\n  setSecondValue,\n} = useSlide(props, initData, emit)\n\nconst { stops, getStopStyle } = useStops(props, initData, minValue, maxValue)\n\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\n\nconst sliderWrapperSize = useFormSize()\nconst sliderInputSize = computed(\n  () => props.inputSize || sliderWrapperSize.value\n)\n\nconst renderInput = computed(() => {\n  return props.showInput && !props.range && props.step !== 'mark'\n})\n\nconst groupLabel = computed<string>(() => {\n  return (\n    props.ariaLabel ||\n    t('el.slider.defaultLabel', {\n      min: props.min,\n      max: props.max,\n    })\n  )\n})\n\nconst firstButtonLabel = computed<string>(() => {\n  if (props.range) {\n    return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel')\n  } else {\n    return groupLabel.value\n  }\n})\n\nconst firstValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(firstValue.value)\n    : `${firstValue.value}`\n})\n\nconst secondButtonLabel = computed<string>(() => {\n  return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel')\n})\n\nconst secondValueText = computed<string>(() => {\n  return props.formatValueText\n    ? props.formatValueText(secondValue.value)\n    : `${secondValue.value}`\n})\n\nconst sliderKls = computed(() => [\n  ns.b(),\n  ns.m(sliderWrapperSize.value),\n  ns.is('vertical', props.vertical),\n  { [ns.m('with-input')]: renderInput.value },\n])\n\nconst markList = useMarks(props)\n\nuseWatch(props, initData, minValue, maxValue, emit, elFormItem!)\n\nconst sliderInputStep = computed(() => {\n  return isNumber(props.step) ? props.step : 1\n})\n\nconst precision = computed(() => {\n  const stepValue = isNumber(props.step) ? props.step : 1\n  const precisions = [props.min, props.max, stepValue].map((item) => {\n    const decimal = `${item}`.split('.')[1]\n    return decimal ? decimal.length : 0\n  })\n  return Math.max.apply(null, precisions)\n})\n\nconst { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\nconst { firstValue, secondValue, sliderSize } = toRefs(initData)\n\nconst updateDragging = (val: boolean) => {\n  initData.dragging = val\n}\n\nuseEventListener(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {\n  passive: false,\n})\nuseEventListener(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {\n  passive: false,\n})\n\nprovide(sliderContextKey, {\n  ...toRefs(props),\n  sliderSize,\n  disabled: sliderDisabled,\n  precision,\n  markList,\n  emitChange,\n  resetSize,\n  updateDragging,\n})\n\ndefineExpose({\n  onSliderClick,\n})\n</script>\n"],"mappings":""}

package/lib/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js

@@ -76,6 +76,7 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 		});
 		(0, vue.watch)(() => props.disabled, (disabled) => {
 			if (disabled && open.value) open.value = false;
+			if (!disabled && require_types.isBoolean(props.visible)) open.value = props.visible;
 		});
 		const isFocusInsideContent = (event) => {
 			return contentRef.value?.isFocusInsideContent(event);

package/lib/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n      :focus-on-target=\"focusOnTarget\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"kls\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :arrow-offset=\"arrowOffset\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n      :loop=\"loop\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  popperArrowPropsDefaults,\n} from '@element-plus/components/popper'\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  useNamespace,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport { useTooltipContentPropsDefaults } from './content'\nimport { useTooltipTriggerPropsDefaults } from './trigger'\n\nimport type { Mutable } from '@element-plus/utils'\nimport type { TooltipContentInstance } from './content'\nimport type { UseTooltipProps } from './tooltip'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = withDefaults(defineProps<UseTooltipProps>(), {\n  role: 'tooltip',\n  ...useTooltipContentPropsDefaults,\n  ...useTooltipTriggerPropsDefaults,\n  ...popperArrowPropsDefaults,\n  showArrow: true,\n})\nconst emit = defineEmits(tooltipEmits as Mutable<typeof tooltipEmits>)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n  return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen,\n  onClose,\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\nonBeforeUnmount(() => {\n  toggleReason.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onClose function to manage el-tooltip close state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n      :focus-on-target=\"focusOnTarget\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"kls\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :arrow-offset=\"arrowOffset\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n      :loop=\"loop\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  popperArrowPropsDefaults,\n} from '@element-plus/components/popper'\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  useNamespace,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport { useTooltipContentPropsDefaults } from './content'\nimport { useTooltipTriggerPropsDefaults } from './trigger'\n\nimport type { Mutable } from '@element-plus/utils'\nimport type { TooltipContentInstance } from './content'\nimport type { UseTooltipProps } from './tooltip'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = withDefaults(defineProps<UseTooltipProps>(), {\n  role: 'tooltip',\n  ...useTooltipContentPropsDefaults,\n  ...useTooltipTriggerPropsDefaults,\n  ...popperArrowPropsDefaults,\n  showArrow: true,\n})\nconst emit = defineEmits(tooltipEmits as Mutable<typeof tooltipEmits>)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n  return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen,\n  onClose,\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n    if (!disabled && isBoolean(props.visible)) {\n      open.value = props.visible\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\nonBeforeUnmount(() => {\n  toggleReason.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onClose function to manage el-tooltip close state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/tooltip/src/tooltip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.js","names":[],"sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n      :focus-on-target=\"focusOnTarget\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"kls\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :arrow-offset=\"arrowOffset\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n      :loop=\"loop\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  popperArrowPropsDefaults,\n} from '@element-plus/components/popper'\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  useNamespace,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport { useTooltipContentPropsDefaults } from './content'\nimport { useTooltipTriggerPropsDefaults } from './trigger'\n\nimport type { Mutable } from '@element-plus/utils'\nimport type { TooltipContentInstance } from './content'\nimport type { UseTooltipProps } from './tooltip'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = withDefaults(defineProps<UseTooltipProps>(), {\n  role: 'tooltip',\n  ...useTooltipContentPropsDefaults,\n  ...useTooltipTriggerPropsDefaults,\n  ...popperArrowPropsDefaults,\n  showArrow: true,\n})\nconst emit = defineEmits(tooltipEmits as Mutable<typeof tooltipEmits>)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n  return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen,\n  onClose,\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\nonBeforeUnmount(() => {\n  toggleReason.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onClose function to manage el-tooltip close state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"tooltip2.js","names":[],"sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n      :focus-on-target=\"focusOnTarget\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"kls\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :arrow-offset=\"arrowOffset\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n      :loop=\"loop\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  popperArrowPropsDefaults,\n} from '@element-plus/components/popper'\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  useNamespace,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport { useTooltipContentPropsDefaults } from './content'\nimport { useTooltipTriggerPropsDefaults } from './trigger'\n\nimport type { Mutable } from '@element-plus/utils'\nimport type { TooltipContentInstance } from './content'\nimport type { UseTooltipProps } from './tooltip'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = withDefaults(defineProps<UseTooltipProps>(), {\n  role: 'tooltip',\n  ...useTooltipContentPropsDefaults,\n  ...useTooltipTriggerPropsDefaults,\n  ...popperArrowPropsDefaults,\n  showArrow: true,\n})\nconst emit = defineEmits(tooltipEmits as Mutable<typeof tooltipEmits>)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n  return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen,\n  onClose,\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n    if (!disabled && isBoolean(props.visible)) {\n      open.value = props.visible\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\nonBeforeUnmount(() => {\n  toggleReason.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onClose function to manage el-tooltip close state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"mappings":""}

package/lib/version.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#region ../../packages/element-plus/version.ts
-const version = "0.0.20260307";
+const version = "0.0.20260309";
 
 //#endregion
 exports.version = version;

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260307'\n"],"mappings":";;;AAAA,MAAa,UAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260309'\n"],"mappings":";;;AAAA,MAAa,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20260307",
+  "version": "0.0.20260309",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -109,5 +109,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "637874b8c2bd335e284189160b4e2ac3bb667d8d"
+  "gitHead": "0b9556240bde717a9d3ef3937d35b9f09ec2759e"
 }

package/theme-chalk/el-tag.css

@@ -1 +1 @@
-.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);vertical-align:middle;height:24px;font-size:var(--el-tag-font-size);border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap;--el-icon-size:14px;--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary);border-style:solid;border-width:1px;justify-content:center;align-items:center;padding:0 9px;line-height:1;display:inline-flex}.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size);border-radius:50%;display:flex}.el-tag .el-tag__close{background-color:#0000;border:none;border-radius:50%;outline:none;margin-left:6px;padding:0;overflow:hidden}.el-tag .el-tag__close:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-tag--dark{--el-tag-text-color:var(--el-color-white);--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning,.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{--el-icon-size:16px;height:32px;padding:0 11px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{--el-icon-size:12px;height:20px;padding:0 7px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}
+.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);vertical-align:middle;height:24px;font-size:var(--el-tag-font-size);border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap;--el-icon-size:14px;--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary);border-style:solid;border-width:1px;justify-content:center;align-items:center;padding:0 9px;line-height:1;display:inline-flex}.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size);border-radius:50%}.el-tag .el-tag__close{background-color:#0000;border:none;border-radius:50%;outline:none;margin-left:6px;padding:0;overflow:hidden}.el-tag .el-tag__close:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-tag .el-tag__close .el-icon{display:flex}.el-tag--dark{--el-tag-text-color:var(--el-color-white);--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning,.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{--el-icon-size:16px;height:32px;padding:0 11px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{--el-icon-size:12px;height:20px;padding:0 7px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}