@element-plus/nightly 0.0.20220615 → 0.0.20220618

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220615 */
+/*! Element Plus v0.0.20220618 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6950,6 +6950,7 @@
 
   var _a;
   const isClient = typeof window !== "undefined";
+  const isDef = (val) => typeof val !== "undefined";
   const isBoolean = (val) => typeof val === "boolean";
   const isNumber = (val) => typeof val === "number";
   const isString$1 = (val) => typeof val === "string";
@@ -7303,6 +7304,46 @@
     SwipeDirection2["NONE"] = "NONE";
   })(SwipeDirection || (SwipeDirection = {}));
 
+  function useVModel(props, key, emit, options = {}) {
+    var _a;
+    const {
+      passive = false,
+      eventName,
+      deep = false,
+      defaultValue
+    } = options;
+    const vm = vue.getCurrentInstance();
+    const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm));
+    let event = eventName;
+    if (!key) {
+      {
+        key = "modelValue";
+      }
+    }
+    event = eventName || event || `update:${key.toString()}`;
+    const getValue = () => isDef(props[key]) ? props[key] : defaultValue;
+    if (passive) {
+      const proxy = vue.ref(getValue());
+      vue.watch(() => props[key], (v) => proxy.value = v);
+      vue.watch(proxy, (v) => {
+        if (v !== props[key] || deep)
+          _emit(event, v);
+      }, {
+        deep
+      });
+      return proxy;
+    } else {
+      return vue.computed({
+        get() {
+          return getValue();
+        },
+        set(value) {
+          _emit(event, value);
+        }
+      });
+    }
+  }
+
   function useWindowFocus({ window = defaultWindow } = {}) {
     if (!window)
       return vue.ref(false);
@@ -10683,7 +10724,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220615";
+  const version$1 = "0.0.20220618";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11886,7 +11927,7 @@
     scroll: ({
       scrollTop,
       scrollLeft
-    }) => isNumber(scrollTop) && isNumber(scrollLeft)
+    }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
   const __default__$1e = {
@@ -23748,7 +23789,7 @@
   const _hoisted_2$q = ["aria-label"];
   const _hoisted_3$d = ["aria-label"];
   const _hoisted_4$9 = ["aria-label"];
-  const _hoisted_5$6 = ["aria-label"];
+  const _hoisted_5$7 = ["aria-label"];
   const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-pick",
     props: panelDatePickProps,
@@ -24287,7 +24328,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$6)
+                  ], 10, _hoisted_5$7)
                 ], 2)
               ], 2), [
                 [vue.vShow, currentView.value !== "time"]
@@ -24473,7 +24514,7 @@
   const _hoisted_2$p = ["disabled"];
   const _hoisted_3$c = ["disabled"];
   const _hoisted_4$8 = ["disabled"];
-  const _hoisted_5$5 = ["disabled"];
+  const _hoisted_5$6 = ["disabled"];
   const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "panel-date-range",
     props: panelDateRangeProps,
@@ -25035,7 +25076,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_5$5)) : vue.createCommentVNode("v-if", true),
+                  ], 10, _hoisted_5$6)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -26046,7 +26087,6 @@
     const zIndex = vue.ref(props.zIndex || nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
-    const normalizeWidth = vue.computed(() => isNumber(props.width) ? `${props.width}px` : props.width);
     const namespace = useGlobalConfig("namespace", defaultNamespace);
     const style = vue.computed(() => {
       const style2 = {};
@@ -26056,7 +26096,7 @@
           style2[`${varPrefix}-margin-top`] = props.top;
         }
         if (props.width) {
-          style2[`${varPrefix}-width`] = normalizeWidth.value;
+          style2[`${varPrefix}-width`] = addUnit(props.width);
         }
       }
       return style2;
@@ -27587,8 +27627,8 @@
   const _hoisted_2$l = ["id"];
   const _hoisted_3$9 = ["stop-color"];
   const _hoisted_4$6 = ["stop-color"];
-  const _hoisted_5$4 = ["id"];
-  const _hoisted_6 = ["stop-color"];
+  const _hoisted_5$5 = ["id"];
+  const _hoisted_6$1 = ["stop-color"];
   const _hoisted_7 = ["stop-color"];
   const _hoisted_8 = ["id"];
   const _hoisted_9 = {
@@ -27653,12 +27693,12 @@
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
             offset: "0%"
-          }, null, 8, _hoisted_6),
+          }, null, 8, _hoisted_6$1),
           vue.createElementVNode("stop", {
             "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
             offset: "100%"
           }, null, 8, _hoisted_7)
-        ], 8, _hoisted_5$4),
+        ], 8, _hoisted_5$5),
         vue.createElementVNode("rect", {
           id: `path-3-${_ctx.id}`,
           x: "0",
@@ -29483,7 +29523,7 @@
   });
   const imageViewerEmits = {
     close: () => true,
-    switch: (index) => typeof index === "number"
+    switch: (index) => isNumber(index)
   };
 
   const _hoisted_1$s = ["src"];
@@ -32880,7 +32920,7 @@
                         vue.createElementVNode("div", {
                           class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tags"))
                         }, [
-                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item, idx) => {
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected.slice(1), (item, idx) => {
                             return vue.openBlock(), vue.createElementBlock("div", {
                               key: idx,
                               class: vue.normalizeClass(_ctx.nsSelect.e("collapse-tag"))
@@ -33345,9 +33385,11 @@
   });
 
   const _hoisted_1$j = ["onKeyup"];
-  const _hoisted_2$e = ["aria-current"];
-  const _hoisted_3$7 = ["aria-current"];
-  const _hoisted_4$5 = ["aria-current"];
+  const _hoisted_2$e = ["aria-current", "tabindex"];
+  const _hoisted_3$7 = ["tabindex"];
+  const _hoisted_4$5 = ["aria-current", "tabindex"];
+  const _hoisted_5$4 = ["tabindex"];
+  const _hoisted_6 = ["aria-current", "tabindex"];
   const __default__$p = {
     name: "ElPaginationPager"
   };
@@ -33402,6 +33444,7 @@
         }
         return array;
       });
+      const tabindex = vue.computed(() => props.disabled ? -1 : 0);
       vue.watchEffect(() => {
         const halfPagerCount = (props.pagerCount - 1) / 2;
         showPrevMore.value = false;
@@ -33483,7 +33526,7 @@
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ], "number"]),
             "aria-current": _ctx.currentPage === 1,
-            tabindex: "0"
+            tabindex: vue.unref(tabindex)
           }, " 1 ", 10, _hoisted_2$e)) : vue.createCommentVNode("v-if", true),
           showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 1,
@@ -33493,14 +33536,14 @@
               vue.unref(nsIcon).b(),
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ]),
-            tabindex: "0",
+            tabindex: vue.unref(tabindex),
             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 || 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),
+          ], 42, _hoisted_3$7)) : 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", {
               key: pager,
@@ -33509,8 +33552,8 @@
                 vue.unref(nsPager).is("disabled", _ctx.disabled)
               ], "number"]),
               "aria-current": _ctx.currentPage === pager,
-              tabindex: "0"
-            }, vue.toDisplayString(pager), 11, _hoisted_3$7);
+              tabindex: vue.unref(tabindex)
+            }, vue.toDisplayString(pager), 11, _hoisted_4$5);
           }), 128)),
           showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 2,
@@ -33520,14 +33563,14 @@
               vue.unref(nsIcon).b(),
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ]),
-            tabindex: "0",
+            tabindex: vue.unref(tabindex),
             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 || 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),
+          ], 42, _hoisted_5$4)) : vue.createCommentVNode("v-if", true),
           _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 3,
             class: vue.normalizeClass([[
@@ -33535,8 +33578,8 @@
               vue.unref(nsPager).is("disabled", _ctx.disabled)
             ], "number"]),
             "aria-current": _ctx.currentPage === _ctx.pageCount,
-            tabindex: "0"
-          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_4$5)) : vue.createCommentVNode("v-if", true)
+            tabindex: vue.unref(tabindex)
+          }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : vue.createCommentVNode("v-if", true)
         ], 42, _hoisted_1$j);
       };
     }
@@ -37963,7 +38006,7 @@
                           vue.createElementVNode("div", {
                             class: vue.normalizeClass(_ctx.nsSelectV2.e("selection"))
                           }, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.states.cachedOptions, (selected, idx) => {
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.states.cachedOptions.slice(1), (selected, idx) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
                                 key: idx,
                                 class: vue.normalizeClass(_ctx.nsSelectV2.e("selected-item"))
@@ -39785,13 +39828,25 @@
     props: switchProps,
     emits: switchEmits,
     setup(props, { emit }) {
+      const vm = vue.getCurrentInstance();
       const { formItem } = useFormItem();
+      const switchSize = useSize();
       const switchDisabled = useDisabled$1(vue.computed(() => props.loading));
       const ns = useNamespace("switch");
+      useDeprecated({
+        from: '"value"',
+        replacement: '"model-value" or "v-model"',
+        scope: COMPONENT_NAME$5,
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/switch.html#attributes",
+        type: "Attribute"
+      }, vue.computed(() => {
+        var _a;
+        return !!((_a = vm.vnode.props) == null ? void 0 : _a.value);
+      }));
       const { inputId } = useFormItemInputId(props, {
         formItemContext: formItem
       });
-      const switchSize = useSize();
       const isModelValue = vue.ref(props.modelValue !== false);
       const input = vue.ref();
       const core = vue.ref();
@@ -46701,10 +46756,11 @@
         const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
         navOffset.value = newOffset;
       };
-      const scrollToActiveTab = () => {
+      const scrollToActiveTab = async () => {
         const nav = nav$.value;
         if (!scrollable.value || !el$.value || !navScroll$.value || !nav)
           return;
+        await vue.nextTick();
         const activeTab = el$.value.querySelector(".is-active");
         if (!activeTab)
           return;
@@ -46968,6 +47024,7 @@
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
       vue.watch(currentName, async () => {
         var _a;
+        await vue.nextTick();
         (_a = nav$.value) == null ? void 0 : _a.scrollToActiveTab();
       });
       {
@@ -51698,10 +51755,6 @@
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
-    fileList: {
-      type: definePropType(Array),
-      default: () => mutable([])
-    },
     beforeUpload: {
       type: definePropType(Function),
       default: NOOP
@@ -51904,7 +51957,7 @@
     }
   };
   const useHandlers = (props, uploadRef) => {
-    const uploadFiles = vue.ref([]);
+    const uploadFiles = useVModel(props, "fileList", void 0, { passive: true });
     const getFile = (rawFile) => uploadFiles.value.find((file) => file.uid === rawFile.uid);
     function abort(file) {
       var _a;
@@ -51917,6 +51970,7 @@
       const file = getFile(rawFile);
       if (!file)
         return;
+      console.error(err);
       file.status = "fail";
       uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1);
       props.onError(err, file, uploadFiles.value);
@@ -52000,14 +52054,14 @@
         return file;
       });
     });
-    vue.watch(() => props.fileList, (fileList) => {
-      for (const file of fileList) {
+    vue.watch(uploadFiles, (files) => {
+      for (const file of files) {
         file.uid || (file.uid = genFileId());
         file.status || (file.status = "success");
       }
-      uploadFiles.value = fileList;
     }, { immediate: true, deep: true });
     return {
+      uploadFiles,
       abort,
       clearFiles,
       handleError,
@@ -52015,8 +52069,7 @@
       handleStart,
       handleSuccess,
       handleRemove,
-      submit,
-      uploadFiles
+      submit
     };
   };