@aplus-frontend/ui 7.7.1 → 7.7.3

package/es/index.mjs

@@ -120,36 +120,37 @@ import { NeedNameKeyDefault as Wt } from "./src/business/ap-upload/apUploadTypes
 import { default as Jt } from "./src/business/ap-upload/apUpload.vue.mjs";
 import { ApDownLoadNeedNameKeyDefault as Xt } from "./src/business/ap-download/interface.mjs";
 import { default as Zt } from "./src/business/ap-download/ap-download.vue.mjs";
-import { default as op } from "./src/business/ap-descriptions/ap-descriptions.vue.mjs";
-import { useTablePaging as tp } from "./src/ap-table/hooks/use-table-paging.mjs";
-import { ApTable as ap } from "./src/ap-table/index.mjs";
-import { default as mp } from "./src/editable-table/index.vue.mjs";
-import { default as xp } from "./src/editable-table/form-item.vue.mjs";
-import { ensureRangeValue as sp } from "./src/scroll-bar/utils/index.mjs";
-import { default as Ap } from "./src/scroll-bar/index.vue.mjs";
-import { default as np } from "./src/scroll-bar/internal.vue.mjs";
-import { default as Fp } from "./src/scroll-view/index.vue.mjs";
-import { default as Ip } from "./src/portal/index.vue.mjs";
-import { default as Sp } from "./src/full-screen/index.vue.mjs";
-import { default as Cp } from "./src/resize-observer/index.vue.mjs";
-import { ROW_SELECTION_FIELD as Dp } from "./src/ap-grid/constants.mjs";
-import { toTreeArray as Ep } from "./src/ap-grid/utils/to-tree-array.mjs";
-import { default as Lp } from "./src/ap-grid/index.vue.mjs";
-import { default as Np } from "./src/ap-grid/editable/index.vue.mjs";
-import { default as Mp } from "./src/ap-grid/editable/form-item.vue.mjs";
-import { default as wp } from "./src/text/index.vue.mjs";
-import { default as Kp } from "./src/text/group.vue.mjs";
-import { default as Up } from "./src/mask/index.vue.mjs";
-import { Splitter as Vp } from "./src/splitter/index.mjs";
-import { default as _p } from "./src/ag-grid/index.vue.mjs";
-import { default as $p } from "./src/ag-grid/editable/index.vue.mjs";
-import { default as Wp } from "./src/ag-grid/editable/form-item.vue.mjs";
-import { useMessage as Jp } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as Xp } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as Zp } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as oa } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as ta } from "./src/hooks/useFullScreen.mjs";
-import { useResize as aa } from "./src/hooks/useResize.mjs";
+import { formatString as op } from "./src/business/ap-descriptions/formatter/utils.mjs";
+import { default as tp } from "./src/business/ap-descriptions/ap-descriptions.vue.mjs";
+import { useTablePaging as ap } from "./src/ap-table/hooks/use-table-paging.mjs";
+import { ApTable as mp } from "./src/ap-table/index.mjs";
+import { default as xp } from "./src/editable-table/index.vue.mjs";
+import { default as sp } from "./src/editable-table/form-item.vue.mjs";
+import { ensureRangeValue as Ap } from "./src/scroll-bar/utils/index.mjs";
+import { default as np } from "./src/scroll-bar/index.vue.mjs";
+import { default as Fp } from "./src/scroll-bar/internal.vue.mjs";
+import { default as Ip } from "./src/scroll-view/index.vue.mjs";
+import { default as Sp } from "./src/portal/index.vue.mjs";
+import { default as Cp } from "./src/full-screen/index.vue.mjs";
+import { default as Dp } from "./src/resize-observer/index.vue.mjs";
+import { ROW_SELECTION_FIELD as Ep } from "./src/ap-grid/constants.mjs";
+import { toTreeArray as Lp } from "./src/ap-grid/utils/to-tree-array.mjs";
+import { default as Np } from "./src/ap-grid/index.vue.mjs";
+import { default as Mp } from "./src/ap-grid/editable/index.vue.mjs";
+import { default as wp } from "./src/ap-grid/editable/form-item.vue.mjs";
+import { default as Kp } from "./src/text/index.vue.mjs";
+import { default as Up } from "./src/text/group.vue.mjs";
+import { default as Vp } from "./src/mask/index.vue.mjs";
+import { Splitter as _p } from "./src/splitter/index.mjs";
+import { default as $p } from "./src/ag-grid/index.vue.mjs";
+import { default as Wp } from "./src/ag-grid/editable/index.vue.mjs";
+import { default as Jp } from "./src/ag-grid/editable/form-item.vue.mjs";
+import { useMessage as Xp } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Zp } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as oa } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as ta } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as aa } from "./src/hooks/useFullScreen.mjs";
+import { useResize as ma } from "./src/hooks/useResize.mjs";
 const a = console.log;
 a(`UI version: ${p}`);
 const l = {
@@ -162,7 +163,7 @@ const l = {
 };
 export {
   w as APConfigProvider,
-  _p as AgGrid,
+  $p as AgGrid,
   Ro as ApActionButton,
   go as ApActionGroup,
   xo as ApActionItem,
@@ -178,7 +179,7 @@ export {
   sr as ApCard,
   vo as ApConfirmButton,
   ct as ApCopy,
-  op as ApDescriptions,
+  tp as ApDescriptions,
   Xt as ApDownLoadNeedNameKeyDefault,
   Zt as ApDownload,
   Mt as ApDraggableGrid,
@@ -227,7 +228,7 @@ export {
   Ee as ApFormProvider,
   Ae as ApFormSearchForm,
   Ie as ApFormSet,
-  Lp as ApGrid,
+  Np as ApGrid,
   Cr as ApImage,
   Dr as ApInputRadio,
   Dt as ApKeepAlive,
@@ -248,12 +249,12 @@ export {
   Br as ApStatus,
   Kr as ApStatusGroup,
   Yr as ApSummary,
-  ap as ApTable,
+  mp as ApTable,
   Xo as ApTableModal,
   _t as ApTag,
   $t as ApTagGroup,
-  wp as ApText,
-  Kp as ApTextGroup,
+  Kp as ApText,
+  Up as ApTextGroup,
   Ur as ApTitle,
   Jo as ApTransformDataHelper,
   Jt as ApUpload,
@@ -266,26 +267,26 @@ export {
   v as ConfigProvider,
   A as DEFAULT_NAMESPACE,
   i as DEFAULT_UIMODE,
-  $p as EditableAgGrid,
-  Wp as EditableAgGridFormItem,
-  Np as EditableGrid,
-  Mp as EditableGridFormItem,
-  mp as EditableTable,
-  xp as EditableTableFormItem,
-  Sp as FullScreen,
+  Wp as EditableAgGrid,
+  Jp as EditableAgGridFormItem,
+  Mp as EditableGrid,
+  wp as EditableGridFormItem,
+  xp as EditableTable,
+  sp as EditableTableFormItem,
+  Cp as FullScreen,
   Wo as Highlight,
-  np as InternalScrollBar,
+  Fp as InternalScrollBar,
   Uo as LoadingBar,
   Et as LruCacher,
-  Up as Mask,
+  Vp as Mask,
   Wt as NeedNameKeyDefault,
-  Ip as Portal,
-  Dp as ROW_SELECTION_FIELD,
+  Sp as Portal,
+  Ep as ROW_SELECTION_FIELD,
   Vo as Render,
-  Cp as ResizeObserver,
-  Ap as ScrollBar,
-  Fp as ScrollView,
-  Vp as Splitter,
+  Dp as ResizeObserver,
+  np as ScrollBar,
+  Ip as ScrollView,
+  _p as Splitter,
   _o as TimeAgo,
   fo as adminToken,
   mo as aplusToken,
@@ -297,11 +298,12 @@ export {
   Sr as convertExportField,
   l as default,
   E as defaultNamespace,
-  sp as ensureRangeValue,
+  Ap as ensureRangeValue,
   qr as flattenColumns,
   Ct as forceStopTags,
   Jr as formatDataIndex,
   Qr as formatNumber,
+  op as formatString,
   M as globalConfigCached,
   Ir as handleExportDownload,
   Nt as isNameMatches,
@@ -310,26 +312,26 @@ export {
   Rr as locales,
   P as namespaceContextKey,
   g as provideGlobalConfig,
-  Ep as toTreeArray,
+  Lp as toTreeArray,
   G as translate,
   Kt as useAgGridModal,
   Ut as useAgGridSelectModal,
   Lt as useApKeepAliveInject,
-  Xp as useControllableValue,
-  ta as useFullScreen,
+  Zp as useControllableValue,
+  aa as useFullScreen,
   L as useGetDerivedNamespace,
   I as useGlobalConfig,
   D as useLocale,
-  Zp as useManualRef,
-  Jp as useMessage,
+  oa as useManualRef,
+  Xp as useMessage,
   R as useNamespace,
   $r as usePageListAgGrid,
   _r as usePageListApGrid,
   Vr as usePageListApTable,
-  aa as useResize,
+  ma as useResize,
   Zo as useTableModal,
-  tp as useTablePaging,
+  ap as useTablePaging,
   or as useTableSelectModal,
-  oa as useThrottleRef,
+  ta as useThrottleRef,
   $o as useTimeAgo
 };

package/es/src/ag-grid/index.vue.mjs

@@ -1,38 +1,38 @@
 import { defineComponent as po, useSlots as fo, ref as M, toRef as F, unref as t, computed as n, nextTick as z, watch as G, createElementBlock as O, openBlock as h, normalizeStyle as L, normalizeClass as f, createCommentVNode as se, createElementVNode as B, createVNode as ie, mergeProps as W, createSlots as go, withCtx as ue, Fragment as wo, renderList as So, createBlock as H, resolveDynamicComponent as Co, renderSlot as de, withDirectives as ho, vShow as yo } from "vue";
 import { AgGridVue as Ro } from "ag-grid-vue3";
-import { ModuleRegistry as vo, ValidationModule as bo, ColumnAutoSizeModule as Mo, PinnedRowModule as Fo, RowAutoHeightModule as Bo, RowStyleModule as ko, CellSpanModule as xo, CellStyleModule as Io, TooltipModule as Ao, RowSelectionModule as No, LocaleModule as To, ValueCacheModule as Do, GridStateModule as Eo, ColumnApiModule as Po, RowApiModule as Ko, CellApiModule as Vo, RenderApiModule as zo, EventApiModule as Go, ClientSideRowModelApiModule as Oo, ClientSideRowModelModule as Lo } from "ag-grid-community";
-import { mergeProps as Wo } from "./utils.mjs";
-import { Spin as Ho, Pagination as Uo } from "@aplus-frontend/antdv";
+import { ModuleRegistry as vo, ValidationModule as bo, ColumnAutoSizeModule as Mo, PinnedRowModule as Fo, RowAutoHeightModule as Bo, RowStyleModule as ko, CellSpanModule as xo, CellStyleModule as Io, TooltipModule as Ao, RowSelectionModule as No, LocaleModule as To, ValueCacheModule as Do, GridStateModule as Eo, ColumnApiModule as Po, RowApiModule as Ko, CellApiModule as Vo, RenderApiModule as zo, EventApiModule as Go, ScrollApiModule as Oo, ClientSideRowModelApiModule as Lo, ClientSideRowModelModule as Wo } from "ag-grid-community";
+import { mergeProps as Ho } from "./utils.mjs";
+import { Spin as Uo, Pagination as _o } from "@aplus-frontend/antdv";
 import { isUndefined as k, isFunction as N } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as _o } from "../ap-form/index.mjs";
-import { recursionApColumns as jo } from "../ap-table/utils.mjs";
-import { useTablePaging as $o } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import qo from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as Jo } from "./context.mjs";
-import { useProvideApTable as Qo } from "../ap-table/context.mjs";
-import { DEFAULT_ROW_SELECTION_CONFIG as ce, sizeReverseMap as Xo, sizeMap as Yo } from "../ap-grid/constants.mjs";
-import { useToken as Zo } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as et } from "./theme.mjs";
-import { useColumns as ot } from "./hooks/use-columns.mjs";
-import { useColumnsDef as tt } from "./hooks/use-columns-def.mjs";
+import { ApForm as jo } from "../ap-form/index.mjs";
+import { recursionApColumns as $o } from "../ap-table/utils.mjs";
+import { useTablePaging as qo } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import Jo from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as Qo } from "./context.mjs";
+import { useProvideApTable as Xo } from "../ap-table/context.mjs";
+import { DEFAULT_ROW_SELECTION_CONFIG as ce, sizeReverseMap as Yo, sizeMap as Zo } from "../ap-grid/constants.mjs";
+import { useToken as et } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as ot } from "./theme.mjs";
+import { useColumns as tt } from "./hooks/use-columns.mjs";
+import { useColumnsDef as rt } from "./hooks/use-columns-def.mjs";
 import "../utils/index.mjs";
-import { getValidVNodeList as rt } from "../utils/slot.mjs";
-import { useSearchForm as lt } from "./hooks/use-search-form.mjs";
+import { getValidVNodeList as lt } from "../utils/slot.mjs";
+import { useSearchForm as at } from "./hooks/use-search-form.mjs";
 import "./components/empty/index.vue.mjs";
-import at from "./hooks/use-virtual-config.mjs";
-import { usePinnedRow as nt } from "./hooks/use-pinned-row.mjs";
-import st from "./hooks/use-selection-col-def.mjs";
+import nt from "./hooks/use-virtual-config.mjs";
+import { usePinnedRow as st } from "./hooks/use-pinned-row.mjs";
+import it from "./hooks/use-selection-col-def.mjs";
 import "./components/row/index.vue.mjs";
-import it from "./style/index.mjs";
-import { AG_GRID_LOCALE_EN as ut, AG_GRID_LOCALE_CN as dt } from "@ag-grid-community/locale";
-import { useNamespace as ct } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as mt } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as pt } from "../config-provider/hooks/use-global-config.mjs";
-import { isDef as ft } from "../utils/is.mjs";
-import gt from "./components/row/index.vue2.mjs";
-import wt from "./components/empty/index.vue2.mjs";
-const Xt = /* @__PURE__ */ po({
+import ut from "./style/index.mjs";
+import { AG_GRID_LOCALE_EN as dt, AG_GRID_LOCALE_CN as ct } from "@ag-grid-community/locale";
+import { useNamespace as mt } from "../config-provider/hooks/use-namespace.mjs";
+import { useLocale as pt } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as ft } from "../config-provider/hooks/use-global-config.mjs";
+import { isDef as gt } from "../utils/is.mjs";
+import wt from "./components/row/index.vue2.mjs";
+import St from "./components/empty/index.vue2.mjs";
+const Yt = /* @__PURE__ */ po({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -109,8 +109,8 @@ const Xt = /* @__PURE__ */ po({
   },
   setup(me, { expose: pe }) {
     const fe = {
-      "zh-cn": dt,
-      en: ut
+      "zh-cn": ct,
+      en: dt
     };
     vo.registerModules([
       bo,
@@ -131,18 +131,19 @@ const Xt = /* @__PURE__ */ po({
       zo,
       Go,
       Oo,
-      Lo
+      Lo,
+      Wo
     ]);
-    const o = me, U = fo(), { e: x, b: d, be: ge } = ct("ag-grid"), { lang: _ } = mt(), we = it("ag-grid"), y = M(o.size), Se = et(
+    const o = me, U = fo(), { e: x, b: d, be: ge } = mt("ag-grid"), { lang: _ } = pt(), we = ut("ag-grid"), y = M(o.size), Se = ot(
       y,
       F(o, "rowHeight"),
       F(o, "theme")
-    ), Ce = at(F(o, "virtual")), { rowPinnedGridConfig: j, getRowPinnedCellClass: he } = nt(
+    ), Ce = nt(F(o, "virtual")), { rowPinnedGridConfig: j, getRowPinnedCellClass: he } = st(
       F(o, "summary")
-    ), ye = pt("apGrid"), s = M(), [, Re] = Zo();
+    ), ye = ft("apGrid"), s = M(), [, Re] = et();
     let R = !!o.dataSource;
-    const $ = lt(o), { shownColumns: g, columns: q, columnKeys: ve, getTargetColumnByKey: be } = ot(o), { defaultColDef: Me, columnDefs: Fe, gridWrapperRef: Be } = tt(q, o, he), I = M({});
-    Jo({
+    const $ = at(o), { shownColumns: g, columns: q, columnKeys: ve, getTargetColumnByKey: be } = tt(o), { defaultColDef: Me, columnDefs: Fe, gridWrapperRef: Be } = rt(q, o, he), I = M({});
+    Qo({
       sorter: I,
       setSorter(e) {
         I.value = e;
@@ -169,7 +170,7 @@ const Xt = /* @__PURE__ */ po({
         order: m ? ke[m] : null
       });
     }
-    const Ie = n(() => jo(t(g), (e) => {
+    const Ie = n(() => $o(t(g), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
     }).filter(Boolean)), Ae = () => {
@@ -179,7 +180,7 @@ const Xt = /* @__PURE__ */ po({
         return;
       const r = e.getColumnState()?.map((l) => ({ ...l, sort: null }));
       e.applyColumnState({ state: r });
-    }, T = M(!0), Ne = n(() => ft(o.manual) ? o.manual : rt(U.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
+    }, T = M(!0), Ne = n(() => gt(o.manual) ? o.manual : lt(U.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
       formRef: w,
       submit: D,
       reset: E,
@@ -191,7 +192,7 @@ const Xt = /* @__PURE__ */ po({
       getPaging: Te,
       setPaging: De,
       setDataSource: Ee
-    } = $o({
+    } = qo({
       async request(e) {
         if (R = !1, C.value && !C.value.preserveSelectedRowKeys && k(o.dataSource) && !T.value && V(), T.value && (T.value = !1), !k(o.dataSource)) {
           const l = e.pageSize * (e.current - 1);
@@ -222,7 +223,7 @@ const Xt = /* @__PURE__ */ po({
           ...ce,
           ...e
         };
-    }), Pe = st(o, g), Ke = n(
+    }), Pe = it(o, g), Ke = n(
       () => k(o.dataSource) ? S.records : o.dataSource
     ), {
       select: Ve,
@@ -233,7 +234,7 @@ const Xt = /* @__PURE__ */ po({
       selectMultiByKeys: Le,
       selectMulti: We,
       unSelectMulti: He
-    } = qo({
+    } = Jo({
       ...C.value,
       dataSource: Ke,
       rowKey: o.rowKey
@@ -289,7 +290,7 @@ const Xt = /* @__PURE__ */ po({
       const e = o.customRow;
       return e ? {
         isFullWidthRow: e.isCustomRow,
-        fullWidthCellRenderer: gt,
+        fullWidthCellRenderer: wt,
         fullWidthCellRendererParams: {
           render: e.render
         }
@@ -351,15 +352,15 @@ const Xt = /* @__PURE__ */ po({
         applyOrder: !0
       });
     }
-    Qo({
+    Xo({
       columns: n(() => g.value),
       columnsBackup: n(() => q.value),
-      size: n(() => Yo[y.value]),
+      size: n(() => Zo[y.value]),
       updateColumns(e) {
         g.value = e, o.onShownColumnsChange?.(e), Ye(e);
       },
       updateSize(e) {
-        y.value = Xo[e];
+        y.value = Yo[e];
       },
       renderConfig: n(() => ({
         className: ge("table-header", "title"),
@@ -473,7 +474,7 @@ const Xt = /* @__PURE__ */ po({
         class: f(e.card ? t(x)("search-wrapper") : null),
         style: L(e.searchFormWrapperStyle)
       }, [
-        ie(t(_o).SearchForm, W(e.searchForm || {}, {
+        ie(t(jo).SearchForm, W(e.searchForm || {}, {
           ref_key: "formRef",
           ref: w,
           "custom-reset": "",
@@ -517,7 +518,7 @@ const Xt = /* @__PURE__ */ po({
           class: f(t(d)("grid-wrapper"))
         }, [
           (h(), H(t(Ro), W(
-            t(Wo)(t(Ce), t(j), Je.value),
+            t(Ho)(t(Ce), t(j), Je.value),
             {
               key: t(_),
               "get-row-class": co,
@@ -535,7 +536,7 @@ const Xt = /* @__PURE__ */ po({
               "enable-browser-tooltips": e.browserTooltips,
               "tooltip-interaction": "",
               "row-class-rules": e.rowClassRules,
-              "no-rows-overlay-component": wt,
+              "no-rows-overlay-component": St,
               "suppress-cell-focus": "",
               "enable-cell-span": "",
               "dom-layout": e.autoHeight ? "autoHeight" : "normal",
@@ -552,7 +553,7 @@ const Xt = /* @__PURE__ */ po({
           ho(B("div", {
             class: f(t(x)("table-loading-wrapper"))
           }, [
-            ie(t(Ho), { delay: 300 })
+            ie(t(Uo), { delay: 300 })
           ], 2), [
             [yo, Ze.value]
           ])
@@ -560,7 +561,7 @@ const Xt = /* @__PURE__ */ po({
         B("div", {
           class: f(t(d)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (h(), H(t(Uo), W({
+          e.pagination !== !1 ? (h(), H(t(_o), W({
             key: 0,
             class: t(d)("pagination")
           }, t(J).pagination, { onChange: to }), null, 16, ["class"])) : se("", !0)
@@ -570,5 +571,5 @@ const Xt = /* @__PURE__ */ po({
   }
 });
 export {
-  Xt as default
+  Yt as default
 };

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

@@ -1,5 +1,5 @@
-import { genSettingTriggerBtnStyle as l } from "../../ap-table/style/index.mjs";
-import { multiRows as a, resetScrollbar as d } from "../../style/index.mjs";
+import { genSettingTriggerBtnStyle as a } from "../../ap-table/style/index.mjs";
+import { multiRows as l, resetScrollbar as d } from "../../style/index.mjs";
 import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
 const t = {
   agGridSearchFormWrapperMarginBlockEnd: 10,
@@ -84,14 +84,14 @@ const t = {
       },
       [`${e}-table-header`]: {
         "&__title": {
-          ...a(i),
+          ...l(i),
           fontWeight: 700,
           "&--single": {
             flex: "unset"
           }
         }
       },
-      ...l(i),
+      ...a(i),
       [`${e}__cell--left`]: {
         textAlign: "left"
       },
@@ -104,8 +104,8 @@ const t = {
       [`${e}__cell--multiline`]: {
         ".ag-cell-value": {
           display: "-webkit-box",
-          "-webkit-box-orient": "vertical",
-          "-webkit-line-clamp": i.agGridLineClamp,
+          WebkitBoxOrient: "vertical",
+          WebkitLineClamp: i.agGridLineClamp,
           wordBreak: "break-all"
         }
       },
@@ -143,7 +143,7 @@ const t = {
       },
       ".ag-unselectable": {
         userSelect: "text",
-        "-webkit-user-select": "text"
+        WebkitUserSelect: "text"
       },
       ".ag-checkbox.ag-labeled[disabled] .ag-input-field-input[disabled]": {
         cursor: "not-allowed"

package/es/src/ap-form/style/item.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
 const i = (n) => {
-  const { componentCls: t, namespace: e } = n;
+  const { componentCls: a, namespace: t } = n;
   return {
-    [t]: {
+    [a]: {
       // bordered
       "&--bordered": {
         boxSizing: "border-box",
@@ -12,7 +12,7 @@ const i = (n) => {
         ".ant-input-affix-wrapper": {
           padding: 0
         },
-        [`&:has(.${e}-batch-input-group):has(.ant-select)`]: {
+        [`&:has(.${t}-batch-input-group):has(.ant-select)`]: {
           ".ant-input-affix-wrapper": {
             paddingInlineEnd: n.space
           }
@@ -23,6 +23,12 @@ const i = (n) => {
             paddingInlineStart: 0
           }
         },
+        [`&:has(div.${t}-batch-input-group .ant-input)`]: {
+          paddingInlineEnd: n.space,
+          ".ant-input": {
+            paddingInlineStart: 0
+          }
+        },
         ".ant-picker": {
           padding: 0
         },
@@ -84,7 +90,7 @@ const i = (n) => {
           borderColor: n.activeColorBase,
           boxShadow: "0 0 0 2px rgba(5, 155, 255, 0.1)"
         },
-        [`.${e}-batch-input-group-popover-input__popover`]: {
+        [`.${t}-batch-input-group-popover-input__popover`]: {
           width: "calc(100% + 12px)"
         }
       },
@@ -125,7 +131,7 @@ const i = (n) => {
       }
     }
   };
-}, o = a("ApForm", (n) => [i(n)]);
+}, o = e("ApForm", (n) => [i(n)]);
 export {
   o as default,
   i as genApFormItemStyle

package/es/src/ap-modal/style/index.mjs

@@ -4,8 +4,8 @@ const t = (o) => {
   return {
     [e]: {
       [`${e}-body-wrapper`]: {
-        "scrollbar-width": "none",
-        "-ms-overflow-style": "none",
+        scrollbarWidth: "none",
+        msOverflowStyle: "none",
         "&::-webkit-scrollbar": {
           display: "none"
         }

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

@@ -1,5 +1,5 @@
 import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
-const o = (e) => {
+const r = (e) => {
   const { componentCls: l } = e;
   return {
     [l]: {
@@ -11,9 +11,9 @@ const o = (e) => {
         minWidth: 0,
         overflow: "hidden",
         display: "-webkit-box",
-        "-webkit-box-orient": "vertical",
+        WebkitBoxOrient: "vertical",
+        WebkitLineClamp: "var(--ap-table-paragraph-ellipsis-rows)",
         textOverflow: "ellipsis",
-        "-webkit-line-clamp": "var(--ap-table-paragraph-ellipsis-rows)",
         lineClamp: "var(--ap-table-paragraph-ellipsis-rows)",
         wordBreak: "break-all",
         "& > *": {
@@ -28,10 +28,10 @@ const o = (e) => {
       }
     }
   };
-}, a = i("ApTable.Ellipsis", (e) => [
-  o(e)
+}, o = i("ApTable.Ellipsis", (e) => [
+  r(e)
 ]);
 export {
-  a as default,
-  o as genTableEllipsisCellStyle
+  o as default,
+  r as genTableEllipsisCellStyle
 };

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

@@ -96,7 +96,7 @@ const o = (e) => {
         justifyContent: "space-between",
         alignItems: "center",
         "&:hover": {
-          backgroundColor: e.calc(e.colorPrimary).colorOpacity(8),
+          backgroundColor: e.calc(e.colorPrimary).colorMix(8),
           borderRadius: e.borderRadiusSM,
           cursor: "pointer",
           [`${i}-right`]: {

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

@@ -1,3 +1,4 @@
 import { default as ApDescriptions } from './ap-descriptions.vue';
 export * from './interface';
+export { formatString } from './formatter/utils';
 export { ApDescriptions };

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

@@ -1,2 +1,6 @@
 import "./ap-descriptions.vue2.mjs";
 import "./interface.mjs";
+import { formatString as i } from "./formatter/utils.mjs";
+export {
+  i as formatString
+};

package/es/src/business/ap-label/style/index.mjs

@@ -1,5 +1,5 @@
 import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
-const c = (o) => {
+const n = (o) => {
   const {
     componentCls: e,
     apLabelColorCustomGreen: l,
@@ -30,24 +30,24 @@ const c = (o) => {
         ".ant-tag-green": {
           color: l,
           borderColor: l,
-          background: o.calc(l).colorOpacity(6)
+          background: o.calc(l).colorMix(6)
         },
         ".ant-tag-red": {
           color: a,
           borderColor: a,
-          backgroundColor: o.calc(a).colorOpacity(6)
+          backgroundColor: o.calc(a).colorMix(6)
         },
         ".ant-tag-blue": {
           color: r,
           borderColor: r,
-          backgroundColor: o.calc(r).colorOpacity(6)
+          backgroundColor: o.calc(r).colorMix(6)
         }
       }
     }
   };
 }, i = t(
   "ApLabel",
-  (o) => [c(o)],
+  (o) => [n(o)],
   {
     apLabelColorCustomGreen: "#34b77c",
     apLabelColorCustomRed: "#FF4D4F",

package/es/src/business/ap-select-layout/style/index.mjs

@@ -76,7 +76,7 @@ const a = (i) => {
               background: i.colorBg3
             },
             "&.active": {
-              backgroundColor: i.calc(i.colorPrimary).colorOpacity(10),
+              backgroundColor: i.calc(i.colorPrimary).colorMix(10),
               color: i.colorPrimary,
               fontWeight: "bold",
               "& > .ant-typography": {