@steroidsjs/core 3.0.0-beta.42 → 3.0.0-beta.43
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/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
|
@@ -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;
|
|
@@ -1,72 +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
|
-
exports.items = void 0;
|
|
30
|
-
var React = __importStar(require("react"));
|
|
31
|
-
var Tree_1 = __importDefault(require("../Tree"));
|
|
32
|
-
exports.items = [
|
|
33
|
-
{
|
|
34
|
-
id: 1,
|
|
35
|
-
label: 'label 1',
|
|
36
|
-
items: [
|
|
37
|
-
{
|
|
38
|
-
id: 2,
|
|
39
|
-
label: 'label 2.1',
|
|
40
|
-
items: [
|
|
41
|
-
{
|
|
42
|
-
id: 3,
|
|
43
|
-
label: 'label 3',
|
|
44
|
-
items: [
|
|
45
|
-
{
|
|
46
|
-
id: 4,
|
|
47
|
-
label: 'label 4',
|
|
48
|
-
items: [
|
|
49
|
-
{
|
|
50
|
-
id: 5,
|
|
51
|
-
label: 'label 5'
|
|
52
|
-
},
|
|
53
|
-
]
|
|
54
|
-
},
|
|
55
|
-
]
|
|
56
|
-
},
|
|
57
|
-
]
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
id: 2.2,
|
|
61
|
-
label: 'label 2.2'
|
|
62
|
-
},
|
|
63
|
-
]
|
|
64
|
-
},
|
|
65
|
-
];
|
|
66
|
-
/**
|
|
67
|
-
* Basic
|
|
68
|
-
* @order 1
|
|
69
|
-
* @col 8
|
|
70
|
-
*/
|
|
71
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
72
|
-
React.createElement(Tree_1["default"], { items: exports.items }))); });
|
|
@@ -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 available nesting level is 2
|
|
34
|
-
* @order 2
|
|
35
|
-
* @col 8
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(Tree_1["default"], { items: basic_1.items, level: 2 }))); });
|