dform-designer 2.1.39 → 2.1.40

package/dist/plug/SetpPlug.es.js

@@ -0,0 +1,445 @@
+var Q = Object.defineProperty;
+var Z = (e, n, r) => n in e ? Q(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var j = (e, n, r) => Z(e, typeof n != "symbol" ? n + "" : n, r);
+import { defineComponent as P, createVNode as T, Fragment as p, h as d, nextTick as G, computed as I, inject as K, resolveComponent as V, openBlock as N, createElementBlock as C, renderList as B, createElementVNode as A, normalizeStyle as Y, toDisplayString as q, unref as X, createTextVNode as ee, renderSlot as te, withCtx as ne, createCommentVNode as re } from "vue";
+import { ElTag as ae, ElImage as F, ElIcon as L } from "element-plus";
+import { Download as H } from "@element-plus/icons-vue";
+const oe = (e, n) => (e.install = (r) => {
+  for (const a of [e, ...Object.values({})])
+    r.component(a.name, a);
+}, e), se = BigInt(16224768e5), J = 5n, E = 5n, $ = 12n, ie = -1n ^ -1n << J, le = -1n ^ -1n << E, ce = $ + J + E, ue = $ + E, de = $, fe = -1n ^ -1n << $;
+class ge {
+  // 构造函数，接受数据中心 ID 和工作节点 ID 作为参数，同时初始化上一次的时间戳和序列号
+  constructor(n, r) {
+    j(this, "dataCenterId");
+    j(this, "workerId");
+    j(this, "lastTimestamp");
+    j(this, "sequence");
+    if (n < 0n || n > ie)
+      throw new Error("data center id is out of range");
+    if (r < 0n || r > le)
+      throw new Error("worker id is out of range");
+    this.dataCenterId = n, this.workerId = r, this.lastTimestamp = -1n, this.sequence = 0n;
+  }
+  // 生成 ID 的方法，返回一个 BigInt 类型的 ID
+  nextId() {
+    let n = BigInt(Date.now());
+    if (n < this.lastTimestamp)
+      throw new Error("clock moved backwards");
+    return n === this.lastTimestamp ? (this.sequence = this.sequence + 1n & fe, this.sequence === 0n && (n = this.waitNextMillisecond(n))) : this.sequence = 0n, this.lastTimestamp = n, (n - se << ce) + (this.dataCenterId << ue) + (this.workerId << de) + this.sequence;
+  }
+  // 等待下一毫秒的方法，返回一个 BigInt 类型的时间戳
+  waitNextMillisecond(n) {
+    for (; n <= this.lastTimestamp; )
+      n = BigInt(Date.now());
+    return n;
+  }
+}
+new ge(1n, 1n);
+const me = /* @__PURE__ */ P({
+  props: {
+    attr: {
+      type: Object
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    value: {
+      type: null,
+      default: null
+    },
+    enum: {
+      type: Array,
+      default: () => []
+    },
+    isColor: Boolean,
+    row: {
+      type: Object,
+      required: !0
+    },
+    columnName: {
+      type: String,
+      required: !0
+    },
+    download: {
+      type: Boolean,
+      default: !0
+    },
+    showNull: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const n = (t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean", r = (t) => {
+      if (typeof t == "string" && t.trim().startsWith("[") && t.endsWith("]"))
+        try {
+          const o = JSON.parse(t);
+          if (Array.isArray(o))
+            return o.join("、");
+        } catch {
+          return t;
+        }
+      return Array.isArray(t) ? t.join("、") : n(t) ? t : JSON.stringify(t);
+    }, a = () => {
+      var t, o, i, f, x, D, l, h, b;
+      if (e.value === null || e.value === void 0 || e.value === "")
+        return e.showNull ? d("div", {
+          class: "no-txt"
+        }) : null;
+      if (["Radio", "Checkbox", "Select"].includes(e.type))
+        return v();
+      switch (e.type) {
+        case "Sign":
+        case "Qrcode":
+        case "Barcode":
+          return u(e.value);
+        case "Upload":
+          if (typeof e.value == "string" && z(e.value)) {
+            const k = JSON.parse(e.value);
+            return m(k);
+          }
+          return m(e.value);
+        case "Editor":
+          return d("div", {
+            innerHTML: e.value || "",
+            style: {
+              maxHeight: "220px",
+              overflowY: "auto"
+            },
+            class: "rich-text-content"
+          });
+        case "Number":
+          return w(e);
+        case "Amount":
+          return w(e);
+        case "Location":
+          return S(e.value ? c(e.value) : {});
+        case "SubTable":
+          return e.row[`${e.columnName}_ct`];
+        case "Related":
+          return g(e);
+        case "Formula":
+          return ye(e.value, e == null ? void 0 : e.attr);
+        case "Region":
+          return s(e.value, "/");
+        case "User":
+          return ve(e.value);
+        case "Role":
+        case "Dept":
+          return s(e.value, "、");
+        case "Cascader":
+          return e.row[`${(t = e == null ? void 0 : e.attr) == null ? void 0 : t.prop}_text`];
+        case "Date":
+          return (((i = (o = e == null ? void 0 : e.attr) == null ? void 0 : o.props) == null ? void 0 : i.type) === "daterange" || ((x = (f = e == null ? void 0 : e.attr) == null ? void 0 : f.props) == null ? void 0 : x.type) === "datetimerange") && Array.isArray(e.value) ? e.value.join(" - ") : we((l = (D = e == null ? void 0 : e.attr) == null ? void 0 : D.props) == null ? void 0 : l.type, e.value);
+        default:
+          return (b = (h = e == null ? void 0 : e.attr) == null ? void 0 : h.props) != null && b.showPassword ? "********" : r(e.value);
+      }
+    }, c = (t) => {
+      try {
+        return typeof t == "string" ? JSON.parse(t) : t;
+      } catch {
+        return {
+          district: "",
+          address: t || "",
+          name: ""
+        };
+      }
+    }, S = (t) => {
+      const o = [t.district, t.address, t.name].filter(Boolean);
+      return o.length ? o.join("") : "";
+    }, g = (t) => {
+      var o;
+      return t.row[`${t.columnName}_related`] ? t.row[`${t.columnName}_related`] : (o = t.row[`${t.columnName}_related_data`]) == null ? void 0 : o.map((i) => {
+        var f;
+        return i[((f = t.attr.props) == null ? void 0 : f.title) || t.attr.prop];
+      }).join("、");
+    }, w = (t) => {
+      var i, f, x, D, l;
+      let o = "";
+      return (i = t.attr.props) != null && i.showPassword ? o = o + "********" : ((f = t.attr) != null && f.prefix && (o = o + ((x = t.attr) == null ? void 0 : x.prefix)), o = o + t.value, (D = t.attr) != null && D.suffix && (o = o + ((l = t.attr) == null ? void 0 : l.suffix))), o;
+    }, s = (t, o) => Array.isArray(t) ? t.filter(Boolean).join(o) : t || "", u = (t) => d(F, {
+      style: {
+        height: "80px"
+      },
+      src: t,
+      previewSrcList: [t],
+      previewTeleported: !0,
+      onContextmenu: (o) => o.preventDefault(),
+      draggable: !1,
+      hideOnClickModal: !0
+    }), m = (t) => {
+      const o = (l) => {
+        const h = l.match(/\.([a-zA-Z0-9]+)$/);
+        return h ? h[1].toLowerCase() : "jpg";
+      }, i = async (l, h) => {
+        try {
+          const b = await fetch(l, {
+            mode: "cors",
+            headers: {
+              Accept: "image/*"
+            }
+          });
+          if (!b.ok) throw new Error("下载失败");
+          const k = await b.blob(), y = URL.createObjectURL(k), _ = document.createElement("a");
+          _.href = y, _.download = h, _.style.display = "none", document.body.appendChild(_), _.click(), setTimeout(() => {
+            document.body.removeChild(_), URL.revokeObjectURL(y);
+          }, 100);
+        } catch (b) {
+          console.error("下载失败:", b), window.open(l, "_blank");
+        }
+      }, f = (l) => /\.(jpg|jpeg|png|gif|bmp|svg|webp)$/i.test(l), D = (Array.isArray(t) ? t : t ? [{
+        url: typeof t == "string" ? t : t.url || "",
+        name: t.name || ""
+      }] : []).map((l, h) => {
+        const b = o(l.url), k = l.name || `image_${h + 1}.${b}`;
+        return f(l.url) ? d("div", {
+          class: "thumbnail-item image-item",
+          key: `thumb-${h}`
+        }, [d("div", {
+          class: "image-wrapper"
+        }, [
+          d(F, {
+            class: "preview-image",
+            style: {
+              height: "80px",
+              width: "auto",
+              cursor: "pointer",
+              "max-width": "120px",
+              "object-fit": "cover"
+            },
+            src: l.url,
+            // 小图禁用右键
+            onContextmenu: (y) => y.preventDefault(),
+            draggable: !1,
+            previewSrcList: [l.url],
+            previewTeleported: !0,
+            hideOnClickModal: !0,
+            // 🔥 关键：预览弹窗加载后，给预览图也禁用右键
+            onShow: () => {
+              G(() => {
+                if (e.download !== !1) return;
+                document.querySelectorAll(".el-image-viewer__img,.df-image-viewer__img").forEach((_) => {
+                  _.oncontextmenu = (W) => W.preventDefault();
+                });
+              });
+            }
+          }),
+          // 下载按钮受控
+          e.download !== !1 && d("div", {
+            class: "image-overlay",
+            onMouseenter: (y) => y.currentTarget.style.opacity = "1",
+            onMouseleave: (y) => y.currentTarget.style.opacity = "0"
+          }, [d("div", {
+            class: "download-btn",
+            onClick: async (y) => {
+              y.stopPropagation(), await i(l.url, k);
+            }
+          }, [d(L, {
+            class: "download-icon"
+          }, [d(H)])])])
+        ])]) : d("div", {
+          class: "thumbnail-item file-item",
+          key: `file-${h}`
+        }, [
+          d("span", {
+            class: "file-name"
+          }, l.name || "未命名文件"),
+          // 文件下载按钮受控
+          e.download !== !1 && d(L, {
+            class: "file-download-btn",
+            onClick: async () => await i(l.url, k)
+          }, [d(H)])
+        ]);
+      });
+      return d("div", {
+        class: "upload-preview"
+      }, D);
+    }, v = () => {
+      if (e.value === null || e.value === void 0) return null;
+      let t;
+      return e.value.indexOf("[") !== -1 ? t = JSON.parse(e.value) : t = Array.isArray(e.value) ? e.value : [e.value], t.map((o) => {
+        var f;
+        const i = ((f = e.enum) == null ? void 0 : f.find((x) => String(x.value) === String(o))) || {
+          label: String(o)
+        };
+        return d(ae, {
+          class: "tagClass",
+          round: !0,
+          color: e.isColor ? i.color : void 0,
+          style: {
+            margin: "2px 5px 2px 0",
+            border: "none",
+            color: "#ffffff"
+          }
+        }, i.label);
+      });
+    };
+    return () => {
+      const t = a();
+      if (typeof t == "string" && t.includes("#~#")) {
+        const [o, i] = t.split("#~#");
+        return T(p, null, [T("div", {
+          class: "item-detail"
+        }, [o]), T("div", {
+          class: "item-add"
+        }, [i])]);
+      }
+      return t;
+    };
+  }
+});
+function we(e, n) {
+  const r = e.toLowerCase();
+  let a;
+  if (n instanceof Date)
+    a = n;
+  else if (typeof n == "string")
+    if (/^\d{1,2}:\d{2}(:\d{2})?$/.test(n)) {
+      const c = /* @__PURE__ */ new Date(), [S, g, w] = n.split(":").map(Number);
+      a = new Date(c.getFullYear(), c.getMonth(), c.getDate(), S, g, w || 0);
+    } else
+      a = new Date(n), isNaN(a.getTime()) && (a = /* @__PURE__ */ new Date());
+  else
+    a = /* @__PURE__ */ new Date();
+  if (r === "daterange") {
+    const c = new Date(a);
+    return c.setDate(a.getDate() - 1), [M(c), M(a)];
+  }
+  if (r === "datetimerange") {
+    const c = new Date(a);
+    return c.setHours(0, 0, 0, 0), [O(c), O(a)];
+  }
+  return r === "datetime" ? O(a) : r.includes("hh:mm:ss") ? U(a) : r.includes("hh:mm") ? he(a) : r === "month" ? `${a.getFullYear()}-${(a.getMonth() + 1).toString().padStart(2, "0")}` : r === "year" ? a.getFullYear().toString() : M(a);
+}
+function M(e) {
+  return [e.getFullYear(), (e.getMonth() + 1).toString().padStart(2, "0"), e.getDate().toString().padStart(2, "0")].join("-");
+}
+function he(e) {
+  return [e.getHours().toString().padStart(2, "0"), e.getMinutes().toString().padStart(2, "0")].join(":");
+}
+function U(e) {
+  return [e.getHours().toString().padStart(2, "0"), e.getMinutes().toString().padStart(2, "0"), e.getSeconds().toString().padStart(2, "0")].join(":");
+}
+function O(e) {
+  return `${M(e)} ${U(e)}`;
+}
+function z(e) {
+  if (typeof e != "string" || e.trim() === "")
+    return !1;
+  const n = e.trim();
+  if (!/^(?:\{[\s\S]*\}|\[[\s\S]*\])$/.test(n))
+    return !1;
+  try {
+    return JSON.parse(n), !0;
+  } catch {
+    return !1;
+  }
+}
+const ye = (e, n) => {
+  var a, c, S, g, w, s;
+  let r = e;
+  return ((a = n == null ? void 0 : n.config) == null ? void 0 : a.prepend) === "prefix" && (r = ((c = n == null ? void 0 : n.config) == null ? void 0 : c.unit) || "" + r), ((S = n == null ? void 0 : n.config) == null ? void 0 : S.format) === "subtract" && (r = Se(e, (g = n == null ? void 0 : n.subtract) == null ? void 0 : g.format)), ((w = n == null ? void 0 : n.config) == null ? void 0 : w.prepend) === "suffix" && (r = r + ((s = n == null ? void 0 : n.config) == null ? void 0 : s.unit) || ""), r;
+}, Se = (e, n = "YYYY-MM-DD HH:mm:ss") => {
+  if (!e) return "";
+  const r = new Date(Number(e));
+  if (isNaN(r.getTime())) return "";
+  const a = r.getFullYear(), c = String(r.getMonth() + 1).padStart(2, "0"), S = String(r.getDate()).padStart(2, "0"), g = String(r.getHours()).padStart(2, "0"), w = String(r.getMinutes()).padStart(2, "0"), s = String(r.getSeconds()).padStart(2, "0");
+  return n.replace("YYYY", String(a)).replace("MM", c).replace("DD", S).replace("HH", g).replace("mm", w).replace("ss", s);
+}, ve = (e) => {
+  const n = (r) => r.includes("_") ? r.split("_")[0] : r;
+  if (e) {
+    if (z(e) && (e = JSON.parse(e)), Array.isArray(e))
+      return e.map((r) => n(r)).join("、");
+    if (e != null)
+      return n(e);
+  }
+  return e;
+}, be = {
+  class: "setp-box"
+}, xe = {
+  class: "item-box"
+}, _e = {
+  class: "title-txt"
+}, De = {
+  class: "item-content"
+}, ke = {
+  key: 0,
+  class: "link-box"
+}, Ne = /* @__PURE__ */ P({
+  name: "SetpPlug",
+  __name: "index",
+  props: {
+    attr: {},
+    data: {}
+  },
+  setup(e) {
+    const n = e, r = I(() => {
+      var s, u;
+      return ((u = (s = n.attr) == null ? void 0 : s.props) == null ? void 0 : u.title) || "title";
+    }), a = I(() => {
+      var s, u;
+      return ((u = (s = n.attr) == null ? void 0 : s.props) == null ? void 0 : u.state) || "status";
+    }), c = I(() => {
+      var u, m;
+      const s = (m = (u = n.attr) == null ? void 0 : u.columns) == null ? void 0 : m.find((v) => v.prop === a.value);
+      return (s == null ? void 0 : s.enum) || [];
+    }), S = I(() => {
+      var s, u;
+      return ((u = (s = n.attr) == null ? void 0 : s.columns) == null ? void 0 : u.filter((m) => {
+        const v = m.columnName ?? m.prop;
+        return v && v !== r.value && v !== a.value;
+      })) || [];
+    }), g = (s) => c.value.find((m) => m.value === s) || {
+      color: "#909399",
+      label: ""
+    }, w = K("TableCellRenderer", me);
+    return (s, u) => {
+      const m = V("ArrowRight"), v = V("el-icon");
+      return N(), C("div", be, [(N(!0), C(p, null, B(e.data, (t, o) => (N(), C(p, {
+        key: t.id || o
+      }, [A("div", xe, [A("div", {
+        class: "title-box",
+        style: Y({
+          background: g(t[a.value]).color
+        })
+      }, [A("span", _e, q(t[r.value]), 1)], 4), A("div", {
+        class: "item-state mg",
+        style: Y({
+          color: g(t[a.value]).color
+        })
+      }, q(g(t[a.value]).label), 5), A("div", De, [(N(!0), C(p, null, B(S.value, (i) => (N(), C("div", {
+        key: i.prop,
+        class: "mg"
+      }, [T(X(w), {
+        attr: i,
+        type: i.type,
+        value: t[i.prop],
+        enum: i.enum,
+        "is-color": i.isColor,
+        row: t,
+        "column-name": i.prop,
+        showNull: !1
+      }, null, 8, ["attr", "type", "value", "enum", "is-color", "row", "column-name"]), u[0] || (u[0] = ee("   ", -1))]))), 128))])]), o < e.data.length - 1 ? (N(), C("div", ke, [te(s.$slots, "link-icon", {}, () => [T(v, {
+        size: "16"
+      }, {
+        default: ne(() => [T(m)]),
+        _: 1
+      })], !0)])) : re("", !0)], 64))), 128))]);
+    };
+  }
+}), Ce = (e, n) => {
+  const r = e.__vccOpts || e;
+  for (const [a, c] of n)
+    r[a] = c;
+  return r;
+}, Te = /* @__PURE__ */ Ce(Ne, [["__scopeId", "data-v-cc636f4a"]]), R = oe(Te), je = (e) => {
+  e.component(R.name, R);
+}, $e = {
+  install: je,
+  SetpPlug: R
+};
+export {
+  $e as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dform-designer",
-  "version": "2.1.39",
+  "version": "2.1.40",
   "description": "Vue3.0版本,基于element-plus 表单设计器 仿明道云设计器",
   "files": [
     "dist"
@@ -9,10 +9,12 @@
     "type": "gitee",
     "url": "https://gitee.com/owen_yang/vform-designer.git"
   },
-  "main": "dist/form/FormDesign.umd.js",
+  "main": "dist/form/FormDesign.es.js",
+  "module": "dist/form/FormDesign.es.js",
+  "type": "module",
   "exports": {
-    ".": "./dist/form/FormDesign.umd.js",
-    "./SetpPlug": "./dist/plug/SetpPlug.umd.js",
+    ".": "./dist/form/FormDesign.es.js",
+    "./SetpPlug": "./dist/plug/SetpPlug.es.js",
     "./dist/*.css": "./dist/*.css"
   },
   "scripts": {