@cmstops/pro-compo 0.3.44 → 0.3.45

package/es/hooks/useLocalStorage.js

@@ -0,0 +1,31 @@
+const LOCALSTORAGE_KEYS = {
+  LOCAL_RESOURCES: "cmstop-local-resources"
+};
+function useLocalstorage(key) {
+  function get() {
+    const ret = localStorage.getItem(LOCALSTORAGE_KEYS[key]);
+    try {
+      if (typeof ret !== "string")
+        return ret;
+      return JSON.parse(ret);
+    } catch (e) {
+      return ret;
+    }
+  }
+  function set(value) {
+    if (typeof value === "object") {
+      localStorage.setItem(LOCALSTORAGE_KEYS[key], JSON.stringify(value));
+    } else {
+      localStorage.setItem(LOCALSTORAGE_KEYS[key], value);
+    }
+  }
+  function remove() {
+    localStorage.removeItem(LOCALSTORAGE_KEYS[key]);
+  }
+  return {
+    get,
+    set,
+    remove
+  };
+}
+export { LOCALSTORAGE_KEYS, useLocalstorage as default };

package/es/hooks/useUpload.js

@@ -1,8 +1,9 @@
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { generateUUID } from "../utils/index.js";
 import { TusUploadTask } from "../utils/tusUpload.js";
 import request from "../utils/request.js";
 import { TranscodingTask } from "../utils/transcodeMedia.js";
+import useLocalstorage from "./useLocalStorage.js";
 function addMedia(BASE_API, params) {
   return request(BASE_API, {
     url: "/poplar/v2/media/add",
@@ -11,7 +12,8 @@ function addMedia(BASE_API, params) {
   });
 }
 function useUpload() {
-  const list = ref([]);
+  const { get, set, remove } = useLocalstorage("LOCAL_RESOURCES");
+  const list = ref(get() || []);
   function uploadSuccess(file) {
     const originList = list.value;
     const taskIndex = originList.findIndex(
@@ -111,6 +113,8 @@ function useUpload() {
       recordTaskStatusChange({ ...item, status: 2, msg: "\u8F6C\u7801\u5931\u8D25" }, -1);
     });
   };
+  watch(() => list.value, set, { deep: true });
+  window.onbeforeunload = remove;
   return {
     list,
     uploadFile,

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, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, withDirectives, vShow, 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,164 @@ 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,
+      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";
+    }
     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,
+                      total: unref(total),
+                      "page-size": unref(limit),
+                      "show-total": "",
+                      "show-page-size": "",
+                      "base-size": 3,
+                      "buffer-size": 1,
+                      onChange: _cache[1] || (_cache[1] = (e) => unref(changePage)((e - 1) * unref(limit))),
+                      onPageSizeChange: unref(changeSize)
+                    }, null, 8, ["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/ListTabs/index.js

@@ -0,0 +1,61 @@
+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: "secondary",
+              shape: "round",
+              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.d.ts

@@ -0,0 +1,7 @@
+export declare function useResourceSelect(props: any): {
+    selected: import("vue").Ref<any[]>;
+    selectedKeys: import("vue").ComputedRef<any[]>;
+    disableSelect: import("vue").ComputedRef<any>;
+    handleSelect: (params: any) => void;
+    handleClear: () => void;
+};

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/lib/hooks/useLocalStorage.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const LOCALSTORAGE_KEYS = {
+  LOCAL_RESOURCES: "cmstop-local-resources"
+};
+function useLocalstorage(key) {
+  function get() {
+    const ret = localStorage.getItem(LOCALSTORAGE_KEYS[key]);
+    try {
+      if (typeof ret !== "string")
+        return ret;
+      return JSON.parse(ret);
+    } catch (e) {
+      return ret;
+    }
+  }
+  function set(value) {
+    if (typeof value === "object") {
+      localStorage.setItem(LOCALSTORAGE_KEYS[key], JSON.stringify(value));
+    } else {
+      localStorage.setItem(LOCALSTORAGE_KEYS[key], value);
+    }
+  }
+  function remove() {
+    localStorage.removeItem(LOCALSTORAGE_KEYS[key]);
+  }
+  return {
+    get,
+    set,
+    remove
+  };
+}
+exports.LOCALSTORAGE_KEYS = LOCALSTORAGE_KEYS;
+exports["default"] = useLocalstorage;

package/lib/hooks/useUpload.js

@@ -5,6 +5,7 @@ var index = require("../utils/index.js");
 var tusUpload = require("../utils/tusUpload.js");
 var request = require("../utils/request.js");
 var transcodeMedia = require("../utils/transcodeMedia.js");
+var useLocalStorage = require("./useLocalStorage.js");
 function addMedia(BASE_API, params) {
   return request(BASE_API, {
     url: "/poplar/v2/media/add",
@@ -13,7 +14,8 @@ function addMedia(BASE_API, params) {
   });
 }
 function useUpload() {
-  const list = vue.ref([]);
+  const { get, set, remove } = useLocalStorage["default"]("LOCAL_RESOURCES");
+  const list = vue.ref(get() || []);
   function uploadSuccess(file) {
     const originList = list.value;
     const taskIndex = originList.findIndex(
@@ -113,6 +115,8 @@ function useUpload() {
       recordTaskStatusChange({ ...item, status: 2, msg: "\u8F6C\u7801\u5931\u8D25" }, -1);
     });
   };
+  vue.watch(() => list.value, set, { deep: true });
+  window.onbeforeunload = remove;
   return {
     list,
     uploadFile,

package/lib/selectResourceModal/component.js

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

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

@@ -0,0 +1,62 @@
+"use strict";
+var vue = require("vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var webVue = require("@arco-design/web-vue");
+const _hoisted_1 = { class: "resource-select-header" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:model-value", "change", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const activeKey = vue.computed({
+      get: () => props.modelValue,
+      set: (value) => emits("update:model-value", value)
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Button), {
+              type: "secondary",
+              shape: "round",
+              onClick: _cache[0] || (_cache[0] = ($event) => emits("close"))
+            }, {
+              icon: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icon.IconClose))
+              ]),
+              _: 1
+            })
+          ]),
+          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"
+            })
+          ]),
+          _: 1
+        }, 8, ["active-key"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/scripts/useResourceSelect.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+function useResourceSelect(props) {
+  const selected = vue.ref([]);
+  const selectedKeys = vue.computed(() => selected.value.map((item) => item.id));
+  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);
+    if (index > -1)
+      selected.value.splice(index, 1);
+    else
+      selected.value.push(params);
+  }
+  function handleClear() {
+    selected.value = [];
+  }
+  return {
+    selected,
+    selectedKeys,
+    disableSelect,
+    handleSelect,
+    handleClear
+  };
+}
+exports.useResourceSelect = useResourceSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.44",
+  "version": "0.3.45",
   "description": "",
   "keywords": [
     "vue",

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

@@ -1,215 +0,0 @@
-import { defineComponent, ref, provide, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, withDirectives, vShow, createBlock, createTextVNode } from "vue";
-import { Tabs, Button, TabPane, Scrollbar, Pagination } from "@arco-design/web-vue";
-import { IconClose } from "@arco-design/web-vue/es/icon";
-import emptyData from "../../../emptyData/index.js";
-import _sfc_main$1 from "../ListFilter/index.js";
-import _sfc_main$2 from "../ListContent/index.js";
-import _sfc_main$4 from "../ListSelected/index.js";
-import _sfc_main$3 from "../ListContentLocal/index.js";
-import useAttachement from "../../../hooks/useAttachement.js";
-import { DEFAULT_BASE_API } from "../../../config.js";
-const _hoisted_1 = { class: "resource-select-main" };
-const _hoisted_2 = {
-  key: 0,
-  class: "resource-select-container"
-};
-const _hoisted_3 = { class: "resource-select-header" };
-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: "index",
-  props: {
-    BASE_API: {},
-    userInfo: {},
-    maxcount: {},
-    filterOptions: {}
-  },
-  emits: ["close", "submit"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    const activeKey = ref("all");
-    provide("userInfo", computed(() => props.userInfo));
-    provide("baseAPI", BASE_API);
-    const {
-      list,
-      total,
-      limit,
-      loading,
-      changeKey,
-      changeFilter,
-      changePage,
-      changeSize
-    } = useAttachement({ key: "all", BASE_API });
-    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 = [];
-    }
-    function handleClose() {
-      handleClear();
-      emits("close");
-    }
-    const handleSelectOne = (params) => {
-      if (Array.isArray(params))
-        emits("submit", params);
-      else
-        emits("submit", [params]);
-      handleClose();
-    };
-    function handleConfirm() {
-      handleSelectOne(selected.value);
-    }
-    function handleToUpload() {
-      changeKey("local");
-      activeKey.value = "local";
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.userInfo ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createCommentVNode(" \u5934\u90E8 "),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(Tabs), {
-              "active-key": activeKey.value,
-              "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
-              onChange: unref(changeKey)
-            }, {
-              extra: withCtx(() => [
-                createVNode(unref(Button), {
-                  type: "secondary",
-                  shape: "round",
-                  onClick: handleClose
-                }, {
-                  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", "onChange"])
-          ]),
-          createCommentVNode(" \u7B5B\u9009  "),
-          activeKey.value !== "local" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(_sfc_main$1, {
-              "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$2, {
-                  loading: unref(loading),
-                  list: unref(list),
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["loading", "list", "disable", "select-keys"]), [
-                  [vShow, activeKey.value !== "local"]
-                ]),
-                withDirectives(createVNode(_sfc_main$3, {
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["disable", "select-keys"]), [
-                  [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,
-                total: unref(total),
-                "page-size": unref(limit),
-                "show-total": "",
-                "show-page-size": "",
-                "base-size": 3,
-                "buffer-size": 1,
-                onChange: _cache[1] || (_cache[1] = (e) => unref(changePage)((e - 1) * unref(limit))),
-                onPageSizeChange: unref(changeSize)
-              }, null, 8, ["total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
-            ]),
-            selected.value.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
-              createVNode(_sfc_main$4, {
-                maxcount: _ctx.maxcount,
-                selected: selected.value,
-                onRemove: handleSelect,
-                onClear: handleClear
-              }, null, 8, ["maxcount", "selected"]),
-              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"
-        }))
-      ]);
-    };
-  }
-});
-export { _sfc_main as default };

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

@@ -1,216 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var icon = require("@arco-design/web-vue/es/icon");
-var index$4 = require("../../../emptyData/index.js");
-var index = require("../ListFilter/index.js");
-var index$1 = require("../ListContent/index.js");
-var index$3 = require("../ListSelected/index.js");
-var index$2 = require("../ListContentLocal/index.js");
-var useAttachement = require("../../../hooks/useAttachement.js");
-var config = require("../../../config.js");
-const _hoisted_1 = { class: "resource-select-main" };
-const _hoisted_2 = {
-  key: 0,
-  class: "resource-select-container"
-};
-const _hoisted_3 = { class: "resource-select-header" };
-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 = vue.defineComponent({
-  __name: "index",
-  props: {
-    BASE_API: {},
-    userInfo: {},
-    maxcount: {},
-    filterOptions: {}
-  },
-  emits: ["close", "submit"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-    const activeKey = vue.ref("all");
-    vue.provide("userInfo", vue.computed(() => props.userInfo));
-    vue.provide("baseAPI", BASE_API);
-    const {
-      list,
-      total,
-      limit,
-      loading,
-      changeKey,
-      changeFilter,
-      changePage,
-      changeSize
-    } = useAttachement["default"]({ key: "all", BASE_API });
-    const selected = vue.ref([]);
-    const selectedKeys = vue.computed(() => selected.value.map((item) => item.id));
-    const disableSelect = vue.computed(() => props.maxcount && selected.value.length >= props.maxcount);
-    function handleSelect(params) {
-      const { id } = params;
-      const index2 = selected.value.findIndex((item) => item.id === id);
-      if (index2 > -1)
-        selected.value.splice(index2, 1);
-      else
-        selected.value.push(params);
-    }
-    function handleClear() {
-      selected.value = [];
-    }
-    function handleClose() {
-      handleClear();
-      emits("close");
-    }
-    const handleSelectOne = (params) => {
-      if (Array.isArray(params))
-        emits("submit", params);
-      else
-        emits("submit", [params]);
-      handleClose();
-    };
-    function handleConfirm() {
-      handleSelectOne(selected.value);
-    }
-    function handleToUpload() {
-      changeKey("local");
-      activeKey.value = "local";
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.userInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createCommentVNode(" \u5934\u90E8 "),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(vue.unref(webVue.Tabs), {
-              "active-key": activeKey.value,
-              "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
-              onChange: vue.unref(changeKey)
-            }, {
-              extra: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.Button), {
-                  type: "secondary",
-                  shape: "round",
-                  onClick: handleClose
-                }, {
-                  icon: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(icon.IconClose))
-                  ]),
-                  _: 1
-                })
-              ]),
-              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"
-                })
-              ]),
-              _: 1
-            }, 8, ["active-key", "onChange"])
-          ]),
-          vue.createCommentVNode(" \u7B5B\u9009  "),
-          activeKey.value !== "local" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.createVNode(index, {
-              "disable-upload-by": !["all", "remind"].includes(activeKey.value),
-              filterOptions: _ctx.filterOptions,
-              onChange: vue.unref(changeFilter),
-              onUpload: handleToUpload
-            }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
-          ])) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createVNode(vue.unref(webVue.Scrollbar), {
-              "outer-style": { height: "100%" },
-              style: { "height": "100%", "overflow": "auto" }
-            }, {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createVNode(index$1, {
-                  loading: vue.unref(loading),
-                  list: vue.unref(list),
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["loading", "list", "disable", "select-keys"]), [
-                  [vue.vShow, activeKey.value !== "local"]
-                ]),
-                vue.withDirectives(vue.createVNode(index$2, {
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["disable", "select-keys"]), [
-                  [vue.vShow, activeKey.value === "local"]
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          vue.createCommentVNode(" \u5E95\u90E8 "),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
-              activeKey.value !== "local" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Pagination), {
-                key: 0,
-                total: vue.unref(total),
-                "page-size": vue.unref(limit),
-                "show-total": "",
-                "show-page-size": "",
-                "base-size": 3,
-                "buffer-size": 1,
-                onChange: _cache[1] || (_cache[1] = (e) => vue.unref(changePage)((e - 1) * vue.unref(limit))),
-                onPageSizeChange: vue.unref(changeSize)
-              }, null, 8, ["total", "page-size", "onPageSizeChange"])) : vue.createCommentVNode("v-if", true)
-            ]),
-            selected.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-              vue.createVNode(index$3, {
-                maxcount: _ctx.maxcount,
-                selected: selected.value,
-                onRemove: handleSelect,
-                onClear: handleClear
-              }, null, 8, ["maxcount", "selected"]),
-              vue.createVNode(vue.unref(webVue.Button), { onClick: handleClose }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u53D6\u6D88")
-                ]),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(webVue.Button), {
-                type: "primary",
-                onClick: handleConfirm
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u786E\u5B9A")
-                ]),
-                _: 1
-              })
-            ])) : vue.createCommentVNode("v-if", true)
-          ])
-        ])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4), {
-          key: 1,
-          type: "empty",
-          customTip: "\u6682\u65E0\u6743\u9650"
-        }))
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;