Add FormList and List

Author: iron-tech-space

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.0.60
+
+- Add `FormList` and `List`
+
 ## 0.0.59
 
 - Refactoring code

dist/index.es.js

@@ -106,11 +106,13 @@ var ConfigLoader = function ConfigLoader(props) {
                     hidden: !item.visible
                 }, colProps, {
                     cellRenderer: function cellRenderer(object) {
-                        if (colProps && colProps.cellRenderer) return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : '---';else return object.cellData ? React.createElement(
-                            _Typography.Text,
-                            { ellipsis: true, style: { width: '100%' } },
-                            object.cellData
-                        ) : '---';
+                        if (colProps && colProps.cellRenderer) return React.createElement(colProps.cellRenderer, object);
+                        // return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : '---';
+                        else return object.cellData ? React.createElement(
+                                _Typography.Text,
+                                { ellipsis: true, style: { width: '100%' } },
+                                object.cellData
+                            ) : '---';
                         // return object.cellData ? object.cellData : '---';
                     }
                 });

dist/index.es.js.map

@@ -12,6 +12,8 @@ import "antd/es/divider/style";
 import _Divider from "antd/es/divider";
 import "antd/es/typography/style";
 import _Typography from "antd/es/typography";
+import "antd/es/list/style";
+import _List from "antd/es/list";
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
 import "antd/es/col/style";
@@ -143,39 +145,41 @@ var ComponentClassicWithOutStore = function ComponentClassicWithOutStore(Compone
 };
 
 var classicComponents = {
-    Form: RtForm, // +
-    FormHeader: FormHeader, // +
-    FormBody: FormBody, // +
-    FormFooter: FormFooter, // +
-    Space: renderFormItemComponent(_Space), // +
-    Row: renderFormItemComponent(_Row), // +
-    Col: renderFormItemComponent(_Col), // +
-    Layout: renderFormItemComponent(RtLayout), // +
-    Tabs: _Tabs, // +
-    TabPane: RtTabPane // +
+    Form: RtForm,
+    FormHeader: FormHeader,
+    FormBody: FormBody,
+    FormFooter: FormFooter,
+    FormList: _Form.List,
+    Space: renderFormItemComponent(_Space),
+    Row: renderFormItemComponent(_Row),
+    Col: renderFormItemComponent(_Col),
+    Layout: renderFormItemComponent(RtLayout),
+    Tabs: _Tabs,
+    TabPane: RtTabPane,
+    List: renderFormItemComponent(_List)
 };
 var withComponentType = {
-    Button: ComponentClassicWithOutStore(RtButton), // +
-    Title: ComponentClassicWithLabel(_Typography.Title), // +
-    Text: ComponentClassicWithLabel(_Typography.Text), // +
-    Divider: ComponentClassicWithLabel(_Divider), // +
-    Checkbox: ComponentClassicWithLabel(_Checkbox), // +
-    DatePicker: ComponentClassicWithPlaceholder(RtDatePicker, 'Выберите дату'), // +
-    DateText: ComponentClassic(TypographyDate), // +
-    Input: ComponentClassicWithPlaceholder(_Input, 'Введите значение'), // +
-    Search: ComponentClassicWithPlaceholder(_Input.Search, 'Поиск'), // +
-    TextArea: ComponentClassicWithPlaceholder(_Input.TextArea, 'Введите текст'), // +
-    Password: ComponentClassicWithPlaceholder(_Input.Password, 'Введите пароль'), // +
-    InputNumber: ComponentClassicWithPlaceholder(_InputNumber, 'Введите значение'), // +
-    Switch: ComponentClassic(_Switch), // +
-    RadioGroup: ComponentClassic(_Radio.Group), // +
-    Select: ComponentClassicWithPlaceholder(RtSelect, 'Выберите значение'), // +
-    TreeSelect: ComponentClassicWithPlaceholder(RtTreeSelect, 'Выберите значение'), // +
+    Button: ComponentClassicWithOutStore(RtButton),
+    Title: ComponentClassicWithLabel(_Typography.Title),
+    Text: ComponentClassicWithLabel(_Typography.Text),
+    Divider: ComponentClassicWithLabel(_Divider),
+    Checkbox: ComponentClassicWithLabel(_Checkbox),
+    DatePicker: ComponentClassicWithPlaceholder(RtDatePicker, 'Выберите дату'),
+    DateText: ComponentClassic(TypographyDate),
+    Input: ComponentClassicWithPlaceholder(_Input, 'Введите значение'),
+    Search: ComponentClassicWithPlaceholder(_Input.Search, 'Поиск'),
+    TextArea: ComponentClassicWithPlaceholder(_Input.TextArea, 'Введите текст'),
+    Password: ComponentClassicWithPlaceholder(_Input.Password, 'Введите пароль'),
+    InputNumber: ComponentClassicWithPlaceholder(_InputNumber, 'Введите значение'),
+    Switch: ComponentClassic(_Switch),
+    RadioGroup: ComponentClassic(_Radio.Group),
+    Select: ComponentClassicWithPlaceholder(RtSelect, 'Выберите значение'),
+    TreeSelect: ComponentClassicWithPlaceholder(RtTreeSelect, 'Выберите значение'),
     Table: ComponentClassicWithOutStore(RtTable),
-    Modal: ComponentClassicWithOutStore(RtModal), // +
-    Custom: ComponentClassic(Custom), // +
-    Switcher: ComponentClassic(RtSwitcher), // +
-    UploadFile: ComponentClassic(RtUploadFile) // +
+    Modal: ComponentClassicWithOutStore(RtModal),
+    Custom: ComponentClassic(Custom),
+    Switcher: ComponentClassic(RtSwitcher),
+    UploadFile: ComponentClassic(RtUploadFile)
 };
 
 export var classic = _extends({}, classicComponents, Object.keys(withComponentType).reduce(function (obj, key) {

dist/index.js

@@ -1,6 +1,6 @@
 {
 	"name": "rt-design",
-	"version": "0.0.59",
+	"version": "0.0.60",
 	"description": "React technical design library",
 	"author": "Iron tech space",
 	"license": "MIT",

dist/index.js.map

@@ -75,7 +75,8 @@ const ConfigLoader = props => {
                     ...colProps,
                     cellRenderer: (object) => {
                         if (colProps && colProps.cellRenderer)
-                            return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : '---';
+                            return <colProps.cellRenderer {...object}/>
+                            // return colProps.cellRenderer(object) ? colProps.cellRenderer(object) : '---';
                         else
                             return object.cellData ? <Typography.Text ellipsis={true} style={{width: '100%'}}>{object.cellData}</Typography.Text> : '---';
                             // return object.cellData ? object.cellData : '---';