amis 1.3.5-beta.6 → 1.4.2-beta.1

package/README.md

@@ -15,7 +15,7 @@
   QQ 群: 1147750223（已满） |
   QQ 群2: 651547026 |
   如流群：3395342（已满）|
-  如流群2：5384106|
+  如流群2：5511067|
 </div>
 
 <div align="center">

package/lib/Schema.d.ts

@@ -139,6 +139,23 @@ export interface SchemaApiObject {
     data?: {
         [propName: string]: any;
     };
+    /**
+     * 默认数据映射中的key如果带点，或者带大括号，会转成对象比如：
+     *
+     * {
+     *   'a.b': '123'
+     * }
+     *
+     * 经过数据映射后变成
+     * {
+     *  a: {
+     *   b: '123
+     *  }
+     * }
+     *
+     * 如果想要关闭此功能，请设置 convertKeyToPath 为 false
+     */
+    convertKeyToPath?: boolean;
     /**
      * 用来做接口返回的数据映射。
      */

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   * 用来做接口返回的数据映射。\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 {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"
     ]
 }

package/lib/components/Alert.js

@@ -73,7 +73,9 @@ var Alert = /** @class */ (function (_super) {
         var _this = this;
         var isConfirm = this.state.confirm || this.state.prompt;
         this.setState({
-            show: false
+            show: false,
+            prompt: false,
+            confirm: false
         }, isConfirm ? function () { return _this._resolve(confirmed); } /*this._reject()*/ : undefined);
     };
     Alert.prototype.alert = function (content, title) {

package/lib/components/Alert.js.map

@@ -6,8 +6,8 @@
         "/src/components/Alert.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Alert\n * @author fex\n */\n\nimport React from 'react';\nimport {render} from 'react-dom';\nimport Modal from './Modal';\nimport Button from './Button';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {LocaleProps, localeable} from '../locale';\nimport Html from './Html';\nimport {PlainObject} from '../types';\nexport interface AlertProps extends ThemeProps, LocaleProps {\n  container?: any;\n  confirmText?: string;\n  cancelText?: string;\n  title?: string;\n  confirmBtnLevel?: string;\n  alertBtnLevel?: string;\n}\n\nexport interface AlertState {\n  show: boolean;\n  title?: string;\n  content: string;\n  confirm: boolean;\n  prompt?: boolean;\n  controls?: any;\n  value?: any;\n  confirmText?: string;\n}\n\nexport class Alert extends React.Component<AlertProps, AlertState> {\n  static instance: any = null;\n  static getInstance() {\n    if (!Alert.instance) {\n      console.warn('Alert 组件应该没有被渲染，所以隐性的渲染到 body 了');\n      const container = document.body;\n      const div = document.createElement('div');\n      container.appendChild(div);\n      render(<FinnalAlert />, div);\n    }\n\n    return Alert.instance;\n  }\n\n  _resolve: (value: any) => void;\n  _modal: any;\n  _body: any;\n  state: AlertState = {\n    show: false,\n    title: '',\n    content: '',\n    confirm: false\n  };\n  constructor(props: AlertProps) {\n    super(props);\n\n    this.close = this.close.bind(this);\n    this.handleConfirm = this.handleConfirm.bind(this);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.modalRef = this.modalRef.bind(this);\n    this.handleFormSubmit = this.handleFormSubmit.bind(this);\n    this.scopeRef = this.scopeRef.bind(this);\n\n    Alert.instance = this;\n  }\n\n  static defaultProps = {\n    confirmText: 'confirm',\n    cancelText: 'cancel',\n    title: 'Alert.info',\n    alertBtnLevel: 'primary',\n    confirmBtnLevel: 'danger'\n  };\n\n  componentDidMount() {\n    this._body && (this._body.innerHTML = this.state.content);\n  }\n\n  componentDidUpdate(prevProps: AlertProps, prevState: AlertState) {\n    if (prevState.content !== this.state.content) {\n      this._body && (this._body.innerHTML = this.state.content);\n    }\n  }\n\n  componentWillUnmount() {\n    Alert.instance = null;\n  }\n\n  schemaSope: any;\n  scopeRef(schemaSope: any) {\n    this.schemaSope = schemaSope;\n  }\n\n  handleConfirm() {\n    const form = this.schemaSope?.getComponentByName('form');\n\n    if (form) {\n      form.doAction({type: 'submit'});\n    } else {\n      this.close(true);\n    }\n  }\n\n  handleCancel() {\n    this.close(false);\n  }\n\n  close(confirmed: boolean) {\n    const isConfirm = this.state.confirm || this.state.prompt;\n\n    this.setState(\n      {\n        show: false\n      },\n      isConfirm ? () => this._resolve(confirmed) /*this._reject()*/ : undefined\n    );\n  }\n\n  alert(content: string, title?: string) {\n    this.setState({\n      title,\n      content,\n      show: true,\n      confirm: false\n    });\n  }\n\n  confirm(content: string, title?: string, confirmText?: string) {\n    this.setState({\n      title,\n      content,\n      show: true,\n      confirm: true,\n      confirmText\n    });\n\n    return new Promise(resolve => {\n      this._resolve = resolve;\n    });\n  }\n\n  prompt(\n    controls: any,\n    defaultValue?: any,\n    title: string = 'placeholder.enter',\n    confirmText: string = 'confirm'\n  ) {\n    if (typeof controls === 'string') {\n      // 兼容浏览器标准用法。\n      controls = [\n        {\n          name: 'text',\n          label: controls,\n          type: 'text'\n        }\n      ];\n\n      if (typeof defaultValue === 'string') {\n        defaultValue = {\n          text: defaultValue\n        };\n      }\n    } else if (!Array.isArray(controls)) {\n      controls = [controls];\n    }\n\n    this.setState({\n      title,\n      controls,\n      show: true,\n      prompt: true,\n      value: defaultValue,\n      confirmText\n    });\n\n    return new Promise(resolve => {\n      this._resolve = resolve;\n    });\n  }\n\n  modalRef(ref: any) {\n    this._modal = ref;\n  }\n\n  handleFormSubmit(values: any) {\n    this.close(values);\n  }\n\n  render() {\n    const {\n      container,\n      cancelText,\n      confirmText,\n      title,\n      confirmBtnLevel,\n      alertBtnLevel,\n      classnames: cx\n    } = this.props;\n    let theme = this.props.theme || 'cxd';\n    if (theme === 'default') {\n      theme = 'cxd';\n    }\n    const __ = this.props.translate;\n    const finalTitle = __(this.state.title ?? title);\n    const finalConfirmText = __(this.state.confirmText ?? confirmText);\n\n    return (\n      <Modal\n        show={this.state.show}\n        onHide={this.handleCancel}\n        container={container}\n        ref={this.modalRef}\n        closeOnEsc\n      >\n        {finalTitle ? (\n          <div className={cx('Modal-header')}>\n            <div className={cx('Modal-title')}>{finalTitle}</div>\n          </div>\n        ) : null}\n        <div className={cx('Modal-body')}>\n          {this.state.prompt ? (\n            renderForm(\n              this.state.controls,\n              this.state.value,\n              this.handleFormSubmit,\n              this.scopeRef,\n              theme\n            )\n          ) : (\n            <Html html={this.state.content} />\n          )}\n        </div>\n        {finalConfirmText ? (\n          <div className={cx('Modal-footer')}>\n            {this.state.confirm || this.state.prompt ? (\n              <Button onClick={this.handleCancel}>{__(cancelText)}</Button>\n            ) : null}\n            <Button\n              level={\n                this.state.confirm || this.state.prompt\n                  ? confirmBtnLevel\n                  : alertBtnLevel\n              }\n              onClick={this.handleConfirm}\n            >\n              {finalConfirmText}\n            </Button>\n          </div>\n        ) : null}\n      </Modal>\n    );\n  }\n}\n\nexport type renderSchemaFn = (\n  controls: Array<any>,\n  value: PlainObject,\n  callback?: (values: PlainObject) => void,\n  scopeRef?: (value: any) => void,\n  theme?: string\n) => JSX.Element;\nlet renderSchemaFn: renderSchemaFn;\nexport function setRenderSchemaFn(fn: renderSchemaFn) {\n  renderSchemaFn = fn;\n}\n\nfunction renderForm(\n  controls: Array<any>,\n  value: PlainObject = {},\n  callback?: (values: PlainObject) => void,\n  scopeRef?: (value: any) => void,\n  theme?: string\n) {\n  return renderSchemaFn?.(controls, value, callback, scopeRef, theme);\n}\n\nexport const alert: (content: string, title?: string) => void = (\n  content,\n  title\n) => Alert.getInstance().alert(content, title);\nexport const confirm: (\n  content: string,\n  title?: string,\n  confirmText?: string\n) => Promise<any> = (content, title, confirmText) =>\n  Alert.getInstance().confirm(content, title, confirmText);\nexport const prompt: (\n  controls: any,\n  defaultvalue?: any,\n  title?: string,\n  confirmText?: string\n) => Promise<any> = (controls, defaultvalue, title, confirmText) =>\n  Alert.getInstance().prompt(controls, defaultvalue, title, confirmText);\nexport const FinnalAlert = themeable(localeable(Alert));\nexport default FinnalAlert;\n"
+        "/**\n * @file Alert\n * @author fex\n */\n\nimport React from 'react';\nimport {render} from 'react-dom';\nimport Modal from './Modal';\nimport Button from './Button';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {LocaleProps, localeable} from '../locale';\nimport Html from './Html';\nimport {PlainObject} from '../types';\nexport interface AlertProps extends ThemeProps, LocaleProps {\n  container?: any;\n  confirmText?: string;\n  cancelText?: string;\n  title?: string;\n  confirmBtnLevel?: string;\n  alertBtnLevel?: string;\n}\n\nexport interface AlertState {\n  show: boolean;\n  title?: string;\n  content: string;\n  confirm: boolean;\n  prompt?: boolean;\n  controls?: any;\n  value?: any;\n  confirmText?: string;\n}\n\nexport class Alert extends React.Component<AlertProps, AlertState> {\n  static instance: any = null;\n  static getInstance() {\n    if (!Alert.instance) {\n      console.warn('Alert 组件应该没有被渲染，所以隐性的渲染到 body 了');\n      const container = document.body;\n      const div = document.createElement('div');\n      container.appendChild(div);\n      render(<FinnalAlert />, div);\n    }\n\n    return Alert.instance;\n  }\n\n  _resolve: (value: any) => void;\n  _modal: any;\n  _body: any;\n  state: AlertState = {\n    show: false,\n    title: '',\n    content: '',\n    confirm: false\n  };\n  constructor(props: AlertProps) {\n    super(props);\n\n    this.close = this.close.bind(this);\n    this.handleConfirm = this.handleConfirm.bind(this);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.modalRef = this.modalRef.bind(this);\n    this.handleFormSubmit = this.handleFormSubmit.bind(this);\n    this.scopeRef = this.scopeRef.bind(this);\n\n    Alert.instance = this;\n  }\n\n  static defaultProps = {\n    confirmText: 'confirm',\n    cancelText: 'cancel',\n    title: 'Alert.info',\n    alertBtnLevel: 'primary',\n    confirmBtnLevel: 'danger'\n  };\n\n  componentDidMount() {\n    this._body && (this._body.innerHTML = this.state.content);\n  }\n\n  componentDidUpdate(prevProps: AlertProps, prevState: AlertState) {\n    if (prevState.content !== this.state.content) {\n      this._body && (this._body.innerHTML = this.state.content);\n    }\n  }\n\n  componentWillUnmount() {\n    Alert.instance = null;\n  }\n\n  schemaSope: any;\n  scopeRef(schemaSope: any) {\n    this.schemaSope = schemaSope;\n  }\n\n  handleConfirm() {\n    const form = this.schemaSope?.getComponentByName('form');\n\n    if (form) {\n      form.doAction({type: 'submit'});\n    } else {\n      this.close(true);\n    }\n  }\n\n  handleCancel() {\n    this.close(false);\n  }\n\n  close(confirmed: boolean) {\n    const isConfirm = this.state.confirm || this.state.prompt;\n\n    this.setState(\n      {\n        show: false,\n        prompt: false,\n        confirm: false\n      },\n      isConfirm ? () => this._resolve(confirmed) /*this._reject()*/ : undefined\n    );\n  }\n\n  alert(content: string, title?: string) {\n    this.setState({\n      title,\n      content,\n      show: true,\n      confirm: false\n    });\n  }\n\n  confirm(content: string, title?: string, confirmText?: string) {\n    this.setState({\n      title,\n      content,\n      show: true,\n      confirm: true,\n      confirmText\n    });\n\n    return new Promise(resolve => {\n      this._resolve = resolve;\n    });\n  }\n\n  prompt(\n    controls: any,\n    defaultValue?: any,\n    title: string = 'placeholder.enter',\n    confirmText: string = 'confirm'\n  ) {\n    if (typeof controls === 'string') {\n      // 兼容浏览器标准用法。\n      controls = [\n        {\n          name: 'text',\n          label: controls,\n          type: 'text'\n        }\n      ];\n\n      if (typeof defaultValue === 'string') {\n        defaultValue = {\n          text: defaultValue\n        };\n      }\n    } else if (!Array.isArray(controls)) {\n      controls = [controls];\n    }\n\n    this.setState({\n      title,\n      controls,\n      show: true,\n      prompt: true,\n      value: defaultValue,\n      confirmText\n    });\n\n    return new Promise(resolve => {\n      this._resolve = resolve;\n    });\n  }\n\n  modalRef(ref: any) {\n    this._modal = ref;\n  }\n\n  handleFormSubmit(values: any) {\n    this.close(values);\n  }\n\n  render() {\n    const {\n      container,\n      cancelText,\n      confirmText,\n      title,\n      confirmBtnLevel,\n      alertBtnLevel,\n      classnames: cx\n    } = this.props;\n    let theme = this.props.theme || 'cxd';\n    if (theme === 'default') {\n      theme = 'cxd';\n    }\n    const __ = this.props.translate;\n    const finalTitle = __(this.state.title ?? title);\n    const finalConfirmText = __(this.state.confirmText ?? confirmText);\n\n    return (\n      <Modal\n        show={this.state.show}\n        onHide={this.handleCancel}\n        container={container}\n        ref={this.modalRef}\n        closeOnEsc\n      >\n        {finalTitle ? (\n          <div className={cx('Modal-header')}>\n            <div className={cx('Modal-title')}>{finalTitle}</div>\n          </div>\n        ) : null}\n        <div className={cx('Modal-body')}>\n          {this.state.prompt ? (\n            renderForm(\n              this.state.controls,\n              this.state.value,\n              this.handleFormSubmit,\n              this.scopeRef,\n              theme\n            )\n          ) : (\n            <Html html={this.state.content} />\n          )}\n        </div>\n        {finalConfirmText ? (\n          <div className={cx('Modal-footer')}>\n            {this.state.confirm || this.state.prompt ? (\n              <Button onClick={this.handleCancel}>{__(cancelText)}</Button>\n            ) : null}\n            <Button\n              level={\n                this.state.confirm || this.state.prompt\n                  ? confirmBtnLevel\n                  : alertBtnLevel\n              }\n              onClick={this.handleConfirm}\n            >\n              {finalConfirmText}\n            </Button>\n          </div>\n        ) : null}\n      </Modal>\n    );\n  }\n}\n\nexport type renderSchemaFn = (\n  controls: Array<any>,\n  value: PlainObject,\n  callback?: (values: PlainObject) => void,\n  scopeRef?: (value: any) => void,\n  theme?: string\n) => JSX.Element;\nlet renderSchemaFn: renderSchemaFn;\nexport function setRenderSchemaFn(fn: renderSchemaFn) {\n  renderSchemaFn = fn;\n}\n\nfunction renderForm(\n  controls: Array<any>,\n  value: PlainObject = {},\n  callback?: (values: PlainObject) => void,\n  scopeRef?: (value: any) => void,\n  theme?: string\n) {\n  return renderSchemaFn?.(controls, value, callback, scopeRef, theme);\n}\n\nexport const alert: (content: string, title?: string) => void = (\n  content,\n  title\n) => Alert.getInstance().alert(content, title);\nexport const confirm: (\n  content: string,\n  title?: string,\n  confirmText?: string\n) => Promise<any> = (content, title, confirmText) =>\n  Alert.getInstance().confirm(content, title, confirmText);\nexport const prompt: (\n  controls: any,\n  defaultvalue?: any,\n  title?: string,\n  confirmText?: string\n) => Promise<any> = (controls, defaultvalue, title, confirmText) =>\n  Alert.getInstance().prompt(controls, defaultvalue, title, confirmText);\nexport const FinnalAlert = themeable(localeable(Alert));\nexport default FinnalAlert;\n"
     ]
 }

package/lib/components/Badge.d.ts

@@ -9,11 +9,11 @@ import { ClassNamesFn } from '../theme';
  * Badge 角标。
  * 文档：https://baidu.gitee.io/amis/docs/components/badge
  */
-export interface BadgeSchema extends BaseSchema {
+export interface BadgeSchema extends Omit<BaseSchema, 'type'> {
     /**
      * 文本内容
      */
-    text?: string;
+    text?: string | number;
     /**
      * 大小
      */
@@ -21,11 +21,19 @@ export interface BadgeSchema extends BaseSchema {
     /**
      * 角标类型
      */
-    mode?: 'text' | 'dot';
+    mode?: 'text' | 'dot' | 'ribbon';
+    /**
+     * 角标位置，优先级大于position
+     */
+    offset?: [number | string, number | string];
     /**
      * 角标位置
      */
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    /**
+     * 封顶的数字值
+     */
+    overflowCount?: number;
     /**
      * 动态控制是否显示
      */
@@ -40,6 +48,10 @@ export interface BadgeSchema extends BaseSchema {
     style?: {
         [propName: string]: any;
     };
+    /**
+     * 提示类型
+     */
+    level?: 'info' | 'warning' | 'success' | 'danger' | SchemaExpression;
 }
 export interface BadgeProps {
     badge?: BadgeSchema;
@@ -49,6 +61,7 @@ export interface BadgeProps {
 export declare class Badge extends React.Component<BadgeProps, object> {
     static propsList: Array<string>;
     constructor(props: BadgeProps);
+    renderBadge(text: any, size: number, position: any, offsetStyle: any, sizeStyle: any, animationElement: any): JSX.Element | null;
     render(): React.ReactNode;
 }
 export declare function withBadge<P extends object>(Component: React.ComponentType<P>): {

package/lib/components/Badge.js

@@ -14,6 +14,29 @@ var Badge = /** @class */ (function (_super) {
     function Badge(props) {
         return _super.call(this, props) || this;
     }
+    Badge.prototype.renderBadge = function (text, size, position, offsetStyle, sizeStyle, animationElement) {
+        var _a = this.props, cx = _a.classnames, badge = _a.badge, data = _a.data;
+        var _b = badge, _c = _b.mode, mode = _c === void 0 ? 'dot' : _c, _d = _b.level, level = _d === void 0 ? 'danger' : _d, style = _b.style;
+        if (typeof level === 'string' && level[0] === '$') {
+            level = (0, tpl_builtin_1.resolveVariable)(level, data);
+        }
+        switch (mode) {
+            case 'dot':
+                return (react_1.default.createElement("span", { className: cx('Badge-dot', "Badge--" + position, "Badge--" + level), style: (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, offsetStyle), sizeStyle), style) }, animationElement));
+            case 'text':
+                return (react_1.default.createElement("span", { className: cx('Badge-text', "Badge--" + position, "Badge--" + level), style: (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, offsetStyle), sizeStyle), style) },
+                    text,
+                    animationElement));
+            case 'ribbon':
+                var outSize = size * Math.sqrt(2) + 5;
+                return (react_1.default.createElement("div", { className: cx('Badge-ribbon-out', "Badge-ribbon-out--" + position), style: { width: outSize, height: outSize } },
+                    react_1.default.createElement("span", { className: cx('Badge-ribbon', "Badge-ribbon--" + position, "Badge--" + level), style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sizeStyle), style) },
+                        text,
+                        animationElement)));
+            default:
+                return null;
+        }
+    };
     Badge.prototype.render = function () {
         var badge = this.props.badge;
         if (!badge) {
@@ -24,7 +47,7 @@ var Badge = /** @class */ (function (_super) {
         if (typeof badge === 'string') {
             isDisplay = (0, tpl_1.evalExpression)(badge, data) === true;
         }
-        var _b = badge.mode, mode = _b === void 0 ? 'dot' : _b, text = badge.text, size = badge.size, style = badge.style, _c = badge.position, position = _c === void 0 ? 'top-right' : _c, visibleOn = badge.visibleOn, className = badge.className, animation = badge.animation;
+        var _b = badge.mode, mode = _b === void 0 ? 'dot' : _b, text = badge.text, level = badge.level, size = badge.size, style = badge.style, offset = badge.offset, _c = badge.position, position = _c === void 0 ? 'top-right' : _c, _d = badge.overflowCount, overflowCount = _d === void 0 ? 99 : _d, visibleOn = badge.visibleOn, className = badge.className, animation = badge.animation;
         if (visibleOn) {
             isDisplay = (0, tpl_1.evalExpression)(visibleOn, data) === true;
         }
@@ -36,6 +59,9 @@ var Badge = /** @class */ (function (_super) {
             if (mode === 'dot') {
                 size = 6;
             }
+            else if (mode === 'ribbon') {
+                size = 12;
+            }
             else {
                 size = 16;
             }
@@ -47,6 +73,12 @@ var Badge = /** @class */ (function (_super) {
                 height: size,
                 lineHeight: size + 'px'
             };
+            // 当text、overflowCount都为number类型时，进行封顶值处理
+            if (typeof text === 'number' && typeof overflowCount === 'number') {
+                text = (text > overflowCount
+                    ? overflowCount + "+"
+                    : text);
+            }
             if (!text) {
                 isDisplay = false;
             }
@@ -54,6 +86,23 @@ var Badge = /** @class */ (function (_super) {
         if (mode === 'dot') {
             sizeStyle = { width: size, height: size };
         }
+        if (mode === 'ribbon') {
+            sizeStyle = {
+                height: size,
+                lineHeight: size + 'px',
+                fontSize: size
+            };
+        }
+        var offsetStyle = {};
+        // 如果设置了offset属性，offset在position为'top-right'的基础上进行translate定位
+        if (offset && offset.length) {
+            position = 'top-right';
+            var left = "calc(50% + " + parseInt(offset[0], 10) + "px)";
+            var right = "calc(-50% + " + parseInt(offset[1], 10) + "px)";
+            offsetStyle = {
+                transform: "translate(" + left + ", " + right + ")"
+            };
+        }
         var animationBackground = 'var(--danger)';
         if (style && style.background) {
             animationBackground = style.background;
@@ -70,9 +119,9 @@ var Badge = /** @class */ (function (_super) {
             } })) : null;
         return (react_1.default.createElement("div", { className: cx('Badge', className) },
             children,
-            isDisplay ? (mode === 'dot' ? (react_1.default.createElement("span", { className: cx('Badge-dot', "Badge--" + position), style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sizeStyle), style) }, animationElement)) : (react_1.default.createElement("span", { className: cx('Badge-text', "Badge--" + position), style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sizeStyle), style) },
-                text,
-                animationElement))) : null));
+            isDisplay
+                ? this.renderBadge(text, size, position, offsetStyle, sizeStyle, animationElement)
+                : null));
     };
     Badge.propsList = ['body', 'className', 'children'];
     return Badge;

package/lib/components/Badge.js.map

@@ -6,8 +6,8 @@
         "/src/components/Badge.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file 角标组件\n */\n\nimport React from 'react';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\nimport {BaseSchema, SchemaExpression} from '../Schema';\nimport {evalExpression} from '../utils/tpl';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {ClassNamesFn} from '../theme';\n\n/**\n * Badge 角标。\n * 文档：https://baidu.gitee.io/amis/docs/components/badge\n */\nexport interface BadgeSchema extends BaseSchema {\n  /**\n   * 文本内容\n   */\n  text?: string;\n\n  /**\n   * 大小\n   */\n  size?: number;\n\n  /**\n   * 角标类型\n   */\n  mode?: 'text' | 'dot';\n\n  /**\n   * 角标位置\n   */\n  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\n  /**\n   * 动态控制是否显示\n   */\n  visibleOn?: SchemaExpression;\n\n  /**\n   * 是否显示动画\n   */\n  animation?: boolean;\n\n  /**\n   * 角标的自定义样式\n   */\n  style?: {\n    [propName: string]: any;\n  };\n}\n\nexport interface BadgeProps {\n  badge?: BadgeSchema;\n  classnames: ClassNamesFn;\n  data: any;\n}\n\nexport class Badge extends React.Component<BadgeProps, object> {\n  static propsList: Array<string> = ['body', 'className', 'children'];\n\n  constructor(props: BadgeProps) {\n    super(props);\n  }\n\n  render() {\n    const badge = this.props.badge;\n    if (!badge) {\n      return this.props.children;\n    }\n    const {children, classnames: cx, data} = this.props;\n    let isDisplay = true;\n    if (typeof badge === 'string') {\n      isDisplay = evalExpression(badge, data) === true;\n    }\n\n    let {\n      mode = 'dot',\n      text,\n      size,\n      style,\n      position = 'top-right',\n      visibleOn,\n      className,\n      animation\n    } = badge;\n\n    if (visibleOn) {\n      isDisplay = evalExpression(visibleOn, data) === true;\n    }\n\n    if (typeof text === 'string' && text[0] === '$') {\n      text = resolveVariable(text, data);\n    }\n\n    // 设置默认值\n    if (typeof size === 'undefined') {\n      if (mode === 'dot') {\n        size = 6;\n      } else {\n        size = 16;\n      }\n    }\n\n    let sizeStyle = {};\n    if (mode === 'text') {\n      sizeStyle = {\n        borderRadius: size / 2,\n        height: size,\n        lineHeight: size + 'px'\n      };\n\n      if (!text) {\n        isDisplay = false;\n      }\n    }\n\n    if (mode === 'dot') {\n      sizeStyle = {width: size, height: size};\n    }\n\n    let animationBackground = 'var(--danger)';\n\n    if (style && style.background) {\n      animationBackground = style.background;\n    }\n\n    const animationElement = animation ? (\n      <div\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          border: `1px solid ${animationBackground}`,\n          borderRadius: '50%',\n          animation: 'badgeDotAnimation 1.2s infinite ease-in-out'\n        }}\n      ></div>\n    ) : null;\n\n    return (\n      <div className={cx('Badge', className)}>\n        {children}\n        {isDisplay ? (\n          mode === 'dot' ? (\n            <span\n              className={cx('Badge-dot', `Badge--${position}`)}\n              style={{...sizeStyle, ...style}}\n            >\n              {animationElement}\n            </span>\n          ) : (\n            <span\n              className={cx('Badge-text', `Badge--${position}`)}\n              style={{...sizeStyle, ...style}}\n            >\n              {text}\n              {animationElement}\n            </span>\n          )\n        ) : null}\n      </div>\n    );\n  }\n}\n\nexport function withBadge<P extends object>(Component: React.ComponentType<P>) {\n  return hoistNonReactStatic(\n    class WithBadge extends React.Component<P & BadgeProps> {\n      static displayName = `WithBadge(${\n        Component.displayName || Component.name\n      })`;\n\n      render() {\n        const badge = this.props.badge;\n\n        if (!badge) {\n          return <Component {...(this.props as P)} />;\n        }\n\n        return (\n          <Badge {...(this.props as BadgeProps)}>\n            <Component {...(this.props as P)} />\n          </Badge>\n        );\n      }\n    },\n    Component\n  );\n}\n"
+        "/**\n * @file 角标组件\n */\n\nimport React from 'react';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\nimport {BaseSchema, SchemaExpression} from '../Schema';\nimport {evalExpression} from '../utils/tpl';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {ClassNamesFn} from '../theme';\n\n/**\n * Badge 角标。\n * 文档：https://baidu.gitee.io/amis/docs/components/badge\n */\nexport interface BadgeSchema extends Omit<BaseSchema, 'type'> {\n  /**\n   * 文本内容\n   */\n  text?: string | number;\n\n  /**\n   * 大小\n   */\n  size?: number;\n\n  /**\n   * 角标类型\n   */\n  mode?: 'text' | 'dot' | 'ribbon';\n\n  /**\n   * 角标位置，优先级大于position\n   */\n  offset?: [number | string, number | string];\n\n  /**\n   * 角标位置\n   */\n  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\n  /**\n   * 封顶的数字值\n   */\n  overflowCount?: number;\n\n  /**\n   * 动态控制是否显示\n   */\n  visibleOn?: SchemaExpression;\n\n  /**\n   * 是否显示动画\n   */\n  animation?: boolean;\n\n  /**\n   * 角标的自定义样式\n   */\n  style?: {\n    [propName: string]: any;\n  };\n\n  /**\n   * 提示类型\n   */\n  level?: 'info' | 'warning' | 'success' | 'danger' | SchemaExpression;\n}\n\nexport interface BadgeProps {\n  badge?: BadgeSchema;\n  classnames: ClassNamesFn;\n  data: any;\n}\n\nexport class Badge extends React.Component<BadgeProps, object> {\n  static propsList: Array<string> = ['body', 'className', 'children'];\n\n  constructor(props: BadgeProps) {\n    super(props);\n  }\n\n  renderBadge(\n    text: any,\n    size: number,\n    position: any,\n    offsetStyle: any,\n    sizeStyle: any,\n    animationElement: any\n  ) {\n    const {classnames: cx, badge, data} = this.props;\n    let {mode = 'dot', level = 'danger', style} = badge as BadgeSchema;\n\n    if (typeof level === 'string' && level[0] === '$') {\n      level = resolveVariable(level, data);\n    }\n\n    switch (mode) {\n      case 'dot':\n        return (\n          <span\n            className={cx('Badge-dot', `Badge--${position}`, `Badge--${level}`)}\n            style={{...offsetStyle, ...sizeStyle, ...style}}\n          >\n            {animationElement}\n          </span>\n        );\n      case 'text':\n        return (\n          <span\n            className={cx(\n              'Badge-text',\n              `Badge--${position}`,\n              `Badge--${level}`\n            )}\n            style={{...offsetStyle, ...sizeStyle, ...style}}\n          >\n            {text}\n            {animationElement}\n          </span>\n        );\n      case 'ribbon':\n        const outSize = size * Math.sqrt(2) + 5;\n        return (\n          <div\n            className={cx('Badge-ribbon-out', `Badge-ribbon-out--${position}`)}\n            style={{width: outSize, height: outSize}}\n          >\n            <span\n              className={cx(\n                'Badge-ribbon',\n                `Badge-ribbon--${position}`,\n                `Badge--${level}`\n              )}\n              style={{...sizeStyle, ...style}}\n            >\n              {text}\n              {animationElement}\n            </span>\n          </div>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    const badge = this.props.badge;\n    if (!badge) {\n      return this.props.children;\n    }\n    const {children, classnames: cx, data} = this.props;\n    let isDisplay = true;\n    if (typeof badge === 'string') {\n      isDisplay = evalExpression(badge, data) === true;\n    }\n\n    let {\n      mode = 'dot',\n      text,\n      level,\n      size,\n      style,\n      offset,\n      position = 'top-right',\n      overflowCount = 99,\n      visibleOn,\n      className,\n      animation\n    } = badge;\n\n    if (visibleOn) {\n      isDisplay = evalExpression(visibleOn, data) === true;\n    }\n\n    if (typeof text === 'string' && text[0] === '$') {\n      text = resolveVariable(text, data);\n    }\n\n    // 设置默认值\n    if (typeof size === 'undefined') {\n      if (mode === 'dot') {\n        size = 6;\n      } else if (mode === 'ribbon') {\n        size = 12;\n      } else {\n        size = 16;\n      }\n    }\n\n    let sizeStyle = {};\n    if (mode === 'text') {\n      sizeStyle = {\n        borderRadius: size / 2,\n        height: size,\n        lineHeight: size + 'px'\n      };\n      // 当text、overflowCount都为number类型时，进行封顶值处理\n      if (typeof text === 'number' && typeof overflowCount === 'number') {\n        text = (\n          (text as number) > (overflowCount as number)\n            ? `${overflowCount}+`\n            : text\n        ) as string | number;\n      }\n\n      if (!text) {\n        isDisplay = false;\n      }\n    }\n\n    if (mode === 'dot') {\n      sizeStyle = {width: size, height: size};\n    }\n\n    if (mode === 'ribbon') {\n      sizeStyle = {\n        height: size,\n        lineHeight: size + 'px',\n        fontSize: size\n      };\n    }\n\n    let offsetStyle = {};\n    // 如果设置了offset属性，offset在position为'top-right'的基础上进行translate定位\n    if (offset && offset.length) {\n      position = 'top-right';\n      const left = `calc(50% + ${parseInt(offset[0] as string, 10)}px)`;\n      const right = `calc(-50% + ${parseInt(offset[1] as string, 10)}px)`;\n      offsetStyle = {\n        transform: `translate(${left}, ${right})`\n      };\n    }\n\n    let animationBackground = 'var(--danger)';\n\n    if (style && style.background) {\n      animationBackground = style.background;\n    }\n\n    const animationElement = animation ? (\n      <div\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          border: `1px solid ${animationBackground}`,\n          borderRadius: '50%',\n          animation: 'badgeDotAnimation 1.2s infinite ease-in-out'\n        }}\n      ></div>\n    ) : null;\n\n    return (\n      <div className={cx('Badge', className)}>\n        {children}\n        {isDisplay\n          ? this.renderBadge(\n              text,\n              size,\n              position,\n              offsetStyle,\n              sizeStyle,\n              animationElement\n            )\n          : null}\n      </div>\n    );\n  }\n}\n\nexport function withBadge<P extends object>(Component: React.ComponentType<P>) {\n  return hoistNonReactStatic(\n    class WithBadge extends React.Component<P & BadgeProps> {\n      static displayName = `WithBadge(${\n        Component.displayName || Component.name\n      })`;\n\n      render() {\n        const badge = this.props.badge;\n\n        if (!badge) {\n          return <Component {...(this.props as P)} />;\n        }\n\n        return (\n          <Badge {...(this.props as BadgeProps)}>\n            <Component {...(this.props as P)} />\n          </Badge>\n        );\n      }\n    },\n    Component\n  );\n}\n"
     ]
 }