acdr-ui/dist/dev/mp-weixin/sheep/ui/su-tabs/su-tabs.js.map

1 line
19 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{"version":3,"file":"su-tabs.js","sources":["../../../../../../src/sheep/ui/su-tabs/su-tabs.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS10YWJzL3N1LXRhYnMudnVl"],"sourcesContent":["<template>\r\n <view class=\"u-tabs\">\r\n <view class=\"u-tabs__wrapper\">\r\n <slot name=\"left\" />\r\n <view class=\"u-tabs__wrapper__scroll-view-wrapper\">\r\n <scroll-view\r\n :scroll-x=\"scrollable\"\r\n :scroll-left=\"scrollLeft\"\r\n scroll-with-animation\r\n enable-flex\r\n class=\"u-tabs__wrapper__scroll-view white-space\"\r\n :show-scrollbar=\"false\"\r\n ref=\"u-tabs__wrapper__scroll-view\"\r\n >\r\n <view class=\"u-tabs__wrapper__nav\" ref=\"u-tabs__wrapper__nav\">\r\n <view\r\n class=\"u-tabs__wrapper__nav__item\"\r\n v-for=\"(item, index) in list\"\r\n :key=\"index\"\r\n @tap=\"clickHandler(item, index)\"\r\n :ref=\"`u-tabs__wrapper__nav__item-${index}`\"\r\n :style=\"[addStyle(itemStyle), { flex: scrollable ? '' : 1 }]\"\r\n :class=\"[\r\n `u-tabs__wrapper__nav__item-${index}`,\r\n item.disabled && 'u-tabs__wrapper__nav__item--disabled',\r\n ]\"\r\n >\r\n <text\r\n :class=\"[item.disabled && 'u-tabs__wrapper__nav__item__text--disabled']\"\r\n class=\"u-tabs__wrapper__nav__item__text\"\r\n :style=\"[textStyle(index)]\"\r\n >\r\n {{ item[keyName] }}\r\n </text>\r\n </view>\r\n <!-- #ifdef APP-NVUE -->\r\n <view\r\n class=\"u-tabs__wrapper__nav__line\"\r\n ref=\"u-tabs__wrapper__nav__line\"\r\n :style=\"[\r\n {\r\n width: addUnit(lineWidth),\r\n height: addUnit(lineHeight),\r\n background: lineColor ? lineColor : 'var(--ui-BG-Main)',\r\n backgroundSize: lineBgSize,\r\n },\r\n ]\"\r\n ></view>\r\n <!-- #endif -->\r\n <!-- #ifndef APP-NVUE -->\r\n <view\r\n class=\"u-tabs__wrapper__nav__line\"\r\n ref=\"u-tabs__wrapper__nav__line\"\r\n :style=\"[\r\n {\r\n width: addUnit(lineWidth),\r\n transform: `translate(${lineOffsetLeft}px)`,\r\n transitionDuration: `${firstTime ? 0 : duration}ms`,\r\n height: addUnit(lineHeight),\r\n background: lineColor ? lineColor : 'var(--ui-BG-Main)',\r\n backgroundSize: lineBgSize,\r\n },\r\n ]\"\r\n ></view>\r\n <!-- #endif -->\r\n </view>\r\n </scroll-view>\r\n </view>\r\n <slot name=\"right\" />\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\nimport { deepMerge, addStyle, addUnit, sleep, getPx, sys } from '@/sheep/helper'\r\n// #ifdef APP-NVUE\r\nconst animation = uni.requireNativePlugin('animation')\r\nconst dom = uni.requireNativePlugin('dom')\r\n// #endif\r\n\r\n/**\r\n * Tabs 标签\r\n * @description tabs标签组件在标签多的时候可以配置为左右滑动标签少的时候可以禁止滑动。 该组件的一个特点是配置为滚动模式时激活的tab会自动移动到组件的中间位置。\r\n * @tutorial https://www.uviewui.com/components/tabs.html\r\n * @property {String | Number}\tduration\t\t\t滑块移动一次所需的时间单位秒默认 200 \r\n * @property {String | Number}\tswierWidth\t\t\tswiper的宽度默认 '750rpx' \r\n * @property {String}\tkeyName\t 从`list`元素对象中读取的键名(默认 'name' \r\n * @event {Function(index)} change 标签改变时触发 index: 点击了第几个tab索引从0开始\r\n * @event {Function(index)} click 点击标签时触发 index: 点击了第几个tab索引从0开始\r\n * @example <u-tabs :list=\"list\" :is-scroll=\"false\" :current=\"current\" @change=\"change\"></u-tabs>\r\n */\r\nexport default {\r\n name: 'su-tabs',\r\n data() {\r\n return {\r\n addStyle,\r\n addUnit,\r\n firstTime: true,\r\n scrollLeft: 0,\r\n scrollViewWidth: 0,\r\n lineOffsetLeft: 0,\r\n tabsRect: {\r\n left: 0,\r\n },\r\n innerCurrent: 0,\r\n moving: false,\r\n }\r\n },\r\n props: {\r\n // 滑块的移动过渡时间单位ms\r\n duration: {\r\n type: Number,\r\n default: 300,\r\n },\r\n // tabs标签数组\r\n list: {\r\n type: Array,\r\n default: [],\r\n },\r\n // 滑块颜色\r\n lineColor: {\r\n type: String,\r\n default: '',\r\n },\r\n // 菜单选择中时的样式\r\n activeStyle: {\r\n type: [String, Object],\r\n default() {\r\n return {\r\n color: '#303133',\r\n }\r\n },\r\n },\r\n // 菜单非选中时的样式\r\n inactiveStyle: {\r\n type: [String, Object],\r\n default() {\r\n return {\r\n color: '#606266',\r\n }\r\n },\r\n },\r\n // 滑块长度\r\n lineWidth: {\r\n type: [String, Number],\r\n default: 20,\r\n },\r\n // 滑块高度\r\n lineHeight: {\r\n type: [String, Number],\r\n default: 3,\r\n },\r\n // 滑块背景显示大小,当滑块背景设置为图片时使用\r\n lineBgSize: {\r\n type: String,\r\n default: 'cover',\r\n },\r\n // 菜单item的样式\r\n itemStyle: {\r\n type: [String, Object],\r\n default() {\r\n return {\r\n height: '44px',\r\n }\r\n },\r\n },\r\n // 菜单是否可滚动\r\n scrollable: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n // 当前选中标签的索引\r\n current: {\r\n type: [Number, String],\r\n default: 0,\r\n },\r\n // 默认读取的键名\r\n keyName: {\r\n type: String,\r\n default: 'name',\r\n },\r\n },\r\n watch: {\r\n current: {\r\n immediate: true,\r\n handler(newValue, oldValue) {\r\n // 内外部值不相等时,才尝试移动滑块\r\n if (newValue !== this.innerCurrent) {\r\n this.innerCurrent = newValue\r\n this.$nextTick(() => {\r\n this.resize()\r\n })\r\n }\r\n },\r\n },\r\n // list变化时重新渲染list各项信息\r\n list() {\r\n this.$nextTick(() => {\r\n this.resize()\r\n })\r\n },\r\n },\r\n computed: {\r\n textStyle() {\r\n return (index) => {\r\n const style = {}\r\n // 取当期是否激活的样式\r\n const customeStyle =\r\n index === this.innerCurrent ? addStyle(this.activeStyle) : addStyle(this.inactiveStyle)\r\n // 如果当前菜单被禁用则加上对应颜色需要在此做处理是因为nvue下无法在style样式中通过!import覆盖标签的内联样式\r\n if (this.list[index].disabled) {\r\n style.color = '#c8c9cc'\r\n }\r\n return deepMerge(customeStyle, style)\r\n }\r\n },\r\n },\r\n async mounted() {\r\n this.init()\r\n },\r\n methods: {\r\n $uGetRect(selector, all) {\r\n return new Promise((resolve) => {\r\n uni\r\n .createSelectorQuery()\r\n .in(this)\r\n [all ? 'selectAll' : 'select'](selector)\r\n .boundingClientRect((rect) => {\r\n if (all && Array.isArray(rect) && rect.length) {\r\n resolve(rect)\r\n }\r\n if (!all && rect) {\r\n resolve(rect)\r\n }\r\n })\r\n .exec()\r\n })\r\n },\r\n setLineLeft() {\r\n const tabItem = this.list[this.innerCurrent]\r\n if (!tabItem) {\r\n return\r\n }\r\n // 获取滑块该移动的位置\r\n const lineOffsetLeft = this.list\r\n .slice(0, this.innerCurrent)\r\n .reduce((total, curr) => total + curr.rect.width, 0)\r\n // 获取下划线的数值px表示法\r\n const lineWidth = getPx(this.lineWidth)\r\n this.lineOffsetLeft = lineOffsetLeft + (tabItem.rect.width - lineWidth) / 2\r\n // #ifdef APP-NVUE\r\n // 第一次移动滑块,无需过渡时间\r\n this.animation(this.lineOffsetLeft, this.firstTime ? 0 : parseInt(this.duration))\r\n // #endif\r\n\r\n // 如果是第一次执行此方法让滑块在初始化时瞬间滑动到第一个tab item的中间\r\n // 这里需要一个定时器因为在非nvue下是直接通过style绑定过渡时间需要等其过渡完成后再设置为false(非第一次移动滑块)\r\n if (this.firstTime) {\r\n setTimeout(() => {\r\n this.firstTime = false\r\n }, 10)\r\n }\r\n },\r\n // nvue下设置滑块的位置\r\n animation(x, duration = 0) {\r\n // #ifdef APP-NVUE\r\n const ref = this.$refs['u-tabs__wrapper__nav__line']\r\n animation.transition(ref, {\r\n styles: {\r\n transform: `translateX(${x}px)`,\r\n },\r\n duration,\r\n })\r\n // #endif\r\n },\r\n // 点击某一个标签\r\n clickHandler(item, index) {\r\n // 因为标签可能为disabled状态所以click是一定会发出的但是change事件是需要可用的状态才发出\r\n this.$emit('click', {\r\n ...item,\r\n index,\r\n })\r\n // 如果disabled状态返回\r\n if (item.disabled) return\r\n this.innerCurrent = index\r\n this.resize()\r\n this.$emit('change', {\r\n ...item,\r\n index,\r\n })\r\n },\r\n init() {\r\n sleep().then(() => {\r\n this.resize()\r\n })\r\n },\r\n setScrollLeft() {\r\n // 当前活动tab的布局信息有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息\r\n const tabRect = this.list[this.innerCurrent]\r\n // 累加得到当前item到左边的距离\r\n const offsetLeft = this.list.slice(0, this.innerCurrent).reduce((total, curr) => {\r\n return total + curr.rect.width\r\n }, 0)\r\n // 此处为屏幕宽度\r\n const windowWidth = sys().windowWidth\r\n // 将活动的tabs-item移动到屏幕正中间实际上是对scroll-view的移动\r\n let scrollLeft =\r\n offsetLeft -\r\n (this.tabsRect.width - tabRect.rect.width) / 2 -\r\n (windowWidth - this.tabsRect.right) / 2 +\r\n this.tabsRect.left / 2\r\n // 这里做一个限制限制scrollLeft的最大值为整个scroll-view宽度减去tabs组件的宽度\r\n scrollLeft = Math.min(scrollLeft, this.scrollViewWidth - this.tabsRect.width)\r\n this.scrollLeft = Math.max(0, scrollLeft)\r\n },\r\n // 获取所有标签的尺寸\r\n resize() {\r\n // 如果不存在list则不处理\r\n if (this.list.length === 0) {\r\n return\r\n }\r\n Promise.all([this.getTabsRect(), this.getAllItemRect()]).then(([tabsRect, itemRect = []]) => {\r\n this.tabsRect = tabsRect\r\n this.scrollViewWidth = 0\r\n itemRect.map((item, index) => {\r\n // 计算scroll-view的宽度这里\r\n this.scrollViewWidth += item.width\r\n // 另外计算每一个item的中心点X轴坐标\r\n this.list[index].rect = item\r\n })\r\n // 获取了tabs的尺寸之后设置滑块的位置\r\n this.setLineLeft()\r\n this.setScrollLeft()\r\n })\r\n },\r\n // 获取导航菜单的尺寸\r\n getTabsRect() {\r\n return new Promise((resolve) => {\r\n this.queryRect('u-tabs__wrapper__scroll-view').then((size) => resolve(size))\r\n })\r\n },\r\n // 获取所有标签的尺寸\r\n getAllItemRect() {\r\n return new Promise((resolve) => {\r\n const promiseAllArr = this.list.map((item, index) =>\r\n this.queryRect(`u-tabs__wrapper__nav__item-${index}`, true),\r\n )\r\n Promise.all(promiseAllArr).then((sizes) => resolve(sizes))\r\n })\r\n },\r\n // 获取各个标签的尺寸\r\n queryRect(el, item) {\r\n // #ifndef APP-NVUE\r\n // $uGetRect为uView自带的节点查询简化方法详见文档介绍https://www.uviewui.com/js/getRect.html\r\n // 组件内部一般用this.$uGetRect对外的为uni.$u.getRect二者功能一致名称不同\r\n return new Promise((resolve) => {\r\n this.$uGetRect(`.${el}`).then((size) => {\r\n resolve(size)\r\n })\r\n })\r\n // #endif\r\n\r\n // #ifdef APP-NVUE\r\n // nvue下使用dom模块查询元素高度\r\n // 返回一个promise让调用此方法的主体能使用then回调\r\n return new Promise((resolve) => {\r\n dom.getComponentRect(item ? this.$refs[el][0] : this.$refs[el], (res) => {\r\n resolve(res.size)\r\n })\r\n })\r\n // #endif\r\n },\r\n },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.u-tabs {\r\n background: #fff;\r\n border-bottom: 2rpx solid #eee;\r\n\r\n &__wrapper {\r\n @include flex;\r\n align-items: center;\r\n\r\n &__scroll-view-wrapper {\r\n flex: 1;\r\n /* #ifndef APP-NVUE */\r\n overflow: auto hidden;\r\n /* #endif */\r\n }\r\n\r\n &__nav {\r\n @include flex;\r\n position: relative;\r\n\r\n &__item {\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 11px;\r\n @include flex;\r\n\r\n &--disabled {\r\n /* #ifndef APP-NVUE */\r\n cursor: not-allowed;\r\n /* #endif */\r\n }\r\n\r\n &__text {\r\n font-size: 14px;\r\n color: #606266;\r\n white-space: nowrap !important;\r\n\r\n &--disabled {\r\n color: #c8c9cc !important;\r\n }\r\n }\r\n }\r\n\r\n &__line {\r\n position: absolute;\r\n bottom: 2px;\r\n width: 30px;\r\n height: 3px;\r\n background: #3c9cff;\r\n border-radius: 100px;\r\n transition-duration: 300ms;\r\n transition-property: transform;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/ui/su-tabs/su-tabs.vue'\nwx.createComponent(Component)"],"names":["addStyle","addUnit","deepMerge","uni","getPx","sleep","sys"],"mappings":"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"}