chore: upgrade vue to 3.5

Author: uyarn

internal/utils/src/catalogs.ts

@@ -60,7 +60,7 @@ export const catalogs = {
     sortablejs: '^1.15.0',
     tinycolor2: '^1.6.0',
     validator: '^13.9.0',
-    vue: '^3.3.9',
+    vue: '^3.5.0',
     'vue-router': '^4.2.4',
   },
   docs: {

packages/common

@@ -97,6 +97,8 @@ describe('Affix', () => {
 
     it('Test get container', async () => {
       await nextTick();
+
+      /* @ts-ignore */
       expect(affixRef.scrollContainer).toBe(wrapper.vm.container());
     });
     // 模拟 affixWrap 的位置
@@ -110,6 +112,8 @@ describe('Affix', () => {
 
     it('Test the scrolling state', async () => {
       // 模拟容器滚动
+
+      /* @ts-ignore */
       wrapper.vm.container().dispatchEvent(new CustomEvent('scroll'));
       expect(wrapper.find('.t-affix').classes()).toContain('t-affix');
     });

packages/components/affix/__tests__/affix.test.tsx

@@ -14,7 +14,7 @@ export default defineComponent({
     const COMPONENT_NAME = usePrefixClass('affix');
     const renderTNodeJSX = useTNodeJSX();
 
-    const affixWrapRef = ref<HTMLElement>(null);
+    const affixWrapRef = ref(null);
     const affixRef = ref<HTMLElement>(null);
     const placeholderEL = ref(document?.createElement('div')); // 占位节点
     const ticking = ref(false);

packages/components/affix/affix.tsx

@@ -40,9 +40,9 @@ export default defineComponent({
 
     const renderIconTNode = useIcon();
     // alert的dom引用
-    const alertRef = ref<HTMLElement | null>(null);
+    const alertRef = ref<HTMLElement>();
     // description的dom引用
-    const descriptionRef = ref<HTMLElement | null>(null);
+    const descriptionRef = ref<HTMLElement>();
     // desc高度
     const descHeight = ref(0);
     // 是否可见，关闭后置为false

packages/components/alert/alert.tsx

@@ -30,6 +30,7 @@ export default defineComponent({
       const className = [`${COMPONENT_NAME.value}__target`];
       const iconClassName = `${classPrefix.value}-copy`;
       return (
+        // @ts-expect-error
         <TAG id={id} class={className}>
           {children && children(null)}
           <Popup content={globalConfig.value.copyText} placement="top" showArrow class={iconClassName}>

packages/components/anchor/anchor-target.tsx

@@ -40,7 +40,7 @@ export default defineComponent({
     const anchorRef = ref<HTMLElement | null>(null);
     const links = ref<string[]>([]);
     const active = ref('');
-    const scrollContainer = ref<ANCHOR_CONTAINER>(null);
+    const scrollContainer = ref<ANCHOR_CONTAINER>();
     const handleScrollLock = ref<boolean>(false);
     const activeLineStyle = reactive({});
     const COMPONENT_NAME = usePrefixClass('anchor');

packages/components/anchor/anchor.tsx

@@ -13,6 +13,7 @@ describe('Avatar', () => {
   describe('props', () => {
     let wrapper: VueWrapper<InstanceType<typeof Avatar>> | null = null;
     beforeEach(() => {
+      // @ts-ignore TODO
       wrapper = mount(<Avatar>Avatar</Avatar>) as VueWrapper<InstanceType<typeof Avatar>>;
     });
 

packages/components/avatar/__tests__/avatar.test.tsx

@@ -56,6 +56,7 @@ export default defineComponent({
     });
 
     const handleClick = () => {
+      // @ts-ignore
       const router = props.router || proxy.$router;
 
       if (props.to && router) {

packages/components/breadcrumb/breadcrumb-item.tsx

@@ -269,7 +269,6 @@ export default defineComponent({
               <div class={cls.controlSectionCell.value}>
                 <TCheckTag
                   class={cls.controlTag.value}
-                  theme={state.isShowWeekend ? 'default' : 'primary'}
                   size="large"
                   {...weekendBtn.vBind.value}
                   disabled={weekendBtn.isDisabled.value}