@aplus-frontend/ui 0.2.0 → 0.2.2

package/es/src/business/ap-export-group/ApExportGroup.vue2.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as M, computed as r, ref as P, openBlock as m, createBlock as f, unref as t, normalizeClass as D, withCtx as n, createVNode as y, createTextVNode as x, toDisplayString as p, normalizeStyle as K, createCommentVNode as R } from "vue";
+import { defineComponent as G, computed as i, ref as M, openBlock as m, createBlock as f, unref as o, normalizeClass as D, withCtx as n, createVNode as y, createTextVNode as p, toDisplayString as x, mergeProps as K, createCommentVNode as R } from "vue";
 import { DownOutlined as B } from "@ant-design/icons-vue";
-import { Dropdown as N, Menu as T, MenuItem as _, Button as I } from "@aplus-frontend/antdv";
+import { Dropdown as N, Menu as T, MenuItem as g, Button as I } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
 import { ApExportGroupActionType as u } from "./interface.mjs";
 import { usePermission as V } from "@aplus-frontend/hooks";
 import { handleExportDownload as q } from "./handleExportDownload.mjs";
 import { useNamespace as z } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as O } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as j } from "../../config-provider/hooks/use-global-config.mjs";
-const te = /* @__PURE__ */ M({
+import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
+const te = /* @__PURE__ */ G({
   __name: "ApExportGroup",
   props: {
     selectedRowKeys: {},
@@ -22,63 +22,63 @@ const te = /* @__PURE__ */ M({
     getInitialParams: { type: Function },
     beforeRequest: { type: Function }
   },
-  setup(g) {
-    const { hasPermission: C } = V(), e = g, { b: E } = z("ap-export-group"), { t: c } = O(), S = j("uiMode"), L = r(() => {
-      const o = {
+  setup(C) {
+    const { hasPermission: E } = V(), e = C, { b: _ } = z("ap-export-group"), { t: c } = O(), L = $("uiMode"), S = i(() => {
+      const t = {
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return b.value ? "" : o[S.value] || o.aplus;
-    }), b = r(() => !!(e != null && e.disabled)), A = {
+      return b.value ? "" : t[L.value] || t.aplus;
+    }), b = i(() => !!(e != null && e.disabled)), A = {
       textAlign: "center"
-    }, d = P(!1), w = r(() => (e == null ? void 0 : e.selectedRowKeys) || []), F = r(() => {
-      let o = e == null ? void 0 : e.ifShow;
-      return !(e != null && e.ifShow) && (e != null && e.auth) && (o = () => C(e.auth)), (o == null ? void 0 : o()) ?? !0;
+    }, s = M(!1), w = i(() => (e == null ? void 0 : e.selectedRowKeys) || []), F = i(() => {
+      let t = e == null ? void 0 : e.ifShow;
+      return !(e != null && e.ifShow) && (e != null && e.auth) && (t = () => E(e.auth)), (t == null ? void 0 : t()) ?? !0;
     });
-    async function k({ key: o }) {
+    async function P({ key: t }) {
       var h, v;
       const { getRequestParams: l, request: a } = e || {};
-      let s = {};
-      o === u.SELECT ? s = {
+      let d = {};
+      t === u.SELECT ? d = {
         [(e == null ? void 0 : e.idKey) || "ids"]: w.value
-      } : o === u.ALL && (s = (l == null ? void 0 : l()) || {});
-      const G = ((h = e == null ? void 0 : e.getInitialParams) == null ? void 0 : h.call(e)) || {};
+      } : t === u.ALL && (d = (l == null ? void 0 : l()) || {});
+      const k = ((h = e == null ? void 0 : e.getInitialParams) == null ? void 0 : h.call(e)) || {};
       try {
-        d.value = !0;
-        let i = {
-          ...s,
-          ...G
+        s.value = !0;
+        let r = {
+          ...d,
+          ...k
         };
-        i = ((v = e == null ? void 0 : e.beforeRequest) == null ? void 0 : v.call(e, i)) || i, await q(async () => await (a == null ? void 0 : a(i)));
+        r = ((v = e == null ? void 0 : e.beforeRequest) == null ? void 0 : v.call(e, r)) || r, await q(async () => await (a == null ? void 0 : a(r)));
       } finally {
-        d.value = !1;
+        s.value = !1;
       }
     }
-    return (o, l) => F.value ? (m(), f(t(N), {
+    return (t, l) => F.value ? (m(), f(o(N), {
       key: 0,
-      class: D([t(E)()]),
+      class: D([o(_)()]),
       overlayStyle: A,
       disabled: b.value
     }, {
       overlay: n(() => [
-        y(t(T), { onClick: k }, {
+        y(o(T), { onClick: P }, {
           default: n(() => {
             var a;
             return [
-              (m(), f(t(_), {
-                key: t(u).SELECT,
+              (m(), f(o(g), {
+                key: o(u).SELECT,
                 disabled: ((a = w.value) == null ? void 0 : a.length) === 0
               }, {
                 default: n(() => [
-                  x(p(t(c)("ap.apExportGroup.exportSelected")), 1)
+                  p(x(o(c)("ap.apExportGroup.exportSelected")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])),
-              (m(), f(t(_), {
-                key: t(u).ALL
+              (m(), f(o(g), {
+                key: o(u).ALL
               }, {
                 default: n(() => [
-                  x(p(t(c)("ap.apExportGroup.exportAll")), 1)
+                  p(x(o(c)("ap.apExportGroup.exportAll")), 1)
                 ]),
                 _: 1
               }))
@@ -88,18 +88,20 @@ const te = /* @__PURE__ */ M({
         })
       ]),
       default: n(() => [
-        y(t(I), {
-          style: K({
-            color: L.value
-          }),
-          loading: d.value
+        y(o(I), K({
+          ...t.$attrs
         }, {
+          style: {
+            color: S.value
+          },
+          loading: s.value
+        }), {
           default: n(() => [
-            x(p((e == null ? void 0 : e.text) ?? t(c)("ap.apExportGroup.export")) + " ", 1),
-            y(t(B))
+            p(x((e == null ? void 0 : e.text) ?? o(c)("ap.apExportGroup.export")) + " ", 1),
+            y(o(B))
           ]),
           _: 1
-        }, 8, ["style", "loading"])
+        }, 16, ["style", "loading"])
       ]),
       _: 1
     }, 8, ["class", "disabled"])) : R("", !0);

package/es/src/business/ap-summary/style/css.js

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

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

@@ -7,7 +7,8 @@ import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/bu
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
-import { OpenOptions, OpenReturnType } from './interface';
+import { TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
+import { TableLayoutConfig, OpenOptions, OpenReturnType } from './interface';
 import { Recordable } from '../../type';
 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 '@aplus-frontend/antdv';
+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
+};