@aplus-frontend/ui 6.22.0-beta.0 → 6.22.0

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

@@ -1,11 +1,12 @@
-import { CSSProperties, VNode } from 'vue';
+import { ComputedRef, CSSProperties, VNode } from 'vue';
 import { ApTablePaginationConfig, ApTableValueFields, ApTableValueTypes, CommonFieldReturnType, ExtraProColumnType, FieldPropsType, RequestData, ValueEnum } from '../ap-table/interface';
 import { TableProps } from '@aplus-frontend/antdv';
-import { ApFormSearchFormProps } from '../ap-form/interface';
+import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
 import { ColDef, IRowNode } from 'ag-grid-community';
-export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class'> & {
+import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
+export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
     children?: AgGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
     /**
      * 表单项所占据的格子数（1-24格）
@@ -75,10 +76,13 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
         column: AgGridColumnType<RecordType>;
         originalNode?: VNode;
         originalText?: any;
+        pinned?: boolean;
+        rowIndex?: number;
     }) => any;
     width?: number;
     minWidth?: number;
     maxWidth?: number;
+    colSpan?: ColDef<RecordType>['colSpan'];
     /**
      * 为当前单元格添加类名
      * @returns
@@ -167,6 +171,10 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 表格最外层容器自定义样式
      */
     wrapperStyle?: CSSProperties;
+    /**
+     * 表格(AgGrid*)的自定义样式
+     */
+    tableStyle?: CSSProperties;
     /**
      * 是否手动发起第一次网络请求
      */
@@ -177,6 +185,7 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     size?: 'medium' | 'mini';
     /**
      * 表格是否自适应高度
+     * @deprecated 不支持的属性，仅仅做迁移的兼容
      */
     adaptive?: boolean;
     /**
@@ -192,3 +201,96 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
         bottom?: RecordType[];
     };
 };
+export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
+    /**
+     * 表格查询提交（重制页码但查询参数不会重置）
+     * @returns
+     */
+    submit: () => void;
+    /**
+     * 表格查询重置（重置页码和查询参数）
+     * @returns
+     */
+    reset: () => void;
+    /**
+     * 表格刷新当页数据
+     * @returns
+     */
+    refresh: () => void;
+    /**
+     * 表格查询提交（重制页码但查询参数不会重置）
+     * @param resetCurrent 是否重置当前页码，默认为`false`
+     * @returns
+     */
+    submitWith: (resetCurrent?: boolean) => void;
+    /**
+     * 设置查询表单数据
+     * @param values
+     * @returns
+     */
+    setSearchFormValues: (values: Partial<SearchParamsType>) => void;
+    /**
+     * 获取查询表单数据
+     * @param transform 是否获取转换后的数据 默认为`false`
+     * @returns
+     */
+    getSearchFormValues: (transform?: boolean) => (Partial<SearchParamsType> & Recordable<any>) | undefined;
+    /**
+     * 获取最终现实的列配置
+     * @returns
+     */
+    getShowColumns: () => AgGridColumnType<RecordType>[];
+    /**
+     * 行选中相关
+     */
+    rowSelection: {
+        selectedRows: ComputedRef<RecordType[]>;
+        /**
+         * 通过API调用设置行选中
+         * @param keys
+         * @returns
+         */
+        setSelectedRowKeys: (keys: (string | number)[]) => void;
+        clearAll: () => void;
+    };
+    /**
+     * 滚动到某一行
+     * @param index 行索引
+     * @param position
+     * @returns
+     */
+    scrollToRow: (index: number, position?: 'top' | 'bottom' | 'middle' | null) => void;
+    /**
+     * 获取当前表格数据
+     * @returns
+     */
+    getDataSource: () => RecordType[];
+    /**
+     * 获取分页参数
+     * @returns
+     */
+    getPaging: () => InternalPagingType;
+    /**
+     * 设置表格分页参数
+     * @param nextPaging 新的分页参数
+     * @param refreshImmediately 是否立刻刷新数据，默认为`true`
+     * @returns
+     */
+    setPaging: (nextPaging: InternalPagingType, refreshImmediately?: boolean) => void;
+    /**
+     * 获取查询排序
+     * @returns
+     */
+    getSearchFormSorterItems: () => ApFormSearchFormPopoverSorterItem[];
+    /**
+     * 设置查询表单排序
+     * @param sortedItems
+     * @returns
+     */
+    setSearchFormSorterItems: (sortedItems: ApFormSearchFormPopoverSorterItem[]) => void;
+    /**
+     * 重设查询表单排序
+     * @returns
+     */
+    resetSearchFormSorterItems: () => void;
+};

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

@@ -0,0 +1,3 @@
+import { Ref, ComputedRef } from 'vue';
+import { Theme, ThemeDefaultParams } from 'ag-grid-community';
+export declare const useTheme: (size: Ref<"medium" | "mini" | undefined>) => ComputedRef<Theme<ThemeDefaultParams>>;

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

@@ -0,0 +1,25 @@
+import { useToken as c } from "@aplus-frontend/antdv/es/theme/internal";
+import { themeQuartz as n } from "ag-grid-community";
+import { computed as a } from "vue";
+const l = (e) => {
+  const [, t] = c();
+  return a(() => {
+    const r = e.value === "mini", o = t.value;
+    return n.withParams({
+      headerHeight: "36px",
+      headerFontSize: "12px",
+      dataFontSize: "12px",
+      rowHeight: r ? "30px" : "36px",
+      spacing: r ? "5px" : "6.5px",
+      foregroundColor: o.colorTextBase,
+      wrapperBorder: !1,
+      rowBorder: { color: o.colorBorderSecondary },
+      headerRowBorder: { color: o.colorBorderSecondary },
+      selectedRowBackgroundColor: o.controlItemBgActive,
+      checkboxCheckedBackgroundColor: o.colorPrimary
+    });
+  });
+};
+export {
+  l as useTheme
+};

package/es/src/ap-field/number/index.vue.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as x, ref as C, computed as N, unref as t, createElementBlock as n, createBlock as D, openBlock as r, Fragment as P, createCommentVNode as d, createElementVNode as V, normalizeClass as m, renderSlot as s, toDisplayString as $, mergeProps as R, createSlots as A, renderList as I, withCtx as U, normalizeProps as z, guardReactiveProps as E } from "vue";
-import { InputNumber as F } from "@aplus-frontend/antdv";
+import { defineComponent as x, ref as C, computed as N, unref as t, createElementBlock as n, createBlock as D, openBlock as r, createCommentVNode as d, createElementVNode as P, normalizeClass as f, renderSlot as s, toDisplayString as V, mergeProps as $, createSlots as R, renderList as A, withCtx as I, normalizeProps as U, guardReactiveProps as _ } from "vue";
+import { InputNumber as z } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as M, omit as T } from "lodash-unified";
-import { roundWith as _, toDecimalMark as w } from "@fruits-chain/utils";
-import { addZeroToDecimalPlaces as L } from "./helper.mjs";
+import { isNil as E, omit as M } from "lodash-unified";
+import { roundWith as T, toDecimalMark as F } from "@fruits-chain/utils";
+import { addZeroToDecimalPlaces as w } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import { useDefaultPlaceholder as W } from "../hooks/use-default-placeholder.mjs";
-import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-const te = /* @__PURE__ */ x({
+import { useDefaultPlaceholder as L } from "../hooks/use-default-placeholder.mjs";
+import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
+const j = { key: 0 }, te = /* @__PURE__ */ x({
   name: "ApFieldNumber",
   __name: "index",
   props: {
@@ -56,17 +56,17 @@ const te = /* @__PURE__ */ x({
     limitDecimalsRetain: { type: Boolean }
   },
   emits: ["update:value"],
-  setup(f, { expose: c, emit: y }) {
-    const v = y, { b: i } = Z("field-number"), o = f, l = C(), { value: u, updateValue: b } = j(
+  setup(m, { expose: c, emit: y }) {
+    const v = y, { b: i } = W("field-number"), o = m, l = C(), { value: u, updateValue: b } = Z(
       o,
       v
-    ), B = W("Number", o), h = N(() => {
+    ), B = L("Number", o), h = N(() => {
       let e = t(u);
-      if (M(e))
+      if (E(e))
         return o.emptyText;
-      o.precision && (e = _(e, o.precision));
-      let a = o.thousands ? w(e) : String(e);
-      return o.precision && o.limitDecimalsRetain && (a = L(a, o.precision)), a;
+      o.precision && (e = T(e, o.precision));
+      let a = o.thousands ? F(e) : String(e);
+      return o.precision && o.limitDecimalsRetain && (a = w(a, o.precision)), a;
     });
     function k() {
       var e;
@@ -76,31 +76,31 @@ const te = /* @__PURE__ */ x({
       var e;
       (e = l.value) == null || e.blur();
     }
-    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n(P, { key: 0 }, [
+    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n("span", j, [
       e.$slots.prefix ? (r(), n("span", {
         key: 0,
-        class: m(t(i)("label-left"))
+        class: f(t(i)("label-left"))
       }, [
         s(e.$slots, "prefix")
       ], 2)) : d("", !0),
-      V("span", null, $(h.value), 1),
+      P("span", null, V(h.value), 1),
       e.$slots.addonAfter ? (r(), n("span", {
         key: 1,
-        class: m(t(i)("label-right"))
+        class: f(t(i)("label-right"))
       }, [
         s(e.$slots, "addonAfter")
       ], 2)) : d("", !0)
-    ], 64)) : (r(), D(t(F), R({ key: 1 }, t(T)(o, ["value", "onUpdate:value"]), {
+    ])) : (r(), D(t(z), $({ key: 1 }, t(M)(o, ["value", "onUpdate:value"]), {
       ref_key: "inputRef",
       ref: l,
       placeholder: t(B),
       value: t(u),
       "onUpdate:value": t(b)
-    }), A({ _: 2 }, [
-      I(e.$slots, (q, p) => ({
+    }), R({ _: 2 }, [
+      A(e.$slots, (q, p) => ({
         name: p,
-        fn: U((S) => [
-          s(e.$slots, p, z(E(S || {})))
+        fn: I((S) => [
+          s(e.$slots, p, U(_(S || {})))
         ])
       }))
     ]), 1040, ["placeholder", "value", "onUpdate:value"]));

package/es/src/ap-grid/utils/col.d.ts

@@ -16,7 +16,7 @@ export declare function transformToColGroup<RecordType>(columnConfig: ApGridColu
  * @param extraValueType
  * @returns
  */
-export declare const contentCustom: ({ value, ...restProps }: any, columnConfig: any, extraValueType: any) => any;
+export declare const contentCustom: ({ value, ...restProps }: any, columnConfig: any, extraValueType: any) => import("vue/jsx-runtime").JSX.Element;
 /**
  * 转换渲染列
  * @param columnConfig

package/es/src/ap-grid/utils/col.mjs

@@ -1,19 +1,19 @@
-import { createVNode as T, Fragment as c } from "vue";
-import { isUndefined as N, isArray as b, isString as y, isBoolean as F, isNumber as w, pick as v } from "lodash-unified";
-import { valueEnumToArray as E, objectToString as O, getTableTitle as x, getTableRenderType as S, getTableRenderProps as $, getTableCellRenderNode as M } from "../../ap-table/utils.mjs";
+import { createVNode as p, Fragment as o } from "vue";
+import { isUndefined as N, isArray as b, isString as F, isBoolean as v, isNumber as w, pick as x } from "lodash-unified";
+import { valueEnumToArray as E, objectToString as O, getTableTitle as A, getTableRenderType as S, getTableRenderProps as $, getTableCellRenderNode as M } from "../../ap-table/utils.mjs";
 import { noRenderAsFormItemValueList as V } from "../../ap-table/constants.mjs";
 import "../../ap-table/components/paragraph-ellipsis/index.vue.mjs";
 import j from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
-function A(e) {
+function R(e) {
   if (!N(e))
-    return b(e) ? e.reduce((t, r) => y(r) ? `${t}.${r}` : `${t}[${r}]`, "") : String(e);
+    return b(e) ? e.reduce((t, r) => F(r) ? `${t}.${r}` : `${t}[${r}]`, "") : String(e);
 }
-function R(e) {
+function c(e) {
   if (e)
     return e === !0 ? "left" : e;
 }
 function q(e) {
-  return F(e) ? {
+  return v(e) ? {
     sortable: e
   } : e ? {
     sortable: !0,
@@ -25,8 +25,8 @@ function q(e) {
 }
 function B(e) {
   let t;
-  return F(e.filters) && e.valueEnum ? t = E(e.valueEnum) : t = e.filters, t == null ? void 0 : t.map((r) => ({
-    label: y(r.text) ? r.text : "",
+  return v(e.filters) && e.valueEnum ? t = E(e.valueEnum) : t = e.filters, t == null ? void 0 : t.map((r) => ({
+    label: F(r.text) ? r.text : "",
     value: r.value
   }));
 }
@@ -52,7 +52,7 @@ function k(e, t, r) {
     return r;
   if (e.copyable || e.ellipsis) {
     const l = _(e.ellipsis, t), i = O(t);
-    return T(j, {
+    return p(j, {
       rawValue: i,
       copyable: e.copyable,
       ellipsis: l,
@@ -61,17 +61,17 @@ function k(e, t, r) {
   }
   return r;
 }
-function h(e, t, r) {
-  const l = v(e, ["width", "minWidth", "align"]);
-  return l.field = A(e.dataIndex), l.fixed = R(e.fixed), l.slots = {
-    header: () => x(e, r, void 0, t)
+function T(e, t, r) {
+  const l = x(e, ["width", "minWidth", "align"]);
+  return l.field = R(e.dataIndex), l.fixed = c(e.fixed), l.slots = {
+    header: () => A(e, r, void 0, t)
   }, l.headerAlign = e.align, l.showOverflow = !1, l.showFooterOverflow = !1, l;
 }
 const z = ({
   value: e,
   ...t
 }, r, l) => {
-  var u, p;
+  var u, h;
   const i = S(r), d = $({
     ...r,
     valueType: i
@@ -81,7 +81,7 @@ const z = ({
   }), s = M(i, d, t.record, l), n = ((u = r.renderText) == null ? void 0 : u.call(r, {
     value: e,
     ...t
-  })) || e, a = r.renderText ? T(c, null, [(p = r.renderText) == null ? void 0 : p.call(r, {
+  })) || e, a = r.renderText ? p(o, null, [(h = r.renderText) == null ? void 0 : h.call(r, {
     value: e,
     ...t
   })]) : s;
@@ -92,11 +92,11 @@ const z = ({
     column: r,
     originalNode: f,
     originalText: n
-  })), f;
+  })), p(o, null, [f]);
 };
-function o(e, t, r, l) {
-  const i = v(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName", "treeNode"]);
-  i.field = A(e.dataIndex), i.fixed = R(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, q(e.sorter)), i.filters = B(e), i.filterMultiple = e.filterMultiple, i.filterMethod = W(e.onFilter);
+function y(e, t, r, l) {
+  const i = x(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName", "treeNode"]);
+  i.field = R(e.dataIndex), i.fixed = c(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, q(e.sorter)), i.filters = B(e), i.filterMultiple = e.filterMultiple, i.filterMethod = W(e.onFilter);
   const d = ({
     row: s,
     rowIndex: n
@@ -109,7 +109,7 @@ function o(e, t, r, l) {
     column: e
   }, e, l);
   return i.slots = {
-    header: () => x(e, r, void 0, t),
+    header: () => A(e, r, void 0, t),
     default: d,
     footer: d
   }, e.html && (delete i.slots.default, delete i.slots.footer, i.type = "html"), e.seq && (i.type = "seq", i.slots = {}), i;
@@ -117,25 +117,25 @@ function o(e, t, r, l) {
 function J(e, t, r, l) {
   var s;
   if (!((s = e.children) != null && s.length))
-    return o(e, t, r, l);
+    return y(e, t, r, l);
   function i(n) {
     return n.map((a) => {
       var f;
       if ((f = a.children) != null && f.length) {
-        const u = h(a, t, r);
+        const u = T(a, t, r);
         return u.children = i(a.children), u;
       }
-      return o(a, t, r, l);
+      return y(a, t, r, l);
     });
   }
-  const d = h(e, t, r);
+  const d = T(e, t, r);
   return d.children = i(e.children), d;
 }
 export {
   z as contentCustom,
-  A as dataIndexToField,
+  R as dataIndexToField,
   J as transformCol,
-  R as transformFixed,
-  h as transformToColGroup,
-  o as transformToColumn
+  c as transformFixed,
+  T as transformToColGroup,
+  y as transformToColumn
 };