@cmstops/pro-compo 0.3.44 → 0.3.46

package/es/selectResourceModal/component.js

@@ -1,7 +1,31 @@
-import { defineComponent, ref, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode } from "vue";
-import { Drawer, Modal } from "@arco-design/web-vue";
-import _sfc_main$1 from "./components/Main/index.js";
+import { defineComponent, computed, ref, provide, watch, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, withDirectives, vShow, isRef, createTextVNode } from "vue";
+import { Drawer, Modal, Scrollbar, Pagination, Button } from "@arco-design/web-vue";
+import emptyData from "../emptyData/index.js";
+import _sfc_main$1 from "./components/ListTabs/index.js";
+import _sfc_main$2 from "./components/ListFilter/index.js";
+import _sfc_main$3 from "./components/ListContent/index.js";
+import _sfc_main$5 from "./components/ListSelected/index.js";
+import _sfc_main$4 from "./components/ListContentLocal/index.js";
+import useAttachement from "../hooks/useAttachement.js";
+import { DEFAULT_BASE_API } from "../config.js";
+import { useResourceSelect } from "./scripts/useResourceSelect.js";
 const _hoisted_1 = { class: "resource-select-wrap" };
+const _hoisted_2 = { class: "resource-select-main" };
+const _hoisted_3 = {
+  key: 0,
+  class: "resource-select-container"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "resource-select-filter"
+};
+const _hoisted_5 = { class: "resource-select-content" };
+const _hoisted_6 = { class: "resource-select-footer" };
+const _hoisted_7 = { class: "footer-left" };
+const _hoisted_8 = {
+  key: 0,
+  class: "footer-right"
+};
 const _sfc_main = defineComponent({
   ...{ name: "selectResourceModal" },
   __name: "component",
@@ -17,55 +41,176 @@ const _sfc_main = defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const wrapMode = ref(props.wrap || "modal");
-    const handleClose = () => {
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const wrapProps = 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
+      };
+    });
+    const activeKey = ref("all");
+    provide("userInfo", computed(() => props.userInfo));
+    provide("baseAPI", BASE_API);
+    const {
+      list,
+      total,
+      limit,
+      pageIdx,
+      loading,
+      changeKey,
+      changeFilter,
+      changePage,
+      changeSize
+    } = useAttachement({ key: "all", BASE_API });
+    const {
+      selected,
+      selectedKeys,
+      disableSelect,
+      handleSelect,
+      handleClear
+    } = useResourceSelect(props);
+    function handleClose() {
+      handleClear();
       emits("update:visible", false);
-    };
+    }
     const handleSubmit = (data) => {
       emits("submit", JSON.parse(JSON.stringify(data)));
     };
+    const handleSelectOne = (params) => {
+      if (Array.isArray(params))
+        handleSubmit(params);
+      else
+        handleSubmit([params]);
+      handleClose();
+    };
+    function handleConfirm() {
+      handleSelectOne(selected.value);
+    }
+    function handleToUpload() {
+      changeKey("local");
+      activeKey.value = "local";
+    }
+    watch(
+      () => props.visible,
+      () => {
+        if (props.visible) {
+          activeKey.value = "all";
+          changeKey("all");
+        }
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        wrapMode.value === "drawer" ? (openBlock(), createBlock(unref(Drawer), {
-          key: 0,
-          visible: _ctx.visible,
-          width: "1024px",
-          header: false,
-          footer: false,
-          class: "resource-select-drawer"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              BASE_API: _ctx.BASE_API,
-              userInfo: _ctx.userInfo,
-              maxcount: _ctx.maxcount,
-              filterOptions: _ctx.filterOptions,
-              onClose: handleClose,
-              onSubmit: handleSubmit
-            }, null, 8, ["BASE_API", "userInfo", "maxcount", "filterOptions"])
-          ]),
-          _: 1
-        }, 8, ["visible"])) : wrapMode.value === "modal" ? (openBlock(), createBlock(unref(Modal), {
-          key: 1,
-          visible: _ctx.visible,
-          width: "986px",
-          "body-class": "resource-select-modal-body",
-          "hide-title": false,
-          closable: false,
-          footer: false
-        }, {
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.wrap === "drawer" ? unref(Drawer) : unref(Modal)), mergeProps({ visible: _ctx.visible }, wrapProps.value), {
           default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              BASE_API: _ctx.BASE_API,
-              userInfo: _ctx.userInfo,
-              maxcount: _ctx.maxcount,
-              filterOptions: _ctx.filterOptions,
-              onClose: handleClose,
-              onSubmit: handleSubmit
-            }, null, 8, ["BASE_API", "userInfo", "maxcount", "filterOptions"])
+            createElementVNode("div", _hoisted_2, [
+              _ctx.userInfo ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createCommentVNode(" \u5934\u90E8 "),
+                createVNode(_sfc_main$1, {
+                  "model-value": activeKey.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+                  onChange: unref(changeKey),
+                  onClose: handleClose
+                }, null, 8, ["model-value", "onChange"]),
+                createCommentVNode(" \u7B5B\u9009  "),
+                activeKey.value !== "local" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createVNode(_sfc_main$2, {
+                    "disable-upload-by": !["all", "remind"].includes(activeKey.value),
+                    filterOptions: _ctx.filterOptions,
+                    onChange: unref(changeFilter),
+                    onUpload: handleToUpload
+                  }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
+                ])) : createCommentVNode("v-if", true),
+                createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
+                createElementVNode("div", _hoisted_5, [
+                  createVNode(unref(Scrollbar), {
+                    "outer-style": { height: "100%" },
+                    style: { "height": "100%", "overflow": "auto" }
+                  }, {
+                    default: withCtx(() => [
+                      withDirectives(createVNode(_sfc_main$3, {
+                        loading: unref(loading),
+                        list: unref(list),
+                        disable: unref(disableSelect),
+                        "select-keys": unref(selectedKeys),
+                        onSelect: unref(handleSelect),
+                        onSelectOne: handleSelectOne
+                      }, null, 8, ["loading", "list", "disable", "select-keys", "onSelect"]), [
+                        [vShow, activeKey.value !== "local"]
+                      ]),
+                      withDirectives(createVNode(_sfc_main$4, {
+                        disable: unref(disableSelect),
+                        "select-keys": unref(selectedKeys),
+                        onSelect: unref(handleSelect),
+                        onSelectOne: handleSelectOne
+                      }, null, 8, ["disable", "select-keys", "onSelect"]), [
+                        [vShow, activeKey.value === "local"]
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createCommentVNode(" \u5E95\u90E8 "),
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", _hoisted_7, [
+                    activeKey.value !== "local" ? (openBlock(), createBlock(unref(Pagination), {
+                      key: 0,
+                      current: unref(pageIdx),
+                      "onUpdate:current": _cache[1] || (_cache[1] = ($event) => isRef(pageIdx) ? pageIdx.value = $event : null),
+                      total: unref(total),
+                      "page-size": unref(limit),
+                      "show-total": "",
+                      "show-page-size": "",
+                      "base-size": 3,
+                      "buffer-size": 1,
+                      onChange: _cache[2] || (_cache[2] = (e) => unref(changePage)((e - 1) * unref(limit))),
+                      onPageSizeChange: unref(changeSize)
+                    }, null, 8, ["current", "total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
+                  ]),
+                  unref(selected).length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                    createVNode(_sfc_main$5, {
+                      maxcount: _ctx.maxcount,
+                      selected: unref(selected),
+                      onRemove: unref(handleSelect),
+                      onClear: unref(handleClear)
+                    }, null, 8, ["maxcount", "selected", "onRemove", "onClear"]),
+                    createVNode(unref(Button), { onClick: handleClose }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u53D6\u6D88")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(Button), {
+                      type: "primary",
+                      onClick: handleConfirm
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u786E\u5B9A")
+                      ]),
+                      _: 1
+                    })
+                  ])) : createCommentVNode("v-if", true)
+                ])
+              ])) : (openBlock(), createBlock(unref(emptyData), {
+                key: 1,
+                type: "empty",
+                customTip: "\u6682\u65E0\u6743\u9650"
+              }))
+            ])
           ]),
           _: 1
-        }, 8, ["visible"])) : createCommentVNode("v-if", true)
+        }, 16, ["visible"]))
       ]);
     };
   }

package/es/selectResourceModal/components/ListFilter/index.js

@@ -107,14 +107,26 @@ const _sfc_main = defineComponent({
           if (!result[key])
             delete result[key];
         });
+        if (!result.catalog)
+          result.catalog = "image,video,audio";
         emits("change", result);
       },
       { deep: true, immediate: true }
     );
+    watch(
+      () => props.filterOptions,
+      () => {
+        var _a;
+        if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
+          filter.value.catalog = props.filterOptions.mediaType;
+        }
+      },
+      { immediate: true }
+    );
     onMounted(() => {
       var _a;
       load();
-      if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
+      if (((_a = props.filterOptions) == null ? void 0 : _a.mediaType) && !props.filterOptions.mediaTypeStrict) {
         filter.value.catalog = props.filterOptions.mediaType;
         originFilter.catalog = props.filterOptions.mediaType;
       }

package/es/selectResourceModal/components/ListSelected/index.js

@@ -58,12 +58,14 @@ const _sfc_main = defineComponent({
                   createElementVNode("div", _hoisted_6, [
                     ["image", "video"].includes(item.catalog) ? (openBlock(), createBlock(unref(Image), {
                       key: 0,
+                      preview: false,
                       width: "100%",
                       height: "100%",
                       src: item.thumb || item.url
                     }, null, 8, ["src"])) : createCommentVNode("v-if", true),
                     ["audio"].includes(item.catalog) ? (openBlock(), createBlock(unref(Image), {
                       key: 1,
+                      preview: false,
                       width: "100%",
                       height: "100%",
                       fit: "cover",

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

@@ -0,0 +1,62 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx } from "vue";
+import { IconClose } from "@arco-design/web-vue/es/icon";
+import { Tabs, Button, TabPane } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "resource-select-header" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:model-value", "change", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const activeKey = computed({
+      get: () => props.modelValue,
+      set: (value) => emits("update:model-value", value)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Tabs), {
+          "active-key": activeKey.value,
+          "onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => activeKey.value = $event),
+          onChange: _cache[2] || (_cache[2] = (e) => emits("change", e))
+        }, {
+          extra: withCtx(() => [
+            createVNode(unref(Button), {
+              type: "text",
+              shape: "round",
+              style: { "color": "black", "transform": "translateX(-8px)" },
+              onClick: _cache[0] || (_cache[0] = ($event) => emits("close"))
+            }, {
+              icon: withCtx(() => [
+                createVNode(unref(IconClose))
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(TabPane), {
+              key: "all",
+              title: "\u5168\u90E8\u7D20\u6750"
+            }),
+            createVNode(unref(TabPane), {
+              key: "my",
+              title: "\u6211\u7684\u7D20\u6750"
+            }),
+            createVNode(unref(TabPane), {
+              key: "remind",
+              title: "\u63D0\u9192\u6211\u7684"
+            }),
+            createVNode(unref(TabPane), {
+              key: "local",
+              title: "\u672C\u5730\u7D20\u6750"
+            })
+          ]),
+          _: 1
+        }, 8, ["active-key"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/scripts/useResourceSelect.js

@@ -0,0 +1,25 @@
+import { ref, computed } from "vue";
+function useResourceSelect(props) {
+  const selected = ref([]);
+  const selectedKeys = computed(() => selected.value.map((item) => item.id));
+  const disableSelect = computed(() => props.maxcount && selected.value.length >= props.maxcount);
+  function handleSelect(params) {
+    const { id } = params;
+    const index = selected.value.findIndex((item) => item.id === id);
+    if (index > -1)
+      selected.value.splice(index, 1);
+    else
+      selected.value.push(params);
+  }
+  function handleClear() {
+    selected.value = [];
+  }
+  return {
+    selected,
+    selectedKeys,
+    disableSelect,
+    handleSelect,
+    handleClear
+  };
+}
+export { useResourceSelect };

package/es/selectResourceModal/style/index.css

@@ -61,7 +61,12 @@
   overflow-y: scroll;
 }
 .list-panel-wrapper .list-selected-record::-webkit-scrollbar {
-  display: none;
+  width: 6px;
+}
+.list-panel-wrapper .list-selected-record::-webkit-scrollbar-thumb {
+  background-color: #ececec;
+  -webkit-border-radius: 6px;
+  opacity: 0.5;
 }
 .list-panel-wrapper .list-selected-record .list-selected-item {
   display: flex;

package/es/selectResourceModal/style/listSelected.less

@@ -48,7 +48,13 @@
     overflow-y: scroll;
 
     &::-webkit-scrollbar {
-      display: none;
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #ececec;
+      -webkit-border-radius: 6px;
+      opacity: 0.5;
     }
 
     .list-selected-item {

package/es/utils/typeMap.js

@@ -170,8 +170,7 @@ const RESOURCE_SOURCE_DICT = {
 const RESOURCE_CATALOG_DICT = {
   image: "\u56FE\u7247",
   video: "\u89C6\u9891",
-  audio: "\u97F3\u9891",
-  other: "\u5176\u4ED6"
+  audio: "\u97F3\u9891"
 };
 const RESOURCE_SOURCE_OPTIONS = object2LabelList(RESOURCE_SOURCE_DICT);
 const RESOURCE_CATALOG_OPTIONS = object2LabelList(RESOURCE_CATALOG_DICT);

package/lib/appCenter/component.js

@@ -111,8 +111,37 @@ const _sfc_main = vue.defineComponent({
         }, 500);
       }
     };
+    const getAppBtnSlot = async () => {
+      await api.getPubApps(BASE_API, { rid, type: "2,3" });
+      const params = {
+        slot_key: "head-applist-panel"
+      };
+      api.getBtnSlot(BASE_API, params).then((res) => {
+        if (res.code === 0 && res.data.buttons && res.data.buttons["head-applist-panel"] && res.data.buttons["head-applist-panel"].buttons) {
+          const appLists = res.data.buttons["head-applist-panel"].buttons.map(
+            (item) => ({
+              alias: item.name,
+              actions: [
+                {
+                  alias: item.name,
+                  brief: item.name,
+                  key: "appSlotBtn",
+                  icon: item.app_icon,
+                  real: item.permission,
+                  params: item,
+                  target_url: "",
+                  type: 3
+                }
+              ]
+            })
+          );
+          StorePubApplication.value.push(...appLists);
+        }
+      });
+    };
     vue.onMounted(() => {
       load();
+      getAppBtnSlot();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [

package/lib/appCenter/script/api.js

@@ -26,6 +26,14 @@ function setResentApp(BASE_API, params) {
     method: "post"
   });
 }
+function getBtnSlot(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/cosmos-center/buttons",
+    method: "get",
+    params
+  });
+}
+exports.getBtnSlot = getBtnSlot;
 exports.getPubApps = getPubApps;
 exports.getResentApp = getResentApp;
 exports.getUserRepoActs = getUserRepoActs;

package/lib/appCenter/style/index.css

@@ -1,33 +1,33 @@
 .reference-btn {
-  border: none;
   padding: 12px 16px;
-  border-radius: 4px;
   color: #5f5f5f;
+  border: none;
+  border-radius: 4px;
 }
 .apps-box-popover {
   position: relative;
   padding: 10px;
 }
 .app-title {
-  font-size: 16px;
+  padding: 0 15px;
   font-weight: bold;
-  padding: 0px 15px;
+  font-size: 16px;
 }
 .ul-list {
-  list-style: none;
-  overflow: hidden;
   width: 435px !important;
-  text-align: center;
-  padding: 0;
   margin: 0;
+  padding: 0;
+  overflow: hidden;
+  text-align: center;
+  list-style: none;
 }
 .ul-list .li_item {
+  position: relative;
   float: left;
   width: 85px;
   height: 90px;
-  text-align: center;
   margin: 13px 0;
-  position: relative;
+  text-align: center;
 }
 .ul-list .li_item .icon-logo .svg-icon {
   width: 4em;
@@ -42,8 +42,8 @@
   display: block;
 }
 .ul-list .li_item .wrap_icon {
-  width: 70px;
   display: inline-block;
+  width: 70px;
   margin-top: 6px;
 }
 .ul-list .li_item .wrap_icon .wrap_ .icon-logo {
@@ -52,8 +52,11 @@
   margin-bottom: 4px;
 }
 .ul-list .li_item .wrap_icon .wrap_ .icon-logo img {
+  width: 50px;
   max-width: 100%;
+  height: 50px;
   max-height: 100%;
+  border-radius: 50%;
 }
 .ul-list .li_item .wrap_icon .wrap_ .shortcut-logo {
   line-height: 77px;
@@ -66,8 +69,8 @@
   width: 73px;
   height: 20px;
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .ul-list .li_item .wrap_icon .quick-add .icon-logo {
   width: 40px;
@@ -78,13 +81,13 @@
   border-radius: 50%;
 }
 .ul-list .li_item .wrap_icon .quick-add .icon-logo i {
-  line-height: 40px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
+  line-height: 40px;
 }
 .ul-list .li_item .icon-gengduo {
-  display: none;
   position: absolute;
   top: 2px;
   right: 4px;
+  display: none;
 }