element-plus 1.2.0-beta.3 → 1.2.0-beta.4

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

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-picker-panel__sidebar"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "el-picker-panel__body" };
+const _hoisted_5 = { class: "el-picker-panel__content el-date-range-picker__content is-left" };
+const _hoisted_6 = { class: "el-date-range-picker__header" };
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = { class: "el-picker-panel__content el-date-range-picker__content is-right" };
+const _hoisted_9 = { class: "el-date-range-picker__header" };
+const _hoisted_10 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_d_arrow_left = vue.resolveComponent("d-arrow-left");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_d_arrow_right = vue.resolveComponent("d-arrow-right");
+  const _component_month_table = vue.resolveComponent("month-table");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["el-picker-panel el-date-range-picker", [
+      {
+        "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts
+      }
+    ]])
+  }, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
+      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, key) => {
+          return vue.openBlock(), vue.createElementBlock("button", {
+            key,
+            type: "button",
+            class: "el-picker-panel__shortcut",
+            onClick: ($event) => _ctx.handleShortcutClick(shortcut)
+          }, vue.toDisplayString(shortcut.text), 9, _hoisted_3);
+        }), 128))
+      ])) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", _hoisted_4, [
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "el-picker-panel__icon-btn d-arrow-left",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftPrevYear && _ctx.leftPrevYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_left)
+                ]),
+                _: 1
+              })
+            ]),
+            _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              disabled: !_ctx.enableYearArrow,
+              class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-right"]),
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.leftNextYear && _ctx.leftNextYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_right)
+                ]),
+                _: 1
+              })
+            ], 10, _hoisted_7)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", null, vue.toDisplayString(_ctx.leftLabel), 1)
+          ]),
+          vue.createVNode(_component_month_table, {
+            "selection-mode": "range",
+            date: _ctx.leftDate,
+            "min-date": _ctx.minDate,
+            "max-date": _ctx.maxDate,
+            "range-state": _ctx.rangeState,
+            "disabled-date": _ctx.disabledDate,
+            onChangerange: _ctx.handleChangeRange,
+            onPick: _ctx.handleRangePick,
+            onSelect: _ctx.onSelect
+          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
+        ]),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
+            _ctx.unlinkPanels ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              disabled: !_ctx.enableYearArrow,
+              class: vue.normalizeClass([{ "is-disabled": !_ctx.enableYearArrow }, "el-picker-panel__icon-btn d-arrow-left"]),
+              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.rightPrevYear && _ctx.rightPrevYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_left)
+                ]),
+                _: 1
+              })
+            ], 10, _hoisted_10)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "el-picker-panel__icon-btn d-arrow-right",
+              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.rightNextYear && _ctx.rightNextYear(...args))
+            }, [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_d_arrow_right)
+                ]),
+                _: 1
+              })
+            ]),
+            vue.createElementVNode("div", null, vue.toDisplayString(_ctx.rightLabel), 1)
+          ]),
+          vue.createVNode(_component_month_table, {
+            "selection-mode": "range",
+            date: _ctx.rightDate,
+            "min-date": _ctx.minDate,
+            "max-date": _ctx.maxDate,
+            "range-state": _ctx.rangeState,
+            "disabled-date": _ctx.disabledDate,
+            onChangerange: _ctx.handleChangeRange,
+            onPick: _ctx.handleRangePick,
+            onSelect: _ctx.onSelect
+          }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onPick", "onSelect"])
+        ])
+      ])
+    ])
+  ], 2);
+}
+
+exports.render = render;
+//# sourceMappingURL=panel-month-range.vue_vue_type_template_id_2e377892_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-month-range.vue_vue_type_template_id_2e377892_lang.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/panel-month-range.vue?vue&type=template&id=2e377892&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-picker-panel el-date-range-picker\"\n    :class=\"[\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n      },\n    ]\"\n  >\n    <div class=\"el-picker-panel__body-wrapper\">\n      <slot name=\"sidebar\" class=\"el-picker-panel__sidebar\"></slot>\n      <div v-if=\"hasShortcuts\" class=\"el-picker-panel__sidebar\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          class=\"el-picker-panel__shortcut\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div class=\"el-picker-panel__body\">\n        <div\n          class=\"el-picker-panel__content el-date-range-picker__content is-left\"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"leftPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\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            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          class=\"\n            el-picker-panel__content\n            el-date-range-picker__content\n            is-right\n          \"\n        >\n          <div class=\"el-date-range-picker__header\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow\"\n              :class=\"{ 'is-disabled': !enableYearArrow }\"\n              class=\"el-picker-panel__icon-btn d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <el-icon><d-arrow-left /></el-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"el-picker-panel__icon-btn d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <el-icon><d-arrow-right /></el-icon>\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            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, inject } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons'\nimport MonthTable from './basic-month-table.vue'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: { MonthTable, ElIcon, DArrowLeft, DArrowRight },\n\n  props: {\n    unlinkPanels: Boolean,\n    parsedValue: {\n      type: Array as PropType<Dayjs[]>,\n    },\n  },\n\n  emits: ['pick', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocaleInject()\n    const leftDate = ref(dayjs().locale(lang.value))\n    const rightDate = ref(dayjs().locale(lang.value).add(1, 'year'))\n\n    const hasShortcuts = computed(() => !!shortcuts.length)\n\n    const handleShortcutClick = (shortcut) => {\n      const shortcutValues =\n        typeof shortcut.value === 'function' ? shortcut.value() : shortcut.value\n      if (shortcutValues) {\n        ctx.emit('pick', [\n          dayjs(shortcutValues[0]).locale(lang.value),\n          dayjs(shortcutValues[1]).locale(lang.value),\n        ])\n        return\n      }\n      if (shortcut.onClick) {\n        shortcut.onClick(ctx)\n      }\n    }\n\n    const leftPrevYear = () => {\n      leftDate.value = leftDate.value.subtract(1, 'year')\n      if (!props.unlinkPanels) {\n        rightDate.value = rightDate.value.subtract(1, 'year')\n      }\n    }\n\n    const rightNextYear = () => {\n      if (!props.unlinkPanels) {\n        leftDate.value = leftDate.value.add(1, 'year')\n      }\n      rightDate.value = rightDate.value.add(1, 'year')\n    }\n\n    const leftNextYear = () => {\n      leftDate.value = leftDate.value.add(1, 'year')\n    }\n\n    const rightPrevYear = () => {\n      rightDate.value = rightDate.value.subtract(1, 'year')\n    }\n    const leftLabel = computed(() => {\n      return `${leftDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const rightLabel = computed(() => {\n      return `${rightDate.value.year()} ${t('el.datepicker.year')}`\n    })\n\n    const leftYear = computed(() => {\n      return leftDate.value.year()\n    })\n\n    const rightYear = computed(() => {\n      return rightDate.value.year() === leftDate.value.year()\n        ? leftDate.value.year() + 1\n        : rightDate.value.year()\n    })\n\n    const enableYearArrow = computed(() => {\n      return props.unlinkPanels && rightYear.value > leftYear.value + 1\n    })\n\n    const minDate = ref(null)\n    const maxDate = ref(null)\n\n    const rangeState = ref({\n      endDate: null,\n      selecting: false,\n    })\n\n    const handleChangeRange = (val) => {\n      rangeState.value = val\n    }\n\n    const handleRangePick = (val, 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      maxDate.value = maxDate_\n      minDate.value = minDate_\n\n      if (!close) return\n      handleConfirm()\n    }\n\n    const isValidValue = (value) => {\n      return (\n        Array.isArray(value) &&\n        value &&\n        value[0] &&\n        value[1] &&\n        value[0].valueOf() <= value[1].valueOf()\n      )\n    }\n\n    const handleConfirm = (visible = false) => {\n      if (isValidValue([minDate.value, maxDate.value])) {\n        ctx.emit('pick', [minDate.value, maxDate.value], visible)\n      }\n    }\n\n    const onSelect = (selecting) => {\n      rangeState.value.selecting = selecting\n      if (!selecting) {\n        rangeState.value.endDate = null\n      }\n    }\n\n    const formatToString = (value) => {\n      return value.map((_) => _.format(format))\n    }\n\n    const getDefaultValue = () => {\n      let start: Dayjs\n      if (Array.isArray(defaultValue)) {\n        const left = dayjs(defaultValue[0])\n        let right = dayjs(defaultValue[1])\n        if (!props.unlinkPanels) {\n          right = left.add(1, 'year')\n        }\n        return [left, right]\n      } else if (defaultValue) {\n        start = dayjs(defaultValue)\n      } else {\n        start = dayjs()\n      }\n      start = start.locale(lang.value)\n      return [start, start.add(1, 'year')]\n    }\n\n    // pickerBase.hub.emit('SetPickerOption', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const { shortcuts, disabledDate, format, defaultValue } = pickerBase.props\n\n    watch(\n      () => props.parsedValue,\n      (newVal) => {\n        if (newVal && newVal.length === 2) {\n          minDate.value = newVal[0]\n          maxDate.value = newVal[1]\n          leftDate.value = minDate.value\n          if (props.unlinkPanels && maxDate.value) {\n            const minDateYear = minDate.value.year()\n            const maxDateYear = maxDate.value.year()\n            rightDate.value =\n              minDateYear === maxDateYear\n                ? maxDate.value.add(1, 'year')\n                : maxDate.value\n          } else {\n            rightDate.value = leftDate.value.add(1, 'year')\n          }\n        } else {\n          const defaultArr = getDefaultValue()\n          leftDate.value = defaultArr[0]\n          rightDate.value = defaultArr[1]\n        }\n      },\n      { immediate: true }\n    )\n\n    return {\n      shortcuts,\n      disabledDate,\n      onSelect,\n      handleRangePick,\n      rangeState,\n      handleChangeRange,\n      minDate,\n      maxDate,\n      enableYearArrow,\n      leftLabel,\n      rightLabel,\n      leftNextYear,\n      leftPrevYear,\n      rightNextYear,\n      rightPrevYear,\n      t,\n      leftDate,\n      rightDate,\n      hasShortcuts,\n      handleShortcutClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode"],"mappings":";;;;;;qBASS,OAAM;;;EAEgB,OAAM;AAAA;;qBAW1B,OAAM;qBAEP,OAAM;qBAED,OAAM;;qBAiCX,OAAM;qBAMD,OAAM;;;;;;;0BAhEnBA;IACE,2BAAM;;;;;;IAONC,8BAAA;MACEC,yCAAqB,OAAM;AAAA,MAChB,sCAAXF,8BAAA;8BACEA,0DAC4B,iBAAlB,UAAU;kCADpBA;YAEG;AAAA,YACD,MAAK;AAAA,YACL,OAAM;AAAA,YACL,qBAAO,yBAAoB;AAAA,iCAEzB,SAAS;;;MAGhBC,8BAAA;QACEA,8BAAA;UAGEA,8BAAA;YACEA;cACE,MAAK;AAAA,cACL,OAAM;AAAA,cACL,gDAAO;;cAERE;qCAAS;kBAAAA,gBAAgB;AAAA;AAAA;;;YAGnB,sCADRH;;cAEE,MAAK;AAAA,cACJ,WAAW;cACX,6CAAyB,wBACpB;AAAA,cACL,gDAAO;;cAERG;qCAAS;kBAAAA,gBAAiB;AAAA;AAAA;;;YAE5BF,wDAAQ;;UAEVE;YACE,kBAAe;AAAA,YACd,MAAM;YACN,YAAU;YACV,YAAU;YACV,eAAa;YACb,iBAAe;YACf,eAAa;YACb,QAAM;YACN,UAAQ;;;QAGbF,8BAAA;UAOEA,8BAAA;YAEU,sCADRD;;cAEE,MAAK;AAAA,cACJ,WAAW;cACX,6CAAyB,wBACpB;AAAA,cACL,gDAAO;;cAERG;qCAAS;kBAAAA,gBAAgB;AAAA;AAAA;;;YAE3BF;cACE,MAAK;AAAA,cACL,OAAM;AAAA,cACL,gDAAO;;cAERE;qCAAS;kBAAAA,gBAAiB;AAAA;AAAA;;;YAE5BF,wDAAQ;;UAEVE;YACE,kBAAe;AAAA,YACd,MAAM;YACN,YAAU;YACV,YAAU;YACV,eAAa;YACb,iBAAe;YACf,eAAa;YACb,QAAM;YACN,UAAQ;;;;;;;;;;"}

package/lib/components/date-picker/src/date-picker.d.ts

@@ -142,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | Date | Date[];
     name: string | unknown[];
+    editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
     readonly: boolean;
@@ -149,7 +150,6 @@ declare const _default: import("vue").DefineComponent<{
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     validateEvent: boolean;
     clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    editable: boolean;
     rangeSeparator: string;
     isRange: boolean;
     shortcuts: unknown[];
@@ -176,6 +176,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | Date | Date[];
     name: string | unknown[];
+    editable: boolean;
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
     readonly: boolean;
@@ -183,7 +184,6 @@ declare const _default: import("vue").DefineComponent<{
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     validateEvent: boolean;
     clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    editable: boolean;
     rangeSeparator: string;
     isRange: boolean;
     shortcuts: unknown[];

package/lib/components/date-picker/src/date-picker.js

@@ -17,12 +17,12 @@ require('./date-picker-com/panel-date-pick.js');
 require('./date-picker-com/panel-date-range.js');
 require('./date-picker-com/panel-month-range.js');
 var datePicker_type = require('./date-picker.type.js');
-var panelDateRange_vue_vue_type_script_lang = require('./date-picker-com/panel-date-range.vue_vue&type=script&lang.js');
-var panelMonthRange_vue_vue_type_script_lang = require('./date-picker-com/panel-month-range.vue_vue&type=script&lang.js');
-var panelDatePick_vue_vue_type_script_lang = require('./date-picker-com/panel-date-pick.vue_vue&type=script&lang.js');
+var panelDateRange_vue_vue_type_script_lang = require('./date-picker-com/panel-date-range.vue_vue_type_script_lang.js');
+var panelMonthRange_vue_vue_type_script_lang = require('./date-picker-com/panel-month-range.vue_vue_type_script_lang.js');
+var panelDatePick_vue_vue_type_script_lang = require('./date-picker-com/panel-date-pick.vue_vue_type_script_lang.js');
 var props = require('../../time-picker/src/common/props.js');
 var constant = require('../../time-picker/src/common/constant.js');
-var picker_vue_vue_type_script_lang = require('../../time-picker/src/common/picker.vue_vue&type=script&lang.js');
+var picker_vue_vue_type_script_lang = require('../../time-picker/src/common/picker.vue_vue_type_script_lang.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -87,7 +87,8 @@ var DatePicker = vue.defineComponent({
         ref: commonPicker,
         "onUpdate:modelValue": (value) => ctx.emit("update:modelValue", value)
       }, {
-        default: (scopedProps) => vue.h(getPanel(props.type), scopedProps)
+        default: (scopedProps) => vue.h(getPanel(props.type), scopedProps),
+        "range-separator": () => vue.renderSlot(ctx.slots, "range-separator")
       });
     };
   }

package/lib/components/date-picker/src/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../../../../packages/components/date-picker/src/date-picker.ts"],"sourcesContent":["import { defineComponent, h, provide, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport localeData from 'dayjs/plugin/localeData'\nimport weekOfYear from 'dayjs/plugin/weekOfYear'\nimport weekYear from 'dayjs/plugin/weekYear'\nimport dayOfYear from 'dayjs/plugin/dayOfYear'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n  timePickerDefaultProps,\n} from '@element-plus/components/time-picker'\nimport DatePickPanel from './date-picker-com/panel-date-pick.vue'\nimport DateRangePickPanel from './date-picker-com/panel-date-range.vue'\nimport MonthRangePickPanel from './date-picker-com/panel-month-range.vue'\nimport { ROOT_PICKER_INJECTION_KEY } from './date-picker.type'\nimport type { PropType } from 'vue'\nimport type { IDatePickerType } from './date-picker.type'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nconst getPanel = function (type: IDatePickerType) {\n  if (type === 'daterange' || type === 'datetimerange') {\n    return DateRangePickPanel\n  } else if (type === 'monthrange') {\n    return MonthRangePickPanel\n  }\n  return DatePickPanel\n}\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: {\n    ...timePickerDefaultProps,\n    type: {\n      type: String as PropType<IDatePickerType>,\n      default: 'date',\n    },\n  },\n  emits: ['update:modelValue'],\n  setup(props, ctx) {\n    provide('ElPopperOptions', props.popperOptions)\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      ctx,\n    })\n    const commonPicker = ref(null)\n    const refProps = {\n      ...props,\n      focus: () => {\n        commonPicker.value?.handleFocus()\n      },\n    }\n    ctx.expose(refProps)\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n      return h(\n        CommonPicker,\n        {\n          ...props,\n          format,\n          type: props.type,\n          ref: commonPicker,\n          'onUpdate:modelValue': (value) =>\n            ctx.emit('update:modelValue', value),\n        },\n        {\n          default: (scopedProps) => h(getPanel(props.type), scopedProps),\n        }\n      )\n    }\n  },\n})\n"],"names":["dayjs","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","DateRangePickPanel","MonthRangePickPanel","DatePickPanel","defineComponent","timePickerDefaultProps","ROOT_PICKER_INJECTION_KEY","ref","DEFAULT_FORMATS_DATEPICKER","DEFAULT_FORMATS_DATE","h","CommonPicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBAA,0BAAM,OAAOC;AACbD,0BAAM,OAAOE;AACbF,0BAAM,OAAOG;AACbH,0BAAM,OAAOI;AACbJ,0BAAM,OAAOK;AACbL,0BAAM,OAAOM;AACbN,0BAAM,OAAOO;AACbP,0BAAM,OAAOQ;AAEb,MAAM,WAAW,SAAU,MAAuB;AAChD,MAAI,SAAS,eAAe,SAAS,iBAAiB;AACpD,WAAOC;AAAA,aACE,SAAS,cAAc;AAChC,WAAOC;AAAA;AAET,SAAOC;AAAA;AAGT,iBAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,OACFC;AAAA,IACH,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,KAAK;AAChB,gBAAQ,mBAAmB,MAAM;AACjC,gBAAQC,2CAA2B;AAAA,MACjC;AAAA;AAEF,UAAM,eAAeC,QAAI;AACzB,UAAM,WAAW;AAAA,SACZ;AAAA,MACH,OAAO,MAAM;AA5DnB;AA6DQ,2BAAa,UAAb,mBAAoB;AAAA;AAAA;AAGxB,QAAI,OAAO;AACX,WAAO,MAAM;AAjEjB;AAoEM,YAAM,SACJ,YAAM,WAAN,YACCC,oCAA2B,MAAM,SAASC;AAC7C,aAAOC,MACLC,4CACA;AAAA,WACK;AAAA,QACH;AAAA,QACA,MAAM,MAAM;AAAA,QACZ,KAAK;AAAA,QACL,uBAAuB,CAAC,UACtB,IAAI,KAAK,qBAAqB;AAAA,SAElC;AAAA,QACE,SAAS,CAAC,gBAAgBD,MAAE,SAAS,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"date-picker.js","sources":["../../../../../../packages/components/date-picker/src/date-picker.ts"],"sourcesContent":["import { defineComponent, h, provide, ref, renderSlot } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport localeData from 'dayjs/plugin/localeData'\nimport weekOfYear from 'dayjs/plugin/weekOfYear'\nimport weekYear from 'dayjs/plugin/weekYear'\nimport dayOfYear from 'dayjs/plugin/dayOfYear'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n  timePickerDefaultProps,\n} from '@element-plus/components/time-picker'\nimport DatePickPanel from './date-picker-com/panel-date-pick.vue'\nimport DateRangePickPanel from './date-picker-com/panel-date-range.vue'\nimport MonthRangePickPanel from './date-picker-com/panel-month-range.vue'\nimport { ROOT_PICKER_INJECTION_KEY } from './date-picker.type'\nimport type { PropType } from 'vue'\nimport type { IDatePickerType } from './date-picker.type'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nconst getPanel = function (type: IDatePickerType) {\n  if (type === 'daterange' || type === 'datetimerange') {\n    return DateRangePickPanel\n  } else if (type === 'monthrange') {\n    return MonthRangePickPanel\n  }\n  return DatePickPanel\n}\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: {\n    ...timePickerDefaultProps,\n    type: {\n      type: String as PropType<IDatePickerType>,\n      default: 'date',\n    },\n  },\n  emits: ['update:modelValue'],\n  setup(props, ctx) {\n    provide('ElPopperOptions', props.popperOptions)\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      ctx,\n    })\n    const commonPicker = ref(null)\n    const refProps = {\n      ...props,\n      focus: () => {\n        commonPicker.value?.handleFocus()\n      },\n    }\n    ctx.expose(refProps)\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n      return h(\n        CommonPicker,\n        {\n          ...props,\n          format,\n          type: props.type,\n          ref: commonPicker,\n          'onUpdate:modelValue': (value) =>\n            ctx.emit('update:modelValue', value),\n        },\n        {\n          default: (scopedProps) => h(getPanel(props.type), scopedProps),\n          'range-separator': () => renderSlot(ctx.slots, 'range-separator'),\n        }\n      )\n    }\n  },\n})\n"],"names":["dayjs","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","DateRangePickPanel","MonthRangePickPanel","DatePickPanel","defineComponent","timePickerDefaultProps","ROOT_PICKER_INJECTION_KEY","ref","DEFAULT_FORMATS_DATEPICKER","DEFAULT_FORMATS_DATE","h","CommonPicker","renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBAA,0BAAM,OAAOC;AACbD,0BAAM,OAAOE;AACbF,0BAAM,OAAOG;AACbH,0BAAM,OAAOI;AACbJ,0BAAM,OAAOK;AACbL,0BAAM,OAAOM;AACbN,0BAAM,OAAOO;AACbP,0BAAM,OAAOQ;AAEb,MAAM,WAAW,SAAU,MAAuB;AAChD,MAAI,SAAS,eAAe,SAAS,iBAAiB;AACpD,WAAOC;AAAA,aACE,SAAS,cAAc;AAChC,WAAOC;AAAA;AAET,SAAOC;AAAA;AAGT,iBAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,OACFC;AAAA,IACH,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,KAAK;AAChB,gBAAQ,mBAAmB,MAAM;AACjC,gBAAQC,2CAA2B;AAAA,MACjC;AAAA;AAEF,UAAM,eAAeC,QAAI;AACzB,UAAM,WAAW;AAAA,SACZ;AAAA,MACH,OAAO,MAAM;AA5DnB;AA6DQ,2BAAa,UAAb,mBAAoB;AAAA;AAAA;AAGxB,QAAI,OAAO;AACX,WAAO,MAAM;AAjEjB;AAoEM,YAAM,SACJ,YAAM,WAAN,YACCC,oCAA2B,MAAM,SAASC;AAC7C,aAAOC,MACLC,4CACA;AAAA,WACK;AAAA,QACH;AAAA,QACA,MAAM,MAAM;AAAA,QACZ,KAAK;AAAA,QACL,uBAAuB,CAAC,UACtB,IAAI,KAAK,qBAAqB;AAAA,SAElC;AAAA,QACE,SAAS,CAAC,gBAAgBD,MAAE,SAAS,MAAM,OAAO;AAAA,QAClD,mBAAmB,MAAME,eAAW,IAAI,OAAO;AAAA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/descriptions/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var withInstall = require('../../utils/with-install.js');
 require('./src/index.js');
 var descriptionItem = require('./src/description-item.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 
 const ElDescriptions = withInstall.withInstall(index_vue_vue_type_script_lang["default"], {
   DescriptionsItem: descriptionItem["default"]

package/lib/components/descriptions/src/descriptions-row.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var descriptionsRow_vue_vue_type_script_lang = require('./descriptions-row.vue_vue&type=script&lang.js');
-var descriptionsRow_vue_vue_type_template_id_29b1db72_lang = require('./descriptions-row.vue_vue&type=template&id=29b1db72&lang.js');
+var descriptionsRow_vue_vue_type_script_lang = require('./descriptions-row.vue_vue_type_script_lang.js');
+var descriptionsRow_vue_vue_type_template_id_29b1db72_lang = require('./descriptions-row.vue_vue_type_template_id_29b1db72_lang.js');
 
 descriptionsRow_vue_vue_type_script_lang["default"].render = descriptionsRow_vue_vue_type_template_id_29b1db72_lang.render;
 descriptionsRow_vue_vue_type_script_lang["default"].__file = "packages/components/descriptions/src/descriptions-row.vue";

package/lib/components/descriptions/src/descriptions-row.vue_vue_type_script_lang.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var descriptionsCell = require('./descriptions-cell.js');
+var token = require('./token.js');
+
+var script = vue.defineComponent({
+  name: "ElDescriptionsRow",
+  components: {
+    [descriptionsCell["default"].name]: descriptionsCell["default"]
+  },
+  props: {
+    row: {
+      type: Array
+    }
+  },
+  setup() {
+    const descriptions = vue.inject(token.elDescriptionsKey, {});
+    return {
+      descriptions
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=descriptions-row.vue_vue_type_script_lang.js.map

package/lib/components/descriptions/src/descriptions-row.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions-row.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue"],"sourcesContent":["<template>\n  <template v-if=\"descriptions.direction === 'vertical'\">\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr1-${index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n      </template>\n    </tr>\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr2-${index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n    </tr>\n  </template>\n  <tr v-else>\n    <template v-for=\"(cell, index) in row\" :key=\"`tr3-${index}`\">\n      <template v-if=\"descriptions.border\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n      <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n    </template>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue'\nimport DescriptionsCell from './descriptions-cell'\nimport { elDescriptionsKey } from './token'\n\nimport type { IDescriptionsInject } from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsRow',\n  components: {\n    [DescriptionsCell.name]: DescriptionsCell,\n  },\n  props: {\n    row: {\n      type: Array,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","DescriptionsCell","inject","elDescriptionsKey"],"mappings":";;;;;;;;AA+BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,4BAAiB,OAAOA;AAAA;AAAA,EAE3B,OAAO;AAAA,IACL,KAAK;AAAA,MACH,MAAM;AAAA;AAAA;AAAA,EAGV,QAAQ;AACN,UAAM,eAAeC,WAAOC,yBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/components/descriptions/src/descriptions-row.vue_vue_type_template_id_29b1db72_lang.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { key: 1 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
+  return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+    vue.createElementVNode("tr", null, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+        return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
+          key: `tr1-${index}`,
+          cell,
+          tag: "th",
+          type: "label"
+        }, null, 8, ["cell"]);
+      }), 128))
+    ]),
+    vue.createElementVNode("tr", null, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+        return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
+          key: `tr2-${index}`,
+          cell,
+          tag: "td",
+          type: "content"
+        }, null, 8, ["cell"]);
+      }), 128))
+    ])
+  ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        key: `tr3-${index}`
+      }, [
+        _ctx.descriptions.border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createVNode(_component_el_descriptions_cell, {
+            cell,
+            tag: "td",
+            type: "label"
+          }, null, 8, ["cell"]),
+          vue.createVNode(_component_el_descriptions_cell, {
+            cell,
+            tag: "td",
+            type: "content"
+          }, null, 8, ["cell"])
+        ], 64)) : (vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
+          key: 1,
+          cell,
+          tag: "td",
+          type: "both"
+        }, null, 8, ["cell"]))
+      ], 64);
+    }), 128))
+  ]));
+}
+
+exports.render = render;
+//# sourceMappingURL=descriptions-row.vue_vue_type_template_id_29b1db72_lang.js.map

package/lib/components/descriptions/src/descriptions-row.vue_vue_type_template_id_29b1db72_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions-row.vue_vue_type_template_id_29b1db72_lang.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue?vue&type=template&id=29b1db72&lang.js"],"sourcesContent":["<template>\n  <template v-if=\"descriptions.direction === 'vertical'\">\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr1-${index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n      </template>\n    </tr>\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr2-${index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n    </tr>\n  </template>\n  <tr v-else>\n    <template v-for=\"(cell, index) in row\" :key=\"`tr3-${index}`\">\n      <template v-if=\"descriptions.border\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n      <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n    </template>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue'\nimport DescriptionsCell from './descriptions-cell'\nimport { elDescriptionsKey } from './token'\n\nimport type { IDescriptionsInject } from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsRow',\n  components: {\n    [DescriptionsCell.name]: DescriptionsCell,\n  },\n  props: {\n    row: {\n      type: Array,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;SACkB,kBAAa,6CAA7BA;IACEC;4BACED,0DAAkC,WAAhB,MAAM;gCACtBE;sBADkD;AAAA,UAC3B;AAAA,UAAY,KAAI;AAAA,UAAK,MAAK;AAAA;;;IAGrDD;4BACED,0DAAkC,WAAhB,MAAM;gCACtBE;sBADkD;AAAA,UAC3B;AAAA,UAAY,KAAI;AAAA,UAAK,MAAK;AAAA;;;8BAIvDF;0BACEA,0DAAkC,WAAhB,MAAM;;oBAA4B;AAAA;QAClC,kBAAa,2BAA7BA;UACEG;YAAuB;AAAA,YAAY,KAAI;AAAA,YAAK,MAAK;AAAA;UACjDA;YAAuB;AAAA,YAAY,KAAI;AAAA,YAAK,MAAK;AAAA;oCAEnDD;;UAA8B;AAAA,UAAY,KAAI;AAAA,UAAK,MAAK;AAAA;;;;;;;;"}

package/lib/components/descriptions/src/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
-var index_vue_vue_type_template_id_788d3854_lang = require('./index.vue_vue&type=template&id=788d3854&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
+var index_vue_vue_type_template_id_788d3854_lang = require('./index.vue_vue_type_template_id_788d3854_lang.js');
 
 index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_788d3854_lang.render;
 index_vue_vue_type_script_lang["default"].__file = "packages/components/descriptions/src/index.vue";

package/lib/components/descriptions/src/index.vue_vue_type_script_lang.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../../utils/util.js');
+var validators = require('../../../utils/validators.js');
+require('./descriptions-row.js');
+var token = require('./token.js');
+var descriptionsRow_vue_vue_type_script_lang = require('./descriptions-row.vue_vue_type_script_lang.js');
+
+var script = vue.defineComponent({
+  name: "ElDescriptions",
+  components: {
+    [descriptionsRow_vue_vue_type_script_lang["default"].name]: descriptionsRow_vue_vue_type_script_lang["default"]
+  },
+  props: {
+    border: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: Number,
+      default: 3
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: String,
+      validator: validators.isValidComponentSize
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    extra: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, { slots }) {
+    vue.provide(token.elDescriptionsKey, props);
+    const $ELEMENT = util.useGlobalConfig();
+    const descriptionsSize = vue.computed(() => {
+      return props.size || $ELEMENT.size;
+    });
+    const flattedChildren = (children) => {
+      const temp = Array.isArray(children) ? children : [children];
+      const res = [];
+      temp.forEach((child) => {
+        if (Array.isArray(child.children)) {
+          res.push(...flattedChildren(child.children));
+        } else {
+          res.push(child);
+        }
+      });
+      return res;
+    };
+    const filledNode = (node, span, count, isLast = false) => {
+      if (!node.props) {
+        node.props = {};
+      }
+      if (span > count) {
+        node.props.span = count;
+      }
+      if (isLast) {
+        node.props.span = span;
+      }
+      return node;
+    };
+    const getRows = () => {
+      var _a;
+      const children = flattedChildren((_a = slots.default) == null ? void 0 : _a.call(slots)).filter((node) => {
+        var _a2;
+        return ((_a2 = node == null ? void 0 : node.type) == null ? void 0 : _a2.name) === "ElDescriptionsItem";
+      });
+      const rows = [];
+      let temp = [];
+      let count = props.column;
+      let totalSpan = 0;
+      children.forEach((node, index) => {
+        var _a2;
+        const span = ((_a2 = node.props) == null ? void 0 : _a2.span) || 1;
+        if (index < children.length - 1) {
+          totalSpan += span > count ? count : span;
+        }
+        if (index === children.length - 1) {
+          const lastSpan = props.column - totalSpan % props.column;
+          temp.push(filledNode(node, lastSpan, count, true));
+          rows.push(temp);
+          return;
+        }
+        if (span < count) {
+          count -= span;
+          temp.push(node);
+        } else {
+          temp.push(filledNode(node, span, count));
+          rows.push(temp);
+          count = props.column;
+          temp = [];
+        }
+      });
+      return rows;
+    };
+    return {
+      descriptionsSize,
+      getRows
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

package/lib/components/descriptions/src/index.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/descriptions/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-descriptions\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      class=\"el-descriptions__header\"\n    >\n      <div class=\"el-descriptions__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div class=\"el-descriptions__extra\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div class=\"el-descriptions__body\">\n      <table\n        :class=\"[\n          'el-descriptions__table',\n          { 'is-bordered': border },\n          descriptionsSize ? `el-descriptions--${descriptionsSize}` : '',\n        ]\"\n      >\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { useGlobalConfig } from '@element-plus/utils/util'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const $ELEMENT = useGlobalConfig()\n    const descriptionsSize = computed(() => {\n      return props.size || $ELEMENT.size\n    })\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionsSize,\n      getRows,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","DescriptionsRow","isValidComponentSize","elDescriptionsKey","useGlobalConfig","computed"],"mappings":";;;;;;;;;;;AA0CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,oDAAgB,OAAOA;AAAA;AAAA,EAE1B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA,IAEb,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO,EAAE,SAAS;AACtB,gBAAQC,yBAAmB;AAE3B,UAAM,WAAWC;AACjB,UAAM,mBAAmBC,aAAS,MAAM;AACtC,aAAO,MAAM,QAAQ,SAAS;AAAA;AAGhC,UAAM,kBAAkB,CAAC,aAAa;AACpC,YAAM,OAAO,MAAM,QAAQ,YAAY,WAAW,CAAC;AACnD,YAAM,MAAM;AACZ,WAAK,QAAQ,CAAC,UAAU;AACtB,YAAI,MAAM,QAAQ,MAAM,WAAW;AACjC,cAAI,KAAK,GAAG,gBAAgB,MAAM;AAAA,eAC7B;AACL,cAAI,KAAK;AAAA;AAAA;AAGb,aAAO;AAAA;AAGT,UAAM,aAAa,CAAC,MAAM,MAAM,OAAO,SAAS,UAAU;AACxD,UAAI,CAAC,KAAK,OAAO;AACf,aAAK,QAAQ;AAAA;AAEf,UAAI,OAAO,OAAO;AAChB,aAAK,MAAM,OAAO;AAAA;AAEpB,UAAI,QAAQ;AAEV,aAAK,MAAM,OAAO;AAAA;AAEpB,aAAO;AAAA;AAGT,UAAM,UAAU,MAAM;;AACpB,YAAM,WAAW,gBAAgB,YAAM,YAAN,gCAAmB,OAClD,CAAC,SAAM;;AAAG,oDAAM,SAAN,oBAAY,UAAS;AAAA;AAEjC,YAAM,OAAO;AACb,UAAI,OAAO;AACX,UAAI,QAAQ,MAAM;AAClB,UAAI,YAAY;AAEhB,eAAS,QAAQ,CAAC,MAAM,UAAU;;AAChC,cAAM,OAAO,aAAK,UAAL,oBAAY,SAAQ;AAEjC,YAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,uBAAa,OAAO,QAAQ,QAAQ;AAAA;AAGtC,YAAI,UAAU,SAAS,SAAS,GAAG;AAEjC,gBAAM,WAAW,MAAM,SAAU,YAAY,MAAM;AACnD,eAAK,KAAK,WAAW,MAAM,UAAU,OAAO;AAC5C,eAAK,KAAK;AACV;AAAA;AAGF,YAAI,OAAO,OAAO;AAChB,mBAAS;AACT,eAAK,KAAK;AAAA,eACL;AACL,eAAK,KAAK,WAAW,MAAM,MAAM;AACjC,eAAK,KAAK;AACV,kBAAQ,MAAM;AACd,iBAAO;AAAA;AAAA;AAIX,aAAO;AAAA;AAGT,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/descriptions/src/index.vue_vue_type_template_id_788d3854_lang.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-descriptions" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-descriptions__header"
+};
+const _hoisted_3 = { class: "el-descriptions__title" };
+const _hoisted_4 = { class: "el-descriptions__extra" };
+const _hoisted_5 = { class: "el-descriptions__body" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+      vue.createElementVNode("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "title", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+        ])
+      ]),
+      vue.createElementVNode("div", _hoisted_4, [
+        vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
+        ])
+      ])
+    ])) : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", _hoisted_5, [
+      vue.createElementVNode("table", {
+        class: vue.normalizeClass([
+          "el-descriptions__table",
+          { "is-bordered": _ctx.border },
+          _ctx.descriptionsSize ? `el-descriptions--${_ctx.descriptionsSize}` : ""
+        ])
+      }, [
+        vue.createElementVNode("tbody", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getRows(), (row, index) => {
+            return vue.openBlock(), vue.createBlock(_component_el_descriptions_row, {
+              key: index,
+              row
+            }, null, 8, ["row"]);
+          }), 128))
+        ])
+      ], 2)
+    ])
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=index.vue_vue_type_template_id_788d3854_lang.js.map

package/lib/components/descriptions/src/index.vue_vue_type_template_id_788d3854_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_template_id_788d3854_lang.js","sources":["../../../../../../packages/components/descriptions/src/index.vue?vue&type=template&id=788d3854&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-descriptions\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      class=\"el-descriptions__header\"\n    >\n      <div class=\"el-descriptions__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div class=\"el-descriptions__extra\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div class=\"el-descriptions__body\">\n      <table\n        :class=\"[\n          'el-descriptions__table',\n          { 'is-bordered': border },\n          descriptionsSize ? `el-descriptions--${descriptionsSize}` : '',\n        ]\"\n      >\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { useGlobalConfig } from '@element-plus/utils/util'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const $ELEMENT = useGlobalConfig()\n    const descriptionsSize = computed(() => {\n      return props.size || $ELEMENT.size\n    })\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionsSize,\n      getRows,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;;;;;qBACO,OAAM;;;EAGP,OAAM;AAAA;qBAED,OAAM;qBAGN,OAAM;qBAKR,OAAM;;;0BAbbA,8BAAA;IAEU,cAAS,cAAS,YAAO,SAAS,YAAO,0BADjDA,8BAAA;MAIEC,8BAAA;QACEC,yCAAA;kDAAsB;;;MAExBD,8BAAA;QACEC,yCAAA;kDAAsB;;;;IAI1BD,8BAAA;MACEA;QACG;;;;;;QAMDA;gCACED,0DAAiC,iBAAf,KAAK;oCACrBG;mBADgD;AAAA,cAC1B;AAAA;;;;;;;;;;"}

package/lib/components/dialog/index.d.ts

@@ -77,8 +77,8 @@ export declare const ElDialog: import("../../utils/types").SFCWithInstall<import
     openDelay: number;
     closeDelay: number;
 } & {
-    zIndex?: number | undefined;
     top?: string | undefined;
+    zIndex?: number | undefined;
     width?: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     beforeClose?: ((...args: any[]) => void) | undefined;
     modalClass?: string | undefined;
@@ -90,8 +90,8 @@ export declare const ElDialog: import("../../utils/types").SFCWithInstall<import
     onClosed?: (() => any) | undefined;
 }, {
     title: string;
-    zIndex: number;
     top: string;
+    zIndex: number;
     width: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/lib/components/dialog/index.js

@@ -6,7 +6,7 @@ var withInstall = require('../../utils/with-install.js');
 require('./src/dialog2.js');
 var useDialog = require('./src/use-dialog.js');
 var dialog = require('./src/dialog.js');
-var dialog_vue_vue_type_script_lang = require('./src/dialog.vue_vue&type=script&lang.js');
+var dialog_vue_vue_type_script_lang = require('./src/dialog.vue_vue_type_script_lang.js');
 
 const ElDialog = withInstall.withInstall(dialog_vue_vue_type_script_lang["default"]);
 

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

@@ -77,8 +77,8 @@ declare const _default: import("vue").DefineComponent<{
     openDelay: number;
     closeDelay: number;
 } & {
-    zIndex?: number | undefined;
     top?: string | undefined;
+    zIndex?: number | undefined;
     width?: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     beforeClose?: ((...args: any[]) => void) | undefined;
     modalClass?: string | undefined;
@@ -90,8 +90,8 @@ declare const _default: import("vue").DefineComponent<{
     onClosed?: (() => any) | undefined;
 }, {
     title: string;
-    zIndex: number;
     top: string;
+    zIndex: number;
     width: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;