@cmstops/pro-compo 0.3.30 → 0.3.32

package/es/selectThumb/component.js

@@ -80,7 +80,8 @@ const _sfc_main = defineComponent({
     aiImages: {},
     series: {},
     thumbsMax: {},
-    mediaUseType: {}
+    mediaUseType: {},
+    localUpload: { type: Boolean }
   },
   emits: ["update:dataValue", "upload"],
   setup(__props, { emit: __emit }) {
@@ -417,12 +418,13 @@ const _sfc_main = defineComponent({
                   parentRef: selectThumbRef.value,
                   idx: index,
                   "preview-list": previewList.value,
+                  "is-popover": _ctx.localUpload,
                   "thumb-model": "thumb",
                   onFileForShowThumb: fileForShowThumb,
                   onChangeThumbType: changeThumbType,
                   onUploadLocal: _cache[0] || (_cache[0] = (cb) => _ctx.$emit("upload", cb)),
                   onOpen: ($event) => openDialogMediaSelection($event, index)
-                }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "onOpen"]);
+                }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "is-popover", "onOpen"]);
               }), 128))
             ])) : currentModel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createCommentVNode(" \u5C01\u9762\u56FEcard "),
@@ -437,12 +439,13 @@ const _sfc_main = defineComponent({
                     model: model.value,
                     idx: index,
                     "preview-list": previewList.value,
+                    "is-popover": _ctx.localUpload,
                     "thumb-model": "thumb",
                     onFileForShowThumb: fileForShowThumb,
                     onChangeThumbType: changeThumbType,
                     onUploadLocal: _cache[1] || (_cache[1] = (cb) => _ctx.$emit("upload", cb)),
                     onOpen: ($event) => openDialogMediaSelection($event, index)
-                  }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "onOpen"]);
+                  }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "is-popover", "onOpen"]);
                 }), 128))
               ])
             ], 2112)) : createCommentVNode("v-if", true),
@@ -512,12 +515,13 @@ const _sfc_main = defineComponent({
                 "onUpdate:data": _cache[5] || (_cache[5] = ($event) => banner.value = $event),
                 parentRef: selectThumbRef.value,
                 "preview-list": previewList.value,
+                "is-popover": _ctx.localUpload,
                 "thumb-model": "banner",
                 onFileForShowThumb: fileForShowThumb,
                 onChangeThumbType: changeThumbType,
                 onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
-              }, null, 8, ["data", "parentRef", "preview-list"])) : createCommentVNode("v-if", true),
+              }, null, 8, ["data", "parentRef", "preview-list", "is-popover"])) : createCommentVNode("v-if", true),
               hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_10, _hoisted_12)) : createCommentVNode("v-if", true),
               createCommentVNode(" banner\u8C03\u8272\u677F "),
               hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -549,12 +553,13 @@ const _sfc_main = defineComponent({
                 "onUpdate:data": _cache[7] || (_cache[7] = ($event) => pcBanner.value = $event),
                 parentRef: selectThumbRef.value,
                 previewList: previewList.value,
+                "is-popover": _ctx.localUpload,
                 thumbModel: "pcBanner",
                 onFileForShowThumb: fileForShowThumb,
                 onChangeThumbType: changeThumbType,
                 onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
-              }, null, 8, ["data", "parentRef", "previewList"]),
+              }, null, 8, ["data", "parentRef", "previewList", "is-popover"]),
               _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
               docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_19, _hoisted_21)) : createCommentVNode("v-if", true),
               docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {

package/es/selectThumb/components/card.js

@@ -1,8 +1,13 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, Transition, withModifiers, createCommentVNode, normalizeStyle } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, Transition, withModifiers, createCommentVNode, normalizeStyle } from "vue";
 import { Popover, Image } from "@arco-design/web-vue";
 import { IconEdit, IconDelete, IconPlus } from "@arco-design/web-vue/es/icon";
 import { DEFAULT_BASE_API } from "../../config.js";
-const _hoisted_1 = {
+const _hoisted_1 = { class: "thumb-card-container-wrap" };
+const _hoisted_2 = {
+  key: 0,
+  class: "img-v"
+};
+const _hoisted_3 = {
   key: 0,
   class: "img-v"
 };
@@ -16,7 +21,8 @@ const _sfc_main = defineComponent({
     parentRef: {},
     idx: {},
     along: { type: Boolean },
-    model: {}
+    model: {},
+    isPopover: { type: Boolean }
   },
   emits: [
     "open",
@@ -62,64 +68,110 @@ const _sfc_main = defineComponent({
       emit("remove");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Popover), {
-        trigger: "hover",
-        position: "bottom",
-        "popup-container": props.parentRef
-      }, {
-        content: withCtx(() => [
-          createElementVNode("div", { onClick: openDialogMediaSelection }, "\u7D20\u6750\u5E93\u9009\u62E9"),
-          createElementVNode("div", { onClick: loaclUpload }, "\u672C\u5730\u4E0A\u4F20")
-        ]),
-        default: withCtx(() => {
-          var _a;
-          return [
-            createElementVNode("div", {
-              class: normalizeClass(["thumb-card-container", classObj.value])
-            }, [
-              ((_a = props.data) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                createVNode(unref(Image), {
-                  class: "item",
-                  fit: "cover",
-                  src: props.data.url,
-                  "show-loader": ""
-                }, null, 8, ["src"]),
-                createVNode(Transition, { name: "fade" }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: "mask",
-                      onClick: clickMask
-                    }, [
-                      createElementVNode("span", {
-                        class: "half",
-                        onClick: withModifiers(openDialogMediaSelection, ["stop"])
-                      }, [
-                        createVNode(unref(IconEdit))
-                      ]),
-                      _ctx.along ? (openBlock(), createElementBlock("span", {
-                        key: 0,
-                        class: "half",
-                        onClick: withModifiers(remove, ["stop"])
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.isPopover ? (openBlock(), createBlock(unref(Popover), {
+          key: 0,
+          trigger: "hover",
+          position: "bottom",
+          "popup-container": props.parentRef
+        }, {
+          content: withCtx(() => [
+            createElementVNode("div", { onClick: openDialogMediaSelection }, "\u7D20\u6750\u5E93\u9009\u62E9"),
+            createElementVNode("div", { onClick: loaclUpload }, "\u672C\u5730\u4E0A\u4F20")
+          ]),
+          default: withCtx(() => {
+            var _a2;
+            return [
+              createElementVNode("div", {
+                class: normalizeClass(["thumb-card-container", classObj.value])
+              }, [
+                ((_a2 = props.data) == null ? void 0 : _a2.url) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createVNode(unref(Image), {
+                    class: "item",
+                    fit: "cover",
+                    src: props.data.url,
+                    "show-loader": ""
+                  }, null, 8, ["src"]),
+                  createVNode(Transition, { name: "fade" }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", {
+                        class: "mask",
+                        onClick: clickMask
                       }, [
-                        createVNode(unref(IconDelete))
-                      ])) : createCommentVNode("v-if", true)
-                    ])
+                        createElementVNode("span", {
+                          class: "half",
+                          onClick: withModifiers(openDialogMediaSelection, ["stop"])
+                        }, [
+                          createVNode(unref(IconEdit))
+                        ]),
+                        _ctx.along ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: "half",
+                          onClick: withModifiers(remove, ["stop"])
+                        }, [
+                          createVNode(unref(IconDelete))
+                        ])) : createCommentVNode("v-if", true)
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])) : (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: "item add-thumb",
+                  style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
+                  onClick: openDialogMediaSelection
+                }, [
+                  createVNode(unref(IconPlus))
+                ], 4))
+              ], 2)
+            ];
+          }),
+          _: 1
+        }, 8, ["popup-container"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["thumb-card-container", classObj.value])
+        }, [
+          ((_a = props.data) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createVNode(unref(Image), {
+              class: "item",
+              fit: "cover",
+              src: props.data.url,
+              "show-loader": ""
+            }, null, 8, ["src"]),
+            createVNode(Transition, { name: "fade" }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: "mask",
+                  onClick: clickMask
+                }, [
+                  createElementVNode("span", {
+                    class: "half",
+                    onClick: withModifiers(openDialogMediaSelection, ["stop"])
+                  }, [
+                    createVNode(unref(IconEdit))
                   ]),
-                  _: 1
-                })
-              ])) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: "item add-thumb",
-                style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
-                onClick: openDialogMediaSelection
-              }, [
-                createVNode(unref(IconPlus))
-              ], 4))
-            ], 2)
-          ];
-        }),
-        _: 1
-      }, 8, ["popup-container"]);
+                  _ctx.along ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: "half",
+                    onClick: withModifiers(remove, ["stop"])
+                  }, [
+                    createVNode(unref(IconDelete))
+                  ])) : createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 1
+            })
+          ])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "item add-thumb",
+            style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
+            onClick: openDialogMediaSelection
+          }, [
+            createVNode(unref(IconPlus))
+          ], 4))
+        ], 2))
+      ]);
     };
   }
 });

package/es/thumbCard/component.js

@@ -0,0 +1,114 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createBlock, unref, withCtx, createVNode, createTextVNode, createElementVNode, Fragment, createCommentVNode, mergeProps, renderList, toDisplayString } from "vue";
+import { IconPlus } from "@arco-design/web-vue/es/icon";
+import { IconResource, IconComputer } from "@arco-iconbox/vue-cmstop-icons";
+import { Dropdown, Doption, Image } from "@arco-design/web-vue";
+import { DEFAULT_BASE_API } from "../config.js";
+const _hoisted_1 = { class: "thumb-add" };
+const _hoisted_2 = { class: "thumb-handler-list" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = defineComponent({
+  ...{ name: "thumbCard" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    url: {},
+    thumb: {},
+    isEdit: { type: Boolean },
+    options: {},
+    meta: {},
+    catalog: {},
+    handlersKey: {}
+  },
+  emits: ["handle", "edit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const WATER_BG_URL = `${BASE_API}/static/images/waterBg.png`;
+    const thumb = computed(() => {
+      return props.thumb || props.url || "";
+    });
+    const styleObject = computed(() => ({
+      backgroundImage: `url(${WATER_BG_URL})`
+    }));
+    const aImageAttr = computed(() => {
+      return {
+        fit: "contain",
+        preview: false,
+        width: "100%",
+        height: "100%",
+        ...props.options
+      };
+    });
+    function handleOption(key) {
+      emits("handle", { key, item: props.meta });
+    }
+    function handleEdit(key) {
+      emits("edit", { key });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "thumb-select-wrapper",
+        style: normalizeStyle(styleObject.value)
+      }, [
+        _ctx.isEdit && !_ctx.url ? (openBlock(), createBlock(unref(Dropdown), {
+          key: 0,
+          trigger: "click",
+          onSelect: handleEdit
+        }, {
+          content: withCtx(() => [
+            createVNode(unref(Doption), { value: "resource" }, {
+              default: withCtx(() => [
+                createVNode(unref(IconResource)),
+                createTextVNode(" \u7D20\u6750\u5E93\u9009\u62E9 ")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(Doption), { value: "local" }, {
+              default: withCtx(() => [
+                createVNode(unref(IconComputer)),
+                createTextVNode(" \u672C\u5730\u4E0A\u4F20 ")
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(unref(IconPlus))
+            ])
+          ]),
+          _: 1
+        })) : _ctx.catalog && _ctx.url ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode(" \u56FE\u7247 "),
+          _ctx.catalog === "image" ? (openBlock(), createBlock(unref(Image), mergeProps({
+            key: 0,
+            class: "thumb-image",
+            src: thumb.value
+          }, aImageAttr.value), null, 16, ["src"])) : _ctx.catalog === "video" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createCommentVNode(" \u89C6\u9891 "),
+            createVNode(unref(Image), mergeProps({
+              class: "thumb-image",
+              src: thumb.value
+            }, aImageAttr.value), null, 16, ["src"])
+          ], 64)) : _ctx.catalog === "audio" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createCommentVNode(" \u97F3\u9891 "),
+            createTextVNode(" \u97F3\u9891 ")
+          ], 64)) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u5C55\u793A\u6A21\u5F0F "),
+          createElementVNode("div", _hoisted_2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.handlersKey, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.key,
+                class: "handler-item",
+                onClick: () => handleOption(item.key)
+              }, toDisplayString(item.label), 9, _hoisted_3);
+            }), 128))
+          ])
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createTextVNode(" \u7F3A\u7701\u56FE ")
+        ], 64))
+      ], 4);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/thumbCard/index.d.ts

@@ -0,0 +1,2 @@
+declare const thumbCard: any;
+export default thumbCard;

package/es/thumbCard/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const thumbCard = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { thumbCard as default };

package/es/thumbCard/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/thumbCard/style/index.css

@@ -0,0 +1,53 @@
+.thumb-select-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.thumb-select-wrapper .thumb-add {
+  color: var(--color-text-2);
+  font-size: 16px;
+  cursor: pointer;
+}
+.thumb-select-wrapper .thumb-image img {
+  width: 100%;
+  height: 100%;
+}
+.thumb-select-wrapper .thumb-handler-list {
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 40px;
+  opacity: 0;
+  transition: all 0.3s ease-in-out;
+}
+.thumb-select-wrapper .thumb-handler-list .handler-item {
+  padding: 0 8px;
+  color: #fff;
+  font-size: 12px;
+  line-height: 26px;
+  background-color: #000000b3;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.thumb-select-wrapper .thumb-handler-list .handler-item:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+.thumb-select-wrapper:hover .thumb-handler-list {
+  opacity: 1;
+}
+.arco-dropdown-option-content {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}

package/es/thumbCard/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/thumbCard/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/thumbCard/style/index.less

@@ -0,0 +1,70 @@
+.thumb-select-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  // 高度宽度不在这里定义，根据具体的业务场景去处理，更灵活
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 2px;
+  cursor: pointer;
+
+  // 添加模式
+  .thumb-add {
+    color: var(--color-text-2);
+    font-size: 16px;
+    cursor: pointer;
+  }
+
+  // 样式
+  .thumb-image {
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  // 扩展按钮
+  .thumb-handler-list {
+    position: absolute;
+    bottom: 0;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 40px;
+    opacity: 0;
+    transition: all 0.3s ease-in-out;
+
+    .handler-item {
+      padding: 0 8px;
+      color: #fff;
+      font-size: 12px;
+      line-height: 26px;
+      // 50%透明度
+      background-color: #000000b3;
+      border-radius: 2px;
+      cursor: pointer;
+
+      &:hover {
+        color: rgba(255, 255, 255, 0.7);
+      }
+    }
+  }
+
+  &:hover {
+    .thumb-handler-list {
+      opacity: 1;
+    }
+  }
+}
+
+// 素材选择
+.arco-dropdown-option-content {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}

package/es/utils/typeMap.d.ts

@@ -168,3 +168,22 @@ export declare const matrixPublishFormalStateMap: {
     12: string;
     13: string;
 };
+export declare const RESOURCE_SOURCE_DICT: {
+    ai: string;
+    live_rec: string;
+    backend: string;
+};
+export declare const RESOURCE_CATALOG_DICT: {
+    image: string;
+    video: string;
+    audio: string;
+    other: string;
+};
+export declare const RESOURCE_SOURCE_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const RESOURCE_CATALOG_OPTIONS: {
+    value: string;
+    label: string;
+}[];

package/es/utils/typeMap.js

@@ -1,4 +1,7 @@
 var _a, _b, _c;
+function object2LabelList(object) {
+  return Object.keys(object).map((key) => ({ value: key, label: object[key] }));
+}
 const mpName = ((_c = (_b = (_a = window.situoyun) == null ? void 0 : _a.config) == null ? void 0 : _b.oem_config) == null ? void 0 : _c.mp_name) || "\u516C\u4F17\u53F7";
 const key_target_type_map = {
   3: "doc",
@@ -158,4 +161,17 @@ const matrixPublishFormalStateMap = {
   12: "\u672A\u77E5",
   13: "\u79C1\u5BC6"
 };
-export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, groupPieceType, ilive_type_map, key_target_type_map, kongo_source_map, local_live_doc_status, local_live_doc_type, matrixPublishFormalStateMap, matrixPublishStateMap, mp_type_map };
+const RESOURCE_SOURCE_DICT = {
+  ai: "AI \u751F\u6210",
+  live_rec: "\u76F4\u64AD\u6536\u5F55",
+  backend: "\u540E\u53F0\u4E0A\u4F20"
+};
+const RESOURCE_CATALOG_DICT = {
+  image: "\u56FE\u7247",
+  video: "\u89C6\u9891",
+  audio: "\u97F3\u9891",
+  other: "\u5176\u4ED6"
+};
+const RESOURCE_SOURCE_OPTIONS = object2LabelList(RESOURCE_SOURCE_DICT);
+const RESOURCE_CATALOG_OPTIONS = object2LabelList(RESOURCE_CATALOG_DICT);
+export { RESOURCE_CATALOG_DICT, RESOURCE_CATALOG_OPTIONS, RESOURCE_SOURCE_DICT, RESOURCE_SOURCE_OPTIONS, approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, groupPieceType, ilive_type_map, key_target_type_map, kongo_source_map, local_live_doc_status, local_live_doc_type, matrixPublishFormalStateMap, matrixPublishStateMap, mp_type_map };

package/lib/hooks/useAttachement.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var request = require("../utils/request.js");
+function getAttachmentsAll(BASE_API, query) {
+  return request(BASE_API, {
+    url: `/poplar/v3/attachments`,
+    method: "get",
+    params: query
+  });
+}
+function getAttachmentsMy(BASE_API, query) {
+  return request(BASE_API, {
+    url: `/poplar/v3/my/attachments`,
+    method: "get",
+    params: query
+  });
+}
+function getAttachmentsMyMessage(BASE_API, query) {
+  return request(BASE_API, {
+    url: `/poplar/v3/remind/to/my/attachments`,
+    method: "get",
+    params: query
+  });
+}
+function useAttachement(options) {
+  const key = vue.ref(options.key);
+  const limit = vue.ref(20);
+  const offset = vue.ref(0);
+  const filter = vue.ref({});
+  const params = vue.computed(() => {
+    return {
+      limit: limit.value,
+      offset: offset.value,
+      ...filter.value
+    };
+  });
+  const loading = vue.ref(true);
+  const list = vue.ref([]);
+  const total = vue.ref(0);
+  async function loadData() {
+    let apiFunc;
+    if (key.value === "all")
+      apiFunc = getAttachmentsAll;
+    if (key.value === "my")
+      apiFunc = getAttachmentsMy;
+    if (key.value === "remind")
+      apiFunc = getAttachmentsMyMessage;
+    list.value = [];
+    if (!apiFunc)
+      return;
+    loading.value = true;
+    try {
+      const { code, message } = await apiFunc(options.BASE_API, params.value);
+      if (code !== 0)
+        return;
+      const { data, count } = message;
+      list.value = data || [];
+      total.value = count;
+    } catch (e) {
+      console.log("\u83B7\u53D6\u7D20\u6750\u5217\u8868\u5F02\u5E38", e);
+    } finally {
+      loading.value = false;
+    }
+  }
+  function changePage(o) {
+    offset.value = o;
+    loadData();
+  }
+  function changeSize(s) {
+    limit.value = s;
+    loadData();
+  }
+  function changeKey(k) {
+    if (k === key.value)
+      return;
+    key.value = k;
+    changePage(0);
+  }
+  function changeFilter(f) {
+    filter.value = f;
+    changePage(0);
+  }
+  return {
+    list,
+    total,
+    limit,
+    offset,
+    loading,
+    changeFilter,
+    changeKey,
+    changePage,
+    changeSize,
+    loadData
+  };
+}
+exports["default"] = useAttachement;
+exports.getAttachmentsAll = getAttachmentsAll;
+exports.getAttachmentsMy = getAttachmentsMy;
+exports.getAttachmentsMyMessage = getAttachmentsMyMessage;