@king-one/form-design 0.0.16 → 0.0.18

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,46 @@ 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"
+      },
+      icon: "form-date",
+      "x-component": "InputNumber",
+      "x-component-props": {
+        placeholder: "请输入",
+        formatData: "YYYY-MM-DD"
       }
+    },
+    {
+      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"
     }
   ]
 }, o = {
@@ -82,19 +122,129 @@ const e = {
       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-input",
+          type: "string",
+          "x-component": "Input",
+          "x-component-props": {
+            placeholder: "请输入"
+          },
+          name: "vzhax44q5mg",
+          id: "vzhax44q5mg",
+          "x-design-props": {
+            validate: {
+              status: "",
+              message: ""
+            }
+          }
+        },
+        {
+          title: "加班时长",
+          key: "k-input-number",
+          type: "number",
+          "x-component": "InputNumber",
+          "x-component-props": {
+            placeholder: "请输入"
+          },
+          name: "aaaa",
+          id: "aaaa",
+          "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 c } from "vue";
 import "../effects/index.mjs";
-import { widgetPanels as c } from "../components/panel/index.mjs";
+import { widgetPanels as n } from "../components/panel/index.mjs";
 import "../components/props/index.mjs";
-import { Plugin as g } from "../plugins/index.mjs";
+import { Plugin as l } from "../plugins/index.mjs";
 import { Heart as d } from "./Heart.mjs";
-import { FormSchema as l } from "./FormSchema.mjs";
-import { widgetProps as a } from "../components/props/widget/index.mjs";
+import { FormSchema as a } from "./FormSchema.mjs";
+import { widgetProps as g } from "../components/props/widget/index.mjs";
 import { runEffects as f } from "../effects/effective.mjs";
-class b {
+class L {
   constructor(e) {
     t(this, "schema");
+    t(this, "tempSchema");
     t(this, "heart");
     t(this, "plugin");
-    t(this, "FormSchema", new l());
+    t(this, "FormSchema", new a());
     t(this, "props");
-    t(this, "checkedField", n({}));
+    t(this, "checkedField", c({}));
     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,
+      ...n,
       ...o
     }, this.shared.propsWidgets = {
-      ...a,
+      ...g,
       ...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 d({
       lifecycles: this.lifecycles,
       context: this
-    }), this.extendFormProps = r;
+    }), this.extendFormProps = s;
   }
   use(e) {
     this.plugin.use(e);
@@ -50,6 +52,9 @@ class b {
   getFieldList() {
     return this.FormSchema.getFieldList();
   }
+  setCheckedField(e) {
+    this.checkedField.value = e;
+  }
   get lifecycles() {
     return this.props.effects ? f(this, this.props.effects) : [];
   }
@@ -61,5 +66,5 @@ class b {
   }
 }
 export {
-  b as FormDesign
+  L 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
     });

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

@@ -1,47 +1,49 @@
 var n = Object.defineProperty;
-var a = (r, e, t) => e in r ? n(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var i = (r, e, t) => a(r, typeof e != "symbol" ? e + "" : e, t);
-import { ref as m, toRaw as c } from "vue";
-import { uid as h } from "@king-one/utils";
-import { Field as l } from "./Field.mjs";
+var a = (s, e, o) => e in s ? n(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
+var i = (s, e, o) => a(s, typeof e != "symbol" ? e + "" : e, o);
+import { ref as c, toRaw as h } from "vue";
+import { uid as l } from "@king-one/utils";
+import { Field as m } from "./Field.mjs";
 class j {
   constructor() {
     i(this, "version", "1.0.0");
-    i(this, "fields", m([]));
+    i(this, "fields", c([]));
   }
   getSchema() {
-    const e = c(this.fields.value), t = this.jsonToschema(e);
+    const e = h(this.fields.value);
+    console.log(e, "s");
+    const o = this.jsonToschema(e);
     return {
       version: this.version,
       form: {
-        schema: t
+        schema: o
       }
     };
   }
   getFieldList() {
-    return this.fields.value.map((e) => new l(e));
+    return this.fields.value.map((e) => new m(e));
   }
-  jsonToschema(e, t = {}) {
-    return e.forEach((s) => {
-      const o = this.omit(s, ["children"]);
-      o.type === "object" || o.type === "void" ? t[o.name] = {
-        ...o,
-        properties: this.jsonToschema(s.children)
-      } : o.type === "array" ? t[o.name] = {
-        ...o,
+  jsonToschema(e, o = {}) {
+    return e.forEach((r) => {
+      const t = this.omit(r, ["children"]);
+      t.type === "object" || t.type === "void" ? o[t.name] = {
+        ...t,
+        properties: this.jsonToschema(r.children)
+      } : t.type === "array" && r.children ? o[t.name] = {
+        ...t,
         items: {
           type: "object",
-          id: h(),
-          properties: this.jsonToschema(s.children)
+          id: l(),
+          properties: this.jsonToschema(r.children)
         }
-      } : t[o.name] = o;
-    }), t;
+      } : o[t.name] = t;
+    }), o;
   }
-  omit(e, t) {
-    const s = { ...e };
-    return t.forEach((o) => {
-      delete s[o];
-    }), s;
+  omit(e, o) {
+    const r = { ...e };
+    return o.forEach((t) => {
+      delete r[t];
+    }), r;
   }
 }
 export {

package/dist/es/src/index.mjs

@@ -1,18 +1,20 @@
 import "./style/index.mjs";
+import "./components/base/Carousel.vue2.mjs";
 import "./components/panel/panel-item.vue2.mjs";
-import { useInjectDesignContext as n } from "./context/design.mjs";
-import { default as a } from "./components/form-desgin.mjs";
-import { CreateFormDesign as s } from "./core/index.mjs";
+import { useInjectDesignContext as i } from "./context/design.mjs";
+import { default as p } from "./components/form-desgin.mjs";
+import { CreateFormDesign as x } from "./core/index.mjs";
 import "./components/index.mjs";
-import { BaseSchema as f, ExtendSchema as g, LayoutSchema as D } from "./config/index.mjs";
-import { onDesignFieldChange as h, onDesignInit as d } from "./effects/onEffects.mjs";
+import { BaseSchema as g, ExtendSchema as c, LayoutSchema as h, tempSchema as D } from "./config/index.mjs";
+import { onDesignFieldChange as d, onDesignInit as u } from "./effects/onEffects.mjs";
 export {
-  f as BaseSchema,
-  s as CreateFormDesign,
-  g as ExtendSchema,
-  a as FormDesign,
-  D as LayoutSchema,
-  h as onDesignFieldChange,
-  d as onDesignInit,
-  n as useInjectDesignContext
+  g as BaseSchema,
+  x as CreateFormDesign,
+  c as ExtendSchema,
+  p as FormDesign,
+  h as LayoutSchema,
+  d as onDesignFieldChange,
+  u as onDesignInit,
+  D as tempSchema,
+  i as useInjectDesignContext
 };

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

@@ -1,17 +1,20 @@
 var s = Object.defineProperty;
-var a = (l, e, o) => e in l ? s(l, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : l[e] = o;
-var i = (l, e, o) => a(l, typeof e != "symbol" ? e + "" : e, o);
-import { SyncBailHook as t } from "@king-one/tapable";
-class c {
+var a = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var l = (o, e, t) => a(o, typeof e != "symbol" ? e + "" : e, t);
+import { SyncBailHook as r } from "@king-one/tapable";
+import { BaseDragPut as i } from "./modules/drag-put.mjs";
+class m {
   constructor() {
-    i(this, "hooks", {
-      beforeDelete: new t(["value"])
+    l(this, "hooks", {
+      beforeDelete: new r(["value"]),
+      dragPut: new r(["value"])
     });
+    this.use(new i());
   }
   use(e) {
     e.install.call(void 0, this);
   }
 }
 export {
-  c as Plugin
+  m as Plugin
 };

package/dist/es/src/plugins/modules/drag-put.mjs

@@ -0,0 +1,14 @@
+var s = Object.defineProperty;
+var n = (a, e, r) => e in a ? s(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
+var t = (a, e, r) => n(a, typeof e != "symbol" ? e + "" : e, r);
+class l {
+  constructor() {
+    t(this, "name", "baseDragPut");
+  }
+  install(e) {
+    e.hooks.dragPut.tap("baseDragPut", (r) => r.region === "form-panel" ? !0 : r.region === "form-material");
+  }
+}
+export {
+  l as BaseDragPut
+};

package/dist/es/src/utils/debounce.mjs

@@ -0,0 +1,16 @@
+function s(t, u, o = !1) {
+  let e = null, l = !1;
+  const i = function(...n) {
+    e && (clearTimeout(e), e = null), o ? (l || (t.apply(this, n), l = !0), e = setTimeout(() => {
+      l = !1, e = null;
+    }, u)) : e = setTimeout(() => {
+      t.apply(this, n), e = null, l = !1;
+    }, u);
+  };
+  return i.cancel = () => {
+    e && (clearTimeout(e), e = null), l = !1;
+  }, i;
+}
+export {
+  s as debounce
+};

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

@@ -1,19 +1,21 @@
-import { getType as s, isArr as t, isBool as a, isFn as r, isHTMLElement as m, isMap as p, isNum as l, isNumberLike as n, isObj as o, isPlainObj as b, isReactElement as k, isRegExp as E, isSet as M, isStr as S, isWeakMap as g, isWeakSet as j } from "./checkers.mjs";
+import { getType as s, isArr as t, isBool as r, isFn as o, isHTMLElement as a, isMap as m, isNum as p, isNumberLike as n, isObj as b, isPlainObj as l, isReactElement as k, isRegExp as u, isSet as x, isStr as E, isWeakMap as M, isWeakSet as S } from "./checkers.mjs";
+import { debounce as f } from "./debounce.mjs";
 export {
+  f as debounce,
   s as getType,
   t as isArr,
-  a as isBool,
-  r as isFn,
-  m as isHTMLElement,
-  p as isMap,
-  l as isNum,
+  r as isBool,
+  o as isFn,
+  a as isHTMLElement,
+  m as isMap,
+  p as isNum,
   n as isNumberLike,
-  o as isObj,
-  b as isPlainObj,
+  b as isObj,
+  l as isPlainObj,
   k as isReactElement,
-  E as isRegExp,
-  M as isSet,
-  S as isStr,
-  g as isWeakMap,
-  j as isWeakSet
+  u as isRegExp,
+  x as isSet,
+  E as isStr,
+  M as isWeakMap,
+  S as isWeakSet
 };

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./src/index.js");const t=require("./src/components/panel/panel-item.vue.js"),r=require("./src/context/design.js"),i=require("./src/components/form-desgin.js"),o=require("./src/core/index.js"),s=require("./src/components/props/form-config.vue.js"),e=require("./src/config/index.js"),n=require("./src/effects/onEffects.js");exports.FormPanelItem=t.default;exports.useInjectDesignContext=r.useInjectDesignContext;exports.FormDesign=i.default;exports.CreateFormDesign=o.CreateFormDesign;exports.FormConfig=s.default;exports.BaseSchema=e.BaseSchema;exports.ExtendSchema=e.ExtendSchema;exports.LayoutSchema=e.LayoutSchema;exports.onDesignFieldChange=n.onDesignFieldChange;exports.onDesignInit=n.onDesignInit;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./src/index.js");const n=require("./src/components/base/Carousel.vue.js"),r=require("./src/components/panel/panel-item.vue.js"),i=require("./src/context/design.js"),s=require("./src/components/form-desgin.js"),u=require("./src/core/index.js"),o=require("./src/components/props/form-config.vue.js"),e=require("./src/config/index.js"),t=require("./src/effects/onEffects.js");exports.Carousel=n.default;exports.FormPanelItem=r.default;exports.useInjectDesignContext=i.useInjectDesignContext;exports.FormDesign=s.default;exports.CreateFormDesign=u.CreateFormDesign;exports.FormConfig=o.default;exports.BaseSchema=e.BaseSchema;exports.ExtendSchema=e.ExtendSchema;exports.LayoutSchema=e.LayoutSchema;exports.tempSchema=e.tempSchema;exports.onDesignFieldChange=t.onDesignFieldChange;exports.onDesignInit=t.onDesignInit;

package/dist/lib/src/components/base/Carousel.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../internal.js");const y=require("../../hooks/use-namespace/index.js"),_=e.defineComponent({__name:"Carousel",props:{modelValue:{type:Number,default:0},isAnimating:{type:Boolean,default:!0},direction:{type:String,default:"horizontal",validator:r=>["horizontal","vertical"].includes(r)}},emits:["update:modelValue","afterChange"],setup(r,{expose:c,emit:f}){const a=r,l=f,{b:d}=y.useNamespace("carousel"),u=e.ref(),n=e.ref(a.modelValue),i=e.ref(0);function o(){u.value&&(i.value=u.value.children.length)}e.watch(()=>a.modelValue,t=>{t!==n.value&&(n.value=t)});function s(t){t<0||t>=i.value||(n.value=t,l("update:modelValue",t),a.isAnimating||l("afterChange",t))}function m(t){s(t)}function v(){e.nextTick(()=>{o(),n.value<i.value-1&&s(n.value+1)})}function p(){e.nextTick(()=>{o(),n.value>0&&s(n.value-1)})}function g(){l("afterChange",n.value)}const h=e.computed(()=>{const t=-n.value*100;return{transform:a.direction==="horizontal"?`translateX(${t}%)`:`translateY(${t}%)`,transition:a.isAnimating?"transform 0.3s ease-in-out":"none",flexDirection:a.direction==="horizontal"?"row":"column"}});return c({next:v,prev:p,goTo:m,currentIndex:n}),e.onMounted(o),e.onUpdated(o),(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d)())},[e.createElementVNode("div",{ref_key:"trackRef",ref:u,class:"carousel-track",style:e.normalizeStyle(h.value),onTransitionend:g},[e.renderSlot(t.$slots,"default")],36)],2))}});exports.default=_;

package/dist/lib/src/components/base/Carousel.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Carousel.vue.js");exports.default=e.default;