amis 1.4.2-beta.13 → 1.4.2-beta.18

package/lib/Schema.d.ts

@@ -12,6 +12,7 @@ import { FormSchema } from './renderers/Form';
 import { CarouselSchema } from './renderers/Carousel';
 import { ChartSchema } from './renderers/Chart';
 import { CollapseSchema } from './renderers/Collapse';
+import { CollapseGroupSchema } from './renderers/CollapseGroup';
 import { ColorSchema } from './renderers/Color';
 import { ContainerSchema } from './renderers/Container';
 import { CRUDSchema } from './renderers/CRUD';
@@ -105,8 +106,8 @@ import { UUIDControlSchema } from './renderers/Form/UUID';
 import { FormControlSchema } from './renderers/Form/Control';
 import { TransferPickerControlSchema } from './renderers/Form/TransferPicker';
 import { TabsTransferPickerControlSchema } from './renderers/Form/TabsTransferPicker';
-export declare type SchemaType = 'form' | 'button' | 'submit' | 'reset' | 'alert' | 'app' | 'audio' | 'avatar' | 'button-group' | 'button-toolbar' | 'breadcrumb' | 'card' | 'cards' | 'carousel' | 'chart' | 'collapse' | 'color' | 'container' | 'crud' | 'custom' | 'date' | 'static-date' | 'datetime' | 'static-datetime' | 'time' | 'static-time' | 'month' | 'static-month' | 'dialog' | 'divider' | 'dropdown-button' | 'drawer' | 'each' | 'flex' | 'flex-item' | 'grid' | 'grid-2d' | 'hbox' | 'icon' | 'iframe' | 'image' | 'static-image' | 'images' | 'static-images' | 'json' | 'static-json' | 'link' | 'list' | 'log' | 'static-list' | 'map' | 'mapping' | 'markdown' | 'nav' | 'page' | 'pagination' | 'pagination-wrapper' | 'property' | 'operation' | 'panel' | 'plain' | 'text' | 'progress' | 'qrcode' | 'qr-code' | 'remark' | 'search-box' | 'service' | 'sparkline' | 'status' | 'switch' | 'table' | 'static-table' | 'tabs' | 'html' | 'tpl' | 'tasks' | 'vbox' | 'video' | 'wizard' | 'wrapper' | 'web-component' | 'anchor-nav' | 'steps' | 'control' | 'input-array' | 'button' | 'submit' | 'reset' | 'button-group-select' | 'button-toolbar' | 'chained-select' | 'chart-radios' | 'checkbox' | 'checkboxes' | 'input-city' | 'input-color' | 'combo' | 'condition-builder' | 'container' | 'input-date' | 'input-datetime' | 'input-time' | 'input-quarter' | 'input-year' | 'input-month' | 'input-date-range' | 'input-time-range' | 'input-datetime-range' | 'input-excel' | 'diff-editor' | 'editor' | 'bat-editor' | 'c-editor' | 'coffeescript-editor' | 'cpp-editor' | 'csharp-editor' | 'css-editor' | 'dockerfile-editor' | 'fsharp-editor' | 'go-editor' | 'handlebars-editor' | 'html-editor' | 'ini-editor' | 'java-editor' | 'javascript-editor' | 'json-editor' | 'less-editor' | 'lua-editor' | 'markdown-editor' | 'msdax-editor' | 'objective-c-editor' | 'php-editor' | 'plaintext-editor' | 'postiats-editor' | 'powershell-editor' | 'pug-editor' | 'python-editor' | 'r-editor' | 'razor-editor' | 'ruby-editor' | 'sb-editor' | 'scss-editor' | 'sol-editor' | 'sql-editor' | 'swift-editor' | 'typescript-editor' | 'vb-editor' | 'xml-editor' | 'yaml-editor' | 'fieldset' | 'fieldSet' | 'input-file' | 'formula' | 'grid' | 'group' | 'hbox' | 'hidden' | 'icon-picker' | 'input-image' | 'input-group' | 'list-select' | 'location-picker' | 'matrix-checkboxes' | 'input-month-range' | 'input-quarter-range' | 'nested-select' | 'input-number' | 'panel' | 'picker' | 'radios' | 'input-range' | 'input-rating' | 'input-repeat' | 'input-rich-text' | 'select' | 'service' | 'static' | 'input-sub-form' | 'switch' | 'input-table' | 'tabs' | 'tabs-transfer' | 'input-tag' | 'input-text' | 'input-password' | 'input-email' | 'input-url' | 'uuid' | 'multi-select' | 'textarea' | 'transfer' | 'transfer-picker' | 'tabs-transfer-picker' | 'input-tree' | 'tree-select' | 'table-view' | 'portlet' | 'native-date' | 'native-time' | 'native-number' | 'code';
-export declare type SchemaObject = PageSchema | TplSchema | RemarkSchema | ActionSchema | AlertSchema | AudioSchema | AvatarSchema | ButtonGroupSchema | ButtonToolbarSchema | CardSchema | CardsSchema | CarouselSchema | ChartSchema | CollapseSchema | ColorSchema | ContainerSchema | CRUDSchema | DateSchema | DialogSchema | DividerSchema | DrawerSchema | DropdownButtonSchema | EachSchema | GridSchema | Grid2DSchema | HBoxSchema | IconSchema | IFrameSchema | ImageSchema | ImagesSchema | JsonSchema | LinkSchema | ListSchema | MappingSchema | NavSchema | OperationSchema | PaginationSchema | PaginationWrapperSchema | PanelSchema | PlainSchema | ProgressSchema | QRCodeSchema | SearchBoxSchema | ServiceSchema | SparkLineSchema | StatusSchema | TableSchema | TabsSchema | TasksSchema | VBoxSchema | VideoSchema | WizardSchema | WrapperSchema | FormSchema | AnchorNavSchema | StepsSchema | PortletSchema | FormControlSchema | ArrayControlSchema | ButtonGroupControlSchema | ChainedSelectControlSchema | CheckboxControlSchema | CheckboxesControlSchema | InputCityControlSchema | InputColorControlSchema | ComboControlSchema | ConditionBuilderControlSchema | DateControlSchema | DateTimeControlSchema | TimeControlSchema | MonthControlSchema | MonthControlSchema | QuarterControlSchema | YearControlSchema | DateRangeControlSchema | DiffControlSchema | EditorControlSchema | FieldSetControlSchema | FileControlSchema | FormulaControlSchema | GroupControlSchema | HiddenControlSchema | IconPickerControlSchema | ImageControlSchema | InputGroupControlSchema | ListControlSchema | LocationControlSchema | UUIDControlSchema | MatrixControlSchema | MonthRangeControlSchema | QuarterRangeControlSchema | NestedSelectControlSchema | NumberControlSchema | PickerControlSchema | RadiosControlSchema | RangeControlSchema | RatingControlSchema | RichTextControlSchema | RepeatControlSchema | SelectControlSchema | SubFormControlSchema | SwitchControlSchema | StaticExactControlSchema | TableControlSchema | TabsTransferControlSchema | TagControlSchema | TextControlSchema | TextareaControlSchema | TransferControlSchema | TransferPickerControlSchema | TabsTransferPickerControlSchema | TreeControlSchema | TreeSelectControlSchema;
+export declare type SchemaType = 'form' | 'button' | 'submit' | 'reset' | 'alert' | 'app' | 'audio' | 'avatar' | 'button-group' | 'button-toolbar' | 'breadcrumb' | 'card' | 'cards' | 'carousel' | 'chart' | 'collapse' | 'collapse-group' | 'color' | 'container' | 'crud' | 'custom' | 'date' | 'static-date' | 'datetime' | 'static-datetime' | 'time' | 'static-time' | 'month' | 'static-month' | 'dialog' | 'divider' | 'dropdown-button' | 'drawer' | 'each' | 'flex' | 'flex-item' | 'grid' | 'grid-2d' | 'hbox' | 'icon' | 'iframe' | 'image' | 'static-image' | 'images' | 'static-images' | 'json' | 'static-json' | 'link' | 'list' | 'log' | 'static-list' | 'map' | 'mapping' | 'markdown' | 'nav' | 'page' | 'pagination' | 'pagination-wrapper' | 'property' | 'operation' | 'panel' | 'plain' | 'text' | 'progress' | 'qrcode' | 'qr-code' | 'remark' | 'search-box' | 'service' | 'sparkline' | 'status' | 'switch' | 'table' | 'static-table' | 'tabs' | 'html' | 'tpl' | 'tasks' | 'vbox' | 'video' | 'wizard' | 'wrapper' | 'web-component' | 'anchor-nav' | 'steps' | 'control' | 'input-array' | 'button' | 'submit' | 'reset' | 'button-group-select' | 'button-toolbar' | 'chained-select' | 'chart-radios' | 'checkbox' | 'checkboxes' | 'input-city' | 'input-color' | 'combo' | 'condition-builder' | 'container' | 'input-date' | 'input-datetime' | 'input-time' | 'input-quarter' | 'input-year' | 'input-month' | 'input-date-range' | 'input-time-range' | 'input-datetime-range' | 'input-excel' | 'diff-editor' | 'editor' | 'bat-editor' | 'c-editor' | 'coffeescript-editor' | 'cpp-editor' | 'csharp-editor' | 'css-editor' | 'dockerfile-editor' | 'fsharp-editor' | 'go-editor' | 'handlebars-editor' | 'html-editor' | 'ini-editor' | 'java-editor' | 'javascript-editor' | 'json-editor' | 'less-editor' | 'lua-editor' | 'markdown-editor' | 'msdax-editor' | 'objective-c-editor' | 'php-editor' | 'plaintext-editor' | 'postiats-editor' | 'powershell-editor' | 'pug-editor' | 'python-editor' | 'r-editor' | 'razor-editor' | 'ruby-editor' | 'sb-editor' | 'scss-editor' | 'sol-editor' | 'sql-editor' | 'swift-editor' | 'typescript-editor' | 'vb-editor' | 'xml-editor' | 'yaml-editor' | 'fieldset' | 'fieldSet' | 'input-file' | 'formula' | 'grid' | 'group' | 'hbox' | 'hidden' | 'icon-picker' | 'input-image' | 'input-group' | 'list-select' | 'location-picker' | 'matrix-checkboxes' | 'input-month-range' | 'input-quarter-range' | 'nested-select' | 'input-number' | 'panel' | 'picker' | 'radios' | 'input-range' | 'input-rating' | 'input-repeat' | 'input-rich-text' | 'select' | 'service' | 'static' | 'input-sub-form' | 'switch' | 'input-table' | 'tabs' | 'tabs-transfer' | 'input-tag' | 'input-text' | 'input-password' | 'input-email' | 'input-url' | 'uuid' | 'multi-select' | 'textarea' | 'transfer' | 'transfer-picker' | 'tabs-transfer-picker' | 'input-tree' | 'tree-select' | 'table-view' | 'portlet' | 'grid-nav' | 'native-date' | 'native-time' | 'native-number' | 'code';
+export declare type SchemaObject = PageSchema | TplSchema | RemarkSchema | ActionSchema | AlertSchema | AudioSchema | AvatarSchema | ButtonGroupSchema | ButtonToolbarSchema | CardSchema | CardsSchema | CarouselSchema | ChartSchema | CollapseSchema | CollapseGroupSchema | ColorSchema | ContainerSchema | CRUDSchema | DateSchema | DialogSchema | DividerSchema | DrawerSchema | DropdownButtonSchema | EachSchema | GridSchema | Grid2DSchema | HBoxSchema | IconSchema | IFrameSchema | ImageSchema | ImagesSchema | JsonSchema | LinkSchema | ListSchema | MappingSchema | NavSchema | OperationSchema | PaginationSchema | PaginationWrapperSchema | PanelSchema | PlainSchema | ProgressSchema | QRCodeSchema | SearchBoxSchema | ServiceSchema | SparkLineSchema | StatusSchema | TableSchema | TabsSchema | TasksSchema | VBoxSchema | VideoSchema | WizardSchema | WrapperSchema | FormSchema | AnchorNavSchema | StepsSchema | PortletSchema | FormControlSchema | ArrayControlSchema | ButtonGroupControlSchema | ChainedSelectControlSchema | CheckboxControlSchema | CheckboxesControlSchema | InputCityControlSchema | InputColorControlSchema | ComboControlSchema | ConditionBuilderControlSchema | DateControlSchema | DateTimeControlSchema | TimeControlSchema | MonthControlSchema | MonthControlSchema | QuarterControlSchema | YearControlSchema | DateRangeControlSchema | DiffControlSchema | EditorControlSchema | FieldSetControlSchema | FileControlSchema | FormulaControlSchema | GroupControlSchema | HiddenControlSchema | IconPickerControlSchema | ImageControlSchema | InputGroupControlSchema | ListControlSchema | LocationControlSchema | UUIDControlSchema | MatrixControlSchema | MonthRangeControlSchema | QuarterRangeControlSchema | NestedSelectControlSchema | NumberControlSchema | PickerControlSchema | RadiosControlSchema | RangeControlSchema | RatingControlSchema | RichTextControlSchema | RepeatControlSchema | SelectControlSchema | SubFormControlSchema | SwitchControlSchema | StaticExactControlSchema | TableControlSchema | TabsTransferControlSchema | TagControlSchema | TextControlSchema | TextareaControlSchema | TransferControlSchema | TransferPickerControlSchema | TabsTransferPickerControlSchema | TreeControlSchema | TreeSelectControlSchema;
 export declare type SchemaCollection = SchemaObject | SchemaTpl | Array<SchemaObject | SchemaTpl>;
 /**
  * 表达式，语法 `data.xxx > 5`。
@@ -131,7 +132,7 @@ export interface SchemaApiObject {
     /**
      * API 发送类型
      */
-    method?: 'get' | 'post' | 'put' | 'delete' | 'patch';
+    method?: 'get' | 'post' | 'put' | 'delete' | 'patch' | 'jsonp';
     /**
      * API 发送目标地址
      */

package/lib/Schema.js.map

@@ -8,6 +8,6 @@
     "names": [],
     "mappings": "",
     "sourcesContent": [
-        "import {PageSchema} from './renderers/Page';\nimport {TplSchema} from './renderers/Tpl';\nimport {RemarkSchema} from './renderers/Remark';\nimport {ActionSchema} from './renderers/Action';\nimport {AlertSchema} from './renderers/Alert';\nimport {AudioSchema} from './renderers/Audio';\nimport {ButtonGroupSchema} from './renderers/ButtonGroup';\nimport {ButtonToolbarSchema} from './renderers/Form/ButtonToolbar';\nimport {CardSchema} from './renderers/Card';\nimport {CardsSchema} from './renderers/Cards';\nimport {FormSchema} from './renderers/Form';\nimport {CarouselSchema} from './renderers/Carousel';\nimport {ChartSchema} from './renderers/Chart';\nimport {CollapseSchema} from './renderers/Collapse';\nimport {ColorSchema} from './renderers/Color';\nimport {ContainerSchema} from './renderers/Container';\nimport {CRUDSchema} from './renderers/CRUD';\nimport {DateSchema} from './renderers/Date';\nimport {DividerSchema} from './renderers/Divider';\nimport {DropdownButtonSchema} from './renderers/DropDownButton';\nimport {EachSchema} from './renderers/Each';\nimport {GridSchema} from './renderers/Grid';\nimport {Grid2DSchema} from './renderers/Grid2D';\nimport {HBoxSchema} from './renderers/HBox';\nimport {IconSchema} from './renderers/Icon';\nimport {IFrameSchema} from './renderers/IFrame';\nimport {ImageSchema} from './renderers/Image';\nimport {ImagesSchema} from './renderers/Images';\nimport {JsonSchema} from './renderers/Json';\nimport {LinkSchema} from './renderers/Link';\nimport {ListSchema} from './renderers/List';\nimport {MappingSchema} from './renderers/Mapping';\nimport {NavSchema} from './renderers/Nav';\nimport {OperationSchema} from './renderers/Operation';\nimport {PanelSchema} from './renderers/Panel';\nimport {PlainSchema} from './renderers/Plain';\nimport {ProgressSchema} from './renderers/Progress';\nimport {QRCodeSchema} from './renderers/QRCode';\nimport {ServiceSchema} from './renderers/Service';\nimport {StatusSchema} from './renderers/Status';\nimport {TabsSchema} from './renderers/Tabs';\nimport {PortletSchema} from './renderers/Portlet';\nimport {TasksSchema} from './renderers/Tasks';\nimport {VBoxSchema} from './renderers/VBox';\nimport {VideoSchema} from './renderers/Video';\nimport {WizardSchema} from './renderers/Wizard';\nimport {WrapperSchema} from './renderers/Wrapper';\nimport {TableSchema} from './renderers/Table';\nimport {DialogSchema, DialogSchemaBase} from './renderers/Dialog';\nimport {DrawerSchema} from './renderers/Drawer';\nimport {SearchBoxSchema} from './renderers/SearchBox';\nimport {SparkLineSchema} from './renderers/SparkLine';\nimport {PaginationWrapperSchema} from './renderers/PaginationWrapper';\nimport {PaginationSchema} from './renderers/Pagination';\nimport {AnchorNavSchema} from './renderers/AnchorNav';\nimport {AvatarSchema} from './renderers/Avatar';\nimport {StepsSchema} from './renderers/Steps';\nimport {ArrayControlSchema} from './renderers/Form/InputArray';\nimport {ButtonGroupControlSchema} from './renderers/Form/ButtonGroupSelect';\nimport {ChainedSelectControlSchema} from './renderers/Form/ChainedSelect';\nimport {CheckboxControlSchema} from './renderers/Form/Checkbox';\nimport {CheckboxesControlSchema} from './renderers/Form/Checkboxes';\nimport {ComboControlSchema} from './renderers/Form/Combo';\nimport {ConditionBuilderControlSchema} from './renderers/Form/ConditionBuilder';\nimport {DiffControlSchema} from './renderers/Form/DiffEditor';\nimport {EditorControlSchema} from './renderers/Form/Editor';\nimport {FieldSetControlSchema} from './renderers/Form/FieldSet';\nimport {FormulaControlSchema} from './renderers/Form/Formula';\nimport {GroupControlSchema} from './renderers/Form/Group';\nimport {HiddenControlSchema} from './renderers/Form/Hidden';\nimport {IconPickerControlSchema} from './renderers/Form/IconPicker';\nimport {InputCityControlSchema} from './renderers/Form/InputCity';\nimport {InputColorControlSchema} from './renderers/Form/InputColor';\nimport {\n  DateControlSchema,\n  DateTimeControlSchema,\n  TimeControlSchema,\n  MonthControlSchema,\n  QuarterControlSchema,\n  YearControlSchema\n} from './renderers/Form/InputDate';\nimport {DateRangeControlSchema} from './renderers/Form/InputDateRange';\nimport {FileControlSchema} from './renderers/Form/InputFile';\nimport {InputGroupControlSchema} from './renderers/Form/InputGroup';\nimport {ImageControlSchema} from './renderers/Form/InputImage';\nimport {MonthRangeControlSchema} from './renderers/Form/InputMonthRange';\nimport {QuarterRangeControlSchema} from './renderers/Form/InputQuarterRange';\nimport {NumberControlSchema} from './renderers/Form/InputNumber';\nimport {RangeControlSchema} from './renderers/Form/InputRange';\nimport {RatingControlSchema} from './renderers/Form/InputRating';\nimport {RepeatControlSchema} from './renderers/Form/InputRepeat';\nimport {RichTextControlSchema} from './renderers/Form/InputRichText';\nimport {SubFormControlSchema} from './renderers/Form/InputSubForm';\nimport {TableControlSchema} from './renderers/Form/InputTable';\nimport {TagControlSchema} from './renderers/Form/InputTag';\nimport {TextControlSchema} from './renderers/Form/InputText';\nimport {TreeControlSchema} from './renderers/Form/InputTree';\nimport {ListControlSchema} from './renderers/Form/ListSelect';\nimport {LocationControlSchema} from './renderers/Form/LocationPicker';\nimport {MatrixControlSchema} from './renderers/Form/MatrixCheckboxes';\nimport {NestedSelectControlSchema} from './renderers/Form/NestedSelect';\nimport {PickerControlSchema} from './renderers/Form/Picker';\nimport {RadiosControlSchema} from './renderers/Form/Radios';\nimport {SelectControlSchema} from './renderers/Form/Select';\nimport {StaticExactControlSchema} from './renderers/Form/Static';\nimport {SwitchControlSchema} from './renderers/Form/Switch';\nimport {TabsTransferControlSchema} from './renderers/Form/TabsTransfer';\nimport {TextareaControlSchema} from './renderers/Form/Textarea';\nimport {TransferControlSchema} from './renderers/Form/Transfer';\nimport {TreeSelectControlSchema} from './renderers/Form/TreeSelect';\nimport {UUIDControlSchema} from './renderers/Form/UUID';\nimport {FormControlSchema} from './renderers/Form/Control';\nimport {TransferPickerControlSchema} from './renderers/Form/TransferPicker';\nimport {TabsTransferPickerControlSchema} from './renderers/Form/TabsTransferPicker';\n\n// 每加个类型，这补充一下。\nexport type SchemaType =\n  | 'form'\n  | 'button'\n  | 'submit'\n  | 'reset'\n  | 'alert'\n  | 'app'\n  | 'audio'\n  | 'avatar'\n  | 'button-group'\n  | 'button-toolbar'\n  | 'breadcrumb'\n  | 'card'\n  | 'cards'\n  | 'carousel'\n  | 'chart'\n  | 'collapse'\n  | 'color'\n  | 'container'\n  | 'crud'\n  | 'custom'\n  | 'date'\n  | 'static-date' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'datetime'\n  | 'static-datetime' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'time'\n  | 'static-time' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'month'\n  | 'static-month' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'dialog'\n  | 'divider'\n  | 'dropdown-button'\n  | 'drawer'\n  | 'each'\n  | 'flex'\n  | 'flex-item'\n  | 'grid'\n  | 'grid-2d'\n  | 'hbox'\n  | 'icon'\n  | 'iframe'\n  | 'image'\n  | 'static-image' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'images'\n  | 'static-images' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'json'\n  | 'static-json' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'link'\n  | 'list'\n  | 'log'\n  | 'static-list' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'map'\n  | 'mapping'\n  | 'markdown'\n  | 'nav'\n  | 'page'\n  | 'pagination'\n  | 'pagination-wrapper'\n  | 'property'\n  | 'operation'\n  | 'panel'\n  | 'plain'\n  | 'text'\n  | 'progress'\n  | 'qrcode'\n  | 'qr-code'\n  | 'remark'\n  | 'search-box'\n  | 'service'\n  | 'sparkline'\n  | 'status'\n  | 'switch'\n  | 'table'\n  | 'static-table' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'tabs'\n  | 'html'\n  | 'tpl'\n  | 'tasks'\n  | 'vbox'\n  | 'video'\n  | 'wizard'\n  | 'wrapper'\n  | 'web-component'\n  | 'anchor-nav'\n  | 'steps'\n  | 'control'\n  | 'input-array'\n  | 'button'\n  | 'submit'\n  | 'reset'\n  | 'button-group-select'\n  | 'button-toolbar'\n  | 'chained-select'\n  | 'chart-radios'\n  | 'checkbox'\n  | 'checkboxes'\n  | 'input-city'\n  | 'input-color'\n  | 'combo'\n  | 'condition-builder'\n  | 'container'\n  | 'input-date'\n  | 'input-datetime'\n  | 'input-time'\n  | 'input-quarter'\n  | 'input-year'\n  | 'input-month'\n  | 'input-date-range'\n  | 'input-time-range'\n  | 'input-datetime-range'\n  | 'input-excel'\n  | 'diff-editor'\n\n  // editor 系列\n  | 'editor'\n  | 'bat-editor'\n  | 'c-editor'\n  | 'coffeescript-editor'\n  | 'cpp-editor'\n  | 'csharp-editor'\n  | 'css-editor'\n  | 'dockerfile-editor'\n  | 'fsharp-editor'\n  | 'go-editor'\n  | 'handlebars-editor'\n  | 'html-editor'\n  | 'ini-editor'\n  | 'java-editor'\n  | 'javascript-editor'\n  | 'json-editor'\n  | 'less-editor'\n  | 'lua-editor'\n  | 'markdown-editor'\n  | 'msdax-editor'\n  | 'objective-c-editor'\n  | 'php-editor'\n  | 'plaintext-editor'\n  | 'postiats-editor'\n  | 'powershell-editor'\n  | 'pug-editor'\n  | 'python-editor'\n  | 'r-editor'\n  | 'razor-editor'\n  | 'ruby-editor'\n  | 'sb-editor'\n  | 'scss-editor'\n  | 'sol-editor'\n  | 'sql-editor'\n  | 'swift-editor'\n  | 'typescript-editor'\n  | 'vb-editor'\n  | 'xml-editor'\n  | 'yaml-editor'\n\n  //\n  | 'fieldset'\n  | 'fieldSet'\n  | 'input-file'\n  | 'formula'\n  | 'grid'\n  | 'group'\n  | 'hbox'\n  | 'hidden'\n  | 'icon-picker'\n  | 'input-image'\n  | 'input-group'\n  | 'list-select'\n  | 'location-picker'\n  | 'matrix-checkboxes'\n  | 'input-month-range'\n  | 'input-quarter-range'\n  | 'nested-select'\n  | 'input-number'\n  | 'panel'\n  | 'picker'\n  | 'radios'\n  | 'input-range'\n  | 'input-rating'\n  | 'input-repeat'\n  | 'input-rich-text'\n  | 'select'\n  | 'service'\n  | 'static'\n  | 'input-sub-form'\n  | 'switch'\n  | 'input-table'\n  | 'tabs'\n  | 'tabs-transfer'\n  | 'input-tag'\n  | 'input-text'\n  | 'input-password'\n  | 'input-email'\n  | 'input-url'\n  | 'uuid'\n  | 'multi-select'\n  | 'textarea'\n  | 'transfer'\n  | 'transfer-picker'\n  | 'tabs-transfer-picker'\n  | 'input-tree'\n  | 'tree-select'\n  | 'table-view'\n  | 'portlet'\n\n  // 原生 input 类型\n  | 'native-date'\n  | 'native-time'\n  | 'native-number'\n  | 'code';\n\nexport type SchemaObject =\n  | PageSchema\n  | TplSchema\n  | RemarkSchema\n  | ActionSchema\n  | AlertSchema\n  | AudioSchema\n  | AvatarSchema\n  | ButtonGroupSchema\n  | ButtonToolbarSchema\n  | CardSchema\n  | CardsSchema\n  | CarouselSchema\n  | ChartSchema\n  | CollapseSchema\n  | ColorSchema\n  | ContainerSchema\n  | CRUDSchema\n  | DateSchema\n  | DialogSchema\n  | DividerSchema\n  | DrawerSchema\n  | DropdownButtonSchema\n  | EachSchema\n  | GridSchema\n  | Grid2DSchema\n  | HBoxSchema\n  | IconSchema\n  | IFrameSchema\n  | ImageSchema\n  | ImagesSchema\n  | JsonSchema\n  | LinkSchema\n  | ListSchema\n  | MappingSchema\n  | NavSchema\n  | OperationSchema\n  | PaginationSchema\n  | PaginationWrapperSchema\n  | PanelSchema\n  | PlainSchema\n  | ProgressSchema\n  | QRCodeSchema\n  | SearchBoxSchema\n  | ServiceSchema\n  | SparkLineSchema\n  | StatusSchema\n  | TableSchema\n  | TabsSchema\n  | TasksSchema\n  | VBoxSchema\n  | VideoSchema\n  | WizardSchema\n  | WrapperSchema\n  | FormSchema\n  | AnchorNavSchema\n  | StepsSchema\n  | PortletSchema\n\n  // 表单项\n  | FormControlSchema\n  | ArrayControlSchema\n  | ButtonGroupControlSchema\n  | ChainedSelectControlSchema\n  | CheckboxControlSchema\n  | CheckboxesControlSchema\n  | InputCityControlSchema\n  | InputColorControlSchema\n  | ComboControlSchema\n  | ConditionBuilderControlSchema\n  | DateControlSchema\n  | DateTimeControlSchema\n  | TimeControlSchema\n  | MonthControlSchema\n  | MonthControlSchema\n  | QuarterControlSchema\n  | YearControlSchema\n  | DateRangeControlSchema\n  | DiffControlSchema\n  | EditorControlSchema\n  | FieldSetControlSchema\n  | FileControlSchema\n  | FormulaControlSchema\n  | GroupControlSchema\n  | HiddenControlSchema\n  | IconPickerControlSchema\n  | ImageControlSchema\n  | InputGroupControlSchema\n  | ListControlSchema\n  | LocationControlSchema\n  | UUIDControlSchema\n  | MatrixControlSchema\n  | MonthRangeControlSchema\n  | QuarterRangeControlSchema\n  | NestedSelectControlSchema\n  | NumberControlSchema\n  | PickerControlSchema\n  | RadiosControlSchema\n  | RangeControlSchema\n  | RatingControlSchema\n  | RichTextControlSchema\n  | RepeatControlSchema\n  | SelectControlSchema\n  | SubFormControlSchema\n  | SwitchControlSchema\n  | StaticExactControlSchema\n  | TableControlSchema\n  | TabsTransferControlSchema\n  | TagControlSchema\n  | TextControlSchema\n  | TextareaControlSchema\n  | TransferControlSchema\n  | TransferPickerControlSchema\n  | TabsTransferPickerControlSchema\n  | TreeControlSchema\n  | TreeSelectControlSchema;\n\nexport type SchemaCollection =\n  | SchemaObject\n  | SchemaTpl\n  | Array<SchemaObject | SchemaTpl>;\n\n/**\n * 表达式，语法 `data.xxx > 5`。\n */\nexport type SchemaExpression = string;\n\n/**\n * css类名，配置字符串，或者对象。\n *\n *     className: \"red\"\n *\n * 用对象配置时意味着你能跟表达式一起搭配使用，如：\n *\n *     className: {\n *         \"red\": \"data.progress > 80\",\n *         \"blue\": \"data.progress > 60\"\n *     }\n */\nexport type SchemaClassName =\n  | string\n  | {\n      [propName: string]: boolean | undefined | null | SchemaExpression;\n    };\n\n// /**\n//  * css类名，配置字符串，或者对象。\n//  *\n//  *   className: \"red\"\n//  *\n//  * 用对象配置时意味着你能跟表达式一起搭配使用，如：\n//  *\n//  *     className: {\n//  *         \"red\": \"data.progress > 80\",\n//  *         \"blue\": \"data.progress > 60\"\n//  *     }\n//  */\n// export type SchemaClassName = string;\n\nexport interface SchemaApiObject {\n  /**\n   * API 发送类型\n   */\n  method?: 'get' | 'post' | 'put' | 'delete' | 'patch';\n\n  /**\n   * API 发送目标地址\n   */\n  url: SchemaUrlPath;\n\n  /**\n   * 用来控制携带数据. 当key 为 `&` 值为 `$$` 时, 将所有原始数据打平设置到 data 中. 当值为 $$ 将所有原始数据赋值到对应的 key 中. 当值为 $ 打头时, 将变量值设置到 key 中.\n   */\n  data?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 默认数据映射中的key如果带点，或者带大括号，会转成对象比如：\n   *\n   * {\n   *   'a.b': '123'\n   * }\n   *\n   * 经过数据映射后变成\n   * {\n   *  a: {\n   *   b: '123\n   *  }\n   * }\n   *\n   * 如果想要关闭此功能，请设置 convertKeyToPath 为 false\n   */\n  convertKeyToPath?: boolean;\n\n  /**\n   * 用来做接口返回的数据映射。\n   */\n  responseData?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 如果 method 为 get 的接口，设置了 data 信息。\n   * 默认 data 会自动附带在 query 里面发送给后端。\n   *\n   * 如果想通过 body 发送给后端，那么请把这个配置成 false。\n   *\n   * 但是，浏览器还不支持啊，设置了只是摆设。除非服务端支持 method-override\n   */\n  attachDataToQuery?: boolean;\n\n  /**\n   * 发送体的格式\n   */\n  dataType?: 'json' | 'form-data' | 'form';\n\n  /**\n   * 如果是文件下载接口，请配置这个。\n   */\n  responseType?: 'blob';\n\n  /**\n   * 携带 headers，用法和 data 一样，可以用变量。\n   */\n  headers?: {\n    [propName: string]: string | number;\n  };\n\n  /**\n   * 设置发送条件\n   */\n  sendOn?: SchemaExpression;\n\n  /**\n   * 默认都是追加模式，如果想完全替换把这个配置成 true\n   */\n  replaceData?: boolean;\n\n  /**\n   * 是否自动刷新，当 url 中的取值结果变化时，自动刷新数据。\n   *\n   * @default true\n   */\n  autoRefresh?: boolean;\n\n  /**\n   * 当开启自动刷新的时候，默认是 api 的 url 来自动跟踪变量变化的。\n   * 如果你希望监控 url 外的变量，请配置 traceExpression。\n   */\n  trackExpression?: string;\n\n  /**\n   * 如果设置了值，同一个接口，相同参数，指定的时间（单位：ms）内请求将直接走缓存。\n   */\n  cache?: number;\n\n  /**\n   * qs 配置项\n   */\n  qsOptions?: {\n    arrayFormat?: 'indices' | 'brackets' | 'repeat' | 'comma';\n    indices?: boolean;\n    allowDots?: boolean;\n  };\n}\n\nexport type SchemaApi = string | SchemaApiObject;\n\n/**\n * 组件名字，这个名字可以用来定位，用于组件通信\n */\nexport type SchemaName = string;\n\n/**\n * 配置刷新动作，这个动作通常在完成渲染器本省的固定动作后出发。\n *\n * 一般用来配置目标组件的 name 属性。多个目标可以用逗号隔开。\n *\n * 当目标是 windows 时表示刷新整个页面。\n *\n * 刷新目标的同时还支持传递参数如： `foo?a=${a}&b=${b},boo?c=${c}`\n */\nexport type SchemaReload = string;\n\n/**\n * 页面跳转地址，支持相对地址。\n */\nexport type SchemaRedirect = string;\n\n/**\n * 支持两种语法，但是不能混着用。分别是：\n *\n * 1. `${xxx}` 或者 `${xxx|upperCase}`\n * 2. `<%= data.xxx %>`\n *\n *\n * 更多文档：https://baidu.gitee.io/amis/docs/concepts/template\n */\nexport type SchemaTpl = string;\n\n/**\n * 初始数据，设置得值可用于组件内部模板使用。\n */\nexport type SchemaDefaultData = {\n  [propName: string]: any;\n};\n\n/**\n * 用来关联 json schema 的，不用管。\n */\nexport type SchemaSchema = string;\n\n/**\n * iconfont 里面的类名。\n */\nexport type SchemaIcon = string;\n\nexport type SchemaTokenizeableString = string;\n\nexport type SchemaUrlPath = SchemaTokenizeableString;\n\nexport type SchemaTooltip =\n  | string\n  | {\n      /**\n       * 标题\n       */\n      title?: string;\n\n      /**\n       * 内容\n       */\n      content: string;\n    };\n\n/**\n * 消息文案配置，记住这个优先级是最低的，如果你的接口返回了 msg，接口返回的优先。\n */\nexport type SchemaMessage = {\n  /**\n   * 获取失败时的提示\n   */\n  fetchFailed?: string;\n\n  /**\n   * 获取成功的提示，默认为空。\n   */\n  fetchSuccess?: string;\n\n  /**\n   * 保存失败时的提示。\n   */\n  saveFailed?: string;\n\n  /**\n   * 保存成功时的提示。\n   */\n  saveSuccess?: string;\n};\n\nexport type SchemaFunction = string | Function;\n\nexport interface BaseSchema {\n  type: SchemaType;\n\n  /**\n   * 容器 css 类名\n   */\n  className?: SchemaClassName;\n\n  /**\n   * 配合 definitions 一起使用，可以实现无限循环的渲染器。\n   */\n  $ref?: string;\n\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n\n  /**\n   * 是否禁用表达式\n   */\n  disabledOn?: SchemaExpression;\n\n  /**\n   * 是否隐藏\n   * @deprecated 推荐用 visible\n   */\n  hidden?: boolean;\n\n  /**\n   * 是否隐藏表达式\n   * @deprecated 推荐用 visibleOn\n   */\n  hiddenOn?: SchemaExpression;\n\n  /**\n   * 是否显示\n   */\n\n  visible?: boolean;\n\n  /**\n   * 是否显示表达式\n   */\n  visibleOn?: SchemaExpression;\n\n  /**\n   * 是否使用移动端交互\n   */\n  useMobileUI?: boolean;\n}\n\nexport interface Option {\n  /**\n   * 用来显示的文字\n   */\n  label?: string;\n\n  /**\n   * 可以用来给 Option 标记个范围，让数据展示更清晰。\n   *\n   * 这个只有在数值展示的时候显示。\n   */\n  scopeLabel?: string;\n\n  /**\n   * 请保证数值唯一，多个选项值一致会认为是同一个选项。\n   */\n  value?: any;\n\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n\n  /**\n   * 支持嵌套\n   */\n  children?: Options;\n\n  /**\n   * 是否可见\n   */\n  visible?: boolean;\n\n  /**\n   * 最好不要用！因为有 visible 就够了。\n   *\n   * @deprecated 用 visible\n   */\n  hidden?: boolean;\n\n  /**\n   * 描述，部分控件支持\n   */\n  description?: string;\n\n  /**\n   * 标记后数据延时加载\n   */\n  defer?: boolean;\n\n  /**\n   * 如果设置了，优先级更高，不设置走 source 接口加载。\n   */\n  deferApi?: SchemaApi;\n\n  /**\n   * 标记正在加载。只有 defer 为 true 时有意义。内部字段不可以外部设置\n   */\n  loading?: boolean;\n\n  /**\n   * 只有设置了 defer 才有意义，内部字段不可以外部设置\n   */\n  loaded?: boolean;\n\n  [propName: string]: any;\n}\nexport interface Options extends Array<Option> {}\n\nexport interface FeedbackDialog extends DialogSchemaBase {\n  /**\n   * 可以用来配置 feedback 的出现条件\n   */\n  visibleOn?: string;\n\n  /**\n   * feedback 弹框取消是否中断后续操作\n   */\n  skipRestOnCancel?: boolean;\n\n  /**\n   * feedback 弹框确认是否中断后续操作\n   */\n  skipRestOnConfirm?: boolean;\n}\n\nexport type RootSchema = PageSchema;\n"
+        "import {PageSchema} from './renderers/Page';\nimport {TplSchema} from './renderers/Tpl';\nimport {RemarkSchema} from './renderers/Remark';\nimport {ActionSchema} from './renderers/Action';\nimport {AlertSchema} from './renderers/Alert';\nimport {AudioSchema} from './renderers/Audio';\nimport {ButtonGroupSchema} from './renderers/ButtonGroup';\nimport {ButtonToolbarSchema} from './renderers/Form/ButtonToolbar';\nimport {CardSchema} from './renderers/Card';\nimport {CardsSchema} from './renderers/Cards';\nimport {FormSchema} from './renderers/Form';\nimport {CarouselSchema} from './renderers/Carousel';\nimport {ChartSchema} from './renderers/Chart';\nimport {CollapseSchema} from './renderers/Collapse';\nimport {CollapseGroupSchema} from './renderers/CollapseGroup';\nimport {ColorSchema} from './renderers/Color';\nimport {ContainerSchema} from './renderers/Container';\nimport {CRUDSchema} from './renderers/CRUD';\nimport {DateSchema} from './renderers/Date';\nimport {DividerSchema} from './renderers/Divider';\nimport {DropdownButtonSchema} from './renderers/DropDownButton';\nimport {EachSchema} from './renderers/Each';\nimport {GridSchema} from './renderers/Grid';\nimport {Grid2DSchema} from './renderers/Grid2D';\nimport {HBoxSchema} from './renderers/HBox';\nimport {IconSchema} from './renderers/Icon';\nimport {IFrameSchema} from './renderers/IFrame';\nimport {ImageSchema} from './renderers/Image';\nimport {ImagesSchema} from './renderers/Images';\nimport {JsonSchema} from './renderers/Json';\nimport {LinkSchema} from './renderers/Link';\nimport {ListSchema} from './renderers/List';\nimport {MappingSchema} from './renderers/Mapping';\nimport {NavSchema} from './renderers/Nav';\nimport {OperationSchema} from './renderers/Operation';\nimport {PanelSchema} from './renderers/Panel';\nimport {PlainSchema} from './renderers/Plain';\nimport {ProgressSchema} from './renderers/Progress';\nimport {QRCodeSchema} from './renderers/QRCode';\nimport {ServiceSchema} from './renderers/Service';\nimport {StatusSchema} from './renderers/Status';\nimport {TabsSchema} from './renderers/Tabs';\nimport {PortletSchema} from './renderers/Portlet';\nimport {TasksSchema} from './renderers/Tasks';\nimport {VBoxSchema} from './renderers/VBox';\nimport {VideoSchema} from './renderers/Video';\nimport {WizardSchema} from './renderers/Wizard';\nimport {WrapperSchema} from './renderers/Wrapper';\nimport {TableSchema} from './renderers/Table';\nimport {DialogSchema, DialogSchemaBase} from './renderers/Dialog';\nimport {DrawerSchema} from './renderers/Drawer';\nimport {SearchBoxSchema} from './renderers/SearchBox';\nimport {SparkLineSchema} from './renderers/SparkLine';\nimport {PaginationWrapperSchema} from './renderers/PaginationWrapper';\nimport {PaginationSchema} from './renderers/Pagination';\nimport {AnchorNavSchema} from './renderers/AnchorNav';\nimport {AvatarSchema} from './renderers/Avatar';\nimport {StepsSchema} from './renderers/Steps';\nimport {ArrayControlSchema} from './renderers/Form/InputArray';\nimport {ButtonGroupControlSchema} from './renderers/Form/ButtonGroupSelect';\nimport {ChainedSelectControlSchema} from './renderers/Form/ChainedSelect';\nimport {CheckboxControlSchema} from './renderers/Form/Checkbox';\nimport {CheckboxesControlSchema} from './renderers/Form/Checkboxes';\nimport {ComboControlSchema} from './renderers/Form/Combo';\nimport {ConditionBuilderControlSchema} from './renderers/Form/ConditionBuilder';\nimport {DiffControlSchema} from './renderers/Form/DiffEditor';\nimport {EditorControlSchema} from './renderers/Form/Editor';\nimport {FieldSetControlSchema} from './renderers/Form/FieldSet';\nimport {FormulaControlSchema} from './renderers/Form/Formula';\nimport {GroupControlSchema} from './renderers/Form/Group';\nimport {HiddenControlSchema} from './renderers/Form/Hidden';\nimport {IconPickerControlSchema} from './renderers/Form/IconPicker';\nimport {InputCityControlSchema} from './renderers/Form/InputCity';\nimport {InputColorControlSchema} from './renderers/Form/InputColor';\nimport {\n  DateControlSchema,\n  DateTimeControlSchema,\n  TimeControlSchema,\n  MonthControlSchema,\n  QuarterControlSchema,\n  YearControlSchema\n} from './renderers/Form/InputDate';\nimport {DateRangeControlSchema} from './renderers/Form/InputDateRange';\nimport {FileControlSchema} from './renderers/Form/InputFile';\nimport {InputGroupControlSchema} from './renderers/Form/InputGroup';\nimport {ImageControlSchema} from './renderers/Form/InputImage';\nimport {MonthRangeControlSchema} from './renderers/Form/InputMonthRange';\nimport {QuarterRangeControlSchema} from './renderers/Form/InputQuarterRange';\nimport {NumberControlSchema} from './renderers/Form/InputNumber';\nimport {RangeControlSchema} from './renderers/Form/InputRange';\nimport {RatingControlSchema} from './renderers/Form/InputRating';\nimport {RepeatControlSchema} from './renderers/Form/InputRepeat';\nimport {RichTextControlSchema} from './renderers/Form/InputRichText';\nimport {SubFormControlSchema} from './renderers/Form/InputSubForm';\nimport {TableControlSchema} from './renderers/Form/InputTable';\nimport {TagControlSchema} from './renderers/Form/InputTag';\nimport {TextControlSchema} from './renderers/Form/InputText';\nimport {TreeControlSchema} from './renderers/Form/InputTree';\nimport {ListControlSchema} from './renderers/Form/ListSelect';\nimport {LocationControlSchema} from './renderers/Form/LocationPicker';\nimport {MatrixControlSchema} from './renderers/Form/MatrixCheckboxes';\nimport {NestedSelectControlSchema} from './renderers/Form/NestedSelect';\nimport {PickerControlSchema} from './renderers/Form/Picker';\nimport {RadiosControlSchema} from './renderers/Form/Radios';\nimport {SelectControlSchema} from './renderers/Form/Select';\nimport {StaticExactControlSchema} from './renderers/Form/Static';\nimport {SwitchControlSchema} from './renderers/Form/Switch';\nimport {TabsTransferControlSchema} from './renderers/Form/TabsTransfer';\nimport {TextareaControlSchema} from './renderers/Form/Textarea';\nimport {TransferControlSchema} from './renderers/Form/Transfer';\nimport {TreeSelectControlSchema} from './renderers/Form/TreeSelect';\nimport {UUIDControlSchema} from './renderers/Form/UUID';\nimport {FormControlSchema} from './renderers/Form/Control';\nimport {TransferPickerControlSchema} from './renderers/Form/TransferPicker';\nimport {TabsTransferPickerControlSchema} from './renderers/Form/TabsTransferPicker';\n\n// 每加个类型，这补充一下。\nexport type SchemaType =\n  | 'form'\n  | 'button'\n  | 'submit'\n  | 'reset'\n  | 'alert'\n  | 'app'\n  | 'audio'\n  | 'avatar'\n  | 'button-group'\n  | 'button-toolbar'\n  | 'breadcrumb'\n  | 'card'\n  | 'cards'\n  | 'carousel'\n  | 'chart'\n  | 'collapse'\n  | 'collapse-group'\n  | 'color'\n  | 'container'\n  | 'crud'\n  | 'custom'\n  | 'date'\n  | 'static-date' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'datetime'\n  | 'static-datetime' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'time'\n  | 'static-time' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'month'\n  | 'static-month' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'dialog'\n  | 'divider'\n  | 'dropdown-button'\n  | 'drawer'\n  | 'each'\n  | 'flex'\n  | 'flex-item'\n  | 'grid'\n  | 'grid-2d'\n  | 'hbox'\n  | 'icon'\n  | 'iframe'\n  | 'image'\n  | 'static-image' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'images'\n  | 'static-images' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'json'\n  | 'static-json' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'link'\n  | 'list'\n  | 'log'\n  | 'static-list' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'map'\n  | 'mapping'\n  | 'markdown'\n  | 'nav'\n  | 'page'\n  | 'pagination'\n  | 'pagination-wrapper'\n  | 'property'\n  | 'operation'\n  | 'panel'\n  | 'plain'\n  | 'text'\n  | 'progress'\n  | 'qrcode'\n  | 'qr-code'\n  | 'remark'\n  | 'search-box'\n  | 'service'\n  | 'sparkline'\n  | 'status'\n  | 'switch'\n  | 'table'\n  | 'static-table' // 这个几个跟表单项同名，再form下面用必须带前缀 static-\n  | 'tabs'\n  | 'html'\n  | 'tpl'\n  | 'tasks'\n  | 'vbox'\n  | 'video'\n  | 'wizard'\n  | 'wrapper'\n  | 'web-component'\n  | 'anchor-nav'\n  | 'steps'\n  | 'control'\n  | 'input-array'\n  | 'button'\n  | 'submit'\n  | 'reset'\n  | 'button-group-select'\n  | 'button-toolbar'\n  | 'chained-select'\n  | 'chart-radios'\n  | 'checkbox'\n  | 'checkboxes'\n  | 'input-city'\n  | 'input-color'\n  | 'combo'\n  | 'condition-builder'\n  | 'container'\n  | 'input-date'\n  | 'input-datetime'\n  | 'input-time'\n  | 'input-quarter'\n  | 'input-year'\n  | 'input-month'\n  | 'input-date-range'\n  | 'input-time-range'\n  | 'input-datetime-range'\n  | 'input-excel'\n  | 'diff-editor'\n\n  // editor 系列\n  | 'editor'\n  | 'bat-editor'\n  | 'c-editor'\n  | 'coffeescript-editor'\n  | 'cpp-editor'\n  | 'csharp-editor'\n  | 'css-editor'\n  | 'dockerfile-editor'\n  | 'fsharp-editor'\n  | 'go-editor'\n  | 'handlebars-editor'\n  | 'html-editor'\n  | 'ini-editor'\n  | 'java-editor'\n  | 'javascript-editor'\n  | 'json-editor'\n  | 'less-editor'\n  | 'lua-editor'\n  | 'markdown-editor'\n  | 'msdax-editor'\n  | 'objective-c-editor'\n  | 'php-editor'\n  | 'plaintext-editor'\n  | 'postiats-editor'\n  | 'powershell-editor'\n  | 'pug-editor'\n  | 'python-editor'\n  | 'r-editor'\n  | 'razor-editor'\n  | 'ruby-editor'\n  | 'sb-editor'\n  | 'scss-editor'\n  | 'sol-editor'\n  | 'sql-editor'\n  | 'swift-editor'\n  | 'typescript-editor'\n  | 'vb-editor'\n  | 'xml-editor'\n  | 'yaml-editor'\n\n  //\n  | 'fieldset'\n  | 'fieldSet'\n  | 'input-file'\n  | 'formula'\n  | 'grid'\n  | 'group'\n  | 'hbox'\n  | 'hidden'\n  | 'icon-picker'\n  | 'input-image'\n  | 'input-group'\n  | 'list-select'\n  | 'location-picker'\n  | 'matrix-checkboxes'\n  | 'input-month-range'\n  | 'input-quarter-range'\n  | 'nested-select'\n  | 'input-number'\n  | 'panel'\n  | 'picker'\n  | 'radios'\n  | 'input-range'\n  | 'input-rating'\n  | 'input-repeat'\n  | 'input-rich-text'\n  | 'select'\n  | 'service'\n  | 'static'\n  | 'input-sub-form'\n  | 'switch'\n  | 'input-table'\n  | 'tabs'\n  | 'tabs-transfer'\n  | 'input-tag'\n  | 'input-text'\n  | 'input-password'\n  | 'input-email'\n  | 'input-url'\n  | 'uuid'\n  | 'multi-select'\n  | 'textarea'\n  | 'transfer'\n  | 'transfer-picker'\n  | 'tabs-transfer-picker'\n  | 'input-tree'\n  | 'tree-select'\n  | 'table-view'\n  | 'portlet'\n  | 'grid-nav'\n\n  // 原生 input 类型\n  | 'native-date'\n  | 'native-time'\n  | 'native-number'\n  | 'code';\n\nexport type SchemaObject =\n  | PageSchema\n  | TplSchema\n  | RemarkSchema\n  | ActionSchema\n  | AlertSchema\n  | AudioSchema\n  | AvatarSchema\n  | ButtonGroupSchema\n  | ButtonToolbarSchema\n  | CardSchema\n  | CardsSchema\n  | CarouselSchema\n  | ChartSchema\n  | CollapseSchema\n  | CollapseGroupSchema\n  | ColorSchema\n  | ContainerSchema\n  | CRUDSchema\n  | DateSchema\n  | DialogSchema\n  | DividerSchema\n  | DrawerSchema\n  | DropdownButtonSchema\n  | EachSchema\n  | GridSchema\n  | Grid2DSchema\n  | HBoxSchema\n  | IconSchema\n  | IFrameSchema\n  | ImageSchema\n  | ImagesSchema\n  | JsonSchema\n  | LinkSchema\n  | ListSchema\n  | MappingSchema\n  | NavSchema\n  | OperationSchema\n  | PaginationSchema\n  | PaginationWrapperSchema\n  | PanelSchema\n  | PlainSchema\n  | ProgressSchema\n  | QRCodeSchema\n  | SearchBoxSchema\n  | ServiceSchema\n  | SparkLineSchema\n  | StatusSchema\n  | TableSchema\n  | TabsSchema\n  | TasksSchema\n  | VBoxSchema\n  | VideoSchema\n  | WizardSchema\n  | WrapperSchema\n  | FormSchema\n  | AnchorNavSchema\n  | StepsSchema\n  | PortletSchema\n\n  // 表单项\n  | FormControlSchema\n  | ArrayControlSchema\n  | ButtonGroupControlSchema\n  | ChainedSelectControlSchema\n  | CheckboxControlSchema\n  | CheckboxesControlSchema\n  | InputCityControlSchema\n  | InputColorControlSchema\n  | ComboControlSchema\n  | ConditionBuilderControlSchema\n  | DateControlSchema\n  | DateTimeControlSchema\n  | TimeControlSchema\n  | MonthControlSchema\n  | MonthControlSchema\n  | QuarterControlSchema\n  | YearControlSchema\n  | DateRangeControlSchema\n  | DiffControlSchema\n  | EditorControlSchema\n  | FieldSetControlSchema\n  | FileControlSchema\n  | FormulaControlSchema\n  | GroupControlSchema\n  | HiddenControlSchema\n  | IconPickerControlSchema\n  | ImageControlSchema\n  | InputGroupControlSchema\n  | ListControlSchema\n  | LocationControlSchema\n  | UUIDControlSchema\n  | MatrixControlSchema\n  | MonthRangeControlSchema\n  | QuarterRangeControlSchema\n  | NestedSelectControlSchema\n  | NumberControlSchema\n  | PickerControlSchema\n  | RadiosControlSchema\n  | RangeControlSchema\n  | RatingControlSchema\n  | RichTextControlSchema\n  | RepeatControlSchema\n  | SelectControlSchema\n  | SubFormControlSchema\n  | SwitchControlSchema\n  | StaticExactControlSchema\n  | TableControlSchema\n  | TabsTransferControlSchema\n  | TagControlSchema\n  | TextControlSchema\n  | TextareaControlSchema\n  | TransferControlSchema\n  | TransferPickerControlSchema\n  | TabsTransferPickerControlSchema\n  | TreeControlSchema\n  | TreeSelectControlSchema;\n\nexport type SchemaCollection =\n  | SchemaObject\n  | SchemaTpl\n  | Array<SchemaObject | SchemaTpl>;\n\n/**\n * 表达式，语法 `data.xxx > 5`。\n */\nexport type SchemaExpression = string;\n\n/**\n * css类名，配置字符串，或者对象。\n *\n *     className: \"red\"\n *\n * 用对象配置时意味着你能跟表达式一起搭配使用，如：\n *\n *     className: {\n *         \"red\": \"data.progress > 80\",\n *         \"blue\": \"data.progress > 60\"\n *     }\n */\nexport type SchemaClassName =\n  | string\n  | {\n      [propName: string]: boolean | undefined | null | SchemaExpression;\n    };\n\n// /**\n//  * css类名，配置字符串，或者对象。\n//  *\n//  *   className: \"red\"\n//  *\n//  * 用对象配置时意味着你能跟表达式一起搭配使用，如：\n//  *\n//  *     className: {\n//  *         \"red\": \"data.progress > 80\",\n//  *         \"blue\": \"data.progress > 60\"\n//  *     }\n//  */\n// export type SchemaClassName = string;\n\nexport interface SchemaApiObject {\n  /**\n   * API 发送类型\n   */\n  method?: 'get' | 'post' | 'put' | 'delete' | 'patch' | 'jsonp';\n\n  /**\n   * API 发送目标地址\n   */\n  url: SchemaUrlPath;\n\n  /**\n   * 用来控制携带数据. 当key 为 `&` 值为 `$$` 时, 将所有原始数据打平设置到 data 中. 当值为 $$ 将所有原始数据赋值到对应的 key 中. 当值为 $ 打头时, 将变量值设置到 key 中.\n   */\n  data?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 默认数据映射中的key如果带点，或者带大括号，会转成对象比如：\n   *\n   * {\n   *   'a.b': '123'\n   * }\n   *\n   * 经过数据映射后变成\n   * {\n   *  a: {\n   *   b: '123\n   *  }\n   * }\n   *\n   * 如果想要关闭此功能，请设置 convertKeyToPath 为 false\n   */\n  convertKeyToPath?: boolean;\n\n  /**\n   * 用来做接口返回的数据映射。\n   */\n  responseData?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 如果 method 为 get 的接口，设置了 data 信息。\n   * 默认 data 会自动附带在 query 里面发送给后端。\n   *\n   * 如果想通过 body 发送给后端，那么请把这个配置成 false。\n   *\n   * 但是，浏览器还不支持啊，设置了只是摆设。除非服务端支持 method-override\n   */\n  attachDataToQuery?: boolean;\n\n  /**\n   * 发送体的格式\n   */\n  dataType?: 'json' | 'form-data' | 'form';\n\n  /**\n   * 如果是文件下载接口，请配置这个。\n   */\n  responseType?: 'blob';\n\n  /**\n   * 携带 headers，用法和 data 一样，可以用变量。\n   */\n  headers?: {\n    [propName: string]: string | number;\n  };\n\n  /**\n   * 设置发送条件\n   */\n  sendOn?: SchemaExpression;\n\n  /**\n   * 默认都是追加模式，如果想完全替换把这个配置成 true\n   */\n  replaceData?: boolean;\n\n  /**\n   * 是否自动刷新，当 url 中的取值结果变化时，自动刷新数据。\n   *\n   * @default true\n   */\n  autoRefresh?: boolean;\n\n  /**\n   * 当开启自动刷新的时候，默认是 api 的 url 来自动跟踪变量变化的。\n   * 如果你希望监控 url 外的变量，请配置 traceExpression。\n   */\n  trackExpression?: string;\n\n  /**\n   * 如果设置了值，同一个接口，相同参数，指定的时间（单位：ms）内请求将直接走缓存。\n   */\n  cache?: number;\n\n  /**\n   * qs 配置项\n   */\n  qsOptions?: {\n    arrayFormat?: 'indices' | 'brackets' | 'repeat' | 'comma';\n    indices?: boolean;\n    allowDots?: boolean;\n  };\n}\n\nexport type SchemaApi = string | SchemaApiObject;\n\n/**\n * 组件名字，这个名字可以用来定位，用于组件通信\n */\nexport type SchemaName = string;\n\n/**\n * 配置刷新动作，这个动作通常在完成渲染器本省的固定动作后出发。\n *\n * 一般用来配置目标组件的 name 属性。多个目标可以用逗号隔开。\n *\n * 当目标是 windows 时表示刷新整个页面。\n *\n * 刷新目标的同时还支持传递参数如： `foo?a=${a}&b=${b},boo?c=${c}`\n */\nexport type SchemaReload = string;\n\n/**\n * 页面跳转地址，支持相对地址。\n */\nexport type SchemaRedirect = string;\n\n/**\n * 支持两种语法，但是不能混着用。分别是：\n *\n * 1. `${xxx}` 或者 `${xxx|upperCase}`\n * 2. `<%= data.xxx %>`\n *\n *\n * 更多文档：https://baidu.gitee.io/amis/docs/concepts/template\n */\nexport type SchemaTpl = string;\n\n/**\n * 初始数据，设置得值可用于组件内部模板使用。\n */\nexport type SchemaDefaultData = {\n  [propName: string]: any;\n};\n\n/**\n * 用来关联 json schema 的，不用管。\n */\nexport type SchemaSchema = string;\n\n/**\n * iconfont 里面的类名。\n */\nexport type SchemaIcon = string;\n\nexport type SchemaTokenizeableString = string;\n\nexport type SchemaUrlPath = SchemaTokenizeableString;\n\nexport type SchemaTooltip =\n  | string\n  | {\n      /**\n       * 标题\n       */\n      title?: string;\n\n      /**\n       * 内容\n       */\n      content: string;\n    };\n\n/**\n * 消息文案配置，记住这个优先级是最低的，如果你的接口返回了 msg，接口返回的优先。\n */\nexport type SchemaMessage = {\n  /**\n   * 获取失败时的提示\n   */\n  fetchFailed?: string;\n\n  /**\n   * 获取成功的提示，默认为空。\n   */\n  fetchSuccess?: string;\n\n  /**\n   * 保存失败时的提示。\n   */\n  saveFailed?: string;\n\n  /**\n   * 保存成功时的提示。\n   */\n  saveSuccess?: string;\n};\n\nexport type SchemaFunction = string | Function;\n\nexport interface BaseSchema {\n  type: SchemaType;\n\n  /**\n   * 容器 css 类名\n   */\n  className?: SchemaClassName;\n\n  /**\n   * 配合 definitions 一起使用，可以实现无限循环的渲染器。\n   */\n  $ref?: string;\n\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n\n  /**\n   * 是否禁用表达式\n   */\n  disabledOn?: SchemaExpression;\n\n  /**\n   * 是否隐藏\n   * @deprecated 推荐用 visible\n   */\n  hidden?: boolean;\n\n  /**\n   * 是否隐藏表达式\n   * @deprecated 推荐用 visibleOn\n   */\n  hiddenOn?: SchemaExpression;\n\n  /**\n   * 是否显示\n   */\n\n  visible?: boolean;\n\n  /**\n   * 是否显示表达式\n   */\n  visibleOn?: SchemaExpression;\n\n  /**\n   * 是否使用移动端交互\n   */\n  useMobileUI?: boolean;\n}\n\nexport interface Option {\n  /**\n   * 用来显示的文字\n   */\n  label?: string;\n\n  /**\n   * 可以用来给 Option 标记个范围，让数据展示更清晰。\n   *\n   * 这个只有在数值展示的时候显示。\n   */\n  scopeLabel?: string;\n\n  /**\n   * 请保证数值唯一，多个选项值一致会认为是同一个选项。\n   */\n  value?: any;\n\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n\n  /**\n   * 支持嵌套\n   */\n  children?: Options;\n\n  /**\n   * 是否可见\n   */\n  visible?: boolean;\n\n  /**\n   * 最好不要用！因为有 visible 就够了。\n   *\n   * @deprecated 用 visible\n   */\n  hidden?: boolean;\n\n  /**\n   * 描述，部分控件支持\n   */\n  description?: string;\n\n  /**\n   * 标记后数据延时加载\n   */\n  defer?: boolean;\n\n  /**\n   * 如果设置了，优先级更高，不设置走 source 接口加载。\n   */\n  deferApi?: SchemaApi;\n\n  /**\n   * 标记正在加载。只有 defer 为 true 时有意义。内部字段不可以外部设置\n   */\n  loading?: boolean;\n\n  /**\n   * 只有设置了 defer 才有意义，内部字段不可以外部设置\n   */\n  loaded?: boolean;\n\n  [propName: string]: any;\n}\nexport interface Options extends Array<Option> {}\n\nexport interface FeedbackDialog extends DialogSchemaBase {\n  /**\n   * 可以用来配置 feedback 的出现条件\n   */\n  visibleOn?: string;\n\n  /**\n   * feedback 弹框取消是否中断后续操作\n   */\n  skipRestOnCancel?: boolean;\n\n  /**\n   * feedback 弹框确认是否中断后续操作\n   */\n  skipRestOnConfirm?: boolean;\n}\n\nexport type RootSchema = PageSchema;\n"
     ]
 }

package/lib/components/Alert2.d.ts

@@ -7,8 +7,13 @@ import React from 'react';
 import { ClassNamesFn } from '../theme';
 export interface AlertProps {
     level: 'danger' | 'info' | 'success' | 'warning';
-    className: string;
+    title?: string;
+    className?: string;
     showCloseButton: boolean;
+    showIcon?: boolean;
+    icon?: string | React.ReactNode;
+    iconClassName?: string;
+    closeButtonClassName?: string;
     onClose?: () => void;
     classnames: ClassNamesFn;
     classPrefix: string;
@@ -24,12 +29,12 @@ export declare class Alert extends React.Component<AlertProps, AlertState> {
     render(): JSX.Element | null;
 }
 declare const _default: {
-    new (props: (Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -37,24 +42,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -62,17 +67,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "title" | "icon" | "showIcon" | "iconClassName" | "closeButtonClassName" | "onClose"> & Partial<Pick<Omit<AlertProps, keyof import("../theme").ThemeProps>, "level" | "showCloseButton">> & Partial<Pick<Pick<AlertProps, "className" | "level" | "showCloseButton">, "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Alert2.js

@@ -25,11 +25,18 @@ var Alert = /** @class */ (function (_super) {
         }, this.props.onClose);
     };
     Alert.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, level = _a.level, children = _a.children, showCloseButton = _a.showCloseButton;
+        var _a;
+        var _b = this.props, cx = _b.classnames, className = _b.className, level = _b.level, children = _b.children, showCloseButton = _b.showCloseButton, title = _b.title, icon = _b.icon, showIcon = _b.showIcon, iconClassName = _b.iconClassName, closeButtonClassName = _b.closeButtonClassName;
+        var iconNode = icon ? (typeof icon === 'string' ? (react_1.default.createElement(icons_1.Icon, { icon: icon, className: cx("Alert-icon icon") })) : react_1.default.isValidElement(icon) ? (react_1.default.cloneElement(icon, {
+            className: cx("Alert-icon", (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className)
+        })) : null) : showIcon ? (react_1.default.createElement(icons_1.Icon, { icon: "alert-" + level, className: cx("Alert-icon icon") })) : null;
         return this.state.show ? (react_1.default.createElement("div", { className: cx('Alert', level ? "Alert--" + level : '', className) },
-            showCloseButton ? (react_1.default.createElement("button", { className: cx('Alert-close'), onClick: this.handleClick, type: "button" },
-                react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null,
-            children)) : null;
+            showIcon && iconNode ? (react_1.default.createElement("div", { className: cx('Alert-icon', iconClassName) }, iconNode)) : null,
+            react_1.default.createElement("div", { className: cx('Alert-content') },
+                title ? react_1.default.createElement("div", { className: cx('Alert-title') }, title) : null,
+                react_1.default.createElement("div", { className: cx('Alert-desc') }, children)),
+            showCloseButton ? (react_1.default.createElement("button", { className: cx('Alert-close', closeButtonClassName), onClick: this.handleClick, type: "button" },
+                react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null)) : null;
     };
     Alert.defaultProps = {
         level: 'info',

package/lib/components/Alert2.js.map

@@ -6,8 +6,8 @@
         "/src/components/Alert2.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,kCAAiD;AACjD,iCAA6B;AAe7B;IAA2B,sCAAuC;IAgBhE,eAAY,KAAiB;QAA7B,YACE,kBAAM,KAAK,CAAC,SAMb;QAJC,KAAI,CAAC,WAAW,GAAG,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAC/C,KAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,IAAI;SACX,CAAC;;IACJ,CAAC;IAED,2BAAW,GAAX;QACE,IAAI,CAAC,QAAQ,CACX;YACE,IAAI,EAAE,KAAK;SACZ,EACD,IAAI,CAAC,KAAK,CAAC,OAAO,CACnB,CAAC;IACJ,CAAC;IAED,sBAAM,GAAN;QACQ,IAAA,KAMF,IAAI,CAAC,KAAK,EALA,EAAE,gBAAA,EACd,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBACH,CAAC;QAEf,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACvB,uCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,YAAU,KAAO,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;YACnE,eAAe,CAAC,CAAC,CAAC,CACjB,0CACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAC5B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ;gBAEb,8BAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CAC/B,CACV,CAAC,CAAC,CAAC,IAAI;YACP,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAxDM,kBAAY,GAGf;QACF,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,KAAK;KACvB,CAAC;IACK,eAAS,GAAkB;QAChC,OAAO;QACP,WAAW;QACX,iBAAiB;QACjB,SAAS;KACV,CAAC;IA4CJ,YAAC;CAAA,AA1DD,CAA2B,eAAK,CAAC,SAAS,GA0DzC;AA1DY,sBAAK;AA4DlB,kBAAe,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Alert2\n * @author fex\n */\n\nimport React from 'react';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {Icon} from './icons';\n\nexport interface AlertProps {\n  level: 'danger' | 'info' | 'success' | 'warning';\n  className: string;\n  showCloseButton: boolean;\n  onClose?: () => void;\n  classnames: ClassNamesFn;\n  classPrefix: string;\n}\n\nexport interface AlertState {\n  show: boolean;\n}\n\nexport class Alert extends React.Component<AlertProps, AlertState> {\n  static defaultProps: Pick<\n    AlertProps,\n    'level' | 'className' | 'showCloseButton'\n  > = {\n    level: 'info',\n    className: '',\n    showCloseButton: false\n  };\n  static propsList: Array<string> = [\n    'level',\n    'className',\n    'showCloseButton',\n    'onClose'\n  ];\n\n  constructor(props: AlertProps) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.state = {\n      show: true\n    };\n  }\n\n  handleClick() {\n    this.setState(\n      {\n        show: false\n      },\n      this.props.onClose\n    );\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      level,\n      children,\n      showCloseButton\n    } = this.props;\n\n    return this.state.show ? (\n      <div className={cx('Alert', level ? `Alert--${level}` : '', className)}>\n        {showCloseButton ? (\n          <button\n            className={cx('Alert-close')}\n            onClick={this.handleClick}\n            type=\"button\"\n          >\n            <Icon icon=\"close\" className=\"icon\" />\n          </button>\n        ) : null}\n        {children}\n      </div>\n    ) : null;\n  }\n}\n\nexport default themeable(Alert);\n"
+        "/**\n * @file Alert2\n * @author fex\n */\n\nimport React from 'react';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {Icon} from './icons';\n\nexport interface AlertProps {\n  level: 'danger' | 'info' | 'success' | 'warning';\n  title?: string;\n  className?: string;\n  showCloseButton: boolean;\n  showIcon?: boolean;\n  icon?: string | React.ReactNode;\n  iconClassName?: string;\n  closeButtonClassName?: string;\n  onClose?: () => void;\n  classnames: ClassNamesFn;\n  classPrefix: string;\n}\n\nexport interface AlertState {\n  show: boolean;\n}\n\nexport class Alert extends React.Component<AlertProps, AlertState> {\n  static defaultProps: Pick<\n    AlertProps,\n    'level' | 'className' | 'showCloseButton'\n  > = {\n    level: 'info',\n    className: '',\n    showCloseButton: false\n  };\n  static propsList: Array<string> = [\n    'level',\n    'className',\n    'showCloseButton',\n    'onClose'\n  ];\n\n  constructor(props: AlertProps) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n    this.state = {\n      show: true\n    };\n  }\n\n  handleClick() {\n    this.setState(\n      {\n        show: false\n      },\n      this.props.onClose\n    );\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      level,\n      children,\n      showCloseButton,\n      title,\n      icon,\n      showIcon,\n      iconClassName,\n      closeButtonClassName\n    } = this.props;\n\n    const iconNode = icon ? (\n      typeof icon === 'string' ? (\n        <Icon icon={icon} className={cx(`Alert-icon icon`)} />\n      ) : React.isValidElement(icon) ? (\n        React.cloneElement(icon, {\n          className: cx(`Alert-icon`, icon.props?.className)\n        })\n      ) : null\n    ) : showIcon ? (\n      <Icon icon={`alert-${level}`} className={cx(`Alert-icon icon`)} />\n    ) : null;\n\n    return this.state.show ? (\n      <div className={cx('Alert', level ? `Alert--${level}` : '', className)}>\n        {showIcon && iconNode ? (\n          <div className={cx('Alert-icon', iconClassName)}>{iconNode}</div>\n        ) : null}\n        <div className={cx('Alert-content')}>\n          {title ? <div className={cx('Alert-title')}>{title}</div> : null}\n          <div className={cx('Alert-desc')}>{children}</div>\n        </div>\n        {showCloseButton ? (\n          <button\n            className={cx('Alert-close', closeButtonClassName)}\n            onClick={this.handleClick}\n            type=\"button\"\n          >\n            <Icon icon=\"close\" className=\"icon\" />\n          </button>\n        ) : null}\n      </div>\n    ) : null;\n  }\n}\n\nexport default themeable(Alert);\n"
     ]
 }

package/lib/components/AssociatedSelection.js

@@ -55,11 +55,11 @@ var AssociatedSelection = /** @class */ (function (_super) {
         onDeferLoad === null || onDeferLoad === void 0 ? void 0 : onDeferLoad(option);
     };
     AssociatedSelection.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, className = _a.className, leftOptions = _a.leftOptions, options = _a.options, option2value = _a.option2value, rightMode = _a.rightMode, onChange = _a.onChange, columns = _a.columns, value = _a.value, disabled = _a.disabled, leftMode = _a.leftMode, cellRender = _a.cellRender, multiple = _a.multiple;
+        var _a = this.props, cx = _a.classnames, className = _a.className, leftOptions = _a.leftOptions, options = _a.options, option2value = _a.option2value, rightMode = _a.rightMode, onChange = _a.onChange, columns = _a.columns, value = _a.value, disabled = _a.disabled, leftMode = _a.leftMode, cellRender = _a.cellRender, multiple = _a.multiple, onDeferLoad = _a.onDeferLoad;
         var selectdOption = Selection_1.BaseSelection.resolveSelected(this.state.leftValue, options, function (option) { return option.ref; });
         var __ = this.props.translate;
         return (react_1.default.createElement("div", { className: cx('AssociatedSelection', className) },
-            react_1.default.createElement("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false })) : (react_1.default.createElement(GroupedSelection_2.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false }))),
+            react_1.default.createElement("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false, onDeferLoad: onDeferLoad })) : (react_1.default.createElement(GroupedSelection_2.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false }))),
             react_1.default.createElement("div", { className: cx('AssociatedSelection-right') }, this.state.leftValue ? (selectdOption ? (selectdOption.defer && !selectdOption.loaded ? (react_1.default.createElement("div", { className: cx('AssociatedSelection-box') },
                 react_1.default.createElement("div", { className: cx('AssociatedSelection-reload', selectdOption.loading ? 'is-spin' : 'is-clickable'), onClick: selectdOption.loading
                         ? undefined

package/lib/components/AssociatedSelection.js.map

@@ -6,8 +6,8 @@
         "/src/components/AssociatedSelection.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * 关联多选框，仅支持两层关联选择。\n * 左边先点选，然后右边再次点选。\n * 可以满足，先从 tree 中选中一个元素，然后查出来一个列表再次勾选。\n */\n\nimport React from 'react';\nimport {BaseSelectionProps, BaseSelection} from './Selection';\nimport {Options, Option} from './Select';\nimport {autobind} from '../utils/helper';\nimport {themeable} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport GroupedSelection from './GroupedSelection';\nimport TableSelection from './TableSelection';\nimport TreeSelection from './TreeSelection';\nimport GroupedSelecton from './GroupedSelection';\nimport ChainedSelection from './ChainedSelection';\nimport {Icon} from './icons';\nimport {localeable} from '../locale';\n\nexport interface AssociatedSelectionProps extends BaseSelectionProps {\n  leftOptions: Options;\n  leftDefaultValue?: any;\n  leftMode?: 'tree' | 'list' | 'group';\n  rightMode?: 'table' | 'list' | 'group' | 'tree' | 'chained';\n  columns?: Array<any>;\n  cellRender?: (\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) => JSX.Element;\n}\n\nexport interface AssociatedSelectionState {\n  leftValue?: Option;\n}\n\nexport class AssociatedSelection extends BaseSelection<\n  AssociatedSelectionProps,\n  AssociatedSelectionState\n> {\n  state: AssociatedSelectionState = {\n    leftValue: this.props.leftDefaultValue\n  };\n\n  componentDidMount() {\n    const leftValue = this.state.leftValue;\n    const {options, onDeferLoad} = this.props;\n\n    if (leftValue) {\n      const selectdOption = BaseSelection.resolveSelected(\n        leftValue,\n        options,\n        (option: Option) => option.ref\n      );\n\n      if (selectdOption && onDeferLoad && selectdOption.defer) {\n        onDeferLoad(selectdOption);\n      }\n    }\n  }\n\n  @autobind\n  leftOption2Value(option: Option) {\n    return option.value;\n  }\n\n  @autobind\n  handleLeftSelect(value: Option) {\n    const {options, onDeferLoad} = this.props;\n    this.setState({leftValue: value});\n\n    const selectdOption = BaseSelection.resolveSelected(\n      value,\n      options,\n      (option: Option) => option.ref\n    );\n\n    if (selectdOption && onDeferLoad && selectdOption.defer) {\n      onDeferLoad(selectdOption);\n    }\n  }\n\n  handleRetry(option: Option) {\n    const {onDeferLoad} = this.props;\n    onDeferLoad?.(option);\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      leftOptions,\n      options,\n      option2value,\n      rightMode,\n      onChange,\n      columns,\n      value,\n      disabled,\n      leftMode,\n      cellRender,\n      multiple\n    } = this.props;\n\n    const selectdOption = BaseSelection.resolveSelected(\n      this.state.leftValue,\n      options,\n      (option: Option) => option.ref\n    );\n    const __ = this.props.translate;\n\n    return (\n      <div className={cx('AssociatedSelection', className)}>\n        <div className={cx('AssociatedSelection-left')}>\n          {leftMode === 'tree' ? (\n            <TreeSelection\n              option2value={this.leftOption2Value}\n              options={leftOptions}\n              value={this.state.leftValue}\n              disabled={disabled}\n              onChange={this.handleLeftSelect}\n              multiple={false}\n              clearable={false}\n            />\n          ) : (\n            <GroupedSelecton\n              option2value={this.leftOption2Value}\n              options={leftOptions}\n              value={this.state.leftValue}\n              disabled={disabled}\n              onChange={this.handleLeftSelect}\n              multiple={false}\n              clearable={false}\n            />\n          )}\n        </div>\n        <div className={cx('AssociatedSelection-right')}>\n          {this.state.leftValue ? (\n            selectdOption ? (\n              selectdOption.defer && !selectdOption.loaded ? (\n                <div className={cx('AssociatedSelection-box')}>\n                  <div\n                    className={cx(\n                      'AssociatedSelection-reload',\n                      selectdOption.loading ? 'is-spin' : 'is-clickable'\n                    )}\n                    onClick={\n                      selectdOption.loading\n                        ? undefined\n                        : this.handleRetry.bind(this, selectdOption)\n                    }\n                  >\n                    <Icon icon=\"reload\" className=\"icon\" />\n                  </div>\n\n                  {selectdOption.loading ? (\n                    <p>{__('loading')}</p>\n                  ) : (\n                    <p>{__('Transfer.refreshIcon')}</p>\n                  )}\n                </div>\n              ) : rightMode === 'table' ? (\n                <TableSelection\n                  columns={columns!}\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  cellRender={cellRender}\n                  multiple={multiple}\n                />\n              ) : rightMode === 'tree' ? (\n                <TreeSelection\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  multiple={multiple}\n                />\n              ) : rightMode === 'chained' ? (\n                <ChainedSelection\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  multiple={multiple}\n                />\n              ) : (\n                <GroupedSelection\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  multiple={multiple}\n                />\n              )\n            ) : (\n              <div className={cx('AssociatedSelection-box')}>\n                {__('Transfer.configError')}\n              </div>\n            )\n          ) : (\n            <div className={cx('AssociatedSelection-box')}>\n              {__('Transfer.selectFromLeft')}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(AssociatedSelection, {\n      value: 'onChange'\n    })\n  )\n);\n"
+        "/**\n * 关联多选框，仅支持两层关联选择。\n * 左边先点选，然后右边再次点选。\n * 可以满足，先从 tree 中选中一个元素，然后查出来一个列表再次勾选。\n */\n\nimport React from 'react';\nimport {BaseSelectionProps, BaseSelection} from './Selection';\nimport {Options, Option} from './Select';\nimport {autobind} from '../utils/helper';\nimport {themeable} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport GroupedSelection from './GroupedSelection';\nimport TableSelection from './TableSelection';\nimport TreeSelection from './TreeSelection';\nimport GroupedSelecton from './GroupedSelection';\nimport ChainedSelection from './ChainedSelection';\nimport {Icon} from './icons';\nimport {localeable} from '../locale';\n\nexport interface AssociatedSelectionProps extends BaseSelectionProps {\n  leftOptions: Options;\n  leftDefaultValue?: any;\n  leftMode?: 'tree' | 'list' | 'group';\n  rightMode?: 'table' | 'list' | 'group' | 'tree' | 'chained';\n  columns?: Array<any>;\n  cellRender?: (\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) => JSX.Element;\n}\n\nexport interface AssociatedSelectionState {\n  leftValue?: Option;\n}\n\nexport class AssociatedSelection extends BaseSelection<\n  AssociatedSelectionProps,\n  AssociatedSelectionState\n> {\n  state: AssociatedSelectionState = {\n    leftValue: this.props.leftDefaultValue\n  };\n\n  componentDidMount() {\n    const leftValue = this.state.leftValue;\n    const {options, onDeferLoad} = this.props;\n\n    if (leftValue) {\n      const selectdOption = BaseSelection.resolveSelected(\n        leftValue,\n        options,\n        (option: Option) => option.ref\n      );\n\n      if (selectdOption && onDeferLoad && selectdOption.defer) {\n        onDeferLoad(selectdOption);\n      }\n    }\n  }\n\n  @autobind\n  leftOption2Value(option: Option) {\n    return option.value;\n  }\n\n  @autobind\n  handleLeftSelect(value: Option) {\n    const {options, onDeferLoad} = this.props;\n    this.setState({leftValue: value});\n\n    const selectdOption = BaseSelection.resolveSelected(\n      value,\n      options,\n      (option: Option) => option.ref\n    );\n\n    if (selectdOption && onDeferLoad && selectdOption.defer) {\n      onDeferLoad(selectdOption);\n    }\n  }\n\n  handleRetry(option: Option) {\n    const {onDeferLoad} = this.props;\n    onDeferLoad?.(option);\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      leftOptions,\n      options,\n      option2value,\n      rightMode,\n      onChange,\n      columns,\n      value,\n      disabled,\n      leftMode,\n      cellRender,\n      multiple,\n      onDeferLoad\n    } = this.props;\n\n    const selectdOption = BaseSelection.resolveSelected(\n      this.state.leftValue,\n      options,\n      (option: Option) => option.ref\n    );\n    const __ = this.props.translate;\n\n    return (\n      <div className={cx('AssociatedSelection', className)}>\n        <div className={cx('AssociatedSelection-left')}>\n          {leftMode === 'tree' ? (\n            <TreeSelection\n              option2value={this.leftOption2Value}\n              options={leftOptions}\n              value={this.state.leftValue}\n              disabled={disabled}\n              onChange={this.handleLeftSelect}\n              multiple={false}\n              clearable={false}\n              onDeferLoad={onDeferLoad}\n            />\n          ) : (\n            <GroupedSelecton\n              option2value={this.leftOption2Value}\n              options={leftOptions}\n              value={this.state.leftValue}\n              disabled={disabled}\n              onChange={this.handleLeftSelect}\n              multiple={false}\n              clearable={false}\n            />\n          )}\n        </div>\n        <div className={cx('AssociatedSelection-right')}>\n          {this.state.leftValue ? (\n            selectdOption ? (\n              selectdOption.defer && !selectdOption.loaded ? (\n                <div className={cx('AssociatedSelection-box')}>\n                  <div\n                    className={cx(\n                      'AssociatedSelection-reload',\n                      selectdOption.loading ? 'is-spin' : 'is-clickable'\n                    )}\n                    onClick={\n                      selectdOption.loading\n                        ? undefined\n                        : this.handleRetry.bind(this, selectdOption)\n                    }\n                  >\n                    <Icon icon=\"reload\" className=\"icon\" />\n                  </div>\n\n                  {selectdOption.loading ? (\n                    <p>{__('loading')}</p>\n                  ) : (\n                    <p>{__('Transfer.refreshIcon')}</p>\n                  )}\n                </div>\n              ) : rightMode === 'table' ? (\n                <TableSelection\n                  columns={columns!}\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  cellRender={cellRender}\n                  multiple={multiple}\n                />\n              ) : rightMode === 'tree' ? (\n                <TreeSelection\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  multiple={multiple}\n                />\n              ) : rightMode === 'chained' ? (\n                <ChainedSelection\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  multiple={multiple}\n                />\n              ) : (\n                <GroupedSelection\n                  value={value}\n                  disabled={disabled}\n                  options={selectdOption.children || []}\n                  onChange={onChange}\n                  option2value={option2value}\n                  multiple={multiple}\n                />\n              )\n            ) : (\n              <div className={cx('AssociatedSelection-box')}>\n                {__('Transfer.configError')}\n              </div>\n            )\n          ) : (\n            <div className={cx('AssociatedSelection-box')}>\n              {__('Transfer.selectFromLeft')}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(AssociatedSelection, {\n      value: 'onChange'\n    })\n  )\n);\n"
     ]
 }

package/lib/components/Button.js

@@ -25,7 +25,7 @@ var Button = /** @class */ (function (_super) {
         else if ((Comp === 'button' && disabled) || loading) {
             Comp = 'div';
         }
-        return (react_1.default.createElement(Comp, (0, tslib_1.__assign)({ type: Comp === 'input' || Comp === 'button' ? type : undefined }, (0, helper_1.pickEventsProps)(rest), { href: href, className: cx(overrideClassName
+        return (react_1.default.createElement(Comp, (0, tslib_1.__assign)({ type: Comp === 'input' || Comp === 'button' ? type : undefined }, (0, helper_1.pickEventsProps)(rest), { onClick: rest.onClick && disabled ? function () { } : rest.onClick, href: href, className: cx(overrideClassName
                 ? ''
                 : (_a = {
                         'Button': true

package/lib/components/Button.js.map

@@ -6,8 +6,8 @@
         "/src/components/Button.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,iFAAwE;AACxE,0CAAgD;AAChD,kCAAiD;AACjD,iCAA6B;AA0B7B;IAA4B,uCAA4B;IAAxD;;IA4GA,CAAC;IA1FC,6BAAY,GAAZ;;QACE,IAAI,KAkBA,IAAI,CAAC,KAAK,EAjBZ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACO,IAAI,oBAAA,EACR,EAAE,gBAAA,EACd,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACd,IAAI,2BAjBL,wMAkBH,CAAa,CAAC;QAEf,IAAI,IAAI,EAAE;YACR,IAAI,GAAG,GAAG,CAAC;SACZ;aAAM,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,OAAO,EAAE;YACrD,IAAI,GAAG,KAAK,CAAC;SACd;QAED,OAAO,CACL,8BAAC,IAAI,0BACH,IAAI,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC1D,IAAA,wBAAe,EAAC,IAAI,CAAC,IACzB,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAC3D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,iBAAiB;gBACf,CAAC,CAAC,EAAE;gBACJ,CAAC;wBACG,QAAQ,EAAE,IAAI;;oBACd,GAAC,aAAW,KAAO,IAAG,KAAK;oBAC3B,GAAC,aAAW,IAAM,IAAG,IAAI;oBACzB,GAAC,eAAe,IAAG,KAAK;oBACxB,GAAC,kBAAkB,IAAG,QAAQ;oBAC9B,iBAAa,GAAE,QAAQ;oBACvB,eAAW,GAAE,MAAM;uBACpB,EACL,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ;YAEjB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACtB,wCACE,SAAS,EAAE,EAAE,CACX,iBAAiB;oBACf,CAAC,CAAC,EAAE;oBACJ,CAAC,WAAE,GAAC,sCAAoC,KAAO,IAAG,KAAK,KAAC,EAC1D,gBAAgB,CACjB;gBAED,8BAAC,YAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,SAAS,EAAC,MAAM,GAAG,CAC3C,CACR,CAAC,CAAC,CAAC,IAAI;YACP,QAAQ,CACJ,CACR,CAAC;IACJ,CAAC;IAED,uBAAM,GAAN;QACQ,IAAA,KASF,IAAI,CAAC,KAAK,EARZ,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACC,EAAE,gBACF,CAAC;QAEf,OAAO,CACL,8BAAC,wBAAc,IACb,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EACzC,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,IAE1B,IAAI,CAAC,YAAY,EAAE,CACL,CAClB,CAAC;IACJ,CAAC;IA1GM,mBAAY,GAQf;QACF,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,gBAAgB,EAAE,KAAK;QACvB,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClC,gBAAgB,EAAE,KAAK;KACxB,CAAC;IA4FJ,aAAC;CAAA,AA5GD,CAA4B,eAAK,CAAC,SAAS,GA4G1C;AA5GY,wBAAM;AA8GnB,kBAAe,IAAA,iBAAS,EAAC,MAAM,CAAC,CAAC",
     "sourcesContent": [
-        "/**\n * @file Button\n * @author fex\n */\n\nimport React from 'react';\nimport TooltipWrapper, {TooltipObject, Trigger} from './TooltipWrapper';\nimport {pickEventsProps} from '../utils/helper';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {Icon} from './icons';\ninterface ButtonProps extends React.DOMAttributes<HTMLButtonElement> {\n  id?: string;\n  className?: string;\n  href?: string;\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  type: 'button' | 'reset' | 'submit';\n  level: string; // 'link' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'default';\n  tooltip?: string | TooltipObject;\n  tooltipPlacement: 'top' | 'right' | 'bottom' | 'left';\n  tooltipContainer?: any;\n  tooltipTrigger: Trigger | Array<Trigger>;\n  tooltipRootClose: boolean;\n  disabled?: boolean;\n  active?: boolean;\n  block?: boolean;\n  iconOnly?: boolean;\n  disabledTip?: string | TooltipObject;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  componentClass: React.ReactType;\n  overrideClassName?: boolean;\n  loading?: boolean;\n  loadingClassName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n  static defaultProps: Pick<\n    ButtonProps,\n    | 'componentClass'\n    | 'level'\n    | 'type'\n    | 'tooltipPlacement'\n    | 'tooltipTrigger'\n    | 'tooltipRootClose'\n  > = {\n    componentClass: 'button',\n    level: 'default',\n    type: 'button',\n    tooltipPlacement: 'top',\n    tooltipTrigger: ['hover', 'focus'],\n    tooltipRootClose: false\n  };\n\n  renderButton() {\n    let {\n      level,\n      size,\n      disabled,\n      className,\n      componentClass: Comp,\n      classnames: cx,\n      children,\n      disabledTip,\n      block,\n      type,\n      active,\n      iconOnly,\n      href,\n      loading,\n      loadingClassName,\n      overrideClassName,\n      ...rest\n    } = this.props;\n\n    if (href) {\n      Comp = 'a';\n    } else if ((Comp === 'button' && disabled) || loading) {\n      Comp = 'div';\n    }\n\n    return (\n      <Comp\n        type={Comp === 'input' || Comp === 'button' ? type : undefined}\n        {...pickEventsProps(rest)}\n        href={href}\n        className={cx(\n          overrideClassName\n            ? ''\n            : {\n                'Button': true,\n                [`Button--${level}`]: level,\n                [`Button--${size}`]: size,\n                [`Button--block`]: block,\n                [`Button--iconOnly`]: iconOnly,\n                'is-disabled': disabled,\n                'is-active': active\n              },\n          className\n        )}\n        disabled={disabled}\n      >\n        {loading && !disabled ? (\n          <span\n            className={cx(\n              overrideClassName\n                ? ''\n                : {[`Button--loading Button--loading--${level}`]: level},\n              loadingClassName\n            )}\n          >\n            <Icon icon=\"loading-outline\" className=\"icon\" />\n          </span>\n        ) : null}\n        {children}\n      </Comp>\n    );\n  }\n\n  render() {\n    const {\n      tooltip,\n      tooltipPlacement,\n      tooltipContainer,\n      tooltipTrigger,\n      tooltipRootClose,\n      disabled,\n      disabledTip,\n      classnames: cx\n    } = this.props;\n\n    return (\n      <TooltipWrapper\n        placement={tooltipPlacement}\n        tooltip={disabled ? disabledTip : tooltip}\n        container={tooltipContainer}\n        trigger={tooltipTrigger}\n        rootClose={tooltipRootClose}\n      >\n        {this.renderButton()}\n      </TooltipWrapper>\n    );\n  }\n}\n\nexport default themeable(Button);\n"
+        "/**\n * @file Button\n * @author fex\n */\n\nimport React from 'react';\nimport TooltipWrapper, {TooltipObject, Trigger} from './TooltipWrapper';\nimport {pickEventsProps} from '../utils/helper';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {Icon} from './icons';\ninterface ButtonProps extends React.DOMAttributes<HTMLButtonElement> {\n  id?: string;\n  className?: string;\n  href?: string;\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  type: 'button' | 'reset' | 'submit';\n  level: string; // 'link' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'default';\n  tooltip?: string | TooltipObject;\n  tooltipPlacement: 'top' | 'right' | 'bottom' | 'left';\n  tooltipContainer?: any;\n  tooltipTrigger: Trigger | Array<Trigger>;\n  tooltipRootClose: boolean;\n  disabled?: boolean;\n  active?: boolean;\n  block?: boolean;\n  iconOnly?: boolean;\n  disabledTip?: string | TooltipObject;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  componentClass: React.ReactType;\n  overrideClassName?: boolean;\n  loading?: boolean;\n  loadingClassName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n  static defaultProps: Pick<\n    ButtonProps,\n    | 'componentClass'\n    | 'level'\n    | 'type'\n    | 'tooltipPlacement'\n    | 'tooltipTrigger'\n    | 'tooltipRootClose'\n  > = {\n    componentClass: 'button',\n    level: 'default',\n    type: 'button',\n    tooltipPlacement: 'top',\n    tooltipTrigger: ['hover', 'focus'],\n    tooltipRootClose: false\n  };\n\n  renderButton() {\n    let {\n      level,\n      size,\n      disabled,\n      className,\n      componentClass: Comp,\n      classnames: cx,\n      children,\n      disabledTip,\n      block,\n      type,\n      active,\n      iconOnly,\n      href,\n      loading,\n      loadingClassName,\n      overrideClassName,\n      ...rest\n    } = this.props;\n\n    if (href) {\n      Comp = 'a';\n    } else if ((Comp === 'button' && disabled) || loading) {\n      Comp = 'div';\n    }\n\n    return (\n      <Comp\n        type={Comp === 'input' || Comp === 'button' ? type : undefined}\n        {...pickEventsProps(rest)}\n        onClick={rest.onClick && disabled ? () => {} : rest.onClick}\n        href={href}\n        className={cx(\n          overrideClassName\n            ? ''\n            : {\n                'Button': true,\n                [`Button--${level}`]: level,\n                [`Button--${size}`]: size,\n                [`Button--block`]: block,\n                [`Button--iconOnly`]: iconOnly,\n                'is-disabled': disabled,\n                'is-active': active\n              },\n          className\n        )}\n        disabled={disabled}\n      >\n        {loading && !disabled ? (\n          <span\n            className={cx(\n              overrideClassName\n                ? ''\n                : {[`Button--loading Button--loading--${level}`]: level},\n              loadingClassName\n            )}\n          >\n            <Icon icon=\"loading-outline\" className=\"icon\" />\n          </span>\n        ) : null}\n        {children}\n      </Comp>\n    );\n  }\n\n  render() {\n    const {\n      tooltip,\n      tooltipPlacement,\n      tooltipContainer,\n      tooltipTrigger,\n      tooltipRootClose,\n      disabled,\n      disabledTip,\n      classnames: cx\n    } = this.props;\n\n    return (\n      <TooltipWrapper\n        placement={tooltipPlacement}\n        tooltip={disabled ? disabledTip : tooltip}\n        container={tooltipContainer}\n        trigger={tooltipTrigger}\n        rootClose={tooltipRootClose}\n      >\n        {this.renderButton()}\n      </TooltipWrapper>\n    );\n  }\n}\n\nexport default themeable(Button);\n"
     ]
 }