sy-form-designer 1.0.0

package/_commonjsHelpers-C6fGbg64.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as g
+};

package/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/designer-DsmFhyc-.js

@@ -0,0 +1,198 @@
+import { mergeModels as B, useModel as R, ref as i, onMounted as E, provide as C, resolveComponent as n, createElementBlock as P, openBlock as N, createVNode as o, withCtx as t, createElementVNode as p, createTextVNode as r, createBlock as $, createCommentVNode as z } from "vue";
+import { S as A, _ as G } from "./settings-Cc6phwii.js";
+const H = { class: "form-designer" }, L = { class: "toolbar-container" }, T = {
+  class: "right-toolbar",
+  style: { float: "right", display: "flex", "line-height": "42px" }
+}, q = { class: "right-toolbar-con" }, D = { class: "dialog-footer" }, Q = {
+  __name: "designer",
+  props: /* @__PURE__ */ B({
+    mode: {
+      type: String,
+      default: () => "edit"
+    }
+  }, {
+    conf: {
+      type: Object,
+      default: () => {
+      }
+    },
+    confModifiers: {}
+  }),
+  emits: ["update:conf"],
+  setup(c) {
+    const a = R(c, "conf"), u = i(null), v = i(null), f = i(""), S = i({
+      fontSize: "14px",
+      // 设置字体大小
+      showPrintMargin: !1,
+      // 是否显示打印边距
+      enableLiveAutocompletion: !0
+      // 启用实时自动补全功能
+    }), s = i(!1), k = () => {
+      f.value = JSON.stringify(a.value, null, 2), s.value = !0;
+    }, w = () => {
+      a.value = JSON.parse(f.value), s.value = !1;
+    }, _ = i({}), m = i(!1), J = () => {
+      _.value = JSON.parse(JSON.stringify(a.value)), m.value = !0;
+    };
+    return E(() => {
+    }), C("renderConf", a), C("designerRender", v), (F, e) => {
+      const O = n("sy-widgets"), g = n("el-aside"), d = n("el-button"), y = n("el-button-group"), U = n("el-header"), V = n("sy-render"), M = n("el-scrollbar"), j = n("el-main"), x = n("el-container"), b = n("el-dialog");
+      return N(), P("div", H, [
+        o(x, null, {
+          default: t(() => [
+            o(g, {
+              class: "aside-component",
+              style: { display: "flex", "flex-direction": "column" }
+            }, {
+              default: t(() => [
+                o(O)
+              ]),
+              _: 1
+            }),
+            o(x, {
+              direction: "vertical",
+              style: { "min-width": "500px" }
+            }, {
+              default: t(() => [
+                o(U, { style: { height: "42px", padding: "0 8px" } }, {
+                  default: t(() => [
+                    p("div", L, [
+                      p("div", T, [
+                        p("div", q, [
+                          o(y, { style: { "margin-right": "4px" } }, {
+                            default: t(() => [
+                              o(d, {
+                                type: "primary",
+                                icon: "el-icon-edit",
+                                onClick: k
+                              }, {
+                                default: t(() => e[7] || (e[7] = [
+                                  r("编辑JSON")
+                                ])),
+                                _: 1
+                              }),
+                              o(d, {
+                                type: "primary",
+                                icon: "el-icon-edit",
+                                onClick: J
+                              }, {
+                                default: t(() => e[8] || (e[8] = [
+                                  r("预览")
+                                ])),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          o(y, null, {
+                            default: t(() => [
+                              o(d, {
+                                type: "primary",
+                                icon: "el-icon-delete"
+                              }, {
+                                default: t(() => e[9] || (e[9] = [
+                                  r("清空")
+                                ])),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                o(j, { style: { padding: "0px" } }, {
+                  default: t(() => [
+                    o(M, null, {
+                      default: t(() => [
+                        o(V, {
+                          ref_key: "designerRender",
+                          ref: v,
+                          conf: a.value,
+                          mode: c.mode,
+                          active: u.value,
+                          "onUpdate:active": e[0] || (e[0] = (l) => u.value = l)
+                        }, null, 8, ["conf", "mode", "active"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(g, null, {
+              default: t(() => [
+                o(A, {
+                  conf: u.value,
+                  "onUpdate:conf": e[1] || (e[1] = (l) => u.value = l),
+                  form: a.value.formConfig,
+                  "onUpdate:form": e[2] || (e[2] = (l) => a.value.formConfig = l)
+                }, null, 8, ["conf", "form"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(b, {
+          title: "编辑JSON",
+          modelValue: s.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (l) => s.value = l)
+        }, {
+          footer: t(() => [
+            p("div", D, [
+              o(d, {
+                onClick: e[4] || (e[4] = (l) => s.value = !1)
+              }, {
+                default: t(() => e[10] || (e[10] = [
+                  r("取消")
+                ])),
+                _: 1
+              }),
+              o(d, {
+                type: "primary",
+                onClick: w
+              }, {
+                default: t(() => e[11] || (e[11] = [
+                  r("确定")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          default: t(() => [
+            o(G, {
+              lang: "json",
+              options: S.value,
+              modelValue: f.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (l) => f.value = l)
+            }, null, 8, ["options", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        o(b, {
+          title: "表单预览",
+          modelValue: m.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (l) => m.value = l)
+        }, {
+          default: t(() => [
+            m.value ? (N(), $(V, {
+              key: 0,
+              conf: _.value,
+              mode: "view"
+            }, null, 8, ["conf"])) : z("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+};
+export {
+  Q as default
+};

package/index-BFhlK9cb.js

@@ -0,0 +1,39 @@
+import { createElementBlock as s, openBlock as n, normalizeClass as r, createElementVNode as a, createCommentVNode as i, toDisplayString as c } from "vue";
+import { _ as o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const l = {
+  name: "SvgIcon",
+  props: {
+    iconClass: {
+      type: String,
+      required: !0
+    },
+    className: {
+      type: String
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`;
+    },
+    svgClass() {
+      return this.className ? "svg-icon " + this.className : "svg-icon";
+    }
+  }
+}, m = ["xlink:href"], d = { key: 0 };
+function u(_, f, e, p, g, t) {
+  return n(), s("svg", {
+    class: r(t.svgClass),
+    "aria-hidden": "true"
+  }, [
+    a("use", { "xlink:href": t.iconName }, null, 8, m),
+    e.title ? (n(), s("title", d, c(e.title), 1)) : i("", !0)
+  ], 2);
+}
+const N = /* @__PURE__ */ o(l, [["render", u], ["__scopeId", "data-v-f0bfb888"]]);
+export {
+  N as default
+};