@cmstops/pro-compo 3.9.2-alpha.11 → 3.9.2-alpha.13

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

@@ -0,0 +1,436 @@
+import { defineComponent, ref, computed, watch, h, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createBlock, createElementVNode, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
+import { IconRight, IconDown } from "@arco-design/web-vue/es/icon";
+import { Checkbox, Table, Pagination, Message } from "@arco-design/web-vue";
+import _sfc_main$2 from "../../../typeIcons/component.js";
+import _sfc_main$1 from "./MediaFilter/index.js";
+import _sfc_main$3 from "../../../dataTags/component.js";
+import useTableBatch from "../../../hooks/batch.js";
+import { timeFormat } from "../../../utils/index.js";
+import { getCategoryMediaNew, getPoliticals, getMlists } from "../../script/api.js";
+import "./index.vue_vue_type_style_index_0_scoped_true_lang.js";
+import _export_sfc from "../../../_virtual/plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "view-all-column-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "content-table-view"
+};
+const _hoisted_3 = { class: "title-span" };
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = { class: "title-span" };
+const _hoisted_6 = { class: "title-span" };
+const _hoisted_7 = {
+  key: 1,
+  class: "content-table-view"
+};
+const _hoisted_8 = { class: "title-span" };
+const _hoisted_9 = { class: "title" };
+const _hoisted_10 = { class: "title-span" };
+const _hoisted_11 = { class: "title-span" };
+const _hoisted_12 = { class: "bottom-view" };
+const _hoisted_13 = { class: "left" };
+const _sfc_main = defineComponent({
+  ...{ name: "ViewAllColumn" },
+  __name: "index",
+  props: {
+    maxSelect: {},
+    defaultSelectedData: {},
+    typeData: {},
+    series: {},
+    banner: {},
+    userInfo: {},
+    typeKey: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const _maxSelect = props.maxSelect || 100;
+    const selectedData = ref([]);
+    const categoryCascaderData = ref([]);
+    const listMinHeight = ref(0);
+    const mediaFileData = ref([]);
+    const filter = ref(null);
+    const page = ref({
+      index: 1,
+      size: 30,
+      total: 0
+    });
+    const tempSelectedData = computed(() => {
+      return props.defaultSelectedData || [];
+    });
+    watch(
+      () => tempSelectedData.value,
+      (val) => {
+        selectedData.value = val;
+      }
+    );
+    const importantBanner = computed(() => {
+      if (!props.banner || props.banner === "all")
+        return false;
+      return !!props.banner;
+    });
+    const {
+      isItemChecked,
+      tableCellMouseEnter,
+      tableCellMouseLeave
+    } = useTableBatch();
+    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 Message.warning({ content: "\u8BE5\u5185\u5BB9\u4E0D\u5177\u5907\u72EC\u7ACB\u8F6E\u64AD\u56FE" });
+        }
+      }
+      addDataToSelectedList(record);
+      return true;
+    };
+    const addDataToSelectedList = async (record) => {
+      const index = selectedData.value.findIndex((v) => v.id === record.id);
+      if (selectedData.value.length < _maxSelect) {
+        if (index === -1) {
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index, 1);
+        }
+        emitChange();
+      } else {
+        if (index === -1) {
+          selectedData.value.splice(selectedData.value.length - 1, 1);
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index, 1);
+        }
+        emitChange();
+      }
+    };
+    const emitChange = () => {
+      emit("change", selectedData.value);
+    };
+    const group_id = 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 = (index) => {
+      page.value.index = index;
+      loadData();
+    };
+    watch(
+      () => group_id.value,
+      () => {
+        page.value.index = 1;
+        loadData();
+      }
+    );
+    const columns = ref([
+      {
+        title: "\u52FE",
+        dataIndex: "select",
+        slotName: "select",
+        width: 40,
+        titleSlotName: "selectTitle",
+        render: ({ record }) => {
+          if (props.typeKey === "series:special_v3") {
+            if (record.isLeaf) {
+              return h(Checkbox, {
+                modelValue: isItemChecked.value(selectedData.value, record),
+                class: "icon"
+              });
+            }
+            return null;
+          }
+          return h(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 = 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 = 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 getCategoryMediaNew(
+          props.userInfo.BASE_API,
+          params
+        );
+        code = code1;
+        message = message1;
+      } else {
+        params.state = 2;
+        const { code: code1, message: message1 } = await 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 getMlists(props.userInfo.BASE_API, {
+        rid: 4,
+        gid: record.special_id
+      });
+      window.setTimeout(() => {
+        done(
+          res.message.map((item) => ({
+            ...item,
+            isLeaf: true,
+            key: item.id
+          }))
+        );
+      }, 2e3);
+    };
+    onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          group_id: group_id.value,
+          "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
+          banner: _ctx.banner,
+          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 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(Table), {
+            bordered: false,
+            columns: columns.value,
+            data: mediaFileData.value,
+            pagination: false,
+            loading: dataLoading.value,
+            scroll: scrollPercent,
+            "load-more": loadMore,
+            onCellMouseEnter: unref(tableCellMouseEnter),
+            onCellMouseLeave: unref(tableCellMouseLeave),
+            onRowClick: selectTableCell
+          }, {
+            "expand-icon": withCtx(({ expanded }) => [
+              !expanded ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))
+            ]),
+            selectTitle: withCtx(() => [
+              createVNode(unref(Checkbox), {
+                "model-value": selectedData.value.length === mediaFileData.value.length,
+                class: "icon",
+                onChange: selectTableAll
+              }, null, 8, ["model-value"])
+            ]),
+            select: withCtx(({ record }) => [
+              createVNode(unref(Checkbox), {
+                "model-value": unref(isItemChecked)(selectedData.value, record),
+                class: "icon"
+              }, null, 8, ["model-value"])
+            ]),
+            title: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_3, [
+                createVNode(_sfc_main$2, {
+                  type: record.series,
+                  class: "icon",
+                  doc: ""
+                }, null, 8, ["type"]),
+                createElementVNode("span", _hoisted_4, 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_5, [
+                createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
+              ])
+            ]),
+            pub_time: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_6, [
+                createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+          createVNode(unref(Table), {
+            bordered: false,
+            columns: politicalColumns.value,
+            data: mediaFileData.value,
+            pagination: false,
+            loading: dataLoading.value,
+            scroll: scrollPercent,
+            onCellMouseEnter: unref(tableCellMouseEnter),
+            onCellMouseLeave: unref(tableCellMouseLeave),
+            onRowClick: selectTableCell
+          }, {
+            selectTitle: withCtx(() => [
+              createVNode(unref(Checkbox), {
+                "model-value": selectedData.value.length === mediaFileData.value.length,
+                class: "icon",
+                onChange: selectTableAll
+              }, null, 8, ["model-value"])
+            ]),
+            select: withCtx(({ record }) => [
+              createVNode(unref(Checkbox), {
+                "model-value": unref(isItemChecked)(selectedData.value, record),
+                class: "icon"
+              }, null, 8, ["model-value"])
+            ]),
+            name: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_8, [
+                createVNode(_sfc_main$2, {
+                  type: record.series,
+                  class: "icon",
+                  doc: ""
+                }, null, 8, ["type"]),
+                createElementVNode("span", _hoisted_9, toDisplayString(record.name || record.alias || "--"), 1)
+              ])
+            ]),
+            series: withCtx(({ record }) => [
+              createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
+            ]),
+            position: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_10, [
+                createElementVNode("span", null, toDisplayString(record.position || "--"), 1)
+              ])
+            ]),
+            city_alias: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_11, [
+                createElementVNode("span", null, toDisplayString(record.city_alias || "--"), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+        ])),
+        createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_13, [
+            renderSlot(_ctx.$slots, "store", {}, void 0, true),
+            withDirectives(createVNode(unref(Pagination), {
+              current: page.value.index,
+              "page-size": page.value.size,
+              total: page.value.total,
+              onChange: pageChangeHandle
+            }, null, 8, ["current", "page-size", "total"]), [
+              [vShow, mediaFileData.value.length > 0]
+            ])
+          ]),
+          renderSlot(_ctx.$slots, "options", {}, void 0, true)
+        ])
+      ]);
+    };
+  }
+});
+var ViewAllColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-124914fc"]]);
+export { ViewAllColumn as default };

package/es/selectAddTo/components/ViewAllColumn/index.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -0,0 +1,2 @@
+var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+export { index_vue_vue_type_style_index_0_scoped_true_lang as default };

package/es/selectAddTo/index.js

@@ -0,0 +1,16 @@
+import _sfc_main from "./component.js";
+import ViewAllColumn from "./components/ViewAllColumn/index.js";
+export { default as ViewAllColumn } from "./components/ViewAllColumn/index.js";
+import _sfc_main$1 from "./components/ViewAllColumn/MediaFilter/index.js";
+export { default as MediaFilter } from "./components/ViewAllColumn/MediaFilter/index.js";
+import _sfc_main$2 from "./components/ViewAllColumn/columnTree/index.js";
+export { default as ColumnTree } from "./components/ViewAllColumn/columnTree/index.js";
+const selectAddTo = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component("SelectAddTo", _sfc_main);
+    app.component("ViewAllColumn", ViewAllColumn);
+    app.component("MediaFilter", _sfc_main$1);
+    app.component("ColumnTree", _sfc_main$2);
+  }
+});
+export { selectAddTo as default };

package/es/selectAddTo/script/api.js

@@ -0,0 +1,36 @@
+import request from "../../utils/request.js";
+function getCategoryPath(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/repo/${params == null ? void 0 : params.repo}/category/${params == null ? void 0 : params.category}/path`,
+    method: "get"
+  });
+}
+function getCategoryMediaNew(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v3/s/documents`,
+    method: "get",
+    params
+  });
+}
+function getPoliticals(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/politics/list",
+    method: "get",
+    params
+  });
+}
+function getMlists(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/mlists`,
+    method: "get",
+    params
+  });
+}
+function getConfigurationNew(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/configuration",
+    method: "get",
+    params
+  });
+}
+export { getCategoryMediaNew, getCategoryPath, getConfigurationNew, getMlists, getPoliticals };

package/es/style.css

@@ -1,3 +1,19 @@
+.pic-thumb-img[data-v-124914fc] {
+  width: 80px;
+  height: 80px;
+  object-fit: cover;
+  border-radius: 4px;
+}
+.pic-thumb-img.placeholder[data-v-124914fc] {
+  background-color: #f5f5f5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pic-thumb-img.placeholder .placeholder-text[data-v-124914fc] {
+  color: #999;
+  font-size: 12px;
+}
 .type-icons-container {
   display: inline-block;
   vertical-align: middle;

package/lib/index.js

@@ -30,6 +30,7 @@ var index$p = require("./docPreview/index.js");
 var index$q = require("./docHistory/index.js");
 var index$r = require("./videoThumb/index.js");
 var index$s = require("./importData/index.js");
+var index$t = require("./selectAddTo/index.js");
 exports["default"] = components;
 exports.appCenter = index;
 exports.messageBox = index$1;
@@ -60,3 +61,4 @@ exports.docPreview = index$p;
 exports.docHistory = index$q;
 exports.videoThumb = index$r;
 exports.importData = index$s;
+exports.selectAddTo = index$t["default"];