sy-form-designer 1.0.0

package/render-CfYxuuCz.js

@@ -0,0 +1,958 @@
+import { inject, ref, defineComponent, getCurrentInstance, watch, provide, createVNode, Fragment, resolveComponent, computed, createTextVNode, h, onMounted, isVNode } from "vue";
+import draggable from "vuedraggable";
+import { E as ElMessage } from "./index-CKi_slLG.js";
+function isNull(n) {
+  return n == null;
+}
+const getRegExp = function(n) {
+  return {
+    number: "/^[-]?\\d+(\\.\\d+)?$/",
+    letter: "/^[A-Za-z]+$/",
+    letterAndNumber: "/^[A-Za-z0-9]+$/",
+    mobilePhone: "/^[1][3-9][0-9]{9}$/",
+    letterStartNumberIncluded: "/^[A-Za-z]+[A-Za-z\\d]*$/",
+    noChinese: "/^[^一-龥]+$/",
+    chinese: "/^[一-龥]+$/",
+    email: "/^([-_A-Za-z0-9.]+)@([_A-Za-z0-9]+\\.)+[A-Za-z0-9]{2,3}$/",
+    url: "/^([hH][tT]{2}[pP]:\\/\\/|[hH][tT]{2}[pP][sS]:\\/\\/)(([A-Za-z0-9-~]+)\\.)+([A-Za-z0-9-~\\/])+$/"
+  }[n];
+}, validateFn = function(validatorName, rule, value, callback, defaultErrorMsg) {
+  if (isNull(value) || value.length <= 0) {
+    callback();
+    return;
+  }
+  const reg = eval(getRegExp(validatorName));
+  if (reg.test(value))
+    callback();
+  else {
+    let n = rule.errorMsg || defaultErrorMsg;
+    callback(new Error(n));
+  }
+}, FormValidators = {
+  /* 数字 */
+  number(n, c, f) {
+    validateFn("number", n, c, f, "[" + n.label + "]包含非数字字符");
+  },
+  /* 字母 */
+  letter(n, c, f) {
+    validateFn("letter", n, c, f, "[" + n.label + "]包含非字母字符");
+  },
+  /* 字母和数字 */
+  letterAndNumber(n, c, f) {
+    validateFn("letterAndNumber", n, c, f, "[" + n.label + "]只能输入字母或数字");
+  },
+  /* 手机号码 */
+  mobilePhone(n, c, f) {
+    validateFn("mobilePhone", n, c, f, "[" + n.label + "]手机号码格式有误");
+  },
+  /* 禁止空白字符开头 */
+  noBlankStart(n, c, f) {
+  },
+  /* 禁止空白字符结尾 */
+  noBlankEnd(n, c, f) {
+  },
+  /* 字母开头，仅可包含数字 */
+  letterStartNumberIncluded(n, c, f) {
+    validateFn("letterStartNumberIncluded", n, c, f, "[" + n.label + "]必须以字母开头，可包含数字");
+  },
+  /* 禁止中文输入 */
+  noChinese(n, c, f) {
+    validateFn("noChinese", n, c, f, "[" + n.label + "]不可输入中文字符");
+  },
+  /* 必须中文输入 */
+  chinese(n, c, f) {
+    validateFn("chinese", n, c, f, "[" + n.label + "]只能输入中文字符");
+  },
+  /* 电子邮箱 */
+  email(n, c, f) {
+    validateFn("email", n, c, f, "[" + n.label + "]邮箱格式有误");
+  },
+  /* URL网址 */
+  url(n, c, f) {
+    validateFn("url", n, c, f, "[" + n.label + "]URL格式有误");
+  },
+  /*测试
+    test(rule, value, callback, errorMsg) {
+      //空值不校验
+      if (isNull(value) || (value.length <= 0)) {
+        callback()
+        return
+      }
+  
+      if (value < 100) {
+        callback(new Error('[' + rule.label + ']不能小于100'))
+      } else {
+        callback()
+      }
+    },
+    */
+  regExp(rule, value, callback) {
+    if (isNull(value) || value.length <= 0) {
+      callback();
+      return;
+    }
+    const pattern = eval(rule.regExp);
+    if (pattern.test(value))
+      callback();
+    else {
+      let n = rule.errorMsg || "[" + rule.label + "]invalid value";
+      callback(new Error(n));
+    }
+  }
+}, fieldOptionMixin = {
+  inject: ["refDict"],
+  // on ctx of instance
+  methods: {
+    // on ctx of instance
+    getWidgets: function() {
+      return this.refDict;
+    }
+  }
+};
+function useFieldMixin(n, c) {
+  const f = inject("refDict"), x = ref([]), s = () => {
+    f == null || !n.options.name || (f.value[n.options.name] = c);
+  }, M = () => {
+    if (n.options.onCreated)
+      try {
+        new Function(n.options.onCreated).call(c);
+      } catch (g) {
+        console.error(g);
+      }
+  }, b = () => {
+    if (n.options.onMounted)
+      try {
+        new Function(n.options.onMounted).call(c);
+      } catch (g) {
+        console.error(g);
+      }
+  }, C = (g) => {
+    n.options.onChange && new Function("value", "oldValue", n.options.onChange).call(c, g);
+  };
+  return {
+    registerRef: s,
+    handleOnCreated: M,
+    handleOnMounted: b,
+    handleOnChange: (g) => {
+      C(g);
+    },
+    removeRef: (g) => {
+      delete f.value[g];
+    },
+    rebuildRules: () => {
+      if (n.formItemFlag && (n.options.required && x.value.push({
+        required: !0,
+        trigger: ["blur"],
+        message: n.options.requiredHint || "必须填写"
+      }), n.options.validation)) {
+        let g = n.options.validation;
+        FormValidators[g] ? x.value.push({
+          validator: FormValidators[g],
+          trigger: ["blur", "change"],
+          label: n.options.label,
+          errorMsg: n.options.validationHint
+        }) : x.value.push({
+          validator: FormValidators.regExp,
+          trigger: ["blur", "change"],
+          regExp: g,
+          label: n.options.label,
+          errorMsg: n.options.validationHint
+        });
+      }
+    },
+    rules: x
+  };
+}
+function _isSlot(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !isVNode(n);
+}
+const render = /* @__PURE__ */ defineComponent({
+  components: {},
+  props: {
+    conf: {
+      type: Object,
+      default: () => {
+      }
+    },
+    mode: {
+      type: String,
+      default: () => "edit"
+    },
+    active: {
+      type: Object,
+      default: null
+    },
+    /* Original form data */
+    formData: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["update:active", "setting"],
+  setup(n, c) {
+    const f = getCurrentInstance().proxy, x = ref({}), s = ref(n), M = ref([]);
+    let b = ref(n.active);
+    watch(() => b.value, (t) => {
+      c.emit("update:active", t);
+    });
+    const C = (t, l) => {
+      n.mode === "edit" && (t.stopPropagation(), b.value = l);
+    }, E = (t) => {
+      const l = [];
+      return t.widgetList && t.widgetList.length && t.widgetList.forEach((u) => {
+        l.push(g({
+          conf: u,
+          parent: t
+        }));
+      }), l;
+    }, y = /* @__PURE__ */ defineComponent({
+      props: ["conf", "mode", "rules"],
+      setup(t, {
+        slots: l
+      }) {
+        const u = computed(() => b.value && b.value.id === t.conf.id);
+        return () => {
+          let m, r;
+          return createVNode(Fragment, null, [t.mode === "edit" && createVNode(resolveComponent("el-form-item"), {
+            rules: t.rules,
+            label: t.conf.options.labelHidden ? " " : t.conf.options.label,
+            "label-width": t.conf.options.labelWidth,
+            class: `${u.value && "selected" || ""} ${t.conf.options.labelHidden ? "hidden-label" : ""} ${t.conf.options.labelAlign}`,
+            onClick: (v) => {
+              C(v, t.conf);
+            },
+            required: t.conf.options.required
+          }, _isSlot(m = l.default()) ? m : {
+            default: () => [m]
+          }), t.mode === "view" && (!t.conf.options.hidden || O(t.conf)) && createVNode(resolveComponent("el-form-item"), {
+            rules: t.rules,
+            prop: t.conf.options.name,
+            label: t.conf.options.labelHidden ? " " : t.conf.options.label,
+            "label-width": t.conf.options.labelHidden ? "0px" : t.conf.options.labelWidth,
+            class: ` ${t.conf.options.labelHidden ? "hidden-label" : ""} ${t.conf.options.labelAlign}`,
+            required: t.conf.options.required
+          }, _isSlot(r = l.default()) ? r : {
+            default: () => [r]
+          })]);
+        };
+      }
+    }), p = /* @__PURE__ */ defineComponent({
+      props: {
+        self: {
+          type: Object
+        },
+        parent: {
+          type: Object
+        },
+        childrenKey: {
+          type: String,
+          default: () => "widgetList"
+        }
+      },
+      setup(t) {
+        const l = t.parent[t.childrenKey], u = (e) => {
+          C(e, t.parent);
+        }, m = (e) => {
+          e.stopPropagation(), l && l.splice(l.indexOf(t.self), 1);
+        }, r = (e) => {
+          if (e.stopPropagation(), l) {
+            let o = l.indexOf(t.self);
+            if (o == 0) {
+              ElMessage("已经是第一个了");
+              return;
+            }
+            let a = l.splice(o, 1)[0];
+            l.splice(o - 1, 0, a);
+          }
+        }, v = (e) => {
+          if (e.stopPropagation(), l) {
+            let o = l.indexOf(t.self);
+            if (o == l.length - 1) {
+              ElMessage("已经是最后一个了");
+              return;
+            }
+            let a = l.splice(o, 1)[0];
+            l.splice(o + 1, 0, a);
+          }
+        };
+        return () => createVNode("div", null, [createVNode("i", {
+          title: "选中父组件"
+        }, [createVNode("svg", {
+          class: "svg-icon",
+          "aria-hidden": "true",
+          onClick: u
+        }, [createVNode("use", {
+          "xlink:href": "#icon-el-back"
+        }, null)])]), createVNode("i", {
+          title: "上移组件"
+        }, [createVNode("svg", {
+          class: "svg-icon",
+          "aria-hidden": "true",
+          onClick: r
+        }, [createVNode("use", {
+          "xlink:href": "#icon-el-move-up"
+        }, null)])]), createVNode("i", {
+          title: "下移组件"
+        }, [createVNode("svg", {
+          class: "svg-icon",
+          "aria-hidden": "true",
+          onClick: v
+        }, [createVNode("use", {
+          "xlink:href": "#icon-el-move-down"
+        }, null)])]), createVNode("i", {
+          title: "配置组件"
+        }, [createVNode("svg", {
+          class: "svg-icon",
+          "aria-hidden": "true"
+        }, [createVNode("use", {
+          "xlink:href": "#icon-el-set-up"
+        }, null)])]), createVNode("i", {
+          title: "移除组件"
+        }, [createVNode("svg", {
+          class: "svg-icon",
+          "aria-hidden": "true",
+          onClick: m
+        }, [createVNode("use", {
+          "xlink:href": "#icon-el-delete"
+        }, null)])])]);
+      }
+    }), g = ({
+      conf: t,
+      parent: l
+    }) => {
+      let u = "", m = null;
+      const r = computed(() => b.value && b.value.id === t.id);
+      if (t.category == "container" ? u = "container-wrapper" : u = "field-wrapper", t.type == "grid") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf", "active"],
+          setup(o) {
+            const a = computed(() => o.active && o.active.id === o.conf.id), i = {
+              item: ({
+                element: F,
+                index: w
+              }) => createVNode("div", {
+                className: "transition-group-el"
+              }, [createTextVNode(" "), h(g, {
+                conf: F,
+                parent: o.conf
+              })])
+            }, d = (F) => {
+              b.value = o.conf.widgetList[F.newIndex];
+            }, N = () => {
+            };
+            return () => createVNode(resolveComponent("el-col"), {
+              class: `grid-cell ${a.value && "selected" || ""}`,
+              span: o.conf.options.span
+            }, {
+              default: () => {
+                var F;
+                return [s.value.mode == "edit" && createVNode(draggable, {
+                  tag: "div",
+                  class: "form-widget-list",
+                  "item-key": "id",
+                  modelValue: o.conf.widgetList,
+                  "onUpdate:modelValue": (w) => o.conf.widgetList = w,
+                  group: "people",
+                  ghostClass: "ghost",
+                  animation: 200,
+                  handle: ".drag-handler",
+                  onEnd: N,
+                  onAdd: d
+                }, i), s.value.mode == "view" && createVNode(Fragment, null, [(F = o.conf.widgetList) == null ? void 0 : F.map((w) => h(g, {
+                  conf: w,
+                  parent: o.conf
+                }))]), a.value && createVNode(p, {
+                  className: "grid-col-action",
+                  self: o.conf,
+                  parent: t,
+                  childrenKey: "cols"
+                }, null), a.value && createVNode("div", {
+                  className: "grid-col-handler"
+                }, [createVNode("i", null, [createTextVNode("栅格列")])])];
+              }
+            });
+          }
+        }), e = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          setup(o) {
+            return () => {
+              let a, i;
+              return createVNode("div", {
+                class: [u].join(" ")
+              }, [s.value.mode == "edit" && createVNode(resolveComponent("el-row"), {
+                class: `grid-container ${r.value ? "selected" : ""}`,
+                gutter: t.options.gutter
+              }, _isSlot(a = o.conf.cols.map((d) => createVNode(v, {
+                id: d.id,
+                conf: d,
+                active: b.value,
+                onClick: (N) => C(N, d)
+              }, null))) ? a : {
+                default: () => [a]
+              }), s.value.mode == "view" && (!o.conf.options.hidden || O(o.conf)) && createVNode(resolveComponent("el-row"), {
+                class: "grid-container",
+                gutter: t.options.gutter
+              }, _isSlot(i = o.conf.cols.map((d) => createVNode(Fragment, null, [(!d.options.hidden || O(d)) && createVNode(v, {
+                id: d.id,
+                conf: d
+              }, null)]))) ? i : {
+                default: () => [i]
+              }), r.value && createVNode(p, {
+                class: "container-action",
+                self: o.conf,
+                parent: l
+              }, null), r.value && createVNode("div", {
+                className: "drag-handler"
+              }, [createVNode("i", {
+                title: "拖拽手柄"
+              }, [createVNode("svg", {
+                class: "svg-icon",
+                "aria-hidden": "true"
+              }, [createVNode("use", {
+                "xlink:href": "#icon-el-drag-move"
+              }, null)])]), createVNode("i", null, [createTextVNode("栅格")])])]);
+            };
+          }
+        });
+        m = (o) => createVNode(e, {
+          id: o.id,
+          conf: o,
+          onClick: (a) => C(a, o)
+        }, null);
+      } else if (t.type == "input") {
+        const v = /* @__PURE__ */ defineComponent({
+          inject: ["render"],
+          mixins: [fieldOptionMixin],
+          props: ["conf"],
+          setup(o) {
+            const a = getCurrentInstance().proxy, i = useFieldMixin(t, a);
+            return i.registerRef(), i.rebuildRules(), i.handleOnCreated(), onMounted(() => {
+              i.handleOnMounted();
+            }), () => createVNode("div", {
+              className: u
+            }, [createVNode(y, {
+              rules: i.rules.value,
+              conf: o.conf,
+              mode: s.value.mode
+            }, {
+              default: () => [s.value.mode == "edit" && createVNode(resolveComponent("el-input"), {
+                clearable: o.conf.options.clearable,
+                placeholder: o.conf.options.placeholder,
+                modelValue: o.conf.options.defaultValue,
+                "onUpdate:modelValue": (d) => o.conf.options.defaultValue = d,
+                onChange: i.handleOnChange
+              }, null), s.value.mode == "view" && createVNode(resolveComponent("el-input"), {
+                clearable: o.conf.options.clearable,
+                placeholder: o.conf.options.placeholder,
+                modelValue: V.value[o.conf.options.name],
+                "onUpdate:modelValue": (d) => V.value[o.conf.options.name] = d,
+                onChange: i.handleOnChange
+              }, null)]
+            }), r.value && createVNode(p, {
+              className: "field-action",
+              self: o.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("单行输入")])])]);
+          }
+        });
+        m = (o) => createVNode(v, {
+          id: o.id,
+          conf: o,
+          onClick: (a) => C(a, o)
+        }, null);
+      } else if (t.type == "textarea") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          mixins: [fieldOptionMixin],
+          setup(e) {
+            const o = getCurrentInstance().proxy, a = useFieldMixin(t, o);
+            return a.registerRef(), a.rebuildRules(), a.handleOnCreated(), onMounted(() => {
+              a.handleOnMounted();
+            }), () => createVNode("div", {
+              className: u
+            }, [createVNode(y, {
+              rules: a.rules.value,
+              conf: e.conf,
+              mode: s.value.mode
+            }, {
+              default: () => [s.value.mode == "edit" && createVNode(resolveComponent("el-input"), {
+                type: "textarea",
+                rows: t.options.rows,
+                placeholder: e.conf.options.placeholder,
+                modelValue: e.conf.options.defaultValue,
+                "onUpdate:modelValue": (i) => e.conf.options.defaultValue = i,
+                onChange: a.handleOnChange
+              }, null), s.value.mode == "view" && createVNode(resolveComponent("el-input"), {
+                type: "textarea",
+                rows: t.options.rows,
+                placeholder: e.conf.options.placeholder,
+                modelValue: V.value[e.conf.options.name],
+                "onUpdate:modelValue": (i) => V.value[e.conf.options.name] = i,
+                onChange: a.handleOnChange
+              }, null)]
+            }), r.value && createVNode(p, {
+              className: "field-action",
+              self: e.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("多行输入")])])]);
+          }
+        });
+        m = (e) => createVNode(v, {
+          id: e.id,
+          conf: e,
+          onClick: (o) => C(o, e)
+        }, null);
+      } else if (t.type == "radio") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          mixins: [fieldOptionMixin],
+          setup(e) {
+            const o = getCurrentInstance().proxy, a = useFieldMixin(t, o);
+            return a.registerRef(), a.rebuildRules(), a.handleOnCreated(), onMounted(() => {
+              a.handleOnMounted();
+            }), () => createVNode("div", {
+              className: u
+            }, [createVNode(y, {
+              rules: a.rules.value,
+              conf: e.conf,
+              mode: s.value.mode
+            }, {
+              default: () => [s.value.mode == "edit" && createVNode(resolveComponent("el-radio-group"), {
+                style: {
+                  display: "inline"
+                },
+                modelValue: e.conf.options.defaultValue,
+                "onUpdate:modelValue": (i) => e.conf.options.defaultValue = i,
+                onChange: a.handleOnChange
+              }, {
+                default: () => {
+                  var i;
+                  return [(i = e.conf.options.optionItems) == null ? void 0 : i.map((d, N) => createVNode(resolveComponent("el-radio"), {
+                    key: N,
+                    value: d.value,
+                    disabled: d.disabled,
+                    style: {
+                      display: e.conf.options.displayStyle
+                    }
+                  }, {
+                    default: () => [d.label]
+                  }))];
+                }
+              }), s.value.mode == "view" && createVNode(resolveComponent("el-radio-group"), {
+                style: {
+                  display: "inline"
+                },
+                modelValue: V.value[e.conf.options.name],
+                "onUpdate:modelValue": (i) => V.value[e.conf.options.name] = i,
+                onChange: a.handleOnChange
+              }, {
+                default: () => {
+                  var i;
+                  return [(i = e.conf.options.optionItems) == null ? void 0 : i.map((d, N) => createVNode(resolveComponent("el-radio"), {
+                    key: N,
+                    value: d.value,
+                    disabled: d.disabled,
+                    style: {
+                      display: e.conf.options.displayStyle
+                    }
+                  }, {
+                    default: () => [d.label]
+                  }))];
+                }
+              })]
+            }), r.value && createVNode(p, {
+              className: "field-action",
+              self: e.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("单选项")])])]);
+          }
+        });
+        m = (e) => createVNode(v, {
+          id: e.id,
+          conf: e,
+          onClick: (o) => C(o, e)
+        }, null);
+      } else if (t.type == "checkbox") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          mixins: [fieldOptionMixin],
+          setup(e) {
+            const o = getCurrentInstance().proxy, a = useFieldMixin(t, o);
+            return a.registerRef(), a.rebuildRules(), a.handleOnCreated(), onMounted(() => {
+              a.handleOnMounted();
+            }), () => createVNode("div", {
+              className: u
+            }, [createVNode(y, {
+              rules: a.rules.value,
+              conf: e.conf,
+              mode: s.value.mode
+            }, {
+              default: () => [s.value.mode == "edit" && createVNode(resolveComponent("el-checkbox-group"), {
+                style: {
+                  lineHeight: "32px"
+                },
+                modelValue: e.conf.options.defaultValue,
+                "onUpdate:modelValue": (i) => e.conf.options.defaultValue = i,
+                onChange: a.handleOnChange
+              }, {
+                default: () => {
+                  var i;
+                  return [(i = e.conf.options.optionItems) == null ? void 0 : i.map((d, N) => createVNode(resolveComponent("el-checkbox"), {
+                    key: N,
+                    value: d.value,
+                    disabled: d.disabled,
+                    style: {
+                      display: e.conf.options.displayStyle
+                    }
+                  }, {
+                    default: () => [d.label]
+                  }))];
+                }
+              }), s.value.mode == "view" && createVNode(resolveComponent("el-checkbox-group"), {
+                style: {
+                  lineHeight: "32px"
+                },
+                modelValue: V.value[e.conf.options.name],
+                "onUpdate:modelValue": (i) => V.value[e.conf.options.name] = i,
+                onChange: a.handleOnChange
+              }, {
+                default: () => {
+                  var i;
+                  return [(i = e.conf.options.optionItems) == null ? void 0 : i.map((d, N) => createVNode(resolveComponent("el-checkbox"), {
+                    key: N,
+                    value: d.value,
+                    disabled: d.disabled,
+                    style: {
+                      display: e.conf.options.displayStyle
+                    }
+                  }, {
+                    default: () => [d.label]
+                  }))];
+                }
+              })]
+            }), r.value && createVNode(p, {
+              className: "field-action",
+              self: e.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("单选项")])])]);
+          }
+        });
+        m = (e) => createVNode(v, {
+          id: e.id,
+          conf: e,
+          onClick: (o) => C(o, e)
+        }, null);
+      } else if (t.type == "select") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          mixins: [fieldOptionMixin],
+          setup(e) {
+            const o = getCurrentInstance().proxy, a = useFieldMixin(t, o);
+            return a.registerRef(), a.rebuildRules(), a.handleOnCreated(), onMounted(() => {
+              a.handleOnMounted();
+            }), () => createVNode("div", {
+              className: u
+            }, [createVNode(y, {
+              rules: a.rules.value,
+              conf: e.conf,
+              mode: s.value.mode
+            }, {
+              default: () => [s.value.mode == "edit" && createVNode(resolveComponent("el-select"), {
+                style: {
+                  lineHeight: "32px"
+                },
+                clearable: e.conf.options.clearable,
+                modelValue: e.conf.options.defaultValue,
+                "onUpdate:modelValue": (i) => e.conf.options.defaultValue = i,
+                onChange: a.handleOnChange
+              }, {
+                default: () => {
+                  var i;
+                  return [(i = e.conf.options.optionItems) == null ? void 0 : i.map((d, N) => createVNode(resolveComponent("el-option"), {
+                    key: N,
+                    value: d.value,
+                    label: d.label,
+                    disabled: d.disabled,
+                    style: {
+                      display: e.conf.options.displayStyle
+                    }
+                  }, null))];
+                }
+              }), s.value.mode == "view" && createVNode(resolveComponent("el-select"), {
+                style: {
+                  lineHeight: "32px"
+                },
+                clearable: e.conf.options.clearable,
+                modelValue: V.value[e.conf.options.name],
+                "onUpdate:modelValue": (i) => V.value[e.conf.options.name] = i,
+                onChange: a.handleOnChange
+              }, {
+                default: () => {
+                  var i;
+                  return [(i = e.conf.options.optionItems) == null ? void 0 : i.map((d, N) => createVNode(resolveComponent("el-option"), {
+                    key: N,
+                    value: d.value,
+                    label: d.label,
+                    disabled: d.disabled,
+                    style: {
+                      display: e.conf.options.displayStyle
+                    }
+                  }, null))];
+                }
+              })]
+            }), r.value && createVNode(p, {
+              className: "field-action",
+              self: e.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("下拉选项")])])]);
+          }
+        });
+        m = (e) => createVNode(v, {
+          id: e.id,
+          conf: e,
+          onClick: (o) => C(o, e)
+        }, null);
+      } else if (t.type == "picture-upload") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          mixins: [fieldOptionMixin],
+          setup(e) {
+            const o = getCurrentInstance().proxy, a = useFieldMixin(t, o);
+            return a.registerRef(), a.rebuildRules(), a.handleOnCreated(), onMounted(() => {
+              a.handleOnMounted();
+            }), () => createVNode("div", {
+              className: u
+            }, [createVNode(y, {
+              rules: a.rules.value,
+              conf: e.conf,
+              mode: s.value.mode
+            }, {
+              default: () => [s.value.mode == "edit" && createVNode(resolveComponent("sy-picture-upload"), {
+                fileType: e.conf.options.fileTypes,
+                fileMaxSize: e.conf.options.fileMaxSize,
+                isShowTip: e.conf.options.isShowTip,
+                multipleSelect: e.conf.options.multipleSelect,
+                defaultBg: e.conf.options.defaultBg
+              }, null), s.value.mode == "view" && createVNode(resolveComponent("sy-picture-upload"), {
+                fileType: e.conf.options.fileTypes,
+                fileMaxSize: e.conf.options.fileMaxSize,
+                isShowTip: e.conf.options.isShowTip,
+                multipleSelect: e.conf.options.multipleSelect,
+                defaultBg: e.conf.options.defaultBg,
+                oss: {
+                  signatureUrl: e.conf.options.signatureUrl
+                },
+                md5: {
+                  requireMd5: e.conf.options.requireMd5,
+                  addFileMd5Url: e.conf.options.addFileMd5Url,
+                  queryFileMd5Url: e.conf.options.queryFileMd5Url
+                },
+                modelValue: V.value[e.conf.options.name],
+                "onUpdate:modelValue": (i) => V.value[e.conf.options.name] = i
+              }, null)]
+            }), r.value && createVNode(p, {
+              className: "field-action",
+              self: e.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("下拉选项")])])]);
+          }
+        });
+        m = (e) => createVNode(v, {
+          id: e.id,
+          conf: e,
+          onClick: (o) => C(o, e)
+        }, null);
+      } else if (t.type == "static-title") {
+        const v = /* @__PURE__ */ defineComponent({
+          props: ["conf"],
+          setup(e) {
+            return () => createVNode("div", {
+              className: `${u}`
+            }, [e.conf.options.titleLevel === 1 && createVNode("h1", {
+              style: `text-align: ${e.conf.options.textAlign};`
+            }, [e.conf.options.textContent]), e.conf.options.titleLevel === 2 && createVNode("h2", {
+              style: `text-align: ${e.conf.options.textAlign};`
+            }, [e.conf.options.textContent]), e.conf.options.titleLevel === 3 && createVNode("h3", {
+              style: `text-align: ${e.conf.options.textAlign};`
+            }, [e.conf.options.textContent]), r.value && createVNode(p, {
+              className: "field-action",
+              self: e.conf,
+              parent: l
+            }, null), r.value && createVNode("div", {
+              className: "drag-handler"
+            }, [createVNode("i", {
+              title: "拖拽手柄"
+            }, [createVNode("svg", {
+              class: "svg-icon",
+              "aria-hidden": "true"
+            }, [createVNode("use", {
+              "xlink:href": "#icon-el-drag-move"
+            }, null)])]), createVNode("i", null, [createTextVNode("静态标题")])])]);
+          }
+        });
+        m = (e) => createVNode("div", {
+          class: `static-content-item ${r.value && "selected" || ""}`,
+          onClick: (o) => C(o, e)
+        }, [createVNode(v, {
+          id: e.id,
+          conf: e
+        }, null)]);
+      }
+      if (m == null)
+        throw new Error("Component " + t.type + " is not exists.");
+      return m(t);
+    }, S = () => {
+    }, $ = (t) => {
+      b.value = n.conf.widgetList[t.newIndex];
+    }, V = ref({}), k = ref({}), j = (t) => {
+      let l = typeof t;
+      return l == "object" && t instanceof Array && (l = "array"), l;
+    }, D = (t, l) => {
+      let u = typeof t;
+      if (u == "object" && t instanceof Array && (u = "array"), t == null || t === "") {
+        if (l == "array")
+          return [];
+        if (l == "object")
+          return {};
+        if (l == "string" || l == "number" || l == "boolean")
+          return null;
+      }
+      return u == l ? t : u == "string" && l == "array" ? t.split(",") : u == "string" && l == "object" ? JSON.parse(t) : u == "string" && l == "number" ? t * 1 : u == "array" && l == "string" ? t.join(",") : t;
+    }, A = (t) => {
+      t.forEach((l, u) => {
+        l.type === "grid" ? l.cols.forEach((m, r) => {
+          A(m.widgetList);
+        }) : Object.keys(l.options).indexOf("defaultValue") != -1 && Object.assign(V.value, {
+          [l.options.name]: s.value.formData.hasOwnProperty(l.options.name) ? D(s.value.formData[l.options.name], j(l.options.defaultValue)) : l.options.defaultValue
+        });
+      });
+    }, R = (t) => {
+      t.forEach((l, u) => {
+        if (l.type === "grid")
+          l.cols.forEach((m, r) => {
+            R(m.widgetList);
+          });
+        else if (Object.keys(l.options).indexOf("defaultValue") != -1) {
+          if (l.options.hidden)
+            return;
+          Object.assign(k.value, {
+            [l.options.name]: D(s.value.formData[l.options.name], l.options.submitType)
+          });
+        }
+      });
+    }, T = () => (k.value = {}, R(n.conf.widgetList), k.value);
+    n.mode == "view" && (A(n.conf.widgetList), M.value = E(n.conf));
+    const B = {
+      item: ({
+        element: t,
+        index: l
+      }) => createVNode("div", {
+        tag: "div",
+        className: "transition-group-el"
+      }, [createTextVNode(" "), h(g, {
+        conf: t,
+        parent: n.conf
+      })])
+    }, I = (t) => x.value[t], U = (t = [], l) => {
+      const u = {
+        eq: "==",
+        lt: "<",
+        gt: ">",
+        elt: "<=",
+        egt: ">="
+      };
+      return t.reduce((m, r, v) => (r.operator in u && (m += [l[r.left] ? l[r.left] : "null", u[r.operator], r.right].join(" ")), v < t.length - 1 && (m += " " + (r.relation == "and" ? "&&" : "||") + " "), m), "");
+    }, L = (t, l = {}) => new Function("return " + t).call(l), O = (t) => t.options.hidden ? t.options.showCondition && !t.options.showCondition.length ? !1 : L(U(t.options.showCondition, V.value), {}) : !0;
+    return provide("refDict", x), provide("render", f), f.$getWidgetRef = I, c.expose({
+      getWidgetRef: I,
+      getFormData: T
+      // in view mode
+    }), () => createVNode(Fragment, null, [n.mode === "edit" && createVNode("div", {
+      class: "form-widget-container"
+    }, [createVNode(resolveComponent("el-form"), {
+      class: `full-height-width widget-form ${n.conf.formConfig.labelAlign}`,
+      "label-position": n.conf.formConfig.labelPosition,
+      "label-width": n.conf.formConfig.labelWidth
+    }, {
+      default: () => [createVNode(draggable, {
+        tag: "div",
+        class: "form-widget-list",
+        "item-key": "id",
+        modelValue: n.conf.widgetList,
+        "onUpdate:modelValue": (t) => n.conf.widgetList = t,
+        group: "people",
+        ghostClass: "ghost",
+        animation: 200,
+        handle: ".drag-handler",
+        onEnd: S,
+        onAdd: $
+      }, B)]
+    })]), n.mode === "view" && createVNode("div", {
+      class: "form-render-wrapper"
+    }, [createVNode(resolveComponent("el-form"), {
+      class: `full-height-width render-form ${n.conf.formConfig.labelAlign}`,
+      "label-position": n.conf.formConfig.labelPosition,
+      "label-width": n.conf.formConfig.labelWidth,
+      model: V
+    }, {
+      default: () => [M.value]
+    })])]);
+  }
+});
+export {
+  render as default
+};