@aplus-frontend/ui 7.6.0 → 7.7.0

package/es/src/ap-table/style/setting.mjs

@@ -1,28 +1,29 @@
-import { singleRow as n, resetComponent as i } from "../../style/index.mjs";
-import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
-const r = (e) => {
-  const { componentCls: t, namespace: l } = e;
+import { singleRow as a, resetComponent as t } from "../../style/index.mjs";
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+import { defaultValue as r } from "./index.mjs";
+const o = (e) => {
+  const { componentCls: l, namespace: i } = e;
   return {
-    [t]: {
-      [`${t}-wrapper`]: {
+    [l]: {
+      [`${l}-wrapper`]: {
         display: "flex",
         flexDirection: "row",
         flexWrap: "nowrap",
         height: "100%",
-        paddingBlockEnd: "12px",
-        [`.${l}-ap-table-table-header__title`]: {
-          ...n(e)
+        paddingBlockEnd: e.spaceLG,
+        [`.${i}-ap-table-table-header__title`]: {
+          ...a(e)
         },
-        [`.${l}-ap-grid-table-header__title`]: {
-          ...n(e),
+        [`.${i}-ap-grid-table-header__title`]: {
+          ...a(e),
           fontWeight: "normal",
           color: e.textColor1
         },
-        [`.${l}-ag-grid-table-header__title`]: {
-          ...n(e)
+        [`.${i}-ag-grid-table-header__title`]: {
+          ...a(e)
         }
       },
-      [`${t}-left`]: {
+      [`${l}-left`]: {
         flex: 1,
         flexShrink: 1,
         minWidth: 0,
@@ -59,47 +60,49 @@ const r = (e) => {
           }
         }
       },
-      [`${t}-right`]: {
-        width: "240px"
+      [`${l}-right`]: {
+        width: e.apTableSettingRightWidth
       }
     }
   };
-}, a = (e) => {
-  const { componentCls: t } = e;
+}, c = (e) => {
+  const { componentCls: l } = e;
   return {
-    [t]: {
-      [`${t}-select-group`]: {
+    [l]: {
+      [`${l}-select-group`]: {
         "&-header": {
           backgroundColor: "#F2F6F9",
-          padding: "4px 12px",
-          borderRadius: "4px",
-          marginBlockEnd: "12px",
-          marginInline: "-12px",
+          paddingInline: e.spaceLG,
+          paddingBlock: e.spaceXS,
+          borderRadius: e.borderRadius,
+          marginBlockEnd: e.spaceLG,
+          marginInline: e.calc(e.spaceLG).mul(-1).equal(),
           display: "flex"
         }
       }
     }
   };
 }, p = (e) => {
-  const { componentCls: t } = e, l = `${t}-sortable-item-meta`;
+  const { componentCls: l } = e, i = `${l}-sortable-item-meta`;
   return {
-    [t]: {
-      [l]: {
-        padding: "6px 8px",
-        marginTop: "4px",
+    [l]: {
+      [i]: {
+        paddingInline: e.space,
+        paddingBlock: e.spaceSM,
+        marginBlockStart: e.spaceXS,
         display: "flex",
         flexDirection: "row",
         flexWrap: "nowrap",
         justifyContent: "space-between",
         alignItems: "center",
         "&:hover": {
-          backgroundColor: "#F1F7FF",
-          borderRadius: "2px",
+          backgroundColor: e.calc(e.colorPrimary).colorOpacity(8),
+          borderRadius: e.borderRadiusSM,
           cursor: "pointer",
-          [`${l}-right`]: {
+          [`${i}-right`]: {
             display: "block"
           },
-          [`${l}-left__holder`]: {
+          [`${i}-left__holder`]: {
             color: `${e.colorPrimary} !important`
           }
         },
@@ -114,7 +117,7 @@ const r = (e) => {
             alignItems: "center",
             width: "16px",
             height: "16px",
-            marginRight: "4px",
+            marginInlineEnd: e.spaceXS,
             flexShrink: 0
           },
           "&__label-wrapper": {
@@ -125,10 +128,10 @@ const r = (e) => {
         },
         "&-right": {
           display: "none",
-          paddingLeft: "12px"
+          paddingInlineStart: e.spaceLG
         },
         ".is-level2": {
-          marginLeft: "16px"
+          marginInlineStart: e.spaceXL
         },
         "&-action-item": {
           "&:hover": {
@@ -138,10 +141,10 @@ const r = (e) => {
       }
     }
   };
-}, s = (e) => {
-  const { componentCls: t } = e;
+}, d = (e) => {
+  const { componentCls: l } = e;
   return {
-    [t]: {
+    [l]: {
       [`${e.componentCls}-sortable-item`]: {
         ".is-hidden": {
           display: "none"
@@ -149,25 +152,27 @@ const r = (e) => {
       }
     }
   };
-}, c = (e) => {
-  const { componentCls: t } = e;
+}, s = (e) => {
+  const { componentCls: l } = e;
   return {
-    [t]: {
+    [l]: {
       [`${e.componentCls}-sorter`]: {
         display: "flex",
         flexDirection: "column",
         height: "100%",
         "&-section-title": {
-          fontSize: "12px",
-          lineHeight: "20px",
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight,
           color: e.textColor3,
-          padding: "2px 8px",
-          margin: "4px"
+          paddingInline: e.space,
+          paddingBlock: e.spaceXXS,
+          margin: e.spaceXS
         },
         "&-header": {
-          padding: "12px 20px",
+          paddingInline: "20px",
+          paddingBlock: e.spaceLG,
           "&-title": {
-            ...i(e),
+            ...t(e),
             fontWeight: "bold",
             color: e.textColor1
           }
@@ -175,23 +180,30 @@ const r = (e) => {
         "&-content": {
           flex: 1,
           overflowY: "auto",
-          padding: "8px 12px 0px 8px"
+          paddingBlockStart: e.space,
+          paddingInlineEnd: e.spaceLG,
+          paddingBlockEnd: 0,
+          paddingInlineStart: e.space
         }
       }
     }
   };
-}, g = o("ApTable.Setting", (e) => [
-  r(e),
-  a(e),
-  s(e),
-  p(e),
-  c(e)
-]);
+}, h = n(
+  "ApTable.Setting",
+  (e) => [
+    o(e),
+    c(e),
+    d(e),
+    p(e),
+    s(e)
+  ],
+  r
+);
 export {
-  g as default,
-  a as genTableSettingSelectGroupStyle,
+  h as default,
+  c as genTableSettingSelectGroupStyle,
   p as genTableSettingSortableItemMetaStyle,
-  s as genTableSettingSortableItemStyle,
-  c as genTableSettingSorterStyle,
-  r as genTableSettingStyle
+  d as genTableSettingSortableItemStyle,
+  s as genTableSettingSorterStyle,
+  o as genTableSettingStyle
 };

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

@@ -1,20 +1,19 @@
-import { isVNode as T, createVNode as s, mergeProps as a, cloneVNode as h, createTextVNode as C, Fragment as j } from "vue";
-import { isObject as d, isArray as u, isUndefined as x, isFunction as g, omit as E, isBoolean as O, isString as v, isEqual as F, sortBy as m, isPlainObject as y, every as N, isEmpty as R } from "lodash-unified";
+import { isVNode as T, createVNode as s, mergeProps as a, cloneVNode as h, createTextVNode as C, Fragment as x } from "vue";
+import { isObject as f, isArray as u, isUndefined as E, isFunction as y, omit as j, isBoolean as v, isString as O, isEqual as F, sortBy as m, isPlainObject as g, every as N, isEmpty as R } from "lodash-unified";
 import { apTableRenderItemMap as P, apTableFormItemMap as S } from "./constants.mjs";
-import { isType as I } from "@fruits-chain/utils";
 import "../ap-form/index.mjs";
-import { Tooltip as A } from "@aplus-frontend/antdv";
-import { QuestionCircleOutlined as V } from "@ant-design/icons-vue";
-import w from "../ap-form/item/index.vue.mjs";
-function M(e) {
+import { Tooltip as I } from "@aplus-frontend/antdv";
+import { QuestionCircleOutlined as A } from "@ant-design/icons-vue";
+import V from "../ap-form/item/index.vue.mjs";
+function w(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !T(e);
 }
-const _ = (e, t, n) => {
+const M = (e, t, n) => {
   let o = {};
-  return d(e) ? Object.keys(e).forEach((r) => {
-    d(e[r]) ? o[r] = _(e[r], t[r], n) : o[r] = n(e[r], t);
+  return f(e) ? Object.keys(e).forEach((r) => {
+    f(e[r]) ? o[r] = M(e[r], t[r], n) : o[r] = n(e[r], t);
   }) : o = n(e, t), o;
-}, z = (e, t) => {
+}, L = (e, t) => {
   switch (e) {
     case "dayjs":
       return t.valueOf();
@@ -35,15 +34,15 @@ const _ = (e, t, n) => {
       return t;
   }
 };
-function G(e) {
+function Q(e) {
   return u(e) ? e.join(".") : e;
 }
-function q(e) {
+function _(e) {
   const t = Object.prototype.toString.call(e).match(/^\[object (.*)\]$/)[1].toLowerCase();
   return t === "string" && typeof e == "object" ? "object" : e === null ? "null" : e === void 0 ? "undefined" : t;
 }
-const W = (e) => {
-  if (q(e) === "map")
+const q = (e) => {
+  if (_(e) === "map")
     return e;
   const t = /* @__PURE__ */ new Map();
   for (const [n, o] of Object.entries(e || {})) {
@@ -52,7 +51,7 @@ const W = (e) => {
   }
   return t;
 }, b = (e) => {
-  const t = [], n = W(e);
+  const t = [], n = q(e);
   return n.forEach((o, r) => {
     const i = n.get(r) || n.get(`${r}`);
     if (i) {
@@ -72,21 +71,21 @@ const W = (e) => {
       });
     }
   }), t;
-}, X = (e) => x(e) || e < 0 ? 0 : e;
-function B(e, t) {
-  return !e || !g(e) ? e : e(t);
+}, z = (e) => E(e) || e < 0 ? 0 : e;
+function W(e, t) {
+  return !e || !y(e) ? e : e(t);
 }
-function Y(e) {
+function G(e) {
   let t = e.valueType || "text";
   return e.valueEnum && (t = "status"), t;
 }
-function Z(e, t, n, o) {
+function X(e, t, n, o) {
   const r = P[e];
   return r ? s(r, a(t, {
     mode: "read"
   }), null) : o?.[e]?.render?.(t.value, n, t) || t.value;
 }
-function ee(e, t) {
+function Y(e, t) {
   if (e.customRenderFormItem)
     return () => {
       const r = e.customRenderFormItem(e);
@@ -104,39 +103,39 @@ function ee(e, t) {
   const o = t?.[e.valueType];
   return () => {
     const r = o?.renderFormItem?.(e.fieldProps.field);
-    return r ? s(w, a(e.fieldProps, {
+    return r ? s(V, a(e.fieldProps, {
       span: e.span
-    }), M(r) ? r : {
+    }), w(r) ? r : {
       default: () => [r]
     }) : null;
   };
 }
-function te(e, t) {
-  const n = B(e.fieldProps, t), o = n?.field || n || {}, r = e.valueType === "switch", i = e.valueType === "index", f = r ? {
+function Z(e, t) {
+  const n = W(e.fieldProps, t), o = n?.field || n || {}, r = e.valueType === "switch", i = e.valueType === "index", c = r ? {
     checked: t.value
   } : {
     value: i ? t.index + 1 : t.value
   };
   return e.valueEnum && (o.valueEnum = e.valueEnum), {
-    ...E(o, ["request"]),
-    ...f
+    ...j(o, ["request"]),
+    ...c
   };
 }
-function ne(e) {
+function ee(e) {
   const t = {
     ...e
   };
-  return O(e.filters) && e.filters && e.valueEnum && (t.filters = b(e.valueEnum)), t;
+  return v(e.filters) && e.filters && e.valueEnum && (t.filters = b(e.valueEnum)), t;
 }
-function re(e, t) {
+function te(e, t) {
   const n = t || {};
   return e.valueEnum && !n.field?.options && (n.field = {
     ...n.field,
     options: b(e.valueEnum)
   }), n;
 }
-function oe(e) {
-  if (!I("Object")(e))
+function ne(e) {
+  if (!f(e))
     return e;
   try {
     return JSON.stringify(e);
@@ -144,14 +143,14 @@ function oe(e) {
     return e;
   }
 }
-function ie(e, t, n, o) {
+function re(e, t, n, o) {
   const r = n?.({
     title: e.title,
     column: e
   }), i = r?.filter((l) => l.type !== Symbol.for("v-cmt")) || [];
   if (r && i.length > 0)
     return r;
-  const c = v(e.title) ? s("span", {
+  const p = O(e.title) ? s("span", {
     class: t,
     style: {
       textAlign: e.align || "left"
@@ -162,28 +161,28 @@ function ie(e, t, n, o) {
       color: "#FF4D4F",
       paddingRight: "2px"
     }
-  }, [C("*")]) : null, e.title]) : e.title, p = e.tooltip ? g(e.tooltip) ? e.tooltip(e) : s(j, null, [e.tooltip]) : null;
-  return p ? s("span", {
+  }, [C("*")]) : null, e.title]) : e.title, d = e.tooltip ? y(e.tooltip) ? e.tooltip(e) : s(x, null, [e.tooltip]) : null;
+  return d ? s("span", {
     style: {
       display: "inline-flex",
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [c, s(A, {
-    title: p,
+  }, [p, s(I, {
+    title: d,
     placement: "bottom",
     getPopupContainer: (l) => l.closest(".ant-table") || l.closest(".ant-modal") || l.closest(".vxe-table") || document.body
   }, {
-    default: () => [s(V, {
+    default: () => [s(A, {
       style: {
         paddingInline: "4px",
         color: o,
         verticalAlign: "middle"
       }
     }, null)]
-  })]) : c;
+  })]) : p;
 }
-function se(e, t) {
+function oe(e, t) {
   const n = [];
   function o(r) {
     for (const i of r)
@@ -191,36 +190,36 @@ function se(e, t) {
   }
   return o(e), n;
 }
-function le(e, t) {
+function ie(e, t) {
   if (u(e) && u(t))
     return F(m(e), m(t));
-  if (y(e) && y(t)) {
+  if (g(e) && g(t)) {
     const n = (o) => N(o, (r) => r == null) || R(o);
     if (n(e) && n(t))
       return !0;
   }
 }
-function ue(e) {
+function se(e) {
   if (e !== !1)
     return e;
 }
 export {
-  ne as apColumnToColumn,
-  G as dataIndexToStr,
-  ue as falseToUndefined,
-  _ as formatParamsValueType,
-  X as getColumnOrder,
-  B as getFieldProps,
-  ee as getSearchFormItemRenderNode,
-  Z as getTableCellRenderNode,
-  te as getTableRenderProps,
-  Y as getTableRenderType,
-  ie as getTableTitle,
-  le as isEqualCustom,
-  W as objectToMap,
-  oe as objectToString,
-  z as parseFieldValue,
-  se as recursionApColumns,
-  re as updateFormProps,
+  ee as apColumnToColumn,
+  Q as dataIndexToStr,
+  se as falseToUndefined,
+  M as formatParamsValueType,
+  z as getColumnOrder,
+  W as getFieldProps,
+  Y as getSearchFormItemRenderNode,
+  X as getTableCellRenderNode,
+  Z as getTableRenderProps,
+  G as getTableRenderType,
+  re as getTableTitle,
+  ie as isEqualCustom,
+  q as objectToMap,
+  ne as objectToString,
+  L as parseFieldValue,
+  oe as recursionApColumns,
+  te as updateFormProps,
   b as valueEnumToArray
 };

package/es/src/business/ag-grid-modal/modal-layout/index.vue2.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as I, computed as M, createElementBlock as m, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as s, createBlock as v, createCommentVNode as h, withCtx as i, resolveDynamicComponent as O, h as V, Fragment as b, createVNode as p, createTextVNode as S, toDisplayString as T, renderList as w } from "vue";
+import { defineComponent as M, computed as O, createElementBlock as m, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as s, createBlock as v, createCommentVNode as h, withCtx as i, resolveDynamicComponent as V, h as w, Fragment as b, createVNode as p, createTextVNode as S, toDisplayString as T, renderList as L } from "vue";
 import "../../../config-provider/index.mjs";
 import { ApTitle as k } from "../../ap-title/index.mjs";
-import { Button as L, Empty as C } from "@aplus-frontend/antdv";
-import { useAgGridModalInject as j } from "../hooks/use-ag-grid-instance.mjs";
-import x from "../style/index.mjs";
-import { useLocale as D } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as z } from "../../../config-provider/hooks/use-namespace.mjs";
-const Q = /* @__PURE__ */ I({
+import { Button as j, Empty as C } from "@aplus-frontend/antdv";
+import { useAgGridModalInject as x } from "../hooks/use-ag-grid-instance.mjs";
+import D from "../style/index.mjs";
+import { useLocale as z } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as G } from "../../../config-provider/hooks/use-namespace.mjs";
+const U = /* @__PURE__ */ M({
   __name: "index",
   props: {
     leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
@@ -16,7 +16,7 @@ const Q = /* @__PURE__ */ I({
     layoutType: { default: void 0 }
   },
   setup(B) {
-    const { t: f } = D(), d = j(), r = M(() => d?.selectedRows?.value || []), y = B, E = () => {
+    const { t: f } = z(), d = x(), r = O(() => d?.selectedRows?.value || []), y = B, E = () => {
       if (y.dividerOffset != null)
         return {
           "--ag-grid-modal-layout-divider-offset": `${y.dividerOffset}px`
@@ -25,10 +25,10 @@ const Q = /* @__PURE__ */ I({
       d?.clearAllSelected();
     }, u = (t) => {
       d?.removeSelected(t);
-    }, { e: A, m: l } = z("ag-grid-modal"), N = x("ag-grid-modal");
-    return (t, G) => t.layoutType === "two-column" ? (n(), m("div", {
+    }, { e: A, m: l, b: N } = G("ag-grid-modal"), I = D("ag-grid-modal");
+    return (t, P) => t.layoutType === "two-column" ? (n(), m("div", {
       key: 0,
-      class: o([e(l)("table-layout"), t.bordered ? e(l)("bordered") : "", e(N)]),
+      class: o([e(N)(), e(l)("table-layout"), t.bordered ? e(l)("bordered") : "", e(I)]),
       style: g(E())
     }, [
       s("div", {
@@ -39,7 +39,7 @@ const Q = /* @__PURE__ */ I({
           style: { "margin-bottom": "16px" }
         }, {
           prefix: i(() => [
-            (n(), v(O(V(b, [t.leftTitle]))))
+            (n(), v(V(w(b, [t.leftTitle]))))
           ]),
           _: 1
         })) : h("", !0),
@@ -62,7 +62,7 @@ const Q = /* @__PURE__ */ I({
             ])
           ]),
           suffix: i(() => [
-            p(e(L), {
+            p(e(j), {
               type: "link",
               style: { padding: "0px", height: "22px", "border-width": "0px" },
               onClick: $
@@ -78,7 +78,7 @@ const Q = /* @__PURE__ */ I({
         s("div", {
           class: o(e(l)("table-layout-right-content"))
         }, [
-          (n(!0), m(b, null, w(r.value, (c) => a(t.$slots, "renderSelectedItem", {
+          (n(!0), m(b, null, L(r.value, (c) => a(t.$slots, "renderSelectedItem", {
             key: c,
             record: c,
             actions: { deleteItem: u, deleteCurrent: () => u(c) }
@@ -103,5 +103,5 @@ const Q = /* @__PURE__ */ I({
   }
 });
 export {
-  Q as default
+  U as default
 };

package/es/src/business/ag-grid-modal/style/index.d.ts

@@ -1,3 +1,6 @@
 import { ComputedRef } from 'vue';
+export type AgGridModalToken = {
+    agGridModalRightWidth: number;
+};
 declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/es/src/business/ag-grid-modal/style/index.mjs

@@ -1,23 +1,23 @@
-import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
-const l = (o) => {
-  const { componentCls: t } = o, e = `${t}--table-layout`;
+import { genComponentStyleHook as d } from "../../../utils/cssinjs/index.mjs";
+const l = (e) => {
+  const { componentCls: o } = e, i = `${o}--table-layout`;
   return {
-    [`${t}--bordered`]: {
-      border: `1px solid ${o.colorBg1}`,
-      padding: "16px",
-      borderRadius: o.borderRadius,
+    [`${o}--bordered`]: {
+      border: `${e.lineWidth} ${e.lineType} ${e.colorBg1}`,
+      padding: e.spaceXL,
+      borderRadius: e.borderRadius,
       "--ag-grid-modal-layout-divider-offset": "32px"
     },
-    [e]: {
+    [i]: {
       boxSizing: "border-box",
       display: "flex",
       flex: 1,
       justifyContent: "space-between",
       height: "100%",
-      [`${e}-left`]: {
+      [`${i}-left`]: {
         flex: 1,
         minWidth: 0,
-        paddingInlineEnd: "20px",
+        paddingInlineEnd: e.spaceXL,
         boxSizing: "border-box",
         display: "flex",
         flexDirection: "column",
@@ -25,10 +25,10 @@ const l = (o) => {
           flex: 1
         }
       },
-      [`${e}-right`]: {
+      [`${i}-right`]: {
         maxHeight: "100%",
-        width: "410px",
-        paddingInlineStart: "20px",
+        width: e.agGridModalRightWidth,
+        paddingInlineStart: e.spaceXL,
         position: "relative",
         display: "flex",
         flexDirection: "column",
@@ -36,7 +36,7 @@ const l = (o) => {
           flexGrow: 1,
           height: 0,
           overflowY: "hidden",
-          paddingTop: "8px",
+          paddingTop: e.space,
           "&:hover": {
             overflowY: "auto"
           }
@@ -44,8 +44,8 @@ const l = (o) => {
         "&::before": {
           content: '""',
           height: "calc(100% + var(--ag-grid-modal-layout-divider-offset,16px))",
-          width: "1px",
-          backgroundColor: o.colorBg1,
+          width: e.lineWidth,
+          backgroundColor: e.colorBg1,
           position: "absolute",
           left: 0,
           top: "-16px"
@@ -53,9 +53,13 @@ const l = (o) => {
       }
     }
   };
-}, n = i("ApTableModal", (o) => [
-  l(o)
-]);
+}, a = d(
+  "ApTableModal",
+  (e) => [l(e)],
+  {
+    agGridModalRightWidth: 410
+  }
+);
 export {
-  n as default
+  a as default
 };

package/es/src/business/ag-grid-modal/style/selected-items.mjs

@@ -1,5 +1,5 @@
-import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
-const r = (e) => {
+import { genComponentStyleHook as r } from "../../../utils/cssinjs/index.mjs";
+const c = (e) => {
   const { componentCls: o } = e, t = `${o}__del-icon`;
   return {
     [o]: {
@@ -7,9 +7,9 @@ const r = (e) => {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "center",
-        padding: "8px",
-        gap: "16px",
-        borderRadius: "4px",
+        padding: e.space,
+        gap: e.spaceXL,
+        borderRadius: e.borderRadius,
         "&:hover": {
           backgroundColor: e.colorBg2,
           [t]: {
@@ -31,9 +31,9 @@ const r = (e) => {
       }
     }
   };
-}, c = n("ApSelectedItems", (e) => [
-  r(e)
+}, n = r("ApSelectedItems", (e) => [
+  c(e)
 ]);
 export {
-  c as default
+  n as default
 };