@cmstops/pro-compo 3.9.0 → 3.9.1-harbin.1

package/es/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.js

@@ -0,0 +1,182 @@
+import { ref, computed, watch } from "vue";
+import { DEFAULT_BASE_API } from "../../../../config.js";
+import { getCategoryMediaNew, getPoliticals, getMlists } from "../../../script/api.js";
+import useTableBatch from "../../../../hooks/batch.js";
+const useViewAllColumnState = (props, emit) => {
+  const _maxSelect = props.maxSelect || 100;
+  const selectedData = ref([]);
+  const mediaFileData = ref([]);
+  const filter = ref(null);
+  const dataLoading = ref(false);
+  const group_id = ref(0);
+  const page = ref({
+    index: 1,
+    size: 30,
+    total: 0
+  });
+  const tempSelectedData = computed(() => props.defaultSelectedData || []);
+  watch(
+    () => tempSelectedData.value,
+    (val) => {
+      selectedData.value = val;
+    }
+  );
+  const { isItemChecked, tableCellMouseEnter, tableCellMouseLeave } = useTableBatch();
+  const selectTableCell = (record) => {
+    if (props.typeKey === "series:special_v3" ? record.isLeaf && record.parentId : true) {
+      selectData(record);
+    }
+  };
+  const selectTableAll = (checked) => {
+    if (checked) {
+      selectedData.value = [];
+      mediaFileData.value.forEach((item) => selectData(item));
+    } else {
+      selectedData.value = [];
+    }
+    emitChange();
+  };
+  const selectData = (record) => {
+    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 search = (_filter) => {
+    var _a;
+    _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 (((_a = _filter.publish_date) == null ? void 0 : _a.length) === 2) {
+      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 loadData = async () => {
+    var _a, _b;
+    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;
+    try {
+      let response;
+      if (props.typeKey && props.typeKey !== "ZQ") {
+        response = await getCategoryMediaNew(DEFAULT_BASE_API, params);
+      } else {
+        params.keyword = ((_a = filter.value) == null ? void 0 : _a.precise_kw) || ((_b = filter.value) == null ? void 0 : _b.keywords) || "";
+        params.state = 2;
+        response = await getPoliticals(DEFAULT_BASE_API, params);
+      }
+      const { code, message } = response;
+      if (code === 0) {
+        mediaFileData.value = (message.data || message.datas).map((v) => ({
+          ...v,
+          catalog: "doc",
+          target_id: v.id,
+          target_type: 3,
+          pub_time: v.pub_time || v.created_at,
+          update_time: v.updated_at,
+          pub_user_alias: v.author_alias,
+          key: v.id,
+          isLeaf: props.typeKey !== "series:special_v3"
+        }));
+        page.value.total = message.total || message.count;
+      }
+    } catch (error) {
+      console.error("Failed to load data:", error);
+    } finally {
+      dataLoading.value = false;
+    }
+  };
+  const loadMore = async (record, done) => {
+    try {
+      const res = await getMlists(DEFAULT_BASE_API, {
+        rid: props.rid,
+        gid: record.special_id
+      });
+      setTimeout(() => {
+        done(
+          res.message.map((item) => ({
+            ...item,
+            isLeaf: true,
+            key: item.id,
+            parentName: record.title,
+            parentId: record.id
+          }))
+        );
+      }, 2e3);
+    } catch (error) {
+      done([]);
+    }
+  };
+  return {
+    selectedData,
+    mediaFileData,
+    filter,
+    dataLoading,
+    group_id,
+    page,
+    isItemChecked,
+    tableCellMouseEnter,
+    tableCellMouseLeave,
+    selectTableCell,
+    selectTableAll,
+    search,
+    pageChangeHandle,
+    loadData,
+    loadMore
+  };
+};
+export { useViewAllColumnState };

package/es/selectAddTo/index.js

@@ -0,0 +1,7 @@
+import _selectAddTo from "./component.js";
+const selectAddTo = Object.assign(_selectAddTo, {
+  install: (app) => {
+    app.component(_selectAddTo.name, _selectAddTo);
+  }
+});
+export { selectAddTo as default };

package/es/selectAddTo/script/api.js

@@ -0,0 +1,23 @@
+import request from "../../utils/request.js";
+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
+  });
+}
+export { getCategoryMediaNew, getMlists, getPoliticals };

package/es/selectAddTo/script/useSelectAddToState.js

@@ -0,0 +1,55 @@
+import { computed, ref } from "vue";
+import { DEFAULT_BASE_API } from "../../config.js";
+const useSelectAddToState = (props, emit) => {
+  props.BASE_API || DEFAULT_BASE_API;
+  const visible = computed({
+    get() {
+      return props.visible;
+    },
+    set(value) {
+      emit("update:visible", value);
+    }
+  });
+  const selectedData = ref([]);
+  const title = computed(() => {
+    const titleMap = {
+      "series:video_album": "\u6DFB\u52A0\u81F3\u89C6\u9891\u5408\u96C6",
+      "series:special_v3": "\u6DFB\u52A0\u81F3\u4E13\u9898",
+      "series:audio_album": "\u6DFB\u52A0\u81F3\u97F3\u9891\u5408\u96C6",
+      "series:article_album": "\u6DFB\u52A0\u81F3\u653F\u60C5\u4EBA\u7269\u76F8\u5173\u62A5\u9053"
+    };
+    return titleMap[props.typeKey || ""] || "";
+  });
+  const hasSelected = computed(() => selectedData.value.length > 0);
+  const onSelectedDataChange = (data) => {
+    selectedData.value = data;
+  };
+  const onOk = () => {
+    visible.value = false;
+  };
+  const onCancel = () => {
+    visible.value = false;
+  };
+  const onComfirm = () => {
+    emit("comfirm", JSON.parse(JSON.stringify(selectedData.value)));
+  };
+  const onClose = () => {
+    selectedData.value = [];
+  };
+  const onTabChange = () => {
+    selectedData.value = [];
+  };
+  return {
+    visible,
+    title,
+    selectedData,
+    hasSelected,
+    onSelectedDataChange,
+    onOk,
+    onCancel,
+    onComfirm,
+    onClose,
+    onTabChange
+  };
+};
+export { useSelectAddToState };

package/es/selectAddTo/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/selectAddTo/style/index.css

@@ -0,0 +1,3 @@
+.select-add-to {
+  display: inline-block;
+}

package/es/selectAddTo/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/selectAddTo/style/index.less

@@ -0,0 +1,3 @@
+.select-add-to {
+  display: inline-block;
+}

package/es/selectAvatarList/style/index.less

@@ -1,4 +1,4 @@
-.large {
-  width: 40px !important;
-  height: 40px !important;
-}
+.large {
+  width: 40px !important;
+  height: 40px !important;
+}

package/es/selectGategory/component.js

@@ -57,7 +57,7 @@ const _sfc_main = defineComponent({
         onCancel: handleCancel
       }, {
         title: withCtx(() => _cache[2] || (_cache[2] = [
-          createTextVNode("\u53D1\u5E03\u81F3")
+          createTextVNode("\u53D1\u5E03\u81F3", -1)
         ])),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [

package/es/selectGategory/style/ColumnSelection.less

@@ -1,190 +1,190 @@
-.column-selection-container {
-  padding: 0;
-  cursor: pointer;
-  @mixin ellipsis {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &.single {
-    .column-select {
-      position: relative;
-      max-width: 250px;
-      padding-right: 35px;
-      font-weight: 500;
-
-      .right-icon {
-        position: absolute;
-        top: 7px;
-        right: 15px;
-      }
-
-      &.add {
-        color: #86909c;
-        text-align: center;
-        background: #f3f4f5;
-        border: none;
-      }
-
-      &.value {
-        color: #4886ff;
-        background: #edf3ff;
-      }
-
-      &.long {
-        padding-right: 90px;
-
-        .longTip {
-          position: absolute;
-          right: 35px;
-        }
-      }
-    }
-  }
-
-  .column-select {
-    height: 28px;
-    padding: 0 10px;
-    font-size: 14px;
-    line-height: 28px;
-    border: 1px solid #e8e8e8;
-    border-bottom: none;
-
-    .space {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      color: #4e5969;
-
-      &.disabled {
-        opacity: 0.3;
-        pointer-events: none;
-      }
-    }
-
-    .label {
-      @include ellipsis;
-    }
-
-    &.add {
-      @include ellipsis;
-
-      color: #86909c;
-      text-align: center;
-      background: #f3f4f5;
-      border: 1px solid #e8e8e8;
-      border-radius: 2px;
-
-      .label {
-        font-weight: 700;
-      }
-    }
-  }
-}
-
-.column-selection-popover {
-  width: 300px;
-
-  &.single {
-    width: 180px;
-  }
-
-  padding: 0;
-
-  .column-selection-main {
-    transition: all 0.3s;
-
-    .arco-scrollbar {
-      .column-selection-scroll {
-        overflow: auto;
-
-        .arco-tree {
-          .arco-tree-node {
-            position: relative;
-            height: 36px;
-            line-height: 36px;
-
-            .custom-tree-node {
-              width: 100%;
-            }
-
-            span {
-              vertical-align: middle;
-            }
-
-            .add-icon {
-              position: absolute;
-              right: 10px;
-              color: #4886ff;
-
-              i {
-                font-size: 16px;
-              }
-            }
-
-            &:hover {
-              background-color: rgba(0, 0, 0, 0.05) !important;
-
-              .add-icon {
-                i {
-                  display: inline-block;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .selected-list {
-      position: relative;
-      width: 100%;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-      border-top: 1px solid #f3f4f5;
-
-      .title {
-        height: 28px;
-        padding: 0 40px 0 24px;
-        color: #86909c;
-        line-height: 28px;
-        background: #f3f4f5;
-      }
-
-      .truncate {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-      }
-
-      li {
-        height: 36px;
-        padding: 0 40px 0 24px;
-        line-height: 36px;
-
-        .item {
-          width: calc(100% - 10px);
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        i {
-          position: absolute;
-          right: 10px;
-          display: inline-block;
-          color: rgba(0, 0, 0, 0.56);
-          font-size: 14px;
-          font-family: PingFangSC-Regular;
-          cursor: pointer;
-        }
-
-        &:hover {
-          background: rgba(0, 0, 0, 0.05);
-        }
-      }
-    }
-  }
-}
+.column-selection-container {
+  padding: 0;
+  cursor: pointer;
+  @mixin ellipsis {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &.single {
+    .column-select {
+      position: relative;
+      max-width: 250px;
+      padding-right: 35px;
+      font-weight: 500;
+
+      .right-icon {
+        position: absolute;
+        top: 7px;
+        right: 15px;
+      }
+
+      &.add {
+        color: #86909c;
+        text-align: center;
+        background: #f3f4f5;
+        border: none;
+      }
+
+      &.value {
+        color: #4886ff;
+        background: #edf3ff;
+      }
+
+      &.long {
+        padding-right: 90px;
+
+        .longTip {
+          position: absolute;
+          right: 35px;
+        }
+      }
+    }
+  }
+
+  .column-select {
+    height: 28px;
+    padding: 0 10px;
+    font-size: 14px;
+    line-height: 28px;
+    border: 1px solid #e8e8e8;
+    border-bottom: none;
+
+    .space {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: #4e5969;
+
+      &.disabled {
+        opacity: 0.3;
+        pointer-events: none;
+      }
+    }
+
+    .label {
+      @include ellipsis;
+    }
+
+    &.add {
+      @include ellipsis;
+
+      color: #86909c;
+      text-align: center;
+      background: #f3f4f5;
+      border: 1px solid #e8e8e8;
+      border-radius: 2px;
+
+      .label {
+        font-weight: 700;
+      }
+    }
+  }
+}
+
+.column-selection-popover {
+  width: 300px;
+
+  &.single {
+    width: 180px;
+  }
+
+  padding: 0;
+
+  .column-selection-main {
+    transition: all 0.3s;
+
+    .arco-scrollbar {
+      .column-selection-scroll {
+        overflow: auto;
+
+        .arco-tree {
+          .arco-tree-node {
+            position: relative;
+            height: 36px;
+            line-height: 36px;
+
+            .custom-tree-node {
+              width: 100%;
+            }
+
+            span {
+              vertical-align: middle;
+            }
+
+            .add-icon {
+              position: absolute;
+              right: 10px;
+              color: #4886ff;
+
+              i {
+                font-size: 16px;
+              }
+            }
+
+            &:hover {
+              background-color: rgba(0, 0, 0, 0.05) !important;
+
+              .add-icon {
+                i {
+                  display: inline-block;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .selected-list {
+      position: relative;
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      border-top: 1px solid #f3f4f5;
+
+      .title {
+        height: 28px;
+        padding: 0 40px 0 24px;
+        color: #86909c;
+        line-height: 28px;
+        background: #f3f4f5;
+      }
+
+      .truncate {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+
+      li {
+        height: 36px;
+        padding: 0 40px 0 24px;
+        line-height: 36px;
+
+        .item {
+          width: calc(100% - 10px);
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        i {
+          position: absolute;
+          right: 10px;
+          display: inline-block;
+          color: rgba(0, 0, 0, 0.56);
+          font-size: 14px;
+          font-family: PingFangSC-Regular;
+          cursor: pointer;
+        }
+
+        &:hover {
+          background: rgba(0, 0, 0, 0.05);
+        }
+      }
+    }
+  }
+}