@king-one/form-antdv 0.0.5 → 0.0.8

package/dist/es/packages/form-antdv/src/components/FormArea/index.mjs

@@ -1,11 +0,0 @@
-import "../../internal.mjs";
-import "./form-area.vue.mjs";
-import { transformComponent as o } from "../../../../form-render/src/utils/transformComponent.mjs";
-import r from "./form-area.vue2.mjs";
-import { connect as m } from "../../../../form-render/src/utils/connect.mjs";
-import { mapProps as t } from "../../../../form-render/src/utils/mapProps.mjs";
-const p = o(r, {}), e = m(p, t());
-export {
-  e as FormArea,
-  p as TransformFormArea
-};

package/dist/es/packages/form-antdv/src/components/Input/index.mjs

@@ -1,12 +0,0 @@
-import { Input as o } from "ant-design-vue";
-import "../../internal.mjs";
-import { transformComponent as t } from "../../../../form-render/src/utils/transformComponent.mjs";
-import { connect as r } from "../../../../form-render/src/utils/connect.mjs";
-import { mapProps as p } from "../../../../form-render/src/utils/mapProps.mjs";
-const m = t(o, {
-  change: "update:value"
-}), u = r(m, p());
-export {
-  u as Input,
-  m as TransformInput
-};

package/dist/es/packages/form-antdv/src/components/InputNumber/index.mjs

@@ -1,12 +0,0 @@
-import { InputNumber as o } from "ant-design-vue";
-import "../../internal.mjs";
-import { transformComponent as r } from "../../../../form-render/src/utils/transformComponent.mjs";
-import { connect as m } from "../../../../form-render/src/utils/connect.mjs";
-import { mapProps as t } from "../../../../form-render/src/utils/mapProps.mjs";
-const p = r(o, {
-  change: "update:value"
-}), s = m(p, t());
-export {
-  s as InputNumber,
-  p as TransformInput
-};

package/dist/es/packages/form-antdv/src/components/Select/index.mjs

@@ -1,15 +0,0 @@
-import { Select as r } from "ant-design-vue";
-import "../../internal.mjs";
-import { transformComponent as m } from "../../../../form-render/src/utils/transformComponent.mjs";
-import { connect as e } from "../../../../form-render/src/utils/connect.mjs";
-import { mapProps as n } from "../../../../form-render/src/utils/mapProps.mjs";
-const p = m(r, {
-  change: "update:value"
-}), f = e(p, n({}, (t, o) => ({
-  ...t,
-  options: o == null ? void 0 : o.enum
-})));
-export {
-  f as Select,
-  p as TransformSelect
-};

package/dist/es/packages/form-antdv/src/internal.mjs

@@ -1,2 +0,0 @@
-import "../../form-render/src/index.mjs";
-import "./hooks/index.mjs";

package/dist/es/packages/form-render/src/components/FormProvider.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./FormProvider.vue2.mjs";
-export {
-  f as default
-};

package/dist/es/packages/form-render/src/components/FormProvider.vue2.mjs

@@ -1,39 +0,0 @@
-import { defineComponent as f, useSlots as u, openBlock as s, createElementBlock as p, Fragment as y, renderList as v, unref as _, createBlock as F, resolveDynamicComponent as P } from "vue";
-import { useProvideFromContext as h } from "../context/form.mjs";
-import { FormProviderProps as k } from "./propsType.mjs";
-/* empty css                            */
-const j = { class: "k-render-form-provider" }, g = /* @__PURE__ */ f({
-  __name: "FormProvider",
-  props: k,
-  setup(l) {
-    var i;
-    const a = l, n = ["SchemaField"], c = u(), m = ((i = c.default) == null ? void 0 : i.call(c)) || [];
-    m.forEach((o) => {
-      var e, t;
-      console.log((e = o.type) == null ? void 0 : e.name);
-      const r = (t = o.type) == null ? void 0 : t.name;
-      if (!r) {
-        console.warn(`FormProvider 组件内只能包含 ${n.join(", ")} 组件`);
-        return;
-      }
-      typeof o.type == "object" && !n.includes(r) && console.warn(`FormProvider 组件内只能包含 ${n.join(", ")} 组件`);
-    });
-    const d = m.filter((o) => {
-      var e;
-      const r = (e = o.type) == null ? void 0 : e.name;
-      return r ? n.includes(r) : !1;
-    });
-    return h(a.form), (o, r) => (s(), p("div", j, [
-      (s(!0), p(
-        y,
-        null,
-        v(_(d), (e, t) => (s(), F(P(e), { key: t }))),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ]));
-  }
-});
-export {
-  g as default
-};

package/dist/es/packages/form-render/src/components/SchemaField.mjs

@@ -1,31 +0,0 @@
-import { defineComponent as i, ref as m, onMounted as n, createVNode as c } from "vue";
-import "../internal.mjs";
-import { SchemaFieldProps as l } from "./propsType.mjs";
-import s from "./widget/RecursionField.mjs";
-import { formatSchema as p } from "../utils/schema.mjs";
-const F = /* @__PURE__ */ i({
-  name: "SchemaField",
-  props: l,
-  setup(t) {
-    const o = m(!1);
-    let a = null;
-    const r = async () => {
-      try {
-        const {
-          schema: e
-        } = t;
-        a = await p(e), o.value = !0;
-      } catch (e) {
-        console.error("Schema initialization failed:", e);
-      }
-    };
-    return n(() => {
-      r();
-    }), () => o.value ? c(s, {
-      schema: a
-    }, null, 8, ["schema"]) : null;
-  }
-});
-export {
-  F as default
-};

package/dist/es/packages/form-render/src/components/propsType.mjs

@@ -1,34 +0,0 @@
-const e = (r) => r, t = {
-  form: {
-    type: e(Object),
-    required: !0
-  }
-}, n = {
-  schema: {
-    type: e(Object),
-    required: !0
-  }
-}, o = {
-  schema: {
-    type: e(Object),
-    required: !0
-  },
-  name: e([String, Number]),
-  basePath: e([String, Number, RegExp, Function])
-}, c = {
-  schema: {
-    type: e(Object),
-    required: !0
-  },
-  name: {
-    type: e([String, Number])
-  },
-  basePath: e([String, Number, RegExp, Function])
-};
-export {
-  c as BaseFieldProps,
-  t as FormProviderProps,
-  o as RecursionFieldProps,
-  n as SchemaFieldProps,
-  e as definePropType
-};

package/dist/es/packages/form-render/src/components/widget/ArrayField.mjs

@@ -1,40 +0,0 @@
-import { isVNode as s, defineComponent as d, createVNode as c } from "vue";
-import { BaseFieldProps as u } from "../propsType.mjs";
-import "../../context/index.mjs";
-import { useInjectFormContext as m } from "../../context/form.mjs";
-import { useProvideFieldContext as f } from "../../context/field.mjs";
-function p(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
-}
-const j = /* @__PURE__ */ d({
-  name: "ArrayField",
-  props: u,
-  setup(e) {
-    const o = m(), t = o == null ? void 0 : o.createArrayField(e.schema, e.name, e.basePath);
-    f(t);
-    const a = () => {
-      if (t.component) {
-        const r = t.component;
-        return c(r, {
-          onChange: (l) => {
-            t.change(l);
-          }
-        }, null, 16);
-      }
-      return null;
-    }, i = (r) => {
-      if (t.decorator) {
-        const n = t.decorator;
-        return c(n, null, p(r) ? r : {
-          default: () => [r],
-          _: 2
-        });
-      }
-      return r;
-    };
-    return () => i(a());
-  }
-});
-export {
-  j as default
-};

package/dist/es/packages/form-render/src/components/widget/ErrorField.mjs

@@ -1,14 +0,0 @@
-import { defineComponent as e, createVNode as r, createTextVNode as o } from "vue";
-const u = /* @__PURE__ */ e({
-  name: "ErrorField",
-  setup() {
-    return () => r("div", {
-      style: {
-        color: "red"
-      }
-    }, [o("该组件未定义")]);
-  }
-});
-export {
-  u as default
-};

package/dist/es/packages/form-render/src/components/widget/Field.mjs

@@ -1,43 +0,0 @@
-import { isVNode as u, defineComponent as s, createVNode as c } from "vue";
-import { BaseFieldProps as d } from "../propsType.mjs";
-import "../../context/index.mjs";
-import { useInjectFormContext as m } from "../../context/form.mjs";
-import { useProvideFieldContext as f } from "../../context/field.mjs";
-function p(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
-}
-const g = /* @__PURE__ */ s({
-  name: "KField",
-  props: d,
-  setup(e) {
-    const r = m(), t = r == null ? void 0 : r.createField(e.schema, e.name, e.basePath);
-    f(t);
-    const i = () => {
-      if (t.component) {
-        const o = t.component;
-        return c(o, {
-          onChange: (a) => {
-            t.change(a);
-          },
-          onBlur: () => {
-            t.blur();
-          }
-        }, null, 16);
-      }
-      return null;
-    }, l = (o) => {
-      if (t.decorator) {
-        const n = t.decorator;
-        return c(n, null, p(o) ? o : {
-          default: () => [o],
-          _: 2
-        });
-      }
-      return o;
-    };
-    return () => l(i());
-  }
-});
-export {
-  g as default
-};

package/dist/es/packages/form-render/src/components/widget/FormItem.mjs

@@ -1,48 +0,0 @@
-import { defineComponent as b, computed as t, createVNode as o, createTextVNode as x, Transition as F } from "vue";
-import "../../internal.mjs";
-import "../../context/index.mjs";
-import { useNamespace as g } from "../../hooks/use-namespace/index.mjs";
-import { useInjectFieldContext as C } from "../../context/field.mjs";
-import { useInjectFormContext as I } from "../../context/form.mjs";
-import { addUnit as N } from "../../utils/style.mjs";
-const V = /* @__PURE__ */ b({
-  name: "KItem",
-  setup(T, {
-    slots: a
-  }) {
-    const {
-      b: i,
-      e: r,
-      em: l
-    } = g("item"), u = t(() => [i()]), e = C(), p = (e == null ? void 0 : e.schema["x-decorator-props"]) || {}, n = I(), c = n == null ? void 0 : n.schema, d = t(() => {
-      if (c)
-        return {
-          width: N(c.labelWidth),
-          textAlign: c.labelPosition
-        };
-    }), v = t(() => {
-      if (e)
-        return e.schema.title;
-    }), s = t(() => e == null ? void 0 : e.validateReactive.status), f = t(() => e == null ? void 0 : e.validateReactive.message), h = t(() => s.value === "error" ? [r("content"), r("error")] : [r("content")]);
-    return () => {
-      var m;
-      return o("div", {
-        class: u.value
-      }, [p.hideTitle ? null : o("label", {
-        class: r("label"),
-        style: d.value
-      }, [v.value, x("：")], 6), o("div", {
-        class: h.value
-      }, [(m = a.default) == null ? void 0 : m.call(a), o(F, {
-        name: "king-form-zoom-in-top"
-      }, {
-        default: () => [s.value === "error" && o("div", {
-          class: [l("content", "error")]
-        }, [f.value], 2)]
-      })], 2)], 2);
-    };
-  }
-});
-export {
-  V as default
-};

package/dist/es/packages/form-render/src/components/widget/ObjectField.mjs

@@ -1,54 +0,0 @@
-import { isVNode as f, defineComponent as p, toRefs as h, createVNode as n, Fragment as i } from "vue";
-import "../../internal.mjs";
-import { BaseFieldProps as b } from "../propsType.mjs";
-import "../../context/index.mjs";
-import F from "./RecursionField.mjs";
-import { useInjectFormContext as j } from "../../context/form.mjs";
-import { useProvideFieldContext as C } from "../../context/field.mjs";
-import { getSchemaProperties as P } from "../../utils/schema.mjs";
-function g(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
-}
-const B = /* @__PURE__ */ p({
-  name: "ObjectField",
-  props: b,
-  setup(e) {
-    const {
-      schema: a
-    } = h(e), c = j();
-    let t = null;
-    a.value["x-component"] && (t = c == null ? void 0 : c.createObjectField(e.schema, e.name, e.basePath), C(t));
-    const s = () => {
-      const l = P(a.value);
-      return n(i, null, [l.map((o, r) => n(F, {
-        key: `${r}-${o.key}`,
-        schema: o.schema,
-        name: o.key,
-        basePath: e.name
-      }, null, 8, ["schema", "name", "basePath"]))]);
-    }, u = () => t ? ((r) => {
-      if (t.decorator) {
-        const m = t.decorator;
-        return n(m, null, g(r) ? r : {
-          default: () => [r],
-          _: 2
-        });
-      }
-      return r;
-    })((() => {
-      if (t.component) {
-        const r = t.component;
-        return n(r, {
-          onChange: (d) => {
-            t.change(d);
-          }
-        }, null, 16);
-      }
-      return null;
-    })()) : null;
-    return () => n(i, null, [a.value["x-component"] ? u() : s()]);
-  }
-});
-export {
-  B as default
-};

package/dist/es/packages/form-render/src/components/widget/RecursionField.mjs

@@ -1,31 +0,0 @@
-import { defineComponent as m, toRefs as n, createVNode as t, createTextVNode as r } from "vue";
-import { RecursionFieldProps as s } from "../propsType.mjs";
-import "./index.mjs";
-import u from "./ObjectField.mjs";
-import l from "./ArrayField.mjs";
-import c from "./Field.mjs";
-const F = /* @__PURE__ */ m({
-  name: "RecursionField",
-  props: s,
-  setup(e) {
-    const {
-      schema: a
-    } = n(e);
-    return () => a.value.type === "object" ? t(u, {
-      schema: e.schema,
-      basePath: e.basePath,
-      name: e.name
-    }, null, 8, ["schema", "basePath", "name"]) : a.value.type === "array" ? t(l, {
-      schema: e.schema,
-      basePath: e.basePath,
-      name: e.name
-    }, null, 8, ["schema", "basePath", "name"]) : a.value.type === "string" || a.value.type === "number" ? t(c, {
-      schema: e.schema,
-      basePath: e.basePath,
-      name: e.name
-    }, null, 8, ["schema", "basePath", "name"]) : t("div", null, [r("未知类型的组件")]);
-  }
-});
-export {
-  F as default
-};

package/dist/es/packages/form-render/src/components/widget/index.mjs

@@ -1,8 +0,0 @@
-import { default as a } from "./ObjectField.mjs";
-import { default as d } from "./ArrayField.mjs";
-import { default as l } from "./Field.mjs";
-export {
-  d as ArrayField,
-  l as Field,
-  a as ObjectField
-};

package/dist/es/packages/form-render/src/context/field.mjs

@@ -1,12 +0,0 @@
-import { provide as o, inject as n } from "vue";
-const e = Symbol("Field");
-function r(t) {
-  return o(e, t);
-}
-function d() {
-  return n(e);
-}
-export {
-  d as useInjectFieldContext,
-  r as useProvideFieldContext
-};

package/dist/es/packages/form-render/src/context/form.mjs

@@ -1,12 +0,0 @@
-import { provide as t, inject as e } from "vue";
-const o = Symbol("FormProvider");
-function m(r) {
-  return t(o, r);
-}
-function i() {
-  return e(o, {});
-}
-export {
-  i as useInjectFormContext,
-  m as useProvideFromContext
-};

package/dist/es/packages/form-render/src/context/index.mjs

@@ -1,8 +0,0 @@
-import { useInjectFieldContext as t, useProvideFieldContext as r } from "./field.mjs";
-import { useInjectFormContext as x, useProvideFromContext as d } from "./form.mjs";
-export {
-  t as useInjectFieldContext,
-  x as useInjectFormContext,
-  r as useProvideFieldContext,
-  d as useProvideFromContext
-};

package/dist/es/packages/form-render/src/core/ArrayField.mjs

@@ -1,22 +0,0 @@
-import "../effects/index.mjs";
-import { Base as i } from "./Base.mjs";
-import { FieldLifeCycleTypes as a } from "../effects/effect.enum.mjs";
-class c extends i {
-  constructor(t, e, s) {
-    super(t, e, s);
-  }
-  makeState() {
-    const e = { ...this.schema["x-component-props"] || {}, value: this.value, disabled: !1, title: this.schema.title || "默认标题" };
-    Object.assign(this.state, e);
-  }
-  change(t) {
-    this.form.notify(a.ON_FIELD_CHANGE, this), this.setValue(t || []);
-  }
-  initialize() {
-    var t;
-    this.setValue(((t = this.schema["x-component-props"]) == null ? void 0 : t.defaultValue) || []);
-  }
-}
-export {
-  c as ArrayField
-};

package/dist/es/packages/form-render/src/core/Base.mjs

@@ -1,162 +0,0 @@
-var g = Object.defineProperty;
-var v = (h, t, e) => t in h ? g(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var c = (h, t, e) => v(h, typeof t != "symbol" ? t + "" : t, e);
-import "../../../../node_modules/.pnpm/@king-one_path@1.0.4/node_modules/@king-one/path/dist/es/index.mjs";
-import { reactive as f, watchEffect as R } from "vue";
-import "../../../../node_modules/.pnpm/@king-one_utils@1.0.14/node_modules/@king-one/utils/index.mjs";
-import S from "../../../../node_modules/.pnpm/async-validator@4.2.5/node_modules/async-validator/dist-web/index.mjs";
-import V from "../components/widget/ErrorField.mjs";
-import "../effects/index.mjs";
-import { Path as d } from "../../../../node_modules/.pnpm/@king-one_path@1.0.4/node_modules/@king-one/path/dist/es/src/index.mjs";
-import { FieldLifeCycleTypes as x } from "../effects/effect.enum.mjs";
-import { isStr as $ } from "../../../../node_modules/.pnpm/@king-one_utils@1.0.14/node_modules/@king-one/utils/src/checkers.mjs";
-class I {
-  constructor(t, e, a) {
-    c(this, "form");
-    c(this, "path");
-    c(this, "schema");
-    c(this, "state", f({}));
-    c(this, "dispose", null);
-    c(this, "validateReactive", f({
-      status: "success",
-      message: "",
-      rules: []
-    }));
-    this.form = t, this.path = e, this.schema = a, this.initialize(), this.makeState(), this.createDispose(), this.trackDispose(), this.initRules();
-  }
-  makeState() {
-    const e = { ...this.schema["x-component-props"] || {}, disabled: !1 };
-    Object.assign(this.state, e);
-  }
-  createDispose() {
-    if (this.schema["x-reactions"]) {
-      const { dependencies: t = [], fulfill: e } = this.schema["x-reactions"];
-      if (t.length) {
-        const { state: a = {} } = e || {}, i = t.map((o) => {
-          const { source: s } = o;
-          return s.startsWith(".") ? this.path.parent().concat(s) : d.parse(s);
-        }), n = () => R(() => {
-          const o = {
-            $deps: {}
-          };
-          t.forEach((s) => {
-            const { property: l, source: r, name: u } = s, m = (r.startsWith(".") ? this.path.parent().concat(r) : d.parse(r)).toString();
-            o.$deps[u] = this.form.fields[m] ? this.form.fields[m].getState(l) : "";
-          });
-          for (const s in a)
-            if (Reflect.has(this.state, s) || s === "value") {
-              const l = /^\s*\{\{([\s\S]*)\}\}\s*$/, r = a[s].match(l);
-              if (!r)
-                continue;
-              const u = (r == null ? void 0 : r[1]) || "", p = new Function("$root", `with($root) { return (${u}); }`)(
-                o
-              );
-              this.setValue(p);
-            }
-        });
-        this.dispose = {
-          autorun: n,
-          path: i,
-          isActive: !1,
-          stop: null
-        };
-      }
-    }
-  }
-  trackDispose() {
-    if (this.dispose) {
-      const { autorun: t, path: e, isActive: a } = this.dispose;
-      e.every((n) => this.form.fields[n.toString()]) && !a && (this.dispose.isActive = !0, this.dispose.stop = t());
-    }
-  }
-  initialize() {
-    const e = this.schema["x-component-props"].defaultValue || (typeof this.value == "string" ? "" : 0);
-    this.setValue(e);
-  }
-  change(t) {
-    this.form.notify(x.ON_FIELD_CHANGE, this), this.setValue(t), this.validate("change");
-  }
-  validate(t) {
-    return new Promise((e) => {
-      const a = this.getTriggeredRules(t);
-      if (a.length === 0)
-        e(null);
-      else {
-        const i = this.path.toString();
-        new S({
-          [i]: a
-        }).validate({ [i]: this.value }, (o) => {
-          o ? (this.validateReactive.status = "error", this.validateReactive.message = o[0].message || "", console.warn(JSON.stringify(o[0])), e(o)) : (this.validateReactive.status = "success", e(o));
-        });
-      }
-    });
-  }
-  setValidateRule(t) {
-    this.validateReactive.rules.push(t);
-  }
-  initRules() {
-    const t = this.schema["x-validator"] || [];
-    this.schema.required && t.push({
-      required: !0,
-      message: `${this.schema.title}不能为空`
-    }), this.validateReactive.rules = t;
-  }
-  getTriggeredRules(t) {
-    const e = this.validateReactive.rules || [];
-    return e.length ? (t ? e.filter((i) => !i.trigger || i.trigger === t) : e).map((i) => this.transformValidator(i)).map(({ trigger: i, ...n }) => n) : [];
-  }
-  transformValidator(t) {
-    const { validator: e, ...a } = t;
-    if (e) {
-      const i = this.path.parent(), n = this.form.getValuesIn(i);
-      return {
-        validator: $(e) ? () => {
-          const o = /^\s*\{\{([\s\S]*)\}\}\s*$/, s = e.match(o);
-          if (!s)
-            return !0;
-          const l = (s == null ? void 0 : s[1]) || "", r = {
-            $parent: n,
-            $value: this.value
-          }, u = `
-            with (scope) {
-              ${l}
-            }
-          `;
-          return new Function("scope", u)(r);
-        } : e,
-        ...a
-      };
-    } else
-      return t;
-  }
-  setState(t) {
-    t(this.state);
-  }
-  setValue(t) {
-    this.form.setValuesIn(this.path, t);
-  }
-  getState(t) {
-    return t === "value" ? this.value : this.state[t];
-  }
-  get value() {
-    return this.form.getValuesIn(this.path);
-  }
-  get component() {
-    const t = this.schema["x-component"];
-    return t && this.form.components[t] || V;
-  }
-  get decorator() {
-    const t = this.schema["x-decorator"] || "FormItem";
-    return this.form.components[t] || null;
-  }
-  /**
-   * 销毁字段实例，清理资源
-   */
-  destroy() {
-    var t;
-    (t = this.dispose) != null && t.stop && this.dispose.stop(), this.dispose = null;
-  }
-}
-export {
-  I as Base
-};

package/dist/es/packages/form-render/src/core/Field.mjs

@@ -1,17 +0,0 @@
-import { Base as t } from "./Base.mjs";
-class a extends t {
-  constructor(r, e, s) {
-    super(r, e, s);
-  }
-  // change(value: any) {
-  //   this.form.notify(FieldLifeCycleTypes.ON_FIELD_CHANGE, this)
-  //   this.setValue(value)
-  //   this.validate('change')
-  // }
-  blur() {
-    this.validate("blur");
-  }
-}
-export {
-  a as Field
-};