@aplus-frontend/ui 0.1.31 → 0.1.33

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

@@ -1,14 +1,14 @@
-import { defineComponent as D, openBlock as o, createElementBlock as s, normalizeClass as N, unref as r, normalizeStyle as w, createVNode as F, mergeProps as B, withCtx as y, Fragment as p, renderList as T, createBlock as c, h as d, renderSlot as _, resolveDynamicComponent as M } from "vue";
-import { Descriptions as V, DescriptionsItem as f } from "ant-design-vue";
-import { transformValue as h, isEmptyWithType as j } from "./helper.mjs";
+import { defineComponent as N, openBlock as l, createElementBlock as a, normalizeClass as h, unref as r, normalizeStyle as T, createVNode as B, mergeProps as _, withCtx as f, Fragment as s, renderList as w, createBlock as i, h as c, renderSlot as E, resolveDynamicComponent as M } from "vue";
+import { Descriptions as V, DescriptionsItem as m } from "ant-design-vue";
+import { mixinsAttachmentExtraProps as j, transformValue as x, isEmptyWithType as z } from "./helper.mjs";
 import { get as S } from "lodash-unified";
 import "./help-message/index.vue.mjs";
 import "../config-provider/index.mjs";
 import "./style/ap-descriptions.css";
-import { useGlobalConfig as m } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as x } from "../config-provider/hooks/use-namespace.mjs";
-import z from "./help-message/index.vue2.mjs";
-const E = { key: 0 }, J = /* @__PURE__ */ D({
+import { useGlobalConfig as u } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
+import F from "./help-message/index.vue2.mjs";
+const G = { key: 0 }, Q = /* @__PURE__ */ N({
   __name: "ap-descriptions",
   props: {
     descriptionsProps: {},
@@ -18,46 +18,44 @@ const E = { key: 0 }, J = /* @__PURE__ */ D({
     className: {}
   },
   setup(b) {
-    const i = b, k = m("uiMode", "admin"), g = m("apDescriptions"), { m: P, b: v } = x("ap-descriptions"), C = (t = {}) => {
-      var l;
-      let a = "";
-      return ((l = i.descriptionsProps) == null ? void 0 : l.layout) === "vertical" && (a = "start"), {
-        justifyContent: a,
+    const p = b, g = u("uiMode", "admin"), C = u("apDescriptions"), k = u("downloadCenterTriggerConfig"), { m: v, b: P } = A("ap-descriptions"), D = (t = {}) => {
+      var o;
+      let n = "";
+      return ((o = p.descriptionsProps) == null ? void 0 : o.layout) === "vertical" && (n = "start"), {
+        justifyContent: n,
         ...t
       };
-    }, u = (t) => {
-      var e, n;
-      const a = S(i.dataSource, t.field);
-      if (t.customRender)
-        return t.customRender(i.dataSource);
-      const l = (e = g.value) == null ? void 0 : e.downloadFile;
-      return t.valueType === "attachment" && !((n = t.extraProps) != null && n.downloadFile) && l && (t.extraProps ? t.extraProps.downloadFile = l : t.extraProps = {
-        downloadFile: l
-      }), h({ value: a, record: i.dataSource }, t);
+    }, y = (t) => {
+      var o, e;
+      const n = S(p.dataSource, t.field);
+      return t.customRender ? t.customRender(p.dataSource) : (t.valueType === "attachment" && (t.extraProps = j(t.extraProps, {
+        fromConfig: (o = C.value) == null ? void 0 : o.downloadFile,
+        fromGlobal: (e = k.value) == null ? void 0 : e.trigger
+      })), x({ value: n, record: p.dataSource }, t));
     };
-    return (t, a) => {
-      var l;
-      return o(), s("div", {
-        class: N([t.className, r(v)(), r(P)(r(k))]),
-        style: w(t.style)
+    return (t, n) => {
+      var o;
+      return l(), a("div", {
+        class: h([t.className, r(P)(), r(v)(r(g))]),
+        style: T(t.style)
       }, [
-        F(r(V), B(t.descriptionsProps, {
-          labelStyle: C({ ...((l = t.descriptionsProps) == null ? void 0 : l.labelStyle) || {} })
+        B(r(V), _(t.descriptionsProps, {
+          labelStyle: D({ ...((o = t.descriptionsProps) == null ? void 0 : o.labelStyle) || {} })
         }), {
-          default: y(() => [
-            (o(!0), s(p, null, T(t.schemas, (e, n) => (o(), s(p, {
-              key: e.field || "empty" + n
+          default: f(() => [
+            (l(!0), a(s, null, w(t.schemas, (e, d) => (l(), a(s, {
+              key: e.field || "empty" + d
             }, [
-              e.valueType === "empty" ? (o(), c(r(f), {
+              e.valueType === "empty" ? (l(), i(r(m), {
                 key: 0,
                 contentStyle: e.contentStyle,
                 labelStyle: e.labelStyle,
                 span: e.span
-              }, null, 8, ["contentStyle", "labelStyle", "span"])) : (o(), c(r(f), {
+              }, null, 8, ["contentStyle", "labelStyle", "span"])) : (l(), i(r(m), {
                 key: 1,
-                label: e.label ? d(p, [
-                  d(
-                    z,
+                label: e.label ? c(s, [
+                  c(
+                    F,
                     { helpMessage: e.helpMessage },
                     { default: () => e.label }
                   )
@@ -66,17 +64,17 @@ const E = { key: 0 }, J = /* @__PURE__ */ D({
                 contentStyle: e.contentStyle,
                 labelStyle: e.labelStyle
               }, {
-                default: y(() => [
-                  r(j)(r(S)(t.dataSource, e.field), e.valueType) ? (o(), s("span", E, "--")) : (o(), s(p, { key: 1 }, [
-                    e.contentSlotName ? _(t.$slots, e.contentSlotName, {
+                default: f(() => [
+                  r(z)(r(S)(t.dataSource, e.field), e.valueType) ? (l(), a("span", G, "--")) : (l(), a(s, { key: 1 }, [
+                    e.contentSlotName ? E(t.$slots, e.contentSlotName, {
                       key: 0,
-                      index: n,
-                      item: u(e),
+                      index: d,
+                      item: y(e),
                       record: t.dataSource
-                    }) : (o(), c(M(
-                      d(p, [
+                    }) : (l(), i(M(
+                      c(s, [
                         e.prefix,
-                        u(e),
+                        y(e),
                         e.suffix
                       ])
                     ), { key: 1 }))
@@ -93,5 +91,5 @@ const E = { key: 0 }, J = /* @__PURE__ */ D({
   }
 });
 export {
-  J as default
+  Q as default
 };

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

@@ -44,7 +44,7 @@ interface DateRangeExtraProps {
 }
 /** 处理日期范围 */
 export declare function dateRange({ value, record }: FormatOptions, extraProps: DateRangeExtraProps): string;
-interface AttachmentExtraProps {
+export interface AttachmentExtraProps {
     /** url字段路径 */
     urlPath?: string | string[];
     /** 资源名称字段路径 */
@@ -53,7 +53,7 @@ interface AttachmentExtraProps {
     style?: StyleValue;
     /** 类名称 */
     className?: string;
-    /** 下载资源函数，可以通过descriptions的downloadFile属性统一设置 */
+    /** 配置downloadCenterTriggerConfig优先级最高，次配置失效 */
     downloadFile?: (url: string, name: string) => void;
 }
 /** 处理附件类型 */

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

@@ -1,5 +1,6 @@
 import { FormatOptions, FormatterValueType, TransformOptionType } from './interface';
-import { VNode, VNodeChild } from 'vue';
+import { VNode, VNodeChild, StyleValue } from 'vue';
+import { AttachmentExtraProps } from './formatter';
 export declare function transformValue(data: FormatOptions, opt: TransformOptionType): VNodeChild | VNode;
 /**
  * 根据type判断是否为空
@@ -7,3 +8,20 @@ export declare function transformValue(data: FormatOptions, opt: TransformOption
  * @param type 类型
  */
 export declare function isEmptyWithType(value: unknown, type: FormatterValueType): boolean;
+/**
+ * 混入附件类型额外属性
+ * @param target 原配置
+ * @param options.fromGlobal 来自全局配置的下载文件方法
+ * @param options.fromConfig 来自全局配置里的ApDescriptions的下载文件方法
+ * @returns 混入后的配置
+ */
+export declare function mixinsAttachmentExtraProps(target: AttachmentExtraProps | undefined, options: {
+    fromGlobal?: (...args: any[]) => any;
+    fromConfig?: (...args: any[]) => any;
+}): AttachmentExtraProps | {
+    downloadFile: (...args: any[]) => any;
+    urlPath?: string | string[];
+    namePath?: string | string[];
+    style?: StyleValue;
+    className?: string;
+};

package/es/src/ap-descriptions/helper.mjs

@@ -1,24 +1,34 @@
-import { isEmpty as a } from "lodash-unified";
-import { formatterMap as n } from "./formatter/index.mjs";
-function c(t, r) {
-  const e = n[r.valueType];
-  return e ? e(t, r.extraProps || {}) : t.value;
+import { isEmpty as o } from "lodash-unified";
+import { formatterMap as f } from "./formatter/index.mjs";
+function m(r, n) {
+  const e = f[n.valueType];
+  return e ? e(r, n.extraProps || {}) : r.value;
 }
-function m(t, r) {
-  switch (r) {
+function a(r, n) {
+  switch (n) {
     case "text":
     case "number":
     case "dateRange":
     case "date":
-      return t == null || t === "";
+      return r == null || r === "";
     case "array":
     case "attachment":
-      return a(t);
+      return o(r);
     default:
-      return !t;
+      return !r;
   }
 }
+function c(r = {}, n) {
+  return n.fromGlobal ? {
+    ...r,
+    downloadFile: n.fromGlobal
+  } : !(r != null && r.downloadFile) && n.fromConfig ? {
+    ...r,
+    downloadFile: n.fromConfig
+  } : r;
+}
 export {
-  m as isEmptyWithType,
-  c as transformValue
+  a as isEmptyWithType,
+  c as mixinsAttachmentExtraProps,
+  m as transformValue
 };

package/es/src/ap-descriptions/style/ap-descriptions.css

@@ -2,10 +2,6 @@
   TODO: 
     1.admin和aplus样式提成变量？
 */
-.aplus-ap-descriptions {
-  --ap-descriptions-item-padding-bottom: 24px;
-  --ap-descriptions-item-label-width: auto;
-}
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-view table {
   table-layout: fixed;
 }
@@ -16,7 +12,7 @@
   padding-bottom: 8px;
 }
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-row:last-child .ant-descriptions-item {
-  padding-bottom: 0;
+  padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
 }
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
   margin-inline: 4px 20px;

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

@@ -1,20 +1,20 @@
-import { defineComponent as z, ref as N, useSlots as O, computed as t, unref as s, openBlock as l, createBlock as F, mergeProps as x, withCtx as A, createElementVNode as r, normalizeClass as S, createElementBlock as c, createVNode as I, createCommentVNode as d, renderSlot as L, toDisplayString as M } from "vue";
-import { Button as U } from "ant-design-vue";
-import { LoadingOutlined as V } from "@ant-design/icons-vue";
+import { defineComponent as x, ref as A, useSlots as S, computed as t, unref as s, openBlock as r, createBlock as j, mergeProps as I, withCtx as M, createElementVNode as u, normalizeClass as T, createElementBlock as f, createVNode as U, createCommentVNode as g, renderSlot as V, toDisplayString as D } from "vue";
+import { Button as E } from "ant-design-vue";
+import { LoadingOutlined as G } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { useOssInit as j } from "./hooks/index.mjs";
+import { useOssInit as P } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { getFileInfo as D } from "./utils/getFileInfo.mjs";
-import { useStyle as E } from "./hooks/useStyle.mjs";
-import { useLocale as G } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as p } from "../config-provider/hooks/use-global-config.mjs";
-const P = {
+import { getFileInfo as y } from "./utils/getFileInfo.mjs";
+import { useStyle as R } from "./hooks/useStyle.mjs";
+import { useLocale as W } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as c } from "../config-provider/hooks/use-global-config.mjs";
+const $ = {
   key: 0,
   class: "spin"
-}, R = {
+}, q = {
   key: 1,
   class: "icon"
-}, T = { class: "text" }, ee = /* @__PURE__ */ z({
+}, H = { class: "text" }, le = /* @__PURE__ */ x({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -41,45 +41,56 @@ const P = {
     getOssAccess: {}
   },
   emits: ["downloadCallback"],
-  setup(m, { emit: u }) {
-    const f = u, n = N(!1), { lang: g } = G(), y = O(), C = t(() => g.value === "zh-cn" ? "zh_CN" : "en_US"), _ = p("uiMode"), e = m, b = p("apUpload"), a = t(() => e.disabled), h = t(() => e.color ? e.color : _.value === "aplus" ? "#0070FF" : "#1890FF"), k = t(() => e.size), { getInnerWrapperClass: w } = E(h, k, a), B = t(() => {
+  setup(C, { emit: b }) {
+    const h = b, l = A(!1), { lang: N } = W(), _ = S(), w = t(() => N.value === "zh-cn" ? "zh_CN" : "en_US"), k = c("uiMode"), e = C, v = c("apUpload"), d = c(
+      "downloadCenterTriggerConfig"
+    ), p = t(() => e.disabled), B = t(() => e.color ? e.color : k.value === "aplus" ? "#0070FF" : "#1890FF"), z = t(() => e.size), { getInnerWrapperClass: O } = R(B, z, p), F = t(() => {
       var o;
-      return e.getOssAccess || ((o = b.value) == null ? void 0 : o.getOssAccess);
-    }), v = async () => {
+      return e.getOssAccess || ((o = v.value) == null ? void 0 : o.getOssAccess);
+    }), L = async () => {
+      var o, a;
       if (!e.disabled) {
-        n.value = !0;
+        l.value = !0;
         try {
-          const i = await (await j(
-            B.value,
-            s(C)
-          )).downloadFile(
-            D(e.needName, e.fileName)
-          );
-          f("downloadCallback", i);
-        } catch (o) {
-          console.error(o);
+          if ((o = d.value) != null && o.trigger) {
+            let i = y(e.needName, e.fileName).map((m) => ({
+              objectName: m.path,
+              fileName: m.fileName
+            }));
+            (a = d.value) == null || a.trigger(i);
+          } else {
+            const i = await (await P(
+              F.value,
+              s(w)
+            )).downloadFile(
+              y(e.needName, e.fileName)
+            );
+            h("downloadCallback", i);
+          }
+        } catch (n) {
+          console.error(n);
         } finally {
-          n.value = !1;
+          l.value = !1;
         }
       }
     };
-    return (o, i) => (l(), F(s(U), x(e, {
+    return (o, a) => (r(), j(s(E), I(e, {
       type: e.type,
       size: e.size,
-      disabled: a.value,
-      onClick: v
+      disabled: p.value,
+      onClick: L
     }), {
-      default: A(() => [
-        r("div", {
-          class: S(s(w))
+      default: M(() => [
+        u("div", {
+          class: T(s(O))
         }, [
-          n.value ? (l(), c("span", P, [
-            I(s(V), { spin: !0 })
-          ])) : d("", !0),
-          s(y).icon ? (l(), c("span", R, [
-            L(o.$slots, "icon")
-          ])) : d("", !0),
-          r("span", T, M(o.text), 1)
+          l.value ? (r(), f("span", $, [
+            U(s(G), { spin: !0 })
+          ])) : g("", !0),
+          s(_).icon ? (r(), f("span", q, [
+            V(o.$slots, "icon")
+          ])) : g("", !0),
+          u("span", H, D(o.text), 1)
         ], 2)
       ]),
       _: 3
@@ -87,5 +98,5 @@ const P = {
   }
 });
 export {
-  ee as default
+  le as default
 };

package/es/src/ap-download/utils/getFileInfo.d.ts

@@ -2,7 +2,10 @@ import { ApDownLoadNeedNameModel } from '../interface';
 /**
  * 根据needName将fileName转换为OSS下载格式
  */
-export declare function getFileInfo(needName?: ApDownLoadNeedNameModel, fileName?: any): any;
+export declare function getFileInfo(needName?: ApDownLoadNeedNameModel, fileName?: any): {
+    path: string;
+    fileName: string;
+}[];
 /**
  * 根据hexColor颜色和opacity透明度计算rgba颜色数值，返回
  */

package/es/src/ap-download/utils/getFileInfo.mjs

@@ -1,41 +1,66 @@
 import { ApDownLoadNeedNameKeyDefault as y } from "../interface.mjs";
-function K(t, r) {
-  if (t === !0) {
-    if (typeof r == "string")
-      return r;
-    if (Array.isArray(r))
-      return r.map((p) => ({
-        path: p == null ? void 0 : p[y.pathKey],
-        fileName: p == null ? void 0 : p[y.nameKey]
+function K(r, t) {
+  if (r === !0) {
+    if (typeof t == "string")
+      return [
+        {
+          path: t,
+          fileName: t
+        }
+      ];
+    if (Array.isArray(t))
+      return t.map((p) => ({
+        path: (p == null ? void 0 : p[y.pathKey]) ?? p,
+        fileName: (p == null ? void 0 : p[y.nameKey]) ?? p
       }));
-    if (typeof r == "object")
+    if (typeof t == "object")
+      return [
+        {
+          path: t == null ? void 0 : t[y.pathKey],
+          fileName: t == null ? void 0 : t[y.nameKey]
+        }
+      ];
+  } else if (typeof r == "object") {
+    if (typeof t == "string")
       return [
         {
-          path: r == null ? void 0 : r[y.pathKey],
-          fileName: r == null ? void 0 : r[y.nameKey]
+          path: t,
+          fileName: t
         }
       ];
-  } else if (typeof t == "object") {
-    if (typeof r == "string")
-      return r;
-    if (Array.isArray(r))
-      return r.map((p) => ({
-        path: p == null ? void 0 : p[(t == null ? void 0 : t.pathKey) || y.pathKey],
-        fileName: p == null ? void 0 : p[(t == null ? void 0 : t.nameKey) || y.nameKey]
+    if (Array.isArray(t))
+      return t.map((p) => ({
+        path: (p == null ? void 0 : p[(r == null ? void 0 : r.pathKey) || y.pathKey]) ?? p,
+        fileName: (p == null ? void 0 : p[(r == null ? void 0 : r.nameKey) || y.nameKey]) ?? p
       }));
-    if (typeof r == "object")
+    if (typeof t == "object")
+      return [
+        {
+          path: t == null ? void 0 : t[(r == null ? void 0 : r.pathKey) || y.pathKey],
+          fileName: t == null ? void 0 : t[(r == null ? void 0 : r.nameKey) || y.nameKey]
+        }
+      ];
+  } else {
+    if (typeof t == "string")
       return [
         {
-          path: r == null ? void 0 : r[(t == null ? void 0 : t.pathKey) || y.pathKey],
-          fileName: r == null ? void 0 : r[(t == null ? void 0 : t.nameKey) || y.nameKey]
+          path: t,
+          fileName: t
         }
       ];
-  } else
-    return r;
+    if (Array.isArray(t))
+      return t.map((p) => typeof p == "string" ? {
+        path: p,
+        fileName: p
+      } : p);
+    if (typeof t == "object")
+      return [t];
+  }
+  return [];
 }
-function g(t, r) {
-  t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
-  const p = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16), u = Math.round(r * 255).toString(16).padStart(2, "0");
+function g(r, t) {
+  r.length === 4 && (r = `#${r[1]}${r[1]}${r[2]}${r[2]}${r[3]}${r[3]}`);
+  const p = parseInt(r.slice(1, 3), 16), s = parseInt(r.slice(3, 5), 16), n = parseInt(r.slice(5, 7), 16), u = Math.round(t * 255).toString(16).padStart(2, "0");
   return `#${p.toString(16).padStart(2, "0")}${s.toString(16).padStart(2, "0")}${n.toString(16).padStart(2, "0")}${u}`;
 }
 export {

package/es/src/ap-form/ap-form-item.vue.d.ts

@@ -9,7 +9,7 @@ declare function onFieldBlur(): void;
 declare function onFieldChange(): void;
 declare function clearValidate(): void;
 declare function resetField(): void;
-declare function getFieldValue(): any;
+declare function getFieldValue(shouldFormat?: boolean): any;
 declare function __VLS_template(): {
     slots: Readonly<ApFormItemSlots> & ApFormItemSlots;
     refs: {