form-imagining 0.0.8 → 0.0.10

package/README.md

@@ -1,13 +1,17 @@
 # Vue 3 + TypeScript + Vite 基础框架
 `
 提供基础的前端开发框架、在线表单FormImagining、
-组件列表
---CImaginForm 表单设计工具
-0.0.1 
-1、增加了isList 区别绑定的数据源类型
-2、优化样式
-`
-## 
-提供基础的框架
-测试
-代码编辑器：monaco-editor
+CImaginForm 表单设计工具
+##更新日志
+--
+0.0.7 
+1. 增加了isList 区别绑定的数据源类型
+2. 优化样式 
+
+0.0.8
+1. 表单设计器增加id参数
+
+0.0.10
+1. 栅格组件增加删除
+2. 日期组件增加 value-format属性
+3. 代码生成模板增加下拉框、单选按钮、复选框、下拉树等;优化文本域模块;

package/dist/App-582d222a.js

@@ -0,0 +1,19 @@
+import { defineComponent as o, resolveComponent as r, openBlock as t, createBlock as n, unref as a, withCtx as c, createVNode as p } from "vue";
+import { z as _, F as m } from "./index-63ec87eb.js";
+const u = /* @__PURE__ */ o({
+  __name: "App",
+  setup(f) {
+    return (i, l) => {
+      const e = r("a-config-provider");
+      return t(), n(e, { locale: a(_) }, {
+        default: c(() => [
+          p(m)
+        ]),
+        _: 1
+      }, 8, ["locale"]);
+    };
+  }
+});
+export {
+  u as default
+};

package/dist/Code-00aafa9e.js

@@ -0,0 +1,5 @@
+import { r as a } from "./index-63ec87eb.js";
+import "vue";
+export {
+  a as default
+};

package/dist/Col-5be36e54.js

@@ -0,0 +1,5 @@
+import { d as m } from "./index-63ec87eb.js";
+import "vue";
+export {
+  m as default
+};

package/dist/Demo-2a569109.js

@@ -0,0 +1,110 @@
+import { defineComponent as b, ref as _, reactive as c, onMounted as p, resolveComponent as i, openBlock as v, createElementBlock as g, createVNode as o, withCtx as s, createTextVNode as w } from "vue";
+import { k as j, m } from "./index-63ec87eb.js";
+const y = { class: "cici-form-css" }, C = /* @__PURE__ */ b({
+  __name: "Demo",
+  setup(z) {
+    j(), _([]), _([]);
+    const a = c({
+      bdc_djzb: {
+        业务号: "",
+        age: 20
+      },
+      bdc_ywfw: {
+        name: "2",
+        title: "我是yefw"
+      }
+    });
+    p(() => {
+      console.info("我是预览页面");
+    });
+    function f(n) {
+      const e = n.target.value, l = n.target.__vnode.props.rules;
+      if (l != null) {
+        const r = l.length;
+        if (r > 0)
+          for (let u = 0; u < r; u++) {
+            const d = l[u];
+            if (d.required) {
+              if (e == "") {
+                m.error(d.message), n.target.focus();
+                return;
+              }
+            } else if (!/^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(e)) {
+              m.error(d.message), n.target.focus();
+              return;
+            }
+          }
+      }
+    }
+    return (n, e) => {
+      const l = i("a-input"), r = i("a-form-item"), u = i("a-button"), d = i("a-form");
+      return v(), g("div", y, [
+        o(d, {
+          "label-col": { style: { width: "100px" } },
+          labelWrap: !0
+        }, {
+          default: s(() => [
+            o(r, {
+              label: "受理编号",
+              "validate-status": "error"
+            }, {
+              default: s(() => [
+                o(l, {
+                  status: "error",
+                  value: a.bdc_djzb.业务号,
+                  "onUpdate:value": e[0] || (e[0] = (t) => a.bdc_djzb.业务号 = t),
+                  "write-field": "bdc_djzb.受理编号;bdc_ywfw.slbh",
+                  rules: [{ required: !0, message: "必填项" }, { type: "number", message: "请输入数字" }],
+                  onBlur: e[1] || (e[1] = (t) => f(t))
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            o(r, {
+              label: "业务号",
+              name: "业务号",
+              rules: [{ required: !0, message: "请输入业务号" }]
+            }, {
+              default: s(() => [
+                o(l, {
+                  value: a.bdc_djzb.业务号,
+                  "onUpdate:value": e[2] || (e[2] = (t) => a.bdc_djzb.业务号 = t),
+                  "write-field": "bdc_djzb.业务号;bdc_ywfw.ywh",
+                  onBlur: e[3] || (e[3] = (t) => f(t))
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            o(r, { label: "业务号1" }, {
+              default: s(() => [
+                o(l, {
+                  value: a.bdc_djzb.业务号,
+                  "onUpdate:value": e[4] || (e[4] = (t) => a.bdc_djzb.业务号 = t)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            o(r, { style: { "text-align": "left", "padding-left": "5px" } }, {
+              default: s(() => [
+                o(u, {
+                  type: "Default",
+                  onClick: n.onSubmit
+                }, {
+                  default: s(() => [
+                    w("保存")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  C as default
+};

package/dist/Demo-db5db15e.js

@@ -0,0 +1,45 @@
+import { defineComponent as d, ref as t, onMounted as p, resolveComponent as m, openBlock as _, createElementBlock as c, createVNode as i, mergeProps as v, unref as o, withCtx as w } from "vue";
+import { g as b, v as g, a as x, o as k } from "./index-63ec87eb.js";
+const y = /* @__PURE__ */ d({
+  __name: "Demo",
+  setup(B, { expose: f }) {
+    t([]);
+    let r = t({});
+    r.value = b();
+    let a = t();
+    function u() {
+      return k(a.value);
+    }
+    return f({
+      onSubmit: u
+    }), p(() => {
+      console.info("new fun");
+    }), (C, e) => {
+      const l = m("a-input"), s = m("a-form-item");
+      return _(), c("div", {
+        ref_key: "formRef",
+        ref: a,
+        class: "cici-form-css"
+      }, [
+        i(s, v({
+          label: "单行文本",
+          required: ""
+        }, o(g)["wonder_from.id"]), {
+          default: w(() => [
+            i(l, {
+              value: o(r).wonder_from.id,
+              "onUpdate:value": e[0] || (e[0] = (n) => o(r).wonder_from.id = n),
+              "write-field": "wonder_from.id",
+              rules: [{ type: "required", msg: "不能为空" }],
+              onBlur: e[1] || (e[1] = (n) => o(x)(n, "blur"))
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+        }, 16)
+      ], 512);
+    };
+  }
+});
+export {
+  y as default
+};

package/dist/Form-40f53810.js

@@ -0,0 +1,37 @@
+import { defineComponent as d, resolveComponent as o, openBlock as l, createBlock as n, withCtx as c, createCommentVNode as u } from "vue";
+const D = /* @__PURE__ */ d({
+  __name: "Form",
+  props: {
+    formData: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(e) {
+    return (i, t) => {
+      const m = o("a-input"), r = o("a-textarea"), f = o("a-form-item");
+      return l(), n(f, {
+        label: e.formData.name
+      }, {
+        default: c(() => [
+          e.formData.type == "input" ? (l(), n(m, {
+            key: 0,
+            value: e.formData.defaultValue,
+            "onUpdate:value": t[0] || (t[0] = (a) => e.formData.defaultValue = a)
+          }, null, 8, ["value"])) : u("", !0),
+          e.formData.type == "textarea" ? (l(), n(r, {
+            key: 1,
+            value: e.formData.defaultValue,
+            "onUpdate:value": t[1] || (t[1] = (a) => e.formData.defaultValue = a),
+            placeholder: "",
+            rows: 2
+          }, null, 8, ["value"])) : u("", !0)
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  D as default
+};

package/dist/Form-7d97e68c.js

@@ -0,0 +1,5 @@
+import { e as m } from "./index-63ec87eb.js";
+import "vue";
+export {
+  m as default
+};

package/dist/FormPublic-145abd9c.js

@@ -0,0 +1,5 @@
+import { _ as m } from "./index-63ec87eb.js";
+import "vue";
+export {
+  m as default
+};

package/dist/GenerateForm-5b9d698f.js

@@ -0,0 +1,5 @@
+import { b as m } from "./index-63ec87eb.js";
+import "vue";
+export {
+  m as default
+};

package/dist/Grid-66caa91a.js

@@ -0,0 +1,5 @@
+import { f } from "./index-63ec87eb.js";
+import "vue";
+export {
+  f as default
+};

package/dist/Input-/345/210/240/351/231/244-981120fa.js

@@ -0,0 +1,87 @@
+import { defineComponent as i, resolveComponent as f, openBlock as m, createBlock as v, withCtx as u, createVNode as t } from "vue";
+import { u as c } from "./index-63ec87eb.js";
+const x = /* @__PURE__ */ i({
+  __name: "Input-删除",
+  props: {
+    configData: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(e) {
+    return c(), (g, a) => {
+      const o = f("a-input"), n = f("a-form-item"), d = f("a-textarea"), r = f("a-form");
+      return m(), v(r, {
+        layout: "vertical",
+        model: e.configData,
+        autocomplete: "off"
+      }, {
+        default: u(() => [
+          t(n, { label: "标题" }, {
+            default: u(() => [
+              t(o, {
+                value: e.configData.name,
+                "onUpdate:value": a[0] || (a[0] = (l) => e.configData.name = l)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          t(n, {
+            label: "数据绑定",
+            rules: [{ required: !0 }]
+          }, {
+            default: u(() => [
+              t(o, {
+                value: e.configData.model,
+                "onUpdate:value": a[1] || (a[1] = (l) => e.configData.model = l)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          t(n, {
+            label: "key",
+            rules: [{ required: !0 }]
+          }, {
+            default: u(() => [
+              t(o, {
+                value: e.configData.key,
+                "onUpdate:value": a[2] || (a[2] = (l) => e.configData.key = l)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          t(n, {
+            label: "默认值",
+            rules: [{ required: !0 }]
+          }, {
+            default: u(() => [
+              t(o, {
+                value: e.configData.defaultValue,
+                "onUpdate:value": a[3] || (a[3] = (l) => e.configData.defaultValue = l)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          t(n, {
+            label: "扩展",
+            rules: [{ required: !0 }]
+          }, {
+            default: u(() => [
+              t(d, {
+                value: e.configData.extended,
+                "onUpdate:value": a[4] || (a[4] = (l) => e.configData.extended = l),
+                placeholder: "",
+                rows: 5
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model"]);
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/Label-/345/210/240/351/231/244-8e5c3221.js

@@ -0,0 +1,92 @@
+import { defineComponent as _, resolveComponent as o, openBlock as n, createBlock as l, withCtx as i, createElementBlock as u, Fragment as d, renderList as r, createVNode as k, createTextVNode as x, toDisplayString as D, createCommentVNode as w } from "vue";
+import { u as U } from "./index-63ec87eb.js";
+const L = /* @__PURE__ */ _({
+  __name: "Label-删除",
+  props: {
+    configData: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(a) {
+    U();
+    const p = [
+      { title: "标题", bind: "name", type: "input", placeholder: "" },
+      { title: "key", bind: "key", type: "input", placeholder: "" },
+      { title: "是否必填", bind: "required", type: "switch", placeholder: "" },
+      { title: "大小", bind: "font", type: "inputnumber", placeholder: "" },
+      { title: "颜色", bind: "color", type: "input", placeholder: "" },
+      {
+        title: "位置",
+        bind: "align",
+        type: "radiogroup",
+        children: [
+          { title: "居左", value: "left" },
+          { title: "居中", value: "center" },
+          { title: "居右", value: "right" }
+        ]
+      },
+      { title: "样式扩展", bind: "cssextended", type: "textarea", placeholder: "" },
+      { title: "扩展", bind: "extended", type: "textarea", placeholder: "", rows: "5" }
+    ];
+    return (C, c) => {
+      const f = o("a-input"), b = o("a-textarea"), v = o("a-input-number"), y = o("a-radio-button"), g = o("a-radio-group"), m = o("a-switch"), s = o("a-form-item"), h = o("a-form");
+      return n(), l(h, {
+        layout: "vertical",
+        model: a.configData,
+        autocomplete: "off"
+      }, {
+        default: i(() => [
+          (n(), u(d, null, r(p, (e, B) => k(s, {
+            label: e.title
+          }, {
+            default: i(() => [
+              e.type == "input" ? (n(), l(f, {
+                key: 0,
+                value: a.configData[e.bind],
+                "onUpdate:value": (t) => a.configData[e.bind] = t
+              }, null, 8, ["value", "onUpdate:value"])) : e.type == "textarea" ? (n(), l(b, {
+                key: 1,
+                value: a.configData[e.bind],
+                "onUpdate:value": (t) => a.configData[e.bind] = t,
+                placeholder: "",
+                rows: e.rows
+              }, null, 8, ["value", "onUpdate:value", "rows"])) : e.type == "inputnumber" ? (n(), l(v, {
+                key: 2,
+                value: a.configData[e.bind],
+                "onUpdate:value": (t) => a.configData[e.bind] = t,
+                min: 12,
+                max: 80
+              }, null, 8, ["value", "onUpdate:value"])) : e.type == "radiogroup" ? (n(), l(g, {
+                key: 3,
+                value: a.configData.align,
+                "onUpdate:value": c[0] || (c[0] = (t) => a.configData.align = t)
+              }, {
+                default: i(() => [
+                  (n(!0), u(d, null, r(e.children, (t, N) => (n(), l(y, {
+                    value: t.value
+                  }, {
+                    default: i(() => [
+                      x(D(t.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 256))
+                ]),
+                _: 2
+              }, 1032, ["value"])) : e.type == "switch" ? (n(), l(m, {
+                key: 4,
+                checked: a.configData[e.bind],
+                "onUpdate:checked": (t) => a.configData[e.bind] = t
+              }, null, 8, ["checked", "onUpdate:checked"])) : w("", !0)
+            ]),
+            _: 2
+          }, 1032, ["label"])), 64))
+        ]),
+        _: 1
+      }, 8, ["model"]);
+    };
+  }
+});
+export {
+  L as default
+};

package/dist/Login-e3500f10.js

@@ -0,0 +1,10 @@
+import { p as r } from "./index-63ec87eb.js";
+import "vue";
+const t = {};
+function c(e, n) {
+  return "我是登录页";
+}
+const s = /* @__PURE__ */ r(t, [["render", c]]);
+export {
+  s as default
+};

package/dist/Preview0925-26b91216.js

@@ -0,0 +1,62 @@
+import { defineComponent, ref, openBlock, createBlock, unref } from "vue";
+import { u as useFormStore, k as useDataStore, l as generateHtml, g as getData, n as defHttp, p as _export_sfc } from "./index-63ec87eb.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Preview0925",
+  setup(__props) {
+    const formStore = useFormStore(), dataStore = useDataStore();
+    dataStore.getSelectData;
+    let list = ref(formStore.formData.config.eventScript);
+    const generateData = generateHtml(formStore.formData.list), columns = [...generateData.columns];
+    let viewData = ref({});
+    const generateForm = defineComponent({
+      template: generateData.html,
+      props: {
+        message: String
+      },
+      setup(props) {
+        let formData = ref([]), datalist = ref([]);
+        debugger;
+        viewData.value = getData();
+        const tableData = formStore.formData.list.filter((e) => e.type == "table"), ilength = tableData.length;
+        let pagination;
+        ilength > 0 && tableData[0].options.pagination && (pagination = ref({
+          total: 0,
+          current: 1,
+          pageSize: tableData[0].options.pageSize
+        }));
+        const events = {};
+        return generateTs(), {
+          formData,
+          pagination,
+          datalist,
+          columns,
+          viewData,
+          // bdc_djzb1,
+          ...events,
+          defHttp,
+          onChange
+        };
+        function onChange(e, t) {
+          pagination.value = e, t();
+        }
+        function generateTs() {
+          for (let e = 0; e < list.value.length; e++) {
+            const t = list.value[e];
+            events[t.name] = newFunction(t);
+          }
+        }
+        function newFunction(_data) {
+          return _data.param != "" ? (params) => {
+            eval(_data.func);
+          } : () => {
+            eval(_data.func);
+          };
+        }
+      }
+    });
+    return (e, t) => (openBlock(), createBlock(unref(generateForm)));
+  }
+}), Preview0925_vue_vue_type_style_index_0_scoped_5efa836a_lang = "", Preview0925 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5efa836a"]]);
+export {
+  Preview0925 as default
+};

package/dist/PreviewDemo-f30a04fb.js

@@ -0,0 +1,6 @@
+import { _ as o } from "./PreviewDemo.vue_vue_type_script_setup_true_lang-f2a6a58f.js";
+import "vue";
+import "./index-63ec87eb.js";
+export {
+  o as default
+};