@aplus-frontend/ui 6.21.1 → 6.22.0-beta.0

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

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

package/es/src/ap-pro-card/components/card/index.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as Y, useSlots as Z, computed as s, ref as ee, createVNode as u, Fragment as x, createElementBlock as b, openBlock as n, mergeProps as te, createCommentVNode as v, createElementVNode as oe, normalizeStyle as A, normalizeClass as m, unref as g, renderSlot as G, createBlock as p, resolveDynamicComponent as h, withCtx as P } from "vue";
-import { Spin as re, Tooltip as le } from "@aplus-frontend/antdv";
+import { defineComponent as Y, useSlots as Z, computed as s, ref as ee, createVNode as u, Fragment as x, createElementBlock as b, openBlock as n, mergeProps as te, createCommentVNode as v, createElementVNode as re, normalizeStyle as w, normalizeClass as m, unref as g, renderSlot as G, createBlock as p, resolveDynamicComponent as h, withCtx as P } from "vue";
+import { Spin as oe, Tooltip as le } from "@aplus-frontend/antdv";
 import { QuestionCircleOutlined as ne } from "@ant-design/icons-vue";
 import { getProCardCssVar as ae } from "../../utils/css-var.mjs";
 import "../../../config-provider/index.mjs";
@@ -64,10 +64,10 @@ const be = /* @__PURE__ */ Y({
     }
   },
   setup(E) {
-    const t = E, o = Z(), {
+    const t = E, r = Z(), {
       b: c
-    } = se("pro-card"), V = de("uiMode"), M = s(() => ae(V.value)), $ = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], f = ie(), k = (e, r) => e ? r : {}, _ = (e) => {
-      const r = [0, 0];
+    } = se("pro-card"), V = de("uiMode"), M = s(() => ae(V.value)), $ = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"], f = ie(), k = (e, o) => e ? o : {}, _ = (e) => {
+      const o = [0, 0];
       return (Array.isArray(e) ? e : [e, 0]).forEach((a, d) => {
         if (typeof a == "object")
           for (let i = 0; i < $.length; i += 1) {
@@ -82,15 +82,15 @@ const be = /* @__PURE__ */ Y({
               xxxl: !1,
               ...f == null ? void 0 : f.value
             }[y] && a[y] !== void 0) {
-              r[d] = a[y];
+              o[d] = a[y];
               break;
             }
           }
         else
-          r[d] = a || 0;
-      }), r;
+          o[d] = a || 0;
+      }), o;
     }, I = (e) => {
-      let r = e;
+      let o = e;
       if (typeof e == "object")
         for (let a = 0; a < $.length; a += 1) {
           const d = $[a], i = {
@@ -104,30 +104,30 @@ const be = /* @__PURE__ */ Y({
             ...f == null ? void 0 : f.value
           };
           if (i != null && i[d] && (e == null ? void 0 : e[d]) !== void 0) {
-            r = e[d];
+            o = e[d];
             break;
           }
         }
-      const l = k(typeof r == "string" && /\d%|\dpx/i.test(r), {
-        width: r,
+      const l = k(typeof o == "string" && /\d%|\dpx/i.test(o), {
+        width: o,
         flexShrink: 0
       });
       return {
-        span: r,
+        span: o,
         colSpanStyle: l
       };
     }, D = s(() => _(t.gutter)), N = ee(!1), O = (e) => {
       N.value = e;
     }, F = s(() => {
       var e;
-      return u(x, null, [t.title || ((e = o.title) == null ? void 0 : e.call(o))]);
+      return u(x, null, [t.title || ((e = r.title) == null ? void 0 : e.call(r))]);
     }), H = s(() => u(x, null, [t.tooltip])), Q = s(() => {
       var e;
-      return u(x, null, [t.extra || ((e = o.extra) == null ? void 0 : e.call(o))]);
+      return u(x, null, [t.extra || ((e = r.extra) == null ? void 0 : e.call(r))]);
     }), T = s(() => {
       var e;
-      return u(x, null, [t.actions || ((e = o.actions) == null ? void 0 : e.call(o))]);
-    }), q = s(() => t.loading === !0 ? u(re, {
+      return u(x, null, [t.actions || ((e = r.actions) == null ? void 0 : e.call(r))]);
+    }), q = s(() => t.loading === !0 ? u(oe, {
       style: {
         width: "100%",
         height: "100%",
@@ -137,34 +137,34 @@ const be = /* @__PURE__ */ Y({
       }
     }, null) : u(x, null, [t.loading]));
     function J() {
-      var r;
-      const e = (r = o.default) == null ? void 0 : r.call(o);
-      return O(!1), u(x, null, [e == null ? void 0 : e.map((l, a, d) => {
+      var o;
+      const e = (o = r.default) == null ? void 0 : o.call(r);
+      return O(!1), u(x, null, [Array.isArray(e) ? e == null ? void 0 : e.map((l, a, d) => {
         var i, y, z;
         if (l && typeof l == "object" && "type" in l && ((i = l.type) == null ? void 0 : i.isProCard) === !0) {
           O(!0);
           const U = ((y = l == null ? void 0 : l.props) == null ? void 0 : y.colSpan) || ((z = l == null ? void 0 : l.props) == null ? void 0 : z["col-span"]) || {}, {
             span: C,
             colSpanStyle: W
-          } = I(U), B = c("col"), X = S(`${B}`, [typeof C == "number" && C >= 0 && C <= 24 ? `${B}-span-${C}` : void 0, t.split === "horizontal" && a !== d.length - 1 ? `${B}-split-horizontal` : void 0, t.split === "vertical" && a !== d.length - 1 ? `${B}-split-vertical` : void 0].filter(Boolean)), [j, w] = D.value;
+          } = I(U), B = c("col"), X = S(`${B}`, [typeof C == "number" && C >= 0 && C <= 24 ? `${B}-span-${C}` : void 0, t.split === "horizontal" && a !== d.length - 1 ? `${B}-split-horizontal` : void 0, t.split === "vertical" && a !== d.length - 1 ? `${B}-split-vertical` : void 0].filter(Boolean)), [A, j] = D.value;
           return u("div", {
             class: X,
             style: {
               ...W,
-              ...k(j > 0, {
-                paddingInlineStart: `${j / 2}px`,
-                paddingInlineEnd: `${j / 2}px`
+              ...k(A > 0, {
+                paddingInlineStart: `${A / 2}px`,
+                paddingInlineEnd: `${A / 2}px`
               }),
-              ...k(w > 0, {
-                paddingBlockStart: `${w / 2}px`,
-                paddingBlockEnd: `${w / 2}px`
+              ...k(j > 0, {
+                paddingBlockStart: `${j / 2}px`,
+                paddingBlockEnd: `${j / 2}px`
               }),
               ...t.colStyle
             }
           }, [l]);
         }
         return l;
-      })]);
+      }) : e]);
     }
     const K = s(() => {
       const e = c();
@@ -176,20 +176,20 @@ const be = /* @__PURE__ */ Y({
       const e = c("body");
       return S(`${e}`, [t.layout === "center" ? `${e}-center` : void 0, t.split === "horizontal" || t.direction === "column" ? `${e}-direction-column` : void 0, t.wrap && N.value ? `${e}-wrap` : void 0].filter(Boolean));
     });
-    return (e, r) => (n(), b("div", te({
+    return (e, o) => (n(), b("div", te({
       class: K.value,
       style: {
         ...M.value
       }
     }, {
       ...e.$attrs
-    }), [t.title || o.title || t.extra || o.extra ? (n(), b("div", {
+    }), [t.title || r.title || t.extra || r.extra ? (n(), b("div", {
       key: 0,
       class: m(L.value),
-      style: A({
+      style: w({
         ...t.headStyle
       })
-    }, [t.title || o.title ? (n(), b("div", {
+    }, [t.title || r.title ? (n(), b("div", {
       key: 0,
       class: m(g(c)("header-title"))
     }, [G(e.$slots, "title", {}, () => [(n(), p(h(F.value)))]), t.tooltip ? (n(), p(g(le), {
@@ -200,22 +200,22 @@ const be = /* @__PURE__ */ Y({
         class: m(g(c)("header-title-tooltip"))
       }, null, 8, ["class"])]),
       _: 1
-    })) : v("", !0)], 2)) : v("", !0), t.extra || o.extra ? (n(), b("div", {
+    })) : v("", !0)], 2)) : v("", !0), t.extra || r.extra ? (n(), b("div", {
       key: 1,
       class: m(g(c)("header-extra"))
-    }, [G(e.$slots, "extra", {}, () => [(n(), p(h(Q.value)))])], 2)) : v("", !0)], 6)) : v("", !0), oe("div", {
+    }, [G(e.$slots, "extra", {}, () => [(n(), p(h(Q.value)))])], 2)) : v("", !0)], 6)) : v("", !0), re("div", {
       class: m(R.value),
-      style: A({
+      style: w({
         ...t.bodyStyle
       })
     }, [t.loading ? (n(), p(h(q.value), {
       key: 0
     })) : (n(), p(h(J()), {
       key: 1
-    }))], 6), t.actions || o.actions ? (n(), b("div", {
+    }))], 6), t.actions || r.actions ? (n(), b("div", {
       key: 1,
       class: m(g(c)("actions")),
-      style: A({
+      style: w({
         ...t.actionsStyle
       })
     }, [(n(), p(h(T.value)))], 6)) : v("", !0)], 16));

package/es/src/ap-pro-card/index.d.ts

@@ -1,10 +1,42 @@
-import { default as Card } from './components/card/index.vue';
-import { default as Divider } from './components/divider/index.vue';
-import { default as Title } from './components/title/index.vue';
-export type ProCardType = typeof Card & {
-    isProCard: boolean;
-    Divider: typeof Divider;
-    Title: typeof Title;
-};
-declare const ApProCard: ProCardType;
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { ApProCardProps, ApProCardGutter, ApProCardSolts } from './interface';
+declare const ApProCard: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        wrap: boolean;
+        boxShadow: boolean;
+        gutter: ApProCardGutter | ApProCardGutter[];
+        ghost: boolean;
+        bordered: boolean;
+        headerBordered: boolean;
+        hoverable: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, {
+        wrap: boolean;
+        boxShadow: boolean;
+        gutter: ApProCardGutter | ApProCardGutter[];
+        ghost: boolean;
+        bordered: boolean;
+        headerBordered: boolean;
+        hoverable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ApProCardProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    wrap: boolean;
+    boxShadow: boolean;
+    gutter: ApProCardGutter | ApProCardGutter[];
+    ghost: boolean;
+    bordered: boolean;
+    headerBordered: boolean;
+    hoverable: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Readonly< ApProCardSolts> & ApProCardSolts;
+});
 export { ApProCard };

package/es/src/ap-pro-card/index.mjs

@@ -1,13 +1,7 @@
 import "./components/card/index.vue.mjs";
-import "./components/divider/index.vue.mjs";
-import "./components/title/index.vue.mjs";
-import i from "./components/card/index.vue2.mjs";
-import o from "./components/divider/index.vue2.mjs";
-import m from "./components/title/index.vue2.mjs";
-const r = i;
-r.isProCard = !0;
-r.Divider = o;
-r.Title = m;
+import r from "./components/card/index.vue2.mjs";
+const o = r;
+o.isProCard = !0;
 export {
-  r as ApProCard
+  o as ApProCard
 };

package/es/src/ap-pro-card/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, VNode, VNodeChild } from 'vue';
+import { CSSProperties, VNodeChild } from 'vue';
 export type ApProCardBreakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type ApProCardGutter = number | Partial<Record<ApProCardBreakpoint, number>>;
 export type ApProCardColSpanType = number | string;
@@ -51,7 +51,7 @@ export interface ApProCardProps {
 }
 export type ApProCardSolts = {
     /** 内容区 */
-    default?: () => VNode[];
+    default?: () => VNodeChild;
     /** 标题 */
     title?: () => VNodeChild;
     /** 右上角自定义区域 */

package/es/src/ap-table/utils.d.ts

@@ -97,7 +97,7 @@ export declare function updateFormProps(item: ApColumnType<any, any>, fieldProps
  * @returns
  */
 export declare function objectToString(value: any): any;
-export declare function getTableTitle(column: ApColumnType<any>, titleNodeClassName: string, slot?: (props: {
+export declare function getTableTitle(column: ApColumnType<any>, titleNodeClassName: string | string[], slot?: (props: {
     title: any;
     column: ApColumnType<any>;
 }) => any, tooltipColor?: string): number | boolean | void | VNodeArrayChildren | VNode< RendererNode, RendererElement, {

package/es/src/index.d.ts

@@ -26,3 +26,4 @@ export * from './ap-grid';
 export * from './text';
 export * from './mask';
 export * from './splitter';
+export * from './ag-grid';