@aplus-frontend/ui 6.21.1 → 6.22.0

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

@@ -0,0 +1,37 @@
+import { UseTableRefreshOption } from '..';
+import { AgGridExpose, AgGridProps } from '../../ag-grid';
+export interface UsePageListAgGrid extends AgGridProps {
+    /** 是否显示默认的行选择配置
+     * @default true
+     */
+    isShowRowSelection?: boolean;
+    /** 转化AgGrid查询参数 */
+    transformSearchFormValues?: (values: any) => any;
+    /** AgGrid数据接口 */
+    api?(record: any): Promise<any>;
+    /** 发起请求的时候情况行选中
+     * @default true
+     */
+    clearSelectionOnRequest?: boolean;
+    /** 用于覆盖默认的class */
+    class?: string;
+    /**
+     * 表格刷新相关
+     */
+    tableRefresh?: boolean | Omit<UseTableRefreshOption, 'apTableRef'>;
+    /** 是否需要在deactivated的时候清空数据
+     * @default true
+     */
+    clearDataOnDeactivated?: boolean;
+}
+/**
+ * 集成了列表页面的AgGrid的默认配置
+ */
+export declare function usePageListAgGrid(props?: UsePageListAgGrid): [AgGridProps, {
+    reload: () => void;
+    reset: () => void;
+    getSearchFormValues: (transform?: boolean) => any;
+    getAgGridInstance: () => AgGridExpose | undefined;
+    getSearchFormValuesAndSorted: (transform?: boolean) => any;
+    clearSelection: () => void;
+}];

package/es/src/business/hooks/usePageListAgGrid.mjs

@@ -0,0 +1,88 @@
+import "../index.mjs";
+import { merge as v, cloneDeep as A } from "lodash-unified";
+import { ref as F } from "vue";
+import { useKeepAliveFlag as R } from "./useKeepAliveFlag.mjs";
+import { useTableRefresh as w } from "./useTableRefresh.mjs";
+function z(s) {
+  const t = F(null), {
+    isShowRowSelection: i = !0,
+    clearSelectionOnRequest: f = !0,
+    transformSearchFormValues: a,
+    api: n,
+    tableRefresh: d = !0,
+    clearDataOnDeactivated: m = !0,
+    ...p
+  } = s || {};
+  let l = null;
+  const u = () => {
+    var e, r;
+    (r = (e = t.value) == null ? void 0 : e.rowSelection) == null || r.clearAll();
+  };
+  w({
+    ...V(d),
+    apTableRef: t
+  });
+  const c = () => {
+    var e;
+    (e = t.value) == null || e.submit();
+  }, h = () => {
+    var e;
+    (e = t.value) == null || e.reset();
+  }, { isDeactivated: S } = R({
+    afterDeactivated: c
+  });
+  return [v(
+    {
+      // scroll，tableLayout，columnResizable设置表格可拖动
+      columnResizable: !0,
+      request: n ? async (e) => {
+        if (S() && m)
+          return {
+            data: [],
+            total: 0
+          };
+        l = e.sort;
+        const r = a ? a(e) : e;
+        if (!n) throw new Error("api is not defined");
+        const { records: o, total: g } = await n(r);
+        return f && u(), {
+          data: o,
+          total: g
+        };
+      } : void 0,
+      rowSelection: i ? {
+        fixed: "left",
+        columnWidth: 38
+      } : void 0,
+      ref(e) {
+        t.value = e;
+      },
+      // 新UI规范，需要都添加分割线
+      card: !0
+    },
+    p
+  ), {
+    reload: c,
+    reset: h,
+    getSearchFormValues: (e = !0) => {
+      var o;
+      const r = ((o = t.value) == null ? void 0 : o.getSearchFormValues(!!e)) || {};
+      return a ? a(r) : r;
+    },
+    getAgGridInstance: () => t.value,
+    getSearchFormValuesAndSorted: (e = !0) => {
+      var o;
+      const r = ((o = t.value) == null ? void 0 : o.getSearchFormValues(!!e)) || {};
+      return r.sort = l && A(l), a ? a(r) : r;
+    },
+    clearSelection: u
+  }];
+}
+function V(s) {
+  return s === !0 ? {} : s === !1 ? {
+    refreshBefore: () => !1
+  } : s;
+}
+export {
+  z as usePageListAgGrid
+};

package/es/src/index.d.ts

@@ -26,3 +26,4 @@ export * from './ap-grid';
 export * from './text';
 export * from './mask';
 export * from './splitter';
+export * from './ag-grid';