@cldemo/ui-kit 1.1.2 → 1.1.3

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

@@ -1,545 +0,0 @@
-import { defineComponent as Z, defineAsyncComponent as ce, useTemplateRef as V, ref as L, reactive as J, computed as _, onMounted as me, nextTick as ee, onBeforeUnmount as fe, watch as X, openBlock as o, createElementBlock as l, normalizeClass as W, createElementVNode as t, createVNode as C, unref as te, mergeProps as D, withCtx as ne, Fragment as p, withModifiers as I, normalizeStyle as j, createBlock as U } from "vue";
-import { c as B } from "./log-CSNil8va.js";
-import { C as v } from "./base-fr2I80sU.js";
-import { C as ie } from "./index-B477PjJ3.js";
-import { _ as ve } from "./Index.vue_vue_type_script_setup_true_lang-Bj0lKDBR.js";
-import { _ as b } from "./Index.vue_vue_type_script_setup_true_lang-BmRO42R2.js";
-import { _ as he } from "./Index.vue_vue_type_script_setup_true_lang-DFppMubk.js";
-const ye = { class: "imgCropper-container" }, Ce = { style: { position: "relative" } }, Se = { class: "imgCropper-main" }, we = { class: "frame-alignline" }, Ie = { class: "imgCropper-btns" }, be = {
-  key: 0,
-  class: "imgCropper-upload"
-}, ke = ["id", "name"], xe = ["for"], Le = { class: "imgCropper-btns-opt" }, Be = {
-  key: 0,
-  class: "imgCropper-loading-mask"
-}, _e = ["src"], Me = {
-  key: 0,
-  class: "imgCropper-loading-mask"
-}, Ne = {
-  key: 0,
-  class: "frame-alignline"
-}, Y = /* @__PURE__ */ Z({
-  name: "ClCropperBase",
-  __name: "Base",
-  props: {
-    className: String,
-    // desc: 自定义CSS类名
-    src: {
-      type: String,
-      required: !0
-      // desc: 图片源地址
-    },
-    width: {
-      type: Number,
-      required: !0
-      // desc: 裁切输出宽度
-    },
-    height: {
-      type: Number,
-      required: !0
-      // desc: 裁切输出高度
-    },
-    isPreview: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示预览区域
-    },
-    previewShape: {
-      type: String,
-      default: "square"
-      // desc: 预览区域形状 | enum: square, round (可自定义)
-    },
-    isShowUpload: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示重新上传按钮
-    },
-    isShowSave: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示保存按钮
-    },
-    isCenterBox: {
-      type: Boolean,
-      default: !1
-      // desc: 图片是否限制在截图框内
-    },
-    fillColor: {
-      type: String,
-      default: "transparent"
-      // desc: 裁切区域外的填充颜色
-    },
-    alignLine: {
-      type: String,
-      default: "center"
-      // desc: 辅助线类型 | enum: center, nineGrid (可自定义)
-    },
-    isPreviewAlignLine: {
-      type: Boolean,
-      default: !1
-      // desc: 预览区域是否显示辅助线
-    }
-  },
-  emits: {
-    onImgLoad: (g) => !0,
-    // desc: 图片加载完成时触发
-    onImgSave: () => !0
-    // desc: 点击保存按钮时触发
-  },
-  setup(g, { expose: z, emit: F }) {
-    const h = ce(() => import("cropper-next-vue").then((n) => (Promise.resolve({          }), n.VueCropper))), i = g, M = F, y = v.getRandom(8), d = `cropperBase-${y}`, s = V("refElCropper"), k = L(!1), r = J({
-      uploadAgainId: `btnImgCropper_uploadAgain_${y}`,
-      isInitImageLoading: !1
-    }), m = J({
-      img: "",
-      wrapper: {
-        width: 400,
-        height: 400
-      },
-      cropLayout: {
-        width: i.width,
-        height: i.height
-      },
-      color: i.fillColor,
-      outputSize: 1,
-      outputType: "png",
-      full: !0,
-      original: !1,
-      maxSideLength: 3e3,
-      mode: "contain",
-      centerBox: i.isCenterBox,
-      centerWrapper: !1
-    }), c = J({
-      src: "",
-      style: {},
-      pStyle: {}
-    }), N = L({}), w = L(0), x = L(0), O = L(!0), $ = _(() => {
-      const { alignLine: n } = i;
-      return v.isNonEmptyString(n) ? n.split(",") : [];
-    }), H = _(() => {
-      const n = {
-        "panel-imgCropper": !0
-      };
-      return v.getJsonMerge(n, ie.getClassNameJson(i.className));
-    }), K = _(() => {
-      const { previewShape: n } = i, e = v.isNonEmptyString(n) ? n : "square", u = {
-        "imgCropper-preview": !0
-      };
-      return u[`imgCropper-preview-${e}`] = !0, u;
-    }), Q = _(() => ({
-      width: `${(i.width ?? 0) + 6}px`,
-      // +6 = padding 3px × 2（左右）
-      height: `${(i.height ?? 0) + 6}px`,
-      // +6 = padding 3px × 2（上下）
-      backgroundColor: i.fillColor
-    })), T = () => {
-      m.cropLayout = {
-        width: Math.max(1, i.width ?? 1),
-        height: Math.max(1, i.height ?? 1)
-      };
-    }, a = () => {
-      const { src: n } = i;
-      let e = "";
-      if (v.isNonEmptyString(n)) {
-        if (n.substring(0, 5) !== "data:")
-          if (/^(http|https):\/\/[^\s]+$/.test(n)) {
-            const u = `_t=${(/* @__PURE__ */ new Date()).getTime()}`, S = n.indexOf("?") === -1 ? "?" : "&";
-            e = n + S + u;
-          } else
-            e = n;
-        else
-          e = n;
-        r.isInitImageLoading = !0, x.value = 0, w.value = 0;
-      } else
-        r.isInitImageLoading = !1;
-      m.img = e;
-    }, f = () => {
-      T(), a();
-    };
-    me(() => {
-      ee(() => {
-        f();
-      });
-    }), fe(() => {
-      O.value = !1;
-    }), X(
-      () => i.src,
-      (n, e) => {
-        n !== e && a();
-      }
-    ), X(
-      () => [i.width, i.height, i.fillColor, i.isCenterBox],
-      ([n, e, u, S], [P, q, A, R]) => {
-        (n !== P || e !== q) && T(), u !== A && (m.color = u), S !== R && (m.centerBox = S);
-      }
-    );
-    const G = (n) => {
-      if (!n) return;
-      const { url: e, img: u, w: S, h: P } = n;
-      c.src = e ?? "", c.style = u ?? {}, c.pStyle = {
-        width: typeof S == "number" ? `${S}px` : `${i.width}px`,
-        height: typeof P == "number" ? `${P}px` : `${i.height}px`
-      };
-      const q = u?.transform?.match(/scale\(([^)]+)\)/);
-      q && (w.value = parseFloat(q[1]), x.value || (x.value = w.value));
-      const A = S ?? i.width, R = P ?? i.height;
-      if (A > 0 && R > 0 && (A > i.width || R > i.height)) {
-        const ge = Math.min(i.width / A, i.height / R);
-        N.value = { transform: `scale(${ge})` };
-      } else
-        N.value = {};
-    }, E = (n) => {
-      if (!n) {
-        r.isInitImageLoading = !1, M("onImgLoad", !1);
-        return;
-      }
-      const e = n.type === "success";
-      r.isInitImageLoading = !1, M("onImgLoad", e);
-    }, oe = (n) => {
-      const e = n.currentTarget;
-      !e || !e.files || e.files.length === 0 || (x.value = 0, w.value = 0, r.isInitImageLoading = !0, v.getBase64ByFile(e.files).then((u) => {
-        if (O.value) {
-          if (!u) {
-            r.isInitImageLoading = !1;
-            return;
-          }
-          m.img = u;
-        }
-      }).catch(() => {
-        O.value && (r.isInitImageLoading = !1);
-      }));
-    }, ae = () => {
-    }, le = () => {
-      s.value?.zoomIn(0.02);
-    }, se = () => {
-      s.value?.zoomOut(0.02);
-    }, re = () => {
-      s.value?.rotateLeft();
-    }, ue = () => {
-      s.value?.rotateRight();
-    }, pe = () => {
-      s.value && (r.isInitImageLoading = !0, s.value.reload());
-    }, de = () => {
-      M("onImgSave");
-    };
-    return z({
-      getImageBase64: () => s.value ? s.value.getCropData("base64") : Promise.reject(new Error("vue-cropper 实例未就绪")),
-      refresh: () => {
-        if (!s.value) {
-          B.warn("ClCropperBase", "refresh 调用无效：vue-cropper 实例未就绪");
-          return;
-        }
-        s.value.reload();
-      },
-      loadingStart: () => {
-        k.value = !0;
-      },
-      loadingStop: () => {
-        k.value = !1;
-      }
-    }), (n, e) => (o(), l("div", {
-      class: W(H.value),
-      id: d
-    }, [
-      t("div", ye, [
-        t("div", Ce, [
-          t("div", Se, [
-            C(te(h), D({
-              ref_key: "refElCropper",
-              ref: s
-            }, m, {
-              onRealTime: G,
-              onImgLoad: E
-            }), {
-              loading: ne(() => [...e[0] || (e[0] = [])]),
-              _: 1
-            }, 16),
-            t("div", we, [
-              $.value.indexOf("center") > -1 ? (o(), l(p, { key: 0 }, [
-                e[1] || (e[1] = t("div", { class: "alignline-h alignline-center-h" }, null, -1)),
-                e[2] || (e[2] = t("div", { class: "alignline-v alignline-center-v" }, null, -1))
-              ], 64)) : $.value.indexOf("nineGrid") > -1 ? (o(), l(p, { key: 1 }, [
-                e[3] || (e[3] = t("div", { class: "alignline-h alignline-nineGrid-h1" }, null, -1)),
-                e[4] || (e[4] = t("div", { class: "alignline-h alignline-nineGrid-h2" }, null, -1)),
-                e[5] || (e[5] = t("div", { class: "alignline-v alignline-nineGrid-v1" }, null, -1)),
-                e[6] || (e[6] = t("div", { class: "alignline-v alignline-nineGrid-v2" }, null, -1))
-              ], 64)) : (o(), l(p, { key: 2 }, [], 64))
-            ])
-          ]),
-          t("div", Ie, [
-            t("div", null, [
-              g.isShowUpload ? (o(), l("div", be, [
-                t("input", {
-                  type: "file",
-                  id: r.uploadAgainId,
-                  name: r.uploadAgainId,
-                  accept: "image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",
-                  onChange: oe
-                }, null, 40, ke),
-                t("label", {
-                  for: r.uploadAgainId
-                }, [
-                  t("span", {
-                    title: "重新上传",
-                    onClick: I(ae, ["stop"])
-                  }, [
-                    C(b, { name: "upload" })
-                  ])
-                ], 8, xe)
-              ])) : (o(), l(p, { key: 1 }, [], 64))
-            ]),
-            t("div", Le, [
-              t("span", {
-                title: "放大",
-                "aria-label": "放大",
-                role: "button",
-                tabindex: "0",
-                onClick: I(le, ["stop"])
-              }, [
-                C(b, { name: "search-plus" })
-              ]),
-              t("span", {
-                title: "缩小",
-                "aria-label": "缩小",
-                role: "button",
-                tabindex: "0",
-                onClick: I(se, ["stop"])
-              }, [
-                C(b, { name: "search-minus" })
-              ]),
-              t("span", {
-                title: "左转90°",
-                "aria-label": "左转90度",
-                role: "button",
-                tabindex: "0",
-                onClick: I(re, ["stop"])
-              }, [
-                C(b, { name: "rotate-left" })
-              ]),
-              t("span", {
-                title: "右转90°",
-                "aria-label": "右转90度",
-                role: "button",
-                tabindex: "0",
-                onClick: I(ue, ["stop"])
-              }, [
-                C(b, { name: "rotate-right" })
-              ]),
-              t("span", {
-                title: "重置",
-                "aria-label": "重置",
-                role: "button",
-                tabindex: "0",
-                onClick: I(pe, ["stop"])
-              }, [
-                C(b, { name: "restore" })
-              ]),
-              g.isShowSave ? (o(), l("span", {
-                key: 0,
-                title: "保存",
-                "aria-label": "保存",
-                role: "button",
-                tabindex: "0",
-                onClick: I(de, ["stop"])
-              }, [
-                C(b, { name: "save" })
-              ])) : (o(), l(p, { key: 1 }, [], 64))
-            ])
-          ]),
-          k.value || r.isInitImageLoading ? (o(), l("div", Be, [
-            C(ve, {
-              theme: "circleSpinner",
-              size: "large"
-            })
-          ])) : (o(), l(p, { key: 1 }, [], 64))
-        ]),
-        g.isPreview ? (o(), l("div", {
-          key: 0,
-          class: W(K.value),
-          style: j(Q.value)
-        }, [
-          t("div", {
-            style: j(N.value)
-          }, [
-            t("div", {
-              style: j(c.pStyle)
-            }, [
-              t("img", {
-                src: c.src,
-                style: j(c.style),
-                alt: ""
-              }, null, 12, _e)
-            ], 4),
-            k.value || r.isInitImageLoading ? (o(), l("div", Me)) : (o(), l(p, { key: 1 }, [], 64))
-          ], 4),
-          g.isPreviewAlignLine ? (o(), l("div", Ne, [
-            $.value.indexOf("center") > -1 ? (o(), l(p, { key: 0 }, [
-              e[7] || (e[7] = t("div", { class: "alignline-h alignline-center-h" }, null, -1)),
-              e[8] || (e[8] = t("div", { class: "alignline-v alignline-center-v" }, null, -1))
-            ], 64)) : $.value.indexOf("nineGrid") > -1 ? (o(), l(p, { key: 1 }, [
-              e[9] || (e[9] = t("div", { class: "alignline-h alignline-nineGrid-h1" }, null, -1)),
-              e[10] || (e[10] = t("div", { class: "alignline-h alignline-nineGrid-h2" }, null, -1)),
-              e[11] || (e[11] = t("div", { class: "alignline-v alignline-nineGrid-v1" }, null, -1)),
-              e[12] || (e[12] = t("div", { class: "alignline-v alignline-nineGrid-v2" }, null, -1))
-            ], 64)) : (o(), l(p, { key: 2 }, [], 64))
-          ])) : (o(), l(p, { key: 1 }, [], 64))
-        ], 6)) : (o(), l(p, { key: 1 }, [], 64))
-      ])
-    ], 2));
-  }
-}), $e = ["id"], Ee = { style: { display: "flex", "justify-content": "center" } }, Ue = /* @__PURE__ */ Z({
-  name: "ClCropper",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    src: {
-      type: String,
-      required: !0
-      // desc: 图片源地址
-    },
-    width: {
-      type: Number,
-      required: !0
-      // desc: 裁切输出宽度
-    },
-    height: {
-      type: Number,
-      required: !0
-      // desc: 裁切输出高度
-    },
-    isCenterBox: {
-      type: Boolean,
-      default: !1
-      // desc: 图片是否限制在截图框内
-    },
-    isPreview: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示预览区域
-    },
-    previewShape: {
-      type: String,
-      default: "square"
-      // desc: 预览区域形状 | enum: square, round (可自定义)
-    },
-    isModal: {
-      type: Boolean,
-      default: !0
-      // desc: 是否以弹窗模式展示
-    },
-    isShowUpload: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示重新上传按钮
-    },
-    isShowSave: {
-      type: Boolean,
-      default: !1
-      // desc: 是否显示保存按钮（非弹窗模式）
-    },
-    fillColor: {
-      type: String,
-      default: "transparent"
-      // desc: 裁切区域外的填充颜色
-    },
-    alignLine: {
-      type: String,
-      default: "center"
-      // desc: 辅助线类型 | enum: center, nineGrid (可自定义)
-    },
-    isPreviewAlignLine: {
-      type: Boolean,
-      default: !1
-      // desc: 预览区域是否显示辅助线
-    }
-  },
-  emits: {
-    onSubmit: (g) => !0,
-    // desc: 裁剪提交时触发
-    onImgLoad: (g) => !0
-    // desc: 图片加载完成时触发
-  },
-  setup(g, { expose: z, emit: F }) {
-    const h = g, i = F, M = h.id || `cropper-${v.getRandom(8)}`, y = V("refElModal"), d = V("refElCropper"), s = L(!h.isModal), k = _(() => {
-      const a = {
-        "panel-cropper": !0
-      };
-      return v.getJsonMerge(a, ie.getClassNameJson(h.className));
-    }), r = _(() => {
-      const { isModal: a, id: f, className: G, ...E } = h;
-      return h.isModal ? { ...E, isShowSave: !1 } : E;
-    }), m = () => d.value ? d.value.getImageBase64() : Promise.reject(new Error("Cropper 未挂载")), c = (a, f, G) => {
-      i("onSubmit", { success: !f, data: a, msg: f }), G && y.value?.hide();
-    }, N = () => m().then((a) => {
-      c(a, "", !0);
-    }).catch((a) => {
-      const f = v.isString(a) ? a : a?.message || "裁剪失败";
-      c("", f, !0);
-    }), w = (a) => {
-      i("onImgLoad", a);
-    }, x = () => m().then((a) => {
-      c(a, "");
-    }).catch((a) => {
-      const f = v.isString(a) ? a : a?.message || "保存失败";
-      c("", f);
-    });
-    return z({
-      getImageBase64: () => m(),
-      refresh: () => {
-        d.value ? d.value.refresh() : B.warn("ClCropper", "refresh 调用无效：Cropper 未挂载");
-      },
-      show: () => {
-        y.value && h.isModal ? (s.value = !0, y.value.show()) : B.warn("ClCropper", "show 调用无效：非弹窗模式或 Modal 未挂载");
-      },
-      showAndReset: () => {
-        y.value && h.isModal ? (s.value = !1, y.value.show(), ee(() => {
-          s.value = !0;
-        })) : B.warn("ClCropper", "showAndReset 调用无效：非弹窗模式或 Modal 未挂载");
-      },
-      loadingStart: () => {
-        d.value ? d.value.loadingStart() : B.warn("ClCropper", "loadingStart 调用无效：Cropper 未挂载");
-      },
-      loadingStop: () => {
-        d.value ? d.value.loadingStop() : B.warn("ClCropper", "loadingStop 调用无效：Cropper 未挂载");
-      }
-    }), (a, f) => (o(), l("div", {
-      id: te(M),
-      class: W(k.value)
-    }, [
-      g.isModal ? (o(), U(he, {
-        key: 0,
-        ref_key: "refElModal",
-        ref: y,
-        width: "850px",
-        titleName: "图片裁切",
-        isShowSubmitLoad: !1,
-        closeLabel: "取消",
-        submitLabel: "确定",
-        onOnSubmit: N
-      }, {
-        default: ne(() => [
-          t("div", Ee, [
-            s.value ? (o(), U(Y, D({
-              key: 0,
-              ref_key: "refElCropper",
-              ref: d
-            }, r.value, { onOnImgLoad: w }), null, 16)) : (o(), l(p, { key: 1 }, [], 64))
-          ])
-        ]),
-        _: 1
-      }, 512)) : (o(), U(Y, D({
-        key: 1,
-        ref_key: "refElCropper",
-        ref: d
-      }, r.value, {
-        onOnImgLoad: w,
-        onOnImgSave: x
-      }), null, 16))
-    ], 10, $e));
-  }
-});
-export {
-  Ue as _
-};