@element-plus/nightly 0.0.20220608 → 0.0.20220609

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220608 */
+/*! Element Plus v0.0.20220609 */
 
 (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.20220609";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -29908,6 +29908,7 @@
     }
   });
   const imageEmits = {
+    load: (evt) => evt instanceof Event,
     error: (evt) => evt instanceof Event,
     switch: (val) => isNumber(val),
     close: () => true
@@ -29971,9 +29972,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 +30071,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,
@@ -42670,6 +42681,7 @@
 
   function useRender$1(props) {
     const parent = vue.inject(TABLE_INJECTION_KEY);
+    const ns = useNamespace("table");
     const {
       handleDoubleClick,
       handleClick,
@@ -42705,7 +42717,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 : {