@juzhenfe/page-model 3.12.2 → 3.12.4

package/dist/index.es.js

@@ -4166,7 +4166,7 @@ const _sfc_main$w = defineComponent({
       searchFormRef,
       totalShowFormEls.value
     );
-    computed(() => {
+    const needExpand = computed(() => {
       return showFormELsCount.value < totalShowFormEls.value.length;
     });
     const showFormEls = computed(() => {
@@ -4301,7 +4301,8 @@ const _sfc_main$w = defineComponent({
           createElementVNode("div", {
             class: normalizeClass(unref(createBEMName)("expand-button"))
           }, [
-            createElementVNode("div", {
+            searchFormManager.expandMode === "expanded" && needExpand.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
               class: normalizeClass([
                 "expand-button__collapse-bar",
                 { collapsed: !searchFormManager.isExpanded }
@@ -4314,9 +4315,9 @@ const _sfc_main$w = defineComponent({
                 ]),
                 _: 1
               })
-            ], 2),
+            ], 2)) : createCommentVNode("", true),
             searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_component_el_button, {
-              key: 0,
+              key: 1,
               link: "",
               size: searchFormManager.size,
               onClick: handleShowExpandDialog
@@ -7869,8 +7870,9 @@ const _sfc_main$l = {
   }
 };
 const useColumnDrag = () => {
+  let sortable;
   const initTableDrag = (opt) => {
-    new Sortable(opt.element, {
+    sortable = new Sortable(opt.element, {
       group: "name",
       sort: true,
       delay: 0,
@@ -7910,6 +7912,8 @@ const useColumnDrag = () => {
   return {
     initTableDrag,
     destroyTableDrag() {
+      sortable && sortable.destroy();
+      sortable = null;
     }
   };
 };
@@ -8077,6 +8081,17 @@ const _sfc_main$k = defineComponent({
         doTableLayout();
       }, 2e3);
     });
+    const handleTableHeaderDragEnd = (newWidth, oldWidth, column, event) => {
+      const newList = jsonClone(renderedTableEls.value);
+      console.log("newList", column);
+      const _column = newList.find(
+        (item) => item.label === column.label && item.prop === column.property
+      );
+      if (_column) {
+        _column.width = newWidth;
+        onSaveColumns(newList);
+      }
+    };
     onUnmounted(() => {
       tableManager.onUnmounted();
       scrollLifecycle.onUnmounted();
@@ -8114,6 +8129,7 @@ const _sfc_main$k = defineComponent({
                 data: usedTableData.value,
                 size: tableManager.size
               }, tableManager.tableProps, toHandlers(tableManager.tableEvents), {
+                onHeaderDragend: handleTableHeaderDragEnd,
                 height: "100%",
                 "max-height": "100%",
                 "table-layout": "auto"
@@ -12178,7 +12194,7 @@ const defineEditableTable = function(config) {
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.12.2";
+const version = "3.12.4";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [