@element-plus/nightly 0.0.20251016 → 0.0.20251017

package/lib/components/col/src/col2.js.map

@@ -1 +1 @@
-{"version":3,"file":"col2.js","sources":["../../../../../../packages/components/col/src/col.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Col from './col.vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n  pull?: number\n  push?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description number of column the grid spans\n   */\n  span: {\n    type: Number,\n    default: 24,\n  },\n  /**\n   * @description number of spacing on the left side of the grid\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description number of columns that grid moves to the left\n   */\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description number of columns that grid moves to the right\n   */\n  push: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description `<768px` Responsive columns or column props object\n   */\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥768px` Responsive columns or column props object\n   */\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥992px` Responsive columns or column props object\n   */\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥1200px` Responsive columns or column props object\n   */\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥1920px` Responsive columns or column props object\n   */\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\nexport type ColPropsPublic = __ExtractPublicPropTypes<typeof colProps>\nexport type ColInstance = InstanceType<typeof Col> & unknown\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"col2.js","sources":["../../../../../../packages/components/col/src/col.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"colKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/components/row'\nimport { colProps } from './col'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCol',\n})\n\nconst props = defineProps(colProps)\n\nconst { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\nconst ns = useNamespace('col')\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (gutter.value) {\n    styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`\n  }\n  return styles\n})\n\nconst colKls = computed(() => {\n  const classes: string[] = []\n  const pos = ['span', 'offset', 'pull', 'push'] as const\n\n  pos.forEach((prop) => {\n    const size = props[prop]\n    if (isNumber(size)) {\n      if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n      else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n    }\n  })\n\n  const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n  sizes.forEach((size) => {\n    if (isNumber(props[size])) {\n      classes.push(ns.b(`${size}-${props[size]}`))\n    } else if (isObject(props[size])) {\n      Object.entries(props[size]).forEach(([prop, sizeProp]) => {\n        classes.push(\n          prop !== 'span'\n            ? ns.b(`${size}-${prop}-${sizeProp}`)\n            : ns.b(`${size}-${sizeProp}`)\n        )\n      })\n    }\n  })\n\n  // this is for the fix\n  if (gutter.value) {\n    classes.push(ns.is('guttered'))\n  }\n  return [ns.b(), classes]\n})\n</script>\n"],"names":["inject","rowContextKey","computed","useNamespace","isNumber","isObject"],"mappings":"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"}

package/lib/components/collapse/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var collapse$1 = require('./src/collapse.js');
+var collapse$1 = require('./src/collapse2.js');
 var collapseItem$1 = require('./src/collapse-item2.js');
-var collapse = require('./src/collapse2.js');
+var collapse = require('./src/collapse.js');
 var collapseItem = require('./src/collapse-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');

package/lib/components/collapse/src/collapse.js

@@ -2,36 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var collapse = require('./collapse2.js');
-var useCollapse = require('./use-collapse.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var typescript = require('../../../utils/typescript.js');
+var types = require('../../../utils/types.js');
+var shared = require('@vue/shared');
+var event = require('../../../constants/event.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElCollapse"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: collapse.collapseProps,
-  emits: collapse.collapseEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { activeNames, setActiveNames } = useCollapse.useCollapse(props, emit);
-    const { rootKls } = useCollapse.useCollapseDOM(props);
-    expose({
-      activeNames,
-      setActiveNames
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(rootKls))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
+const emitChangeFn = (value) => types.isNumber(value) || shared.isString(value) || shared.isArray(value);
+const collapseProps = runtime.buildProps({
+  accordion: Boolean,
+  modelValue: {
+    type: runtime.definePropType([Array, String, Number]),
+    default: () => typescript.mutable([])
+  },
+  expandIconPosition: {
+    type: runtime.definePropType([String]),
+    default: "right"
+  },
+  beforeCollapse: {
+    type: runtime.definePropType(Function)
   }
 });
-var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
+const collapseEmits = {
+  [event.UPDATE_MODEL_EVENT]: emitChangeFn,
+  [event.CHANGE_EVENT]: emitChangeFn
+};
 
-exports["default"] = Collapse;
+exports.collapseEmits = collapseEmits;
+exports.collapseProps = collapseProps;
+exports.emitChangeFn = emitChangeFn;
 //# sourceMappingURL=collapse.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM(props)\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["useCollapse","useCollapseDOM","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAmB,GAAAA,uBAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,OAAA,EAAY,GAAAC,0BAAA,CAAe,KAAK,CAAA,CAAA;AAExC,IAAa,MAAA,CAAA;AAAA,MAAA,WAAA;AAAA,MAEX,cAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACD,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;"}
+{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Arrayable, Awaitable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport type CollapseIconPositionType = 'left' | 'right'\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n  /**\n   * @description whether to activate accordion mode\n   */\n  accordion: Boolean,\n  /**\n   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n   */\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description set expand icon position\n   */\n  expandIconPosition: {\n    type: definePropType<CollapseIconPositionType>([String]),\n    default: 'right',\n  },\n  /**\n   * @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing\n   */\n  beforeCollapse: {\n    type: definePropType<(name: CollapseActiveName) => Awaitable<boolean>>(\n      Function\n    ),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\nexport type CollapsePropsPublic = __ExtractPublicPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":["isNumber","isString","isArray","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;AASY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAKA,cAAQ,CAAC,KAAK,CAAC,IAAIC,eAAQ,CAAC,KAAK,CAAC,IAAIC,cAAO,CAAC,KAAK,EAAE;AAChF,MAAC,aAAa,GAAGC,kBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACE,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}

package/lib/components/collapse/src/collapse2.js

@@ -2,33 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var typescript = require('../../../utils/typescript.js');
-var types = require('../../../utils/types.js');
-var shared = require('@vue/shared');
-var event = require('../../../constants/event.js');
+var vue = require('vue');
+var collapse = require('./collapse.js');
+var useCollapse = require('./use-collapse.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const emitChangeFn = (value) => types.isNumber(value) || shared.isString(value) || shared.isArray(value);
-const collapseProps = runtime.buildProps({
-  accordion: Boolean,
-  modelValue: {
-    type: runtime.definePropType([Array, String, Number]),
-    default: () => typescript.mutable([])
-  },
-  expandIconPosition: {
-    type: runtime.definePropType([String]),
-    default: "right"
-  },
-  beforeCollapse: {
-    type: runtime.definePropType(Function)
+const __default__ = vue.defineComponent({
+  name: "ElCollapse"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: collapse.collapseProps,
+  emits: collapse.collapseEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { activeNames, setActiveNames } = useCollapse.useCollapse(props, emit);
+    const { rootKls } = useCollapse.useCollapseDOM(props);
+    expose({
+      activeNames,
+      setActiveNames
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(rootKls))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
   }
 });
-const collapseEmits = {
-  [event.UPDATE_MODEL_EVENT]: emitChangeFn,
-  [event.CHANGE_EVENT]: emitChangeFn
-};
+var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
 
-exports.collapseEmits = collapseEmits;
-exports.collapseProps = collapseProps;
-exports.emitChangeFn = emitChangeFn;
+exports["default"] = Collapse;
 //# sourceMappingURL=collapse2.js.map

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type { Arrayable, Awaitable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport type CollapseIconPositionType = 'left' | 'right'\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n  /**\n   * @description whether to activate accordion mode\n   */\n  accordion: Boolean,\n  /**\n   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n   */\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description set expand icon position\n   */\n  expandIconPosition: {\n    type: definePropType<CollapseIconPositionType>([String]),\n    default: 'right',\n  },\n  /**\n   * @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing\n   */\n  beforeCollapse: {\n    type: definePropType<(name: CollapseActiveName) => Awaitable<boolean>>(\n      Function\n    ),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\nexport type CollapsePropsPublic = __ExtractPublicPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":["isNumber","isString","isArray","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;AASY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAKA,cAAQ,CAAC,KAAK,CAAC,IAAIC,eAAQ,CAAC,KAAK,CAAC,IAAIC,cAAO,CAAC,KAAK,EAAE;AAChF,MAAC,aAAa,GAAGC,kBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACE,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}
+{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM(props)\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["useCollapse","useCollapseDOM","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAmB,GAAAA,uBAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,OAAA,EAAY,GAAAC,0BAAA,CAAe,KAAK,CAAA,CAAA;AAExC,IAAa,MAAA,CAAA;AAAA,MAAA,WAAA;AAAA,MAEX,cAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACD,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;"}

package/lib/components/date-picker-panel/src/date-picker-com/panel-month-range.js

@@ -88,13 +88,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       handleRangeConfirm();
     };
     const handleClear = () => {
+      let valueOnClear = null;
+      if (pickerBase == null ? void 0 : pickerBase.emptyValues) {
+        valueOnClear = pickerBase.emptyValues.valueOnClear.value;
+      }
       leftDate.value = utils.getDefaultValue(vue.unref(defaultValue), {
         lang: vue.unref(lang),
         unit: "year",
         unlinkPanels: props.unlinkPanels
       })[0];
       rightDate.value = leftDate.value.add(1, "year");
-      emit("pick", null);
+      emit("pick", valueOnClear);
     };
     const parseUserInput = (value) => {
       return utils.correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);

package/lib/components/date-picker-panel/src/date-picker-com/panel-month-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', disabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"disabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"disabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', null)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["useLocale","inject","PICKER_BASE_INJECTION_KEY","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","toRef","ref","dayjs","useRangePicker","computed","useMonthRangeHeader","getDefaultValue","unref","correctlyParseUserInput","watch","isValidRange","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}
+{"version":3,"file":"panel-month-range.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', disabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"disabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                { [ppNs.is('disabled')]: !enableYearArrow },\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"[ppNs.e('icon-btn'), { 'is-disabled': !enableYearArrow }]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"disabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["useLocale","inject","PICKER_BASE_INJECTION_KEY","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","toRef","ref","dayjs","useRangePicker","computed","useMonthRangeHeader","getDefaultValue","unref","correctlyParseUserInput","watch","isValidRange","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}

package/lib/components/date-picker-panel/src/date-picker-com/panel-year-range.js

@@ -127,6 +127,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return utils.isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
     };
     const handleClear = () => {
+      let valueOnClear = null;
+      if (pickerBase == null ? void 0 : pickerBase.emptyValues) {
+        valueOnClear = pickerBase.emptyValues.valueOnClear.value;
+      }
       const defaultArr = utils.getDefaultValue(vue.unref(defaultValue), {
         lang: vue.unref(lang),
         step,
@@ -135,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       leftDate.value = defaultArr[0];
       rightDate.value = defaultArr[1];
-      emit("pick", null);
+      emit("pick", valueOnClear);
     };
     function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {

package/lib/components/date-picker-panel/src/date-picker-com/panel-year-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel-year-range.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue"],"sourcesContent":["<template>\n  <div :class=\"panelKls\">\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"disabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"leftPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"leftPanelKls.arrowLeftBtn\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"leftPanelKls.arrowRightBtn\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <year-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div :class=\"rightPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"rightPanelKls.arrowLeftBtn\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"rightPanelKls.arrowRightBtn\"\n              :disabled=\"disabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <year-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  panelYearRangeEmits,\n  panelYearRangeProps,\n} from '../props/panel-year-range'\nimport { useYearRangeHeader } from '../composables/use-year-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerYearRange',\n})\n\nconst props = defineProps(panelYearRangeProps)\nconst emit = defineEmits(panelYearRangeEmits)\nconst step = 10\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(step, unit))\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  step,\n  unit,\n  sortDates,\n})\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useYearRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst panelKls = computed(() => [\n  ppNs.b(),\n  drpNs.b(),\n  ppNs.is('border', props.border),\n  ppNs.is('disabled', props.disabled),\n  {\n    'has-sidebar': Boolean(useSlots().sidebar) || hasShortcuts.value,\n  },\n])\n\nconst leftPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-left'],\n    arrowLeftBtn: [ppNs.e('icon-btn'), 'd-arrow-left'],\n    arrowRightBtn: [\n      ppNs.e('icon-btn'),\n      { [ppNs.is('disabled')]: !enableYearArrow.value },\n      'd-arrow-right',\n    ],\n  }\n})\n\nconst rightPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-right'],\n    arrowLeftBtn: [\n      ppNs.e('icon-btn'),\n      { 'is-disabled': !enableYearArrow.value },\n      'd-arrow-left',\n    ],\n    arrowRightBtn: [ppNs.e('icon-btn'), 'd-arrow-right'],\n  }\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst handleClear = () => {\n  const defaultArr = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    step,\n    unit,\n    unlinkPanels: props.unlinkPanels,\n  })\n  leftDate.value = defaultArr[0]\n  rightDate.value = defaultArr[1]\n  emit('pick', null)\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n\n    rightDate.value =\n      minDateYear + step > maxDateYear ? maxDate.add(step, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(step, unit)\n  }\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["useLocale","ref","dayjs","inject","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","PICKER_BASE_INJECTION_KEY","toRef","useRangePicker","useYearRangeHeader","computed","useSlots","correctlyParseUserInput","isValidRange","getDefaultValue","unref","watch","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"panel-year-range.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue"],"sourcesContent":["<template>\n  <div :class=\"panelKls\">\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"disabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"leftPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"leftPanelKls.arrowLeftBtn\"\n              :disabled=\"disabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"leftPanelKls.arrowRightBtn\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <year-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div :class=\"rightPanelKls.content\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || disabled\"\n              :class=\"rightPanelKls.arrowLeftBtn\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"rightPanelKls.arrowRightBtn\"\n              :disabled=\"disabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <year-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"disabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, useSlots, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  panelYearRangeEmits,\n  panelYearRangeProps,\n} from '../props/panel-year-range'\nimport { useYearRangeHeader } from '../composables/use-year-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerYearRange',\n})\n\nconst props = defineProps(panelYearRangeProps)\nconst emit = defineEmits(panelYearRangeEmits)\nconst step = 10\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(step, unit))\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  step,\n  unit,\n  sortDates,\n})\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useYearRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst panelKls = computed(() => [\n  ppNs.b(),\n  drpNs.b(),\n  ppNs.is('border', props.border),\n  ppNs.is('disabled', props.disabled),\n  {\n    'has-sidebar': Boolean(useSlots().sidebar) || hasShortcuts.value,\n  },\n])\n\nconst leftPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-left'],\n    arrowLeftBtn: [ppNs.e('icon-btn'), 'd-arrow-left'],\n    arrowRightBtn: [\n      ppNs.e('icon-btn'),\n      { [ppNs.is('disabled')]: !enableYearArrow.value },\n      'd-arrow-right',\n    ],\n  }\n})\n\nconst rightPanelKls = computed(() => {\n  return {\n    content: [ppNs.e('content'), drpNs.e('content'), 'is-right'],\n    arrowLeftBtn: [\n      ppNs.e('icon-btn'),\n      { 'is-disabled': !enableYearArrow.value },\n      'd-arrow-left',\n    ],\n    arrowRightBtn: [ppNs.e('icon-btn'), 'd-arrow-right'],\n  }\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  const defaultArr = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    step,\n    unit,\n    unlinkPanels: props.unlinkPanels,\n  })\n  leftDate.value = defaultArr[0]\n  rightDate.value = defaultArr[1]\n  emit('pick', valueOnClear)\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n\n    rightDate.value =\n      minDateYear + step > maxDateYear ? maxDate.add(step, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(step, unit)\n  }\n}\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"names":["useLocale","ref","dayjs","inject","ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY","PICKER_BASE_INJECTION_KEY","toRef","useRangePicker","useYearRangeHeader","computed","useSlots","correctlyParseUserInput","isValidRange","unref","watch","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot"],"mappings":"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"}

package/lib/components/dialog/src/dialog.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dialogContent = require('./dialog-content.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
-var teleport = require('../../teleport/src/teleport2.js');
+var teleport = require('../../teleport/src/teleport.js');
 var event = require('../../../constants/event.js');
 var types = require('../../../utils/types.js');
 

package/lib/components/divider/index.js

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

package/lib/components/divider/src/divider.js

@@ -2,42 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var divider = require('./divider2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElDivider"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: divider.dividerProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("divider");
-    const dividerStyle = vue.computed(() => {
-      return ns.cssVar({
-        "border-style": props.borderStyle
-      });
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.direction)]),
-        style: vue.normalizeStyle(vue.unref(dividerStyle)),
-        role: "separator"
-      }, [
-        _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass([vue.unref(ns).e("text"), vue.unref(ns).is(_ctx.contentPosition)])
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)) : vue.createCommentVNode("v-if", true)
-      ], 6);
-    };
+const dividerProps = runtime.buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  borderStyle: {
+    type: runtime.definePropType(String),
+    default: "solid"
   }
 });
-var Divider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "divider.vue"]]);
 
-exports["default"] = Divider;
+exports.dividerProps = dividerProps;
 //# sourceMappingURL=divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":["useNamespace","computed"],"mappings":";;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.js","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\nexport type DividerPropsPublic = __ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,YAAY,GAAGA,kBAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

package/lib/components/divider/src/divider2.js

@@ -2,24 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var divider = require('./divider.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const dividerProps = runtime.buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  },
-  borderStyle: {
-    type: runtime.definePropType(String),
-    default: "solid"
+const __default__ = vue.defineComponent({
+  name: "ElDivider"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: divider.dividerProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("divider");
+    const dividerStyle = vue.computed(() => {
+      return ns.cssVar({
+        "border-style": props.borderStyle
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.direction)]),
+        style: vue.normalizeStyle(vue.unref(dividerStyle)),
+        role: "separator"
+      }, [
+        _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass([vue.unref(ns).e("text"), vue.unref(ns).is(_ctx.contentPosition)])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("v-if", true)
+      ], 6);
+    };
   }
 });
+var Divider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "divider.vue"]]);
 
-exports.dividerProps = dividerProps;
+exports["default"] = Divider;
 //# sourceMappingURL=divider2.js.map

package/lib/components/divider/src/divider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.js","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\nexport type DividerPropsPublic = __ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,YAAY,GAAGA,kBAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"divider2.js","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":["useNamespace","computed"],"mappings":";;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/dropdown/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dropdown$1 = require('./src/dropdown2.js');
+var dropdown$1 = require('./src/dropdown.js');
 var dropdownItem = require('./src/dropdown-item.js');
 var dropdownMenu = require('./src/dropdown-menu.js');
-var dropdown = require('./src/dropdown.js');
+var dropdown = require('./src/dropdown2.js');
 var tokens = require('./src/tokens.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../icon/index.js');
-var dropdown = require('./dropdown.js');
+var dropdown = require('./dropdown2.js');
 var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');