@steroidsjs/core 3.0.0-beta.24 → 3.0.0-beta.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui/form/Field/fieldWrapper.d.ts +8 -0
- package/ui/form/Field/fieldWrapper.js +4 -1
- package/ui/form/FieldLayout/FieldLayout.d.ts +5 -0
- package/ui/form/FieldList/FieldList.d.ts +9 -0
- package/ui/form/FieldList/FieldList.js +1 -1
- package/ui/form/FileField/FileField.d.ts +1 -1
- package/ui/list/CheckboxColumn/CheckboxColumn.d.ts +2 -1
- package/ui/list/CheckboxColumn/CheckboxColumn.js +4 -1
- package/ui/list/Grid/Grid.d.ts +56 -2
- package/ui/list/Grid/Grid.js +11 -2
- package/ui/nav/Controls/Controls.js +6 -5
- package/ui/crud/Crud/demo/default.d.ts +0 -8
- package/ui/crud/Crud/demo/default.js +0 -76
- package/ui/form/FieldList/demo/basic.d.ts +0 -8
- package/ui/form/FieldList/demo/basic.js +0 -62
- package/ui/form/FieldList/demo/disabled.d.ts +0 -8
- package/ui/form/FieldList/demo/disabled.js +0 -62
- package/ui/form/FieldSet/demo/basic.d.ts +0 -8
- package/ui/form/FieldSet/demo/basic.js +0 -53
- package/ui/form/HtmlField/demo/basic.d.ts +0 -8
- package/ui/form/HtmlField/demo/basic.js +0 -37
- package/ui/list/CheckboxColumn/demo/basic.d.ts +0 -8
- package/ui/list/CheckboxColumn/demo/basic.js +0 -51
- package/ui/list/Grid/demo/basic.d.ts +0 -18
- package/ui/list/Grid/demo/basic.js +0 -72
- package/ui/list/Grid/demo/controls.d.ts +0 -8
- package/ui/list/Grid/demo/controls.js +0 -44
- package/ui/list/Grid/demo/empty.d.ts +0 -8
- package/ui/list/Grid/demo/empty.js +0 -38
- package/ui/list/Grid/demo/formatter.d.ts +0 -8
- package/ui/list/Grid/demo/formatter.js +0 -67
- package/ui/list/Grid/demo/indexing.d.ts +0 -8
- package/ui/list/Grid/demo/indexing.js +0 -52
- package/ui/list/Grid/demo/inner-search-form.d.ts +0 -16
- package/ui/list/Grid/demo/inner-search-form.js +0 -60
- package/ui/list/Grid/demo/load-more.d.ts +0 -8
- package/ui/list/Grid/demo/load-more.js +0 -43
- package/ui/list/Grid/demo/pagination.d.ts +0 -8
- package/ui/list/Grid/demo/pagination.js +0 -41
- package/ui/list/Grid/demo/search-form.d.ts +0 -8
- package/ui/list/Grid/demo/search-form.js +0 -50
- package/ui/list/Grid/demo/sort.d.ts +0 -8
- package/ui/list/Grid/demo/sort.js +0 -50
- package/ui/list/Grid/demo/visible.d.ts +0 -8
- package/ui/list/Grid/demo/visible.js +0 -52
package/package.json
CHANGED
|
@@ -60,6 +60,14 @@ export interface IFieldWrapperInputProps {
|
|
|
60
60
|
* Размер поля
|
|
61
61
|
*/
|
|
62
62
|
size?: Size;
|
|
63
|
+
/**
|
|
64
|
+
* Дополнительный CSS-класс для обертки FieldLayout
|
|
65
|
+
*/
|
|
66
|
+
fieldLayoutClassName?: CssClassName;
|
|
67
|
+
/**
|
|
68
|
+
* Возможность отрендерить поле без обертки в компонент FieldLayout
|
|
69
|
+
*/
|
|
70
|
+
isRenderWithoutFieldLayout?: boolean;
|
|
63
71
|
[key: string]: any;
|
|
64
72
|
}
|
|
65
73
|
export interface IFieldWrapperOutputProps {
|
|
@@ -131,7 +131,10 @@ function fieldWrapper(componentId, Component, optionsConfig) {
|
|
|
131
131
|
}
|
|
132
132
|
var uniqueId = (0, hooks_1.useUniqueId)('input');
|
|
133
133
|
var inputId = props.id || uniqueId;
|
|
134
|
-
|
|
134
|
+
if (props.isRenderWithoutFieldLayout) {
|
|
135
|
+
return components.ui.renderView(Component.DynamicField, props);
|
|
136
|
+
}
|
|
137
|
+
return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { className: props.fieldLayoutClassName, size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId }))) }));
|
|
135
138
|
};
|
|
136
139
|
NewComponent.WrappedComponent = Component;
|
|
137
140
|
NewComponent.displayName = componentId;
|
|
@@ -4,6 +4,10 @@ import * as React from 'react';
|
|
|
4
4
|
* Специальный шаблон для поля, который настраивает его расположение внутри формы, рендерит лейбл, подсказки и ошибки
|
|
5
5
|
*/
|
|
6
6
|
export interface IFieldLayoutProps {
|
|
7
|
+
/**
|
|
8
|
+
* Дополнительный CSS-класс
|
|
9
|
+
*/
|
|
10
|
+
className?: CssClassName;
|
|
7
11
|
/**
|
|
8
12
|
* Название поля либо отмена отображение поля (false)
|
|
9
13
|
* @example 'Visible'
|
|
@@ -46,6 +50,7 @@ export interface IFieldLayoutViewProps {
|
|
|
46
50
|
id: string;
|
|
47
51
|
size: Size;
|
|
48
52
|
children?: React.ReactNode;
|
|
53
|
+
className?: string;
|
|
49
54
|
}
|
|
50
55
|
declare function FieldLayout(props: IFieldLayoutProps): JSX.Element;
|
|
51
56
|
declare const _default: React.MemoExoticComponent<typeof FieldLayout>;
|
|
@@ -33,6 +33,10 @@ interface IFieldListItem extends IFieldWrapperInputProps {
|
|
|
33
33
|
* @example MyCustomView
|
|
34
34
|
*/
|
|
35
35
|
view?: CustomView;
|
|
36
|
+
/**
|
|
37
|
+
* Заголовок для колонки таблицы.
|
|
38
|
+
*/
|
|
39
|
+
title?: string;
|
|
36
40
|
[key: string]: any;
|
|
37
41
|
}
|
|
38
42
|
export interface IFieldListProps extends IFieldWrapperInputProps {
|
|
@@ -94,6 +98,10 @@ export interface IFieldListProps extends IFieldWrapperInputProps {
|
|
|
94
98
|
* @example true
|
|
95
99
|
*/
|
|
96
100
|
enableKeyboardNavigation?: boolean;
|
|
101
|
+
/**
|
|
102
|
+
* Добавляет эффект зебры к таблице
|
|
103
|
+
*/
|
|
104
|
+
hasAlternatingColors?: boolean;
|
|
97
105
|
[key: string]: any;
|
|
98
106
|
}
|
|
99
107
|
export interface IFieldListViewProps {
|
|
@@ -111,6 +119,7 @@ export interface IFieldListViewProps {
|
|
|
111
119
|
forwardedRef?: any;
|
|
112
120
|
disabled?: boolean;
|
|
113
121
|
size?: Size;
|
|
122
|
+
hasAlternatingColors?: boolean;
|
|
114
123
|
}
|
|
115
124
|
export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
|
|
116
125
|
items?: (IFieldListItem & {
|
|
@@ -106,7 +106,7 @@ function FieldList(props) {
|
|
|
106
106
|
var FieldListView = props.view || components.ui.getView('form.FieldListView');
|
|
107
107
|
var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');
|
|
108
108
|
return (React.createElement(Form_1.FormContext.Provider, { value: contextValue },
|
|
109
|
-
React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd }), (0, range_1["default"])(props.input.value || 0)
|
|
109
|
+
React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd, hasAlternatingColors: props.hasAlternatingColors }), (0, range_1["default"])(props.input.value || 0)
|
|
110
110
|
.map(function (index) { return (React.createElement(FieldListItemView, __assign({}, props.itemViewProps, commonProps, { key: index, onRemove: onRemove, prefix: props.input.name + '.' + index, rowIndex: index }))); }))));
|
|
111
111
|
}
|
|
112
112
|
FieldList.defaultProps = {
|
|
@@ -20,7 +20,7 @@ interface IFileFieldCommonProps extends IFileHocInput, IFileHocOutput {
|
|
|
20
20
|
* Вариант отображения файлов
|
|
21
21
|
* @example 'list'
|
|
22
22
|
*/
|
|
23
|
-
filesLayout?: FilesLayout;
|
|
23
|
+
filesLayout?: FilesLayout | string;
|
|
24
24
|
}
|
|
25
25
|
export interface IFileFieldProps extends IFieldWrapperInputProps, IFileFieldCommonProps {
|
|
26
26
|
/**
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { IContentColumnViewProps } from '../Grid/Grid';
|
|
2
3
|
/**
|
|
3
4
|
* CheckboxColumn
|
|
4
5
|
* Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
|
|
@@ -23,7 +24,7 @@ export interface ICheckboxColumnProps {
|
|
|
23
24
|
view?: CustomView;
|
|
24
25
|
[key: string]: any;
|
|
25
26
|
}
|
|
26
|
-
export interface ICheckboxColumnViewProps {
|
|
27
|
+
export interface ICheckboxColumnViewProps extends IContentColumnViewProps {
|
|
27
28
|
fieldProps: Record<string, any>;
|
|
28
29
|
input: {
|
|
29
30
|
name: string;
|
|
@@ -25,7 +25,10 @@ function CheckboxColumn(props) {
|
|
|
25
25
|
onChange: onChange
|
|
26
26
|
}); }, [onChange, props.listId, value]);
|
|
27
27
|
return components.ui.renderView(props.view || 'list.CheckboxColumnView', {
|
|
28
|
-
input: input
|
|
28
|
+
input: input,
|
|
29
|
+
item: props.item,
|
|
30
|
+
attribute: props.attribute,
|
|
31
|
+
size: props.size
|
|
29
32
|
});
|
|
30
33
|
}
|
|
31
34
|
exports["default"] = CheckboxColumn;
|
package/ui/list/Grid/Grid.d.ts
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { ILinkProps } from 'src/ui/nav/Link/Link';
|
|
2
3
|
import { IListConfig, ListControlPosition } from '../../../hooks/useList';
|
|
3
4
|
import { IControlItem } from '../../nav/Controls/Controls';
|
|
5
|
+
export interface IContentColumnViewProps extends IGridColumn {
|
|
6
|
+
item: Record<string, any>;
|
|
7
|
+
size: Size;
|
|
8
|
+
primaryKey: string;
|
|
9
|
+
listId: string;
|
|
10
|
+
model: string;
|
|
11
|
+
[key: string]: any;
|
|
12
|
+
}
|
|
4
13
|
export interface IGridColumn {
|
|
5
14
|
/**
|
|
6
15
|
* Атрибут колонки, по которому происходит поиск нужного свойства в items и нужного поля в SearchForm
|
|
@@ -44,7 +53,7 @@ export interface IGridColumn {
|
|
|
44
53
|
* Компонент для кастомизации отображения значения в ячейке
|
|
45
54
|
* @example MyCustomView
|
|
46
55
|
*/
|
|
47
|
-
valueView?: any;
|
|
56
|
+
valueView?: any | 'ContentColumnView';
|
|
48
57
|
/**
|
|
49
58
|
* Свойства для компонента отображения значения в ячейке
|
|
50
59
|
*/
|
|
@@ -58,6 +67,36 @@ export interface IGridColumn {
|
|
|
58
67
|
* @example true
|
|
59
68
|
*/
|
|
60
69
|
sortable?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Название свойства в items, которое будет использовано как subtitle
|
|
72
|
+
* @example 'name'
|
|
73
|
+
*/
|
|
74
|
+
subtitleAttribute?: string;
|
|
75
|
+
/**
|
|
76
|
+
* Параметры для ссылки в колонке
|
|
77
|
+
* @example {attribute: 'name', linkProps: {target: 'blank'}, url: 'https://kozhindev.com'}
|
|
78
|
+
*/
|
|
79
|
+
link: {
|
|
80
|
+
attribute: string;
|
|
81
|
+
linkProps?: ILinkProps;
|
|
82
|
+
urlAttribute: string;
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* Параметры для иконки в колонке
|
|
86
|
+
* @example {attribute: 'icon', isLeft: true}
|
|
87
|
+
*/
|
|
88
|
+
icon: {
|
|
89
|
+
attribute: string;
|
|
90
|
+
isLeft?: boolean;
|
|
91
|
+
};
|
|
92
|
+
/**
|
|
93
|
+
* Параметры для картинки в колонке
|
|
94
|
+
* @example {attribute: 'icon', isLeft: true}
|
|
95
|
+
*/
|
|
96
|
+
picture: {
|
|
97
|
+
attribute: string;
|
|
98
|
+
isLeft?: boolean;
|
|
99
|
+
};
|
|
61
100
|
}
|
|
62
101
|
/**
|
|
63
102
|
* Grid
|
|
@@ -85,6 +124,14 @@ export interface IGridProps extends IListConfig {
|
|
|
85
124
|
* должно быть задано свойство index
|
|
86
125
|
*/
|
|
87
126
|
itemsIndexing?: any;
|
|
127
|
+
/**
|
|
128
|
+
* Размер Grid
|
|
129
|
+
*/
|
|
130
|
+
size?: Size;
|
|
131
|
+
/**
|
|
132
|
+
* Включает переменные цвета для строк в таблице
|
|
133
|
+
*/
|
|
134
|
+
hasAlternatingColors?: boolean;
|
|
88
135
|
[key: string]: any;
|
|
89
136
|
}
|
|
90
137
|
export interface IGridViewProps extends Omit<IGridProps, 'onFetch'> {
|
|
@@ -105,4 +152,11 @@ export interface IGridViewProps extends Omit<IGridProps, 'onFetch'> {
|
|
|
105
152
|
onFetch: (params?: Record<string, unknown>) => void;
|
|
106
153
|
onSort: (value: any) => void;
|
|
107
154
|
}
|
|
108
|
-
|
|
155
|
+
declare function Grid(props: IGridProps): JSX.Element;
|
|
156
|
+
declare namespace Grid {
|
|
157
|
+
var defaultProps: {
|
|
158
|
+
size: string;
|
|
159
|
+
hasAlternatingColors: boolean;
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
export default Grid;
|
package/ui/list/Grid/Grid.js
CHANGED
|
@@ -88,8 +88,13 @@ function Grid(props) {
|
|
|
88
88
|
var renderValue = (0, react_1.useCallback)(function (item, column) {
|
|
89
89
|
// Custom component
|
|
90
90
|
if (column.valueView) {
|
|
91
|
-
var
|
|
92
|
-
|
|
91
|
+
var isValueViewString = typeof column.valueView === 'string';
|
|
92
|
+
var ValueView = isValueViewString ? components.ui.getView("list.".concat(column.valueView)) : column.valueView;
|
|
93
|
+
var viewProps = __assign(__assign(__assign({}, column), column.valueProps), { listId: props.listId, primaryKey: props.primaryKey, item: item, size: props.size });
|
|
94
|
+
if (isValueViewString) {
|
|
95
|
+
return components.ui.renderView(ValueView, viewProps);
|
|
96
|
+
}
|
|
97
|
+
return (React.createElement(ValueView, __assign({}, viewProps)));
|
|
93
98
|
}
|
|
94
99
|
return (React.createElement(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
|
|
95
100
|
}, [props.listId, props.model, props.primaryKey]);
|
|
@@ -117,3 +122,7 @@ function Grid(props) {
|
|
|
117
122
|
return components.ui.renderView(props.view || 'list.GridView', __assign(__assign({}, props), { list: list, paginationPosition: paginationPosition, paginationSizePosition: paginationSizePosition, layoutNamesPosition: layoutNamesPosition, renderList: renderList, renderEmpty: renderEmpty, renderPagination: renderPagination, renderPaginationSize: renderPaginationSize, renderLayoutNames: renderLayoutNames, renderSearchForm: renderSearchForm, renderValue: renderValue, columns: columns, onFetch: onFetch, onSort: onSort, items: (list === null || list === void 0 ? void 0 : list.items) || [] }));
|
|
118
123
|
}
|
|
119
124
|
exports["default"] = Grid;
|
|
125
|
+
Grid.defaultProps = {
|
|
126
|
+
size: 'md',
|
|
127
|
+
hasAlternatingColors: true
|
|
128
|
+
};
|
|
@@ -11,36 +11,37 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
exports.__esModule = true;
|
|
14
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
|
14
15
|
var react_1 = require("react");
|
|
15
16
|
var hooks_1 = require("../../../hooks");
|
|
16
17
|
function Controls(props) {
|
|
17
18
|
var defaultItems = {
|
|
18
19
|
index: {
|
|
19
|
-
icon: '
|
|
20
|
+
icon: 'comeback',
|
|
20
21
|
label: __('К списку'),
|
|
21
22
|
color: 'secondary',
|
|
22
23
|
outline: true
|
|
23
24
|
},
|
|
24
25
|
create: {
|
|
25
|
-
icon: '
|
|
26
|
+
icon: 'add1',
|
|
26
27
|
label: __('Добавить'),
|
|
27
28
|
color: 'success',
|
|
28
29
|
outline: true
|
|
29
30
|
},
|
|
30
31
|
view: {
|
|
31
|
-
icon: '
|
|
32
|
+
icon: 'show',
|
|
32
33
|
label: __('Просмотр'),
|
|
33
34
|
color: 'secondary',
|
|
34
35
|
outline: true
|
|
35
36
|
},
|
|
36
37
|
update: {
|
|
37
|
-
icon: '
|
|
38
|
+
icon: 'edit1',
|
|
38
39
|
label: __('Редактировать'),
|
|
39
40
|
color: 'secondary',
|
|
40
41
|
outline: true
|
|
41
42
|
},
|
|
42
43
|
"delete": {
|
|
43
|
-
icon: '
|
|
44
|
+
icon: 'remove',
|
|
44
45
|
label: __('Удалить'),
|
|
45
46
|
confirm: __('Удалить запись?'),
|
|
46
47
|
color: 'danger',
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var Crud_1 = __importDefault(require("../Crud"));
|
|
31
|
-
/**
|
|
32
|
-
* Default
|
|
33
|
-
* @order 1
|
|
34
|
-
* @col 8
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(Crud_1["default"], { grid: {
|
|
38
|
-
items: [
|
|
39
|
-
{
|
|
40
|
-
id: 1,
|
|
41
|
-
name: 'Foo'
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
id: 2,
|
|
45
|
-
name: 'Bar'
|
|
46
|
-
},
|
|
47
|
-
],
|
|
48
|
-
columns: [
|
|
49
|
-
{
|
|
50
|
-
attribute: 'id',
|
|
51
|
-
label: __('ИД')
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
attribute: 'name',
|
|
55
|
-
label: __('Имя')
|
|
56
|
-
},
|
|
57
|
-
]
|
|
58
|
-
}, form: {
|
|
59
|
-
fields: [
|
|
60
|
-
{
|
|
61
|
-
attribute: 'name',
|
|
62
|
-
label: __('Имя')
|
|
63
|
-
},
|
|
64
|
-
]
|
|
65
|
-
}, detail: {
|
|
66
|
-
attributes: [
|
|
67
|
-
{
|
|
68
|
-
attribute: 'id',
|
|
69
|
-
label: __('ИД')
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
attribute: 'name',
|
|
73
|
-
label: __('Имя')
|
|
74
|
-
},
|
|
75
|
-
]
|
|
76
|
-
} }))); });
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var FieldList_1 = __importDefault(require("../FieldList"));
|
|
31
|
-
var Form_1 = __importDefault(require("../../Form"));
|
|
32
|
-
var InputField_1 = __importDefault(require("../../InputField"));
|
|
33
|
-
var NumberField_1 = __importDefault(require("../../NumberField"));
|
|
34
|
-
/**
|
|
35
|
-
* Обычный пример использования FieldList.
|
|
36
|
-
* @order 1
|
|
37
|
-
* @col 12
|
|
38
|
-
*/
|
|
39
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement(Form_1["default"], { formId: 'FieldListForm' },
|
|
41
|
-
React.createElement(FieldList_1["default"], { attribute: 'items', label: 'Items', initialRowsCount: 2, items: [
|
|
42
|
-
{
|
|
43
|
-
attribute: 'id',
|
|
44
|
-
type: 'hidden',
|
|
45
|
-
component: InputField_1["default"]
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
label: 'Name',
|
|
49
|
-
attribute: 'name',
|
|
50
|
-
component: InputField_1["default"]
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
label: 'Description',
|
|
54
|
-
attribute: 'description',
|
|
55
|
-
component: InputField_1["default"]
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
label: 'Amount',
|
|
59
|
-
attribute: 'amount',
|
|
60
|
-
component: NumberField_1["default"]
|
|
61
|
-
},
|
|
62
|
-
] })))); });
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var FieldList_1 = __importDefault(require("../FieldList"));
|
|
31
|
-
var Form_1 = __importDefault(require("../../Form"));
|
|
32
|
-
var InputField_1 = __importDefault(require("../../InputField"));
|
|
33
|
-
var NumberField_1 = __importDefault(require("../../NumberField"));
|
|
34
|
-
/**
|
|
35
|
-
* Выключенный или недоступный для использования.
|
|
36
|
-
* @order 2
|
|
37
|
-
* @col 12
|
|
38
|
-
*/
|
|
39
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement(Form_1["default"], { formId: 'FieldListForm' },
|
|
41
|
-
React.createElement(FieldList_1["default"], { disabled: true, attribute: 'items', label: 'Items', initialRowsCount: 2, items: [
|
|
42
|
-
{
|
|
43
|
-
attribute: 'id',
|
|
44
|
-
type: 'hidden',
|
|
45
|
-
component: InputField_1["default"]
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
label: 'Name',
|
|
49
|
-
attribute: 'name',
|
|
50
|
-
component: InputField_1["default"]
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
label: 'Description',
|
|
54
|
-
attribute: 'description',
|
|
55
|
-
component: InputField_1["default"]
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
label: 'Amount',
|
|
59
|
-
attribute: 'amount',
|
|
60
|
-
component: NumberField_1["default"]
|
|
61
|
-
},
|
|
62
|
-
] })))); });
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var Form_1 = __importDefault(require("../../Form"));
|
|
31
|
-
var InputField_1 = __importDefault(require("../../InputField"));
|
|
32
|
-
var FieldSet_1 = __importDefault(require("../FieldSet"));
|
|
33
|
-
var DropDownField_1 = __importDefault(require("../../DropDownField"));
|
|
34
|
-
/**
|
|
35
|
-
* Обычный пример использования FieldSet.
|
|
36
|
-
* @order 1
|
|
37
|
-
* @col 12
|
|
38
|
-
*/
|
|
39
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement(Form_1["default"], { formId: 'FieldSetForm', useRedux: true },
|
|
41
|
-
React.createElement(FieldSet_1["default"], { fields: [
|
|
42
|
-
{
|
|
43
|
-
attribute: 'name',
|
|
44
|
-
component: InputField_1["default"],
|
|
45
|
-
label: 'Name'
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
attribute: 'country',
|
|
49
|
-
component: DropDownField_1["default"],
|
|
50
|
-
label: 'Country',
|
|
51
|
-
items: ['Novosibirsk', 'Krasnoyarsk', 'Tomsk']
|
|
52
|
-
},
|
|
53
|
-
], label: 'Label' })))); });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var HtmlField_1 = __importDefault(require("../HtmlField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример использования HtmlField.
|
|
33
|
-
* @order 1
|
|
34
|
-
* @col 12
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(HtmlField_1["default"], { label: 'Article content', uploadUrl: '/api/v1/file-test', uploadImagesProcessor: 'original' }))); });
|