@cmstops/pro-compo 0.1.31 → 0.1.33

package/lib/resourceModal/assets/images/sys_load_more.js

@@ -0,0 +1,3 @@
+"use strict";
+var _imports_0 = "data:image/png;base64,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";
+module.exports = _imports_0;

package/lib/resourceModal/component.js

@@ -3,6 +3,7 @@ var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var config = require("../config.js");
 var index = require("./components/MediaSelection/index.js");
+var mediaSelection = require("./script/mediaSelection.js");
 const _sfc_main = vue.defineComponent({
   ...{ name: "resourceModal" },
   __name: "component",
@@ -12,11 +13,17 @@ const _sfc_main = vue.defineComponent({
     ai_static_covers: {},
     ai_gif_covers: {},
     preview: { type: Boolean },
-    base_api: {}
+    base_api: {},
+    mediaUseType: {}
   },
   emits: ["update:dialogVisible", "submit"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const injectMediaUseType = vue.inject("mediaUseType");
+    if (!injectMediaUseType && props.mediaUseType) {
+      vue.provide("mediaUseType", props.mediaUseType || mediaSelection.mediaUseEnum.THUMB);
+    }
+    vue.provide("baseAPI", props.base_api || config.DEFAULT_BASE_API);
     const BASE_API = props.base_api || config.DEFAULT_BASE_API;
     const selectedMax = vue.ref(1);
     const emit = __emit;

package/lib/resourceModal/components/MediaSelection/MainContent/index.js

@@ -2,7 +2,7 @@
 var vue = require("vue");
 var _null = require("../../../assets/selection/null.js");
 var webVue = require("@arco-design/web-vue");
-var icon = require("@arco-design/web-vue/es/icon");
+var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
 var component = require("../../../../typeIcons/component.js");
 var index = require("./FileTypeThumb/index.js");
 var filter = require("../../../script/filter.js");
@@ -133,7 +133,7 @@ const _sfc_main = vue.defineComponent({
                 onClick: _cache[0] || (_cache[0] = ($event) => isFold.value = !isFold.value)
               }, [
                 vue.createElementVNode("div", _hoisted_9, [
-                  isFold.value ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDoubleDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDoubleUp), { key: 1 })),
+                  isFold.value ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconDoubleDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconDoubleUp), { key: 1 })),
                   vue.createTextVNode(" " + vue.toDisplayString(isFold.value ? "\u5C55\u5F00\u5168\u90E8" : "\u6536\u7F29\u5168\u90E8"), 1)
                 ])
               ])) : vue.createCommentVNode("v-if", true)

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js

@@ -0,0 +1,140 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var filter = require("../../../../script/filter.js");
+var api = require("../../../../script/api.js");
+const _hoisted_1 = { class: "toolbar-search-container sysfile-filter-container" };
+const _hoisted_2 = { class: "top-container" };
+const _hoisted_3 = { class: "filter-content" };
+const _hoisted_4 = { class: "filter-left" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "ToolbarSearch" },
+  __name: "SystemResourceFilter",
+  emits: ["search", "changeScen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const mediaUseType = vue.inject("mediaUseType");
+    const baseApi = vue.inject("baseAPI");
+    const filter$1 = vue.ref({
+      keyword: "",
+      wh_rate: "",
+      limit: 9
+    });
+    const classify_id = vue.ref("");
+    const classifyIdOptions = vue.ref([]);
+    const loadClassify = async () => {
+      const res = await api.getSysRsClassifyList(baseApi, mediaUseType);
+      if (res.code !== 0)
+        return;
+      classifyIdOptions.value = res.message.classifies;
+    };
+    const emit = __emit;
+    const contentSearch = () => {
+      const params = { ...filter$1.value, sys_tag: mediaUseType };
+      emit("search", params);
+    };
+    const changeScen = () => emit("changeScen", classify_id.value);
+    const clearKeyword = () => {
+      filter$1.value.keyword = "";
+    };
+    const showReset = vue.computed(
+      () => filter$1.value.keyword || filter$1.value.wh_rate || classify_id.value
+    );
+    const reset = () => {
+      filter$1.value = {
+        keyword: "",
+        wh_rate: "",
+        limit: 9
+      };
+      classify_id.value = "";
+      changeScen();
+      contentSearch();
+    };
+    vue.watch(
+      () => filter$1.value,
+      () => contentSearch(),
+      { deep: true }
+    );
+    vue.watch(
+      () => classify_id.value,
+      () => changeScen()
+    );
+    vue.onMounted(() => {
+      loadClassify();
+    });
+    __expose({ reset });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "other"),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(vue.unref(webVue.Input), {
+                modelValue: filter$1.value.keyword,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter$1.value.keyword = $event),
+                class: "filter-item",
+                "allow-clear": "",
+                placeholder: "\u8F93\u5165\u7D20\u6750\u6807\u9898\u641C\u7D22",
+                onClear: clearKeyword
+              }, null, 8, ["modelValue"]),
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: classify_id.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => classify_id.value = $event),
+                class: "filter-item",
+                placeholder: "\u573A\u666F\u5206\u7C7B"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Option), {
+                    label: "\u5168\u90E8\u573A\u666F",
+                    value: ""
+                  }),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(classifyIdOptions.value, (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.classify_id,
+                      label: item.scenario_name,
+                      value: item.classify_id
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter$1.value.wh_rate,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter$1.value.wh_rate = $event),
+                class: "filter-item",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filter.rateOptions), (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.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
+                type: "text",
+                size: "medium",
+                onClick: reset
+              }, {
+                icon: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(icon.IconRefresh))
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u91CD\u7F6E\u7B5B\u9009")
+                ]),
+                _: 1
+              }, 512), [
+                [vue.vShow, showReset.value]
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js

@@ -0,0 +1,104 @@
+"use strict";
+var vue = require("vue");
+var sys_load_more = require("../../../../assets/images/sys_load_more.js");
+var webVue = require("@arco-design/web-vue");
+var index = require("../../MainContent/FileTypeThumb/index.js");
+var api = require("../../../../script/api.js");
+const _hoisted_1 = { class: "sys-res-file-list clearfix" };
+const _hoisted_2 = { class: "thumb-wrap" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("img", { src: sys_load_more }, null, -1);
+const _sfc_main = vue.defineComponent({
+  __name: "SystemResourceList",
+  props: {
+    sceniro: {},
+    outsideFilter: {}
+  },
+  emits: ["confirm"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const baseApi = vue.inject("baseAPI");
+    const fileList = vue.ref([]);
+    const fileCount = vue.ref(0);
+    const showMore = vue.computed(
+      () => fileList.value.length < props.sceniro.count
+    );
+    vue.watch(
+      () => props.sceniro,
+      () => {
+        fileList.value = props.sceniro.data;
+        fileCount.value = props.sceniro.count;
+      },
+      { deep: true, immediate: true }
+    );
+    const selectedData = vue.ref([]);
+    const confirm = (itemData) => {
+      selectedData.value = [itemData];
+      emits("confirm", selectedData.value);
+    };
+    const loadMore = async () => {
+      const { sceniro } = props;
+      const { outsideFilter } = props;
+      const res = await api.getSysRsPage(baseApi, {
+        sys_classify: sceniro.classify_id,
+        sys_tag: sceniro.sys_tag,
+        keyword: outsideFilter.keyword || "",
+        wh_rate: outsideFilter.wh_rate || "",
+        limit: 10,
+        offset: fileList.value.length
+      });
+      if (res.code !== 0)
+        return;
+      fileCount.value = res.message.count;
+      fileList.value = fileList.value.concat(res.message.data);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createCommentVNode(" \u6587\u4EF6 "),
+        vue.createElementVNode("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileList.value, (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item.classify_id,
+              class: "item"
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"])
+              }, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(index, {
+                    "item-data": item,
+                    preview: true,
+                    onConfirm: confirm
+                  }, null, 8, ["item-data"])
+                ]),
+                vue.createElementVNode("h4", null, [
+                  vue.createVNode(vue.unref(webVue.Tooltip), {
+                    content: item.alias,
+                    "open-delay": 500,
+                    effect: "dark",
+                    placement: "top"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("span", null, vue.toDisplayString(item.alias), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])
+                ])
+              ], 2)
+            ]);
+          }), 128)),
+          showMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "item-load-more",
+            style: vue.normalizeStyle({ width: "calc(20% - 20px)" }),
+            onClick: loadMore
+          }, [
+            _hoisted_3,
+            vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
+          ], 4)) : vue.createCommentVNode("v-if", true)
+        ])
+      ], 2112);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var vue = require("vue");
+var _null = require("../../../assets/selection/null.js");
+var webVue = require("@arco-design/web-vue");
+var SystemResourceFilter = require("./components/SystemResourceFilter.js");
+var SystemResourceList = require("./components/SystemResourceList.js");
+var api = require("../../../script/api.js");
+const _hoisted_1 = { class: "sys-resource-dialog" };
+const _hoisted_2 = { class: "sys-resource-cards" };
+const _hoisted_3 = {
+  key: 0,
+  class: "scen-module"
+};
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("div", { class: "line" }, null, -1);
+const _hoisted_6 = {
+  key: 0,
+  class: "null-file"
+};
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("img", {
+  class: "null-pic",
+  src: _null
+}, null, -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_9 = [
+  _hoisted_7,
+  _hoisted_8
+];
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  emits: ["confirm"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const mediaUseType = vue.inject("mediaUseType");
+    const baseApi = vue.inject("baseAPI");
+    const scenList = vue.ref([]);
+    const choseScen = vue.ref("");
+    const outsideFilter = vue.ref(null);
+    const handleSearch = async (filter) => {
+      outsideFilter.value = filter;
+      const res = await api.getSysRsByTag(baseApi, filter);
+      if (res.code !== 0)
+        return;
+      scenList.value = res.message.Results;
+    };
+    const handleChangeScen = (scen) => {
+      choseScen.value = scen;
+    };
+    const handleConfirm = (data) => {
+      data[0].realUrl = data[0].url;
+      emits("confirm", data);
+    };
+    const isEmpty = vue.computed(() => {
+      if (!scenList.value.length)
+        return true;
+      if (choseScen.value !== "") {
+        const scen = scenList.value.find(
+          (item) => item.classify_id === choseScen.value
+        );
+        return scen.data === null;
+      }
+      return !scenList.value.some((item) => item.data && item.data.length > 0);
+    });
+    vue.onMounted(() => {
+      handleSearch({ sys_tag: mediaUseType, limit: 9 });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(SystemResourceFilter, {
+          onSearch: handleSearch,
+          onChangeScen: handleChangeScen
+        }),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(webVue.Scrollbar), { class: "sys-resource-scroll" }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(scenList.value, (sceniro) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                  key: sceniro.classify_id
+                }, [
+                  sceniro.data && sceniro.data.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      _hoisted_5,
+                      vue.createTextVNode(" " + vue.toDisplayString(sceniro.scenario_name), 1)
+                    ]),
+                    vue.createVNode(SystemResourceList, {
+                      "outside-filter": outsideFilter.value,
+                      sceniro,
+                      onConfirm: handleConfirm
+                    }, null, 8, ["outside-filter", "sceniro"])
+                  ], 512)), [
+                    [vue.vShow, [sceniro.classify_id, ""].includes(choseScen.value)]
+                  ]) : vue.createCommentVNode("v-if", true)
+                ], 64);
+              }), 128)),
+              isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, _hoisted_9)) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/resourceModal/components/MediaSelection/index.js

@@ -4,8 +4,9 @@ var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
 var api = require("../../script/api.js");
 var index = require("./DocAiMediaSelected/index.js");
-var index$1 = require("./ToolbarSearch/index.js");
-var index$2 = require("./MainContent/index.js");
+var index$1 = require("./SystemResourceSelected/index.js");
+var index$2 = require("./ToolbarSearch/index.js");
+var index$3 = require("./MainContent/index.js");
 const _hoisted_1 = {
   class: "media-selection",
   unselectable: "on"
@@ -28,6 +29,7 @@ const _sfc_main = vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const mediaUseType = vue.inject("mediaUseType");
     const confirm = (itemData) => {
       emit("confirm", itemData);
     };
@@ -45,7 +47,7 @@ const _sfc_main = vue.defineComponent({
     });
     const filter = vue.ref(null);
     const activeMediaType = vue.ref(
-      props.ai_static_covers && props.ai_static_covers.length ? "ai" : "all"
+      props.ai_static_covers && props.ai_static_covers.length ? "ai" : mediaUseType ? "system" : "all"
     );
     const api$1 = vue.ref({ getAttachmentsAll: api.getAttachmentsAll, getAttachmentsMy: api.getAttachmentsMy });
     const currentDirectory = vue.ref({
@@ -173,6 +175,10 @@ const _sfc_main = vue.defineComponent({
                   key: "ai",
                   title: "AI\u4F18\u9009"
                 })) : vue.createCommentVNode("v-if", true),
+                vue.unref(mediaUseType) ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
+                  key: "system",
+                  title: "\u5185\u7F6E\u7D20\u6750"
+                })) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(vue.unref(webVue.TabPane), {
                   key: "all",
                   title: "\u5168\u90E8\u7D20\u6750"
@@ -197,12 +203,15 @@ const _sfc_main = vue.defineComponent({
               "selected-max": _ctx.selectedMax,
               preview: _ctx.preview,
               onConfirm: confirm
-            }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : vue.createCommentVNode("v-if", true),
+            }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : activeMediaType.value === "system" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createCommentVNode(" \u5185\u7F6E\u7D20\u6750 "),
+              vue.createVNode(index$1, { onConfirm: confirm })
+            ], 2112)) : vue.createCommentVNode("v-if", true),
             vue.createCommentVNode(" \u7D20\u6750\u5E93\u7D20\u6750 "),
             vue.createCommentVNode(" \u7EC4\u7EC7\u3001\u6587\u4EF6\u5939\u9762\u5305\u5C51 "),
             vue.withDirectives(vue.createElementVNode("div", _hoisted_4, [
               vue.createElementVNode("div", _hoisted_5, [
-                vue.createVNode(index$1, {
+                vue.createVNode(index$2, {
                   ref_key: "getMoreData",
                   ref: getMoreData,
                   class: "tool-search-box",
@@ -249,7 +258,7 @@ const _sfc_main = vue.defineComponent({
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" \u6211\u7684\u5DE5\u7A0B\u3001\u89C6\u9891\u5217\u8868 "),
-              vue.createVNode(index$2, {
+              vue.createVNode(index$3, {
                 "folder-list": folderList.value,
                 "file-list": fileList.value,
                 "file-list-count": fileListCount.value,

package/lib/resourceModal/script/api.js

@@ -29,7 +29,30 @@ function getAccountList(BASE_API, id, query) {
     params: query
   });
 }
+function getSysRsClassifyList(BASE_API, sys_tag) {
+  return request(BASE_API, {
+    url: `/poplar/v3/sys_attachment/scenario_classifies?sys_tag=${sys_tag}`,
+    method: "get"
+  });
+}
+function getSysRsByTag(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/classified/sys_attachments",
+    method: "get",
+    params
+  });
+}
+function getSysRsPage(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/sys_attachments",
+    method: "get",
+    params
+  });
+}
 exports.getAccountList = getAccountList;
 exports.getAttachmentsAll = getAttachmentsAll;
 exports.getAttachmentsMy = getAttachmentsMy;
 exports.getDirectories = getDirectories;
+exports.getSysRsByTag = getSysRsByTag;
+exports.getSysRsClassifyList = getSysRsClassifyList;
+exports.getSysRsPage = getSysRsPage;

package/lib/resourceModal/script/mediaSelection.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mediaUseEnum = {
+  THUMB: 1,
+  COMPOICON: 2,
+  PUSHICON: 3,
+  NAVBG: 4,
+  NAVICON: 5
+};
+exports.mediaUseEnum = mediaUseEnum;

package/lib/resourceModal/style/DocAiMediaSelected.less

@@ -32,12 +32,11 @@
               width: 100%;
               height: 100%;
               overflow: hidden;
-              overflow: hidden;
-              border: solid 3px transparent;
+              border: solid 1px transparent;
               border-radius: 4px;
 
               &.active {
-                border: solid 3px #4886ff;
+                border: solid 1px #4886ff;
                 border-radius: 4px;
               }
 

package/lib/resourceModal/style/MainContent.less

@@ -43,7 +43,7 @@
                 background: url('../assets/selection/folder.png') no-repeat 13px
                   center;
                 background-size: 17px auto;
-                border: solid 2px transparent;
+                border: solid 1px transparent;
                 border-radius: 4px;
               }
 
@@ -74,13 +74,15 @@
               padding: 14px 16px;
               line-height: 24px;
               background: #f7f8fa;
-              border: 1px solid #ebeef5;
+              //border: 1px solid #ebeef5;
+              border: 1px solid transparent;
               border-radius: 4px;
 
               &:hover {
                 color: #165dff;
                 background: #f2f3f5;
-                box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+                border: 1px solid #4886ff;
+                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
                 cursor: pointer;
               }
             }