@cldemo/ui-kit 1.1.3 → 1.1.4

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-D_73B6av.js

@@ -0,0 +1,1533 @@
+import { reactive as ke, defineComponent as We, inject as Be, useTemplateRef as Se, computed as K, onMounted as Pe, nextTick as xe, watch as Fe, onBeforeUnmount as $e, openBlock as r, createElementBlock as m, normalizeClass as ve, createElementVNode as G, withModifiers as oe, unref as Z, createVNode as J, renderSlot as Ee, toDisplayString as Ue, Fragment as P, 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 { getPlaintextOutText as Xe } from "@cldemo/ui-kit/common/globalConfig";
+import Te from "@cldemo/ui-kit/common/Element";
+import Ne from "@cldemo/ui-kit/common/log";
+import { _ as Ke } from "./Index.vue_vue_type_script_setup_true_lang-zf_B20Aj.js";
+import { _ as X } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { a as je } from "./language-CZZEj4e3.js";
+import { _ as Ze } from "./Index.vue_vue_type_script_setup_true_lang-6Rsz2dYw.js";
+/* empty css                   */
+const N = {
+  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 g = [];
+    return e.isNonEmptyString(i) && (i.split(",").forEach((t) => {
+      for (const [y, O] of Object.entries(N.format))
+        e.isExistValue(O, t.toLocaleLowerCase()) && g.push(y);
+    }), g = e.getArrUnique(g)), g;
+  },
+  getIcon: (i) => {
+    let g = "";
+    return e.isEmpty(i) ? g = N.icon.default : g = e.isExistJsonKey(N.icon, i) ? N.icon[i] : N.icon.default, g;
+  },
+  getSuffix: (i) => {
+    let g = [];
+    return e.isEmpty(i) || (i.forEach((h) => {
+      const t = N.suffix[h.toLocaleLowerCase()];
+      e.isUndefined(t) || (g = g.concat(t));
+    }), e.isEmpty(g) && (g = i)), g = e.getArrUnique(g), g;
+  },
+  getRegexBySuffix: (i) => {
+    if (e.isEmpty(i))
+      return null;
+    const g = `\\.(?:${i.join("|")})$`;
+    return new RegExp(g, "i");
+  },
+  getMime: (i) => {
+    let g = [];
+    return e.isEmpty(i) || i.forEach((h) => {
+      const t = N.mime[h];
+      e.isUndefined(t) || (g = g.concat(t));
+    }), g = e.getArrUnique(g), g;
+  },
+  getRegexByMime: (i) => {
+    if (e.isEmpty(i))
+      return null;
+    const g = `^(?:${i.join("|").replace(/\//g, "\\/")})$`;
+    return new RegExp(g, "i");
+  },
+  getImageThumbnail: (i, g, h) => {
+    let t = null;
+    try {
+      const y = document.createElement("canvas");
+      y.width = g, y.height = h, y.getContext("2d").drawImage(i, 0, 0, i.width, i.height, 0, 0, g, h), t = y.toDataURL("image/gif");
+    } catch {
+      t = null;
+    }
+    return t;
+  }
+}, _e = (i, g) => {
+  let h = i;
+  const t = ke({
+    mime: [],
+    suffix: [],
+    isCheckImgWH: !1
+  });
+  let y = null;
+  const O = (c) => {
+    h = e.getJsonMerge(h, c), D();
+  }, M = (c) => {
+    const f = h.checkMsg;
+    return e.isString(f) && !e.isEmpty(f) ? f : e.isObject(f) && !e.isEmpty(f[c]) ? f[c] : g.value[c];
+  }, D = () => {
+    const c = e.isNonEmptyString(h.checkFormat) ? N.getSuffix(h.checkFormat.split(",")) : [], f = N.getMime(c), w = !e.isEmpty(h.checkWidth) && !e.isEmpty(h.checkHeight);
+    t.mime = f, t.suffix = c, t.isCheckImgWH = w;
+  }, j = (c) => {
+    const f = N.getIcon(c);
+    return {
+      type: c,
+      icon: f,
+      isImage: c === "img",
+      isVideo: c === "video",
+      isAudio: c === "audio",
+      isTxt: c === "txt",
+      isZip: c === "zip"
+    };
+  }, R = (c, f) => {
+    if (e.isUndefined(y)) {
+      y = {};
+      for (const [a, o] of Object.entries(N.format)) {
+        const F = N.getSuffix(o), k = N.getMime(F), U = N.getRegexBySuffix(F), I = N.getRegexByMime(k);
+        y[a] = { suffix: F, mime: k, regSuffix: U, regMime: I };
+      }
+    }
+    let w = "";
+    return Object.keys(y).forEach((a) => {
+      if (w.length === 0) {
+        const o = y[a];
+        (o.regSuffix && o.regSuffix.test(c) || f && o.regMime && o.regMime.test(f)) && (w = a);
+      }
+    }), j(w);
+  }, te = (c) => {
+    const f = N.getFormatGroup(
+      e.isEmpty(c) ? h.checkFormat : c
+    ), w = f.length === 1 ? f[0] : "";
+    return j(w);
+  }, Q = (c) => {
+    if (!e.isString(c))
+      return R("");
+    if (c.startsWith("data:") || c.startsWith("blob:")) {
+      const w = c.match(/^[a-z]+:([a-zA-Z0-9.+-]+\/[a-zA-Z0-9.+-]+)/);
+      return R("", w ? w[1] : "");
+    }
+    const f = c.substring(c.lastIndexOf("/") + 1).split("?")[0].split("#")[0];
+    return R(f);
+  }, Y = (c, f, w, a, o) => {
+    const F = e.isFinite(w) && w > 0 ? w : 0, k = e.isFinite(a) && a > 0 ? a : 0;
+    let U = o;
+    (U === "height" || U === "contain") && k === 0 && (U = "width");
+    let I = 1;
+    switch (U) {
+      case "height":
+        I = k > 0 ? k / f : 1;
+        break;
+      case "contain":
+        I = Math.min(F > 0 ? F / c : 1, k > 0 ? k / f : 1);
+        break;
+      case "width":
+      default:
+        I = F > 0 ? F / c : 1;
+        break;
+    }
+    return I > 1 && (I = 1), { tw: Math.round(c * I), th: Math.round(f * I) };
+  }, ce = (c, f, w, a) => new Promise((o, F) => {
+    const k = document.createElement("img");
+    k.onload = (U) => {
+      const I = U.target.width, V = U.target.height, { tw: ee, th: $ } = Y(I, V, f, w, a), H = U.target.src;
+      o({ src: H, w: I, h: V, tw: ee, th: $, isImage: !0 });
+    }, k.onerror = () => {
+      F(new Error("fail: temp create image"));
+    }, k.src = c;
+  }), me = (c, f) => {
+    const w = e.isEmpty(h.checkWidth) ? 0 : parseInt(h.checkWidth, 10), a = e.isEmpty(h.checkHeight) ? 0 : parseInt(h.checkHeight, 10);
+    if (!e.isFinite(w) || !e.isFinite(a) || w === 0 || a === 0)
+      return !0;
+    let o = !0;
+    switch (h.checkWHType) {
+      case "greater":
+        o = c >= w && f >= a;
+        break;
+      case "less":
+        o = c <= w && f <= a;
+        break;
+      case "equal":
+        o = c === w && f === a;
+        break;
+      default:
+        o = !0;
+        break;
+    }
+    return o;
+  }, ue = (c, f) => new Promise((w, a) => {
+    if (c instanceof File) {
+      const o = new FileReader();
+      o.onload = (F) => {
+        ce(F.target.result, f.maxWidth, f.maxHeight, f.imgFit).then((k) => {
+          (t.isCheckImgWH ? me(k.w, k.h) : !0) ? w(k) : a(new Error(M("checkImageWHLabel")));
+        }).catch((k) => {
+          a(k);
+        });
+      }, o.onerror = () => {
+        a(new Error("fail: new FileReader image onload()"));
+      }, o.readAsDataURL(c);
+    } else
+      a(new Error("fail: file is not a File instance"));
+  }), ae = async (c, f) => {
+    let w = [];
+    const a = [], o = [], F = N.getRegexBySuffix(t.suffix), k = N.getRegexByMime(t.mime), U = ($) => {
+      const H = e.isEmpty($) ? NaN : parseInt($, 10);
+      return e.isFinite(H) ? H * 1024 : null;
+    }, I = U(h.checkMinSize), V = U(h.checkMaxSize), ee = c.length;
+    for (let $ = 0; $ < ee; $ += 1) {
+      const H = [], _ = c[$], L = { suffix: !1, mime: !1, size: !1 }, d = _.name;
+      F && !F.test(d) && (L.suffix = !0);
+      const b = _.type;
+      !e.isEmpty(b) && k && !k.test(b) && (L.mime = !0), I && _.size < I && (L.size = !0), V && _.size > V && (L.size = !0), (L.suffix || L.mime) && H.push(M("checkSuffixMimeLabel")), L.size && H.push(M("checkSizeLabel"));
+      const S = R(d, b);
+      let p = null;
+      S.isImage && (p = await ue(_, f).catch((C) => {
+        H.push(C.message);
+      })), e.isUndefined(p) && (p = {}), p = e.getJsonMerge(p, S), p.fileName = d, p.file = _, H.length === 0 ? (a.push(_), o.push(p)) : ee === 1 ? w = H.map((C) => `${M("uploadFile")} ${C}`) : w.push(`${d}:${H.join(",")}`);
+    }
+    return new Promise(($) => {
+      setTimeout(() => {
+        $({ errorMsg: w, passFiles: a, passFilesInfo: o, original: c });
+      }, 200);
+    });
+  };
+  return D(), {
+    optBase: t,
+    getTypeByFormat: te,
+    getTypeByUrl: Q,
+    createTempImg: ce,
+    checkFile: ae,
+    setBaseOptions: O
+  };
+}, De = () => ({
+  setFileInfo: (g, h) => {
+    const t = h && h.fileUrl ? h.fileUrl : "";
+    if (!e.isString(t))
+      return { name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 };
+    const y = e.isEmpty(t);
+    let O = "";
+    y || t.startsWith("blob:") ? O = g.fileName : O = t.substr(t.lastIndexOf("/") + 1);
+    let M = "", D = 0, j = 0;
+    return g.isImage && (M = y ? g.src : t, D = g.tw || 0, j = g.th || 0), { name: O, url: t, imgSrc: M, imgWidth: D, imgHeight: j };
+  }
+}), Ve = () => {
+  const i = (h, t) => {
+    window.open(h);
+  };
+  return {
+    downloadHref: i,
+    downloadBlob: (h) => {
+      if (!e.isEmpty(h)) {
+        const t = h.lastIndexOf("/"), y = h.substring(t + 1), O = h.replace(/\\/g, "/"), M = new XMLHttpRequest();
+        M.open("GET", O, !0), M.responseType = "blob", M.onload = () => {
+          if (M.status === 200) {
+            const D = window.URL || window.webkitURL || window, j = new Blob([M.response]), R = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
+            R.href = D.createObjectURL(j), R.download = y, R.click(), setTimeout(() => URL.revokeObjectURL(R.href), 1e3);
+          } else
+            i(h);
+        }, M.onerror = () => {
+          i(h);
+        }, M.send();
+      }
+    }
+  };
+}, Qe = ["name", "accept"], Ye = ["name"], et = { class: "fileUpload-label" }, tt = {
+  key: 0,
+  class: "fileUpload-img"
+}, it = { class: "fileUpload-img-container" }, nt = ["src", "width", "height"], lt = {
+  key: 0,
+  class: "file-complete-img-msg"
+}, ot = ["title"], at = ["title"], st = {
+  key: 1,
+  class: "fileUpload-video"
+}, ct = ["src"], rt = ["title"], mt = {
+  key: 2,
+  class: "fileUpload-file"
+}, ut = ["title"], dt = {
+  key: 0,
+  class: "fileUpload-load"
+}, pt = /* @__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: g, emit: h }) {
+    const t = i, y = h, { optPageLanguage: O, getPageLanguage: M } = je();
+    M("fileUpload");
+    const D = Be("$FileuploadTop", null);
+    D || Ne.warn("FileUpload", "Default 主题缺少 $FileuploadTop 注入，使用空校验配置");
+    const { setFileInfo: j } = De(), R = () => e.getJsonMerge(D?.getFileCheckInfo() ?? {}, {
+      checkFormat: t.checkFormat,
+      checkWidth: t.checkWidth,
+      checkHeight: t.checkHeight,
+      checkWHType: t.checkWHType,
+      checkMinSize: t.checkMinSize,
+      checkMaxSize: t.checkMaxSize
+    }), { optBase: te, getTypeByFormat: Q, getTypeByUrl: Y, createTempImg: ce, checkFile: me, setBaseOptions: ue } = _e(R(), O), { downloadBlob: ae, downloadHref: c } = Ve(), f = Se("refElTopParent"), w = () => {
+      const n = f.value;
+      if (!n)
+        return { maxWidth: 0, maxHeight: 0 };
+      const v = 4, W = n.clientWidth > 0 ? Math.max(n.clientWidth - v, 0) : 0;
+      let A = 0;
+      if (t.imgFit === "height" || t.imgFit === "contain") {
+        const q = n.parentElement;
+        q && q.clientHeight > 0 && (A = getComputedStyle(q).height === "auto" ? 0 : Math.max(q.clientHeight - v, 0));
+      }
+      return { maxWidth: W, maxHeight: A };
+    }, a = ke({
+      isImage: !1,
+      isVideo: !1,
+      icon: "",
+      completeMsgTxt: "",
+      isInitFileInput: !0,
+      runOperateType: "init"
+    }), o = ke({
+      name: "",
+      url: "",
+      imgSrc: "",
+      imgWidth: 0,
+      imgHeight: 0
+    }), F = {
+      file: null
+    };
+    let k = 0, U = null;
+    const I = `fileUpload_${e.getRandom(8)}`, V = K(() => {
+      let n = t.name;
+      return e.isEmpty(n) && (n = `fileUpload_${e.getRandom(8)}`), n;
+    }), ee = K(() => {
+      let n = {
+        "fileUpload-default": !0
+      };
+      return n = e.getJsonMerge(n, Te.getClassNameJson(t.className)), n;
+    }), $ = K(() => ({
+      "fileUpload-wait": !0,
+      "fileUpload-disabled": t.disabled
+    })), H = K(() => ({
+      "fileUpload-complete": !0,
+      "fileUpload-disabled": t.disabled
+    })), _ = (n) => {
+      y("onChange", n);
+    }, L = (n) => {
+      y("onError", n);
+    }, d = () => {
+      y("onRemove");
+    }, b = (n, v) => {
+      y("onPreview", n, v);
+    }, S = (n, v) => {
+      y("onSaveFile", n, v);
+    }, p = (n) => {
+      a.isImage = n.isImage, a.isVideo = n.isVideo, a.icon = n.icon;
+    }, C = () => {
+      const n = Q();
+      e.isNonEmptyString(t.defaultIcon) && (n.icon = t.defaultIcon), p(n);
+    }, E = (n) => {
+      n !== "load" && (a.isInitFileInput = !0);
+      let v = "";
+      switch (n) {
+        case "remove":
+        case "clean": {
+          v = "init", C();
+          break;
+        }
+        case "fail": {
+          let W = !0;
+          a.isImage ? (!e.isEmpty(o.url) || !e.isEmpty(o.imgSrc)) && (W = !1) : e.isEmpty(o.url) || (W = !1), v = W ? "init" : "complete";
+          break;
+        }
+        default:
+          v = n;
+      }
+      a.runOperateType = v;
+    }, z = (n) => {
+      const v = o;
+      for (const [W, A] of Object.entries(n))
+        e.isUndefined(v[W]) || (v[W] = A);
+      F.file = n.file ?? F.file;
+    }, ie = (n, v) => {
+      pe(), p(n);
+      const W = j(n, v);
+      z(W), E("complete");
+    }, re = () => {
+      let n = null;
+      return e.isString(o.url) && o.url.startsWith("blob:") ? n = F.file : e.isEmpty(o.url) ? a.isImage && !e.isEmpty(o.imgSrc) ? n = o.imgSrc : n = F.file : n = o.url, e.isUndefined(n) && (n = ""), n;
+    }, ye = (n) => {
+      if (n.length > 0 && a.runOperateType !== "load") {
+        a.isInitFileInput = !1, E("load"), k += 1;
+        const v = {
+          ...w(),
+          imgFit: t.imgFit
+        };
+        me(n, v).then((W) => {
+          if (a.runOperateType === "load")
+            if (W.passFiles.length > 0) {
+              const A = W.passFiles[0], q = W.passFilesInfo[0];
+              if (q.isImage)
+                t.isServerCallback ? (S(A, q), we()) : (ie(q, {}), F.file = A, _(q.src));
+              else if (t.isServerCallback)
+                S(A, q), we();
+              else {
+                const he = {};
+                if (q.isVideo) {
+                  const be = URL.createObjectURL(A);
+                  he.fileUrl = be;
+                }
+                ie(q, he), F.file = A, _(A);
+              }
+            } else
+              E("fail"), W.errorMsg.length > 0 && L(W.errorMsg);
+        }).catch(() => {
+          a.runOperateType === "load" && (E("fail"), L(["文件校验失败，请重试"]));
+        });
+      }
+    }, de = (n) => {
+      if (!e.isNonEmptyString(n)) {
+        (e.isString(n) || e.isUndefined(n)) && Me();
+        return;
+      }
+      const v = ++k, W = Y(n);
+      if (a.isImage && W.isImage) {
+        const { maxWidth: A, maxHeight: q } = w();
+        ce(n, A, q, t.imgFit).then((he) => {
+          if (v !== k)
+            return;
+          const be = e.getJsonMerge(he, W);
+          ie(be, { fileUrl: n });
+        }).catch(() => {
+          v === k && (E("fail"), L(["图片加载失败，请检查图片地址"]));
+        });
+      } else
+        ie(W, { fileUrl: n });
+    }, pe = () => {
+      e.isString(o.url) && o.url.startsWith("blob:") && URL.revokeObjectURL(o.url);
+    }, se = () => {
+      U && (clearTimeout(U), U = null);
+    }, we = () => {
+      se(), U = setTimeout(() => {
+        a.runOperateType === "load" && (E("fail"), L(["服务端保存超时，请重试"]));
+      }, 6e4);
+    }, Me = () => {
+      k += 1, F.file = null, z({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), E("init");
+    }, fe = () => {
+      if (e.isEmpty(t.value)) {
+        C();
+        return;
+      }
+      p(Y(t.value));
+    }, Ce = () => {
+      let n = t.defaultHoverTitle;
+      a.isImage && te.isCheckImgWH && e.isEmpty(n) && (n = `${t.checkWidth}x${t.checkHeight}`), a.completeMsgTxt = n;
+    }, Oe = () => {
+      fe(), Ce(), de(t.value);
+    };
+    Pe(() => {
+      xe(() => {
+        Oe();
+      });
+    }), Fe(
+      () => t.value,
+      (n, v) => {
+        if (n !== v) {
+          const W = re();
+          n !== W && (se(), fe(), de(n));
+        }
+      }
+    ), Fe(
+      [
+        () => t.checkFormat,
+        () => t.checkWidth,
+        () => t.checkHeight,
+        () => t.checkWHType,
+        () => t.checkMinSize,
+        () => t.checkMaxSize
+      ],
+      () => {
+        if (se(), ue(R()), fe(), Ce(), a.runOperateType === "load")
+          return;
+        const n = re();
+        t.value === n && de(t.value);
+      }
+    );
+    const Re = (n) => {
+      n.preventDefault(), n.stopPropagation(), !t.disabled && n.dataTransfer && ye(n.dataTransfer.files);
+    }, l = (n) => {
+      t.disabled || ye(n.currentTarget.files);
+    }, s = () => {
+      se(), k += 1, pe(), F.file = null, z({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), E("remove");
+      const n = document.getElementById(I);
+      n && (n.value = ""), d();
+    }, u = (n) => {
+      const v = e.isEmpty(o.url) ? o.imgSrc : o.url;
+      b(v, "image"), n.preventDefault(), n.stopPropagation();
+    }, T = (n) => {
+      e.isEmpty(o.url) || b(o.url, "video"), n.preventDefault(), n.stopPropagation();
+    }, x = (n) => {
+      e.isEmpty(o.url) ? c(o.imgSrc, o.name) : ae(o.url), n.preventDefault(), n.stopPropagation();
+    }, B = (n) => {
+      if (e.isString(o.url) && o.url.startsWith("blob:")) {
+        const v = document.createElement("a");
+        v.href = o.url, v.download = o.name, v.click();
+      } else
+        ae(o.url);
+      n.preventDefault(), n.stopPropagation();
+    };
+    return g({
+      saveServerCallback: (n) => {
+        if (se(), a.runOperateType !== "load")
+          return;
+        if (!n || !n.res || !e.isBoolean(n.res.success)) {
+          E("fail"), L(["文件保存失败，请重试"]);
+          return;
+        }
+        if (!n.res.success) {
+          E("fail"), L(["文件保存失败，请重试"]);
+          return;
+        }
+        if (!n.req) {
+          E("fail"), L(["文件保存失败，请重试"]);
+          return;
+        }
+        let v = "";
+        if (e.isString(n.res.fileUrl) ? v = n.res.fileUrl : e.isArray(n.res.fileUrl) && n.res.fileUrl.length > 0 && e.isString(n.res.fileUrl[0]) && (v = n.res.fileUrl[0]), e.isEmpty(v)) {
+          F.file = null, z({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), E("init");
+          return;
+        }
+        ie(n.req, { fileUrl: v }), _(v);
+      },
+      getValue: () => re(),
+      cleanReduction: () => {
+        se(), k += 1, pe(), F.file = null, z({ name: "", url: "", imgSrc: "", imgWidth: 0, imgHeight: 0 }), E("clean");
+      }
+    }), $e(() => {
+      se(), pe();
+    }), (n, v) => (r(), m("div", {
+      class: ve(ee.value),
+      ref_key: "refElTopParent",
+      ref: f
+    }, [
+      G("div", {
+        class: "fileUpload-default-container",
+        onDrop: Re,
+        onDragover: v[0] || (v[0] = oe(() => {
+        }, ["prevent"]))
+      }, [
+        G("label", { for: I }, [
+          a.isInitFileInput && !i.disabled ? (r(), m("input", {
+            key: 0,
+            type: "file",
+            id: I,
+            name: V.value,
+            onChange: l,
+            accept: Z(te).mime.join(",")
+          }, null, 40, Qe)) : (r(), m("input", {
+            key: 1,
+            id: I,
+            name: V.value,
+            style: { display: "none !important" }
+          }, null, 8, Ye)),
+          a.runOperateType === "init" ? (r(), m("span", {
+            key: 2,
+            class: ve($.value)
+          }, [
+            J(X, {
+              name: a.icon,
+              class: "fileUpload-icon"
+            }, null, 8, ["name"]),
+            G("span", et, [
+              Ee(n.$slots, "label")
+            ])
+          ], 2)) : a.runOperateType === "complete" ? (r(), m("span", {
+            key: 3,
+            class: ve(H.value)
+          }, [
+            a.isImage ? (r(), m("span", tt, [
+              G("span", it, [
+                G("img", {
+                  src: o.imgSrc,
+                  width: o.imgWidth,
+                  height: o.imgHeight
+                }, null, 8, nt)
+              ]),
+              i.isShowCompleteMsg ? (r(), m("span", lt, Ue(a.completeMsgTxt), 1)) : (r(), m(P, { key: 1 }, [], 64)),
+              i.isShowPreview && !i.disabled ? (r(), m("i", {
+                key: 2,
+                class: "preview-icon",
+                title: Z(O).common.preview,
+                onClick: oe(u, ["stop"])
+              }, [
+                J(X, { name: "search-plus" })
+              ], 8, ot)) : (r(), m(P, { key: 3 }, [], 64)),
+              i.isShowDownload && !i.disabled ? (r(), m("i", {
+                key: 4,
+                class: "download-icon",
+                title: Z(O).common.download,
+                onClick: oe(x, ["stop"])
+              }, [
+                J(X, { name: "download" })
+              ], 8, at)) : (r(), m(P, { key: 5 }, [], 64))
+            ])) : a.isVideo ? (r(), m("span", st, [
+              G("video", {
+                src: o.url
+              }, null, 8, ct),
+              i.isShowPreview && !i.disabled ? (r(), m("span", {
+                key: 0,
+                class: "preview-icon",
+                onClick: oe(T, ["stop"])
+              }, [
+                J(X, { name: "play" })
+              ])) : (r(), m(P, { key: 1 }, [], 64)),
+              i.isShowDownload && !i.disabled ? (r(), m("i", {
+                key: 2,
+                class: "download-icon",
+                title: Z(O).common.download,
+                onClick: oe(B, ["stop"])
+              }, [
+                J(X, { name: "download" })
+              ], 8, rt)) : (r(), m(P, { key: 3 }, [], 64))
+            ])) : (r(), m("span", mt, [
+              J(X, {
+                name: a.icon,
+                class: "fileUpload-icon"
+              }, null, 8, ["name"]),
+              G("span", null, Ue(o.name), 1)
+            ])),
+            i.disabled ? (r(), m(P, { key: 4 }, [], 64)) : (r(), m("a", {
+              key: 3,
+              class: "file-complete-remove",
+              href: "javascript:",
+              title: Z(O).common.delete,
+              onClick: oe(s, ["stop"])
+            }, [
+              J(X, { name: "close" })
+            ], 8, ut))
+          ], 2)) : (r(), m(P, { key: 4 }, [], 64))
+        ])
+      ], 32),
+      a.runOperateType === "load" ? (r(), m("div", dt, [
+        J(Ke, {
+          theme: "circleBubble",
+          size: "large"
+        })
+      ])) : (r(), m(P, { key: 1 }, [], 64))
+    ], 2));
+  }
+}), gt = ["id", "name", "multiple", "accept"], ft = ["id", "name", "disabled", "accept"], ht = ["for"], vt = {
+  key: 0,
+  class: "fileUpload-list"
+}, kt = {
+  key: 0,
+  class: "fileUpload-item-icon fileUpload-item-img"
+}, St = ["src"], yt = ["title", "onClick"], wt = {
+  key: 1,
+  class: "fileUpload-item-icon fileUpload-item-video"
+}, bt = ["src"], xt = ["onClick"], Ft = { class: "fileUpload-item-name" }, Et = { class: "fileUpload-item-operate" }, Ut = ["title", "onClick"], It = ["title", "onClick"], Tt = /* @__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: g, emit: h }) {
+    const t = i, y = h, O = `fileupload-${e.getRandom(5)}`, { optPageLanguage: M, getPageLanguage: D } = je();
+    D("fileUpload");
+    const j = Be("$FileuploadTop", null);
+    j || Ne.warn("FileUpload", "Button 主题缺少 $FileuploadTop 注入，使用空校验配置");
+    const R = () => e.getJsonMerge(j?.getFileCheckInfo() ?? {}, {
+      checkFormat: t.checkFormat,
+      checkWidth: t.checkWidth,
+      checkHeight: t.checkHeight,
+      checkWHType: t.checkWHType,
+      checkMinSize: t.checkMinSize,
+      checkMaxSize: t.checkMaxSize
+    }), { setFileInfo: te } = De(), { optBase: Q, getTypeByUrl: Y, checkFile: ce, setBaseOptions: me } = _e(
+      R(),
+      M
+    ), { downloadBlob: ue, downloadHref: ae } = Ve(), c = Se("refElButton"), f = Se("refElLabel"), w = e.getRandom(8), a = ke({
+      elFileId: `btnFile${w}`,
+      isInitFileInput: !0
+    }), o = ze([]), F = ze([]);
+    let k = null, U = null, I = null;
+    const V = K(() => {
+      let l = t.name;
+      return e.isEmpty(l) && (l = `fileUpload_${e.getRandom(8)}`), l;
+    }), ee = K(() => {
+      let l = {
+        "fileUpload-button": !0
+      };
+      return l = e.getJsonMerge(l, Te.getClassNameJson(t.className)), l;
+    }), $ = (l, s) => {
+      y("onChange", l, s);
+    }, H = (l) => {
+      y("onError", l);
+    }, _ = () => {
+      y("onRemove");
+    }, L = (l, s, u) => {
+      y("onPreview", l, s, u);
+    }, d = (l, s) => {
+      y("onSaveFile", l, s);
+    }, b = () => {
+      S(), k = setTimeout(() => {
+        k = null, a.isInitFileInput || (C("fail"), H(["服务端保存超时，请重试"]));
+      }, 6e4);
+    }, S = () => {
+      k && (clearTimeout(k), k = null);
+    }, p = () => {
+      o.value.forEach((l) => {
+        e.isString(l.url) && l.url.startsWith("blob:") && URL.revokeObjectURL(l.url);
+      });
+    }, C = (l) => {
+      switch (l) {
+        case "load":
+          t.isShowUploadIng && c.value?.loadStart();
+          break;
+        case "fail":
+        case "complete":
+          t.isShowUploadIng && c.value?.loadStop();
+          break;
+      }
+      a.isInitFileInput = l !== "load";
+    }, E = (l, s) => {
+      t.isMultiple || (p(), o.value = []);
+      const u = [], T = [];
+      o.value.forEach((x) => {
+        u.push(x), T.push(x.rId);
+      });
+      for (let x = 0; x < l.length; x++) {
+        let B = s.length > x ? { fileUrl: s[x] } : {};
+        e.isEmpty(B.fileUrl) && l[x].isVideo && l[x].file && (B = { fileUrl: URL.createObjectURL(l[x].file) });
+        let ne = te(l[x], B);
+        ne.rId = e.getRandom(9), ne = e.getJsonMerge(l[x], ne), u.push(ne), T.push(ne.rId);
+      }
+      o.value = u, C("complete"), xe(() => {
+        F.value = T;
+      });
+    }, z = () => {
+      const l = [];
+      return o.value.forEach((s) => {
+        let u = null;
+        e.isString(s.url) && s.url.startsWith("blob:") ? u = s.file : e.isEmpty(s.url) ? s.isImage && !e.isEmpty(s.imgSrc) ? u = s.imgSrc : u = s.file : u = s.url, e.isUndefined(u) || l.push(u);
+      }), l.length === 0 ? "" : t.isMultiple ? l : l[0];
+    }, ie = (l) => {
+      if (e.isArray(l)) {
+        p(), o.value = [];
+        const T = [], x = [];
+        l.forEach((B) => {
+          if (e.isNonEmptyString(B)) {
+            const ne = Y(B);
+            T.push(ne), x.push(B);
+          }
+        }), E(T, x);
+        return;
+      }
+      if (!e.isNonEmptyString(l)) {
+        e.isString(l) && re();
+        return;
+      }
+      p(), o.value = [];
+      const s = [], u = [];
+      l.split(",").filter((T) => e.isNonEmptyString(T)).forEach((T) => {
+        const x = Y(T);
+        s.push(x), u.push(T);
+      }), E(s, u);
+    }, re = () => {
+      p(), C("init"), o.value = [];
+    }, ye = () => {
+      ie(t.value);
+    };
+    Pe(() => {
+      xe(() => {
+        ye();
+      });
+    }), $e(() => {
+      S(), U && (clearTimeout(U), U = null), p();
+    }), Fe(
+      () => t.value,
+      (l, s) => {
+        if (l !== s) {
+          const u = z();
+          l !== u && (S(), ie(l));
+        }
+      }
+    ), Fe(
+      [
+        () => t.checkFormat,
+        () => t.checkWidth,
+        () => t.checkHeight,
+        () => t.checkWHType,
+        () => t.checkMinSize,
+        () => t.checkMaxSize
+      ],
+      () => {
+        a.isInitFileInput && S(), me(R());
+      }
+    );
+    const de = (l) => {
+      t.disabled || a.isInitFileInput && l.currentTarget.files.length > 0 && (C("load"), ce(l.currentTarget.files, {}).then((s) => {
+        if (!a.isInitFileInput) {
+          if (s.passFiles.length > 0)
+            if (t.isServerCallback) {
+              const u = t.isMultiple ? s.passFiles : s.passFiles[0], T = t.isMultiple ? s.passFilesInfo : s.passFilesInfo[0];
+              d(u, T), b();
+            } else t.isMultiple ? (E(s.passFilesInfo, []), $(s.passFiles, s.passFilesInfo)) : (E(s.passFilesInfo, []), $(s.passFiles[0], s.passFilesInfo[0]));
+          else s.errorMsg.length === 0 && (C("fail"), H(["文件校验失败，请重试"]));
+          s.errorMsg.length > 0 && (H(s.errorMsg), s.passFiles.length === 0 && C("fail"));
+        }
+      }).catch(() => {
+        a.isInitFileInput || (C("fail"), H(["文件校验失败，请重试"]));
+      }));
+    }, pe = (l, s) => {
+      const u = e.isEmpty(l.url) ? l.src : l.url;
+      L(u, "image", s);
+    }, se = (l, s) => {
+      e.isEmpty(l.url) || L(l.url, "video", s);
+    }, we = (l) => {
+      if (I === l)
+        return;
+      I = l, S(), a.isInitFileInput || C("complete");
+      const s = o.value.find((B) => B.rId === l);
+      s && e.isString(s.url) && s.url.startsWith("blob:") && URL.revokeObjectURL(s.url);
+      const u = [], T = [];
+      o.value.forEach((B) => {
+        B.rId !== l && (u.push(B), T.push(B.rId));
+      }), F.value = T;
+      const x = document.getElementById(a.elFileId);
+      x && (x.value = ""), xe(() => {
+        u.length > 0 ? (o.value = u, I = null, _()) : U = setTimeout(() => {
+          U = null, o.value = o.value.filter(
+            (B) => B.rId !== l
+          ), I = null, _();
+        }, 500);
+      });
+    }, Me = (l) => {
+      if (l.isImage && e.isEmpty(l.url))
+        ae(l.imgSrc, l.name);
+      else if (e.isString(l.url) && l.url.startsWith("blob:")) {
+        const s = document.createElement("a");
+        s.href = l.url, s.download = l.name, s.click();
+      } else if (e.isEmpty(l.url) && l.file) {
+        const s = URL.createObjectURL(l.file), u = document.createElement("a");
+        u.href = s, u.download = l.name, u.click(), setTimeout(() => {
+          URL.revokeObjectURL(s);
+        }, 1e3);
+      } else
+        ue(l.url);
+    }, fe = () => {
+      f.value?.click();
+    };
+    return g({
+      saveServerCallback: (l) => {
+        if (S(), !a.isInitFileInput) {
+          if (e.isUndefined(l) || e.isUndefined(l.res) || !e.isBoolean(l.res.success) || e.isUndefined(l.req)) {
+            C("fail"), H(["文件保存失败，请重试"]);
+            return;
+          }
+          if (l.res.success) {
+            let s = [];
+            const u = [];
+            if (e.isNonEmptyString(l.res.fileUrl) ? (s.push(l.res.fileUrl), u.push(0)) : e.isArray(l.res.fileUrl) && l.res.fileUrl.forEach((ge, le) => {
+              e.isNonEmptyString(ge) && (s.push(ge), u.push(le));
+            }), s.length === 0) {
+              C("complete");
+              return;
+            }
+            const T = t.isMultiple ? l.req : [l.req];
+            let x = [], B = [];
+            if (!t.isMultiple)
+              x = s, B = T;
+            else {
+              const ge = o.value.map((le) => le.url).filter((le) => e.isNonEmptyString(le));
+              s.forEach((le, n) => {
+                const v = u[n];
+                ge.indexOf(le) > -1 || e.isUndefined(T[v]) || (ge.push(le), x.push(le), B.push(T[v]));
+              });
+            }
+            if (x.length === 0) {
+              C("complete");
+              return;
+            }
+            E(B, x);
+            const ne = t.isMultiple ? x : x[0];
+            $(ne);
+          } else
+            C("fail"), H(["文件保存失败，请重试"]);
+        }
+      },
+      getValue: () => z(),
+      cleanReduction: () => {
+        S(), re();
+      }
+    }), (l, s) => (r(), m(P, null, [
+      G("div", {
+        class: ve(ee.value)
+      }, [
+        a.isInitFileInput && !i.disabled ? (r(), m("input", {
+          key: 0,
+          type: "file",
+          id: a.elFileId,
+          name: V.value,
+          multiple: i.isMultiple,
+          accept: Z(Q).mime.join(","),
+          onChange: de
+        }, null, 40, gt)) : (r(), m("input", {
+          key: 1,
+          id: a.elFileId,
+          name: V.value,
+          disabled: i.disabled,
+          accept: Z(Q).mime.join(","),
+          style: { display: "none !important" },
+          onChange: de
+        }, null, 40, ft)),
+        G("label", {
+          ref_key: "refElLabel",
+          ref: f,
+          for: a.elFileId
+        }, [
+          J(Ze, {
+            ref_key: "refElButton",
+            ref: c,
+            className: i.buttonClass,
+            isShowBackDrop: !0,
+            disabled: i.disabled,
+            label: i.buttonLabel || Z(M).common.upload,
+            iconName: i.buttonIcon,
+            color: i.buttonColor,
+            onOnClick: fe
+          }, null, 8, ["className", "disabled", "label", "iconName", "color"])
+        ], 8, ht)
+      ], 2),
+      Ee(l.$slots, "label"),
+      o.value.length > 0 && i.isShowUploadResult ? (r(), m("ul", vt, [
+        (r(!0), m(P, null, Le(o.value, (u, T) => (r(), Ie(qe, {
+          key: `${u.rId}-${T}`,
+          name: "fileUploadButton",
+          "enter-active-class": "fileupload-anim-in",
+          "leave-active-class": "fileupload-anim-out"
+        }, {
+          default: He(() => [
+            F.value.indexOf(u.rId) > -1 ? (r(), m("li", {
+              key: `${O}-${u.rId}-${T}`,
+              class: "fileUpload-item"
+            }, [
+              u.isImage ? (r(), m("span", kt, [
+                G("img", {
+                  src: u.imgSrc
+                }, null, 8, St),
+                i.isShowPreview ? (r(), m("i", {
+                  key: 0,
+                  class: "preview-icon",
+                  title: Z(M).common.preview,
+                  onClick: oe((x) => pe(u, T), ["stop"])
+                }, [
+                  J(X, { name: "search-plus" })
+                ], 8, yt)) : (r(), m(P, { key: 1 }, [], 64))
+              ])) : u.isVideo ? (r(), m("span", wt, [
+                G("video", {
+                  src: u.url
+                }, null, 8, bt),
+                i.isShowPreview ? (r(), m("span", {
+                  key: 0,
+                  class: "preview-icon",
+                  onClick: oe((x) => se(u, T), ["stop"])
+                }, [
+                  J(X, { name: "play" })
+                ], 8, xt)) : (r(), m(P, { key: 1 }, [], 64))
+              ])) : (r(), Ie(X, {
+                key: 2,
+                name: u.icon,
+                class: "fileUpload-item-icon"
+              }, null, 8, ["name"])),
+              G("span", Ft, Ue(u.name), 1),
+              G("span", Et, [
+                i.isShowDownload ? (r(), m("i", {
+                  key: 0,
+                  class: "download-icon",
+                  title: Z(M).common.download,
+                  onClick: oe((x) => Me(u), ["stop"])
+                }, [
+                  J(X, { name: "download" })
+                ], 8, Ut)) : (r(), m(P, { key: 1 }, [], 64)),
+                i.disabled ? (r(), m(P, { key: 3 }, [], 64)) : (r(), m("a", {
+                  key: 2,
+                  class: "file-complete-remove",
+                  href: "javascript:",
+                  title: Z(M).common.delete,
+                  onClick: oe((x) => we(u.rId), ["stop"])
+                }, [
+                  J(X, { name: "close" })
+                ], 8, It))
+              ])
+            ])) : Ae("", !0)
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ])) : (r(), m(P, { key: 1 }, [], 64))
+    ], 64));
+  }
+}), Mt = ["id"], Ct = {
+  key: 0,
+  class: "cl-plaintext-value"
+}, Ht = ["src", "alt"], Wt = ["src"], Bt = { key: 0 }, Vt = /* @__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、其他渲染为文件名
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
+    },
+    plaintextSeparator: {
+      type: String,
+      default: ","
+      // desc: 纯文本模式下非媒体文件名之间的分隔符
+    }
+  },
+  emits: ["update:value", "update:modelValue", "onChange", "onRemove", "onError"],
+  setup(i, { expose: g, emit: h }) {
+    const t = i, y = h, O = Be("$ClGlobals", null), M = Je(), D = t.id, j = Se("refElFileDefault"), R = Se("refElFileButton");
+    let te = 0, Q = 0;
+    const Y = K(() => e.isFunction(t.serverFileCallback)), ce = ["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg"], me = ["mp4", "webm", "ogg", "ogv", "mov", "avi", "mkv"], ue = (d) => {
+      const b = d.split("?")[0].split("#")[0], S = b.split("/"), p = S.length > 0 ? S[S.length - 1] : b;
+      return e.isEmpty(p) ? d : decodeURIComponent(p);
+    }, ae = K(() => {
+      const d = t.value, b = Array.isArray(d) ? d : e.isEmpty(d) ? [] : [d], S = [];
+      return b.forEach((p) => {
+        if (e.isString(p)) {
+          e.isNonEmptyString(p) && S.push({ url: p, name: ue(p), type: "file" });
+          return;
+        }
+        p && e.isNonEmptyString(p.name) && S.push({ url: "", name: p.name, type: "file" });
+      }), S.map((p) => {
+        if (e.isEmpty(p.url))
+          return p;
+        const C = p.name.lastIndexOf("."), E = C > -1 ? p.name.slice(C + 1).toLowerCase() : "";
+        let z = "file";
+        return ce.indexOf(E) > -1 ? z = "image" : me.indexOf(E) > -1 && (z = "video"), { ...p, type: z };
+      });
+    }), c = K(
+      () => ae.value.filter((d) => d.type !== "file")
+    ), f = K(() => {
+      const d = e.isString(t.plaintextSeparator) ? t.plaintextSeparator : ",";
+      return ae.value.filter((b) => b.type === "file").map((b) => b.name).join(d);
+    }), w = K(() => c.value.length > 0 ? f.value : Xe("fileUpload", t.plaintextEmptyText, f.value)), a = K(() => {
+      let d = {
+        "panel-file-upload": !0
+      };
+      return d = e.getJsonMerge(d, Te.getClassNameJson(t.className)), d;
+    }), o = (d, b, S) => {
+      y("update:value", d), y("update:modelValue", d), y("onChange", b, S);
+    }, F = () => {
+      y("onRemove");
+    }, k = () => {
+      let d = null;
+      switch (t.theme) {
+        case "default":
+          d = j.value?.getValue();
+          break;
+        case "button":
+          d = R.value?.getValue();
+          break;
+      }
+      return d;
+    }, U = (d, b) => {
+      switch (d) {
+        case "default":
+          j.value?.saveServerCallback(b);
+          break;
+        case "button":
+          R.value?.saveServerCallback(b);
+          break;
+      }
+    }, I = (d, b) => {
+      const S = k(), p = Y.value ? S : d;
+      o(S, p, b);
+    }, V = (d) => {
+      e.isArray(d) && y("onError", d);
+    }, ee = () => {
+      Q += 1, F();
+      const d = k();
+      o(d, d);
+    }, $ = async (d, b, S) => {
+      const p = O?.preview;
+      p && await p.show({
+        type: b,
+        src: d,
+        showIndex: S ?? 0
+        // Preview 消费端读取的字段是 showIndex（不是 showInx），字段名必须对齐
+      });
+    }, H = async (d, b) => {
+      const S = t.theme, p = ++te, C = Q;
+      let E = !0;
+      if (t.serverFileCallback)
+        try {
+          const ie = !t.isMultiple && e.isObject(b) && e.isBoolean(b.isImage) ? b.isImage : !1, re = Te.getElementData(M);
+          E = await t.serverFileCallback(d, ie, re);
+        } catch {
+          p === te && Q === C && t.theme === S && U(S, { req: b, res: { success: !1 } });
+          return;
+        }
+      let z = {};
+      if (e.isBoolean(E) ? z.success = E : e.isUndefined(E) ? z.success = !0 : e.isString(E) || e.isArray(E) ? (z.success = !0, z.fileUrl = E) : e.isObject(E) ? z = E : z.success = !1, t.theme !== S) {
+        y("onError", ["保存期间主题已切换，本次保存结果未写入"]);
+        return;
+      }
+      p !== te || Q !== C || U(S, { req: b, res: z });
+    };
+    return Ge(
+      "$FileuploadTop",
+      ke({
+        getFileCheckInfo: () => ({
+          checkFormat: t.checkFormat,
+          checkWidth: t.checkWidth,
+          checkHeight: t.checkHeight,
+          checkWHType: t.checkWHType,
+          checkMinSize: t.checkMinSize,
+          checkMaxSize: t.checkMaxSize
+        })
+      })
+    ), g({
+      getValue: () => k(),
+      cleanReduction: () => {
+        switch (t.theme) {
+          case "default":
+            j.value?.cleanReduction();
+            break;
+          case "button":
+            R.value?.cleanReduction();
+            break;
+        }
+        o("", "");
+      }
+    }), (d, b) => (r(), m("div", {
+      class: ve(a.value),
+      id: Z(D)
+    }, [
+      i.isPlaintext ? (r(), m("div", Ct, [
+        (r(!0), m(P, null, Le(c.value, (S, p) => (r(), m(P, {
+          key: `plain-${p}`
+        }, [
+          S.type === "image" ? (r(), m("img", {
+            key: 0,
+            src: S.url,
+            alt: S.name,
+            class: "cl-plaintext-media"
+          }, null, 8, Ht)) : (r(), m("video", {
+            key: 1,
+            src: S.url,
+            controls: "",
+            class: "cl-plaintext-media"
+          }, null, 8, Wt))
+        ], 64))), 128)),
+        w.value ? (r(), m("span", Bt, Ue(w.value), 1)) : (r(), m(P, { key: 1 }, [], 64))
+      ])) : (r(), m(P, { key: 1 }, [], 64)),
+      !i.isPlaintext && i.theme === "button" ? (r(), Ie(Tt, {
+        key: 2,
+        ref_key: "refElFileButton",
+        ref: R,
+        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: Y.value,
+        isShowUploadResult: i.isShowUploadResult,
+        isShowUploadIng: i.isShowUploadIng,
+        isShowPreview: i.isShowPreview,
+        isShowDownload: i.isShowDownload,
+        onOnChange: I,
+        onOnError: V,
+        onOnRemove: ee,
+        onOnPreview: $,
+        onOnSaveFile: H
+      }, {
+        label: He(() => [
+          Ee(d.$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(pt, {
+        key: 3,
+        ref_key: "refElFileDefault",
+        ref: j,
+        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: Y.value,
+        isShowPreview: i.isShowPreview,
+        isShowDownload: i.isShowDownload,
+        onOnChange: I,
+        onOnError: V,
+        onOnRemove: ee,
+        onOnPreview: $,
+        onOnSaveFile: H
+      }, {
+        label: He(() => [
+          Ee(d.$slots, "label")
+        ]),
+        _: 3
+      }, 8, ["value", "name", "disabled", "defaultHoverTitle", "defaultIcon", "isShowCompleteMsg", "checkFormat", "checkMinSize", "checkMaxSize", "checkWidth", "checkHeight", "checkWHType", "imgFit", "isServerCallback", "isShowPreview", "isShowDownload"])) : (r(), m(P, { key: 4 }, [], 64))
+    ], 10, Mt));
+  }
+});
+export {
+  Vt as _
+};