@aplus-frontend/ui 0.5.24 → 0.5.26

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

@@ -1,5 +1,5 @@
 import { TooltipProps } from '@aplus-frontend/antdv/es/tooltip/Tooltip';
-import { CSSProperties, VNode, VNodeChild } from 'vue';
+import { VNode } from 'vue';
 /**
  * Tooltip 需要的属性
  */
@@ -15,7 +15,7 @@ export interface ApLadderLabelValue {
     /**
      * 值
      */
-    value?: string | number | VNodeChild | VNode | null | (() => VNodeChild | VNode);
+    value?: string | number | VNode | (() => VNode) | null;
     /**
      * 是否采用原始值
      */
@@ -74,64 +74,9 @@ export interface ApLadderLabelValue {
     handleValueClick?: (labelValueRecord: ApLadderLabelValue[]) => void;
     /**
      * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
-     * @default `right`
-     * @since v0.4.7 新增
+     * @default `left`
      */
     labelAlign?: 'left' | 'right';
-    /**
-     * 健值对 - label样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    labelStyles?: CSSProperties;
-    /**
-     * 健值对 - value样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    valueStyles?: CSSProperties;
-    /**
-     * 健值对 - link样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    linkStyles?: CSSProperties;
-    /**
-     * 健值对 - unit样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    unitStyles?: CSSProperties;
-    /**
-     * Tooltip - Label style
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    tooltipLabelStyles?: CSSProperties;
-    /**
-     * Tooltip - Value style
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    tooltipValueStyles?: CSSProperties;
-    /**
-     * 帮助气泡
-     */
-    helpMessage?: string | number | VNodeChild | VNode | null | (() => VNodeChild | VNode);
-    /**
-     * 帮助气泡 - 图标
-     * @description 'question' | 'warning' 自定义
-     * @default `question`
-     */
-    helpMessageIcon?: 'question' | 'warning' | VNodeChild | VNode | (() => VNodeChild | VNode);
-    /**
-     * 帮助气泡 - 图标 - 样式
-     */
-    helpMessageIconStyles?: CSSProperties;
-    /**
-     * 帮助气泡 - 扩展tooltip props
-     */
-    helpMessageTooltipProps?: TooltipProps;
 }
 /**
  * ApLadder Props 属性类型声明
@@ -153,22 +98,12 @@ export interface ApLadderProps {
      * @description 请使用`majorStyles`代替
      */
     majorColor?: string;
-    /**
-     * 自定义重要信息 style
-     * @since v0.4.7 新增
-     */
-    majorStyles?: CSSProperties;
     /**
      * 自定义次要信息颜色
      * @deprecated 注意：v0.4.7版本之后就别用这个属性了 后面将不再支持
      * @description 请使用`minorStyles`代替
      */
     minorColor?: string;
-    /**
-     * 自定义次要信息 style
-     * @since v0.4.7 新增
-     */
-    minorStyles?: CSSProperties;
     /**
      * 布局方式
      * - `vertical` 垂直布局
@@ -176,61 +111,16 @@ export interface ApLadderProps {
      * @default `vertical`
      */
     layout?: 'vertical' | 'horizontal';
-    /**
-     * 是否展示气泡
-     * @description 默认展示
-     */
-    tooltip?: boolean;
     /**
      * 健值对 - 数组展示
      */
     labelValues?: Array<ApLadderLabelValue>;
     /**
      * label 标签的文本对齐方式 仅支持健值对(labelValues)类型
-     * @default `right`
+     * @default `left`
      * @since v0.4.7 新增
      */
     labelAlign?: 'left' | 'right';
-    /**
-     * 健值对 - label样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    labelStyles?: CSSProperties;
-    /**
-     * 健值对 - value样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    valueStyles?: CSSProperties;
-    /**
-     * 健值对 - link样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    linkStyles?: CSSProperties;
-    /**
-     * 健值对 - unit样式
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    unitStyles?: CSSProperties;
-    /**
-     * 扩展 Tooltip
-     */
-    tooltipProps?: TooltipNeedProps;
-    /**
-     * Tooltip - Label style
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    tooltipLabelStyles?: CSSProperties;
-    /**
-     * Tooltip - Value style
-     * @description `ApLadderLabelValue` 里面自定义样式会覆盖
-     * @since v0.4.7 新增
-     */
-    tooltipValueStyles?: CSSProperties;
 }
 /**
  * ApLadder Slots 类型声明

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

@@ -1,2 +1,7 @@
+import { ConvertValueOptions } from './interface';
+import { VNode, RendererNode, RendererElement } from 'vue';
 export declare const isNull: (value: any) => boolean;
 export declare const createMemoizeKey: (value: any, options?: any) => string;
+export declare const convertValue: (value: string | number | (() => VNode) | VNode | null | undefined, options?: ConvertValueOptions) => string | number | VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}> | (() => VNode) | null | undefined;

package/es/src/business/ap-ladder/utils.mjs

@@ -1,5 +1,40 @@
-const e = (r) => r == null || typeof r == "string" && r.trim() === "", n = (r, t = {}) => typeof r == "string" || typeof r == "number" ? String(r) + JSON.stringify(t) : "complex-value";
+import { locales as n } from "./interface.mjs";
+const o = (r) => r == null || typeof r == "string" && r.trim() === "", u = (r, e = {}) => typeof r == "string" || typeof r == "number" ? String(r) + JSON.stringify(e) : "complex-value", y = (r, e = {
+  rawValue: !0,
+  precision: 2,
+  thousand: !0,
+  thousandSeparator: ",",
+  currency: "CNY",
+  percent: !1
+}) => {
+  if (Object.prototype.toString.call(r) === "[object Null]" || Object.prototype.toString.call(r) === "[object Undefined]" || Object.prototype.toString.call(r) === "[object Object]" || Object.prototype.toString.call(r) === "[object Function]" || r === "")
+    return "--";
+  if (e.rawValue)
+    return r;
+  if (typeof r == "number") {
+    if (e.percent)
+      return `${r.toFixed(e.precision)}%`;
+    if (e.currency)
+      return r.toLocaleString(
+        n[e.currency ? e.currency : "CNY"],
+        {
+          style: "currency",
+          currency: e.currency ? e.currency : "CNY"
+        }
+      );
+    if (e.thousand) {
+      const [t, c] = r.toFixed(e.precision ? e.precision : 2).split(".");
+      return `${t.replace(
+        /(\d)(?=(\d{3})+(?!\d))/g,
+        `$1${e.thousandSeparator ? e.thousandSeparator : ","}`
+      )}.${c}`;
+    }
+    return r.toFixed(e.precision ? e.precision : 2);
+  }
+  return r;
+};
 export {
-  n as createMemoizeKey,
-  e as isNull
+  y as convertValue,
+  u as createMemoizeKey,
+  o as isNull
 };

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

@@ -0,0 +1,46 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ApProductInfoProps } from './interface';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    imgSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    asku: {
+        type: StringConstructor;
+    };
+    asin: {
+        type: PropType< ApProductInfoProps["asin"]>;
+    };
+    msku: {
+        type: StringConstructor;
+    };
+    onTitleClick: {
+        type: PropType< ApProductInfoProps["onTitleClick"]>;
+    };
+}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    imgSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    asku: {
+        type: StringConstructor;
+    };
+    asin: {
+        type: PropType< ApProductInfoProps["asin"]>;
+    };
+    msku: {
+        type: StringConstructor;
+    };
+    onTitleClick: {
+        type: PropType< ApProductInfoProps["onTitleClick"]>;
+    };
+}>> & Readonly<{}>, {
+    imgSrc: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+import { ApProductInfoProps as _ApProductInfoProps } from './interface';
+export declare const ApAttachmentProps: () => {
+    imgSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    asku: {
+        type: StringConstructor;
+    };
+    asin: {
+        type: PropType<_ApProductInfoProps["asin"]>;
+    };
+    msku: {
+        type: StringConstructor;
+    };
+    onTitleClick: {
+        type: PropType<_ApProductInfoProps["onTitleClick"]>;
+    };
+};

package/es/src/business/ap-product-info/index.d.ts

@@ -0,0 +1 @@
+export * from './interface';

package/es/src/business/ap-product-info/interface.d.ts

@@ -0,0 +1,11 @@
+export interface ApProductInfoProps {
+    imgSrc?: string;
+    title?: string;
+    asku?: string;
+    asin?: {
+        value: string;
+        href: string;
+    };
+    msku?: string;
+    onTitleClick?: () => void;
+}

package/es/src/editable-table/form-item.vue.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as K, ref as d, unref as n, useSlots as M, watch as g, createBlock as G, openBlock as H, mergeProps as b, withCtx as w, createVNode as W, createSlots as $, renderList as q, renderSlot as U, normalizeProps as J, guardReactiveProps as Q } from "vue";
-import { Table as X } from "@aplus-frontend/antdv";
-import { ApForm as C } from "../ap-form/index.mjs";
-import { isArray as Y, isEqual as Z, isNumber as f, cloneDeep as m, omit as y } from "lodash-unified";
+import { defineComponent as O, ref as c, unref as s, useSlots as K, toRef as G, watch as H, nextTick as U, createBlock as W, openBlock as $, mergeProps as h, withCtx as x, createVNode as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { Table as I } from "@aplus-frontend/antdv";
+import { ApForm as g } from "../ap-form/index.mjs";
+import { isArray as M, isUndefined as ee, isNumber as m, cloneDeep as oe, omit as w } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as I } from "../ap-form/context.mjs";
-import { isDef as i } from "../utils/index.mjs";
-import ee from "./hooks/use-get-columns.mjs";
-import { scrollToRowIndex as oe } from "./utils.mjs";
-import { useNamespace as te } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ae } from "../config-provider/hooks/use-global-config.mjs";
-const he = /* @__PURE__ */ K({
+import { useInjectForm as te } from "../ap-form/context.mjs";
+import { isDef as b } from "../utils/index.mjs";
+import ae from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as le } from "./utils.mjs";
+import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ue } from "../config-provider/hooks/use-global-config.mjs";
+const we = /* @__PURE__ */ O({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -109,111 +109,111 @@ const he = /* @__PURE__ */ K({
       default: () => ({})
     }
   },
-  setup(R, {
-    expose: B
+  setup(y, {
+    expose: C
   }) {
-    const l = R;
-    function D(e, o) {
-      return Y(o) ? o.reduce((u, a) => u == null ? void 0 : u[a], e) : e == null ? void 0 : e[o];
+    const l = y;
+    function R(e, t) {
+      return M(t) ? t.reduce((n, o) => n == null ? void 0 : n[o], e) : e == null ? void 0 : e[t];
     }
     const {
-      internalInstance: t,
-      model: F
-    } = I(), r = d(D(n(F), l.name) || []), L = M(), c = d(l.name);
-    g(() => l.name, (e, o) => {
-      Z(e, o) || (c.value = e);
-    });
-    const T = C.useWatch(c);
-    g(() => T.value, (e) => {
-      var o;
-      r.value = e, (o = l.onChange) == null || o.call(l, e);
+      internalInstance: a,
+      model: B
+    } = te(), d = c(R(s(B), l.name) || []), F = K(), T = G(l, "name"), D = g.useWatch(T);
+    H(() => D.value, async (e) => {
+      var t;
+      await U(), d.value = e, (t = l.onChange) == null || t.call(l, e);
     }, {
       deep: !0
     });
     const {
-      b: v
-    } = te("editable-table"), p = d(), E = ae("valueTypeMap"), N = ee(l, E);
-    function V(e, o) {
-      var s;
-      const u = ((s = n(r)) == null ? void 0 : s.length) || 0;
-      if (i(l.maxLength) && u >= l.maxLength)
+      b: L
+    } = ne("editable-table"), p = c(), V = ue("valueTypeMap"), N = ae(l, V);
+    function S(e, t) {
+      var u;
+      const n = ((u = s(d)) == null ? void 0 : u.length) || 0;
+      if (b(l.maxLength) && n >= l.maxLength)
         return;
-      const a = [...n(r) || []];
-      i(o) ? a.splice(o, 0, {
+      const o = {
         ...e || {}
-      }) : a.push({
-        ...e || {}
-      }), t == null || t.setFieldValue(l.name, a);
+      };
+      a == null || a.setFieldValue(l.name, o, !0, (f, r) => {
+        f[r] || (f[r] = [o]), ee(t) ? f[r].push(o) : f[r].splice(t, 0, o);
+      });
     }
-    function S(e, o = "suffix") {
-      var x;
-      const u = ((x = n(r)) == null ? void 0 : x.length) || 0, a = f(e) ? e : e.length;
-      if (i(l.maxLength) && u + a > l.maxLength)
+    function k(e, t = "suffix") {
+      var f;
+      const n = ((f = s(d)) == null ? void 0 : f.length) || 0, o = m(e) ? e : e.length;
+      if (b(l.maxLength) && n + o > l.maxLength)
         return;
-      const s = [...n(r) || []], h = f(e) ? new Array(e).fill({}) : m(e);
-      o === "suffix" ? s.push(...h) : s.unshift(...h), t == null || t.setFieldValue(l.name, s);
+      const u = m(e) ? new Array(e).fill(0).map(() => ({})) : oe(e);
+      a == null || a.setFieldValue(l.name, u, !0, (r, i) => {
+        r[i] || (r[i] = [...u]), t === "suffix" ? r[i].push(...u) : r[i].unshift(...u);
+      });
     }
-    function _(e) {
-      let o = m(n(r) || []);
-      const u = f(e) ? [e] : e;
-      o = o.filter((a, s) => !u.includes(s)), t == null || t.setFieldValue(l.name, o);
+    function v(e) {
+      const t = new Set(m(e) ? [e] : e);
+      a == null || a.setFieldValue(l.name, void 0, !0, (n, o) => {
+        n[o] = n[o].filter((u, f) => !t.has(f));
+      });
     }
-    function k() {
-      return n(r);
+    function E() {
+      return s(d);
     }
-    function j(e) {
-      var o;
-      return (o = n(r)) == null ? void 0 : o[e];
+    function _(e) {
+      var t;
+      return (t = s(d)) == null ? void 0 : t[e];
     }
-    function A(e, o, u = !0) {
-      const a = m(n(r));
-      a[e] && (a[e] = {
-        ...u ? a[e] : {},
-        ...o
-      }, t == null || t.setFieldValue(l.name, [...a]));
+    function j(e, t, n = !0) {
+      a == null || a.setFieldValue(l.name, void 0, !0, (o, u) => {
+        !o[u] || !o[u][e] || (o[u][e] = {
+          ...n ? o[u][e] : {},
+          ...t
+        });
+      });
     }
     function P(e) {
-      t == null || t.setFieldValue(l.name, e);
+      a == null || a.setFieldValue(l.name, e);
     }
-    function z(e, o) {
-      var a;
-      const u = e === "end" ? r.value.length - 1 : e;
-      oe(u, (a = p.value) == null ? void 0 : a.$el, o);
+    function z(e, t) {
+      var o;
+      const n = e === "end" ? d.value.length - 1 : e;
+      le(n, (o = p.value) == null ? void 0 : o.$el, t);
     }
-    function O() {
+    function A() {
       var e;
-      (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, l.name, []);
+      (e = a == null ? void 0 : a.setFieldValue) == null || e.call(a, l.name, []);
     }
-    return B({
-      add: V,
-      remove: _,
-      getRowData: j,
-      getRowsData: k,
-      setRowData: A,
-      addMultiple: S,
+    return C({
+      add: S,
+      remove: v,
+      getRowData: _,
+      getRowsData: E,
+      setRowData: j,
+      addMultiple: k,
       scrollTo: z,
       setTableData: P,
-      clear: O
-    }), (e, o) => (H(), G(n(C).FormItem, b(e.formItem, {
+      clear: A
+    }), (e, t) => ($(), W(s(g).FormItem, h(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: w(() => [W(n(X), b(n(y)(l, ["name", "maxLength", "onChange"]), {
+      default: x(() => [q(s(I), h(s(w)(l, ["name", "maxLength", "onChange"]), {
         ref_key: "tableRef",
         ref: p,
-        class: n(v)(),
-        columns: n(N),
-        "data-source": r.value
-      }), $({
+        class: s(L)(),
+        columns: s(N),
+        "data-source": d.value
+      }), J({
         _: 2
-      }, [q(n(y)(L, ["headerCell"]), (u, a) => ({
-        name: a,
-        fn: w((s) => [U(e.$slots, a, J(Q(s || {})))])
+      }, [Q(s(w)(F, ["headerCell"]), (n, o) => ({
+        name: o,
+        fn: x((u) => [X(e.$slots, o, Y(Z(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  he as default
+  we as default
 };