@king-one/antdv 1.2.21 → 2.0.0

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

@@ -1,18 +1,18 @@
-import { defineComponent as $, useSlots as x, ref as c, reactive as C, watch as D, toRefs as L, provide as q, createElementBlock as s, openBlock as l, Fragment as T, createCommentVNode as n, createElementVNode as A, createBlock as g, createVNode as u, unref as o, withCtx as i, mergeProps as y, createSlots as O, renderSlot as b, normalizeProps as k, createTextVNode as I, toDisplayString as U } from "vue";
-import { Card as _, Table as j, Pagination as K } from "ant-design-vue";
-import { spitRender as M } from "../utils.mjs";
+import { defineComponent, useSlots, ref, reactive, watch, toRefs, provide, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, createBlock, createVNode, unref, withCtx, mergeProps, createSlots, renderSlot, normalizeProps, createTextVNode, toDisplayString } from "vue";
+import { Card, Table, Pagination } from "ant-design-vue";
+import { spitRender } from "../utils.mjs";
 import "./form-render.vue.mjs";
-import { TABLE_CONTEXT_PROVIDE_KEY as X, ANTD_SLOT_NAMES as Y } from "./constants.mjs";
-import { useForm as G } from "./hooks/use-form.mjs";
-import { useTable as H } from "./hooks/use-table.mjs";
-import J from "./form-render.vue2.mjs";
-const Q = { class: "pro-table" }, W = {
-  key: 0,
-  style: { width: "100%" }
-}, Z = {
+import { TABLE_CONTEXT_PROVIDE_KEY, ANTD_SLOT_NAMES } from "./constants.mjs";
+import { useForm } from "./hooks/use-form.mjs";
+import { useTable } from "./hooks/use-table.mjs";
+import _sfc_main$1 from "./form-render.vue2.mjs";
+const _hoisted_1 = { class: "pro-table" };
+const _hoisted_2 = {
   key: 0,
   class: "toolbar-slot"
-}, ee = { key: 0 }, de = /* @__PURE__ */ $({
+};
+const _hoisted_3 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-table",
   props: {
     antdTableProps: {},
@@ -22,169 +22,182 @@ const Q = { class: "pro-table" }, W = {
     request: {},
     antdFormProps: {},
     toolbarRender: {},
-    requestImmediately: { type: Boolean, default: !0 },
-    pageShowTotal: { type: Boolean, default: !0 },
+    requestImmediately: { type: Boolean, default: true },
+    pageShowTotal: { type: Boolean, default: true },
     pageSize: { default: 10 },
     hideForm: { type: Boolean },
     hidePage: { type: Boolean },
     buttonCol: {}
   },
-  setup(w, { expose: z }) {
-    const r = w, d = x(), { columns: B } = r, h = c(), p = c(!1), a = C({
-      pageSize: r.pageSize,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const slots = useSlots();
+    const { columns } = props;
+    const formRenderRef = ref();
+    const loading = ref(false);
+    const pageData = reactive({
+      pageSize: props.pageSize,
       pageNum: 1,
       total: 0
-    }), v = c([]), { formState: S, genFormState: N } = G(r), {
-      filteredColumns: P,
-      handleRequest: f,
-      getLabelByValue: E,
-      hasCurrentColBodySlot: F,
-      bodyCellProps: R
-    } = H(r, d, {
-      loading: p,
-      pageData: a,
-      formState: S,
-      dataSource: v
     });
-    D(
-      () => B,
+    const dataSource = ref([]);
+    const { formState, genFormState } = useForm(props);
+    const {
+      filteredColumns,
+      handleRequest,
+      getLabelByValue,
+      hasCurrentColBodySlot,
+      bodyCellProps
+    } = useTable(props, slots, {
+      loading,
+      pageData,
+      formState,
+      dataSource
+    });
+    watch(
+      () => columns,
       () => {
-        N();
+        genFormState();
       },
       {
-        immediate: !0,
-        deep: !0
+        immediate: true,
+        deep: true
       }
     );
-    const V = C({
-      ...L(r),
-      tableSlots: d,
-      formState: S,
-      loading: p,
-      pageData: a,
-      handleRequest: f
+    const context = reactive({
+      ...toRefs(props),
+      tableSlots: slots,
+      formState,
+      loading,
+      pageData,
+      handleRequest
     });
-    return q(
-      X,
-      V
-    ), z({
-      onRefresh: f,
+    provide(
+      TABLE_CONTEXT_PROVIDE_KEY,
+      context
+    );
+    __expose({
+      onRefresh: handleRequest,
       formRef: () => {
-        var t;
-        return (t = h.value) == null ? void 0 : t.formRef;
+        var _a;
+        return (_a = formRenderRef.value) == null ? void 0 : _a.formRef;
       },
-      pageData: a
-    }), (t, m) => (l(), s(
-      T,
-      null,
-      [
-        n(" eslint-disable vue/component-name-in-template-casing vue/no-use-v-if-with-v-for "),
-        A("div", Q, [
-          t.hideForm ? n("v-if", !0) : (l(), g(o(_), {
-            key: 0,
-            class: "pro-table-form"
-          }, {
-            default: i(() => [
-              u(
-                J,
-                {
-                  ref_key: "formRenderRef",
-                  ref: h
-                },
-                null,
-                512
-                /* NEED_PATCH */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })),
-          u(o(_), {
-            class: "pro-table-table",
-            title: t.headerTitle,
-            "head-style": {
-              borderBottom: "none",
-              paddingLeft: "16px",
-              paddingRight: "16px"
-            },
-            "body-style": { padding: 0 },
-            bordered: !1,
-            shadow: "none!"
-          }, {
-            extra: i(() => [
-              d.toolbar || r.toolbarRender ? (l(), s("div", W, [
-                d.toolbar ? (l(), s("div", Z, [
-                  b(t.$slots, "toolbar")
-                ])) : (l(), g(r.toolbarRender, { key: 1 }))
-              ])) : n("v-if", !0)
-            ]),
-            default: i(() => [
-              u(o(j), y(t.antdTableProps, {
-                "data-source": v.value,
-                columns: o(P),
-                pagination: !1,
-                loading: p.value
-              }), O({
-                bodyCell: i((e) => [
-                  o(F)(e) ? b(t.$slots, "bodyCell", k(y({ key: 0 }, o(R)(e)))) : e.column.customRender ? (l(), g(o(M), {
-                    key: 1,
-                    fn: e.column.customRender,
-                    scope: o(R)(e)
-                  }, null, 8, ["fn", "scope"])) : e.column.valueType === "select" || e.column.valueEnum ? (l(), s(
-                    T,
-                    { key: 2 },
-                    [
-                      I(
-                        U(o(E)(e.text, e.column)),
-                        1
-                        /* TEXT */
-                      )
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  )) : n("v-if", !0)
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, [
-                String(name) !== "bodyCell" ? {
-                  name,
-                  fn: i((e) => [
-                    o(Y).includes(name) ? b(t.$slots, name, k(y({ key: 0 }, e))) : n("v-if", !0)
+      pageData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(" eslint-disable vue/component-name-in-template-casing vue/no-use-v-if-with-v-for "),
+          createElementVNode("div", _hoisted_1, [
+            !_ctx.hideForm ? (openBlock(), createBlock(unref(Card), {
+              key: 0,
+              class: "pro-table-form",
+              bordered: false,
+              "body-style": { padding: "16px" },
+              shadow: "none!"
+            }, {
+              default: withCtx(() => [
+                createVNode(
+                  _sfc_main$1,
+                  {
+                    ref_key: "formRenderRef",
+                    ref: formRenderRef
+                  },
+                  null,
+                  512
+                  /* NEED_PATCH */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })) : createCommentVNode("v-if", true),
+            createVNode(unref(Card), {
+              class: "pro-table-table",
+              title: _ctx.headerTitle,
+              "head-style": {
+                borderBottom: "none",
+                paddingLeft: "16px",
+                paddingRight: "16px"
+              },
+              "body-style": { padding: 0 },
+              bordered: false,
+              shadow: "none!"
+            }, {
+              extra: withCtx(() => [
+                slots.toolbar || props.toolbarRender ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  slots.toolbar ? renderSlot(_ctx.$slots, "toolbar", { key: 0 }) : (openBlock(), createBlock(props.toolbarRender, { key: 1 }))
+                ])) : createCommentVNode("v-if", true)
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(Table), mergeProps(_ctx.antdTableProps, {
+                  "data-source": dataSource.value,
+                  columns: unref(filteredColumns),
+                  pagination: false,
+                  loading: loading.value
+                }), createSlots({
+                  bodyCell: withCtx((scope) => [
+                    unref(hasCurrentColBodySlot)(scope) ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, unref(bodyCellProps)(scope)))) : scope.column.customRender ? (openBlock(), createBlock(unref(spitRender), {
+                      key: 1,
+                      fn: scope.column.customRender,
+                      scope: unref(bodyCellProps)(scope)
+                    }, null, 8, ["fn", "scope"])) : scope.column.valueType === "select" || scope.column.valueEnum ? (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 2 },
+                      [
+                        createTextVNode(
+                          toDisplayString(unref(getLabelByValue)(scope.text, scope.column)),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : createCommentVNode("v-if", true)
                   ]),
-                  key: "0"
-                } : void 0
-              ]), 1040, ["data-source", "columns", "loading"]),
-              t.hidePage ? n("v-if", !0) : (l(), s("div", ee, [
-                u(o(K), {
-                  current: a.pageNum,
-                  "onUpdate:current": m[0] || (m[0] = (e) => a.pageNum = e),
-                  "page-size": a.pageSize,
-                  "onUpdate:pageSize": m[1] || (m[1] = (e) => a.pageSize = e),
-                  class: "pro-table-pagination",
-                  flex: "",
-                  "flex-wrap": "",
-                  "justify-end": "",
-                  total: a.total,
-                  size: "small",
-                  "show-less-items": "",
-                  "show-size-changer": "",
-                  "page-size-options": ["5", "10", "20", "50", "100"],
-                  "show-total": t.pageShowTotal ? (e) => `共 ${e} 条` : void 0,
-                  onChange: o(f)
-                }, null, 8, ["current", "page-size", "total", "show-total", "onChange"])
-              ]))
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["title"])
-        ])
-      ],
-      2112
-      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-    ));
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  String(name) !== "bodyCell" ? {
+                    name,
+                    fn: withCtx((scope) => [
+                      unref(ANTD_SLOT_NAMES).includes(name) ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({ key: 0 }, scope))) : createCommentVNode("v-if", true)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1040, ["data-source", "columns", "loading"]),
+                !_ctx.hidePage ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  createVNode(unref(Pagination), {
+                    current: pageData.pageNum,
+                    "onUpdate:current": _cache[0] || (_cache[0] = ($event) => pageData.pageNum = $event),
+                    "page-size": pageData.pageSize,
+                    "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageData.pageSize = $event),
+                    class: "pro-table-pagination",
+                    flex: "",
+                    "flex-wrap": "",
+                    "justify-end": "",
+                    total: pageData.total,
+                    size: "small",
+                    "show-less-items": "",
+                    "show-size-changer": "",
+                    "page-size-options": ["5", "10", "20", "50", "100"],
+                    "show-total": _ctx.pageShowTotal ? (total) => `共 ${total} 条` : void 0,
+                    onChange: unref(handleRequest)
+                  }, null, 8, ["current", "page-size", "total", "show-total", "onChange"])
+                ])) : createCommentVNode("v-if", true)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["title"])
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
   }
 });
 export {
-  de as default
+  _sfc_main as default
 };

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

@@ -1,16 +1,15 @@
-import { Comment as o } from "vue";
-function i(n) {
-  const { fn: t, scope: e } = n;
-  return t(e);
+function spitRender(data) {
+  const { fn, scope } = data;
+  return fn(scope);
 }
-function f(n, ...t) {
-  return typeof n == "function" ? n(...t) : void 0;
+function handleFn(fn, ...args) {
+  return typeof fn === "function" ? fn(...args) : void 0;
 }
-function u(n) {
-  return n.filter((t) => t.type !== o);
+function getAvailableVNode(vNodes) {
+  return vNodes.filter((node) => node.type !== Comment);
 }
 export {
-  u as getAvailableVNode,
-  f as handleFn,
-  i as spitRender
+  getAvailableVNode,
+  handleFn,
+  spitRender
 };

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

@@ -1,10 +1,10 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/ProTag.vue.mjs";
-import { proTagProps as s } from "./src/types.mjs";
-import r from "./src/ProTag.vue2.mjs";
-const a = o(r);
+import { proTagProps } from "./src/types.mjs";
+import _sfc_main from "./src/ProTag.vue2.mjs";
+const KProTag = withInstall(_sfc_main);
 export {
-  a as KProTag,
-  a as default,
-  s as proTagProps
+  KProTag,
+  KProTag as default,
+  proTagProps
 };

package/dist/es/components/pro-tag/src/ProTag.vue.mjs

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

package/dist/es/components/pro-tag/src/ProTag.vue2.mjs

@@ -1,26 +1,35 @@
-import { defineComponent as c, useModel as p, computed as s, createBlock as i, openBlock as d, unref as m, withCtx as g, createTextVNode as f, toDisplayString as T, mergeModels as _ } from "vue";
-import { Tag as v } from "ant-design-vue";
-import { proTagProps as x } from "./types.mjs";
-const S = /* @__PURE__ */ c({
-  name: "ProTag",
+import { defineComponent, useModel, computed, createBlock, openBlock, unref, withCtx, createTextVNode, toDisplayString, mergeModels } from "vue";
+import { Tag } from "ant-design-vue";
+import { proTagProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProTag"
+  },
   __name: "ProTag",
-  props: /* @__PURE__ */ _(x, {
-    tag: { type: [String, Number, Boolean], required: !0 },
-    tagModifiers: {}
+  props: /* @__PURE__ */ mergeModels(proTagProps, {
+    "tag": { type: [String, Number, Boolean], ...{
+      required: true
+    } },
+    "tagModifiers": {}
   }),
   emits: ["update:tag"],
-  setup(e) {
-    const n = e, l = p(e, "tag"), t = s(() => n.options.find((o) => o.value === l.value));
-    return (u, o) => {
-      var a;
-      return d(), i(m(v), {
-        color: ((a = t.value) == null ? void 0 : a.color) || "default"
+  setup(__props) {
+    const props = __props;
+    const tag = useModel(__props, "tag");
+    const tagState = computed(() => {
+      const data = props.options.find((item) => item.value === tag.value);
+      return data;
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(unref(Tag), {
+        color: ((_a = tagState.value) == null ? void 0 : _a.color) || "default"
       }, {
-        default: g(() => {
-          var r;
+        default: withCtx(() => {
+          var _a2;
           return [
-            f(
-              T(((r = t.value) == null ? void 0 : r.label) || ""),
+            createTextVNode(
+              toDisplayString(((_a2 = tagState.value) == null ? void 0 : _a2.label) || ""),
               1
               /* TEXT */
             )
@@ -33,5 +42,5 @@ const S = /* @__PURE__ */ c({
   }
 });
 export {
-  S as default
+  _sfc_main as default
 };

package/dist/es/components/pro-tag/src/types.mjs

@@ -1,9 +1,10 @@
-const r = {
+const colors = ["success", "processing", "error", "warning", "default"];
+const proTagProps = {
   options: {
     type: Array,
-    required: !0
+    required: true
   }
 };
 export {
-  r as proTagProps
+  proTagProps
 };

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

@@ -1,11 +1,11 @@
-import { withInstall as o } from "../utils/install.mjs";
+import { withInstall } from "../utils/install.mjs";
 import "./src/ProTitle.vue.mjs";
 import "./style/index.mjs";
-import { TitleProps as s } from "./src/types.mjs";
-import t from "./src/ProTitle.vue2.mjs";
-const e = o(t);
+import { TitleProps } from "./src/types.mjs";
+import _sfc_main from "./src/ProTitle.vue2.mjs";
+const KProTitle = withInstall(_sfc_main);
 export {
-  e as KProTitle,
-  s as TitleProps,
-  e as default
+  KProTitle,
+  TitleProps,
+  KProTitle as default
 };

package/dist/es/components/pro-title/src/ProTitle.vue.mjs

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

package/dist/es/components/pro-title/src/ProTitle.vue2.mjs

@@ -1,41 +1,52 @@
-import { defineComponent as s, computed as i, createElementBlock as a, openBlock as c, normalizeClass as m, createVNode as p, createElementVNode as u, renderSlot as f, unref as d, normalizeStyle as z, toDisplayString as S } from "vue";
-import { useNamespace as y } from "../../../hooks/use-namespace/index.mjs";
-import { KIcon as B } from "../../icon/index.mjs";
-import { TitleProps as N } from "./types.mjs";
-const C = /* @__PURE__ */ s({
-  name: "ProTitle",
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, createElementVNode, renderSlot, unref, normalizeStyle, toDisplayString } from "vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { KIcon } from "../../icon/index.mjs";
+import { TitleProps } from "./types.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProTitle"
+  },
   __name: "ProTitle",
-  props: N,
-  setup(r) {
-    const t = r, { b: o, m: n } = y("pro-title"), l = i(() => t.unBorder ? [o(), n("unborder")] : [o()]);
-    return (e, P) => (c(), a(
-      "div",
-      {
-        class: m(l.value)
-      },
-      [
-        p(d(B), {
-          name: "title-icon",
-          class: "icon",
-          size: e.size,
-          color: e.color
-        }, null, 8, ["size", "color"]),
-        u(
-          "span",
-          {
-            style: z({ fontSize: `${e.size}px`, color: e.color })
-          },
-          S(e.title),
-          5
-          /* TEXT, STYLE */
-        ),
-        f(e.$slots, "default")
-      ],
-      2
-      /* CLASS */
-    ));
+  props: TitleProps,
+  setup(__props) {
+    const props = __props;
+    const { b, m } = useNamespace("pro-title");
+    const c = computed(() => {
+      if (props.unBorder) {
+        return [b(), m("unborder")];
+      }
+      return [b()];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(c.value)
+        },
+        [
+          createVNode(unref(KIcon), {
+            name: "title-icon",
+            class: "icon",
+            size: _ctx.size,
+            color: _ctx.color
+          }, null, 8, ["size", "color"]),
+          createElementVNode(
+            "span",
+            {
+              style: normalizeStyle({ fontSize: `${_ctx.size}px`, color: _ctx.color })
+            },
+            toDisplayString(_ctx.title),
+            5
+            /* TEXT, STYLE */
+          ),
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
   }
 });
 export {
-  C as default
+  _sfc_main as default
 };

package/dist/es/components/pro-title/src/types.mjs

@@ -1,11 +1,11 @@
-const e = {
+const TitleProps = {
   unBorder: {
     type: Boolean,
-    default: !1
+    default: false
   },
   title: {
     type: String,
-    required: !0
+    required: true
   },
   color: {
     type: String,
@@ -17,5 +17,5 @@ const e = {
   }
 };
 export {
-  e as TitleProps
+  TitleProps
 };