@tidbcloud/uikit 2.0.3 → 2.0.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @tidbcloud/uikit
 
+## 2.0.4
+
+### Patch Changes
+
+- feat(uikit): fix SearchArea components bugs
+- Feat/search area fix ([#448](https://github.com/tidbcloud/tidbcloud-uikit/pull/448))
+- chore: add type checking for UIKit in CI/CD pipeline ([#447](https://github.com/tidbcloud/tidbcloud-uikit/pull/447))
+- feat(story): add RadioCard story demonstrating card-style radio selection ([#446](https://github.com/tidbcloud/tidbcloud-uikit/pull/446))
+
 ## 2.0.3
 
 ### Patch Changes

package/dist/biz/Form/Form.d.cts

@@ -17,6 +17,7 @@ export interface FormProps<T extends FieldValues = object> extends BoxProps, Omi
     stopPropagation?: boolean;
     preventDefault?: boolean;
     onSubmit: SubmitHandler<T>;
+    onRefresh?: () => void;
     onError?: () => any;
     onCancel?: () => void;
     onFormUnMount?: () => void;

package/dist/biz/Form/Form.d.mts

@@ -17,6 +17,7 @@ export interface FormProps<T extends FieldValues = object> extends BoxProps, Omi
     stopPropagation?: boolean;
     preventDefault?: boolean;
     onSubmit: SubmitHandler<T>;
+    onRefresh?: () => void;
     onError?: () => any;
     onCancel?: () => void;
     onFormUnMount?: () => void;

package/dist/biz/SearchArea/index.cjs

@@ -124,6 +124,7 @@ function FormItemRender(props) {
         {
           name,
           value: keyword,
+          clearable: true,
           onChange: (val) => {
             setKeyword(val);
             triggerSubmit();
@@ -137,7 +138,7 @@ function FormItemRender(props) {
 }
 const DEFAULT_FORM_STATE_KEY = "__fs";
 function SearchArea(props) {
-  const { data, onSubmit, recoverFromURLEnabled, defaultValues, formStateQueryKey, ...rest } = props;
+  const { data, onSubmit, onRefresh, recoverFromURLEnabled, defaultValues, formStateQueryKey, ...rest } = props;
   const [resetSeed, setResetSeed] = React.useState(0);
   const [formState, setFormState] = useURLQueryState.useURLQueryState(formStateQueryKey ?? DEFAULT_FORM_STATE_KEY, defaultValues);
   const state = recoverFromURLEnabled ? formState : defaultValues;
@@ -150,8 +151,12 @@ function SearchArea(props) {
   const handleReset = () => {
     setResetSeed(resetSeed + 1);
     form.reset(defaultValues);
+    onSubmit(form.getValues());
     recoverFromURLEnabled && setFormState(defaultValues);
   };
+  const handleRefresh = () => {
+    onRefresh && onRefresh();
+  };
   React.useEffect(() => {
     if (recoverFromURLEnabled) {
       handleSubmit();
@@ -175,7 +180,7 @@ function SearchArea(props) {
           /* @__PURE__ */ jsxRuntime.jsx(index$1.IconEraser, { size: 16, style: { marginRight: 4 } }),
           "Clear Filters"
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsx(index.Button, { variant: "subtle", onClick: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.IconRefreshCw01, { size: 16 }) }) })
+        onRefresh && /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsx(index.Button, { variant: "subtle", onClick: handleRefresh, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.IconRefreshCw01, { size: 16 }) }) })
       ] })
     ] }) }),
     props.debugEnabled && /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { sx: { height: 320 }, children: [

package/dist/biz/SearchArea/index.mjs

@@ -122,6 +122,7 @@ function FormItemRender(props) {
         {
           name,
           value: keyword,
+          clearable: true,
           onChange: (val) => {
             setKeyword(val);
             triggerSubmit();
@@ -135,7 +136,7 @@ function FormItemRender(props) {
 }
 const DEFAULT_FORM_STATE_KEY = "__fs";
 function SearchArea(props) {
-  const { data, onSubmit, recoverFromURLEnabled, defaultValues, formStateQueryKey, ...rest } = props;
+  const { data, onSubmit, onRefresh, recoverFromURLEnabled, defaultValues, formStateQueryKey, ...rest } = props;
   const [resetSeed, setResetSeed] = useState(0);
   const [formState, setFormState] = useURLQueryState(formStateQueryKey ?? DEFAULT_FORM_STATE_KEY, defaultValues);
   const state = recoverFromURLEnabled ? formState : defaultValues;
@@ -148,8 +149,12 @@ function SearchArea(props) {
   const handleReset = () => {
     setResetSeed(resetSeed + 1);
     form.reset(defaultValues);
+    onSubmit(form.getValues());
     recoverFromURLEnabled && setFormState(defaultValues);
   };
+  const handleRefresh = () => {
+    onRefresh && onRefresh();
+  };
   useEffect(() => {
     if (recoverFromURLEnabled) {
       handleSubmit();
@@ -173,7 +178,7 @@ function SearchArea(props) {
           /* @__PURE__ */ jsx(IconEraser, { size: 16, style: { marginRight: 4 } }),
           "Clear Filters"
         ] }) }),
-        /* @__PURE__ */ jsx(Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsx(Button, { variant: "subtle", onClick: handleSubmit, children: /* @__PURE__ */ jsx(IconRefreshCw01, { size: 16 }) }) })
+        onRefresh && /* @__PURE__ */ jsx(Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsx(Button, { variant: "subtle", onClick: handleRefresh, children: /* @__PURE__ */ jsx(IconRefreshCw01, { size: 16 }) }) })
       ] })
     ] }) }),
     props.debugEnabled && /* @__PURE__ */ jsxs(Box, { sx: { height: 320 }, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",
@@ -136,6 +136,7 @@
     "test": "test",
     "copy:raw-icon": "mkdir -p ./dist/icons/raw && cpy 'src/icons/raw/*.svg' ./dist/icons/raw/",
     "build:icon": "tsx ./scripts/icon.ts",
-    "build": "vite build && pnpm run copy:raw-icon"
+    "build": "vite build && pnpm run copy:raw-icon",
+    "type-check": "tsc --noEmit"
   }
 }