amis 1.3.5-beta.7 → 1.4.2-beta.11

package/lib/components/AssociatedSelection.js

@@ -0,0 +1,89 @@
+"use strict";
+/**
+ * 关联多选框，仅支持两层关联选择。
+ * 左边先点选，然后右边再次点选。
+ * 可以满足，先从 tree 中选中一个元素，然后查出来一个列表再次勾选。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssociatedSelection = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var Selection_1 = require("./Selection");
+var Select_1 = require("./Select");
+var helper_1 = require("../utils/helper");
+var theme_1 = require("../theme");
+var uncontrollable_1 = require("uncontrollable");
+var GroupedSelection_1 = (0, tslib_1.__importDefault)(require("./GroupedSelection"));
+var TableSelection_1 = (0, tslib_1.__importDefault)(require("./TableSelection"));
+var TreeSelection_1 = (0, tslib_1.__importDefault)(require("./TreeSelection"));
+var GroupedSelection_2 = (0, tslib_1.__importDefault)(require("./GroupedSelection"));
+var ChainedSelection_1 = (0, tslib_1.__importDefault)(require("./ChainedSelection"));
+var icons_1 = require("./icons");
+var locale_1 = require("../locale");
+var AssociatedSelection = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(AssociatedSelection, _super);
+    function AssociatedSelection() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            leftValue: _this.props.leftDefaultValue
+        };
+        return _this;
+    }
+    AssociatedSelection.prototype.componentDidMount = function () {
+        var leftValue = this.state.leftValue;
+        var _a = this.props, options = _a.options, onDeferLoad = _a.onDeferLoad;
+        if (leftValue) {
+            var selectdOption = Selection_1.BaseSelection.resolveSelected(leftValue, options, function (option) { return option.ref; });
+            if (selectdOption && onDeferLoad && selectdOption.defer) {
+                onDeferLoad(selectdOption);
+            }
+        }
+    };
+    AssociatedSelection.prototype.leftOption2Value = function (option) {
+        return option.value;
+    };
+    AssociatedSelection.prototype.handleLeftSelect = function (value) {
+        var _a = this.props, options = _a.options, onDeferLoad = _a.onDeferLoad;
+        this.setState({ leftValue: value });
+        var selectdOption = Selection_1.BaseSelection.resolveSelected(value, options, function (option) { return option.ref; });
+        if (selectdOption && onDeferLoad && selectdOption.defer) {
+            onDeferLoad(selectdOption);
+        }
+    };
+    AssociatedSelection.prototype.handleRetry = function (option) {
+        var onDeferLoad = this.props.onDeferLoad;
+        onDeferLoad === null || onDeferLoad === void 0 ? void 0 : onDeferLoad(option);
+    };
+    AssociatedSelection.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, className = _a.className, leftOptions = _a.leftOptions, options = _a.options, option2value = _a.option2value, rightMode = _a.rightMode, onChange = _a.onChange, columns = _a.columns, value = _a.value, disabled = _a.disabled, leftMode = _a.leftMode, cellRender = _a.cellRender, multiple = _a.multiple;
+        var selectdOption = Selection_1.BaseSelection.resolveSelected(this.state.leftValue, options, function (option) { return option.ref; });
+        var __ = this.props.translate;
+        return (react_1.default.createElement("div", { className: cx('AssociatedSelection', className) },
+            react_1.default.createElement("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false })) : (react_1.default.createElement(GroupedSelection_2.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false }))),
+            react_1.default.createElement("div", { className: cx('AssociatedSelection-right') }, this.state.leftValue ? (selectdOption ? (selectdOption.defer && !selectdOption.loaded ? (react_1.default.createElement("div", { className: cx('AssociatedSelection-box') },
+                react_1.default.createElement("div", { className: cx('AssociatedSelection-reload', selectdOption.loading ? 'is-spin' : 'is-clickable'), onClick: selectdOption.loading
+                        ? undefined
+                        : this.handleRetry.bind(this, selectdOption) },
+                    react_1.default.createElement(icons_1.Icon, { icon: "reload", className: "icon" })),
+                selectdOption.loading ? (react_1.default.createElement("p", null, __('loading'))) : (react_1.default.createElement("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (react_1.default.createElement(TableSelection_1.default, { columns: columns, value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, cellRender: cellRender, multiple: multiple })) : rightMode === 'tree' ? (react_1.default.createElement(TreeSelection_1.default, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple })) : rightMode === 'chained' ? (react_1.default.createElement(ChainedSelection_1.default, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple })) : (react_1.default.createElement(GroupedSelection_1.default, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple }))) : (react_1.default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (react_1.default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
+    };
+    var _a, _b;
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _a : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], AssociatedSelection.prototype, "leftOption2Value", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _b : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], AssociatedSelection.prototype, "handleLeftSelect", null);
+    return AssociatedSelection;
+}(Selection_1.BaseSelection));
+exports.AssociatedSelection = AssociatedSelection;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(AssociatedSelection, {
+    value: 'onChange'
+})));
+//# sourceMappingURL=./components/AssociatedSelection.js.map

package/lib/components/AssociatedSelection.js.map

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

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.resolveVariableAndFilter)(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,18 +47,21 @@ 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;
         }
         if (typeof text === 'string' && text[0] === '$') {
-            text = (0, tpl_builtin_1.resolveVariable)(text, data);
+            text = (0, tpl_builtin_1.resolveVariableAndFilter)(text, data);
         }
         // 设置默认值
         if (typeof size === 'undefined') {
             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, resolveVariableAndFilter} 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 = resolveVariableAndFilter(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 = resolveVariableAndFilter(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"
     ]
 }