@element-plus/nightly 0.0.20220616 → 0.0.20220617

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220616 */
+/*! Element Plus v0.0.20220617 */
 
 (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.20220616";
+  const version$1 = "0.0.20220617";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -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;
@@ -29483,7 +29523,7 @@
   });
   const imageViewerEmits = {
     close: () => true,
-    switch: (index) => typeof index === "number"
+    switch: (index) => isNumber(index)
   };
 
   const _hoisted_1$s = ["src"];
@@ -46704,10 +46744,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;
@@ -46971,6 +47012,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();
       });
       {
@@ -51701,10 +51743,6 @@
 
   const uploadContentProps = buildProps({
     ...uploadBaseProps,
-    fileList: {
-      type: definePropType(Array),
-      default: () => mutable([])
-    },
     beforeUpload: {
       type: definePropType(Function),
       default: NOOP
@@ -51907,7 +51945,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;
@@ -51920,6 +51958,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);
@@ -52003,14 +52042,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,
@@ -52018,8 +52057,7 @@
       handleStart,
       handleSuccess,
       handleRemove,
-      submit,
-      uploadFiles
+      submit
     };
   };