@aplus-frontend/ui 0.4.34 → 0.5.0-beta.1

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

@@ -1,16 +1,16 @@
-import { ref as ee, reactive as I, unref as h, nextTick as te, onMounted as re, watch as oe, computed as A, createVNode as C } from "vue";
-import { useTableSortedAndFiltered as ne } from "./use-sorted-filtered.mjs";
+import { ref as te, reactive as I, unref as h, nextTick as re, onMounted as oe, watch as ne, computed as A, createVNode as C } from "vue";
+import { useTableSortedAndFiltered as ae } from "./use-sorted-filtered.mjs";
 import "../../config-provider/index.mjs";
-import { parseFieldValue as ae, dataIndexToStr as se, isEqualCustom as ce } from "../utils.mjs";
-import { isArray as N, isEqualWith as ie } from "lodash-unified";
-import { useLocale as le } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ue } from "../../config-provider/hooks/use-namespace.mjs";
+import { parseFieldValue as se, dataIndexToStr as ce, isEqualCustom as ie } from "../utils.mjs";
+import { isArray as N, isEqualWith as le } from "lodash-unified";
+import { useLocale as ue } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
 const S = 1, L = 10;
-function fe(g) {
+function ge(g) {
   const l = {};
   return g && (g === !0 ? (l.current = S, l.pageSize = L) : (l.current = g.defaultCurrent || S, l.pageSize = g.defaultPageSize || L)), l;
 }
-const Te = ({
+const Pe = ({
   manual: g = !1,
   request: l,
   defaultParams: v = {},
@@ -20,6 +20,7 @@ const Te = ({
   resetFieldsIgnores: V,
   filterFields: U,
   sortFields: B,
+  namespace: K = "ap-table",
   pagination: p = {
     defaultCurrent: S,
     defaultPageSize: L,
@@ -28,15 +29,15 @@ const Te = ({
   }
 }) => {
   let b = 0, s = {};
-  const K = p ?? {}, M = (e) => D ? D(e) : e, z = ee(), c = I(fe(p)), {
-    getColumnSFConfig: $,
-    setSF: G,
-    clearAll: J
-  } = ne(), {
+  const M = p ?? {}, $ = (e) => D ? D(e) : e, z = te(), c = I(ge(p)), {
+    getColumnSFConfig: G,
+    setSF: J,
+    clearAll: Q
+  } = ae(), {
     t: T
-  } = le(), {
+  } = ue(), {
     b: P
-  } = ue("ap-table"), o = I({
+  } = fe(K), o = I({
     total: y.length,
     records: y,
     loading: !1
@@ -45,7 +46,7 @@ const Te = ({
     return ((t = (e = z.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
   }, O = async (e) => {
     var n;
-    const t = M(e), r = Date.now();
+    const t = $(e), r = Date.now();
     b = r, o.loading = !0;
     try {
       const a = await l({
@@ -63,22 +64,22 @@ const Te = ({
     return Object.entries(e).forEach(([r, n]) => {
       if (t[r] = n, R && n) {
         const a = R[r];
-        a && (t[r] = ae(a, n));
+        a && (t[r] = se(a, n));
       }
     }), t;
-  }, Q = async (e) => {
+  }, W = async (e) => {
     var n, a, u, f, d;
     const t = F(), r = {};
     Object.entries(t).forEach(([m, x]) => {
       V && V.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), te(() => {
+    }), 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), re(() => {
       e == null || e();
     });
   }, w = (e) => {
     s = e;
     const t = _(e);
     O(t);
-  }, W = (e) => {
+  }, Z = (e) => {
     w({
       ...s,
       ...e
@@ -92,11 +93,11 @@ const Te = ({
       current: p ? S : void 0,
       pageSize: p ? s.pageSize || c.pageSize : void 0
     });
-  }, Z = () => {
-    J(), s.sort = {}, s.filter = {}, Q(E);
+  }, H = () => {
+    Q(), s.sort = {}, s.filter = {}, W(E);
   }, j = () => {
     w(s);
-  }, H = (e) => {
+  }, X = (e) => {
     if (!p)
       j();
     else {
@@ -104,17 +105,17 @@ const Te = ({
         current: t,
         pageSize: r
       } = c, n = o.total - e, a = Math.ceil(n / r), u = t > a ? a : t;
-      W({
+      Z({
         current: u > 0 ? u : 1
       });
     }
   }, q = (e, t, r) => {
     var m, x;
     const n = F();
-    c.current = e.current, c.pageSize = e.pageSize, G(t, r);
+    c.current = e.current, c.pageSize = e.pageSize, J(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[se(i.columnKey || i.field)] = i.order);
+      (m = h(B)) != null && m.includes(i.columnKey || i.field) && i.order && (u[ce(i.columnKey || i.field)] = i.order);
     const f = {};
     for (const i of Object.keys(t))
       (x = h(U)) != null && x.includes(i) && t[i] && (f[i] = t[i]);
@@ -125,9 +126,9 @@ const Te = ({
       current: e.current,
       pageSize: e.pageSize
     };
-    ie(s, d, ce) || w(d);
+    le(s, d, ie) || w(d);
   };
-  re(() => {
+  oe(() => {
     const e = F(), {
       current: t,
       pageSize: r
@@ -142,12 +143,12 @@ const Te = ({
       const n = _(s);
       O(n);
     }
-  }), oe(() => h(v), () => {
+  }), ne(() => h(v), () => {
     E();
   }, {
     deep: !0
   });
-  const X = A(() => {
+  const Y = A(() => {
     if (o.total === 0)
       return "-";
     const {
@@ -156,14 +157,14 @@ const Te = ({
     } = c;
     return `${e}/${Math.ceil(o.total / t)}`;
   });
-  function Y(e) {
+  function k(e) {
     N(e) && (o.records = e, o.total = e.length);
   }
-  const k = A(() => {
+  const ee = A(() => {
     const {
       showLessItems: e,
       showTotal: t
-    } = K;
+    } = M;
     return {
       loading: o.loading,
       pagination: {
@@ -182,7 +183,7 @@ const Te = ({
           class: P("pagination--total-right")
         }, [T("ap.apTable.pagination.totalRightPrefix"), " ", C("span", {
           class: P("pagination-count-text")
-        }, [h(X)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
+        }, [h(Y)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
       },
       onChange: q,
       dataSource: o.records
@@ -191,19 +192,21 @@ const Te = ({
   return {
     formRef: z,
     submit: E,
-    reset: Z,
+    reset: H,
     refresh: j,
-    refreshByDelete: H,
+    refreshByDelete: X,
     data: o,
     current: c.current,
     pageSize: c.pageSize,
     handleTableChange: q,
-    tableProps: k,
+    tableProps: ee,
     dataSource: A(() => o.records),
-    setDataSource: Y,
-    getColumnSFConfig: $
+    setDataSource: k,
+    getColumnSFConfig: G
   };
 };
 export {
-  Te as useTablePaging
+  S as DEFAULT_CURRENT,
+  L as DEFAULT_PAGE_SIZE,
+  Pe as useTablePaging
 };

package/es/src/ap-table/hooks/use-table-row-selection.d.ts

@@ -44,6 +44,18 @@ export interface RowSelectionReturnType<RecordType = any> {
      * @returns
      */
     toggleSelect: (item: RecordType) => void;
+    /**
+     * 多项选中
+     * @param items
+     * @returns
+     */
+    selectMulti: (items: RecordType[]) => void;
+    /**
+     * 多项反选
+     * @param items
+     * @returns
+     */
+    unSelectMulti: (items: RecordType[]) => void;
 }
 type RowSelectionParams<T> = Omit<ApTableRowSelection<T>, 'mode'> & {
     /**

package/es/src/ap-table/hooks/use-table-row-selection.mjs

@@ -1,62 +1,76 @@
-import { ref as h, computed as s, unref as c } from "vue";
-import { isFunction as x } from "lodash-unified";
-const g = (o) => {
-  const n = h([]);
-  function r(e, t) {
+import { ref as y, computed as s, unref as c } from "vue";
+import { isFunction as K } from "lodash-unified";
+const m = (a) => {
+  const n = y([]);
+  function f(e, t) {
     n.value = t;
   }
-  const l = (e) => x(o.rowKey) ? o.rowKey(e) : e[o.rowKey], a = s(() => {
+  const l = (e) => K(a.rowKey) ? a.rowKey(e) : e[a.rowKey], o = s(() => {
     const e = /* @__PURE__ */ new Map();
     return c(n).forEach((t) => {
       e.set(l(t), t);
     }), e;
   });
-  function f(e) {
-    return c(a).has(l(e));
+  function r(e) {
+    return c(o).has(l(e));
   }
   function d(e) {
-    const t = c(a);
+    const t = c(o);
     t.set(l(e), e), n.value = [...t.values()];
   }
+  function i(e) {
+    const t = c(o);
+    for (const u of e)
+      t.set(l(u), u);
+    n.value = [...t.values()];
+  }
   function S(e) {
-    const t = c(a);
+    const t = c(o);
     t.delete(l(e)), n.value = [...t.values()];
   }
-  function i() {
-    const e = c(a);
-    c(o.dataSource).forEach((t) => {
+  function v(e) {
+    const t = c(o);
+    for (const u of e)
+      t.delete(l(u));
+    n.value = [...t.values()];
+  }
+  function M() {
+    const e = c(o);
+    c(a.dataSource).forEach((t) => {
       e.set(l(t), t);
     }), n.value = [...e.values()];
   }
-  function v(e) {
-    const t = c(a), u = l(e);
+  function w(e) {
+    const t = c(o), u = l(e);
     t.has(u) ? t.delete(u) : t.set(u, e), n.value = [...t.values()];
   }
-  function w() {
-    const e = c(a);
-    c(o.dataSource).forEach((t) => {
+  function x() {
+    const e = c(o);
+    c(a.dataSource).forEach((t) => {
       e.delete(l(t));
     }), n.value = [...e.values()];
   }
-  function M() {
+  function h() {
     n.value = [];
   }
   return {
     select: d,
     unSelect: S,
-    isSelected: f,
-    selectAll: i,
-    unSelectAll: w,
-    clearAll: M,
-    toggleSelect: v,
+    isSelected: r,
+    selectAll: M,
+    unSelectAll: x,
+    clearAll: h,
+    toggleSelect: w,
     selectedRows: n,
+    selectMulti: i,
+    unSelectMulti: v,
     rowSelection: s(() => ({
-      ...o,
-      onChange: r,
+      ...a,
+      onChange: f,
       selectedRowKeys: c(n).map((e) => l(e))
     }))
   };
 };
 export {
-  g as default
+  m as default
 };

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

@@ -379,3 +379,7 @@ export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
         y: undefined;
     };
 };
+export type ApTableContextRenderConfig = {
+    color: string;
+    className: string;
+};

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

@@ -1891,7 +1891,7 @@ export declare function getTableTitle(column: ApColumnType<any>, titleNodeClassN
 }) => any, tooltipColor?: string): number | boolean | void | VNodeArrayChildren | VNode< RendererNode, RendererElement, {
     [key: string]: any;
 }> | ((props: ColumnTitleProps<any>) => VNodeArrayChildren | VueNode) | null;
-export declare function recursionApColumns<ReturnType = any>(columns: (ColumnType | ColumnGroupType<any>)[], handler: (column: ColumnType) => ReturnType): ReturnType[];
+export declare function recursionApColumns<ReturnType = any, ColumnsType extends Array<any> = (ColumnType | ColumnGroupType<any>)[]>(columns: ColumnsType, handler: (column: ColumnsType[0]) => ReturnType): ReturnType[];
 export declare function isEqualCustom(value: any, other: any): boolean | undefined;
 export declare function falseToUndefined(obj: any): any;
 export {};

package/es/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts

@@ -23,6 +23,8 @@ export declare function useCreateTableModal(props: UseCreateTableModalProps): {
             isSelected: (item: any) => boolean;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
         } | undefined;
         getShownColumns: () => TableColumnsType<any>;
         scrollBar: {

package/es/src/business/ap-table-modal/hooks/use-table-modal.d.ts

@@ -21,6 +21,8 @@ export declare function useTableModal<TableRowType = Record<string, any>>(props:
             isSelected: (item: any) => boolean;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
         } | undefined;
         getShownColumns: () => TableColumnsType<any>;
         scrollBar: {

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -20,6 +20,8 @@ export declare function useTableSelectModal<TableRowType = Record<string, any>>(
             isSelected: (item: any) => boolean;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
         } | undefined;
         getShownColumns: () => TableColumnsType<any>;
         scrollBar: {

package/es/src/business/ap-table-modal/index.d.ts

@@ -29,6 +29,8 @@ declare const ApTableModal: {
                 isSelected: (item: any) => boolean;
                 clearAll: () => void;
                 toggleSelect: (item: any) => void;
+                selectMulti: (items: any[]) => void;
+                unSelectMulti: (items: any[]) => void;
             } | undefined;
             getShownColumns: () => TableColumnsType<any>;
             scrollBar: {
@@ -75,6 +77,8 @@ declare const ApTableModal: {
                 unSelectAll: () => void;
                 clearAll: () => void;
                 toggleSelect: (item: any) => void;
+                selectMulti: (items: any[]) => void;
+                unSelectMulti: (items: any[]) => void;
                 selectedRows: ComputedRef<any[]>;
             };
             scrollBar: {
@@ -113,6 +117,8 @@ declare const ApTableModal: {
                 isSelected: (item: any) => boolean;
                 clearAll: () => void;
                 toggleSelect: (item: any) => void;
+                selectMulti: (items: any[]) => void;
+                unSelectMulti: (items: any[]) => void;
             } | undefined;
             getShownColumns: () => TableColumnsType<any>;
             scrollBar: {
@@ -165,6 +171,8 @@ declare const ApTableModal: {
             isSelected: (item: any) => boolean;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
         } | undefined;
         getShownColumns: () => TableColumnsType<any>;
         scrollBar: {

package/es/src/business/ap-table-modal/table-modal.vue.d.ts

@@ -22,6 +22,8 @@ declare const _default: DefineComponent<__VLS_Props, {
             isSelected: (item: any) => boolean;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
         } | undefined;
         getShownColumns: () => TableColumnsType<any>;
         scrollBar: {
@@ -70,6 +72,8 @@ declare const _default: DefineComponent<__VLS_Props, {
             unSelectAll: () => void;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
             selectedRows: ComputedRef<any[]>;
         };
         scrollBar: {

package/es/src/business/hooks/usePageListApTable.d.ts

@@ -47,6 +47,8 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
             isSelected: (item: any) => boolean;
             clearAll: () => void;
             toggleSelect: (item: any) => void;
+            selectMulti: (items: any[]) => void;
+            unSelectMulti: (items: any[]) => void;
         } | undefined;
         getShownColumns: () => TableColumnsType<any>;
         scrollBar: {

package/es/src/index.d.ts

@@ -22,3 +22,4 @@ export * from './scroll-view';
 export * from './portal';
 export * from './full-screen';
 export * from './resize-observer';
+export * from './ap-grid';