@aplus-frontend/ui 6.21.1 → 6.22.0

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

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

package/es/src/ag-grid/index.d.ts

@@ -0,0 +1,3 @@
+import { default as AgGrid } from './index.vue';
+export { AgGrid };
+export * from './interface';

package/es/src/ag-grid/index.mjs

@@ -0,0 +1,2 @@
+import "./index.vue2.mjs";
+import "./interface.mjs";

package/es/src/ag-grid/index.vue.d.ts

@@ -0,0 +1,43 @@
+import { AgGridColumnType, AgGridExpose, AgGridProps } from './interface';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & AgGridProps<RecordType> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<AgGridExpose>): void;
+    attrs: any;
+    slots: Readonly<{
+        /**
+         * 自定义查询表单额外的区域
+         */
+        searchFormExtra?: any;
+        /**
+         * 自定义表格上部查询表单下部分区域的渲染
+         */
+        title?: (params: {
+            selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
+            shownColumns: AgGridColumnType<RecordType>[];
+            clearAll: () => void;
+        }) => any;
+    }> & {
+        /**
+         * 自定义查询表单额外的区域
+         */
+        searchFormExtra?: any;
+        /**
+         * 自定义表格上部查询表单下部分区域的渲染
+         */
+        title?: (params: {
+            selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
+            shownColumns: AgGridColumnType<RecordType>[];
+            clearAll: () => void;
+        }) => any;
+    };
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/ag-grid/index.vue.mjs

@@ -0,0 +1,512 @@
+import { defineComponent as Ne, useSlots as Ve, ref as u, computed as s, unref as n, watch as k, toRef as We, nextTick as Ee, createElementBlock as z, openBlock as y, normalizeStyle as b, normalizeClass as m, createCommentVNode as J, createElementVNode as v, createVNode as P, mergeProps as Q, createSlots as Me, withCtx as X, Fragment as Oe, renderList as Le, createBlock as Y, resolveDynamicComponent as $e, renderSlot as Z, withDirectives as Ge, vShow as je } from "vue";
+import { AgGridVue as qe } from "ag-grid-vue3";
+import { ModuleRegistry as He, AllCommunityModule as Ue } from "ag-grid-community";
+import { Spin as Je, Pagination as Qe } from "@aplus-frontend/antdv";
+import { isFunction as _, isUndefined as R } from "lodash-unified";
+import "../config-provider/index.mjs";
+import { ApForm as Xe } from "../ap-form/index.mjs";
+import { noRenderAsFormItemValueList as Ye } from "../ap-table/constants.mjs";
+import { getColumnOrder as ee, updateFormProps as Ze, getFieldProps as _e, getSearchFormItemRenderNode as et, recursionApColumns as tt } from "../ap-table/utils.mjs";
+import { useTablePaging as ot } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { dataIndexToField as rt } from "../ap-grid/utils/col.mjs";
+import { isDef as at } from "../utils/index.mjs";
+import "./components/header-cell/index.vue.mjs";
+import "./components/body-cell/index.vue.mjs";
+import nt from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as lt } from "./context.mjs";
+import { useProvideApTable as st } from "../ap-table/context.mjs";
+import { sizeReverseMap as it, sizeMap as dt } from "../ap-grid/constants.mjs";
+import { useToken as ct } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as ut } from "./theme.mjs";
+import { useNamespace as mt } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as pt } from "../config-provider/hooks/use-global-config.mjs";
+import ft from "./components/body-cell/index.vue2.mjs";
+import gt from "./components/header-cell/index.vue2.mjs";
+const Lt = /* @__PURE__ */ Ne({
+  name: "AgGrid",
+  __name: "index",
+  props: {
+    dropdownPrefixCls: {},
+    bordered: { type: Boolean },
+    locale: {},
+    onChange: {},
+    onResizeColumn: {},
+    getPopupContainer: {},
+    scroll: {},
+    sortDirections: {},
+    showSorterTooltip: { type: [Boolean, Object] },
+    prefixCls: {},
+    rowKey: { default: "key" },
+    tableLayout: {},
+    title: {},
+    id: {},
+    showHeader: { type: Boolean },
+    components: {},
+    customRow: {},
+    customHeaderRow: {},
+    direction: {},
+    expandFixed: { type: [String, Boolean] },
+    expandColumnWidth: {},
+    expandedRowKeys: {},
+    defaultExpandedRowKeys: {},
+    expandedRowRender: {},
+    expandRowByClick: { type: Boolean },
+    expandIcon: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    defaultExpandAllRows: { type: Boolean },
+    indentSize: {},
+    expandIconColumnIndex: {},
+    showExpandColumn: { type: Boolean },
+    expandedRowClassName: {},
+    childrenColumnName: {},
+    rowExpandable: {},
+    transformCellText: {},
+    columns: {},
+    rowSelection: { type: Boolean },
+    card: { type: Boolean },
+    params: {},
+    request: {},
+    defaultData: {},
+    dataSource: {},
+    onLoadingChange: {},
+    onShownColumnsChange: {},
+    searchForm: { type: [Boolean, Object], default: void 0 },
+    beforeSearchSubmit: {},
+    pagination: { type: [Boolean, Object], default: void 0 },
+    searchFormWrapperStyle: {},
+    tableWrapperStyle: {},
+    wrapperStyle: {},
+    tableStyle: {},
+    manual: { type: Boolean, default: void 0 },
+    size: { default: "mini" },
+    adaptive: { type: Boolean },
+    columnResizable: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: void 0 },
+    summary: {}
+  },
+  setup(te, { expose: oe }) {
+    He.registerModules([Ue]);
+    const r = te, re = Ve(), { e: C, b: d, em: ae, be: ne } = mt("ag-grid"), g = u(r.size), le = ut(g), S = u(), [, se] = ct();
+    let w = !!r.dataSource, D = 0;
+    const A = pt("valueTypeMap"), K = s(() => {
+      var e, o, a;
+      return D++, ((a = (o = (e = r.columns) == null ? void 0 : e.filter(
+        (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !Ye.includes(t.valueType)
+      )) == null ? void 0 : o.sort((t, l) => {
+        let i = ee(t.order);
+        return ee(l.order) - i;
+      })) == null ? void 0 : a.map((t) => {
+        const l = Ze(
+          t,
+          _e(t.fieldProps, {})
+        ), i = {
+          ...t,
+          fieldProps: {
+            label: t.title,
+            name: t.dataIndex,
+            // tips: 在表格中的查询表单项默认是带边框的
+            bordered: !0,
+            ...l || {},
+            _signal: D
+          },
+          renderNode: void 0
+        };
+        return i.renderNode = et(
+          i,
+          n(A)
+        ), i;
+      })) || [];
+    }), c = u([]), N = u([]);
+    function ie() {
+      var e;
+      return ((e = r.columns) == null ? void 0 : e.filter((o) => !o.hideInTable)) || [];
+    }
+    k(
+      () => r.columns,
+      () => {
+        var o;
+        const e = ie();
+        c.value = e, N.value = e, (o = r.onShownColumnsChange) == null || o.call(r, e);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    const de = s(() => {
+      const e = n(c);
+      function o(a) {
+        return a.map((t) => {
+          var i;
+          const l = {
+            field: rt(t.dataIndex),
+            colId: at(t.key) ? String(t.key) : void 0,
+            sortable: !!t.sorter,
+            comparator: t.sorter === !0 ? () => 0 : t.sorter,
+            headerComponentParams: {
+              column: t
+            },
+            cellRendererParams: {
+              column: t,
+              extraValueType: n(A)
+            },
+            resizable: t.resizable,
+            width: t.width,
+            minWidth: t.minWidth,
+            maxWidth: t.maxWidth,
+            flex: t.width ? void 0 : 1,
+            // 如果没有设置确切的宽度，则设置为可自由伸缩列
+            pinned: t.fixed || null,
+            // undefined to null
+            colSpan: t.colSpan,
+            cellClass: (h) => {
+              const I = t.cellClass || "", Ke = _(I) ? I(h.data, h.node) : I;
+              return [
+                `${ae("cell", t.align || "left")}`,
+                Ke
+              ].flat().filter(Boolean);
+            },
+            wrapText: !t.ellipsis,
+            autoHeight: !t.ellipsis
+          };
+          return (i = t.children) != null && i.length ? {
+            ...l,
+            children: o(t.children)
+          } : l;
+        });
+      }
+      return o(e);
+    }), ce = u({
+      headerComponent: gt,
+      cellRenderer: ft,
+      resizable: r.columnResizable,
+      suppressMovable: !0,
+      cellDataType: !1,
+      cellStyle: {
+        whiteSpace: "pre-line"
+      }
+    }), V = u({});
+    lt({
+      sorter: V,
+      setSorter(e) {
+        V.value = e;
+      }
+    });
+    const ue = {
+      asc: "ascend",
+      desc: "descend"
+    };
+    function me() {
+      var l;
+      const e = (l = S.value.getColumns()) == null ? void 0 : l.filter((i) => i.getSort() !== void 0);
+      if (!(e != null && e.length))
+        return;
+      const o = e[0], a = o.getColDef(), t = o.getSort();
+      E(void 0, void 0, {
+        column: a,
+        field: a.field,
+        order: t ? ue[t] : null
+      });
+    }
+    const pe = s(() => tt(n(c), (e) => {
+      if (e.sorter === !0)
+        return e.key || e.dataIndex;
+    }).filter(Boolean)), {
+      formRef: p,
+      submit: x,
+      reset: F,
+      data: f,
+      tableProps: W,
+      handleTableChangeOptional: E,
+      submitWith: M,
+      refresh: O,
+      getPaging: fe,
+      setPaging: ge
+    } = ot({
+      async request(e) {
+        var a;
+        if (w = !1, !R(r.dataSource)) {
+          const t = e.pageSize * (e.current - 1);
+          return {
+            data: (r.pagination === !1 ? r.dataSource : r.dataSource.slice(t, t + e.pageSize)) || [],
+            total: r.dataSource.length || 0
+          };
+        }
+        const o = await ((a = r.request) == null ? void 0 : a.call(r, e));
+        return {
+          data: (o == null ? void 0 : o.data) || [],
+          total: (o == null ? void 0 : o.total) || 0
+        };
+      },
+      namespace: "ap-grid",
+      filterFields: u([]),
+      params: We(r, "params"),
+      defaultData: r.defaultData,
+      manual: r.manual,
+      formatParams: r.beforeSearchSubmit,
+      pagination: r.pagination,
+      sortFields: pe
+    }), Se = s(
+      () => R(r.dataSource) ? f.records : r.dataSource
+    ), {
+      select: we,
+      unSelect: he,
+      selectedRows: T,
+      selectedRowKeys: ye,
+      clearAll: ve,
+      selectMultiByKeys: Ce
+    } = nt({
+      ...r.rowSelection === !0 ? {} : r.rowSelection,
+      dataSource: Se,
+      rowKey: r.rowKey
+    }), be = {
+      checkbox: "multiRow",
+      radio: "singleRow"
+    }, Re = s(() => {
+      if (!r.rowSelection)
+        return;
+      const { type: e = "checkbox", disabled: o } = r.rowSelection === !0 ? {} : r.rowSelection;
+      return {
+        mode: be[e],
+        isRowSelectable: (a) => o ? !o(a.data) : !0
+      };
+    }), xe = s(() => {
+      if (!r.rowSelection)
+        return;
+      const e = r.rowSelection === !0 ? {} : r.rowSelection;
+      return {
+        sortable: !1,
+        resizable: !1,
+        width: e.columnWidth || 60,
+        pinned: e.fixed
+      };
+    });
+    function B(e) {
+      return _(r.rowKey) ? r.rowKey(e) : e[r.rowKey];
+    }
+    const L = ({
+      api: e = S.value
+    }) => {
+      if (!r.rowSelection)
+        return;
+      const o = T.value;
+      if (!o.length)
+        return;
+      w = !1;
+      const a = [];
+      e.forEachNode((t) => {
+        const l = t.data, i = B(l);
+        o.find((h) => B(h) === i) && a.push(t);
+      }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
+        w = !0;
+      }, 0);
+    }, Fe = (e) => {
+      w && (e.node.isSelected() ? we(e.data) : he(e.data));
+    }, Te = () => {
+      w = !0;
+    }, $ = () => {
+      var e;
+      ve(), (e = S.value) == null || e.deselectAll();
+    };
+    function Be(e) {
+      Ce(e), Ee(() => {
+        L({});
+      });
+    }
+    function G(e = !1) {
+      var a, t, l;
+      const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return (l = (t = (a = p.value) == null ? void 0 : a.apForm) == null ? void 0 : t[o]) == null ? void 0 : l.call(t, !0);
+    }
+    function j(e) {
+      var o, a, t;
+      (t = (a = (o = p.value) == null ? void 0 : o.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
+    }
+    function q() {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.getSorterItems()) || [];
+    }
+    function H(e) {
+      var o;
+      (o = p.value) == null || o.setSorterItems(e);
+    }
+    function U() {
+      var e;
+      (e = p.value) == null || e.resetSorterItems();
+    }
+    st({
+      columns: s(() => c.value),
+      columnsBackup: s(() => N.value),
+      size: s(() => dt[g.value]),
+      updateColumns(e) {
+        var o;
+        console.log(e), c.value = e, (o = r.onShownColumnsChange) == null || o.call(r, e);
+      },
+      updateSize(e) {
+        g.value = it[e];
+      },
+      renderConfig: s(() => ({
+        className: ne("table-header", "title"),
+        color: se.value.colorTextTertiary
+      })),
+      dataSource: s(() => n(f).records),
+      getSearchFormValues: G,
+      setSearchFormValues: j,
+      submit: x,
+      submitWith: M,
+      reset: F,
+      refresh: O,
+      getSearchFormSorterItems: q,
+      setSearchFormSorterItems: H,
+      resetSearchFormSorterItems: U
+    });
+    const Ie = s(
+      () => R(r.loading) ? f.loading : r.loading
+    ), ke = s(() => [
+      d(),
+      r.card ? null : d("wrapper"),
+      d("adaptive"),
+      d(`size-${g.value}`)
+    ].filter(Boolean)), ze = s(() => ({
+      height: "100%",
+      ...r.tableStyle || {}
+    })), Pe = (e, o) => {
+      E({ current: e, pageSize: o });
+    };
+    function De(e) {
+      const o = e.data;
+      return B(o);
+    }
+    function Ae(e, o) {
+      var a;
+      (a = S.value) == null || a.ensureIndexVisible(e, o);
+    }
+    return k(
+      () => r.size,
+      (e) => {
+        g.value = e;
+      }
+    ), k(
+      () => n(f).loading,
+      (e) => {
+        var o;
+        (o = r.onLoadingChange) == null || o.call(r, e);
+      }
+    ), oe({
+      submit: x,
+      reset: F,
+      refresh: O,
+      submitWith: M,
+      setSearchFormValues: j,
+      getSearchFormValues: G,
+      getShowColumns: () => n(c),
+      rowSelection: {
+        selectedRows: s(() => T.value),
+        setSelectedRowKeys: Be,
+        clearAll: $
+      },
+      scrollToRow: Ae,
+      getDataSource: () => n(f.records),
+      getPaging: fe,
+      setPaging: ge,
+      getSearchFormSorterItems: q,
+      setSearchFormSorterItems: H,
+      resetSearchFormSorterItems: U
+    }), (e, o) => {
+      var a, t;
+      return y(), z("div", {
+        class: m(ke.value),
+        style: b(e.wrapperStyle)
+      }, [
+        n(R)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (y(), z("div", {
+          key: 0,
+          class: m(e.card ? n(C)("search-wrapper") : null),
+          style: b(e.searchFormWrapperStyle)
+        }, [
+          P(n(Xe).SearchForm, Q(e.searchForm || {}, {
+            ref_key: "formRef",
+            ref: p,
+            "custom-reset": "",
+            "submit-loading": n(W).loading,
+            onSubmit: n(x),
+            onReset: n(F)
+          }), Me({
+            default: X(() => [
+              (y(!0), z(Oe, null, Le(K.value, (l) => (y(), Y($e(l.renderNode), {
+                key: l.dataIndex
+              }))), 128))
+            ]),
+            _: 2
+          }, [
+            re.searchFormExtra ? {
+              name: "extra",
+              fn: X(() => [
+                Z(e.$slots, "searchFormExtra")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["submit-loading", "onSubmit", "onReset"])
+        ], 6)) : J("", !0),
+        v("div", {
+          class: m([n(C)("table-wrapper"), e.card ? n(C)("table-wrapper-card") : null]),
+          style: b(e.tableWrapperStyle)
+        }, [
+          v("div", {
+            class: m(n(d)("header-wrapper"))
+          }, [
+            Z(e.$slots, "title", {
+              selectedRows: n(T),
+              selectedRowKeys: n(ye),
+              shownColumns: c.value,
+              clearAll: $
+            })
+          ], 2),
+          v("div", {
+            class: m(n(d)("grid-wrapper"))
+          }, [
+            P(n(qe), {
+              style: b(ze.value),
+              "row-data": n(f).records,
+              "column-defs": de.value,
+              "default-col-def": ce.value,
+              "locale-text": {
+                noRowsToShow: ""
+                // 为了隐藏默认的无数据提示，因为外部已经自行实现了loading
+              },
+              "row-selection": Re.value,
+              "selection-column-def": xe.value,
+              "get-row-id": De,
+              "pinned-top-row-data": (a = e.summary) == null ? void 0 : a.top,
+              "pinned-bottom-row-data": (t = e.summary) == null ? void 0 : t.bottom,
+              theme: n(le),
+              onSortChanged: me,
+              onGridReady: o[0] || (o[0] = (l) => S.value = l.api),
+              onRowDataUpdated: L,
+              onRowSelected: Fe,
+              onFirstDataRendered: Te
+            }, null, 8, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme"]),
+            Ge(v("div", {
+              class: m(n(C)("table-loading-wrapper"))
+            }, [
+              P(n(Je), { delay: 300 })
+            ], 2), [
+              [je, Ie.value]
+            ])
+          ], 2),
+          v("div", {
+            class: m(n(d)("pagination-wrapper"))
+          }, [
+            e.pagination !== !1 ? (y(), Y(n(Qe), Q({
+              key: 0,
+              class: n(d)("pagination")
+            }, n(W).pagination, { onChange: Pe }), null, 16, ["class"])) : J("", !0)
+          ], 2)
+        ], 6)
+      ], 6);
+    };
+  }
+});
+export {
+  Lt as default
+};

package/es/src/ag-grid/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};