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

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;

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

@@ -0,0 +1,135 @@
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const r = (n) => {
+  const { componentCls: a, namespace: e } = n;
+  return {
+    [a]: {
+      // bordered
+      "&--bordered": {
+        boxSizing: "border-box",
+        border: `1px solid ${n.borderColorBase}`,
+        borderRadius: n.borderRadius,
+        paddingInline: n.space,
+        ".ant-input-affix-wrapper": {
+          padding: 0
+        },
+        [`&:has(.${e}-batch-input-group):has(.ant-select)`]: {
+          ".ant-input-affix-wrapper": {
+            paddingInlineEnd: n.space
+          }
+        },
+        "&:has(textarea.ant-input)": {
+          paddingInlineEnd: 0,
+          ".ant-input": {
+            paddingInlineStart: 0
+          }
+        },
+        ".ant-picker": {
+          padding: 0
+        },
+        ".ant-form-item-control-input-content": {
+          "& > .ant-input-group": {
+            "& > .ant-picker-range:nth-child(1)": {
+              ".ant-picker-clear": {
+                insetInlineEnd: 0
+              }
+            }
+          }
+        },
+        ".ant-space-compact-block": {
+          ".ant-input": {
+            paddingInlineStart: n.space
+          }
+        },
+        ".ant-select-selector": {
+          borderWidth: "0 !important",
+          boxShadow: "none !important"
+        },
+        ".ant-select-single .ant-select-selector": {
+          height: "30px !important"
+        },
+        "input.ant-input-number-input": {
+          paddingInlineStart: 0
+        },
+        "&:has(.ant-input-number)": {
+          paddingInlineEnd: 0
+        },
+        "&:has(.ant-select)": {
+          paddingInlineEnd: 0,
+          ".ant-form-item-label > label": {
+            paddingInlineEnd: n.spaceXS
+          }
+        },
+        "div.ant-form-item-control": {
+          flex: "1 1 0",
+          minWidth: 0
+        },
+        ".ant-form-item-label > label": {
+          paddingRight: n.spaceLG,
+          height: "30px",
+          "&::after": {
+            margin: 0
+          }
+        },
+        ".ant-form-item-control-input": {
+          minHeight: "30px",
+          ".ant-select-single": {
+            height: "unset"
+          }
+        },
+        "&:hover": {
+          borderColor: n.hoverColorBase
+        },
+        "&:focus": {
+          borderColor: n.activeColorBase,
+          boxShadow: `0 0 0 2px ${n.apFormBorderedShadowColor}`
+        },
+        [`.${e}-batch-input-group-popover-input__popover`]: {
+          width: "calc(100% + 12px)"
+        }
+      },
+      // disabled
+      "&--disabled": {
+        backgroundColor: n.colorBgDisabled,
+        ".ant-select-selector": {
+          backgroundColor: "transparent !important"
+        }
+      },
+      // focus
+      "&--focused": {
+        borderColor: n.activeColorBase,
+        boxShadow: `0 0 0 2px ${n.apFormBorderedShadowColor}`
+      },
+      // other
+      ".ant-form-show-help": {
+        ".ant-form-item-explain-error": {
+          fontsize: n.fontSize,
+          lineHeight: "16px"
+        }
+      },
+      ".ant-col .ant-form-item-extra": {
+        lineHeight: "22px",
+        minHeight: "unset",
+        marginBlockStart: "4px",
+        marginBlockEnd: "12px"
+      },
+      ".ant-input-group": {
+        ".ant-picker:only-child": {
+          width: "100%"
+        },
+        // tips: 针对包含时区切换的日期选择器
+        ".ant-select + .ant-picker": {
+          paddingInline: n.space,
+          flex: 1
+        }
+      }
+    }
+  };
+}, i = t(
+  "ApForm",
+  (n) => [r(n)],
+  { apFormBorderedShadowColor: "rgba(5, 155, 255, 0.1)" }
+);
+export {
+  i as default,
+  r as genApFormItemStyle
+};

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

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

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

@@ -0,0 +1,32 @@
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const e = (t) => {
+  const { componentCls: o } = t;
+  return {
+    [o]: {
+      ".ant-modal-content": {
+        padding: 0
+      },
+      ".ant-modal-header": {
+        padding: "15px 20px",
+        borderBottom: "1px solid #E9EDF3",
+        marginBottom: 0
+      },
+      [`${o}__content`]: {
+        padding: "20px 20px 0px"
+      },
+      [`${o}__footer`]: {
+        padding: "12px 20px"
+      },
+      [`${o}__footer-admin`]: {
+        borderTop: "1px solid #E9EDF3"
+      },
+      ".ant-modal-close": {
+        top: "16px"
+      }
+    }
+  };
+}, d = n("ApForm.Modal", (t) => [e(t)]);
+export {
+  d as default,
+  e as genModalFormStyle
+};

package/es/src/ap-form/style/search-form-sorter.d.ts

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

package/es/src/ap-form/style/search-form-sorter.mjs

@@ -0,0 +1,81 @@
+import { resetComponent as e } from "../../style/index.mjs";
+import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
+import { genPopoverStyle as p } from "./search-form.mjs";
+const a = (r) => {
+  const { componentCls: o } = r;
+  return {
+    [o]: {
+      [`${o}-content`]: {
+        width: "560px"
+      },
+      [`${o}-header`]: {
+        padding: `${r.spaceXL} ${r.spaceXL} 0px`,
+        "&-title": {
+          ...e(r),
+          color: r.textColor2,
+          fontWeight: 700,
+          display: "inline-block",
+          paddingBottom: r.spaceXS
+        },
+        "&-desc": {
+          ...e(r),
+          color: r.textColor3
+        },
+        "&-action-wrapper": {
+          padding: r.space,
+          margin: `calc(-${r.space})`,
+          cursor: "pointer"
+        },
+        "&-reset-btn": {
+          ...e(r),
+          color: r.colorLink
+        }
+      },
+      [`${o}-sorter-wrapper`]: {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        marginInlineStart: "-4px",
+        marginInlineEnd: "-4px",
+        rowGap: "8px"
+      },
+      [`${o}-sorter-item`]: {
+        flex: "0 0 33.333333%",
+        maxWidth: "33.333333%",
+        paddingInline: r.spaceXS,
+        "> div": {
+          border: `1px solid ${r.colorBg1}`,
+          borderRadius: r.borderRadius,
+          padding: "8px",
+          display: "flex",
+          alignItems: "center",
+          backgroundColor: "#fff",
+          "&:hover": {
+            borderColor: r.colorPrimary,
+            cursor: "pointer",
+            [`${r.componentCls}-sorter-sorter-item-holder`]: {
+              color: `${r.colorPrimary} !important`
+            }
+          }
+        },
+        "&--hidden": {
+          display: "none"
+        }
+      },
+      [`${o}-sorter-item-text`]: {
+        ...e(r),
+        paddingInlineStart: r.spaceXS,
+        color: r.textColor2,
+        maxWidth: "100%",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }
+    },
+    ...p(r)
+  };
+}, c = i("ApForm.SearchFormSorter", (r) => [a(r)]);
+export {
+  c as default,
+  a as genSearchFormSorter
+};

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

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