@element-plus/nightly 0.0.20220330 → 0.0.20220331

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220330 */
+/*! Element Plus v0.0.20220331 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -5166,7 +5166,7 @@
     };
   };
 
-  const version$1 = "0.0.20220330";
+  const version$1 = "0.0.20220331";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -6367,6 +6367,13 @@
           });
         }
       };
+      function scrollTo(arg1, arg2) {
+        if (isObject$1(arg1)) {
+          wrap$.value.scrollTo(arg1);
+        } else if (isNumber(arg1) && isNumber(arg2)) {
+          wrap$.value.scrollTo(arg1, arg2);
+        }
+      }
       const setScrollTop = (value) => {
         if (!isNumber(value)) {
           return;
@@ -6435,6 +6442,7 @@
         style,
         update,
         handleScroll,
+        scrollTo,
         setScrollTop,
         setScrollLeft
       };
@@ -9205,8 +9213,8 @@
   const avatarProps = buildProps({
     size: {
       type: [Number, String],
-      values: ["large", "default", "small"],
-      default: "default",
+      values: componentSizes,
+      default: "",
       validator: (val) => typeof val === "number"
     },
     shape: {
@@ -15683,13 +15691,15 @@
     },
     size: {
       type: String,
-      values: ["large", "default", "small"]
+      values: componentSizes,
+      default: ""
     },
     effect: {
       type: String,
       values: ["dark", "light", "plain"],
       default: "light"
-    }
+    },
+    round: Boolean
   });
   const tagEmits = {
     close: (evt) => evt instanceof MouseEvent,
@@ -15708,14 +15718,15 @@
       const tagSize = useSize();
       const ns = useNamespace("tag");
       const classes = vue.computed(() => {
-        const { type, hit, effect, closable } = props;
+        const { type, hit, effect, closable, round } = props;
         return [
           ns.b(),
           ns.is("closable", closable),
           ns.m(type),
           ns.m(tagSize.value),
           ns.m(effect),
-          ns.is("hit", hit)
+          ns.is("hit", hit),
+          ns.is("round", round)
         ];
       });
       const handleClose = (event) => {
@@ -17922,7 +17933,8 @@
     },
     size: {
       type: String,
-      values: ["large", "", "small"]
+      values: componentSizes,
+      default: ""
     },
     button: {
       type: definePropType(Object)
@@ -32953,7 +32965,7 @@
         if (hasModelValue.value) {
           states.previousValue = props.modelValue;
           const options = filteredOptions.value;
-          const selectedItemIndex = options.findIndex((option) => getValueKey(option) === props.modelValue);
+          const selectedItemIndex = options.findIndex((option) => getValueKey(option) === getValueKey(props.modelValue));
           if (~selectedItemIndex) {
             states.selectedLabel = options[selectedItemIndex].label;
             updateHoveringIndex(selectedItemIndex);
@@ -37883,6 +37895,7 @@
           column: columnData,
           row,
           $index,
+          cellIndex,
           expanded
         };
         if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {
@@ -38353,6 +38366,7 @@
       display: "inline-block",
       verticalAlign: "middle"
     };
+    const tableWidth = vue.ref();
     vue.watchEffect(() => {
       layout.setHeight(props.height);
     });
@@ -38409,7 +38423,7 @@
       bindEvents();
       requestAnimationFrame(doLayout);
       resizeState.value = {
-        width: table.vnode.el.offsetWidth,
+        width: tableWidth.value = table.vnode.el.offsetWidth,
         height: table.vnode.el.offsetHeight
       };
       store.states.columns.value.forEach((column) => {
@@ -38500,7 +38514,7 @@
       let shouldUpdateLayout = false;
       const el = table.vnode.el;
       const { width: oldWidth, height: oldHeight } = resizeState.value;
-      const width = el.offsetWidth;
+      const width = tableWidth.value = el.offsetWidth;
       if (oldWidth !== width) {
         shouldUpdateLayout = true;
       }
@@ -38573,7 +38587,7 @@
         height2 = `calc(100% - ${layout.appendHeight.value}px)`;
       }
       return {
-        width: `${resizeState.value.width}px`,
+        width: tableWidth.value ? `${tableWidth.value}px` : "",
         height: height2
       };
     });
@@ -38737,9 +38751,11 @@
 
   const useScrollbar = () => {
     const scrollBarRef = vue.ref();
-    const scrollTo = ({ top, left }) => {
-      setScrollTop(top);
-      setScrollLeft(left);
+    const scrollTo = (options, yCoord) => {
+      const scrollbar = scrollBarRef.value;
+      if (scrollbar) {
+        scrollbar.scrollTo(options, yCoord);
+      }
     };
     const setScrollPosition = (position, offset) => {
       const scrollbar = scrollBarRef.value;
@@ -39209,15 +39225,23 @@
     row,
     treeNode,
     store
-  }) {
-    if (!treeNode)
+  }, createPlacehoder = false) {
+    const { ns } = store;
+    if (!treeNode) {
+      if (createPlacehoder) {
+        return [
+          vue.h("span", {
+            class: ns.e("placeholder")
+          })
+        ];
+      }
       return null;
+    }
     const ele = [];
     const callback = function(e) {
       e.stopPropagation();
       store.loadOrToggle(row);
     };
-    const { ns } = store;
     if (treeNode.indent) {
       ele.push(vue.h("span", {
         class: ns.e("indent"),
@@ -39342,6 +39366,14 @@
       }
       return parent;
     });
+    const hasTreeColumn = vue.computed(() => {
+      const { store } = instance.parent;
+      if (!store)
+        return false;
+      const { treeData } = store.states;
+      const treeDataValue = treeData.value;
+      return treeDataValue && Object.keys(treeDataValue).length > 0;
+    });
     const realWidth = vue.ref(parseWidth(props.width));
     const realMinWidth = vue.ref(parseMinWidth(props.minWidth));
     const setColumnWidth = (column) => {
@@ -39394,6 +39426,7 @@
         };
       }
       let originRenderCell = column.renderCell;
+      const hasTreeColumnValue = hasTreeColumn.value;
       if (column.type === "expand") {
         column.renderCell = (data) => vue.h("div", {
           class: "cell"
@@ -39411,7 +39444,8 @@
           } else {
             children = originRenderCell(data);
           }
-          const prefix = treeCellPrefix(data);
+          const shouldCreatePlaceholder = hasTreeColumnValue && data.cellIndex === 0;
+          const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
           const props2 = {
             class: "cell",
             style: {}
@@ -40298,8 +40332,8 @@
       },
       size: {
         type: String,
-        default: "default",
-        validator: (value) => !value || ["large", "default", "small"].includes(value)
+        values: componentSizes,
+        default: ""
       },
       placeholder: {
         type: String,
@@ -44629,7 +44663,8 @@
   const _hoisted_1$3 = ["onKeydown"];
   const _hoisted_2$3 = ["name", "multiple", "accept"];
   const __default__$1 = {
-    name: "ElUploadContent"
+    name: "ElUploadContent",
+    inheritAttrs: false
   };
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1,
@@ -45757,7 +45792,7 @@
       });
       if (tempVm) {
         tempVm.vm.component.props.repeatNum += 1;
-        tempVm.vm.component.props.type = options == null ? void 0 : options.type;
+        tempVm.vm.component.props.type = (options == null ? void 0 : options.type) || "info";
         return {
           close: () => vm.component.proxy.visible = false
         };