@aplus-frontend/ui 0.5.12 → 0.5.13

package/es/index.mjs

@@ -117,12 +117,14 @@ import { default as Ut } from "./src/resize-observer/index.vue.mjs";
 import { default as Vt } from "./src/ap-grid/index.vue.mjs";
 import { default as _t } from "./src/ap-grid/editable/index.vue.mjs";
 import { default as $t } from "./src/ap-grid/editable/form-item.vue.mjs";
-import { useMessage as qt } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as Qt } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as Yt } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as ep } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as rp } from "./src/hooks/useFullScreen.mjs";
-import { useResize as pp } from "./src/hooks/useResize.mjs";
+import { default as qt } from "./src/text/index.vue.mjs";
+import { default as Qt } from "./src/text/group.vue.mjs";
+import { useMessage as Yt } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as ep } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as rp } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as pp } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as fp } from "./src/hooks/useFullScreen.mjs";
+import { useResize as lp } from "./src/hooks/useResize.mjs";
 const a = {
   install: (r) => {
     for (const t in o) {
@@ -213,6 +215,8 @@ export {
   Zo as ApTableModal,
   So as ApTag,
   go as ApTagGroup,
+  qt as ApText,
+  Qt as ApTextGroup,
   zr as ApTitle,
   Xo as ApTransformDataHelper,
   Ro as ApUpload,
@@ -261,20 +265,20 @@ export {
   l as pathMap,
   F as provideGlobalConfig,
   g as translate,
-  Qt as useControllableValue,
-  rp as useFullScreen,
+  ep as useControllableValue,
+  fp as useFullScreen,
   E as useGetDerivedNamespace,
   I as useGlobalConfig,
   D as useLocale,
-  Yt as useManualRef,
-  qt as useMessage,
+  rp as useManualRef,
+  Yt as useMessage,
   R as useNamespace,
   jr as usePageListApGrid,
   Wr as usePageListApTable,
-  pp as useResize,
+  lp as useResize,
   or as useTableModal,
   It as useTablePaging,
   Hr as useTableRefresh,
   tr as useTableSelectModal,
-  ep as useThrottleRef
+  pp as useThrottleRef
 };

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

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

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

@@ -1,13 +1,13 @@
-import { createVNode as p } from "vue";
+import { createVNode as f } from "vue";
 import { getTimeFormatToZone as g } from "@aplus-frontend/utils";
-import { isBoolean as h, merge as f, get as l, debounce as Y } from "lodash-unified";
+import { isBoolean as h, merge as p, 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)
+  if (!(n != null && n.ellipsis))
     return t;
   const r = {
     ...n,
@@ -20,7 +20,7 @@ function S({
       tooltip: t
     } : !1
   };
-  return p(M, r, null);
+  return f(M, r, null);
 }
 function D({
   value: t
@@ -28,7 +28,7 @@ function D({
   var o;
   const {
     joinSymbol: r
-  } = f({
+  } = p({
     joinSymbol: " "
   }, n);
   return (o = t == null ? void 0 : t.join) == null ? void 0 : o.call(t, r);
@@ -39,7 +39,7 @@ function u({
   const {
     zoneAlias: r,
     format: o
-  } = f({
+  } = p({
     zoneAlias: "LA",
     format: "YYYY-MM-DD HH:mm:ss"
   }, n);
@@ -51,13 +51,13 @@ function y({
 }, r) {
   const {
     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;
+    templateString: i = "{0}",
+    formatter: e
+  } = r, s = (o == null ? void 0 : o.map((m, a) => {
+    const c = l(n, m);
+    return e ? e(c, a) : c;
   })) || [];
-  return s.length === 0 && s.push(t), A(e, s);
+  return s.length === 0 && s.push(t), A(i, s);
 }
 function j({
   value: t,
@@ -65,22 +65,22 @@ function j({
 }, r) {
   const {
     fieldList: o,
-    format: e = "YYYY-MM-DD HH:mm:ss",
-    joinSymbol: i = "~",
+    format: i = "YYYY-MM-DD HH:mm:ss",
+    joinSymbol: e = "~",
     zoneAlias: s = "LA"
-  } = r, m = Array.isArray(e) ? e : [e, e];
+  } = r, m = Array.isArray(i) ? i : [i, i];
   return y({
     value: t,
     record: n
   }, {
     fieldList: o,
-    templateString: `{0} ${i} {1}`,
-    formatter(c, a) {
+    templateString: `{0} ${e} {1}`,
+    formatter(a, c) {
       return u({
-        value: c,
+        value: a,
         record: n
       }, {
-        format: m[a],
+        format: m[c],
         zoneAlias: s
       });
     }
@@ -92,16 +92,16 @@ function k({
   const {
     urlPath: r = "url",
     namePath: o = "name",
-    style: e,
-    downloadFile: i,
+    style: i,
+    downloadFile: e,
     className: s
-  } = n, m = l(t, o), c = l(t, r), a = Y(() => {
-    i == null || i(c, m);
+  } = n, m = l(t, o), a = l(t, r), c = Y(() => {
+    e == null || e(a, m);
   }, 500);
-  return p("span", {
-    style: e,
+  return f("span", {
+    style: i,
     class: [s, "ap-descriptions-item-content__link "],
-    onClick: a
+    onClick: c
   }, [m]);
 }
 function H({
@@ -111,16 +111,16 @@ function H({
     style: r = {},
     precision: o
   } = n;
-  let e = "";
+  let i = "";
   try {
-    e = b(t, o);
+    i = b(t, o);
   } catch {
-    e = t;
+    i = t;
   }
-  return p("span", {
+  return f("span", {
     style: r,
     class: "ap-descriptions-item-content__number"
-  }, [e]);
+  }, [i]);
 }
 const N = {
   text: S,

package/es/src/business/ap-ladder/ApLadder.vue.d.ts

@@ -19,6 +19,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApLadderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApLadderProps> & Readonly<{}>, {
     layout: "vertical" | "horizontal";
     tooltip: boolean;
+    major: string;
+    minor: string;
     labelAlign: "left" | "right";
     tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
         title: VueTypeValidableDef<any>;
@@ -95,8 +97,6 @@ declare const __VLS_component: DefineComponent<ApLadderProps, {}, {}, {}, {}, Co
             default: boolean;
         };
     }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "trigger" | "getPopupContainer" | "align" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide">>;
-    major: string;
-    minor: string;
     majorColor: string;
     majorStyles: string | false | CSSProperties | StyleValue[] | null;
     minorColor: string;

package/es/src/business/ap-ladder/index.d.ts

@@ -11,6 +11,8 @@ declare const ApLadder: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         layout: "vertical" | "horizontal";
         tooltip: boolean;
+        major: string;
+        minor: string;
         labelAlign: "left" | "right";
         tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
             title: VueTypeValidableDef<any>;
@@ -87,8 +89,6 @@ declare const ApLadder: {
                 default: boolean;
             };
         }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "trigger" | "getPopupContainer" | "align" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide">>;
-        major: string;
-        minor: string;
         majorColor: string;
         majorStyles: string | false | CSSProperties | StyleValue[] | null;
         minorColor: string;
@@ -113,6 +113,8 @@ declare const ApLadder: {
     }, Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, {
         layout: "vertical" | "horizontal";
         tooltip: boolean;
+        major: string;
+        minor: string;
         labelAlign: "left" | "right";
         tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
             title: VueTypeValidableDef<any>;
@@ -189,8 +191,6 @@ declare const ApLadder: {
                 default: boolean;
             };
         }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "trigger" | "getPopupContainer" | "align" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide">>;
-        major: string;
-        minor: string;
         majorColor: string;
         majorStyles: string | false | CSSProperties | StyleValue[] | null;
         minorColor: string;
@@ -209,6 +209,8 @@ declare const ApLadder: {
 } & ComponentOptionsBase<Readonly< ApLadderProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     layout: "vertical" | "horizontal";
     tooltip: boolean;
+    major: string;
+    minor: string;
     labelAlign: "left" | "right";
     tooltipProps: Partial<Pick<Partial< ExtractPropTypes<{
         title: VueTypeValidableDef<any>;
@@ -285,8 +287,6 @@ declare const ApLadder: {
             default: boolean;
         };
     }>>, "title" | "placement" | "color" | "mouseEnterDelay" | "trigger" | "getPopupContainer" | "align" | "overlayStyle" | "overlayInnerStyle" | "overlayClassName" | "mouseLeaveDelay" | "arrowPointAtCenter" | "arrow" | "autoAdjustOverflow" | "destroyTooltipOnHide">>;
-    major: string;
-    minor: string;
     majorColor: string;
     majorStyles: string | false | CSSProperties | StyleValue[] | null;
     minorColor: string;

package/es/src/config-provider/config-provider.d.ts

@@ -458,6 +458,17 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
                 'color-disabled': string;
             };
         };
+        'ap-text': {
+            label: {
+                color: string;
+            };
+            content: {
+                color: {
+                    major: string;
+                    minor: string;
+                };
+            };
+        };
     }>;
     exportField: ExportField;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/es/src/config-provider/css-var.d.ts

@@ -101,6 +101,17 @@ declare const aplusCssVarObj: {
             'color-disabled': string;
         };
     };
+    'ap-text': {
+        label: {
+            color: string;
+        };
+        content: {
+            color: {
+                major: string;
+                minor: string;
+            };
+        };
+    };
 };
 export type CssVarType = RecursivePartial<typeof aplusCssVarObj>;
 export declare function generateCssVar(cssVarRawObj: CssVarType): Record<string, any>;

package/es/src/config-provider/css-var.mjs

@@ -1,4 +1,4 @@
-const F = {
+const b = {
   "ap-form": {
     bordered: {
       "border-color": {
@@ -99,8 +99,19 @@ const F = {
       color: "#526a90",
       "color-disabled": "rgba(24, 41, 72, 0.25)"
     }
+  },
+  "ap-text": {
+    label: {
+      color: "#8896b0"
+    },
+    content: {
+      color: {
+        major: "#182948",
+        minor: "#8896B0"
+      }
+    }
   }
-}, b = {
+}, F = {
   "ap-form": {
     bordered: {
       "border-color": {
@@ -201,28 +212,39 @@ const F = {
       color: "#999999",
       "color-disabled": "rgba(0, 0, 0, 0.25)"
     }
+  },
+  "ap-text": {
+    label: {
+      color: "#999999"
+    },
+    content: {
+      color: {
+        major: "#333333",
+        minor: "#999999"
+      }
+    }
   }
 };
-function i(t) {
+function l(e) {
   const o = {};
-  function r(a, l) {
+  function r(a, i) {
     const s = Object.keys(a);
     for (const c of s) {
-      const e = a[c], n = [...l, c];
-      e !== null && typeof e == "object" ? r(e, n) : o[`--${n.join("-")}`] = e;
+      const t = a[c], n = [...i, c];
+      t !== null && typeof t == "object" ? r(t, n) : o[`--${n.join("-")}`] = t;
     }
   }
-  return r(t, []), o;
+  return r(e, []), o;
 }
-const d = i(F), p = i(b);
-function u(t) {
-  Object.entries(t).forEach(([o, r]) => {
+const p = l(b), d = l(F);
+function u(e) {
+  Object.entries(e).forEach(([o, r]) => {
     document.documentElement.style.setProperty(o, r);
   });
 }
 export {
-  p as adminCssVar,
-  d as aplusCssVar,
-  i as generateCssVar,
+  d as adminCssVar,
+  p as aplusCssVar,
+  l as generateCssVar,
   u as setCSSVariables
 };

package/es/src/config-provider/index.d.ts

@@ -263,6 +263,17 @@ export declare const APConfigProvider: {
                         'color-disabled': string;
                     };
                 };
+                'ap-text': {
+                    label: {
+                        color: string;
+                    };
+                    content: {
+                        color: {
+                            major: string;
+                            minor: string;
+                        };
+                    };
+                };
             }>>;
             default: () => {};
         };
@@ -412,6 +423,17 @@ export declare const APConfigProvider: {
                     'color-disabled': string;
                 };
             };
+            'ap-text': {
+                label: {
+                    color: string;
+                };
+                content: {
+                    color: {
+                        major: string;
+                        minor: string;
+                    };
+                };
+            };
         }>;
         exportField: ExportField;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -666,6 +688,17 @@ export declare const APConfigProvider: {
                         'color-disabled': string;
                     };
                 };
+                'ap-text': {
+                    label: {
+                        color: string;
+                    };
+                    content: {
+                        color: {
+                            major: string;
+                            minor: string;
+                        };
+                    };
+                };
             }>>;
             default: () => {};
         };
@@ -815,6 +848,17 @@ export declare const APConfigProvider: {
                     'color-disabled': string;
                 };
             };
+            'ap-text': {
+                label: {
+                    color: string;
+                };
+                content: {
+                    color: {
+                        major: string;
+                        minor: string;
+                    };
+                };
+            };
         }>;
         exportField: ExportField;
     }>;
@@ -1113,6 +1157,17 @@ export declare const APConfigProvider: {
                 'color-disabled': string;
             };
         };
+        'ap-text': {
+            label: {
+                color: string;
+            };
+            content: {
+                color: {
+                    major: string;
+                    minor: string;
+                };
+            };
+        };
     }>;
     exportField: ExportField;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {

package/es/src/index.d.ts

@@ -23,3 +23,4 @@ export * from './portal';
 export * from './full-screen';
 export * from './resize-observer';
 export * from './ap-grid';
+export * from './text';