@aplus-frontend/ui 0.0.18 → 0.0.19

package/es/src/business/expandAlert/ApExpandAlert.vue2.mjs

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

package/es/src/business/expandAlert/interface.d.ts

@@ -0,0 +1,26 @@
+export interface ApExpandAlertProps {
+    /**
+     * Alert类型
+     */
+    type: 'warning' | 'error' | 'success' | 'info' | undefined;
+    /**
+     * 展开数据
+     */
+    data: Array<any> | string;
+    /**
+     * 标题前缀
+     */
+    prefix?: string;
+    /**
+     * Tooltip 提示标题
+     */
+    tipTitle?: string;
+    /**
+     * Label映射字段
+     */
+    mapLabel?: string;
+    /**
+     * 分隔符
+     */
+    separator: string;
+}

package/es/src/business/expandAlert/style.css

@@ -0,0 +1,42 @@
+.aplus-ap-expand-alert .aplus-action-item {
+  font-size: 12px;
+}
+.aplus-ap-expand-alert__expandText {
+  font-size: 12px;
+  margin-inline-end: 4px;
+  margin-inline-start: 4px;
+}
+.aplus-ap-expand-alert__expandIcon {
+  transition: all 0.3s;
+  transform: rotateZ(180deg);
+}
+.aplus-ap-expand-alert__collapseIcon {
+  transition: all 0.3s;
+  transform: rotateZ(0deg);
+}
+.aplus-ap-expand-alert__alertContent {
+  color: #182948;
+}
+.aplus-ap-expand-alert__prefix {
+  color: #182948;
+}
+.aplus-ap-expand-alert__showItem {
+  color: #0070ff;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.aplus-ap-expand-alert__showItem:hover {
+  color: #66a9ff;
+}
+.aplus-ap-expand-alert__spliter {
+  color: #dee4ed;
+  padding: 0 8px;
+}
+.aplus-ap-expand-alert__antAlert.ant-alert {
+  align-items: flex-start;
+  line-height: 18px;
+}
+.aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
+  font-size: 16px;
+  transform: translateY(2px);
+}

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

@@ -2,6 +2,8 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 import { LiteralUnion } from 'ant-design-vue/es/_util/type';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 export type { ApTitleProps } from './title/interface';
+export type { ApExpandAlertProps } from './expandAlert/interface';
+export type { ApLabelProps } from './ap-label/interface';
 export declare const ApTitle: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         trigger: {
@@ -123,7 +125,165 @@ export declare const ApTitle: {
         onClick?: (() => void) | undefined;
     };
 });
-export type { ApLabelProps } from './ap-label/interface';
+export declare const ApExpandAlert: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        type: {
+            type: PropType<"success" | "error" | "info" | "warning" | undefined>;
+            required: true;
+            default: string;
+        };
+        data: {
+            type: PropType<string | any[]>;
+            required: true;
+            default: () => never[];
+        };
+        prefix: {
+            type: PropType<string>;
+            default: string;
+        };
+        separator: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+        tipTitle: {
+            type: PropType<string>;
+            default: string;
+        };
+        mapLabel: {
+            type: PropType<string>;
+        };
+    }>> & {
+        onChoose?: ((...args: any[]) => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        choose: (...args: any[]) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        type: {
+            type: PropType<"success" | "error" | "info" | "warning" | undefined>;
+            required: true;
+            default: string;
+        };
+        data: {
+            type: PropType<string | any[]>;
+            required: true;
+            default: () => never[];
+        };
+        prefix: {
+            type: PropType<string>;
+            default: string;
+        };
+        separator: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+        tipTitle: {
+            type: PropType<string>;
+            default: string;
+        };
+        mapLabel: {
+            type: PropType<string>;
+        };
+    }>> & {
+        onChoose?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: "success" | "error" | "info" | "warning" | undefined;
+        data: string | any[];
+        prefix: string;
+        separator: string;
+        tipTitle: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        type: {
+            type: PropType<"success" | "error" | "info" | "warning" | undefined>;
+            required: true;
+            default: string;
+        };
+        data: {
+            type: PropType<string | any[]>;
+            required: true;
+            default: () => never[];
+        };
+        prefix: {
+            type: PropType<string>;
+            default: string;
+        };
+        separator: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+        tipTitle: {
+            type: PropType<string>;
+            default: string;
+        };
+        mapLabel: {
+            type: PropType<string>;
+        };
+    }>> & {
+        onChoose?: ((...args: any[]) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        type: "success" | "error" | "info" | "warning" | undefined;
+        data: string | any[];
+        prefix: string;
+        separator: string;
+        tipTitle: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    type: {
+        type: PropType<"success" | "error" | "info" | "warning" | undefined>;
+        required: true;
+        default: string;
+    };
+    data: {
+        type: PropType<string | any[]>;
+        required: true;
+        default: () => never[];
+    };
+    prefix: {
+        type: PropType<string>;
+        default: string;
+    };
+    separator: {
+        type: PropType<string>;
+        required: true;
+        default: string;
+    };
+    tipTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    mapLabel: {
+        type: PropType<string>;
+    };
+}>> & {
+    onChoose?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    choose: (...args: any[]) => void;
+}, string, {
+    type: "success" | "error" | "info" | "warning" | undefined;
+    data: string | any[];
+    prefix: string;
+    separator: string;
+    tipTitle: string;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});
 export declare const ApLabel: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         text: {

package/es/src/business/index.mjs

@@ -1,10 +1,13 @@
 import { withInstall as o } from "@aplus-frontend/utils";
 import "./title/ApTitle.vue.mjs";
+import "./expandAlert/ApExpandAlert.vue.mjs";
 import "./ap-label/ApLabel.vue.mjs";
 import t from "./title/ApTitle.vue2.mjs";
-import m from "./ap-label/ApLabel.vue2.mjs";
-const s = o(t), a = o(m);
+import m from "./expandAlert/ApExpandAlert.vue2.mjs";
+import r from "./ap-label/ApLabel.vue2.mjs";
+const _ = o(t), l = o(m), e = o(r);
 export {
-  a as ApLabel,
-  s as ApTitle
+  l as ApExpandAlert,
+  e as ApLabel,
+  _ as ApTitle
 };

package/es/src/index.d.ts

@@ -27,6 +27,7 @@ export * from './ap-layout';
 export * from './ap-upload';
 export * from './ap-download';
 export * from './check-card';
+export * from './ap-modal';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';