@steroidsjs/core 3.0.0-beta.42 → 3.0.0-beta.44
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/docs-autogen-result.json +966 -995
- package/hooks/useApplication.d.ts +2 -1
- package/hooks/useApplication.js +1 -1
- package/hooks/useDataSelect.d.ts +3 -1
- package/hooks/useDataSelect.js +37 -23
- package/hooks/useFile.d.ts +28 -0
- package/hooks/useList.d.ts +6 -0
- package/package.json +2 -2
- package/ui/content/Accordion/Accordion.d.ts +11 -13
- package/ui/content/Alert/Alert.d.ts +13 -10
- package/ui/content/Avatar/Avatar.d.ts +13 -23
- package/ui/content/Badge/Badge.d.ts +14 -12
- package/ui/content/Calendar/Calendar.d.ts +1 -10
- package/ui/content/Card/Card.d.ts +31 -18
- package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +19 -6
- package/ui/content/Detail/Detail.d.ts +1 -10
- package/ui/content/DropDown/DropDown.d.ts +9 -9
- package/ui/content/Icon/Icon.d.ts +4 -7
- package/ui/content/Menu/Menu.d.ts +2 -10
- package/ui/crud/Crud/Crud.d.ts +62 -0
- package/ui/form/BlankField/BlankField.d.ts +8 -1
- package/ui/form/Button/Button.d.ts +2 -16
- package/ui/form/CheckboxField/CheckboxField.d.ts +3 -12
- package/ui/form/CheckboxListField/CheckboxListField.d.ts +2 -11
- package/ui/form/DateRangeField/DateRangeField.d.ts +6 -0
- package/ui/form/DropDownField/DropDownField.d.ts +19 -16
- package/ui/form/DropDownField/DropDownField.js +26 -5
- package/ui/form/Field/fieldWrapper.d.ts +18 -4
- package/ui/form/FieldLayout/FieldLayout.d.ts +2 -11
- package/ui/form/FieldList/FieldList.d.ts +2 -20
- package/ui/form/FileField/FileField.d.ts +1 -11
- package/ui/form/Form/Form.d.ts +27 -15
- package/ui/form/HtmlField/HtmlField.d.ts +1 -10
- package/ui/form/ImageField/ImageField.d.ts +1 -10
- package/ui/form/InputField/InputField.d.ts +2 -2
- package/ui/form/NavField/NavField.d.ts +1 -1
- package/ui/form/RadioField/RadioField.d.ts +2 -11
- package/ui/form/RadioListField/RadioListField.d.ts +2 -11
- package/ui/form/RateField/RateField.d.ts +1 -10
- package/ui/form/ReCaptchaField/ReCaptchaField.d.ts +1 -6
- package/ui/form/SliderField/SliderField.d.ts +3 -12
- package/ui/form/SliderField/SliderField.js +1 -1
- package/ui/form/SwitcherField/SwitcherField.d.ts +1 -1
- package/ui/form/TimeField/TimeField.d.ts +1 -15
- package/ui/format/BooleanFormatter/BooleanFormatter.d.ts +7 -0
- package/ui/format/DateFormatter/DateFormatter.d.ts +5 -1
- package/ui/format/DateTimeFormatter/DateTimeFormatter.d.ts +5 -1
- package/ui/format/EnumFormatter/EnumFormatter.d.ts +4 -0
- package/ui/format/FileSize/FileSize.d.ts +1 -2
- package/ui/format/MoneyFormatter/MoneyFormatter.d.ts +3 -1
- package/ui/layout/Header/Header.d.ts +7 -3
- package/ui/layout/Loader/Loader.d.ts +6 -1
- package/ui/layout/Skeleton/Skeleton.d.ts +19 -0
- package/ui/list/FlexGrid/FlexGrid.d.ts +85 -0
- package/ui/list/FlexGrid/FlexGrid.js +51 -0
- package/ui/list/FlexGrid/index.d.ts +2 -0
- package/ui/list/FlexGrid/index.js +7 -0
- package/ui/list/Pagination/Pagination.d.ts +3 -0
- package/ui/list/SearchForm/SearchForm.d.ts +3 -0
- package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts +7 -2
- package/ui/typography/Text/Text.d.ts +5 -8
- package/ui/typography/Title/Title.d.ts +5 -8
- package/ui/form/SliderField/demo/basic.d.ts +0 -8
- package/ui/form/SliderField/demo/basic.js +0 -37
- package/ui/form/SliderField/demo/disabled.d.ts +0 -8
- package/ui/form/SliderField/demo/disabled.js +0 -37
- package/ui/form/SliderField/demo/errors.d.ts +0 -8
- package/ui/form/SliderField/demo/errors.js +0 -37
- package/ui/form/SliderField/demo/marks.d.ts +0 -3
- package/ui/form/SliderField/demo/marks.js +0 -49
- package/ui/form/SliderField/demo/min-max.d.ts +0 -8
- package/ui/form/SliderField/demo/min-max.js +0 -37
- package/ui/form/SliderField/demo/onAfterChange.d.ts +0 -8
- package/ui/form/SliderField/demo/onAfterChange.js +0 -43
- package/ui/form/SliderField/demo/onChange.d.ts +0 -8
- package/ui/form/SliderField/demo/onChange.js +0 -43
- package/ui/form/SliderField/demo/range.d.ts +0 -8
- package/ui/form/SliderField/demo/range.js +0 -37
- package/ui/nav/Tree/demo/auto-open-levels.d.ts +0 -8
- package/ui/nav/Tree/demo/auto-open-levels.js +0 -38
- package/ui/nav/Tree/demo/basic.d.ts +0 -32
- package/ui/nav/Tree/demo/basic.js +0 -72
- package/ui/nav/Tree/demo/level.d.ts +0 -8
- package/ui/nav/Tree/demo/level.js +0 -38
- package/ui/nav/Tree/demo/routes.d.ts +0 -8
- package/ui/nav/Tree/demo/routes.js +0 -37
- package/ui/nav/Tree/demo/selected-item.d.ts +0 -8
- package/ui/nav/Tree/demo/selected-item.js +0 -38
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
exports.__esModule = true;
|
|
28
|
+
var isArray_1 = __importDefault(require("lodash-es/isArray"));
|
|
29
|
+
var hooks_1 = require("../../../hooks");
|
|
30
|
+
var normalizeGap = function (gap) {
|
|
31
|
+
if ((0, isArray_1["default"])(gap)) {
|
|
32
|
+
return {
|
|
33
|
+
colGap: gap[0],
|
|
34
|
+
rowGap: gap[1]
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
colGap: gap,
|
|
39
|
+
rowGap: gap
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
function FlexGrid(props) {
|
|
43
|
+
var components = (0, hooks_1.useComponents)();
|
|
44
|
+
var view = props.view, viewProps = __rest(props, ["view"]);
|
|
45
|
+
return components.ui.renderView(view || 'list.FlexGridView', __assign(__assign({}, viewProps), normalizeGap(props.gap)));
|
|
46
|
+
}
|
|
47
|
+
exports["default"] = FlexGrid;
|
|
48
|
+
FlexGrid.defaultProps = {
|
|
49
|
+
wrap: false,
|
|
50
|
+
gap: 24
|
|
51
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
var FlexGrid_1 = __importDefault(require("./FlexGrid"));
|
|
7
|
+
exports["default"] = FlexGrid_1["default"];
|
|
@@ -39,6 +39,9 @@ export interface IPaginationProps {
|
|
|
39
39
|
* Дополнительный CSS-класс для элемента отображения
|
|
40
40
|
*/
|
|
41
41
|
className?: CssClassName;
|
|
42
|
+
/**
|
|
43
|
+
* Параметры кнопки
|
|
44
|
+
*/
|
|
42
45
|
buttonProps?: IButtonProps;
|
|
43
46
|
/**
|
|
44
47
|
* Переопределение view React компонента для кастомизации отображения
|
|
@@ -7,6 +7,9 @@ import { IFormProps } from '../../../ui/form/Form/Form';
|
|
|
7
7
|
* после чего в list-компонент подгружаются новые элементы коллекции.
|
|
8
8
|
*/
|
|
9
9
|
export interface ISearchFormProps extends IFormProps {
|
|
10
|
+
/**
|
|
11
|
+
* Id списка
|
|
12
|
+
*/
|
|
10
13
|
listId?: string;
|
|
11
14
|
}
|
|
12
15
|
declare const _default: React.MemoExoticComponent<(props: ISearchFormProps) => JSX.Element>;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
interface ITwoFactorModalProps {
|
|
3
|
-
|
|
2
|
+
interface ITwoFactorModalProps extends IUiComponent {
|
|
3
|
+
/**
|
|
4
|
+
* Имя провайдера
|
|
5
|
+
*/
|
|
4
6
|
providerName: string;
|
|
7
|
+
/**
|
|
8
|
+
* Функция, которая вызывается при закрытии модального окна
|
|
9
|
+
*/
|
|
5
10
|
onClose?: any;
|
|
6
11
|
}
|
|
7
12
|
interface ITwoFactorModalPrivateProps extends ITwoFactorModalProps {
|
|
@@ -1,30 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export interface ITextProps {
|
|
3
|
-
view?: CustomView;
|
|
4
|
-
className?: CssClassName;
|
|
2
|
+
export interface ITextProps extends IUiComponent {
|
|
5
3
|
/**
|
|
6
4
|
* Дочерние элементы
|
|
7
5
|
*/
|
|
8
6
|
children?: React.ReactNode;
|
|
9
7
|
/**
|
|
10
8
|
* Тип текста
|
|
11
|
-
* @example
|
|
9
|
+
* @example 'body'
|
|
12
10
|
*/
|
|
13
11
|
type?: 'body' | 'span' | 'boldSpan' | string;
|
|
14
12
|
/** HTML тег
|
|
15
|
-
* @example
|
|
13
|
+
* @example 'span'
|
|
16
14
|
*/
|
|
17
15
|
tag?: 'p' | 'span' | string;
|
|
18
16
|
/**
|
|
19
17
|
* Цвет текста
|
|
20
|
-
* @example
|
|
18
|
+
* @example 'primary'
|
|
21
19
|
*/
|
|
22
20
|
color?: ColorName;
|
|
23
21
|
/** Текст
|
|
24
|
-
* @example
|
|
22
|
+
* @example 'Simple text'
|
|
25
23
|
*/
|
|
26
24
|
content?: string;
|
|
27
|
-
style?: CustomStyle;
|
|
28
25
|
}
|
|
29
26
|
export type ITextViewProps = ITextProps;
|
|
30
27
|
declare function Text(props: ITextProps): JSX.Element;
|
|
@@ -1,30 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export interface ITitleProps {
|
|
3
|
-
view?: CustomView;
|
|
4
|
-
className?: CssClassName;
|
|
2
|
+
export interface ITitleProps extends IUiComponent {
|
|
5
3
|
/**
|
|
6
4
|
* Дочерние элементы
|
|
7
5
|
*/
|
|
8
6
|
children?: React.ReactNode;
|
|
9
7
|
/**
|
|
10
8
|
* Тип заголовка
|
|
11
|
-
* @example
|
|
9
|
+
* @example 'h1'
|
|
12
10
|
*/
|
|
13
11
|
type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | string;
|
|
14
12
|
/** HTML тег
|
|
15
|
-
* @example
|
|
13
|
+
* @example 'h2'
|
|
16
14
|
*/
|
|
17
15
|
tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
18
16
|
/** Текст заголовка
|
|
19
|
-
* @example
|
|
17
|
+
* @example 'Simple text'
|
|
20
18
|
*/
|
|
21
19
|
content?: string;
|
|
22
20
|
/**
|
|
23
21
|
* Цвет заголовка
|
|
24
|
-
* @example
|
|
22
|
+
* @example 'primary'
|
|
25
23
|
*/
|
|
26
24
|
color?: ColorName;
|
|
27
|
-
style?: CustomStyle;
|
|
28
25
|
}
|
|
29
26
|
export type ITitleViewProps = ITitleProps;
|
|
30
27
|
declare function Title(props: ITitleProps): JSX.Element;
|
|
@@ -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 SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример использования SliderField.
|
|
33
|
-
* @order 1
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'Basic' }))); });
|
|
@@ -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 SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Выключенный или недоступный для использования.
|
|
33
|
-
* @order 2
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'Disabled', disabled: true }))); });
|
|
@@ -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 SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обработка ошибок c лейблом.
|
|
33
|
-
* @order 5
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px 10px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
|
|
@@ -1,49 +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 SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример задания отметок со описанием по всей длине слайдера.
|
|
33
|
-
* @order 7
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
var marks = {
|
|
37
|
-
0: React.createElement("strong", null, "0\u00B0C"),
|
|
38
|
-
26: '26°C',
|
|
39
|
-
37: '37°C',
|
|
40
|
-
50: '50°C',
|
|
41
|
-
80: {
|
|
42
|
-
style: {
|
|
43
|
-
color: 'red'
|
|
44
|
-
},
|
|
45
|
-
label: React.createElement("strong", null, "80\u00B0C")
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
49
|
-
React.createElement(SliderField_1["default"], { min: -10, max: 80, marks: marks }))); });
|
|
@@ -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 SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Установлены рамки минамльного и максимального значения.
|
|
33
|
-
* @order 4
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'With min and max values', min: 10, max: 30 }))); });
|
|
@@ -1,43 +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 layout_1 = require("../../../layout");
|
|
31
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
32
|
-
/**
|
|
33
|
-
* Использования свойства onAfterChange для изминения значения счетчика после отпускания tip'а у слайдера.
|
|
34
|
-
* @order 9
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () {
|
|
38
|
-
var _a = React.useState('0'), counter = _a[0], setCounter = _a[1];
|
|
39
|
-
return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
40
|
-
React.createElement(SliderField_1["default"], { onAfterChange: function (value) { return setCounter(value); } }),
|
|
41
|
-
React.createElement("div", null,
|
|
42
|
-
React.createElement(layout_1.Header, null, __('Значение слайдера: {counter}', { counter: counter })))));
|
|
43
|
-
});
|
|
@@ -1,43 +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 layout_1 = require("../../../layout");
|
|
31
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
32
|
-
/**
|
|
33
|
-
* Использования свойства onChange для изминения значения счетчика.
|
|
34
|
-
* @order 8
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () {
|
|
38
|
-
var _a = React.useState('0'), counter = _a[0], setCounter = _a[1];
|
|
39
|
-
return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
40
|
-
React.createElement(SliderField_1["default"], { onChange: function (value) { return setCounter(value); } }),
|
|
41
|
-
React.createElement("div", null,
|
|
42
|
-
React.createElement(layout_1.Header, null, __('Значение меняется при изменения значения слайдера в реальном времени: {counter}', { counter: counter })))));
|
|
43
|
-
});
|
|
@@ -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 SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример использования с заданным свойством isRange={true}, для задания промежутка значений.
|
|
33
|
-
* @order 7
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { isRange: true }))); });
|
|
@@ -1,38 +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 Tree_1 = __importDefault(require("../Tree"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* The max opened nesting level is 3
|
|
34
|
-
* @order 3
|
|
35
|
-
* @col 8
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(Tree_1["default"], { items: basic_1.items, autoOpenLevels: 3 }))); });
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const items: {
|
|
3
|
-
id: number;
|
|
4
|
-
label: string;
|
|
5
|
-
items: ({
|
|
6
|
-
id: number;
|
|
7
|
-
label: string;
|
|
8
|
-
items: {
|
|
9
|
-
id: number;
|
|
10
|
-
label: string;
|
|
11
|
-
items: {
|
|
12
|
-
id: number;
|
|
13
|
-
label: string;
|
|
14
|
-
items: {
|
|
15
|
-
id: number;
|
|
16
|
-
label: string;
|
|
17
|
-
}[];
|
|
18
|
-
}[];
|
|
19
|
-
}[];
|
|
20
|
-
} | {
|
|
21
|
-
id: number;
|
|
22
|
-
label: string;
|
|
23
|
-
items?: undefined;
|
|
24
|
-
})[];
|
|
25
|
-
}[];
|
|
26
|
-
/**
|
|
27
|
-
* Basic
|
|
28
|
-
* @order 1
|
|
29
|
-
* @col 8
|
|
30
|
-
*/
|
|
31
|
-
declare const _default: () => JSX.Element;
|
|
32
|
-
export default _default;
|