amis-ui 2.0.2 → 2.2.0

package/esm/components/Progress.d.ts

@@ -5,6 +5,10 @@ interface ColorProps {
     value: number;
     color: string;
 }
+export interface ThresholdProps {
+    value: string;
+    color?: string;
+}
 export declare type ColorMapType = Array<string> | Array<ColorProps> | string;
 interface ProgressProps extends ThemeProps {
     type: 'line' | 'circle' | 'dashboard';
@@ -20,6 +24,8 @@ interface ProgressProps extends ThemeProps {
     strokeWidth?: number;
     progressClassName?: ClassName;
     classnames: ClassNamesFn;
+    threshold: ThresholdProps | ThresholdProps[];
+    showThresholdText: boolean;
 }
 export declare class Progress extends React.Component<ProgressProps, Object> {
     static defaultProps: Partial<ProgressProps>;
@@ -30,15 +36,15 @@ export declare class Progress extends React.Component<ProgressProps, Object> {
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -46,17 +52,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "type" | "map" | "animate" | "value" | "placeholder" | "format" | "showLabel" | "stripe" | "gapDegree" | "gapPosition" | "strokeWidth" | "progressClassName" | "threshold" | "showThresholdText">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/esm/components/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -58,7 +58,7 @@ var Progress = /** @class */ (function (_super) {
     };
     Progress.prototype.render = function () {
         var _a, _b, _c, _d;
-        var _e = this.props, className = _e.className, progressClassName = _e.progressClassName, type = _e.type, value = _e.value, placeholder = _e.placeholder, stripe = _e.stripe, animate = _e.animate, gapDegree = _e.gapDegree, gapPosition = _e.gapPosition, strokeWidth = _e.strokeWidth, cx = _e.classnames;
+        var _e = this.props, className = _e.className, progressClassName = _e.progressClassName, type = _e.type, value = _e.value, placeholder = _e.placeholder, stripe = _e.stripe, animate = _e.animate, gapDegree = _e.gapDegree, gapPosition = _e.gapPosition, strokeWidth = _e.strokeWidth, cx = _e.classnames, threshold = _e.threshold, showThresholdText = _e.showThresholdText;
         var isLineType = type === 'line';
         var prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';
         var bgColor = this.getCurrentColor();
@@ -73,15 +73,37 @@ var Progress = /** @class */ (function (_super) {
             };
             strokeWidth && (barStyle.height = strokeWidth);
             !isColorClass && (barStyle.backgroundColor = bgColor);
+            var thresholdDom = null;
+            if (threshold) {
+                var temp_1 = function (text, color) { return (React__default.createElement("div", { style: {
+                        left: text,
+                        borderColor: color || 'var(--text-color)'
+                    }, className: cx("".concat(prefixCls, "-threshold")), key: text }, showThresholdText ? (React__default.createElement("span", { className: cx("".concat(prefixCls, "-threshold-text")) }, text)) : null)); };
+                if (Array.isArray(threshold)) {
+                    thresholdDom = threshold.map(function (item) {
+                        var text = parseFloat(item.value) + '%';
+                        return temp_1(text, item.color);
+                    });
+                }
+                else {
+                    var text = parseFloat(threshold.value) + '%';
+                    thresholdDom = temp_1(text, threshold.color);
+                }
+            }
             viewValue = [
                 React__default.createElement("div", { key: "progress", className: cx(prefixCls, progressClassName) },
+                    thresholdDom,
                     React__default.createElement("div", { className: cx("".concat(prefixCls, "-inter")) },
                         React__default.createElement("div", { className: cx("".concat(prefixCls, "-bar"), (_a = {}, _a[bgColor] = isColorClass, _a), (_b = {}, _b["".concat(prefixCls, "-bar--stripe")] = stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _c), (_d = {}, _d["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _d)), title: "".concat(value, "%"), style: barStyle }))),
                 this.getLabel(prefixCls)
             ];
         }
         else if (type === 'circle' || type === 'dashboard') {
-            var circleWidth = strokeWidth || 6;
+            var circleWidth = strokeWidth || 8;
+            var circleStyle = {
+                width: circleWidth * 10 + 'px',
+                height: circleWidth * 10 + 'px'
+            };
             var gapPos = gapPosition || (type === 'dashboard' && 'bottom') || 'top';
             var getGapDegree = function () {
                 if (gapDegree || gapDegree === 0) {
@@ -93,8 +115,8 @@ var Progress = /** @class */ (function (_super) {
                 return undefined;
             };
             viewValue = [
-                React__default.createElement("div", { className: cx(prefixCls, progressClassName || 'w-ssm'), key: "circle" },
-                    React__default.createElement(Circle, { percent: value, strokeColor: !isColorClass ? bgColor : '', strokeWidth: circleWidth, trailWidth: circleWidth, prefixCls: isColorClass ? bgColor : '', gapDegree: getGapDegree(), gapPosition: gapPos }),
+                React__default.createElement("div", { className: cx(prefixCls, progressClassName), key: "circle", style: circleStyle },
+                    React__default.createElement(Circle, { percent: value, strokeColor: !isColorClass ? bgColor : '', strokeWidth: circleWidth, trailWidth: circleWidth, prefixCls: isColorClass ? bgColor : '', gapDegree: getGapDegree(), gapPosition: gapPos, style: circleStyle }),
                     this.getLabel(prefixCls))
             ];
         }

package/esm/components/PullRefresh.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/Range.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -28,7 +28,8 @@ var MARKS_REG = /^[0-9]+(\.?[0-9]+)?%$/;
  * @returns position.left
  */
 var valueToOffsetLeft = function (value, min, max) {
-    return ((value - min) * 100) / (max - min) + '%';
+    // 最多保留两位小数，且尽量取整
+    return Math.floor(((value - min) * 10000) / (max - min)) / 100 + '%';
 };
 /**
  * 滑块handle

package/esm/components/Rating.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/ResultBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -116,8 +116,12 @@ var ResultBox = /** @class */ (function (_super) {
                 _a)), onClick: onResultClick, tabIndex: !allowInput && !disabled && onFocus ? 0 : -1, onKeyPress: allowInput ? undefined : onKeyPress, onFocus: allowInput ? undefined : onFocus, onBlur: allowInput ? undefined : onBlur },
             React__default.createElement("div", { className: cx('ResultBox-value-wrap') },
                 Array.isArray(result) && result.length ? (this.renderMultipeTags(result)) : result && !Array.isArray(result) ? (React__default.createElement("span", { className: cx('ResultBox-singleValue') }, isPlainObject(result) ? itemRender(result) : result)) : allowInput && !disabled ? null : (React__default.createElement("span", { className: cx('ResultBox-placeholder') }, __(placeholder || 'placeholder.noData'))),
-                allowInput && !disabled ? (React__default.createElement(Input, __assign({}, rest, { className: cx('ResultBox-value-input'), onKeyPress: onKeyPress, ref: this.inputRef, value: value || '', onChange: this.handleChange, placeholder: __(Array.isArray(result) && result.length
-                        ? inputPlaceholder
+                allowInput && !disabled ? (React__default.createElement(Input, __assign({}, rest, { className: cx('ResultBox-value-input'), onKeyPress: onKeyPress, ref: this.inputRef, value: value || '', onChange: this.handleChange, placeholder: __(
+                    /** 数组模式下输入内容后将不再展示placeholder */
+                    Array.isArray(result)
+                        ? result.length > 0
+                            ? inputPlaceholder
+                            : placeholder
                         : result
                             ? ''
                             : placeholder), onFocus: this.handleFocus, onBlur: this.handleBlur }))) : null,

package/esm/components/ResultList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/ResultTableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/ResultTreeList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/esm/components/RichText.js

@@ -1,6 +1,262 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
-export { default } from './RichText2.js';
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import FroalaEditor from 'froala-editor';
+import Froala from 'froala-editor/js/froala_editor.min.js';
+import 'froala-editor/js/plugins/align.min';
+import 'froala-editor/js/plugins/colors.min';
+import 'froala-editor/js/plugins/char_counter.min';
+import 'froala-editor/js/plugins/code_view.min';
+import 'froala-editor/js/plugins/draggable.min';
+import 'froala-editor/js/plugins/entities.min';
+import 'froala-editor/js/plugins/font_family.min';
+import 'froala-editor/js/plugins/font_size.min';
+import 'froala-editor/js/plugins/forms.min';
+import 'froala-editor/js/plugins/fullscreen.min';
+import 'froala-editor/js/plugins/help.min';
+import 'froala-editor/js/plugins/image.min';
+import 'froala-editor/js/plugins/inline_class.min';
+import 'froala-editor/js/plugins/inline_style.min';
+import 'froala-editor/js/plugins/line_breaker.min';
+import 'froala-editor/js/plugins/line_height.min';
+import 'froala-editor/js/plugins/link.min';
+import 'froala-editor/js/plugins/lists.min';
+import 'froala-editor/js/plugins/paragraph_format.min';
+import 'froala-editor/js/plugins/paragraph_style.min';
+import 'froala-editor/js/plugins/print.min';
+import 'froala-editor/js/plugins/quick_insert.min';
+import 'froala-editor/js/plugins/quote.min';
+import 'froala-editor/js/plugins/save.min';
+import 'froala-editor/js/plugins/special_characters.min';
+import 'froala-editor/js/plugins/table.min';
+import 'froala-editor/js/plugins/url.min';
+import 'froala-editor/js/plugins/video.min';
+import 'froala-editor/js/plugins/word_paste.min';
+import 'froala-editor/js/languages/zh_cn.js';
+
+/**
+ * @file RichText
+ * @description
+ * @author fex
+ */
+// 代码来源于：https://github.com/froala/react-froala-wysiwyg/blob/master/lib/FroalaEditorFunctionality.jsx
+// 改动原因是model 同步有些问题，有时候不更新，所以基于官方代码改造一下。
+// 目前发现的问题是，如果 model 数据修改，如果此时 editor 还没有初始化完成则不会同步成功
+var FroalaEditorComponent = /** @class */ (function (_super) {
+    __extends(FroalaEditorComponent, _super);
+    function FroalaEditorComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.listeningEvents = [];
+        _this.element = null;
+        _this.editor = null;
+        _this.config = {
+            immediateReactModelUpdate: false,
+            reactIgnoreAttrs: null
+        };
+        _this.editorInitialized = false;
+        _this.INNER_HTML_ATTR = 'innerHTML';
+        _this.oldModel = null;
+        return _this;
+    }
+    // After first time render.
+    FroalaEditorComponent.prototype.componentDidMount = function () {
+        this.createEditor();
+    };
+    FroalaEditorComponent.prototype.componentWillUnmount = function () {
+        this.destroyEditor();
+    };
+    FroalaEditorComponent.prototype.componentDidUpdate = function () {
+        if (JSON.stringify(this.oldModel) == JSON.stringify(this.props.model)) {
+            return;
+        }
+        this.setContent();
+    };
+    // Return cloned object
+    FroalaEditorComponent.prototype.clone = function (item) {
+        var me = this;
+        if (!item) {
+            return item;
+        } // null, undefined values check
+        var types = [Number, String, Boolean], result;
+        // normalizing primitives if someone did new String('aaa'), or new Number('444');
+        types.forEach(function (type) {
+            if (item instanceof type) {
+                result = type(item);
+            }
+        });
+        if (typeof result == 'undefined') {
+            if (Object.prototype.toString.call(item) === '[object Array]') {
+                result = [];
+                item.forEach(function (child, index, array) {
+                    result[index] = me.clone(child);
+                });
+            }
+            else if (typeof item == 'object') {
+                // testing that this is DOM
+                if (item.nodeType && typeof item.cloneNode == 'function') {
+                    result = item.cloneNode(true);
+                }
+                else if (!item.prototype) {
+                    // check that this is a literal
+                    if (item instanceof Date) {
+                        result = new Date(item);
+                    }
+                    else {
+                        // it is an object literal
+                        result = {};
+                        for (var i in item) {
+                            result[i] = me.clone(item[i]);
+                        }
+                    }
+                }
+                else {
+                    {
+                        result = item;
+                    }
+                }
+            }
+            else {
+                result = item;
+            }
+        }
+        return result;
+    };
+    FroalaEditorComponent.prototype.createEditor = function () {
+        var _this = this;
+        if (this.editorInitialized) {
+            return;
+        }
+        this.config = this.clone(this.props.config || this.config);
+        this.config = __assign({}, this.config);
+        this.element = this.el;
+        if (this.props.model) {
+            this.element.innerHTML = this.props.model;
+        }
+        this.setContent();
+        // Default initialized.
+        this.registerEvent('initialized', this.config.events && this.config.events.initialized);
+        // Check if events are set.
+        if (!this.config.events)
+            this.config.events = {};
+        this.config.events.initialized = function () {
+            _this.editorInitialized = true;
+            _this.initListeners();
+        };
+        this.editor = new FroalaEditor(this.element, this.config);
+    };
+    FroalaEditorComponent.prototype.setContent = function () {
+        var _this = this;
+        if (this.props.model || this.props.model == '') {
+            this.oldModel = this.props.model;
+            if (this.editorInitialized) {
+                this.setNormalTagContent();
+            }
+            else {
+                if (!this._initEvents)
+                    this._initEvents = [];
+                this._initEvents.push(function () { return _this.setNormalTagContent(); });
+            }
+        }
+    };
+    FroalaEditorComponent.prototype.setNormalTagContent = function () {
+        var self = this;
+        self.editor.html && self.editor.html.set(self.props.model || '');
+        if (self.editorInitialized && self.editor.undo) {
+            //This will reset the undo stack everytime the model changes externally. Can we fix this?
+            self.editor.undo.reset();
+            self.editor.undo.saveStep();
+        }
+    };
+    FroalaEditorComponent.prototype.destroyEditor = function () {
+        if (this.element) {
+            this.editor.destroy && this.editor.destroy();
+            this.listeningEvents.length = 0;
+            this.element = null;
+            this.editorInitialized = false;
+            this._initEvents = [];
+        }
+    };
+    FroalaEditorComponent.prototype.getEditor = function () {
+        if (this.element) {
+            return this.editor;
+        }
+        return null;
+    };
+    FroalaEditorComponent.prototype.updateModel = function () {
+        if (!this.props.onModelChange) {
+            return;
+        }
+        var modelContent = '';
+        var returnedHtml = this.editor.html.get();
+        if (typeof returnedHtml === 'string') {
+            modelContent = returnedHtml;
+        }
+        this.oldModel = modelContent;
+        this.props.onModelChange(modelContent);
+    };
+    FroalaEditorComponent.prototype.initListeners = function () {
+        var self = this;
+        // bind contentChange and keyup event to froalaModel
+        this.editor.events.on('contentChanged', function () {
+            self.updateModel();
+        });
+        if (this.config.immediateReactModelUpdate) {
+            this.editor.events.on('keyup', function () {
+                self.updateModel();
+            });
+        }
+        // Call init events.
+        if (this._initEvents) {
+            for (var i = 0; i < this._initEvents.length; i++) {
+                this._initEvents[i].call(this.editor);
+            }
+        }
+    };
+    // register event on jquery editor element
+    FroalaEditorComponent.prototype.registerEvent = function (eventName, callback) {
+        if (!eventName || !callback) {
+            return;
+        }
+        if (eventName == 'initialized') {
+            if (!this._initEvents)
+                this._initEvents = [];
+            this._initEvents.push(callback);
+        }
+        else {
+            if (!this.config.events) {
+                this.config.events = {};
+            }
+            this.config.events[eventName] = callback;
+        }
+    };
+    FroalaEditorComponent.prototype.render = function () {
+        var _this = this;
+        return (React__default.createElement("textarea", { ref: function (el) { return (_this.el = el); } }, this.props.children));
+    };
+    return FroalaEditorComponent;
+}(React__default.Component));
+var default_1 = /** @class */ (function (_super) {
+    __extends(default_1, _super);
+    function default_1(props) {
+        var _this = _super.call(this, props) || this;
+        Froala.VIDEO_PROVIDERS = [
+            {
+                test_regex: /.*/,
+                url_regex: '',
+                url_text: '',
+                html: '<span class="fr-video fr-dvb fr-draggable" contenteditable="false" draggable="true"><video class="fr-draggable" controls="" data-msg="ok" data-status="0" src="{url}" style="width: 600px;"></video></span>'
+            }
+        ];
+        return _this;
+    }
+    default_1.prototype.render = function () {
+        return (React__default.createElement(FroalaEditorComponent, { config: this.props.config, model: this.props.model, onModelChange: this.props.onModelChange }));
+    };
+    return default_1;
+}(React__default.Component));
+
+export { default_1 as default };

package/esm/components/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */