@cmstops/pro-compo 3.9.1-rc.13 → 3.9.1-rc.15

package/es/selectAddTo/script/useSelectAddToState.js

@@ -1,20 +1,16 @@
 import { computed, ref } from "vue";
-import { getConfigurationNew } from "./api.js";
 import { DEFAULT_BASE_API } from "../../config.js";
-import useLoadUserInfo from "../../hooks/user.js";
 const useSelectAddToState = (props, emit) => {
-  const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+  props.BASE_API || DEFAULT_BASE_API;
   const visible = computed({
     get() {
       return props.visible;
     },
     set(value) {
-      setVisible(value);
+      emit("update:visible", value);
     }
   });
   const selectedData = ref([]);
-  const configData = ref({});
-  const { userInfo, getUserInfoHandle } = useLoadUserInfo(BASE_API);
   const title = computed(() => {
     const titleMap = {
       "series:video_album": "\u6DFB\u52A0\u81F3\u89C6\u9891\u5408\u96C6",
@@ -25,82 +21,35 @@ const useSelectAddToState = (props, emit) => {
     return titleMap[props.typeKey || ""] || "";
   });
   const hasSelected = computed(() => selectedData.value.length > 0);
-  const typeDataController = computed(() => {
-    if (!props.typeData)
-      return {};
-    try {
-      return JSON.parse(JSON.stringify(props.typeData));
-    } catch (e) {
-      console.warn("Failed to parse typeData:", e);
-      return {};
-    }
-  });
-  const setVisible = (bool) => {
-    emit("update:visible", bool);
-  };
-  const selectedDataChangeHandle = (data) => {
+  const onSelectedDataChange = (data) => {
     selectedData.value = data;
   };
-  const handleOk = () => {
-    setVisible(false);
+  const onOk = () => {
+    visible.value = false;
   };
-  const handleCancel = () => {
-    setVisible(false);
+  const onCancel = () => {
+    visible.value = false;
   };
-  const comfirm = () => {
+  const onComfirm = () => {
     emit("comfirm", JSON.parse(JSON.stringify(selectedData.value)));
   };
-  const HandleOpen = () => {
-    selectedData.value = props.defaultSelectedData || [];
-  };
-  const HandleClose = () => {
+  const onClose = () => {
     selectedData.value = [];
   };
-  const tabsChange = () => {
+  const onTabChange = () => {
     selectedData.value = [];
   };
-  const loadConfig = async () => {
-    var _a;
-    try {
-      const res = await getConfigurationNew(BASE_API, {
-        module: "third_party_services"
-      });
-      if (res.code === 0 && ((_a = res.message) == null ? void 0 : _a.length)) {
-        res.message.forEach((item) => {
-          configData.value[item.key] = JSON.parse(item.value);
-        });
-      }
-    } catch (error) {
-      console.error("Failed to load configuration:", error);
-    }
-  };
-  const checkServiceEnable = (key) => {
-    const data = configData.value[key];
-    if (!data)
-      return false;
-    if (!data.enable && typeof data.enable !== "undefined")
-      return false;
-    return true;
-  };
   return {
     visible,
     title,
     selectedData,
     hasSelected,
-    typeDataController,
-    userInfo,
-    configData,
-    setVisible,
-    selectedDataChangeHandle,
-    handleOk,
-    handleCancel,
-    comfirm,
-    HandleOpen,
-    HandleClose,
-    tabsChange,
-    loadConfig,
-    checkServiceEnable,
-    getUserInfoHandle
+    onSelectedDataChange,
+    onOk,
+    onCancel,
+    onComfirm,
+    onClose,
+    onTabChange
   };
 };
 export { useSelectAddToState };

package/es/style.css

@@ -1,7 +1,7 @@
-.content-tabs[data-v-191c2141] .arco-tabs-content {
+.content-tabs[data-v-7f81762c] .arco-tabs-content {
   padding: 0;
 }
-.add-content-modal-body[data-v-191c2141] {
+.add-content-modal-body[data-v-7f81762c] {
   padding: 0;
 }
 .type-icons-container {
@@ -10,54 +10,60 @@
   line-height: 12px;
   font-size: 18px;
 }
-.view-all-column-container[data-v-510948a5] {
+.content-tabs[data-v-00adfb7c] .arco-tabs-content {
+  padding: 0;
+}
+.add-content-modal-body[data-v-00adfb7c] {
+  padding: 0;
+}
+.view-all-column-container[data-v-01c2d0b8] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.content-table-view[data-v-510948a5] {
+.content-table-view[data-v-01c2d0b8] {
   flex: 1;
   overflow: auto;
   margin: 16px 0;
 }
-.bottom-view[data-v-510948a5] {
+.bottom-view[data-v-01c2d0b8] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 16px 0;
 }
-.bottom-view .left[data-v-510948a5] {
+.bottom-view .left[data-v-01c2d0b8] {
   display: flex;
   align-items: center;
   gap: 16px;
 }
-.title-span[data-v-510948a5] {
+.title-span[data-v-01c2d0b8] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.title-span .icon[data-v-510948a5] {
+.title-span .icon[data-v-01c2d0b8] {
   font-size: 16px;
 }
-.title-span .title[data-v-510948a5] {
+.title-span .title[data-v-01c2d0b8] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.pic-thumb-img[data-v-510948a5] {
+.pic-thumb-img[data-v-01c2d0b8] {
   width: 80px;
   height: 80px;
   object-fit: cover;
   border-radius: 4px;
 }
-.pic-thumb-img.placeholder[data-v-510948a5] {
+.pic-thumb-img.placeholder[data-v-01c2d0b8] {
   background-color: #f5f5f5;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.pic-thumb-img.placeholder .placeholder-text[data-v-510948a5] {
+.pic-thumb-img.placeholder .placeholder-text[data-v-01c2d0b8] {
   color: #999;
   font-size: 12px;
 }

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

@@ -2,8 +2,6 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
-var doc = require("../../../../utils/doc.js");
-var index = require("../columnTree/index.js");
 const _hoisted_1 = { class: "media-filter-container" };
 const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "5px" } };
 const _hoisted_3 = { class: "sort-button" };
@@ -13,10 +11,7 @@ const _sfc_main = vue.defineComponent({
   props: {
     groupId: {},
     tree: { default: () => [] },
-    series: { default: "all" },
-    banner: { default: "all" },
-    height: {},
-    userInfo: {}
+    height: {}
   },
   emits: ["update:group_id", "search"],
   setup(__props, { emit: __emit }) {
@@ -44,82 +39,12 @@ const _sfc_main = vue.defineComponent({
         desc: "\u4F1A\u5C06\u8F93\u5165\u5185\u5BB9\u5206\u8BCD\uFF0C\u4F8B\u5982\u201C\u6210\u957F\u201D\u4F1A\u5206\u4E3A\u201C\u6210\u201D\u3001\u201C\u957F\u201D\u3001\u201C\u6210\u957F\u201D\uFF0C\u5185\u5BB9\u5305\u542B\u4E09\u4E2A\u8BCD\u4E2D\u4EFB\u610F\u4E00\u4E2A\u5747\u4F1A\u663E\u793A\u51FA\u6765\uFF0C\u641C\u7D22\u5185\u5BB9\u66F4\u52A0\u4E30\u5BCC"
       }
     ];
-    const bannerOptions = vue.computed(() => {
-      const options = [
-        {
-          value: "0",
-          key: "0",
-          label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD"
-        },
-        {
-          value: "1",
-          key: "1",
-          label: "\u6709\u72EC\u7ACB\u8F6E\u64AD"
-        }
-      ];
-      return options.filter(
-        (item) => props.banner === "all" || props.banner === item.key
-      );
-    });
-    const typeOptions = vue.computed(() => {
-      const arr = Object.keys(doc.docSeries).map((key) => {
-        return {
-          value: key,
-          label: doc.docSeries[key].replace("\u7A3F\u4EF6", "")
-        };
-      });
-      return arr.filter((item) => {
-        if (props.series === "all") {
-          return true;
-        }
-        return props.series.split(",").includes(item.value);
-      });
-    });
-    const thumbOptions = vue.computed(() => {
-      return Object.keys(doc.docThumbMap()).map((key) => {
-        return {
-          value: key,
-          label: doc.docThumbMap()[key]
-        };
-      });
-    });
     const sortMethodOptions = vue.computed(() => {
       return [
         { value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
         { value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" }
       ];
     });
-    const showReset = vue.computed(() => {
-      let { banner } = filter.value;
-      if (props.banner !== "all") {
-        banner = "";
-      }
-      let series = filter.value.type;
-      if (props.series !== "all") {
-        series = "";
-      }
-      return filter.value.keywords || series || filter.value.cover_type || banner || filter.value.sort !== -1;
-    });
-    const reset = () => {
-      const _set = {
-        keywords: "",
-        cover_type: "",
-        sort: -1,
-        order: "create_time"
-      };
-      Object.assign(filter.value, _set);
-      if (props.banner !== "all") {
-        filter.value.banner = props.banner;
-      } else {
-        filter.value.banner = "";
-      }
-      if (props.series !== "all" && props.series.split(",").length === 1) {
-        filter.value.type = props.series;
-      } else {
-        filter.value.type = "";
-      }
-      column_id.value = "all";
-    };
     const checkout = (type) => {
       filter.value.wordState = type;
     };
@@ -145,19 +70,6 @@ const _sfc_main = vue.defineComponent({
         column_id.value = val;
       }
     );
-    vue.watch(
-      () => props.banner,
-      (val) => {
-        filter.value.banner = val === "all" ? "" : val;
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => column_id.value,
-      (val) => {
-        emit("update:group_id", val);
-      }
-    );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(webVue.Space), { size: "small" }, {
@@ -179,9 +91,9 @@ const _sfc_main = vue.defineComponent({
                   onSelect: checkout
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(wordStateOptions, (item, index2) => {
+                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(wordStateOptions, (item, index) => {
                       return vue.createVNode(vue.unref(webVue.Option), {
-                        key: index2,
+                        key: index,
                         value: item.value,
                         label: item.label
                       }, {
@@ -208,97 +120,14 @@ const _sfc_main = vue.defineComponent({
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["modelValue"]),
-            vue.createVNode(index, {
-              column_id: column_id.value,
-              "onUpdate:column_id": _cache[2] || (_cache[2] = ($event) => column_id.value = $event),
-              height: props.height,
-              tree: props.tree,
-              "user-info": props.userInfo
-            }, null, 8, ["column_id", "height", "tree", "user-info"]),
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.type,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.type = $event),
-              style: { width: "96px" },
-              "trigger-props": { autoFitPopupMinWidth: true },
-              "allow-clear": "",
-              class: "filter-item",
-              placeholder: "\u7C7B\u578B"
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(typeOptions.value, (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.cover_type,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.cover_type = $event),
-              style: { width: "96px" },
-              "trigger-props": { autoFitPopupMinWidth: true },
-              "allow-clear": "",
-              class: "filter-item",
-              placeholder: "\u5C01\u9762"
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbOptions.value, (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.banner,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.banner = $event),
-              style: { width: "124px" },
-              "trigger-props": { autoFitPopupMinWidth: true },
-              "allow-clear": "",
-              class: "filter-item",
-              disabled: props.banner !== "all",
-              placeholder: "\u72EC\u7ACB\u8F6E\u64AD"
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bannerOptions.value, (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "disabled"]),
-            vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
-              class: "reset-button",
-              size: "small",
-              type: "text",
-              onClick: reset
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(icon.IconRefresh), { class: "reset-icon" }),
-                _cache[7] || (_cache[7] = vue.createTextVNode(" \u91CD\u7F6E "))
-              ]),
-              _: 1,
-              __: [7]
-            }, 512), [
-              [vue.vShow, showReset.value]
-            ])
+            }, 8, ["modelValue"])
           ]),
           _: 1
         }),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(webVue.Select), {
             modelValue: filter.value.order,
-            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => filter.value.order = $event),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
             class: "filter-item",
             placeholder: "\u53D1\u5E03\u65F6\u95F4"
           }, {

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

@@ -29,7 +29,6 @@ const _sfc_main = vue.defineComponent({
   props: {
     maxSelect: {},
     defaultSelectedData: {},
-    typeData: {},
     series: {},
     banner: {},
     userInfo: {}

package/lib/contentModal/script/api.js

@@ -8,12 +8,6 @@ function getCategoryCategoriesTree(BASE_API, params) {
     params
   });
 }
-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`,
@@ -104,7 +98,6 @@ exports.checkCommitFulfillment = checkCommitFulfillment;
 exports.getBroadcastList = getBroadcastList;
 exports.getCategoryCategoriesTree = getCategoryCategoriesTree;
 exports.getCategoryMediaNew = getCategoryMediaNew;
-exports.getCategoryPath = getCategoryPath;
 exports.getCategorylistsGroups = getCategorylistsGroups;
 exports.getConfigurationNew = getConfigurationNew;
 exports.getEqxiuList = getEqxiuList;

package/lib/selectAddTo/component.js

@@ -1,26 +1,19 @@
 "use strict";
 var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var index = require("./components/ViewAllColumn/index.js");
-require("../typeIcons/style/index.js");
+var SelectAddToView = require("./components/SelectAddToView.js");
 var useSelectAddToState = require("./script/useSelectAddToState.js");
 require("./component.vue_vue_type_style_index_0_scoped_true_lang.js");
 var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
 const _sfc_main = vue.defineComponent({
-  ...{ name: "selectAddTo" },
+  ...{ name: "SelectAddTo" },
   __name: "component",
   props: {
-    BASE_API: {},
     visible: { type: Boolean },
-    title: {},
-    outsideSelectData: {},
-    defaultSelectedData: {},
+    rid: {},
     maxSelect: {},
-    typeData: {},
     userStore: {},
-    compoFilter: { type: Boolean, default: false },
-    typeKey: {},
-    rid: {}
+    BASE_API: {},
+    typeKey: {}
   },
   emits: ["update:visible", "comfirm"],
   setup(__props, { emit: __emit }) {
@@ -28,101 +21,28 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const {
       visible,
-      title,
       selectedData,
-      hasSelected,
-      typeDataController,
-      userInfo,
-      handleOk,
-      handleCancel,
-      comfirm,
-      HandleOpen,
-      HandleClose,
-      tabsChange,
-      selectedDataChangeHandle,
-      loadConfig,
-      getUserInfoHandle
+      onOk,
+      onCancel,
+      onComfirm,
+      onClose,
+      onSelectedDataChange
     } = useSelectAddToState.useSelectAddToState(props, emit);
-    vue.onMounted(() => {
-      if (props.userStore) {
-        userInfo.value = { BASE_API: props.BASE_API, ...props.userStore };
-      } else {
-        getUserInfoHandle();
-      }
-      loadConfig();
-    });
     return (_ctx, _cache) => {
-      const _component_storeBox = vue.resolveComponent("storeBox");
-      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
-        footer: false,
-        "mask-closable": false,
+      return vue.openBlock(), vue.createBlock(SelectAddToView, {
         visible: vue.unref(visible),
-        "body-style": { maxHeight: "700px" },
-        "body-class": "add-content-modal-body",
-        "modal-class": "add-content-modal-wrapper",
-        "title-align": "start",
-        "unmount-on-close": "",
-        width: "1020px",
-        onCancel: vue.unref(handleCancel),
-        onClose: vue.unref(HandleClose),
-        onOk: vue.unref(handleOk),
-        onOpen: vue.unref(HandleOpen)
-      }, {
-        title: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(vue.unref(title)), 1)
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(webVue.Tabs), {
-            class: "content-tabs",
-            justify: "",
-            "lazy-load": "",
-            onTabClick: vue.unref(tabsChange)
-          }, {
-            default: vue.withCtx(() => {
-              var _a, _b;
-              return [
-                _ctx.rid ? (vue.openBlock(), vue.createBlock(index, {
-                  key: 0,
-                  rid: _ctx.rid,
-                  "default-selected-data": vue.unref(selectedData),
-                  "max-select": _ctx.maxSelect,
-                  "user-info": vue.unref(userInfo),
-                  "type-key": _ctx.typeKey || "",
-                  "type-data": vue.unref(typeDataController),
-                  series: ((_a = vue.unref(typeDataController)) == null ? void 0 : _a.docSeries) || "all",
-                  banner: ((_b = vue.unref(typeDataController)) == null ? void 0 : _b.docBanner) || "all",
-                  onChange: vue.unref(selectedDataChangeHandle)
-                }, {
-                  store: vue.withCtx(() => [
-                    vue.createVNode(_component_storeBox, {
-                      selectData: vue.unref(selectedData),
-                      "onUpdate:selectData": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedData) ? selectedData.value = $event : null)
-                    }, null, 8, ["selectData"])
-                  ]),
-                  options: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Button), {
-                      disabled: !vue.unref(hasSelected),
-                      type: "primary",
-                      onClick: vue.unref(comfirm)
-                    }, {
-                      default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                        vue.createTextVNode(" \u6DFB\u52A0 ")
-                      ])),
-                      _: 1,
-                      __: [1]
-                    }, 8, ["disabled", "onClick"])
-                  ]),
-                  _: 1
-                }, 8, ["rid", "default-selected-data", "max-select", "user-info", "type-key", "type-data", "series", "banner", "onChange"])) : vue.createCommentVNode("v-if", true)
-              ];
-            }),
-            _: 1
-          }, 8, ["onTabClick"])
-        ]),
-        _: 1
-      }, 8, ["visible", "onCancel", "onClose", "onOk", "onOpen"]);
+        rid: props.rid,
+        "selected-data": vue.unref(selectedData),
+        "max-select": props.maxSelect,
+        "type-key": props.typeKey,
+        onCancel: vue.unref(onCancel),
+        onClose: vue.unref(onClose),
+        onOk: vue.unref(onOk),
+        onSelectedChange: vue.unref(onSelectedDataChange),
+        onComfirm: vue.unref(onComfirm)
+      }, null, 8, ["visible", "rid", "selected-data", "max-select", "type-key", "onCancel", "onClose", "onOk", "onSelectedChange", "onComfirm"]);
     };
   }
 });
-var _selectAddTo = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-191c2141"]]);
+var _selectAddTo = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-7f81762c"]]);
 module.exports = _selectAddTo;