@element-plus/nightly 0.0.20220608 → 0.0.20220611

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220608 */
+/*! Element Plus v0.0.20220611 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10681,7 +10681,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220608";
+  const version$1 = "0.0.20220611";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15835,6 +15835,38 @@
       return +date;
     return dayjs(date).locale(lang).format(format);
   };
+  const makeList = (total, method) => {
+    var _a;
+    const arr = [];
+    const disabledArr = method == null ? void 0 : method();
+    for (let i = 0; i < total; i++) {
+      arr.push((_a = disabledArr == null ? void 0 : disabledArr.includes(i)) != null ? _a : false);
+    }
+    return arr;
+  };
+
+  const disabledTimeListsProps = buildProps({
+    disabledHours: {
+      type: definePropType(Function)
+    },
+    disabledMinutes: {
+      type: definePropType(Function)
+    },
+    disabledSeconds: {
+      type: definePropType(Function)
+    }
+  });
+  const timePanelSharedProps = buildProps({
+    visible: Boolean,
+    actualVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    format: {
+      type: String,
+      default: ""
+    }
+  });
 
   const timePickerDefaultProps = buildProps({
     id: {
@@ -15907,15 +15939,7 @@
       type: Boolean,
       default: false
     },
-    disabledHours: {
-      type: Function
-    },
-    disabledMinutes: {
-      type: Function
-    },
-    disabledSeconds: {
-      type: Function
-    },
+    ...disabledTimeListsProps,
     disabledDate: {
       type: Function
     },
@@ -16083,7 +16107,7 @@
         pickerVisible.value = true;
         emit("focus", e);
       };
-      let currentHandleBlurDeferCallback;
+      let currentHandleBlurDeferCallback = void 0;
       const handleBlurInput = (e) => {
         const handleBlurDefer = async () => {
           setTimeout(() => {
@@ -16562,18 +16586,10 @@
   var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "picker.vue"]]);
 
   const panelTimePickerProps = buildProps({
-    visible: Boolean,
-    actualVisible: {
-      type: Boolean,
-      default: void 0
-    },
+    ...timePanelSharedProps,
     datetimeRole: String,
     parsedValue: {
       type: definePropType(Object)
-    },
-    format: {
-      type: String,
-      default: ""
     }
   });
 
@@ -16626,6 +16642,54 @@
     };
   };
 
+  const makeAvailableArr = (disabledList) => {
+    const trueOrNumber = (isDisabled, index) => isDisabled || index;
+    const getNumber = (predicate) => predicate !== true;
+    return disabledList.map(trueOrNumber).filter(getNumber);
+  };
+  const getTimeLists = (disabledHours, disabledMinutes, disabledSeconds) => {
+    const getHoursList = (role, compare) => {
+      return makeList(24, disabledHours && (() => disabledHours == null ? void 0 : disabledHours(role, compare)));
+    };
+    const getMinutesList = (hour, role, compare) => {
+      return makeList(60, disabledMinutes && (() => disabledMinutes == null ? void 0 : disabledMinutes(hour, role, compare)));
+    };
+    const getSecondsList = (hour, minute, role, compare) => {
+      return makeList(60, disabledSeconds && (() => disabledSeconds == null ? void 0 : disabledSeconds(hour, minute, role, compare)));
+    };
+    return {
+      getHoursList,
+      getMinutesList,
+      getSecondsList
+    };
+  };
+  const buildAvailableTimeSlotGetter = (disabledHours, disabledMinutes, disabledSeconds) => {
+    const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(disabledHours, disabledMinutes, disabledSeconds);
+    const getAvailableHours = (role, compare) => {
+      return makeAvailableArr(getHoursList(role, compare));
+    };
+    const getAvailableMinutes = (hour, role, compare) => {
+      return makeAvailableArr(getMinutesList(hour, role, compare));
+    };
+    const getAvailableSeconds = (hour, minute, role, compare) => {
+      return makeAvailableArr(getSecondsList(hour, minute, role, compare));
+    };
+    return {
+      getAvailableHours,
+      getAvailableMinutes,
+      getAvailableSeconds
+    };
+  };
+  const useOldValue = (props) => {
+    const oldValue = vue.ref(props.parsedValue);
+    vue.watch(() => props.visible, (val) => {
+      if (!val) {
+        oldValue.value = props.parsedValue;
+      }
+    });
+    return oldValue;
+  };
+
   const nodeList = /* @__PURE__ */ new Map();
   let startClick;
   if (isClient) {
@@ -16824,71 +16888,9 @@
       type: definePropType(String),
       default: ""
     },
-    disabledHours: {
-      type: definePropType(Function)
-    },
-    disabledMinutes: {
-      type: definePropType(Function)
-    },
-    disabledSeconds: {
-      type: definePropType(Function)
-    }
+    ...disabledTimeListsProps
   });
 
-  const makeList = (total, method, methodFunc) => {
-    const arr = [];
-    const disabledArr = method && methodFunc();
-    for (let i = 0; i < total; i++) {
-      arr[i] = disabledArr ? disabledArr.includes(i) : false;
-    }
-    return arr;
-  };
-  const makeAvailableArr = (list) => {
-    return list.map((_, index) => !_ ? index : _).filter((_) => _ !== true);
-  };
-  const getTimeLists = (disabledHours, disabledMinutes, disabledSeconds) => {
-    const getHoursList = (role, compare) => {
-      return makeList(24, disabledHours, () => disabledHours(role, compare));
-    };
-    const getMinutesList = (hour, role, compare) => {
-      return makeList(60, disabledMinutes, () => disabledMinutes(hour, role, compare));
-    };
-    const getSecondsList = (hour, minute, role, compare) => {
-      return makeList(60, disabledSeconds, () => disabledSeconds(hour, minute, role, compare));
-    };
-    return {
-      getHoursList,
-      getMinutesList,
-      getSecondsList
-    };
-  };
-  const getAvailableArrs = (disabledHours, disabledMinutes, disabledSeconds) => {
-    const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(disabledHours, disabledMinutes, disabledSeconds);
-    const getAvailableHours = (role, compare) => {
-      return makeAvailableArr(getHoursList(role, compare));
-    };
-    const getAvailableMinutes = (hour, role, compare) => {
-      return makeAvailableArr(getMinutesList(hour, role, compare));
-    };
-    const getAvailableSeconds = (hour, minute, role, compare) => {
-      return makeAvailableArr(getSecondsList(hour, minute, role, compare));
-    };
-    return {
-      getAvailableHours,
-      getAvailableMinutes,
-      getAvailableSeconds
-    };
-  };
-  const useOldValue = (props) => {
-    const oldValue = vue.ref(props.parsedValue);
-    vue.watch(() => props.visible, (val) => {
-      if (!val) {
-        oldValue.value = props.parsedValue;
-      }
-    });
-    return oldValue;
-  };
-
   const _hoisted_1$W = ["onClick"];
   const _hoisted_2$D = ["onMouseenter"];
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
@@ -17181,7 +17183,7 @@
         disabledSeconds,
         defaultValue
       } = pickerBase.props;
-      const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = getAvailableArrs(disabledHours, disabledMinutes, disabledSeconds);
+      const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(disabledHours, disabledMinutes, disabledSeconds);
       const ns = useNamespace("time");
       const { t, lang } = useLocale();
       const selectionRange = vue.ref([0, 2]);
@@ -17322,14 +17324,9 @@
   var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "panel-time-pick.vue"]]);
 
   const panelTimeRangeProps = buildProps({
-    visible: Boolean,
-    actualVisible: Boolean,
+    ...timePanelSharedProps,
     parsedValue: {
       type: definePropType(Array)
-    },
-    format: {
-      type: String,
-      default: ""
     }
   });
 
@@ -17473,7 +17470,7 @@
           getAvailableTime(end, "end", false, start)
         ];
       };
-      const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = getAvailableArrs(disabledHours_, disabledMinutes_, disabledSeconds_);
+      const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(disabledHours_, disabledMinutes_, disabledSeconds_);
       const {
         timePickerOptions,
         getAvailableTime,
@@ -24775,7 +24772,7 @@
           }
         }
       }
-      emit("set-picker-option", ["isValidRange", isValidRange]);
+      emit("set-picker-option", ["isValidValue", isValidRange]);
       emit("set-picker-option", ["parseUserInput", parseUserInput]);
       emit("set-picker-option", ["formatToString", formatToString]);
       emit("set-picker-option", ["handleClear", handleClear]);
@@ -29908,6 +29905,7 @@
     }
   });
   const imageEmits = {
+    load: (evt) => evt instanceof Event,
     error: (evt) => evt instanceof Event,
     switch: (val) => isNumber(val),
     close: () => true
@@ -29971,9 +29969,10 @@
         hasLoadError.value = false;
         imageSrc.value = props.src;
       };
-      function handleLoad() {
+      function handleLoad(event) {
         isLoading.value = false;
         hasLoadError.value = false;
+        emit("load", event);
       }
       function handleError(event) {
         isLoading.value = false;
@@ -30069,21 +30068,30 @@
             src: imageSrc.value,
             loading: _ctx.loading,
             style: vue.unref(imageStyle),
-            class: [vue.unref(ns).e("inner"), vue.unref(preview) ? vue.unref(ns).e("preview") : ""],
+            class: [
+              vue.unref(ns).e("inner"),
+              vue.unref(preview) && vue.unref(ns).e("preview"),
+              isLoading.value && vue.unref(ns).is("loading")
+            ],
             onClick: clickHandler,
             onLoad: handleLoad,
             onError: handleError
           }), null, 16, _hoisted_1$r)) : vue.createCommentVNode("v-if", true),
-          isLoading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 1 }, () => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
-            }, null, 2)
-          ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }, () => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("error"))
-            }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
-          ]) : vue.createCommentVNode("v-if", true),
-          vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
+          }, [
+            isLoading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
+              }, null, 2)
+            ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("error"))
+              }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
+            ]) : vue.createCommentVNode("v-if", true)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElImageViewer), {
               key: 0,
               "z-index": _ctx.zIndex,
@@ -33338,6 +33346,8 @@
       const showNextMore = vue.ref(false);
       const quickPrevHover = vue.ref(false);
       const quickNextHover = vue.ref(false);
+      const quickPrevFocus = vue.ref(false);
+      const quickNextFocus = vue.ref(false);
       const pagers = vue.computed(() => {
         const pagerCount = props.pagerCount;
         const halfPagerCount = (pagerCount - 1) / 2;
@@ -33388,15 +33398,22 @@
           }
         }
       });
-      function onMouseenter(direction) {
+      function onMouseEnter(forward = false) {
         if (props.disabled)
           return;
-        if (direction === "left") {
+        if (forward) {
           quickPrevHover.value = true;
         } else {
           quickNextHover.value = true;
         }
       }
+      function onFocus(forward = false) {
+        if (forward) {
+          quickPrevFocus.value = true;
+        } else {
+          quickNextFocus.value = true;
+        }
+      }
       function onEnter(e) {
         const target = e.target;
         if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
@@ -33404,6 +33421,8 @@
           if (newPage !== props.currentPage) {
             emit("change", newPage);
           }
+        } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
+          onPagerClick(e);
         }
       }
       function onPagerClick(event) {
@@ -33457,10 +33476,13 @@
               vue.unref(nsIcon).b(),
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ]),
-            onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseenter("left")),
-            onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false)
+            tabindex: "0",
+            onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
+            onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
+            onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
+            onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
           }, [
-            quickPrevHover.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
+            quickPrevHover.value || quickPrevFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_left_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
           ], 34)) : vue.createCommentVNode("v-if", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
             return vue.openBlock(), vue.createElementBlock("li", {
@@ -33481,10 +33503,13 @@
               vue.unref(nsIcon).b(),
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ]),
-            onMouseenter: _cache[2] || (_cache[2] = ($event) => onMouseenter("right")),
-            onMouseleave: _cache[3] || (_cache[3] = ($event) => quickNextHover.value = false)
+            tabindex: "0",
+            onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
+            onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
+            onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
+            onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
           }, [
-            quickNextHover.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
+            quickNextHover.value || quickNextFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(d_arrow_right_default), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(more_filled_default), { key: 1 }))
           ], 34)) : vue.createCommentVNode("v-if", true),
           _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 3,
@@ -42670,6 +42695,7 @@
 
   function useRender$1(props) {
     const parent = vue.inject(TABLE_INJECTION_KEY);
+    const ns = useNamespace("table");
     const {
       handleDoubleClick,
       handleClick,
@@ -42705,7 +42731,7 @@
       const rowClasses = getRowClass(row, $index);
       let display = true;
       if (treeRowData) {
-        rowClasses.push(`el-table__row--level-${treeRowData.level}`);
+        rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
         display = treeRowData.display;
       }
       const displayStyle = display ? null : {
@@ -54148,6 +54174,7 @@
   exports.linkEmits = linkEmits;
   exports.linkProps = linkProps;
   exports.makeInstaller = makeInstaller;
+  exports.makeList = makeList;
   exports.menuEmits = menuEmits;
   exports.menuItemEmits = menuItemEmits;
   exports.menuItemGroupProps = menuItemGroupProps;