@douyinfe/semi-foundation 2.71.1 → 2.71.2
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/image/image.scss +6 -0
- package/lib/cjs/image/image.css +6 -0
- package/lib/cjs/image/image.scss +6 -0
- package/lib/cjs/tooltip/foundation.js +2 -1
- package/lib/es/image/image.css +6 -0
- package/lib/es/image/image.scss +6 -0
- package/lib/es/tooltip/foundation.js +2 -1
- package/package.json +4 -4
- package/tooltip/foundation.ts +2 -1
package/image/image.scss
CHANGED
|
@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
|
|
|
204
204
|
// transition: transform $transition_duration-image_preview_image_img $transition_delay-image_preview_image_img;
|
|
205
205
|
z-index: 0;
|
|
206
206
|
user-select: none;
|
|
207
|
+
/**
|
|
208
|
+
* In tailwind, the max-width of img/video is set to 100%,
|
|
209
|
+
* which will affect the amplification effect of the picture.
|
|
210
|
+
* So we need to set max-width to none.
|
|
211
|
+
*/
|
|
212
|
+
max-width: none;
|
|
207
213
|
}
|
|
208
214
|
|
|
209
215
|
&-spin {
|
package/lib/cjs/image/image.css
CHANGED
|
@@ -177,6 +177,12 @@
|
|
|
177
177
|
transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
|
|
178
178
|
z-index: 0;
|
|
179
179
|
user-select: none;
|
|
180
|
+
/**
|
|
181
|
+
* In tailwind, the max-width of img/video is set to 100%,
|
|
182
|
+
* which will affect the amplification effect of the picture.
|
|
183
|
+
* So we need to set max-width to none.
|
|
184
|
+
*/
|
|
185
|
+
max-width: none;
|
|
180
186
|
}
|
|
181
187
|
.semi-image-preview-image-spin {
|
|
182
188
|
position: absolute;
|
package/lib/cjs/image/image.scss
CHANGED
|
@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
|
|
|
204
204
|
// transition: transform $transition_duration-image_preview_image_img $transition_delay-image_preview_image_img;
|
|
205
205
|
z-index: 0;
|
|
206
206
|
user-select: none;
|
|
207
|
+
/**
|
|
208
|
+
* In tailwind, the max-width of img/video is set to 100%,
|
|
209
|
+
* which will affect the amplification effect of the picture.
|
|
210
|
+
* So we need to set max-width to none.
|
|
211
|
+
*/
|
|
212
|
+
max-width: none;
|
|
207
213
|
}
|
|
208
214
|
|
|
209
215
|
&-spin {
|
|
@@ -416,7 +416,8 @@ class Tooltip extends _foundation.default {
|
|
|
416
416
|
}
|
|
417
417
|
_togglePortalVisible(isVisible) {
|
|
418
418
|
const nowVisible = this.getState('visible');
|
|
419
|
-
|
|
419
|
+
const isInsert = this.getState("isInsert");
|
|
420
|
+
if (nowVisible !== isVisible || isInsert !== isVisible) {
|
|
420
421
|
this._adapter.togglePortalVisible(isVisible, () => {
|
|
421
422
|
if (isVisible) {
|
|
422
423
|
this._adapter.setInitialFocus();
|
package/lib/es/image/image.css
CHANGED
|
@@ -177,6 +177,12 @@
|
|
|
177
177
|
transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
|
|
178
178
|
z-index: 0;
|
|
179
179
|
user-select: none;
|
|
180
|
+
/**
|
|
181
|
+
* In tailwind, the max-width of img/video is set to 100%,
|
|
182
|
+
* which will affect the amplification effect of the picture.
|
|
183
|
+
* So we need to set max-width to none.
|
|
184
|
+
*/
|
|
185
|
+
max-width: none;
|
|
180
186
|
}
|
|
181
187
|
.semi-image-preview-image-spin {
|
|
182
188
|
position: absolute;
|
package/lib/es/image/image.scss
CHANGED
|
@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
|
|
|
204
204
|
// transition: transform $transition_duration-image_preview_image_img $transition_delay-image_preview_image_img;
|
|
205
205
|
z-index: 0;
|
|
206
206
|
user-select: none;
|
|
207
|
+
/**
|
|
208
|
+
* In tailwind, the max-width of img/video is set to 100%,
|
|
209
|
+
* which will affect the amplification effect of the picture.
|
|
210
|
+
* So we need to set max-width to none.
|
|
211
|
+
*/
|
|
212
|
+
max-width: none;
|
|
207
213
|
}
|
|
208
214
|
|
|
209
215
|
&-spin {
|
|
@@ -409,7 +409,8 @@ export default class Tooltip extends BaseFoundation {
|
|
|
409
409
|
}
|
|
410
410
|
_togglePortalVisible(isVisible) {
|
|
411
411
|
const nowVisible = this.getState('visible');
|
|
412
|
-
|
|
412
|
+
const isInsert = this.getState("isInsert");
|
|
413
|
+
if (nowVisible !== isVisible || isInsert !== isVisible) {
|
|
413
414
|
this._adapter.togglePortalVisible(isVisible, () => {
|
|
414
415
|
if (isVisible) {
|
|
415
416
|
this._adapter.setInitialFocus();
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.71.
|
|
3
|
+
"version": "2.71.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
7
7
|
"prepublishOnly": "npm run build:lib"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@douyinfe/semi-animation": "2.71.
|
|
11
|
-
"@douyinfe/semi-json-viewer-core": "2.71.
|
|
10
|
+
"@douyinfe/semi-animation": "2.71.2",
|
|
11
|
+
"@douyinfe/semi-json-viewer-core": "2.71.2",
|
|
12
12
|
"@mdx-js/mdx": "^3.0.1",
|
|
13
13
|
"async-validator": "^3.5.0",
|
|
14
14
|
"classnames": "^2.2.6",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"*.scss",
|
|
30
30
|
"*.css"
|
|
31
31
|
],
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "e65e2dcb2c75c77a7c41234b1e7b5a2ebc73dd67",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
35
35
|
"@babel/preset-env": "^7.15.8",
|
package/tooltip/foundation.ts
CHANGED
|
@@ -383,7 +383,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
|
|
|
383
383
|
|
|
384
384
|
_togglePortalVisible(isVisible: boolean) {
|
|
385
385
|
const nowVisible = this.getState('visible');
|
|
386
|
-
|
|
386
|
+
const isInsert = this.getState("isInsert");
|
|
387
|
+
if (nowVisible !== isVisible || isInsert !== isVisible) {
|
|
387
388
|
this._adapter.togglePortalVisible(isVisible, () => {
|
|
388
389
|
if (isVisible) {
|
|
389
390
|
this._adapter.setInitialFocus();
|