);
};
diff --git a/src/count-down/count-down.tsx b/src/count-down/count-down.tsx
index 09171d0d6..a55d8f01b 100644
--- a/src/count-down/count-down.tsx
+++ b/src/count-down/count-down.tsx
@@ -1,4 +1,4 @@
-import { computed, defineComponent } from 'vue';
+import { computed, defineComponent, onBeforeUnmount, onMounted, ref } from 'vue';
import config from '../config';
import CountDownProps from './props';
import { useCountDown } from '../shared/useCountDown';
@@ -18,8 +18,17 @@ export default defineComponent({
`${countDownClass.value}--${props.theme}`,
`${countDownClass.value}--${props.size}`,
]);
-
- const { showTimes } = useCountDown(props);
+ const visibility = ref(true);
+ const visibilitychangeListener = () => {
+ visibility.value = !document.hidden;
+ };
+ onMounted(() => {
+ document.addEventListener('visibilitychange', visibilitychangeListener, false);
+ });
+ onBeforeUnmount(() => {
+ document.removeEventListener('visibilitychange', visibilitychangeListener, false);
+ });
+ const { showTimes } = useCountDown(props, visibility);
return () => {
const renderContent = () => {
const content = renderTNodeJSX('content');
diff --git a/src/form/form-item.tsx b/src/form/form-item.tsx
index 8bb926257..611135395 100644
--- a/src/form/form-item.tsx
+++ b/src/form/form-item.tsx
@@ -5,6 +5,7 @@ import {
nextTick,
onBeforeUnmount,
onMounted,
+ provide,
reactive,
ref,
toRefs,
@@ -37,6 +38,7 @@ import {
ErrorListType,
FormInjectionKey,
FormItemContext,
+ FormItemInjectionKey,
SuccessListType,
ValidateStatus,
} from './const';
@@ -312,6 +314,14 @@ export default defineComponent({
},
);
+ const handleBlur = async () => {
+ await validateHandler('blur');
+ };
+
+ provide(FormItemInjectionKey, {
+ handleBlur,
+ });
+
return () => {
const renderRightIconContent = () => {
if (!props.arrow) {
diff --git a/src/hooks/useLockScroll.ts b/src/hooks/useLockScroll.ts
index f38734798..85a6dea86 100644
--- a/src/hooks/useLockScroll.ts
+++ b/src/hooks/useLockScroll.ts
@@ -3,7 +3,7 @@ import { useTouch } from '../_util/useTouch';
import getScrollParent from '../_util/getScrollParent';
import { supportsPassive } from '../_util/supportsPassive';
-let totalLockCount = 0;
+const totalLockCount = new Map();
let mounted: boolean = null;
// 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
@@ -37,21 +37,22 @@ export function useLockScroll(rootRef: Ref, shouldLock:
document.addEventListener('touchstart', touch.start);
document.addEventListener('touchmove', onTouchMove, supportsPassive.value ? { passive: false } : false);
- if (!totalLockCount) {
+ if (!totalLockCount.get(BODY_LOCK_CLASS)) {
document.body.classList.add(BODY_LOCK_CLASS);
}
- totalLockCount += 1;
+ totalLockCount.set(BODY_LOCK_CLASS, (totalLockCount.get(BODY_LOCK_CLASS) ?? 0) + 1);
};
const unlock = () => {
- if (totalLockCount) {
+ const sum = Array.from(totalLockCount.values()).reduce((acc, val) => acc + val, 0);
+ if (sum) {
document.removeEventListener('touchstart', touch.start);
document.removeEventListener('touchmove', onTouchMove);
- totalLockCount -= 1;
+ totalLockCount.set(BODY_LOCK_CLASS, Math.max((totalLockCount.get(BODY_LOCK_CLASS) ?? 0) - 1, 0));
- if (!totalLockCount) {
+ if (!totalLockCount.get(BODY_LOCK_CLASS)) {
document.body.classList.remove(BODY_LOCK_CLASS);
}
}
diff --git a/src/icon/icon.en-US.md b/src/icon/icon.en-US.md
index f357aaf77..68fb2f1a5 100644
--- a/src/icon/icon.en-US.md
+++ b/src/icon/icon.en-US.md
@@ -4,7 +4,6 @@
Icons are published and managed as a separate npm package. If you want to use it directly in your project, please install `tdesign-icons-vue-next`. At the same time, `tdesign-vue-next` also includes icons and supports direct use through `t-icon`.
-
### Import on-demand
SVG icons can be imported on demand. When using the Icon component in component development, SVG icons are imported on demand.
@@ -37,10 +36,8 @@ New iconfont icons can be added by passing in the URL.
The component will import default iconfont icons. If you want to disable the loading of default iconfont icons, set `loadDefaultIcons` to `false`.
-
{{ iconfont-enhanced }}
-
### FAQ
#### How to get all the names of icons？
@@ -50,18 +47,21 @@ You can get all the name of icon by import manifest from the bundle `import { ma
#### the usage of full import needs network. What if my project is in a no-network scenario?
if your project is in a no-network scenario, please use on-demand loading of icons. For example,`` should be changed to ``
+
### All Icons
- Most icons were added to the icon library after version 0.2.0. If you find that the icon cannot be displayed normally after being imported, please check the version of tdesign-icons-vue-next you have installed
+
Most icons were added to the icon library after version 0.3.0. If you find that the icon cannot be displayed normally after being imported, please check the version of tdesign-icons-vue-next you have installed. Supports Chinese and English search. If you think other keyword prompts can be added, feel free to submit a Pull Request to the Icon Repository to help us complete it together.
+