@aplus-frontend/ui 0.5.9 → 0.5.10

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

@@ -1,13 +1,13 @@
-import { defineComponent as N, createElementBlock as n, openBlock as l, normalizeStyle as h, normalizeClass as T, unref as r, createVNode as B, mergeProps as _, withCtx as f, Fragment as a, 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 "@aplus-frontend/antdv";
-import { mixinsAttachmentExtraProps as j, transformValue as x, isEmptyWithType as z } from "./helper.mjs";
-import { get as b } from "lodash-unified";
+import { defineComponent as T, createElementBlock as i, openBlock as l, normalizeStyle as _, normalizeClass as d, unref as o, createVNode as w, mergeProps as E, withCtx as b, Fragment as p, renderList as M, createBlock as c, createCommentVNode as j, h as u, renderSlot as x, resolveDynamicComponent as z } from "vue";
+import { Descriptions as A, DescriptionsItem as m } from "@aplus-frontend/antdv";
+import { mixinsAttachmentExtraProps as F, transformValue as G, isEmptyWithType as L } from "./helper.mjs";
+import { get as S } from "lodash-unified";
 import "./help-message/index.vue.mjs";
 import "../config-provider/index.mjs";
-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 }, K = /* @__PURE__ */ N({
+import { useGlobalConfig as f } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as R } from "../config-provider/hooks/use-namespace.mjs";
+import $ from "./help-message/index.vue2.mjs";
+const I = { key: 0 }, Y = /* @__PURE__ */ T({
   __name: "ap-descriptions",
   props: {
     descriptionsProps: {},
@@ -17,69 +17,85 @@ const G = { key: 0 }, K = /* @__PURE__ */ N({
     className: {}
   },
   setup(g) {
-    const p = g, S = u("uiMode", "admin"), C = u("apDescriptions"), k = u("downloadCenterTriggerConfig"), { m: v, b: P } = A("ap-descriptions"), D = (t = {}) => {
-      var o;
+    const n = g, v = f("uiMode", "admin"), C = f("apDescriptions"), k = f("downloadCenterTriggerConfig"), { m: P, b: N, be: D } = R("ap-descriptions"), V = (e = {}) => {
+      var r;
       let s = "";
-      return ((o = p.descriptionsProps) == null ? void 0 : o.layout) === "vertical" && (s = "start"), {
+      return ((r = n.descriptionsProps) == null ? void 0 : r.layout) === "vertical" && (s = "start"), {
         justifyContent: s,
-        ...t
+        ...e
       };
-    }, y = (t) => {
-      var o, e;
-      const s = b(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: s, record: p.dataSource }, t));
+    }, y = (e) => {
+      var t, a;
+      const s = S(n.dataSource, e.field);
+      if (e.customRender)
+        return e.customRender(n.dataSource);
+      e.valueType === "attachment" && (e.extraProps = F(e.extraProps, {
+        fromConfig: (t = C.value) == null ? void 0 : t.downloadFile,
+        fromGlobal: (a = k.value) == null ? void 0 : a.trigger
+      }));
+      const r = e.format ? e.format(s, n.dataSource || {}) : s;
+      return G({ value: r, record: n.dataSource }, e);
+    }, B = (e) => {
+      if (e.visible != null) {
+        if (typeof e.visible == "boolean")
+          return e.visible;
+        if (typeof e.visible == "function")
+          return e.visible({
+            record: n.dataSource || {},
+            schema: e
+          });
+      }
+      return !0;
     };
-    return (t, s) => {
-      var o;
-      return l(), n("div", {
-        class: T([t.className, r(P)(), r(v)(r(S))]),
-        style: h(t.style)
+    return (e, s) => {
+      var r;
+      return l(), i("div", {
+        class: d([e.className, o(N)(), o(P)(o(v))]),
+        style: _(e.style)
       }, [
-        B(r(V), _(t.descriptionsProps, {
-          "label-style": D({ ...((o = t.descriptionsProps) == null ? void 0 : o.labelStyle) || {} })
+        w(o(A), E(e.descriptionsProps, {
+          "label-style": V({ ...((r = e.descriptionsProps) == null ? void 0 : r.labelStyle) || {} })
         }), {
-          default: f(() => [
-            (l(!0), n(a, null, w(t.schemas, (e, d) => (l(), n(a, {
-              key: e.field || "empty" + d
+          default: b(() => [
+            (l(!0), i(p, null, M(e.schemas, (t, a) => (l(), i(p, {
+              key: t.field || "empty" + a
             }, [
-              e.valueType === "empty" ? (l(), i(r(m), {
+              t.valueType === "empty" ? (l(), c(o(m), {
                 key: 0,
-                "content-style": e.contentStyle,
-                "label-style": e.labelStyle,
-                span: e.span
-              }, null, 8, ["content-style", "label-style", "span"])) : (l(), i(r(m), {
+                "content-style": t.contentStyle,
+                "label-style": t.labelStyle,
+                span: t.span
+              }, null, 8, ["content-style", "label-style", "span"])) : B(t) ? (l(), c(o(m), {
                 key: 1,
-                label: e.label ? c(a, [
-                  c(F, {
-                    helpMessage: e.helpMessage,
-                    label: e.label
+                class: d(o(D)("item", "ellipsis")),
+                label: t.label ? u(p, [
+                  u($, {
+                    helpMessage: t.helpMessage,
+                    label: t.label
                   })
                 ]) : null,
-                span: e.span,
-                "content-style": e.contentStyle,
-                "label-style": e.labelStyle
+                span: t.span,
+                "content-style": t.contentStyle,
+                "label-style": t.labelStyle
               }, {
-                default: f(() => [
-                  r(z)(r(b)(t.dataSource, e.field), e.valueType) ? (l(), n("span", G, "--")) : (l(), n(a, { key: 1 }, [
-                    e.contentSlotName ? E(t.$slots, e.contentSlotName, {
+                default: b(() => [
+                  o(L)(o(S)(e.dataSource, t.field), t) ? (l(), i("span", I, "--")) : (l(), i(p, { key: 1 }, [
+                    t.contentSlotName ? x(e.$slots, t.contentSlotName, {
                       key: 0,
-                      index: d,
-                      item: y(e),
-                      record: t.dataSource
-                    }) : (l(), i(M(
-                      c(a, [
-                        e.prefix,
-                        y(e),
-                        e.suffix
+                      index: a,
+                      item: y(t),
+                      record: e.dataSource
+                    }) : (l(), c(z(
+                      u(p, [
+                        t.prefix,
+                        y(t),
+                        t.suffix
                       ])
                     ), { key: 1 }))
                   ], 64))
                 ]),
                 _: 2
-              }, 1032, ["label", "span", "content-style", "label-style"]))
+              }, 1032, ["class", "label", "span", "content-style", "label-style"])) : j("", !0)
             ], 64))), 128))
           ]),
           _: 3
@@ -89,5 +105,5 @@ const G = { key: 0 }, K = /* @__PURE__ */ N({
   }
 });
 export {
-  K as default
+  Y as default
 };

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

@@ -1,8 +1,9 @@
 import { ZoneAlias } from '@aplus-frontend/utils';
 import { FieldPath, FormatOptions } from '../interface';
 import { StyleValue } from 'vue';
+import { ParagraphProps } from '@aplus-frontend/antdv/es/typography/Paragraph';
 /** 处理文本类型 */
-export declare function text(opt: FormatOptions): any;
+export declare function text({ value }: FormatOptions, extraProps?: Omit<ParagraphProps, 'content'>): any;
 interface ArrayExtraProps {
     /** 默认值空格链接 */
     joinSymbol?: string;

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

@@ -1,127 +1,143 @@
-import { createVNode as l } from "vue";
+import { createVNode as p } from "vue";
 import { getTimeFormatToZone as g } from "@aplus-frontend/utils";
-import { merge as p, get as f, debounce as Y } from "lodash-unified";
-import { formatString as h } from "./utils.mjs";
-import { toDecimalMark as A } from "@fruits-chain/utils";
-function b(t) {
-  return t.value;
+import { isBoolean as h, merge as f, get as l, debounce as Y } from "lodash-unified";
+import { formatString as A } from "./utils.mjs";
+import { toDecimalMark as b } from "@fruits-chain/utils";
+import { TypographyParagraph as M } from "@aplus-frontend/antdv";
+function S({
+  value: t
+}, n) {
+  if (!n)
+    return t;
+  const r = {
+    ...n,
+    content: t,
+    ellipsis: n.ellipsis ? h(n.ellipsis) ? {
+      tooltip: t,
+      rows: 1
+    } : {
+      ...n.ellipsis,
+      tooltip: t
+    } : !1
+  };
+  return p(M, r, null);
 }
-function M({
+function D({
   value: t
-}, r) {
-  var n;
+}, n) {
+  var o;
   const {
-    joinSymbol: e
-  } = p({
+    joinSymbol: r
+  } = f({
     joinSymbol: " "
-  }, r);
-  return (n = t == null ? void 0 : t.join) == null ? void 0 : n.call(t, e);
+  }, n);
+  return (o = t == null ? void 0 : t.join) == null ? void 0 : o.call(t, r);
 }
 function u({
   value: t
-}, r) {
+}, n) {
   const {
-    zoneAlias: e,
-    format: n
-  } = p({
+    zoneAlias: r,
+    format: o
+  } = f({
     zoneAlias: "LA",
     format: "YYYY-MM-DD HH:mm:ss"
-  }, r);
-  return g(t, e, n);
+  }, n);
+  return g(t, r, o);
 }
 function y({
   value: t,
-  record: r
-}, e) {
+  record: n
+}, r) {
   const {
-    fieldList: n,
-    templateString: o = "{0}",
-    formatter: m
-  } = e, s = (n == null ? void 0 : n.map((a, c) => {
-    const i = f(r, a);
-    return m ? m(i, c) : i;
+    fieldList: o,
+    templateString: e = "{0}",
+    formatter: i
+  } = r, s = (o == null ? void 0 : o.map((m, c) => {
+    const a = l(n, m);
+    return i ? i(a, c) : a;
   })) || [];
-  return s.length === 0 && s.push(t), h(o, s);
+  return s.length === 0 && s.push(t), A(e, s);
 }
-function S({
+function j({
   value: t,
-  record: r
-}, e) {
+  record: n
+}, r) {
   const {
-    fieldList: n,
-    format: o = "YYYY-MM-DD HH:mm:ss",
-    joinSymbol: m = "~",
+    fieldList: o,
+    format: e = "YYYY-MM-DD HH:mm:ss",
+    joinSymbol: i = "~",
     zoneAlias: s = "LA"
-  } = e, a = Array.isArray(o) ? o : [o, o];
+  } = r, m = Array.isArray(e) ? e : [e, e];
   return y({
     value: t,
-    record: r
+    record: n
   }, {
-    fieldList: n,
-    templateString: `{0} ${m} {1}`,
-    formatter(c, i) {
+    fieldList: o,
+    templateString: `{0} ${i} {1}`,
+    formatter(c, a) {
       return u({
         value: c,
-        record: r
+        record: n
       }, {
-        format: a[i],
+        format: m[a],
         zoneAlias: s
       });
     }
   });
 }
-function D({
+function k({
   record: t
-}, r) {
+}, n) {
   const {
-    urlPath: e = "url",
-    namePath: n = "name",
-    style: o,
-    downloadFile: m,
+    urlPath: r = "url",
+    namePath: o = "name",
+    style: e,
+    downloadFile: i,
     className: s
-  } = r, a = f(t, n), c = f(t, e), i = Y(() => {
-    m == null || m(c, a);
+  } = n, m = l(t, o), c = l(t, r), a = Y(() => {
+    i == null || i(c, m);
   }, 500);
-  return l("span", {
-    style: o,
+  return p("span", {
+    style: e,
     class: [s, "ap-descriptions-item-content__link "],
-    onClick: i
-  }, [a]);
+    onClick: a
+  }, [m]);
 }
-function j({
+function H({
   value: t
-}, r) {
+}, n) {
   const {
-    style: e = {},
-    precision: n
-  } = r;
-  let o = "";
+    style: r = {},
+    precision: o
+  } = n;
+  let e = "";
   try {
-    o = A(t, n);
+    e = b(t, o);
   } catch {
-    o = t;
+    e = t;
   }
-  return l("span", {
-    style: e,
+  return p("span", {
+    style: r,
     class: "ap-descriptions-item-content__number"
-  }, [o]);
+  }, [e]);
 }
-const L = {
-  text: b,
-  array: M,
+const N = {
+  text: S,
+  array: D,
   date: u,
-  dateRange: S,
+  dateRange: j,
   template: y,
-  number: j,
-  attachment: D
+  number: H,
+  attachment: k
 };
 export {
-  M as array,
-  D as attachment,
+  D as array,
+  k as attachment,
   u as date,
-  S as dateRange,
-  L as formatterMap,
-  j as number,
+  j as dateRange,
+  N as formatterMap,
+  H as number,
   y as template,
-  b as text
+  S as text
 };

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

@@ -1,13 +1,12 @@
-import { FormatOptions, FormatterValueType, TransformOptionType } from './interface';
+import { DescriptionsItemSchema, FormatOptions, TransformOptionType } from './interface';
 import { VNode, VNodeChild, StyleValue } from 'vue';
 import { AttachmentExtraProps } from './formatter';
 export declare function transformValue(data: FormatOptions, opt: TransformOptionType): VNodeChild | VNode;
 /**
  * 根据type判断是否为空
- * @param value 值
- * @param type 类型
+ * @param schema 描述
  */
-export declare function isEmptyWithType(value: unknown, type: FormatterValueType): boolean;
+export declare function isEmptyWithType(value: unknown, schema: DescriptionsItemSchema): boolean;
 /**
  * 混入附件类型额外属性
  * @param target 原配置

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

@@ -1,11 +1,13 @@
 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 i(r, e) {
+  const n = f[e.valueType];
+  return n ? n(r, e.extraProps || {}) : r.value;
 }
-function a(r, n) {
-  switch (n) {
+function l(r, e) {
+  if (e.isShowEmptyPlaceholder === !1)
+    return !1;
+  switch (e.valueType) {
     case "text":
     case "number":
     case "dateRange":
@@ -18,17 +20,17 @@ function a(r, n) {
       return !r;
   }
 }
-function c(r = {}, n) {
-  return n.fromGlobal ? {
+function m(r = {}, e) {
+  return e.fromGlobal ? {
     ...r,
-    downloadFile: n.fromGlobal
-  } : !(r != null && r.downloadFile) && n.fromConfig ? {
+    downloadFile: e.fromGlobal
+  } : !(r != null && r.downloadFile) && e.fromConfig ? {
     ...r,
-    downloadFile: n.fromConfig
+    downloadFile: e.fromConfig
   } : r;
 }
 export {
-  a as isEmptyWithType,
-  c as mixinsAttachmentExtraProps,
-  m as transformValue
+  l as isEmptyWithType,
+  m as mixinsAttachmentExtraProps,
+  i as transformValue
 };

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

@@ -24,6 +24,12 @@ export interface ItemSchema<T extends Recordable = Recordable> {
     customRender?: (record?: T) => VNodeChild | VNode;
     contentSlotName?: string;
     helpMessage?: any;
+    visible?: boolean | ((config: {
+        record: T;
+        schema: DescriptionsItemSchema;
+    }) => boolean);
+    isShowEmptyPlaceholder?: boolean;
+    format?: (text: string, record: T) => string | number;
 }
 /** 空的类型描述类型 */
 export type EmptyItemSchema = {

package/es/src/ap-grid/utils/col.mjs

@@ -1,19 +1,19 @@
-import { createVNode as F, Fragment as w } from "vue";
-import { isUndefined as M, isArray as S, isString as v, isBoolean as A, isNumber as B, pick as R } from "lodash-unified";
-import { valueEnumToArray as N, getTableTitle as c, getTableRenderType as W, getTableRenderProps as _, getTableCellRenderNode as j } from "../../ap-table/utils.mjs";
+import { createVNode as v, Fragment as S } from "vue";
+import { isUndefined as $, isArray as M, isString as x, isBoolean as c, isNumber as V, pick as A } from "lodash-unified";
+import { valueEnumToArray as j, objectToString as B, getTableTitle as R, getTableRenderType as N, getTableRenderProps as W, getTableCellRenderNode as _ } from "../../ap-table/utils.mjs";
 import { noRenderAsFormItemValueList as k } from "../../ap-table/constants.mjs";
 import "../../ap-table/components/paragraph-ellipsis/index.vue.mjs";
 import z from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
-function E(e) {
-  if (!M(e))
-    return S(e) ? e.reduce((r, t) => v(t) ? `${r}.${t}` : `${r}[${t}]`, "") : String(e);
+function b(e) {
+  if (!$(e))
+    return M(e) ? e.reduce((r, t) => x(t) ? `${r}.${t}` : `${r}[${t}]`, "") : String(e);
 }
-function O(e) {
+function w(e) {
   if (e)
     return e === !0 ? "left" : e;
 }
 function G(e) {
-  return A(e) ? {
+  return c(e) ? {
     sortable: e
   } : e ? {
     sortable: !0,
@@ -25,8 +25,8 @@ function G(e) {
 }
 function I(e) {
   let r;
-  return A(e.filters) && e.valueEnum ? r = N(e.valueEnum) : r = e.filters, r == null ? void 0 : r.map((t) => ({
-    label: v(t.text) ? t.text : "",
+  return c(e.filters) && e.valueEnum ? r = j(e.valueEnum) : r = e.filters, r == null ? void 0 : r.map((t) => ({
+    label: x(t.text) ? t.text : "",
     value: t.value
   }));
 }
@@ -35,7 +35,7 @@ function L(e) {
     return (r) => e(r.value, r.row);
 }
 function U(e, r) {
-  return e ? B(e) ? {
+  return e ? V(e) ? {
     tooltip: r,
     rows: e
   } : e === !0 || e === "tooltip" ? {
@@ -47,12 +47,13 @@ function U(e, r) {
     htmlTitle: e === "title" ? r : ""
   } : !1;
 }
-function V(e, r, t) {
+function q(e, r, t) {
   if (k.includes(e.valueType))
     return t;
   if (e.copyable || e.ellipsis) {
-    const n = U(e.ellipsis, r);
-    return F(z, {
+    const n = U(e.ellipsis, r), i = B(r);
+    return v(z, {
+      rawValue: i,
       copyable: e.copyable,
       ellipsis: n,
       content: t
@@ -61,33 +62,33 @@ function V(e, r, t) {
   return t;
 }
 function y(e, r, t) {
-  const n = R(e, ["width", "minWidth", "align"]);
-  return n.field = E(e.dataIndex), n.fixed = O(e.fixed), n.slots = {
-    header: () => c(e, t, void 0, r)
+  const n = A(e, ["width", "minWidth", "align"]);
+  return n.field = b(e.dataIndex), n.fixed = w(e.fixed), n.slots = {
+    header: () => R(e, t, void 0, r)
   }, n.headerAlign = e.align, n.showOverflow = !1, n.showFooterOverflow = !1, n;
 }
-function x(e, r, t, n) {
-  const i = R(e, ["width", "minWidth", "align", "resizable"]);
-  i.field = E(e.dataIndex), i.fixed = O(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, G(e.sorter)), i.filters = I(e), i.filterMultiple = e.filterMultiple, i.filterMethod = L(e.onFilter);
+function F(e, r, t, n) {
+  const i = A(e, ["width", "minWidth", "align", "resizable"]);
+  i.field = b(e.dataIndex), i.fixed = w(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, G(e.sorter)), i.filters = I(e), i.filterMultiple = e.filterMultiple, i.filterMethod = L(e.onFilter);
   const a = ({
     value: d,
     ...l
   }) => {
     var T, o;
-    const f = W(e), u = _({
+    const f = N(e), u = W({
       ...e,
       valueType: f
     }, {
       value: d,
       ...l
-    }), b = j(f, u, l.record, n), h = ((T = e.renderText) == null ? void 0 : T.call(e, {
+    }), E = _(f, u, l.record, n), h = ((T = e.renderText) == null ? void 0 : T.call(e, {
       value: d,
       ...l
-    })) || d, $ = e.renderText ? F(w, null, [(o = e.renderText) == null ? void 0 : o.call(e, {
+    })) || d, O = e.renderText ? v(S, null, [(o = e.renderText) == null ? void 0 : o.call(e, {
       value: d,
       ...l
-    })]) : b;
-    let p = V(e, h, $);
+    })]) : E;
+    let p = q(e, h, O);
     return e.customRender && (p = e.customRender({
       value: d,
       ...l,
@@ -107,15 +108,15 @@ function x(e, r, t, n) {
     column: e
   });
   return i.slots = {
-    header: () => c(e, t, void 0, r),
+    header: () => R(e, t, void 0, r),
     default: s,
     footer: s
   }, i;
 }
-function X(e, r, t, n) {
+function Y(e, r, t, n) {
   var s;
   if (!((s = e.children) != null && s.length))
-    return x(e, r, t, n);
+    return F(e, r, t, n);
   function i(d) {
     return d.map((l) => {
       var f;
@@ -123,14 +124,14 @@ function X(e, r, t, n) {
         const u = y(l, r, t);
         return u.children = i(l.children), u;
       }
-      return x(l, r, t, n);
+      return F(l, r, t, n);
     });
   }
   const a = y(e, r, t);
   return a.children = i(e.children), a;
 }
 export {
-  X as transformCol,
+  Y as transformCol,
   y as transformToColGroup,
-  x as transformToColumn
+  F as transformToColumn
 };