amis-ui 3.2.0 → 3.3.0

package/lib/components/Avatar.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="hoist-non-react-statics" />
 import * as React from 'react';
-import { ClassNamesFn, ThemeProps, IconCheckedSchema } from 'amis-core';
+import { ClassNamesFn, ThemeProps } from 'amis-core';
+import { IconCheckedSchema } from './icons';
 /**
  * Avatar 属性
  */
@@ -77,12 +78,12 @@ export declare class Avatar extends React.Component<AvatarCmptProps, AvatarState
 }
 declare const _default: {
     new (props: Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-        children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+        icon?: React.ReactNode | IconCheckedSchema;
         text?: string | undefined;
+        children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
         draggable?: boolean | undefined;
         onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
         size?: number | "small" | "default" | "large" | undefined;
-        icon?: React.ReactNode | IconCheckedSchema;
         alt?: string | undefined;
         crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
         shape?: "circle" | "square" | "rounded" | undefined;
@@ -90,12 +91,12 @@ declare const _default: {
         fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
         gap?: number | undefined;
     } & {
-        classPrefix?: string | undefined;
         classnames?: ClassNamesFn | undefined;
-        className?: string | undefined;
+        classPrefix?: string | undefined;
         style?: {
             [prop: string]: any;
         } | undefined;
+        className?: string | undefined;
         theme?: string | undefined;
     } & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
@@ -104,12 +105,12 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -117,22 +118,22 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/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<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -140,12 +141,12 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>;
         state: Readonly<{}>;
@@ -154,12 +155,12 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -167,23 +168,23 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -191,21 +192,21 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -213,23 +214,23 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -237,21 +238,21 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -259,21 +260,21 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -281,21 +282,21 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AvatarCmptProps, keyof ThemeProps>, never> & {
-            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
+            icon?: React.ReactNode | IconCheckedSchema;
             text?: string | undefined;
+            children?: React.ReactNode | React.ReactNode[] | ((props?: any) => React.ReactNode | React.ReactNode[]);
             draggable?: boolean | undefined;
             onError?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => boolean) | undefined;
             size?: number | "small" | "default" | "large" | undefined;
-            icon?: React.ReactNode | IconCheckedSchema;
             alt?: string | undefined;
             crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
             shape?: "circle" | "square" | "rounded" | undefined;
@@ -303,12 +304,12 @@ declare const _default: {
             fit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
             gap?: number | undefined;
         } & {
-            classPrefix?: string | undefined;
             classnames?: ClassNamesFn | undefined;
-            className?: string | undefined;
+            classPrefix?: string | undefined;
             style?: {
                 [prop: string]: any;
             } | undefined;
+            className?: string | undefined;
             theme?: string | undefined;
         } & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };

package/lib/components/Avatar.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -10,6 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var amisCore = require('amis-core');
+var icons = require('./icons.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -31,6 +32,9 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var prefix = 'Avatar--';
 var childPrefix = prefix + 'text';
 var Avatar = /** @class */ (function (_super) {
@@ -117,24 +121,24 @@ var Avatar = /** @class */ (function (_super) {
         };
         if (typeof src === 'string' && hasImg) {
             var imgStyle = fit ? { objectFit: fit } : {};
-            childrenRender = (React__namespace.createElement("img", { style: imgStyle, src: src, alt: alt, draggable: draggable, onError: this.handleImageLoadError, crossOrigin: crossOrigin }));
+            childrenRender = (_J$X_("img", { style: imgStyle, src: src, alt: alt, draggable: draggable, onError: this.handleImageLoadError, crossOrigin: crossOrigin }));
         }
         else if (isImgRender) {
             childrenRender = src;
         }
         else if (typeof text === 'string' || typeof text === 'number') {
-            childrenRender = (React__namespace.createElement("span", { className: cx(childPrefix), ref: this.avatarChildrenRef, style: scaleStyle }, text));
+            childrenRender = (_J$X_("span", { className: cx(childPrefix), ref: this.avatarChildrenRef, style: scaleStyle }, text));
         }
         else if (['string', 'object'].includes(typeof icon)) {
-            childrenRender = amisCore.generateIcon(cx, icon);
+            childrenRender = _J$X_(icons.Icon, { cx: cx, icon: icon });
         }
         else if (isIconRender) {
             childrenRender = icon;
         }
         else {
-            childrenRender = (React__namespace.createElement("span", { className: cx(childPrefix), ref: this.avatarChildrenRef, style: scaleStyle }, typeof children === 'function' ? children() : children));
+            childrenRender = (_J$X_("span", { className: cx(childPrefix), ref: this.avatarChildrenRef, style: scaleStyle }, typeof children === 'function' ? children() : children));
         }
-        return (React__namespace.createElement("span", { className: cx("Avatar", className, prefix + shape, sizeClass), style: tslib.__assign(tslib.__assign({}, sizeStyle), style), ref: this.avatarRef }, childrenRender));
+        return (_J$X_("span", { className: cx("Avatar", className, prefix + shape, sizeClass), style: tslib.__assign(tslib.__assign({}, sizeStyle), style), ref: this.avatarRef }, childrenRender));
     };
     Avatar.defaultProps = {
         shape: 'circle',

package/lib/components/Badge.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,9 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var hoistNonReactStatic__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonReactStatic);
 
-/**
- * @file 角标组件
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var Badge = /** @class */ (function (_super) {
     tslib.__extends(Badge, _super);
     function Badge(props) {
@@ -34,15 +34,15 @@ var Badge = /** @class */ (function (_super) {
         }
         switch (mode) {
             case 'dot':
-                return (React__default["default"].createElement("span", { className: cx('Badge-dot', "Badge--".concat(position), "Badge--".concat(level)), style: tslib.__assign(tslib.__assign(tslib.__assign({}, offsetStyle), sizeStyle), customStyle) }, animationElement));
+                return (_J$X_("span", { className: cx('Badge-dot', "Badge--".concat(position), "Badge--".concat(level)), style: tslib.__assign(tslib.__assign(tslib.__assign({}, offsetStyle), sizeStyle), customStyle) }, animationElement));
             case 'text':
-                return (React__default["default"].createElement("span", { className: cx('Badge-text', "Badge--".concat(position), "Badge--".concat(level)), style: tslib.__assign(tslib.__assign(tslib.__assign({}, offsetStyle), sizeStyle), customStyle) },
+                return (_J$X_("span", { className: cx('Badge-text', "Badge--".concat(position), "Badge--".concat(level)), style: tslib.__assign(tslib.__assign(tslib.__assign({}, offsetStyle), sizeStyle), customStyle) },
                     text,
                     animationElement));
             case 'ribbon':
                 var outSize = size * Math.sqrt(2) + 5;
-                return (React__default["default"].createElement("div", { className: cx('Badge-ribbon-out', "Badge-ribbon-out--".concat(position)), style: { width: outSize, height: outSize } },
-                    React__default["default"].createElement("span", { className: cx('Badge-ribbon', "Badge-ribbon--".concat(position), "Badge--".concat(level)), style: tslib.__assign(tslib.__assign({}, sizeStyle), customStyle) },
+                return (_J$X_("div", { className: cx('Badge-ribbon-out', "Badge-ribbon-out--".concat(position)), style: { width: outSize, height: outSize } },
+                    _J$X_("span", { className: cx('Badge-ribbon', "Badge-ribbon--".concat(position), "Badge--".concat(level)), style: tslib.__assign(tslib.__assign({}, sizeStyle), customStyle) },
                         text,
                         animationElement)));
             default:
@@ -120,7 +120,7 @@ var Badge = /** @class */ (function (_super) {
         if (style && style.background) {
             animationBackground = style.background;
         }
-        var animationElement = animation ? (React__default["default"].createElement("div", { style: {
+        var animationElement = animation ? (_J$X_("div", { style: {
                 position: 'absolute',
                 top: 0,
                 left: 0,
@@ -130,7 +130,7 @@ var Badge = /** @class */ (function (_super) {
                 borderRadius: '50%',
                 animation: 'badgeDotAnimation 1.2s infinite ease-in-out'
             } })) : null;
-        return (React__default["default"].createElement("div", { className: cx('Badge', className) },
+        return (_J$X_("div", { className: cx('Badge', className) },
             children,
             isDisplay
                 ? this.renderBadge(text, size, position, offsetStyle, sizeStyle, animationElement)
@@ -149,10 +149,10 @@ function withBadge(Component) {
             WithBadge.prototype.render = function () {
                 var badge = this.props.badge;
                 if (!badge) {
-                    return React__default["default"].createElement(Component, tslib.__assign({}, this.props));
+                    return _J$X_(Component, tslib.__assign({}, this.props));
                 }
-                return (React__default["default"].createElement(Badge, tslib.__assign({}, this.props),
-                    React__default["default"].createElement(Component, tslib.__assign({}, this.props))));
+                return (_J$X_(Badge, tslib.__assign({}, this.props),
+                    _J$X_(Component, tslib.__assign({}, this.props))));
             };
             return WithBadge;
         }(React__default["default"].Component)),

package/lib/components/BaiduMapPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,6 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var COORDINATES_GCJ02 = 3;
 var COORDINATES_BD09 = 5;
 var BaiduMapPicker = /** @class */ (function (_super) {
@@ -267,20 +270,20 @@ var BaiduMapPicker = /** @class */ (function (_super) {
         var cx = this.props.classnames;
         var _a = this.state, locIndex = _a.locIndex, locs = _a.locs, inputValue = _a.inputValue, sugs = _a.sugs;
         var hasSug = Array.isArray(sugs) && sugs.length;
-        return (React__default["default"].createElement("div", { className: cx('MapPicker') },
-            React__default["default"].createElement("div", { className: cx('MapPicker-search TextControl-control') },
-                React__default["default"].createElement("div", { className: cx('TextControl-input') },
-                    React__default["default"].createElement("input", { onChange: this.handleChange, value: inputValue, placeholder: "\u641C\u7D22\u5730\u70B9" }))),
-            React__default["default"].createElement("div", { ref: this.mapRef, className: cx('MapPicker-map', {
+        return (_J$X_("div", { className: cx('MapPicker') },
+            _J$X_("div", { className: cx('MapPicker-search TextControl-control') },
+                _J$X_("div", { className: cx('TextControl-input') },
+                    _J$X_("input", { onChange: this.handleChange, value: inputValue, placeholder: "\u641C\u7D22\u5730\u70B9" }))),
+            _J$X_("div", { ref: this.mapRef, className: cx('MapPicker-map', {
                     invisible: hasSug
                 }) }),
-            React__default["default"].createElement("div", { className: cx('MapPicker-result', {
+            _J$X_("div", { className: cx('MapPicker-result', {
                     invisible: hasSug
-                }) }, locs.map(function (item, index) { return (React__default["default"].createElement("div", { onClick: _this.handleSelect, key: index, "data-index": index, className: cx('MapPicker-item') },
-                React__default["default"].createElement("div", { className: cx('MapPicker-itemTitle') }, item.title),
-                React__default["default"].createElement("div", { className: cx('MapPicker-itemDesc') }, item.address),
-                locIndex === index ? (React__default["default"].createElement(icons.Icon, { icon: "success", className: "icon" })) : null)); })),
-            hasSug ? (React__default["default"].createElement("div", { className: cx('MapPicker-sug') }, sugs.map(function (item) { return (React__default["default"].createElement("div", { onClick: _this.handleSugSelect, className: cx('MapPicker-sugItem'), key: item }, item)); }))) : null));
+                }) }, locs.map(function (item, index) { return (_J$X_("div", { onClick: _this.handleSelect, key: index, "data-index": index, className: cx('MapPicker-item') },
+                _J$X_("div", { className: cx('MapPicker-itemTitle') }, item.title),
+                _J$X_("div", { className: cx('MapPicker-itemDesc') }, item.address),
+                locIndex === index ? (_J$X_(icons.Icon, { icon: "success", className: "icon" })) : null)); })),
+            hasSug ? (_J$X_("div", { className: cx('MapPicker-sug') }, sugs.map(function (item) { return (_J$X_("div", { onClick: _this.handleSugSelect, className: cx('MapPicker-sugItem'), key: item }, item)); }))) : null));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/BarCode.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,9 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var JsBarcode__default = /*#__PURE__*/_interopDefaultLegacy(JsBarcode);
 
-/**
- * @file 基于实现 bar code
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var BarCode = /** @class */ (function (_super) {
     tslib.__extends(BarCode, _super);
     function BarCode(props) {
@@ -42,7 +42,7 @@ var BarCode = /** @class */ (function (_super) {
         this.renderBarCode();
     };
     BarCode.prototype.render = function () {
-        return React__default["default"].createElement("img", { ref: this.dom });
+        return _J$X_("img", { ref: this.dom });
     };
     return BarCode;
 }(React__default["default"].Component));

package/lib/components/Breadcrumb.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,9 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Breadcrumb 面包屑
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 /**
  * Breadcrumb 面包屑类
  */
@@ -33,7 +33,7 @@ var Breadcrumb = /** @class */ (function (_super) {
         var _a = this.props, className = _a.className, style = _a.style, separatorClassName = _a.separatorClassName, items = _a.items, separator = _a.separator, restProps = tslib.__rest(_a, ["className", "style", "separatorClassName", "items", "separator"]);
         var crumbsLength = items === null || items === void 0 ? void 0 : items.length;
         if (!crumbsLength) {
-            return React__default["default"].createElement("div", { className: cx('Breadcrumb', className) });
+            return _J$X_("div", { className: cx('Breadcrumb', className) });
         }
         var crumbs = items
             .map(function (item, index) {
@@ -44,14 +44,14 @@ var Breadcrumb = /** @class */ (function (_super) {
             if (index === crumbsLength - 1) {
                 itemPlace = 'end';
             }
-            return (React__default["default"].createElement(BreadcrumbItem, tslib.__assign({}, restProps, { item: item, itemPlace: itemPlace, key: index })));
+            return (_J$X_(BreadcrumbItem, tslib.__assign({}, restProps, { item: item, itemPlace: itemPlace, key: index })));
         })
             .reduce(function (prev, curr, index) { return [
             prev,
-            React__default["default"].createElement("span", { className: cx('Breadcrumb-separator', separatorClassName), key: "separator-".concat(index) }, separator),
+            _J$X_("span", { className: cx('Breadcrumb-separator', separatorClassName), key: "separator-".concat(index) }, separator),
             curr
         ]; });
-        return React__default["default"].createElement("div", { className: cx('Breadcrumb', className), style: style }, crumbs);
+        return (_J$X_("div", { className: cx('Breadcrumb', className), style: style }, crumbs));
     };
     Breadcrumb.defaultProps = {
         separator: '>',
@@ -100,17 +100,13 @@ var BreadcrumbItem = /** @class */ (function (_super) {
         var _a = this.props, itemClassName = _a.itemClassName, dropdownItemClassName = _a.dropdownItemClassName, cx = _a.classnames;
         var baseItemClassName = itemType === 'default' ? itemClassName : dropdownItemClassName;
         if (showHref) {
-            return (React__default["default"].createElement("a", { href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
-                item.icon
-                    ? amisCore.generateIcon(cx, item.icon, 'Icon', 'Breadcrumb-icon')
-                    : null,
-                React__default["default"].createElement("span", { className: cx('TplField') }, label)));
+            return (_J$X_("a", { href: item.href, className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+                item.icon ? (_J$X_(icons.Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
+                _J$X_("span", { className: cx('TplField') }, label)));
         }
-        return (React__default["default"].createElement("span", { className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
-            item.icon
-                ? amisCore.generateIcon(cx, item.icon, 'Icon', 'Breadcrumb-icon')
-                : null,
-            React__default["default"].createElement("span", { className: cx('TplField') }, label)));
+        return (_J$X_("span", { className: cx('Breadcrumb-item-' + itemType, baseItemClassName) },
+            item.icon ? (_J$X_(icons.Icon, { cx: cx, icon: item.icon, className: "Icon", classNameProp: "Breadcrumb-icon" })) : null,
+            _J$X_("span", { className: cx('TplField') }, label)));
     };
     /**
      * 渲染基础面包项完整节点
@@ -129,7 +125,7 @@ var BreadcrumbItem = /** @class */ (function (_super) {
         var maxLength = labelMaxLength && +labelMaxLength > 1 ? +labelMaxLength : 1;
         // 面包项相对位置为 middle ，且超过最大展示长度的面包项，进行缩略展示，并使用浮窗提示
         if (pureLabel.length > maxLength && itemPlace === 'middle') {
-            return (React__default["default"].createElement(TooltipWrapper["default"], { tooltip: pureLabel, placement: tooltipPosition, container: tooltipContainer, trigger: tooltipTrigger, rootClose: tooltipRootClose }, this.renderBreadcrumbBaseItem(true, itemType, item, pureLabel.substring(0, maxLength) + '...')));
+            return (_J$X_(TooltipWrapper["default"], { tooltip: pureLabel, placement: tooltipPosition, container: tooltipContainer, trigger: tooltipTrigger, rootClose: tooltipRootClose }, this.renderBreadcrumbBaseItem(true, itemType, item, pureLabel.substring(0, maxLength) + '...')));
         }
         var showHref = !item.href || itemPlace === 'end';
         return this.renderBreadcrumbBaseItem(!showHref, itemType, item, pureLabel);
@@ -142,24 +138,24 @@ var BreadcrumbItem = /** @class */ (function (_super) {
     BreadcrumbItem.prototype.renderDropdownNode = function (dropdown) {
         var _this = this;
         var _a = this.props, dropdownClassName = _a.dropdownClassName, cx = _a.classnames;
-        return (React__default["default"].createElement(amisCore.RootClose, { disabled: !this.state.isOpened, onRootClose: this.close }, function (ref) {
-            return (React__default["default"].createElement("ul", { className: cx('Breadcrumb-dropdown', dropdownClassName), onClick: _this.close, ref: ref }, Array.isArray(dropdown) &&
+        return (_J$X_(amisCore.RootClose, { disabled: !this.state.isOpened, onRootClose: this.close }, function (ref) {
+            return (_J$X_("ul", { className: cx('Breadcrumb-dropdown', dropdownClassName), onClick: _this.close, ref: ref }, Array.isArray(dropdown) &&
                 dropdown.map(function (menuItem, index) {
-                    return (React__default["default"].createElement("li", { key: 'dropdown-item' + index }, _this.renderBreadcrumbNode(menuItem, 'right', 'middle', 'dropdown')));
+                    return (_J$X_("li", { key: 'dropdown-item' + index }, _this.renderBreadcrumbNode(menuItem, 'right', 'middle', 'dropdown')));
                 })));
         }));
     };
     BreadcrumbItem.prototype.render = function () {
         var _a = this.props, item = _a.item, itemPlace = _a.itemPlace, tooltipPosition = _a.tooltipPosition, cx = _a.classnames;
         var dropdown = item.dropdown, restItemProps = tslib.__rest(item, ["dropdown"]);
-        return (React__default["default"].createElement("span", { className: cx('Breadcrumb-item', {
+        return (_J$X_("span", { className: cx('Breadcrumb-item', {
                 'is-opened': this.state.isOpened
             }, {
                 'Breadcrumb-item-last': itemPlace === 'end'
             }), ref: this.domRef },
             this.renderBreadcrumbNode(tslib.__assign({}, restItemProps), tooltipPosition, itemPlace, 'default'),
-            dropdown ? (React__default["default"].createElement("span", { onClick: this.toogle, className: cx('Breadcrumb-item-caret') },
-                React__default["default"].createElement(icons.Icon, { icon: "down", className: "icon" }))) : null,
+            dropdown ? (_J$X_("span", { onClick: this.toogle, className: cx('Breadcrumb-item-caret') },
+                _J$X_(icons.Icon, { icon: "down", className: "icon" }))) : null,
             dropdown && this.state.isOpened
                 ? this.renderDropdownNode(dropdown)
                 : null));