@king-one/antdv 2.0.4 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 2.2.0
+
+### Minor Changes
+
+- 增加了 pro-cell 组件
+
+## 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,55 @@
 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 { KScrollBar as x } 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 { 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 { KProTable as A } from "./pro-table/index.mjs";
-import { KIcon as B } from "./icon/index.mjs";
-import { KProUpload as V } from "./pro-upload/index.mjs";
-import { KProContractView as k } from "./pro-contract-view/index.mjs";
+import { KProTag as n } from "./pro-tag/index.mjs";
+import { KProPicker as u } from "./pro-picker/index.mjs";
+import { KProArea as T } from "./pro-area/index.mjs";
+import { KProSignature as d } from "./pro-signature/index.mjs";
+import { KProTable as v } from "./pro-table/index.mjs";
+import { KIcon as R } from "./icon/index.mjs";
+import { KProUpload as G } from "./pro-upload/index.mjs";
+import { KProContractView as b } 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 { KPlusUpload as w } from "./plus-upload/index.mjs";
+import { KProOverlay as D } 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";
+import { KCell as Z } from "./pro-cell/index.mjs";
+import { KCellGroup as $ } from "./pro-cell-group/index.mjs";
 export {
+  Z as KCell,
+  $ as KCellGroup,
   t as KCollapseTranstion,
   P as KCoverScrollBar,
   J as KDeptSelector,
-  B as KIcon,
-  y as KPlusUpload,
-  g as KProArea,
-  k as KProContractView,
-  K as KProModal,
-  G as KProOverlay,
-  T as KProPicker,
-  E as KProRoleSelector,
-  L as KProSign,
-  v as KProSignature,
-  A as KProTable,
-  s as KProTag,
+  X as KFormRender,
+  R as KIcon,
+  w as KPlusUpload,
+  T as KProArea,
+  b as KProContractView,
+  m as KProModal,
+  D as KProOverlay,
+  u as KProPicker,
+  z as KProRoleSelector,
+  I as KProSign,
+  d as KProSignature,
+  v as KProTable,
+  n as KProTag,
   Q as KProTagGroup,
   f as KProTitle,
-  V as KProUpload,
-  j as KProUserAvatar,
-  F as KRoleSelector,
+  G as KProUpload,
+  h as KProUserAvatar,
+  E as KRoleSelector,
   i as KScaleVirtualList,
-  l as KScrollBar,
-  q as KUserAvatar,
-  O as KUserSelector
+  x as KScrollBar,
+  j as KUserAvatar,
+  M as KUserSelector
 };

package/dist/es/components/pro-cell/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as o } from "../utils/install.mjs";
+import l from "./src/index.vue.mjs";
+const m = o(l);
+export {
+  m as KCell,
+  l as ProCell
+};

package/dist/es/components/pro-cell/src/index.css

@@ -0,0 +1 @@
+.is_border[data-v-6550ad7d]{border-bottom:1px solid #e5e5e5}.is_vertical[data-v-6550ad7d]{flex-direction:column}.is_horizontal[data-v-6550ad7d]{flex-direction:row;align-items:center}.pro-cell[data-v-6550ad7d]{display:flex;line-height:32px}.pro-cell .pro-cell-label[data-v-6550ad7d]{display:flex;align-items:center}

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

@@ -0,0 +1,7 @@
+import o from "./index.vue2.mjs";
+/* empty css            */
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6550ad7d"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,109 @@
+import { pushScopeId as Q, popScopeId as T, defineComponent as K, useSlots as U, inject as Y, computed as l, createElementBlock as a, openBlock as s, normalizeStyle as c, normalizeClass as q, createElementVNode as f, renderSlot as C, createCommentVNode as A, unref as b, toDisplayString as m } from "vue";
+import { PRO_CELL_GROUP_KEY as F } from "../../pro-cell-group/src/types.mjs";
+const H = { class: "pro-cell-label" }, Z = /* @__PURE__ */ K({
+  __name: "index",
+  props: {
+    label: {},
+    value: {},
+    isColon: { type: Boolean, default: !1 },
+    isBorder: { type: Boolean, default: !1 },
+    gap: { default: 8 },
+    border: { type: Boolean },
+    labelSize: { default: "" },
+    labelColor: { default: "" },
+    labelWeight: { default: 400 },
+    valueSize: { default: "" },
+    valueColor: { default: "" },
+    valueWeight: { default: 400 },
+    customClass: {},
+    customStyle: {},
+    direction: { default: "horizontal" },
+    colon: { type: Boolean }
+  },
+  setup(S) {
+    const e = S, n = U(), h = Y(F, {}), {
+      border: y,
+      labelSize: g,
+      labelColor: z,
+      labelWeight: x,
+      valueSize: _,
+      valueColor: W,
+      valueWeight: B,
+      customClass: k,
+      customStyle: L,
+      direction: V,
+      colon: E,
+      gap: I
+    } = h || {}, $ = l(() => e.isBorder || y || !1), D = l(() => e.labelSize || g || "14px"), i = l(() => e.labelColor || z || "#ccc"), G = l(() => e.labelWeight || x), N = l(() => e.valueSize || _ || "14px"), u = l(() => e.valueColor || W || "#333"), O = l(() => e.valueWeight || B || 400), P = l(() => e.customClass || k || ""), R = l(() => e.customStyle || L || {}), r = l(() => e.direction || V || "horizontal"), j = l(() => e.isColon || E || !1), w = l(() => e.gap || I || 12);
+    return console.log("valueColor =>", u.value), (d, J) => {
+      var o, v, t, p;
+      return s(), a(
+        "div",
+        {
+          class: q(["pro-cell", [
+            {
+              is_border: $.value,
+              is_vertical: r.value === "vertical",
+              is_horizontal: r.value === "horizontal"
+            },
+            P.value
+          ]]),
+          style: c(R.value)
+        },
+        [
+          f("div", H, [
+            (v = (o = b(n)) == null ? void 0 : o.label) != null && v.call(o) ? C(d.$slots, "label", { key: 0 }, void 0, !0) : (s(), a(
+              "div",
+              {
+                key: 1,
+                style: c({
+                  fontSize: D.value,
+                  color: i.value,
+                  fontWeight: G.value
+                })
+              },
+              m(e.label),
+              5
+              /* TEXT, STYLE */
+            )),
+            j.value ? (s(), a(
+              "span",
+              {
+                key: 2,
+                style: c({
+                  color: i.value
+                })
+              },
+              ":",
+              4
+              /* STYLE */
+            )) : A("v-if", !0)
+          ]),
+          f("div", null, [
+            (p = (t = b(n)) == null ? void 0 : t.value) != null && p.call(t) ? C(d.$slots, "value", { key: 0 }, void 0, !0) : (s(), a(
+              "div",
+              {
+                key: 1,
+                class: "pro-cell-value",
+                style: c({
+                  fontSize: N.value,
+                  color: u.value,
+                  fontWeight: O.value,
+                  paddingLeft: `${w.value}px`
+                })
+              },
+              m(e.value),
+              5
+              /* TEXT, STYLE */
+            ))
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/es/components/pro-cell-group/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as o } from "../utils/install.mjs";
+import "./src/index.vue2.mjs";
+import r from "./src/index.vue.mjs";
+const p = o(r);
+export {
+  p as KCellGroup,
+  r as ProCellGroup
+};

package/dist/es/components/pro-cell-group/src/index.vue.mjs

@@ -0,0 +1,41 @@
+import { defineComponent as t, provide as a, createElementBlock as r, openBlock as i, renderSlot as c } from "vue";
+import { PRO_CELL_GROUP_KEY as n } from "./types.mjs";
+const m = /* @__PURE__ */ t({
+  __name: "index",
+  props: {
+    border: { type: Boolean },
+    labelSize: {},
+    labelColor: {},
+    labelWeight: {},
+    valueSize: {},
+    valueColor: {},
+    valueWeight: {},
+    customClass: {},
+    customStyle: {},
+    direction: {},
+    colon: { type: Boolean },
+    gap: {}
+  },
+  setup(l) {
+    const e = l;
+    return a(n, {
+      border: e.border || !1,
+      labelSize: e.labelSize || "14px",
+      labelColor: e.labelColor || "#ccc",
+      labelWeight: e.labelWeight || 400,
+      valueSize: e.valueSize || "14px",
+      valueColor: e.valueColor || "#333",
+      valueWeight: e.valueWeight || 400,
+      customClass: e.customClass || "",
+      customStyle: e.customStyle || {},
+      direction: e.direction || "horizontal",
+      colon: e.colon || !0,
+      gap: e.gap || 12
+    }), (o, s) => (i(), r("div", null, [
+      c(o.$slots, "default")
+    ]));
+  }
+});
+export {
+  m as default
+};

package/dist/es/components/pro-cell-group/src/index.vue2.mjs

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

package/dist/es/components/pro-cell-group/src/types.mjs

@@ -0,0 +1,4 @@
+const _ = Symbol("PRO_CELL_GROUP_KEY");
+export {
+  _ as PRO_CELL_GROUP_KEY
+};

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-bc182810]{display:flex;align-items:center;justify-content:space-between}.aio-list-input .aio-list-input-item .aio-list-input-icon[data-v-bc182810]{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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bc182810"]]);
+export {
+  m 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-bc182810"), 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
+};