@douyinfe/semi-ui 2.60.0-beta.0 → 2.60.1

package/lib/cjs/autoComplete/index.js

@@ -224,7 +224,7 @@ class AutoComplete extends _baseComponent.default {
     const innerProps = {
       disabled,
       placeholder,
-      autofocus: autoFocus,
+      autoFocus: autoFocus,
       onChange: this.onSearch,
       onClear: this.onInputClear,
       'aria-label': this.props['aria-label'],

package/lib/cjs/avatar/index.js

@@ -311,6 +311,14 @@ class Avatar extends _baseComponent.default {
       hoverContent,
       focusVisible
     } = this.state;
+    let customStyle = {};
+    if (!_constants.strings.SIZE.includes(size)) {
+      customStyle = {
+        width: size,
+        height: size
+      };
+    }
+    customStyle = Object.assign(Object.assign({}, customStyle), style);
     const shouldWrap = bottomSlot || topSlot || border;
     const mouseEvent = {
       onClick: onClick,
@@ -331,7 +339,7 @@ class Avatar extends _baseComponent.default {
       "x-semi-prop": "hoverContent"
     }, hoverContent) : null;
     let avatar = /*#__PURE__*/_react.default.createElement("span", Object.assign({}, others, {
-      style: shouldWrap ? {} : style,
+      style: shouldWrap ? {} : customStyle,
       className: avatarCls
     }, shouldWrap ? {} : mouseEvent, {
       role: 'listitem',
@@ -345,7 +353,7 @@ class Avatar extends _baseComponent.default {
       avatar = /*#__PURE__*/_react.default.createElement("div", {
         style: Object.assign({
           position: "relative"
-        }, style)
+        }, customStyle)
       }, avatar, /*#__PURE__*/_react.default.createElement("span", {
         style: borderStyle,
         className: (0, _classnames.default)([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
@@ -362,7 +370,7 @@ class Avatar extends _baseComponent.default {
     if (shouldWrap) {
       return /*#__PURE__*/_react.default.createElement("span", Object.assign({
         className: (0, _classnames.default)([`${prefixCls}-wrapper`]),
-        style: style
+        style: customStyle
       }, mouseEvent), avatar, topSlot && ["extra-small", "small", "default", "medium", "large", "extra-large"].includes(size) && shape === "circle" && this.renderTopSlot(), bottomSlot && ["extra-small", "small", "default", "medium", "large", "extra-large"].includes(size) && this.renderBottomSlot());
     } else {
       return avatar;

package/lib/cjs/treeSelect/index.js

@@ -242,7 +242,8 @@ class TreeSelect extends _baseComponent.default {
         [`${prefixcls}-selection-TriggerSearchItem-disabled`]: disabled
       });
       return /*#__PURE__*/_react.default.createElement("span", {
-        className: spanCls
+        className: spanCls,
+        onClick: this.foundation.onClickSingleTriggerSearchItem
       }, renderText ? renderText : placeholder);
     };
     /**
@@ -252,7 +253,7 @@ class TreeSelect extends _baseComponent.default {
       const {
         inputValue
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !inputValue && this.renderSingleTriggerSearchItem(), this.renderInput());
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderInput(), !inputValue && this.renderSingleTriggerSearchItem());
     };
     this.renderSelectContent = () => {
       const {

package/lib/cjs/typography/base.js

@@ -555,7 +555,7 @@ class Base extends _react.Component {
       className: `${prefixCls}-icon`,
       "x-semi-prop": "icon"
     }, (0, _utils.isSemiIcon)(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
-      realSize: iconSize
+      size: iconSize
     }) : icon);
   }
   renderContent() {

package/lib/cjs/typography/text.d.ts

@@ -41,6 +41,7 @@ export interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, O
     style?: React.CSSProperties;
     type?: TypographyBaseType;
     underline?: boolean;
+    weight?: number;
 }
 export default class Text extends PureComponent<TextProps> {
     static propTypes: {
@@ -59,6 +60,7 @@ export default class Text extends PureComponent<TextProps> {
         className: PropTypes.Requireable<string>;
         code: PropTypes.Requireable<boolean>;
         component: PropTypes.Requireable<string>;
+        weight: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         copyable: boolean;

package/lib/cjs/typography/text.js

@@ -34,7 +34,8 @@ Text.propTypes = {
   style: _propTypes.default.object,
   className: _propTypes.default.string,
   code: _propTypes.default.bool,
-  component: _propTypes.default.string
+  component: _propTypes.default.string,
+  weight: _propTypes.default.number
 };
 Text.defaultProps = {
   copyable: false,

package/lib/es/autoComplete/index.js

@@ -217,7 +217,7 @@ class AutoComplete extends BaseComponent {
     const innerProps = {
       disabled,
       placeholder,
-      autofocus: autoFocus,
+      autoFocus: autoFocus,
       onChange: this.onSearch,
       onClear: this.onInputClear,
       'aria-label': this.props['aria-label'],

package/lib/es/avatar/index.js

@@ -292,6 +292,14 @@ export default class Avatar extends BaseComponent {
       hoverContent,
       focusVisible
     } = this.state;
+    let customStyle = {};
+    if (!strings.SIZE.includes(size)) {
+      customStyle = {
+        width: size,
+        height: size
+      };
+    }
+    customStyle = Object.assign(Object.assign({}, customStyle), style);
     const shouldWrap = bottomSlot || topSlot || border;
     const mouseEvent = {
       onClick: onClick,
@@ -312,7 +320,7 @@ export default class Avatar extends BaseComponent {
       "x-semi-prop": "hoverContent"
     }, hoverContent) : null;
     let avatar = /*#__PURE__*/React.createElement("span", Object.assign({}, others, {
-      style: shouldWrap ? {} : style,
+      style: shouldWrap ? {} : customStyle,
       className: avatarCls
     }, shouldWrap ? {} : mouseEvent, {
       role: 'listitem',
@@ -326,7 +334,7 @@ export default class Avatar extends BaseComponent {
       avatar = /*#__PURE__*/React.createElement("div", {
         style: Object.assign({
           position: "relative"
-        }, style)
+        }, customStyle)
       }, avatar, /*#__PURE__*/React.createElement("span", {
         style: borderStyle,
         className: cls([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
@@ -343,7 +351,7 @@ export default class Avatar extends BaseComponent {
     if (shouldWrap) {
       return /*#__PURE__*/React.createElement("span", Object.assign({
         className: cls([`${prefixCls}-wrapper`]),
-        style: style
+        style: customStyle
       }, mouseEvent), avatar, topSlot && ["extra-small", "small", "default", "medium", "large", "extra-large"].includes(size) && shape === "circle" && this.renderTopSlot(), bottomSlot && ["extra-small", "small", "default", "medium", "large", "extra-large"].includes(size) && this.renderBottomSlot());
     } else {
       return avatar;

package/lib/es/treeSelect/index.js

@@ -233,7 +233,8 @@ class TreeSelect extends BaseComponent {
         [`${prefixcls}-selection-TriggerSearchItem-disabled`]: disabled
       });
       return /*#__PURE__*/React.createElement("span", {
-        className: spanCls
+        className: spanCls,
+        onClick: this.foundation.onClickSingleTriggerSearchItem
       }, renderText ? renderText : placeholder);
     };
     /**
@@ -243,7 +244,7 @@ class TreeSelect extends BaseComponent {
       const {
         inputValue
       } = this.state;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, !inputValue && this.renderSingleTriggerSearchItem(), this.renderInput());
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderInput(), !inputValue && this.renderSingleTriggerSearchItem());
     };
     this.renderSelectContent = () => {
       const {

package/lib/es/typography/base.js

@@ -546,7 +546,7 @@ export default class Base extends Component {
       className: `${prefixCls}-icon`,
       "x-semi-prop": "icon"
     }, isSemiIcon(icon) ? /*#__PURE__*/React.cloneElement(icon, {
-      realSize: iconSize
+      size: iconSize
     }) : icon);
   }
   renderContent() {

package/lib/es/typography/text.d.ts

@@ -41,6 +41,7 @@ export interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, O
     style?: React.CSSProperties;
     type?: TypographyBaseType;
     underline?: boolean;
+    weight?: number;
 }
 export default class Text extends PureComponent<TextProps> {
     static propTypes: {
@@ -59,6 +60,7 @@ export default class Text extends PureComponent<TextProps> {
         className: PropTypes.Requireable<string>;
         code: PropTypes.Requireable<boolean>;
         component: PropTypes.Requireable<string>;
+        weight: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         copyable: boolean;

package/lib/es/typography/text.js

@@ -24,7 +24,8 @@ Text.propTypes = {
   style: PropTypes.object,
   className: PropTypes.string,
   code: PropTypes.bool,
-  component: PropTypes.string
+  component: PropTypes.string,
+  weight: PropTypes.number
 };
 Text.defaultProps = {
   copyable: false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.60.0-beta.0",
+    "version": "2.60.1",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.60.0-beta.0",
-        "@douyinfe/semi-animation-react": "2.60.0-beta.0",
-        "@douyinfe/semi-foundation": "2.60.0-beta.0",
-        "@douyinfe/semi-icons": "2.60.0-beta.0",
-        "@douyinfe/semi-illustrations": "2.60.0-beta.0",
-        "@douyinfe/semi-theme-default": "2.60.0-beta.0",
+        "@douyinfe/semi-animation": "2.60.1",
+        "@douyinfe/semi-animation-react": "2.60.1",
+        "@douyinfe/semi-foundation": "2.60.1",
+        "@douyinfe/semi-icons": "2.60.1",
+        "@douyinfe/semi-illustrations": "2.60.1",
+        "@douyinfe/semi-theme-default": "2.60.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "4091f5bc7f66ef4668aeb0c95ae64ef6bea70393",
+    "gitHead": "9339ff83a2e2c141f7152b56dd544fe7576d667d",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",