@aplus-frontend/ui 7.9.1 → 7.10.1

package/es/src/business/ap-button-group/interface.d.ts

@@ -1,8 +1,8 @@
 import { SpaceProps } from '@aplus-frontend/antdv';
+import { VNodeChild } from 'vue';
 import { ApButtonProps } from '../../ap-button';
 import { ApBatchActionGroupProps } from '../ap-batch-action-group/interface';
 import { ApExportGroupProps } from '../ap-export-group/interface';
-import { VNodeChild } from 'vue';
 export type ApButtonGroupType = {
     button: ApButtonProps & {
         content?: VNodeChild;

package/es/src/business/ap-card/ApCard.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as S, useSlots as _, computed as s, createElementBlock as r, openBlock as i, normalizeStyle as g, normalizeClass as h, unref as l, createBlock as p, createCommentVNode as a, renderSlot as f, mergeProps as C, createSlots as $, withCtx as c, isVNode as d, resolveDynamicComponent as m, toDisplayString as u } from "vue";
-import "../ap-title/ApTitle.vue.mjs";
 import { omit as B } from "lodash-unified";
 import "../../config-provider/index.mjs";
+import "../ap-title/ApTitle.vue.mjs";
 import N from "./style/index.mjs";
 import { useNamespace as b } from "../../config-provider/hooks/use-namespace.mjs";
 import z from "../ap-title/ApTitle.vue2.mjs";

package/es/src/business/ap-copy/ApCopy.mjs

@@ -1,15 +1,15 @@
 import { defineComponent as h, Text as f, isVNode as y, computed as m, createVNode as r, Fragment as k } from "vue";
-import { ApCopyProps as T } from "./constans.mjs";
-import { IconApAdLineCopy as P } from "@aplus-frontend/icon";
-import "../../config-provider/index.mjs";
 import { message as p } from "@aplus-frontend/antdv";
-import { isNull as j, isUndefined as A, isString as N, isBoolean as I } from "lodash-unified";
+import { IconApAdLineCopy as T } from "@aplus-frontend/icon";
+import { isNull as P, isUndefined as j, isString as A, isBoolean as N } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import { ApCopyProps as I } from "./constans.mjs";
 import V from "./style/index.mjs";
 import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
 const G = /* @__PURE__ */ h({
   name: "CopyBtn",
-  props: T(),
+  props: I(),
   setup(e, {
     slots: d
   }) {
@@ -39,7 +39,7 @@ const G = /* @__PURE__ */ h({
     }, c = () => {
       const t = d.default?.();
       return t && S(t) ? C(t) : null;
-    }, u = (t) => !(j(t) || A(t) || typeof t == "string" && t === ""), o = m(() => {
+    }, u = (t) => !(P(t) || j(t) || typeof t == "string" && t === ""), o = m(() => {
       if (typeof e.textStyle == "string")
         switch (e.textStyle) {
           case "link":
@@ -64,15 +64,15 @@ const G = /* @__PURE__ */ h({
       style: typeof o.value != "string" && o.value,
       title: typeof o.value == "string" ? i.value : "",
       onClick: e.onClick ? () => e.onClick() : void 0
-    }, [u(i.value) ? e.link && N(e.link) ? r("a", {
+    }, [u(i.value) ? e.link && A(e.link) ? r("a", {
       href: e.link,
       target: "_blank"
-    }, [i.value]) : I(e.link) ? r("span", {
+    }, [i.value]) : N(e.link) ? r("span", {
       class: a("text-link")
     }, [i.value]) : i.value : "--"]), u(i.value) && !e.disableCopy ? r("div", {
       class: [l("copy-btn"), "copy-btn"],
       onClick: e.disableCopy ? void 0 : (t) => v(t, e.tipMessageSuccess, e.tipMessageError)
-    }, [r(P, {
+    }, [r(T, {
       size: e.size
     }, null)]) : r("div", {
       class: [l("copy-btn"), "copy-btn"]

package/es/src/business/ap-descriptions/ap-descriptions.vue.d.ts

@@ -1,5 +1,5 @@
-import { DisplayInfoProps } from './interface';
 import { Recordable } from '../../type';
+import { DisplayInfoProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/es/src/business/ap-descriptions/ap-descriptions.vue.mjs

@@ -1,9 +1,9 @@
 import { defineComponent as N, useSlots as T, createVNode as l, createTextVNode as D, Fragment as V, shallowRef as w, watch as E, createElementBlock as _, openBlock as k, normalizeStyle as A, normalizeClass as B, unref as n, mergeProps as I } from "vue";
 import { Descriptions as R } from "@aplus-frontend/antdv";
-import { mixinsAttachmentExtraProps as j, transformValue as z, isEmptyWithType as F } from "./helper.mjs";
 import { get as p } from "lodash-unified";
-import "./help-message/index.vue.mjs";
 import "../../config-provider/index.mjs";
+import "./help-message/index.vue.mjs";
+import { mixinsAttachmentExtraProps as j, transformValue as z, isEmptyWithType as F } from "./helper.mjs";
 import G from "./style/index.mjs";
 import { useGlobalConfig as u } from "../../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";

package/es/src/business/ap-descriptions/formatter/index.d.ts

@@ -1,7 +1,7 @@
+import { ParagraphProps } from '@aplus-frontend/antdv/es/typography/Paragraph';
 import { ZoneAlias } from '@aplus-frontend/utils';
-import { FieldPath, FormatOptions } from '../interface';
 import { StyleValue } from 'vue';
-import { ParagraphProps } from '@aplus-frontend/antdv/es/typography/Paragraph';
+import { FieldPath, FormatOptions } from '../interface';
 /** 处理文本类型 */
 export declare function text({ value }: FormatOptions, extraProps?: Omit<ParagraphProps, 'content'>): any;
 interface ArrayExtraProps {

package/es/src/business/ap-descriptions/formatter/index.mjs

@@ -1,9 +1,9 @@
 import { createVNode as f } from "vue";
-import { getTimeFormatToZone as d, toThousand as g } from "@aplus-frontend/utils";
-import { isBoolean as h, merge as p, get as c, debounce as Y } from "lodash-unified";
-import { formatString as A } from "./utils.mjs";
-import { TypographyParagraph as b } from "@aplus-frontend/antdv";
-import { toDecimalMark as M } from "../../../utils/format.mjs";
+import { TypographyParagraph as d } from "@aplus-frontend/antdv";
+import { getTimeFormatToZone as g, toThousand as h } from "@aplus-frontend/utils";
+import { isBoolean as Y, merge as p, get as c, debounce as A } from "lodash-unified";
+import { toDecimalMark as b } from "../../../utils/format.mjs";
+import { formatString as M } from "./utils.mjs";
 function S({
   value: t
 }, n) {
@@ -12,7 +12,7 @@ function S({
   const o = {
     ...n,
     content: t,
-    ellipsis: n.ellipsis ? h(n.ellipsis) ? {
+    ellipsis: n.ellipsis ? Y(n.ellipsis) ? {
       tooltip: t,
       rows: 1
     } : {
@@ -20,7 +20,7 @@ function S({
       tooltip: t
     } : !1
   };
-  return f(b, o, null);
+  return f(d, o, null);
 }
 function D({
   value: t
@@ -42,7 +42,7 @@ function u({
     zoneAlias: "LA",
     format: "YYYY-MM-DD HH:mm:ss"
   }, n);
-  return d(t, o, i);
+  return g(t, o, i);
 }
 function y({
   value: t,
@@ -56,7 +56,7 @@ function y({
     const m = c(n, a);
     return e ? e(m, l) : m;
   }) || [];
-  return s.length === 0 && s.push(t), A(r, s);
+  return s.length === 0 && s.push(t), M(r, s);
 }
 function L({
   value: t,
@@ -94,7 +94,7 @@ function j({
     style: r,
     downloadFile: e,
     className: s
-  } = n, a = c(t, i), l = c(t, o), m = Y(() => {
+  } = n, a = c(t, i), l = c(t, o), m = A(() => {
     e?.(l, a);
   }, 500);
   return f("span", {
@@ -113,7 +113,7 @@ function k({
   } = n;
   let e = "";
   try {
-    r ? e = g(t, i || 0, "fixed") : e = M(t, i);
+    r ? e = h(t, i || 0, "fixed") : e = b(t, i);
   } catch {
     e = t;
   }

package/es/src/business/ap-descriptions/help-message/index.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as r, computed as m, createVNode as t, createElementBlock as d, openBlock as o, createBlock as l, createCommentVNode as u, resolveDynamicComponent as f, unref as s, withCtx as h } from "vue";
-import "../../../config-provider/index.mjs";
 import { QuestionCircleOutlined as b } from "@ant-design/icons-vue";
 import { TypographyText as _, Tooltip as y } from "@aplus-frontend/antdv";
+import "../../../config-provider/index.mjs";
 import { useNamespace as x } from "../../../config-provider/hooks/use-namespace.mjs";
 const C = {
   style: {

package/es/src/business/ap-descriptions/helper.d.ts

@@ -1,6 +1,6 @@
-import { DescriptionsItemSchema, FormatOptions, TransformOptionType } from './interface';
 import { VNode, VNodeChild, StyleValue } from 'vue';
 import { AttachmentExtraProps } from './formatter';
+import { DescriptionsItemSchema, FormatOptions, TransformOptionType } from './interface';
 export declare function transformValue(data: FormatOptions, opt: TransformOptionType): VNodeChild | VNode;
 /**
  * 根据type判断是否为空

package/es/src/business/ap-download/ap-download.vue.mjs

@@ -1,11 +1,11 @@
 import { defineComponent as O, ref as z, useSlots as A, computed as s, unref as t, createBlock as L, openBlock as i, mergeProps as S, withCtx as x, createElementVNode as m, normalizeClass as j, createElementBlock as f, createCommentVNode as u, createVNode as I, renderSlot as F, toDisplayString as T } from "vue";
-import { Button as U } from "@aplus-frontend/antdv";
-import { LoadingOutlined as V } from "@ant-design/icons-vue";
+import { LoadingOutlined as U } from "@ant-design/icons-vue";
+import { Button as V } from "@aplus-frontend/antdv";
+import { omit as D } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { useOssInit as D } from "./hooks/index.mjs";
+import { useOssInit as E } from "./hooks/index.mjs";
+import { useStyle as P } from "./hooks/useStyle.mjs";
 import { getFileInfo as g } from "./utils/getFileInfo.mjs";
-import { useStyle as E } from "./hooks/useStyle.mjs";
-import { omit as P } from "lodash-unified";
 import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as y } from "../../config-provider/hooks/use-global-config.mjs";
 const M = {
@@ -47,7 +47,7 @@ const M = {
   setup(C, { emit: N }) {
     const r = N, n = z(!1), { lang: b } = G(), w = A(), h = s(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), e = C, l = y("apUpload"), c = y(
       "downloadCenterTriggerConfig"
-    ), d = s(() => e.disabled), v = s(() => e.size), { getInnerWrapperClass: _ } = E(v, d), k = s(() => e.getOssAccess || l.value?.getOssAccess), B = async () => {
+    ), d = s(() => e.disabled), v = s(() => e.size), { getInnerWrapperClass: _ } = P(v, d), k = s(() => e.getOssAccess || l.value?.getOssAccess), B = async () => {
       if (!e.disabled) {
         n.value = !0;
         try {
@@ -61,7 +61,7 @@ const M = {
             }));
             await c.value?.trigger(a), r("downloadCallback", a);
           } else {
-            const a = await (await D(
+            const a = await (await E(
               k.value,
               t(h)
             )).downloadFile(
@@ -79,7 +79,7 @@ const M = {
         }
       }
     };
-    return (o, a) => (i(), L(t(U), S(t(P)(e, ["getOssAccess", "fileName", "needName"]), {
+    return (o, a) => (i(), L(t(V), S(t(D)(e, ["getOssAccess", "fileName", "needName"]), {
       type: e.type,
       size: e.size,
       disabled: d.value,
@@ -90,7 +90,7 @@ const M = {
           class: j(t(_))
         }, [
           n.value ? (i(), f("span", M, [
-            I(t(V), { spin: !0 })
+            I(t(U), { spin: !0 })
           ])) : u("", !0),
           t(w).icon ? (i(), f("span", R, [
             F(o.$slots, "icon")

package/es/src/business/ap-download/hooks/useStyle.mjs

@@ -1,13 +1,13 @@
 import { computed as o } from "vue";
-import { getHexWithOpacity as c } from "../utils/getFileInfo.mjs";
 import "../../../config-provider/index.mjs";
+import { useToken as c } from "../../../config-provider/hooks/use-token.mjs";
 import m from "../style/index.mjs";
-import { useToken as d } from "../../../config-provider/hooks/use-token.mjs";
+import { getHexWithOpacity as d } from "../utils/getFileInfo.mjs";
 import { useNamespace as w } from "../../../config-provider/hooks/use-namespace.mjs";
 function g(a, l) {
-  const { b: r, bm: e } = w("ap-download"), n = m("ap-download"), { token: p } = d(), s = o(() => ({
+  const { b: r, bm: e } = w("ap-download"), n = m("ap-download"), { token: p } = c(), s = o(() => ({
     "--download-main-color": p.value?.colorLink,
-    "--download-main-color-opacity": c(
+    "--download-main-color-opacity": d(
       p.value?.colorLink,
       0.6
     )

package/es/src/business/ap-download/interface.d.ts

@@ -1,5 +1,5 @@
-import { accessCreate, client } from '@aplus-frontend/oss';
 import { ButtonProps } from '@aplus-frontend/antdv/es/button';
+import { accessCreate, client } from '@aplus-frontend/oss';
 /**
  * 类型转换为单例和数组
  */

package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue2.mjs

@@ -1,14 +1,14 @@
 import { defineComponent as se, ref as L, computed as x, useTemplateRef as ie, watch as ue, toRaw as de, onMounted as ce, onUnmounted as fe, createBlock as ge, openBlock as R, unref as D, withCtx as me, createElementVNode as pe, normalizeStyle as U, normalizeClass as V, createElementBlock as j, Fragment as ve, renderList as he, renderSlot as we } from "vue";
-import { ApDraggableGridProps as ye } from "./constans.mjs";
-import { Spin as be } from "@aplus-frontend/antdv";
-import "../../config-provider/index.mjs";
-import { sortItemsByRowAndCol as E } from "./utils/sortItemsByRowAndCol.mjs";
+import { Spin as ye } from "@aplus-frontend/antdv";
 import { warning as K, note as w } from "../../utils/warning.mjs";
+import "../../config-provider/index.mjs";
+import { ApDraggableGridProps as be } from "./constans.mjs";
 import $e from "./style/index.mjs";
+import { sortItemsByRowAndCol as E } from "./utils/sortItemsByRowAndCol.mjs";
 import { useNamespace as De } from "../../config-provider/hooks/use-namespace.mjs";
 const Ee = ["data-span", "data-index", "data-row", "data-col", "data-height", "data-module", "draggable"], He = /* @__PURE__ */ se({
   __name: "ApDraggableGrid",
-  props: ye(),
+  props: be(),
   emits: ["onGridListChange"],
   setup(Q, { expose: X, emit: Y }) {
     const d = Q, { b: O, e: C, m: Z } = De("ap-draggable-grid"), ee = $e("ap-draggable-grid"), G = L(!1), P = L(!1), W = x(() => C("item")), k = x(() => C("dragging")), H = x(() => C("overlay")), re = x(() => d.customWrapper ? `.${d.customWrapper} .${W.value}:not(.${k.value})` : `.${W.value}:not(.${k.value})`), te = Y, f = ie("gridContainer"), S = L([]);
@@ -229,7 +229,7 @@ const Ee = ["data-span", "data-index", "data-row", "data-col", "data-height", "d
           await J();
         })();
       }
-    }), (e, a) => (R(), ge(D(be), { spinning: G.value }, {
+    }), (e, a) => (R(), ge(D(ye), { spinning: G.value }, {
       default: me(() => [
         pe("div", {
           ref_key: "gridContainer",

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

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