@aplus-frontend/ui 0.2.0-beta.5 → 0.2.1

package/es/src/business/ap-summary/utils.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRecordParams, SummaryColumnType, ValueType } from './interface';
-import { DataIndex, Key } from 'ant-design-vue/es/vc-table/interface';
+import { DataIndex, Key } from '@aplus-frontend/antdv/es/vc-table/interface';
 import { ApColumnType } from '../../ap-table/interface';
 export declare const flattenColumns: (columns?: SummaryColumnType) => ApColumnType[];
 export declare const formatDataIndex: (dataIndex?: DataIndex | Key) => string | number | readonly (string | number)[];

package/es/src/business/ap-summary/utils.mjs

@@ -1,36 +1,36 @@
-import { flatten as k, uniqBy as I, get as s, set as N } from "lodash-unified";
-import { toThousand as R, toFixed as V, addNumber as S } from "@aplus-frontend/utils";
+import { flatten as k, uniqBy as j, isNil as I, get as s, set as R } from "lodash-unified";
+import { toThousand as V, toFixed as S, addNumber as T } from "@aplus-frontend/utils";
 const b = (t) => {
   var e, d;
   return t != null && t.children && ((e = t == null ? void 0 : t.children) == null ? void 0 : e.length) > 0 ? k((d = t.children) == null ? void 0 : d.map((n) => b(n))) : [t];
-}, T = (t) => k(
+}, q = (t) => k(
   t == null ? void 0 : t.map((e) => b(e))
-), u = (t) => Object.prototype.toString.call(t) === "[object Array]" ? t.map((e) => String(e)).join(".") : t || "", B = (t, e, d) => d ? R(t, e) : V(t, e);
-function D(t) {
+), u = (t) => Object.prototype.toString.call(t) === "[object Array]" ? t.map((e) => String(e)).join(".") : t ?? "", D = (t, e, d) => d ? V(t, e) : S(t, e);
+function E(t) {
   var y;
-  const { records: e, columns: d, configList: n, exclude: c } = t;
+  const { records: e, columns: d, configList: n, exclude: i } = t;
   if (e.length === 0)
     return {};
-  const f = T(d);
-  let a = (y = f == null ? void 0 : f.filter((r) => r.valueType === "number")) == null ? void 0 : y.map((r) => ({
+  const c = q(d);
+  let a = (y = c == null ? void 0 : c.filter((r) => r.valueType === "number")) == null ? void 0 : y.map((r) => ({
     key: r.key || "",
     dataIndex: r.dataIndex
   }));
-  n && (n == null ? void 0 : n.length) > 0 && (a = I(a == null ? void 0 : a.concat(n), "key")), c && c.length > 0 && (a = a.filter(
-    (r) => !c.includes(r.key)
+  n && (n == null ? void 0 : n.length) > 0 && (a = j(a == null ? void 0 : a.concat(n), "key")), i && i.length > 0 && (a = a.filter(
+    (r) => !i.includes(r.key)
   ));
   const x = {};
   return e.reduce((r, h) => (a.forEach((o) => {
     var p;
-    if (s(h, u(o.dataIndex || o.key))) {
-      const i = o.dataIndex || o.key, g = s(r, u(i)) || 0, j = s(h, u(i)) || 0, l = (p = S(g, j)) == null ? void 0 : p.toNumber();
-      N(r, i, +l);
+    if (!I(s(h, u(o.dataIndex || o.key)))) {
+      const f = o.dataIndex || o.key, g = s(r, u(f)) || 0, l = s(h, u(f)) || 0, N = (p = T(g, l)) == null ? void 0 : p.toNumber();
+      R(r, f, +N);
     }
   }), r), x);
 }
 export {
-  D as computedRecords,
-  T as flattenColumns,
+  E as computedRecords,
+  q as flattenColumns,
   u as formatDataIndex,
-  B as formatNumber
+  D as formatNumber
 };

package/es/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts

@@ -1,6 +1,6 @@
 import { OpenOptions, UseCreateTableModalProps, OpenReturnType } from '../interface';
 import { Recordable } from '../../../type';
-import { TableColumnsType } from 'ant-design-vue';
+import { TableColumnsType } from '@aplus-frontend/antdv';
 export declare function useCreateTableModal(props: UseCreateTableModalProps): {
     readonly openModal: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T> | undefined>;
     readonly closeModal: () => void;

package/es/src/business/ap-table-modal/hooks/use-table-modal.d.ts

@@ -1,6 +1,6 @@
 import { ApTableModalProps, OpenOptions } from '../interface';
 import { Recordable } from '../../../type';
-import { TableColumnsType } from 'ant-design-vue';
+import { TableColumnsType } from '@aplus-frontend/antdv';
 /** 函数式调用弹框表格 */
 export declare function useTableModal<TableRowType = Record<string, any>>(props: ApTableModalProps<TableRowType>): {
     reloadApTableData: () => void;

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -1,6 +1,6 @@
 import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
 import { Recordable } from '../../../type';
-import { TableColumnsType } from 'ant-design-vue';
+import { TableColumnsType } from '@aplus-frontend/antdv';
 export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
     reloadApTableData: () => void;
     resetApTableData: () => void;

package/es/src/business/ap-table-modal/index.d.ts

@@ -2,14 +2,15 @@ import { useTableModal } from './hooks/use-table-modal';
 import { useTableSelectModal } from './hooks/use-table-select-modal';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, CSSProperties, VNodeChild, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 import { ApColumnType, ApTableProps } from '../..';
-import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
-import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { LegacyButtonType, ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
+import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
-import { VueNode } from 'ant-design-vue/es/_util/type';
-import { OpenOptions, OpenReturnType } from './interface';
+import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
+import { TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
+import { TableLayoutConfig, OpenOptions, OpenReturnType } from './interface';
 import { Recordable } from '../../type';
-import { TableColumnsType } from 'ant-design-vue';
+import { TableColumnsType } from '@aplus-frontend/antdv';
 /**
  *
  */
@@ -247,6 +248,9 @@ declare const ApTableModal: {
             type: PropType<number>;
             default: number;
         };
+        rowSelection: {
+            type: PropType<TableRowSelection<any>>;
+        };
         getRowKey: {
             type: PropType<(record: any) => string | number>;
         };
@@ -263,6 +267,12 @@ declare const ApTableModal: {
                 count: number;
             }) => VNodeChild>;
         };
+        disabledCheckbox: {
+            type: PropType<boolean | ((record: any, selectRows: any[]) => boolean)>;
+        };
+        tableLayoutConfig: {
+            type: PropType<TableLayoutConfig>;
+        };
     }>> & {
         onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
     }, {
@@ -522,6 +532,9 @@ declare const ApTableModal: {
             type: PropType<number>;
             default: number;
         };
+        rowSelection: {
+            type: PropType<TableRowSelection<any>>;
+        };
         getRowKey: {
             type: PropType<(record: any) => string | number>;
         };
@@ -538,6 +551,12 @@ declare const ApTableModal: {
                 count: number;
             }) => VNodeChild>;
         };
+        disabledCheckbox: {
+            type: PropType<boolean | ((record: any, selectRows: any[]) => boolean)>;
+        };
+        tableLayoutConfig: {
+            type: PropType<TableLayoutConfig>;
+        };
     }>> & {
         onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
     }, {
@@ -797,6 +816,9 @@ declare const ApTableModal: {
             type: PropType<number>;
             default: number;
         };
+        rowSelection: {
+            type: PropType<TableRowSelection<any>>;
+        };
         getRowKey: {
             type: PropType<(record: any) => string | number>;
         };
@@ -813,6 +835,12 @@ declare const ApTableModal: {
                 count: number;
             }) => VNodeChild>;
         };
+        disabledCheckbox: {
+            type: PropType<boolean | ((record: any, selectRows: any[]) => boolean)>;
+        };
+        tableLayoutConfig: {
+            type: PropType<TableLayoutConfig>;
+        };
     }>> & {
         onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
     }, {
@@ -1091,6 +1119,9 @@ declare const ApTableModal: {
         type: PropType<number>;
         default: number;
     };
+    rowSelection: {
+        type: PropType<TableRowSelection<any>>;
+    };
     getRowKey: {
         type: PropType<(record: any) => string | number>;
     };
@@ -1107,6 +1138,12 @@ declare const ApTableModal: {
             count: number;
         }) => VNodeChild>;
     };
+    disabledCheckbox: {
+        type: PropType<boolean | ((record: any, selectRows: any[]) => boolean)>;
+    };
+    tableLayoutConfig: {
+        type: PropType<TableLayoutConfig>;
+    };
 }>> & {
     onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
 }, {

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

@@ -1,6 +1,6 @@
-import { VNodeChild } from 'vue';
+import { VNode, VNodeChild } from 'vue';
 import { ApColumnType, ApTableProps } from '../../index';
-import { ModalProps } from 'ant-design-vue';
+import { ModalProps, TableProps } from '@aplus-frontend/antdv';
 /** table-modal的props类型 */
 export interface ApTableModalProps<TableRowType = any> extends Omit<ModalProps, 'onOk' | 'open' | 'close' | 'visible'> {
     columns: ApColumnType[];
@@ -18,6 +18,12 @@ export interface ApTableModalProps<TableRowType = any> extends Omit<ModalProps,
     isRenderModalTitleSuffix?: boolean;
     /** 渲染table-modal的后缀函数 */
     renderModalTitleSuffix?: ModalTitleSlots['default'];
+    /** 禁用选项 */
+    disabledCheckbox?: boolean | ((record: TableRowType, selectRows: TableRowType[]) => boolean);
+    /** 其他row-selection选项 */
+    rowSelection?: TableProps['rowSelection'];
+    /** 表格布局配置 */
+    tableLayoutConfig?: TableLayoutConfig;
 }
 /** useCreateTableModal参数类型 */
 export interface UseCreateTableModalProps extends ApTableModalProps {
@@ -61,3 +67,12 @@ export interface ModalTitleSlots {
         count: number;
     }) => VNodeChild;
 }
+/** table-layout Props */
+export interface TableLayoutConfig {
+    /** 左侧标题 */
+    leftTitle?: string;
+    /** 已经选择item渲染, renderSelectedItem有值才为复杂布局 */
+    renderSelectedItem?: (record: any, actions: {
+        deleteItem: (record: any) => void;
+    }) => VNode;
+}

package/es/src/business/ap-table-modal/style/css.js

@@ -1 +1 @@
-import '@aplus-frontend/ui-theme/dist/ap-table/ap-table.css';
+import '@aplus-frontend/ui-theme/dist/ap-table-modal/index.css';

package/es/src/business/ap-table-modal/style/index.js

@@ -1 +1 @@
-import '@aplus-frontend/ui-theme/src/ap-table/ap-table.less';
+import '@aplus-frontend/ui-theme/src/ap-table-modal/index.less';

package/es/src/business/ap-table-modal/table-layout/index.vue.d.ts

@@ -0,0 +1,57 @@
+import { TableLayoutConfig } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<TableLayoutConfig & {
+    selectedList: any[];
+}>, {
+    leftTitle: string;
+    selectedList: () => never[];
+    layoutType: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: () => void;
+    deleteItem: (record: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TableLayoutConfig & {
+    selectedList: any[];
+}>, {
+    leftTitle: string;
+    selectedList: () => never[];
+    layoutType: string;
+}>>> & {
+    onClear?: (() => any) | undefined;
+    onDeleteItem?: ((record: any) => any) | undefined;
+}, {
+    leftTitle: string;
+    selectedList: any[];
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/ap-table-modal/table-layout/index.vue.mjs

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

package/es/src/business/ap-table-modal/table-layout/index.vue2.mjs

@@ -0,0 +1,74 @@
+import { defineComponent as k, openBlock as o, createElementBlock as s, normalizeClass as a, unref as t, Fragment as c, createElementVNode as r, createVNode as n, renderSlot as u, withCtx as f, createTextVNode as I, toDisplayString as v, renderList as C, createBlock as S, resolveDynamicComponent as T } from "vue";
+import "../../../config-provider/index.mjs";
+import "../../index.mjs";
+import { Button as L } from "@aplus-frontend/antdv";
+import { useLocale as B } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as N } from "../../../config-provider/hooks/use-namespace.mjs";
+import { ApTitle as y } from "../../ap-title/index.mjs";
+const j = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    leftTitle: { default: "" },
+    renderSelectedItem: {},
+    selectedList: { default: () => [] }
+  },
+  emits: ["clear", "deleteItem"],
+  setup($, { emit: b }) {
+    const { t: i } = B(), d = b, h = () => {
+      d("clear");
+    }, g = (e) => {
+      d("deleteItem", e);
+    }, { m: l } = N("ap-table-modal");
+    return (e, V) => (o(), s("div", {
+      class: a([t(l)("table-layout"), { "complex-layout": !!e.renderSelectedItem }])
+    }, [
+      e.renderSelectedItem ? (o(), s(c, { key: 0 }, [
+        r("div", {
+          class: a(t(l)("table-layout-left"))
+        }, [
+          n(t(y), {
+            style: { "margin-bottom": "16px" },
+            title: e.leftTitle
+          }, null, 8, ["title"]),
+          r("div", {
+            class: a(t(l)("table-layout-left-content"))
+          }, [
+            u(e.$slots, "default")
+          ], 2)
+        ], 2),
+        r("div", {
+          class: a(t(l)("table-layout-right"))
+        }, [
+          n(t(y), {
+            title: `${t(i)("ap.apTableModal.selected")} (${e.selectedList.length})`
+          }, {
+            suffix: f(() => [
+              n(t(L), {
+                type: "link",
+                style: { padding: "0px", height: "22px", "border-width": "0px" },
+                onClick: h
+              }, {
+                default: f(() => [
+                  I(v(t(i)("ap.apTableModal.clear")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          r("div", {
+            class: a(t(l)("table-layout-right-content"))
+          }, [
+            (o(!0), s(c, null, C(e.selectedList, (m) => {
+              var p;
+              return o(), S(T((p = e.renderSelectedItem) == null ? void 0 : p.call(e, m, { deleteItem: g })), { key: m });
+            }), 128))
+          ], 2)
+        ], 2)
+      ], 64)) : u(e.$slots, "default", { key: 1 })
+    ], 2));
+  }
+});
+export {
+  j as default
+};

package/es/src/business/ap-table-modal/table-modal.vue.d.ts

@@ -1,7 +1,7 @@
 import { OpenOptions, OpenReturnType, ApTableModalProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { Recordable } from '../../type';
-import { TableColumnsType } from 'ant-design-vue';
+import { TableColumnsType } from '@aplus-frontend/antdv';
 declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
     confirmLoading: undefined;
     closable: undefined;