@element-plus/nightly 0.0.20220525 → 0.0.20220528

package/lib/components/date-picker/src/date-picker-com/basic-year-table2.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-year-table2.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-year-table.vue"],"sourcesContent":["<template>\n  <table\n    role=\"grid\"\n    :aria-label=\"t('el.datepicker.yearTablePrompt')\"\n    class=\"el-year-table\"\n    @click=\"handleYearTableClick\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr v-for=\"(_, i) in 3\" :key=\"i\">\n        <template v-for=\"(__, j) in 4\" :key=\"i + '_' + j\">\n          <td\n            v-if=\"i * 4 + j < 10\"\n            :ref=\"\n              (el) =>\n                isSelectedCell(startYear + i * 4 + j) && (currentCellRef = el as HTMLElement)\n            \"\n            class=\"available\"\n            :class=\"getCellStyle(startYear + i * 4 + j)\"\n            :aria-selected=\"`${isSelectedCell(startYear + i * 4 + j)}`\"\n            :tabindex=\"isSelectedCell(startYear + i * 4 + j) ? 0 : -1\"\n            @keydown.space.prevent.stop=\"handleYearTableClick\"\n            @keydown.enter.prevent.stop=\"handleYearTableClick\"\n          >\n            <span class=\"cell\">{{ startYear + i * 4 + j }}</span>\n          </td>\n          <td v-else />\n        </template>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, ref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { castArray, hasClass } from '@element-plus/utils'\nimport { basicYearTableProps } from '../props/basic-year-table'\n\nconst datesInYear = (year: number, lang: string) => {\n  const firstDay = dayjs(String(year)).locale(lang).startOf('year')\n  const lastDay = firstDay.endOf('year')\n  const numOfDays = lastDay.dayOfYear()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport default defineComponent({\n  props: basicYearTableProps,\n\n  emits: ['pick'],\n  expose: ['focus'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const tbodyRef = ref<HTMLElement>()\n    const currentCellRef = ref<HTMLElement>()\n    const startYear = computed(() => {\n      return Math.floor(props.date.year() / 10) * 10\n    })\n\n    watch(\n      () => props.date,\n      async () => {\n        if (tbodyRef.value?.contains(document.activeElement)) {\n          await nextTick()\n          currentCellRef.value?.focus()\n        }\n      }\n    )\n\n    const focus = () => {\n      currentCellRef.value?.focus()\n    }\n\n    const getCellStyle = (year: number) => {\n      const style: Record<string, boolean> = {}\n      const today = dayjs().locale(lang.value)\n\n      style.disabled = props.disabledDate\n        ? datesInYear(year, lang.value).every(props.disabledDate)\n        : false\n\n      style.current =\n        castArray(props.parsedValue).findIndex((_) => _.year() === year) >= 0\n\n      style.today = today.year() === year\n\n      return style\n    }\n\n    const isSelectedCell = (year: number) => {\n      return (\n        (year === startYear.value &&\n          props.date.year() < startYear.value &&\n          props.date.year() > startYear.value + 9) ||\n        castArray(props.date).findIndex((date) => date.year() === year) >= 0\n      )\n    }\n\n    const handleYearTableClick = (event: MouseEvent | KeyboardEvent) => {\n      const clickTarget = event.target as HTMLDivElement\n      const target = clickTarget.closest('td')\n      if (target) {\n        if (hasClass((target as any).parentNode, 'disabled')) return\n        const year = target.textContent || target.innerText\n        ctx.emit('pick', Number(year))\n      }\n    }\n    return {\n      t,\n      tbodyRef,\n      currentCellRef,\n      startYear,\n      focus,\n      isSelectedCell,\n      getCellStyle,\n      handleYearTableClick,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","basicYearTableProps","useLocale","ref","computed","watch","nextTick","castArray","hasClass","_createElementBlock","_openBlock","_Fragment","_renderList","_normalizeClass","_withKeys","_withModifiers","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,WAAA,GAAc,CAAC,IAAA,EAAc,IAAiB,KAAA;AAClD,EAAM,MAAA,QAAA,GAAWA,yBAAM,CAAA,MAAA,CAAO,IAAI,CAAC,EAAE,MAAO,CAAA,IAAI,CAAE,CAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAChE,EAAM,MAAA,OAAA,GAAU,QAAS,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AACrC,EAAM,MAAA,SAAA,GAAY,QAAQ,SAAU,EAAA,CAAA;AACpC,EAAA,OAAOC,kBAAS,CAAA,SAAS,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,KAAM,QAAS,CAAA,GAAA,CAAI,CAAG,EAAA,KAAK,CAAE,CAAA,MAAA,EAAQ,CAAA,CAAA;AACvE,CAAA,CAAA;AAEA,MAAK,YAAaC,mBAAa,CAAA;AAAA,EAC7B,KAAO,EAAAC,kCAAA;AAAA,EAEP,KAAA,EAAO,CAAC,MAAM,CAAA;AAAA,EACd,MAAA,EAAQ,CAAC,OAAO,CAAA;AAAA,EAEhB,KAAA,CAAM,OAAO,GAAK,EAAA;AAChB,IAAM,MAAA,EAAE,CAAG,EAAA,IAAA,EAAA,GAASC,eAAU,EAAA,CAAA;AAC9B,IAAA,MAAM,WAAWC,OAAiB,EAAA,CAAA;AAClC,IAAA,MAAM,iBAAiBA,OAAiB,EAAA,CAAA;AACxC,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAA,OAAO,KAAK,KAAM,CAAA,KAAA,CAAM,KAAK,IAAK,EAAA,GAAI,EAAE,CAAI,GAAA,EAAA,CAAA;AAAA,KAC7C,CAAA,CAAA;AAED,IACEC,SAAA,CAAA,MAAM,KAAM,CAAA,IAAA,EACZ,YAAY;AACV,MAAA,IAAI,EAAS,EAAA,EAAA,CAAA;AACX,MAAA,IAAA,CAAA,EAAA,GAAe,QAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA,QAAA,CAAA,aAAA,CAAA,EAAA;AACf,QAAA,MAAAC,YAAA;AAA4B,QAC9B,CAAA,EAAA,GAAA,cAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAAA,OAEJ;AAEA,KAAA,CAAA,CAAA;AACE,IAAA,MAAA,KAAA,GAAA;AAA4B,MAC9B,IAAA,EAAA,CAAA;AAEA,MAAM,CAAA,EAAA,GAAA,cAAgB,CAAiB,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AACrC,KAAA,CAAA;AACA,IAAA,MAAA,YAAc,GAAA,CAAM,IAAE,KAAO;AAE7B,MAAM,MAAA,KAAA,GAAA,EAAA,CAAW;AAIjB,MAAA,MAAM,KACJ,GAAAR,yBAAA,EAAA,CAAA,MAAgB,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAElB,MAAM,KAAA,CAAA,QAAQ,GAAM,KAAA,CAAA,YAAW,GAAA,WAAA,CAAA,IAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,YAAA,CAAA,GAAA,KAAA,CAAA;AAE/B,MAAO,KAAA,CAAA,OAAA,GAAAS,gBAAA,CAAA,KAAA,CAAA,WAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,IAAA,EAAA,KAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AAAA,MACT,KAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,EAAA,KAAA,IAAA,CAAA;AAEA,MAAM,OAAA,KAAA,CAAA;AACJ,KACG,CAAA;AAGkE,IAEvE,MAAA,cAAA,GAAA,CAAA,IAAA,KAAA;AAEA,MAAM,OAAA,IAAA,KAAA,SAAA,CAAA,KAA8D,IAAA,KAAA,CAAA,IAAA,CAAA,IAAA,EAAA,GAAA,SAAA,CAAA,KAAA,IAAA,KAAA,CAAA,IAAA,CAAA,IAAA,EAAA,GAAA,SAAA,CAAA,KAAA,GAAA,CAAA,IAAAA,gBAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,SAAA,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,IAAA,EAAA,KAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AAClE,KAAA,CAAA;AACA,IAAM,MAAA,oBAAqB,GAAA,CAAA,KAAA,KAAY;AACvC,MAAA,MAAY,WAAA,GAAA,KAAA,CAAA,MAAA,CAAA;AACV,MAAI,MAAA,MAAA,GAAU,WAAe,CAAA,OAAY,CAAU,IAAA,CAAA,CAAA;AAAG,MAAA,IAAA,MAAA,EAAA;AACtD,QAAM,IAAAC,cAAA,CAAO,MAAO,CAAA,UAAA,EAAA,UAAsB,CAAA;AAC1C,UAAA,OAAS;AAAoB,QAC/B,MAAA,IAAA,GAAA,MAAA,CAAA,WAAA,IAAA,MAAA,CAAA,SAAA,CAAA;AAAA,QACF,GAAA,CAAA,IAAA,CAAA,MAAA,EAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AACA,OAAO;AAAA,KACL,CAAA;AAAA,IACA,OAAA;AAAA,MACA,CAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACF,YAAA;AAAA,MACF,oBAAA;AACF,KAAC,CAAA;;;;AAjGiB,MAAA,UAAA,GAAA,EAAA,GAAA,EAAA,UAAY,EAAA,CAAA;;;wBAMpB,EAAA,CAAA,EAAA,CAAA;AAAA,SA3BD,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AAAA,EAAA,oBACS,EAAA,EAAAC,sBAAA,CAAA,OAAA,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACL,YAAO,EAAA,IAAA,CAAA,CAAA,CAAA,+BAAA,CAAA;AAAA,IAAA,KAAA,EAAA,eAAA;AAER,IAAA,OAAA,EAAA,MAAA,CAAA,CAAA,CAAA,WAAA,CAqBQ,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,oBAAA,IAAA,IAAA,CAAA,oBAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,GAAA,EAAA;0BADD,CAAA,OAAA,EAAA,UAnBoB;AAAM,OAAAC,aAAA,EAAA,EAAAD,sBAkBlB,CAAAE,YAAA,EAAA,IAAA,EAAAC,cAAA,CAAA,CAAA,EAAA,CAjBiB,CAAC,EAAA,CAAX,KAAK;;AAAc,WAAAF,aAAA,EAAC,EAASD,sBAAA,CAAAE,YAAA,EAAA,IAAA,EAAAC,cAAA,CAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,KAAA;AAAA,YAAA,OAAAF,aAAA,EAAA,EAAAD,sBAAA,CAAAE,YAAA,EAAA;cAErC,GAAC,EAAA,CAAA,GAAQ,GAAA,GAAA,CAAA;AAaZ,aAAA,EAAA;;AAZF,gBAAA,GAAA,EAAA,CAAqB;AAAkF,gBAIxG,OAAK,EAAC,IAAA;AACoC,gBACzC,iBAAa,CAAK,cAAA,CAAA,IAAA,CAAA,SAA2B,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,KAAQ,IAAC,CAAA,cAAA,GAAA,EAAA,CAAA;AAAA,gBACtD,KAAU,EAAAE,kBAAA,CAAA,CAAA,WAA2B,EAAA,IAAA,CAAA,aAAQ,IAAC,CAAA,SAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAC9C,eAAO,EAAA,CAAA,EAAA,IAAA,CAAA,cAAA,CAAA,IAAA,CAAA,SAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,QAAA,EAAA,IAAA,CAAA,cAAA,CAAA,IAAA,CAAA,SAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAqB;AAAoB,gBAAA,SAAA,EAAA;AACA,kBAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,YAAA,CAAAC,iBAAA,CAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,oBAAA,IAAA,IAAA,CAAA,oBAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AAEjD,iBAAA;AAA2C,eAAA,EAAA;AAEhC,gBAAAC,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,IAAA,CAAA,SAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"basic-year-table2.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-year-table.vue"],"sourcesContent":["<template>\n  <table\n    role=\"grid\"\n    :aria-label=\"t('el.datepicker.yearTablePrompt')\"\n    :class=\"ns.b()\"\n    @click=\"handleYearTableClick\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr v-for=\"(_, i) in 3\" :key=\"i\">\n        <template v-for=\"(__, j) in 4\" :key=\"i + '_' + j\">\n          <td\n            v-if=\"i * 4 + j < 10\"\n            :ref=\"\n              (el) =>\n                isSelectedCell(startYear + i * 4 + j) && (currentCellRef = el as HTMLElement)\n            \"\n            class=\"available\"\n            :class=\"getCellStyle(startYear + i * 4 + j)\"\n            :aria-selected=\"`${isSelectedCell(startYear + i * 4 + j)}`\"\n            :tabindex=\"isSelectedCell(startYear + i * 4 + j) ? 0 : -1\"\n            @keydown.space.prevent.stop=\"handleYearTableClick\"\n            @keydown.enter.prevent.stop=\"handleYearTableClick\"\n          >\n            <span class=\"cell\">{{ startYear + i * 4 + j }}</span>\n          </td>\n          <td v-else />\n        </template>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, ref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { castArray, hasClass } from '@element-plus/utils'\nimport { basicYearTableProps } from '../props/basic-year-table'\n\nconst datesInYear = (year: number, lang: string) => {\n  const firstDay = dayjs(String(year)).locale(lang).startOf('year')\n  const lastDay = firstDay.endOf('year')\n  const numOfDays = lastDay.dayOfYear()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport default defineComponent({\n  props: basicYearTableProps,\n\n  emits: ['pick'],\n  expose: ['focus'],\n\n  setup(props, ctx) {\n    const ns = useNamespace('year-table')\n\n    const { t, lang } = useLocale()\n    const tbodyRef = ref<HTMLElement>()\n    const currentCellRef = ref<HTMLElement>()\n    const startYear = computed(() => {\n      return Math.floor(props.date.year() / 10) * 10\n    })\n\n    watch(\n      () => props.date,\n      async () => {\n        if (tbodyRef.value?.contains(document.activeElement)) {\n          await nextTick()\n          currentCellRef.value?.focus()\n        }\n      }\n    )\n\n    const focus = () => {\n      currentCellRef.value?.focus()\n    }\n\n    const getCellStyle = (year: number) => {\n      const style: Record<string, boolean> = {}\n      const today = dayjs().locale(lang.value)\n\n      style.disabled = props.disabledDate\n        ? datesInYear(year, lang.value).every(props.disabledDate)\n        : false\n\n      style.current =\n        castArray(props.parsedValue).findIndex((_) => _.year() === year) >= 0\n\n      style.today = today.year() === year\n\n      return style\n    }\n\n    const isSelectedCell = (year: number) => {\n      return (\n        (year === startYear.value &&\n          props.date.year() < startYear.value &&\n          props.date.year() > startYear.value + 9) ||\n        castArray(props.date).findIndex((date) => date.year() === year) >= 0\n      )\n    }\n\n    const handleYearTableClick = (event: MouseEvent | KeyboardEvent) => {\n      const clickTarget = event.target as HTMLDivElement\n      const target = clickTarget.closest('td')\n      if (target) {\n        if (hasClass((target as any).parentNode, 'disabled')) return\n        const year = target.textContent || target.innerText\n        ctx.emit('pick', Number(year))\n      }\n    }\n    return {\n      ns,\n      t,\n      tbodyRef,\n      currentCellRef,\n      startYear,\n      focus,\n      isSelectedCell,\n      getCellStyle,\n      handleYearTableClick,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","rangeArr","defineComponent","basicYearTableProps","useNamespace","useLocale","ref","computed","watch","nextTick","castArray","hasClass","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_withKeys","_withModifiers","_createElementVNode","_toDisplayString"],"mappings":"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"}

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

@@ -14,14 +14,15 @@ require('../../../../utils/index2.js');
 require('../../../../constants/index2.js');
 var iconsVue = require('@element-plus/icons-vue');
 require('../../../tooltip/index2.js');
+var panelDatePick = require('../props/panel-date-pick2.js');
 var basicDateTable = require('./basic-date-table2.js');
 var basicMonthTable = require('./basic-month-table2.js');
 var basicYearTable = require('./basic-year-table2.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var panelTimePick = require('../../../time-picker/src/time-picker-com/panel-time-pick2.js');
 var index$3 = require('../../../../directives/click-outside/index2.js');
-var validator = require('../../../../utils/vue/validator2.js');
-var index$4 = require('../../../../hooks/use-locale/index2.js');
+var index$4 = require('../../../../hooks/use-namespace/index2.js');
+var index$5 = require('../../../../hooks/use-locale/index2.js');
 var tokens = require('../../../tooltip/src/tokens2.js');
 var dateUtils = require('../../../time-picker/src/common/date-utils2.js');
 var aria = require('../../../../constants/aria2.js');
@@ -47,27 +48,12 @@ const _sfc_main = vue.defineComponent({
     ArrowRight: iconsVue.ArrowRight
   },
   directives: { clickoutside: index$3["default"] },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    parsedValue: {
-      type: [Object, Array]
-    },
-    format: {
-      type: String,
-      default: ""
-    },
-    type: {
-      type: String,
-      required: true,
-      validator: validator.isValidDatePickType
-    }
-  },
+  props: panelDatePick.panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
   setup(props, ctx) {
-    const { t, lang } = index$4.useLocale();
+    const ppNs = index$4.useNamespace("picker-panel");
+    const dpNs = index$4.useNamespace("date-picker");
+    const { t, lang } = index$5.useLocale();
     const pickerBase = vue.inject("EP_PICKER_BASE");
     const popper = vue.inject(tokens.TOOLTIP_INJECTION_KEY);
     const {
@@ -442,6 +428,8 @@ const _sfc_main = vue.defineComponent({
       }
     }, { immediate: true });
     return {
+      ppNs,
+      dpNs,
       currentViewRef,
       handleTimePick,
       handleTimePickClose,
@@ -483,26 +471,11 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-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 = {
-  key: 0,
-  class: "el-date-picker__time-header"
-};
-const _hoisted_6 = { class: "el-date-picker__editor-wrap" };
-const _hoisted_7 = { class: "el-date-picker__editor-wrap" };
-const _hoisted_8 = { class: "el-date-picker__prev-btn" };
-const _hoisted_9 = ["aria-label"];
-const _hoisted_10 = ["aria-label"];
-const _hoisted_11 = { class: "el-date-picker__next-btn" };
-const _hoisted_12 = ["aria-label"];
-const _hoisted_13 = ["aria-label"];
-const _hoisted_14 = { class: "el-picker-panel__footer" };
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = ["aria-label"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_input = vue.resolveComponent("el-input");
   const _component_time_pick_panel = vue.resolveComponent("time-pick-panel");
@@ -517,28 +490,44 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = vue.resolveComponent("el-button");
   const _directive_clickoutside = vue.resolveDirective("clickoutside");
   return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["el-picker-panel el-date-picker", [
+    class: vue.normalizeClass([
+      _ctx.ppNs.b(),
+      _ctx.dpNs.b(),
       {
         "has-sidebar": _ctx.$slots.sidebar || _ctx.hasShortcuts,
         "has-time": _ctx.showTime
       }
-    ]])
+    ])
   }, [
-    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.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.ppNs.e("body-wrapper"))
+    }, [
+      vue.renderSlot(_ctx.$slots, "sidebar", {
+        class: vue.normalizeClass(_ctx.ppNs.e("sidebar"))
+      }),
+      _ctx.hasShortcuts ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass(_ctx.ppNs.e("sidebar"))
+      }, [
         (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",
+            class: vue.normalizeClass(_ctx.ppNs.e("shortcut")),
             onClick: ($event) => _ctx.handleShortcutClick(shortcut)
-          }, vue.toDisplayString(shortcut.text), 9, _hoisted_3);
+          }, vue.toDisplayString(shortcut.text), 11, _hoisted_1);
         }), 128))
-      ])) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", _hoisted_4, [
-        _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-          vue.createElementVNode("span", _hoisted_6, [
+      ], 2)) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ppNs.e("body"))
+      }, [
+        _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(_ctx.dpNs.e("time-header"))
+        }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(_ctx.dpNs.e("editor-wrap"))
+          }, [
             vue.createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectDate"),
               "model-value": _ctx.visibleDate,
@@ -546,8 +535,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onInput: _cache[0] || (_cache[0] = (val) => _ctx.userInputDate = val),
               onChange: _ctx.handleVisibleDateChange
             }, null, 8, ["placeholder", "model-value", "onChange"])
-          ]),
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
+          ], 2),
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass(_ctx.dpNs.e("editor-wrap"))
+          }, [
             vue.createVNode(_component_el_input, {
               placeholder: _ctx.t("el.datepicker.selectTime"),
               "model-value": _ctx.visibleTime,
@@ -563,20 +554,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "parsed-value": _ctx.innerDate,
               onPick: _ctx.handleTimePick
             }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value", "onPick"])
-          ])), [
+          ], 2)), [
             [_directive_clickoutside, _ctx.handleTimePickClose]
           ])
-        ])) : vue.createCommentVNode("v-if", true),
+        ], 2)) : vue.createCommentVNode("v-if", true),
         vue.withDirectives(vue.createElementVNode("div", {
-          class: vue.normalizeClass(["el-date-picker__header", {
-            "el-date-picker__header--bordered": _ctx.currentView === "year" || _ctx.currentView === "month"
-          }])
+          class: vue.normalizeClass([
+            _ctx.dpNs.e("header"),
+            (_ctx.currentView === "year" || _ctx.currentView === "month") && _ctx.dpNs.e("header--bordered")
+          ])
         }, [
-          vue.createElementVNode("span", _hoisted_8, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(_ctx.dpNs.e("prev-btn"))
+          }, [
             vue.createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.prevYear`),
-              class: "el-picker-panel__icon-btn d-arrow-left",
+              class: vue.normalizeClass(["d-arrow-left", _ctx.ppNs.e("icon-btn")]),
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.prevYear_ && _ctx.prevYear_(...args))
             }, [
               vue.createVNode(_component_el_icon, null, {
@@ -585,11 +579,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_9),
+            ], 10, _hoisted_2),
             vue.withDirectives(vue.createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.prevMonth`),
-              class: "el-picker-panel__icon-btn arrow-left",
+              class: vue.normalizeClass([_ctx.ppNs.e("icon-btn"), "arrow-left"]),
               onClick: _cache[3] || (_cache[3] = (...args) => _ctx.prevMonth_ && _ctx.prevMonth_(...args))
             }, [
               vue.createVNode(_component_el_icon, null, {
@@ -598,33 +592,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_10), [
+            ], 10, _hoisted_3), [
               [vue.vShow, _ctx.currentView === "date"]
             ])
-          ]),
+          ], 2),
           vue.createElementVNode("span", {
             role: "button",
-            class: "el-date-picker__header-label",
+            class: vue.normalizeClass(_ctx.dpNs.e("header-label")),
             "aria-live": "polite",
             tabindex: "0",
             onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => _ctx.showYearPicker && _ctx.showYearPicker(...args), ["enter"])),
             onClick: _cache[5] || (_cache[5] = (...args) => _ctx.showYearPicker && _ctx.showYearPicker(...args))
-          }, vue.toDisplayString(_ctx.yearLabel), 33),
+          }, vue.toDisplayString(_ctx.yearLabel), 35),
           vue.withDirectives(vue.createElementVNode("span", {
             role: "button",
-            class: vue.normalizeClass(["el-date-picker__header-label", { active: _ctx.currentView === "month" }]),
             "aria-live": "polite",
             tabindex: "0",
+            class: vue.normalizeClass([
+              _ctx.dpNs.e("header-label"),
+              { active: _ctx.currentView === "month" }
+            ]),
             onKeydown: _cache[6] || (_cache[6] = vue.withKeys((...args) => _ctx.showMonthPicker && _ctx.showMonthPicker(...args), ["enter"])),
             onClick: _cache[7] || (_cache[7] = (...args) => _ctx.showMonthPicker && _ctx.showMonthPicker(...args))
           }, vue.toDisplayString(_ctx.t(`el.datepicker.month${_ctx.month + 1}`)), 35), [
             [vue.vShow, _ctx.currentView === "date"]
           ]),
-          vue.createElementVNode("span", _hoisted_11, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(_ctx.dpNs.e("next-btn"))
+          }, [
             vue.withDirectives(vue.createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.nextMonth`),
-              class: "el-picker-panel__icon-btn arrow-right",
+              class: vue.normalizeClass([_ctx.ppNs.e("icon-btn"), "arrow-right"]),
               onClick: _cache[8] || (_cache[8] = (...args) => _ctx.nextMonth_ && _ctx.nextMonth_(...args))
             }, [
               vue.createVNode(_component_el_icon, null, {
@@ -633,13 +632,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_12), [
+            ], 10, _hoisted_4), [
               [vue.vShow, _ctx.currentView === "date"]
             ]),
             vue.createElementVNode("button", {
               type: "button",
               "aria-label": _ctx.t(`el.datepicker.nextYear`),
-              class: "el-picker-panel__icon-btn d-arrow-right",
+              class: vue.normalizeClass([_ctx.ppNs.e("icon-btn"), "d-arrow-right"]),
               onClick: _cache[9] || (_cache[9] = (...args) => _ctx.nextYear_ && _ctx.nextYear_(...args))
             }, [
               vue.createVNode(_component_el_icon, null, {
@@ -648,13 +647,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })
-            ], 8, _hoisted_13)
-          ])
+            ], 10, _hoisted_5)
+          ], 2)
         ], 2), [
           [vue.vShow, _ctx.currentView !== "time"]
         ]),
         vue.createElementVNode("div", {
-          class: "el-picker-panel__content",
+          class: vue.normalizeClass(_ctx.ppNs.e("content")),
           onKeydown: _cache[10] || (_cache[10] = (...args) => _ctx.handleKeydownTable && _ctx.handleKeydownTable(...args))
         }, [
           _ctx.currentView === "date" ? (vue.openBlock(), vue.createBlock(_component_date_table, {
@@ -683,35 +682,37 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "disabled-date": _ctx.disabledDate,
             onPick: _ctx.handleMonthPick
           }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : vue.createCommentVNode("v-if", true)
-        ], 32)
-      ])
-    ]),
-    vue.withDirectives(vue.createElementVNode("div", _hoisted_14, [
+        ], 34)
+      ], 2)
+    ], 2),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.ppNs.e("footer"))
+    }, [
       vue.withDirectives(vue.createVNode(_component_el_button, {
         text: "",
         size: "small",
-        class: "el-picker-panel__link-btn",
+        class: vue.normalizeClass(_ctx.ppNs.e("link-btn")),
         onClick: _ctx.changeToNow
       }, {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(_ctx.t("el.datepicker.now")), 1)
         ]),
         _: 1
-      }, 8, ["onClick"]), [
+      }, 8, ["class", "onClick"]), [
         [vue.vShow, _ctx.selectionMode !== "dates"]
       ]),
       vue.createVNode(_component_el_button, {
         plain: "",
         size: "small",
-        class: "el-picker-panel__link-btn",
+        class: vue.normalizeClass(_ctx.ppNs.e("link-btn")),
         onClick: _ctx.onConfirm
       }, {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
         ]),
         _: 1
-      }, 8, ["onClick"])
-    ], 512), [
+      }, 8, ["class", "onClick"])
+    ], 2), [
       [vue.vShow, _ctx.footerVisible && _ctx.currentView === "date"]
     ])
   ], 2);