@aplus-frontend/ui 0.5.18 → 0.5.20

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

@@ -3,59 +3,63 @@ import "../ap-field/index.mjs";
 import "../ap-form/index.mjs";
 import "./components/index/index.vue.mjs";
 import "./components/status/index.vue.mjs";
-import o from "../ap-form/items/date/index.vue.mjs";
-import r from "../ap-form/items/date-range/index.vue.mjs";
-import i from "../ap-form/items/number/index.vue.mjs";
-import t from "../ap-form/items/radio/index.vue.mjs";
-import a from "../ap-form/items/select/index.vue.mjs";
-import f from "../ap-form/items/switch/index.vue.mjs";
+import o from "../ap-form/items/tree-select/index.vue.mjs";
 import { ApFormItemText as m } from "../ap-form/items/text/index.mjs";
-import _ from "../ap-form/items/text-area/index.vue.mjs";
-import e from "../ap-form/items/checkbox/index.vue.mjs";
-import s from "../ap-field/date/index.vue.mjs";
-import p from "../ap-field/date-range/index.vue.mjs";
-import c from "../ap-field/number/index.vue.mjs";
-import n from "../ap-field/radio/index.vue.mjs";
-import $ from "../ap-field/select/index.vue.mjs";
-import d from "../ap-field/switch/index.vue.mjs";
-import { ApFieldText as x } from "../ap-field/text/index.mjs";
-import b from "../ap-field/text-area/index.vue.mjs";
-import l from "../ap-field/checkbox/index.vue.mjs";
-import h from "../ap-action/group/index.vue.mjs";
-import w from "./components/index/index.vue2.mjs";
-import A from "./components/status/index.vue2.mjs";
-import u from "../ap-field/text/password.vue.mjs";
-const U = {
-  date: o,
-  dateRange: r,
-  number: i,
-  radio: t,
-  select: a,
-  switch: f,
-  text: m,
-  textArea: _,
-  checkbox: e,
-  password: m.Password
-}, W = {
+import r from "../ap-form/items/checkbox/index.vue.mjs";
+import t from "../ap-form/items/text-area/index.vue.mjs";
+import i from "../ap-form/items/switch/index.vue.mjs";
+import f from "../ap-form/items/select/index.vue.mjs";
+import a from "../ap-form/items/radio/index.vue.mjs";
+import e from "../ap-form/items/number/index.vue.mjs";
+import _ from "../ap-form/items/date-range/index.vue.mjs";
+import s from "../ap-form/items/date/index.vue.mjs";
+import c from "../ap-field/tree-select/index.vue.mjs";
+import p from "../ap-field/text/password.vue.mjs";
+import n from "./components/status/index.vue2.mjs";
+import $ from "./components/index/index.vue2.mjs";
+import d from "../ap-action/group/index.vue.mjs";
+import x from "../ap-field/checkbox/index.vue.mjs";
+import l from "../ap-field/text-area/index.vue.mjs";
+import { ApFieldText as b } from "../ap-field/text/index.mjs";
+import h from "../ap-field/switch/index.vue.mjs";
+import w from "../ap-field/select/index.vue.mjs";
+import A from "../ap-field/radio/index.vue.mjs";
+import u from "../ap-field/number/index.vue.mjs";
+import F from "../ap-field/date-range/index.vue.mjs";
+import I from "../ap-field/date/index.vue.mjs";
+const Z = {
   date: s,
-  dateRange: p,
-  number: c,
-  radio: n,
-  select: $,
-  switch: d,
-  text: x,
-  textArea: b,
-  checkbox: l,
-  action: h,
-  index: w,
-  status: A,
-  password: u
-}, X = [
+  dateRange: _,
+  number: e,
+  radio: a,
+  select: f,
+  switch: i,
+  text: m,
+  textArea: t,
+  checkbox: r,
+  password: m.Password,
+  treeSelect: o
+}, mm = {
+  date: I,
+  dateRange: F,
+  number: u,
+  radio: A,
+  select: w,
+  switch: h,
+  text: b,
+  textArea: l,
+  checkbox: x,
+  action: d,
+  index: $,
+  status: n,
+  password: p,
+  treeSelect: c
+}, om = [
   "action",
   "index"
 ];
 export {
-  U as apTableFormItemMap,
-  W as apTableRenderItemMap,
-  X as noRenderAsFormItemValueList
+  Z as apTableFormItemMap,
+  mm as apTableRenderItemMap,
+  om as noRenderAsFormItemValueList
 };

package/es/src/ap-table/hooks/use-table-column-state.d.ts

@@ -4,18 +4,18 @@ export declare const useTableColumnState: (columnSetting: ApTableSettingType, pe
     columnState: Ref<{
         key: string | number;
         show?: boolean | undefined;
-        fixed?: ("left" | "right") | undefined;
+        fixed?: "left" | "right" | undefined;
         disabled?: boolean | undefined;
         label?: any;
-        children?: any[] | undefined;
+        children?: /*elided*/ any[] | undefined;
         order?: number | undefined;
     }[], ApColumnState[] | {
         key: string | number;
         show?: boolean | undefined;
-        fixed?: ("left" | "right") | undefined;
+        fixed?: "left" | "right" | undefined;
         disabled?: boolean | undefined;
         label?: any;
-        children?: any[] | undefined;
+        children?: /*elided*/ any[] | undefined;
         order?: number | undefined;
     }[]>;
     selectAll: () => void;

package/es/src/ap-table/hooks/use-table-column-state.mjs

@@ -2,7 +2,7 @@ import { ref as P, shallowRef as W, unref as i, computed as X, watchEffect as q
 import { isDef as H } from "../../utils/index.mjs";
 import L, { customCloneColumnStates as T, getColumnStateString as Q } from "../components/setting/utils.mjs";
 import { useInjectApTable as U } from "../context.mjs";
-import { isObject as N, mergeWith as F, isBoolean as V, isString as Y, omit as Z, isNumber as B } from "lodash-unified";
+import { isObject as N, mergeWith as F, isBoolean as V, omit as Y, isString as Z, isNumber as B } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import { useToken as $ } from "@aplus-frontend/antdv/es/theme/internal";
 import { getTableTitle as K } from "../utils.mjs";
@@ -46,7 +46,7 @@ const he = (r, o, n) => {
         var y, A;
         const b = (m == null ? void 0 : m[f.key]) || {}, g = {
           key: f.key,
-          label: Y(f.title) ? K(
+          label: Z(f.title) ? K(
             f,
             a("table-header", "title"),
             void 0,
@@ -60,7 +60,7 @@ const he = (r, o, n) => {
             G
           ),
           disabled: !1,
-          ...Z(b, ["children", "fixed"])
+          ...Y(b, ["children", "fixed"])
         };
         return g.children = (A = f.children) != null && A.length ? d(
           f.children,

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -1,140 +1,141 @@
-import { ref as oe, reactive as q, unref as h, nextTick as ne, onMounted as ae, watch as se, computed as A, createVNode as C } from "vue";
+import { ref as ne, reactive as J, unref as S, nextTick as ae, onMounted as se, watch as ie, computed as D, createVNode as b } from "vue";
 import { useTableSortedAndFiltered as ce } from "./use-sorted-filtered.mjs";
 import "../../config-provider/index.mjs";
-import { parseFieldValue as ie, dataIndexToStr as le, isEqualCustom as ue } from "../utils.mjs";
-import { isArray as N, isEqualWith as fe } from "lodash-unified";
-import { useLocale as ge } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as pe } from "../../config-provider/hooks/use-namespace.mjs";
-const S = 1, L = 10;
-function de(g) {
+import { parseFieldValue as le, dataIndexToStr as ue, isEqualCustom as fe } from "../utils.mjs";
+import { isArray as N, isEqualWith as ge } from "lodash-unified";
+import { isDef as Q } from "../../utils/index.mjs";
+import { useLocale as pe } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
+const z = 1, L = 10;
+function me(g) {
   const l = {};
-  return g && (g === !0 ? (l.current = S, l.pageSize = L) : (l.current = g.defaultCurrent || S, l.pageSize = g.defaultPageSize || L)), l;
+  return g && (g === !0 ? (l.current = z, l.pageSize = L) : (l.current = g.defaultCurrent || z, l.pageSize = g.defaultPageSize || L)), l;
 }
-const we = ({
+const xe = ({
   manual: g = !1,
   request: l,
   defaultParams: v = {},
   defaultData: y = [],
-  formatParams: D,
-  paramsValueTypeMap: R,
-  resetFieldsIgnores: I,
+  formatParams: R,
+  paramsValueTypeMap: I,
+  resetFieldsIgnores: V,
   filterFields: U,
   sortFields: B,
   namespace: K = "ap-table",
   pagination: p = {
-    defaultCurrent: S,
+    defaultCurrent: z,
     defaultPageSize: L,
     showLessItems: !1,
     showTotal: !0
   }
 }) => {
-  let b = 0, s = {};
-  const M = p ?? {}, $ = (e) => D ? D(e) : e, z = oe(), c = q(de(p)), {
-    getColumnSFConfig: G,
-    setSF: J,
-    clearAll: Q,
-    sortedInfo: W,
-    filteredInfo: Z
+  let E = 0, s = {};
+  const d = p ?? {}, M = (e) => R ? R(e) : e, T = ne(), i = J(me(p)), {
+    getColumnSFConfig: $,
+    setSF: G,
+    clearAll: W,
+    sortedInfo: Z,
+    filteredInfo: H
   } = ce(), {
-    t: T
-  } = ge(), {
+    t: w
+  } = pe(), {
     b: P
-  } = pe(K), o = q({
+  } = de(K), o = J({
     total: y.length,
     records: y,
     loading: !1
-  }), F = () => {
+  }), C = () => {
     var e, t;
-    return ((t = (e = z.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
-  }, V = async (e) => {
+    return ((t = (e = T.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
+  }, O = async (e) => {
     var n;
-    const t = $(e), r = Date.now();
-    b = r, o.loading = !0;
+    const t = M(e), r = Date.now();
+    E = r, o.loading = !0;
     try {
       const a = await l({
-        ...h(v),
+        ...S(v),
         ...t
       });
-      b === r && (o.total = a.total || ((n = a.data) == null ? void 0 : n.length) || 0, o.records = [...a.data || []]);
+      E === r && (o.total = a.total || ((n = a.data) == null ? void 0 : n.length) || 0, o.records = [...a.data || []]);
     } catch {
-      b === r && (o.records = [], o.total = 0);
+      E === r && (o.records = [], o.total = 0);
     } finally {
       o.loading = !1;
     }
-  }, O = (e) => {
+  }, _ = (e) => {
     const t = {};
     return Object.entries(e).forEach(([r, n]) => {
-      if (t[r] = n, R && n) {
-        const a = R[r];
-        a && (t[r] = ie(a, n));
+      if (t[r] = n, I && n) {
+        const a = I[r];
+        a && (t[r] = le(a, n));
       }
     }), t;
-  }, H = async (e) => {
-    var n, a, u, f, d;
-    const t = F(), r = {};
-    Object.entries(t).forEach(([m, x]) => {
-      I && I.indexOf(m) > -1 && (r[m] = x);
-    }), await ((a = (n = z.value) == null ? void 0 : n.apForm) == null ? void 0 : a.resetFields()), (d = (f = (u = z.value) == null ? void 0 : u.apForm) == null ? void 0 : f.setFieldsValue) == null || d.call(f, r), ne(() => {
+  }, X = async (e) => {
+    var n, a, u, f, m;
+    const t = C(), r = {};
+    Object.entries(t).forEach(([h, x]) => {
+      V && V.indexOf(h) > -1 && (r[h] = x);
+    }), await ((a = (n = T.value) == null ? void 0 : n.apForm) == null ? void 0 : a.resetFields()), (m = (f = (u = T.value) == null ? void 0 : u.apForm) == null ? void 0 : f.setFieldsValue) == null || m.call(f, r), ae(() => {
       e == null || e();
     });
-  }, w = (e) => {
+  }, F = (e) => {
     s = e;
-    const t = O(e);
-    V(t);
-  }, X = (e) => {
-    w({
+    const t = _(e);
+    O(t);
+  }, Y = (e) => {
+    F({
       ...s,
       ...e
     });
-  }, E = () => {
-    const e = F();
-    p && (c.current = S), w({
+  }, A = () => {
+    const e = C();
+    p && (i.current = z), F({
       ...e,
       filter: s.filter,
       sort: s.sort,
-      current: p ? S : void 0,
-      pageSize: p ? s.pageSize || c.pageSize : void 0
+      current: p ? z : void 0,
+      pageSize: p ? s.pageSize || i.pageSize : void 0
     });
-  }, Y = () => {
-    Q(), s.sort = {}, s.filter = {}, H(E);
-  }, _ = () => {
-    w(s);
-  }, k = (e) => {
+  }, k = () => {
+    W(), s.sort = {}, s.filter = {}, X(A);
+  }, j = () => {
+    F(s);
+  }, ee = (e) => {
     if (!p)
-      _();
+      j();
     else {
       const {
         current: t,
         pageSize: r
-      } = c, n = o.total - e, a = Math.ceil(n / r), u = t > a ? a : t;
-      X({
+      } = i, n = o.total - e, a = Math.ceil(n / r), u = t > a ? a : t;
+      Y({
         current: u > 0 ? u : 1
       });
     }
-  }, j = (e, t, r) => {
-    var m, x;
-    const n = F();
-    c.current = e.current, c.pageSize = e.pageSize, J(t, r);
+  }, q = (e, t, r) => {
+    var h, x;
+    const n = C();
+    i.current = e.current, i.pageSize = e.pageSize, G(t, r);
     const a = N(r) ? [...r] : [r], u = {};
-    for (const i of a)
-      (m = h(B)) != null && m.includes(i.columnKey || i.field) && i.order && (u[le(i.columnKey || i.field)] = i.order);
+    for (const c of a)
+      (h = S(B)) != null && h.includes(c.columnKey || c.field) && c.order && (u[ue(c.columnKey || c.field)] = c.order);
     const f = {};
-    for (const i of Object.keys(t))
-      (x = h(U)) != null && x.includes(i) && t[i] && (f[i] = t[i]);
-    const d = {
+    for (const c of Object.keys(t))
+      (x = S(U)) != null && x.includes(c) && t[c] && (f[c] = t[c]);
+    const m = {
       ...n,
       filter: f,
       sort: u,
       current: e.current,
       pageSize: e.pageSize
     };
-    fe(s, d, ue) || w(d);
+    ge(s, m, fe) || F(m);
   };
-  ae(() => {
-    const e = F(), {
+  se(() => {
+    const e = C(), {
       current: t,
       pageSize: r
-    } = c;
+    } = i;
     if (s = {
       current: t,
       pageSize: r,
@@ -142,75 +143,75 @@ const we = ({
       sort: {},
       ...e
     }, !g) {
-      const n = O(s);
-      V(n);
+      const n = _(s);
+      O(n);
     }
-  }), se(() => h(v), () => {
-    E();
+  }), ie(() => S(v), () => {
+    A();
   }, {
     deep: !0
   });
-  const ee = A(() => {
+  const te = D(() => {
     if (o.total === 0)
       return "-";
     const {
       current: e,
       pageSize: t
-    } = c;
+    } = i;
     return `${e}/${Math.ceil(o.total / t)}`;
   });
-  function te(e) {
+  function re(e) {
     N(e) && (o.records = e, o.total = e.length);
   }
-  const re = A(() => {
+  const oe = D(() => {
     const {
       showLessItems: e,
       showTotal: t
-    } = M;
+    } = d;
     return {
       loading: o.loading,
       pagination: {
-        current: c.current,
-        pageSize: c.pageSize,
+        current: i.current,
+        pageSize: i.pageSize,
         total: o.total,
-        showSizeChanger: !e,
-        showQuickJumper: !e,
+        showSizeChanger: Q(d.showSizeChanger) ? d.showSizeChanger : !e,
+        showQuickJumper: Q(d.showQuickJumper) ? d.showQuickJumper : !e,
         showLessItems: e,
         size: "default",
-        showTotal: t ? (r) => C("span", {
+        showTotal: t ? (r) => b("span", {
           class: P("pagination-total-wrapper")
-        }, [T("ap.apTable.pagination.totalLeftPrefix"), " ", C("span", {
+        }, [w("ap.apTable.pagination.totalLeftPrefix"), " ", b("span", {
           class: P("pagination-count-text")
-        }, [r]), " ", T("ap.apTable.pagination.totalLeftSuffix"), C("span", {
+        }, [r]), " ", w("ap.apTable.pagination.totalLeftSuffix"), b("span", {
           class: P("pagination--total-right")
-        }, [T("ap.apTable.pagination.totalRightPrefix"), " ", C("span", {
+        }, [w("ap.apTable.pagination.totalRightPrefix"), " ", b("span", {
           class: P("pagination-count-text")
-        }, [h(ee)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
+        }, [S(te)]), " ", w("ap.apTable.pagination.totalRightSuffix")])]) : void 0
       },
-      onChange: j,
+      onChange: q,
       dataSource: o.records
     };
   });
   return {
-    formRef: z,
-    submit: E,
-    reset: Y,
-    refresh: _,
-    refreshByDelete: k,
+    formRef: T,
+    submit: A,
+    reset: k,
+    refresh: j,
+    refreshByDelete: ee,
     data: o,
-    current: c.current,
-    pageSize: c.pageSize,
-    handleTableChange: j,
-    tableProps: re,
-    dataSource: A(() => o.records),
-    setDataSource: te,
-    getColumnSFConfig: G,
-    sortedInfo: W,
-    filteredInfo: Z
+    current: i.current,
+    pageSize: i.pageSize,
+    handleTableChange: q,
+    tableProps: oe,
+    dataSource: D(() => o.records),
+    setDataSource: re,
+    getColumnSFConfig: $,
+    sortedInfo: Z,
+    filteredInfo: H
   };
 };
 export {
-  S as DEFAULT_CURRENT,
+  z as DEFAULT_CURRENT,
   L as DEFAULT_PAGE_SIZE,
-  we as useTablePaging
+  xe as useTablePaging
 };

package/es/src/ap-table/interface.d.ts

@@ -1,7 +1,7 @@
 import { ColumnType, TableProps, ColumnsType } from '@aplus-frontend/antdv/es/table';
 import { CompareFn, SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
 import { ApFormItemProps, ApFormSearchFormProps } from '../ap-form';
-import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps } from '../ap-form/items/interface';
+import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
 import { Recordable } from '../type';
 import { ComputedRef, CSSProperties, Ref, VNode } from 'vue';
 import { ApActionGroupProps } from '../ap-action';
@@ -54,6 +54,10 @@ export type ApTableValueFields = {
      * 密码输入框
      */
     password: ApFormItemTextPasswordProps;
+    /**
+     * 树选择
+     */
+    treeSelect: ApFormItemTreeSelectProps;
 };
 export type ApTableValueTypes = keyof ApTableValueFields;
 export type ValueEnum = Record<string, ValueEnumType>;
@@ -226,6 +230,14 @@ export type ApTablePaginationConfig = {
      * 用于显示数据总量和当前数据顺序
      */
     showTotal?: boolean;
+    /**
+     * 是否显示尺寸切换器
+     */
+    showSizeChanger?: boolean;
+    /**
+     * 是否显示快速跳转
+     */
+    showQuickJumper?: boolean;
 };
 export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection'> & {
     /**