@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-D6cmq0Tf.js

@@ -0,0 +1,1527 @@
+import { reactive as ke, defineComponent as We, inject as Be, useTemplateRef as Se, computed as Y, onMounted as $e, nextTick as xe, watch as Fe, onBeforeUnmount as Pe, openBlock as r, createElementBlock as u, normalizeClass as ve, createElementVNode as J, withModifiers as oe, unref as X, createVNode as A, renderSlot as Ee, toDisplayString as Ue, Fragment as $, ref as ze, renderList as Le, createBlock as Ie, Transition as qe, withCtx as He, createCommentVNode as Ae, useAttrs as Je, provide as Ge } from "vue";
+import e from "@cldemo/ui-kit/common/base";
+import Te from "@cldemo/ui-kit/common/Element";
+import Ne from "@cldemo/ui-kit/common/log";
+import { _ as Xe } from "./Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
+import { _ as G } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { a as je } from "./language-CZZEj4e3.js";
+import { _ as Ke } from "./Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
+/* empty css                   */
+const L = {
+  format: {
+    img: ["jpg", "jpe", "jpeg", "png", "gif", "bmp", "ico"],
+    video: [
+      "mp4",
+      "rmvb",
+      "3gp",
+      "avi",
+      "asf",
+      "asf",
+      "dv",
+      "mov",
+      "mpg4",
+      "mpeg",
+      "mpg",
+      "wm",
+      "wmx",
+      "flv",
+      "mkv",
+      "mp4a",
+      "rm",
+      "wmv",
+      "swf",
+      "swfl"
+    ],
+    audio: ["mp3", "ogg", "wav", "wma", "mid", "ra", "ram"],
+    zip: ["rar", "zip"],
+    excel: ["xls", "xlsx", "csv"],
+    pdf: ["pdf"],
+    txt: ["txt"],
+    doc: ["doc", "docx"]
+  },
+  icon: {
+    img: "image",
+    video: "video",
+    audio: "music",
+    txt: "text",
+    zip: "zip",
+    excel: "excel",
+    pdf: "pdf",
+    doc: "word",
+    default: "file"
+  },
+  suffix: {
+    jpg: ["jpg", "jpe", "jpeg"],
+    jpe: ["jpg", "jpe", "jpeg"],
+    jpeg: ["jpg", "jpe", "jpeg"],
+    png: ["png"],
+    gif: ["gif"],
+    bmp: ["bmp"],
+    ico: ["ico"],
+    mp4: ["mp4"],
+    rmvb: ["rmvb"],
+    "3gp": ["3gp"],
+    avi: ["avi"],
+    asf: ["asf"],
+    dv: ["dv"],
+    mov: ["mov"],
+    mpg4: ["mpg4"],
+    mpeg: ["mpeg"],
+    mpg: ["mpg"],
+    wm: ["wm"],
+    wmx: ["wmx"],
+    flv: ["flv"],
+    mkv: ["mkv"],
+    mp4a: ["mp4a"],
+    rm: ["rm"],
+    wmv: ["wmv"],
+    swf: ["swf"],
+    swfl: ["swfl"],
+    mp3: ["mp3"],
+    ogg: ["ogg"],
+    wav: ["wav"],
+    wma: ["wma"],
+    mid: ["mid"],
+    ra: ["ra"],
+    ram: ["ram"],
+    rar: ["rar"],
+    zip: ["zip"],
+    txt: ["txt"],
+    xls: ["xls", "xlsx", "csv"],
+    xlsx: ["xls", "xlsx", "csv"],
+    csv: ["xls", "xlsx", "csv"],
+    pdf: ["pdf"],
+    doc: ["doc", "docx"]
+  },
+  mime: {
+    jpg: ["image/jpg", "image/jpeg", "image/pjpeg"],
+    jpe: ["image/jpg", "image/jpeg", "image/pjpeg"],
+    jpeg: ["image/jpg", "image/jpeg", "image/pjpeg"],
+    png: ["image/png", "image/x-png"],
+    gif: ["image/gif"],
+    bmp: ["image/bmp"],
+    ico: ["ico"],
+    mp4: ["video/mp4"],
+    rmvb: ["audio/x-pn-realaudio"],
+    "3gp": ["video/3gpp"],
+    avi: ["video/x-msvideo"],
+    asf: ["video/x-ms-asf"],
+    dv: ["video/x-dv"],
+    mov: ["video/quicktime"],
+    mpg4: ["video/mp4"],
+    mpeg: ["video/mpeg"],
+    mpg: ["video/mpeg"],
+    wm: ["video/x-ms-wmv"],
+    wmx: ["video/x-ms-wmx"],
+    flv: ["video/x-flv"],
+    mkv: ["video/x-matroska"],
+    mp4a: ["audio/mp4"],
+    rm: ["audio/x-pn-realaudio"],
+    wmv: ["audio/x-ms-wmv"],
+    swf: ["application/x-shockwave-flash"],
+    swfl: ["application/x-shockwave-flash"],
+    mp3: ["audio/mpeg"],
+    ogg: ["audio/ogg"],
+    wav: ["audio/wav"],
+    wma: ["audio/x-ms-wma"],
+    mid: ["audio/midi"],
+    ra: ["audio/x-pn-realaudio"],
+    ram: ["audio/x-pn-realaudio"],
+    rar: ["application/x-rar-compressed"],
+    zip: ["application/zip", "application/x-zip-compressed"],
+    txt: ["text/plain"],
+    xls: ["application/vnd.ms-excel", "application/wps-office.xls"],
+    xlsx: [
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      "application/wps-office.xlsx"
+    ],
+    csv: ["text/csv"],
+    pdf: ["application/pdf"],
+    doc: ["application/msword"],
+    docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"]
+  },
+  getFormatGroup: (i) => {
+    let p = [];
+    return e.isNonEmptyString(i) && (i.split(",").forEach((t) => {
+      for (const [S, O] of Object.entries(L.format))
+        e.isExistValue(O, t.toLocaleLowerCase()) && p.push(S);
+    }), p = e.getArrUnique(p)), p;
+  },
+  getIcon: (i) => {
+    let p = "";
+    return e.isEmpty(i) ? p = L.icon.default : p = e.isExistJsonKey(L.icon, i) ? L.icon[i] : L.icon.default, p;
+  },
+  getSuffix: (i) => {
+    let p = [];
+    return e.isEmpty(i) || (i.forEach((f) => {
+      const t = L.suffix[f.toLocaleLowerCase()];
+      e.isUndefined(t) || (p = p.concat(t));
+    }), e.isEmpty(p) && (p = i)), p = e.getArrUnique(p), p;
+  },
+  getRegexBySuffix: (i) => {
+    if (e.isEmpty(i))
+      return null;
+    const p = `\\.(?:${i.join("|")})$`;
+    return new RegExp(p, "i");
+  },
+  getMime: (i) => {
+    let p = [];
+    return e.isEmpty(i) || i.forEach((f) => {
+      const t = L.mime[f];
+      e.isUndefined(t) || (p = p.concat(t));
+    }), p = e.getArrUnique(p), p;
+  },
+  getRegexByMime: (i) => {
+    if (e.isEmpty(i))
+      return null;
+    const p = `^(?:${i.join("|").replace(/\//g, "\\/")})$`;
+    return new RegExp(p, "i");
+  },
+  getImageThumbnail: (i, p, f) => {
+    let t = null;
+    try {
+      const S = document.createElement("canvas");
+      S.width = p, S.height = f, S.getContext("2d").drawImage(i, 0, 0, i.width, i.height, 0, 0, p, f), t = S.toDataURL("image/gif");
+    } catch {
+      t = null;
+    }
+    return t;
+  }
+}, _e = (i, p) => {
+  let f = i;
+  const t = ke({
+    mime: [],
+    suffix: [],
+    isCheckImgWH: !1
+  });
+  let S = null;
+  const O = (m) => {
+    f = e.getJsonMerge(f, m), _();
+  }, C = (m) => {
+    const g = f.checkMsg;
+    return e.isString(g) && !e.isEmpty(g) ? g : e.isObject(g) && !e.isEmpty(g[m]) ? g[m] : p.value[m];
+  }, _ = () => {
+    const m = e.isNonEmptyString(f.checkFormat) ? L.getSuffix(f.checkFormat.split(",")) : [], g = L.getMime(m), y = !e.isEmpty(f.checkWidth) && !e.isEmpty(f.checkHeight);
+    t.mime = g, t.suffix = m, t.isCheckImgWH = y;
+  }, N = (m) => {
+    const g = L.getIcon(m);
+    return {
+      type: m,
+      icon: g,
+      isImage: m === "img",
+      isVideo: m === "video",
+      isAudio: m === "audio",
+      isTxt: m === "txt",
+      isZip: m === "zip"
+    };
+  }, z = (m, g) => {
+    if (e.isUndefined(S)) {
+      S = {};
+      for (const [s, o] of Object.entries(L.format)) {
+        const w = L.getSuffix(o), k = L.getMime(w), I = L.getRegexBySuffix(w), T = L.getRegexByMime(k);
+        S[s] = { suffix: w, mime: k, regSuffix: I, regMime: T };
+      }
+    }
+    let y = "";
+    return Object.keys(S).forEach((s) => {
+      if (y.length === 0) {
+        const o = S[s];
+        (o.regSuffix && o.regSuffix.test(m) || g && o.regMime && o.regMime.test(g)) && (y = s);
+      }
+    }), N(y);
+  }, ee = (m) => {
+    const g = L.getFormatGroup(
+      e.isEmpty(m) ? f.checkFormat : m
+    ), y = g.length === 1 ? g[0] : "";
+    return N(y);
+  }, K = (m) => {
+    if (!e.isString(m))
+      return z("");
+    if (m.startsWith("data:") || m.startsWith("blob:")) {
+      const y = m.match(/^[a-z]+:([a-zA-Z0-9.+-]+\/[a-zA-Z0-9.+-]+)/);
+      return z("", y ? y[1] : "");
+    }
+    const g = m.substring(m.lastIndexOf("/") + 1).split("?")[0].split("#")[0];
+    return z(g);
+  }, Z = (m, g, y, s, o) => {
+    const w = e.isFinite(y) && y > 0 ? y : 0, k = e.isFinite(s) && s > 0 ? s : 0;
+    let I = o;
+    (I === "height" || I === "contain") && k === 0 && (I = "width");
+    let T = 1;
+    switch (I) {
+      case "height":
+        T = k > 0 ? k / g : 1;
+        break;
+      case "contain":
+        T = Math.min(w > 0 ? w / m : 1, k > 0 ? k / g : 1);
+        break;
+      case "width":
+      default:
+        T = w > 0 ? w / m : 1;
+        break;
+    }
+    return T > 1 && (T = 1), { tw: Math.round(m * T), th: Math.round(g * T) };
+  }, ce = (m, g, y, s) => new Promise((o, w) => {
+    const k = document.createElement("img");
+    k.onload = (I) => {
+      const T = I.target.width, D = I.target.height, { tw: Q, th: P } = Z(T, D, g, y, s), B = I.target.src;
+      o({ src: B, w: T, h: D, tw: Q, th: P, isImage: !0 });
+    }, k.onerror = () => {
+      w(new Error("fail: temp create image"));
+    }, k.src = m;
+  }), re = (m, g) => {
+    const y = e.isEmpty(f.checkWidth) ? 0 : parseInt(f.checkWidth, 10), s = e.isEmpty(f.checkHeight) ? 0 : parseInt(f.checkHeight, 10);
+    if (!e.isFinite(y) || !e.isFinite(s) || y === 0 || s === 0)
+      return !0;
+    let o = !0;
+    switch (f.checkWHType) {
+      case "greater":
+        o = m >= y && g >= s;
+        break;
+      case "less":
+        o = m <= y && g <= s;
+        break;
+      case "equal":
+        o = m === y && g === s;
+        break;
+      default:
+        o = !0;
+        break;
+    }
+    return o;
+  }, me = (m, g) => new Promise((y, s) => {
+    if (m instanceof File) {
+      const o = new FileReader();
+      o.onload = (w) => {
+        ce(w.target.result, g.maxWidth, g.maxHeight, g.imgFit).then((k) => {
+          (t.isCheckImgWH ? re(k.w, k.h) : !0) ? y(k) : s(new Error(C("checkImageWHLabel")));
+        }).catch((k) => {
+          s(k);
+        });
+      }, o.onerror = () => {
+        s(new Error("fail: new FileReader image onload()"));
+      }, o.readAsDataURL(m);
+    } else
+      s(new Error("fail: file is not a File instance"));
+  }), se = async (m, g) => {
+    let y = [];
+    const s = [], o = [], w = L.getRegexBySuffix(t.suffix), k = L.getRegexByMime(t.mime), I = (P) => {
+      const B = e.isEmpty(P) ? NaN : parseInt(P, 10);
+      return e.isFinite(B) ? B * 1024 : null;
+    }, T = I(f.checkMinSize), D = I(f.checkMaxSize), Q = m.length;
+    for (let P = 0; P < Q; P += 1) {
+      const B = [], j = m[P], c = { suffix: !1, mime: !1, size: !1 }, b = j.name;
+      w && !w.test(b) && (c.suffix = !0);
+      const x = j.type;
+      !e.isEmpty(x) && k && !k.test(x) && (c.mime = !0), T && j.size < T && (c.size = !0), D && j.size > D && (c.size = !0), (c.suffix || c.mime) && B.push(C("checkSuffixMimeLabel")), c.size && B.push(C("checkSizeLabel"));
+      const v = z(b, x);
+      let H = null;
+      v.isImage && (H = await me(j, g).catch((E) => {
+        B.push(E.message);
+      })), e.isUndefined(H) && (H = {}), H = e.getJsonMerge(H, v), H.fileName = b, H.file = j, B.length === 0 ? (s.push(j), o.push(H)) : Q === 1 ? y = B.map((E) => `${C("uploadFile")} ${E}`) : y.push(`${b}:${B.join(",")}`);
+    }
+    return new Promise((P) => {
+      setTimeout(() => {
+        P({ errorMsg: y, passFiles: s, passFilesInfo: o, original: m });
+      }, 200);
+    });
+  };
+  return _(), {
+    optBase: t,
+    getTypeByFormat: ee,
+    getTypeByUrl: K,
+    createTempImg: ce,
+    checkFile: se,
+    setBaseOptions: O
+  };
+}, De = () => ({
+  setFileInfo: (p, f) => {
+    const t = f && f.fileUrl ? f.fileUrl : "";
+    if (!e.isString(t))
+      return { name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 };
+    const S = e.isEmpty(t);
+    let O = "";
+    S || t.startsWith("blob:") ? O = p.fileName : O = t.substr(t.lastIndexOf("/") + 1);
+    let C = "", _ = 0, N = 0;
+    return p.isImage && (C = S ? p.src : t, _ = p.tw || 0, N = p.th || 0), { name: O, url: t, imgSrc: C, imgWidth: _, imgHeight: N };
+  }
+}), Ve = () => {
+  const i = (f, t) => {
+    window.open(f);
+  };
+  return {
+    downloadHref: i,
+    downloadBlob: (f) => {
+      if (!e.isEmpty(f)) {
+        const t = f.lastIndexOf("/"), S = f.substring(t + 1), O = f.replace(/\\/g, "/"), C = new XMLHttpRequest();
+        C.open("GET", O, !0), C.responseType = "blob", C.onload = () => {
+          if (C.status === 200) {
+            const _ = window.URL || window.webkitURL || window, N = new Blob([C.response]), z = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
+            z.href = _.createObjectURL(N), z.download = S, z.click(), setTimeout(() => URL.revokeObjectURL(z.href), 1e3);
+          } else
+            i(f);
+        }, C.onerror = () => {
+          i(f);
+        }, C.send();
+      }
+    }
+  };
+}, Ze = ["name", "accept"], Qe = ["name"], Ye = { class: "fileUpload-label" }, et = {
+  key: 0,
+  class: "fileUpload-img"
+}, tt = { class: "fileUpload-img-container" }, it = ["src", "width", "height"], nt = {
+  key: 0,
+  class: "file-complete-img-msg"
+}, lt = ["title"], ot = ["title"], st = {
+  key: 1,
+  class: "fileUpload-video"
+}, at = ["src"], ct = ["title"], rt = {
+  key: 2,
+  class: "fileUpload-file"
+}, mt = ["title"], ut = {
+  key: 0,
+  class: "fileUpload-load"
+}, dt = /* @__PURE__ */ We({
+  name: "ClFileUploadDefault",
+  __name: "Default",
+  props: {
+    name: String,
+    // desc: 文件上传 input 的 name
+    value: [String, Array, Object],
+    // desc: 文件值（回显 URL 或本地 File 对象；多选回传可为数组）
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    defaultHoverTitle: String,
+    // desc: 默认悬停标题
+    defaultIcon: String,
+    // desc: 自定义初始显示图标（空态上传区），未设置时按 checkFormat 自动转换
+    checkFormat: String,
+    // desc: 允许的文件格式（逗号分隔扩展名）
+    checkMinSize: [String, Number],
+    // desc: 允许的最小文件大小
+    checkMaxSize: [String, Number],
+    // desc: 允许的最大文件大小
+    checkWidth: [String, Number],
+    // desc: 图片校验宽度
+    checkHeight: [String, Number],
+    // desc: 图片校验高度
+    checkWHType: {
+      type: String,
+      default: "equal",
+      // desc: 宽高比判定 | enum: equal, greater, less
+      validator: (i) => ["equal", "greater", "less"].includes(i)
+    },
+    imgFit: {
+      type: String,
+      default: "width",
+      // desc: 上传后图片显示尺寸的等比缩放方式（只缩不放） | enum: width, height, contain
+      validator: (i) => ["width", "height", "contain"].includes(i)
+    },
+    isServerCallback: Boolean,
+    // desc: 是否服务端回调
+    isShowPreview: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示预览
+    },
+    isShowDownload: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示下载
+    },
+    isShowCompleteMsg: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示上传完成后的底部信息条（黑色透明区域）
+    }
+  },
+  emits: ["onChange", "onError", "onRemove", "onPreview", "onSaveFile"],
+  setup(i, { expose: p, emit: f }) {
+    const t = i, S = f, { optPageLanguage: O, getPageLanguage: C } = je();
+    C("fileUpload");
+    const _ = Be("$FileuploadTop", null);
+    _ || Ne.warn("FileUpload", "Default 主题缺少 $FileuploadTop 注入，使用空校验配置");
+    const { setFileInfo: N } = De(), z = () => e.getJsonMerge(_?.getFileCheckInfo() ?? {}, {
+      checkFormat: t.checkFormat,
+      checkWidth: t.checkWidth,
+      checkHeight: t.checkHeight,
+      checkWHType: t.checkWHType,
+      checkMinSize: t.checkMinSize,
+      checkMaxSize: t.checkMaxSize
+    }), { optBase: ee, getTypeByFormat: K, getTypeByUrl: Z, createTempImg: ce, checkFile: re, setBaseOptions: me } = _e(z(), O), { downloadBlob: se, downloadHref: m } = Ve(), g = Se("refElTopParent"), y = () => {
+      const n = g.value;
+      if (!n)
+        return { maxWidth: 0, maxHeight: 0 };
+      const h = 4, W = n.clientWidth > 0 ? Math.max(n.clientWidth - h, 0) : 0;
+      let q = 0;
+      if (t.imgFit === "height" || t.imgFit === "contain") {
+        const V = n.parentElement;
+        V && V.clientHeight > 0 && (q = getComputedStyle(V).height === "auto" ? 0 : Math.max(V.clientHeight - h, 0));
+      }
+      return { maxWidth: W, maxHeight: q };
+    }, s = ke({
+      isImage: !1,
+      isVideo: !1,
+      icon: "",
+      completeMsgTxt: "",
+      isInitFileInput: !0,
+      runOperateType: "init"
+    }), o = ke({
+      name: "",
+      url: "",
+      imgSrc: "",
+      imgWidth: 0,
+      imgHeight: 0
+    }), w = {
+      file: null
+    };
+    let k = 0, I = null;
+    const T = `fileUpload_${e.getRandom(8)}`, D = Y(() => {
+      let n = t.name;
+      return e.isEmpty(n) && (n = `fileUpload_${e.getRandom(8)}`), n;
+    }), Q = Y(() => {
+      let n = {
+        "fileUpload-default": !0
+      };
+      return n = e.getJsonMerge(n, Te.getClassNameJson(t.className)), n;
+    }), P = Y(() => ({
+      "fileUpload-wait": !0,
+      "fileUpload-disabled": t.disabled
+    })), B = Y(() => ({
+      "fileUpload-complete": !0,
+      "fileUpload-disabled": t.disabled
+    })), j = (n) => {
+      S("onChange", n);
+    }, c = (n) => {
+      S("onError", n);
+    }, b = () => {
+      S("onRemove");
+    }, x = (n, h) => {
+      S("onPreview", n, h);
+    }, v = (n, h) => {
+      S("onSaveFile", n, h);
+    }, H = (n) => {
+      s.isImage = n.isImage, s.isVideo = n.isVideo, s.icon = n.icon;
+    }, E = () => {
+      const n = K();
+      e.isNonEmptyString(t.defaultIcon) && (n.icon = t.defaultIcon), H(n);
+    }, U = (n) => {
+      n !== "load" && (s.isInitFileInput = !0);
+      let h = "";
+      switch (n) {
+        case "remove":
+        case "clean": {
+          h = "init", E();
+          break;
+        }
+        case "fail": {
+          let W = !0;
+          s.isImage ? (!e.isEmpty(o.url) || !e.isEmpty(o.imgSrc)) && (W = !1) : e.isEmpty(o.url) || (W = !1), h = W ? "init" : "complete";
+          break;
+        }
+        default:
+          h = n;
+      }
+      s.runOperateType = h;
+    }, te = (n) => {
+      const h = o;
+      for (const [W, q] of Object.entries(n))
+        e.isUndefined(h[W]) || (h[W] = q);
+      w.file = n.file ?? w.file;
+    }, ie = (n, h) => {
+      pe(), H(n);
+      const W = N(n, h);
+      te(W), U("complete");
+    }, ue = () => {
+      let n = null;
+      return e.isString(o.url) && o.url.startsWith("blob:") ? n = w.file : e.isEmpty(o.url) ? s.isImage && !e.isEmpty(o.imgSrc) ? n = o.imgSrc : n = w.file : n = o.url, e.isUndefined(n) && (n = ""), n;
+    }, ye = (n) => {
+      if (n.length > 0 && s.runOperateType !== "load") {
+        s.isInitFileInput = !1, U("load"), k += 1;
+        const h = {
+          ...y(),
+          imgFit: t.imgFit
+        };
+        re(n, h).then((W) => {
+          if (s.runOperateType === "load")
+            if (W.passFiles.length > 0) {
+              const q = W.passFiles[0], V = W.passFilesInfo[0];
+              if (V.isImage)
+                t.isServerCallback ? (v(q, V), we()) : (ie(V, {}), w.file = q, j(V.src));
+              else if (t.isServerCallback)
+                v(q, V), we();
+              else {
+                const he = {};
+                if (V.isVideo) {
+                  const be = URL.createObjectURL(q);
+                  he.fileUrl = be;
+                }
+                ie(V, he), w.file = q, j(q);
+              }
+            } else
+              U("fail"), W.errorMsg.length > 0 && c(W.errorMsg);
+        }).catch(() => {
+          s.runOperateType === "load" && (U("fail"), c(["文件校验失败，请重试"]));
+        });
+      }
+    }, de = (n) => {
+      if (!e.isNonEmptyString(n)) {
+        (e.isString(n) || e.isUndefined(n)) && Me();
+        return;
+      }
+      const h = ++k, W = Z(n);
+      if (s.isImage && W.isImage) {
+        const { maxWidth: q, maxHeight: V } = y();
+        ce(n, q, V, t.imgFit).then((he) => {
+          if (h !== k)
+            return;
+          const be = e.getJsonMerge(he, W);
+          ie(be, { fileUrl: n });
+        }).catch(() => {
+          h === k && (U("fail"), c(["图片加载失败，请检查图片地址"]));
+        });
+      } else
+        ie(W, { fileUrl: n });
+    }, pe = () => {
+      e.isString(o.url) && o.url.startsWith("blob:") && URL.revokeObjectURL(o.url);
+    }, ae = () => {
+      I && (clearTimeout(I), I = null);
+    }, we = () => {
+      ae(), I = setTimeout(() => {
+        s.runOperateType === "load" && (U("fail"), c(["服务端保存超时，请重试"]));
+      }, 6e4);
+    }, Me = () => {
+      k += 1, w.file = null, te({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), U("init");
+    }, fe = () => {
+      if (e.isEmpty(t.value)) {
+        E();
+        return;
+      }
+      H(Z(t.value));
+    }, Ce = () => {
+      let n = t.defaultHoverTitle;
+      s.isImage && ee.isCheckImgWH && e.isEmpty(n) && (n = `${t.checkWidth}x${t.checkHeight}`), s.completeMsgTxt = n;
+    }, Re = () => {
+      fe(), Ce(), de(t.value);
+    };
+    $e(() => {
+      xe(() => {
+        Re();
+      });
+    }), Fe(
+      () => t.value,
+      (n, h) => {
+        if (n !== h) {
+          const W = ue();
+          n !== W && (ae(), fe(), de(n));
+        }
+      }
+    ), Fe(
+      [
+        () => t.checkFormat,
+        () => t.checkWidth,
+        () => t.checkHeight,
+        () => t.checkWHType,
+        () => t.checkMinSize,
+        () => t.checkMaxSize
+      ],
+      () => {
+        if (ae(), me(z()), fe(), Ce(), s.runOperateType === "load")
+          return;
+        const n = ue();
+        t.value === n && de(t.value);
+      }
+    );
+    const Oe = (n) => {
+      n.preventDefault(), n.stopPropagation(), !t.disabled && n.dataTransfer && ye(n.dataTransfer.files);
+    }, l = (n) => {
+      t.disabled || ye(n.currentTarget.files);
+    }, a = () => {
+      ae(), k += 1, pe(), w.file = null, te({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), U("remove");
+      const n = document.getElementById(T);
+      n && (n.value = ""), b();
+    }, d = (n) => {
+      const h = e.isEmpty(o.url) ? o.imgSrc : o.url;
+      x(h, "image"), n.preventDefault(), n.stopPropagation();
+    }, M = (n) => {
+      e.isEmpty(o.url) || x(o.url, "video"), n.preventDefault(), n.stopPropagation();
+    }, F = (n) => {
+      e.isEmpty(o.url) ? m(o.imgSrc, o.name) : se(o.url), n.preventDefault(), n.stopPropagation();
+    }, R = (n) => {
+      if (e.isString(o.url) && o.url.startsWith("blob:")) {
+        const h = document.createElement("a");
+        h.href = o.url, h.download = o.name, h.click();
+      } else
+        se(o.url);
+      n.preventDefault(), n.stopPropagation();
+    };
+    return p({
+      saveServerCallback: (n) => {
+        if (ae(), s.runOperateType !== "load")
+          return;
+        if (!n || !n.res || !e.isBoolean(n.res.success)) {
+          U("fail"), c(["文件保存失败，请重试"]);
+          return;
+        }
+        if (!n.res.success) {
+          U("fail"), c(["文件保存失败，请重试"]);
+          return;
+        }
+        if (!n.req) {
+          U("fail"), c(["文件保存失败，请重试"]);
+          return;
+        }
+        let h = "";
+        if (e.isString(n.res.fileUrl) ? h = n.res.fileUrl : e.isArray(n.res.fileUrl) && n.res.fileUrl.length > 0 && e.isString(n.res.fileUrl[0]) && (h = n.res.fileUrl[0]), e.isEmpty(h)) {
+          w.file = null, te({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), U("init");
+          return;
+        }
+        ie(n.req, { fileUrl: h }), j(h);
+      },
+      getValue: () => ue(),
+      cleanReduction: () => {
+        ae(), k += 1, pe(), w.file = null, te({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), U("clean");
+      }
+    }), Pe(() => {
+      ae(), pe();
+    }), (n, h) => (r(), u("div", {
+      class: ve(Q.value),
+      ref_key: "refElTopParent",
+      ref: g
+    }, [
+      J("div", {
+        class: "fileUpload-default-container",
+        onDrop: Oe,
+        onDragover: h[0] || (h[0] = oe(() => {
+        }, ["prevent"]))
+      }, [
+        J("label", { for: T }, [
+          s.isInitFileInput && !i.disabled ? (r(), u("input", {
+            key: 0,
+            type: "file",
+            id: T,
+            name: D.value,
+            onChange: l,
+            accept: X(ee).mime.join(",")
+          }, null, 40, Ze)) : (r(), u("input", {
+            key: 1,
+            id: T,
+            name: D.value,
+            style: { display: "none !important" }
+          }, null, 8, Qe)),
+          s.runOperateType === "init" ? (r(), u("span", {
+            key: 2,
+            class: ve(P.value)
+          }, [
+            A(G, {
+              name: s.icon,
+              class: "fileUpload-icon"
+            }, null, 8, ["name"]),
+            J("span", Ye, [
+              Ee(n.$slots, "label")
+            ])
+          ], 2)) : s.runOperateType === "complete" ? (r(), u("span", {
+            key: 3,
+            class: ve(B.value)
+          }, [
+            s.isImage ? (r(), u("span", et, [
+              J("span", tt, [
+                J("img", {
+                  src: o.imgSrc,
+                  width: o.imgWidth,
+                  height: o.imgHeight
+                }, null, 8, it)
+              ]),
+              i.isShowCompleteMsg ? (r(), u("span", nt, Ue(s.completeMsgTxt), 1)) : (r(), u($, { key: 1 }, [], 64)),
+              i.isShowPreview && !i.disabled ? (r(), u("i", {
+                key: 2,
+                class: "preview-icon",
+                title: X(O).common.preview,
+                onClick: oe(d, ["stop"])
+              }, [
+                A(G, { name: "search-plus" })
+              ], 8, lt)) : (r(), u($, { key: 3 }, [], 64)),
+              i.isShowDownload && !i.disabled ? (r(), u("i", {
+                key: 4,
+                class: "download-icon",
+                title: X(O).common.download,
+                onClick: oe(F, ["stop"])
+              }, [
+                A(G, { name: "download" })
+              ], 8, ot)) : (r(), u($, { key: 5 }, [], 64))
+            ])) : s.isVideo ? (r(), u("span", st, [
+              J("video", {
+                src: o.url
+              }, null, 8, at),
+              i.isShowPreview && !i.disabled ? (r(), u("span", {
+                key: 0,
+                class: "preview-icon",
+                onClick: oe(M, ["stop"])
+              }, [
+                A(G, { name: "play" })
+              ])) : (r(), u($, { key: 1 }, [], 64)),
+              i.isShowDownload && !i.disabled ? (r(), u("i", {
+                key: 2,
+                class: "download-icon",
+                title: X(O).common.download,
+                onClick: oe(R, ["stop"])
+              }, [
+                A(G, { name: "download" })
+              ], 8, ct)) : (r(), u($, { key: 3 }, [], 64))
+            ])) : (r(), u("span", rt, [
+              A(G, {
+                name: s.icon,
+                class: "fileUpload-icon"
+              }, null, 8, ["name"]),
+              J("span", null, Ue(o.name), 1)
+            ])),
+            i.disabled ? (r(), u($, { key: 4 }, [], 64)) : (r(), u("a", {
+              key: 3,
+              class: "file-complete-remove",
+              href: "javascript:",
+              title: X(O).common.delete,
+              onClick: oe(a, ["stop"])
+            }, [
+              A(G, { name: "close" })
+            ], 8, mt))
+          ], 2)) : (r(), u($, { key: 4 }, [], 64))
+        ])
+      ], 32),
+      s.runOperateType === "load" ? (r(), u("div", ut, [
+        A(Xe, {
+          theme: "circleBubble",
+          size: "large"
+        })
+      ])) : (r(), u($, { key: 1 }, [], 64))
+    ], 2));
+  }
+}), pt = ["id", "name", "multiple", "accept"], gt = ["id", "name", "disabled", "accept"], ft = ["for"], ht = {
+  key: 0,
+  class: "fileUpload-list"
+}, vt = {
+  key: 0,
+  class: "fileUpload-item-icon fileUpload-item-img"
+}, kt = ["src"], St = ["title", "onClick"], yt = {
+  key: 1,
+  class: "fileUpload-item-icon fileUpload-item-video"
+}, wt = ["src"], bt = ["onClick"], xt = { class: "fileUpload-item-name" }, Ft = { class: "fileUpload-item-operate" }, Et = ["title", "onClick"], Ut = ["title", "onClick"], It = /* @__PURE__ */ We({
+  name: "ClFileUploadButton",
+  __name: "Button",
+  props: {
+    name: String,
+    // desc: 文件上传 input 的 name
+    value: [String, Array, Object],
+    // desc: 文件值（回显 URL 或本地 File 对象；多选回传可为数组）
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    isMultiple: Boolean,
+    // desc: 是否多选
+    buttonClass: String,
+    // desc: 按钮自定义CSS类名
+    buttonLabel: String,
+    // desc: 按钮文案
+    buttonIcon: {
+      type: String,
+      default: ""
+      // desc: 按钮图标（内置图标名，透传 cl-icon-font 的 name，自动加 clIcon- 前缀）
+    },
+    buttonColor: {
+      type: String,
+      default: "default"
+      // desc: 按钮颜色 | enum: default, primary, success, info, warning, danger (可自定义)
+    },
+    checkFormat: String,
+    // desc: 允许的文件格式（逗号分隔扩展名）
+    checkMinSize: [String, Number],
+    // desc: 允许的最小文件大小
+    checkMaxSize: [String, Number],
+    // desc: 允许的最大文件大小
+    checkWidth: [String, Number],
+    // desc: 图片校验宽度
+    checkHeight: [String, Number],
+    // desc: 图片校验高度
+    checkWHType: {
+      type: String,
+      default: "equal",
+      // desc: 宽高比判定 | enum: equal, greater, less
+      validator: (i) => ["equal", "greater", "less"].includes(i)
+    },
+    isServerCallback: Boolean,
+    // desc: 是否服务端回调
+    isShowUploadResult: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示上传结果
+    },
+    isShowUploadIng: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示上传中状态
+    },
+    isShowPreview: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示预览
+    },
+    isShowDownload: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示下载
+    }
+  },
+  emits: ["onChange", "onError", "onRemove", "onPreview", "onSaveFile"],
+  setup(i, { expose: p, emit: f }) {
+    const t = i, S = f, O = `fileupload-${e.getRandom(5)}`, { optPageLanguage: C, getPageLanguage: _ } = je();
+    _("fileUpload");
+    const N = Be("$FileuploadTop", null);
+    N || Ne.warn("FileUpload", "Button 主题缺少 $FileuploadTop 注入，使用空校验配置");
+    const z = () => e.getJsonMerge(N?.getFileCheckInfo() ?? {}, {
+      checkFormat: t.checkFormat,
+      checkWidth: t.checkWidth,
+      checkHeight: t.checkHeight,
+      checkWHType: t.checkWHType,
+      checkMinSize: t.checkMinSize,
+      checkMaxSize: t.checkMaxSize
+    }), { setFileInfo: ee } = De(), { optBase: K, getTypeByUrl: Z, checkFile: ce, setBaseOptions: re } = _e(
+      z(),
+      C
+    ), { downloadBlob: me, downloadHref: se } = Ve(), m = Se("refElButton"), g = Se("refElLabel"), y = e.getRandom(8), s = ke({
+      elFileId: `btnFile${y}`,
+      isInitFileInput: !0
+    }), o = ze([]), w = ze([]);
+    let k = null, I = null, T = null;
+    const D = Y(() => {
+      let l = t.name;
+      return e.isEmpty(l) && (l = `fileUpload_${e.getRandom(8)}`), l;
+    }), Q = Y(() => {
+      let l = {
+        "fileUpload-button": !0
+      };
+      return l = e.getJsonMerge(l, Te.getClassNameJson(t.className)), l;
+    }), P = (l, a) => {
+      S("onChange", l, a);
+    }, B = (l) => {
+      S("onError", l);
+    }, j = () => {
+      S("onRemove");
+    }, c = (l, a, d) => {
+      S("onPreview", l, a, d);
+    }, b = (l, a) => {
+      S("onSaveFile", l, a);
+    }, x = () => {
+      v(), k = setTimeout(() => {
+        k = null, s.isInitFileInput || (E("fail"), B(["服务端保存超时，请重试"]));
+      }, 6e4);
+    }, v = () => {
+      k && (clearTimeout(k), k = null);
+    }, H = () => {
+      o.value.forEach((l) => {
+        e.isString(l.url) && l.url.startsWith("blob:") && URL.revokeObjectURL(l.url);
+      });
+    }, E = (l) => {
+      switch (l) {
+        case "load":
+          t.isShowUploadIng && m.value?.loadStart();
+          break;
+        case "fail":
+        case "complete":
+          t.isShowUploadIng && m.value?.loadStop();
+          break;
+      }
+      s.isInitFileInput = l !== "load";
+    }, U = (l, a) => {
+      t.isMultiple || (H(), o.value = []);
+      const d = [], M = [];
+      o.value.forEach((F) => {
+        d.push(F), M.push(F.rId);
+      });
+      for (let F = 0; F < l.length; F++) {
+        let R = a.length > F ? { fileUrl: a[F] } : {};
+        e.isEmpty(R.fileUrl) && l[F].isVideo && l[F].file && (R = { fileUrl: URL.createObjectURL(l[F].file) });
+        let ne = ee(l[F], R);
+        ne.rId = e.getRandom(9), ne = e.getJsonMerge(l[F], ne), d.push(ne), M.push(ne.rId);
+      }
+      o.value = d, E("complete"), xe(() => {
+        w.value = M;
+      });
+    }, te = () => {
+      const l = [];
+      return o.value.forEach((a) => {
+        let d = null;
+        e.isString(a.url) && a.url.startsWith("blob:") ? d = a.file : e.isEmpty(a.url) ? a.isImage && !e.isEmpty(a.imgSrc) ? d = a.imgSrc : d = a.file : d = a.url, e.isUndefined(d) || l.push(d);
+      }), l.length === 0 ? "" : t.isMultiple ? l : l[0];
+    }, ie = (l) => {
+      if (e.isArray(l)) {
+        H(), o.value = [];
+        const M = [], F = [];
+        l.forEach((R) => {
+          if (e.isNonEmptyString(R)) {
+            const ne = Z(R);
+            M.push(ne), F.push(R);
+          }
+        }), U(M, F);
+        return;
+      }
+      if (!e.isNonEmptyString(l)) {
+        e.isString(l) && ue();
+        return;
+      }
+      H(), o.value = [];
+      const a = [], d = [];
+      l.split(",").filter((M) => e.isNonEmptyString(M)).forEach((M) => {
+        const F = Z(M);
+        a.push(F), d.push(M);
+      }), U(a, d);
+    }, ue = () => {
+      H(), E("init"), o.value = [];
+    }, ye = () => {
+      ie(t.value);
+    };
+    $e(() => {
+      xe(() => {
+        ye();
+      });
+    }), Pe(() => {
+      v(), I && (clearTimeout(I), I = null), H();
+    }), Fe(
+      () => t.value,
+      (l, a) => {
+        if (l !== a) {
+          const d = te();
+          l !== d && (v(), ie(l));
+        }
+      }
+    ), Fe(
+      [
+        () => t.checkFormat,
+        () => t.checkWidth,
+        () => t.checkHeight,
+        () => t.checkWHType,
+        () => t.checkMinSize,
+        () => t.checkMaxSize
+      ],
+      () => {
+        s.isInitFileInput && v(), re(z());
+      }
+    );
+    const de = (l) => {
+      t.disabled || s.isInitFileInput && l.currentTarget.files.length > 0 && (E("load"), ce(l.currentTarget.files, {}).then((a) => {
+        if (!s.isInitFileInput) {
+          if (a.passFiles.length > 0)
+            if (t.isServerCallback) {
+              const d = t.isMultiple ? a.passFiles : a.passFiles[0], M = t.isMultiple ? a.passFilesInfo : a.passFilesInfo[0];
+              b(d, M), x();
+            } else t.isMultiple ? (U(a.passFilesInfo, []), P(a.passFiles, a.passFilesInfo)) : (U(a.passFilesInfo, []), P(a.passFiles[0], a.passFilesInfo[0]));
+          else a.errorMsg.length === 0 && (E("fail"), B(["文件校验失败，请重试"]));
+          a.errorMsg.length > 0 && (B(a.errorMsg), a.passFiles.length === 0 && E("fail"));
+        }
+      }).catch(() => {
+        s.isInitFileInput || (E("fail"), B(["文件校验失败，请重试"]));
+      }));
+    }, pe = (l, a) => {
+      const d = e.isEmpty(l.url) ? l.src : l.url;
+      c(d, "image", a);
+    }, ae = (l, a) => {
+      e.isEmpty(l.url) || c(l.url, "video", a);
+    }, we = (l) => {
+      if (T === l)
+        return;
+      T = l, v(), s.isInitFileInput || E("complete");
+      const a = o.value.find((R) => R.rId === l);
+      a && e.isString(a.url) && a.url.startsWith("blob:") && URL.revokeObjectURL(a.url);
+      const d = [], M = [];
+      o.value.forEach((R) => {
+        R.rId !== l && (d.push(R), M.push(R.rId));
+      }), w.value = M;
+      const F = document.getElementById(s.elFileId);
+      F && (F.value = ""), xe(() => {
+        d.length > 0 ? (o.value = d, T = null, j()) : I = setTimeout(() => {
+          I = null, o.value = o.value.filter(
+            (R) => R.rId !== l
+          ), T = null, j();
+        }, 500);
+      });
+    }, Me = (l) => {
+      if (l.isImage && e.isEmpty(l.url))
+        se(l.imgSrc, l.name);
+      else if (e.isString(l.url) && l.url.startsWith("blob:")) {
+        const a = document.createElement("a");
+        a.href = l.url, a.download = l.name, a.click();
+      } else if (e.isEmpty(l.url) && l.file) {
+        const a = URL.createObjectURL(l.file), d = document.createElement("a");
+        d.href = a, d.download = l.name, d.click(), setTimeout(() => {
+          URL.revokeObjectURL(a);
+        }, 1e3);
+      } else
+        me(l.url);
+    }, fe = () => {
+      g.value?.click();
+    };
+    return p({
+      saveServerCallback: (l) => {
+        if (v(), !s.isInitFileInput) {
+          if (e.isUndefined(l) || e.isUndefined(l.res) || !e.isBoolean(l.res.success) || e.isUndefined(l.req)) {
+            E("fail"), B(["文件保存失败，请重试"]);
+            return;
+          }
+          if (l.res.success) {
+            let a = [];
+            const d = [];
+            if (e.isNonEmptyString(l.res.fileUrl) ? (a.push(l.res.fileUrl), d.push(0)) : e.isArray(l.res.fileUrl) && l.res.fileUrl.forEach((ge, le) => {
+              e.isNonEmptyString(ge) && (a.push(ge), d.push(le));
+            }), a.length === 0) {
+              E("complete");
+              return;
+            }
+            const M = t.isMultiple ? l.req : [l.req];
+            let F = [], R = [];
+            if (!t.isMultiple)
+              F = a, R = M;
+            else {
+              const ge = o.value.map((le) => le.url).filter((le) => e.isNonEmptyString(le));
+              a.forEach((le, n) => {
+                const h = d[n];
+                ge.indexOf(le) > -1 || e.isUndefined(M[h]) || (ge.push(le), F.push(le), R.push(M[h]));
+              });
+            }
+            if (F.length === 0) {
+              E("complete");
+              return;
+            }
+            U(R, F);
+            const ne = t.isMultiple ? F : F[0];
+            P(ne);
+          } else
+            E("fail"), B(["文件保存失败，请重试"]);
+        }
+      },
+      getValue: () => te(),
+      cleanReduction: () => {
+        v(), ue();
+      }
+    }), (l, a) => (r(), u($, null, [
+      J("div", {
+        class: ve(Q.value)
+      }, [
+        s.isInitFileInput && !i.disabled ? (r(), u("input", {
+          key: 0,
+          type: "file",
+          id: s.elFileId,
+          name: D.value,
+          multiple: i.isMultiple,
+          accept: X(K).mime.join(","),
+          onChange: de
+        }, null, 40, pt)) : (r(), u("input", {
+          key: 1,
+          id: s.elFileId,
+          name: D.value,
+          disabled: i.disabled,
+          accept: X(K).mime.join(","),
+          style: { display: "none !important" },
+          onChange: de
+        }, null, 40, gt)),
+        J("label", {
+          ref_key: "refElLabel",
+          ref: g,
+          for: s.elFileId
+        }, [
+          A(Ke, {
+            ref_key: "refElButton",
+            ref: m,
+            className: i.buttonClass,
+            isShowBackDrop: !0,
+            disabled: i.disabled,
+            label: i.buttonLabel || X(C).common.upload,
+            iconName: i.buttonIcon,
+            color: i.buttonColor,
+            onOnClick: fe
+          }, null, 8, ["className", "disabled", "label", "iconName", "color"])
+        ], 8, ft)
+      ], 2),
+      Ee(l.$slots, "label"),
+      o.value.length > 0 && i.isShowUploadResult ? (r(), u("ul", ht, [
+        (r(!0), u($, null, Le(o.value, (d, M) => (r(), Ie(qe, {
+          key: `${d.rId}-${M}`,
+          name: "fileUploadButton",
+          "enter-active-class": "fileupload-anim-in",
+          "leave-active-class": "fileupload-anim-out"
+        }, {
+          default: He(() => [
+            w.value.indexOf(d.rId) > -1 ? (r(), u("li", {
+              key: `${O}-${d.rId}-${M}`,
+              class: "fileUpload-item"
+            }, [
+              d.isImage ? (r(), u("span", vt, [
+                J("img", {
+                  src: d.imgSrc
+                }, null, 8, kt),
+                i.isShowPreview ? (r(), u("i", {
+                  key: 0,
+                  class: "preview-icon",
+                  title: X(C).common.preview,
+                  onClick: oe((F) => pe(d, M), ["stop"])
+                }, [
+                  A(G, { name: "search-plus" })
+                ], 8, St)) : (r(), u($, { key: 1 }, [], 64))
+              ])) : d.isVideo ? (r(), u("span", yt, [
+                J("video", {
+                  src: d.url
+                }, null, 8, wt),
+                i.isShowPreview ? (r(), u("span", {
+                  key: 0,
+                  class: "preview-icon",
+                  onClick: oe((F) => ae(d, M), ["stop"])
+                }, [
+                  A(G, { name: "play" })
+                ], 8, bt)) : (r(), u($, { key: 1 }, [], 64))
+              ])) : (r(), Ie(G, {
+                key: 2,
+                name: d.icon,
+                class: "fileUpload-item-icon"
+              }, null, 8, ["name"])),
+              J("span", xt, Ue(d.name), 1),
+              J("span", Ft, [
+                i.isShowDownload ? (r(), u("i", {
+                  key: 0,
+                  class: "download-icon",
+                  title: X(C).common.download,
+                  onClick: oe((F) => Me(d), ["stop"])
+                }, [
+                  A(G, { name: "download" })
+                ], 8, Et)) : (r(), u($, { key: 1 }, [], 64)),
+                i.disabled ? (r(), u($, { key: 3 }, [], 64)) : (r(), u("a", {
+                  key: 2,
+                  class: "file-complete-remove",
+                  href: "javascript:",
+                  title: X(C).common.delete,
+                  onClick: oe((F) => we(d.rId), ["stop"])
+                }, [
+                  A(G, { name: "close" })
+                ], 8, Ut))
+              ])
+            ])) : Ae("", !0)
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ])) : (r(), u($, { key: 1 }, [], 64))
+    ], 64));
+  }
+}), Tt = ["id"], Mt = {
+  key: 0,
+  class: "cl-plaintext-value"
+}, Ct = ["src", "alt"], Ht = ["src"], Wt = { key: 0 }, _t = /* @__PURE__ */ We({
+  name: "ClFileUpload",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件唯一标识
+    name: String,
+    // desc: 文件上传 input 的 name
+    value: [String, Array, Object],
+    // desc: 文件值（回显 URL 或本地 File 对象；多选回传可为数组）
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    theme: {
+      type: String,
+      default: "default",
+      // desc: 主题 | enum: default, button
+      validator: (i) => ["default", "button"].includes(i)
+    },
+    isMultiple: {
+      type: Boolean,
+      default: !1
+      // desc: 是否多选（仅针对 theme:button）
+    },
+    defaultHoverTitle: String,
+    // desc: 默认悬停标题
+    defaultIcon: String,
+    // desc: 自定义初始显示图标（theme:default 空态上传区），未设置时按 checkFormat 自动转换
+    isShowCompleteMsg: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示上传完成后的底部信息条（仅针对 theme:default 图片黑色透明区域）
+    },
+    buttonClass: String,
+    // desc: 按钮模式自定义CSS类名
+    buttonLabel: String,
+    // desc: 按钮模式按钮文案
+    buttonIcon: String,
+    // desc: 按钮模式按钮图标（内置图标名，透传 cl-icon-font 的 name）
+    buttonColor: String,
+    // desc: 按钮模式按钮颜色
+    checkFormat: String,
+    // desc: 允许的文件格式（逗号分隔扩展名）
+    checkMinSize: [String, Number],
+    // desc: 允许的最小文件大小
+    checkMaxSize: [String, Number],
+    // desc: 允许的最大文件大小
+    checkWidth: [String, Number],
+    // desc: 图片校验宽度
+    checkHeight: [String, Number],
+    // desc: 图片校验高度
+    checkWHType: {
+      type: String,
+      default: "equal"
+      // desc: 宽高比判定 | enum: equal, greater, less
+    },
+    imgFit: {
+      type: String,
+      default: "width"
+      // desc: 上传后图片显示尺寸的等比缩放方式（只缩不放） | enum: width, height, contain
+    },
+    isShowPreview: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示预览
+    },
+    isShowDownload: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示下载
+    },
+    isShowUploadResult: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示上传结果（仅针对 theme:button）
+    },
+    isShowUploadIng: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示上传中状态
+    },
+    serverFileCallback: Function,
+    // desc: 服务端文件保存回调
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，图片渲染为 img、视频渲染为 video、其他渲染为文件名
+    },
+    plaintextSeparator: {
+      type: String,
+      default: ","
+      // desc: 纯文本模式下非媒体文件名之间的分隔符
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onRemove", "onError"],
+  setup(i, { expose: p, emit: f }) {
+    const t = i, S = f, O = Be("$ClGlobals", null), C = Je(), _ = t.id, N = Se("refElFileDefault"), z = Se("refElFileButton");
+    let ee = 0, K = 0;
+    const Z = Y(() => e.isFunction(t.serverFileCallback)), ce = ["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg"], re = ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv"], me = (c) => {
+      const b = c.split("?")[0].split("#")[0], x = b.split("/"), v = x.length > 0 ? x[x.length - 1] : b;
+      return e.isEmpty(v) ? c : decodeURIComponent(v);
+    }, se = Y(() => {
+      const c = t.value, b = Array.isArray(c) ? c : e.isEmpty(c) ? [] : [c], x = [];
+      return b.forEach((v) => {
+        if (e.isString(v)) {
+          e.isNonEmptyString(v) && x.push({ url: v, name: me(v), type: "file" });
+          return;
+        }
+        v && e.isNonEmptyString(v.name) && x.push({ url: "", name: v.name, type: "file" });
+      }), x.map((v) => {
+        if (e.isEmpty(v.url))
+          return v;
+        const H = v.name.lastIndexOf("."), E = H > -1 ? v.name.slice(H + 1).toLowerCase() : "";
+        let U = "file";
+        return ce.indexOf(E) > -1 ? U = "image" : re.indexOf(E) > -1 && (U = "video"), { ...v, type: U };
+      });
+    }), m = Y(
+      () => se.value.filter((c) => c.type !== "file")
+    ), g = Y(() => {
+      const c = e.isString(t.plaintextSeparator) ? t.plaintextSeparator : ",";
+      return se.value.filter((b) => b.type === "file").map((b) => b.name).join(c);
+    }), y = Y(() => {
+      let c = {
+        "panel-file-upload": !0
+      };
+      return c = e.getJsonMerge(c, Te.getClassNameJson(t.className)), c;
+    }), s = (c, b, x) => {
+      S("update:value", c), S("update:modelValue", c), S("onChange", b, x);
+    }, o = () => {
+      S("onRemove");
+    }, w = () => {
+      let c = null;
+      switch (t.theme) {
+        case "default":
+          c = N.value?.getValue();
+          break;
+        case "button":
+          c = z.value?.getValue();
+          break;
+      }
+      return c;
+    }, k = (c, b) => {
+      switch (c) {
+        case "default":
+          N.value?.saveServerCallback(b);
+          break;
+        case "button":
+          z.value?.saveServerCallback(b);
+          break;
+      }
+    }, I = (c, b) => {
+      const x = w(), v = Z.value ? x : c;
+      s(x, v, b);
+    }, T = (c) => {
+      e.isArray(c) && S("onError", c);
+    }, D = () => {
+      K += 1, o();
+      const c = w();
+      s(c, c);
+    }, Q = async (c, b, x) => {
+      const v = O?.preview;
+      v && await v.show({
+        type: b,
+        src: c,
+        showIndex: x ?? 0
+        // Preview 消费端读取的字段是 showIndex（不是 showInx），字段名必须对齐
+      });
+    }, P = async (c, b) => {
+      const x = t.theme, v = ++ee, H = K;
+      let E = !0;
+      if (t.serverFileCallback)
+        try {
+          const te = !t.isMultiple && e.isObject(b) && e.isBoolean(b.isImage) ? b.isImage : !1, ie = Te.getElementData(C);
+          E = await t.serverFileCallback(c, te, ie);
+        } catch {
+          v === ee && K === H && t.theme === x && k(x, { req: b, res: { success: !1 } });
+          return;
+        }
+      let U = {};
+      if (e.isBoolean(E) ? U.success = E : e.isUndefined(E) ? U.success = !0 : e.isString(E) || e.isArray(E) ? (U.success = !0, U.fileUrl = E) : e.isObject(E) ? U = E : U.success = !1, t.theme !== x) {
+        S("onError", ["保存期间主题已切换，本次保存结果未写入"]);
+        return;
+      }
+      v !== ee || K !== H || k(x, { req: b, res: U });
+    };
+    return Ge(
+      "$FileuploadTop",
+      ke({
+        getFileCheckInfo: () => ({
+          checkFormat: t.checkFormat,
+          checkWidth: t.checkWidth,
+          checkHeight: t.checkHeight,
+          checkWHType: t.checkWHType,
+          checkMinSize: t.checkMinSize,
+          checkMaxSize: t.checkMaxSize
+        })
+      })
+    ), p({
+      getValue: () => w(),
+      cleanReduction: () => {
+        switch (t.theme) {
+          case "default":
+            N.value?.cleanReduction();
+            break;
+          case "button":
+            z.value?.cleanReduction();
+            break;
+        }
+        s("", "");
+      }
+    }), (c, b) => (r(), u("div", {
+      class: ve(y.value),
+      id: X(_)
+    }, [
+      i.isPlaintext ? (r(), u("div", Mt, [
+        (r(!0), u($, null, Le(m.value, (x, v) => (r(), u($, {
+          key: `plain-${v}`
+        }, [
+          x.type === "image" ? (r(), u("img", {
+            key: 0,
+            src: x.url,
+            alt: x.name,
+            class: "cl-plaintext-media"
+          }, null, 8, Ct)) : (r(), u("video", {
+            key: 1,
+            src: x.url,
+            controls: "",
+            class: "cl-plaintext-media"
+          }, null, 8, Ht))
+        ], 64))), 128)),
+        g.value ? (r(), u("span", Wt, Ue(g.value), 1)) : (r(), u($, { key: 1 }, [], 64))
+      ])) : (r(), u($, { key: 1 }, [], 64)),
+      !i.isPlaintext && i.theme === "button" ? (r(), Ie(It, {
+        key: 2,
+        ref_key: "refElFileButton",
+        ref: z,
+        value: i.value,
+        name: i.name,
+        disabled: i.disabled,
+        isMultiple: i.isMultiple,
+        buttonClass: i.buttonClass,
+        buttonLabel: i.buttonLabel,
+        buttonIcon: i.buttonIcon,
+        buttonColor: i.buttonColor,
+        checkFormat: i.checkFormat,
+        checkMinSize: i.checkMinSize,
+        checkMaxSize: i.checkMaxSize,
+        checkWidth: i.checkWidth,
+        checkHeight: i.checkHeight,
+        checkWHType: i.checkWHType,
+        isServerCallback: Z.value,
+        isShowUploadResult: i.isShowUploadResult,
+        isShowUploadIng: i.isShowUploadIng,
+        isShowPreview: i.isShowPreview,
+        isShowDownload: i.isShowDownload,
+        onOnChange: I,
+        onOnError: T,
+        onOnRemove: D,
+        onOnPreview: Q,
+        onOnSaveFile: P
+      }, {
+        label: He(() => [
+          Ee(c.$slots, "label")
+        ]),
+        _: 3
+      }, 8, ["value", "name", "disabled", "isMultiple", "buttonClass", "buttonLabel", "buttonIcon", "buttonColor", "checkFormat", "checkMinSize", "checkMaxSize", "checkWidth", "checkHeight", "checkWHType", "isServerCallback", "isShowUploadResult", "isShowUploadIng", "isShowPreview", "isShowDownload"])) : !i.isPlaintext && i.theme === "default" ? (r(), Ie(dt, {
+        key: 3,
+        ref_key: "refElFileDefault",
+        ref: N,
+        value: i.value,
+        name: i.name,
+        disabled: i.disabled,
+        defaultHoverTitle: i.defaultHoverTitle,
+        defaultIcon: i.defaultIcon,
+        isShowCompleteMsg: i.isShowCompleteMsg,
+        checkFormat: i.checkFormat,
+        checkMinSize: i.checkMinSize,
+        checkMaxSize: i.checkMaxSize,
+        checkWidth: i.checkWidth,
+        checkHeight: i.checkHeight,
+        checkWHType: i.checkWHType,
+        imgFit: i.imgFit,
+        isServerCallback: Z.value,
+        isShowPreview: i.isShowPreview,
+        isShowDownload: i.isShowDownload,
+        onOnChange: I,
+        onOnError: T,
+        onOnRemove: D,
+        onOnPreview: Q,
+        onOnSaveFile: P
+      }, {
+        label: He(() => [
+          Ee(c.$slots, "label")
+        ]),
+        _: 3
+      }, 8, ["value", "name", "disabled", "defaultHoverTitle", "defaultIcon", "isShowCompleteMsg", "checkFormat", "checkMinSize", "checkMaxSize", "checkWidth", "checkHeight", "checkWHType", "imgFit", "isServerCallback", "isShowPreview", "isShowDownload"])) : (r(), u($, { key: 4 }, [], 64))
+    ], 10, Tt));
+  }
+});
+export {
+  _t as _
+};