npm - mgacn-commonsdk - Versions diffs - 1.0.0 - Mend

mgacn-commonsdk 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +128 -0
package/dist/mgacn-commonsdk.js +688 -0
package/dist/mgacn-commonsdk.umd.cjs +1 -0
package/dist/style.css +9 -0
package/package.json +58 -0

package/README.md ADDED Viewed

@@ -0,0 +1,128 @@
+# mgacn-commonsdk
+芒果 ACN 公共组件库：公共组件、工具方法与网络请求封装。
+## 环境
+- Node.js `24.19.0`
+```bash
+nvm use
+npm install
+```
+## 安装（接入系统）
+```bash
+npm install mgacn-commonsdk
+```
+`axios`、`ali-oss`、`cropperjs` 已作为组件库自带依赖，**宿主无需单独安装**。
+以下一般由宿主项目已有（与 SDK 共用）：
+- `vue`
+- `element-plus`
+- `@element-plus/icons-vue`
+## 使用
+```js
+import MgacnCommonSdk from 'mgacn-commonsdk'
+import 'mgacn-commonsdk/style.css'
+app.use(MgacnCommonSdk, {
+  tokenKey: 'your_token_key',
+  baseURL: import.meta.env.VITE_API_BASE_URL,
+  systemIdKey: 'mgacn_systemid', // 可选，有的系统需要
+})
+```
+### 网络请求（宿主使用 .GET / .POST）
+先 `app.use` 后，页面里这样调：
+```js
+// Options API
+this.$request.GET('/yhAdmin/user/queryUserById', { params: { id: 1 } })
+this.$request.POST('/yhAdmin/user/edit', { name: '张三' })
+this.$request.DELETE(`/yhAdmin/portal/deleteManager/${userId}`)
+// Composition API / <script setup>
+import { getRequest } from 'mgacn-commonsdk'
+const request = getRequest()
+await request.GET('/path', { params: { page: 1 } })
+await request.POST('/path', { foo: 1 })
+```
+也可继续用封装好的 api：
+```js
+import { getApi } from 'mgacn-commonsdk'
+await getApi().getUserInfo(userId)
+```
+### 手动创建
+```js
+import { createRequest, createApi } from 'mgacn-commonsdk'
+const request = createRequest({
+  tokenKey: 'your_token_key',
+  baseURL: '/api',
+  systemIdKey: 'mgacn_systemid', // 可选
+})
+const api = createApi(request)
+```
+### 图片上传
+```vue
+<template>
+  <MgImageUpload
+    v-model="urls"
+    v-model:uploading="uploading"
+    fold-name="portal_cms"
+    :file-num="3"
+    :max-file-size="5"
+  />
+  <el-button :disabled="uploading" @click="submit">提交</el-button>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      urls: [], // 统一为 string[]，无图时为 []
+      uploading: false,
+    }
+  },
+  methods: {
+    submit() {
+      if (this.uploading) {
+        this.$message.warning('图片上传中，请稍候')
+        return
+      }
+      // this.urls => ['https://...', 'https://...']
+    },
+  },
+}
+</script>
+```
+也可通过 ref 判断：
+```js
+if (this.$refs.upload.isUploading()) return
+```
+先 `app.use(MgacnCommonSdk, { tokenKey, baseURL })` 后，组件内部通过项目 `api.getOssSts` 获取凭证。
+## 本地开发 / 发布
+```bash
+npm run dev
+npm run build
+npm publish
+```

package/dist/mgacn-commonsdk.js ADDED Viewed

@@ -0,0 +1,688 @@
+import { Plus as V, Delete as z, CircleCloseFilled as Y } from "@element-plus/icons-vue";
+import { ElMessage as U, ElMessageBox as q } from "element-plus";
+import K from "cropperjs";
+import H from "ali-oss";
+import { resolveComponent as y, openBlock as g, createElementBlock as h, createElementVNode as d, toDisplayString as S, createCommentVNode as v, createTextVNode as b, Fragment as P, renderList as G, normalizeStyle as T, normalizeClass as W, createVNode as p, withCtx as f, withModifiers as J, withDirectives as I, vShow as O } from "vue";
+import Q from "axios";
+function X(e) {
+  if (!e)
+    throw new Error("[mgacn-commonsdk] createApi 需要传入 request 实例");
+  return {
+    getUserInfo(t) {
+      return e.GET("/yhAdmin/user/queryUserById", { params: { id: t } });
+    },
+    getOssSts(t) {
+      return e.GET("/yhAdmin/oss/fileUploadSts", { params: { dir: t } });
+    }
+  };
+}
+let x = null;
+function Z(e) {
+  x = e;
+}
+function ee() {
+  if (!x)
+    throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");
+  return x;
+}
+function N(e) {
+  return String(e).padStart(2, "0");
+}
+function te() {
+  const e = /* @__PURE__ */ new Date();
+  return `${e.getFullYear()}${N(e.getMonth() + 1)}${N(e.getDate())}`;
+}
+function B(e = 10) {
+  const t = "0123456789abcdefghijklmnopqrstuvwxyz";
+  let r = "";
+  for (let s = 0; s < e; s++)
+    r += t[Math.floor(Math.random() * t.length)];
+  return r;
+}
+function F(e = "portal_cms") {
+  return `${e}/${te()}/`;
+}
+function j(e) {
+  return ee().getOssSts(e);
+}
+async function M(e = {}) {
+  const { dir: t, foldName: r, getOss: s, ossinfo: o } = e, i = t || F(r || "portal_cms"), n = o || (typeof s == "function" ? await s(i) : await j(i));
+  if (!n)
+    throw new Error("[mgacn-commonsdk] 获取 OSS STS 失败");
+  const c = new H({
+    bucket: n.bucketName,
+    accessKeyId: n.accessKeyId,
+    accessKeySecret: n.accessKeySecret,
+    success_action_status: "200",
+    stsToken: n.securityToken,
+    endpoint: n.endPoint
+  });
+  return c.options.ossUrl = n.ossUrl || n.domain || (n.bucketName && n.endPoint ? `https://${n.bucketName}.${n.endPoint}` : ""), c.options.uploadDir = i, c;
+}
+async function re(e = {}) {
+  const { client: t, file: r, dir: s, foldName: o, fileName: i, onProgress: n } = e;
+  if (!r)
+    throw new Error("[mgacn-commonsdk] uploadToOss 缺少 file");
+  const c = t || await M({ dir: s, foldName: o }), C = s || c.options.uploadDir || F(o);
+  let l = i;
+  if (!l) {
+    const k = r.name || "file", u = k.indexOf("."), _ = u > -1 ? k.slice(u) : "";
+    l = `${C}${B(10)}${_}`;
+  }
+  const a = await c.multipartUpload(l, r, {
+    progress: (k) => {
+      typeof n == "function" && n(Math.floor(k * 100));
+    }
+  });
+  if (a.res && a.res.statusCode !== 200)
+    throw new Error("[mgacn-commonsdk] 上传失败");
+  const w = (c.options.ossUrl || "").replace(/\/$/, ""), m = w ? `${w}/${l}` : l;
+  return { name: l, url: m, raw: a, client: c };
+}
+const se = {
+  methods: {
+    getDir() {
+      return F(this.foldName || "portal_cms");
+    },
+    randomString: B,
+    getOss() {
+      return j(this.getDir());
+    },
+    async createOssClient() {
+      return M({
+        dir: this.getDir(),
+        getOss: () => this.getOss()
+      });
+    }
+  }
+}, ie = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [s, o] of t)
+    r[s] = o;
+  return r;
+};
+let E = 0;
+function $() {
+  return E += 1, `mg-img-${Date.now()}-${E}`;
+}
+function oe(e) {
+  return Array.isArray(e) ? e.filter(Boolean) : e ? [e] : [];
+}
+function A(e) {
+  return e.map((t) => ({
+    uid: $(),
+    url: t,
+    status: "success",
+    percent: 100,
+    previewUrl: ""
+  }));
+}
+function ne(e = "") {
+  const t = e.lastIndexOf(".");
+  return t > -1 ? e.slice(t + 1).toLowerCase() : "";
+}
+const le = {
+  name: "MgImageUpload",
+  mixins: [se],
+  components: { CircleCloseFilled: Y, Delete: z, Plus: V },
+  props: {
+    /** v-model 统一为 string[]；入参兼容 string / string[] */
+    modelValue: { type: [Array, String], default: () => [] },
+    greyTips: String,
+    otherTips: String,
+    maxFileSize: { type: Number, default: 100 },
+    fileNum: { type: Number, default: 1 },
+    initFileList: { type: Array, default: () => [] },
+    isCropper: Boolean,
+    isDegree: Boolean,
+    degree: { type: Number, default: 3 },
+    aspectRatio: { type: Number, default: 1 },
+    imageStyle: Object,
+    resetFilelist: Boolean,
+    accept: { type: String, default: ".jpg,.jpeg,.png,.gif,.svg" },
+    foldName: { type: String, default: "portal_cms" },
+    disabled: Boolean,
+    /** 是否有未完成上传（支持 v-model:uploading） */
+    uploading: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "update:modelValue",
+    "update:uploading",
+    "sendFile",
+    "success",
+    "error",
+    "progress"
+  ],
+  expose: ["hasPendingUpload", "isUploading"],
+  data() {
+    return {
+      fileList: [],
+      cropImageUrl: "",
+      dialogVisible: !1,
+      cropper: null
+    };
+  },
+  computed: {
+    multiple() {
+      return this.fileNum > 1 && !this.isCropper;
+    },
+    /** 是否存在未上传完的任务 */
+    hasPendingUpload() {
+      return this.fileList.some((e) => e.status === "uploading");
+    },
+    uploadingCount() {
+      return this.fileList.filter((e) => e.status === "uploading").length;
+    },
+    showUploadBtn() {
+      return !this.disabled && this.fileList.length < this.fileNum;
+    },
+    acceptList() {
+      return this.accept.split(",").map((e) => e.replace(".", "").trim().toLowerCase()).filter(Boolean);
+    },
+    successUrls() {
+      return this.fileList.filter((e) => e.status === "success").map((e) => e.url);
+    }
+  },
+  watch: {
+    hasPendingUpload: {
+      immediate: !0,
+      handler(e) {
+        e !== this.uploading && this.$emit("update:uploading", e);
+      }
+    },
+    initFileList: {
+      deep: !0,
+      immediate: !0,
+      handler(e) {
+        e != null && e.length && this.replaceList(A(e));
+      }
+    },
+    modelValue: {
+      immediate: !0,
+      handler(e) {
+        var s;
+        if ((s = this.initFileList) != null && s.length) return;
+        const t = oe(e), r = this.successUrls;
+        t.length === r.length && t.every((o, i) => o === r[i]) || this.replaceList(A(t));
+      }
+    },
+    cropImageUrl(e) {
+      this.cropper && (e ? this.cropper.replace(e) : this.destroyCropper());
+    }
+  },
+  beforeUnmount() {
+    this.destroyCropper(), this.revokeAllPreviews();
+  },
+  methods: {
+    /** 供父组件通过 ref 调用：是否有未完成上传 */
+    isUploading() {
+      return this.hasPendingUpload;
+    },
+    replaceList(e) {
+      this.revokeAllPreviews(), this.fileList = e;
+    },
+    revokePreview(e) {
+      e != null && e.previewUrl && (URL.revokeObjectURL(e.previewUrl), e.previewUrl = "");
+    },
+    revokeAllPreviews() {
+      this.fileList.forEach((e) => this.revokePreview(e));
+    },
+    emitFile() {
+      const e = [...this.successUrls];
+      this.$emit("update:modelValue", e), this.$emit("sendFile", e);
+    },
+    openFilePicker() {
+      const e = this.$refs.fileInput;
+      e && (e.value = "", e.click());
+    },
+    handleUpload() {
+      if (!this.disabled) {
+        if (this.fileList.length >= this.fileNum) {
+          U.error(`文件数量不超过${this.fileNum}`);
+          return;
+        }
+        this.openFilePicker();
+      }
+    },
+    onFileChange(e) {
+      const t = [...e.target.files || []];
+      if (!t.length) return;
+      const r = this.fileNum - this.fileList.length;
+      if (t.length > r) {
+        U.error(`文件数量不超过${this.fileNum}个`);
+        return;
+      }
+      const s = [], o = [];
+      if (t.forEach((i) => {
+        this.acceptList.includes(ne(i.name)) ? s.push(i) : o.push(i);
+      }), o.length) {
+        const i = o.map((n) => n.name).join("，");
+        q.confirm(
+          `已过滤以下 ${o.length} 个不符合要求的文件：<br/><p style="color:#f56c6c;font-size:12px;">${i}</p><br/>只接受：${this.acceptList.join("/")}`,
+          "提示",
+          {
+            confirmButtonText: "确认",
+            showCancelButton: !1,
+            dangerouslyUseHTMLString: !0,
+            type: "warning"
+          }
+        ).catch(() => {
+        });
+      }
+      if (s.length) {
+        if (this.isCropper) {
+          this.openCropper(s[0]);
+          return;
+        }
+        this.startUpload(s);
+      }
+    },
+    openCropper(e) {
+      const t = new FileReader();
+      t.onloadend = (r) => {
+        this.cropImageUrl = r.target.result, this.dialogVisible = !0, this.cropper || this.$nextTick(() => this.initCropper());
+      }, t.readAsDataURL(e);
+    },
+    /** 先预览，再逐张上传；每张图独立进度蒙层 */
+    startUpload(e) {
+      this.resetFilelist && this.replaceList([]);
+      const t = this.maxFileSize * 1024 * 1024, r = [];
+      return e.forEach((s) => {
+        if (s.size > t) {
+          U.error(`「${s.name}」超出 ${this.maxFileSize}MB 限制`);
+          return;
+        }
+        const o = URL.createObjectURL(s), i = {
+          uid: $(),
+          url: o,
+          previewUrl: o,
+          status: "uploading",
+          percent: 0,
+          raw: s
+        };
+        this.fileList.push(i), r.push(this.uploadOne(i));
+      }), Promise.all(r);
+    },
+    async uploadOne(e) {
+      try {
+        const t = await re({
+          file: e.raw,
+          dir: this.getDir(),
+          onProgress: (r) => {
+            e.percent = r, this.$emit("progress", r, e.raw);
+          }
+        });
+        this.revokePreview(e), e.url = t.url, e.status = "success", e.percent = 100, e.raw = null, this.emitFile(), this.$emit("success", t, e);
+      } catch (t) {
+        e.status = "fail", e.percent = 0, this.$emit("error", t, e);
+      } finally {
+        this.dialogVisible && this.handleBack();
+      }
+    },
+    initCropper() {
+      const e = this.$refs.cropImage;
+      e && (this.cropper = new K(e, {
+        aspectRatio: this.aspectRatio,
+        autoCropArea: 0.8,
+        viewMode: 1,
+        movable: !0,
+        zoomable: !0,
+        rotatable: !0,
+        guides: !0,
+        background: !0,
+        cropBoxMovable: !0,
+        cropBoxResizable: !0,
+        minCropBoxWidth: 100,
+        minCropBoxHeight: 100
+      }));
+    },
+    destroyCropper() {
+      this.cropper && (this.cropper.destroy(), this.cropper = null);
+    },
+    rotate(e) {
+      var t;
+      (t = this.cropper) == null || t.rotate(e);
+    },
+    confirmCrop() {
+      if (this.uploadingCount) {
+        U.error("上传中，请稍后！");
+        return;
+      }
+      if (!this.cropper) return;
+      const e = this.cropper.getCroppedCanvas().toDataURL("image/jpeg");
+      this.startUpload([this.base64ToFile(e)]);
+    },
+    base64ToFile(e) {
+      const [t, r] = e.split(","), s = t.match(/:(.*?);/)[1], o = s.split("/")[1], i = atob(r), n = new Uint8Array(i.length);
+      for (let c = 0; c < i.length; c++) n[c] = i.charCodeAt(c);
+      return new File([n], `${Date.now()}.${o}`, { type: s });
+    },
+    handleBack() {
+      this.cropImageUrl = "", this.dialogVisible = !1;
+    },
+    removeImg(e) {
+      const t = this.fileList[e];
+      !t || t.status === "uploading" || (this.revokePreview(t), this.fileList.splice(e, 1), this.emitFile());
+    }
+  }
+}, ae = { class: "upload-image-cropper" }, ce = ["multiple", "accept"], ue = {
+  key: 0,
+  class: "grey-tips"
+}, pe = { key: 0 }, de = { class: "list-box" }, fe = {
+  key: 0,
+  class: "status-mask is-uploading"
+}, me = { class: "progress-wrap" }, ge = { class: "percent-text" }, he = {
+  key: 1,
+  class: "status-mask is-fail"
+}, ye = ["onClick"], we = { class: "cropper-box" }, ke = ["src"], be = { class: "btn-box" }, Ce = { class: "btn-box" };
+function _e(e, t, r, s, o, i) {
+  const n = y("el-image"), c = y("el-progress"), C = y("CircleCloseFilled"), l = y("el-icon"), a = y("Delete"), w = y("Plus"), m = y("el-button"), k = y("el-dialog");
+  return g(), h("div", ae, [
+    d("input", {
+      ref: "fileInput",
+      type: "file",
+      class: "file-input",
+      multiple: i.multiple,
+      accept: r.accept,
+      onChange: t[0] || (t[0] = (...u) => i.onFileChange && i.onFileChange(...u))
+    }, null, 40, ce),
+    r.greyTips ? (g(), h("div", ue, [
+      r.otherTips ? (g(), h("div", pe, S(r.otherTips), 1)) : v("", !0),
+      b(" " + S(r.greyTips), 1)
+    ])) : v("", !0),
+    d("div", de, [
+      (g(!0), h(P, null, G(o.fileList, (u, _) => (g(), h("div", {
+        key: u.uid,
+        class: W(["image-box", [`is-${u.status}`]]),
+        style: T(r.imageStyle)
+      }, [
+        p(n, {
+          src: u.url,
+          fit: "cover",
+          class: "img"
+        }, null, 8, ["src"]),
+        u.status === "uploading" ? (g(), h("div", fe, [
+          d("div", me, [
+            p(c, {
+              type: "circle",
+              percentage: u.percent,
+              width: 30,
+              "stroke-width": 3,
+              "show-text": !1,
+              color: "var(--mg-primary, #ff5722)"
+            }, null, 8, ["percentage"]),
+            d("span", ge, S(u.percent) + "%", 1)
+          ])
+        ])) : u.status === "fail" ? (g(), h("div", he, [
+          p(l, {
+            class: "fail-icon",
+            size: 16
+          }, {
+            default: f(() => [
+              p(C)
+            ]),
+            _: 1
+          }),
+          t[5] || (t[5] = d("span", { class: "fail-text" }, "失败", -1)),
+          p(l, {
+            class: "remove-icon",
+            size: 14,
+            title: "删除",
+            onClick: J((R) => i.removeImg(_), ["stop"])
+          }, {
+            default: f(() => [
+              p(a)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ])) : (g(), h("div", {
+          key: 2,
+          class: "status-mask is-success",
+          onClick: (R) => i.removeImg(_)
+        }, [
+          p(l, {
+            class: "remove-icon",
+            size: 16
+          }, {
+            default: f(() => [
+              p(a)
+            ]),
+            _: 1
+          })
+        ], 8, ye))
+      ], 6))), 128)),
+      I(d("div", {
+        class: "image-box upload-btn",
+        style: T(r.imageStyle),
+        onClick: t[1] || (t[1] = (...u) => i.handleUpload && i.handleUpload(...u))
+      }, [
+        p(l, {
+          class: "icon",
+          size: 14
+        }, {
+          default: f(() => [
+            p(w)
+          ]),
+          _: 1
+        }),
+        t[6] || (t[6] = d("div", null, "上传图片", -1))
+      ], 4), [
+        [O, i.showUploadBtn]
+      ])
+    ]),
+    p(k, {
+      modelValue: o.dialogVisible,
+      "onUpdate:modelValue": t[4] || (t[4] = (u) => o.dialogVisible = u),
+      title: "裁剪图片",
+      width: "600px",
+      top: "5vh",
+      "append-to-body": "",
+      "close-on-click-modal": !1,
+      onClose: i.handleBack
+    }, {
+      default: f(() => [
+        d("div", we, [
+          I(d("img", {
+            ref: "cropImage",
+            src: o.cropImageUrl,
+            class: "cropper-img"
+          }, null, 8, ke), [
+            [O, o.cropImageUrl]
+          ])
+        ]),
+        d("div", be, [
+          r.isDegree ? (g(), h(P, { key: 0 }, [
+            p(m, {
+              onClick: t[2] || (t[2] = (u) => i.rotate(-r.degree))
+            }, {
+              default: f(() => [...t[7] || (t[7] = [
+                b("向左旋转", -1)
+              ])]),
+              _: 1
+            }),
+            p(m, {
+              onClick: t[3] || (t[3] = (u) => i.rotate(r.degree))
+            }, {
+              default: f(() => [...t[8] || (t[8] = [
+                b("向右旋转", -1)
+              ])]),
+              _: 1
+            })
+          ], 64)) : v("", !0),
+          p(m, {
+            type: "primary",
+            onClick: i.openFilePicker
+          }, {
+            default: f(() => [
+              b(S(o.cropImageUrl ? "重新上传" : "点击上传"), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        d("div", Ce, [
+          p(m, { onClick: i.handleBack }, {
+            default: f(() => [...t[9] || (t[9] = [
+              b("取 消", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          p(m, {
+            type: "primary",
+            onClick: i.confirmCrop
+          }, {
+            default: f(() => [...t[10] || (t[10] = [
+              b("确定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "onClose"])
+  ]);
+}
+const Ue = /* @__PURE__ */ ie(le, [["render", _e], ["__scopeId", "data-v-07c103ef"]]);
+function Se(e) {
+  return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0 || typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0);
+}
+function L(e) {
+  if (e === null || typeof e != "object") return e;
+  if (e instanceof Date) return new Date(e.getTime());
+  if (Array.isArray(e)) return e.map((r) => L(r));
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = L(e[r]);
+  }), t;
+}
+function ve(e, t = 300) {
+  let r = null;
+  return function(...o) {
+    r && clearTimeout(r), r = setTimeout(() => {
+      e.apply(this, o);
+    }, t);
+  };
+}
+function xe(e, t = 300) {
+  let r = 0;
+  return function(...o) {
+    const i = Date.now();
+    i - r >= t && (r = i, e.apply(this, o));
+  };
+}
+function Le(e, t = "YYYY-MM-DD HH:mm:ss") {
+  const r = e instanceof Date ? e : new Date(e);
+  if (Number.isNaN(r.getTime())) return "";
+  const s = {
+    YYYY: String(r.getFullYear()),
+    MM: String(r.getMonth() + 1).padStart(2, "0"),
+    DD: String(r.getDate()).padStart(2, "0"),
+    HH: String(r.getHours()).padStart(2, "0"),
+    mm: String(r.getMinutes()).padStart(2, "0"),
+    ss: String(r.getSeconds()).padStart(2, "0")
+  };
+  return Object.keys(s).reduce((o, i) => o.replace(i, s[i]), t);
+}
+function De(e = "id") {
+  return `${e}_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+}
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  debounce: ve,
+  deepClone: L,
+  formatDate: Le,
+  isEmpty: Se,
+  throttle: xe,
+  uniqueId: De
+}, Symbol.toStringTag, { value: "Module" }));
+function Fe(e = {}) {
+  const {
+    baseURL: t = "",
+    timeout: r = 6e4,
+    tokenKey: s,
+    systemIdKey: o,
+    loginUrl: i = "/login"
+  } = e, n = Q.create({ baseURL: t, timeout: r });
+  let c = !1;
+  function C() {
+    typeof localStorage < "u" && localStorage.clear(), !c && (c = !0, setTimeout(() => {
+      typeof window < "u" && window.location.replace(i);
+    }, 1500));
+  }
+  return n.interceptors.request.use(
+    (l) => {
+      if (l.headers["Content-Type"] = "application/json;charset=UTF-8", typeof localStorage < "u") {
+        if (s) {
+          const a = localStorage.getItem(s);
+          a && (l.headers.Authorization = a);
+        }
+        if (o) {
+          const a = localStorage.getItem(o);
+          a && (l.headers.systemId = a);
+        }
+      }
+      return l;
+    },
+    (l) => Promise.reject(l)
+  ), n.interceptors.response.use(
+    (l) => {
+      if (l.status !== 200)
+        return Promise.reject(new Error(`请求发生错误，状态码 ${l.status}`));
+      const { data: a, config: w } = l;
+      if (w.responseType === "arraybuffer") return a;
+      if (a && a.code === 0) return a.data;
+      if (a && (a.code === 401 || a.code === 403))
+        return C(), Promise.reject(new Error("登录失效，请重新登录"));
+      const m = a && (a.data || a.message || a.msg) || "请求失败";
+      return Promise.reject(new Error(String(m)));
+    },
+    (l) => Promise.reject(l)
+  ), n;
+}
+function Pe(e = {}) {
+  const t = Fe(e);
+  return {
+    GET(r, s = {}) {
+      return t({ method: "get", url: r, ...s });
+    },
+    POST(r, s, o = {}) {
+      return t({ method: "post", url: r, data: s, ...o });
+    },
+    DELETE(r, s = {}) {
+      return t({ method: "delete", url: r, ...s });
+    }
+  };
+}
+let D = null;
+function Te(e) {
+  D = e;
+}
+function Re() {
+  if (!D)
+    throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");
+  return D;
+}
+const Ie = [Ue], Oe = (e, t = {}) => {
+  Ie.forEach((o) => {
+    o.name && e.component(o.name, o);
+  });
+  const r = Pe(t), s = X(r);
+  Te(r), Z(s), e.config.globalProperties.$request = r, e.config.globalProperties.$api = s;
+}, Ve = {
+  install: Oe,
+  version: "1.0.0"
+};
+export {
+  Ue as ImageUpload,
+  se as aliOssMixin,
+  X as createApi,
+  M as createOssClient,
+  Pe as createRequest,
+  Fe as createService,
+  Ve as default,
+  ee as getApi,
+  j as getOssSts,
+  Re as getRequest,
+  Oe as install,
+  re as uploadToOss,
+  $e as utils
+};

package/dist/mgacn-commonsdk.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1,9 @@
+/*!
+ * Cropper.js v1.6.2
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2024-04-21T07:43:02.731Z
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.file-input[data-v-07c103ef]{display:none}.upload-image-cropper[data-v-07c103ef]{--mg-primary: var(--el-color-primary, var(--brand-primary, #ff5722));--mg-primary-soft: var(--el-color-primary-light-9, #fff7ec);--mg-primary-mid: var(--el-color-primary-light-5, #ffc570);--mg-border: var(--brand-border, var(--el-border-color, #e0e8e0));--mg-text: var(--brand-text-secondary, #8a9a8a);--mg-danger: var(--el-color-danger, #f56c6c);--mg-radius: 10px}.upload-image-cropper .grey-tips[data-v-07c103ef]{margin:0 0 10px;color:var(--mg-text);font-size:12px;line-height:18px}.upload-image-cropper .list-box[data-v-07c103ef]{display:flex;flex-wrap:wrap;gap:10px}.upload-image-cropper .image-box[data-v-07c103ef]{position:relative;box-sizing:border-box;width:59px;height:59px;overflow:hidden;border-radius:var(--mg-radius);background:#fff}.upload-image-cropper .image-box .img[data-v-07c103ef]{width:100%;height:100%;display:block;border:1px solid var(--mg-border);border-radius:var(--mg-radius)}.upload-image-cropper .image-box.is-fail .img[data-v-07c103ef]{border-color:var(--mg-danger)}.upload-image-cropper .upload-btn[data-v-07c103ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mg-text);font-size:11px;line-height:1.2;border:1px dashed var(--mg-border);border-radius:var(--mg-radius);background:linear-gradient(180deg,#fff,#fafbf8);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.upload-image-cropper .upload-btn .icon[data-v-07c103ef]{color:var(--mg-text);transition:color .2s ease,transform .2s ease}.upload-image-cropper .upload-btn[data-v-07c103ef]:hover{color:var(--mg-primary);border-color:var(--mg-primary-mid);background:var(--mg-primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--mg-primary-mid) 28%,transparent)}.upload-image-cropper .upload-btn:hover .icon[data-v-07c103ef]{color:var(--mg-primary);transform:scale(1.06)}.upload-image-cropper .status-mask[data-v-07c103ef]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--mg-radius)}.upload-image-cropper .status-mask.is-uploading[data-v-07c103ef]{background:#1b1f1b73}.upload-image-cropper .progress-wrap[data-v-07c103ef]{position:relative;width:30px;height:30px}.upload-image-cropper .percent-text[data-v-07c103ef]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;line-height:1;pointer-events:none}.upload-image-cropper .status-mask.is-fail[data-v-07c103ef]{background:#f56c6cb8;color:#fff}.upload-image-cropper .status-mask.is-fail .fail-icon[data-v-07c103ef]{color:#fff}.upload-image-cropper .status-mask.is-fail .fail-text[data-v-07c103ef]{font-size:11px;line-height:1}.upload-image-cropper .status-mask.is-fail .remove-icon[data-v-07c103ef]{position:absolute;top:4px;right:4px;cursor:pointer}.upload-image-cropper .status-mask.is-success[data-v-07c103ef]{background:#1b1f1b7a;opacity:0;cursor:pointer;transition:opacity .2s ease}.upload-image-cropper .image-box:hover .status-mask.is-success[data-v-07c103ef]{opacity:1}.upload-image-cropper .status-mask.is-success .remove-icon[data-v-07c103ef]{color:#fff}.upload-image-cropper .btn-box[data-v-07c103ef]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}.upload-image-cropper .cropper-box[data-v-07c103ef]{display:flex;justify-content:center;padding:8px 0;background:var(--brand-bg-page, #f2f7f2);border-radius:var(--mg-radius)}.upload-image-cropper .cropper-img[data-v-07c103ef]{width:350px;height:350px;object-fit:contain}

package/package.json ADDED Viewed

@@ -0,0 +1,58 @@
+{
+  "name": "mgacn-commonsdk",
+  "version": "1.0.0",
+  "description": "芒果ACN公共组件库：公共组件、工具方法与网络请求封装",
+  "type": "module",
+  "main": "./dist/mgacn-commonsdk.umd.cjs",
+  "module": "./dist/mgacn-commonsdk.js",
+  "exports": {
+    ".": {
+      "import": "./dist/mgacn-commonsdk.js",
+      "require": "./dist/mgacn-commonsdk.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.vue"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build"
+  },
+  "engines": {
+    "node": ">=24.19.0"
+  },
+  "keywords": [
+    "vue3",
+    "element-plus",
+    "component-library",
+    "mgacn",
+    "sdk"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "@element-plus/icons-vue": "^2.0.0",
+    "element-plus": "^2.0.0",
+    "vue": "^3.2.0"
+  },
+  "dependencies": {
+    "ali-oss": "^6.23.0",
+    "axios": "^1.19.0",
+    "cropperjs": "^1.6.2"
+  },
+  "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "element-plus": "^2.14.3",
+    "sass": "^1.62.1",
+    "vite": "^6.2.4",
+    "vue": "^3.5.13"
+  }
+}