@douyinfe/semi-ui 2.53.3-alpha.1 → 2.53.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/umd/semi-ui.js +420 -384
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/avatar/index.js +8 -8
- package/lib/cjs/avatar/interface.d.ts +1 -1
- package/lib/cjs/typography/base.js +1 -1
- package/lib/es/avatar/index.js +8 -8
- package/lib/es/avatar/interface.d.ts +1 -1
- package/lib/es/typography/base.js +1 -1
- package/package.json +8 -8
package/lib/cjs/avatar/index.js
CHANGED
|
@@ -284,8 +284,8 @@ class Avatar extends _baseComponent.default {
|
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
286
|
render() {
|
|
287
|
-
var _a
|
|
288
|
-
const
|
|
287
|
+
var _a;
|
|
288
|
+
const _b = this.props,
|
|
289
289
|
{
|
|
290
290
|
shape,
|
|
291
291
|
children,
|
|
@@ -304,8 +304,8 @@ class Avatar extends _baseComponent.default {
|
|
|
304
304
|
topSlot,
|
|
305
305
|
border,
|
|
306
306
|
contentMotion
|
|
307
|
-
} =
|
|
308
|
-
others = __rest(
|
|
307
|
+
} = _b,
|
|
308
|
+
others = __rest(_b, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt", "gap", "bottomSlot", "topSlot", "border", "contentMotion"]);
|
|
309
309
|
const {
|
|
310
310
|
isImgExist,
|
|
311
311
|
hoverContent,
|
|
@@ -335,8 +335,8 @@ class Avatar extends _baseComponent.default {
|
|
|
335
335
|
}), this.getContent(), hoverRender);
|
|
336
336
|
if (border) {
|
|
337
337
|
const borderStyle = {};
|
|
338
|
-
if (border === null || border === void 0 ? void 0 : border.color) {
|
|
339
|
-
borderStyle['borderColor'] = border.color;
|
|
338
|
+
if (typeof border === 'object' && (border === null || border === void 0 ? void 0 : border.color)) {
|
|
339
|
+
borderStyle['borderColor'] = border === null || border === void 0 ? void 0 : border.color;
|
|
340
340
|
}
|
|
341
341
|
avatar = /*#__PURE__*/_react.default.createElement("div", {
|
|
342
342
|
style: Object.assign({
|
|
@@ -347,11 +347,11 @@ class Avatar extends _baseComponent.default {
|
|
|
347
347
|
className: (0, _classnames.default)([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
|
|
348
348
|
[`${prefixCls}-${shape}`]: shape
|
|
349
349
|
}])
|
|
350
|
-
}),
|
|
350
|
+
}), typeof this.props.border === 'object' && this.props.border.motion && /*#__PURE__*/_react.default.createElement("span", {
|
|
351
351
|
style: borderStyle,
|
|
352
352
|
className: (0, _classnames.default)([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
|
|
353
353
|
[`${prefixCls}-${shape}`]: shape,
|
|
354
|
-
[`${prefixCls}-additionalBorder-animated`]: (
|
|
354
|
+
[`${prefixCls}-additionalBorder-animated`]: typeof this.props.border === 'object' && ((_a = this.props.border) === null || _a === void 0 ? void 0 : _a.motion)
|
|
355
355
|
}])
|
|
356
356
|
}));
|
|
357
357
|
}
|
|
@@ -429,7 +429,7 @@ class Base extends _react.Component {
|
|
|
429
429
|
copied: false,
|
|
430
430
|
// ellipsis
|
|
431
431
|
// if text is overflow in container
|
|
432
|
-
isOverflowed:
|
|
432
|
+
isOverflowed: true,
|
|
433
433
|
ellipsisContent: props.children,
|
|
434
434
|
expanded: false,
|
|
435
435
|
// if text is truncated with js
|
package/lib/es/avatar/index.js
CHANGED
|
@@ -265,8 +265,8 @@ export default class Avatar extends BaseComponent {
|
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
267
|
render() {
|
|
268
|
-
var _a
|
|
269
|
-
const
|
|
268
|
+
var _a;
|
|
269
|
+
const _b = this.props,
|
|
270
270
|
{
|
|
271
271
|
shape,
|
|
272
272
|
children,
|
|
@@ -285,8 +285,8 @@ export default class Avatar extends BaseComponent {
|
|
|
285
285
|
topSlot,
|
|
286
286
|
border,
|
|
287
287
|
contentMotion
|
|
288
|
-
} =
|
|
289
|
-
others = __rest(
|
|
288
|
+
} = _b,
|
|
289
|
+
others = __rest(_b, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt", "gap", "bottomSlot", "topSlot", "border", "contentMotion"]);
|
|
290
290
|
const {
|
|
291
291
|
isImgExist,
|
|
292
292
|
hoverContent,
|
|
@@ -316,8 +316,8 @@ export default class Avatar extends BaseComponent {
|
|
|
316
316
|
}), this.getContent(), hoverRender);
|
|
317
317
|
if (border) {
|
|
318
318
|
const borderStyle = {};
|
|
319
|
-
if (border === null || border === void 0 ? void 0 : border.color) {
|
|
320
|
-
borderStyle['borderColor'] = border.color;
|
|
319
|
+
if (typeof border === 'object' && (border === null || border === void 0 ? void 0 : border.color)) {
|
|
320
|
+
borderStyle['borderColor'] = border === null || border === void 0 ? void 0 : border.color;
|
|
321
321
|
}
|
|
322
322
|
avatar = /*#__PURE__*/React.createElement("div", {
|
|
323
323
|
style: Object.assign({
|
|
@@ -328,11 +328,11 @@ export default class Avatar extends BaseComponent {
|
|
|
328
328
|
className: cls([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
|
|
329
329
|
[`${prefixCls}-${shape}`]: shape
|
|
330
330
|
}])
|
|
331
|
-
}),
|
|
331
|
+
}), typeof this.props.border === 'object' && this.props.border.motion && /*#__PURE__*/React.createElement("span", {
|
|
332
332
|
style: borderStyle,
|
|
333
333
|
className: cls([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
|
|
334
334
|
[`${prefixCls}-${shape}`]: shape,
|
|
335
|
-
[`${prefixCls}-additionalBorder-animated`]: (
|
|
335
|
+
[`${prefixCls}-additionalBorder-animated`]: typeof this.props.border === 'object' && ((_a = this.props.border) === null || _a === void 0 ? void 0 : _a.motion)
|
|
336
336
|
}])
|
|
337
337
|
}));
|
|
338
338
|
}
|
|
@@ -420,7 +420,7 @@ export default class Base extends Component {
|
|
|
420
420
|
copied: false,
|
|
421
421
|
// ellipsis
|
|
422
422
|
// if text is overflow in container
|
|
423
|
-
isOverflowed:
|
|
423
|
+
isOverflowed: true,
|
|
424
424
|
ellipsisContent: props.children,
|
|
425
425
|
expanded: false,
|
|
426
426
|
// if text is truncated with js
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-ui",
|
|
3
|
-
"version": "2.53.3
|
|
3
|
+
"version": "2.53.3",
|
|
4
4
|
"description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es/index.js",
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
"@dnd-kit/core": "^6.0.8",
|
|
21
21
|
"@dnd-kit/sortable": "^7.0.2",
|
|
22
22
|
"@dnd-kit/utilities": "^3.2.1",
|
|
23
|
-
"@douyinfe/semi-animation": "2.53.3
|
|
24
|
-
"@douyinfe/semi-animation-react": "2.53.3
|
|
25
|
-
"@douyinfe/semi-foundation": "2.53.3
|
|
26
|
-
"@douyinfe/semi-icons": "2.53.3
|
|
27
|
-
"@douyinfe/semi-illustrations": "2.53.3
|
|
28
|
-
"@douyinfe/semi-theme-default": "2.53.3
|
|
23
|
+
"@douyinfe/semi-animation": "2.53.3",
|
|
24
|
+
"@douyinfe/semi-animation-react": "2.53.3",
|
|
25
|
+
"@douyinfe/semi-foundation": "2.53.3",
|
|
26
|
+
"@douyinfe/semi-icons": "2.53.3",
|
|
27
|
+
"@douyinfe/semi-illustrations": "2.53.3",
|
|
28
|
+
"@douyinfe/semi-theme-default": "2.53.3",
|
|
29
29
|
"async-validator": "^3.5.0",
|
|
30
30
|
"classnames": "^2.2.6",
|
|
31
31
|
"copy-text-to-clipboard": "^2.1.1",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
],
|
|
76
76
|
"author": "",
|
|
77
77
|
"license": "MIT",
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "185222a3eca3ca40b81f143de74d980c12565406",
|
|
79
79
|
"devDependencies": {
|
|
80
80
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
81
81
|
"@babel/plugin-transform-runtime": "^7.15.8",
|