@aplus-frontend/ui 0.1.8 → 0.1.10

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,22 +1,22 @@
-import { defineComponent as le, useSlots as ne, computed as s, createVNode as d, mergeProps as i, unref as l, watch as se, openBlock as p, createElementBlock as g, normalizeClass as T, normalizeStyle as x, createSlots as K, withCtx as c, Fragment as de, renderList as V, createBlock as ue, resolveDynamicComponent as ie, renderSlot as v, createCommentVNode as z, createElementVNode as D, toDisplayString as pe, normalizeProps as ce, guardReactiveProps as fe } from "vue";
-import { Typography as me, Table as ye, Tooltip as ge } from "ant-design-vue";
-import { useToken as Se } from "ant-design-vue/es/theme/internal";
-import { ApForm as be } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as he, noRenderAsFormItemValueList as N, apTableFormItemMap as we } from "./constants.mjs";
+import { defineComponent as ie, useSlots as ce, computed as s, createVNode as d, Fragment as z, mergeProps as i, unref as l, watch as pe, openBlock as c, createElementBlock as S, normalizeClass as F, normalizeStyle as x, createSlots as D, withCtx as p, renderList as j, createBlock as fe, resolveDynamicComponent as me, renderSlot as B, createCommentVNode as W, createElementVNode as _, toDisplayString as ye, normalizeProps as ge, guardReactiveProps as Se } from "vue";
+import { Typography as be, Table as he, Tooltip as we } from "ant-design-vue";
+import { useToken as Re } from "ant-design-vue/es/theme/internal";
+import { ApForm as Ce } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as Te, noRenderAsFormItemValueList as A, apTableFormItemMap as Fe } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as Re } from "./hooks/use-table-paging.mjs";
-import { omit as j, isUndefined as u, isBoolean as Ce } from "lodash-unified";
+import { useTablePaging as xe } from "./hooks/use-table-paging.mjs";
+import { omit as q, isUndefined as u, isBoolean as Be } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as Fe } from "@ant-design/icons-vue";
-import { apColumnToColumn as Te, getTableRenderType as xe, getTableRenderProps as ve, getColumnOrder as W, updateFormProps as Be, getFieldProps as Pe, getPlaceholder as Ie } from "./utils.mjs";
-import ke from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as Le } from "../editable-table/utils.mjs";
-import Ee from "./hooks/use-table-row-selection.mjs";
-import { useLocale as Oe } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Ke } from "../config-provider/hooks/use-namespace.mjs";
-const Ve = {
+import { QuestionCircleOutlined as ve } from "@ant-design/icons-vue";
+import { apColumnToColumn as Pe, getTableRenderType as Ie, getTableRenderProps as ke, getColumnOrder as H, updateFormProps as Le, getFieldProps as Ee, getPlaceholder as Oe } from "./utils.mjs";
+import Ke from "./hooks/use-table-content-height.mjs";
+import { getRawDisplayValue as Ne } from "../editable-table/utils.mjs";
+import Ve from "./hooks/use-table-row-selection.mjs";
+import { useLocale as ze } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as De } from "../config-provider/hooks/use-namespace.mjs";
+const je = {
   key: 0
-}, Ye = /* @__PURE__ */ le({
+}, oa = /* @__PURE__ */ ie({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -132,50 +132,61 @@ const Ve = {
       default: !1
     }
   },
-  setup(_, {
-    expose: A
+  setup($, {
+    expose: M
   }) {
-    const a = _;
-    let B = 0;
-    const P = ne(), [, q] = Se(), {
-      t: H
-    } = Oe(), {
-      e: S,
+    const o = $;
+    let v = 0;
+    const P = ce(), [, Q] = Re(), {
+      t: U
+    } = ze(), {
+      e: b,
       b: f
-    } = Ke("ap-table"), {
-      height: $,
-      contentRef: M
-    } = ke(), b = s(() => {
-      var o;
-      let e = ((o = a.columns) == null ? void 0 : o.filter((t) => !t.hideInTable)) || [];
-      return e = e.map((t) => ({
-        ...j(Te(t), ["ellipsis"]),
+    } = De("ap-table"), {
+      height: G,
+      contentRef: J
+    } = Ke(), h = s(() => {
+      var t;
+      let e = ((t = o.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
+      return e = e.map((a) => ({
+        ...q(Pe(a), ["ellipsis"]),
         customRender({
           value: r,
           ...n
         }) {
-          const C = xe(t), O = he[C], re = ve(t, {
+          var N, V;
+          const g = Ie(a), O = Te[g], de = ke({
+            ...a,
+            valueType: g
+          }, {
             value: r,
             ...n
-          });
-          let F = ae(t, r, d(O, i(re, {
+          }), K = ((N = a.renderText) == null ? void 0 : N.call(a, {
+            value: r,
+            ...n
+          })) || r, ue = a.renderText ? d(z, null, [(V = a.renderText) == null ? void 0 : V.call(a, {
+            value: r,
+            ...n
+          })]) : d(O, i(de, {
             mode: "read"
-          }), null));
-          return t.customRender && (F = t.customRender({
+          }), null);
+          let T = le(a, K, ue);
+          return a.customRender && (T = a.customRender({
             value: r,
             ...n,
-            column: t,
-            originalNode: F
-          })), F;
+            column: a,
+            originalNode: T,
+            originalText: K
+          })), T;
         }
       })), e;
     }), I = s(() => {
-      var e, o, t;
-      return B++, ((t = (o = (e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !N.includes(r.valueType))) == null ? void 0 : o.sort((r, n) => {
-        let C = W(r.order);
-        return W(n.order) - C;
-      })) == null ? void 0 : t.map((r) => {
-        const n = Be(r, Pe(r.fieldProps, {}));
+      var e, t, a;
+      return v++, ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !A.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
+        let g = H(r.order);
+        return H(n.order) - g;
+      })) == null ? void 0 : a.map((r) => {
+        const n = Le(r, Ee(r.fieldProps, {}));
         return {
           ...r,
           fieldProps: {
@@ -183,177 +194,177 @@ const Ve = {
             name: r.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: Ie(H, r.valueType, n == null ? void 0 : n.placeholder),
-            _signal: B
+            placeholder: Oe(U, r.valueType, n == null ? void 0 : n.placeholder),
+            _signal: v
           }
         };
       })) || [];
-    }), Q = s(() => l(b).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), U = s(() => l(b).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), G = s(() => u(a.dataSource) ? y.value.records : a.dataSource), {
-      rowSelection: h,
+    }), X = s(() => l(h).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), Y = s(() => l(h).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), Z = s(() => u(o.dataSource) ? y.value.records : o.dataSource), {
+      rowSelection: w,
       selectedRows: k,
-      ...w
-    } = Ee({
-      ...a.rowSelection === !0 ? {} : a.rowSelection,
-      rowKey: a.rowKey,
-      dataSource: G
+      ...R
+    } = Ve({
+      ...o.rowSelection === !0 ? {} : o.rowSelection,
+      rowKey: o.rowKey,
+      dataSource: Z
     }), {
-      formRef: R,
+      formRef: C,
       submit: L,
       reset: E,
       tableProps: m,
-      handleTableChange: J,
+      handleTableChange: ee,
       data: y
-    } = Re({
+    } = xe({
       async request(e) {
-        var t, r;
-        !h.value.preserveSelectedRowKeys && u(a.dataSource) && w.clearAll();
-        const o = await ((t = a.request) == null ? void 0 : t.call(a, e));
-        return (r = a.onLoad) == null || r.call(a, (o == null ? void 0 : o.data) || []), {
-          data: (o == null ? void 0 : o.data) || [],
-          total: (o == null ? void 0 : o.total) || 0
+        var a, r;
+        !w.value.preserveSelectedRowKeys && u(o.dataSource) && R.clearAll();
+        const t = await ((a = o.request) == null ? void 0 : a.call(o, e));
+        return (r = o.onLoad) == null || r.call(o, (t == null ? void 0 : t.data) || []), {
+          data: (t == null ? void 0 : t.data) || [],
+          total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: l(U),
-      sortFields: l(Q),
-      defaultParams: a.params,
-      defaultData: a.defaultData,
-      manual: a.manual,
-      defaultCurrent: a.pagination ? a.pagination.defaultCurrent : void 0,
-      defaultPageSize: a.pagination ? a.pagination.defaultPageSize : void 0,
-      formatParams: a.beforeSearchSubmit
-    }), X = s(() => {
+      filterFields: Y,
+      sortFields: X,
+      defaultParams: o.params,
+      defaultData: o.defaultData,
+      manual: o.manual,
+      defaultCurrent: o.pagination ? o.pagination.defaultCurrent : void 0,
+      defaultPageSize: o.pagination ? o.pagination.defaultPageSize : void 0,
+      formatParams: o.beforeSearchSubmit
+    }), ae = s(() => {
       var e;
-      return a.scroll ? a.scroll : a.adaptive && (y.value.total > 0 || (e = a.dataSource) != null && e.length) ? {
-        y: l($),
+      return o.scroll ? o.scroll : o.adaptive && (y.value.total > 0 || (e = o.dataSource) != null && e.length) ? {
+        y: l(G),
         x: "100%"
       } : {
         x: !0
       };
-    }), Y = s(() => {
+    }), oe = s(() => {
       var e;
-      if (a.tableLayout)
-        return a.tableLayout;
-      if ((e = a.columns) != null && e.some((o) => o.ellipsis))
+      if (o.tableLayout)
+        return o.tableLayout;
+      if ((e = o.columns) != null && e.some((t) => t.ellipsis))
         return "fixed";
-    }), Z = s(() => {
+    }), te = s(() => {
       var r;
-      const e = l(m), o = u(a.dataSource) ? e : {
+      const e = l(m), t = u(o.dataSource) ? e : {
         ...e,
-        dataSource: a.dataSource,
-        onChange: a.onChange
-      }, t = l(h);
+        dataSource: o.dataSource,
+        onChange: o.onChange
+      }, a = l(w);
       return {
-        ...a,
         ...o,
-        rowSelection: a.rowSelection === !0 || ((r = a.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
-          ...t,
+        ...t,
+        rowSelection: o.rowSelection === !0 || ((r = o.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
+          ...a,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: u(a.dataSource) ? t.preserveSelectedRowKeys : !0
-        } : a.rowSelection,
-        loading: u(a.loading) ? l(m).loading : a.loading,
-        pagination: a.pagination === !1 ? !1 : l(m).pagination,
-        scroll: l(X)
+          preserveSelectedRowKeys: u(o.dataSource) ? a.preserveSelectedRowKeys : !0
+        } : o.rowSelection,
+        loading: u(o.loading) ? l(m).loading : o.loading,
+        pagination: o.pagination === !1 ? !1 : l(m).pagination,
+        scroll: l(ae)
       };
-    }), ee = s(() => [f(), a.card ? null : f("wrapper"), a.adaptive ? f("adaptive") : null].filter(Boolean));
-    function ae(e, o, t) {
-      return N.includes(e.valueType) ? t : e.copyable || e.ellipsis ? d(me.Paragraph, {
+    }), re = s(() => [f(), o.card ? null : f("wrapper"), o.adaptive ? f("adaptive") : null].filter(Boolean));
+    function le(e, t, a) {
+      return A.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(be.Paragraph, {
         copyable: e.copyable ? {
-          text: o,
+          text: t,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? Ce(e.ellipsis) ? {
-          tooltip: o
+        ellipsis: e.ellipsis ? Be(e.ellipsis) ? {
+          tooltip: t
         } : {
           ...e.ellipsis,
-          tooltip: o
+          tooltip: t
         } : !1,
-        content: e.ellipsis ? Le(e, o) : t
-      }, null) : t;
+        content: e.ellipsis ? Ne(e, t) : a
+      }, null) : a;
     }
-    se(() => l(y).loading, (e) => {
-      var o;
-      (o = a.onLoadingChange) == null || o.call(a, e);
+    pe(() => l(y).loading, (e) => {
+      var t;
+      (t = o.onLoadingChange) == null || t.call(o, e);
     });
-    function te(e) {
-      var o, t, r;
-      (r = (t = (o = R.value) == null ? void 0 : o.apForm) == null ? void 0 : t.setFieldsValue) == null || r.call(t, e);
+    function ne(e) {
+      var t, a, r;
+      (r = (a = (t = C.value) == null ? void 0 : t.apForm) == null ? void 0 : a.setFieldsValue) == null || r.call(a, e);
     }
-    function oe() {
-      var e, o, t;
-      return (t = (o = (e = R.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : t.call(o, !0);
+    function se() {
+      var e, t, a;
+      return (a = (t = (e = C.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : a.call(t, !0);
     }
-    return A({
+    return M({
       submit: () => L(),
       reset: () => E(),
-      setSearchFormValues: te,
-      getSearchFormValues: oe,
+      setSearchFormValues: ne,
+      getSearchFormValues: se,
       dataSource: s(() => l(y).records),
       rowSelection: {
         selectedRows: s(() => l(k)),
-        ...w
+        ...R
       }
-    }), (e, o) => (p(), g("div", {
-      class: T(ee.value)
-    }, [l(u)(e.dataSource) && e.searchForm !== !1 && I.value.length > 0 ? (p(), g("div", {
+    }), (e, t) => (c(), S("div", {
+      class: F(re.value)
+    }, [l(u)(e.dataSource) && e.searchForm !== !1 && I.value.length > 0 ? (c(), S("div", {
       key: 0,
-      class: T(e.card ? l(S)("search-wrapper") : null),
+      class: F(e.card ? l(b)("search-wrapper") : null),
       style: x(e.searchFormWrapperStyle)
-    }, [d(l(be).SearchForm, i(e.searchForm || {}, {
+    }, [d(l(Ce).SearchForm, i(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: R,
+      ref: C,
       "custom-reset": "",
       onSubmit: l(L),
       onReset: l(E),
       "submit-loading": l(m).loading
-    }), K({
-      default: c(() => [(p(!0), g(de, null, V(I.value, (t) => (p(), ue(ie(t.customRenderFormItem ? t.customRenderFormItem(t) : l(we)[t.valueType || "text"]), i({
-        key: t.dataIndex,
+    }), D({
+      default: p(() => [(c(!0), S(z, null, j(I.value, (a) => (c(), fe(me(a.customRenderFormItem ? a.customRenderFormItem(a) : l(Fe)[a.valueType || "text"]), i({
+        key: a.dataIndex,
         ref_for: !0
-      }, t.fieldProps || {}, {
-        span: t.span
+      }, a.fieldProps || {}, {
+        span: a.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
     }, [P.searchFormExtra ? {
       name: "extra",
-      fn: c(() => [v(e.$slots, "searchFormExtra")]),
+      fn: p(() => [B(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : z("", !0), D("div", {
+    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : W("", !0), _("div", {
       ref_key: "contentRef",
-      ref: M,
-      class: T([l(S)("table-wrapper"), e.card ? l(S)("table-wrapper-card") : null]),
+      ref: J,
+      class: F([l(b)("table-wrapper"), e.card ? l(b)("table-wrapper-card") : null]),
       style: x(e.tableWrapperStyle)
-    }, [v(e.$slots, "title", i({
+    }, [B(e.$slots, "title", i({
       selectedRows: l(k),
-      selectedRowKeys: l(h).selectedRowKeys
-    }, w)), d(l(ye), i({
+      selectedRowKeys: l(w).selectedRowKeys
+    }, R)), d(l(he), i({
       class: l(f)("table")
-    }, Z.value, {
-      "table-layout": Y.value,
-      onChange: l(J),
-      columns: b.value
-    }), K({
-      headerCell: c(({
-        column: t,
+    }, te.value, {
+      "table-layout": oe.value,
+      onChange: l(ee),
+      columns: h.value
+    }), D({
+      headerCell: p(({
+        column: a,
         title: r
-      }) => [t.tooltip ? (p(), g("span", Ve, [D("span", null, pe(r), 1), d(l(ge), {
-        title: t.tooltip,
+      }) => [a.tooltip ? (c(), S("span", je, [_("span", null, ye(r), 1), d(l(we), {
+        title: a.tooltip,
         placement: "bottom"
       }, {
-        default: c(() => [d(l(Fe), {
+        default: p(() => [d(l(ve), {
           style: x({
             paddingLeft: "4px",
-            color: l(q).colorPrimary
+            color: l(Q).colorPrimary
           })
         }, null, 8, ["style"])]),
         _: 2
-      }, 1032, ["title"])])) : z("", !0)]),
+      }, 1032, ["title"])])) : W("", !0)]),
       _: 2
-    }, [V(l(j)(P, ["title", "searchFormExtra"]), (t, r) => ({
+    }, [j(l(q)(P, ["title", "searchFormExtra"]), (a, r) => ({
       name: r,
-      fn: c((n) => [v(e.$slots, r, ce(fe(n || {})))])
+      fn: p((n) => [B(e.$slots, r, ge(Se(n || {})))])
     }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  Ye as default
+  oa as default
 };

package/es/src/ap-table/components/index/index.vue.d.ts

@@ -1,6 +1,27 @@
 import { ApTableIndexProps } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApTableIndexProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableIndexProps & {}>, {
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableIndexProps>, {
     bordered: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableIndexProps>, {
+    bordered: boolean;
+}>>>, {
+    bordered: boolean;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/ap-table/components/status/index.vue.d.ts

@@ -1,4 +1,13 @@
 import { ApTableStatusProps } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApTableStatusProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableStatusProps & {}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<ApTableStatusProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<ApTableStatusProps>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};