@aplus-frontend/ui 6.38.0 → 6.39.0

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as G, ref as b, unref as e, computed as L, useSlots as M, createVNode as t, cloneVNode as P, createElementBlock as q, openBlock as k, Fragment as H, createBlock as J, createCommentVNode as Q, resolveDynamicComponent as W, withCtx as u, createElementVNode as a, normalizeClass as s, toDisplayString as m, createTextVNode as v, isRef as X } from "vue";
-import { Button as y, Modal as Y, RadioGroup as Z, RadioButton as T, Divider as x } from "@aplus-frontend/antdv";
-import { getSingleVNode as ee } from "../../../../utils/slot.mjs";
-import { useInjectApTable as te } from "../../../context.mjs";
+import { defineComponent as L, ref as v, unref as e, computed as M, useSlots as P, createVNode as t, cloneVNode as q, createElementBlock as H, openBlock as h, Fragment as J, createBlock as Q, createCommentVNode as W, resolveDynamicComponent as X, withCtx as u, withDirectives as Y, createElementVNode as s, normalizeClass as i, toDisplayString as c, createTextVNode as S, isRef as Z, vShow as ee } from "vue";
+import { Button as y, Modal as te, RadioGroup as le, RadioButton as T, Divider as x } from "@aplus-frontend/antdv";
+import { getSingleVNode as ne } from "../../../../utils/slot.mjs";
+import { useInjectApTable as ae } from "../../../context.mjs";
 import "../tree-select/index.vue.mjs";
-import { useTableColumnState as le } from "../../../hooks/use-table-column-state.mjs";
+import { useTableColumnState as oe } from "../../../hooks/use-table-column-state.mjs";
 import "../../../../config-provider/index.mjs";
 import "../sorter/index.vue.mjs";
-import ne, { customCloneColumnStates as B } from "../utils.mjs";
-import { SettingOutlined as oe } from "@ant-design/icons-vue";
-import { useLocale as ae } from "../../../../config-provider/hooks/use-locale.mjs";
+import se, { customCloneColumnStates as B } from "../utils.mjs";
+import { SettingOutlined as ie } from "@ant-design/icons-vue";
+import { useLocale as ue } from "../../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as N } from "../../../../config-provider/hooks/use-namespace.mjs";
-import se from "../tree-select/index.vue2.mjs";
-import ie from "../sorter/index.vue2.mjs";
-const Te = /* @__PURE__ */ G({
+import re from "../tree-select/index.vue2.mjs";
+import pe from "../sorter/index.vue2.mjs";
+const Be = /* @__PURE__ */ L({
   name: "ApTableSetting",
   __name: "index",
   props: {
@@ -20,85 +20,86 @@ const Te = /* @__PURE__ */ G({
       default: () => ({})
     }
   },
-  setup(h) {
-    const c = h, {
-      columnsBackup: _,
-      size: z,
-      updateSize: A,
-      updateColumns: V
-    } = te(), d = b(e(z)), R = L(() => c.config.persistenceKey), {
-      columnState: l,
-      setColumnState: w,
-      isAllSelected: D,
-      toggleSelectAll: O,
-      columnStateBackup: U,
-      setColumnStateBackup: E,
-      cacheColumnStateIfNeeded: I
-    } = le(c.config, R, []), {
-      t: n
-    } = ae(), {
+  setup(_) {
+    const m = _, {
+      columnsBackup: z,
+      size: A,
+      updateSize: V,
+      updateColumns: w
+    } = ae(), d = v(e(A)), R = M(() => m.config.persistenceKey), {
+      columnState: n,
+      setColumnState: D,
+      isAllSelected: O,
+      toggleSelectAll: U,
+      columnStateBackup: E,
+      setColumnStateBackup: I,
+      cacheColumnStateIfNeeded: K
+    } = oe(m.config, R, []), {
+      t: a
+    } = ue(), {
       b: f,
       be: g
     } = N("ap-column-setting"), {
-      b: K
-    } = N("ap-table"), r = b(!1), $ = M(), C = ee($.trigger) || t(y, {
-      icon: t(oe, null, null),
-      class: K("setting-trigger-button")
-    }, null), S = C ? P(C, {
+      b: $
+    } = N("ap-table"), r = v(!1), C = v(!1), j = P(), b = ne(j.trigger) || t(y, {
+      icon: t(ie, null, null),
+      class: $("setting-trigger-button")
+    }, null), k = b ? q(b, {
       onClick: () => {
         r.value = !0;
       }
     }) : null;
-    function j() {
-      w(B(e(U)));
-    }
     function F() {
-      V?.(ne(e(_), e(l))), A?.(e(d)), r.value = !1;
-      const p = B(l.value);
-      E(p), I(p), c.config?.onChange?.(p);
+      D(B(e(E)));
+    }
+    function G() {
+      w?.(se(e(z), e(n))), V?.(e(d)), r.value = !1;
+      const p = B(n.value);
+      I(p), K(p), m.config?.onChange?.(p);
     }
-    return (p, o) => (k(), q(H, null, [e(S) ? (k(), J(W(e(S)), {
+    return (p, o) => (h(), H(J, null, [e(k) ? (h(), Q(X(e(k)), {
       key: 0
-    })) : Q("", !0), t(e(Y), {
+    })) : W("", !0), t(e(te), {
       open: r.value,
-      "onUpdate:open": o[2] || (o[2] = (i) => r.value = i),
-      title: e(n)("ap.apTable.setting.title"),
+      "onUpdate:open": o[2] || (o[2] = (l) => r.value = l),
+      title: e(a)("ap.apTable.setting.title"),
       width: 900,
       centered: !0,
       "body-style": {
         padding: "0px !important",
         height: "450px"
       },
-      onOk: F
+      "after-open-change": (l) => C.value = l,
+      onOk: G
     }, {
-      default: u(() => [a("div", {
-        class: s(e(f)("wrapper"))
-      }, [a("div", {
-        class: s(e(f)("left"))
-      }, [a("div", {
-        class: s(e(g)("left", "header"))
-      }, [a("div", null, [a("span", {
-        class: s(e(g)("left", "header-tips"))
-      }, m(e(n)("ap.apTable.setting.selectAllTip")), 3), t(e(y), {
+      default: u(() => [Y(s("div", {
+        class: i(e(f)("wrapper"))
+      }, [s("div", {
+        class: i(e(f)("left"))
+      }, [s("div", {
+        class: i(e(g)("left", "header"))
+      }, [s("div", null, [s("span", {
+        class: i(e(g)("left", "header-tips"))
+      }, c(e(a)("ap.apTable.setting.selectAllTip")), 3), t(e(y), {
         type: "link",
         size: "small",
-        onClick: e(O)
+        onClick: e(U)
       }, {
-        default: u(() => [v(m(e(D) ? e(n)("ap.apTable.setting.unSelectAll") : e(n)("ap.apTable.setting.selectAll")), 1)]),
+        default: u(() => [S(c(e(O) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
-      }, 8, ["onClick"])]), t(e(Z), {
+      }, 8, ["onClick"])]), t(e(le), {
         value: d.value,
-        "onUpdate:value": o[0] || (o[0] = (i) => d.value = i)
+        "onUpdate:value": o[0] || (o[0] = (l) => d.value = l)
       }, {
         default: u(() => [t(e(T), {
           value: "small"
         }, {
-          default: u(() => [v(m(e(n)("ap.apTable.setting.sizeSmall")), 1)]),
+          default: u(() => [S(c(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
           _: 1
         }), t(e(T), {
           value: "middle"
         }, {
-          default: u(() => [v(m(e(n)("ap.apTable.setting.sizeNormal")), 1)]),
+          default: u(() => [S(c(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
           _: 1
         })]),
         _: 1
@@ -107,26 +108,26 @@ const Te = /* @__PURE__ */ G({
         style: {
           margin: "0px"
         }
-      }), t(se, {
-        class: s(e(g)("left", "content")),
-        value: e(l)
+      }), t(re, {
+        class: i(e(g)("left", "content")),
+        value: e(n)
       }, null, 8, ["class", "value"])], 2), t(e(x), {
         type: "vertical",
         style: {
           height: "100%",
           margin: "0px"
         }
-      }), a("div", {
-        class: s(e(f)("right"))
-      }, [t(ie, {
-        value: e(l),
-        "onUpdate:value": o[1] || (o[1] = (i) => X(l) ? l.value = i : null),
-        onReset: j
-      }, null, 8, ["value"])], 2)], 2)]),
+      }), s("div", {
+        class: i(e(f)("right"))
+      }, [t(pe, {
+        value: e(n),
+        "onUpdate:value": o[1] || (o[1] = (l) => Z(n) ? n.value = l : null),
+        onReset: F
+      }, null, 8, ["value"])], 2)], 2), [[ee, C.value]])]),
       _: 1
-    }, 8, ["open", "title"])], 64));
+    }, 8, ["open", "title", "after-open-change"])], 64));
   }
 });
 export {
-  Te as default
+  Be as default
 };

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

@@ -352,6 +352,12 @@ export type ApTableExpose<SearchParamsType = Recordable, RecordType = any> = {
      * 查询表单提交
      */
     submit: () => void;
+    /**
+     * 表格查询提交（重制页码但查询参数不会重置）
+     * @param resetCurrent 是否重置当前页码，默认为`false`
+     * @returns
+     */
+    submitWith: (resetCurrent?: boolean) => void;
     /**
      * 查询表单重置
      */

package/es/src/business/ag-grid-modal/constants.d.ts

@@ -0,0 +1,4 @@
+/** 非字符串增加key值字段 */
+export declare const ROW_KEY = "__ag-grid-modal-row-key";
+export declare const SMALL_HEIGHT = "480px";
+export declare const LARGER_HEIGHT = "calc(100vh - 200px)";

package/es/src/business/ag-grid-modal/constants.mjs

@@ -0,0 +1,6 @@
+const o = "__ag-grid-modal-row-key", c = "480px", _ = "calc(100vh - 200px)";
+export {
+  _ as LARGER_HEIGHT,
+  o as ROW_KEY,
+  c as SMALL_HEIGHT
+};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef } from 'vue';
+import { AgGridExpose } from '../../../ag-grid';
+import { RefreshType } from '../interface';
+interface Options {
+    onMounted?: () => void;
+    onSelectedRows?: (rows?: any[]) => void;
+}
+export interface GridApi {
+    /** 设置 AgGrid 实例 */
+    setInstance: (node: any) => void;
+    /** 刷新表格 */
+    refresh: (type?: RefreshType) => void;
+    /** 获取 AgGrid 实例 */
+    getInstance: () => AgGridExpose | undefined;
+    /** 设置 AgGrid 选中行 */
+    setSelectedRowKeys: (keys: (string | number)[]) => void;
+    /** 获取 AgGrid 选中行 */
+    getSelectedRows: () => any[] | undefined;
+    /** 清空所有选中行 */
+    clearAllSelected: () => void;
+    /** 清除某一行数据 */
+    removeSelected: (record: any) => void;
+    /** 设置表格数据length */
+    setDataSourceLength: (len: number) => void;
+}
+interface GridApiProvider extends GridApi {
+    selectedRows?: ComputedRef<any[]>;
+    dataSourceLength?: ComputedRef<number>;
+}
+export declare function useAgGridInstance(options?: Options): [GridApi, any];
+/** 获取上下文中grid的api */
+export declare function useAgGridModalInject(): GridApiProvider | undefined;
+export {};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-instance.mjs

@@ -0,0 +1,50 @@
+import { ref as o, watch as r, defineComponent as A, provide as h, toRef as a, inject as I } from "vue";
+import { cloneDeep as y } from "lodash-unified";
+const u = Symbol("ag-grid-provider-key");
+function L(n) {
+  const t = o(), c = o(), l = o(0), d = (e) => {
+    t.value = e;
+  }, i = (e) => {
+    l.value = e;
+  }, v = () => t.value, S = (e = "reset") => {
+    t.value && e in t.value && t.value[e]();
+  }, w = (e) => {
+    t.value?.rowSelection.setSelectedRowKeys(e);
+  }, g = () => y(t.value?.rowSelection.selectedRows.value), f = () => t.value?.rowSelection.clearAll(), R = (e) => t.value?.rowSelection.unSelectRows([e]);
+  r(t, (e) => {
+    e && n?.onMounted?.();
+  }), r(
+    () => t.value?.rowSelection.selectedRows.value,
+    (e) => {
+      c.value = e, n?.onSelectedRows?.(e);
+    }
+  );
+  const s = {
+    setInstance: d,
+    refresh: S,
+    getInstance: v,
+    setSelectedRowKeys: w,
+    getSelectedRows: g,
+    clearAllSelected: f,
+    removeSelected: R,
+    setDataSourceLength: i
+  }, p = A({
+    setup(e, { slots: m }) {
+      return h(u, {
+        ...s,
+        selectedRows: a(() => c.value),
+        dataSourceLength: a(
+          () => l.value
+        )
+      }), m.default;
+    }
+  });
+  return [s, p];
+}
+function _() {
+  return I(u);
+}
+export {
+  L as useAgGridInstance,
+  _ as useAgGridModalInject
+};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-modal.d.ts

@@ -0,0 +1,3 @@
+import { AgGridPreviewModalProps, PreviewModalReturnType } from '../interface';
+/** ag-grid弹框 */
+export declare function useAgGridModal<T = any>(props: AgGridPreviewModalProps<T>): PreviewModalReturnType;

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-modal.mjs

@@ -0,0 +1,58 @@
+import { createVNode as r } from "vue";
+import { ApModal as m } from "../../../ap-modal/index.mjs";
+import "../../../ag-grid/index.mjs";
+import { genRequest as d } from "../utils.mjs";
+import { useAgGridInstance as l } from "./use-ag-grid-instance.mjs";
+import { omit as c } from "lodash-unified";
+import "../wrapper/index.vue.mjs";
+import f from "../wrapper/index.vue2.mjs";
+import u from "../../../ag-grid/index.vue.mjs";
+function C(e) {
+  const [t, n] = l(), o = d(e.api, e.getRowKey, t.setDataSourceLength);
+  function a() {
+    m.createModal({
+      title: e.title,
+      width: e.width,
+      destroyOnClose: !0,
+      maskClosable: !1,
+      footer: null,
+      onCancel() {
+        t.setInstance(void 0), t.setDataSourceLength(0);
+      },
+      content: r(n, null, {
+        default: () => [r(f, {
+          rowHeight: e.rowHeight
+        }, {
+          default: () => [e.renderHeader?.(c(t, "setInstance")), r(u, {
+            ref: t.setInstance,
+            searchForm: {
+              sortable: !1,
+              resize: {
+                target: "form"
+              }
+            },
+            rowKey: e.getRowKey,
+            request: o.request,
+            style: {
+              padding: "0px"
+            },
+            rowHeight: e.rowHeight,
+            columns: e.columns
+          }, e.gridSlots)]
+        })]
+      }),
+      ...e.modalProps || {}
+    });
+  }
+  function i(s) {
+    o.setExtraParams(s?.extraParams), a();
+  }
+  return {
+    open: i,
+    refresh: t.refresh,
+    getAgGridInstance: t.getInstance
+  };
+}
+export {
+  C as useAgGridModal
+};

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.d.ts

@@ -0,0 +1,2 @@
+import { AgGridSelectModalProps, SelectModalReturnType } from '../interface';
+export declare function useAgGridSelectModal<T = any>(props: AgGridSelectModalProps<T>): SelectModalReturnType<T>;

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs

@@ -0,0 +1,122 @@
+import { createVNode as r, onUnmounted as O } from "vue";
+import { ApModal as _ } from "../../../ap-modal/index.mjs";
+import "../../../ag-grid/index.mjs";
+import { AsyncCallback as L, genRequest as P, delRowKeyField as H, getModalLayoutConfig as T, addRowKeyField as j } from "../utils.mjs";
+import { useAgGridInstance as q } from "./use-ag-grid-instance.mjs";
+import { isFunction as u, omit as h } from "lodash-unified";
+import { ROW_KEY as v } from "../constants.mjs";
+import { useModalTitle as F } from "./use-modal-title.mjs";
+import { message as G } from "@aplus-frontend/antdv";
+import "../../../config-provider/index.mjs";
+import "../modal-layout/index.vue.mjs";
+import "../wrapper/index.vue.mjs";
+import { useLocale as D } from "../../../config-provider/hooks/use-locale.mjs";
+import E from "../wrapper/index.vue2.mjs";
+import U from "../modal-layout/index.vue2.mjs";
+import W from "../../../ag-grid/index.vue.mjs";
+function le(e) {
+  let i;
+  const c = new L(), [C, b] = F(), {
+    t: K
+  } = D(), [n, k] = q({
+    onSelectedRows(t) {
+      b.setCount(t?.length || 0);
+    }
+  }), f = P(e.api, e.getRowKey, n.setDataSourceLength), d = u(e.getRowKey) ? e.getRowKey : (t) => t[e.getRowKey], x = () => {
+    const t = e.mergeRule || "old", o = n.getSelectedRows() || [];
+    return {
+      keys: M(o),
+      rows: o.map((l) => {
+        const s = d(l);
+        return t === "old" && i?.[s] ? i[s] : H(l);
+      })
+    };
+  }, g = async () => {
+    const t = x(), o = e.maxCount || 1 / 0;
+    return t.keys.length > o ? (G.warning(K("ap.apTableModal.messageMaxCount", {
+      maxCount: o
+    })), Promise.reject()) : (await e.beforeOk?.(t), e.finishCallback?.(t), c.resolve(t), t);
+  }, S = () => {
+    c.reject("modal is closed!"), n.setInstance(void 0), n.setDataSourceLength(0);
+  }, w = T(e.modalLayout);
+  function y(t) {
+    const o = t?.map((a) => j(a, e.getRowKey));
+    return r(k, null, {
+      default: () => [r(E, {
+        rowHeight: e.rowHeight
+      }, {
+        default: () => [e.renderHeader?.(h(n, "setInstance")), r(U, w.props, {
+          default: () => [r(W, {
+            ref: n.setInstance,
+            searchForm: {
+              sortable: !1,
+              resize: {
+                target: "form"
+              }
+            },
+            rowKey: u(e.getRowKey) ? v : e.getRowKey,
+            request: f.request,
+            style: {
+              padding: "0px"
+            },
+            rowHeight: e.rowHeight,
+            columns: e.columns,
+            rowSelection: {
+              defaultSelectedRows: o,
+              preserveSelectedRowKeys: !0,
+              type: e.mode || "checkbox",
+              fixed: "left",
+              columnWidth: 38,
+              disabled(a) {
+                return u(e.disabledCheckbox) ? e.disabledCheckbox(a, h(n, "setInstance")) : e.disabledCheckbox ?? !1;
+              }
+            }
+          }, e.gridSlots)],
+          ...w.slots
+        })]
+      })]
+    });
+  }
+  function I() {
+    const t = Object.values(i || {}), o = y(t);
+    _.createModal({
+      title: r(C, {
+        title: e.title,
+        maxCount: e.maxCount || 1 / 0
+      }, e.modalTitleSlots),
+      width: e.width,
+      destroyOnClose: !0,
+      maskClosable: !1,
+      onOk: g,
+      onCancel: S,
+      content: o,
+      ...e.modalProps || {}
+    });
+  }
+  function M(t) {
+    return t?.map(d) || [];
+  }
+  function R(t, o, a = !1) {
+    if (i = t?.reduce((m, l) => {
+      const s = d(l);
+      return m[s] = l, m;
+    }, {}), f.setExtraParams(o?.extraParams), I(), a)
+      return c.buildPromise();
+  }
+  function A(t, o) {
+    return R(t, o, !0);
+  }
+  return O(() => {
+    c.reject("component is Unmounted!");
+  }), {
+    open: R,
+    asyncOpen: A,
+    refresh: n.refresh,
+    getAgGridInstance: n.getInstance,
+    genContent: y,
+    validate: g
+  };
+}
+export {
+  le as useAgGridSelectModal
+};

package/es/src/business/ag-grid-modal/hooks/use-modal-title.d.ts

@@ -0,0 +1,24 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare function useModalTitle(): readonly [ DefineComponent<ExtractPropTypes<{
+    title: {
+        type: any;
+        default: null;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: any;
+        default: null;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    title: any;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    readonly setCount: (data: number) => void;
+}];

package/es/src/business/ag-grid-modal/hooks/use-modal-title.mjs

@@ -0,0 +1,49 @@
+import { ref as n, defineComponent as u, createVNode as a } from "vue";
+import "../../../config-provider/index.mjs";
+import { useLocale as i } from "../../../config-provider/hooks/use-locale.mjs";
+function d() {
+  const e = n(0);
+  return [/* @__PURE__ */ u({
+    props: {
+      title: {
+        type: null,
+        default: null
+      },
+      maxCount: {
+        type: Number,
+        required: !0
+      }
+    },
+    setup(t, {
+      slots: l
+    }) {
+      const {
+        t: o
+      } = i();
+      return () => a("div", null, [t.title, l.default ? l.default({
+        maxCount: t.maxCount,
+        count: e.value
+      }) : a("span", {
+        style: {
+          color: "var(--ap-text-color-3)",
+          fontSize: "12px",
+          fontWeight: "normal",
+          marginLeft: "12px"
+        }
+      }, [isFinite(t.maxCount) ? o("ap.apTableModal.titleSuffixOne", {
+        maxCount: t.maxCount
+      }) : "", o("ap.apTableModal.titleSuffixTwo"), a("span", {
+        style: {
+          color: "var(--ap-color-primary)"
+        }
+      }, [e.value]), o("ap.apTableModal.titleSuffixThree")])]);
+    }
+  }), {
+    setCount: (t) => {
+      e.value = t;
+    }
+  }];
+}
+export {
+  d as useModalTitle
+};

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

@@ -0,0 +1,2 @@
+export { useAgGridModal } from './hooks/use-ag-grid-modal';
+export { useAgGridSelectModal } from './hooks/use-ag-grid-select-modal';

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

@@ -0,0 +1,6 @@
+import { useAgGridModal as r } from "./hooks/use-ag-grid-modal.mjs";
+import { useAgGridSelectModal as l } from "./hooks/use-ag-grid-select-modal.mjs";
+export {
+  r as useAgGridModal,
+  l as useAgGridSelectModal
+};