提交 a155e7f4 编写于 作者: DCloud-yyl's avatar DCloud-yyl

调整Element为UniElement

上级 37f46a07
......@@ -36,8 +36,8 @@
return {
height: 0,
is_open: this.open as boolean,
boxNode: null as Element | null,
contentNode: null as Element | null,
boxNode: null as UniElement | null,
contentNode: null as UniElement | null,
};
},
watch: {
......@@ -52,8 +52,8 @@
$dispatch(this, 'UniCollapse', 'init', this)
},
mounted() {
this.boxNode = this.$refs['boxRef'] as Element;
this.contentNode = this.$refs['contentRef'] as Element;
this.boxNode = this.$refs['boxRef'] as UniElement;
this.contentNode = this.$refs['contentRef'] as UniElement;
// this.openCollapse(this.open)
},
methods: {
......
......@@ -36,7 +36,7 @@
methods: {
changeZIndex(zIndex : number) {
this.zIndex = 20;
(this.$refs['view'] as Element).style.setProperty('z-index', zIndex);
(this.$refs['view'] as UniElement).style.setProperty('z-index', zIndex);
}
}
}
......
......@@ -52,24 +52,24 @@
data() {
return {
isTranstionWidthOrHeight: false,
widthOrHeight: null as Element | null,
widthOrHeight: null as UniElement | null,
isTranstionChangeMargin: false,
styleMargin: null as Element | null,
styleMargin: null as UniElement | null,
isTransitionStylePadding: false,
stylePadding: null as Element | null,
stylePadding: null as UniElement | null,
isTransitionstyleBackground: false,
styleBackground: null as Element | null,
styleBackground: null as UniElement | null,
isTransitionStyleTransform: false,
styleTransform: null as Element | null,
styleTransform: null as UniElement | null,
isTransitionstyleBorder: false,
styleBorder: null as Element | null,
styleBorder: null as UniElement | null,
isTransitionstylePosition: false,
stylePosition: null as Element | null,
stylePosition: null as UniElement | null,
isSetTransition: false,
isTransitionpropertystyleBackground: false,
propertyStyleBackground: null as Element | null,
propertyStyleBackground: null as UniElement | null,
isTransitionStyleTransformWithOrigin: false,
styleTransformWithOrigin: null as Element | null,
styleTransformWithOrigin: null as UniElement | null,
}
},
onReady() {
......
......@@ -103,7 +103,7 @@ export default {
this.validateGeneralAttrText = '基础属性验证成功'
},
changeHeight(){
const generalTarget = this.$refs['general-target'] as Element
const generalTarget = this.$refs['general-target'] as UniElement
this.changeHeightByRefText = '已通过 ref 修改高度'
generalTarget.style.setProperty('height', '200px')
}
......
......@@ -30,7 +30,7 @@
lastX: 0,
lastY: 0,
touchEvent: null as TouchEvent | null,
icon: null as Element | null
icon: null as UniElement | null
}
},
onReady() {
......
......@@ -15,7 +15,7 @@
data() {
return {
times: 0,
element: null as Element | null,
element: null as UniElement | null,
isStart: false,
buttonValue: "开启图片旋转",
onTransitionEndTriggr: false
......
......@@ -108,7 +108,7 @@
item_change_size_enum(index : number) { this.scrollIntoView = "item---" + index },
//自动化测试例专用
check_scroll_height() : Boolean {
var listElement = this.$refs["listview"] as Element
var listElement = this.$refs["listview"] as UniElement
console.log("check_scroll_height--" + listElement.scrollHeight)
if (listElement.scrollHeight > 2000) {
return true
......@@ -117,7 +117,7 @@
},
//自动化测试例专用
check_scroll_width() : Boolean {
var listElement = this.$refs["listview"] as Element
var listElement = this.$refs["listview"] as UniElement
console.log("check_scroll_width" + listElement.scrollWidth)
if (listElement.scrollWidth > 2000) {
return true
......
......@@ -180,7 +180,7 @@
checkScrollHeight() : Boolean {
var element = this.$refs["scrollViewY"]
if (element != null) {
var scrollHeight = (element as Element).scrollHeight
var scrollHeight = (element as UniElement).scrollHeight
console.log("checkScrollHeight" + scrollHeight)
if (scrollHeight > 1900) {
return true
......@@ -192,7 +192,7 @@
checkScrollWidth() : Boolean {
var element = this.$refs["scrollViewX"]
if (element != null) {
var scrollWidth = (element as Element).scrollWidth
var scrollWidth = (element as UniElement).scrollWidth
console.log("checkScrollWidth---" + scrollWidth)
if (scrollWidth > 1900) {
return true
......
......@@ -37,7 +37,7 @@
},
//用于自动化测试
listViewScrollByY(y : number) {
const listview = this.$refs["list-view"] as Element
const listview = this.$refs["list-view"] as UniElement
listview.scrollBy(0, y)
},
gotoStickyHeader(id : string) {
......
......@@ -530,10 +530,10 @@
})
},
showPop: function () {
(this.$refs["pop"] as Element).style.setProperty("display", "flex")
(this.$refs["pop"] as UniElement).style.setProperty("display", "flex")
},
hidePop: function () {
(this.$refs["pop"] as Element).style.setProperty("display", "none")
(this.$refs["pop"] as UniElement).style.setProperty("display", "none")
},
stopClickPop: function (e : PointerEvent) {
e.stopPropagation() //点击到pop的非灰色区域,拦截点击事件
......
......@@ -70,7 +70,7 @@ export default {
// 触发整个日历的点击事件,需要计算点击位置
select (event: TouchEvent) {
const refs = this.$refs['draw-weeks'] as Element
const refs = this.$refs['draw-weeks'] as UniElement
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 Element
const refs = this.$refs['draw-header'] as UniElement
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 Element
const refs = this.$refs['draw-weeks'] as UniElement
let ctx = refs.getDrawableContext()
if (ctx == null) return
const dom = refs.getBoundingClientRect()
......
......@@ -35,7 +35,7 @@
uni.$emit('tabchange', e.detail.scrollTop)
},
scrollTop(top : number) {
(this.$refs["listView"] as Element).scrollTop = top
(this.$refs["listView"] as UniElement).scrollTop = top
}
}
}
......
......@@ -73,7 +73,7 @@
},
onReady() {
this.setSelectedIndex(0)
this.tabViewHeight = (this.$refs["tabview"] as Element).getBoundingClientRect().height
this.tabViewHeight = (this.$refs["tabview"] as UniElement).getBoundingClientRect().height
},
onUnload() {
uni.$off('tabchange', this.onTabPageEvent)
......
......@@ -83,7 +83,7 @@
const elementMap = this.$data['$elementMap'] as Map<string, Element>
let element : Element | null = elementMap.get(refName)
if (element == null) {
element = this.$refs[refName] as Element;
element = this.$refs[refName] as UniElement;
elementMap.set(refName, element)
} else {
// console.log('直接拿');
......
......@@ -79,21 +79,21 @@
} as SwiperViewItem
] as SwiperViewItem[],
swiperIndex: -1,
$pageScrollView: null as null | Element,
$pageScrollView: null as null | UniElement,
$headerHeight: 0,
$animationFinishIndex: 0,
$tabScrollView: null as null | Element,
$indicatorNode: null as null | Element,
$tabScrollView: null as null | UniElement,
$indicatorNode: null as null | UniElement,
$swiperWidth: 0,
$swiperTabsRect: [] as SwiperTabsItem[]
}
},
onReady() {
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.$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.cacheTabItemsSize()
this.setSwiperIndex(0, true)
},
......@@ -173,7 +173,7 @@
},
cacheTabItemsSize() {
this.$swiperTabsRect.length = 0
const tabs = this.$refs["swipertab"] as Element[]
const tabs = this.$refs["swipertab"] as UniElement[]
tabs.forEach((node) => {
this.$swiperTabsRect.push({
x: node.offsetLeft,
......
......@@ -89,22 +89,22 @@
} as SwiperViewItem
] as SwiperViewItem[],
swiperIndex: -1,
$pageScrollView: null as null | Element,
$pageScrollView: null as null | UniElement,
$headerHeight: 0,
$animationFinishIndex: 0,
$tabScrollView: null as null | Element,
$indicatorNode: null as null | Element,
$tabScrollView: null as null | UniElement,
$indicatorNode: null as null | UniElement,
$swiperWidth: 0,
$swiperTabsRect: [] as SwiperTabsItem[],
nestedScrollChildId: ""
}
},
onReady() {
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.$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.cacheTabItemsSize()
this.setSwiperIndex(0, true)
},
......@@ -176,7 +176,7 @@
},
cacheTabItemsSize() {
this.$swiperTabsRect.length = 0
const tabs = this.$refs["swipertab"] as Element[]
const tabs = this.$refs["swipertab"] as UniElement[]
tabs.forEach((node) => {
this.$swiperTabsRect.push({
x: node.offsetLeft,
......
......@@ -66,7 +66,7 @@
setElementStyle(refName : string, propertyName : string, propertyStyle : any) : void {
let element : Element | null = (this.$data['$elementMap'] as Map<string, Element>).get(refName)
if (element == null) {
element = this.$refs[refName] as Element;
element = this.$refs[refName] as UniElement;
(this.$data['$elementMap'] as Map<string, Element>).set(refName, element)
}
element.style.setProperty(propertyName, propertyStyle);
......
......@@ -49,17 +49,17 @@
statusBarHeight: 35,
scrollTop: 0,
searchWidth: 700,
searchNode: null as Element | null,
boxNode: null as Element | null,
navNode: null as Element | null
searchNode: null as UniElement | null,
boxNode: null as UniElement | null,
navNode: null as UniElement | null
}
},
onLoad() { },
onReady() {
this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight ?? 35;
this.searchNode = this.$refs['search'] as Element;
this.boxNode = this.$refs['top-box'] as Element;
this.navNode = this.$refs['scroll-fold-nav'] as Element;
this.searchNode = this.$refs['search'] as UniElement;
this.boxNode = this.$refs['top-box'] as UniElement;
this.navNode = this.$refs['scroll-fold-nav'] as UniElement;
},
methods: {
onScroll(e : ScrollEvent) {
......
......@@ -34,7 +34,7 @@
stickyTop: 0,
stickyTran: 0,
scrollTop: 0,
stickyNode: null as Element | null
stickyNode: null as UniElement | null
}
},
methods: {
......@@ -67,12 +67,12 @@
onLoad() {
},
onReady() {
this.stickyNode = this.$refs['sticky'] as Element;
this.stickyNode = this.$refs['sticky'] as UniElement;
// let rect = this.stickyNode?.getBoundingClientRect();
// this.stickyTop = rect?.top;
//this.stickyTop = this.stickyNode?.getBoundingClientRect()?.top;
const stickyRect = (this.$refs['sticky'] as Element).getBoundingClientRect();
const scrollRect = (this.$refs['scroll'] as Element).getBoundingClientRect();
const stickyRect = (this.$refs['sticky'] as UniElement).getBoundingClientRect();
const scrollRect = (this.$refs['scroll'] as UniElement).getBoundingClientRect();
this.stickyTop = stickyRect.top - scrollRect.top;
}
}
......
......@@ -56,7 +56,7 @@
* 初始化圆环
*/
init() {
const refs = this.$refs[this.elId] as Element
const refs = this.$refs[this.elId] as UniElement
let ctx = refs.getDrawableContext()!
this.build_circular(ctx)
},
......
......@@ -23,7 +23,7 @@
const elId = `Uni_${(Math.random() * 10e5).toInt().toString(36)}`
return {
elId: elId,
element: null as Element | null,
element: null as UniElement | null,
times: 0,
aniStyle: '',
deg: 3600000
......
......@@ -27,7 +27,7 @@
};
},
mounted() {
const refs = this.$refs[this.elId] as Element
const refs = this.$refs[this.elId] as UniElement
let ctx = refs.getDrawableContext()!
this.spinner(ctx)
},
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册