revert: 暂时将UniElement类型改回Element

components/uni-collapse-item/uni-collapse-item.vue

@@ -35,8 +35,8 @@
 			return {
 				height: 0,
 				is_open: this.open as boolean,
-				boxNode: null as UniElement | null,
-				contentNode: null as UniElement | null,
+				boxNode: null as Element | null,
+				contentNode: null as Element | null,
 			};
 		},
 		watch: {
@@ -51,8 +51,8 @@
 			$dispatch(this, 'UniCollapse', 'init', this)
 		},
 		mounted() {
-			this.boxNode = this.$refs['boxRef'] as UniElement;
-			this.contentNode = this.$refs['contentRef'] as UniElement;
+			this.boxNode = this.$refs['boxRef'] as Element;
+			this.contentNode = this.$refs['contentRef'] as Element;
 			// this.openCollapse(this.open)
 		},
 		methods: {

pages/API/get-element-by-id/get-element-by-id-multiple-root-node.uvue

@@ -23,7 +23,7 @@
       }
     },
     methods: {
-      getElementByNotExistId() : UniElement | null {
+      getElementByNotExistId() : Element | null {
         return uni.getElementById('not-exist-id')
       },
       changePageHeadBackgroundColor() {

pages/API/get-element-by-id/get-element-by-id.uvue

@@ -30,7 +30,7 @@
       }
     },
     methods: {
-      getElementByNotExistId() : UniElement | null {
+      getElementByNotExistId() : Element | null {
         return uni.getElementById('not-exist-id')
       },
       changePageHeadBackgroundColor() {

pages/CSS/layout/z-index.uvue

@@ -36,7 +36,7 @@
     methods: {
       changeZIndex(zIndex : number) {
         this.zIndex = 20;
-        (this.$refs['view'] as UniElement).style.setProperty('z-index', zIndex);
+        (this.$refs['view'] as Element).style.setProperty('z-index', zIndex);
       }
     }
   }

pages/CSS/transition/transition.uvue

@@ -52,24 +52,24 @@
     data() {
       return {
         isTranstionWidthOrHeight: false,
-        widthOrHeight: null as UniElement | null,
+        widthOrHeight: null as Element | null,
         isTranstionChangeMargin: false,
-        styleMargin: null as UniElement | null,
+        styleMargin: null as Element | null,
         isTransitionStylePadding: false,
-        stylePadding: null as UniElement | null,
+        stylePadding: null as Element | null,
         isTransitionstyleBackground: false,
-        styleBackground: null as UniElement | null,
+        styleBackground: null as Element | null,
         isTransitionStyleTransform: false,
-        styleTransform: null as UniElement | null,
+        styleTransform: null as Element | null,
         isTransitionstyleBorder: false,
-        styleBorder: null as UniElement | null,
+        styleBorder: null as Element | null,
         isTransitionstylePosition: false,
-        stylePosition: null as UniElement | null,
+        stylePosition: null as Element | null,
         isSetTransition: false,
         isTransitionpropertystyleBackground: false,
-        propertyStyleBackground: null as UniElement | null,
+        propertyStyleBackground: null as Element | null,
         isTransitionStyleTransformWithOrigin: false,
-        styleTransformWithOrigin: null as UniElement | null,
+        styleTransformWithOrigin: null as Element | null,
       }
     },
     onReady() {

pages/component/general-attribute/general-attribute.uvue

@@ -70,7 +70,7 @@ export default {
   },
   methods: {
     validateGeneralAttributes() {
-      const generalTarget = this.$refs['general-target'] as UniElement
+      const generalTarget = this.$refs['general-target'] as Element
       const generalId = generalTarget.getAttribute('id')
       if (generalId != this.generalId) {
         this.validateGeneralAttrText = '基础属性 id 验证失败'
@@ -103,7 +103,7 @@ export default {
       this.validateGeneralAttrText = '基础属性验证成功'
     },
     changeHeight(){
-      const generalTarget = this.$refs['general-target'] as UniElement
+      const generalTarget = this.$refs['general-target'] as Element
       this.changeHeightByRefText = '已通过 ref 修改高度'
       generalTarget.style.setProperty('height', '200px')
     }

pages/component/general-event/touch-event.uvue

@@ -28,7 +28,7 @@
         lastX: 0,
         lastY: 0,
         touchEvent: null as TouchEvent | null,
-        icon: null as UniElement | null
+        icon: null as Element | null
 			}
 		},
     onReady() {

pages/component/general-event/transition-event.uvue

@@ -15,7 +15,7 @@
     data() {
       return {
         times: 0,
-        element: null as UniElement | null,
+        element: null as Element | null,
         isStart: false,
         buttonValue: "开启图片旋转",
         onTransitionEndTriggr: false

pages/component/input/input.uvue

@@ -255,11 +255,11 @@
         this.onMaxLengthInputValue = event.detail.value
       },
       setCursor: function (cursor : number) {
-        (this.$refs['input'] as UniElement).focus();
+        (this.$refs['input'] as Element).focus();
         this.cursor = cursor;
       },
       setSelection: function (selectionStart : number, selectionEnd : number) {
-        (this.$refs['input2'] as UniElement).focus();
+        (this.$refs['input2'] as Element).focus();
         this.selectionStart = selectionStart;
         this.selectionEnd = selectionEnd;
       },

pages/component/list-view/list-view.uvue

@@ -92,7 +92,7 @@
       item_change_size_enum(index : number) { this.scrollIntoView = "item---"+index },
       //自动化测试例专用
       check_scroll_height(): Boolean {
-        var listElement = this.$refs["listview"] as UniElement
+        var listElement = this.$refs["listview"] as Element
         console.log("check_scroll_height--"+listElement.scrollHeight)
         if(listElement.scrollHeight > 2000) {
           return true
@@ -101,7 +101,7 @@
       },
       //自动化测试例专用
       check_scroll_width(): Boolean {
-        var listElement = this.$refs["listview"] as UniElement
+        var listElement = this.$refs["listview"] as Element
         console.log("check_scroll_width"+listElement.scrollWidth)
         if(listElement.scrollWidth > 2000) {
           return true

pages/component/scroll-view/scroll-view-props.uvue

@@ -184,7 +184,7 @@
       checkScrollHeight(): Boolean {
         var element = this.$refs["scrollViewY"]
         if(element != null) {
-           var scrollHeight = (element as UniElement).scrollHeight
+           var scrollHeight = (element as Element).scrollHeight
            console.log("checkScrollHeight"+scrollHeight)
            if(scrollHeight > 1900) {
              return true
@@ -196,7 +196,7 @@
       checkScrollWidth(): Boolean {
         var element = this.$refs["scrollViewX"]
         if(element != null) {
-           var scrollWidth = (element as UniElement).scrollWidth
+           var scrollWidth = (element as Element).scrollWidth
            console.log("checkScrollWidth---"+scrollWidth)
            if(scrollWidth > 1900) {
              return true

pages/component/sticky-section/sticky-section.uvue

@@ -37,7 +37,7 @@
       },
       //用于自动化测试
       listViewScrollByY(y : number) {
-        const listview = this.$refs["list-view"] as UniElement
+        const listview = this.$refs["list-view"] as Element
         listview.scrollBy(0, y)
       },
       gotoStickyHeader(id : string) {

pages/tabBar/API.uvue

@@ -158,11 +158,11 @@
               {
                 name: 'element draw',
                 url: 'element-draw',
-                api: ["UniElement.getDrawableContext"]
+                api: ["Element.getDrawableContext"]
               },{
                 name: 'element截图',
                 url: 'element-takesnapshot',
-                api: ["UniElement.takeSnapshot"]
+                api: ["Element.takeSnapshot"]
               },
               {
                 name: 'node节点',
@@ -522,10 +522,10 @@
         })
       },
       showPop: function () {
-        (this.$refs["pop"] as UniElement).style.setProperty("display", "flex")
+        (this.$refs["pop"] as Element).style.setProperty("display", "flex")
       },
       hidePop: function () {
-        (this.$refs["pop"] as UniElement).style.setProperty("display", "none")
+        (this.$refs["pop"] as Element).style.setProperty("display", "none")
       },
       stopClickPop: function (e : MouseEvent) {
         e.stopPropagation() //点击到pop的非灰色区域，拦截点击事件

pages/template/calendar/calendar.uvue

@@ -70,7 +70,7 @@ export default {
 
     // 触发整个日历的点击事件，需要计算点击位置
     select (event: TouchEvent) {
-      const refs = this.$refs['draw-weeks'] as UniElement
+      const refs = this.$refs['draw-weeks'] as Element
       const rect = refs.getBoundingClientRect();
       const dom_x = rect.left; // 元素左上角相对于视口的 X 坐标
       const dom_y = rect.top; // 元素左上角相对于视口的 Y 坐标
@@ -144,7 +144,7 @@ export default {
 
     // 绘制日历顶部信息
     drawHeader () {
-      const refs = this.$refs['draw-header'] as UniElement
+      const refs = this.$refs['draw-header'] as Element
       let ctx = refs.getDrawableContext()
       if (ctx == null) return
       const date_header_map = ['一', '二', '三', '四', '五', '六', '日']
@@ -172,7 +172,7 @@ export default {
     // 绘制日历主体
     drawWeek (weeks: Array<Array<DateType>>, time: string) {
       const start_time = Date.now()
-      const refs = this.$refs['draw-weeks'] as UniElement
+      const refs = this.$refs['draw-weeks'] as Element
       let ctx = refs.getDrawableContext()
       if (ctx == null) return
       const dom = refs.getBoundingClientRect()

pages/template/custom-tab-bar/custom-tab-bar-tab1.uvue

@@ -35,7 +35,7 @@
         uni.$emit('tabchange', e.detail.scrollTop)
       },
       scrollTop(top : number) {
-        (this.$refs["listView"] as UniElement).scrollTop = top
+        (this.$refs["listView"] as Element).scrollTop = top
       }
     }
   }

pages/template/custom-tab-bar/custom-tab-bar.uvue

@@ -73,7 +73,7 @@
     },
     onReady() {
       this.setSelectedIndex(0)
-      this.$tabViewHeight = (this.$refs["tabview"] as UniElement).getBoundingClientRect().height
+      this.$tabViewHeight = (this.$refs["tabview"] as Element).getBoundingClientRect().height
     },
     onUnload() {
       uni.$off('tabchange', this.onTabPageEvent)

pages/template/drop-card/card/card.uvue

@@ -21,7 +21,7 @@
   export default {
     data() {
       return {
-        $elementMap: new Map<string, UniElement>(),
+        $elementMap: new Map<string, Element>(),
         x: 0 as number,
         y: 0 as number,
         // 飘走的卡片计数
@@ -78,12 +78,12 @@
         this.setElementStyle('card', 'margin-top', screenHeight * 0.15 - 30 * _index + 'px');
         this.setElementStyle('card', 'transform', 'scale(' + (0.9 + 0.05 * _index) + ')')
       },
-      // 工具方法，用于快速设置 UniElement 的 style
+      // 工具方法，用于快速设置 Element 的 style
       setElementStyle(refName : string, propertyName : string, propertyStyle : any) : void {
-        const elementMap = this.$data['$elementMap'] as Map<string, UniElement>
-        let element : UniElement | null = elementMap.get(refName)
+        const elementMap = this.$data['$elementMap'] as Map<string, Element>
+        let element : Element | null = elementMap.get(refName)
         if (element == null) {
-          element = this.$refs[refName] as UniElement;
+          element = this.$refs[refName] as Element;
           elementMap.set(refName, element)
         } else {
           // console.log('直接拿');

pages/template/half-screen/half-screen.uvue

@@ -28,8 +28,8 @@
         lastY: 0,			//上次
         lastY2: 0,			//
         bAnimation: false,	//是否动画
-        halfNode: null as UniElement | null,
-        scrollNode: null as UniElement | null
+        halfNode: null as Element | null,
+        scrollNode: null as Element | null
       }
     },
     methods: {

pages/template/long-list/long-list.uvue

@@ -79,21 +79,21 @@
           } as SwiperViewItem
         ] as SwiperViewItem[],
         swiperIndex: -1,
-        $pageScrollView: null as null | UniElement,
+        $pageScrollView: null as null | Element,
         $headerHeight: 0,
         $animationFinishIndex: 0,
-        $tabScrollView: null as null | UniElement,
-        $indicatorNode: null as null | UniElement,
+        $tabScrollView: null as null | Element,
+        $indicatorNode: null as null | Element,
         $swiperWidth: 0,
         $swiperTabsRect: [] as SwiperTabsItem[]
       }
     },
     onReady() {
-      this.$pageScrollView = this.$refs['pageScrollView'] as UniElement;
-      this.$headerHeight = (this.$refs['header'] as UniElement).offsetHeight
-      this.$swiperWidth = (this.$refs['swiper'] as UniElement).getBoundingClientRect().width
-      this.$tabScrollView = this.$refs['tabScroll'] as UniElement
-      this.$indicatorNode = this.$refs['indicator'] as UniElement
+      this.$pageScrollView = this.$refs['pageScrollView'] as Element;
+      this.$headerHeight = (this.$refs['header'] as Element).offsetHeight
+      this.$swiperWidth = (this.$refs['swiper'] as Element).getBoundingClientRect().width
+      this.$tabScrollView = this.$refs['tabScroll'] as Element
+      this.$indicatorNode = this.$refs['indicator'] as Element
       this.cacheTabItemsSize()
       this.setSwiperIndex(0, true)
     },
@@ -173,7 +173,7 @@
       },
       cacheTabItemsSize() {
         this.$swiperTabsRect.length = 0
-        const tabs = this.$refs["swipertab"] as UniElement[]
+        const tabs = this.$refs["swipertab"] as Element[]
         tabs.forEach((node) => {
           this.$swiperTabsRect.push({
             x: node.offsetLeft,

pages/template/long-list2/long-list2.uvue

@@ -89,22 +89,22 @@
           } as SwiperViewItem
         ] as SwiperViewItem[],
         swiperIndex: -1,
-        $pageScrollView: null as null | UniElement,
+        $pageScrollView: null as null | Element,
         $headerHeight: 0,
         $animationFinishIndex: 0,
-        $tabScrollView: null as null | UniElement,
-        $indicatorNode: null as null | UniElement,
+        $tabScrollView: null as null | Element,
+        $indicatorNode: null as null | Element,
         $swiperWidth: 0,
         $swiperTabsRect: [] as SwiperTabsItem[],
         nestedScrollChildId: ""
       }
     },
     onReady() {
-      this.$pageScrollView = this.$refs['pageScrollView'] as UniElement;
-      this.$headerHeight = (this.$refs['header'] as UniElement).offsetHeight
-      this.$swiperWidth = (this.$refs['swiper'] as UniElement).getBoundingClientRect().width
-      this.$tabScrollView = this.$refs['tabScroll'] as UniElement
-      this.$indicatorNode = this.$refs['indicator'] as UniElement
+      this.$pageScrollView = this.$refs['pageScrollView'] as Element;
+      this.$headerHeight = (this.$refs['header'] as Element).offsetHeight
+      this.$swiperWidth = (this.$refs['swiper'] as Element).getBoundingClientRect().width
+      this.$tabScrollView = this.$refs['tabScroll'] as Element
+      this.$indicatorNode = this.$refs['indicator'] as Element
       this.cacheTabItemsSize()
       this.setSwiperIndex(0, true)
     },
@@ -176,7 +176,7 @@
       },
       cacheTabItemsSize() {
         this.$swiperTabsRect.length = 0
-        const tabs = this.$refs["swipertab"] as UniElement[]
+        const tabs = this.$refs["swipertab"] as Element[]
         tabs.forEach((node) => {
           this.$swiperTabsRect.push({
             x: node.offsetLeft,

pages/template/pull-zoom-image/pull-zoom-image.uvue

@@ -36,7 +36,7 @@
   export default {
     data() {
       return {
-        $elementMap: new Map<string, UniElement>()
+        $elementMap: new Map<string, Element>()
       }
     },
     methods: {
@@ -60,12 +60,12 @@
         this.setElementStyle("head-img-1", 'transform', `scale(${pullingDistance / 200 + 1})`)
         this.setElementStyle("head-img-2", 'transform', `scale(${pullingDistance / 200 + 1})`)
       },
-      // 工具方法，用于快速设置 UniElement 的 style
+      // 工具方法，用于快速设置 Element 的 style
       setElementStyle(refName : string, propertyName : string, propertyStyle : any) : void {
-        let element : UniElement | null = (this.$data['$elementMap'] as Map<string, UniElement>).get(refName)
+        let element : Element | null = (this.$data['$elementMap'] as Map<string, Element>).get(refName)
         if (element == null) {
-          element = this.$refs[refName] as UniElement;
-          (this.$data['$elementMap'] as Map<string, UniElement>).set(refName, element)
+          element = this.$refs[refName] as Element;
+          (this.$data['$elementMap'] as Map<string, Element>).set(refName, element)
         }
         element.style.setProperty(propertyName, propertyStyle);
       },

pages/template/scroll-fold-nav/scroll-fold-nav.uvue

@@ -41,17 +41,17 @@
         statusBarHeight: 35,
         scrollTop: 0,
         searchWidth: 700,
-        searchNode: null as UniElement | null,
-        boxNode: null as UniElement | null,
-        navNode: null as UniElement | null
+        searchNode: null as Element | null,
+        boxNode: null as Element | null,
+        navNode: null as Element | null
       }
     },
     onLoad() { },
     onReady() {
       this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight ?? 35;
-      this.searchNode = this.$refs['search'] as UniElement;
-      this.boxNode = this.$refs['top-box'] as UniElement;
-      this.navNode = this.$refs['scroll-fold-nav'] as UniElement;
+      this.searchNode = this.$refs['search'] as Element;
+      this.boxNode = this.$refs['top-box'] as Element;
+      this.navNode = this.$refs['scroll-fold-nav'] as Element;
     },
     methods: {
       onScroll(e : ScrollEvent) {

pages/template/scroll-sticky/scroll-sticky.uvue

@@ -34,7 +34,7 @@
 				stickyTop: 0,
 				stickyTran: 0,
 				scrollTop: 0,
-				stickyNode: null as UniElement | null
+				stickyNode: null as Element | null
 			}
 		},
 		methods: {
@@ -67,11 +67,11 @@
 		onLoad() {
 		},
 		onReady() {
-			this.stickyNode = this.$refs['sticky'] as UniElement;
+			this.stickyNode = this.$refs['sticky'] as Element;
 			// let rect = this.stickyNode?.getBoundingClientRect();
 			// this.stickyTop = rect?.top;
 			//this.stickyTop = this.stickyNode?.getBoundingClientRect()?.top;
-			let rect = (this.$refs['sticky'] as UniElement).getBoundingClientRect();
+			let rect = (this.$refs['sticky'] as Element).getBoundingClientRect();
 			this.stickyTop = rect.top;
 		}
 	}

pages/template/swiper-list/swiper-list.uvue

@@ -46,8 +46,8 @@
       return {
         swiperList: [] as SwiperViewItem[],
         swiperIndex: -1,
-        $tabScrollView: null as null | UniElement,
-        $indicatorNode: null as null | UniElement,
+        $tabScrollView: null as null | Element,
+        $indicatorNode: null as null | Element,
         $animationFinishIndex: 0,
         $swiperWidth: 0,
         $swiperTabsRect: [] as SwiperTabsItem[]
@@ -63,9 +63,9 @@
       }
     },
     onReady() {
-      this.$tabScrollView = this.$refs['tabScroll'] as UniElement
-      this.$indicatorNode = this.$refs['indicator'] as UniElement
-      this.$swiperWidth = (this.$refs["swiper"] as UniElement).getBoundingClientRect().width
+      this.$tabScrollView = this.$refs['tabScroll'] as Element
+      this.$indicatorNode = this.$refs['indicator'] as Element
+      this.$swiperWidth = (this.$refs["swiper"] as Element).getBoundingClientRect().width
       this.cacheTabItemsSize()
       this.setSwiperIndex(0, true)
     },
@@ -119,7 +119,7 @@
        */
       cacheTabItemsSize() {
         this.$swiperTabsRect.length = 0;
-        const tabs = this.$refs["swipertab"] as UniElement[]
+        const tabs = this.$refs["swipertab"] as Element[]
         tabs.forEach((node) => {
           this.$swiperTabsRect.push({
             x: node.offsetLeft,

pages/template/swiper-list2/swiper-list2.uvue

@@ -40,7 +40,7 @@
       return {
         swiperList: [] as SwiperViewItem[],
         swiperIndex: -1,
-        $tabScrollView: null as null | UniElement,
+        $tabScrollView: null as null | Element,
         $animationFinishIndex: 0,
         $swiperWidth: 0
       }
@@ -53,8 +53,8 @@
       }
     },
     onReady() {
-      this.$tabScrollView = this.$refs['tabScroll'] as UniElement
-      this.$swiperWidth = (this.$refs["swiper"] as UniElement).getBoundingClientRect().width
+      this.$tabScrollView = this.$refs['tabScroll'] as Element
+      this.$swiperWidth = (this.$refs["swiper"] as Element).getBoundingClientRect().width
       this.setSwiperIndex(0, true)
     },
     methods: {
@@ -108,7 +108,7 @@
         const min_ratio = 1
         const max_ratio = 1.3
 
-        const tabs = this.$refs['swipertab'] as UniElement[]
+        const tabs = this.$refs['swipertab'] as Element[]
         const current_node = tabs[current_index]!
         const move_to_node = tabs[move_to_index]!