sy-form-designer 1.0.21 → 1.0.23

package/designer-Rcl-j-K1.js

@@ -0,0 +1,296 @@
+import { mergeModels as Q, useModel as X, ref as a, computed as Y, onMounted as Z, provide as S, resolveComponent as n, createElementBlock as U, openBlock as _, createVNode as o, withCtx as l, createElementVNode as c, createTextVNode as s, createBlock as J, createCommentVNode as h, Fragment as ee, renderList as oe } from "vue";
+import le from "./settings-EOHsUDJM.js";
+import { _ as te } from "./index-DYcISXeA.js";
+const ne = { class: "form-designer" }, ae = { class: "toolbar-container" }, de = {
+  class: "right-toolbar",
+  style: { float: "right", display: "flex", "line-height": "42px" }
+}, ue = { class: "right-toolbar-con" }, se = { class: "dialog-footer" }, fe = {
+  __name: "designer",
+  props: /* @__PURE__ */ Q({
+    mode: {
+      type: String,
+      default: () => "edit"
+    }
+  }, {
+    conf: {
+      type: Object,
+      default: () => {
+      }
+    },
+    confModifiers: {}
+  }),
+  emits: ["update:conf"],
+  setup(V) {
+    const r = X(V, "conf"), i = a(null), b = a(null), f = a(""), F = a({
+      fontSize: "14px",
+      // 设置字体大小
+      showPrintMargin: !1,
+      // 是否显示打印边距
+      enableLiveAutocompletion: !0
+      // 启用实时自动补全功能
+    }), m = a(!1), R = () => {
+      f.value = JSON.stringify(r.value, null, 2), m.value = !0;
+    }, M = () => {
+      r.value = JSON.parse(f.value), m.value = !1;
+    }, j = a({}), p = a(null), w = a({}), v = a(!1), D = () => {
+      w.value = JSON.parse(JSON.stringify(r.value)), v.value = !0;
+    }, B = () => {
+      p.value.getWidgetForm().validate(() => {
+      });
+    }, G = () => {
+      console.log(p.value.getFormData());
+    }, T = () => {
+      console.log(p.value.getFormInfo());
+    }, g = a(null), $ = Y(() => g.value.allCustomComps.map((y) => ({
+      label: y.name,
+      value: y.name
+    }))), d = a({
+      show: !1,
+      data: {
+        cateName: ""
+      }
+    }), E = () => {
+      d.value.show = !0;
+    }, I = () => {
+      g.value.defineCustomComponent(i.value, d.value.data.cateName), d.value.show = !1;
+    };
+    return Z(() => {
+    }), S("renderConf", r), S("designerRender", b), (y, e) => {
+      const L = n("sy-widgets"), k = n("el-aside"), u = n("el-button"), x = n("el-button-group"), P = n("el-header"), N = n("sy-render"), z = n("el-scrollbar"), A = n("el-main"), O = n("el-container"), C = n("el-dialog"), H = n("el-option"), W = n("el-select"), q = n("el-form-item"), K = n("el-form");
+      return _(), U("div", ne, [
+        o(O, null, {
+          default: l(() => [
+            o(k, {
+              class: "aside-component",
+              style: { display: "flex", "flex-direction": "column" }
+            }, {
+              default: l(() => [
+                o(L, {
+                  ref_key: "widgetTools",
+                  ref: g
+                }, null, 512)
+              ]),
+              _: 1
+            }),
+            o(O, {
+              direction: "vertical",
+              style: { "min-width": "500px" }
+            }, {
+              default: l(() => [
+                o(P, { style: { height: "42px", padding: "0 8px" } }, {
+                  default: l(() => [
+                    c("div", ae, [
+                      c("div", de, [
+                        c("div", ue, [
+                          o(x, { style: { "margin-right": "4px" } }, {
+                            default: l(() => [
+                              o(u, {
+                                type: "primary",
+                                icon: "el-icon-edit",
+                                onClick: R
+                              }, {
+                                default: l(() => e[11] || (e[11] = [
+                                  s("编辑JSON")
+                                ])),
+                                _: 1
+                              }),
+                              o(u, {
+                                type: "primary",
+                                icon: "el-icon-edit",
+                                onClick: D
+                              }, {
+                                default: l(() => e[12] || (e[12] = [
+                                  s("预览")
+                                ])),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          o(x, null, {
+                            default: l(() => [
+                              o(u, {
+                                type: "primary",
+                                icon: "el-icon-delete"
+                              }, {
+                                default: l(() => e[13] || (e[13] = [
+                                  s("清空")
+                                ])),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                o(A, { style: { padding: "0px" } }, {
+                  default: l(() => [
+                    o(z, null, {
+                      default: l(() => [
+                        o(N, {
+                          ref_key: "designerRender",
+                          ref: b,
+                          conf: r.value,
+                          mode: V.mode,
+                          active: i.value,
+                          "onUpdate:active": e[0] || (e[0] = (t) => i.value = t),
+                          onCustomComp: E
+                        }, null, 8, ["conf", "mode", "active"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(k, null, {
+              default: l(() => [
+                o(le, {
+                  conf: i.value,
+                  "onUpdate:conf": e[1] || (e[1] = (t) => i.value = t),
+                  form: r.value.formConfig,
+                  "onUpdate:form": e[2] || (e[2] = (t) => r.value.formConfig = t)
+                }, null, 8, ["conf", "form"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(C, {
+          title: "编辑JSON",
+          modelValue: m.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (t) => m.value = t)
+        }, {
+          footer: l(() => [
+            c("div", se, [
+              o(u, {
+                onClick: e[4] || (e[4] = (t) => m.value = !1)
+              }, {
+                default: l(() => e[14] || (e[14] = [
+                  s("取消")
+                ])),
+                _: 1
+              }),
+              o(u, {
+                type: "primary",
+                onClick: M
+              }, {
+                default: l(() => e[15] || (e[15] = [
+                  s("确定")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          default: l(() => [
+            o(te, {
+              lang: "json",
+              options: F.value,
+              modelValue: f.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (t) => f.value = t)
+            }, null, 8, ["options", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        o(C, {
+          title: "表单预览",
+          modelValue: v.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (t) => v.value = t)
+        }, {
+          footer: l(() => [
+            o(u, { onClick: T }, {
+              default: l(() => e[16] || (e[16] = [
+                s("获取表单文本")
+              ])),
+              _: 1
+            }),
+            o(u, { onClick: G }, {
+              default: l(() => e[17] || (e[17] = [
+                s("获取表单数据")
+              ])),
+              _: 1
+            }),
+            o(u, { onClick: B }, {
+              default: l(() => e[18] || (e[18] = [
+                s("验证")
+              ])),
+              _: 1
+            })
+          ]),
+          default: l(() => [
+            v.value ? (_(), J(N, {
+              key: 0,
+              ref_key: "previewRenderRef",
+              ref: p,
+              "form-data": j.value,
+              conf: w.value,
+              mode: "view"
+            }, null, 8, ["form-data", "conf"])) : h("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        o(C, {
+          title: "自定义组件",
+          modelValue: d.value.show,
+          "onUpdate:modelValue": e[10] || (e[10] = (t) => d.value.show = t)
+        }, {
+          footer: l(() => [
+            o(u, {
+              onClick: e[9] || (e[9] = (t) => d.value.show = !1)
+            }, {
+              default: l(() => e[19] || (e[19] = [
+                s("取消")
+              ])),
+              _: 1
+            }),
+            o(u, { onClick: I }, {
+              default: l(() => e[20] || (e[20] = [
+                s("确定")
+              ])),
+              _: 1
+            })
+          ]),
+          default: l(() => [
+            o(K, {
+              modelValue: d.value.data,
+              "onUpdate:modelValue": e[8] || (e[8] = (t) => d.value.data = t)
+            }, {
+              default: l(() => [
+                o(q, { label: "分类名称" }, {
+                  default: l(() => [
+                    o(W, {
+                      modelValue: d.value.data.cateName,
+                      "onUpdate:modelValue": e[7] || (e[7] = (t) => d.value.data.cateName = t),
+                      clearable: ""
+                    }, {
+                      default: l(() => [
+                        (_(!0), U(ee, null, oe($.value, (t) => (_(), J(H, {
+                          label: t.label,
+                          value: t.value
+                        }, null, 8, ["label", "value"]))), 256))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+};
+export {
+  fe as default
+};

package/{index-By2obQ9j.js → index-B7t0lkPQ.js}

@@ -1,5 +1,5 @@
 import { useAttrs as F, ref as c, computed as N, inject as j, watch as b, resolveComponent as m, createElementBlock as f, openBlock as u, createVNode as M, unref as n, withCtx as y, createCommentVNode as g, createTextVNode as a, Fragment as v, createElementVNode as p, toDisplayString as U, createBlock as L } from "vue";
-import { u as z } from "./ossHook-g6Eqk_cJ.js";
+import { u as z } from "./ossHook-WDd0RZ0t.js";
 const A = { class: "flex justify-center" }, O = {
   key: 0,
   class: "el-upload__tip font-bold"

package/{index-CblViX79.js → index-Bg5DA1N2.js}

@@ -1,10 +1,10 @@
-import { getCurrentInstance as A, inject as z, ref as O, computed as d, unref as l, watch as W, isRef as ct, warn as ut, provide as dt, defineComponent as $, createElementBlock as U, openBlock as T, mergeProps as pt, renderSlot as L, normalizeClass as I, createVNode as se, Transition as je, withCtx as H, withDirectives as Me, createElementVNode as re, normalizeStyle as De, createTextVNode as ft, toDisplayString as Fe, vShow as Be, shallowReactive as gt, onMounted as mt, createBlock as F, createCommentVNode as R, resolveDynamicComponent as yt, Fragment as ht, withModifiers as vt, isVNode as Ae, render as ge } from "vue";
-import { i as bt, n as _t, r as Le, t as ke, c as Y, d as Ct, e as Ot, f as Z, g as N, h as Ve, j as me, k as J, l as wt, m as St, o as Tt, q as It, w as xt, s as Nt, v as Et, x as $t, y as Pt, z as ye } from "./index-CHjKzgsu.js";
+import { getCurrentInstance as B, inject as z, ref as O, computed as d, unref as l, watch as W, isRef as ct, warn as ut, provide as dt, defineComponent as $, createElementBlock as U, openBlock as T, mergeProps as pt, renderSlot as L, normalizeClass as I, createVNode as se, Transition as je, withCtx as H, withDirectives as Me, createElementVNode as re, normalizeStyle as De, createTextVNode as ft, toDisplayString as Fe, vShow as Ae, shallowReactive as gt, onMounted as mt, createBlock as F, createCommentVNode as R, resolveDynamicComponent as yt, Fragment as ht, withModifiers as vt, isVNode as Be, render as ge } from "vue";
+import { i as bt, n as _t, r as Le, t as ke, d as Y, e as Ct, f as Ot, g as Z, h as N, j as Ve, k as me, l as J, m as wt, o as St, q as Tt, s as It, w as xt, v as Nt, x as Et, y as $t, z as Pt, A as ye } from "./index-DWbO-nXt.js";
 const Ke = Symbol(), G = "el", zt = "is-", x = (e, n, t, o, r) => {
   let s = `${e}-${n}`;
   return t && (s += `-${t}`), o && (s += `__${o}`), r && (s += `--${r}`), s;
 }, Re = Symbol("namespaceContextKey"), jt = (e) => {
-  const n = e || (A() ? z(Re, O(G)) : O(G));
+  const n = e || (B() ? z(Re, O(G)) : O(G));
   return d(() => l(n) || G);
 }, ie = (e, n) => {
   const t = jt(n);
@@ -37,16 +37,16 @@ const Ke = Symbol(), G = "el", zt = "is-", x = (e, n, t, o, r) => {
     cssVarBlockName: (c) => `--${t.value}-${e}-${c}`
   };
 };
-var Mt = typeof global == "object" && global && global.Object === Object && global, Dt = typeof self == "object" && self && self.Object === Object && self, le = Mt || Dt || Function("return this")(), j = le.Symbol, He = Object.prototype, Ft = He.hasOwnProperty, Bt = He.toString, B = j ? j.toStringTag : void 0;
-function At(e) {
-  var n = Ft.call(e, B), t = e[B];
+var Mt = typeof global == "object" && global && global.Object === Object && global, Dt = typeof self == "object" && self && self.Object === Object && self, le = Mt || Dt || Function("return this")(), j = le.Symbol, He = Object.prototype, Ft = He.hasOwnProperty, At = He.toString, A = j ? j.toStringTag : void 0;
+function Bt(e) {
+  var n = Ft.call(e, A), t = e[A];
   try {
-    e[B] = void 0;
+    e[A] = void 0;
     var o = !0;
   } catch {
   }
-  var r = Bt.call(e);
-  return o && (n ? e[B] = t : delete e[B]), r;
+  var r = At.call(e);
+  return o && (n ? e[A] = t : delete e[A]), r;
 }
 var Lt = Object.prototype, kt = Lt.toString;
 function Vt(e) {
@@ -54,7 +54,7 @@ function Vt(e) {
 }
 var Kt = "[object Null]", Rt = "[object Undefined]", he = j ? j.toStringTag : void 0;
 function Ge(e) {
-  return e == null ? e === void 0 ? Rt : Kt : he && he in Object(e) ? At(e) : Vt(e);
+  return e == null ? e === void 0 ? Rt : Kt : he && he in Object(e) ? Bt(e) : Vt(e);
 }
 function Ht(e) {
   return e != null && typeof e == "object";
@@ -232,11 +232,11 @@ function X(e, n) {
   var t = e.__data__;
   return Fn(n) ? t[typeof n == "string" ? "string" : "hash"] : t.map;
 }
-function Bn(e) {
+function An(e) {
   var n = X(this, e).delete(e);
   return this.size -= n ? 1 : 0, n;
 }
-function An(e) {
+function Bn(e) {
   return X(this, e).get(e);
 }
 function Ln(e) {
@@ -254,8 +254,8 @@ function P(e) {
   }
 }
 P.prototype.clear = Dn;
-P.prototype.delete = Bn;
-P.prototype.get = An;
+P.prototype.delete = An;
+P.prototype.get = Bn;
 P.prototype.has = Ln;
 P.prototype.set = kn;
 var Vn = "Expected a function";
@@ -419,7 +419,7 @@ function ee(e, n) {
 const xe = {
   current: 0
 }, Ne = O(0), Ye = 2e3, Ee = Symbol("elZIndexContextKey"), qe = Symbol("zIndexContextKey"), po = (e) => {
-  const n = A() ? z(Ee, xe) : xe, t = e || (A() ? z(qe, void 0) : void 0), o = d(() => {
+  const n = B() ? z(Ee, xe) : xe, t = e || (B() ? z(qe, void 0) : void 0), o = d(() => {
     const a = l(t);
     return N(a) ? a : Ye;
   }), r = d(() => o.value + Ne.value), s = () => (n.current++, Ne.value = n.current, r.value);
@@ -655,7 +655,7 @@ const go = (e) => (n, t) => mo(n, t, l(e)), mo = (e, n, t) => Yn(t, e, e).replac
   }
 }), $e = (e) => Object.keys(e), Q = O();
 function nt(e, n = void 0) {
-  return A() ? z(Ke, Q) : Q;
+  return B() ? z(Ke, Q) : Q;
 }
 function So(e, n) {
   const t = nt(), o = ie(e, d(() => {
@@ -680,7 +680,7 @@ function So(e, n) {
 }
 const ot = (e, n, t = !1) => {
   var o;
-  const r = !!A(), s = r ? nt() : void 0, a = (o = void 0) != null ? o : r ? dt : void 0;
+  const r = !!B(), s = r ? nt() : void 0, a = (o = void 0) != null ? o : r ? dt : void 0;
   if (!a) {
     ee("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
     return;
@@ -796,10 +796,10 @@ const Pe = rt(Po), zo = C([
   badgeClass: {
     type: String
   }
-}), Bo = $({
+}), Ao = $({
   name: "ElBadge"
-}), Ao = /* @__PURE__ */ $({
-  ...Bo,
+}), Bo = /* @__PURE__ */ $({
+  ...Ao,
   props: Fo,
   setup(e, { expose: n }) {
     const t = e, o = ie("badge"), r = d(() => t.isDot ? "" : N(t.value) && N(t.max) ? t.max < t.value ? `${t.max}+` : `${t.value}` : `${t.value}`), s = d(() => {
@@ -839,7 +839,7 @@ const Pe = rt(Po), zo = C([
               ft(Fe(l(r)), 1)
             ])
           ], 6), [
-            [Be, !a.hidden && (l(r) || a.isDot || a.$slots.content)]
+            [Ae, !a.hidden && (l(r) || a.isDot || a.$slots.content)]
           ])
         ]),
         _: 3
@@ -847,7 +847,7 @@ const Pe = rt(Po), zo = C([
     ], 2));
   }
 });
-var Lo = /* @__PURE__ */ pe(Ao, [["__file", "badge.vue"]]);
+var Lo = /* @__PURE__ */ pe(Bo, [["__file", "badge.vue"]]);
 const ko = rt(Lo), Vo = V({
   a11y: {
     type: Boolean,
@@ -1082,7 +1082,7 @@ const at = ["success", "info", "warning", "error"], h = Mo({
             _: 1
           }, 8, ["class", "onClick"])) : R("v-if", !0)
         ], 46, ["id"]), [
-          [Be, m.value]
+          [Ae, m.value]
         ])
       ]),
       _: 3
@@ -1092,7 +1092,7 @@ const at = ["success", "info", "warning", "error"], h = Mo({
 var Qo = /* @__PURE__ */ pe(Jo, [["__file", "message.vue"]]);
 let Wo = 1;
 const st = (e) => {
-  const n = !e || Z(e) || Ae(e) || J(e) ? { message: e } : e, t = {
+  const n = !e || Z(e) || Be(e) || J(e) ? { message: e } : e, t = {
     ...h,
     ...n
   };
@@ -1120,7 +1120,7 @@ const st = (e) => {
     onDestroy: () => {
       ge(null, s);
     }
-  }, i = se(Qo, a, J(a.message) || Ae(a.message) ? {
+  }, i = se(Qo, a, J(a.message) || Be(a.message) ? {
     default: J(a.message) ? a.message : () => a.message
   } : null);
   i.appContext = t || M._context, ge(i, s), e.appendChild(s.firstElementChild);

package/{index-CbndE_aI.js → index-CN3ZrSRo.js}

@@ -1,8 +1,8 @@
 import { useAttrs as se, ref as p, computed as ae, inject as re, watch as F, resolveComponent as M, createElementBlock as f, openBlock as u, createElementVNode as c, createCommentVNode as h, createBlock as N, createVNode as v, mergeProps as de, unref as y, withCtx as O, normalizeStyle as _, normalizeClass as ue, Fragment as D, renderList as ce, toDisplayString as k, withDirectives as b, withModifiers as B, vShow as U, createTextVNode as j } from "vue";
-import { u as fe } from "./ossHook-g6Eqk_cJ.js";
-import { p as he } from "./index-CHjKzgsu.js";
+import { u as fe } from "./ossHook-WDd0RZ0t.js";
+import { p as he } from "./index-DWbO-nXt.js";
 import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { E as L } from "./index-CblViX79.js";
+import { E as L } from "./index-Bg5DA1N2.js";
 const ve = { class: "component-upload-image" }, me = { style: { display: "flex", width: "100%" } }, pe = {
   key: 0,
   class: "relative rounded overflow-hidden flex justify-center items-center",
@@ -74,7 +74,6 @@ const ve = { class: "component-upload-image" }, me = { style: { display: "flex",
     operations: {
       default: () => ({
         back: !1,
-        close: !1,
         rotateLeft: !1,
         rotateRight: !1
       })
@@ -381,7 +380,7 @@ const ve = { class: "component-upload-image" }, me = { style: { display: "flex",
       ]);
     };
   }
-}, $e = /* @__PURE__ */ ge(Fe, [["__scopeId", "data-v-2cd55892"]]);
+}, $e = /* @__PURE__ */ ge(Fe, [["__scopeId", "data-v-2ad87de1"]]);
 export {
   $e as default
 };