@element-plus/nightly 0.0.20220309 → 0.0.20220312

package/lib/components/autocomplete/src/autocomplete2.js

@@ -167,14 +167,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         suggestion.scrollTop -= scrollHeight;
       }
       highlightedIndex.value = index;
-      inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+      inputRef.value.ref.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
     };
     core.onClickOutside(listboxRef, close);
     vue.onMounted(() => {
-      inputRef.value.inputOrTextarea.setAttribute("role", "textbox");
-      inputRef.value.inputOrTextarea.setAttribute("aria-autocomplete", "list");
-      inputRef.value.inputOrTextarea.setAttribute("aria-controls", "id");
-      inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+      ;
+      inputRef.value.ref.setAttribute("role", "textbox");
+      inputRef.value.ref.setAttribute("aria-autocomplete", "list");
+      inputRef.value.ref.setAttribute("aria-controls", "id");
+      inputRef.value.ref.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
     });
     expose({
       highlightedIndex,
@@ -206,7 +207,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         trigger: "click",
         transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
         persistent: "",
-        onShow: onSuggestionShow
+        onBeforeShow: onSuggestionShow
       }, {
         content: vue.withCtx(() => [
           vue.createElementVNode("div", {

package/lib/components/autocomplete/src/autocomplete2.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete2.js","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popperRef\"\n    v-model:visible=\"suggestionVisible\"\n    :placement=\"placement\"\n    :fallback-placements=\"['bottom-start', 'top-start']\"\n    :popper-class=\"[ns.e('popper'), popperClass]\"\n    :teleported=\"compatTeleported\"\n    :gpu-acceleration=\"false\"\n    pure\n    manual-mode\n    effect=\"light\"\n    trigger=\"click\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    persistent\n    @show=\"onSuggestionShow\"\n  >\n    <div\n      ref=\"listboxRef\"\n      :class=\"[ns.b(), $attrs.class]\"\n      :style=\"styles\"\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      :aria-expanded=\"suggestionVisible\"\n      :aria-owns=\"id\"\n    >\n      <el-input\n        ref=\"inputRef\"\n        v-bind=\"attrs\"\n        :model-value=\"modelValue\"\n        @input=\"handleInput\"\n        @change=\"handleChange\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @clear=\"handleClear\"\n        @keydown.up.prevent=\"highlight(highlightedIndex - 1)\"\n        @keydown.down.prevent=\"highlight(highlightedIndex + 1)\"\n        @keydown.enter=\"handleKeyEnter\"\n        @keydown.tab=\"close\"\n      >\n        <template v-if=\"$slots.prepend\" #prepend>\n          <slot name=\"prepend\"></slot>\n        </template>\n        <template v-if=\"$slots.append\" #append>\n          <slot name=\"append\"></slot>\n        </template>\n        <template v-if=\"$slots.prefix\" #prefix>\n          <slot name=\"prefix\"></slot>\n        </template>\n        <template v-if=\"$slots.suffix\" #suffix>\n          <slot name=\"suffix\"></slot>\n        </template>\n      </el-input>\n    </div>\n    <template #content>\n      <div\n        ref=\"regionRef\"\n        :class=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n        :style=\"{ minWidth: dropdownWidth, outline: 'none' }\"\n        role=\"region\"\n      >\n        <el-scrollbar\n          :id=\"id\"\n          tag=\"ul\"\n          :wrap-class=\"ns.be('suggestion', 'wrap')\"\n          :view-class=\"ns.be('suggestion', 'list')\"\n          role=\"listbox\"\n        >\n          <li v-if=\"suggestionLoading\">\n            <el-icon :class=\"ns.is('loading')\"><Loading /></el-icon>\n          </li>\n          <template v-else>\n            <li\n              v-for=\"(item, index) in suggestions\"\n              :id=\"`${id}-item-${index}`\"\n              :key=\"index\"\n              :class=\"{ highlighted: highlightedIndex === index }\"\n              role=\"option\"\n              :aria-selected=\"highlightedIndex === index\"\n              @click=\"handleSelect(item)\"\n            >\n              <slot :item=\"item\">{{ item[valueKey] }}</slot>\n            </li>\n          </template>\n        </el-scrollbar>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  ref,\n  computed,\n  onMounted,\n  nextTick,\n  useAttrs as useCompAttrs,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { onClickOutside } from '@vueuse/core'\nimport { useAttrs, useNamespace } from '@element-plus/hooks'\nimport { generateId, isArray, throwError } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElInput from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport { autocompleteProps, autocompleteEmits } from './autocomplete'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElAutocomplete',\n  inheritAttrs: false,\n})\n\nconst COMPONENT_NAME = 'ElAutocomplete'\n\nconst props = defineProps(autocompleteProps)\nconst emit = defineEmits(autocompleteEmits)\n\nconst ns = useNamespace('autocomplete')\nconst { compatTeleported } = useDeprecateAppendToBody(\n  COMPONENT_NAME,\n  'popperAppendToBody'\n)\nconst attrs = useAttrs()\nconst compAttrs = useCompAttrs()\nconst suggestions = ref<any[]>([])\nconst highlightedIndex = ref(-1)\nconst dropdownWidth = ref('')\nconst activated = ref(false)\nconst suggestionDisabled = ref(false)\nconst loading = ref(false)\nconst inputRef = ref<{\n  inputOrTextarea: HTMLInputElement | HTMLTextAreaElement\n  focus: () => void\n  $el: HTMLElement\n}>()\nconst regionRef = ref<HTMLElement>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nconst id = computed(() => {\n  return ns.b(String(generateId()))\n})\nconst styles = computed(() => compAttrs.style as StyleValue)\nconst suggestionVisible = computed(() => {\n  const isValidData = isArray(suggestions.value) && suggestions.value.length > 0\n  return (isValidData || loading.value) && activated.value\n})\nconst suggestionLoading = computed(() => {\n  return !props.hideLoading && loading.value\n})\n\nconst onSuggestionShow = () => {\n  nextTick(() => {\n    if (suggestionVisible.value) {\n      dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n    }\n  })\n}\n\nconst getData = (queryString: string) => {\n  if (suggestionDisabled.value) {\n    return\n  }\n  loading.value = true\n  props.fetchSuggestions(queryString, (suggestionsArg) => {\n    loading.value = false\n    if (suggestionDisabled.value) {\n      return\n    }\n    if (isArray(suggestionsArg)) {\n      suggestions.value = suggestionsArg\n      highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n    } else {\n      throwError(COMPONENT_NAME, 'autocomplete suggestions must be an array')\n    }\n  })\n}\nconst debouncedGetData = debounce(getData, props.debounce)\nconst handleInput = (value: string) => {\n  emit('input', value)\n  emit(UPDATE_MODEL_EVENT, value)\n  suggestionDisabled.value = false\n  if (!props.triggerOnFocus && !value) {\n    suggestionDisabled.value = true\n    suggestions.value = []\n    return\n  }\n  debouncedGetData(value)\n}\nconst handleChange = (value: string) => {\n  emit('change', value)\n}\nconst handleFocus = (evt: FocusEvent) => {\n  activated.value = true\n  emit('focus', evt)\n  if (props.triggerOnFocus) {\n    debouncedGetData(String(props.modelValue))\n  }\n}\nconst handleBlur = (evt: FocusEvent) => {\n  emit('blur', evt)\n}\nconst handleClear = () => {\n  activated.value = false\n  emit(UPDATE_MODEL_EVENT, '')\n  emit('clear')\n}\nconst handleKeyEnter = () => {\n  if (\n    suggestionVisible.value &&\n    highlightedIndex.value >= 0 &&\n    highlightedIndex.value < suggestions.value.length\n  ) {\n    handleSelect(suggestions.value[highlightedIndex.value])\n  } else if (props.selectWhenUnmatched) {\n    emit('select', { value: props.modelValue })\n    nextTick(() => {\n      suggestions.value = []\n      highlightedIndex.value = -1\n    })\n  }\n}\nconst close = () => {\n  activated.value = false\n}\n\nconst focus = () => {\n  inputRef.value?.focus()\n}\n\nconst handleSelect = (item: any) => {\n  emit('input', item[props.valueKey])\n  emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n  emit('select', item)\n  nextTick(() => {\n    suggestions.value = []\n    highlightedIndex.value = -1\n  })\n}\nconst highlight = (index: number) => {\n  if (!suggestionVisible.value || loading.value) {\n    return\n  }\n  if (index < 0) {\n    highlightedIndex.value = -1\n    return\n  }\n  if (index >= suggestions.value.length) {\n    index = suggestions.value.length - 1\n  }\n  const suggestion = regionRef.value!.querySelector(\n    `.${ns.be('suggestion', 'wrap')}`\n  )!\n  const suggestionList = suggestion.querySelectorAll<HTMLElement>(\n    `.${ns.be('suggestion', 'list')} li`\n  )!\n  const highlightItem = suggestionList[index]\n  const scrollTop = suggestion.scrollTop\n  const { offsetTop, scrollHeight } = highlightItem\n\n  if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n    suggestion.scrollTop += scrollHeight\n  }\n  if (offsetTop < scrollTop) {\n    suggestion.scrollTop -= scrollHeight\n  }\n  highlightedIndex.value = index\n  inputRef.value!.inputOrTextarea.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n}\n\nonClickOutside(listboxRef, close)\n\nonMounted(() => {\n  inputRef.value!.inputOrTextarea.setAttribute('role', 'textbox')\n  inputRef.value!.inputOrTextarea.setAttribute('aria-autocomplete', 'list')\n  inputRef.value!.inputOrTextarea.setAttribute('aria-controls', 'id')\n  inputRef.value!.inputOrTextarea.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n})\n\ndefineExpose({\n  /** @description the index of the currently highlighted item */\n  highlightedIndex,\n  /** @description autocomplete whether activated */\n  activated,\n  /** @description remote search loading status */\n  loading,\n  /** @description el-input component instance */\n  inputRef,\n  /** @description el-tooltip component instance */\n  popperRef,\n  /** @description fetch suggestions result */\n  suggestions,\n  /** @description triggers when a suggestion is clicked */\n  handleSelect,\n  /** @description handle keyboard enter event */\n  handleKeyEnter,\n  /** @description focus the input element */\n  focus,\n  /** @description close suggestion */\n  close,\n  /** @description highlight an item in a suggestion */\n  highlight,\n})\n</script>\n"],"names":["useNamespace","useDeprecateAppendToBody","useAttrs","useCompAttrs","ref","computed","generateId","isArray","nextTick","throwError","debounce","UPDATE_MODEL_EVENT","onClickOutside","onMounted"],"mappings":"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"}
+{"version":3,"file":"autocomplete2.js","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popperRef\"\n    v-model:visible=\"suggestionVisible\"\n    :placement=\"placement\"\n    :fallback-placements=\"['bottom-start', 'top-start']\"\n    :popper-class=\"[ns.e('popper'), popperClass]\"\n    :teleported=\"compatTeleported\"\n    :gpu-acceleration=\"false\"\n    pure\n    manual-mode\n    effect=\"light\"\n    trigger=\"click\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    persistent\n    @before-show=\"onSuggestionShow\"\n  >\n    <div\n      ref=\"listboxRef\"\n      :class=\"[ns.b(), $attrs.class]\"\n      :style=\"styles\"\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      :aria-expanded=\"suggestionVisible\"\n      :aria-owns=\"id\"\n    >\n      <el-input\n        ref=\"inputRef\"\n        v-bind=\"attrs\"\n        :model-value=\"modelValue\"\n        @input=\"handleInput\"\n        @change=\"handleChange\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @clear=\"handleClear\"\n        @keydown.up.prevent=\"highlight(highlightedIndex - 1)\"\n        @keydown.down.prevent=\"highlight(highlightedIndex + 1)\"\n        @keydown.enter=\"handleKeyEnter\"\n        @keydown.tab=\"close\"\n      >\n        <template v-if=\"$slots.prepend\" #prepend>\n          <slot name=\"prepend\"></slot>\n        </template>\n        <template v-if=\"$slots.append\" #append>\n          <slot name=\"append\"></slot>\n        </template>\n        <template v-if=\"$slots.prefix\" #prefix>\n          <slot name=\"prefix\"></slot>\n        </template>\n        <template v-if=\"$slots.suffix\" #suffix>\n          <slot name=\"suffix\"></slot>\n        </template>\n      </el-input>\n    </div>\n    <template #content>\n      <div\n        ref=\"regionRef\"\n        :class=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n        :style=\"{ minWidth: dropdownWidth, outline: 'none' }\"\n        role=\"region\"\n      >\n        <el-scrollbar\n          :id=\"id\"\n          tag=\"ul\"\n          :wrap-class=\"ns.be('suggestion', 'wrap')\"\n          :view-class=\"ns.be('suggestion', 'list')\"\n          role=\"listbox\"\n        >\n          <li v-if=\"suggestionLoading\">\n            <el-icon :class=\"ns.is('loading')\"><Loading /></el-icon>\n          </li>\n          <template v-else>\n            <li\n              v-for=\"(item, index) in suggestions\"\n              :id=\"`${id}-item-${index}`\"\n              :key=\"index\"\n              :class=\"{ highlighted: highlightedIndex === index }\"\n              role=\"option\"\n              :aria-selected=\"highlightedIndex === index\"\n              @click=\"handleSelect(item)\"\n            >\n              <slot :item=\"item\">{{ item[valueKey] }}</slot>\n            </li>\n          </template>\n        </el-scrollbar>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  ref,\n  computed,\n  onMounted,\n  nextTick,\n  useAttrs as useCompAttrs,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { onClickOutside } from '@vueuse/core'\nimport { useAttrs, useNamespace } from '@element-plus/hooks'\nimport { generateId, isArray, throwError } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElInput from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport { autocompleteProps, autocompleteEmits } from './autocomplete'\nimport type { StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElAutocomplete',\n  inheritAttrs: false,\n})\n\nconst COMPONENT_NAME = 'ElAutocomplete'\n\nconst props = defineProps(autocompleteProps)\nconst emit = defineEmits(autocompleteEmits)\n\nconst ns = useNamespace('autocomplete')\nconst { compatTeleported } = useDeprecateAppendToBody(\n  COMPONENT_NAME,\n  'popperAppendToBody'\n)\nconst attrs = useAttrs()\nconst compAttrs = useCompAttrs()\nconst suggestions = ref<any[]>([])\nconst highlightedIndex = ref(-1)\nconst dropdownWidth = ref('')\nconst activated = ref(false)\nconst suggestionDisabled = ref(false)\nconst loading = ref(false)\nconst inputRef = ref<InputInstance>()\nconst regionRef = ref<HTMLElement>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nconst id = computed(() => {\n  return ns.b(String(generateId()))\n})\nconst styles = computed(() => compAttrs.style as StyleValue)\nconst suggestionVisible = computed(() => {\n  const isValidData = isArray(suggestions.value) && suggestions.value.length > 0\n  return (isValidData || loading.value) && activated.value\n})\nconst suggestionLoading = computed(() => {\n  return !props.hideLoading && loading.value\n})\n\nconst onSuggestionShow = () => {\n  nextTick(() => {\n    if (suggestionVisible.value) {\n      dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n    }\n  })\n}\n\nconst getData = (queryString: string) => {\n  if (suggestionDisabled.value) {\n    return\n  }\n  loading.value = true\n  props.fetchSuggestions(queryString, (suggestionsArg) => {\n    loading.value = false\n    if (suggestionDisabled.value) {\n      return\n    }\n    if (isArray(suggestionsArg)) {\n      suggestions.value = suggestionsArg\n      highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n    } else {\n      throwError(COMPONENT_NAME, 'autocomplete suggestions must be an array')\n    }\n  })\n}\nconst debouncedGetData = debounce(getData, props.debounce)\nconst handleInput = (value: string) => {\n  emit('input', value)\n  emit(UPDATE_MODEL_EVENT, value)\n  suggestionDisabled.value = false\n  if (!props.triggerOnFocus && !value) {\n    suggestionDisabled.value = true\n    suggestions.value = []\n    return\n  }\n  debouncedGetData(value)\n}\nconst handleChange = (value: string) => {\n  emit('change', value)\n}\nconst handleFocus = (evt: FocusEvent) => {\n  activated.value = true\n  emit('focus', evt)\n  if (props.triggerOnFocus) {\n    debouncedGetData(String(props.modelValue))\n  }\n}\nconst handleBlur = (evt: FocusEvent) => {\n  emit('blur', evt)\n}\nconst handleClear = () => {\n  activated.value = false\n  emit(UPDATE_MODEL_EVENT, '')\n  emit('clear')\n}\nconst handleKeyEnter = () => {\n  if (\n    suggestionVisible.value &&\n    highlightedIndex.value >= 0 &&\n    highlightedIndex.value < suggestions.value.length\n  ) {\n    handleSelect(suggestions.value[highlightedIndex.value])\n  } else if (props.selectWhenUnmatched) {\n    emit('select', { value: props.modelValue })\n    nextTick(() => {\n      suggestions.value = []\n      highlightedIndex.value = -1\n    })\n  }\n}\nconst close = () => {\n  activated.value = false\n}\n\nconst focus = () => {\n  inputRef.value?.focus()\n}\n\nconst handleSelect = (item: any) => {\n  emit('input', item[props.valueKey])\n  emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n  emit('select', item)\n  nextTick(() => {\n    suggestions.value = []\n    highlightedIndex.value = -1\n  })\n}\nconst highlight = (index: number) => {\n  if (!suggestionVisible.value || loading.value) {\n    return\n  }\n  if (index < 0) {\n    highlightedIndex.value = -1\n    return\n  }\n  if (index >= suggestions.value.length) {\n    index = suggestions.value.length - 1\n  }\n  const suggestion = regionRef.value!.querySelector(\n    `.${ns.be('suggestion', 'wrap')}`\n  )!\n  const suggestionList = suggestion.querySelectorAll<HTMLElement>(\n    `.${ns.be('suggestion', 'list')} li`\n  )!\n  const highlightItem = suggestionList[index]\n  const scrollTop = suggestion.scrollTop\n  const { offsetTop, scrollHeight } = highlightItem\n\n  if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n    suggestion.scrollTop += scrollHeight\n  }\n  if (offsetTop < scrollTop) {\n    suggestion.scrollTop -= scrollHeight\n  }\n  highlightedIndex.value = index\n  // TODO: use Volar generate dts to fix it.\n  ;(inputRef.value as any).ref!.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n}\n\nonClickOutside(listboxRef, close)\n\nonMounted(() => {\n  // TODO: use Volar generate dts to fix it.\n  ;(inputRef.value as any).ref!.setAttribute('role', 'textbox')\n  ;(inputRef.value as any).ref!.setAttribute('aria-autocomplete', 'list')\n  ;(inputRef.value as any).ref!.setAttribute('aria-controls', 'id')\n  ;(inputRef.value as any).ref!.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n})\n\ndefineExpose({\n  /** @description the index of the currently highlighted item */\n  highlightedIndex,\n  /** @description autocomplete whether activated */\n  activated,\n  /** @description remote search loading status */\n  loading,\n  /** @description el-input component instance */\n  inputRef,\n  /** @description el-tooltip component instance */\n  popperRef,\n  /** @description fetch suggestions result */\n  suggestions,\n  /** @description triggers when a suggestion is clicked */\n  handleSelect,\n  /** @description handle keyboard enter event */\n  handleKeyEnter,\n  /** @description focus the input element */\n  focus,\n  /** @description close suggestion */\n  close,\n  /** @description highlight an item in a suggestion */\n  highlight,\n})\n</script>\n"],"names":["useNamespace","useDeprecateAppendToBody","useAttrs","useCompAttrs","ref","computed","generateId","isArray","nextTick","throwError","debounce","UPDATE_MODEL_EVENT","onClickOutside","onMounted"],"mappings":"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"}

package/lib/components/calendar/src/date-table2.js

@@ -99,10 +99,10 @@ const _sfc_main = vue.defineComponent({
       if (type === "current") {
         const date = getFormattedDate(text, type);
         if (date.isSame(props.selectedDay, "day")) {
-          classes.push("is-selected");
+          classes.push(nsDay.is("selected"));
         }
         if (date.isSame(now, "day")) {
-          classes.push("is-today");
+          classes.push(nsDay.is("today"));
         }
       }
       return classes;

package/lib/components/calendar/src/date-table2.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-table2.js","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { dateTableProps, dateTableEmits } from './date-table'\nimport type { Dayjs } from 'dayjs'\ndayjs.extend(localeData)\n\ntype CellType = 'next' | 'prev' | 'current'\ninterface Cell {\n  text: number\n  type: CellType\n}\n\nconst WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nconst toNestedArr = (days: Cell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport default defineComponent({\n  props: dateTableProps,\n  emits: dateTableEmits,\n\n  setup(props, { emit }) {\n    const { t, lang } = useLocale()\n    const nsTable = useNamespace('calendar-table')\n    const nsDay = useNamespace('calendar-day')\n\n    const now = dayjs().locale(lang.value)\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\n    const isInRange = computed(() => !!props.range && !!props.range.length)\n\n    const rows = computed(() => {\n      let days: Cell[] = []\n      if (isInRange.value) {\n        const [start, end] = props.range!\n        const currentMonthRange: Cell[] = rangeArr(\n          end.date() - start.date() + 1\n        ).map((index) => ({\n          text: start.date() + index,\n          type: 'current',\n        }))\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange: Cell[] = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays: Cell[] = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays: Cell[] = getMonthDays(props.date).map(\n          (day) => ({\n            text: day,\n            type: 'current',\n          })\n        )\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays: Cell[] = rangeArr(42 - days.length).map(\n          (_, index) => ({\n            text: index + 1,\n            type: 'next',\n          })\n        )\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n      if (start === 0) {\n        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n      } else {\n        return WEEK_DAYS.slice(start)\n          .concat(WEEK_DAYS.slice(0, start))\n          .map((_) => t(`el.datepicker.weeks.${_}`))\n      }\n    })\n\n    const getFormattedDate = (day: number, type: CellType): Dayjs => {\n      switch (type) {\n        case 'prev':\n          return props.date.startOf('month').subtract(1, 'month').date(day)\n        case 'next':\n          return props.date.startOf('month').add(1, 'month').date(day)\n        case 'current':\n          return props.date.date(day)\n      }\n    }\n\n    const getCellClass = ({ text, type }: Cell) => {\n      const classes: string[] = [type]\n      if (type === 'current') {\n        const date = getFormattedDate(text, type)\n        if (date.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const handlePickDay = ({ text, type }: Cell) => {\n      const date = getFormattedDate(text, type)\n      emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }: Cell) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      handlePickDay,\n      getSlotData,\n\n      nsTable,\n      nsDay,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","localeData","rangeArr","defineComponent","dateTableProps","dateTableEmits","useLocale","useNamespace","computed","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_toDisplayString","_createElementVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"date-table2.js","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { dateTableProps, dateTableEmits } from './date-table'\nimport type { Dayjs } from 'dayjs'\ndayjs.extend(localeData)\n\ntype CellType = 'next' | 'prev' | 'current'\ninterface Cell {\n  text: number\n  type: CellType\n}\n\nconst WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nconst toNestedArr = (days: Cell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport default defineComponent({\n  props: dateTableProps,\n  emits: dateTableEmits,\n\n  setup(props, { emit }) {\n    const { t, lang } = useLocale()\n    const nsTable = useNamespace('calendar-table')\n    const nsDay = useNamespace('calendar-day')\n\n    const now = dayjs().locale(lang.value)\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\n    const isInRange = computed(() => !!props.range && !!props.range.length)\n\n    const rows = computed(() => {\n      let days: Cell[] = []\n      if (isInRange.value) {\n        const [start, end] = props.range!\n        const currentMonthRange: Cell[] = rangeArr(\n          end.date() - start.date() + 1\n        ).map((index) => ({\n          text: start.date() + index,\n          type: 'current',\n        }))\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange: Cell[] = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays: Cell[] = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays: Cell[] = getMonthDays(props.date).map(\n          (day) => ({\n            text: day,\n            type: 'current',\n          })\n        )\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays: Cell[] = rangeArr(42 - days.length).map(\n          (_, index) => ({\n            text: index + 1,\n            type: 'next',\n          })\n        )\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n      if (start === 0) {\n        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n      } else {\n        return WEEK_DAYS.slice(start)\n          .concat(WEEK_DAYS.slice(0, start))\n          .map((_) => t(`el.datepicker.weeks.${_}`))\n      }\n    })\n\n    const getFormattedDate = (day: number, type: CellType): Dayjs => {\n      switch (type) {\n        case 'prev':\n          return props.date.startOf('month').subtract(1, 'month').date(day)\n        case 'next':\n          return props.date.startOf('month').add(1, 'month').date(day)\n        case 'current':\n          return props.date.date(day)\n      }\n    }\n\n    const getCellClass = ({ text, type }: Cell) => {\n      const classes: string[] = [type]\n      if (type === 'current') {\n        const date = getFormattedDate(text, type)\n        if (date.isSame(props.selectedDay, 'day')) {\n          classes.push(nsDay.is('selected'))\n        }\n        if (date.isSame(now, 'day')) {\n          classes.push(nsDay.is('today'))\n        }\n      }\n      return classes\n    }\n\n    const handlePickDay = ({ text, type }: Cell) => {\n      const date = getFormattedDate(text, type)\n      emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }: Cell) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      handlePickDay,\n      getSlotData,\n\n      nsTable,\n      nsDay,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","localeData","rangeArr","defineComponent","dateTableProps","dateTableEmits","useLocale","useNamespace","computed","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_toDisplayString","_createElementVNode","_renderSlot"],"mappings":"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"}