@cmstops/pro-compo 3.10.5-stable.5 → 3.10.5-stable.6

package/es/contentModal/components/ViewAllColumn/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, toDisplayString, renderSlot, withDirectives, vShow, nextTick } from "vue";
 import _imports_0 from "../../images/pic-thumb.js";
 import { Table, Checkbox, Pagination, Message } from "@arco-design/web-vue";
 import _sfc_main$2 from "../../../typeIcons/component.js";
@@ -8,20 +8,19 @@ import useTableBatch from "../../../hooks/batch.js";
 import { timeFormat } from "../../../utils/index.js";
 import { getCategoryMediaNew, checkCommitFulfillment, getCategoryCategoriesTree } from "../../script/api.js";
 const _hoisted_1 = { class: "view-all-column-container" };
-const _hoisted_2 = { class: "content-table-view" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
   key: 1,
   alt: "",
   class: "pic-thumb-img",
   src: _imports_0
 };
-const _hoisted_5 = { class: "title-span" };
-const _hoisted_6 = { class: "title" };
+const _hoisted_4 = { class: "title-span" };
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "title-span" };
 const _hoisted_7 = { class: "title-span" };
-const _hoisted_8 = { class: "title-span" };
-const _hoisted_9 = { class: "bottom-view" };
-const _hoisted_10 = { class: "left" };
+const _hoisted_8 = { class: "bottom-view" };
+const _hoisted_9 = { class: "left" };
 const _sfc_main = defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
@@ -141,9 +140,25 @@ const _sfc_main = defineComponent({
       page.value.index = 1;
       loadData();
     };
+    const tableRef = ref(null);
+    const tableContainerRef = ref(null);
+    const resetScrollPosition = () => {
+      nextTick(() => {
+        if (tableRef.value) {
+          const tableElement = tableRef.value.$el;
+          const scrollContainer = tableElement == null ? void 0 : tableElement.querySelector(
+            ".arco-table-body"
+          );
+          if (scrollContainer) {
+            scrollContainer.scrollTop = 0;
+          }
+        }
+      });
+    };
     const pageChangeHandle = (index) => {
       page.value.index = index;
       loadData();
+      resetScrollPosition();
     };
     watch(
       () => group_id.value,
@@ -258,6 +273,7 @@ const _sfc_main = defineComponent({
           return v;
         }) || [];
         page.value.total = message.total || message.count;
+        resetScrollPosition();
       }
     };
     onMounted(() => {
@@ -276,8 +292,14 @@ const _sfc_main = defineComponent({
           "user-info": props.userInfo,
           onSearch: search
         }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", {
+          ref_key: "tableContainerRef",
+          ref: tableContainerRef,
+          class: "content-table-view"
+        }, [
           createVNode(unref(Table), {
+            ref_key: "tableRef",
+            ref: tableRef,
             bordered: false,
             columns: columns.value,
             data: mediaFileData.value,
@@ -309,37 +331,37 @@ const _sfc_main = defineComponent({
                   src: (_f = (_e = (_d = record.cover) == null ? void 0 : _d.data) == null ? void 0 : _e[0]) == null ? void 0 : _f.thumb,
                   alt: "",
                   class: "pic-thumb-img"
-                }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("img", _hoisted_4))
+                }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("img", _hoisted_3))
               ];
             }),
             title: withCtx(({ record }) => [
-              createElementVNode("span", _hoisted_5, [
+              createElementVNode("span", _hoisted_4, [
                 createVNode(_sfc_main$2, {
                   type: record.series,
                   class: "icon",
                   doc: ""
                 }, null, 8, ["type"]),
-                createElementVNode("span", _hoisted_6, toDisplayString(record.title || record.alias || "--"), 1)
+                createElementVNode("span", _hoisted_5, toDisplayString(record.title || record.alias || "--"), 1)
               ])
             ]),
             series: withCtx(({ record }) => [
               createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: withCtx(({ record }) => [
-              createElementVNode("span", _hoisted_7, [
+              createElementVNode("span", _hoisted_6, [
                 createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
               ])
             ]),
             pub_time: withCtx(({ record }) => [
-              createElementVNode("span", _hoisted_8, [
+              createElementVNode("span", _hoisted_7, [
                 createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
               ])
             ]),
             _: 1
           }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
-        ]),
-        createElementVNode("div", _hoisted_9, [
-          createElementVNode("div", _hoisted_10, [
+        ], 512),
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
             renderSlot(_ctx.$slots, "store"),
             withDirectives(createVNode(unref(Pagination), {
               current: page.value.index,

package/lib/contentModal/components/ViewAllColumn/index.js

@@ -9,20 +9,19 @@ var batch = require("../../../hooks/batch.js");
 var index$1 = require("../../../utils/index.js");
 var api = require("../../script/api.js");
 const _hoisted_1 = { class: "view-all-column-container" };
-const _hoisted_2 = { class: "content-table-view" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
   key: 1,
   alt: "",
   class: "pic-thumb-img",
   src: picThumb
 };
-const _hoisted_5 = { class: "title-span" };
-const _hoisted_6 = { class: "title" };
+const _hoisted_4 = { class: "title-span" };
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "title-span" };
 const _hoisted_7 = { class: "title-span" };
-const _hoisted_8 = { class: "title-span" };
-const _hoisted_9 = { class: "bottom-view" };
-const _hoisted_10 = { class: "left" };
+const _hoisted_8 = { class: "bottom-view" };
+const _hoisted_9 = { class: "left" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
@@ -142,9 +141,25 @@ const _sfc_main = vue.defineComponent({
       page.value.index = 1;
       loadData();
     };
+    const tableRef = vue.ref(null);
+    const tableContainerRef = vue.ref(null);
+    const resetScrollPosition = () => {
+      vue.nextTick(() => {
+        if (tableRef.value) {
+          const tableElement = tableRef.value.$el;
+          const scrollContainer = tableElement == null ? void 0 : tableElement.querySelector(
+            ".arco-table-body"
+          );
+          if (scrollContainer) {
+            scrollContainer.scrollTop = 0;
+          }
+        }
+      });
+    };
     const pageChangeHandle = (index2) => {
       page.value.index = index2;
       loadData();
+      resetScrollPosition();
     };
     vue.watch(
       () => group_id.value,
@@ -259,6 +274,7 @@ const _sfc_main = vue.defineComponent({
           return v;
         }) || [];
         page.value.total = message.total || message.count;
+        resetScrollPosition();
       }
     };
     vue.onMounted(() => {
@@ -277,8 +293,14 @@ const _sfc_main = vue.defineComponent({
           "user-info": props.userInfo,
           onSearch: search
         }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
-        vue.createElementVNode("div", _hoisted_2, [
+        vue.createElementVNode("div", {
+          ref_key: "tableContainerRef",
+          ref: tableContainerRef,
+          class: "content-table-view"
+        }, [
           vue.createVNode(vue.unref(webVue.Table), {
+            ref_key: "tableRef",
+            ref: tableRef,
             bordered: false,
             columns: columns.value,
             data: mediaFileData.value,
@@ -310,37 +332,37 @@ const _sfc_main = vue.defineComponent({
                   src: (_f = (_e = (_d = record.cover) == null ? void 0 : _d.data) == null ? void 0 : _e[0]) == null ? void 0 : _f.thumb,
                   alt: "",
                   class: "pic-thumb-img"
-                }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_4))
+                }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_3))
               ];
             }),
             title: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_5, [
+              vue.createElementVNode("span", _hoisted_4, [
                 vue.createVNode(component, {
                   type: record.series,
                   class: "icon",
                   doc: ""
                 }, null, 8, ["type"]),
-                vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(record.title || record.alias || "--"), 1)
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(record.title || record.alias || "--"), 1)
               ])
             ]),
             series: vue.withCtx(({ record }) => [
               vue.createVNode(component$1, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_7, [
+              vue.createElementVNode("span", _hoisted_6, [
                 vue.createElementVNode("span", null, vue.toDisplayString(record.duty_editor || "--"), 1)
               ])
             ]),
             pub_time: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_8, [
+              vue.createElementVNode("span", _hoisted_7, [
                 vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
               ])
             ]),
             _: 1
           }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
-        ]),
-        vue.createElementVNode("div", _hoisted_9, [
-          vue.createElementVNode("div", _hoisted_10, [
+        ], 512),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
             vue.renderSlot(_ctx.$slots, "store"),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Pagination), {
               current: page.value.index,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "3.10.5-stable.5",
+  "version": "3.10.5-stable.6",
   "description": "",
   "keywords": [
     "vue",