@cmstops/pro-compo 0.3.67 → 0.3.69

package/lib/selectResourceModal/components/List/ListSystem/Filter.js

@@ -0,0 +1,142 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var filter = require("../../../../utils/filter.js");
+var useSelection = require("../../../../hooks/useSelection.js");
+var selectionApis = require("../../../scripts/selectionApis.js");
+const _hoisted_1 = { class: "list-filter-wrapper" };
+const _hoisted_2 = { class: "list-filter" };
+const _hoisted_3 = { class: "filter-list" };
+const _hoisted_4 = { style: { "width": "200px" } };
+const _hoisted_5 = { class: "filter-item" };
+const _hoisted_6 = {
+  class: "filter-item",
+  style: { "width": "120px" }
+};
+const _sfc_main = vue.defineComponent({
+  __name: "Filter",
+  emits: ["change", "changeScen"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const baseAPI = vue.inject("baseAPI");
+    const sysTag = vue.inject("mediaUseType");
+    const resourceRate = filter.rateOptions.value;
+    const { options, loading, load } = useSelection({
+      labelStr: "scenario_name",
+      valueStr: "classify_id",
+      func: async () => {
+        if (!baseAPI)
+          return Promise.reject(new Error("baseAPI \u4E0D\u5B58\u5728"));
+        const { code, message } = await selectionApis.getSysRsClassifyList(
+          baseAPI,
+          (sysTag == null ? void 0 : sysTag.value) || 1
+        );
+        if (code !== 0)
+          return Promise.reject(new Error(message));
+        return message.classifies;
+      }
+    });
+    const originFilter = {
+      wh_rate: "",
+      keyword: "",
+      limit: 9
+    };
+    const filter$1 = vue.ref(JSON.parse(JSON.stringify(originFilter)));
+    const classify_id = vue.ref("");
+    const changeScen = () => emit("changeScen", classify_id.value);
+    const handleReset = () => {
+      filter$1.value = JSON.parse(JSON.stringify(originFilter));
+      classify_id.value = "";
+      changeScen();
+    };
+    const isEmpty = vue.computed(() => {
+      return Object.keys(filter$1.value).every((key) => {
+        return filter$1.value[key] === originFilter[key];
+      });
+    });
+    vue.watch(
+      () => filter$1.value,
+      () => {
+        const result = { ...filter$1.value };
+        emit("change", result);
+      },
+      { deep: true, immediate: true }
+    );
+    vue.watch(
+      () => classify_id.value,
+      () => changeScen()
+    );
+    vue.onMounted(() => {
+      load();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createCommentVNode(" \u5173\u952E\u8BCD "),
+            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),
+                "allow-clear": "",
+                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
+              }, null, 8, ["modelValue"])
+            ]),
+            vue.createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: classify_id.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => classify_id.value = $event),
+                loading: vue.unref(loading),
+                "allow-clear": "",
+                placeholder: "\u7C7B\u578B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(options), (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", "loading"])
+            ]),
+            vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
+            vue.createElementVNode("div", _hoisted_6, [
+              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),
+                "allow-clear": "",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceRate), (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"])
+            ]),
+            !isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+              key: 0,
+              type: "text",
+              onClick: handleReset
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" \u91CD\u7F6E ")
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("v-if", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/components/List/ListSystem/SubList.js

@@ -0,0 +1,68 @@
+"use strict";
+var vue = require("vue");
+var sys_load_more = require("../../../assets/images/sys_load_more.js");
+var useAttachement = require("../../../../hooks/useAttachement.js");
+const _hoisted_1 = { class: "list-item-grid" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("img", { src: sys_load_more }, null, -1);
+const _sfc_main = vue.defineComponent({
+  __name: "SubList",
+  props: {
+    sceniro: {},
+    outsideFilter: {}
+  },
+  setup(__props) {
+    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 loadMore = async () => {
+      const { sceniro } = props;
+      const { outsideFilter } = props;
+      const res = await useAttachement.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.renderSlot(_ctx.$slots, "item", {
+              key: item.classify_id,
+              item
+            });
+          }), 128)),
+          showMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "item-load-more",
+            onClick: loadMore
+          }, [
+            _hoisted_2,
+            vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
+          ])) : vue.createCommentVNode("v-if", true)
+        ])
+      ], 2112);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/components/List/ListSystem/index.js

@@ -0,0 +1,110 @@
+"use strict";
+var vue = require("vue");
+var ListWraper = require("../ListWraper.js");
+var Filter = require("./Filter.js");
+var SubList = require("./SubList.js");
+var useAttachement = require("../../../../hooks/useAttachement.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "scen-module"
+};
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "line" }, null, -1);
+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 loading = vue.ref(true);
+    const handleSearch = async (filter) => {
+      loading.value = true;
+      try {
+        outsideFilter.value = filter;
+        const res = await useAttachement.getSysRsByTag(baseApi, {
+          ...filter,
+          sys_tag: mediaUseType == null ? void 0 : mediaUseType.value
+        });
+        if (res.code !== 0)
+          return;
+        scenList.value = res.message.Results;
+      } catch (e) {
+        console.log("\u83B7\u53D6\u5185\u7F6E\u7D20\u6750\u5931\u8D25", e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    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 == null ? void 0 : mediaUseType.value) || 1, limit: 9 });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(ListWraper, {
+        list: _ctx.list,
+        loading: loading.value,
+        "is-empty": isEmpty.value
+      }, {
+        "footer-extra": vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "footer-extra")
+        ]),
+        header: vue.withCtx(() => [
+          vue.createCommentVNode(" \u5207\u6362\u573A\u666F "),
+          vue.createVNode(Filter, {
+            onChange: handleSearch,
+            onChangeScen: handleChangeScen
+          })
+        ]),
+        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_1, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  _hoisted_3,
+                  vue.createTextVNode(" " + vue.toDisplayString(sceniro.scenario_name), 1)
+                ]),
+                vue.createCommentVNode(" \u5185\u7F6E\u7D20\u6750 - \u573A\u666F\u5217\u8868 "),
+                vue.createVNode(SubList, {
+                  "outside-filter": outsideFilter.value,
+                  sceniro,
+                  onConfirm: handleConfirm
+                }, {
+                  item: vue.withCtx(({ item }) => [
+                    vue.renderSlot(_ctx.$slots, "item", { item })
+                  ]),
+                  _: 2
+                }, 1032, ["outside-filter", "sceniro"])
+              ], 512)), [
+                [vue.vShow, [sceniro.classify_id, ""].includes(choseScen.value)]
+              ]) : vue.createCommentVNode("v-if", true)
+            ], 64);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["list", "loading", "is-empty"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/components/List/ListWraper.js

@@ -0,0 +1,62 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var component = require("../../../emptyData/component.js");
+const _hoisted_1 = { class: "resource-list" };
+const _hoisted_2 = {
+  key: 0,
+  class: "resource-list-header"
+};
+const _hoisted_3 = { class: "resource-list-content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "resource-list-content-loading"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "resource-list-content-empty"
+};
+const _hoisted_6 = { class: "resource-list-footer" };
+const _sfc_main = vue.defineComponent({
+  __name: "ListWraper",
+  props: {
+    list: {},
+    isEmpty: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "header")
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", _hoisted_3, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.createVNode(vue.unref(webVue.Spin), {
+              tip: "\u7D20\u6750\u52A0\u8F7D\u4E2D",
+              loading: true
+            })
+          ])) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(component, { type: "empty" })
+          ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createCommentVNode(" \u5185\u5BB9\u6837\u5F0F\u4E00\uFF1A\u6805\u683C\u6837\u5F0F\uFF0C\u5916\u90E8 props \u4F20 list "),
+            vue.createVNode(vue.unref(webVue.Scrollbar), {
+              "outer-style": { height: "100%" },
+              style: { "height": "100%", "overflow": "auto" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ], 2112))
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.renderSlot(_ctx.$slots, "footer"),
+          vue.renderSlot(_ctx.$slots, "footer-extra")
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/components/ListTabs/index.js

@@ -6,7 +6,8 @@ const _hoisted_1 = { class: "resource-select-header" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
-    modelValue: {}
+    modelValue: {},
+    tabList: {}
   },
   emits: ["update:model-value", "change", "close"],
   setup(__props, { emit: __emit }) {
@@ -37,22 +38,12 @@ const _sfc_main = vue.defineComponent({
             })
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(webVue.TabPane), {
-              key: "all",
-              title: "\u5168\u90E8\u7D20\u6750"
-            }),
-            vue.createVNode(vue.unref(webVue.TabPane), {
-              key: "my",
-              title: "\u6211\u7684\u7D20\u6750"
-            }),
-            vue.createVNode(vue.unref(webVue.TabPane), {
-              key: "remind",
-              title: "\u63D0\u9192\u6211\u7684"
-            }),
-            vue.createVNode(vue.unref(webVue.TabPane), {
-              key: "local",
-              title: "\u672C\u5730\u7D20\u6750"
-            })
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabList, (tab) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
+                key: tab.key,
+                title: tab.title
+              }, null, 8, ["title"]);
+            }), 128))
           ]),
           _: 1
         }, 8, ["active-key"])

package/lib/selectResourceModal/{components/ListFilter/scripts/api.js → scripts/selectionApis.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var request = require("../../../../utils/request.js");
+var request = require("../../utils/request.js");
 function getAccountList(BASE_API, id, query) {
   return request(BASE_API, {
     url: `/poplar/v2/accounts/${id}`,
@@ -8,4 +8,11 @@ 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"
+  });
+}
 exports.getAccountList = getAccountList;
+exports.getSysRsClassifyList = getSysRsClassifyList;

package/lib/selectResourceModal/scripts/useCompoLf.js

@@ -0,0 +1,33 @@
+"use strict";
+var vue = require("vue");
+var config = require("../../config.js");
+function useCompoentLifycycle(props, emits) {
+  const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+  const wrapProps = vue.computed(() => {
+    if (props.wrap === "drawer") {
+      return {
+        class: "resource-select-drawer",
+        header: false,
+        width: "1024px",
+        footer: false
+      };
+    }
+    return {
+      bodyClass: "resource-select-modal-body",
+      width: "986px",
+      closable: false,
+      hideTitle: false,
+      footer: false
+    };
+  });
+  vue.provide("baseAPI", BASE_API);
+  vue.provide("filterOptions", vue.computed(() => props.filterOptions));
+  vue.provide("userInfo", vue.computed(() => props.userInfo));
+  vue.provide("mediaUseType", vue.computed(() => props.mediaUseType));
+  return {
+    wrapProps,
+    close: () => emits("update:visible", false),
+    submit: (data) => emits("submit", JSON.parse(JSON.stringify(data)))
+  };
+}
+module.exports = useCompoentLifycycle;

package/lib/selectResourceModal/scripts/useResourceSelect.js

@@ -3,11 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 var vue = require("vue");
 function useResourceSelect(props) {
   const selected = vue.ref([]);
-  const selectedKeys = vue.computed(() => selected.value.map((item) => item.id));
+  const selectedKeys = vue.computed(
+    () => selected.value.map((item) => item.id || item.url)
+  );
   const disableSelect = vue.computed(() => props.maxcount && selected.value.length >= props.maxcount);
   function handleSelect(params) {
-    const { id } = params;
-    const index = selected.value.findIndex((item) => item.id === id);
+    const { id, url } = params;
+    const index = selected.value.findIndex((item) => {
+      return item.id && item.id === id || item.url === url;
+    });
     if (index > -1)
       selected.value.splice(index, 1);
     else

package/lib/selectResourceModal/scripts/useTabFilter.js

@@ -0,0 +1,38 @@
+"use strict";
+var vue = require("vue");
+var index = require("../components/List/ListNormal/index.js");
+var index$2 = require("../components/List/ListSystem/index.js");
+var index$1 = require("../components/List/ListLocal/index.js");
+const DEFAULT_TABS = [
+  "all",
+  "my",
+  "remind",
+  "local"
+].join(",");
+const TAB_DICT = {
+  ["all"]: { title: "\u5168\u90E8\u7D20\u6750", component: index, usePage: true },
+  ["my"]: { title: "\u6211\u7684\u7D20\u6750", component: index, usePage: true },
+  ["remind"]: { title: "\u63D0\u9192\u6211\u7684", component: index, usePage: true },
+  ["local"]: { title: "\u672C\u5730\u7D20\u6750", component: index$1, usePage: false },
+  ["system"]: { title: "\u5185\u7F6E\u7D20\u6750", component: index$2, usePage: false },
+  ["ai"]: { title: "AI\u4F18\u9009", component: index$2, usePage: false },
+  ["video"]: { title: "\u89C6\u9891\u5C01\u9762", component: index$2, usePage: false }
+};
+function useTabFilter(props) {
+  const activeKey = vue.ref("all");
+  const curTab = vue.computed(() => TAB_DICT[activeKey.value]);
+  const tabKeyList = vue.computed(() => {
+    const keys = (props.tabKeys || DEFAULT_TABS).split(",");
+    return keys.map((key) => ({
+      key,
+      title: TAB_DICT[key].title
+    }));
+  });
+  const activeComponent = vue.computed(() => curTab.value.component);
+  return {
+    activeKey,
+    activeComponent,
+    tabKeyList
+  };
+}
+module.exports = useTabFilter;