amis-ui 2.0.0 → 2.1.0

package/esm/components/Tag.d.ts

@@ -14,6 +14,7 @@ export interface TagProps extends ThemeProps {
     disabled?: boolean;
     closeIcon?: string | React.ReactNode;
     onClose?: (e: React.MouseEvent) => void;
+    onClick?: (e: React.MouseEvent) => void;
 }
 export interface CheckableTagProps extends TagProps {
     onClick?: (e: React.MouseEvent) => void;
@@ -25,6 +26,7 @@ export declare class Tag extends React.Component<TagProps> {
     static defaultProps: Partial<TagProps>;
     renderCloseIcon(): JSX.Element | null;
     handleClose(e: React.MouseEvent<HTMLElement>): void;
+    handleClick(e: React.MouseEvent<HTMLElement>): void;
     render(): JSX.Element;
 }
 declare class CheckableTagComp extends React.Component<CheckableTagProps> {
@@ -67,15 +69,15 @@ export declare const CheckableTag: {
     ComposedComponent: typeof CheckableTagComp;
 };
 declare const _default: {
-    new (props: Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "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<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "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<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "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<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -83,17 +85,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "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<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "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<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TagProps, keyof ThemeProps>, never> & Partial<Pick<Omit<TagProps, keyof ThemeProps>, "label" | "style" | "disabled" | "icon" | "onClose" | "color" | "onClick" | "closable" | "displayMode" | "closeIcon">> & Partial<Pick<Partial<TagProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/esm/components/Tag.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -37,9 +37,13 @@ var Tag = /** @class */ (function (_super) {
         e.stopPropagation();
         onClose === null || onClose === void 0 ? void 0 : onClose(e);
     };
+    Tag.prototype.handleClick = function (e) {
+        var onClick = this.props.onClick;
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
     Tag.prototype.render = function () {
         var _a;
-        var _b = this.props, children = _b.children, cx = _b.classnames, className = _b.className, displayMode = _b.displayMode, disabled = _b.disabled, color = _b.color, icon = _b.icon, style = _b.style, label = _b.label;
+        var _b = this.props, children = _b.children, cx = _b.classnames, className = _b.className, displayMode = _b.displayMode, disabled = _b.disabled, color = _b.color, icon = _b.icon, style = _b.style, label = _b.label; _b.closable;
         var isPresetColor = color && PRESET_COLOR.indexOf(color) !== -1;
         var customColor = color && !isPresetColor ? color : undefined;
         var tagStyle = __assign({ backgroundColor: displayMode === 'normal' ? customColor : undefined, borderColor: displayMode === 'rounded' ? customColor : undefined, color: displayMode === 'rounded' ? customColor : undefined }, style);
@@ -48,9 +52,10 @@ var Tag = /** @class */ (function (_super) {
                 _a["Tag--".concat(displayMode, "--").concat(color)] = isPresetColor,
                 _a["Tag--".concat(displayMode, "--hasColor")] = color,
                 _a["Tag--disabled"] = disabled,
-                _a)), style: tagStyle },
-            prevIcon,
-            label || children,
+                _a)), style: tagStyle, onClick: this.handleClick },
+            React__default.createElement("span", { className: cx('Tag-text') },
+                prevIcon,
+                label || children),
             this.renderCloseIcon()));
     };
     Tag.defaultProps = {
@@ -62,6 +67,12 @@ var Tag = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Tag.prototype, "handleClose", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Tag.prototype, "handleClick", null);
     return Tag;
 }(React__default.Component));
 var CheckableTagComp = /** @class */ (function (_super) {

package/esm/components/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -88,7 +88,9 @@ var Textarea = /** @class */ (function (_super) {
                 _a['is-focused'] = this.state.focused,
                 _a['is-disabled'] = disabled,
                 _a), className) },
-            React__default.createElement(BaseTextArea, { className: cx("TextareaControl-input"), autoComplete: "off", ref: this.inputRef, name: name, disabled: disabled, value: this.valueToString(value), placeholder: placeholder, autoCorrect: "off", spellCheck: "false", readOnly: readOnly, minRows: minRows || undefined, maxRows: maxRows || undefined, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }),
+            React__default.createElement(BaseTextArea, { className: cx("TextareaControl-input", {
+                    'TextareaControl-input--counter': showCounter
+                }), autoComplete: "off", ref: this.inputRef, name: name, disabled: disabled, value: this.valueToString(value), placeholder: placeholder, autoCorrect: "off", spellCheck: "false", readOnly: readOnly, minRows: minRows || undefined, maxRows: maxRows || undefined, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }),
             clearable && !disabled && value ? (React__default.createElement("a", { onClick: this.handleClear, className: cx('TextareaControl-clear') },
                 React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
             showCounter ? (React__default.createElement("span", { className: cx('TextareaControl-counter', {

package/esm/components/Timeline.js

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

package/esm/components/TimelineItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -17,7 +17,7 @@ function TimelineItem(props) {
             React__default.createElement("div", { className: cx('TimelineItem-detail-button'), onClick: function () { return setDetailVisible(!detailVisible); } },
                 detailVisible ? detailExpandedText : detailCollapsedText,
                 React__default.createElement("div", { className: cx('TimelineItem-detail-arrow', "".concat(detailVisible && 'TimelineItem-detail-arrow-top')) },
-                    React__default.createElement(Icon, { icon: "tree-down" }))),
+                    React__default.createElement(Icon, { icon: "down-arrow-bold" }))),
             React__default.createElement("div", { className: cx("".concat(detailVisible
                     ? 'TimelineItem-detail-visible'
                     : 'TimelineItem-detail-invisible')) }, detail)));
@@ -28,7 +28,7 @@ function TimelineItem(props) {
     var levelColor = !isColorVal && color;
     return (React__default.createElement("div", { className: cx('TimelineItem'), key: key },
         React__default.createElement("div", { className: cx('TimelineItem-axle') },
-            React__default.createElement("div", { className: cx('TimelineItem-line') }),
+            React__default.createElement("div", { className: cx('TimelineItem-line', icon ? 'TimelineItem-line-icon' : '') }),
             icon ? (React__default.createElement("div", { className: cx('TimelineItem-icon') },
                 React__default.createElement(Icon, { icon: icon, className: "icon" }))) : (React__default.createElement("div", { className: cx('TimelineItem-round', levelColor && "TimelineItem-round--".concat(levelColor)), style: isColorVal ? { backgroundColor: color } : undefined }))),
         React__default.createElement("div", { className: cx('TimelineItem-content') },

package/esm/components/Tinymce.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import 'tinymce/icons/default/index';
 import 'tinymce/themes/silver';
+import 'tinymce/models/dom/model';
 import 'tinymce/plugins/advlist';
 import 'tinymce/plugins/autolink';
 import 'tinymce/plugins/lists';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/image';
 import 'tinymce/plugins/charmap';
-import 'tinymce/plugins/print';
 import 'tinymce/plugins/preview';
 import 'tinymce/plugins/anchor';
 import 'tinymce/plugins/searchreplace';
@@ -17,10 +17,8 @@ import 'tinymce/plugins/fullscreen';
 import 'tinymce/plugins/insertdatetime';
 import 'tinymce/plugins/media';
 import 'tinymce/plugins/table';
-import 'tinymce/plugins/paste';
 import 'tinymce/plugins/help';
 import 'tinymce/plugins/wordcount';
-import 'tinymce/plugins/hr';
 import 'tinymce/plugins/pagebreak';
 import 'tinymce/plugins/visualchars';
 import 'tinymce/plugins/template';

package/esm/components/Tinymce.js

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

package/esm/components/Tinymce2.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -8,13 +8,13 @@ import React__default from 'react';
 import tinymce from 'tinymce/tinymce';
 import 'tinymce/icons/default/index';
 import 'tinymce/themes/silver';
+import 'tinymce/models/dom/model';
 import 'tinymce/plugins/advlist';
 import 'tinymce/plugins/autolink';
 import 'tinymce/plugins/lists';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/image';
 import 'tinymce/plugins/charmap';
-import 'tinymce/plugins/print';
 import 'tinymce/plugins/preview';
 import 'tinymce/plugins/anchor';
 import 'tinymce/plugins/searchreplace';
@@ -24,10 +24,8 @@ import 'tinymce/plugins/fullscreen';
 import 'tinymce/plugins/insertdatetime';
 import 'tinymce/plugins/media';
 import 'tinymce/plugins/table';
-import 'tinymce/plugins/paste';
 import 'tinymce/plugins/help';
 import 'tinymce/plugins/wordcount';
-import 'tinymce/plugins/hr';
 import 'tinymce/plugins/pagebreak';
 import 'tinymce/plugins/visualchars';
 import 'tinymce/plugins/template';
@@ -45,13 +43,32 @@ var TinymceEditor = /** @class */ (function (_super) {
     TinymceEditor.prototype.componentDidMount = function () {
         var _this = this;
         var locale = this.props.locale;
-        this.config = __assign(__assign({ inline: false, skin: false, content_css: false, height: 400, language: !locale || locale === 'zh-CN' ? 'zh_CN' : 'en', plugins: [
-                'advlist autolink link image lists charmap print preview hr anchor pagebreak',
-                'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
-                'table emoticons template paste help'
-            ], toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | ' +
-                'bullist numlist outdent indent | link image | print preview media fullpage | ' +
-                'forecolor backcolor emoticons | help', menu: {
+        this.config = __assign(__assign({ inline: false, skin: false, content_css: false, height: 400, language: !locale || locale === 'zh-CN' ? 'zh_CN' : 'en', branding: false, plugins: [
+                'advlist',
+                'autolink',
+                'link',
+                'image',
+                'lists',
+                'charmap',
+                'preview',
+                'anchor',
+                'pagebreak',
+                'searchreplace',
+                'wordcount',
+                'visualblocks',
+                'visualchars',
+                'code',
+                'fullscreen',
+                'insertdatetime',
+                'media',
+                'nonbreaking',
+                'table',
+                'emoticons',
+                'template',
+                'help'
+            ], toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright alignjustify | ' +
+                'bullist numlist outdent indent | link image | preview media | ' +
+                'fontfamily fontsize forecolor backcolor emoticons | print help', menu: {
                 file: {
                     title: 'File',
                     items: 'newdocument restoredraft | preview | print '
@@ -70,7 +87,7 @@ var TinymceEditor = /** @class */ (function (_super) {
                 },
                 format: {
                     title: 'Format',
-                    items: 'bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align | forecolor backcolor | removeformat'
+                    items: 'bold italic underline strikethrough superscript subscript codeformat | styles blocks fontsize align | forecolor backcolor | removeformat'
                 },
                 tools: {
                     title: 'Tools',

package/esm/components/TitleBar.js

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

package/esm/components/Toast.js

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

package/esm/components/Tooltip.js

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

package/esm/components/TooltipWrapper.js

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

package/esm/components/Transfer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -234,7 +234,14 @@ var Transfer = /** @class */ (function (_super) {
         var _b = this.state, resultSelectMode = _b.resultSelectMode, isTreeDeferLoad = _b.isTreeDeferLoad;
         var searchable = !isTreeDeferLoad && resultSearchable;
         var placeholder = resultSearchPlaceholder || __('Transfer.selectFromLeft');
-        return resultSelectMode === 'table' ? (React__default.createElement(ResultTableList, { classnames: cx, columns: columns, options: options || [], value: value, disabled: disabled, option2value: option2value, cellRender: cellRender, onChange: onChange, multiple: false, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch })) : resultSelectMode === 'tree' ? (React__default.createElement(ResultTreeList, { classnames: cx, options: options, valueField: 'value', value: value || [], onChange: onChange, itemRender: resultItemRender, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch })) : (React__default.createElement(ResultList, { className: cx('Transfer-value'), sortable: sortable, disabled: disabled, value: value, onChange: onChange, placeholder: placeholder, itemRender: resultItemRender, searchable: searchable, onSearch: onResultSearch }));
+        switch (resultSelectMode) {
+            case 'table':
+                return (React__default.createElement(ResultTableList, { classnames: cx, columns: columns, options: options || [], value: value, disabled: disabled, option2value: option2value, cellRender: cellRender, onChange: onChange, multiple: false, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch }));
+            case 'tree':
+                return (React__default.createElement(ResultTreeList, { classnames: cx, className: cx('Transfer-value'), options: options, valueField: 'value', value: value || [], onChange: onChange, itemRender: resultItemRender, searchable: searchable, placeholder: placeholder, onSearch: onResultSearch }));
+            default:
+                return (React__default.createElement(ResultList, { className: cx('Transfer-value'), sortable: sortable, disabled: disabled, value: value, onChange: onChange, placeholder: placeholder, itemRender: resultItemRender, searchable: searchable, onSearch: onResultSearch }));
+        }
     };
     Transfer.prototype.render = function () {
         var _a = this.props, inline = _a.inline, cx = _a.classnames, className = _a.className, value = _a.value, resultTitle = _a.resultTitle, options = _a.options, option2value = _a.option2value, disabled = _a.disabled, statistics = _a.statistics, showArrow = _a.showArrow, resultListModeFollowSelect = _a.resultListModeFollowSelect, _b = _a.selectMode, selectMode = _b === void 0 ? 'list' : _b, __ = _a.translate;

package/esm/components/TransferDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -45,8 +45,7 @@ var TransferDropDown = /** @class */ (function (_super) {
                                 }, multiple: multiple }))));
             } }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened, ref = _a.ref;
-            return (React__default.createElement(ResultBox, { className: cx('TransferDropDown', className, isOpened ? 'is-active' : ''), borderMode: borderMode, allowInput: false, result: multiple ? value : (value === null || value === void 0 ? void 0 : value[0]) ? value === null || value === void 0 ? void 0 : value[0] : null, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, ref: ref, itemRender: itemRender, useMobileUI: useMobileUI }, !mobileUI ? (React__default.createElement("span", { className: cx('TransferDropDown-icon') },
-                React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : (React__default.createElement(React__default.Fragment, null))));
+            return (React__default.createElement(ResultBox, { className: cx('TransferDropDown', className, isOpened ? 'is-opened' : ''), borderMode: borderMode, allowInput: false, result: multiple ? value : (value === null || value === void 0 ? void 0 : value[0]) ? value === null || value === void 0 ? void 0 : value[0] : null, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled, clearable: clearable, maxTagCount: maxTagCount, overflowTagPopover: overflowTagPopover, ref: ref, itemRender: itemRender, useMobileUI: useMobileUI, hasDropDownArrow: !mobileUI }));
         }));
     };
     return TransferDropDown;

package/esm/components/TransferPicker.js

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

package/esm/components/TransferSearch.js

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

package/esm/components/Tree.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -538,38 +538,39 @@ var TreeSelector = /** @class */ (function (_super) {
                         }) },
                         React__default.createElement(Icon, { icon: "down-arrow-bold", className: "icon" }))) : (React__default.createElement("span", { className: cx('Tree-itemArrowPlaceholder') })),
                     checkbox,
-                    showIcon ? (React__default.createElement("i", { className: cx("Tree-itemIcon ".concat(childrenItems ? 'Tree-folderIcon' : 'Tree-leafIcon')), onClick: function () {
-                            return !nodeDisabled &&
-                                (multiple
-                                    ? _this.handleCheck(item, !selfChecked)
-                                    : _this.handleSelect(item));
-                        } }, getIcon(iconValue) ? (React__default.createElement(Icon, { icon: iconValue, className: "icon" })) : (React__default.createElement("i", { className: iconValue })))) : null,
-                    React__default.createElement("span", { className: cx('Tree-itemText'), onClick: function () {
-                            return !nodeDisabled &&
-                                (multiple
-                                    ? _this.handleCheck(item, !selfChecked)
-                                    : _this.handleSelect(item));
-                        } }, highlightTxt
-                        ? highlight("".concat(item[labelField]), highlightTxt)
-                        : itemRender
-                            ? itemRender(item, {
-                                index: key,
-                                multiple: multiple,
-                                checked: checked,
-                                onChange: function () { return _this.handleCheck(item, !selfChecked); },
-                                disabled: disabled || item.disabled
-                            })
-                            : "".concat(item[labelField])),
-                    !nodeDisabled &&
-                        !isAdding &&
-                        !isEditing &&
-                        !(item.defer && !item.loaded) ? (React__default.createElement("div", { className: cx('Tree-item-icons') },
-                        creatable && hasAbility(item, 'creatable') ? (React__default.createElement("a", { onClick: _this.handleAdd.bind(_this, item), "data-tooltip": __(createTip), "data-position": "left" },
-                            React__default.createElement(Icon, { icon: "plus", className: "icon" }))) : null,
-                        removable && hasAbility(item, 'removable') ? (React__default.createElement("a", { onClick: _this.handleRemove.bind(_this, item), "data-tooltip": __(removeTip), "data-position": "left" },
-                            React__default.createElement(Icon, { icon: "minus", className: "icon" }))) : null,
-                        editable && hasAbility(item, 'editable') ? (React__default.createElement("a", { onClick: _this.handleEdit.bind(_this, item), "data-tooltip": __(editTip), "data-position": "left" },
-                            React__default.createElement(Icon, { icon: "pencil", className: "icon" }))) : null)) : null)),
+                    React__default.createElement("div", { className: cx('Tree-itemLabel-item') },
+                        showIcon ? (React__default.createElement("i", { className: cx("Tree-itemIcon ".concat(childrenItems ? 'Tree-folderIcon' : 'Tree-leafIcon')), onClick: function () {
+                                return !nodeDisabled &&
+                                    (multiple
+                                        ? _this.handleCheck(item, !selfChecked)
+                                        : _this.handleSelect(item));
+                            } }, getIcon(iconValue) ? (React__default.createElement(Icon, { icon: iconValue, className: "icon" })) : React__default.isValidElement(iconValue) ? (iconValue) : (React__default.createElement("i", { className: iconValue })))) : null,
+                        React__default.createElement("span", { className: cx('Tree-itemText'), onClick: function () {
+                                return !nodeDisabled &&
+                                    (multiple
+                                        ? _this.handleCheck(item, !selfChecked)
+                                        : _this.handleSelect(item));
+                            }, title: item[labelField] }, highlightTxt
+                            ? highlight("".concat(item[labelField]), highlightTxt)
+                            : itemRender
+                                ? itemRender(item, {
+                                    index: key,
+                                    multiple: multiple,
+                                    checked: checked,
+                                    onChange: function () { return _this.handleCheck(item, !selfChecked); },
+                                    disabled: disabled || item.disabled
+                                })
+                                : "".concat(item[labelField])),
+                        !nodeDisabled &&
+                            !isAdding &&
+                            !isEditing &&
+                            !(item.defer && !item.loaded) ? (React__default.createElement("div", { className: cx('Tree-item-icons') },
+                            creatable && hasAbility(item, 'creatable') ? (React__default.createElement("a", { onClick: _this.handleAdd.bind(_this, item), "data-tooltip": __(createTip), "data-position": "left" },
+                                React__default.createElement(Icon, { icon: "plus", className: "icon" }))) : null,
+                            removable && hasAbility(item, 'removable') ? (React__default.createElement("a", { onClick: _this.handleRemove.bind(_this, item), "data-tooltip": __(removeTip), "data-position": "left" },
+                                React__default.createElement(Icon, { icon: "minus", className: "icon" }))) : null,
+                            editable && hasAbility(item, 'editable') ? (React__default.createElement("a", { onClick: _this.handleEdit.bind(_this, item), "data-tooltip": __(editTip), "data-position": "left" },
+                                React__default.createElement(Icon, { icon: "new-edit", className: "icon" }))) : null)) : null))),
                 (childrenItems && _this.isUnfolded(item)) ||
                     (isAdding && addingParent === item) ? (React__default.createElement("ul", { className: cx('Tree-sublist') },
                     isAdding && addingParent === item ? (React__default.createElement("li", { className: cx('Tree-item') }, _this.renderInput(checkbox

package/esm/components/TreeSelection.js

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

package/esm/components/UserSelect.js

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

package/esm/components/UserTabSelect.js

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

package/esm/components/WithRemoteConfig.js

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

package/esm/components/WithStore.js

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

package/esm/components/calendar/Calendar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -479,7 +479,9 @@ var BaseDatePicker = /** @class */ (function (_super) {
                         ? 'rdtPickerTime'
                         : dateFormat && !timeFormat
                             ? 'rdtPickerDate'
-                            : '') },
+                            : '', viewMode === 'months' || viewMode === 'years' || viewMode === 'quarters'
+                    ? 'rdtPickerNotDays'
+                    : '') },
                 React__default.createElement(Component, { view: this.state.currentView, viewProps: viewProps, timeRangeHeader: timeRangeHeader }))));
     };
     return BaseDatePicker;

package/esm/components/calendar/CalendarContainer.js

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

package/esm/components/calendar/DaysView.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.0
+ * amis-ui v2.1.0
  * Copyright 2018-2022 fex
  */
 
@@ -11,6 +11,7 @@ import findIndex from 'lodash/findIndex';
 import merge from 'lodash/merge';
 import { convertArrayValueToMoment, isMobile, localeable } from 'amis-core';
 import Picker from '../Picker.js';
+import { Icon } from '../icons.js';
 
 // 最早基于 react-datetime 2.16.2 版本，后来大部分都自己写了
 var CustomDaysView = /** @class */ (function (_super) {
@@ -211,7 +212,6 @@ var CustomDaysView = /** @class */ (function (_super) {
             var date = selectedDate || (isEndDate ? viewDate.endOf('day') : viewDate);
             var inputs = [];
             var timeConstraints = _this.timeConstraints;
-            inputs.push(_this.showTime());
             timeFormat.split(':').forEach(function (format, i) {
                 var type = /h/i.test(format)
                     ? 'hours'
@@ -257,7 +257,9 @@ var CustomDaysView = /** @class */ (function (_super) {
                 }
             });
             inputs.length && inputs.pop();
-            return React__default.createElement("div", null, inputs);
+            return (React__default.createElement("div", { className: cx('CalendarTimesWrapper') },
+                _this.showTime(),
+                React__default.createElement("div", { className: cx('CalendarInputsWrapper') }, inputs)));
         };
         _this.renderFooter = function () {
             if (!_this.props.requiredConfirm) {
@@ -415,13 +417,18 @@ var CustomDaysView = /** @class */ (function (_super) {
                 React__default.createElement("tr", null,
                     React__default.createElement("th", { colSpan: 7 },
                         React__default.createElement("div", { className: "rdtHeader" },
-                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') }, "\u00AB"),
-                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'months') }, "\u2039"),
+                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'years') },
+                                React__default.createElement(Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow-left" })),
+                            React__default.createElement("a", { className: "rdtPrev", onClick: this.props.subtractTime(1, 'months') },
+                                React__default.createElement(Icon, { icon: "right-arrow", className: "icon date-icon-arrow-left" })),
                             React__default.createElement("div", { className: "rdtCenter" },
                                 React__default.createElement("a", { className: "rdtSwitch", onClick: this.props.showView('years') }, date.format(__('dateformat.year'))),
                                 React__default.createElement("a", { className: "rdtSwitch", onClick: this.props.showView('months') }, date.format(__('MMM')))),
-                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'months') }, "\u203A"),
-                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'years') }, "\u00BB")))),
+                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'months') },
+                                React__default.createElement(Icon, { icon: "right-arrow", className: "icon date-icon-arrow" })),
+                            React__default.createElement("a", { className: "rdtNext", onClick: this.props.addTime(1, 'years') },
+                                React__default.createElement(Icon, { icon: "right-double-arrow", className: "icon date-icon-arrow" }))),
+                        React__default.createElement("div", { className: 'header-line' }))),
                 React__default.createElement("tr", null, this.getDaysOfWeek(locale).map(function (day, index) { return (React__default.createElement("th", { key: day + index, className: "dow" }, day)); })))),
             React__default.createElement("tbody", { key: "tb" }, this.renderDays())
         ];

package/esm/components/calendar/MonthsView.js

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

package/esm/components/calendar/QuartersView.js

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