@steroidsjs/core 3.0.0-beta.10 → 3.0.0-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.10",
+ "version": "3.0.0-beta.12",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/content/Detail/Detail.d.ts

@@ -83,7 +83,7 @@ export interface IDetailItemOutputProps extends IDetailItemProps {
 }
 export interface IDetailViewProps extends IDetailProps {
     rows: IDetailItemOutputProps[][];
-    resizedNodeRef?: (node: HTMLElement) => void;
+    resizedNodeRef?: (node: HTMLDivElement) => void;
 }
 export declare const constants: Readonly<{
     MAX_COLUMN: 3;

package/ui/content/Detail/DetailItem.d.ts

@@ -22,7 +22,7 @@ export interface IDetailItemProps {
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
-     */
+    */
     view?: CustomView;
     /**
      * Дополнительный CSS-класс для ячейки с наименованием

package/ui/content/Icon/Icon.d.ts

@@ -34,6 +34,10 @@ export interface IIconProps {
      * @example MyCustomView
      */
     view?: React.ComponentType;
+    /**
+    *  Должен ли данный элемент участвовать в последовательной навигации
+    */
+    tabIndex?: number;
     onClick?: any;
     [key: string]: any;
 }

package/ui/content/index.d.ts

@@ -4,5 +4,6 @@ import Card from './Card';
 import DropDown from './DropDown';
 import Alert from './Alert';
 import Badge from './Badge';
+import { Detail, DetailItem } from './Detail';
 import Icon from './Icon';
-export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Icon, };
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, };

package/ui/content/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Icon = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
@@ -18,5 +18,8 @@ var Alert_1 = __importDefault(require("./Alert"));
 exports.Alert = Alert_1["default"];
 var Badge_1 = __importDefault(require("./Badge"));
 exports.Badge = Badge_1["default"];
+var Detail_1 = require("./Detail");
+exports.Detail = Detail_1.Detail;
+exports.DetailItem = Detail_1.DetailItem;
 var Icon_1 = __importDefault(require("./Icon"));
 exports.Icon = Icon_1["default"];

package/ui/form/FieldLayout/FieldLayout.d.ts

@@ -30,6 +30,11 @@ export interface IFieldLayoutProps {
      * @example 'Field is required'
      */
     errors?: string[];
+    /**
+     * Отображать ли состояние successful на поле
+     * @example {'true'}
+     */
+    successful?: boolean;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
@@ -41,7 +46,9 @@ export interface IFieldLayoutViewProps {
     label: string | boolean | any;
     required: boolean;
     hint: string | boolean;
-    errors: string | string[];
+    errors: string[];
+    successful: boolean;
+    size: Size;
     layout?: {
         layout: FormLayoutName | boolean;
         className?: string;

package/ui/form/InputField/InputField.d.ts

@@ -68,16 +68,25 @@ export interface IInputFieldProps extends IFieldWrapperInputProps {
      * Конфигурация маски
      * @example { mask: '+7 (999) 999-99-99' }
      */
-    maskProps?: any;
+    maskProps?: {
+        mask?: string;
+        maskPlaceholder?: string;
+        alwaysShowMask?: boolean;
+    };
+    /**
+     * Показывать иконку очищения поля
+     * @example {'true'}
+    */
+    showClear?: boolean;
+    /**
+     * Пользовательская иконка svg или название иконки
+     */
+    leadIcon?: React.ReactElement | string;
     success?: boolean;
     failed?: boolean;
     [key: string]: any;
 }
 export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOutputProps {
-    style?: any;
-    errors?: string[];
-    placeholder?: string;
-    type?: string;
     inputProps: {
         type: string;
         name: string;
@@ -86,11 +95,7 @@ export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOut
         placeholder: string;
         disabled: string;
     };
-    textBefore?: number | ReactNode | string;
-    textAfter?: number | ReactNode | string;
-    addonBefore?: ReactNode | string;
-    addonAfter?: ReactNode | string;
-    maskProps?: any;
+    onClear?: () => void;
     onFocus?: (e: Event | React.FocusEvent) => void;
     onBlur?: (e: Event | React.FocusEvent) => void;
     onMouseDown?: (e: Event | React.MouseEvent) => void;

package/ui/form/InputField/InputField.js

@@ -44,6 +44,8 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function InputField(props) {
     var components = (0, hooks_1.useComponents)();
+    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
+    props.onClear = onClear;
     var inputProps = (0, react_1.useMemo)(function () {
         var _a;
         return (__assign({ type: props.type, name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
@@ -61,12 +63,14 @@ function InputField(props) {
 }
 InputField.defaultProps = {
     type: 'text',
-    size: 'medium',
+    size: 'md',
     disabled: false,
     required: false,
     className: '',
     placeholder: '',
     errors: null,
+    showClear: false,
+    successful: false,
     textBefore: null,
     textAfter: null,
     addonBefore: null,

package/ui/form/NumberField/NumberField.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { IInputFieldProps } from '../InputField/InputField';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
@@ -27,7 +26,7 @@ export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperO
     inputProps: {
         type: string;
         name: string;
-        onChange: (value: Event | React.ChangeEvent) => void;
+        onChange: (value: string) => void;
         value: number;
         placeholder: string;
         disabled: boolean;

package/ui/form/NumberField/NumberField.js

@@ -33,6 +33,7 @@ NumberField.defaultProps = {
     min: null,
     max: null,
     step: null,
-    errors: null
+    errors: null,
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('NumberField', NumberField);

package/ui/form/TextField/TextField.d.ts

@@ -30,6 +30,10 @@ export interface ITextFieldProps extends IFieldWrapperInputProps {
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     *  Отображение кнопки очищения поля
+     */
+    showClear?: boolean;
     [key: string]: any;
 }
 export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutputProps {
@@ -41,6 +45,7 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
         placeholder: string;
         disabled: boolean;
     };
+    onClear: VoidFunction;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITextFieldProps>;
 export default _default;

package/ui/form/TextField/TextField.js

@@ -10,16 +10,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var React = __importStar(require("react"));
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function TextField(props) {
-    var dispatch = (0, react_redux_1.useDispatch)();
+    // const dispatch = useDispatch();
     var components = (0, hooks_1.useComponents)();
     var onKeyUp = (0, react_1.useCallback)(function (e) {
         if (props.submitOnEnter
@@ -32,8 +55,9 @@ function TextField(props) {
         }
     }, [props.formId, props.submitOnEnter]);
     var onChange = (0, react_1.useCallback)(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
+    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
-    return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps }));
+    return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps, onClear: onClear }));
 }
 TextField.defaultProps = {
     disabled: false,

package/ui/form/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import AutoCompleteField from './AutoCompleteField';
 import BlankField from './BlankField';
 import Button from './Button';
@@ -27,3 +28,34 @@ import TextField from './TextField';
 import TimeField from './TimeField';
 import RateField from './RateField';
 export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, };
+declare const _default: {
+    AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
+    BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
+    Button: typeof Button;
+    CheckboxField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxField/CheckboxField").ICheckboxFieldProps>;
+    CheckboxListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxListField/CheckboxListField").ICheckboxListFieldProps>;
+    DateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateField/DateField").IDateFieldProps>;
+    DateRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateRangeField/DateRangeField").IDateRangeFieldProps>;
+    DateTimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeField/DateTimeField").IDateTimeFieldProps>;
+    DateTimeRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeRangeField/DateTimeRangeField").IDateTimeRangeFieldProps>;
+    DropDownField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DropDownField/DropDownField").IDropDownFieldProps>;
+    Field: import("react").MemoExoticComponent<(props: import("./Field/Field").IFieldProps) => JSX.Element>;
+    FieldLayout: import("react").MemoExoticComponent<(props: import("./FieldLayout/FieldLayout").IFieldLayoutProps) => JSX.Element>;
+    FieldList: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FieldList/FieldList").IFieldListProps>;
+    FieldSet: typeof FieldSet;
+    FileField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FileField/FileField").IFileFieldProps>;
+    Form: typeof Form;
+    HtmlField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./HtmlField/HtmlField").IHtmlFieldProps>;
+    InputField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./InputField/InputField").IInputFieldProps>;
+    NavField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NavField/NavField").INavFieldProps>;
+    NumberField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NumberField/NumberField").INumberFieldProps>;
+    PasswordField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./PasswordField/PasswordField").IPasswordFieldProps>;
+    RadioListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioListField/RadioListField").IRadioListFieldProps>;
+    ReCaptchaField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./ReCaptchaField/ReCaptchaField").IReCaptchaFieldProps>;
+    SliderField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SliderField/SliderField").ISliderFieldProps>;
+    SwitcherField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SwitcherField/SwitcherField").ISwitcherFieldProps>;
+    TextField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TextField/TextField").ITextFieldProps>;
+    TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
+    RateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RateField/RateField").IRateFieldProps>;
+};
+export default _default;

package/ui/form/index.js

@@ -60,3 +60,33 @@ var TimeField_1 = __importDefault(require("./TimeField"));
 exports.TimeField = TimeField_1["default"];
 var RateField_1 = __importDefault(require("./RateField"));
 exports.RateField = RateField_1["default"];
+exports["default"] = {
+    AutoCompleteField: AutoCompleteField_1["default"],
+    BlankField: BlankField_1["default"],
+    Button: Button_1["default"],
+    CheckboxField: CheckboxField_1["default"],
+    CheckboxListField: CheckboxListField_1["default"],
+    DateField: DateField_1["default"],
+    DateRangeField: DateRangeField_1["default"],
+    DateTimeField: DateTimeField_1["default"],
+    DateTimeRangeField: DateTimeRangeField_1["default"],
+    DropDownField: DropDownField_1["default"],
+    Field: Field_1["default"],
+    FieldLayout: FieldLayout_1["default"],
+    FieldList: FieldList_1["default"],
+    FieldSet: FieldSet_1["default"],
+    FileField: FileField_1["default"],
+    Form: Form_1["default"],
+    HtmlField: HtmlField_1["default"],
+    InputField: InputField_1["default"],
+    NavField: NavField_1["default"],
+    NumberField: NumberField_1["default"],
+    PasswordField: PasswordField_1["default"],
+    RadioListField: RadioListField_1["default"],
+    ReCaptchaField: ReCaptchaField_1["default"],
+    SliderField: SliderField_1["default"],
+    SwitcherField: SwitcherField_1["default"],
+    TextField: TextField_1["default"],
+    TimeField: TimeField_1["default"],
+    RateField: RateField_1["default"]
+};

package/ui/content/Detail/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Basic table with title
- * @order 1
- * @col 8
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/content/Detail/demo/basic.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Detail_1 = __importDefault(require("../Detail"));
-var DetailItem_1 = __importDefault(require("../DetailItem"));
-/**
- * Basic table with title
- * @order 1
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Detail_1["default"], { title: "Users", responsive: false },
-        React.createElement(DetailItem_1["default"], { label: "Product" }, "Cloud Database"),
-        React.createElement(DetailItem_1["default"], { label: "Billing Mode" }, "Prepaid"),
-        React.createElement(DetailItem_1["default"], { label: "Automatic Renewal" }, "YES"),
-        React.createElement(DetailItem_1["default"], { label: "Order time" }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Usage Time", span: 2 }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Status", span: 3 }, "Running"),
-        React.createElement(DetailItem_1["default"], { label: "Negotaited Amount" }, "$80.00"),
-        React.createElement(DetailItem_1["default"], { label: "Discount" }, "$20.00"),
-        React.createElement(DetailItem_1["default"], { label: "Official Receipts" }, "$60.00"),
-        React.createElement(DetailItem_1["default"], { label: "Config Info" },
-            "Data disk type: MongoDB",
-            React.createElement("br", null),
-            "Database version: 3.4",
-            React.createElement("br", null),
-            "Package: dds.mongo.mid",
-            React.createElement("br", null),
-            "Storage space: 10 GB",
-            React.createElement("br", null),
-            "Replication factor: 3",
-            React.createElement("br", null),
-            "Region: East China 1",
-            React.createElement("br", null))))); });

package/ui/content/Detail/demo/colors.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/content/Detail/demo/colors.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var content_1 = require("../../../content");
-var colors = {
-    primary: 'primary',
-    sd: 'secondary',
-    sc: 'success',
-    "if": 'info',
-    wr: 'warning',
-    dn: 'danger',
-    lg: 'light',
-    dr: 'dark'
-};
-var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
-function capitalize(s) {
-    return s[0].toUpperCase() + s.slice(1);
-}
-exports["default"] = (function () { return (React.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, Object.values(colors).map(function (color) { return (React.createElement("div", { style: { marginRight: '30px', marginBottom: '30px' }, key: color },
-    React.createElement(React.Fragment, null,
-        React.createElement(content_1.Card, { style: { width: '320px' }, header: 'Header', title: capitalize(color) + ' card title', color: color }, text)))); }))); });

package/ui/content/Detail/demo/controls.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Table with controls
- * @order 3
- * @col 8
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/content/Detail/demo/controls.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Detail_1 = __importDefault(require("../Detail"));
-var DetailItem_1 = __importDefault(require("../DetailItem"));
-/**
- * Table with controls
- * @order 3
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Detail_1["default"], { controls: [{ label: 'Edit' }], responsive: false },
-        React.createElement(DetailItem_1["default"], { label: "Product" }, "Cloud Database"),
-        React.createElement(DetailItem_1["default"], { label: "Billing Mode" }, "Prepaid"),
-        React.createElement(DetailItem_1["default"], { label: "Automatic Renewal" }, "YES"),
-        React.createElement(DetailItem_1["default"], { label: "Order time" }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Usage Time", span: 2 }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Status", span: 3 }, "Running"),
-        React.createElement(DetailItem_1["default"], { label: "Negotaited Amount" }, "$80.00"),
-        React.createElement(DetailItem_1["default"], { label: "Discount" }, "$20.00"),
-        React.createElement(DetailItem_1["default"], { label: "Official Receipts" }, "$60.00"),
-        React.createElement(DetailItem_1["default"], { label: "Config Info" },
-            "Data disk type: MongoDB",
-            React.createElement("br", null),
-            "Database version: 3.4",
-            React.createElement("br", null),
-            "Package: dds.mongo.mid",
-            React.createElement("br", null),
-            "Storage space: 10 GB",
-            React.createElement("br", null),
-            "Replication factor: 3",
-            React.createElement("br", null),
-            "Region: East China 1",
-            React.createElement("br", null))))); });

package/ui/content/Detail/demo/layout.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Table with vertical layout
- * @order 4
- * @col 8
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/content/Detail/demo/layout.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Detail_1 = __importStar(require("../Detail"));
-var DetailItem_1 = __importDefault(require("../DetailItem"));
-/**
- * Table with vertical layout
- * @order 4
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Detail_1["default"], { layout: Detail_1.DetailLayoutEnum.Vertical, responsive: false },
-        React.createElement(DetailItem_1["default"], { label: "Product" }, "Cloud Database"),
-        React.createElement(DetailItem_1["default"], { label: "Billing Mode" }, "Prepaid"),
-        React.createElement(DetailItem_1["default"], { label: "Automatic Renewal" }, "YES"),
-        React.createElement(DetailItem_1["default"], { label: "Order time" }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Usage Time", span: 2 }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Status", span: 3 }, "Running"),
-        React.createElement(DetailItem_1["default"], { label: "Negotaited Amount" }, "$80.00"),
-        React.createElement(DetailItem_1["default"], { label: "Discount" }, "$20.00"),
-        React.createElement(DetailItem_1["default"], { label: "Official Receipts" }, "$60.00"),
-        React.createElement(DetailItem_1["default"], { label: "Config Info" },
-            "Data disk type: MongoDB",
-            React.createElement("br", null),
-            "Database version: 3.4",
-            React.createElement("br", null),
-            "Package: dds.mongo.mid",
-            React.createElement("br", null),
-            "Storage space: 10 GB",
-            React.createElement("br", null),
-            "Replication factor: 3",
-            React.createElement("br", null),
-            "Region: East China 1",
-            React.createElement("br", null))))); });

package/ui/content/Detail/demo/responsive.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * When the screen width resizes, the number of columns changes
- * @order 4
- * @col 8
- */
-declare const _default: () => JSX.Element;
-export default _default;