feat: add allow clear in select and add showSize changer support change size options

Author: moonrailgun

packages/tushan/client/components/fields/select.tsx

@@ -22,6 +22,7 @@ export interface SelectFieldOptionItem {
 
 export interface SelectFieldOptions {
   items: SelectFieldOptionItem[];
+  allowClear?: boolean;
 }
 
 export const SelectFieldDetail: FieldDetailComponent<
@@ -49,10 +50,12 @@ export const SelectFieldEdit: FieldEditComponent<
   SelectFieldOptions
 > = React.memo((props) => {
   const items = props.options.items ?? [];
+  const allowClear = props.options.allowClear ?? false;
 
   return (
     <Select
       placeholder={props.options.edit?.placeholder ?? props.options.label}
+      allowClear={allowClear}
       value={props.value}
       onChange={(val) => props.onChange(val)}
     >

packages/tushan/client/components/list/ListTable.tsx

@@ -66,7 +66,11 @@ export interface ListTableProps {
   defaultSort?: SortPayload;
   defaultFilter?: FilterPayload;
   showTotal?: boolean;
-  showSizeChanger?: boolean;
+  /**
+   * If pass number array, you can change size options,
+   * default is [10, 20, 50, 100]
+   */
+  showSizeChanger?: boolean | number[];
   drawerWidth?: number;
   /**
    * Allow pass table props into table element
@@ -202,8 +206,10 @@ export const ListTable: React.FC<ListTableProps> = React.memo((props) => {
         current: pageNum,
         pageSize,
         showTotal: props.showTotal ?? true,
-        sizeCanChange: props.showSizeChanger ?? false,
-        sizeOptions: [10, 20, 50, 100],
+        sizeCanChange: props.showSizeChanger ? true : false,
+        sizeOptions: Array.isArray(props.showSizeChanger)
+          ? props.showSizeChanger
+          : [10, 20, 50, 100],
         onChange: (pageNum, pageSize) => {
           setPageNum(pageNum);
           setPageSize(pageSize);

packages/tushan/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tushan",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "",
   "main": "./index.ts",
   "scripts": {