@aplus-frontend/ui 0.6.0-beta.14 → 0.6.0-beta.15

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

@@ -0,0 +1,100 @@
+import { TableRowSelection } from '@aplus-frontend/antdv/lib/table/interface';
+import { ComputedRef, Ref } from 'vue';
+import { ApTableProps, ApTableRowSelection } from '../../ap-table';
+import { Recordable } from '../../type';
+export interface RowSelectionReturnType<RecordType = any> {
+    rowSelection: ComputedRef<TableRowSelection<RecordType>>;
+    selectedRows: Ref<Partial<RecordType>[]>;
+    /**
+     * 选中某行
+     * @param item
+     * @returns
+     */
+    select: (item: RecordType) => void;
+    /**
+     * 取消选中某行
+     * @param item
+     * @returns
+     */
+    unSelect: (item: RecordType) => void;
+    /**
+     * 某行是否被选中
+     * @param item
+     * @returns
+     */
+    isSelected: (item: RecordType) => boolean;
+    /**
+     * 选中当前所有数据
+     * @returns
+     */
+    selectAll: () => void;
+    /**
+     * 取消选中当前所有数据
+     * @returns
+     */
+    unSelectAll: () => void;
+    /**
+     * 清空所有选中
+     * @returns
+     */
+    clearAll: () => void;
+    /**
+     * 切换某行的选中状态
+     * @param item
+     * @returns
+     */
+    toggleSelect: (item: RecordType) => void;
+    /**
+     * 多项选中
+     * @param items
+     * @returns
+     */
+    selectMulti: (items: RecordType[]) => void;
+    /**
+     * 多项反选
+     * @param items
+     * @returns
+     */
+    unSelectMulti: (items: RecordType[]) => void;
+    /**
+     * VxeTable 表格checkbox-change事件
+     * @param item
+     * @param select
+     * @param partRowData
+     * @returns
+     */
+    selectChange: (item: RecordType, select: boolean, partRowData: RecordType[]) => void;
+    /**
+     * VxeTable 表格checkbox-all事件
+     * @param item
+     * @param select
+     * @param partRowData
+     * @returns
+     */
+    selectAllChange: (select: boolean, partRowData: RecordType[]) => void;
+    /**
+     * VxeTable 表格checkbox-range-change事件
+     * @param selected
+     * @param partRowData
+     * @returns
+     */
+    selectRangeChange: (selected: RecordType[], partRowData: RecordType[]) => void;
+    /**
+     * 通过key勾选多条数据
+     * @param keys
+     * @returns
+     */
+    selectMultiByKeys: (keys: (string | number)[]) => void;
+}
+type RowSelectionParams<T> = Omit<ApTableRowSelection<T>, 'mode'> & {
+    /**
+     * 数据源（如果是后端分页，则表示当页数据，否则是全量数据）
+     */
+    dataSource: Ref<T[]>;
+    /**
+     * 同Table的rowkey
+     */
+    rowKey: ApTableProps['rowKey'];
+};
+declare const useTableRowSelection: <RecordType = Recordable>(props: RowSelectionParams<RecordType>) => RowSelectionReturnType<RecordType>;
+export default useTableRowSelection;

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

@@ -0,0 +1,122 @@
+import { ref as k, computed as v, unref as a } from "vue";
+import { isFunction as i, cloneDeep as M } from "lodash-unified";
+function m(u, c) {
+  return !(c != null && c.length) || i(u) ? [] : c.map((f) => ({ [u]: f }));
+}
+const T = (u) => {
+  u.defaultSelectedRowKeys;
+  const c = k(
+    m(u.rowKey, u.defaultSelectedRowKeys)
+  );
+  function f(e, t) {
+    c.value = t;
+  }
+  const l = (e) => i(u.rowKey) ? u.rowKey(e) : e[u.rowKey], s = v(() => {
+    const e = /* @__PURE__ */ new Map();
+    return a(c).forEach((t) => {
+      e.set(l(t), t);
+    }), e;
+  });
+  function g(e) {
+    return a(s).has(l(e));
+  }
+  function h(e) {
+    const t = a(s);
+    t.set(l(e), e), c.value = [...t.values()];
+  }
+  function x(e) {
+    const t = a(s);
+    for (const n of e)
+      t.set(l(n), n);
+    c.value = [...t.values()];
+  }
+  function w(e) {
+    if (i(u.rowKey))
+      return;
+    const t = a(s);
+    for (const n of e) {
+      const o = a(u.dataSource).find(
+        (d) => l(d) === n
+      ), S = { [u.rowKey]: n };
+      t.set(String(n), o || S);
+    }
+    c.value = [...t.values()];
+  }
+  function y(e) {
+    const t = a(s);
+    t.delete(l(e)), c.value = [...t.values()];
+  }
+  function E(e) {
+    const t = a(s);
+    for (const n of e)
+      t.delete(l(n));
+    c.value = [...t.values()];
+  }
+  function r(e, t) {
+    const n = e;
+    for (const o of t)
+      n.set(l(o), o);
+    return n;
+  }
+  function K(e, t, n) {
+    const o = a(s);
+    t ? o.set(l(e), e) : o.delete(l(e)), r(o, n), c.value = [...o.values()];
+  }
+  function A(e, t) {
+    const n = M(a(s));
+    e ? a(u.dataSource).forEach((o) => {
+      n.set(l(o), o);
+    }) : a(u.dataSource).forEach((o) => {
+      n.delete(l(o));
+    }), r(n, t), c.value = [...n.values()];
+  }
+  function C(e, t) {
+    const n = M(a(s));
+    a(u.dataSource).forEach((o) => {
+      e.find((d) => l(d) === l(o)) ? n.set(l(o), o) : n.delete(l(o));
+    }), r(n, t), c.value = [...n.values()];
+  }
+  function R() {
+    const e = a(s);
+    a(u.dataSource).forEach((t) => {
+      e.set(l(t), t);
+    }), c.value = [...e.values()];
+  }
+  function D(e) {
+    const t = a(s), n = l(e);
+    t.has(n) ? t.delete(n) : t.set(n, e), c.value = [...t.values()];
+  }
+  function I() {
+    const e = a(s);
+    a(u.dataSource).forEach((t) => {
+      e.delete(l(t));
+    }), c.value = [...e.values()];
+  }
+  function b() {
+    c.value = [];
+  }
+  return {
+    select: h,
+    unSelect: y,
+    isSelected: g,
+    selectAll: R,
+    unSelectAll: I,
+    clearAll: b,
+    toggleSelect: D,
+    selectedRows: c,
+    selectMulti: x,
+    unSelectMulti: E,
+    rowSelection: v(() => ({
+      ...u,
+      onChange: f,
+      selectedRowKeys: a(c).map((e) => l(e))
+    })),
+    selectChange: K,
+    selectAllChange: A,
+    selectRangeChange: C,
+    selectMultiByKeys: w
+  };
+};
+export {
+  T as default
+};