@king-one/antdv 2.0.4 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @king-one/antdv
 
+## 2.1.0
+
+### Minor Changes
+
+- 增加一个 pro-form-render 组件
+
 ## 2.0.4
 
 ### Patch Changes

package/dist/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/es/components/index.mjs

@@ -1,49 +1,51 @@
 import { KCollapseTranstion as t } from "./collapse-transtion/index.mjs";
-import { KProModal as K } from "./pro-modal/index.mjs";
+import { KProModal as m } from "./pro-modal/index.mjs";
 import { KProTitle as f } from "./pro-title/index.mjs";
 import { KScrollBar as l } from "./scroll-bar/index.mjs";
 import { KCoverScrollBar as P } from "./cover-scroll-bar/index.mjs";
 import { KScaleVirtualList as i } from "./scale-virtual-list/index.mjs";
-import { KProTag as s } from "./pro-tag/index.mjs";
+import { KProTag as n } from "./pro-tag/index.mjs";
 import { KProPicker as T } from "./pro-picker/index.mjs";
-import { KProArea as g } from "./pro-area/index.mjs";
-import { KProSignature as v } from "./pro-signature/index.mjs";
+import { KProArea as d } from "./pro-area/index.mjs";
+import { KProSignature as u } from "./pro-signature/index.mjs";
 import { KProTable as A } from "./pro-table/index.mjs";
-import { KIcon as B } from "./icon/index.mjs";
+import { KIcon as R } from "./icon/index.mjs";
 import { KProUpload as V } from "./pro-upload/index.mjs";
 import { KProContractView as k } from "./pro-contract-view/index.mjs";
 import "./pro-loading/index.mjs";
 import { KPlusUpload as y } from "./plus-upload/index.mjs";
-import { KProOverlay as G } from "./pro-overlay/index.mjs";
-import { KProSign as L } from "./pro-sign/index.mjs";
-import { KUserSelector as O } from "./pro-selector/index.mjs";
-import { KProUserAvatar as j, KUserAvatar as q } from "./pro-user-avatar/index.mjs";
-import { KProRoleSelector as E, KRoleSelector as F } from "./role-selector/index.mjs";
+import { KProOverlay as F } from "./pro-overlay/index.mjs";
+import { KProSign as I } from "./pro-sign/index.mjs";
+import { KUserSelector as M } from "./pro-selector/index.mjs";
+import { KProUserAvatar as h, KUserAvatar as j } from "./pro-user-avatar/index.mjs";
+import { KProRoleSelector as z, KRoleSelector as E } from "./role-selector/index.mjs";
 import { KDeptSelector as J } from "./dept-selector/index.mjs";
 import { KProTagGroup as Q } from "./pro-tag-group/index.mjs";
+import { KFormRender as X } from "./pro-form-render/index.mjs";
 export {
   t as KCollapseTranstion,
   P as KCoverScrollBar,
   J as KDeptSelector,
-  B as KIcon,
+  X as KFormRender,
+  R as KIcon,
   y as KPlusUpload,
-  g as KProArea,
+  d as KProArea,
   k as KProContractView,
-  K as KProModal,
-  G as KProOverlay,
+  m as KProModal,
+  F as KProOverlay,
   T as KProPicker,
-  E as KProRoleSelector,
-  L as KProSign,
-  v as KProSignature,
+  z as KProRoleSelector,
+  I as KProSign,
+  u as KProSignature,
   A as KProTable,
-  s as KProTag,
+  n as KProTag,
   Q as KProTagGroup,
   f as KProTitle,
   V as KProUpload,
-  j as KProUserAvatar,
-  F as KRoleSelector,
+  h as KProUserAvatar,
+  E as KRoleSelector,
   i as KScaleVirtualList,
   l as KScrollBar,
-  q as KUserAvatar,
-  O as KUserSelector
+  j as KUserAvatar,
+  M as KUserSelector
 };

package/dist/es/components/pro-form-render/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as r } from "../utils/install.mjs";
+import "./src/index.vue2.mjs";
+import { FormItemProps as i, FormRenderProps as f } from "./src/types.mjs";
+import o from "./src/index.vue.mjs";
+const p = r(o);
+export {
+  i as FormItemProps,
+  o as FormRender,
+  f as FormRenderProps,
+  p as KFormRender
+};

package/dist/es/components/pro-form-render/src/index.vue.mjs

@@ -0,0 +1,107 @@
+import { defineComponent as A, ref as s, computed as I, watch as b, watchEffect as $, createBlock as u, openBlock as n, unref as c, withCtx as i, createElementBlock as F, Fragment as R, renderList as w, resolveDynamicComponent as q } from "vue";
+import { Form as D, FormItem as E } from "ant-design-vue";
+import { FormRenderProps as L } from "./types.mjs";
+import "./module/index.mjs";
+import { formatFormItems as P, getMesg as V } from "./utils.mjs";
+import B from "./module/AioDatePicker.vue.mjs";
+import C from "./module/AioListInput.vue.mjs";
+import M from "./module/AioTimePicker.vue.mjs";
+import S from "./module/AioTextarea.vue.mjs";
+import T from "./module/AioSelect.vue.mjs";
+import U from "./module/AioInputNumber.vue.mjs";
+import N from "./module/AioSwitch.vue.mjs";
+import j from "./module/AioInput.vue.mjs";
+const te = /* @__PURE__ */ A({
+  name: "ProFormRender",
+  __name: "index",
+  props: L,
+  emits: ["change"],
+  setup(p, { expose: d, emit: g }) {
+    const a = p, _ = g, h = {
+      AioInput: j,
+      AioSwitch: N,
+      AioInputNumber: U,
+      AioSelect: T,
+      AioTextarea: S,
+      AioTimePicker: M,
+      AioListInput: C,
+      AioDatePicker: B
+    }, o = s({}), l = s(), f = I(() => a.formItems ? Array.isArray(a.formItems) ? P(a.formItems) : [] : []);
+    b(() => a.formItems, (e) => {
+      e && _("change", e);
+    }, { deep: !0 }), $(() => {
+      f.value.forEach((e) => {
+        e.key in o.value || (o.value[e.key] = e.defaultValue);
+      });
+    });
+    function y(e) {
+      var m;
+      if (e.type === "AioListInput")
+        return [{ required: e.required ?? !1, message: "", trigger: ["blur", "change"] }];
+      const t = V(e), r = [
+        { required: e.required ?? !1, message: t, trigger: ["blur", "change"] }
+      ];
+      if ((m = e.properties) != null && m.regex) {
+        const x = new RegExp(e.properties.regex);
+        r.push({
+          pattern: x,
+          message: e.properties.regexMessage || "格式不正确",
+          trigger: ["blur", "change"]
+        });
+      }
+      return r;
+    }
+    function k(e) {
+      l.value.validate().then(() => {
+        var t;
+        (t = e.success) == null || t.call(e, o.value);
+      }).catch((t) => {
+        var r;
+        console.log("表单校验失败:", t), (r = e.error) == null || r.call(e, t);
+      });
+    }
+    function v() {
+      return o.value;
+    }
+    return d({
+      submit: k,
+      getFormData: v
+    }), (e, t) => (n(), u(c(D), {
+      ref_key: "formRef",
+      ref: l,
+      model: o.value,
+      "label-col": { span: 8 },
+      style: { width: "360px" }
+    }, {
+      default: i(() => [
+        (n(!0), F(
+          R,
+          null,
+          w(f.value, (r) => (n(), u(c(E), {
+            key: r.key,
+            label: r.label,
+            name: r.key,
+            rules: y(r)
+          }, {
+            default: i(() => [
+              (n(), u(q(h[r.type]), {
+                modelValue: o.value[r.key],
+                "onUpdate:modelValue": (m) => o.value[r.key] = m,
+                "form-item": r
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "form-item"]))
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["label", "name", "rules"]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["model"]));
+  }
+});
+export {
+  te as default
+};

package/dist/es/components/pro-form-render/src/index.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioDatePicker.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as a, useModel as m, createBlock as u, openBlock as p, unref as d, mergeProps as n, mergeModels as s } from "vue";
+import { DatePicker as i } from "ant-design-vue";
+import { FormItemProps as f } from "../types.mjs";
+const c = "YYYY-MM-DD", D = /* @__PURE__ */ a({
+  __name: "AioDatePicker",
+  props: /* @__PURE__ */ s(f, {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const e = m(l, "modelValue");
+    return (o, r) => (p(), u(d(i), n({
+      value: e.value,
+      "onUpdate:value": r[0] || (r[0] = (t) => e.value = t),
+      placeholder: o.formItem.placeholder
+    }, o.formItem.properties || {}, {
+      "value-format": c,
+      style: { width: "100%" }
+    }), null, 16, ["value", "placeholder"]));
+  }
+});
+export {
+  D as default
+};

package/dist/es/components/pro-form-render/src/module/AioDatePicker.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioInput.vue.mjs

@@ -0,0 +1,25 @@
+import { defineComponent as t, useModel as p, createBlock as u, openBlock as a, unref as d, mergeProps as n, mergeModels as s } from "vue";
+import { Input as f } from "ant-design-vue";
+import { FormItemProps as i } from "../types.mjs";
+const V = /* @__PURE__ */ t({
+  __name: "AioInput",
+  props: /* @__PURE__ */ s(i, {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const e = p(r, "modelValue");
+    return (o, l) => (a(), u(d(f), n({
+      value: e.value,
+      "onUpdate:value": l[0] || (l[0] = (m) => e.value = m),
+      placeholder: o.formItem.placeholder
+    }, o.formItem.properties || {}), null, 16, ["value", "placeholder"]));
+  }
+});
+export {
+  V as default
+};

package/dist/es/components/pro-form-render/src/module/AioInput.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioInputNumber.vue.mjs

@@ -0,0 +1,25 @@
+import { defineComponent as t, useModel as u, createBlock as p, openBlock as a, unref as d, mergeProps as n, mergeModels as s } from "vue";
+import { InputNumber as f } from "ant-design-vue";
+import { FormItemProps as i } from "../types.mjs";
+const V = /* @__PURE__ */ t({
+  __name: "AioInputNumber",
+  props: /* @__PURE__ */ s(i, {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const e = u(l, "modelValue");
+    return (o, r) => (a(), p(d(f), n({
+      value: e.value,
+      "onUpdate:value": r[0] || (r[0] = (m) => e.value = m),
+      placeholder: o.formItem.placeholder
+    }, o.formItem.properties || {}, { style: { width: "100%" } }), null, 16, ["value", "placeholder"]));
+  }
+});
+export {
+  V as default
+};

package/dist/es/components/pro-form-render/src/module/AioInputNumber.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioListInput.css

@@ -0,0 +1 @@
+.aio-list-input .aio-list-input-item[data-v-14a96bc2]{display:flex;align-items:center;justify-content:space-between}.aio-list-input .aio-list-input-item .aio-list-input-icon[data-v-14a96bc2]{display:flex;margin-left:12px}

package/dist/es/components/pro-form-render/src/module/AioListInput.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./AioListInput.vue2.mjs";
+/* empty css                   */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-14a96bc2"]]);
+export {
+  i as default
+};

package/dist/es/components/pro-form-render/src/module/AioListInput.vue2.mjs

@@ -0,0 +1,84 @@
+import { pushScopeId as v, popScopeId as h, createElementVNode as i, defineComponent as I, useModel as _, createElementBlock as p, openBlock as u, createVNode as s, Fragment as g, renderList as k, createBlock as y, unref as t, withCtx as m, mergeProps as V, mergeModels as C } from "vue";
+import { FormItem as b, Input as B, Button as w } from "ant-design-vue";
+import { KIcon as F } from "../../../icon/index.mjs";
+import { FormItemProps as M } from "../types.mjs";
+const S = (o) => (v("data-v-14a96bc2"), o = o(), h(), o), q = { class: "aio-list-input" }, z = { class: "aio-list-input-item" }, A = { class: "aio-list-input-icon" }, E = /* @__PURE__ */ S(() => /* @__PURE__ */ i(
+  "div",
+  { style: { "font-size": "14px", "padding-left": "6px" } },
+  " +新增 ",
+  -1
+  /* HOISTED */
+)), $ = /* @__PURE__ */ I({
+  __name: "AioListInput",
+  props: /* @__PURE__ */ C(M, {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = _(o, "modelValue");
+    function c() {
+      l.value.push({ value: "" });
+    }
+    function f(e) {
+      e !== 0 && l.value.splice(e, 1);
+    }
+    return (e, n) => (u(), p("div", q, [
+      (u(!0), p(
+        g,
+        null,
+        k(l.value, (r, a) => (u(), y(t(b), {
+          key: a,
+          label: "",
+          name: [e.formItem.key, a, "value"],
+          rules: {
+            required: e.formItem.required ?? !1,
+            message: "请输入内容",
+            trigger: "blur"
+          }
+        }, {
+          default: m(() => [
+            i("div", z, [
+              s(t(B), V({
+                value: r.value,
+                "onUpdate:value": (d) => r.value = d,
+                placeholder: e.formItem.placeholder,
+                ref_for: !0
+              }, e.formItem.properties || {}), null, 16, ["value", "onUpdate:value", "placeholder"]),
+              i("div", A, [
+                s(t(F), {
+                  name: "guanbi",
+                  color: "#f56c6c",
+                  size: 24,
+                  style: { cursor: "pointer" },
+                  onClick: (d) => f(a)
+                }, null, 8, ["onClick"])
+              ])
+            ])
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, 1032, ["name", "rules"]))),
+        128
+        /* KEYED_FRAGMENT */
+      )),
+      s(t(w), {
+        type: "dashed",
+        style: { width: "100%" },
+        onClick: n[0] || (n[0] = (r) => c())
+      }, {
+        default: m(() => [
+          E
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/es/components/pro-form-render/src/module/AioSelect.vue.mjs

@@ -0,0 +1,53 @@
+import { defineComponent as s, useModel as i, computed as c, createBlock as u, openBlock as o, unref as m, mergeProps as f, withCtx as n, createElementBlock as v, Fragment as g, renderList as S, createTextVNode as V, toDisplayString as h, mergeModels as k } from "vue";
+import { Select as y, SelectOption as I } from "ant-design-vue";
+import { FormItemProps as B } from "../types.mjs";
+const C = /* @__PURE__ */ s({
+  __name: "AioSelect",
+  props: /* @__PURE__ */ k(B, {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const p = l, r = i(l, "modelValue"), d = c(() => {
+      var e;
+      return ((e = p.formItem.properties) == null ? void 0 : e.options) || [];
+    });
+    return (e, a) => (o(), u(m(y), f({
+      value: r.value,
+      "onUpdate:value": a[0] || (a[0] = (t) => r.value = t),
+      placeholder: e.formItem.placeholder
+    }, e.formItem.properties || {}, { style: { width: "100%" } }), {
+      default: n(() => [
+        (o(!0), v(
+          g,
+          null,
+          S(d.value, (t) => (o(), u(m(I), {
+            key: t.value,
+            value: t.value
+          }, {
+            default: n(() => [
+              V(
+                h(t.label),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["value"]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      _: 1
+      /* STABLE */
+    }, 16, ["value", "placeholder"]));
+  }
+});
+export {
+  C as default
+};

package/dist/es/components/pro-form-render/src/module/AioSelect.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioSwitch.vue.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as m, useModel as d, createBlock as p, openBlock as a, unref as u, mergeProps as n, mergeModels as s } from "vue";
+import { Switch as c } from "ant-design-vue";
+import { FormItemProps as i } from "../types.mjs";
+const V = /* @__PURE__ */ m({
+  __name: "AioSwitch",
+  props: /* @__PURE__ */ s(i, {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const e = d(r, "modelValue");
+    return (t, o) => (a(), p(u(c), n({
+      checked: e.value,
+      "onUpdate:checked": o[0] || (o[0] = (l) => e.value = l)
+    }, t.formItem.properties || {}), null, 16, ["checked"]));
+  }
+});
+export {
+  V as default
+};

package/dist/es/components/pro-form-render/src/module/AioSwitch.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioTextarea.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as s, useModel as u, computed as p, createBlock as n, openBlock as d, unref as i, mergeProps as f, mergeModels as c } from "vue";
+import { Textarea as v } from "ant-design-vue";
+import { FormItemProps as w } from "../types.mjs";
+const M = /* @__PURE__ */ s({
+  __name: "AioTextarea",
+  props: /* @__PURE__ */ c(w, {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const m = r, t = u(r, "modelValue"), a = p(() => {
+      var o;
+      const e = (o = m.formItem.properties) == null ? void 0 : o.rows;
+      return Number.isInteger(e) && e > 0 ? Math.max(e, 2) : 2;
+    });
+    return (e, o) => (d(), n(i(v), f({
+      value: t.value,
+      "onUpdate:value": o[0] || (o[0] = (l) => t.value = l),
+      placeholder: e.formItem.placeholder
+    }, e.formItem.properties || {}, {
+      "auto-size": { minRows: a.value, maxRows: 20 }
+    }), null, 16, ["value", "placeholder", "auto-size"]));
+  }
+});
+export {
+  M as default
+};

package/dist/es/components/pro-form-render/src/module/AioTextarea.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/AioTimePicker.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as t, useModel as a, createBlock as u, openBlock as p, unref as d, mergeProps as s, mergeModels as i } from "vue";
+import { TimePicker as n } from "ant-design-vue";
+import { FormItemProps as f } from "../types.mjs";
+const c = "HH:mm:ss", V = /* @__PURE__ */ t({
+  __name: "AioTimePicker",
+  props: /* @__PURE__ */ i(f, {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const e = a(l, "modelValue");
+    return (o, r) => (p(), u(d(n), s({
+      value: e.value,
+      "onUpdate:value": r[0] || (r[0] = (m) => e.value = m),
+      "value-format": c,
+      placeholder: o.formItem.placeholder
+    }, o.formItem.properties || {}, { style: { width: "100%" } }), null, 16, ["value", "placeholder"]));
+  }
+});
+export {
+  V as default
+};

package/dist/es/components/pro-form-render/src/module/AioTimePicker.vue2.mjs

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

package/dist/es/components/pro-form-render/src/module/index.mjs

@@ -0,0 +1,11 @@
+import "./AioInput.vue2.mjs";
+import "./AioSwitch.vue2.mjs";
+import "./AioInputNumber.vue2.mjs";
+import "./AioSelect.vue2.mjs";
+import "./AioTextarea.vue2.mjs";
+import "./AioTimePicker.vue2.mjs";
+import { default as s } from "./AioListInput.vue.mjs";
+import "./AioDatePicker.vue2.mjs";
+export {
+  s as AioListInput
+};

package/dist/es/components/pro-form-render/src/types.mjs

@@ -0,0 +1,15 @@
+const e = {
+  formItem: {
+    type: Object,
+    default: () => ({})
+  }
+}, t = {
+  formItems: {
+    type: Array,
+    default: () => []
+  }
+};
+export {
+  e as FormItemProps,
+  t as FormRenderProps
+};

package/dist/es/components/pro-form-render/src/utils.mjs

@@ -0,0 +1,17 @@
+function a(e) {
+  return e.map((u) => ({
+    ...u,
+    defaultValue: r(u),
+    required: u.required ?? !1
+  }));
+}
+function l(e) {
+  return e.type === "AioDatePicker" || e.type === "AioSelect" || e.type === "AioTimePicker" ? `请选择${e.label}` : `请输入${e.label}`;
+}
+function r(e) {
+  return e.type === "AioSwitch" ? e.defaultValue === void 0 || e.defaultValue === null ? !1 : e.defaultValue : e.type === "AioListInput" ? Array.isArray(e.defaultValue) ? e.defaultValue : [] : e.defaultValue === "AioInputNumber" ? Number(e.defaultValue) : e.defaultValue;
+}
+export {
+  a as formatFormItems,
+  l as getMesg
+};