@aplus-frontend/ui 0.1.21 → 0.1.22

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

@@ -0,0 +1,63 @@
+import { VNodeChild } from 'vue';
+import { ApColumnType, ApTableProps } from '../../index';
+import { ModalProps } from 'ant-design-vue';
+/** table-modal的props类型 */
+export interface ApTableModalProps<TableRowType = any> extends Omit<ModalProps, 'onOk' | 'open' | 'close' | 'visible'> {
+    columns: ApColumnType[];
+    getRowKey?: (record: TableRowType) => string | number;
+    api?: (params: any) => Promise<{
+        records: TableRowType[];
+        total: number;
+    }>;
+    /** 支持ApTable组件的props */
+    apTableProps?: Omit<ApTableProps, 'columns' | 'getRowKey' | 'request'>;
+    maxCount?: number;
+    /** 是否渲染modal-title-suffix
+     * @default true
+     */
+    isRenderModalTitleSuffix?: boolean;
+    /** 渲染table-modal的后缀函数 */
+    renderModalTitleSuffix?: ModalTitleSlots['default'];
+}
+/** useCreateTableModal参数类型 */
+export interface UseCreateTableModalProps extends ApTableModalProps {
+    /** 组件卸载时销毁modal */
+    destroyOnUnmounted?: boolean;
+}
+/** useTableSelectModal参数类型 */
+export interface UseTableSelectModalProps<TableRowType> extends ApTableModalProps<TableRowType> {
+    /**
+     * 确认选择数据后回调函数
+     * @description 不要直接改变回调函数的传入的数据，因为传入的数据是是引用类型，会影响异步返回的数据
+     *  */
+    finishCallback?: (data: OpenReturnType<TableRowType>) => void;
+}
+/** open打开方法返回的值的类型 */
+export interface OpenReturnType<RowType> {
+    keys: number[] | string[];
+    rows: RowType[];
+}
+/** table-modal实例open方法接收的配置类型 */
+export interface OpenOptions {
+    extraParams?: any;
+    /** 弹框刷新方式 */
+    refreshMode?: 'reset' | 'submit' | 'none';
+    /** 修改apTable的数据 */
+    apTableDataSources?: any[];
+}
+/** 等待异步打开modal错误情况 */
+export declare enum AsyncOpenResultError {
+    /** 弹框关闭 */
+    ModalCancel = "ModalCancel",
+    /** 超出最大选择数量 */
+    ExceedMaxCount = "ExceedMaxCount",
+    /** 没有getRowKey */
+    NotFineGetRowKey = "NotFineGetRowKey"
+}
+/** modal-title slots */
+export interface ModalTitleSlots {
+    default: (props: {
+        maxCount: number;
+        count: number;
+    }) => VNodeChild;
+}

package/es/src/business/ap-table-modal/interface.mjs

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((e) => (e.ModalCancel = "ModalCancel", e.ExceedMaxCount = "ExceedMaxCount", e.NotFineGetRowKey = "NotFineGetRowKey", e))(a || {});
+export {
+  a as AsyncOpenResultError
+};

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

@@ -0,0 +1,46 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {
+            maxCount: number;
+            count: number;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,50 @@
+import { defineComponent as m, openBlock as c, createElementBlock as f, createTextVNode as a, toDisplayString as t, renderSlot as d, createElementVNode as r, normalizeStyle as u, unref as o } from "vue";
+import "../../index.mjs";
+import { useLocale as p } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as s } from "../../config-provider/hooks/use-global-config.mjs";
+const T = /* @__PURE__ */ m({
+  __name: "modal-title",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !0
+    },
+    maxCount: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(e) {
+    const { t: n } = p(), l = s("uiMode", "aplus");
+    return (i, x) => (c(), f("div", null, [
+      a(t(e.title) + " ", 1),
+      d(i.$slots, "default", {
+        maxCount: e.maxCount,
+        count: e.count
+      }, () => [
+        r("span", {
+          style: u({
+            color: o(l) === "admin" ? "#999999" : "#8896b0",
+            fontSize: "14px",
+            fontWeight: "normal",
+            marginLeft: "16px"
+          }),
+          class: "product-number"
+        }, [
+          a(t(isFinite(e.maxCount) ? o(n)("ap.apTableModal.titleSuffixOne", { maxCount: e.maxCount }) : "") + t(o(n)("ap.apTableModal.titleSuffixTwo")) + " ", 1),
+          r("span", {
+            style: u({ color: o(l) === "admin" ? "#34B77C" : "#0070ff" })
+          }, t(e.count), 5),
+          a(" " + t(o(n)("ap.apTableModal.titleSuffixThree")), 1)
+        ], 4)
+      ])
+    ]));
+  }
+});
+export {
+  T as default
+};

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

@@ -0,0 +1,79 @@
+import { OpenOptions, OpenReturnType, ApTableModalProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
+    confirmLoading: undefined;
+    closable: undefined;
+    centered: undefined;
+    maskClosable: undefined;
+    forceRender: undefined;
+    destroyOnClose: undefined;
+    getContainer: undefined;
+    mask: undefined;
+    keyboard: undefined;
+    focusTriggerAfterClose: undefined;
+    api: () => Promise<{
+        records: never[];
+        total: number;
+    }>;
+    maxCount: number;
+    isRenderModalTitleSuffix: boolean;
+}>, {
+    open: <T>(selected?: any[], options?: OpenOptions) => Promise<OpenReturnType<T>>;
+    close: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
+    confirmLoading: undefined;
+    closable: undefined;
+    centered: undefined;
+    maskClosable: undefined;
+    forceRender: undefined;
+    destroyOnClose: undefined;
+    getContainer: undefined;
+    mask: undefined;
+    keyboard: undefined;
+    focusTriggerAfterClose: undefined;
+    api: () => Promise<{
+        records: never[];
+        total: number;
+    }>;
+    maxCount: number;
+    isRenderModalTitleSuffix: boolean;
+}>>> & {
+    onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
+}, {
+    mask: boolean;
+    api: (params: any) => Promise<{
+        records: any[];
+        total: number;
+    }>;
+    closable: boolean;
+    centered: boolean;
+    maskClosable: boolean;
+    keyboard: boolean;
+    getContainer: string | false | HTMLElement | (() => HTMLElement);
+    focusTriggerAfterClose: boolean;
+    confirmLoading: boolean;
+    forceRender: boolean;
+    destroyOnClose: boolean;
+    maxCount: number;
+    isRenderModalTitleSuffix: boolean;
+}, {}>;
+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_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

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

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

@@ -0,0 +1,177 @@
+import { defineComponent as N, ref as i, unref as r, computed as O, h as D, openBlock as E, createBlock as I, mergeProps as x, withCtx as L, createVNode as U } from "vue";
+import { message as q, Modal as A } from "ant-design-vue";
+import "../../index.mjs";
+import { cloneDeep as F, omit as g } from "lodash-unified";
+import { transformTableParams as G } from "@aplus-frontend/utils";
+import "./modal-title.vue.mjs";
+import { AsyncOpenResultError as f } from "./interface.mjs";
+import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
+import V from "./modal-title.vue2.mjs";
+import W from "../../ap-table/ap-table.vue.mjs";
+const le = /* @__PURE__ */ N({
+  __name: "table-modal",
+  props: {
+    columns: {},
+    getRowKey: {},
+    api: { type: Function, default: async () => ({ records: [], total: 0 }) },
+    apTableProps: {},
+    maxCount: { default: 1 / 0 },
+    isRenderModalTitleSuffix: { type: Boolean, default: !0 },
+    renderModalTitleSuffix: {},
+    prefixCls: {},
+    confirmLoading: { type: Boolean, default: void 0 },
+    title: {},
+    closable: { type: Boolean, default: void 0 },
+    closeIcon: {},
+    onCancel: {},
+    "onUpdate:visible": {},
+    "onUpdate:open": {},
+    onChange: {},
+    afterClose: {},
+    centered: { type: Boolean, default: void 0 },
+    width: {},
+    footer: {},
+    okText: {},
+    okType: {},
+    cancelText: {},
+    icon: {},
+    maskClosable: { type: Boolean, default: void 0 },
+    forceRender: { type: Boolean, default: void 0 },
+    okButtonProps: {},
+    cancelButtonProps: {},
+    destroyOnClose: { type: Boolean, default: void 0 },
+    wrapClassName: {},
+    maskTransitionName: {},
+    transitionName: {},
+    getContainer: { type: [String, Boolean, Function], default: void 0 },
+    zIndex: {},
+    bodyStyle: {},
+    maskStyle: {},
+    mask: { type: Boolean, default: void 0 },
+    keyboard: { type: Boolean, default: void 0 },
+    wrapProps: {},
+    focusTriggerAfterClose: { type: Boolean, default: void 0 },
+    modalRender: {},
+    mousePosition: {}
+  },
+  emits: ["finish"],
+  setup(C, { expose: b, emit: w }) {
+    const e = C, T = w, s = i(!1), m = i({}), c = i(null), l = i([]), p = i();
+    let u = null, a = null;
+    const k = $("uiMode", "admin"), { t: B } = z(), S = async (t = [], o = {}) => {
+      var n, d, v;
+      switch (l.value = [...t], s.value = !0, m.value = o == null ? void 0 : o.extraParams, p.value = o.apTableDataSources || ((n = e.apTableProps) == null ? void 0 : n.dataSource), o.refreshMode || "reset") {
+        case "reset":
+          (d = c.value) == null || d.reset();
+          break;
+        case "submit":
+          (v = c.value) == null || v.submit();
+          break;
+        case "none":
+          break;
+      }
+      return new Promise((K, _) => {
+        u = K, a = _;
+      });
+    }, y = () => {
+      s.value = !1, u = null, a == null || a(f.ModalCancel), a = null;
+    }, h = async (t) => {
+      t = G({
+        ...t,
+        ...m.value
+      });
+      const o = e.api, { records: n, total: d } = await o(t);
+      return {
+        data: n,
+        total: d
+      };
+    }, M = () => {
+      if (l.value.length > e.maxCount) {
+        a == null || a(f.ExceedMaxCount);
+        return;
+      }
+      if (e.getRowKey) {
+        const t = F(r(l)), o = t.map(e.getRowKey);
+        T("finish", o, t), u == null || u({ keys: o, rows: t });
+      } else {
+        a == null || a(f.NotFineGetRowKey);
+        return;
+      }
+      s.value = !1;
+    }, P = O(() => {
+      if (e.getRowKey)
+        return {
+          fixed: !0,
+          selectedRowKeys: l.value.map(e.getRowKey),
+          columnWidth: 50,
+          preserveSelectedRowKeys: !0,
+          onChange: (t, o) => {
+            if (o.length > e.maxCount) {
+              q.warning(
+                B("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
+              );
+              return;
+            }
+            l.value = o;
+          }
+        };
+    }), R = () => e.isRenderModalTitleSuffix ? D(
+      V,
+      {
+        title: e.title,
+        count: l.value.length || 0,
+        maxCount: e.maxCount
+      },
+      {
+        default: e.renderModalTitleSuffix ?? void 0
+      }
+    ) : e.title;
+    return b({
+      open: S,
+      close: y
+    }), (t, o) => (E(), I(r(A), x(
+      {
+        onOk: M,
+        onCancel: y,
+        open: s.value,
+        "onUpdate:open": o[0] || (o[0] = (n) => s.value = n)
+      },
+      r(g)(e, [
+        "api",
+        "getRowKey",
+        "centered",
+        "apTableProps",
+        "onOk",
+        "maxCount",
+        "title",
+        "renderModalTitleSuffix",
+        "isRenderModalTitleSuffix"
+      ]),
+      {
+        title: R(),
+        centered: e.centered ?? !0
+      }
+    ), {
+      default: L(() => [
+        U(r(W), x({
+          scroll: { y: "100%" },
+          style: { padding: "0px" },
+          columns: t.columns,
+          request: h,
+          "row-key": t.getRowKey,
+          "row-selection": P.value,
+          bordered: r(k) === "admin"
+        }, r(g)(e.apTableProps, "dataSource"), {
+          ref_key: "apTableRef",
+          ref: c,
+          "data-source": p.value
+        }), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
+      ]),
+      _: 1
+    }, 16, ["open", "title", "centered"]));
+  }
+});
+export {
+  le as default
+};

package/es/src/business/expandAlert/ApExpandAlert.vue.d.ts

@@ -6,8 +6,15 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes,
  */
 declare function setExpand(state?: boolean): void;
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        ellipsisBoxRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApExpandAlertProps>, {
     /**
      *  Alert类型
@@ -69,26 +76,18 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
 }, {
     type: "warning" | "error" | "success" | "info" | undefined;
     data: Array<any> | string;
-    prefix: string;
     separator: string;
+    prefix: string;
     rows: string | number;
     tipTitle: string;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
         default: D[K];
     }> : P[K];
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -98,3 +97,11 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};