@aplus-frontend/ui 0.1.32 → 0.1.34

package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs

@@ -1,119 +1,159 @@
-import { defineComponent as z, ref as f, computed as v, watch as R, nextTick as S, openBlock as n, createElementBlock as i, normalizeClass as s, unref as t, createVNode as h, withCtx as d, createBlock as V, createElementVNode as c, toDisplayString as r, createCommentVNode as w, normalizeStyle as D, renderSlot as M, Fragment as x, renderList as O } from "vue";
-import { DownOutlined as F } from "@ant-design/icons-vue";
-import { Alert as G, Tooltip as W } from "ant-design-vue";
-import { ApActionItem as j } from "../../ap-action/index.mjs";
+import { defineComponent as W, computed as f, ref as h, watch as T, nextTick as w, openBlock as a, createElementBlock as n, normalizeClass as s, unref as t, createVNode as x, withCtx as m, createBlock as g, createElementVNode as b, toDisplayString as p, createCommentVNode as A, normalizeStyle as c, renderSlot as N, resolveDynamicComponent as I, Fragment as C, renderList as j, createTextVNode as q } from "vue";
+import { DownOutlined as J } from "@ant-design/icons-vue";
+import { Alert as K, Tooltip as P } from "ant-design-vue";
+import { ApActionItem as Q } from "../../ap-action/index.mjs";
 import "../../config-provider/index.mjs";
 import "./style.css";
-import { useNamespace as q } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as J } from "../../config-provider/hooks/use-global-config.mjs";
-const K = { key: 0 }, P = ["onClick"], le = /* @__PURE__ */ z({
+import { isString as E } from "lodash-unified";
+import { useLocale as U } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Y } from "../../config-provider/hooks/use-global-config.mjs";
+const Z = ["onClick"], ue = /* @__PURE__ */ W({
   __name: "ApExpandAlert",
   props: {
     type: { default: "warning" },
     data: { default: () => [] },
     prefix: { default: "" },
-    tipTitle: { default: "查看详情" },
+    tipTitle: { default: "" },
     mapLabel: {},
     separator: { default: "|" },
-    rows: { default: 2 }
+    separatorStyle: { default: () => ({}) },
+    contentStyle: { default: () => ({}) },
+    prefixStyle: { default: () => ({}) },
+    rows: { default: 2 },
+    defaultExpand: { type: Boolean, default: !0 },
+    showIcon: { type: Boolean, default: !0 }
   },
   emits: ["choose", "expand"],
-  setup(g, { expose: b, emit: C }) {
-    const B = C, k = g, a = f(""), p = f(null), E = v(() => ({
+  setup(L, { expose: $, emit: H }) {
+    const z = H, r = L, { t: S } = U(), V = f(() => {
+      if (r.type != "card")
+        return r.type;
+    }), l = h(""), u = h(null), D = f(() => ({
       fontWeight: "400",
       wordBreak: "break-all",
       overflow: "hidden",
       display: "-webkit-box",
-      webkitLineClamp: a.value,
+      webkitLineClamp: l.value,
       webkitBoxOrient: "vertical",
       lineHeight: "22px"
     }));
-    function N() {
-      a.value === "1" ? a.value = "" : a.value = "1", B("expand");
+    function R() {
+      l.value === "1" ? l.value = "" : l.value = "1", z("expand");
     }
-    const A = v(() => a.value === "1" ? "展开" : "收起"), m = f(!0), y = v(() => a.value !== "1");
-    function T(e) {
-      e ? a.value = "" : a.value = "1";
+    const M = f(() => l.value === "1" ? S("ap.apExpandAlert.expand") : S("ap.apExpandAlert.collapse")), y = h(!0), B = f(() => l.value !== "1");
+    function v(e) {
+      e ? l.value = "" : l.value = "1";
     }
-    R(
-      () => k.data,
+    T(
+      () => r.data,
       () => {
-        a.value = "", S(() => {
-          if (p.value) {
-            const e = Number(p.value.clientHeight), u = Number(
-              parseInt(p.value.style.lineHeight)
+        l.value = "", w(() => {
+          if (u.value) {
+            const e = Number(u.value.clientHeight), d = Number(
+              parseInt(u.value.style.lineHeight)
             );
-            e < u * Number(k.rows) && y.value ? m.value = !1 : m.value = !0;
+            e < d * Number(r.rows) && B.value ? y.value = !1 : y.value = !0;
           }
         });
       },
       {
         immediate: !0
       }
+    ), T(
+      () => r.defaultExpand,
+      (e) => {
+        e ? w(() => {
+          v(e);
+        }) : w(() => {
+          v(e);
+        });
+      },
+      { immediate: !0 }
     );
-    const { b: H, e: l, m: I } = q("ap-expand-alert"), L = J("uiMode", "aplus");
-    return b({
-      setExpand: T
-    }), (e, u) => (n(), i("div", {
-      class: s([t(H)(), `${t(I)(t(L))}`])
+    const { b: O, e: o, m: F } = X("ap-expand-alert"), G = Y("uiMode", "aplus");
+    return $({
+      setExpand: v
+    }), (e, d) => (a(), n("div", {
+      class: s([t(O)(), `${t(F)(t(G))}`])
     }, [
-      h(t(G), {
-        type: e.type,
-        "show-icon": "",
-        class: s(t(l)("antAlert"))
+      x(t(K), {
+        type: V.value,
+        "show-icon": e.showIcon,
+        class: s([t(o)("antAlert"), e.type == "card" ? "card-alert" : ""])
       }, {
-        action: d(() => [
-          m.value ? (n(), V(t(j), {
+        action: m(() => [
+          y.value ? (a(), g(t(Q), {
             key: 0,
             size: "small",
-            onClick: u[0] || (u[0] = (o) => N()),
+            onClick: d[0] || (d[0] = (i) => R()),
             style: { "font-size": "12px", "padding-left": "16px" }
           }, {
-            default: d(() => [
-              c("span", {
-                class: s(t(l)("expandText"))
-              }, r(A.value), 3),
-              h(t(F), {
-                class: s(y.value ? t(l)("expandIcon") : t(l)("collapseIcon"))
+            default: m(() => [
+              b("span", {
+                class: s(t(o)("expandText"))
+              }, p(M.value), 3),
+              x(t(J), {
+                class: s(B.value ? t(o)("expandIcon") : t(o)("collapseIcon"))
               }, null, 8, ["class"])
             ]),
             _: 1
-          })) : w("", !0)
+          })) : A("", !0)
         ]),
-        message: d(() => [
-          c("div", {
-            style: D(E.value),
-            class: s(t(l)("alertContent")),
+        message: m(() => [
+          b("div", {
+            style: c({ ...D.value, ...e.contentStyle }),
+            class: s(t(o)("alertContent")),
             ref_key: "ellipsisBoxRef",
-            ref: p
+            ref: u
           }, [
-            M(e.$slots, "default", {}, () => [
-              c("span", {
-                class: s(t(l)("prefix"))
-              }, r(e.prefix), 3),
-              typeof e.data == "string" ? (n(), i("span", K, r(e.data), 1)) : (n(!0), i(x, { key: 1 }, O(e.data, (o, $) => (n(), i(x, { key: o }, [
-                h(t(W), { title: e.tipTitle }, {
-                  default: d(() => [
-                    c("span", {
-                      class: s(t(l)("showItem")),
-                      onClick: (Q) => e.$emit("choose", o)
-                    }, r(e.mapLabel ? o[e.mapLabel] : o), 11, P)
+            N(e.$slots, "default", {}, () => [
+              t(E)(e.prefix) ? (a(), n("span", {
+                key: 0,
+                class: s(t(o)("prefix")),
+                style: c(e.prefixStyle)
+              }, p(e.prefix), 7)) : (a(), g(I(e.prefix), {
+                key: 1,
+                style: c(e.prefixStyle)
+              }, null, 8, ["style"])),
+              t(E)(e.data) ? (a(), n("span", {
+                key: 2,
+                class: s(t(o)("text"))
+              }, p(e.data), 3)) : (a(!0), n(C, { key: 3 }, j(e.data, (i, k) => (a(), n(C, { key: k }, [
+                x(t(P), {
+                  title: e.tipTitle ? e.tipTitle : null
+                }, {
+                  default: m(() => [
+                    N(e.$slots, "item", {
+                      record: i,
+                      index: k
+                    }, () => [
+                      b("span", {
+                        class: s(t(o)("showItem")),
+                        onClick: (_) => e.$emit("choose", i)
+                      }, p(e.mapLabel ? i[e.mapLabel] : i), 11, Z)
+                    ])
                   ]),
                   _: 2
                 }, 1032, ["title"]),
-                $ !== e.data.length - 1 ? (n(), i("span", {
+                k !== e.data.length - 1 ? (a(), n("span", {
                   key: 0,
-                  class: s(t(l)("spliter"))
-                }, r(e.separator), 3)) : w("", !0)
+                  class: s(t(o)("spliter")),
+                  style: c(e.separatorStyle)
+                }, [
+                  t(E)(e.separator) ? (a(), n(C, { key: 0 }, [
+                    q(p(e.separator), 1)
+                  ], 64)) : (a(), g(I(e.separator), { key: 1 }))
+                ], 6)) : A("", !0)
               ], 64))), 128))
             ])
           ], 6)
         ]),
         _: 3
-      }, 8, ["type", "class"])
+      }, 8, ["type", "show-icon", "class"])
     ], 2));
   }
 });
 export {
-  le as default
+  ue as default
 };

package/es/src/business/ap-expand-alert/interface.d.ts

@@ -1,12 +1,14 @@
-export interface ApExpandAlertProps {
+import { AlertProps } from 'ant-design-vue/es/alert';
+import { Component, CSSProperties, VNode } from 'vue';
+export type ApExpandAlertProps<T> = {
     /**
      * Alert类型
      */
-    type: 'warning' | 'error' | 'success' | 'info' | undefined;
+    type?: 'warning' | 'error' | 'success' | 'info' | 'card' | undefined;
     /**
      * 展开数据
      */
-    data: Array<any> | string;
+    data?: Array<T> | string;
     /**
      * 标题前缀
      */
@@ -22,9 +24,25 @@ export interface ApExpandAlertProps {
     /**
      * 分隔符
      */
-    separator: string;
+    separator?: Component | VNode | string;
+    /**
+     * 分隔符样式
+     */
+    separatorStyle?: CSSProperties;
+    /**
+     * 内容样式
+     */
+    contentStyle?: Omit<CSSProperties, 'wordBreak' | 'overflow' | 'display' | 'webkitLineClamp' | 'webkitBoxOrient'>;
+    /**
+     * 前缀样式
+     */
+    prefixStyle?: CSSProperties;
     /**
      * 内容达到几行显示展开收起,默认是两行
      */
-    rows: string | number;
-}
+    rows?: string | number;
+    /**
+     * 默认是否展开
+     */
+    defaultExpand?: boolean;
+} & Pick<AlertProps, 'showIcon'>;

package/es/src/business/ap-expand-alert/style.css

@@ -19,6 +19,7 @@
 }
 .aplus-ap-expand-alert__prefix {
   color: #182948;
+  display: inline-block;
 }
 .aplus-ap-expand-alert__showItem {
   color: #0070ff;
@@ -40,3 +41,11 @@
   font-size: 16px;
   transform: translateY(2px);
 }
+.aplus-ap-expand-alert--aplus .card-alert {
+  background-color: transparent !important;
+  border: none ;
+}
+.aplus-ap-expand-alert--admin .card-alert {
+  background-color: transparent !important;
+  border: none;
+}

package/es/src/business/ap-title/style.css

@@ -1,7 +1,6 @@
 .aplus-ap-title {
   position: relative;
   width: 100%;
-  height: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,7 +11,8 @@
   position: absolute;
   content: '';
   left: 0;
-  top: 2px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 3px;
   height: 16px;
   background: #0070ff;
@@ -30,11 +30,11 @@
   color: #0070ff;
 }
 .aplus-ap-title--admin {
-  height: 22px;
   padding-left: 14px;
 }
 .aplus-ap-title--admin::before {
-  top: 7px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 8px;
   height: 8px;
   border-radius: 50%;

package/es/src/business/hooks/usePageListApTable.d.ts

@@ -1,6 +1,7 @@
 import { ApTableProps } from '../../';
 import { UseTableRefreshOption } from './useTableRefresh';
 import { Recordable } from '../../type';
+import { TableColumnsType } from 'ant-design-vue';
 export interface UsePageListApTable extends ApTableProps {
     /** 是否显示默认的行选择配置
      * @default true
@@ -46,6 +47,7 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
             clearAll: () => void;
             toggleSelect: (item: any) => void;
         } | undefined;
+        getShownColumns: () => TableColumnsType<any>;
     } | null | undefined;
     clearSelection: () => void;
 }];

package/es/src/business/index.d.ts

@@ -1,5 +1,5 @@
 import { ApTransformDataHelper } from '../utils/ap-trans-data';
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, VNode, CSSProperties, RendererNode, RendererElement, PublicProps, ShallowUnwrapRef, DefineComponent } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, Component, VNode, CSSProperties, PublicProps, ShallowUnwrapRef, RendererNode, RendererElement, DefineComponent } from 'vue';
 import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
 import { VueTypeValidableDef } from '../../node_modules/vue-types';
 import { LiteralUnion, Key } from 'ant-design-vue/es/_util/type';
@@ -176,196 +176,62 @@ export declare const ApTitle: {
         onClick?: () => void;
     };
 }));
-export declare const ApExpandAlert: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        type: {
-            type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-            required: true;
-            default: string;
-        };
-        data: {
-            type: PropType<string | any[]>;
-            required: true;
-            default: () => never[];
-        };
-        separator: {
-            type: PropType<string>;
-            required: true;
-            default: string;
-        };
-        prefix: {
-            type: PropType<string>;
-            default: string;
-        };
-        rows: {
-            type: PropType<string | number>;
-            required: true;
-            default: number;
-        };
-        tipTitle: {
-            type: PropType<string>;
-            default: string;
-        };
-        mapLabel: {
-            type: PropType<string>;
-        };
-    }>> & {
-        onExpand?: ((...args: any[]) => any) | undefined;
-        onChoose?: ((...args: any[]) => any) | undefined;
-    }, {
-        setExpand: (state?: boolean) => void;
-    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        expand: (...args: any[]) => void;
-        choose: (...args: any[]) => void;
-    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        type: {
-            type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-            required: true;
-            default: string;
-        };
-        data: {
-            type: PropType<string | any[]>;
-            required: true;
-            default: () => never[];
-        };
-        separator: {
-            type: PropType<string>;
-            required: true;
-            default: string;
-        };
-        prefix: {
-            type: PropType<string>;
-            default: string;
-        };
-        rows: {
-            type: PropType<string | number>;
-            required: true;
-            default: number;
-        };
-        tipTitle: {
-            type: PropType<string>;
-            default: string;
-        };
-        mapLabel: {
-            type: PropType<string>;
-        };
-    }>> & {
-        onExpand?: ((...args: any[]) => any) | undefined;
-        onChoose?: ((...args: any[]) => any) | undefined;
-    }, {
-        type: "warning" | "error" | "success" | "info" | undefined;
-        data: Array<any> | string;
-        separator: string;
-        prefix: string;
-        rows: string | number;
-        tipTitle: string;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        type: {
-            type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-            required: true;
-            default: string;
-        };
-        data: {
-            type: PropType<string | any[]>;
-            required: true;
-            default: () => never[];
-        };
-        separator: {
-            type: PropType<string>;
-            required: true;
-            default: string;
-        };
-        prefix: {
-            type: PropType<string>;
-            default: string;
-        };
-        rows: {
-            type: PropType<string | number>;
-            required: true;
-            default: number;
-        };
-        tipTitle: {
-            type: PropType<string>;
-            default: string;
-        };
-        mapLabel: {
-            type: PropType<string>;
-        };
-    }>> & {
+export declare const ApExpandAlert: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: Readonly<{
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
+    }> & {
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
+    };
+    emit: (event: "expand" | "choose", ...args: any[]) => void;
+}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: {
         onExpand?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
-    }, {
+        type?: "warning" | "error" | "success" | "info" | "card" | undefined;
+        data?: string | T[] | undefined;
+        prefix?: string | undefined;
+        tipTitle?: string | undefined;
+        mapLabel?: string | undefined;
+        separator?: ( Component | VNode | string) | undefined;
+        separatorStyle?: CSSProperties | undefined;
+        contentStyle?: Omit< CSSProperties, "wordBreak" | "overflow" | "display" | "webkitLineClamp" | "webkitBoxOrient"> | undefined;
+        prefixStyle?: CSSProperties | undefined;
+        rows?: (string | number) | undefined;
+        defaultExpand?: boolean | undefined;
+        showIcon?: boolean | undefined;
+    } & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{
         setExpand: (state?: boolean) => void;
-    }, {}, {}, {}, {
-        type: "warning" | "error" | "success" | "info" | undefined;
-        data: Array<any> | string;
-        separator: string;
-        prefix: string;
-        rows: string | number;
-        tipTitle: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    type: {
-        type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-        required: true;
-        default: string;
-    };
-    data: {
-        type: PropType<string | any[]>;
-        required: true;
-        default: () => never[];
-    };
-    separator: {
-        type: PropType<string>;
-        required: true;
-        default: string;
-    };
-    prefix: {
-        type: PropType<string>;
-        default: string;
-    };
-    rows: {
-        type: PropType<string | number>;
-        required: true;
-        default: number;
-    };
-    tipTitle: {
-        type: PropType<string>;
-        default: string;
-    };
-    mapLabel: {
-        type: PropType<string>;
-    };
-}>> & {
-    onExpand?: ((...args: any[]) => any) | undefined;
-    onChoose?: ((...args: any[]) => any) | undefined;
-}, {
-    setExpand: (state?: boolean) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    expand: (...args: any[]) => void;
-    choose: (...args: any[]) => void;
-}, string, {
-    type: "warning" | "error" | "success" | "info" | undefined;
-    data: Array<any> | string;
-    separator: string;
-    prefix: string;
-    rows: string | number;
-    tipTitle: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
+    }>): void;
+    attrs: any;
+    slots: Readonly<{
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
+    }> & {
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
     };
-});
+    emit: (event: "expand" | "choose", ...args: any[]) => void;
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export declare const ApLabel: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         helpMessage: {

package/es/src/check-card/group.vue.d.ts

@@ -1,5 +1,5 @@
 import { CheckCardGroupProps, CheckCardValueType } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, CSSProperties, PropType } from 'vue';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -17,6 +17,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     size: undefined;
     stopPropagation: undefined;
     defaultValue: undefined;
+    indicatorSize: undefined;
+    style: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CheckCardGroupProps>, {
@@ -28,10 +30,13 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     size: undefined;
     stopPropagation: undefined;
     defaultValue: undefined;
+    indicatorSize: undefined;
+    style: undefined;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "middle" | "small";
+    style: CSSProperties;
     value: CheckCardValueType | CheckCardValueType[];
     multiple: boolean;
     disabled: boolean;
@@ -39,6 +44,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     defaultValue: CheckCardValueType | CheckCardValueType[];
     bordered: boolean;
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
+    indicatorSize: number;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;