@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

package/es/src/ap-form/search-form/components/popover-filter.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as h, ref as y, toRef as w, createBlock as u, openBlock as s, unref as e, withCtx as o, createVNode as t, normalizeClass as a, withDirectives as x, createElementVNode as f, toDisplayString as d, vShow as R, createElementBlock as S, Fragment as D, renderList as L, resolveDynamicComponent as N, createTextVNode as b } from "vue";
-import { Popover as P, Tooltip as T, Button as g, Row as V, Col as z, Divider as A, Flex as E } from "@aplus-frontend/antdv";
-import { IconApFilterOutlined as I } from "@aplus-frontend/icon";
+import { defineComponent as S, ref as y, toRef as w, createBlock as f, openBlock as l, unref as e, withCtx as o, createVNode as t, normalizeClass as a, withDirectives as x, createElementVNode as u, toDisplayString as d, vShow as R, createElementBlock as D, Fragment as L, renderList as N, resolveDynamicComponent as I, createTextVNode as b } from "vue";
+import { Popover as P, Tooltip as T, Button as g, Row as V, Col as $, Divider as z, Flex as A } from "@aplus-frontend/antdv";
+import { IconApFilterOutlined as E } from "@aplus-frontend/icon";
 import "../../../config-provider/index.mjs";
 import { useCollapseInputCount as j } from "../hooks/use-collapse-input-count.mjs";
-import { useNamespace as O } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as U } from "../../../config-provider/hooks/use-locale.mjs";
-const Q = /* @__PURE__ */ h({
+import O from "../../style/search-form.mjs";
+import { useNamespace as U } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as q } from "../../../config-provider/hooks/use-locale.mjs";
+const Y = /* @__PURE__ */ S({
   name: "ApFormSearchFormPopoverFilter",
   __name: "popover-filter",
   props: {
@@ -14,14 +15,14 @@ const Q = /* @__PURE__ */ h({
     submitLoading: { type: Boolean }
   },
   setup(k) {
-    const C = k, F = y(), { e: i, b: c } = O("ap-form-search-form"), { t: m } = U(), p = y(!1), B = w(() => C.config), { count: v } = j(B);
+    const C = k, F = y(), { e: p, b: c } = U("ap-form-search-form"), h = O("ap-form-search-form"), { t: m } = q(), i = y(!1), B = w(() => C.config), { count: v } = j(B);
     function _(r) {
       return r?.closest(".ant-form") || document.body;
     }
-    return (r, l) => (s(), u(e(P), {
-      open: p.value,
-      "onUpdate:open": l[1] || (l[1] = (n) => p.value = n),
-      "overlay-class-name": e(i)("popover"),
+    return (r, s) => (l(), f(e(P), {
+      open: i.value,
+      "onUpdate:open": s[1] || (s[1] = (n) => i.value = n),
+      "overlay-class-name": `${e(p)("popover")} ${e(h)}`,
       trigger: "click",
       placement: "bottom",
       mask: "",
@@ -30,18 +31,18 @@ const Q = /* @__PURE__ */ h({
       "force-render": !0
     }, {
       content: o(() => [
-        f("div", {
-          class: a([e(i)("popover-content")]),
+        u("div", {
+          class: a([e(p)("popover-content")]),
           style: { paddingBottom: "4px", width: "825px" }
         }, [
           t(e(V), { gutter: 8 }, {
             default: o(() => [
-              (s(!0), S(D, null, L(r.config, (n) => (s(), u(e(z), {
+              (l(!0), D(L, null, N(r.config, (n) => (l(), f(e($), {
                 key: n.key,
                 span: 8
               }, {
                 default: o(() => [
-                  (s(), u(N(n.node)))
+                  (l(), f(I(n.node)))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -49,14 +50,14 @@ const Q = /* @__PURE__ */ h({
             _: 1
           })
         ], 2),
-        t(e(A), { style: { margin: "0" } }),
-        f("div", {
-          class: a(e(i)("popover-footer"))
+        t(e(z), { style: { margin: "0" } }),
+        u("div", {
+          class: a(e(p)("popover-footer"))
         }, [
-          t(e(E), { justify: "end" }, {
+          t(e(A), { justify: "end" }, {
             default: o(() => [
               t(e(g), {
-                onClick: l[0] || (l[0] = (n) => p.value = !1)
+                onClick: s[0] || (s[0] = (n) => i.value = !1)
               }, {
                 default: o(() => [
                   b(d(e(m)("ap.common.cancelText")), 1)
@@ -64,7 +65,7 @@ const Q = /* @__PURE__ */ h({
                 _: 1
               }),
               t(e(g), {
-                class: a(e(i)("popover-footer-confirm-btn")),
+                class: a(e(p)("popover-footer-confirm-btn")),
                 type: "primary",
                 loading: r.submitLoading,
                 onClick: r.onSubmit
@@ -88,15 +89,15 @@ const Q = /* @__PURE__ */ h({
             t(e(g), {
               ref_key: "triggerBtnRef",
               ref: F,
-              class: a([e(c)("trigger-btn"), { [e(c)("trigger-btn-active")]: p.value }])
+              class: a([e(c)("trigger-btn"), { [e(c)("trigger-btn-active")]: i.value }])
             }, {
               icon: o(() => [
-                x(f("sup", {
+                x(u("sup", {
                   class: a(e(c)("trigger-btn-badge"))
                 }, d(e(v)), 3), [
                   [R, e(v) !== 0]
                 ]),
-                t(e(I), { size: 14 })
+                t(e(E), { size: 14 })
               ]),
               _: 1
             }, 8, ["class"])
@@ -109,5 +110,5 @@ const Q = /* @__PURE__ */ h({
   }
 });
 export {
-  Q as default
+  Y as default
 };

package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as D, ref as y, watch as k, unref as e, createBlock as L, openBlock as P, withCtx as r, createVNode as t, normalizeClass as o, createElementVNode as n, toDisplayString as m, createTextVNode as b } from "vue";
-import { Popover as S, Tooltip as V, Button as g, Flex as _, Divider as j } from "@aplus-frontend/antdv";
+import { defineComponent as S, ref as C, watch as k, unref as e, createBlock as D, openBlock as L, withCtx as r, createVNode as t, normalizeClass as o, createElementVNode as n, toDisplayString as m, createTextVNode as b } from "vue";
+import { Popover as P, Tooltip as V, Button as g, Flex as _, Divider as j } from "@aplus-frontend/antdv";
 import { IconApLayoutOutlined as z } from "@aplus-frontend/icon";
 import "../../../../config-provider/index.mjs";
 import A from "vuedraggable";
 import "./sortable-item.vue.mjs";
+import I from "../../../style/search-form-sorter.mjs";
 import { useNamespace as F } from "../../../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as R } from "../../../../config-provider/hooks/use-locale.mjs";
-import $ from "./sortable-item.vue2.mjs";
-const M = /* @__PURE__ */ D({
+import E from "./sortable-item.vue2.mjs";
+const X = /* @__PURE__ */ S({
   name: "ApFormSearchFormPopoverSorter",
   __name: "index",
   props: {
@@ -16,19 +17,19 @@ const M = /* @__PURE__ */ D({
     sorted: { type: Boolean }
   },
   setup(x, { expose: w }) {
-    const l = x, i = y(l.items);
+    const l = x, i = C(l.items);
     let v = [...l.items], h = [...l.items];
     k(
       () => l.items,
-      (a) => {
-        i.value = a, v = a, l.sorted || (h = a);
+      (s) => {
+        i.value = s, v = s, l.sorted || (h = s);
       }
     );
-    const { e: f, b: C } = F("ap-form-search-form"), { b: s } = F("search-form-sorter"), { t: c } = R(), p = y(!1);
-    function B(a) {
-      return a.closest(".ant-form") || document.body;
+    const B = I("search-form-sorter"), { e: f, b: y } = F("ap-form-search-form"), { b: a } = F("search-form-sorter"), { t: c } = R(), p = C(!1);
+    function T(s) {
+      return s.closest(".ant-form") || document.body;
     }
-    function T() {
+    function $() {
       p.value = !1, v = [...e(i)], l.onClickConfirm(e(i));
     }
     function N() {
@@ -36,27 +37,27 @@ const M = /* @__PURE__ */ D({
     }
     return k(
       () => p.value,
-      (a) => {
-        a && (i.value = [...v]);
+      (s) => {
+        s && (i.value = [...v]);
       }
     ), w({
       getCachedList: () => h
-    }), (a, u) => (P(), L(e(S), {
+    }), (s, u) => (L(), D(e(P), {
       open: p.value,
       "onUpdate:open": u[1] || (u[1] = (d) => p.value = d),
-      "overlay-class-name": e(f)("popover"),
+      "overlay-class-name": `${e(a)()} ${e(f)("popover")} ${e(B)}`,
       trigger: "click",
       placement: "bottom",
       mask: "",
       "mask-style": { backgroundColor: "transparent" },
-      "get-popup-container": B
+      "get-popup-container": T
     }, {
       content: r(() => [
         n("div", {
-          class: o(e(s)("header"))
+          class: o(e(a)("header"))
         }, [
           n("span", {
-            class: o(e(s)("header-title"))
+            class: o(e(a)("header-title"))
           }, m(e(c)("ap.apForm.search.sorterTitle")), 3),
           t(e(_), {
             justify: "space-between",
@@ -64,14 +65,14 @@ const M = /* @__PURE__ */ D({
           }, {
             default: r(() => [
               n("span", {
-                class: o(e(s)("header-desc"))
+                class: o(e(a)("header-desc"))
               }, m(e(c)("ap.apForm.search.sorterDesc")), 3),
               n("div", {
-                class: o(e(s)("header-action-wrapper")),
+                class: o(e(a)("header-action-wrapper")),
                 onClick: N
               }, [
                 n("span", {
-                  class: o(e(s)("header-reset-btn"))
+                  class: o(e(a)("header-reset-btn"))
                 }, m(e(c)("ap.apForm.search.sorterReset")), 3)
               ], 2)
             ]),
@@ -79,15 +80,15 @@ const M = /* @__PURE__ */ D({
           })
         ], 2),
         n("div", {
-          class: o([e(f)("popover-content"), e(s)("content")])
+          class: o([e(f)("popover-content"), e(a)("content")])
         }, [
           t(e(A), {
             list: i.value,
-            class: o(e(s)("sorter-wrapper")),
+            class: o(e(a)("sorter-wrapper")),
             "item-key": "name"
           }, {
             item: r(({ element: d }) => [
-              t($, { item: d }, null, 8, ["item"])
+              t(E, { item: d }, null, 8, ["item"])
             ]),
             _: 1
           }, 8, ["list", "class"])
@@ -109,7 +110,7 @@ const M = /* @__PURE__ */ D({
               t(e(g), {
                 class: o(e(f)("popover-footer-confirm-btn")),
                 type: "primary",
-                onClick: T
+                onClick: $
               }, {
                 default: r(() => [
                   b(m(e(c)("ap.apForm.search.sorterConfirmBtn")), 1)
@@ -128,7 +129,7 @@ const M = /* @__PURE__ */ D({
         }, {
           default: r(() => [
             t(e(g), {
-              class: o([e(C)("trigger-btn"), { [e(C)("trigger-btn-active")]: p.value }])
+              class: o([e(y)("trigger-btn"), { [e(y)("trigger-btn-active")]: p.value }])
             }, {
               icon: r(() => [
                 t(e(z), { size: 14 })
@@ -144,5 +145,5 @@ const M = /* @__PURE__ */ D({
   }
 });
 export {
-  M as default
+  X as default
 };

package/es/src/ap-form/search-form/index.vue.mjs

@@ -1,29 +1,30 @@
-import { isVNode as ie, defineComponent as ce, useSlots as ue, ref as B, shallowRef as M, computed as w, unref as a, watch as q, createVNode as o, Fragment as R, createBlock as x, openBlock as p, mergeProps as pe, withCtx as I, resolveDynamicComponent as T, createElementBlock as de, renderList as fe, normalizeStyle as me } from "vue";
-import { Col as _, Flex as k, Button as H, Row as he } from "@aplus-frontend/antdv";
+import { isVNode as ce, defineComponent as ue, useSlots as pe, ref as B, shallowRef as M, computed as w, unref as a, watch as q, createVNode as o, Fragment as R, createBlock as x, openBlock as p, mergeProps as de, withCtx as I, resolveDynamicComponent as T, createElementBlock as fe, renderList as me, normalizeStyle as he } from "vue";
+import { Col as _, Flex as k, Button as H, Row as ge } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../item/index.vue2.mjs";
 import { genRealChildren as G } from "../item-group/helper.mjs";
 import "../../config-provider/index.mjs";
-import { isArray as ge, isBoolean as xe, omit as ye } from "lodash-unified";
+import { isArray as xe, isBoolean as ye, omit as ve } from "lodash-unified";
 import { isDef as J } from "../../utils/index.mjs";
-import { execFunc as K, diffFormItem as ve } from "./utils.mjs";
+import { execFunc as K, diffFormItem as Se } from "./utils.mjs";
 import "./components/popover-filter.vue.mjs";
-import { useCountPerRow as Se } from "./hooks/use-count-per-row.mjs";
+import { useCountPerRow as Ce } from "./hooks/use-count-per-row.mjs";
 import "./components/popover-sorter/index.vue.mjs";
-import { useSorter as Ce } from "./hooks/use-sorter.mjs";
-import { getTargetNode as we } from "./hooks/use-collapse-input-count.mjs";
+import { useSorter as we } from "./hooks/use-sorter.mjs";
+import { getTargetNode as Re } from "./hooks/use-collapse-input-count.mjs";
 import { floorWith as Q } from "@fruits-chain/utils";
-import { useDevWarning as Re } from "../../utils/warning.mjs";
-import { useNamespace as _e } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as be } from "../../config-provider/hooks/use-locale.mjs";
+import { useDevWarning as _e } from "../../utils/warning.mjs";
+import be from "../style/search-form.mjs";
+import { useNamespace as Fe } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Ae } from "../../config-provider/hooks/use-locale.mjs";
 import X from "../item/index.vue.mjs";
-import Fe from "./components/popover-filter.vue2.mjs";
-import Ae from "./components/popover-sorter/index.vue2.mjs";
-import Ne from "../ap-form.vue2.mjs";
-function Be(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !ie(d);
+import Ne from "./components/popover-filter.vue2.mjs";
+import Be from "./components/popover-sorter/index.vue2.mjs";
+import Ie from "../ap-form.vue2.mjs";
+function Te(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !ce(d);
 }
-const r = 100, et = /* @__PURE__ */ ce({
+const r = 100, at = /* @__PURE__ */ ue({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -123,65 +124,65 @@ const r = 100, et = /* @__PURE__ */ ce({
   setup(d, {
     expose: Y
   }) {
-    const y = ue(), t = d;
-    Re("SearchForm").deprecated(typeof t.resizeTarget < "u", "resizeTarget", "resize.target");
-    const {
+    const y = pe(), t = d;
+    _e("SearchForm").deprecated(typeof t.resizeTarget < "u", "resizeTarget", "resize.target");
+    const Z = be("ap-form-search-form"), {
       b: f
-    } = _e("ap-form-search-form"), {
+    } = Fe("ap-form-search-form"), {
       t: P
-    } = be(), v = B(), E = B(), Z = Se(t, E), W = B();
+    } = Ae(), v = B(), E = B(), ee = Ce(t, E), W = B();
     function z() {
       const e = v.value?.getFieldsValueTransformed(!0);
       K(t.onSubmit, e);
     }
-    function ee() {
+    function te() {
       t.customReset || v.value?.resetFields?.(), K(t.onReset);
     }
-    const te = (e) => J(e) ? (ge(e) ? e : [e]).join("") : Date.now();
+    const oe = (e) => J(e) ? (xe(e) ? e : [e]).join("") : Date.now();
     let O = [];
-    const m = M(G(y.default())), c = M(y.extra?.()), L = w(() => Q(r / a(Z), 4)), {
+    const m = M(G(y.default())), c = M(y.extra?.()), L = w(() => Q(r / a(ee), 4)), {
       items: b,
       sorted: $,
       handleClickConfirm: F
-    } = Ce(m);
+    } = we(m);
     q(() => y.default(), (e) => {
-      O = m.value, m.value = ve(O, G(e)), $.value = !1;
+      O = m.value, m.value = Se(O, G(e)), $.value = !1;
     }), q(() => y.extra?.(), (e) => {
       c.value = e;
     });
-    function oe(e) {
+    function ae(e) {
       return Q(e * (r / 24), 4);
     }
     const n = w(() => {
       const e = m.value, u = [], l = [], g = [], s = a(L);
       let S = 0, A = 0;
-      const le = r * t.maxRows - s * (a(c) && !t.extraInAction ? 2 : 1);
+      const re = r * t.maxRows - s * (a(c) && !t.extraInAction ? 2 : 1);
       e.forEach((N) => {
-        const D = we(N);
+        const D = Re(N);
         if (!D)
           return;
         const i = D.props;
-        if (xe(i.hidden) ? !!i.hidden : J(i.hidden))
+        if (ye(i.hidden) ? !!i.hidden : J(i.hidden))
           u.push(N);
         else {
-          let C = i.span ? oe(i.span) : s;
+          let C = i.span ? ae(i.span) : s;
           const V = {
             node: N,
             span: C,
-            key: `ApFormSearchFormItem-${te(i.name)}-${i._signal}`
+            key: `ApFormSearchFormItem-${oe(i.name)}-${i._signal}`
           }, U = r - S % r;
-          U < C && (C += U), S += C, S > le ? l.push(V) : (A = S, g.push(V));
+          U < C && (C += U), S += C, S > re ? l.push(V) : (A = S, g.push(V));
         }
       });
-      const j = r - (A + s) % r, re = Math.ceil(A) % r < s, se = j < s ? r : j;
+      const j = r - (A + s) % r, se = Math.ceil(A) % r < s, ie = j < s ? r : j;
       return {
         hideNode: o(R, null, [u]),
         nodes: g,
         collapseNodes: l,
-        extraSpan: se,
-        lastRowOnlyIncludeActionAndExtra: re
+        extraSpan: ie,
+        lastRowOnlyIncludeActionAndExtra: se
       };
-    }), h = (e) => `${e}%`, ae = w(() => {
+    }), h = (e) => `${e}%`, ne = w(() => {
       let e;
       const u = n.value.collapseNodes.length || t.sortable && m.value.length, l = o(_, {
         flex: h(a(L)),
@@ -198,11 +199,11 @@ const r = 100, et = /* @__PURE__ */ ce({
             }, {
               default: () => [u ? o("div", {
                 class: f("column-setting-trigger-wrapper")
-              }, [n.value.collapseNodes.length ? o(Fe, {
+              }, [n.value.collapseNodes.length ? o(Ne, {
                 onSubmit: z,
                 config: n.value.collapseNodes,
                 submitLoading: t.submitLoading
-              }, null) : null, t.sortable && b.value.length ? o(Ae, {
+              }, null) : null, t.sortable && b.value.length ? o(Be, {
                 ref: W,
                 items: b.value,
                 onClickConfirm: F,
@@ -218,7 +219,7 @@ const r = 100, et = /* @__PURE__ */ ce({
               }, {
                 default: () => [t.searchText || P("ap.apForm.search.search")]
               }), o(H, {
-                onClick: ee,
+                onClick: te,
                 type: "text",
                 class: [f("action-btn"), f("action-btn-reset")]
               }, {
@@ -234,7 +235,7 @@ const r = 100, et = /* @__PURE__ */ ce({
         default: () => [o(X, null, {
           default: () => [o(k, {
             justify: n.value.extraSpan === r || n.value.lastRowOnlyIncludeActionAndExtra ? "start" : "flex-end"
-          }, Be(e = a(c)) ? e : {
+          }, Te(e = a(c)) ? e : {
             default: () => [e]
           })]
         })]
@@ -243,7 +244,7 @@ const r = 100, et = /* @__PURE__ */ ce({
       }, null);
       return n.value.lastRowOnlyIncludeActionAndExtra ? o(R, null, [g || s, l]) : o(R, null, [l, g]);
     });
-    function ne() {
+    function le() {
       const e = W.value?.getCachedList();
       F(e);
     }
@@ -251,27 +252,27 @@ const r = 100, et = /* @__PURE__ */ ce({
       apForm: w(() => a(v)),
       getSorterItems: () => b.value,
       setSorterItems: F,
-      resetSorterItems: ne
-    }), (e, u) => (p(), x(Ne, pe({
+      resetSorterItems: le
+    }), (e, u) => (p(), x(Ie, de({
       ref_key: "apForm",
       ref: v,
-      class: a(f)()
-    }, a(ye)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: I(() => [(p(), x(T(n.value.hideNode))), o(a(he), {
+      class: [a(f)(), a(Z)]
+    }, a(ve)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: I(() => [(p(), x(T(n.value.hideNode))), o(a(ge), {
         ref_key: "contentWrapperRef",
         ref: E,
         gutter: 8
       }, {
-        default: I(() => [(p(!0), de(R, null, fe(n.value.nodes, (l) => (p(), x(a(_), {
+        default: I(() => [(p(!0), fe(R, null, me(n.value.nodes, (l) => (p(), x(a(_), {
           key: l.key,
           flex: h(l.span),
-          style: me({
+          style: he({
             maxWidth: h(l.span)
           })
         }, {
           default: I(() => [(p(), x(T(l.node)))]),
           _: 2
-        }, 1032, ["flex", "style"]))), 128)), (p(), x(T(ae.value)))]),
+        }, 1032, ["flex", "style"]))), 128)), (p(), x(T(ne.value)))]),
         _: 1
       }, 512)]),
       _: 1
@@ -279,5 +280,5 @@ const r = 100, et = /* @__PURE__ */ ce({
   }
 });
 export {
-  et as default
+  at as default
 };

package/es/src/ap-form/style/drawer-form.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genDrawerFormStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+const t = (e) => {
+  const { componentCls: r } = e;
+  return {
+    [r]: {
+      [`${r}__resize-bar`]: {
+        width: "4px",
+        cursor: "ew-resize",
+        position: "absolute",
+        top: 0,
+        left: 0,
+        bottom: 0,
+        zIndex: 100,
+        backgroundColor: "transparent",
+        "&--min-disabled": {
+          cursor: "w-resize"
+        },
+        "&--max-disabled": {
+          cursor: "e-resize"
+        }
+      }
+    }
+  };
+}, n = o(
+  "ApForm.DrawerForm",
+  (e) => [t(e)]
+);
+export {
+  n as default,
+  t as genDrawerFormStyle
+};

package/es/src/ap-form/style/item-group.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genItemGroupStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+const e = (t) => {
+  const { componentCls: n } = t;
+  return {
+    [n]: {
+      ".ant-form-item-control": {
+        ".ant-picker": {
+          display: "flex"
+        },
+        ".ant-input-number": {
+          width: "100%"
+        }
+      },
+      [`${n}-col-hidden`]: {
+        display: "none !important"
+      }
+    }
+  };
+}, p = o("ApForm.ItemGroup", (t) => [e(t)]);
+export {
+  p as default,
+  e as genItemGroupStyle
+};

package/es/src/ap-form/style/item-text-group.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genFormItemTextGroupStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

@@ -0,0 +1,69 @@
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const e = (t) => ({
+  [t.componentCls]: {
+    "&-compact": {
+      ".ant-select": {
+        "&-focused": {
+          zIndex: 1
+        },
+        "&:hover": {
+          zIndex: 1
+        }
+      },
+      ".ant-picker": {
+        "&-focused": {
+          zIndex: 1
+        },
+        "&:hover": {
+          zIndex: 1
+        }
+      },
+      ".ant-input-number": {
+        "&-focused": {
+          zIndex: 1
+        },
+        "&:hover": {
+          zIndex: 1
+        }
+      },
+      ".ant-form-item:first-child": {
+        ".ant-form-item-control-input-content > :first-child, .ant-select-selector": {
+          borderStartEndRadius: 0,
+          borderEndEndRadius: 0
+        },
+        ".ant-form-item-control-input-content > .ant-input-group > :last-child, .ant-select-selector": {
+          borderStartEndRadius: 0,
+          borderEndEndRadius: 0
+        }
+      },
+      ".ant-form-item:last-child": {
+        ".ant-form-item-control-input-content > :first-child, .ant-select-selector": {
+          borderStartStartRadius: 0,
+          borderEndStartRadius: 0
+        },
+        ".ant-form-item-control-input-content > .ant-input-group > :first-child, .ant-select-selector": {
+          borderStartStartRadius: 0,
+          borderEndStartRadius: 0
+        }
+      },
+      ".ant-form-item:not(:first-child):not(:last-child)": {
+        ".ant-form-item-control-input-content > :first-child, .ant-select-selector": {
+          borderRadius: 0
+        },
+        ".ant-form-item-control-input-content > .ant-input-group > *, .ant-select-selector": {
+          borderRadius: 0
+        }
+      },
+      ".ant-input-group-addon:first-child": {
+        borderRadius: 0
+      }
+    }
+  },
+  ".ant-form-vertical .ant-input-group.ant-input-group-compact > *": {
+    verticalAlign: "bottom"
+  }
+}), o = n("ApForm.ItemTextGroup", (t) => [e(t)]);
+export {
+  o as default,
+  e as genFormItemTextGroupStyle
+};

package/es/src/ap-form/style/item.d.ts

@@ -0,0 +1,6 @@
+import { GenStyleFunc } from '../../design-token/interface';
+import { ApFormToken } from './token';
+import { Ref } from 'vue';
+export declare const genApFormItemStyle: GenStyleFunc<ApFormToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;