@king-one/antdv 1.0.77 → 1.0.78

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @king-one/antdv
 
+## 1.0.78
+
+### Patch Changes
+
+- feat：KScrollBar 组件,横向滚动条时，增加 wheel 事件,通过滚轮控制滚动
+
 ## 1.0.77
 
 ### Patch Changes

package/dist/es/components/index.mjs

@@ -4,21 +4,23 @@ import { KProModal as f } from "./pro-modal/index.mjs";
 import { KProTitle as a } from "./pro-title/index.mjs";
 import { KScrollBar as P } from "./scroll-bar/index.mjs";
 import { KScaleVirtualList as c } 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 { KProTag as T } from "./pro-tag/index.mjs";
+import { KProPicker as S } from "./pro-picker/index.mjs";
 import { KProArea as u } from "./pro-area/index.mjs";
 import { KProSignature as I } from "./pro-signature/index.mjs";
-import { KIcon as k } from "./icon/index.mjs";
+import { KProTable as d } from "./pro-table/index.mjs";
+import { KIcon as A } from "./icon/index.mjs";
 export {
   p as KCollapseTranstion,
   e as KForm,
   t as KFormItem,
-  k as KIcon,
+  A as KIcon,
   u as KProArea,
   f as KProModal,
-  T as KProPicker,
+  S as KProPicker,
   I as KProSignature,
-  s as KProTag,
+  d as KProTable,
+  T as KProTag,
   a as KProTitle,
   c as KScaleVirtualList,
   P as KScrollBar

package/dist/es/components/pro-table/hooks/use-pro-table.mjs

@@ -0,0 +1,11 @@
+import { ref as r } from "vue";
+function s() {
+  const e = r();
+  return { proTableRef: e, onRefresh: () => {
+    var o;
+    (o = e.value) == null || o.onRefresh();
+  } };
+}
+export {
+  s as useProTable
+};

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

@@ -0,0 +1,12 @@
+import { withInstall as o } from "../utils/install.mjs";
+import "./src/pro-table.vue.mjs";
+import "./style/index.mjs";
+import "./src/types.mjs";
+import { useProTable as s } from "./hooks/use-pro-table.mjs";
+import r from "./src/pro-table.vue2.mjs";
+const e = o(r);
+export {
+  e as KProTable,
+  e as default,
+  s as useProTable
+};

package/dist/es/components/pro-table/src/constants.mjs

@@ -0,0 +1,23 @@
+const e = Symbol(
+  "PRO_TABLE_CONTEXT_PROVIDE_KEY"
+), o = Symbol(
+  "PRO_FIELD_CONTEXT_PROVIDE_KEY"
+), E = [
+  "bodyCell",
+  "customFilterDropdown",
+  "customFilterIcon",
+  "default",
+  "emptyText",
+  "expandColumnTitle",
+  "expandIcon",
+  "expandedRowRender",
+  "footer",
+  "headerCell",
+  "summary",
+  "title"
+];
+export {
+  E as ANTD_SLOT_NAMES,
+  o as FIELD_CONTEXT_PROVIDE_KEY,
+  e as TABLE_CONTEXT_PROVIDE_KEY
+};

package/dist/es/components/pro-table/src/field/field-date-range/field-date-range.vue.mjs

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

package/dist/es/components/pro-table/src/field/field-date-range/field-date-range.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as d, useModel as i, inject as u, toRefs as m, resolveComponent as s, createElementBlock as c, openBlock as p, createCommentVNode as f, createVNode as _, mergeProps as v, unref as V } from "vue";
+import { FIELD_CONTEXT_PROVIDE_KEY as g } from "../../constants.mjs";
+const C = { class: "field-date-range" }, R = /* @__PURE__ */ d({
+  __name: "field-date-range",
+  props: {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = i(t, "modelValue"), n = u(g), { column: r } = m(n);
+    return (E, o) => {
+      const l = s("ARangePicker");
+      return p(), c("div", C, [
+        f(" prettier-ignore-attribute v-bind "),
+        _(l, v({
+          value: e.value,
+          "onUpdate:value": o[0] || (o[0] = (a) => e.value = a)
+        }, V(r).fieldProps), null, 16, ["value"])
+      ]);
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/es/components/pro-table/src/field/field-input/field-input.vue.mjs

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

package/dist/es/components/pro-table/src/field/field-input/field-input.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as d, useModel as i, inject as m, resolveComponent as a, createElementBlock as p, openBlock as s, createCommentVNode as c, createVNode as f, mergeProps as _, unref as v } from "vue";
+import { FIELD_CONTEXT_PROVIDE_KEY as V } from "../../constants.mjs";
+const C = { class: "field-input" }, N = /* @__PURE__ */ d({
+  __name: "field-input",
+  props: {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = i(t, "modelValue"), n = m(V), { column: l } = n;
+    return (E, o) => {
+      const r = a("AInput");
+      return s(), p("div", C, [
+        c(" prettier-ignore-attribute v-bind "),
+        f(r, _({
+          value: e.value,
+          "onUpdate:value": o[0] || (o[0] = (u) => e.value = u)
+        }, v(l).fieldProps), null, 16, ["value"])
+      ]);
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/es/components/pro-table/src/field/field-radio/field-radio.vue.mjs

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

package/dist/es/components/pro-table/src/field/field-radio/field-radio.vue2.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as f, useModel as _, inject as v, toRefs as V, resolveComponent as a, createElementBlock as r, openBlock as o, createCommentVNode as b, createVNode as C, mergeProps as R, unref as d, withCtx as n, Fragment as x, renderList as E, createBlock as g, createTextVNode as k, toDisplayString as A } from "vue";
+import { FIELD_CONTEXT_PROVIDE_KEY as N } from "../../constants.mjs";
+const B = { class: "field-select" }, T = /* @__PURE__ */ f({
+  __name: "field-radio",
+  props: {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i) {
+    const t = _(i, "modelValue"), u = v(N), { fieldOptions: s, column: m } = V(u);
+    return (D, l) => {
+      const c = a("ARadio"), p = a("ARadioGroup");
+      return o(), r("div", B, [
+        b(" prettier-ignore-attribute v-bind "),
+        C(p, R({
+          value: t.value,
+          "onUpdate:value": l[0] || (l[0] = (e) => t.value = e)
+        }, d(m).fieldProps), {
+          default: n(() => [
+            (o(!0), r(
+              x,
+              null,
+              E(d(s), (e) => (o(), g(c, {
+                key: e.value,
+                value: e.value,
+                disabled: e.disabled
+              }, {
+                default: n(() => [
+                  k(
+                    A(e.label),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "disabled"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value"])
+      ]);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/es/components/pro-table/src/field/field-select/field-select.vue.mjs

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

package/dist/es/components/pro-table/src/field/field-select/field-select.vue2.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as f, useModel as _, inject as v, toRefs as V, resolveComponent as n, createElementBlock as r, openBlock as t, createCommentVNode as b, createVNode as C, mergeProps as x, unref as a, withCtx as d, Fragment as E, renderList as O, createBlock as S, createTextVNode as g, toDisplayString as k } from "vue";
+import { FIELD_CONTEXT_PROVIDE_KEY as A } from "../../constants.mjs";
+const N = { class: "field-select" }, T = /* @__PURE__ */ f({
+  __name: "field-select",
+  props: {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i) {
+    const l = _(i, "modelValue"), s = v(A), { fieldOptions: u, column: c } = V(s);
+    return (B, o) => {
+      const m = n("ASelectOption"), p = n("ASelect");
+      return t(), r("div", N, [
+        b(" prettier-ignore-attribute v-bind "),
+        C(p, x({
+          value: l.value,
+          "onUpdate:value": o[0] || (o[0] = (e) => l.value = e)
+        }, a(c).fieldProps), {
+          default: d(() => [
+            (t(!0), r(
+              E,
+              null,
+              O(a(u), (e) => (t(), S(m, {
+                key: e.value,
+                value: e.value,
+                disabled: e.disabled
+              }, {
+                default: d(() => [
+                  g(
+                    k(e.label),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "disabled"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value"])
+      ]);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/es/components/pro-table/src/field/field.css

@@ -0,0 +1 @@
+.field .ant-picker{width:100%}

package/dist/es/components/pro-table/src/field/field.vue.mjs

@@ -0,0 +1,5 @@
+import o from "./field.vue2.mjs";
+/* empty css            */
+export {
+  o as default
+};

package/dist/es/components/pro-table/src/field/field.vue2.mjs

@@ -0,0 +1,118 @@
+import { defineComponent as C, inject as I, toRefs as N, computed as v, reactive as E, ref as P, watchEffect as S, readonly as w, provide as B, resolveComponent as D, createElementBlock as y, openBlock as n, Fragment as F, createCommentVNode as r, createElementVNode as U, createBlock as m, resolveDynamicComponent as $, unref as q, normalizeProps as k, mergeProps as x } from "vue";
+import { TABLE_CONTEXT_PROVIDE_KEY as A, FIELD_CONTEXT_PROVIDE_KEY as K } from "../constants.mjs";
+import { getAvailableVNode as j, handleFn as L } from "../../utils.mjs";
+import "./field-input/field-input.vue.mjs";
+import "./field-select/field-select.vue.mjs";
+import "./field-radio/field-radio.vue.mjs";
+import "./field-date-range/field-date-range.vue.mjs";
+import M from "./field-input/field-input.vue2.mjs";
+import X from "./field-select/field-select.vue2.mjs";
+import Y from "./field-radio/field-radio.vue2.mjs";
+import h from "./field-date-range/field-date-range.vue2.mjs";
+const z = { class: "field" }, ne = /* @__PURE__ */ C({
+  __name: "field",
+  props: {
+    column: {}
+  },
+  setup(e) {
+    const p = I(A), { tableSlots: c } = p, { formState: s } = N(p), V = e.column.dataIndex, o = v({
+      get() {
+        return s.value[V];
+      },
+      set(t) {
+        s.value[V] = t;
+      }
+    }), f = E({
+      column: e.column,
+      value: o.value,
+      formState: s
+    }), b = v(() => c.formField ? !!j(c.formField(f)).length : !1), i = v(
+      () => e.column.valueType || (e.column.valueEnum ? "select" : "text")
+    ), d = P([]);
+    function O() {
+      e.column.request ? T() : R();
+    }
+    O(), S(() => {
+      e.column._fieldOptions = w(d.value);
+    });
+    function R() {
+      if (e.column.valueEnum) {
+        const t = new Map(Object.entries(e.column.valueEnum));
+        d.value = Array.from(t).map(([l, a]) => ({
+          text: a.text,
+          value: l,
+          label: a.text,
+          disabled: a.disabled
+        }));
+      }
+    }
+    async function T() {
+      const t = await L(e.column.request, {});
+      t && (d.value = t);
+    }
+    const g = E({
+      fieldOptions: d,
+      column: e.column
+    });
+    return B(
+      K,
+      g
+    ), (t, l) => {
+      const a = D("column.customFormFieldRender");
+      return n(), y(
+        F,
+        null,
+        [
+          r(" eslint-disable vue/component-name-in-template-casing "),
+          U("div", z, [
+            b.value ? (n(), m(
+              $(q(c).formField),
+              k(x({ key: 0 }, f)),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : t.column.customFormFieldRender ? (n(), m(
+              a,
+              k(x({ key: 1 }, f)),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : (n(), y(
+              F,
+              { key: 2 },
+              [
+                i.value === "text" ? (n(), m(M, {
+                  key: 0,
+                  modelValue: o.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u)
+                }, null, 8, ["modelValue"])) : r("v-if", !0),
+                i.value === "select" ? (n(), m(X, {
+                  key: 1,
+                  modelValue: o.value,
+                  "onUpdate:modelValue": l[1] || (l[1] = (u) => o.value = u)
+                }, null, 8, ["modelValue"])) : r("v-if", !0),
+                i.value === "radio" ? (n(), m(Y, {
+                  key: 2,
+                  modelValue: o.value,
+                  "onUpdate:modelValue": l[2] || (l[2] = (u) => o.value = u)
+                }, null, 8, ["modelValue"])) : r("v-if", !0),
+                i.value === "dateRange" ? (n(), m(h, {
+                  key: 3,
+                  modelValue: o.value,
+                  "onUpdate:modelValue": l[3] || (l[3] = (u) => o.value = u)
+                }, null, 8, ["modelValue"])) : r("v-if", !0)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+export {
+  ne as default
+};

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

@@ -0,0 +1 @@
+.pro-table .pro-table-form .ant-form .ant-form-item{margin-bottom:0}

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

@@ -0,0 +1,5 @@
+import o from "./form-render.vue2.mjs";
+/* empty css                  */
+export {
+  o as default
+};

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

@@ -0,0 +1,147 @@
+import { defineComponent as q, inject as z, toRefs as K, ref as X, computed as i, resolveComponent as a, createElementBlock as c, openBlock as m, createVNode as t, mergeProps as d, unref as u, withCtx as o, createCommentVNode as p, Fragment as b, renderList as Y, createBlock as $, normalizeProps as G, guardReactiveProps as H, createTextVNode as I } from "vue";
+import "./field/field.vue.mjs";
+import { TABLE_CONTEXT_PROVIDE_KEY as J } from "./constants.mjs";
+import M from "./field/field.vue2.mjs";
+const Q = { class: "pro-table-form" }, oe = /* @__PURE__ */ q({
+  __name: "form-render",
+  setup(U, { expose: R }) {
+    const _ = z(J), { columns: v, pageData: h, handleRequest: B } = _, { loading: N, antdFormProps: S, formColNum: f, formState: T, buttonCol: w } = K(_), r = X();
+    function A(e) {
+      return e.valueType !== "option" && !e.hideInForm;
+    }
+    const E = (e) => e.dataIndex;
+    function C() {
+      h.pageNum = 1, B();
+    }
+    function O() {
+      r.value && r.value.validate().then(() => {
+        C();
+      }).catch(console.error);
+    }
+    function V() {
+      r.value && (r.value.resetFields(), C());
+    }
+    const s = i(() => (f == null ? void 0 : f.value) || 0), g = i(() => 24 / s.value), D = i(() => {
+      const e = v.filter(A).length;
+      return (s.value - 1 - e % s.value) * g.value;
+    });
+    function k(e, l = !1) {
+      return e = {
+        span: g.value,
+        // 4 列
+        ...e || {}
+      }, l && e.offset == null && (e.offset = D.value), e;
+    }
+    return R({
+      formRef: r
+    }), (e, l) => {
+      const y = a("AFormItem"), F = a("ACol"), x = a("AButton"), L = a("ASpace"), P = a("ARow"), j = a("AForm");
+      return m(), c("div", Q, [
+        t(j, d({
+          ref_key: "formRef",
+          ref: r,
+          autocomplete: "off",
+          "label-col": { span: 5 }
+        }, u(S), { model: u(T) }), {
+          default: o(() => [
+            t(P, { gutter: [0, 24] }, {
+              default: o(() => [
+                p(" TODO 处理 key 的问题, 有的项没有 key, 有的项没有 dataIndex "),
+                (m(!0), c(
+                  b,
+                  null,
+                  Y(u(v), (n) => (m(), c(
+                    b,
+                    null,
+                    [
+                      A(n) ? (m(), $(
+                        F,
+                        d({
+                          key: n.key,
+                          ref_for: !0
+                        }, k(n.fieldCol)),
+                        {
+                          default: o(() => [
+                            t(y, d({
+                              label: n.title,
+                              name: E(n),
+                              ref_for: !0
+                            }, n.formItemProps), {
+                              default: o(() => [
+                                t(M, { column: n }, null, 8, ["column"])
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["label", "name"])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1040
+                        /* FULL_PROPS, DYNAMIC_SLOTS */
+                      )) : p("v-if", !0)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                )),
+                p(" 重置查询按钮 "),
+                t(
+                  F,
+                  G(H(k(u(w), !0))),
+                  {
+                    default: o(() => [
+                      t(y, { "wrapper-col": { style: { textAlign: "right" } } }, {
+                        default: o(() => [
+                          t(L, null, {
+                            default: o(() => [
+                              t(x, { onClick: V }, {
+                                default: o(() => l[0] || (l[0] = [
+                                  I(" 重置 ")
+                                ])),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              t(x, {
+                                type: "primary",
+                                loading: u(N),
+                                onClick: O
+                              }, {
+                                default: o(() => l[1] || (l[1] = [
+                                  I(" 查询 ")
+                                ])),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["loading"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  },
+                  16
+                  /* FULL_PROPS */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["model"])
+      ]);
+    };
+  }
+});
+export {
+  oe as default
+};

package/dist/es/components/pro-table/src/hooks/use-form.mjs

@@ -0,0 +1,22 @@
+import { ref as o } from "vue";
+function m(n) {
+  const { columns: r } = n, a = o({}), u = ["dateRange"];
+  return {
+    formState: a,
+    genFormState: () => {
+      a.value = r.reduce(
+        (t, e) => {
+          if (e.dataIndex && !e.hideInForm) {
+            const d = e.valueType && u.includes(e.valueType) ? [] : "";
+            t[e.dataIndex] = a.value[e.dataIndex] || e.initialValue || d;
+          }
+          return t;
+        },
+        {}
+      );
+    }
+  };
+}
+export {
+  m as useForm
+};

package/dist/es/components/pro-table/src/hooks/use-table.mjs

@@ -0,0 +1,39 @@
+import { computed as C, readonly as h, unref as q, onMounted as x } from "vue";
+import { handleFn as N, getAvailableVNode as O } from "../../utils.mjs";
+function B(d, n, { loading: o, pageData: t, formState: i, dataSource: f }) {
+  const { columns: c, request: m, requestImmediately: p } = d, y = C(
+    () => c.filter(({ hideInTable: e }) => !e)
+  ), u = async () => {
+    o.value = !0;
+    const e = await N(
+      m,
+      h({
+        pageSize: t.pageSize,
+        pageNum: t.pageNum,
+        ...q(i)
+      })
+    );
+    e && e.success && (t.total = e.total || 0, f.value = e.data), o.value = !1;
+  };
+  x(() => {
+    p && u();
+  });
+  const s = (e, l) => {
+    var r;
+    if (l.valueType === "select" || l.valueEnum)
+      return (r = (l._fieldOptions || []).find((v) => v.value === e)) == null ? void 0 : r.label;
+  }, b = (e) => n.bodyCell ? !!O(n.bodyCell(a(e))).length : !1, a = (e) => ({
+    ...e,
+    labelText: s(e.text, e.column)
+  });
+  return {
+    filteredColumns: y,
+    handleRequest: u,
+    getLabelByValue: s,
+    hasCurrentColBodySlot: b,
+    bodyCellProps: a
+  };
+}
+export {
+  B as useTable
+};

package/dist/es/components/pro-table/src/pro-table.css

@@ -0,0 +1 @@
+.pro-table .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-extra{margin-inline-start:unset}.pro-table .ant-table .ant-table-thead tr th{@apply bg-[#F7F8FA];}.pro-table .ant-table .ant-table-thead tr th:before{@apply hidden;}.pro-table .ant-table .ant-table-tbody tr td{background-color:transparent!important}

package/dist/es/components/pro-table/src/pro-table.vue.mjs

@@ -0,0 +1,5 @@
+import o from "./pro-table.vue2.mjs";
+/* empty css                */
+export {
+  o as default
+};