@aplus-frontend/ui 0.5.28 → 0.5.30

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

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

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

@@ -39,7 +39,7 @@ function m(e) {
       range: o.range || !1
     };
   }
-  return t.border = e.bordered, e.expandable && (t.expandConfig = l(e.expandable, [
+  return t.border = e.bordered === !1 ? "inner" : !0, e.expandable && (t.expandConfig = l(e.expandable, [
     "renderContent",
     "width",
     "title"
@@ -47,7 +47,7 @@ function m(e) {
     enabled: !1
   }, t.virtualYConfig = {
     enabled: !1
-  }) : (a(t, "X", e.virtual), a(t, "Y", e.virtual)), t;
+  }) : (a(t, "X", e.virtual), a(t, "Y", e.virtual)), t.round = !0, t;
 }
 function a(e, t, i) {
   const o = t === "X", r = o ? "x" : "y", n = o ? "virtualXConfig" : "virtualYConfig", s = i == null ? void 0 : i[r], f = s !== !1, d = o ? w : x, c = b(s) && s >= 0 ? s : d;

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -1,4 +1,4 @@
-import { ref as ae, reactive as j, unref as h, nextTick as se, onMounted as ie, watch as ce, computed as A, createVNode as x } from "vue";
+import { ref as ae, reactive as j, unref as m, nextTick as se, onMounted as ie, watch as ce, computed as A, createVNode as x } from "vue";
 import { useTableSortedAndFiltered as ue } from "./use-sorted-filtered.mjs";
 import "../../config-provider/index.mjs";
 import { parseFieldValue as le, dataIndexToStr as fe, isEqualCustom as ge } from "../utils.mjs";
@@ -6,8 +6,8 @@ import { isArray as q, isEqualWith as de, isUndefined as pe } from "lodash-unifi
 import { isDef as N } from "../../utils/index.mjs";
 import { useLocale as me } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
-const S = 1, D = 10, B = {
-  defaultCurrent: S,
+const h = 1, D = 10, B = {
+  defaultCurrent: h,
   defaultPageSize: D,
   showLessItems: !1,
   showTotal: !0
@@ -20,7 +20,7 @@ function Se(s) {
 }
 function ze(s) {
   const f = {};
-  return s === !1 || (s === !0 || s == null ? (f.current = S, f.pageSize = D) : (f.current = s.defaultCurrent || S, f.pageSize = s.defaultPageSize || D)), f;
+  return s === !1 || (s === !0 || s == null ? (f.current = h, f.pageSize = D) : (f.current = s.defaultCurrent || h, f.pageSize = s.defaultPageSize || D)), f;
 }
 const Ae = ({
   manual: s = !1,
@@ -33,10 +33,10 @@ const Ae = ({
   filterFields: J,
   sortFields: K,
   namespace: M = "ap-table",
-  pagination: d
+  pagination: S
 }) => {
   let b = 0, i = {};
-  const Q = Se(d), $ = (e) => y ? y(e) : e, z = ae(), c = j(ze(d)), {
+  const Q = Se(S), $ = (e) => y ? y(e) : e, z = ae(), c = j(ze(S)), {
     getColumnSFConfig: G,
     setSF: W,
     clearAll: Z,
@@ -54,34 +54,34 @@ const Ae = ({
     var e, t;
     return ((t = (e = z.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValueTransformed(!0)) || {};
   }, I = async (e) => {
-    var n;
-    const t = $(e), r = Date.now();
-    b = r, a.loading = !0;
+    var r;
+    const t = $(e), n = Date.now();
+    b = n, a.loading = !0;
     try {
       const o = await f({
-        ...h(L),
+        ...m(L),
         ...t
       });
-      b === r && (a.total = o.total || ((n = o.data) == null ? void 0 : n.length) || 0, a.records = [...o.data || []]);
+      b === n && (a.total = o.total || ((r = o.data) == null ? void 0 : r.length) || 0, a.records = [...o.data || []]);
     } catch {
-      b === r && (a.records = [], a.total = 0);
+      b === n && (a.records = [], a.total = 0);
     } finally {
       a.loading = !1;
     }
   }, V = (e) => {
     const t = {};
-    return Object.entries(e).forEach(([r, n]) => {
-      if (t[r] = n, O && n) {
-        const o = O[r];
-        o && (t[r] = le(o, n));
+    return Object.entries(e).forEach(([n, r]) => {
+      if (t[n] = r, O && r) {
+        const o = O[n];
+        o && (t[n] = le(o, r));
       }
     }), t;
   }, Y = async (e) => {
-    var n, o, l, g, p;
-    const t = w(), r = {};
-    Object.entries(t).forEach(([m, F]) => {
-      R && R.indexOf(m) > -1 && (r[m] = F);
-    }), await ((o = (n = z.value) == null ? void 0 : n.apForm) == null ? void 0 : o.resetFields()), (p = (g = (l = z.value) == null ? void 0 : l.apForm) == null ? void 0 : g.setFieldsValue) == null || p.call(g, r), se(() => {
+    var r, o, l, g, d;
+    const t = w(), n = {};
+    Object.entries(t).forEach(([p, F]) => {
+      R && R.indexOf(p) > -1 && (n[p] = F);
+    }), await ((o = (r = z.value) == null ? void 0 : r.apForm) == null ? void 0 : o.resetFields()), (d = (g = (l = z.value) == null ? void 0 : l.apForm) == null ? void 0 : g.setFieldsValue) == null || d.call(g, n), se(() => {
       e == null || e();
     });
   }, C = (e) => {
@@ -94,70 +94,70 @@ const Ae = ({
       ...e
     });
   }, E = () => {
-    const e = w();
-    d && (c.current = S), C({
+    const e = w(), t = S !== !1;
+    t && (c.current = h), C({
       ...e,
       filter: i.filter,
       sort: i.sort,
-      current: d ? S : void 0,
-      pageSize: d ? i.pageSize || c.pageSize : void 0
+      current: t ? h : void 0,
+      pageSize: t ? i.pageSize || c.pageSize : void 0
     });
   }, ee = () => {
     Z(), i.sort = {}, i.filter = {}, Y(E);
   }, U = () => {
     C(i);
   }, te = (e) => {
-    if (!d)
+    if (S === !1)
       U();
     else {
       const {
         current: t,
-        pageSize: r
-      } = c, n = a.total - e, o = Math.ceil(n / r), l = t > o ? o : t;
+        pageSize: n
+      } = c, r = a.total - e, o = Math.ceil(r / n), l = t > o ? o : t;
       k({
         current: l > 0 ? l : 1
       });
     }
-  }, _ = (e, t, r) => {
-    var m, F;
-    const n = w();
-    c.current = e.current, c.pageSize = e.pageSize, W(t, r);
-    const o = q(r) ? [...r] : [r], l = {};
+  }, _ = (e, t, n) => {
+    var p, F;
+    const r = w();
+    c.current = e.current, c.pageSize = e.pageSize, W(t, n);
+    const o = q(n) ? [...n] : [n], l = {};
     for (const u of o)
-      (m = h(K)) != null && m.includes(u.columnKey || u.field) && u.order && (l[fe(u.columnKey || u.field)] = u.order);
+      (p = m(K)) != null && p.includes(u.columnKey || u.field) && u.order && (l[fe(u.columnKey || u.field)] = u.order);
     const g = {};
     for (const u of Object.keys(t))
-      (F = h(J)) != null && F.includes(u) && t[u] && (g[u] = t[u]);
-    const p = {
-      ...n,
+      (F = m(J)) != null && F.includes(u) && t[u] && (g[u] = t[u]);
+    const d = {
+      ...r,
       filter: g,
       sort: l,
       current: e.current,
       pageSize: e.pageSize
     };
-    de(i, p, ge) || C(p);
+    de(i, d, ge) || C(d);
   };
   ie(() => {
     const e = w(), {
       current: t,
-      pageSize: r
+      pageSize: n
     } = c;
     if (i = {
       current: t,
-      pageSize: r,
+      pageSize: n,
       filter: {},
       sort: {},
       ...e
     }, !s) {
-      const n = V(i);
-      I(n);
+      const r = V(i);
+      I(r);
     }
-  }), ce(() => h(L), () => {
+  }), ce(() => m(L), () => {
     E();
   }, {
     deep: !0
   });
-  const re = A(() => {
+  const ne = A(() => {
     if (a.total === 0)
       return "-";
     const {
@@ -166,15 +166,15 @@ const Ae = ({
     } = c;
     return `${e}/${Math.ceil(a.total / t)}`;
   });
-  function ne(e) {
+  function re(e) {
     q(e) && (a.records = e, a.total = e.length);
   }
   const oe = A(() => {
     const {
       showLessItems: e,
       showTotal: t,
-      showQuickJumper: r,
-      showSizeChanger: n,
+      showQuickJumper: n,
+      showSizeChanger: r,
       pageSizeOptions: o
     } = Q;
     return {
@@ -183,8 +183,8 @@ const Ae = ({
         current: c.current,
         pageSize: c.pageSize,
         total: a.total,
-        showSizeChanger: N(n) ? n : !e,
-        showQuickJumper: N(r) ? r : !e,
+        showSizeChanger: N(r) ? r : !e,
+        showQuickJumper: N(n) ? n : !e,
         showLessItems: e,
         size: "default",
         pageSizeOptions: pe(o) ? ["10", "20", "50", "100"] : o,
@@ -196,7 +196,7 @@ const Ae = ({
           class: P("pagination--total-right")
         }, [T("ap.apTable.pagination.totalRightPrefix"), " ", x("span", {
           class: P("pagination-count-text")
-        }, [h(re)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
+        }, [m(ne)]), " ", T("ap.apTable.pagination.totalRightSuffix")])]) : void 0
       },
       onChange: _,
       dataSource: a.records
@@ -214,14 +214,14 @@ const Ae = ({
     handleTableChange: _,
     tableProps: oe,
     dataSource: A(() => a.records),
-    setDataSource: ne,
+    setDataSource: re,
     getColumnSFConfig: G,
     sortedInfo: H,
     filteredInfo: X
   };
 };
 export {
-  S as DEFAULT_CURRENT,
+  h as DEFAULT_CURRENT,
   D as DEFAULT_PAGE_SIZE,
   Ae as useTablePaging
 };

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

@@ -1,46 +1,43 @@
 import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { ApProductInfoProps } from './interface';
+import { ApProductInfoValue } from './interface';
 declare const _default: DefineComponent<ExtractPropTypes<{
-    imgSrc: {
+    title: {
         type: StringConstructor;
         default: string;
     };
-    title: {
+    imgSrc: {
         type: StringConstructor;
+        default: string;
     };
-    asku: {
-        type: StringConstructor;
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    asin: {
-        type: PropType< ApProductInfoProps["asin"]>;
+    values: {
+        type: PropType< ApProductInfoValue[]>;
+        default: () => never[];
     };
-    msku: {
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
         type: StringConstructor;
+        default: string;
     };
-    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;
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    onTitleClick: {
-        type: PropType< ApProductInfoProps["onTitleClick"]>;
+    values: {
+        type: PropType< ApProductInfoValue[]>;
+        default: () => never[];
     };
 }>> & Readonly<{}>, {
+    values: ApProductInfoValue[];
+    title: string;
+    preview: boolean;
     imgSrc: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/src/business/ap-product-info/ApProductInfo.mjs

@@ -0,0 +1,59 @@
+import { defineComponent as s, createVNode as e, createTextVNode as a, Fragment as d } from "vue";
+import { ApProductInfoProps as f } from "./constans.mjs";
+import "../../config-provider/index.mjs";
+import { Tooltip as v } from "@aplus-frontend/antdv";
+import { ApImage as p } from "../ap-image/index.mjs";
+import { useNamespace as m } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as g } from "../../config-provider/hooks/use-global-config.mjs";
+const P = /* @__PURE__ */ s({
+  name: "ApProductInfo",
+  props: f(),
+  setup(i) {
+    const {
+      b: u,
+      e: t,
+      m: o
+    } = m("ap-product-info"), c = g("uiMode", "aplus"), r = (l) => typeof l == "function" ? l() : l || "--";
+    return () => e("div", {
+      class: [u(), `${o(c.value)}`]
+    }, [e("div", {
+      class: t("img")
+    }, [e(p, {
+      src: i.imgSrc,
+      width: 44,
+      height: 44,
+      preview: i.preview
+    }, null)]), e("div", {
+      class: [t("content")]
+    }, [i.title ? e(v, null, {
+      default: () => [e("div", {
+        class: t("title")
+      }, [i.title])],
+      title: () => e("div", {
+        class: t("title-tip")
+      }, [i.title])
+    }) : e("div", {
+      class: t("title")
+    }, [a("--")]), i.values && e("div", {
+      class: t("row-divider")
+    }, [i.values.map((l, n) => e(d, null, [e("div", {
+      key: n,
+      class: [t("item"), l.col === 2 && o("full-width"), n % 2 === 0 || l.col == 2 ? o("left") : o("right")]
+    }, [l.label && e("div", {
+      class: t("label")
+    }, [l.label, e("span", null, [a(":")])]), e("div", {
+      class: [t("value"), l.link && o("link")],
+      title: typeof l.value != "function" ? r(l.value) : "",
+      onClick: () => {
+        l.link && window.open(l.link, "_blank");
+      }
+    }, [typeof l.value == "function" ? l.value() : r(l.value)])]), l.col == 1 && n % 2 == 0 ? e("div", {
+      class: t("divider")
+    }, [e("div", {
+      class: t("divider-vertical")
+    }, null)]) : null]))])])]);
+  }
+});
+export {
+  P as default
+};

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

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

package/es/src/business/ap-product-info/constans.mjs

@@ -0,0 +1,21 @@
+const e = () => ({
+  title: {
+    type: String,
+    default: ""
+  },
+  imgSrc: {
+    type: String,
+    default: ""
+  },
+  preview: {
+    type: Boolean,
+    default: !1
+  },
+  values: {
+    type: Array,
+    default: () => []
+  }
+});
+export {
+  e as ApProductInfoProps
+};