diff --git a/packages/demo/public/assets.json b/packages/demo/public/assets.json
index a6706aeee..f60a34342 100644
--- a/packages/demo/public/assets.json
+++ b/packages/demo/public/assets.json
@@ -17,7 +17,7 @@
       "title": "NextTable",
       "package": "NextTable",
       "version": "1.0.0",
-      "urls": ["http://alifd.alibabausercontent.com/materials/NextTable.js"],
+      "urls": ["http://alifd.alibabausercontent.com/materials/NextTable.js", "http://alifd.alibabausercontent.com/materials/NextTable.css"],
       "library": "NextTable"
     },
     {
@@ -585,6 +585,381 @@
       ],
       "configure": {
         "props": [
+          {
+            "name": "StyleAndTheme",
+            "title": "风格和样式",
+            "type": "group",
+            "extraProps": {
+              "display": "entry"
+            },
+            "items": [
+              {
+                "name": "theme",
+                "title": "主题",
+                "setter": {
+                  "componentName": "RadioGroupSetter",
+                  "props": {
+                    "dataSource": [
+                      {
+                        "label": "zebra",
+                        "value": "zebra"
+                      },{
+                        "label": "split",
+                        "value": "split"
+                      },{
+                        "label": "border",
+                        "value": "border"
+                      }
+                    ]
+                  }
+                }
+              },
+              {
+                "name": "hasHeader",
+                "title": "是否显示表头",
+                "setter": "BoolSetter"
+              },
+              {
+                "name": "fixedHeader",
+                "title": "是否固定表头",
+                "setter": "BoolSetter"
+              },
+              {
+                "name": "stickyHeader",
+                "title": "表头是否是sticky",
+                "setter": "BoolSetter"
+              }
+            ]
+          },
+          {
+            "name": "Selector",
+            "title": "行选择器",
+            "type": "group",
+            "extraProps": {
+              "display": "entry"
+            },
+            "items": [
+              {
+                "name": "rowSelector",
+                "title": "选择器模式",
+                "setter": {
+                  "componentName": "RadioGroupSetter",
+                  "props": {
+                    "dataSource": [
+                      {
+                        "label": "checkboxSelector",
+                        "value": "checkboxSelector"
+                      },{
+                        "label": "radioSelector",
+                        "value": "radioSelector"
+                      }
+                    ]
+                  }
+                }
+              },
+              {
+                "name": "showRowSelector",
+                "title": "是否启用选择模式",
+                "setter": "BoolSetter"
+              }
+            ]
+          },
+          {
+            "name": "Pagination",
+            "title": "分页设置",
+            "type": "group",
+            "extraProps": {
+              "display": "entry"
+            },
+            "items": [
+              {
+                "name": "isPagination",
+                "title": "是否显示分页",
+                "setter": "BoolSetter",
+                "initialValue": true
+              },
+              {
+                "name": "pagination",
+                "title": "分页设置",
+                "setter": {
+                  "componentName": "ObjectSetter",
+                  "props": {
+                    "config": {
+                      "items": [
+                        {
+                          "name": "paginationPosition",
+                          "title": "翻页器显示位置",
+                          "setter": {
+                            "componentName": "RadioGroupSetter",
+                            "props": {
+                              "dataSource": [
+                                {
+                                  "label": "left",
+                                  "value": "left"
+                                },{
+                                  "label": "right",
+                                  "value": "right"
+                                }
+                              ]
+                            }
+                          }
+                        },
+                        {
+                          "name": "size",
+                          "title": "分页组件大小",
+                          "setter": {
+                            "componentName": "RadioGroupSetter",
+                            "props": {
+                              "dataSource": [
+                                {
+                                  "label": "small",
+                                  "value": "small"
+                                },{
+                                  "label": "medium",
+                                  "value": "medium"
+                                },{
+                                  "label": "large",
+                                  "value": "large"
+                                }
+                              ]
+                            }
+                          }
+                        },
+                        {
+                          "name": "type",
+                          "title": "分页组件类型",
+                          "setter": {
+                            "componentName": "RadioGroupSetter",
+                            "props": {
+                              "dataSource": [
+                                {
+                                  "label": "normal",
+                                  "value": "normal"
+                                },{
+                                  "label": "simple",
+                                  "value": "simple"
+                                },{
+                                  "label": "mini",
+                                  "value": "mini"
+                                }
+                              ]
+                            }
+                          }
+                        },
+                        {
+                          "name": "shape",
+                          "title": "前进后退按钮样式",
+                          "setter": {
+                            "componentName": "SelectSetter",
+                            "props": {
+                              "dataSource": [
+                                {
+                                  "label": "normal",
+                                  "value": "normal"
+                                },{
+                                  "label": "arrow-only",
+                                  "value": "arrow-only"
+                                },{
+                                  "label": "arrow-prev-only",
+                                  "value": "arrow-prev-only"
+                                },{
+                                  "label": "no-border",
+                                  "value": "no-border"
+                                }
+                              ]
+                            }
+                          }
+                        },
+                        {
+                          "name": "pageSizeSelector",
+                          "title": "每页显示选择器类型",
+                          "setter": "BoolSetter"
+                        },
+                        {
+                          "name": "pageSizeList",
+                          "title": "每页显示选择器可选值",
+                          "setter": "StringSetter"
+                        },
+                        {
+                          "name": "pageSizePosition",
+                          "title": "每页显示选择器在组件中的位置",
+                          "setter": {
+                            "componentName": "SelectSetter",
+                            "props": {
+                              "dataSource": [
+                                {
+                                  "label": "start",
+                                  "value": "start"
+                                },{
+                                  "label": "end",
+                                  "value": "end"
+                                }
+                              ]
+                            }
+                          }
+                        },
+                        {
+                          "name": "hideOnlyOnePage",
+                          "title": "hideOnlyOnePage",
+                          "setter": "BoolSetter"
+                        },
+                        {
+                          "name": "showJump",
+                          "title": "showJump",
+                          "setter": "BoolSetter"
+                        },
+                        {
+                          "name": "pageShowCount",
+                          "title": "页码显示的数量",
+                          "setter": "NumberSetter"
+                        }
+                      ]
+                    }
+                  },
+                  "initialValue": {
+                    "type" : "normal",
+                    "shape" : "arrow-only",
+                    "pageSize" : 10,
+                    "pageSizeSelector" : false,
+                    "pageSizeList" : "5,10,20",
+                    "pageSizePosition" : "end",
+                    "paginationPosition" : "right",
+                    "hideOnlyOnePage" : false,
+                    "showJump" : true
+                  }
+                }
+              }
+            ]
+          },
+          {
+            "name": "ExpandAndTree",
+            "title": "可折叠/树形表格",
+            "type": "group",
+            "extraProps": {
+              "display": "entry"
+            },
+            "items": [
+              {
+                "name": "hasExpandedRowCtrl",
+                "title": "启用折叠",
+                "setter": "BoolSetter"
+              },
+              {
+                "name": "isTree",
+                "title": "启用树形",
+                "setter": "BoolSetter"
+              }
+            ]
+          },
+          {
+            "name": "TopAction",
+            "title": "顶部操作选项",
+            "type": "group",
+            "extraProps": {
+              "display": "entry"
+            },
+            "items": [
+              {
+                "name": "showActionBar",
+                "title": "显示操作条",
+                "setter": "BoolSetter"
+              },
+              {
+                "name": "showLinkBar",
+                "title": "显示外链条",
+                "setter": "BoolSetter"
+              },
+              {
+                "name": "showSearch",
+                "title": "显示搜索",
+                "setter": "BoolSetter"
+              },
+              {
+                "name": "searchBarPlaceholder",
+                "title": "搜索 placeholder",
+                "setter": "StringSetter"
+              },
+              {
+                "name": "showCustomColumn",
+                "title": "显示筛选器",
+                "setter": "BoolSetter"
+              }
+            ]
+          },
+          {
+            "name": "actionBar",
+            "title": "操作条",
+            "setter": {
+              "componentName": "ArraySetter",
+              "props": {
+                "itemSetter": {
+                  "componentName": "ObjectSetter",
+                  "props": {
+                    "config": {
+                      "items": [{
+                        "name": "title",
+                        "description": "标题",
+                        "setter": "StringSetter",
+                        "defaultValue": "Title"
+                      },{
+                        "name": "callback",
+                        "description": "callback",
+                        "propType": "JsonSetter",
+                        "defaultValue": {
+                          "type": "JSFunction",
+                          "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
+                        }
+                      }]
+                    }
+                  },
+                  "initialValue": {
+                    "title": "Title",
+                    "callback": {
+                      "type": "JSFunction",
+                      "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
+                    }
+                  }
+                }
+              }
+            }
+          },
+          {
+            "name": "linkBar",
+            "title": "外链操作条",
+            "setter": {
+              "componentName": "ArraySetter",
+              "props": {
+                "itemSetter": {
+                  "componentName": "ObjectSetter",
+                  "props": {
+                    "config": {
+                      "items": [{
+                        "name": "title",
+                        "description": "标题",
+                        "setter": "StringSetter",
+                        "defaultValue": "Title"
+                      },{
+                        "name": "callback",
+                        "description": "callback",
+                        "propType": "JsonSetter",
+                        "defaultValue": {
+                          "type": "JSFunction",
+                          "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
+                        }
+                      }]
+                    }
+                  },
+                  "initialValue": {
+                    "title": "Title",
+                    "callback": {
+                      "type": "JSFunction",
+                      "value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
+                    }
+                  }
+                }
+              }
+            }
+          },
           {
             "name": "columns",
             "title": "数据列",
@@ -9280,9 +9655,16 @@
       },
       "props": [
         {
-          "name": "prefix",
-          "propType": "string",
-          "defaultValue": "next-"
+          "name": "id",
+          "propType": "string"
+        },
+        {
+          "name": "className",
+          "propType": "string"
+        },
+        {
+          "name": "style",
+          "propType": "object"
         },
         {
           "name": "defaultValue",
@@ -9295,18 +9677,6 @@
           "propType": "number",
           "description": "值"
         },
-        {
-          "name": "count",
-          "propType": "number",
-          "description": "评分的总数",
-          "defaultValue": 5
-        },
-        {
-          "name": "showGrade",
-          "propType": "bool",
-          "description": "是否显示 grade",
-          "defaultValue": false
-        },
         {
           "name": "size",
           "propType": {
@@ -9320,12 +9690,51 @@
           "description": "尺寸",
           "defaultValue": "medium"
         },
+        {
+          "name": "count",
+          "propType": "number",
+          "description": "评分的总数",
+          "defaultValue": 5
+        },
+        {
+          "name": "showGrade",
+          "propType": "bool",
+          "description": "是否显示 grade",
+          "defaultValue": false
+        },
         {
           "name": "allowHalf",
           "propType": "bool",
           "description": "是否允许半星评分",
           "defaultValue": false
         },
+        {
+          "name": "disabled",
+          "propType": "bool",
+          "description": "是否禁用",
+          "defaultValue": false
+        },
+        {
+          "name": "rtl",
+          "propType": "bool"
+        },
+        {
+          "name": "isPreview",
+          "propType": "bool",
+          "description": "是否为预览态",
+          "defaultValue": false
+        },
+        {
+          "name": "renderPreview",
+          "propType": "func",
+          "description": "预览态模式下渲染的内容"
+        },
+        {
+          "name": "readOnly",
+          "propType": "bool",
+          "description": "是否为只读态，效果上同 disabeld",
+          "defaultValue": false
+        },
         {
           "name": "onChange",
           "propType": "func",
@@ -9335,64 +9744,6 @@
           "name": "onHoverChange",
           "propType": "func",
           "description": "用户hover评分时触发的回调\n@param {String} value 评分值"
-        },
-        {
-          "name": "disabled",
-          "propType": "bool",
-          "description": "是否禁用",
-          "defaultValue": false
-        },
-        {
-          "name": "readAs",
-          "propType": "func",
-          "description": "评分文案生成方法，传入id支持无障碍时，读屏软件可读"
-        },
-        {
-          "name": "iconType",
-          "propType": "string",
-          "defaultValue": "favorites-filling"
-        },
-        {
-          "name": "strokeMode",
-          "propType": "bool"
-        },
-        {
-          "name": "className",
-          "propType": "string"
-        },
-        {
-          "name": "id",
-          "propType": "string"
-        },
-        {
-          "name": "rtl",
-          "propType": "bool"
-        },
-        {
-          "name": "locale",
-          "propType": "object",
-          "description": "自定义国际化文案对象"
-        },
-        {
-          "name": "isPreview",
-          "propType": "bool",
-          "description": "是否为预览态",
-          "defaultValue": false
-        },
-        {
-          "name": "renderPreview",
-          "propType": "func",
-          "description": "预览态模式下渲染的内容\n@param {number} value 评分值"
-        },
-        {
-          "name": "readOnly",
-          "propType": "bool",
-          "description": "是否为只读态，效果上同 disabeld",
-          "defaultValue": false
-        },
-        {
-          "name": "style",
-          "propType": "object"
         }
       ]
     },
@@ -11540,23 +11891,22 @@
       },
       "props": [
         {
-          "name": "prefix",
+          "name": "id",
           "propType": "string",
-          "defaultValue": "next-"
-        },
-        {
-          "name": "pure",
-          "propType": "bool",
-          "defaultValue": false
-        },
-        {
-          "name": "rtl",
-          "propType": "bool"
+          "description": "请设置 id 以保证transfer的可访问性"
         },
         {
           "name": "className",
           "propType": "string"
         },
+        {
+          "name": "style",
+          "propType": "object"
+        },
+        {
+          "name": "rtl",
+          "propType": "bool"
+        },
         {
           "name": "mode",
           "propType": {
@@ -11570,9 +11920,19 @@
           "defaultValue": "normal"
         },
         {
-          "name": "onChange",
-          "propType": "func",
-          "description": "值发生改变的时候触发的回调函数\n@param {Array} value 右面板值\n@param {Array} data 右面板数据\n@param {Object} extra 额外参数\n@param {Array} extra.leftValue 左面板值\n@param {Array} extra.leftData 左面板数据\n@param {Array} extra.movedValue 发生移动的值\n@param {Object} extra.movedData 发生移动的数据\n@param {String} extra.direction 移动的方向，值为'left'或'right'"
+          "name": "dataSource",
+          "propType": "array",
+          "description": "数据源"
+        },
+        {
+          "name": "value",
+          "propType": "array",
+          "description": "当前值"
+        },
+        {
+          "name": "defaultValue",
+          "propType": "array",
+          "description": "默认值"
         },
         {
           "name": "disabled",
@@ -11595,7 +11955,7 @@
         {
           "name": "itemRender",
           "propType": "func",
-          "description": "列表项渲染函数\n@param {Object} data 数据\n@return {ReactNode} 列表项内容"
+          "description": "列表项渲染函数"
         },
         {
           "name": "showSearch",
@@ -11606,12 +11966,7 @@
         {
           "name": "filter",
           "propType": "func",
-          "description": "自定义搜索函数\n@param {String} searchedValue 搜索的内容\n@param {Object} data 数据\n@return {Boolean} 是否匹配到\n@default 根据 label 属性匹配"
-        },
-        {
-          "name": "onSearch",
-          "propType": "func",
-          "description": "搜索框输入时触发的回调函数\n@param {String} searchedValue 搜索的内容\n@param {String} position 搜索面板的位置"
+          "description": "自定义搜索函数"
         },
         {
           "name": "searchPlaceholder",
@@ -11627,6 +11982,26 @@
           "description": "列表为空显示内容",
           "defaultValue": "Not Found"
         },
+        {
+          "name": "titles",
+          "propType": "array",
+          "description": "左右面板标题"
+        },
+        {
+          "name": "operations",
+          "propType": "array",
+          "description": "向右向左移动按钮显示内容"
+        },
+        {
+          "name": "defaultLeftChecked",
+          "propType": "array",
+          "description": "左面板默认选中值"
+        },
+        {
+          "name": "defaultRightChecked",
+          "propType": "array",
+          "description": "右面板默认选中值"
+        },
         {
           "name": "listClassName",
           "propType": "string",
@@ -11643,34 +12018,27 @@
           "description": "是否允许拖拽排序",
           "defaultValue": false
         },
-        {
-          "name": "onSort",
-          "propType": "func",
-          "description": "拖拽排序时触发的回调函数\n@param {Array} value 排序后的值\n@param {String} position 拖拽的面板位置，值为：left 或 right"
-        },
-        {
-          "name": "locale",
-          "propType": "object",
-          "description": "自定义国际化文案对象"
-        },
-        {
-          "name": "id",
-          "propType": "string",
-          "description": "请设置 id 以保证transfer的可访问性"
-        },
         {
           "name": "children",
           "propType": "func",
           "description": "接收 children 自定义渲染列表"
         },
         {
-          "name": "dataSource",
-          "propType": "array"
+          "name": "onChange",
+          "propType": "func",
+          "description": "值发生改变的时候触发的回调函数"
         },
         {
-          "name": "style",
-          "propType": "object"
+          "name": "onSearch",
+          "propType": "func",
+          "description": "搜索框输入时触发的回调函数"
+        },
+        {
+          "name": "onSort",
+          "propType": "func",
+          "description": "拖拽排序时触发的回调函数"
         }
+        
       ],
       "configure": {
         "props": {