@king-one/form-design 0.0.17 → 0.0.19

package/dist/es/src/components/props/widget/TextareaProps.vue2.mjs

@@ -1,69 +1,54 @@
-import { defineComponent as p, computed as m, openBlock as s, createBlock as v, unref as l, withCtx as u, createElementVNode as i, createVNode as t } from "vue";
-import { CollapsePanel as c, Form as f, FormItem as n, Input as k, Switch as r, InputNumber as h } from "ant-design-vue";
+import { defineComponent as p, computed as m, openBlock as c, createBlock as v, unref as e, withCtx as u, createVNode as a } from "vue";
+import { Form as i, FormItem as n, Input as s, Switch as r, InputNumber as f } from "ant-design-vue";
 import "../../../internal.mjs";
-import { useInjectDesignContext as x } from "../../../context/design.mjs";
-const g = /* @__PURE__ */ p({
+import { useInjectDesignContext as h } from "../../../context/design.mjs";
+const I = /* @__PURE__ */ p({
   __name: "TextareaProps",
-  setup(C) {
-    const { checkedField: d } = x(), a = m(() => d.value["k-component-props"] || {});
-    return (w, e) => (s(), v(l(c), { key: "textarea-props" }, {
-      header: u(() => e[4] || (e[4] = [
-        i(
-          "div",
-          null,
-          "属性设置",
-          -1
-          /* CACHED */
-        )
-      ])),
+  setup(k) {
+    const { checkedField: d } = h(), l = m(() => d.value["x-component-props"] || {});
+    return (x, t) => (c(), v(e(i), { layout: "vertical" }, {
       default: u(() => [
-        t(l(f), { layout: "vertical" }, {
+        a(e(n), { label: "占位提示" }, {
           default: u(() => [
-            t(l(n), { label: "占位提示" }, {
-              default: u(() => [
-                t(l(k), {
-                  value: a.value.placeholder,
-                  "onUpdate:value": e[0] || (e[0] = (o) => a.value.placeholder = o),
-                  placeholder: "请输入占位提示"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            t(l(n), { label: "允许清除内容(显示清除图标)" }, {
-              default: u(() => [
-                t(l(r), {
-                  checked: a.value.allowClear,
-                  "onUpdate:checked": e[1] || (e[1] = (o) => a.value.allowClear = o)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            t(l(n), { label: "是否展示字数" }, {
-              default: u(() => [
-                t(l(r), {
-                  checked: a.value.showCount,
-                  "onUpdate:checked": e[2] || (e[2] = (o) => a.value.showCount = o)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            t(l(n), { label: "最大长度" }, {
-              default: u(() => [
-                t(l(h), {
-                  value: a.value.maxlength,
-                  "onUpdate:value": e[3] || (e[3] = (o) => a.value.maxlength = o),
-                  style: { width: "100%" },
-                  min: 1,
-                  precision: 0,
-                  max: 999
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
+            a(e(s), {
+              value: l.value.placeholder,
+              "onUpdate:value": t[0] || (t[0] = (o) => l.value.placeholder = o),
+              placeholder: "请输入占位提示"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        a(e(n), { label: "允许清除内容(显示清除图标)" }, {
+          default: u(() => [
+            a(e(r), {
+              checked: l.value.allowClear,
+              "onUpdate:checked": t[1] || (t[1] = (o) => l.value.allowClear = o)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        a(e(n), { label: "是否展示字数" }, {
+          default: u(() => [
+            a(e(r), {
+              checked: l.value.showCount,
+              "onUpdate:checked": t[2] || (t[2] = (o) => l.value.showCount = o)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        a(e(n), { label: "最大长度" }, {
+          default: u(() => [
+            a(e(f), {
+              value: l.value.maxlength,
+              "onUpdate:value": t[3] || (t[3] = (o) => l.value.maxlength = o),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999
+            }, null, 8, ["value"])
           ]),
           _: 1
           /* STABLE */
@@ -75,5 +60,5 @@ const g = /* @__PURE__ */ p({
   }
 });
 export {
-  g as default
+  I as default
 };

package/dist/es/src/components/props/widget/index.mjs

@@ -1,54 +1,62 @@
-import { defineComponent as u, h as i } from "vue";
-import { Collapse as d } from "ant-design-vue";
 import "./InputProps.vue.mjs";
 import "./TextareaProps.vue.mjs";
 import "./InputNumberProps.vue.mjs";
 import "./BaseProps.vue.mjs";
+import "./SelectProps.vue.mjs";
+import "./OvertimeProps.vue.mjs";
+import { propsWidgetDecorator as a } from "./PropsDecorator.mjs";
+import o from "./BaseProps.vue2.mjs";
 import s from "./InputProps.vue2.mjs";
-import c from "./TextareaProps.vue2.mjs";
-import a from "./InputNumberProps.vue2.mjs";
-import e from "./BaseProps.vue2.mjs";
-const j = {
-  "k-input": s,
-  "k-textarea": c,
-  "k-input-number": a
-}, _ = {
+import d from "./TextareaProps.vue2.mjs";
+import f from "./InputNumberProps.vue2.mjs";
+import h from "./SelectProps.vue2.mjs";
+import g from "./OvertimeProps.vue2.mjs";
+const _ = {
   "k-input": {
-    component: [e, s]
+    component: [
+      { header: "基础设置", widget: o },
+      { header: "组件属性", widget: s }
+    ]
   },
   "k-textarea": {
-    component: [e, c]
+    component: [
+      { header: "基础设置", widget: o },
+      { header: "组件属性", widget: d }
+    ]
   },
   "k-input-number": {
-    component: [e, a]
+    component: [
+      { header: "基础设置", widget: o },
+      { header: "组件属性", widget: f }
+    ]
+  },
+  "k-select": {
+    component: [
+      { header: "基础设置", widget: o },
+      { header: "组件属性", widget: h }
+    ]
+  },
+  "k-overtime": {
+    component: [
+      { header: "组件属性", widget: g }
+    ]
   }
 };
-function D(n = []) {
-  const o = {};
-  for (const [t, f] of Object.entries(_)) {
-    const p = [...f.component];
-    for (const m of n) {
-      const { keys: r } = m;
-      (Array.isArray(r) ? r.includes(t) : r.test(t)) && p.push(m.component);
+function T(c = []) {
+  const i = {};
+  for (const [e, p] of Object.entries(_)) {
+    const n = [...p.component];
+    for (const m of c) {
+      const { keys: r, exclude: t } = m;
+      if (t && (Array.isArray(t) ? t.includes(e) : t.test(e)))
+        continue;
+      (Array.isArray(r) ? r.includes(e) : r.test(e)) && n.push(m.component);
     }
-    o[t] = k(t, p);
+    i[e] = a(e, n);
   }
-  return o;
-}
-function k(n, o) {
-  return u({
-    name: `${n}-props`,
-    inheritAttrs: !1,
-    setup() {
-      return () => i(d, null, {
-        default: () => o.map((t) => i(t))
-      });
-    }
-  });
+  return i;
 }
 export {
-  j as components,
-  D as expandProps,
-  k as propsWidgetDecorator,
+  T as expandProps,
   _ as widgetProps
 };

package/dist/es/src/config/index.mjs

@@ -7,7 +7,7 @@ const e = {
       icon: "k-form-grid",
       key: "form-layout",
       type: "void",
-      "k-component": "FormLayout"
+      "x-component": "FormLayout"
     }
   ]
 }, t = {
@@ -19,8 +19,8 @@ const e = {
       key: "k-input",
       type: "string",
       icon: "form-input",
-      "k-component": "Input",
-      "k-component-props": {
+      "x-component": "Input",
+      "x-component-props": {
         placeholder: "请输入"
       }
     },
@@ -29,8 +29,8 @@ const e = {
       key: "k-textarea",
       type: "string",
       icon: "form-textarea",
-      "k-component": "Textarea",
-      "k-component-props": {
+      "x-component": "Textarea",
+      "x-component-props": {
         placeholder: "请输入"
       }
     },
@@ -39,17 +39,20 @@ const e = {
       key: "k-input-number",
       type: "number",
       icon: "form-number",
-      "k-component": "InputNumber",
-      "k-component-props": {
+      "x-component": "InputNumber",
+      "x-component-props": {
         placeholder: "请输入"
       }
     },
     {
       title: "下拉选择框",
       key: "k-select",
-      type: "string",
+      type: "array",
+      items: {
+        type: "string"
+      },
       icon: "form-select",
-      "k-component": "Select",
+      "x-component": "Select",
       enum: [
         {
           label: "选项1",
@@ -60,9 +63,70 @@ const e = {
           value: "2"
         }
       ],
-      "k-component-props": {
-        placeholder: "请选择"
+      "x-component-props": {
+        placeholder: "请选择",
+        allowClear: !0,
+        mode: "multiple"
+      },
+      "x-decorator": "FormItem"
+    },
+    {
+      title: "日期范围",
+      key: "k-date-range",
+      type: "array",
+      format: "date",
+      items: {
+        type: "string",
+        format: "date"
+      },
+      icon: "form-date",
+      "x-component": "DateRange",
+      "x-component-props": {
+        valueFormat: "YYYY-MM-DD",
+        placeholder: [
+          "开始日期",
+          "结束日期"
+        ]
+      }
+    },
+    {
+      title: "单个日期",
+      key: "k-date-single",
+      type: "string",
+      format: "date",
+      icon: "form-date",
+      "x-component": "InputNumber",
+      "x-component-props": {
+        placeholder: "请输入",
+        formatData: "YYYY-MM-DD"
       }
+    },
+    {
+      title: "地区选择",
+      key: "k-form-area",
+      type: "object",
+      icon: "form-area",
+      "x-component": "FormArea",
+      children: [
+        {
+          title: "省份",
+          key: "k-form-area-province",
+          type: "string",
+          name: "province"
+        },
+        {
+          title: "城市",
+          key: "k-form-area-city",
+          type: "string",
+          name: "city"
+        },
+        {
+          title: "区县",
+          key: "k-form-area-county",
+          type: "string",
+          name: "county"
+        }
+      ]
     }
   ]
 }, o = {
@@ -77,24 +141,179 @@ const e = {
       children: []
     },
     {
-      title: "数组容器",
+      title: "列表容器",
       key: "k-array-card",
       type: "array",
       icon: "form-list",
       children: [],
-      "k-component": "ArrayCard"
+      "x-component": "ArrayCard",
+      "x-decorator": "Void"
     },
     {
       title: "明细表",
       key: "k-table",
       type: "array",
       icon: "form-table",
-      "k-component": "FormLayout"
+      "x-component": "FormLayout"
     }
   ]
-};
+}, a = [
+  {
+    name: "加班模版",
+    key: "overtime",
+    icon: "form-kit-overtime",
+    schema: {
+      title: "加班模版",
+      key: "k-overtime",
+      type: "object",
+      name: "overtime",
+      id: "overtime",
+      "x-design-props": {
+        validate: {
+          status: "",
+          message: ""
+        }
+      },
+      children: [
+        {
+          title: "加班明细",
+          key: "k-array-card",
+          type: "array",
+          children: [
+            {
+              title: "日期范围",
+              key: "k-date-range",
+              type: "array",
+              format: "date",
+              items: {
+                type: "string",
+                format: "date"
+              },
+              "x-component": "DateRange",
+              "x-component-props": {
+                valueFormat: "YYYY-MM-DD HH:mm:ss",
+                showTime: !0,
+                placeholder: [
+                  "开始日期",
+                  "结束日期"
+                ]
+              },
+              name: "m6husq11vxw",
+              id: "m6husq11vxw",
+              "x-design-props": {
+                validate: {
+                  status: "",
+                  message: ""
+                }
+              },
+              children: []
+            },
+            {
+              title: "加班时长",
+              key: "k-input-number",
+              type: "number",
+              "x-component": "InputNumber",
+              "x-component-props": {
+                placeholder: "请输入"
+              },
+              name: "b9yt6cz0u9f",
+              id: "b9yt6cz0u9f",
+              "x-design-props": {
+                validate: {
+                  status: "",
+                  message: ""
+                }
+              }
+            }
+          ],
+          "x-component": "ArrayCard",
+          "x-decorator": "Void",
+          name: "ptkezwx2oqd",
+          id: "ptkezwx2oqd",
+          "x-design-props": {
+            validate: {
+              status: "",
+              message: ""
+            }
+          }
+        },
+        {
+          title: "总时长",
+          key: "k-input",
+          type: "string",
+          "x-component": "Input",
+          "x-component-props": {
+            placeholder: "请输入"
+          },
+          name: "rrglkf7d06w",
+          id: "rrglkf7d06w",
+          "x-design-props": {
+            validate: {
+              status: "",
+              message: ""
+            }
+          }
+        }
+      ]
+    }
+  },
+  {
+    name: "请假模版",
+    key: "leave",
+    icon: "form-kit-out",
+    schema: {
+      title: "请假模版",
+      key: "k-leave",
+      type: "object",
+      name: "leave",
+      id: "leave",
+      "x-design-props": {
+        validate: {
+          status: "",
+          message: ""
+        }
+      },
+      children: [
+        {
+          title: "下拉选择框",
+          key: "k-select",
+          type: "array",
+          items: {
+            type: "string"
+          },
+          "x-component": "Select",
+          enum: [
+            {
+              label: "选项1",
+              value: "1"
+            },
+            {
+              label: "选项2",
+              value: "2"
+            }
+          ],
+          "x-component-props": {
+            placeholder: "请选择",
+            allowClear: !0,
+            mode: "multiple"
+          },
+          "x-decorator": "FormItem",
+          name: "uvvs3k1v39k",
+          id: "uvvs3k1v39k",
+          "x-design-props": {
+            validate: {
+              status: "",
+              message: ""
+            }
+          }
+        }
+      ]
+    }
+  }
+];
 export {
   t as BaseSchema,
   o as ExtendSchema,
-  e as LayoutSchema
+  e as LayoutSchema,
+  a as tempSchema
 };

package/dist/es/src/core/Design.mjs

@@ -1,45 +1,47 @@
 var m = Object.defineProperty;
-var p = (s, e, r) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
-var t = (s, e, r) => p(s, typeof e != "symbol" ? e + "" : e, r);
-import { ref as n } from "vue";
+var p = (r, e, s) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s;
+var t = (r, e, s) => p(r, typeof e != "symbol" ? e + "" : e, s);
+import { ref as d } from "vue";
 import "../effects/index.mjs";
 import { widgetPanels as c } from "../components/panel/index.mjs";
 import "../components/props/index.mjs";
-import { Plugin as g } from "../plugins/index.mjs";
-import { Heart as d } from "./Heart.mjs";
-import { FormSchema as l } from "./FormSchema.mjs";
+import { Plugin as l } from "../plugins/index.mjs";
+import { Heart as n } from "./Heart.mjs";
+import { FormSchema as g } from "./FormSchema.mjs";
 import { widgetProps as a } from "../components/props/widget/index.mjs";
 import { runEffects as f } from "../effects/effective.mjs";
-class b {
+class C {
   constructor(e) {
     t(this, "schema");
+    t(this, "tempSchema");
     t(this, "heart");
     t(this, "plugin");
-    t(this, "FormSchema", new l());
+    t(this, "FormSchema", new g());
     t(this, "props");
-    t(this, "checkedField", n({}));
+    t(this, "checkedField", d({}));
     t(this, "shared", {
       draggedContext: {
-        key: ""
+        key: "",
+        field: null
       },
       panelWidgets: {},
       propsWidgets: {}
     });
     t(this, "extendFormProps", []);
-    t(this, "notify", (e, ...r) => {
-      this.heart.publish(e, ...r);
+    t(this, "notify", (e, ...s) => {
+      this.heart.publish(e, ...s);
     });
-    const { extendFormProps: r = [], propsWidgets: i = {}, panelWidgets: o = {}, ...h } = e;
+    const { extendFormProps: s = [], propsWidgets: i = {}, panelWidgets: o = {}, ...h } = e;
     this.shared.panelWidgets = {
       ...c,
       ...o
     }, this.shared.propsWidgets = {
       ...a,
       ...i
-    }, this.props = { ...h }, this.schema = e.schema, this.plugin = new g(), this.heart = new d({
+    }, this.props = { ...h }, this.schema = e.schema, this.tempSchema = e.tempSchema || [], this.plugin = new l(), this.heart = new n({
       lifecycles: this.lifecycles,
       context: this
-    }), this.extendFormProps = r;
+    }), this.extendFormProps = s;
   }
   use(e) {
     this.plugin.use(e);
@@ -50,16 +52,22 @@ class b {
   getFieldList() {
     return this.FormSchema.getFieldList();
   }
+  setCheckedField(e) {
+    this.checkedField.value = e;
+  }
   get lifecycles() {
     return this.props.effects ? f(this, this.props.effects) : [];
   }
   get hooks() {
     return this.plugin.hooks;
   }
+  get dragAddResult() {
+    return this.plugin.dragAddResult;
+  }
   get fields() {
     return this.FormSchema.fields;
   }
 }
 export {
-  b as FormDesign
+  C as FormDesign
 };

package/dist/es/src/core/Field.mjs

@@ -7,7 +7,7 @@ class p {
     this.field = i;
   }
   upDateValidate(i, s) {
-    this.field["k-design-props"] && (this.field["k-design-props"].validate = {
+    this.field["x-design-props"] && (this.field["x-design-props"].validate = {
       status: i,
       message: s
     });