@aplus-frontend/ui 7.11.2 → 7.11.3

package/es/src/splitter/Splitter.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as G, unref as a, computed as _, createBlock as y, openBlock as r, withCtx as g, createElementVNode as J, normalizeClass as h, normalizeStyle as K, createElementBlock as p, createCommentVNode as b, Fragment as d, renderList as k, createVNode as Q, mergeProps as T, resolveDynamicComponent as X } from "vue";
+import { defineComponent as q, ref as G, unref as o, computed as v, createBlock as d, openBlock as r, withCtx as C, createElementVNode as J, normalizeClass as R, normalizeStyle as K, createElementBlock as f, createCommentVNode as I, Fragment as b, renderList as E, createVNode as Q, mergeProps as T, resolveDynamicComponent as X } from "vue";
 import { omit as Y } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../resize-observer/index.mjs";
@@ -8,12 +8,12 @@ import { useResize as ee } from "./hooks/useResize.mjs";
 import { useSizes as te } from "./hooks/useSizes.mjs";
 import "./Panel.vue.mjs";
 import "./SplitBar.vue.mjs";
-import ae from "./style/index.mjs";
-import { useNamespace as se } from "../config-provider/hooks/use-namespace.mjs";
-import oe from "../resize-observer/index.vue.mjs";
+import oe from "./style/index.mjs";
+import { useNamespace as ae } from "../config-provider/hooks/use-namespace.mjs";
+import se from "../resize-observer/index.vue.mjs";
 import ne from "./Panel.vue2.mjs";
-import re from "./SplitBar.vue2.mjs";
-const ge = /* @__PURE__ */ q({
+import le from "./SplitBar.vue2.mjs";
+const Ce = /* @__PURE__ */ q({
   name: "Splitter",
   __name: "Splitter",
   props: {
@@ -25,85 +25,91 @@ const ge = /* @__PURE__ */ q({
     onResizeStart: {},
     onResize: {},
     onResizeEnd: {},
-    lazy: { type: Boolean }
+    lazy: { type: Boolean },
+    draggerIcon: {},
+    collapsibleIcon: {}
   },
-  setup(E) {
-    const n = E, { b: c } = se("splitter"), I = ae("splitter"), i = Z(), l = G(), N = (e) => {
-      const { offsetWidth: o, offsetHeight: s } = e.target, t = n.layout === "vertical" ? s : o;
-      l.value !== 0 && (l.value = t);
+  setup(_) {
+    const n = _, { b: m } = ae("splitter"), k = oe("splitter"), i = Z(), c = G(), w = (e) => {
+      const { offsetWidth: s, offsetHeight: a } = e.target, t = n.layout === "vertical" ? a : s;
+      c.value !== 0 && (c.value = t);
     }, [
-      O,
+      N,
       u,
-      v,
+      g,
+      O,
       P,
-      M,
-      B
-    ] = te(i, l), m = x(i, u, !1), [U, $, w, V, C] = ee(
+      M
+    ] = te(i, c), l = x(i, u, !1), [B, U, $, V, y] = ee(
       i,
-      m,
-      v,
       l,
-      B,
+      g,
+      c,
+      M,
       !1
     ), A = (e) => {
-      U(e), n.onResizeStart?.(a(u));
-    }, D = (e, o) => {
-      const s = $(e, o);
-      n.onResize?.(s);
+      B(e), n.onResizeStart?.(o(u));
+    }, D = (e, s) => {
+      const a = U(e, s);
+      n.onResize?.(a);
     }, F = () => {
-      w(), n.onResizeEnd?.(a(u));
-    }, H = (e, o) => {
-      const s = V(e, o);
-      n.onResize?.(s), n.onResizeEnd?.(s);
-    }, L = _(() => [c(), n.className, c(n.layout), I.value]), R = _(() => {
+      $(), n.onResizeEnd?.(o(u));
+    }, H = (e, s) => {
+      const a = V(e, s);
+      n.onResize?.(a), n.onResizeEnd?.(a);
+    }, L = v(() => [m(), n.className, m(n.layout), k.value]), h = v(() => {
       const e = [];
-      let o = 0;
-      for (let s = 0; s < i.value.length; s += 1)
-        o += a(v)[s], e.push(o);
+      let s = 0;
+      for (let a = 0; a < i.value.length; a += 1)
+        s += o(g)[a], e.push(s);
       return e;
-    }), f = (e) => {
-      const o = a(R), s = a(P), t = a(M);
+    }), p = (e) => {
+      const s = o(h), a = o(O), t = o(P);
       return {
-        minStart: (o[e - 1] || 0) + s[e],
-        minEnd: (o[e + 1] || 100) - t[e + 1],
-        maxStart: (o[e - 1] || 0) + t[e],
-        maxEnd: (o[e + 1] || 100) - s[e + 1]
+        minStart: (s[e - 1] || 0) + a[e],
+        minEnd: (s[e + 1] || 100) - t[e + 1],
+        maxStart: (s[e - 1] || 0) + t[e],
+        maxEnd: (s[e + 1] || 100) - a[e + 1]
       };
     };
-    return (e, o) => (r(), y(a(oe), { onResize: N }, {
-      default: g(() => [
+    return (e, s) => (r(), d(o(se), { onResize: w }, {
+      default: C(() => [
         J("div", {
           style: K(e.style),
-          class: h(L.value)
+          class: R(L.value)
         }, [
-          (r(!0), p(d, null, k(a(i), (s, t) => (r(), p(d, { key: t }, [
-            Q(ne, T({ ref_for: !0 }, a(Y)(s, "_child"), {
-              size: a(O)[t]
+          (r(!0), f(b, null, E(o(i), (a, t) => (r(), f(b, { key: t }, [
+            Q(ne, T({ ref_for: !0 }, o(Y)(a, "_child"), {
+              size: o(N)[t]
             }), {
-              default: g(() => [
-                (r(!0), p(d, null, k(s._child, (z, S) => (r(), y(X(z), { key: S }))), 128))
+              default: C(() => [
+                (r(!0), f(b, null, E(a._child, (z, S) => (r(), d(X(z), { key: S }))), 128))
               ]),
               _: 2
             }, 1040, ["size"]),
-            a(m)[t] ? (r(), y(re, {
+            o(l)[t] ? (r(), d(le, {
               key: 0,
               lazy: e.lazy,
               index: t,
-              active: a(C) === t,
+              active: o(y) === t,
               vertical: e.layout === "vertical",
-              resizable: a(m)[t].resizable,
-              "aria-now": R.value[t] * 100,
+              resizable: o(l)[t].resizable,
+              "aria-now": h.value[t] * 100,
               "aria-min": Math.max(
-                f(t).minStart,
-                f(t).minEnd
+                p(t).minStart,
+                p(t).minEnd
               ) * 100,
               "aria-max": Math.min(
-                f(t).maxStart,
-                f(t).maxEnd
+                p(t).maxStart,
+                p(t).maxEnd
               ) * 100,
-              "start-collapsible": a(m)[t].startCollapsible,
-              "end-collapsible": a(m)[t].endCollapsible,
-              "container-size": l.value || 0,
+              "start-collapsible": o(l)[t].startCollapsible,
+              "end-collapsible": o(l)[t].endCollapsible,
+              "show-start-collapsible-icon": o(l)[t].showStartCollapsibleIcon,
+              "show-end-collapsible-icon": o(l)[t].showEndCollapsibleIcon,
+              "container-size": c.value || 0,
+              "dragger-icon": e.draggerIcon,
+              "collapsible-icon": e.collapsibleIcon,
               onOffsetStart: A,
               onOffsetUpdate: (z, S, W) => {
                 let j = e.layout === "vertical" ? W : S;
@@ -111,13 +117,13 @@ const ge = /* @__PURE__ */ q({
               },
               onOffsetEnd: F,
               onCollapse: H
-            }, null, 8, ["lazy", "index", "active", "vertical", "resizable", "aria-now", "aria-min", "aria-max", "start-collapsible", "end-collapsible", "container-size", "onOffsetUpdate"])) : b("", !0)
+            }, null, 8, ["lazy", "index", "active", "vertical", "resizable", "aria-now", "aria-min", "aria-max", "start-collapsible", "end-collapsible", "show-start-collapsible-icon", "show-end-collapsible-icon", "container-size", "dragger-icon", "collapsible-icon", "onOffsetUpdate"])) : I("", !0)
           ], 64))), 128)),
-          typeof a(C) == "number" ? (r(), p("div", {
+          typeof o(y) == "number" ? (r(), f("div", {
             key: 0,
             "aria-hidden": "",
-            class: h([a(c)("mask"), a(c)(`mask-${e.layout}`)])
-          }, null, 2)) : b("", !0)
+            class: R([o(m)("mask"), o(m)(`mask-${e.layout}`)])
+          }, null, 2)) : I("", !0)
         ], 6)
       ]),
       _: 1
@@ -125,5 +131,5 @@ const ge = /* @__PURE__ */ q({
   }
 });
 export {
-  ge as default
+  Ce as default
 };

package/es/src/splitter/hooks/useItems.d.ts

@@ -4,6 +4,7 @@ export type ItemType = Omit<PanelProps, 'collapsible'> & {
     collapsible: {
         start?: boolean;
         end?: boolean;
+        showCollapsibleIcon: 'auto' | boolean;
     };
     _child: VNode[];
 };

package/es/src/splitter/hooks/useItems.mjs

@@ -1,25 +1,29 @@
-import { useSlots as o, computed as s } from "vue";
-import { genRealChildren as u } from "../../ap-form/item-group/helper.mjs";
-function d(t) {
-  if (t && typeof t == "object")
-    return t;
-  const e = !!t || t === "";
+import { useSlots as n, computed as s } from "vue";
+import { genRealChildren as l } from "../../ap-form/item-group/helper.mjs";
+function u(o) {
+  if (o && typeof o == "object")
+    return {
+      ...o,
+      showCollapsibleIcon: o.showCollapsibleIcon === void 0 ? "auto" : o.showCollapsibleIcon
+    };
+  const t = !!o || o === "";
   return {
-    start: e,
-    end: e
+    start: t,
+    end: t,
+    showCollapsibleIcon: "auto"
   };
 }
-const f = () => {
-  const t = o();
-  return s(() => t.default ? u(t.default()).map((r) => {
-    const { props: n } = r;
+const d = () => {
+  const o = n();
+  return s(() => o.default ? l(o.default()).map((e) => {
+    const { props: r } = e;
     return {
-      ...n,
-      collapsible: d(n?.collapsible),
-      _child: r.children.default?.()
+      ...r,
+      collapsible: u(r?.collapsible),
+      _child: e.children.default?.()
     };
   }) : []);
 };
 export {
-  f as useItems
+  d as useItems
 };

package/es/src/splitter/hooks/useResizable.d.ts

@@ -1,8 +1,11 @@
 import { Ref, ComputedRef } from 'vue';
+import { ShowCollapsibleIconMode } from '../interface';
 import { ItemType } from './useItems';
 export type ResizableInfo = {
     resizable: boolean;
     startCollapsible: boolean;
     endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
 };
 export declare const useResizable: (items: Ref<ItemType[]>, pxSizes: Ref<number[]>, isRTL: boolean) => ComputedRef<ResizableInfo[]>;

package/es/src/splitter/hooks/useResizable.mjs

@@ -1,37 +1,60 @@
-import { computed as R, unref as b } from "vue";
-const g = (z, m, n) => R(() => {
-  const o = [], l = b(z), i = b(m);
-  for (let e = 0; e < l.length - 1; e += 1) {
-    const u = l[e], x = l[e + 1], t = i[e], s = i[e + 1], {
-      resizable: d = !0,
-      min: C,
-      collapsible: r
-    } = u, {
-      resizable: v = !0,
-      min: f,
+import { computed as R, unref as u } from "vue";
+function w(l, o) {
+  return l.collapsible && o.collapsible ? l.showCollapsibleIcon === !0 || o.showCollapsibleIcon === !0 ? !0 : l.showCollapsibleIcon === "auto" || o.showCollapsibleIcon === "auto" ? "auto" : !1 : l.collapsible ? l.showCollapsibleIcon : o.collapsible ? o.showCollapsibleIcon : !1;
+}
+const k = (l, o, i) => R(() => {
+  const b = [], c = u(l), p = u(o);
+  for (let e = 0; e < c.length - 1; e += 1) {
+    const d = c[e], f = c[e + 1], s = p[e], n = p[e + 1], {
+      resizable: z = !0,
+      min: m,
+      collapsible: t
+    } = d, {
+      resizable: S = !0,
+      min: x,
       collapsible: a
-    } = x, I = (
+    } = f, E = (
       // Both need to be resizable
-      d && v && // Prev is not collapsed and limit min size
-      (t !== 0 || !C) && // Next is not collapsed and limit min size
-      (s !== 0 || !f)
-    ), p = (
+      z && S && // Prev is not collapsed and limit min size
+      (s !== 0 || !m) && // Next is not collapsed and limit min size
+      (n !== 0 || !x)
+    ), g = !!t.end && s > 0, v = !!a.start && n === 0 && s > 0, r = (
       // Self is collapsible
-      r.end && t > 0 || // Collapsed and can be collapsed
-      a.start && s === 0 && t > 0
-    ), c = (
+      t.end && s > 0 || // Collapsed and can be collapsed
+      a.start && n === 0 && s > 0
+    ), M = !!a.start && n > 0, _ = !!t.end && s === 0 && n > 0, C = (
       // Self is collapsible
-      a.start && s > 0 || // Collapsed and can be collapsed
-      r.end && t === 0 && s > 0
+      a.start && n > 0 || // Collapsed and can be collapsed
+      t.end && s === 0 && n > 0
+    ), I = w(
+      {
+        collapsible: g,
+        showCollapsibleIcon: t.showCollapsibleIcon
+      },
+      {
+        collapsible: v,
+        showCollapsibleIcon: a.showCollapsibleIcon
+      }
+    ), h = w(
+      {
+        collapsible: M,
+        showCollapsibleIcon: a.showCollapsibleIcon
+      },
+      {
+        collapsible: _,
+        showCollapsibleIcon: t.showCollapsibleIcon
+      }
     );
-    o[e] = {
-      resizable: I,
-      startCollapsible: !!(n ? c : p),
-      endCollapsible: !!(n ? p : c)
+    b[e] = {
+      resizable: E,
+      startCollapsible: !!(i ? C : r),
+      endCollapsible: !!(i ? r : C),
+      showStartCollapsibleIcon: i ? h : I,
+      showEndCollapsibleIcon: i ? I : h
     };
   }
-  return o;
+  return b;
 });
 export {
-  g as useResizable
+  k as useResizable
 };

package/es/src/splitter/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface SplitterProps {
     prefixCls?: string;
     className?: string;
@@ -9,6 +9,11 @@ export interface SplitterProps {
     onResize?: (sizes: number[]) => void;
     onResizeEnd?: (sizes: number[]) => void;
     lazy?: boolean;
+    draggerIcon?: VNode;
+    collapsibleIcon?: {
+        start?: VNode;
+        end?: VNode;
+    };
 }
 export interface PanelProps {
     className?: string;
@@ -19,6 +24,7 @@ export interface PanelProps {
     collapsible?: boolean | {
         start?: boolean;
         end?: boolean;
+        showCollapsibleIcon?: boolean | 'auto';
     };
     resizable?: boolean;
     defaultSize?: number | string;
@@ -51,6 +57,7 @@ export interface UseCollapsible {
     onFold: (type: 'previous' | 'next') => void;
     setOldBasics: () => void;
 }
+export type ShowCollapsibleIconMode = boolean | 'auto';
 export interface SplitBarProps {
     index: number;
     active: boolean;
@@ -67,4 +74,8 @@ export interface SplitBarProps {
     ariaMax?: number;
     lazy?: boolean;
     containerSize: number;
+    draggerIcon?: SplitterProps['draggerIcon'];
+    collapsibleIcon?: SplitterProps['collapsibleIcon'];
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
 }

package/es/src/splitter/style/index.mjs

@@ -1,10 +1,10 @@
-import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as s } from "../../utils/cssinjs/index.mjs";
 const i = () => ({
   position: "absolute",
   top: "50%",
   left: "50%",
   transform: "translate(-50%, -50%)"
-}), a = (r) => ({
+}), l = (r) => ({
   position: "absolute",
   zIndex: 1,
   display: "none",
@@ -12,8 +12,8 @@ const i = () => ({
   opacity: 0.2,
   transition: "none",
   pointerEvents: "none"
-}), s = (r) => {
-  const { componentCls: e, namespace: l } = r, t = `--${l}-splitter-bar-preview-offset`;
+}), n = (r) => {
+  const { componentCls: e, namespace: o } = r, t = `--${o}-splitter-bar-preview-offset`, a = `${e}-bar`;
   return {
     [e]: {
       boxSizing: "border-box",
@@ -60,6 +60,11 @@ const i = () => ({
               background: "#bae0ff"
             }
           },
+          [`&-active${a}-dragger-customize`]: {
+            [`${a}-dragger-icon`]: {
+              color: r.colorPrimary
+            }
+          },
           [`&-disabled${e}-bar-dragger`]: {
             zIndex: 0,
             "&, &:hover, &-active": {
@@ -71,6 +76,17 @@ const i = () => ({
             "&::after": {
               display: "none"
             }
+          },
+          "&-customize": {
+            [`${a}-dragger-icon`]: {
+              ...i(r),
+              display: "flex",
+              alignItems: "center",
+              color: r.antdv.colorFill
+            },
+            "&::after": {
+              display: "none"
+            }
           }
         },
         [`${e}-bar-collapse-bar`]: {
@@ -85,17 +101,37 @@ const i = () => ({
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          "&:hover": {
-            backgroundColor: "rgba(0, 0, 0, 0.15)"
+          // Hover
+          [`&:hover:not(${a}-collapse-bar-customize)`]: {
+            background: r.antdv.controlItemBgActive
           },
-          "&:active": {
-            backgroundColor: "#e6f4ff"
+          // Active
+          [`&:active:not(${a}-collapse-bar-customize)`]: {
+            background: r.antdv.controlItemBgActiveHover
+          },
+          [`${a}-collapse-icon`]: {
+            display: "flex",
+            alignItems: "center"
           }
         },
+        [`${a}-collapse-bar-customize`]: {
+          background: "transparent"
+        },
         "&:hover, &:active": {
-          [`${e}-bar-collapse-bar`]: {
+          [`${e}-bar-collapse-bar-hover-only`]: {
+            opacity: 1
+          }
+        },
+        [`${e}-bar-collapse-bar-hover-only`]: {
+          "@media(hover:none)": {
             opacity: 1
           }
+        },
+        [`${e}-bar-collapse-bar-always-hidden`]: {
+          display: "none"
+        },
+        [`${e}-bar-collapse-bar-always-visible`]: {
+          opacity: 1
         }
       },
       [`${e}-mask`]: {
@@ -116,7 +152,7 @@ const i = () => ({
           [`${e}-bar-preview`]: {
             height: "100%",
             width: r.splitterBarSize,
-            ...a(r),
+            ...l(r),
             "&-active": {
               display: "block",
               transform: `translateX(var(${t}))`
@@ -158,7 +194,7 @@ const i = () => ({
           [`${e}-bar-preview`]: {
             height: r.splitterBarSize,
             width: "100%",
-            ...a(r),
+            ...l(r),
             [`&${e}-bar-preview-active`]: {
               display: "block",
               transform: `translateY(var(${t}))`
@@ -208,9 +244,9 @@ const i = () => ({
       }
     }
   };
-}, g = o(
+}, d = s(
   "Splitter",
-  (r) => [s(r)],
+  (r) => [n(r)],
   {
     splitterBarSize: 2,
     splitterTriggerSize: 6,
@@ -218,6 +254,6 @@ const i = () => ({
   }
 );
 export {
-  g as default,
-  s as genSplitterStyle
+  d as default,
+  n as genSplitterStyle
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.11.2";
+declare const _default: "7.11.3";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.11.2";
+const e = "7.11.3";
 export {
   e as default
 };

package/lib/src/ag-grid/editable/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),s=require("../../ap-form/utils/set.js");function f(n,r,t){if(t)return i.isString(t)?n[t]:t(n,r)}function a(n,r){const t={};return n.forEach((o,e)=>{const u=f(o,e,r);t[u]=o}),t}function c(n,r,t){return n.map((o,e)=>{const u=f(o,e,r);return t[u]??o})}function l(n){let r={};function t(o){for(const e of o)e.children?.length?t(e.children):e.fieldProps?.transform&&(r=s.default(r,[e.dataIndex].flat(1),e.fieldProps.transform,!0))}return t(n),r}exports.arrayToObject=a;exports.getColumnTransformOptions=l;exports.getRowKey=f;exports.updateArrItem=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),a=require("../../ap-form/utils/set.js"),c=require("../../ap-table/utils.js");function u(e,r,t){if(t)return i.isString(t)?e[t]:t(e,r)}function f(e,r){const t={};return e.forEach((o,n)=>{const s=u(o,n,r);t[s]=o}),t}function l(e,r,t){return e.map((o,n)=>{const s=u(o,n,r);return t[s]??o})}function d(e){let r={};function t(o){for(const n of o)if(n.children?.length)t(n.children);else{const s=c.getFieldProps(n.fieldProps,{});s?.transform&&(r=a.default(r,[n.dataIndex].flat(1),s.transform,!0))}}return t(e),r}exports.arrayToObject=f;exports.getColumnTransformOptions=d;exports.getRowKey=u;exports.updateArrItem=l;

package/lib/src/business/ap-copy/constans.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({text:{type:String,default:""},size:{type:Number,default:14},textStyle:{type:[String,Object],default:"major"},link:{type:String,default:""},disableCopy:{type:Boolean,default:!1},onClick:{type:Function,default:()=>{}},tipMessageSuccess:{type:String,default:""},tipMessageError:{type:String,default:""}});exports.ApCopyProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({text:{type:String,default:""},size:{type:Number,default:12},textStyle:{type:[String,Object],default:"major"},link:{type:String,default:""},disableCopy:{type:Boolean,default:!1},onClick:{type:Function,default:()=>{}},tipMessageSuccess:{type:String,default:""},tipMessageError:{type:String,default:""}});exports.ApCopyProps=e;

package/lib/src/business/ap-copy/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../utils/cssinjs/index.js"),r=o=>{const{componentCls:e}=o;return{[e]:{display:"flex",alignItems:"center",width:"100%",".copy-btn":{opacity:0,transition:`opacity ${o.motionDurationMid} ease`},"&:hover":{".copy-btn":{opacity:1}},[`${e}__text`]:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:o.lineHeight},[`${e}--text-major`]:{color:o.textColor1},[`${e}--text-minor`]:{color:o.textColor3},[`${e}--text-link`]:{color:o.colorLink,cursor:"pointer","&:hover":{color:o.colorLinkHover}},[`${e}__copy-btn`]:{flexShrink:0,marginInlineStart:o.spaceXS,display:"flex",alignItems:"center",fontSize:o.fontSizeLG,color:o.textColor4,cursor:"pointer","&:hover":{".user-frontend-icon":{color:o.colorLink}}}}}},i=t.genComponentStyleHook("ApCopy",o=>[r(o)]);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../utils/cssinjs/index.js"),r=o=>{const{componentCls:e}=o;return{[e]:{display:"flex",alignItems:"center",width:"100%",".copy-btn":{opacity:0,transition:`opacity ${o.motionDurationMid} ease`},"&:hover":{".copy-btn":{opacity:1}},[`${e}__text`]:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:o.lineHeight},[`${e}--text-major`]:{color:o.textColor1},[`${e}--text-minor`]:{color:o.textColor3},[`${e}--text-link`]:{color:o.colorLink,cursor:"pointer","&:hover":{color:o.colorLinkHover}},[`${e}__copy-btn`]:{flexShrink:0,marginInlineStart:o.spaceXS,display:"flex",alignItems:"center",fontSize:o.fontSize,color:o.textColor4,cursor:"pointer","&:hover":{".user-frontend-icon":{color:o.colorLink}}}}}},i=t.genComponentStyleHook("ApCopy",o=>[r(o)]);exports.default=i;

package/lib/src/business/ap-product-info/ApProductInfo.d.ts

@@ -21,6 +21,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     title: {
         type: StringConstructor;
@@ -42,11 +46,16 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     values: ApProductInfoValue[];
     title: string;
     preview: boolean;
     disableCopy: boolean;
     imgSrc: string;
+    showImg: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/business/ap-product-info/ApProductInfo.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),s=require("@aplus-frontend/antdv"),v=require("@aplus-frontend/icon");require("../../config-provider/index.js");const a=require("../ap-copy/index.js"),f=require("../ap-image/index.js"),h=require("./constans.js"),y=require("./style/index.js"),N=require("../../config-provider/hooks/use-namespace.js"),g=l.defineComponent({name:"ApProductInfo",props:h.ApProductInfoProps(),setup(r){const{b:c,e:o,m:t}=N.useNamespace("ap-product-info"),i=y.default("ap-product-info"),d=e=>typeof e.value=="function"?e.value():e.helpMessage?l.h(s.Space.Compact,{},[l.h(a.ApCopy,{text:e.value,link:e.link,textStyle:e.link?"link":"minor"}),l.h(s.Tooltip,{placement:"top",color:e.toolTipBgColor,title:typeof e.helpMessage=="string"?e.helpMessage:l.h(e.helpMessage)},()=>l.h(v.IconApAdFillWarn,{color:"#FFA940",style:{cursor:"pointer"}}))]):l.h(a.ApCopy,{text:e.value,textStyle:e.link?"link":"minor",link:e.link,disableCopy:r.disableCopy},e.value);return()=>l.createVNode("div",{class:[c(),i.value]},[l.createVNode("div",{class:o("img")},[l.createVNode(f.ApImage,{src:r.imgSrc,width:44,height:44,preview:r.preview},null)]),l.createVNode("div",{class:[o("content")]},[l.createVNode(a.ApCopy,{disableCopy:r.disableCopy},{default:()=>[r.title]}),l.createVNode("div",{class:o("row-container")},[r.values.map((e,u)=>{const n=e.col===2,p=e.col!==2&&u%2===0;return l.createVNode("div",{key:JSON.stringify(e),class:[o("row-item"),t(n?"full":"half")]},[l.createVNode("div",{class:[o("item")]},[e.label&&l.createVNode("div",{class:o("label")},[e.label,l.createVNode("span",null,[l.createTextVNode(":")])]),l.createVNode("div",{class:[o("value"),!n&&t("overflow")],title:typeof e.value!="function"?String(e.value||""):""},[d(e)])]),p&&l.createVNode("div",{class:o("divider"),style:{right:0}},[l.createVNode("div",{class:o("divider-vertical")},null)])])})])])])}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),s=require("@aplus-frontend/antdv"),v=require("@aplus-frontend/icon");require("../../config-provider/index.js");const a=require("../ap-copy/index.js"),f=require("../ap-image/index.js"),h=require("./constans.js"),y=require("./style/index.js"),N=require("../../config-provider/hooks/use-namespace.js"),g=l.defineComponent({name:"ApProductInfo",props:h.ApProductInfoProps(),setup(r){const{b:c,e:o,m:t}=N.useNamespace("ap-product-info"),i=y.default("ap-product-info"),d=e=>typeof e.value=="function"?e.value():e.helpMessage?l.h(s.Space.Compact,{},[l.h(a.ApCopy,{text:e.value,link:e.link,textStyle:e.link?"link":"minor"}),l.h(s.Tooltip,{placement:"top",color:e.toolTipBgColor,title:typeof e.helpMessage=="string"?e.helpMessage:l.h(e.helpMessage)},()=>l.h(v.IconApAdFillWarn,{color:"#FFA940",style:{cursor:"pointer"}}))]):l.h(a.ApCopy,{text:e.value,textStyle:e.link?"link":"minor",link:e.link,disableCopy:r.disableCopy},e.value);return()=>l.createVNode("div",{class:[c(),i.value]},[r.showImg&&l.createVNode("div",{class:o("img")},[l.createVNode(f.ApImage,{src:r.imgSrc,width:44,height:44,preview:r.preview},null)]),l.createVNode("div",{class:[o("content")]},[l.createVNode(a.ApCopy,{disableCopy:r.disableCopy},{default:()=>[r.title]}),l.createVNode("div",{class:o("row-container")},[r.values.map((e,u)=>{const n=e.col===2,p=e.col!==2&&u%2===0;return l.createVNode("div",{key:JSON.stringify(e),class:[o("row-item"),t(n?"full":"half")]},[l.createVNode("div",{class:[o("item")]},[e.label&&l.createVNode("div",{class:o("label")},[e.label,l.createVNode("span",null,[l.createTextVNode(":")])]),l.createVNode("div",{class:[o("value"),!n&&t("overflow")],title:typeof e.value!="function"?String(e.value||""):""},[d(e)])]),p&&l.createVNode("div",{class:o("divider"),style:{right:0}},[l.createVNode("div",{class:o("divider-vertical")},null)])])})])])])}});exports.default=g;

package/lib/src/business/ap-product-info/constans.d.ts

@@ -21,4 +21,8 @@ export declare const ApProductInfoProps: () => {
         type: BooleanConstructor;
         default: boolean;
     };
+    showImg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/lib/src/business/ap-product-info/constans.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({title:{type:String,default:""},imgSrc:{type:String,default:""},preview:{type:Boolean,default:!1},values:{type:Array,default:()=>[]},disableCopy:{type:Boolean,default:!1}});exports.ApProductInfoProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({title:{type:String,default:""},imgSrc:{type:String,default:""},preview:{type:Boolean,default:!1},values:{type:Array,default:()=>[]},disableCopy:{type:Boolean,default:!1},showImg:{type:Boolean,default:!0}});exports.ApProductInfoProps=e;