@element-plus/nightly 0.0.20230126 → 0.0.20230128

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230126 */
+/*! Element Plus v0.0.20230128 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11202,7 +11202,7 @@
     };
   };
 
-  const version$1 = "0.0.20230126";
+  const version$1 = "0.0.20230128";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -42236,6 +42236,7 @@
     const leafColumns = vue.ref([]);
     const fixedLeafColumns = vue.ref([]);
     const rightFixedLeafColumns = vue.ref([]);
+    const updateOrderFns = [];
     const leafColumnsLength = vue.ref(0);
     const fixedLeafColumnsLength = vue.ref(0);
     const rightFixedLeafColumnsLength = vue.ref(0);
@@ -42612,6 +42613,7 @@
         leafColumns,
         fixedLeafColumns,
         rightFixedLeafColumns,
+        updateOrderFns,
         leafColumnsLength,
         fixedLeafColumnsLength,
         rightFixedLeafColumnsLength,
@@ -42682,7 +42684,7 @@
           instance.store.scheduleLayout();
         }
       },
-      insertColumn(states, column, parent) {
+      insertColumn(states, column, parent, updateColumnOrder) {
         const array = vue.unref(states._columns);
         let newColumns = [];
         if (!parent) {
@@ -42697,6 +42699,7 @@
         }
         sortColumn(newColumns);
         states._columns.value = newColumns;
+        states.updateOrderFns.push(updateColumnOrder);
         if (column.type === "selection") {
           states.selectable.value = column.selectable;
           states.reserveSelection.value = column.reserveSelection;
@@ -42706,7 +42709,17 @@
           instance.store.scheduleLayout();
         }
       },
-      removeColumn(states, column, parent) {
+      updateColumnOrder(states, column) {
+        var _a;
+        const newColumnIndex = (_a = column.getColumnIndex) == null ? void 0 : _a.call(column);
+        if (newColumnIndex === column.no)
+          return;
+        sortColumn(states._columns.value);
+        if (instance.$ready) {
+          instance.store.updateColumns();
+        }
+      },
+      removeColumn(states, column, parent, updateColumnOrder) {
         const array = vue.unref(states._columns) || [];
         if (parent) {
           parent.children.splice(parent.children.findIndex((item) => item.id === column.id), 1);
@@ -42724,6 +42737,8 @@
             states._columns.value = array;
           }
         }
+        const updateFnIndex = states.updateOrderFns.indexOf(updateColumnOrder);
+        updateFnIndex > -1 && states.updateOrderFns.splice(updateFnIndex, 1);
         if (instance.$ready) {
           instance.store.updateColumns();
           instance.store.scheduleLayout();
@@ -44849,6 +44864,27 @@
     };
   }
 
+  function useKeyRender(table) {
+    const observer = vue.ref();
+    const initWatchDom = () => {
+      const el = table.vnode.el;
+      const columnsWrapper = el.querySelector(".hidden-columns");
+      const config = { childList: true, subtree: true };
+      const updateOrderFns = table.store.states.updateOrderFns;
+      observer.value = new MutationObserver(() => {
+        updateOrderFns.forEach((fn) => fn());
+      });
+      observer.value.observe(columnsWrapper, config);
+    };
+    vue.onMounted(() => {
+      initWatchDom();
+    });
+    vue.onUnmounted(() => {
+      var _a;
+      (_a = observer.value) == null ? void 0 : _a.disconnect();
+    });
+  }
+
   var defaultProps$1 = {
     data: {
       type: Array,
@@ -45045,6 +45081,7 @@
       const computedEmptyText = vue.computed(() => {
         return props.emptyText || t("el.table.emptyText");
       });
+      useKeyRender(table);
       return {
         ns,
         layout,
@@ -45655,6 +45692,9 @@
     const getColumnElIndex = (children, child) => {
       return Array.prototype.indexOf.call(children, child);
     };
+    const updateColumnOrder = () => {
+      owner.value.store.commit("updateColumnOrder", instance.columnConfig.value);
+    };
     return {
       columnId,
       realAlign,
@@ -45665,7 +45705,8 @@
       setColumnForcedProps,
       setColumnRenders,
       getPropsData,
-      getColumnElIndex
+      getColumnElIndex,
+      updateColumnOrder
     };
   }
 
@@ -45754,7 +45795,8 @@
         setColumnRenders,
         getPropsData,
         getColumnElIndex,
-        realAlign
+        realAlign,
+        updateColumnOrder
       } = useRender(props, slots, owner);
       const parent = columnOrTableParent.value;
       columnId.value = `${parent.tableId || parent.columnId}_column_${columnIdSeed++}`;
@@ -45816,10 +45858,10 @@
         const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
         columnConfig.value.getColumnIndex = getColumnIndex;
         const columnIndex = getColumnIndex();
-        columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null);
+        columnIndex > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? parent2.columnConfig.value : null, updateColumnOrder);
       });
       vue.onBeforeUnmount(() => {
-        owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null);
+        owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? parent.columnConfig.value : null, updateColumnOrder);
       });
       instance.columnId = columnId.value;
       instance.columnConfig = columnConfig;