amis 1.4.2-beta.6 → 1.5.0

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';
@@ -39,6 +40,7 @@ import { QRCodeSchema } from './renderers/QRCode';
 import { ServiceSchema } from './renderers/Service';
 import { StatusSchema } from './renderers/Status';
 import { TabsSchema } from './renderers/Tabs';
+import { PortletSchema } from './renderers/Portlet';
 import { TasksSchema } from './renderers/Tasks';
 import { VBoxSchema } from './renderers/VBox';
 import { VideoSchema } from './renderers/Video';
@@ -102,8 +104,10 @@ import { TransferControlSchema } from './renderers/Form/Transfer';
 import { TreeSelectControlSchema } from './renderers/Form/TreeSelect';
 import { UUIDControlSchema } from './renderers/Form/UUID';
 import { FormControlSchema } from './renderers/Form/Control';
-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' | 'input-tree' | 'tree-select' | 'table-view' | '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 | 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 | TreeControlSchema | TreeSelectControlSchema;
+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' | '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`。
@@ -128,7 +132,7 @@ export interface SchemaApiObject {
     /**
      * API 发送类型
      */
-    method?: 'get' | 'post' | 'put' | 'delete' | 'patch';
+    method?: 'get' | 'post' | 'put' | 'delete' | 'patch' | 'jsonp';
     /**
      * API 发送目标地址
      */
@@ -330,6 +334,10 @@ export interface BaseSchema {
      * 是否显示表达式
      */
     visibleOn?: SchemaExpression;
+    /**
+     * 是否使用移动端交互
+     */
+    useMobileUI?: boolean;
 }
 export interface Option {
     /**

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 {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';\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  | 'input-tree'\n  | 'tree-select'\n  | 'table-view'\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\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  | 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\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": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,kCAAiD;AACjD,iCAA6B;AAoB7B;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,KAWF,IAAI,CAAC,KAAK,EAVA,EAAE,gBAAA,EACd,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,oBAAoB,0BACR,CAAC;QAEf,IAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,8BAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,GAAI,CACvD,CAAC,CAAC,CAAC,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC/B,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YACvB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAC;SACnD,CAAC,CACH,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,8BAAC,YAAI,IAAC,IAAI,EAAE,WAAS,KAAO,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,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,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,IAAG,QAAQ,CAAO,CAClE,CAAC,CAAC,CAAC,IAAI;YACR,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC;gBAChC,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;gBAChE,uCAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO,CAC9C;YACL,eAAe,CAAC,CAAC,CAAC,CACjB,0CACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAClD,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,CACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IA/EM,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;IAmEJ,YAAC;CAAA,AAjFD,CAA2B,eAAK,CAAC,SAAS,GAiFzC;AAjFY,sBAAK;AAmFlB,kBAAe,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC",
     "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/AnchorNav.d.ts

@@ -83,13 +83,14 @@ export interface AnchorNavProps extends ThemeProps {
     sectionClassName?: string;
     sectionRender?: (section: AnchorNavSectionProps, props?: AnchorNavProps) => JSX.Element;
     onSelect?: (key: string | number) => void;
+    direction?: 'vertical' | 'horizontal';
 }
 export interface AnchorNavState {
     offsetArr: PlainObject[];
     fromSelect: boolean;
 }
 export declare class AnchorNav extends React.Component<AnchorNavProps, AnchorNavState> {
-    static defaultProps: Pick<AnchorNavProps, 'linkClassName' | 'sectionClassName'>;
+    static defaultProps: Pick<AnchorNavProps, 'linkClassName' | 'sectionClassName' | 'direction'>;
     contentDom: React.RefObject<HTMLDivElement>;
     componentDidMount(): void;
     scrollToNav(e: Event): void;
@@ -101,12 +102,12 @@ export declare class AnchorNav extends React.Component<AnchorNavProps, AnchorNav
     render(): JSX.Element | null;
 }
 declare const _default: {
-    new (props: (Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -114,24 +115,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -139,17 +140,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "active" | "links" | "onSelect" | "sectionRender"> & Partial<Pick<Omit<AnchorNavProps, keyof ThemeProps>, "direction" | "linkClassName" | "sectionClassName">> & Partial<Pick<Pick<AnchorNavProps, "direction" | "linkClassName" | "sectionClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/AnchorNav.js

@@ -135,12 +135,15 @@ var AnchorNav = /** @class */ (function (_super) {
         return react_1.default.cloneElement(section, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, section.props), { key: index, classnames: classnames, active: active }));
     };
     AnchorNav.prototype.render = function () {
+        var _a;
         var _this = this;
-        var _a = this.props, cx = _a.classnames, className = _a.className, linkClassName = _a.linkClassName, sectionClassName = _a.sectionClassName, children = _a.children;
+        var _b = this.props, cx = _b.classnames, className = _b.className, linkClassName = _b.linkClassName, sectionClassName = _b.sectionClassName, children = _b.children, direction = _b.direction;
         if (!Array.isArray(children)) {
             return null;
         }
-        return (react_1.default.createElement("div", { className: cx("AnchorNav", className) },
+        return (react_1.default.createElement("div", { className: cx('AnchorNav', (_a = {},
+                _a["AnchorNav--" + direction] = direction,
+                _a), className) },
             react_1.default.createElement("ul", { className: cx('AnchorNav-link-wrap', linkClassName), role: "anchorlist" }, children.map(function (link, index) { return _this.renderLink(link, index); })),
             react_1.default.createElement("div", { className: cx('AnchorNav-section-wrap', sectionClassName), ref: this.contentDom }, children.map(function (section, index) {
                 return _this.renderSection(section, index);
@@ -149,7 +152,8 @@ var AnchorNav = /** @class */ (function (_super) {
     var _a;
     AnchorNav.defaultProps = {
         linkClassName: '',
-        sectionClassName: ''
+        sectionClassName: '',
+        direction: 'vertical'
     };
     (0, tslib_1.__decorate)([
         helper_1.autobind,