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

package/es/src/ap-grid/editable/form-item.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, useSlots as H, toRef as W, ref as h, unref as r, watch as G, nextTick as U, createBlock as $, openBlock as q, mergeProps as y, withCtx as g, createVNode as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as I } from "vue";
+import { defineComponent as P, useSlots as A, toRef as W, ref as h, unref as r, watch as G, nextTick as U, createBlock as $, openBlock as q, mergeProps as y, withCtx as g, createVNode as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as I } from "vue";
 import { ApForm as C } from "../../ap-form/index.mjs";
 import { isArray as w, isUndefined as M, isNumber as m, cloneDeep as ee, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
@@ -7,9 +7,9 @@ import { useGetEditableColumns as te } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
 import { useInjectForm as ae } from "../../ap-form/context.mjs";
 import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as fe } from "../../config-provider/hooks/use-global-config.mjs";
-import ne from "../index.vue.mjs";
-const Ce = /* @__PURE__ */ A({
+import { useGlobalConfig as ne } from "../../config-provider/hooks/use-global-config.mjs";
+import fe from "../index.vue.mjs";
+const Ce = /* @__PURE__ */ P({
   name: "EditableGrid",
   __name: "form-item",
   props: {
@@ -145,6 +145,9 @@ const Ce = /* @__PURE__ */ A({
     },
     expandable: {},
     value: {},
+    rowHighlightable: {
+      type: [Boolean, Function]
+    },
     columns: {},
     defaultValue: {},
     "onUpdate:value": {},
@@ -160,11 +163,11 @@ const Ce = /* @__PURE__ */ A({
   setup(x, {
     expose: R
   }) {
-    const B = H(), l = x, {
+    const B = A(), l = x, {
       b: S
     } = le("editable-grid");
     function F(e, t) {
-      return w(t) ? t.reduce((f, a) => f == null ? void 0 : f[a], e) : e == null ? void 0 : e[t];
+      return w(t) ? t.reduce((n, a) => n == null ? void 0 : n[a], e) : e == null ? void 0 : e[t];
     }
     const {
       internalInstance: o,
@@ -176,11 +179,11 @@ const Ce = /* @__PURE__ */ A({
     }, {
       deep: !0
     });
-    const c = h(), D = fe("valueTypeMap"), V = te(l, D);
+    const c = h(), D = ne("valueTypeMap"), V = te(l, D);
     function L(e, t) {
-      var n;
-      const f = ((n = r(d)) == null ? void 0 : n.length) || 0;
-      if (b(l.maxLength) && f >= l.maxLength)
+      var f;
+      const n = ((f = r(d)) == null ? void 0 : f.length) || 0;
+      if (b(l.maxLength) && n >= l.maxLength)
         return;
       const a = {
         ...e || {}
@@ -195,29 +198,29 @@ const Ce = /* @__PURE__ */ A({
     }
     function T(e, t = "suffix") {
       var s;
-      const f = ((s = r(d)) == null ? void 0 : s.length) || 0, a = m(e) ? e : e.length;
-      if (b(l.maxLength) && f + a > l.maxLength)
+      const n = ((s = r(d)) == null ? void 0 : s.length) || 0, a = m(e) ? e : e.length;
+      if (b(l.maxLength) && n + a > l.maxLength)
         return;
-      const n = m(e) ? new Array(e).fill(0).map(() => ({})) : ee(e);
-      o == null || o.setFieldValue(l.name, n, !0, (u, i) => {
+      const f = m(e) ? new Array(e).fill(0).map(() => ({})) : ee(e);
+      o == null || o.setFieldValue(l.name, f, !0, (u, i) => {
         if (!u[i]) {
-          u[i] = [...n];
+          u[i] = [...f];
           return;
         }
-        t === "suffix" ? u[i].push(...n) : u[i].unshift(...n);
+        t === "suffix" ? u[i].push(...f) : u[i].unshift(...f);
       });
     }
     function k(e) {
       const t = new Set(m(e) ? [e] : e);
-      o == null || o.setFieldValue(l.name, void 0, !0, (f, a) => {
-        f[a] = f[a].filter((n, s) => !t.has(s));
+      o == null || o.setFieldValue(l.name, void 0, !0, (n, a) => {
+        n[a] = n[a].filter((f, s) => !t.has(s));
       });
     }
     function _(e) {
-      var f;
+      var n;
       const t = new Set(w(e) ? e : [e]);
-      t.size !== 0 && ((f = o == null ? void 0 : o.setFieldValue) == null || f.call(o, l.name, void 0, !0, (a, n) => {
-        a[n] = a[n].filter((s) => !t.has(s[l.rowKey]));
+      t.size !== 0 && ((n = o == null ? void 0 : o.setFieldValue) == null || n.call(o, l.name, void 0, !0, (a, f) => {
+        a[f] = a[f].filter((s) => !t.has(s[l.rowKey]));
       }));
     }
     function j() {
@@ -227,15 +230,15 @@ const Ce = /* @__PURE__ */ A({
       var t;
       return (t = r(d)) == null ? void 0 : t[e];
     }
-    function O(e, t, f = !0) {
-      o == null || o.setFieldValue(l.name, void 0, !0, (a, n) => {
-        if (!(!a[n] || !a[n][e])) {
-          if (!f) {
-            const s = Object.keys(a[n][e]);
+    function O(e, t, n = !0) {
+      o == null || o.setFieldValue(l.name, void 0, !0, (a, f) => {
+        if (!(!a[f] || !a[f][e])) {
+          if (!n) {
+            const s = Object.keys(a[f][e]);
             for (const u of s)
-              u !== l.rowKey && delete a[n][e][u];
+              u !== l.rowKey && delete a[f][e][u];
           }
-          Object.assign(a[n][e], {
+          Object.assign(a[f][e], {
             ...t
           });
         }
@@ -245,11 +248,11 @@ const Ce = /* @__PURE__ */ A({
       o == null || o.setFieldValue(l.name, e);
     }
     function K(e) {
-      var f;
+      var n;
       const t = e === "end" ? d.value.length - 1 : e;
-      (f = c.value) == null || f.scrollToRow(t);
+      (n = c.value) == null || n.scrollToRow(t);
     }
-    function P() {
+    function H() {
       var e;
       (e = o == null ? void 0 : o.setFieldValue) == null || e.call(o, l.name, []);
     }
@@ -262,13 +265,13 @@ const Ce = /* @__PURE__ */ A({
       addMultiple: T,
       scrollTo: K,
       setTableData: z,
-      clear: P,
+      clear: H,
       removeByKey: _
     }), (e, t) => (q(), $(r(C).FormItem, y(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: g(() => [J(ne, y(r(oe)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: g(() => [J(fe, y(r(oe)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
         ref: c,
         class: r(S)(),
@@ -277,9 +280,9 @@ const Ce = /* @__PURE__ */ A({
         "search-form": !1
       }), Q({
         _: 2
-      }, [X(B, (f, a) => ({
+      }, [X(B, (n, a) => ({
         name: a,
-        fn: g((n) => [Y(e.$slots, a, Z(I(n || {})))])
+        fn: g((f) => [Y(e.$slots, a, Z(I(f || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

package/es/src/ap-grid/editable/index.vue.mjs

@@ -146,6 +146,9 @@ const Re = /* @__PURE__ */ $({
     },
     expandable: {},
     value: {},
+    rowHighlightable: {
+      type: [Boolean, Function]
+    },
     columns: {},
     defaultValue: {},
     "onUpdate:value": {},
@@ -158,12 +161,12 @@ const Re = /* @__PURE__ */ $({
   },
   emits: ["update:value"],
   setup(B, {
-    expose: S,
-    emit: F
+    expose: F,
+    emit: S
   }) {
     const N = q(), o = B, {
       b: V
-    } = re("editable-grid"), _ = F, w = v(), {
+    } = re("editable-grid"), _ = S, w = v(), {
       value: m,
       updateValue: L
     } = ue(o, _), i = v(), k = ie("valueTypeMap"), c = y.useWatch(o.name, i);
@@ -236,14 +239,14 @@ const Re = /* @__PURE__ */ $({
         s[n] = s[n].filter((r) => !t.has(r[o.rowKey]));
       }));
     }
-    function I() {
+    function H() {
       return u(m);
     }
-    function P(e) {
+    function I(e) {
       var t;
       (t = i.value) == null || t.setFieldValue(o.name, e);
     }
-    function H(e) {
+    function P(e) {
       var t;
       return (t = u(m)) == null ? void 0 : t[e];
     }
@@ -271,18 +274,18 @@ const Re = /* @__PURE__ */ $({
       var e, t;
       (t = (e = i.value) == null ? void 0 : e.setFieldValue) == null || t.call(e, o.name, []);
     }
-    return S({
+    return F({
       resetFields: E,
       validateFields: j,
       add: O,
       remove: A,
-      getRowData: H,
-      getRowsData: I,
+      getRowData: P,
+      getRowsData: H,
       setRowData: W,
       addMultiple: z,
       scrollTo: G,
       clear: U,
-      setTableData: P,
+      setTableData: I,
       removeByKey: K
     }), (e, t) => (Q(), J(u(y), {
       ref_key: "formRef",

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
+};