@cmstops/pro-compo 3.9.2-alpha.19 → 3.9.2-alpha.20

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

@@ -5,9 +5,9 @@ var webVue = require("@arco-design/web-vue");
 var component = require("../../../typeIcons/component.js");
 var index = require("./MediaFilter/index.js");
 var component$1 = require("../../../dataTags/component.js");
-var batch = require("../../../hooks/batch.js");
 var index$1 = require("../../../utils/index.js");
-var api = require("../../script/api.js");
+var useViewAllColumnState = require("./script/useViewAllColumnState.js");
+var useTableColumns = require("./script/useTableColumns.js");
 require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");
 var pluginVue_exportHelper = require("../../../_virtual/plugin-vue_export-helper.js");
 const _hoisted_1 = { class: "view-all-column-container" };
@@ -33,12 +33,6 @@ const _sfc_main = vue.defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
   props: {
-    maxSelect: {},
-    defaultSelectedData: {},
-    typeData: {},
-    series: {},
-    banner: {},
-    userInfo: {},
     typeKey: {},
     rid: {}
   },
@@ -46,299 +40,69 @@ const _sfc_main = vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const _maxSelect = props.maxSelect || 100;
-    const selectedData = vue.ref([]);
-    const categoryCascaderData = vue.ref([]);
     const listMinHeight = vue.ref(0);
-    const mediaFileData = vue.ref([]);
-    const filter = vue.ref(null);
-    const page = vue.ref({
-      index: 1,
-      size: 30,
-      total: 0
-    });
-    const tempSelectedData = vue.computed(() => {
-      return props.defaultSelectedData || [];
-    });
-    vue.watch(
-      () => tempSelectedData.value,
-      (val) => {
-        selectedData.value = val;
-      }
-    );
-    const importantBanner = vue.computed(() => {
-      if (!props.banner || props.banner === "all")
-        return false;
-      return !!props.banner;
-    });
+    const categoryCascaderData = vue.ref([]);
+    const scrollPercent = { y: "100%" };
     const {
+      selectedData,
+      mediaFileData,
+      dataLoading,
+      group_id,
+      page,
       isItemChecked,
       tableCellMouseEnter,
-      tableCellMouseLeave
-    } = batch();
-    const selectTableCell = (record) => {
-      selectData(record);
-    };
-    const selectTableAll = (checked) => {
-      if (checked) {
-        selectedData.value = [];
-        mediaFileData.value.forEach((item) => selectData(item));
-      } else {
-        selectedData.value = [];
-      }
-      emitChange();
-    };
-    const selectData = (record) => {
-      if (importantBanner.value) {
-        const {
-          cover: { banner }
-        } = record;
-        if (!banner) {
-          return webVue.Message.warning({ content: "\u8BE5\u5185\u5BB9\u4E0D\u5177\u5907\u72EC\u7ACB\u8F6E\u64AD\u56FE" });
-        }
-      }
-      addDataToSelectedList(record);
-      return true;
-    };
-    const addDataToSelectedList = async (record) => {
-      const index2 = selectedData.value.findIndex((v) => v.id === record.id);
-      if (selectedData.value.length < _maxSelect) {
-        if (index2 === -1) {
-          selectedData.value.push(record);
-        } else {
-          selectedData.value.splice(index2, 1);
-        }
-        emitChange();
-      } else {
-        if (index2 === -1) {
-          selectedData.value.splice(selectedData.value.length - 1, 1);
-          selectedData.value.push(record);
-        } else {
-          selectedData.value.splice(index2, 1);
-        }
-        emitChange();
-      }
-    };
-    const emitChange = () => {
-      emit("change", selectedData.value);
-    };
-    const group_id = vue.ref(0);
-    const scrollPercent = { y: "100%" };
-    const search = (_filter) => {
-      columns.value.some((e) => {
-        if (e.dataIndex === "pub_time") {
-          e.title = _filter.order === "create_time" ? "\u521B\u5EFA\u65F6\u95F4" : "\u53D1\u5E03\u65F6\u95F4";
-          return e;
-        }
-        return false;
-      });
-      _filter = { ..._filter };
-      const where = [];
-      _filter.precise_kw && where.push(`precise_kw:${_filter.precise_kw}`);
-      _filter.keywords && where.push(`kw:${_filter.keywords}`);
-      _filter.type && where.push(`series:${_filter.type}`);
-      _filter.state && where.push(`state:${_filter.state}`);
-      _filter.cover_type && where.push(`cover_type:${_filter.cover_type}`);
-      _filter.banner && where.push(`banner:${_filter.banner}`);
-      if (_filter.publish_date && Array.isArray(_filter.publish_date) && _filter.publish_date.length > 0) {
-        where.push(`publish_from:${_filter.publish_date[0] / 1e3}`);
-        where.push(`publish_to:${_filter.publish_date[1] / 1e3}`);
-      }
-      _filter.where = where;
-      filter.value = { ..._filter };
-      page.value.index = 1;
-      loadData();
-    };
-    const pageChangeHandle = (index2) => {
-      page.value.index = index2;
-      loadData();
-    };
-    vue.watch(
-      () => group_id.value,
-      () => {
-        page.value.index = 1;
-        loadData();
-      }
+      tableCellMouseLeave,
+      selectTableCell,
+      selectTableAll,
+      search,
+      pageChangeHandle,
+      loadData,
+      loadMore
+    } = useViewAllColumnState.useViewAllColumnState(props, emit);
+    const { columns, politicalColumns } = useTableColumns.useTableColumns(
+      props,
+      selectedData,
+      isItemChecked
     );
-    const columns = vue.ref([
-      {
-        title: "\u52FE",
-        dataIndex: "select",
-        slotName: "select",
-        width: 40,
-        titleSlotName: "selectTitle",
-        render: ({ record }) => {
-          if (props.typeKey === "series:special_v3") {
-            if (record.isLeaf) {
-              return vue.h(webVue.Checkbox, {
-                modelValue: isItemChecked.value(selectedData.value, record),
-                class: "icon"
-              });
-            }
-            return null;
-          }
-          return vue.h(webVue.Checkbox, {
-            modelValue: isItemChecked.value(selectedData.value, record),
-            class: "icon"
-          });
-        }
-      },
-      {
-        title: "\u4E13\u9898/\u680F\u76EE\u540D\u79F0",
-        dataIndex: "title",
-        slotName: "title",
-        width: 428
-      },
-      {
-        title: "\u7F16\u8F91",
-        dataIndex: "duty_editor",
-        slotName: "duty_editor",
-        width: 100
-      },
-      {
-        title: "\u53D1\u5E03\u65F6\u95F4",
-        dataIndex: "pub_time",
-        slotName: "pub_time",
-        width: 150
-      }
-    ]);
-    const politicalColumns = vue.ref([
-      {
-        title: "\u52FE",
-        dataIndex: "select",
-        slotName: "select",
-        width: 40,
-        titleSlotName: "selectTitle"
-      },
-      {
-        title: "\u653F\u60C5\u4EBA\u7269\u59D3\u540D",
-        dataIndex: "name",
-        slotName: "name",
-        width: 428
-      },
-      {
-        title: "\u804C\u4F4D",
-        dataIndex: "position",
-        slotName: "position",
-        width: 100
-      },
-      {
-        title: "\u5730\u533A",
-        dataIndex: "city_alias",
-        slotName: "city_alias",
-        width: 150
-      }
-    ]);
-    const dataLoading = vue.ref(false);
-    const loadData = async () => {
-      const params = {
-        limit: page.value.size,
-        offset: page.value.size * (page.value.index - 1),
-        where: ["state:15|19"]
-      };
-      params.where.push(props.typeKey);
-      if (filter.value) {
-        const _filter = filter.value;
-        params.order = _filter.order;
-        params.sort = _filter.sort;
-        if (_filter.where) {
-          params.where = [...params.where, ..._filter.where];
-        }
-      }
-      params.where = params.where.join(",");
-      dataLoading.value = true;
-      let code = "";
-      let message = "";
-      if (props.typeKey) {
-        const { code: code1, message: message1 } = await api.getCategoryMediaNew(
-          props.userInfo.BASE_API,
-          params
-        );
-        code = code1;
-        message = message1;
-      } else {
-        params.state = 2;
-        const { code: code1, message: message1 } = await api.getPoliticals(
-          props.userInfo.BASE_API,
-          params
-        );
-        code = code1;
-        message = message1;
-      }
-      dataLoading.value = false;
-      if (code === 0) {
-        mediaFileData.value = (message.data || message.datas).map((v) => {
-          v.catalog = "doc";
-          v.target_id = v.id;
-          v.target_type = 3;
-          v.pub_time = v.pub_time || v.created_at;
-          v.update_time = v.updated_at;
-          v.pub_user_alias = v.author_alias;
-          v.key = v.id;
-          v.isLeaf = props.typeKey !== "series:special_v3";
-          return v;
-        }) || [];
-        page.value.total = message.total || message.count;
-      }
-    };
-    const loadMore = async (record, done) => {
-      const res = await api.getMlists(props.userInfo.BASE_API, {
-        rid: props.rid,
-        gid: record.special_id
-      });
-      window.setTimeout(() => {
-        done(
-          res.message.map((item) => ({
-            ...item,
-            isLeaf: true,
-            key: item.id,
-            parentName: record.title,
-            parentId: record.id
-          }))
-        );
-      }, 2e3);
-    };
     vue.onMounted(() => {
       loadData();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(index, {
-          group_id: group_id.value,
-          "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
-          banner: _ctx.banner,
+          group_id: vue.unref(group_id),
+          "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => vue.isRef(group_id) ? group_id.value = $event : null),
           height: listMinHeight.value,
-          series: props.series,
           tree: categoryCascaderData.value,
-          "user-info": props.userInfo,
-          onSearch: search
-        }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
-        _ctx.typeKey ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          "type-key": _ctx.typeKey,
+          onSearch: vue.unref(search)
+        }, null, 8, ["group_id", "height", "tree", "type-key", "onSearch"]),
+        _ctx.typeKey && _ctx.typeKey !== "ZQ" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.createVNode(vue.unref(webVue.Table), {
             bordered: false,
-            columns: columns.value,
-            data: mediaFileData.value,
+            columns: vue.unref(columns),
+            data: vue.unref(mediaFileData),
             pagination: false,
-            loading: dataLoading.value,
+            loading: vue.unref(dataLoading),
             scroll: scrollPercent,
-            "load-more": loadMore,
+            "load-more": vue.unref(loadMore),
             onCellMouseEnter: vue.unref(tableCellMouseEnter),
             onCellMouseLeave: vue.unref(tableCellMouseLeave),
-            onRowClick: selectTableCell
+            onRowClick: vue.unref(selectTableCell)
           }, {
             "expand-icon": vue.withCtx(({ expanded }) => [
               !expanded ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDown), { key: 1 }))
             ]),
             selectTitle: vue.withCtx(() => [
               vue.createVNode(vue.unref(webVue.Checkbox), {
-                "model-value": selectedData.value.length === mediaFileData.value.length,
+                "model-value": vue.unref(selectedData).length === vue.unref(mediaFileData).length,
                 class: "icon",
-                onChange: selectTableAll
-              }, null, 8, ["model-value"])
+                onChange: vue.unref(selectTableAll)
+              }, null, 8, ["model-value", "onChange"])
             ]),
             select: vue.withCtx(({ record }) => [
               vue.createVNode(vue.unref(webVue.Checkbox), {
-                "model-value": vue.unref(isItemChecked)(selectedData.value, record),
+                "model-value": vue.unref(isItemChecked)(vue.unref(selectedData), record),
                 class: "icon"
               }, null, 8, ["model-value"])
             ]),
@@ -347,7 +111,7 @@ const _sfc_main = vue.defineComponent({
                 vue.createVNode(component, {
                   type: record.series,
                   class: "icon",
-                  doc: ""
+                  doc: true
                 }, null, 8, ["type"]),
                 vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(record.title || record.alias || "--"), 1)
               ])
@@ -366,29 +130,29 @@ const _sfc_main = vue.defineComponent({
               ])
             ]),
             _: 1
-          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+          }, 8, ["columns", "data", "loading", "load-more", "onCellMouseEnter", "onCellMouseLeave", "onRowClick"])
         ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
           vue.createVNode(vue.unref(webVue.Table), {
             bordered: false,
-            columns: politicalColumns.value,
-            data: mediaFileData.value,
+            columns: vue.unref(politicalColumns),
+            data: vue.unref(mediaFileData),
             pagination: false,
-            loading: dataLoading.value,
+            loading: vue.unref(dataLoading),
             scroll: scrollPercent,
             onCellMouseEnter: vue.unref(tableCellMouseEnter),
             onCellMouseLeave: vue.unref(tableCellMouseLeave),
-            onRowClick: selectTableCell
+            onRowClick: vue.unref(selectTableCell)
           }, {
             selectTitle: vue.withCtx(() => [
               vue.createVNode(vue.unref(webVue.Checkbox), {
-                "model-value": selectedData.value.length === mediaFileData.value.length,
+                "model-value": vue.unref(selectedData).length === vue.unref(mediaFileData).length,
                 class: "icon",
-                onChange: selectTableAll
-              }, null, 8, ["model-value"])
+                onChange: vue.unref(selectTableAll)
+              }, null, 8, ["model-value", "onChange"])
             ]),
             select: vue.withCtx(({ record }) => [
               vue.createVNode(vue.unref(webVue.Checkbox), {
-                "model-value": vue.unref(isItemChecked)(selectedData.value, record),
+                "model-value": vue.unref(isItemChecked)(vue.unref(selectedData), record),
                 class: "icon"
               }, null, 8, ["model-value"])
             ]),
@@ -416,18 +180,18 @@ const _sfc_main = vue.defineComponent({
               ])
             ]),
             _: 1
-          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave", "onRowClick"])
         ])),
         vue.createElementVNode("div", _hoisted_12, [
           vue.createElementVNode("div", _hoisted_13, [
             vue.renderSlot(_ctx.$slots, "store", {}, void 0, true),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Pagination), {
-              current: page.value.index,
-              "page-size": page.value.size,
-              total: page.value.total,
-              onChange: pageChangeHandle
-            }, null, 8, ["current", "page-size", "total"]), [
-              [vue.vShow, mediaFileData.value.length > 0]
+              current: vue.unref(page).index,
+              "page-size": vue.unref(page).size,
+              total: vue.unref(page).total,
+              onChange: vue.unref(pageChangeHandle)
+            }, null, 8, ["current", "page-size", "total", "onChange"]), [
+              [vue.vShow, vue.unref(mediaFileData).length > 0]
             ])
           ]),
           vue.renderSlot(_ctx.$slots, "options", {}, void 0, true)
@@ -436,5 +200,5 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-var ViewAllColumn = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-9b59a360"]]);
+var ViewAllColumn = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-ac92e0de"]]);
 module.exports = ViewAllColumn;

package/lib/selectAddTo/components/ViewAllColumn/script/useTableColumns.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+const useTableColumns = (props, selectedData, isItemChecked) => {
+  const columns = vue.ref([
+    {
+      title: "\u52FE",
+      dataIndex: "select",
+      slotName: "select",
+      width: 40,
+      titleSlotName: "selectTitle",
+      render: ({ record }) => {
+        if (props.typeKey === "series:special_v3") {
+          if (record.isLeaf) {
+            return vue.h(webVue.Checkbox, {
+              modelValue: isItemChecked.value(selectedData.value, record),
+              class: "icon"
+            });
+          }
+          return null;
+        }
+        return vue.h(webVue.Checkbox, {
+          modelValue: isItemChecked.value(selectedData.value, record),
+          class: "icon"
+        });
+      }
+    },
+    {
+      title: "\u4E13\u9898/\u680F\u76EE\u540D\u79F0",
+      dataIndex: "title",
+      slotName: "title",
+      width: 428
+    },
+    {
+      title: "\u7F16\u8F91",
+      dataIndex: "duty_editor",
+      slotName: "duty_editor",
+      width: 100
+    },
+    {
+      title: "\u53D1\u5E03\u65F6\u95F4",
+      dataIndex: "pub_time",
+      slotName: "pub_time",
+      width: 150
+    }
+  ]);
+  const politicalColumns = vue.ref([
+    {
+      title: "\u52FE",
+      dataIndex: "select",
+      slotName: "select",
+      width: 40,
+      titleSlotName: "selectTitle"
+    },
+    {
+      title: "\u653F\u60C5\u4EBA\u7269\u59D3\u540D",
+      dataIndex: "name",
+      slotName: "name",
+      width: 428
+    },
+    {
+      title: "\u804C\u4F4D",
+      dataIndex: "position",
+      slotName: "position",
+      width: 100
+    },
+    {
+      title: "\u5730\u533A",
+      dataIndex: "city_alias",
+      slotName: "city_alias",
+      width: 150
+    }
+  ]);
+  return {
+    columns,
+    politicalColumns
+  };
+};
+exports.useTableColumns = useTableColumns;