@aplus-frontend/ui 0.2.0-beta.2 → 0.2.0-beta.3

package/es/src/business/ap-summary/ap-summary.vue2.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as k, computed as S, openBlock as o, createBlock as u, unref as n, normalizeClass as i, withCtx as c, createElementBlock as g, Fragment as T, renderList as _, normalizeStyle as C, createTextVNode as b, toDisplayString as L } from "vue";
+import { isNil as N, get as w } from "lodash-unified";
+import { TableSummaryRow as B, TableSummaryCell as z } from "ant-design-vue";
+import { flattenColumns as A, formatDataIndex as D } from "./utils.mjs";
+import "../../config-provider/index.mjs";
+import { isNumeric as F, toThousand as I, toFixed as v } from "@aplus-frontend/utils";
+import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
+const J = /* @__PURE__ */ k({
+  name: "ApSummary",
+  __name: "ap-summary",
+  props: {
+    data: {},
+    columns: {},
+    summaryTitle: {
+      default: "合计"
+    },
+    hasSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(p) {
+    const s = p, y = (e) => e === 0, d = (e, r) => {
+      var l;
+      if (!e || !F(e) || r.valueType !== "number")
+        return e;
+      const t = (l = r.fieldProps) == null ? void 0 : l.field, a = (t == null ? void 0 : t.precision) || 0;
+      return (N(t == null ? void 0 : t.thousands) ? !0 : t == null ? void 0 : t.thousands) ? I(e, a) : v(e, a);
+    }, f = S(() => {
+      let e = [];
+      s.hasSelect && e.push({
+        key: "select",
+        rowSpan: 1,
+        align: "left",
+        value: ""
+      });
+      const t = A(s.columns).map((a, m) => ({
+        key: a.key,
+        rowSpan: 1,
+        align: a.align,
+        value: y(m) ? s.summaryTitle : d(w(s.data, D(a.dataIndex || a.key)), a)
+      }));
+      return e.concat(t);
+    }), {
+      b: h,
+      e: x
+    } = E("ap-summary");
+    return (e, r) => (o(), u(n(B), {
+      class: i(n(h)())
+    }, {
+      default: c(() => [(o(!0), g(T, null, _(f.value, (t, a) => (o(), u(n(z), {
+        class: i(n(x)("item")),
+        key: t.key,
+        index: a,
+        style: C({
+          textAlign: t.align
+        })
+      }, {
+        default: c(() => [b(L(t.value), 1)]),
+        _: 2
+      }, 1032, ["class", "index", "style"]))), 128))]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  J as default
+};

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

@@ -0,0 +1,95 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { ValueType, SummaryColumnType } from './interface';
+export * from './interface';
+export * from './utils';
+declare const ApSummary: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        data: {
+            type: PropType<ValueType>;
+        };
+        columns: {
+            type: PropType<SummaryColumnType>;
+            required: true;
+        };
+        summaryTitle: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasSelect: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        data: {
+            type: PropType<ValueType>;
+        };
+        columns: {
+            type: PropType<SummaryColumnType>;
+            required: true;
+        };
+        summaryTitle: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasSelect: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        summaryTitle: string;
+        hasSelect: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        data: {
+            type: PropType<ValueType>;
+        };
+        columns: {
+            type: PropType<SummaryColumnType>;
+            required: true;
+        };
+        summaryTitle: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasSelect: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        summaryTitle: string;
+        hasSelect: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    data: {
+        type: PropType<ValueType>;
+    };
+    columns: {
+        type: PropType<SummaryColumnType>;
+        required: true;
+    };
+    summaryTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    hasSelect: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    summaryTitle: string;
+    hasSelect: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
+export { ApSummary };

package/es/src/business/ap-summary/index.mjs

@@ -0,0 +1,13 @@
+import { withInstall as m } from "@aplus-frontend/utils";
+import "./ap-summary.vue.mjs";
+import "./interface.mjs";
+import { computedRecords as n, flattenColumns as s, formatDataIndex as c, formatNumber as l } from "./utils.mjs";
+import o from "./ap-summary.vue2.mjs";
+const e = m(o);
+export {
+  e as ApSummary,
+  n as computedRecords,
+  s as flattenColumns,
+  c as formatDataIndex,
+  l as formatNumber
+};

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

@@ -0,0 +1,41 @@
+import { ColumnsType } from 'ant-design-vue/es/table';
+import { AlignType, DataIndex, Key } from 'ant-design-vue/es/vc-table/interface';
+import { ApColumnType } from 'src/ap-table';
+export type SummaryColumnType = ApColumnType[] | ColumnsType;
+export type ValueType = {
+    [key in string]: any;
+};
+export interface ApSummaryProps {
+    data?: ValueType;
+    columns: SummaryColumnType;
+    /**
+     * @default 合计
+     */
+    summaryTitle?: string;
+    /**
+     * @default true
+     */
+    hasSelect?: boolean;
+}
+export interface SummaryItemType {
+    key: any | undefined;
+    rowSpan: number;
+    align?: AlignType | undefined;
+    value: any;
+}
+export interface SumConfig {
+    /**
+     * 优先用 columns 的dataIndex做对比，再用 key 做对比
+     */
+    key: Key;
+    dataIndex: DataIndex | undefined;
+}
+export interface ComputedRecordParams<T> {
+    records: T[];
+    columns: SummaryColumnType;
+    configList?: SumConfig[];
+    /**
+     * 排出 在 columns 和 configList中相同key 的配置项
+     */
+    exclude?: Key[];
+}

package/es/src/business/ap-summary/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/business/ap-summary/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/dist/ap-summary/ap-summary.css';

package/es/src/business/ap-summary/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/ap-summary/index.less';

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

@@ -0,0 +1,12 @@
+import { ComputedRecordParams, SummaryColumnType, ValueType } from './interface';
+import { DataIndex, Key } from 'ant-design-vue/es/vc-table/interface';
+import { ApColumnType } from '../../ap-table/interface';
+export declare const flattenColumns: (columns?: SummaryColumnType) => ApColumnType[];
+export declare const formatDataIndex: (dataIndex?: DataIndex | Key) => string | number | readonly (string | number)[];
+export declare const formatNumber: (value: any, precision: number, thousands: boolean) => string;
+/**
+ * 自动对表格数据进行求和
+ * @param params ComputedRecordParams
+ * @returns
+ */
+export declare function computedRecords<T>(params: ComputedRecordParams<T>): ValueType;

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

@@ -0,0 +1,36 @@
+import { flatten as k, uniqBy as I, get as s, set as N } from "lodash-unified";
+import { toThousand as R, toFixed as V, addNumber as S } from "@aplus-frontend/utils";
+const b = (t) => {
+  var e, d;
+  return t != null && t.children && ((e = t == null ? void 0 : t.children) == null ? void 0 : e.length) > 0 ? k((d = t.children) == null ? void 0 : d.map((n) => b(n))) : [t];
+}, T = (t) => k(
+  t == null ? void 0 : t.map((e) => b(e))
+), u = (t) => Object.prototype.toString.call(t) === "[object Array]" ? t.map((e) => String(e)).join(".") : t || "", B = (t, e, d) => d ? R(t, e) : V(t, e);
+function D(t) {
+  var y;
+  const { records: e, columns: d, configList: n, exclude: c } = t;
+  if (e.length === 0)
+    return {};
+  const f = T(d);
+  let a = (y = f == null ? void 0 : f.filter((r) => r.valueType === "number")) == null ? void 0 : y.map((r) => ({
+    key: r.key || "",
+    dataIndex: r.dataIndex
+  }));
+  n && (n == null ? void 0 : n.length) > 0 && (a = I(a == null ? void 0 : a.concat(n), "key")), c && c.length > 0 && (a = a.filter(
+    (r) => !c.includes(r.key)
+  ));
+  const x = {};
+  return e.reduce((r, h) => (a.forEach((o) => {
+    var p;
+    if (s(h, u(o.dataIndex || o.key))) {
+      const i = o.dataIndex || o.key, g = s(r, u(i)) || 0, j = s(h, u(i)) || 0, l = (p = S(g, j)) == null ? void 0 : p.toNumber();
+      N(r, i, +l);
+    }
+  }), r), x);
+}
+export {
+  D as computedRecords,
+  T as flattenColumns,
+  u as formatDataIndex,
+  B as formatNumber
+};

package/es/src/business/index.d.ts

@@ -14,4 +14,5 @@ export * from './ap-select-layout';
 export * from './ap-status';
 export * from './ap-title';
 export * from './hooks/index';
+export * from './ap-summary';
 export { ApTransformDataHelper } from '../utils/ap-trans-data';

package/es/src/business/index.mjs

@@ -1,37 +1,39 @@
 import { default as t } from "./ap-table-modal/index.mjs";
-import { ApAttachment as A } from "./ap-attachment/index.mjs";
-import { ApBatchAction as m } from "./ap-batch-action/index.mjs";
+import { ApAttachment as m } from "./ap-attachment/index.mjs";
+import { ApBatchAction as a } from "./ap-batch-action/index.mjs";
 import { ApBatchActionGroup as x } from "./ap-batch-action-group/index.mjs";
 import { ApButtonGroup as l } from "./ap-button-group/index.mjs";
 import { ApCard as n } from "./ap-card/index.mjs";
 import { ApExpandAlert as i } from "./ap-expand-alert/index.mjs";
 import { ApExportGroup as s } from "./ap-export-group/index.mjs";
-import { ApImage as b } from "./ap-image/index.mjs";
-import { ApInputRadio as B } from "./ap-input-radio/index.mjs";
-import { ApLabel as T, ApLabelGroup as E } from "./ap-label/index.mjs";
-import { ApLadder as g } from "./ap-ladder/index.mjs";
+import { ApImage as S } from "./ap-image/index.mjs";
+import { ApInputRadio as h } from "./ap-input-radio/index.mjs";
+import { ApLabel as T, ApLabelGroup as y } from "./ap-label/index.mjs";
+import { ApLadder as I } from "./ap-ladder/index.mjs";
 import { ApSelectLayout as C } from "./ap-select-layout/index.mjs";
 import { ApStatus as H, ApStatusGroup as M } from "./ap-status/index.mjs";
 import { ApTitle as j } from "./ap-title/index.mjs";
 import "./hooks/index.mjs";
-import { ApTransformDataHelper as q } from "../utils/ap-trans-data/index.mjs";
+import { ApSummary as q } from "./ap-summary/index.mjs";
+import { ApTransformDataHelper as w } from "../utils/ap-trans-data/index.mjs";
 export {
-  A as ApAttachment,
-  m as ApBatchAction,
+  m as ApAttachment,
+  a as ApBatchAction,
   x as ApBatchActionGroup,
   l as ApButtonGroup,
   n as ApCard,
   i as ApExpandAlert,
   s as ApExportGroup,
-  b as ApImage,
-  B as ApInputRadio,
+  S as ApImage,
+  h as ApInputRadio,
   T as ApLabel,
-  E as ApLabelGroup,
-  g as ApLadder,
+  y as ApLabelGroup,
+  I as ApLadder,
   C as ApSelectLayout,
   H as ApStatus,
   M as ApStatusGroup,
+  q as ApSummary,
   t as ApTableModal,
   j as ApTitle,
-  q as ApTransformDataHelper
+  w as ApTransformDataHelper
 };

package/es/src/editable-table/utils.mjs

@@ -1,19 +1,19 @@
-import { isVNode as h, createVNode as s, mergeProps as I, createTextVNode as F, Fragment as S } from "vue";
-import { isFunction as m, isArray as g, isBoolean as w, omit as P, isString as V } from "lodash-unified";
-import { apTableFormItemMap as q, noRenderAsFormItemValueList as v, apTableRenderItemMap as C } from "../ap-table/constants.mjs";
+import { isVNode as I, createVNode as r, mergeProps as S, createTextVNode as F, Fragment as w } from "vue";
+import { isFunction as m, isArray as g, isBoolean as P, omit as V, isString as q } from "lodash-unified";
+import { apTableFormItemMap as v, noRenderAsFormItemValueList as C, apTableRenderItemMap as N } from "../ap-table/constants.mjs";
 import { isDef as j } from "../utils/index.mjs";
 import { getValueStr as A } from "../ap-field/number/helper.mjs";
-import N from "scroll-into-view-if-needed";
-import { Typography as O, Tooltip as W } from "ant-design-vue";
+import O from "scroll-into-view-if-needed";
+import { Typography as W, Tooltip as _ } from "ant-design-vue";
 import "../ap-form/index.mjs";
-import { objectToString as _ } from "../ap-table/utils.mjs";
-import { QuestionCircleOutlined as D } from "@ant-design/icons-vue";
+import { objectToString as D } from "../ap-table/utils.mjs";
+import { QuestionCircleOutlined as E } from "@ant-design/icons-vue";
 import T from "../ap-form/item/index.vue.mjs";
 function b(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !h(t);
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !I(t);
 }
-function E(t) {
-  return q[t];
+function R(t) {
+  return v[t];
 }
 function k(t) {
   if (!t.fieldProps)
@@ -28,9 +28,9 @@ function B(t, e) {
     const i = t.fieldProps ? m(t.fieldProps) ? t.fieldProps({}) : t.fieldProps : {};
     return A(e, i) || "--";
   }
-  return _(e);
+  return D(e);
 }
-function Z(t, e) {
+function H(t, e) {
   const i = [t];
   if (e) {
     const o = g(e) ? e : [e];
@@ -38,22 +38,22 @@ function Z(t, e) {
   }
   return i.join(" ");
 }
-function $(t, e = document.body, i = {}) {
+function M(t, e = document.body, i = {}) {
   const o = e.querySelectorAll("tr.ant-table-row")[t];
-  o && N(o, {
+  o && O(o, {
     scrollMode: "if-needed",
     block: "nearest",
     behavior: "smooth",
     ...i
   });
 }
-function H(t, e, i) {
-  return v.includes(t.valueType) ? i : t.copyable || t.ellipsis ? s(O.Paragraph, {
+function L(t, e, i) {
+  return C.includes(t.valueType) ? i : t.copyable || t.ellipsis ? r(W.Paragraph, {
     copyable: t.copyable ? {
       text: e,
       tooltip: !1
     } : !1,
-    ellipsis: t.ellipsis ? w(t.ellipsis) ? {
+    ellipsis: t.ellipsis ? P(t.ellipsis) ? {
       tooltip: e
     } : {
       ...t.ellipsis,
@@ -62,73 +62,73 @@ function H(t, e, i) {
     content: t.ellipsis ? B(t, e) : i
   }, null) : i;
 }
-function M(t, e, i, o, d, l) {
-  var c, a;
+function tt(t, e, i, o, d, l) {
+  var u, y;
   if (e) {
     if (t.customRenderFormItem) {
-      const y = t.customRenderFormItem(t, i.field, e, d);
-      return s(T, P(i, ["field"]), b(y) ? y : {
-        default: () => [y]
+      const a = t.customRenderFormItem(t, i.field, e, d);
+      return r(T, V(i, ["field"]), b(a) ? a : {
+        default: () => [a]
       });
     }
-    const r = E(t.valueType);
-    if (r)
-      return s(r, i, null);
-    const n = l == null ? void 0 : l[t.valueType], f = (c = n == null ? void 0 : n.renderFormItem) == null ? void 0 : c.call(n, i.field);
-    return f ? s(T, i, b(f) ? f : {
-      default: () => [f]
+    const s = R(t.valueType);
+    if (s)
+      return r(s, i, null);
+    const n = l == null ? void 0 : l[t.valueType], p = (u = n == null ? void 0 : n.renderFormItem) == null ? void 0 : u.call(n, i.field);
+    return p ? r(T, i, b(p) ? p : {
+      default: () => [p]
     }) : null;
   }
-  let p;
-  const u = C[t.valueType];
-  if (u)
-    p = s(u, I(i.field, {
+  let f;
+  const c = N[t.valueType];
+  if (c)
+    f = r(c, S(i.field, {
       mode: "read"
     }), null);
   else {
-    const r = l == null ? void 0 : l[t.valueType];
-    p = (a = r == null ? void 0 : r.render) == null ? void 0 : a.call(r, o, d, i.field);
+    const s = l == null ? void 0 : l[t.valueType];
+    f = (y = s == null ? void 0 : s.render) == null ? void 0 : y.call(s, o, d, i.field);
   }
-  return p ? H(t, o, p) : null;
+  return f ? L(t, o, f) : null;
 }
-function tt(t, e, i, o, d) {
+function et(t, e, i, o, d) {
   const l = o == null ? void 0 : o({
     title: t.title,
     column: t
-  });
-  if (l && (l.length > 1 || l[0].children && l[0].children !== "v-if"))
+  }), f = (l == null ? void 0 : l.filter((h) => h.type !== Symbol.for("v-cmt"))) || [];
+  if (l && f.length > 0)
     return l;
-  const u = k(t), a = V(t.title) ? {
+  const u = k(t), s = q(t.title) ? {
     class: e,
     title: t.title
-  } : {}, r = s("div", a, [u ? s("span", {
+  } : {}, n = r("div", s, [u ? r("span", {
     class: i
-  }, [F("*")]) : null, t.title]), n = t.tooltip ? m(t.tooltip) ? t.tooltip(t) : s(S, null, [t.tooltip]) : null;
-  return n ? s("span", {
+  }, [F("*")]) : null, t.title]), p = t.tooltip ? m(t.tooltip) ? t.tooltip(t) : r(w, null, [t.tooltip]) : null;
+  return p ? r("span", {
     style: {
       display: "inline-flex",
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [r, s(W, {
-    title: n,
+  }, [n, r(_, {
+    title: p,
     placement: "bottom"
   }, {
-    default: () => [s(D, {
+    default: () => [r(E, {
       style: {
         padding: "4px",
         color: d,
         verticalAlign: "middle"
       }
     }, null)]
-  })]) : r;
+  })]) : n;
 }
 export {
   k as getColumnIsRequired,
-  E as getEditableComponent,
-  tt as getEditableTableTitle,
-  M as getFinalNode,
+  R as getEditableComponent,
+  et as getEditableTableTitle,
+  tt as getFinalNode,
   B as getRawDisplayValue,
-  Z as mergeClass,
-  $ as scrollToRowIndex
+  H as mergeClass,
+  M as scrollToRowIndex
 };

package/es/src/hooks/useControllableValue.d.ts

@@ -1,12 +1,17 @@
 import { Ref } from 'vue';
 import { Recordable } from '../type';
-type Options = {
-    defaultValue?: any;
+type Options<ValueType = any> = {
+    defaultValue?: ValueType;
     defaultValuePropName?: string;
     valuePropName?: string;
+    /**
+     * 在更新值之前执行，返回false将不更新值，支持异步
+     * @returns
+     */
+    beforeUpdateValue?: (nextVal: ValueType) => boolean | Promise<boolean>;
 };
 export declare function useControllableValue<ValueType = any>(props: Recordable, emit: (event: any, ...args: any[]) => void, options?: Options): {
     value: Ref<ValueType>;
-    updateValue: (newValue: any) => void;
+    updateValue: (newValue: any) => Promise<void>;
 };
 export {};

package/es/src/hooks/useControllableValue.mjs

@@ -1,26 +1,31 @@
-import { ref as v, watch as V } from "vue";
+import { ref as V, nextTick as n, watch as N } from "vue";
 import { isUndefined as d } from "lodash-unified";
-function P(u, t, e) {
-  const f = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", a = (e == null ? void 0 : e.valuePropName) || "value", r = v(c());
-  function m(l) {
-    u[a] === void 0 && (r.value = l), t(`update:${a}`, l);
+function g(a, t, e) {
+  const f = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", l = (e == null ? void 0 : e.valuePropName) || "value", u = V(m());
+  async function v(r) {
+    e != null && e.beforeUpdateValue && (c(), !await e.beforeUpdateValue(r)) || (a[l] === void 0 && (u.value = r), t(`update:${l}`, r));
   }
   function c() {
-    return d(u[a]) ? d(u[f]) ? e == null ? void 0 : e.defaultValue : u[f] : u[a];
+    u.value === void 0 && (u.value = "", n(() => {
+      u.value = void 0;
+    }));
   }
-  return V(
-    () => u[a],
-    (l) => {
-      r.value = l;
+  function m() {
+    return d(a[l]) ? d(a[f]) ? e == null ? void 0 : e.defaultValue : a[f] : a[l];
+  }
+  return N(
+    () => a[l],
+    (r) => {
+      u.value = r;
     },
     {
       deep: !0
     }
   ), {
-    value: r,
-    updateValue: m
+    value: u,
+    updateValue: v
   };
 }
 export {
-  P as useControllableValue
+  g as useControllableValue
 };