npm - @tarojs/components - Versions diffs - 3.6.0-canary.9 → 3.6.1-alpha.0 - Mend

@tarojs/components 3.6.0-canary.9 → 3.6.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

package/dist/esm-es5/taro-picker-core_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["src/components/picker/utils.ts","src/components/picker/constant.ts","src/components/picker/style/index.scss?tag=taro-picker-core","src/components/picker/picker.tsx","src/components/picker/picker-group.tsx"],"names":["getTimeRange","begin","end","range","i","push","concat","hoursRange","__spreadArray","minutesRange","verifyValue","value","isNaN","length","verifyTime","test","time","split","map","num","compareTime","t1","t2","t1List","t2List","verifyDate","dateStr","date","Date","replace","getMonth","getMaxDay","year","month","formatValue","res","Array","isArray","item","String","getDateRange","start","getYearRange","getMonthRange","rangeStart","rangeEnd","getFullYear","getDayRange","getDate","TOP","LINE_HEIGHT","MASK_HEIGHT","indexCss","Picker","this","index","showPicker","_this","disabled","height","getHeightByIndex","hidden","factor","mode","hidePicker","fadeOut","setTimeout","handleChange","h","range_1","slice","timeArr","n","parseInt","join","_b","pickerDate","_start","_end","_updateValue","currentYear","currentMonth","yearRange","monthRange","dayRange","day","fields","pickerValue","onChange","emit","handleCancel","onCancel","updateHeight","columnId","needRevise","temp","range_2","timeList","timeStr","height_1","requestAnimationFrame","height_2","handleColumnChange","onColumnChange","column","Number","updateDay","currentDay","max","min","indexOf","getSelector","rangeKey","getMultiSelector","getTimeSelector","hourRange","minRange","getDateSelector","_c","renderView","prototype","componentWillLoad","isWillLoadCalled","handleProps","componentDidLoad","Object","defineProperty","el","get","set","val","configurable","overlay","document","body","appendChild","disconnectedCallback","_a","parentNode","removeChild","onPropsChange","Math","floor","value_1","forEach","console","warn","_value","setHours","getTime","Error","render","name","pickerGroup","clsMask","classNames","weui-animate-fade-out","clsSlider","weui-animate-slide-down","shouldDivHidden","display","Host","onClick","type","class","style","ref","TaroPickerGroup","getPosition","transition","touchEnd","transformValue","transitionValue","transform","-webkit-transform","-webkit-transition","formulaUnlimitedScroll","absoluteHeight","direction","round","relativeHeight","handleMoveStart","clientY","startY","preY","hadMove","handleMoving","y","deltaY","abs","newPos","handleMoveEnd","endY","windowHeight","window","innerHeight","relativeY","onMouseDown","e","isMove","onMouseMove","preventDefault","onMouseMoveEnd","onTouchStart","changedTouches","onTouchMove","onTouchEnd","pickerItem","content"],"mappings":"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","sourcesContent":["function getTimeRange (begin: number, end: number) {\n const range: string[] = []\n for (let i = begin; i <= end; i++) {\n range.push(`${i < 10 ? '0' : ''}${i}`)\n }\n return range\n}\n\nexport const hoursRange = [\n '20',\n '21',\n '22',\n '23',\n ...getTimeRange(0, 23),\n '00',\n '01',\n '02',\n '03'\n]\n\nexport const minutesRange = [\n '56',\n '57',\n '58',\n '59',\n ...getTimeRange(0, 59),\n '00',\n '01',\n '02',\n '03'\n]\n\n/*\n 校验传入的 value 是否合法\n /\nexport function verifyValue (value: number, range: any[]) {\n if (!isNaN(+value) && value >= 0 && value < range.length) return true\n return false\n}\n\n/\n 检验传入的 time value 是否合法\n /\nexport function verifyTime (value: string) {\n if (!/^\\d{1,2}:\\d{1,2}$/.test(value)) return false\n\n const time = value.split(':').map(num => +num)\n\n if (time[0] < 0 \|\| time[0] > 23) return false\n if (time[1] < 0 \|\| time[1] > 59) return false\n\n return true\n}\n\n/\n 比较时间\n * return t1 <= t2\n /\nexport function compareTime (t1: string, t2: string) {\n const t1List = t1.split(':').map(i => +i)\n const t2List = t2.split(':').map(i => +i)\n\n if (t1List[0] < t2List[0]) return true\n if (t1List[0] === t2List[0] && t1List[1] <= t2List[1]) return true\n\n return false\n}\n\n/\n 校验日期合法性，返回合法性和日期数组\n /\nexport function verifyDate (dateStr: string) {\n if (!dateStr) return false\n const date = new Date(dateStr.replace(/-/g, '/'))\n return isNaN(date.getMonth()) ? false : date\n}\n\n/\n 获取当月最大天数\n /\nfunction getMaxDay (year: number, month: number) {\n if (month === 4 \|\| month === 6 \|\| month === 9 \|\| month === 11) return 30\n if (month === 2) {\n if ((year % 4 === 0 && year % 100 !== 0) \|\| year % 400 === 0) return 29\n else return 28\n }\n return 31\n}\n\nexport function formatValue (value: number \| number[] \| string) {\n let res: number \| string \| string[]\n if (Array.isArray(value)) {\n res = value.map(item => String(item))\n } else {\n res = value\n }\n return res\n}\n\n/\n 获取时间数组\n /\nfunction getDateRange (start: number, end: number) {\n const range: number[] = []\n for (let i = start; i <= end; i++) {\n range.push(i)\n }\n return range\n}\n\n/\n 获取年份区间数组\n /\nexport function getYearRange (start: number, end: number) {\n return getDateRange(start, end)\n}\n\n/\n 获取月份区间数组\n /\nexport function getMonthRange (start: Date, end: Date, year: number) {\n let rangeStart = 1\n let rangeEnd = 12\n\n // 当前年份等于开始年份，由开始对应的月份约束开始值\n if (start.getFullYear() === year) {\n rangeStart = start.getMonth() + 1\n }\n\n // 当前年份等于结束年份，由结束对应的月份约束结束值\n if (end.getFullYear() === year) {\n rangeEnd = end.getMonth() + 1\n }\n\n return getDateRange(rangeStart, rangeEnd)\n}\n\n/\n 获取日期区间数组\n /\nexport function getDayRange (start: Date, end: Date, year: number, month: number) {\n let rangeStart = 1\n let rangeEnd = getMaxDay(year, month)\n\n if (start.getFullYear() === year && start.getMonth() + 1 === month) {\n rangeStart = start.getDate()\n }\n\n if (end.getFullYear() === year && end.getMonth() + 1 === month) {\n rangeEnd = end.getDate()\n }\n\n return getDateRange(rangeStart, rangeEnd)\n}\n","export const TOP = 102\nexport const LINE_HEIGHT = 34\nexport const MASK_HEIGHT = LINE_HEIGHT 7\n",".weui-picker,\n.weui-picker__hd {\n font-size: 12px;\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Host, State, Watch, Element } from '@stencil/core'\nimport classNames from 'classnames'\nimport {\n hoursRange,\n minutesRange,\n compareTime,\n verifyValue,\n verifyTime,\n verifyDate,\n getYearRange,\n getMonthRange,\n getDayRange,\n formatValue\n} from './utils'\nimport {\n TOP,\n LINE_HEIGHT\n} from './constant'\n\nexport type Mode = 'selector' \| 'multiSelector' \| 'time' \| 'date'\nexport type Fields = 'day' \| 'month' \| 'year'\nexport type PickerValue = number \| number[] \| string\n\nexport interface PickerDate {\n _value: Date\n _start: Date\n _end: Date\n _updateValue: [number, number, number]\n}\n\n@Component({\n tag: 'taro-picker-core',\n styleUrl: './style/index.scss'\n})\nexport class Picker implements ComponentInterface {\n private index: number[] = []\n private pickerDate: PickerDate\n private overlay?: HTMLElement\n\n @Element() el: HTMLElement\n\n @Prop() mode: Mode = 'selector'\n @Prop() disabled = false\n @Prop() range: any[] = []\n @Prop() rangeKey: string\n @Prop({ mutable: true }) value: number \| number[] \| string\n @Prop() start = ''\n @Prop() end = ''\n @Prop() fields: Fields = 'day'\n @Prop() name = ''\n\n @State() pickerValue: PickerValue = []\n @State() height: number[] = []\n @State() hidden = true\n @State() fadeOut = false\n @State() isWillLoadCalled = false\n\n @Event({\n eventName: 'change'\n }) onChange: EventEmitter\n\n @Event({\n eventName: 'columnchange'\n }) onColumnChange: EventEmitter\n\n @Event({\n eventName: 'cancel'\n }) onCancel: EventEmitter\n\n componentWillLoad () {\n this.isWillLoadCalled = true\n this.handleProps()\n }\n\n componentDidLoad () {\n Object.defineProperty(this.el, 'value', {\n get: () => this.pickerValue,\n set: val => (this.value = val),\n configurable: true\n })\n\n if (this.overlay) {\n document.body.appendChild(this.overlay)\n }\n }\n\n disconnectedCallback () {\n if (this.overlay) {\n this.overlay.parentNode?.removeChild(this.overlay)\n }\n }\n\n @Watch('mode')\n @Watch('value')\n @Watch('range')\n @Watch('start')\n @Watch('end')\n onPropsChange () {\n if (!this.isWillLoadCalled) return\n this.handleProps()\n }\n\n handleProps () {\n const { mode, start, end } = this\n\n if (mode === 'selector') {\n const value = this.value as number\n this.index = [verifyValue(value, this.range) ? Math.floor(value) : 0]\n } else if (mode === 'multiSelector') {\n const value = this.value as number[]\n this.index = []\n this.range.forEach((range, index) => {\n const val = value?.[index]\n const item = verifyValue(val, range as any[]) ? Math.floor(val) : 0\n this.index.push(item)\n })\n } else if (mode === 'time') {\n let value = this.value as string\n // check value...\n if (!verifyTime(value)) {\n console.warn('time picker value illegal')\n value = '0:0'\n }\n\n const time = value.split(':').map(n => +n)\n this.index = time\n } else if (mode === 'date') {\n const value = this.value as string\n\n const _value = verifyDate(value) \|\| new Date(new Date().setHours(0, 0, 0, 0)) // 没传值或值的合法性错误默认今天时间\n const _start = verifyDate(start) \|\| new Date('1970/01/01')\n const _end = verifyDate(end) \|\| new Date('2999/01/01')\n\n // 时间区间有效性\n if (_value >= _start && _value <= _end) {\n const currentYear = _value.getFullYear()\n const currentMonth = _value.getMonth() + 1\n const currentDay = _value.getDate()\n const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear())\n const monthRange = getMonthRange(_start, _end, currentYear)\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n\n this.index = [\n yearRange.indexOf(currentYear),\n monthRange.indexOf(currentMonth),\n dayRange.indexOf(currentDay)\n ]\n if (\n !this.pickerDate \|\|\n this.pickerDate._value.getTime() !== _value.getTime() \|\|\n this.pickerDate._start.getTime() !== _start.getTime() \|\|\n this.pickerDate._end.getTime() !== _end.getTime()\n ) {\n this.pickerDate = {\n _value,\n _start,\n _end,\n _updateValue: [\n currentYear,\n currentMonth,\n currentDay\n ]\n }\n }\n } else {\n throw new Error('Date Interval Error')\n }\n }\n\n // Prop 变化时，无论是否正在显示弹层，都更新 height 值\n this.height = this.getHeightByIndex()\n\n // 同步表单 value 值，用于 form submit\n this.pickerValue = this.value\n if (mode === 'date') {\n const val = this.pickerValue as string\n if (this.fields === 'month') {\n this.pickerValue = val.split('-').slice(0, 2).join('-')\n } else if (this.fields === 'year') {\n this.pickerValue = val.split('-')[0]\n }\n }\n }\n\n // 展示 Picker\n showPicker = () => {\n if (this.disabled) return\n\n this.height = this.getHeightByIndex()\n this.hidden = false\n }\n\n getHeightByIndex = () => {\n const height = this.index.map(i => {\n let factor = 0\n if (this.mode === 'time') {\n factor = LINE_HEIGHT * 4\n }\n return TOP - LINE_HEIGHT * i - factor\n })\n return height\n }\n\n // 隐藏 picker\n hidePicker = () => {\n this.fadeOut = true\n setTimeout(() => {\n this.hidden = true\n this.fadeOut = false\n }, 350)\n }\n\n // 点击确定按钮\n handleChange = () => {\n this.hidePicker()\n\n this.index = this.height.map(h => (TOP - h) / LINE_HEIGHT)\n\n let value: PickerValue = this.index.length && this.mode !== 'selector'\n ? this.index\n : this.index[0]\n\n if (this.mode === 'time') {\n const range = [hoursRange.slice(), minutesRange.slice()]\n\n const timeArr = this.index.map<string>((n, i) => range[i][n])\n\n this.index = timeArr.map(item => parseInt(item))\n value = timeArr.join(':')\n }\n\n if (this.mode === 'date') {\n const { _start, _end, _updateValue } = this.pickerDate\n const currentYear = _updateValue[0]\n const currentMonth = _updateValue[1]\n const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear())\n const monthRange = getMonthRange(_start, _end, currentYear)\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n\n const year = yearRange[this.index[0]]\n const month = monthRange[this.index[1]]\n const day = dayRange[this.index[2]]\n\n if (this.fields === 'year') {\n value = [year]\n } else if (this.fields === 'month') {\n value = [year, month]\n } else {\n value = [year, month, day]\n }\n value = value\n .map(item => {\n return item < 10 ? `0${item}` : item\n })\n .join('-')\n }\n\n this.pickerValue = value\n\n this.onChange.emit({\n value\n })\n }\n\n // 点击取消按钮或蒙层\n handleCancel = () => {\n this.hidePicker()\n this.onCancel.emit()\n }\n\n updateHeight = (height: number, columnId: string, needRevise = false) => {\n const temp = [...this.height]\n temp[columnId] = height\n this.height = temp\n\n // time picker 必须在规定时间范围内，因此需要在 touchEnd 做修正\n if (needRevise) {\n let { start, end } = this\n\n if (!verifyTime(start)) start = '00:00'\n if (!verifyTime(end)) end = '23:59'\n if (!compareTime(start, end)) return\n\n const range = [hoursRange.slice(), minutesRange.slice()]\n\n const timeList = this.height.map(h => (TOP - h) / LINE_HEIGHT)\n const timeStr = timeList.map((n, i) => range[i][n]).join(':')\n\n if (!compareTime(start, timeStr)) {\n // 修正到 start\n const height = start\n .split(':')\n .map(i => TOP - LINE_HEIGHT * (+i + 4))\n requestAnimationFrame(() => (this.height = height))\n } else if (!compareTime(timeStr, end)) {\n // 修正到 end\n const height = end\n .split(':')\n .map(i => TOP - LINE_HEIGHT * (+i + 4))\n requestAnimationFrame(() => (this.height = height))\n }\n }\n }\n\n handleColumnChange = (height: number, columnId: string) => {\n this.onColumnChange.emit({\n column: Number(columnId),\n value: (TOP - height) / LINE_HEIGHT\n })\n }\n\n updateDay = (value: number, fields: number) => {\n const { _start, _end, _updateValue } = this.pickerDate\n\n _updateValue[fields] = value\n\n const currentYear = _updateValue[0]\n const currentMonth = _updateValue[1]\n const currentDay = _updateValue[2]\n\n // 滚动年份\n if (fields === 0) {\n const monthRange = getMonthRange(_start, _end, currentYear)\n const max = monthRange[monthRange.length - 1]\n const min = monthRange[0]\n\n if (currentMonth > max) _updateValue[1] = max\n if (currentMonth < min) _updateValue[1] = min\n const index = monthRange.indexOf(_updateValue[1])\n const height = TOP - LINE_HEIGHT * index\n\n this.updateDay(_updateValue[1], 1)\n this.updateHeight(height, '1')\n } else if (fields === 1) {\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n const max = dayRange[dayRange.length - 1]\n const min = dayRange[0]\n\n if (currentDay > max) _updateValue[2] = max\n if (currentDay < min) _updateValue[2] = min\n const index = dayRange.indexOf(_updateValue[2])\n const height = TOP - LINE_HEIGHT * index\n\n this.updateDay(_updateValue[2], 2)\n this.updateHeight(height, '2')\n }\n }\n\n // 单列选择器\n getSelector = () => {\n return (\n <taro-picker-group\n range={this.range}\n rangeKey={this.rangeKey}\n height={this.height[0]}\n updateHeight={this.updateHeight}\n columnId='0'\n />\n )\n }\n\n // 多列选择器\n getMultiSelector = () => {\n return this.range.map((range, index) => {\n return (\n <taro-picker-group\n range={range}\n rangeKey={this.rangeKey}\n height={this.height[index]}\n updateHeight={this.updateHeight}\n onColumnChange={this.handleColumnChange}\n columnId={String(index)}\n />\n )\n })\n }\n\n // 时间选择器\n getTimeSelector = () => {\n const hourRange = hoursRange.slice()\n const minRange = minutesRange.slice()\n return [\n <taro-picker-group\n mode='time'\n range={hourRange}\n height={this.height[0]}\n updateHeight={this.updateHeight}\n columnId='0'\n />,\n <taro-picker-group\n mode='time'\n range={minRange}\n height={this.height[1]}\n updateHeight={this.updateHeight}\n columnId='1'\n />\n ]\n }\n\n // 日期选择器\n getDateSelector = () => {\n const { fields, height } = this\n const { _start, _end, _updateValue } = this.pickerDate\n const currentYear = _updateValue[0]\n const currentMonth = _updateValue[1]\n\n const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear())\n .map(item => `${item}年`)\n const monthRange = getMonthRange(_start, _end, currentYear)\n .map(item => `${item < 10 ? `0${item}` : item}月`)\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n .map(item => `${item < 10 ? `0${item}` : item}日`)\n\n const renderView = [\n <taro-picker-group\n mode='date'\n range={yearRange}\n height={height[0]}\n updateDay={this.updateDay}\n updateHeight={this.updateHeight}\n columnId='0'\n />\n ]\n if (fields === 'month' \|\| fields === 'day') {\n renderView.push(\n <taro-picker-group\n mode='date'\n range={monthRange}\n height={height[1]}\n updateDay={this.updateDay}\n updateHeight={this.updateHeight}\n columnId='1'\n />\n )\n }\n if (fields === 'day') {\n renderView.push(\n <taro-picker-group\n mode='date'\n range={dayRange}\n height={height[2]}\n updateDay={this.updateDay}\n updateHeight={this.updateHeight}\n columnId='2'\n />\n )\n }\n\n return renderView\n }\n\n render () {\n const {\n name,\n mode,\n fadeOut,\n hidden\n } = this\n\n // 选项条\n let pickerGroup\n switch (mode) {\n case 'multiSelector':\n pickerGroup = this.getMultiSelector()\n break\n case 'time':\n pickerGroup = this.getTimeSelector()\n break\n case 'date':\n pickerGroup = this.getDateSelector()\n break\n default:\n pickerGroup = this.getSelector()\n }\n\n // 动画类名控制逻辑\n const clsMask = classNames('weui-mask', 'weui-animate-fade-in', {\n 'weui-animate-fade-out': fadeOut\n })\n const clsSlider = classNames('weui-picker', 'weui-animate-slide-up', {\n 'weui-animate-slide-down': fadeOut\n })\n const shouldDivHidden = hidden ? { display: 'none' } : {}\n\n return (\n <Host>\n <div onClick={this.showPicker}>\n <slot />\n <input type='hidden' name={name} value={formatValue(this.pickerValue)} />\n </div>\n <div\n class='weui-picker__overlay'\n style={shouldDivHidden}\n ref={el => { this.overlay = el }}\n >\n <div class={clsMask} onClick={this.handleCancel} />\n <div class={clsSlider}>\n <div class='weui-picker__hd'>\n <div class='weui-picker__action' onClick={this.handleCancel}>\n 取消\n </div>\n <div class='weui-picker__action' onClick={this.handleChange}>\n 确定\n </div>\n </div>\n <div class='weui-picker__bd'>{pickerGroup}</div>\n <input type='hidden' name={name} value={formatValue(this.pickerValue)} />\n </div>\n </div>\n </Host>\n )\n }\n}\n","import { Component, h, ComponentInterface, Prop, Host, Method, State, Listen } from '@stencil/core'\n\nimport {\n TOP,\n LINE_HEIGHT,\n MASK_HEIGHT\n} from './constant'\n\n@Component({\n tag: 'taro-picker-group'\n})\nexport class TaroPickerGroup implements ComponentInterface {\n @Prop() mode: 'time' \| 'date'\n @Prop() range: any[] = []\n @Prop() rangeKey: string\n @Prop() height: number\n @Prop() columnId: string\n @Prop() updateHeight: (height: number, columnId: string, needRevise?: boolean) => void\n @Prop() onColumnChange: (height: number, columnId: string) => void\n @Prop() updateDay: (value: number, fields: number) => void\n\n @State() startY: number\n @State() preY: number\n @State() hadMove: boolean\n @State() touchEnd: boolean\n @State() isMove: boolean\n\n getPosition () {\n const transition = this.touchEnd ? 0.3 : 0\n const transformValue = `translate3d(0, ${this.height}px, 0)`\n const transitionValue = `transform ${transition}s`\n return {\n transform: transformValue,\n '-webkit-transform': transformValue,\n transition: transitionValue,\n '-webkit-transition': transitionValue\n }\n }\n\n formulaUnlimitedScroll (range: number, absoluteHeight: number, direction: 'up' \| 'down') {\n const { height, updateHeight, columnId } = this\n const factor = direction === 'up' ? 1 : -1\n\n this.touchEnd = false\n\n // 点击超过范围，点击到补帧时，先跳到另一端的补帧\n updateHeight(-range * factor * LINE_HEIGHT + height, columnId)\n\n // 再做过渡动画\n requestAnimationFrame(() => {\n this.touchEnd = true\n const index = Math.round(absoluteHeight / -LINE_HEIGHT) + range * factor\n const relativeHeight = TOP - LINE_HEIGHT * index\n updateHeight(relativeHeight, columnId, true)\n })\n }\n\n @Method()\n handleMoveStart (clientY: number) {\n // 记录第一次的点击位置\n this.startY = clientY\n this.preY = clientY\n this.hadMove = false\n }\n\n @Method()\n handleMoving (clientY: number) {\n const y = clientY\n const deltaY = y - this.preY\n this.preY = y\n this.touchEnd = false\n\n if (Math.abs(y - this.startY) > 10) this.hadMove = true\n\n let newPos = this.height + deltaY\n\n // 处理时间选择器的无限滚动\n if (this.mode === 'time') {\n if (this.columnId === '0') {\n // 数字 28 来自于 4 格补帧 + 0 ～ 23 的 24 格，共 28 格\n if (newPos > TOP - LINE_HEIGHT * 3) {\n newPos = TOP - LINE_HEIGHT * 27 + deltaY\n }\n if (newPos < TOP - LINE_HEIGHT * 28) {\n newPos = TOP - LINE_HEIGHT * 4 + deltaY\n }\n } else if (this.columnId === '1') {\n if (newPos > TOP - LINE_HEIGHT * 3) {\n newPos = TOP - LINE_HEIGHT * 63 + deltaY\n }\n if (newPos < TOP - LINE_HEIGHT * 64) {\n newPos = TOP - LINE_HEIGHT * 4 + deltaY\n }\n }\n }\n\n this.updateHeight(newPos, this.columnId)\n }\n\n @Method()\n handleMoveEnd (clientY: number) {\n const {\n mode,\n range,\n height,\n updateHeight,\n onColumnChange,\n columnId\n } = this\n const max = 0\n const min = -LINE_HEIGHT * (range.length - 1)\n const endY = clientY\n\n this.touchEnd = true\n\n // touchEnd 时的高度，可能带小数点，需要再处理\n let absoluteHeight: number\n\n if (!this.hadMove) {\n /** 点击 /\n // 屏幕高度\n const windowHeight = window.innerHeight\n // picker__mask 垂直方向距离屏幕顶部的高度\n const relativeY = windowHeight - MASK_HEIGHT / 2\n\n absoluteHeight = height - TOP - (endY - relativeY)\n\n // 处理时间选择器的无限滚动\n if (mode === 'time') {\n if (columnId === '0') {\n // 点击上溢出\n // absoluteHeight 是相对模块中点来算的，所以会算多半行，这时要减去这半行，即2.5行\n if (absoluteHeight > -LINE_HEIGHT 2.5) {\n return this.formulaUnlimitedScroll(24, absoluteHeight, 'up')\n }\n // 点击下溢出\n if (absoluteHeight < -LINE_HEIGHT * 28.5) {\n return this.formulaUnlimitedScroll(24, absoluteHeight, 'down')\n }\n } else if (columnId === '1') {\n // 点击上溢出\n if (absoluteHeight > -LINE_HEIGHT * 2.5) {\n return this.formulaUnlimitedScroll(60, absoluteHeight, 'up')\n }\n // 点击下溢出\n if (absoluteHeight < -LINE_HEIGHT * 64.5) {\n return this.formulaUnlimitedScroll(60, absoluteHeight, 'down')\n }\n }\n }\n } else {\n /** 滚动 /\n absoluteHeight = height - TOP\n }\n\n // 边界情况处理\n if (absoluteHeight > max) absoluteHeight = 0\n if (absoluteHeight < min) absoluteHeight = min\n\n // 先按公式算出 index, 再用此 index 算出一个整数高度\n const index = Math.round(absoluteHeight / -LINE_HEIGHT)\n const relativeHeight = TOP - LINE_HEIGHT index\n\n if (this.mode === 'date') {\n if (this.columnId === '0') {\n this.updateDay(\n +this.range[index].replace(/[^0-9]/gi, ''),\n 0\n )\n }\n if (this.columnId === '1') {\n this.updateDay(\n +this.range[index].replace(/[^0-9]/gi, ''),\n 1\n )\n }\n if (this.columnId === '2') {\n this.updateDay(\n +this.range[index].replace(/[^0-9]/gi, ''),\n 2\n )\n }\n }\n\n updateHeight(relativeHeight, columnId, mode === 'time')\n onColumnChange && onColumnChange(relativeHeight, columnId)\n }\n\n @Listen('mousedown')\n onMouseDown (e: MouseEvent) {\n this.isMove = true\n this.handleMoveStart(e.clientY)\n }\n\n @Listen('mousemove')\n onMouseMove (e: MouseEvent) {\n e.preventDefault()\n\n if (!this.isMove) return\n\n this.handleMoving(e.clientY)\n }\n\n @Listen('mouseup')\n @Listen('mouseleave')\n onMouseMoveEnd (e: MouseEvent) {\n if (!this.isMove) return\n\n this.isMove = false\n this.handleMoveEnd(e.clientY)\n }\n\n @Listen('touchstart')\n onTouchStart (e: TouchEvent) {\n this.handleMoveStart(e.changedTouches[0].clientY)\n }\n\n @Listen('touchmove')\n onTouchMove (e: TouchEvent) {\n e.preventDefault()\n\n this.handleMoving(e.changedTouches[0].clientY)\n }\n\n @Listen('touchend')\n onTouchEnd (e: TouchEvent) {\n this.handleMoveEnd(e.changedTouches[0].clientY)\n }\n\n render () {\n const { range, rangeKey } = this\n const pickerItem = range.map(item => {\n const content = rangeKey ? item[rangeKey] : item\n return (\n <div class='weui-picker__item'>{content}</div>\n )\n })\n\n return (\n <Host class='weui-picker__group'>\n <div class='weui-picker__mask' />\n <div class='weui-picker__indicator' />\n <div class='weui-picker__content' style={this.getPosition()}>\n {pickerItem}\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"names":["getTimeRange","begin","end","range","i","push","concat","hoursRange","__spreadArray","minutesRange","verifyValue","value","isNaN","length","verifyTime","test","time","split","map","num","compareTime","t1","t2","t1List","t2List","verifyDate","dateStr","date","Date","replace","getMonth","getMaxDay","year","month","formatValue","res","Array","isArray","item","String","getDateRange","start","getYearRange","getMonthRange","rangeStart","rangeEnd","getFullYear","getDayRange","getDate","TOP","LINE_HEIGHT","MASK_HEIGHT","indexCss","Picker","this","index","showPicker","_this","disabled","height","getHeightByIndex","hidden","factor","mode","hidePicker","fadeOut","setTimeout","handleChange","h","range_1","slice","timeArr","n","parseInt","join","_b","pickerDate","_start","_end","_updateValue","currentYear","currentMonth","yearRange","monthRange","dayRange","day","fields","pickerValue","onChange","emit","handleCancel","onCancel","updateHeight","columnId","needRevise","temp","range_2","timeList","timeStr","height_1","requestAnimationFrame","height_2","handleColumnChange","onColumnChange","column","Number","updateDay","currentDay","max","min","indexOf","getSelector","rangeKey","getMultiSelector","getTimeSelector","hourRange","minRange","getDateSelector","_c","renderView","prototype","componentWillLoad","isWillLoadCalled","handleProps","componentDidLoad","Object","defineProperty","el","get","set","val","configurable","overlay","document","body","appendChild","disconnectedCallback","_a","parentNode","removeChild","onPropsChange","Math","floor","value_1","forEach","console","warn","_value","setHours","getTime","Error","render","name","pickerGroup","clsMask","classNames","clsSlider","shouldDivHidden","display","Host","onClick","type","class","style","ref","TaroPickerGroup","getPosition","transition","touchEnd","transformValue","transitionValue","transform","formulaUnlimitedScroll","absoluteHeight","direction","round","relativeHeight","handleMoveStart","clientY","startY","preY","hadMove","handleMoving","y","deltaY","abs","newPos","handleMoveEnd","endY","windowHeight","window","innerHeight","relativeY","onMouseDown","e","isMove","onMouseMove","preventDefault","onMouseMoveEnd","onTouchStart","changedTouches","onTouchMove","onTouchEnd","pickerItem","content"],"sources":["src/components/picker/utils.ts","src/components/picker/constant.ts","src/components/picker/style/index.scss?tag=taro-picker-core","src/components/picker/picker.tsx","src/components/picker/picker-group.tsx"],"sourcesContent":["function getTimeRange (begin: number, end: number) {\n const range: string[] = []\n for (let i = begin; i <= end; i++) {\n range.push(`${i < 10 ? '0' : ''}${i}`)\n }\n return range\n}\n\nexport const hoursRange = [\n '20',\n '21',\n '22',\n '23',\n ...getTimeRange(0, 23),\n '00',\n '01',\n '02',\n '03'\n]\n\nexport const minutesRange = [\n '56',\n '57',\n '58',\n '59',\n ...getTimeRange(0, 59),\n '00',\n '01',\n '02',\n '03'\n]\n\n/*\n 校验传入的 value 是否合法\n /\nexport function verifyValue (value: number, range: any[]) {\n if (!isNaN(+value) && value >= 0 && value < range.length) return true\n return false\n}\n\n/\n 检验传入的 time value 是否合法\n /\nexport function verifyTime (value: string) {\n if (!/^\\d{1,2}:\\d{1,2}$/.test(value)) return false\n\n const time = value.split(':').map(num => +num)\n\n if (time[0] < 0 \|\| time[0] > 23) return false\n if (time[1] < 0 \|\| time[1] > 59) return false\n\n return true\n}\n\n/\n 比较时间\n * return t1 <= t2\n /\nexport function compareTime (t1: string, t2: string) {\n const t1List = t1.split(':').map(i => +i)\n const t2List = t2.split(':').map(i => +i)\n\n if (t1List[0] < t2List[0]) return true\n if (t1List[0] === t2List[0] && t1List[1] <= t2List[1]) return true\n\n return false\n}\n\n/\n 校验日期合法性，返回合法性和日期数组\n /\nexport function verifyDate (dateStr: string) {\n if (!dateStr) return false\n const date = new Date(dateStr.replace(/-/g, '/'))\n return isNaN(date.getMonth()) ? false : date\n}\n\n/\n 获取当月最大天数\n /\nfunction getMaxDay (year: number, month: number) {\n if (month === 4 \|\| month === 6 \|\| month === 9 \|\| month === 11) return 30\n if (month === 2) {\n if ((year % 4 === 0 && year % 100 !== 0) \|\| year % 400 === 0) return 29\n else return 28\n }\n return 31\n}\n\nexport function formatValue (value: number \| number[] \| string) {\n let res: number \| string \| string[]\n if (Array.isArray(value)) {\n res = value.map(item => String(item))\n } else {\n res = value\n }\n return res\n}\n\n/\n 获取时间数组\n /\nfunction getDateRange (start: number, end: number) {\n const range: number[] = []\n for (let i = start; i <= end; i++) {\n range.push(i)\n }\n return range\n}\n\n/\n 获取年份区间数组\n /\nexport function getYearRange (start: number, end: number) {\n return getDateRange(start, end)\n}\n\n/\n 获取月份区间数组\n /\nexport function getMonthRange (start: Date, end: Date, year: number) {\n let rangeStart = 1\n let rangeEnd = 12\n\n // 当前年份等于开始年份，由开始对应的月份约束开始值\n if (start.getFullYear() === year) {\n rangeStart = start.getMonth() + 1\n }\n\n // 当前年份等于结束年份，由结束对应的月份约束结束值\n if (end.getFullYear() === year) {\n rangeEnd = end.getMonth() + 1\n }\n\n return getDateRange(rangeStart, rangeEnd)\n}\n\n/\n 获取日期区间数组\n /\nexport function getDayRange (start: Date, end: Date, year: number, month: number) {\n let rangeStart = 1\n let rangeEnd = getMaxDay(year, month)\n\n if (start.getFullYear() === year && start.getMonth() + 1 === month) {\n rangeStart = start.getDate()\n }\n\n if (end.getFullYear() === year && end.getMonth() + 1 === month) {\n rangeEnd = end.getDate()\n }\n\n return getDateRange(rangeStart, rangeEnd)\n}\n","export const TOP = 102\nexport const LINE_HEIGHT = 34\nexport const MASK_HEIGHT = LINE_HEIGHT 7\n",".weui-picker,\n.weui-picker__hd {\n font-size: 12px;\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Host, State, Watch, Element } from '@stencil/core'\nimport classNames from 'classnames'\nimport {\n hoursRange,\n minutesRange,\n compareTime,\n verifyValue,\n verifyTime,\n verifyDate,\n getYearRange,\n getMonthRange,\n getDayRange,\n formatValue\n} from './utils'\nimport {\n TOP,\n LINE_HEIGHT\n} from './constant'\n\nexport type Mode = 'selector' \| 'multiSelector' \| 'time' \| 'date'\nexport type Fields = 'day' \| 'month' \| 'year'\nexport type PickerValue = number \| number[] \| string\n\nexport interface PickerDate {\n _value: Date\n _start: Date\n _end: Date\n _updateValue: [number, number, number]\n}\n\n@Component({\n tag: 'taro-picker-core',\n styleUrl: './style/index.scss'\n})\nexport class Picker implements ComponentInterface {\n private index: number[] = []\n private pickerDate: PickerDate\n private overlay?: HTMLElement\n\n @Element() el: HTMLElement\n\n @Prop() mode: Mode = 'selector'\n @Prop() disabled = false\n @Prop() range: any[] = []\n @Prop() rangeKey: string\n @Prop({ mutable: true }) value: number \| number[] \| string\n @Prop() start = ''\n @Prop() end = ''\n @Prop() fields: Fields = 'day'\n @Prop() name = ''\n\n @State() pickerValue: PickerValue = []\n @State() height: number[] = []\n @State() hidden = true\n @State() fadeOut = false\n @State() isWillLoadCalled = false\n\n @Event({\n eventName: 'change'\n }) onChange: EventEmitter\n\n @Event({\n eventName: 'columnchange'\n }) onColumnChange: EventEmitter\n\n @Event({\n eventName: 'cancel'\n }) onCancel: EventEmitter\n\n componentWillLoad () {\n this.isWillLoadCalled = true\n this.handleProps()\n }\n\n componentDidLoad () {\n Object.defineProperty(this.el, 'value', {\n get: () => this.pickerValue,\n set: val => (this.value = val),\n configurable: true\n })\n\n if (this.overlay) {\n document.body.appendChild(this.overlay)\n }\n }\n\n disconnectedCallback () {\n if (this.overlay) {\n this.overlay.parentNode?.removeChild(this.overlay)\n }\n }\n\n @Watch('mode')\n @Watch('value')\n @Watch('range')\n @Watch('start')\n @Watch('end')\n onPropsChange () {\n if (!this.isWillLoadCalled) return\n this.handleProps()\n }\n\n handleProps () {\n const { mode, start, end } = this\n\n if (mode === 'selector') {\n const value = this.value as number\n this.index = [verifyValue(value, this.range) ? Math.floor(value) : 0]\n } else if (mode === 'multiSelector') {\n const value = this.value as number[]\n this.index = []\n this.range.forEach((range, index) => {\n const val = value?.[index]\n const item = verifyValue(val, range as any[]) ? Math.floor(val) : 0\n this.index.push(item)\n })\n } else if (mode === 'time') {\n let value = this.value as string\n // check value...\n if (!verifyTime(value)) {\n console.warn('time picker value illegal')\n value = '0:0'\n }\n\n const time = value.split(':').map(n => +n)\n this.index = time\n } else if (mode === 'date') {\n const value = this.value as string\n\n const _value = verifyDate(value) \|\| new Date(new Date().setHours(0, 0, 0, 0)) // 没传值或值的合法性错误默认今天时间\n const _start = verifyDate(start) \|\| new Date('1970/01/01')\n const _end = verifyDate(end) \|\| new Date('2999/01/01')\n\n // 时间区间有效性\n if (_value >= _start && _value <= _end) {\n const currentYear = _value.getFullYear()\n const currentMonth = _value.getMonth() + 1\n const currentDay = _value.getDate()\n const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear())\n const monthRange = getMonthRange(_start, _end, currentYear)\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n\n this.index = [\n yearRange.indexOf(currentYear),\n monthRange.indexOf(currentMonth),\n dayRange.indexOf(currentDay)\n ]\n if (\n !this.pickerDate \|\|\n this.pickerDate._value.getTime() !== _value.getTime() \|\|\n this.pickerDate._start.getTime() !== _start.getTime() \|\|\n this.pickerDate._end.getTime() !== _end.getTime()\n ) {\n this.pickerDate = {\n _value,\n _start,\n _end,\n _updateValue: [\n currentYear,\n currentMonth,\n currentDay\n ]\n }\n }\n } else {\n throw new Error('Date Interval Error')\n }\n }\n\n // Prop 变化时，无论是否正在显示弹层，都更新 height 值\n this.height = this.getHeightByIndex()\n\n // 同步表单 value 值，用于 form submit\n this.pickerValue = this.value\n if (mode === 'date') {\n const val = this.pickerValue as string\n if (this.fields === 'month') {\n this.pickerValue = val.split('-').slice(0, 2).join('-')\n } else if (this.fields === 'year') {\n this.pickerValue = val.split('-')[0]\n }\n }\n }\n\n // 展示 Picker\n showPicker = () => {\n if (this.disabled) return\n\n this.height = this.getHeightByIndex()\n this.hidden = false\n }\n\n getHeightByIndex = () => {\n const height = this.index.map(i => {\n let factor = 0\n if (this.mode === 'time') {\n factor = LINE_HEIGHT * 4\n }\n return TOP - LINE_HEIGHT * i - factor\n })\n return height\n }\n\n // 隐藏 picker\n hidePicker = () => {\n this.fadeOut = true\n setTimeout(() => {\n this.hidden = true\n this.fadeOut = false\n }, 350)\n }\n\n // 点击确定按钮\n handleChange = () => {\n this.hidePicker()\n\n this.index = this.height.map(h => (TOP - h) / LINE_HEIGHT)\n\n let value: PickerValue = this.index.length && this.mode !== 'selector'\n ? this.index\n : this.index[0]\n\n if (this.mode === 'time') {\n const range = [hoursRange.slice(), minutesRange.slice()]\n\n const timeArr = this.index.map<string>((n, i) => range[i][n])\n\n this.index = timeArr.map(item => parseInt(item))\n value = timeArr.join(':')\n }\n\n if (this.mode === 'date') {\n const { _start, _end, _updateValue } = this.pickerDate\n const currentYear = _updateValue[0]\n const currentMonth = _updateValue[1]\n const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear())\n const monthRange = getMonthRange(_start, _end, currentYear)\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n\n const year = yearRange[this.index[0]]\n const month = monthRange[this.index[1]]\n const day = dayRange[this.index[2]]\n\n if (this.fields === 'year') {\n value = [year]\n } else if (this.fields === 'month') {\n value = [year, month]\n } else {\n value = [year, month, day]\n }\n value = value\n .map(item => {\n return item < 10 ? `0${item}` : item\n })\n .join('-')\n }\n\n this.pickerValue = value\n\n this.onChange.emit({\n value\n })\n }\n\n // 点击取消按钮或蒙层\n handleCancel = () => {\n this.hidePicker()\n this.onCancel.emit()\n }\n\n updateHeight = (height: number, columnId: string, needRevise = false) => {\n const temp = [...this.height]\n temp[columnId] = height\n this.height = temp\n\n // time picker 必须在规定时间范围内，因此需要在 touchEnd 做修正\n if (needRevise) {\n let { start, end } = this\n\n if (!verifyTime(start)) start = '00:00'\n if (!verifyTime(end)) end = '23:59'\n if (!compareTime(start, end)) return\n\n const range = [hoursRange.slice(), minutesRange.slice()]\n\n const timeList = this.height.map(h => (TOP - h) / LINE_HEIGHT)\n const timeStr = timeList.map((n, i) => range[i][n]).join(':')\n\n if (!compareTime(start, timeStr)) {\n // 修正到 start\n const height = start\n .split(':')\n .map(i => TOP - LINE_HEIGHT * (+i + 4))\n requestAnimationFrame(() => (this.height = height))\n } else if (!compareTime(timeStr, end)) {\n // 修正到 end\n const height = end\n .split(':')\n .map(i => TOP - LINE_HEIGHT * (+i + 4))\n requestAnimationFrame(() => (this.height = height))\n }\n }\n }\n\n handleColumnChange = (height: number, columnId: string) => {\n this.onColumnChange.emit({\n column: Number(columnId),\n value: (TOP - height) / LINE_HEIGHT\n })\n }\n\n updateDay = (value: number, fields: number) => {\n const { _start, _end, _updateValue } = this.pickerDate\n\n _updateValue[fields] = value\n\n const currentYear = _updateValue[0]\n const currentMonth = _updateValue[1]\n const currentDay = _updateValue[2]\n\n // 滚动年份\n if (fields === 0) {\n const monthRange = getMonthRange(_start, _end, currentYear)\n const max = monthRange[monthRange.length - 1]\n const min = monthRange[0]\n\n if (currentMonth > max) _updateValue[1] = max\n if (currentMonth < min) _updateValue[1] = min\n const index = monthRange.indexOf(_updateValue[1])\n const height = TOP - LINE_HEIGHT * index\n\n this.updateDay(_updateValue[1], 1)\n this.updateHeight(height, '1')\n } else if (fields === 1) {\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n const max = dayRange[dayRange.length - 1]\n const min = dayRange[0]\n\n if (currentDay > max) _updateValue[2] = max\n if (currentDay < min) _updateValue[2] = min\n const index = dayRange.indexOf(_updateValue[2])\n const height = TOP - LINE_HEIGHT * index\n\n this.updateDay(_updateValue[2], 2)\n this.updateHeight(height, '2')\n }\n }\n\n // 单列选择器\n getSelector = () => {\n return (\n <taro-picker-group\n range={this.range}\n rangeKey={this.rangeKey}\n height={this.height[0]}\n updateHeight={this.updateHeight}\n columnId='0'\n />\n )\n }\n\n // 多列选择器\n getMultiSelector = () => {\n return this.range.map((range, index) => {\n return (\n <taro-picker-group\n range={range}\n rangeKey={this.rangeKey}\n height={this.height[index]}\n updateHeight={this.updateHeight}\n onColumnChange={this.handleColumnChange}\n columnId={String(index)}\n />\n )\n })\n }\n\n // 时间选择器\n getTimeSelector = () => {\n const hourRange = hoursRange.slice()\n const minRange = minutesRange.slice()\n return [\n <taro-picker-group\n mode='time'\n range={hourRange}\n height={this.height[0]}\n updateHeight={this.updateHeight}\n columnId='0'\n />,\n <taro-picker-group\n mode='time'\n range={minRange}\n height={this.height[1]}\n updateHeight={this.updateHeight}\n columnId='1'\n />\n ]\n }\n\n // 日期选择器\n getDateSelector = () => {\n const { fields, height } = this\n const { _start, _end, _updateValue } = this.pickerDate\n const currentYear = _updateValue[0]\n const currentMonth = _updateValue[1]\n\n const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear())\n .map(item => `${item}年`)\n const monthRange = getMonthRange(_start, _end, currentYear)\n .map(item => `${item < 10 ? `0${item}` : item}月`)\n const dayRange = getDayRange(_start, _end, currentYear, currentMonth)\n .map(item => `${item < 10 ? `0${item}` : item}日`)\n\n const renderView = [\n <taro-picker-group\n mode='date'\n range={yearRange}\n height={height[0]}\n updateDay={this.updateDay}\n updateHeight={this.updateHeight}\n columnId='0'\n />\n ]\n if (fields === 'month' \|\| fields === 'day') {\n renderView.push(\n <taro-picker-group\n mode='date'\n range={monthRange}\n height={height[1]}\n updateDay={this.updateDay}\n updateHeight={this.updateHeight}\n columnId='1'\n />\n )\n }\n if (fields === 'day') {\n renderView.push(\n <taro-picker-group\n mode='date'\n range={dayRange}\n height={height[2]}\n updateDay={this.updateDay}\n updateHeight={this.updateHeight}\n columnId='2'\n />\n )\n }\n\n return renderView\n }\n\n render () {\n const {\n name,\n mode,\n fadeOut,\n hidden\n } = this\n\n // 选项条\n let pickerGroup\n switch (mode) {\n case 'multiSelector':\n pickerGroup = this.getMultiSelector()\n break\n case 'time':\n pickerGroup = this.getTimeSelector()\n break\n case 'date':\n pickerGroup = this.getDateSelector()\n break\n default:\n pickerGroup = this.getSelector()\n }\n\n // 动画类名控制逻辑\n const clsMask = classNames('weui-mask', 'weui-animate-fade-in', {\n 'weui-animate-fade-out': fadeOut\n })\n const clsSlider = classNames('weui-picker', 'weui-animate-slide-up', {\n 'weui-animate-slide-down': fadeOut\n })\n const shouldDivHidden = hidden ? { display: 'none' } : {}\n\n return (\n <Host>\n <div onClick={this.showPicker}>\n <slot />\n <input type='hidden' name={name} value={formatValue(this.pickerValue)} />\n </div>\n <div\n class='weui-picker__overlay'\n style={shouldDivHidden}\n ref={el => { this.overlay = el }}\n >\n <div class={clsMask} onClick={this.handleCancel} />\n <div class={clsSlider}>\n <div class='weui-picker__hd'>\n <div class='weui-picker__action' onClick={this.handleCancel}>\n 取消\n </div>\n <div class='weui-picker__action' onClick={this.handleChange}>\n 确定\n </div>\n </div>\n <div class='weui-picker__bd'>{pickerGroup}</div>\n <input type='hidden' name={name} value={formatValue(this.pickerValue)} />\n </div>\n </div>\n </Host>\n )\n }\n}\n","import { Component, h, ComponentInterface, Prop, Host, Method, State, Listen } from '@stencil/core'\n\nimport {\n TOP,\n LINE_HEIGHT,\n MASK_HEIGHT\n} from './constant'\n\n@Component({\n tag: 'taro-picker-group'\n})\nexport class TaroPickerGroup implements ComponentInterface {\n @Prop() mode: 'time' \| 'date'\n @Prop() range: any[] = []\n @Prop() rangeKey: string\n @Prop() height: number\n @Prop() columnId: string\n @Prop() updateHeight: (height: number, columnId: string, needRevise?: boolean) => void\n @Prop() onColumnChange: (height: number, columnId: string) => void\n @Prop() updateDay: (value: number, fields: number) => void\n\n @State() startY: number\n @State() preY: number\n @State() hadMove: boolean\n @State() touchEnd: boolean\n @State() isMove: boolean\n\n getPosition () {\n const transition = this.touchEnd ? 0.3 : 0\n const transformValue = `translate3d(0, ${this.height}px, 0)`\n const transitionValue = `transform ${transition}s`\n return {\n transform: transformValue,\n '-webkit-transform': transformValue,\n transition: transitionValue,\n '-webkit-transition': transitionValue\n }\n }\n\n formulaUnlimitedScroll (range: number, absoluteHeight: number, direction: 'up' \| 'down') {\n const { height, updateHeight, columnId } = this\n const factor = direction === 'up' ? 1 : -1\n\n this.touchEnd = false\n\n // 点击超过范围，点击到补帧时，先跳到另一端的补帧\n updateHeight(-range * factor * LINE_HEIGHT + height, columnId)\n\n // 再做过渡动画\n requestAnimationFrame(() => {\n this.touchEnd = true\n const index = Math.round(absoluteHeight / -LINE_HEIGHT) + range * factor\n const relativeHeight = TOP - LINE_HEIGHT * index\n updateHeight(relativeHeight, columnId, true)\n })\n }\n\n @Method()\n handleMoveStart (clientY: number) {\n // 记录第一次的点击位置\n this.startY = clientY\n this.preY = clientY\n this.hadMove = false\n }\n\n @Method()\n handleMoving (clientY: number) {\n const y = clientY\n const deltaY = y - this.preY\n this.preY = y\n this.touchEnd = false\n\n if (Math.abs(y - this.startY) > 10) this.hadMove = true\n\n let newPos = this.height + deltaY\n\n // 处理时间选择器的无限滚动\n if (this.mode === 'time') {\n if (this.columnId === '0') {\n // 数字 28 来自于 4 格补帧 + 0 ～ 23 的 24 格，共 28 格\n if (newPos > TOP - LINE_HEIGHT * 3) {\n newPos = TOP - LINE_HEIGHT * 27 + deltaY\n }\n if (newPos < TOP - LINE_HEIGHT * 28) {\n newPos = TOP - LINE_HEIGHT * 4 + deltaY\n }\n } else if (this.columnId === '1') {\n if (newPos > TOP - LINE_HEIGHT * 3) {\n newPos = TOP - LINE_HEIGHT * 63 + deltaY\n }\n if (newPos < TOP - LINE_HEIGHT * 64) {\n newPos = TOP - LINE_HEIGHT * 4 + deltaY\n }\n }\n }\n\n this.updateHeight(newPos, this.columnId)\n }\n\n @Method()\n handleMoveEnd (clientY: number) {\n const {\n mode,\n range,\n height,\n updateHeight,\n onColumnChange,\n columnId\n } = this\n const max = 0\n const min = -LINE_HEIGHT * (range.length - 1)\n const endY = clientY\n\n this.touchEnd = true\n\n // touchEnd 时的高度，可能带小数点，需要再处理\n let absoluteHeight: number\n\n if (!this.hadMove) {\n /** 点击 /\n // 屏幕高度\n const windowHeight = window.innerHeight\n // picker__mask 垂直方向距离屏幕顶部的高度\n const relativeY = windowHeight - MASK_HEIGHT / 2\n\n absoluteHeight = height - TOP - (endY - relativeY)\n\n // 处理时间选择器的无限滚动\n if (mode === 'time') {\n if (columnId === '0') {\n // 点击上溢出\n // absoluteHeight 是相对模块中点来算的，所以会算多半行，这时要减去这半行，即2.5行\n if (absoluteHeight > -LINE_HEIGHT 2.5) {\n return this.formulaUnlimitedScroll(24, absoluteHeight, 'up')\n }\n // 点击下溢出\n if (absoluteHeight < -LINE_HEIGHT * 28.5) {\n return this.formulaUnlimitedScroll(24, absoluteHeight, 'down')\n }\n } else if (columnId === '1') {\n // 点击上溢出\n if (absoluteHeight > -LINE_HEIGHT * 2.5) {\n return this.formulaUnlimitedScroll(60, absoluteHeight, 'up')\n }\n // 点击下溢出\n if (absoluteHeight < -LINE_HEIGHT * 64.5) {\n return this.formulaUnlimitedScroll(60, absoluteHeight, 'down')\n }\n }\n }\n } else {\n /** 滚动 /\n absoluteHeight = height - TOP\n }\n\n // 边界情况处理\n if (absoluteHeight > max) absoluteHeight = 0\n if (absoluteHeight < min) absoluteHeight = min\n\n // 先按公式算出 index, 再用此 index 算出一个整数高度\n const index = Math.round(absoluteHeight / -LINE_HEIGHT)\n const relativeHeight = TOP - LINE_HEIGHT index\n\n if (this.mode === 'date') {\n if (this.columnId === '0') {\n this.updateDay(\n +this.range[index].replace(/[^0-9]/gi, ''),\n 0\n )\n }\n if (this.columnId === '1') {\n this.updateDay(\n +this.range[index].replace(/[^0-9]/gi, ''),\n 1\n )\n }\n if (this.columnId === '2') {\n this.updateDay(\n +this.range[index].replace(/[^0-9]/gi, ''),\n 2\n )\n }\n }\n\n updateHeight(relativeHeight, columnId, mode === 'time')\n onColumnChange && onColumnChange(relativeHeight, columnId)\n }\n\n @Listen('mousedown')\n onMouseDown (e: MouseEvent) {\n this.isMove = true\n this.handleMoveStart(e.clientY)\n }\n\n @Listen('mousemove')\n onMouseMove (e: MouseEvent) {\n e.preventDefault()\n\n if (!this.isMove) return\n\n this.handleMoving(e.clientY)\n }\n\n @Listen('mouseup')\n @Listen('mouseleave')\n onMouseMoveEnd (e: MouseEvent) {\n if (!this.isMove) return\n\n this.isMove = false\n this.handleMoveEnd(e.clientY)\n }\n\n @Listen('touchstart')\n onTouchStart (e: TouchEvent) {\n this.handleMoveStart(e.changedTouches[0].clientY)\n }\n\n @Listen('touchmove')\n onTouchMove (e: TouchEvent) {\n e.preventDefault()\n\n this.handleMoving(e.changedTouches[0].clientY)\n }\n\n @Listen('touchend')\n onTouchEnd (e: TouchEvent) {\n this.handleMoveEnd(e.changedTouches[0].clientY)\n }\n\n render () {\n const { range, rangeKey } = this\n const pickerItem = range.map(item => {\n const content = rangeKey ? item[rangeKey] : item\n return (\n <div class='weui-picker__item'>{content}</div>\n )\n })\n\n return (\n <Host class='weui-picker__group'>\n <div class='weui-picker__mask' />\n <div class='weui-picker__indicator' />\n <div class='weui-picker__content' style={this.getPosition()}>\n {pickerItem}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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"}

package/dist/esm-es5/taro-picker-view-column-core_2.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-5d881caf.js";import{d as debounce}from"./index-cad8203e.js";import{c as classnames}from"./index-1d8e8acd.js";function convertStyle(e){if(e){var t=/([\w-]*)\s*:\s*([^;]*)/g;var i={};var o=void 0;while(o=t.exec(e))i["".concat(o[1])]=o[2].trim();return i}}var columnCss=".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";var PickerViewColumn=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"onselect",7);this.onSelectStart=createEvent(this,"onselectstart",7);this.onSelectEnd=createEvent(this,"onselectend",7);this.handleSelected=debounce((function(){var e=t.el.childNodes;var i=0;var o="0";for(var n in e){var r=e[n];var a=r.offsetHeight;if(i+a/2>t.el.scrollTop){o=n;break}i+=a}t.el.scrollTo({top:i,behavior:"smooth"});t.onChange.emit({curIndex:t.col,selectedIndex:o});t.onSelectEnd.emit()}),500);this.col=undefined;this.initialPosition="0";this.paddingVertical=0;this.isInit=false;this.isMove=false}e.prototype.onScroll=function(e){if(!this.isMove){this.isMove=true;this.onSelectStart.emit()}this.handleSelected()};e.prototype.onMouseEnd=function(){if(!this.isMove)return;this.isMove=false;this.handleSelected()};e.prototype.onTouchEnd=function(){this.isMove=false;this.handleSelected()};e.prototype.componentDidUpdate=function(){if(!this.isInit){this.isInit=true;var e=this.el.childNodes;var t=0;var i=0;for(var o in e){var n=e[o];if(this.initialPosition===o||!n||typeof n.offsetHeight!=="number"){break}i+=n.offsetHeight;t++}this.el.scrollTo({top:i});if(t>=e.length){this.onChange.emit({curIndex:this.col,selectedIndex:t-1})}}};e.prototype.render=function(){var e=this.paddingVertical,t=e===void 0?0:e;return h(Host,{class:"taro-picker-view-column-container",style:{"padding-top":"".concat(t,"px"),"padding-bottom":"".concat(t,"px")}})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PickerViewColumn.style=columnCss;var indexCss=".taro-picker-view-container{display:-ms-flexbox;display:flex;position:relative}.taro-picker-view-mask-container{display:-ms-flexbox;display:flex;position:absolute;left:0;right:0;top:0;bottom:0;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.taro-picker-view-mask-indicator{display:-ms-flexbox;display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:50px}.taro-picker-view-mask-top{-ms-flex:1;flex:1;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}.taro-picker-view-mask-bottom{-ms-flex:1;flex:1;background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background:linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}";var PickerView=function(){function e(e){registerInstance(this,e);this.onChange=createEvent(this,"change",7);this.onPickStart=createEvent(this,"pickstart",7);this.onPickEnd=createEvent(this,"pickend",7);this.indicatorStyle=undefined;this.indicatorClass=undefined;this.value=undefined;this.maskStyle=undefined;this.maskClass=undefined}e.prototype.onSelect=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-PICKER-VIEW-COLUMN-CORE")return;var t=+e.detail.curIndex;var i=+e.detail.selectedIndex;this.value[t]=i;this.onChange.emit({value:this.value})};e.prototype.onSelectStart=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-PICKER-VIEW-COLUMN-CORE")return;this.onPickStart.emit()};e.prototype.onPickerColEnd=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-PICKER-VIEW-COLUMN-CORE")return;this.onPickEnd.emit()};e.prototype.componentDidLoad=function(){var e=this;var t=this.el.querySelectorAll("taro-picker-view-column-core");t.forEach((function(t,i){var o;t.setAttribute("col","".concat(i));var n="0";if(!!e.value&&e.value.length>i){n="".concat(e.value[i])}var r=e.el.getBoundingClientRect().height;var a=((o=e.indicator)===null||o===void 0?void 0:o.offsetHeight)||0;var s=(r-a)/2;t.setAttribute("initial-position","".concat(n));t.setAttribute("padding-vertical","".concat(s))}))};e.prototype.componentDidRender=function(){var e=this;this.el.childNodes.forEach((function(t){var i=t;if("TARO-PICKER-VIEW-COLUMN-CORE"!==i.tagName&&i.className!=="taro-picker-view-mask-container"){e.el.removeChild(t)}}))};e.prototype.render=function(){var e=this;var t=classnames("taro-picker-view-mask-indicator",this.indicatorClass);var i=classnames("taro-picker-view-mask-top",this.maskClass);var o=classnames("taro-picker-view-mask-bottom",this.maskClass);var n=convertStyle(this.indicatorStyle);var r=convertStyle(this.maskStyle);var a=convertStyle(this.maskStyle);return h(Host,{class:"taro-picker-view-container"},h("slot",null),h("div",{class:"taro-picker-view-mask-container"},h("div",{class:i,style:r}),h("div",{class:t,style:n,ref:function(t){return e.indicator=t}}),h("div",{class:o,style:a})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PickerView.style=indexCss;export{PickerViewColumn as taro_picker_view_column_core,PickerView as taro_picker_view_core};
+import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-c948674f.js";import{d as debounce}from"./index-d1b03e47.js";import{c as classnames}from"./index-1d8e8acd.js";function convertStyle(e){if(e){var t=/([\w-]*)\s*:\s*([^;]*)/g;var i={};var o=void 0;while(o=t.exec(e))i["".concat(o[1])]=o[2].trim();return i}}var columnCss=".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";var PickerViewColumn=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"onselect",7);this.onSelectStart=createEvent(this,"onselectstart",7);this.onSelectEnd=createEvent(this,"onselectend",7);this.handleSelected=debounce((function(){var e=t.el.childNodes;var i=0;var o="0";for(var n in e){var r=e[n];var a=r.offsetHeight;if(i+a/2>t.el.scrollTop){o=n;break}i+=a}t.el.scrollTo({top:i,behavior:"smooth"});t.onChange.emit({curIndex:t.col,selectedIndex:o});t.onSelectEnd.emit()}),500);this.col=undefined;this.initialPosition="0";this.paddingVertical=0;this.isInit=false;this.isMove=false}e.prototype.onScroll=function(e){if(!this.isMove){this.isMove=true;this.onSelectStart.emit()}this.handleSelected()};e.prototype.onMouseEnd=function(){if(!this.isMove)return;this.isMove=false;this.handleSelected()};e.prototype.onTouchEnd=function(){this.isMove=false;this.handleSelected()};e.prototype.componentDidUpdate=function(){if(!this.isInit){this.isInit=true;var e=this.el.childNodes;var t=0;var i=0;for(var o in e){var n=e[o];if(this.initialPosition===o||!n||typeof n.offsetHeight!=="number"){break}i+=n.offsetHeight;t++}this.el.scrollTo({top:i});if(t>=e.length){this.onChange.emit({curIndex:this.col,selectedIndex:t-1})}}};e.prototype.render=function(){var e=this.paddingVertical,t=e===void 0?0:e;return h(Host,{class:"taro-picker-view-column-container",style:{"padding-top":"".concat(t,"px"),"padding-bottom":"".concat(t,"px")}})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PickerViewColumn.style=columnCss;var indexCss=".taro-picker-view-container{display:-ms-flexbox;display:flex;position:relative}.taro-picker-view-mask-container{display:-ms-flexbox;display:flex;position:absolute;left:0;right:0;top:0;bottom:0;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.taro-picker-view-mask-indicator{display:-ms-flexbox;display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:50px}.taro-picker-view-mask-top{-ms-flex:1;flex:1;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}.taro-picker-view-mask-bottom{-ms-flex:1;flex:1;background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background:linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}";var PickerView=function(){function e(e){registerInstance(this,e);this.onChange=createEvent(this,"change",7);this.onPickStart=createEvent(this,"pickstart",7);this.onPickEnd=createEvent(this,"pickend",7);this.indicatorStyle=undefined;this.indicatorClass=undefined;this.value=undefined;this.maskStyle=undefined;this.maskClass=undefined}e.prototype.onSelect=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-PICKER-VIEW-COLUMN-CORE")return;var t=+e.detail.curIndex;var i=+e.detail.selectedIndex;this.value[t]=i;this.onChange.emit({value:this.value})};e.prototype.onSelectStart=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-PICKER-VIEW-COLUMN-CORE")return;this.onPickStart.emit()};e.prototype.onPickerColEnd=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-PICKER-VIEW-COLUMN-CORE")return;this.onPickEnd.emit()};e.prototype.componentDidLoad=function(){var e=this;var t=this.el.querySelectorAll("taro-picker-view-column-core");t.forEach((function(t,i){var o;t.setAttribute("col","".concat(i));var n="0";if(!!e.value&&e.value.length>i){n="".concat(e.value[i])}var r=e.el.getBoundingClientRect().height;var a=((o=e.indicator)===null||o===void 0?void 0:o.offsetHeight)||0;var s=(r-a)/2;t.setAttribute("initial-position","".concat(n));t.setAttribute("padding-vertical","".concat(s))}))};e.prototype.componentDidRender=function(){var e=this;this.el.childNodes.forEach((function(t){var i=t;if("TARO-PICKER-VIEW-COLUMN-CORE"!==i.tagName&&i.className!=="taro-picker-view-mask-container"){e.el.removeChild(t)}}))};e.prototype.render=function(){var e=this;var t=classnames("taro-picker-view-mask-indicator",this.indicatorClass);var i=classnames("taro-picker-view-mask-top",this.maskClass);var o=classnames("taro-picker-view-mask-bottom",this.maskClass);var n=convertStyle(this.indicatorStyle);var r=convertStyle(this.maskStyle);var a=convertStyle(this.maskStyle);return h(Host,{class:"taro-picker-view-container"},h("slot",null),h("div",{class:"taro-picker-view-mask-container"},h("div",{class:i,style:r}),h("div",{class:t,style:n,ref:function(t){return e.indicator=t}}),h("div",{class:o,style:a})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PickerView.style=indexCss;export{PickerViewColumn as taro_picker_view_column_core,PickerView as taro_picker_view_core};
 //# sourceMappingURL=taro-picker-view-column-core_2.entry.js.map

package/dist/esm-es5/taro-picker-view-column-core_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["src/utils/style.ts","src/components/picker-view/style/column.scss?tag=taro-picker-view-column-core","src/components/picker-view/picker-view-column.tsx","src/components/picker-view/style/index.scss?tag=taro-picker-view-core","src/components/picker-view/picker-view.tsx"],"names":["convertStyle","style","regex","properties","match","exec","concat","trim","columnCss","PickerViewColumn","this","handleSelected","debounce","childList","_this","el","childNodes","sum","selectedIndex","index","item","itemHeight","offsetHeight","scrollTop","scrollTo","top","behavior","onChange","emit","curIndex","col","onSelectEnd","prototype","onScroll","_event","isMove","onSelectStart","onMouseEnd","onTouchEnd","componentDidUpdate","isInit","idx","initialPosition","length","render","_b","paddingVertical","h","Host","class","padding-top","padding-bottom","indexCss","PickerView","onSelect","e","stopPropagation","target","tagName","_curIndex","detail","_selectedIndex","value","onPickStart","onPickerColEnd","onPickEnd","componentDidLoad","querySelectorAll","forEach","element","setAttribute","selectIndex","pickerHeight","getBoundingClientRect","height","indicatorHeight","_a","indicator","componentDidRender","childEle","className","removeChild","indicatorCls","classNames","indicatorClass","maskTopCls","maskClass","maskBtmCls","indicatorStyle","maskTopStyle","maskStyle","maskBottomStyle","ref"],"mappings":"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","sourcesContent":["export function convertStyle (style?: string): Record<string, string> \| undefined {\n if (style) {\n const regex = /([\\w-])\\s:\\s([^;])/g\n const properties: Record<string, string> = {}\n let match\n while ((match = regex.exec(style))) properties[`${match[1]}`] = match[2].trim()\n return properties\n }\n}\n",".taro-picker-view {\n &-column {\n &-container {\n display: flex;\n overflow: scroll;\n overflow-x: hidden;\n position: relative;\n flex-direction: column;\n flex: 1;\n text-align: center;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n}\n","import { Component, h, Host, Listen, Element, Event, EventEmitter, Prop, State } from '@stencil/core'\n\nimport { debounce } from '../../utils'\n\n@Component({\n tag: 'taro-picker-view-column-core',\n styleUrl: './style/column.scss'\n})\nexport class PickerViewColumn {\n // 当前 ref\n @Element() el: HTMLElement\n\n // 标记属于 picker 第几列\n @Prop() col: string\n\n // 初始化的选中位置\n @Prop({ attribute: 'initial-position' }) initialPosition = '0'\n\n // 滑动距离上下留白区域-通过父视图和 indicator 计算而来\n @Prop({ attribute: 'padding-vertical' }) paddingVertical = 0\n\n @State()\n isInit: boolean = false\n\n @State()\n isMove: boolean = false\n\n // 选中后的结果回调\n @Event({ eventName: 'onselect' }) onChange: EventEmitter\n @Event({ eventName: 'onselectstart' }) onSelectStart: EventEmitter\n @Event({ eventName: 'onselectend' }) onSelectEnd: EventEmitter\n\n @Listen('scroll')\n onScroll(_event: UIEvent) {\n if (!this.isMove) {\n this.isMove = true\n this.onSelectStart.emit()\n }\n this.handleSelected()\n }\n\n @Listen('mouseup')\n @Listen('mouseout')\n @Listen('mouseleave')\n onMouseEnd() {\n if (!this.isMove) return\n this.isMove = false\n this.handleSelected()\n }\n\n @Listen('touchend')\n onTouchEnd() {\n this.isMove = false\n this.handleSelected()\n }\n\n componentDidUpdate() {\n if (!this.isInit) {\n this.isInit = true\n const childList = this.el.childNodes\n let idx = 0\n let sum = 0\n for (const index in childList) {\n const item = childList[index] as HTMLElement\n if (this.initialPosition === index \|\| !item \|\| typeof item.offsetHeight !== 'number') {\n break\n }\n sum += item.offsetHeight\n idx++\n }\n this.el.scrollTo({ top: sum })\n if (idx >= childList.length) {\n this.onChange.emit({\n curIndex: this.col,\n selectedIndex: idx - 1\n })\n }\n }\n }\n\n // 滚动结束自动回到合适的位置\n handleSelected = debounce(() => {\n const childList = this.el.childNodes\n let sum = 0\n let selectedIndex: string = '0'\n for (const index in childList) {\n const item = childList[index] as HTMLElement\n const itemHeight = item.offsetHeight\n if (sum + itemHeight / 2.0 > this.el.scrollTop) {\n selectedIndex = index\n break\n }\n sum += itemHeight\n }\n\n this.el.scrollTo({\n top: sum,\n behavior: 'smooth'\n })\n this.onChange.emit({\n curIndex: this.col,\n selectedIndex: selectedIndex\n })\n this.onSelectEnd.emit()\n }, 500)\n\n render() {\n const { paddingVertical = 0 } = this\n return (\n <Host\n class=\"taro-picker-view-column-container\"\n style={{ 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` }}\n />\n )\n }\n}\n",".taro-picker-view {\n &-container {\n display: flex;\n position: relative;\n }\n\n &-mask {\n &-container {\n display: flex;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n flex-direction: column;\n pointer-events: none;\n }\n\n &-indicator {\n display: flex;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n height: 50px;\n }\n\n &-top {\n flex: 1;\n background-image: linear-gradient(to bottom, rgb(255 255 255 / 95%), rgb(255 255 255 / 60%));\n }\n\n &-bottom {\n flex: 1;\n background: linear-gradient(to top, rgb(255 255 255 / 95%), rgb(255 255 255 / 60%));\n }\n }\n}\n","import { Component, h, Host, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { convertStyle } from '../../utils'\n\n@Component({\n tag: 'taro-picker-view-core',\n styleUrl: './style/index.scss'\n})\nexport class PickerView {\n private indicator: HTMLDivElement \| undefined\n // 当前ref\n @Element() el: HTMLElement\n // 指示标的样式\n @Prop() indicatorStyle: string\n @Prop() indicatorClass: string\n\n // 初始化的数据\n @Prop() value: number[]\n\n // 蒙层特效\n @Prop() maskStyle: string\n\n // 蒙层特效\n @Prop() maskClass: string\n\n // 外部回调\n @Event({\n eventName: 'change'\n })\n onChange: EventEmitter\n\n @Event({\n eventName: 'pickstart'\n })\n onPickStart: EventEmitter\n\n @Event({\n eventName: 'pickend'\n })\n onPickEnd: EventEmitter\n\n @Listen('onselect')\n onSelect(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n let _curIndex: number = +e.detail.curIndex\n let _selectedIndex = +e.detail.selectedIndex\n this.value[_curIndex] = _selectedIndex\n this.onChange.emit({ value: this.value })\n }\n\n @Listen('onselectstart')\n onSelectStart(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n this.onPickStart.emit()\n }\n\n @Listen('onselectend')\n onPickerColEnd(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n this.onPickEnd.emit()\n }\n\n componentDidLoad() {\n const childList = this.el.querySelectorAll('taro-picker-view-column-core')\n childList.forEach((element, index) => {\n element.setAttribute('col', `${index}`)\n let selectIndex = '0'\n if (!!this.value && this.value.length > index) {\n selectIndex = `${this.value[index]}`\n }\n const pickerHeight = this.el.getBoundingClientRect().height\n const indicatorHeight = this.indicator?.offsetHeight \|\| 0\n const paddingVertical = (pickerHeight - indicatorHeight) / 2.0\n element.setAttribute('initial-position', `${selectIndex}`)\n element.setAttribute('padding-vertical', `${paddingVertical}`)\n })\n }\n\n // 过滤非 PickerViewColumn 组件\n componentDidRender() {\n this.el.childNodes.forEach(item => {\n const childEle = item as HTMLElement\n if (\n 'TARO-PICKER-VIEW-COLUMN-CORE' !== childEle.tagName &&\n childEle.className !== 'taro-picker-view-mask-container'\n ) {\n this.el.removeChild(item)\n }\n })\n }\n\n render() {\n const indicatorCls = classNames('taro-picker-view-mask-indicator', this.indicatorClass)\n const maskTopCls = classNames('taro-picker-view-mask-top', this.maskClass)\n const maskBtmCls = classNames('taro-picker-view-mask-bottom', this.maskClass)\n const indicatorStyle = convertStyle(this.indicatorStyle)\n const maskTopStyle = convertStyle(this.maskStyle)\n const maskBottomStyle = convertStyle(this.maskStyle)\n\n return (\n <Host class=\"taro-picker-view-container\">\n <slot />\n <div class=\"taro-picker-view-mask-container\">\n <div class={maskTopCls} style={maskTopStyle} />\n <div class={indicatorCls} style={indicatorStyle} ref={indicator => (this.indicator = indicator)} />\n <div class={maskBtmCls} style={maskBottomStyle} />\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"names":["convertStyle","style","regex","properties","match","exec","concat","trim","columnCss","PickerViewColumn","this","handleSelected","debounce","childList","_this","el","childNodes","sum","selectedIndex","index","item","itemHeight","offsetHeight","scrollTop","scrollTo","top","behavior","onChange","emit","curIndex","col","onSelectEnd","prototype","onScroll","_event","isMove","onSelectStart","onMouseEnd","onTouchEnd","componentDidUpdate","isInit","idx","initialPosition","length","render","_b","paddingVertical","h","Host","class","indexCss","PickerView","onSelect","e","stopPropagation","target","tagName","_curIndex","detail","_selectedIndex","value","onPickStart","onPickerColEnd","onPickEnd","componentDidLoad","querySelectorAll","forEach","element","setAttribute","selectIndex","pickerHeight","getBoundingClientRect","height","indicatorHeight","_a","indicator","componentDidRender","childEle","className","removeChild","indicatorCls","classNames","indicatorClass","maskTopCls","maskClass","maskBtmCls","indicatorStyle","maskTopStyle","maskStyle","maskBottomStyle","ref"],"sources":["src/utils/style.ts","src/components/picker-view/style/column.scss?tag=taro-picker-view-column-core","src/components/picker-view/picker-view-column.tsx","src/components/picker-view/style/index.scss?tag=taro-picker-view-core","src/components/picker-view/picker-view.tsx"],"sourcesContent":["export function convertStyle (style?: string): Record<string, string> \| undefined {\n if (style) {\n const regex = /([\\w-])\\s:\\s([^;])/g\n const properties: Record<string, string> = {}\n let match\n while ((match = regex.exec(style))) properties[`${match[1]}`] = match[2].trim()\n return properties\n }\n}\n",".taro-picker-view {\n &-column {\n &-container {\n display: flex;\n overflow: scroll;\n overflow-x: hidden;\n position: relative;\n flex-direction: column;\n flex: 1;\n text-align: center;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n}\n","import { Component, h, Host, Listen, Element, Event, EventEmitter, Prop, State } from '@stencil/core'\n\nimport { debounce } from '../../utils'\n\n@Component({\n tag: 'taro-picker-view-column-core',\n styleUrl: './style/column.scss'\n})\nexport class PickerViewColumn {\n // 当前 ref\n @Element() el: HTMLElement\n\n // 标记属于 picker 第几列\n @Prop() col: string\n\n // 初始化的选中位置\n @Prop({ attribute: 'initial-position' }) initialPosition = '0'\n\n // 滑动距离上下留白区域-通过父视图和 indicator 计算而来\n @Prop({ attribute: 'padding-vertical' }) paddingVertical = 0\n\n @State()\n isInit: boolean = false\n\n @State()\n isMove: boolean = false\n\n // 选中后的结果回调\n @Event({ eventName: 'onselect' }) onChange: EventEmitter\n @Event({ eventName: 'onselectstart' }) onSelectStart: EventEmitter\n @Event({ eventName: 'onselectend' }) onSelectEnd: EventEmitter\n\n @Listen('scroll')\n onScroll(_event: UIEvent) {\n if (!this.isMove) {\n this.isMove = true\n this.onSelectStart.emit()\n }\n this.handleSelected()\n }\n\n @Listen('mouseup')\n @Listen('mouseout')\n @Listen('mouseleave')\n onMouseEnd() {\n if (!this.isMove) return\n this.isMove = false\n this.handleSelected()\n }\n\n @Listen('touchend')\n onTouchEnd() {\n this.isMove = false\n this.handleSelected()\n }\n\n componentDidUpdate() {\n if (!this.isInit) {\n this.isInit = true\n const childList = this.el.childNodes\n let idx = 0\n let sum = 0\n for (const index in childList) {\n const item = childList[index] as HTMLElement\n if (this.initialPosition === index \|\| !item \|\| typeof item.offsetHeight !== 'number') {\n break\n }\n sum += item.offsetHeight\n idx++\n }\n this.el.scrollTo({ top: sum })\n if (idx >= childList.length) {\n this.onChange.emit({\n curIndex: this.col,\n selectedIndex: idx - 1\n })\n }\n }\n }\n\n // 滚动结束自动回到合适的位置\n handleSelected = debounce(() => {\n const childList = this.el.childNodes\n let sum = 0\n let selectedIndex: string = '0'\n for (const index in childList) {\n const item = childList[index] as HTMLElement\n const itemHeight = item.offsetHeight\n if (sum + itemHeight / 2.0 > this.el.scrollTop) {\n selectedIndex = index\n break\n }\n sum += itemHeight\n }\n\n this.el.scrollTo({\n top: sum,\n behavior: 'smooth'\n })\n this.onChange.emit({\n curIndex: this.col,\n selectedIndex: selectedIndex\n })\n this.onSelectEnd.emit()\n }, 500)\n\n render() {\n const { paddingVertical = 0 } = this\n return (\n <Host\n class=\"taro-picker-view-column-container\"\n style={{ 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` }}\n />\n )\n }\n}\n",".taro-picker-view {\n &-container {\n display: flex;\n position: relative;\n }\n\n &-mask {\n &-container {\n display: flex;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n flex-direction: column;\n pointer-events: none;\n }\n\n &-indicator {\n display: flex;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n height: 50px;\n }\n\n &-top {\n flex: 1;\n background-image: linear-gradient(to bottom, rgb(255 255 255 / 95%), rgb(255 255 255 / 60%));\n }\n\n &-bottom {\n flex: 1;\n background: linear-gradient(to top, rgb(255 255 255 / 95%), rgb(255 255 255 / 60%));\n }\n }\n}\n","import { Component, h, Host, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { convertStyle } from '../../utils'\n\n@Component({\n tag: 'taro-picker-view-core',\n styleUrl: './style/index.scss'\n})\nexport class PickerView {\n private indicator: HTMLDivElement \| undefined\n // 当前ref\n @Element() el: HTMLElement\n // 指示标的样式\n @Prop() indicatorStyle: string\n @Prop() indicatorClass: string\n\n // 初始化的数据\n @Prop() value: number[]\n\n // 蒙层特效\n @Prop() maskStyle: string\n\n // 蒙层特效\n @Prop() maskClass: string\n\n // 外部回调\n @Event({\n eventName: 'change'\n })\n onChange: EventEmitter\n\n @Event({\n eventName: 'pickstart'\n })\n onPickStart: EventEmitter\n\n @Event({\n eventName: 'pickend'\n })\n onPickEnd: EventEmitter\n\n @Listen('onselect')\n onSelect(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n let _curIndex: number = +e.detail.curIndex\n let _selectedIndex = +e.detail.selectedIndex\n this.value[_curIndex] = _selectedIndex\n this.onChange.emit({ value: this.value })\n }\n\n @Listen('onselectstart')\n onSelectStart(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n this.onPickStart.emit()\n }\n\n @Listen('onselectend')\n onPickerColEnd(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n this.onPickEnd.emit()\n }\n\n componentDidLoad() {\n const childList = this.el.querySelectorAll('taro-picker-view-column-core')\n childList.forEach((element, index) => {\n element.setAttribute('col', `${index}`)\n let selectIndex = '0'\n if (!!this.value && this.value.length > index) {\n selectIndex = `${this.value[index]}`\n }\n const pickerHeight = this.el.getBoundingClientRect().height\n const indicatorHeight = this.indicator?.offsetHeight \|\| 0\n const paddingVertical = (pickerHeight - indicatorHeight) / 2.0\n element.setAttribute('initial-position', `${selectIndex}`)\n element.setAttribute('padding-vertical', `${paddingVertical}`)\n })\n }\n\n // 过滤非 PickerViewColumn 组件\n componentDidRender() {\n this.el.childNodes.forEach(item => {\n const childEle = item as HTMLElement\n if (\n 'TARO-PICKER-VIEW-COLUMN-CORE' !== childEle.tagName &&\n childEle.className !== 'taro-picker-view-mask-container'\n ) {\n this.el.removeChild(item)\n }\n })\n }\n\n render() {\n const indicatorCls = classNames('taro-picker-view-mask-indicator', this.indicatorClass)\n const maskTopCls = classNames('taro-picker-view-mask-top', this.maskClass)\n const maskBtmCls = classNames('taro-picker-view-mask-bottom', this.maskClass)\n const indicatorStyle = convertStyle(this.indicatorStyle)\n const maskTopStyle = convertStyle(this.maskStyle)\n const maskBottomStyle = convertStyle(this.maskStyle)\n\n return (\n <Host class=\"taro-picker-view-container\">\n <slot />\n <div class=\"taro-picker-view-mask-container\">\n <div class={maskTopCls} style={maskTopStyle} />\n <div class={indicatorCls} style={indicatorStyle} ref={indicator => (this.indicator = indicator)} />\n <div class={maskBtmCls} style={maskBottomStyle} />\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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"}

package/dist/esm-es5/taro-progress-core.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-5d881caf.js";var Progress=function(){function r(r){registerInstance(this,r);this.percent=0;this.showInfo=false;this.borderRadius=0;this.fontSize=16;this.strokeWidth=6;this.activeColor="#09BB07";this.backgroundColor="#EBEBEB";this.active=false}r.prototype.render=function(){var r=this,s=r.percent,o=r.showInfo,t=r.borderRadius,e=r.fontSize,i=r.strokeWidth,a=r.activeColor,n=r.backgroundColor,c=r.active;var d=s>100?100:s<0?0:s;var u={height:i+"px",backgroundColor:n};var l=c?"width 1s ease-in-out":"none";var p={width:"".concat(d,"%"),transition:l,WebkitTransition:l,backgroundColor:a,borderRadius:t?"".concat(t,"px"):"0px"};return h(Host,{class:"weui-progress"},h("div",{class:"weui-progress__bar",style:u},h("div",{class:"weui-progress__inner-bar",style:p})),o&&h("div",{class:"weui-progress__opr",style:{"font-size":"".concat(e,"px")}},h("span",null,d,"%")))};return r}();export{Progress as taro_progress_core};
+import{r as registerInstance,h,H as Host}from"./index-c948674f.js";var Progress=function(){function r(r){registerInstance(this,r);this.percent=0;this.showInfo=false;this.borderRadius=0;this.fontSize=16;this.strokeWidth=6;this.activeColor="#09BB07";this.backgroundColor="#EBEBEB";this.active=false}r.prototype.render=function(){var r=this,s=r.percent,o=r.showInfo,t=r.borderRadius,e=r.fontSize,i=r.strokeWidth,n=r.activeColor,a=r.backgroundColor,c=r.active;var d=s>100?100:s<0?0:s;var u={height:i+"px",backgroundColor:a};var l=c?"width 1s ease-in-out":"none";var p={width:"".concat(d,"%"),transition:l,WebkitTransition:l,backgroundColor:n,borderRadius:t?"".concat(t,"px"):"0px"};return h(Host,{class:"weui-progress"},h("div",{class:"weui-progress__bar",style:u},h("div",{class:"weui-progress__inner-bar",style:p})),o&&h("div",{class:"weui-progress__opr",style:{"font-size":"".concat(e,"px")}},h("span",null,d,"%")))};return r}();export{Progress as taro_progress_core};
 //# sourceMappingURL=taro-progress-core.entry.js.map

package/dist/esm-es5/taro-progress-core.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["src/components/progress/progress.tsx"],"~~names":["Progress","prototype","render","_a","this","percent","showInfo","borderRadius","fontSize","strokeWidth","activeColor","backgroundColor","active","pgPercent","pgHeight","height","transition","pgWidth","width","concat","WebkitTransition","h","Host","class","style"~~,"font-size"~~],"~~mappings~~":"uEAKaA,SAAQ,+DACD,gBACC,wBACqB,gBACJ,oBACG,mBACjB,+BACI,sBACT,MAEjBA,EAAAC,UAAAC,OAAA,WACQ,IAAAC,EASFC,KARFC,EAAOF,EAAAE,QACPC,EAAQH,EAAAG,SACRC,EAAYJ,EAAAI,aACZC,EAAQL,EAAAK,SACRC,EAAWN,EAAAM,YACXC,EAAWP,EAAAO,YACXC,EAAeR,EAAAQ,gBACfC,EAAMT,EAAAS,OAGR,IAAMC,EAAYR,EAAU,IAAM,IAAMA,EAAU,EAAI,EAAIA,EAC1D,IAAMS,EAAW,CACfC,OAAQN,EAAc,KACtBE,gBAAeA,GAEjB,IAAMK,EAAaJ,EAAS,uBAAyB,OACrD,IAAMK,EAAU,CACdC,MAAO,GAAAC,OAAGN,EAAS,KACnBG,WAAUA,EACVI,iBAAkBJ,EAClBL,gBAAiBD,EACjBH,aAAcA,EAAe,GAAAY,OAAGZ,EAAY,MAAO,OAGrD,OACEc,EAACC,KAAI,CAACC,MAAM,iBACVF,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,MAAOV,GACrCO,EAAA,MAAA,CAAKE,MAAM,2BAA2BC,MAAOP,KAG9CX,GACCe,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,MAAO,CAAEC,YAAa,GAAAN,OAAGX,EAAQ,QAC/~~Da,EAAA,OAAA,KAAOR,EAAS,iBA5CP~~","sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\n@Component({\n tag: 'taro-progress-core'\n})\nexport class Progress implements ComponentInterface {\n @Prop() percent = 0\n @Prop() showInfo = false\n @Prop() borderRadius: number \| string = 0\n @Prop() fontSize: number \| string = 16\n @Prop() strokeWidth: number \| string = 6\n @Prop() activeColor = '#09BB07'\n @Prop() backgroundColor = '#EBEBEB'\n @Prop() active = false\n\n render () {\n const {\n percent,\n showInfo,\n borderRadius,\n fontSize,\n strokeWidth,\n activeColor,\n backgroundColor,\n active\n } = this\n\n const pgPercent = percent > 100 ? 100 : percent < 0 ? 0 : percent\n const pgHeight = {\n height: strokeWidth + 'px',\n backgroundColor\n }\n const transition = active ? 'width 1s ease-in-out' : 'none'\n const pgWidth = {\n width: `${pgPercent}%`,\n transition,\n WebkitTransition: transition,\n backgroundColor: activeColor,\n borderRadius: borderRadius ? `${borderRadius}px` : '0px'\n }\n\n return (\n <Host class='weui-progress'>\n <div class='weui-progress__bar' style={pgHeight}>\n <div class='weui-progress__inner-bar' style={pgWidth} />\n </div>\n\n {showInfo && (\n <div class='weui-progress__opr' style={{ 'font-size': `${fontSize}px` }}>\n <span>{pgPercent}%</span>\n </div>\n )}\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"names":["Progress","prototype","render","_a","this","percent","showInfo","borderRadius","fontSize","strokeWidth","activeColor","backgroundColor","active","pgPercent","pgHeight","height","transition","pgWidth","width","concat","WebkitTransition","h","Host","class","style"],"sources":["src/components/progress/progress.tsx"],"sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\n@Component({\n tag: 'taro-progress-core'\n})\nexport class Progress implements ComponentInterface {\n @Prop() percent = 0\n @Prop() showInfo = false\n @Prop() borderRadius: number \| string = 0\n @Prop() fontSize: number \| string = 16\n @Prop() strokeWidth: number \| string = 6\n @Prop() activeColor = '#09BB07'\n @Prop() backgroundColor = '#EBEBEB'\n @Prop() active = false\n\n render () {\n const {\n percent,\n showInfo,\n borderRadius,\n fontSize,\n strokeWidth,\n activeColor,\n backgroundColor,\n active\n } = this\n\n const pgPercent = percent > 100 ? 100 : percent < 0 ? 0 : percent\n const pgHeight = {\n height: strokeWidth + 'px',\n backgroundColor\n }\n const transition = active ? 'width 1s ease-in-out' : 'none'\n const pgWidth = {\n width: `${pgPercent}%`,\n transition,\n WebkitTransition: transition,\n backgroundColor: activeColor,\n borderRadius: borderRadius ? `${borderRadius}px` : '0px'\n }\n\n return (\n <Host class='weui-progress'>\n <div class='weui-progress__bar' style={pgHeight}>\n <div class='weui-progress__inner-bar' style={pgWidth} />\n </div>\n\n {showInfo && (\n <div class='weui-progress__opr' style={{ 'font-size': `${fontSize}px` }}>\n <span>{pgPercent}%</span>\n </div>\n )}\n </Host>\n )\n }\n}\n"],"mappings":"uEAKaA,SAAQ,W,oDACD,E,cACC,M,kBACqB,E,cACJ,G,iBACG,E,iBACjB,U,qBACI,U,YACT,K,CAEjBA,EAAAC,UAAAC,OAAA,WACQ,IAAAC,EASFC,KARFC,EAAOF,EAAAE,QACPC,EAAQH,EAAAG,SACRC,EAAYJ,EAAAI,aACZC,EAAQL,EAAAK,SACRC,EAAWN,EAAAM,YACXC,EAAWP,EAAAO,YACXC,EAAeR,EAAAQ,gBACfC,EAAMT,EAAAS,OAGR,IAAMC,EAAYR,EAAU,IAAM,IAAMA,EAAU,EAAI,EAAIA,EAC1D,IAAMS,EAAW,CACfC,OAAQN,EAAc,KACtBE,gBAAeA,GAEjB,IAAMK,EAAaJ,EAAS,uBAAyB,OACrD,IAAMK,EAAU,CACdC,MAAO,GAAAC,OAAGN,EAAS,KACnBG,WAAUA,EACVI,iBAAkBJ,EAClBL,gBAAiBD,EACjBH,aAAcA,EAAe,GAAAY,OAAGZ,EAAY,MAAO,OAGrD,OACEc,EAACC,KAAI,CAACC,MAAM,iBACVF,EAAA,OAAKE,MAAM,qBAAqBC,MAAOV,GACrCO,EAAA,OAAKE,MAAM,2BAA2BC,MAAOP,KAG9CX,GACCe,EAAA,OAAKE,MAAM,qBAAqBC,MAAO,CAAE,YAAa,GAAAL,OAAGX,EAAQ,QAC/Da,EAAA,YAAOR,EAAS,M,WA5CP,U"}

package/dist/esm-es5/taro-pull-to-refresh.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d881caf.js";import Taro from"@tarojs/taro";import{c as classnames}from"./index-1d8e8acd.js";var indexCss=".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{overflow:hidden;min-height:100vh}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";function setTransform(e,t){e.transform=t;e.webkitTransform=t;e.MozTransform=t}var isWebView=typeof navigator!=="undefined"&&/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);var INDICATOR={activate:"release",deactivate:"pull",release:"loading",finish:"finish"};var supportsPassive=false;try{var opts=Object.defineProperty({},"passive",{get:function(){supportsPassive=true}});window.addEventListener("cancel",(function(){return{}}),opts)}catch(e){}var willPreventDefault=supportsPassive?{passive:false}:false;var PullToRefresh=function(){function e(e){var t=this;registerInstance(this,e);this.onRefresh=createEvent(this,"refresh",7);this._ScreenY=0;this._startScreenY=0;this._lastScreenY=0;this._isMounted=false;this.triggerPullDownRefresh=function(e){if(!t.dragOnEdge&&t._isMounted){if(e){t._lastScreenY=t.distanceToRefresh+1;t.currSt="release";t.setContentStyle(t._lastScreenY)}else{t.currSt="finish";t.reset()}}};this.init=function(){var e=t.scrollContainer;var r=t.el.querySelector("rmc-pull-to-refresh-content");t.el.appendChild=r===null||r===void 0?void 0:r.appendChild.bind(r);t.el.insertBefore=r===null||r===void 0?void 0:r.insertBefore.bind(r);t.el.replaceChild=r===null||r===void 0?void 0:r.replaceChild.bind(r);t.el.removeChild=r===null||r===void 0?void 0:r.removeChild.bind(r);t._to={touchstart:t.onTouchStart.bind(t,e),touchmove:t.onTouchMove.bind(t,e),touchend:t.onTouchEnd.bind(t,e),touchcancel:t.onTouchEnd.bind(t,e)};Object.keys(t._to).forEach((function(r){e.addEventListener(r,t._to[r],willPreventDefault)}))};this.destroy=function(){var e=t.scrollContainer;Object.keys(t._to).forEach((function(r){e.removeEventListener(r,t._to[r])}))};this.onTouchStart=function(e,r){t._ScreenY=t._startScreenY=r.touches[0].screenY;t._lastScreenY=t._lastScreenY||0};this.isEdge=function(e){var r=t.scrollContainer;if(r&&r===document.body){var n=document.scrollingElement?document.scrollingElement:document.body;return n.scrollTop<=0}return e.scrollTop<=0};this.damp=function(e){if(Math.abs(t._lastScreenY)>t.damping){return 0}var r=Math.abs(t._ScreenY-t._startScreenY)/window.screen.height;e*=(1-r)*.6;return e};this.onTouchMove=function(e,r){var n=r.touches[0].screenY;if(t._startScreenY>n){return}if(t.isEdge(e)){if(!t.dragOnEdge){t._ScreenY=t._startScreenY=r.touches[0].screenY;t.dragOnEdge=true}if(r.cancelable){r.preventDefault()}var i=Math.round(n-t._ScreenY);t._ScreenY=n;t._lastScreenY+=t.damp(i);t.setContentStyle(t._lastScreenY);if(Math.abs(t._lastScreenY)<t.distanceToRefresh){if(t.currSt!=="deactivate"){t.currSt="deactivate"}}else{if(t.currSt==="deactivate"){t.currSt="activate"}}if(isWebView&&r.changedTouches[0].clientY<0){t.onTouchEnd()}}};this.onTouchEnd=function(){if(t.dragOnEdge){t.dragOnEdge=false}if(t.currSt==="activate"){t.currSt="release";t.onRefresh.emit(t);t._lastScreenY=t.distanceToRefresh+1;t.setContentStyle(t._lastScreenY)}else if(t.currSt==="release"){t._lastScreenY=t.distanceToRefresh+1;t.setContentStyle(t._lastScreenY)}else{t.reset()}};this.reset=function(){t._lastScreenY=0;t.setContentStyle(0)};this.setContentStyle=function(e){if(t.contentRef){if(e){setTransform(t.contentRef.style,"translate3d(0px,".concat(e,"px,0)"))}else{setTransform(t.contentRef.style,"")}}};this.prefixCls="rmc-pull-to-refresh";this.distanceToRefresh=50;this.damping=100;this.indicator=INDICATOR;this.currSt="deactivate";this.dragOnEdge=false}Object.defineProperty(e.prototype,"scrollContainer",{get:function(){return this.el.parentElement||this.el.closest(".taro_page_stationed")||document.querySelector(".taro_page_stationed")||document.querySelector(".taro_page")||document.querySelector(".taro_router")||document.querySelector(".taro-tabbar__panel")||document.body},enumerable:false,configurable:true});e.prototype.statusChange=function(){var e,t,r,n;var i=this.scrollContainer;switch(this.currSt){case"release":(t=(e=i===null||i===void 0?void 0:i.__page)===null||e===void 0?void 0:e.onPullDownRefresh)===null||t===void 0?void 0:t.call(e);break;case"deactivate":(n=(r=i===null||i===void 0?void 0:i.__page)===null||r===void 0?void 0:r.onPullIntercept)===null||n===void 0?void 0:n.call(r)}};e.prototype.disconnectedCallback=function(){this.destroy()};e.prototype.componentDidLoad=function(){var e=this;this.init();this._isMounted=true;Taro.eventCenter.on("__taroStartPullDownRefresh",(function(t){var r=t.successHandler,n=t.errorHandler;try{e.triggerPullDownRefresh(true);r({errMsg:"startPullDownRefresh: ok"})}catch(e){n({errMsg:"startPullDownRefresh: fail"})}}));Taro.eventCenter.on("__taroStopPullDownRefresh",(function(t){var r=t.successHandler,n=t.errorHandler;try{e.triggerPullDownRefresh(false);r({errMsg:"stopPullDownRefresh: ok"})}catch(e){n({errMsg:"stopPullDownRefresh: fail"})}}))};e.prototype.render=function(){var e=this;var t=function(t){var r=e,n=r.currSt,i=r.dragOnEdge,o=r.prefixCls;var s=classnames(t,!i&&"".concat(o,"-transition"));var a=n==="activate"||n==="release";return h("div",{class:"".concat(o,"-content-wrapper")},h("div",{class:s,ref:function(t){e.contentRef=t}},a&&h("div",{class:"".concat(o,"-indicator")},h("div",null),h("div",null),h("div",null)),h("slot",null)))};if(this.scrollContainer){return t("".concat(this.prefixCls,"-content ").concat(this.prefixCls,"-down"))}return h(Host,{class:classnames(this.prefixCls,"".concat(this.prefixCls,"-down"))},t("".concat(this.prefixCls,"-content")))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{currSt:["statusChange"]}},enumerable:false,configurable:true});return e}();PullToRefresh.style=indexCss;export{PullToRefresh as taro_pull_to_refresh};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-c948674f.js";import Taro from"@tarojs/taro";import{c as classnames}from"./index-1d8e8acd.js";var indexCss=".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{overflow:hidden;min-height:100vh}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";function setTransform(e,t){e.transform=t;e.webkitTransform=t;e.MozTransform=t}var isWebView=typeof navigator!=="undefined"&&/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);var INDICATOR={activate:"release",deactivate:"pull",release:"loading",finish:"finish"};var supportsPassive=false;try{var opts=Object.defineProperty({},"passive",{get:function(){supportsPassive=true}});window.addEventListener("cancel",(function(){return{}}),opts)}catch(e){}var willPreventDefault=supportsPassive?{passive:false}:false;var PullToRefresh=function(){function e(e){var t=this;registerInstance(this,e);this.onRefresh=createEvent(this,"refresh",7);this._ScreenY=0;this._startScreenY=0;this._lastScreenY=0;this._isMounted=false;this.triggerPullDownRefresh=function(e){if(!t.dragOnEdge&&t._isMounted){if(e){t._lastScreenY=t.distanceToRefresh+1;t.currSt="release";t.setContentStyle(t._lastScreenY)}else{t.currSt="finish";t.reset()}}};this.init=function(){var e=t.scrollContainer;var r=t.el.querySelector("rmc-pull-to-refresh-content");t.el.appendChild=r===null||r===void 0?void 0:r.appendChild.bind(r);t.el.insertBefore=r===null||r===void 0?void 0:r.insertBefore.bind(r);t.el.replaceChild=r===null||r===void 0?void 0:r.replaceChild.bind(r);t.el.removeChild=r===null||r===void 0?void 0:r.removeChild.bind(r);t._to={touchstart:t.onTouchStart.bind(t,e),touchmove:t.onTouchMove.bind(t,e),touchend:t.onTouchEnd.bind(t,e),touchcancel:t.onTouchEnd.bind(t,e)};Object.keys(t._to).forEach((function(r){e.addEventListener(r,t._to[r],willPreventDefault)}))};this.destroy=function(){var e=t.scrollContainer;Object.keys(t._to).forEach((function(r){e.removeEventListener(r,t._to[r])}))};this.onTouchStart=function(e,r){t._ScreenY=t._startScreenY=r.touches[0].screenY;t._lastScreenY=t._lastScreenY||0};this.isEdge=function(e){var r=t.scrollContainer;if(r&&r===document.body){var n=document.scrollingElement?document.scrollingElement:document.body;return n.scrollTop<=0}return e.scrollTop<=0};this.damp=function(e){if(Math.abs(t._lastScreenY)>t.damping){return 0}var r=Math.abs(t._ScreenY-t._startScreenY)/window.screen.height;e*=(1-r)*.6;return e};this.onTouchMove=function(e,r){var n=r.touches[0].screenY;if(t._startScreenY>n){return}if(t.isEdge(e)){if(!t.dragOnEdge){t._ScreenY=t._startScreenY=r.touches[0].screenY;t.dragOnEdge=true}if(r.cancelable){r.preventDefault()}var i=Math.round(n-t._ScreenY);t._ScreenY=n;t._lastScreenY+=t.damp(i);t.setContentStyle(t._lastScreenY);if(Math.abs(t._lastScreenY)<t.distanceToRefresh){if(t.currSt!=="deactivate"){t.currSt="deactivate"}}else{if(t.currSt==="deactivate"){t.currSt="activate"}}if(isWebView&&r.changedTouches[0].clientY<0){t.onTouchEnd()}}};this.onTouchEnd=function(){if(t.dragOnEdge){t.dragOnEdge=false}if(t.currSt==="activate"){t.currSt="release";t.onRefresh.emit(t);t._lastScreenY=t.distanceToRefresh+1;t.setContentStyle(t._lastScreenY)}else if(t.currSt==="release"){t._lastScreenY=t.distanceToRefresh+1;t.setContentStyle(t._lastScreenY)}else{t.reset()}};this.reset=function(){t._lastScreenY=0;t.setContentStyle(0)};this.setContentStyle=function(e){if(t.contentRef){if(e){setTransform(t.contentRef.style,"translate3d(0px,".concat(e,"px,0)"))}else{setTransform(t.contentRef.style,"")}}};this.prefixCls="rmc-pull-to-refresh";this.distanceToRefresh=50;this.damping=100;this.indicator=INDICATOR;this.currSt="deactivate";this.dragOnEdge=false}Object.defineProperty(e.prototype,"scrollContainer",{get:function(){return this.el.parentElement||this.el.closest(".taro_page_stationed")||document.querySelector(".taro_page_stationed")||document.querySelector(".taro_page")||document.querySelector(".taro_router")||document.querySelector(".taro-tabbar__panel")||document.body},enumerable:false,configurable:true});e.prototype.statusChange=function(){var e,t,r,n;var i=this.scrollContainer;switch(this.currSt){case"release":(t=(e=i===null||i===void 0?void 0:i.__page)===null||e===void 0?void 0:e.onPullDownRefresh)===null||t===void 0?void 0:t.call(e);break;case"deactivate":(n=(r=i===null||i===void 0?void 0:i.__page)===null||r===void 0?void 0:r.onPullIntercept)===null||n===void 0?void 0:n.call(r)}};e.prototype.disconnectedCallback=function(){this.destroy()};e.prototype.componentDidLoad=function(){var e=this;this.init();this._isMounted=true;Taro.eventCenter.on("__taroStartPullDownRefresh",(function(t){var r=t.successHandler,n=t.errorHandler;try{e.triggerPullDownRefresh(true);r({errMsg:"startPullDownRefresh: ok"})}catch(e){n({errMsg:"startPullDownRefresh: fail"})}}));Taro.eventCenter.on("__taroStopPullDownRefresh",(function(t){var r=t.successHandler,n=t.errorHandler;try{e.triggerPullDownRefresh(false);r({errMsg:"stopPullDownRefresh: ok"})}catch(e){n({errMsg:"stopPullDownRefresh: fail"})}}))};e.prototype.render=function(){var e=this;var t=function(t){var r=e,n=r.currSt,i=r.dragOnEdge,o=r.prefixCls;var s=classnames(t,!i&&"".concat(o,"-transition"));var a=n==="activate"||n==="release";return h("div",{class:"".concat(o,"-content-wrapper")},h("div",{class:s,ref:function(t){e.contentRef=t}},a&&h("div",{class:"".concat(o,"-indicator")},h("div",null),h("div",null),h("div",null)),h("slot",null)))};if(this.scrollContainer){return t("".concat(this.prefixCls,"-content ").concat(this.prefixCls,"-down"))}return h(Host,{class:classnames(this.prefixCls,"".concat(this.prefixCls,"-down"))},t("".concat(this.prefixCls,"-content")))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{currSt:["statusChange"]}},enumerable:false,configurable:true});return e}();PullToRefresh.style=indexCss;export{PullToRefresh as taro_pull_to_refresh};
 //# sourceMappingURL=taro-pull-to-refresh.entry.js.map

package/dist/esm-es5/taro-pull-to-refresh.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["src/components/pull-to-refresh/style/index.scss?tag=taro-pull-to-refresh","src/components/pull-to-refresh/pull-to-refresh.tsx"],"names":["indexCss","setTransform","nodeStyle","value","transform","webkitTransform","MozTransform","isWebView","navigator","test","userAgent","INDICATOR","activate","deactivate","release","finish","supportsPassive","opts","Object","defineProperty","get","window","addEventListener","e","willPreventDefault","passive","PullToRefresh","this","_ScreenY","_startScreenY","_lastScreenY","_isMounted","triggerPullDownRefresh","flag","_this","dragOnEdge","distanceToRefresh","currSt","setContentStyle","reset","init","ele","scrollContainer","child","el","querySelector","appendChild","bind","insertBefore","replaceChild","removeChild","_to","touchstart","onTouchStart","touchmove","onTouchMove","touchend","onTouchEnd","touchcancel","keys","forEach","key","destroy","removeEventListener","_","touches","screenY","isEdge","container","document","body","scrollNode","scrollingElement","scrollTop","damp","dy","Math","abs","damping","ratio","screen","height","_screenY","cancelable","preventDefault","_diff","round","changedTouches","clientY","onRefresh","emit","ty","contentRef","style","concat","prototype","parentElement","closest","statusChange","pageEl","_b","_a","__page","onPullDownRefresh","call","_d","_c","onPullIntercept","disconnectedCallback","componentDidLoad","Taro","eventCenter","on","_e","successHandler","errorHandler","errMsg","render","renderRefresh","cls","prefixCls","cla","classNames","showIndicator","h","class","ref","Host"],"mappings":"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","sourcesContent":[".rmc-pull-to-refresh-content {\r\n transform-origin: left top 0;\r\n}\r\n\r\n.rmc-pull-to-refresh-content-wrapper {\r\n overflow: hidden;\r\n min-height: 100vh;\r\n}\r\n\r\n.rmc-pull-to-refresh-transition {\r\n transition: transform 0.3s;\r\n}\r\n\r\n@keyframes rmc-pull-to-refresh-indicator {\r\n 50% {\r\n opacity: 0.2;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator {\r\n height: 30px;\r\n line-height: 10px;\r\n text-align: center;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div {\r\n display: inline-block;\r\n margin: 3px;\r\n border-radius: 100%;\r\n width: 6px;\r\n height: 6px;\r\n background-color: grey;\r\n animation: rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;\r\n animation-fill-mode: both;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div:nth-child(0) {\r\n animation-delay: -0.1s !important;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div:nth-child(1) {\r\n animation-delay: -0.2s !important;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div:nth-child(2) {\r\n animation-delay: -0.3s !important;\r\n}\r\n\r\n.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator {\r\n margin-top: -25px;\r\n}\r\n","import { Component, Prop, h, ComponentInterface, Host, State, Event, EventEmitter, Watch, Element } from '@stencil/core'\nimport Taro from '@tarojs/taro'\nimport classNames from 'classnames'\n\nfunction setTransform (nodeStyle, value) {\n nodeStyle.transform = value\n nodeStyle.webkitTransform = value\n nodeStyle.MozTransform = value\n}\n\nconst isWebView = typeof navigator !== 'undefined' &&\n /(iPhone\|iPod\|iPad).AppleWebKit(?!.Safari)/i.test(navigator.userAgent)\n\nconst INDICATOR = {\n activate: 'release',\n deactivate: 'pull',\n release: 'loading',\n finish: 'finish'\n}\n\nlet supportsPassive = false\ntry {\n const opts = Object.defineProperty({}, 'passive', {\n get () {\n supportsPassive = true\n }\n })\n window.addEventListener('cancel', () => ({}), opts)\n} catch (e) { }\n\nconst willPreventDefault = supportsPassive ? { passive: false } : false\n\n@Component({\n tag: 'taro-pull-to-refresh',\n styleUrl: './style/index.scss'\n})\nexport class PullToRefresh implements ComponentInterface {\n @Prop() prefixCls = 'rmc-pull-to-refresh'\n @Prop() distanceToRefresh = 50\n @Prop() damping = 100\n @Prop() indicator = INDICATOR\n\n @State() currSt: 'activate' \| 'deactivate' \| 'release' \| 'finish' = 'deactivate'\n @State() dragOnEdge = false\n @Element() el: HTMLElement;\n\n @Event({\n eventName: 'refresh'\n }) onRefresh: EventEmitter\n\n private contentRef: HTMLElement;\n private _to: Record<string, EventListener>\n private _ScreenY = 0;\n private _startScreenY = 0;\n private _lastScreenY = 0;\n\n private _isMounted = false;\n\n private get scrollContainer () {\n return this.el.parentElement \|\|\n this.el.closest('.taro_page_stationed') \|\|\n document.querySelector('.taro_page_stationed') \|\|\n document.querySelector('.taro_page') \|\|\n document.querySelector('.taro_router') \|\|\n document.querySelector('.taro-tabbar__panel') \|\|\n document.body\n }\n\n @Watch('currSt')\n statusChange () {\n const pageEl: any = this.scrollContainer\n switch (this.currSt) {\n case 'release':\n pageEl?.__page?.onPullDownRefresh?.()\n break\n case 'deactivate':\n pageEl?.__page?.onPullIntercept?.()\n }\n }\n\n disconnectedCallback () {\n this.destroy()\n }\n\n componentDidLoad () {\n this.init()\n this._isMounted = true\n Taro.eventCenter.on('__taroStartPullDownRefresh', ({ successHandler, errorHandler }) => {\n try {\n this.triggerPullDownRefresh(true)\n successHandler({\n errMsg: 'startPullDownRefresh: ok'\n })\n } catch (e) {\n errorHandler({\n errMsg: 'startPullDownRefresh: fail'\n })\n }\n })\n\n Taro.eventCenter.on('__taroStopPullDownRefresh', ({ successHandler, errorHandler }) => {\n try {\n this.triggerPullDownRefresh(false)\n successHandler({\n errMsg: 'stopPullDownRefresh: ok'\n })\n } catch (e) {\n errorHandler({\n errMsg: 'stopPullDownRefresh: fail'\n })\n }\n })\n }\n\n triggerPullDownRefresh = (flag: boolean) => {\n // 在初始化时、用代码自动触发 pullDownRefresh\n // 添加this._isMounted的判断，否则组建一实例化，currSt就会是finish\n if (!this.dragOnEdge && this._isMounted) {\n if (flag) {\n this._lastScreenY = this.distanceToRefresh + 1\n // change dom need after setState\n this.currSt = 'release'\n this.setContentStyle(this._lastScreenY)\n } else {\n this.currSt = 'finish'\n this.reset()\n }\n }\n }\n\n init = () => {\n const ele = this.scrollContainer\n const child = this.el.querySelector('rmc-pull-to-refresh-content')\n this.el.appendChild = child?.appendChild.bind(child)\n this.el.insertBefore = child?.insertBefore.bind(child)\n this.el.replaceChild = child?.replaceChild.bind(child)\n this.el.removeChild = child?.removeChild.bind(child)\n this._to = {\n touchstart: this.onTouchStart.bind(this, ele),\n touchmove: this.onTouchMove.bind(this, ele),\n touchend: this.onTouchEnd.bind(this, ele),\n touchcancel: this.onTouchEnd.bind(this, ele)\n }\n Object.keys(this._to).forEach(key => {\n ele.addEventListener(key, this._to[key], willPreventDefault)\n })\n }\n\n destroy = () => {\n const ele = this.scrollContainer\n Object.keys(this._to).forEach(key => {\n ele.removeEventListener(key, this._to[key])\n })\n }\n\n onTouchStart = (_, e: TouchEvent) => {\n this._ScreenY = this._startScreenY = e.touches[0].screenY\n // 一开始 refreshing 为 true 时 this._lastScreenY 有值\n this._lastScreenY = this._lastScreenY \|\| 0\n }\n\n isEdge = (ele: HTMLElement) => {\n const container = this.scrollContainer\n if (container && container === document.body) {\n // In chrome61 `document.body.scrollTop` is invalid\n const scrollNode = document.scrollingElement ? document.scrollingElement : document.body\n return scrollNode.scrollTop <= 0\n }\n return ele.scrollTop <= 0\n }\n\n damp = (dy: number) => {\n if (Math.abs(this._lastScreenY) > this.damping) {\n return 0\n }\n\n const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height\n dy = (1 - ratio) 0.6\n\n return dy\n }\n\n onTouchMove = (ele: HTMLElement, e: TouchEvent) => {\n // 使用 pageY 对比有问题\n const _screenY = e.touches[0].screenY\n\n // 拖动方向不符合的不处理\n if (this._startScreenY > _screenY) {\n return\n }\n\n if (this.isEdge(ele)) {\n if (!this.dragOnEdge) {\n // 当用户开始往上滑的时候isEdge还是false的话，会导致this._ScreenY不是想要的，只有当isEdge为true时，再上滑，才有意义\n // 下面这行代码解决了上面这个问题\n this._ScreenY = this._startScreenY = e.touches[0].screenY\n this.dragOnEdge = true\n }\n if (e.cancelable) {\n e.preventDefault()\n }\n // add stopPropagation with fastclick will trigger content onClick event. why?\n // ref https://github.com/ant-design/ant-design-mobile/issues/2141\n // e.stopPropagation();\n\n const _diff = Math.round(_screenY - this._ScreenY)\n this._ScreenY = _screenY\n this._lastScreenY += this.damp(_diff)\n\n this.setContentStyle(this._lastScreenY)\n\n if (Math.abs(this._lastScreenY) < this.distanceToRefresh) {\n if (this.currSt !== 'deactivate') {\n // console.log('back to the distance');\n this.currSt = 'deactivate'\n }\n } else {\n if (this.currSt === 'deactivate') {\n // console.log('reach to the distance');\n this.currSt = 'activate'\n }\n }\n\n // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829\n // iOS UIWebView issue, It seems no problem in WKWebView\n if (isWebView && e.changedTouches[0].clientY < 0) {\n this.onTouchEnd()\n }\n }\n }\n\n onTouchEnd = () => {\n if (this.dragOnEdge) {\n this.dragOnEdge = false\n }\n if (this.currSt === 'activate') {\n this.currSt = 'release'\n this.onRefresh.emit(this)\n this._lastScreenY = this.distanceToRefresh + 1\n this.setContentStyle(this._lastScreenY)\n } else if (this.currSt === 'release') {\n this._lastScreenY = this.distanceToRefresh + 1\n this.setContentStyle(this._lastScreenY)\n } else {\n this.reset()\n }\n }\n\n reset = () => {\n this._lastScreenY = 0\n this.setContentStyle(0)\n }\n\n setContentStyle = (ty: number) => {\n // TODO: Why sometimes do not have `this.contentRef` ?\n if (this.contentRef) {\n // translate3d 不清理会影响内部元素定位\n if (ty) {\n setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`)\n } else {\n setTransform(this.contentRef.style, '')\n }\n }\n }\n\n render () {\n const renderRefresh = (cls: string) => {\n const { currSt, dragOnEdge, prefixCls } = this\n const cla = classNames(cls, !dragOnEdge && `${prefixCls}-transition`)\n const showIndicator = currSt === 'activate' \|\| currSt === 'release'\n return (\n <div class={`${prefixCls}-content-wrapper`}>\n <div\n class={cla}\n ref={el => {\n this.contentRef = el!\n }}>\n {showIndicator && (\n <div class={`${prefixCls}-indicator`}>\n <div />\n <div />\n <div />\n </div>\n )}\n <slot />\n </div>\n </div>\n )\n }\n\n if (this.scrollContainer) {\n return renderRefresh(`${this.prefixCls}-content ${this.prefixCls}-down`)\n }\n return (\n <Host\n class={classNames(this.prefixCls, `${this.prefixCls}-down`)}\n >\n {renderRefresh(`${this.prefixCls}-content`)}\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"names":["indexCss","setTransform","nodeStyle","value","transform","webkitTransform","MozTransform","isWebView","navigator","test","userAgent","INDICATOR","activate","deactivate","release","finish","supportsPassive","opts","Object","defineProperty","get","window","addEventListener","e","willPreventDefault","passive","PullToRefresh","this","_ScreenY","_startScreenY","_lastScreenY","_isMounted","triggerPullDownRefresh","flag","_this","dragOnEdge","distanceToRefresh","currSt","setContentStyle","reset","init","ele","scrollContainer","child","el","querySelector","appendChild","bind","insertBefore","replaceChild","removeChild","_to","touchstart","onTouchStart","touchmove","onTouchMove","touchend","onTouchEnd","touchcancel","keys","forEach","key","destroy","removeEventListener","_","touches","screenY","isEdge","container","document","body","scrollNode","scrollingElement","scrollTop","damp","dy","Math","abs","damping","ratio","screen","height","_screenY","cancelable","preventDefault","_diff","round","changedTouches","clientY","onRefresh","emit","ty","contentRef","style","concat","prototype","parentElement","closest","statusChange","pageEl","_b","_a","__page","onPullDownRefresh","call","_d","_c","onPullIntercept","disconnectedCallback","componentDidLoad","Taro","eventCenter","on","_e","successHandler","errorHandler","errMsg","render","renderRefresh","cls","prefixCls","cla","classNames","showIndicator","h","class","ref","Host"],"sources":["src/components/pull-to-refresh/style/index.scss?tag=taro-pull-to-refresh","src/components/pull-to-refresh/pull-to-refresh.tsx"],"sourcesContent":[".rmc-pull-to-refresh-content {\r\n transform-origin: left top 0;\r\n}\r\n\r\n.rmc-pull-to-refresh-content-wrapper {\r\n overflow: hidden;\r\n min-height: 100vh;\r\n}\r\n\r\n.rmc-pull-to-refresh-transition {\r\n transition: transform 0.3s;\r\n}\r\n\r\n@keyframes rmc-pull-to-refresh-indicator {\r\n 50% {\r\n opacity: 0.2;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator {\r\n height: 30px;\r\n line-height: 10px;\r\n text-align: center;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div {\r\n display: inline-block;\r\n margin: 3px;\r\n border-radius: 100%;\r\n width: 6px;\r\n height: 6px;\r\n background-color: grey;\r\n animation: rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;\r\n animation-fill-mode: both;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div:nth-child(0) {\r\n animation-delay: -0.1s !important;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div:nth-child(1) {\r\n animation-delay: -0.2s !important;\r\n}\r\n\r\n.rmc-pull-to-refresh-indicator > div:nth-child(2) {\r\n animation-delay: -0.3s !important;\r\n}\r\n\r\n.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator {\r\n margin-top: -25px;\r\n}\r\n","import { Component, Prop, h, ComponentInterface, Host, State, Event, EventEmitter, Watch, Element } from '@stencil/core'\nimport Taro from '@tarojs/taro'\nimport classNames from 'classnames'\n\nfunction setTransform (nodeStyle, value) {\n nodeStyle.transform = value\n nodeStyle.webkitTransform = value\n nodeStyle.MozTransform = value\n}\n\nconst isWebView = typeof navigator !== 'undefined' &&\n /(iPhone\|iPod\|iPad).AppleWebKit(?!.Safari)/i.test(navigator.userAgent)\n\nconst INDICATOR = {\n activate: 'release',\n deactivate: 'pull',\n release: 'loading',\n finish: 'finish'\n}\n\nlet supportsPassive = false\ntry {\n const opts = Object.defineProperty({}, 'passive', {\n get () {\n supportsPassive = true\n }\n })\n window.addEventListener('cancel', () => ({}), opts)\n} catch (e) { }\n\nconst willPreventDefault = supportsPassive ? { passive: false } : false\n\n@Component({\n tag: 'taro-pull-to-refresh',\n styleUrl: './style/index.scss'\n})\nexport class PullToRefresh implements ComponentInterface {\n @Prop() prefixCls = 'rmc-pull-to-refresh'\n @Prop() distanceToRefresh = 50\n @Prop() damping = 100\n @Prop() indicator = INDICATOR\n\n @State() currSt: 'activate' \| 'deactivate' \| 'release' \| 'finish' = 'deactivate'\n @State() dragOnEdge = false\n @Element() el: HTMLElement;\n\n @Event({\n eventName: 'refresh'\n }) onRefresh: EventEmitter\n\n private contentRef: HTMLElement;\n private _to: Record<string, EventListener>\n private _ScreenY = 0;\n private _startScreenY = 0;\n private _lastScreenY = 0;\n\n private _isMounted = false;\n\n private get scrollContainer () {\n return this.el.parentElement \|\|\n this.el.closest('.taro_page_stationed') \|\|\n document.querySelector('.taro_page_stationed') \|\|\n document.querySelector('.taro_page') \|\|\n document.querySelector('.taro_router') \|\|\n document.querySelector('.taro-tabbar__panel') \|\|\n document.body\n }\n\n @Watch('currSt')\n statusChange () {\n const pageEl: any = this.scrollContainer\n switch (this.currSt) {\n case 'release':\n pageEl?.__page?.onPullDownRefresh?.()\n break\n case 'deactivate':\n pageEl?.__page?.onPullIntercept?.()\n }\n }\n\n disconnectedCallback () {\n this.destroy()\n }\n\n componentDidLoad () {\n this.init()\n this._isMounted = true\n Taro.eventCenter.on('__taroStartPullDownRefresh', ({ successHandler, errorHandler }) => {\n try {\n this.triggerPullDownRefresh(true)\n successHandler({\n errMsg: 'startPullDownRefresh: ok'\n })\n } catch (e) {\n errorHandler({\n errMsg: 'startPullDownRefresh: fail'\n })\n }\n })\n\n Taro.eventCenter.on('__taroStopPullDownRefresh', ({ successHandler, errorHandler }) => {\n try {\n this.triggerPullDownRefresh(false)\n successHandler({\n errMsg: 'stopPullDownRefresh: ok'\n })\n } catch (e) {\n errorHandler({\n errMsg: 'stopPullDownRefresh: fail'\n })\n }\n })\n }\n\n triggerPullDownRefresh = (flag: boolean) => {\n // 在初始化时、用代码自动触发 pullDownRefresh\n // 添加this._isMounted的判断，否则组建一实例化，currSt就会是finish\n if (!this.dragOnEdge && this._isMounted) {\n if (flag) {\n this._lastScreenY = this.distanceToRefresh + 1\n // change dom need after setState\n this.currSt = 'release'\n this.setContentStyle(this._lastScreenY)\n } else {\n this.currSt = 'finish'\n this.reset()\n }\n }\n }\n\n init = () => {\n const ele = this.scrollContainer\n const child = this.el.querySelector('rmc-pull-to-refresh-content')\n this.el.appendChild = child?.appendChild.bind(child)\n this.el.insertBefore = child?.insertBefore.bind(child)\n this.el.replaceChild = child?.replaceChild.bind(child)\n this.el.removeChild = child?.removeChild.bind(child)\n this._to = {\n touchstart: this.onTouchStart.bind(this, ele),\n touchmove: this.onTouchMove.bind(this, ele),\n touchend: this.onTouchEnd.bind(this, ele),\n touchcancel: this.onTouchEnd.bind(this, ele)\n }\n Object.keys(this._to).forEach(key => {\n ele.addEventListener(key, this._to[key], willPreventDefault)\n })\n }\n\n destroy = () => {\n const ele = this.scrollContainer\n Object.keys(this._to).forEach(key => {\n ele.removeEventListener(key, this._to[key])\n })\n }\n\n onTouchStart = (_, e: TouchEvent) => {\n this._ScreenY = this._startScreenY = e.touches[0].screenY\n // 一开始 refreshing 为 true 时 this._lastScreenY 有值\n this._lastScreenY = this._lastScreenY \|\| 0\n }\n\n isEdge = (ele: HTMLElement) => {\n const container = this.scrollContainer\n if (container && container === document.body) {\n // In chrome61 `document.body.scrollTop` is invalid\n const scrollNode = document.scrollingElement ? document.scrollingElement : document.body\n return scrollNode.scrollTop <= 0\n }\n return ele.scrollTop <= 0\n }\n\n damp = (dy: number) => {\n if (Math.abs(this._lastScreenY) > this.damping) {\n return 0\n }\n\n const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height\n dy = (1 - ratio) 0.6\n\n return dy\n }\n\n onTouchMove = (ele: HTMLElement, e: TouchEvent) => {\n // 使用 pageY 对比有问题\n const _screenY = e.touches[0].screenY\n\n // 拖动方向不符合的不处理\n if (this._startScreenY > _screenY) {\n return\n }\n\n if (this.isEdge(ele)) {\n if (!this.dragOnEdge) {\n // 当用户开始往上滑的时候isEdge还是false的话，会导致this._ScreenY不是想要的，只有当isEdge为true时，再上滑，才有意义\n // 下面这行代码解决了上面这个问题\n this._ScreenY = this._startScreenY = e.touches[0].screenY\n this.dragOnEdge = true\n }\n if (e.cancelable) {\n e.preventDefault()\n }\n // add stopPropagation with fastclick will trigger content onClick event. why?\n // ref https://github.com/ant-design/ant-design-mobile/issues/2141\n // e.stopPropagation();\n\n const _diff = Math.round(_screenY - this._ScreenY)\n this._ScreenY = _screenY\n this._lastScreenY += this.damp(_diff)\n\n this.setContentStyle(this._lastScreenY)\n\n if (Math.abs(this._lastScreenY) < this.distanceToRefresh) {\n if (this.currSt !== 'deactivate') {\n // console.log('back to the distance');\n this.currSt = 'deactivate'\n }\n } else {\n if (this.currSt === 'deactivate') {\n // console.log('reach to the distance');\n this.currSt = 'activate'\n }\n }\n\n // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829\n // iOS UIWebView issue, It seems no problem in WKWebView\n if (isWebView && e.changedTouches[0].clientY < 0) {\n this.onTouchEnd()\n }\n }\n }\n\n onTouchEnd = () => {\n if (this.dragOnEdge) {\n this.dragOnEdge = false\n }\n if (this.currSt === 'activate') {\n this.currSt = 'release'\n this.onRefresh.emit(this)\n this._lastScreenY = this.distanceToRefresh + 1\n this.setContentStyle(this._lastScreenY)\n } else if (this.currSt === 'release') {\n this._lastScreenY = this.distanceToRefresh + 1\n this.setContentStyle(this._lastScreenY)\n } else {\n this.reset()\n }\n }\n\n reset = () => {\n this._lastScreenY = 0\n this.setContentStyle(0)\n }\n\n setContentStyle = (ty: number) => {\n // TODO: Why sometimes do not have `this.contentRef` ?\n if (this.contentRef) {\n // translate3d 不清理会影响内部元素定位\n if (ty) {\n setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`)\n } else {\n setTransform(this.contentRef.style, '')\n }\n }\n }\n\n render () {\n const renderRefresh = (cls: string) => {\n const { currSt, dragOnEdge, prefixCls } = this\n const cla = classNames(cls, !dragOnEdge && `${prefixCls}-transition`)\n const showIndicator = currSt === 'activate' \|\| currSt === 'release'\n return (\n <div class={`${prefixCls}-content-wrapper`}>\n <div\n class={cla}\n ref={el => {\n this.contentRef = el!\n }}>\n {showIndicator && (\n <div class={`${prefixCls}-indicator`}>\n <div />\n <div />\n <div />\n </div>\n )}\n <slot />\n </div>\n </div>\n )\n }\n\n if (this.scrollContainer) {\n return renderRefresh(`${this.prefixCls}-content ${this.prefixCls}-down`)\n }\n return (\n <Host\n class={classNames(this.prefixCls, `${this.prefixCls}-down`)}\n >\n {renderRefresh(`${this.prefixCls}-content`)}\n </Host>\n )\n }\n}\n"],"mappings":"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"}

package/dist/esm-es5/taro-radio-core_2.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d881caf.js";var Radio=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"radiochange",7);this.handleClick=function(e){e.stopPropagation();if(t.disabled)return;if(!t.checked)t.checked=true};this.name=undefined;this.value="";this.id=undefined;this.checked=false;this.disabled=false;this.nativeProps={};this.isWillLoadCalled=false}e.prototype.watchChecked=function(e){if(!this.isWillLoadCalled)return;e&&this.onChange.emit({value:this.value})};e.prototype.watchId=function(e){if(!this.isWillLoadCalled)return;if(e)this.inputEl.setAttribute("id",e)};e.prototype.componentDidRender=function(){this.id&&this.el.removeAttribute("id")};e.prototype.componentWillLoad=function(){this.isWillLoadCalled=true};e.prototype.render=function(){var e=this;var t=this,i=t.checked,r=t.name,n=t.value,a=t.disabled,o=t.nativeProps;return h(Host,{className:"weui-cells_checkbox",onClick:this.handleClick},h("input",Object.assign({ref:function(t){if(!t)return;e.inputEl=t;if(e.id)t.setAttribute("id",e.id)},type:"radio",name:r,value:n,class:"weui-check",checked:i,disabled:a,onChange:function(e){return e.stopPropagation()}},o)),h("i",{class:"weui-icon-checked"}),h("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["watchChecked"],id:["watchId"]}},enumerable:false,configurable:true});return e}();var RadioGroup=function(){function e(e){registerInstance(this,e);this.onChange=createEvent(this,"change",7);this.uniqueName=Date.now().toString(36);this.name=undefined}e.prototype.function=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-RADIO-CORE")return;var t=e.target;if(t.checked){var i=this.el.querySelectorAll("taro-radio-core");i.forEach((function(e){if(e!==t){e.checked=false}}));this.value=e.detail.value;this.onChange.emit({value:this.value})}};e.prototype.componentDidLoad=function(){var e=this;var t=this.el.querySelectorAll("taro-radio-core");t.forEach((function(t){t.setAttribute("name",e.name||e.uniqueName)}));Object.defineProperty(this.el,"value",{get:function(){if(!e.value){var t=e.el.querySelectorAll("taro-radio-core");e.value=e.getValues(t)}return e.value},configurable:true})};e.prototype.getValues=function(e){var t="";Array.from(e).forEach((function(e){var i=e.querySelector("input");if(i===null||i===void 0?void 0:i.checked){t=i.value||""}}));return t};e.prototype.render=function(){return h(Host,{class:"weui-cells_radiogroup"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{Radio as taro_radio_core,RadioGroup as taro_radio_group_core};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-c948674f.js";var Radio=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"radiochange",7);this.handleClick=function(e){e.stopPropagation();if(t.disabled)return;if(!t.checked)t.checked=true};this.name=undefined;this.value="";this.id=undefined;this.checked=false;this.disabled=false;this.nativeProps={};this.isWillLoadCalled=false}e.prototype.watchChecked=function(e){if(!this.isWillLoadCalled)return;e&&this.onChange.emit({value:this.value})};e.prototype.watchId=function(e){if(!this.isWillLoadCalled)return;if(e)this.inputEl.setAttribute("id",e)};e.prototype.componentDidRender=function(){this.id&&this.el.removeAttribute("id")};e.prototype.componentWillLoad=function(){this.isWillLoadCalled=true};e.prototype.render=function(){var e=this;var t=this,i=t.checked,r=t.name,n=t.value,a=t.disabled,o=t.nativeProps;return h(Host,{className:"weui-cells_checkbox",onClick:this.handleClick},h("input",Object.assign({ref:function(t){if(!t)return;e.inputEl=t;if(e.id)t.setAttribute("id",e.id)},type:"radio",name:r,value:n,class:"weui-check",checked:i,disabled:a,onChange:function(e){return e.stopPropagation()}},o)),h("i",{class:"weui-icon-checked"}),h("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["watchChecked"],id:["watchId"]}},enumerable:false,configurable:true});return e}();var RadioGroup=function(){function e(e){registerInstance(this,e);this.onChange=createEvent(this,"change",7);this.uniqueName=Date.now().toString(36);this.name=undefined}e.prototype.function=function(e){e.stopPropagation();if(e.target.tagName!=="TARO-RADIO-CORE")return;var t=e.target;if(t.checked){var i=this.el.querySelectorAll("taro-radio-core");i.forEach((function(e){if(e!==t){e.checked=false}}));this.value=e.detail.value;this.onChange.emit({value:this.value})}};e.prototype.componentDidLoad=function(){var e=this;var t=this.el.querySelectorAll("taro-radio-core");t.forEach((function(t){t.setAttribute("name",e.name||e.uniqueName)}));Object.defineProperty(this.el,"value",{get:function(){if(!e.value){var t=e.el.querySelectorAll("taro-radio-core");e.value=e.getValues(t)}return e.value},configurable:true})};e.prototype.getValues=function(e){var t="";Array.from(e).forEach((function(e){var i=e.querySelector("input");if(i===null||i===void 0?void 0:i.checked){t=i.value||""}}));return t};e.prototype.render=function(){return h(Host,{class:"weui-cells_radiogroup"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{Radio as taro_radio_core,RadioGroup as taro_radio_group_core};
 //# sourceMappingURL=taro-radio-core_2.entry.js.map

package/dist/esm-es5/taro-radio-core_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["src/components/radio/radio.tsx","src/components/radio/radio-group.tsx"],"~~names":["Radio","this","handleClick","e","stopPropagation","_this","disabled","checked","prototype","watchChecked","newVal","isWillLoadCalled","onChange","emit","value","watchId","inputEl","setAttribute","componentDidRender","id","el","removeAttribute","componentWillLoad","render","_a","name","nativeProps","h","Host","className","onClick","Object","assign","ref","dom","type","class","RadioGroup","uniqueName","Date","now","toString","function","target","tagName","childList","querySelectorAll","forEach","element","detail","componentDidLoad","defineProperty","get","childList_1","getValues","configurable","val","Array","from","checkbox","querySelector"],"~~mappings~~":"wGAKaA,MAAK,6GAsChBC,KAAAC,YAAc,SAACC,GACbA,EAAEC,kBACF,GAAIC,EAAKC,SAAU,OACnB,IAAKD,EAAKE,QAASF,EAAKE,QAAU,qCAtCpB,kCAEkC,oBACtB,uBACN,yBAEM,MAK5BP,EAAAQ,UAAAC,aAAA,SAAcC,GACZ,IAAKT,KAAKU,iBAAkB,OAC5BD,GAAUT,KAAKW,SAASC,KAAK,CAAEC,MAAOb,KAAKa,SAI7Cd,EAAAQ,UAAAO,QAAA,SAASL,GACP,IAAKT,KAAKU,iBAAkB,OAC5B,GAAID,EAAQT,KAAKe,QAAQC,aAAa,KAAMP,IAQ9CV,EAAAQ,UAAAU,mBAAA,WACEjB,KAAKkB,IAAMlB,KAAKmB,GAAGC,gBAAgB,OAGrCrB,EAAAQ,UAAAc,kBAAA,WACErB,KAAKU,iBAAmB,MAS1BX,EAAAQ,UAAAe,OAAA,WAAA,IAAAlB,EAAAJ,KACQ,IAAAuB,EAAkDvB,KAAhDM,EAAOiB,EAAAjB,QAAEkB,EAAID,EAAAC,KAAEX,EAAKU,EAAAV,MAAER,EAAQkB,EAAAlB,SAAEoB,EAAWF,EAAAE,YAEnD,OACEC,EAACC,KAAI,CACHC,UAAU,sBACVC,QAAS7B,KAAKC,aAEdyB,EAAA,QAAAI,OAAAC,OAAA,CACEC,IAAK,SAAAC,GACH,IAAKA,EAAK,OACV7B,EAAKW,QAAUkB,EACf,GAAI7B,EAAKc,GAAIe,EAAIjB,aAAa,KAAMZ,EAAKc,KAE3CgB,KAAK,QACLV,KAAMA,EACNX,MAAOA,EACPsB,MAAM,aACN7B,QAASA,EACTD,SAAUA,EACVM,SAAU,SAAAT,GAAK,OAAAA,EAAEC,oBACbsB,IAENC,EAAA,IAAA,CAAGS,MAAM,sBACTT,EAAA,OAAA,+QApEU,OCALU,WAAU,6FACbpC,KAAAqC,WAAaC,KAAKC,MAAMC,SAAS,wBAazCJ,EAAA7B,UAAAkC,SAAA,SAAUvC,GACRA,EAAEC,kBACF,GAAKD,EAAEwC,OAAmBC,UAAY,kBAAmB,OAEzD,IAAMD,EAASxC,EAAEwC,OACjB,GAAIA,EAAOpC,QAAS,CAClB,IAAMsC,EAAY5C,KAAKmB,GAAG0B,iBAAiB,mBAE3CD,EAAUE,SAAQ,SAAAC,GAChB,GAAIA,IAAYL,EAAQ,CACtBK,EAAQzC,QAAU,UAItBN,KAAKa,MAAQX,EAAE8C,OAAOnC,MAEtBb,KAAKW,SAASC,KAAK,CACjBC,MAAOb,KAAKa,UAKlBuB,EAAA7B,UAAA0C,iBAAA,WAAA,IAAA7C,EAAAJ,KACE,IAAM4C,EAAY5C,KAAKmB,GAAG0B,iBAAiB,mBAE3CD,EAAUE,SAAQ,SAACC,GACjBA,EAAQ/~~B,aAAa,OAAQZ,EAAKoB,MAAQpB,EAAKiC,eAGjDP,OAAOoB,eAAelD,KAAKmB,GAAI,QAAS,CACtCgC,IAAK,WACH,IAAK~~/C,EAAKS,MAAO,CACf,IAAMuC,EAAYhD,EAAKe,GAAG0B,iBAAiB,mBAC3CzC,EAAKS,MAAQT,EAAKiD,UAAUD,GAE9B,OAAOhD,EAAKS,OAEdyC,aAAc,QAIlBlB,EAAA7B,UAAA8C,UAAA,SAAWT,GACT,IAAIW,EAAM,GACVC,MAAMC,KAAKb,GACRE,SAAQ,SAAAC,GACP,IAAMW,EAAoCX,EAAQY,cAAc,SAChE,GAAID,IAAQ,MAARA,SAAQ,OAAA,EAARA,EAAUpD,QAAS,CACrBiD,EAAMG,EAAS7C,OAAS,OAG9B,OAAO0C,GAGTnB,EAAA7B,UAAAe,OAAA,WACE,OACEI,EAACC,KAAI,CAACQ,MAAM,yJArEK","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Host, Watch, Element, State } from '@stencil/core'\n\n@Component({\n tag: 'taro-radio-core'\n})\nexport class Radio implements ComponentInterface {\n private inputEl: HTMLInputElement\n @Prop() name: string\n @Prop() value = ''\n @Prop({ mutable: true }) id: string\n @Prop({ mutable: true, reflect: true }) checked = false\n @Prop() disabled: boolean = false\n @Prop() nativeProps = {}\n\n @State() isWillLoadCalled = false\n\n @Element() el: HTMLElement\n\n @Watch('checked')\n watchChecked (newVal) {\n if (!this.isWillLoadCalled) return\n newVal && this.onChange.emit({ value: this.value })\n }\n\n @Watch('id')\n watchId (newVal) {\n if (!this.isWillLoadCalled) return\n if (newVal) this.inputEl.setAttribute('id', newVal)\n }\n\n @Event({\n eventName: 'radiochange'\n })\n onChange: EventEmitter\n\n componentDidRender () {\n this.id && this.el.removeAttribute('id')\n }\n\n componentWillLoad () {\n this.isWillLoadCalled = true\n }\n\n handleClick = (e: Event) => {\n e.stopPropagation()\n if (this.disabled) return\n if (!this.checked) this.checked = true\n }\n\n render () {\n const { checked, name, value, disabled, nativeProps } = this\n\n return (\n <Host\n className='weui-cells_checkbox'\n onClick={this.handleClick}\n >\n <input\n ref={dom => {\n if (!dom) return\n this.inputEl = dom\n if (this.id) dom.setAttribute('id', this.id)\n }}\n type='radio'\n name={name}\n value={value}\n class='weui-check'\n checked={checked}\n disabled={disabled}\n onChange={e => e.stopPropagation()}\n {...nativeProps}\n />\n <i class='weui-icon-checked' />\n <slot />\n </Host>\n )\n }\n}\n","import { Component, h, ComponentInterface, Host, Prop, Event, EventEmitter, Listen, Element } from '@stencil/core'\n\n@Component({\n tag: 'taro-radio-group-core'\n})\nexport class RadioGroup implements ComponentInterface {\n private uniqueName = Date.now().toString(36)\n private value: string\n\n @Prop() name\n\n @Element() el: HTMLElement\n\n @Event({\n eventName: 'change'\n })\n onChange: EventEmitter\n\n @Listen('radiochange')\n function (e: CustomEvent<{ value: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-RADIO-CORE') return\n\n const target = e.target as HTMLTaroRadioCoreElement\n if (target.checked) {\n const childList = this.el.querySelectorAll('taro-radio-core')\n\n childList.forEach(element => {\n if (element !== target) {\n element.checked = false\n }\n })\n\n this.value = e.detail.value\n\n this.onChange.emit({\n value: this.value\n })\n }\n }\n\n componentDidLoad () {\n const childList = this.el.querySelectorAll('taro-radio-core')\n\n childList.forEach((element) => {\n element.setAttribute('name', this.name \|\| this.uniqueName)\n })\n\n Object.defineProperty(this.el, 'value', {\n get: () => {\n if (!this.value) {\n const childList = this.el.querySelectorAll('taro-radio-core')\n this.value = this.getValues(childList)\n }\n return this.value\n },\n configurable: true\n })\n }\n\n getValues (childList: NodeListOf<HTMLTaroRadioCoreElement>) {\n let val = ''\n Array.from(childList)\n .forEach(element => {\n const checkbox: HTMLInputElement \| null = element.querySelector('input')\n if (checkbox?.checked) {\n val = checkbox.value \|\| ''\n }\n })\n return val\n }\n\n render () {\n return (\n <Host class='weui-cells_radiogroup' />\n )\n }\n}\n"]}
1	+ {"version":3,"names":["Radio","this","handleClick","e","stopPropagation","_this","disabled","checked","prototype","watchChecked","newVal","isWillLoadCalled","onChange","emit","value","watchId","inputEl","setAttribute","componentDidRender","id","el","removeAttribute","componentWillLoad","render","_a","name","nativeProps","h","Host","className","onClick","Object","assign","ref","dom","type","class","RadioGroup","uniqueName","Date","now","toString","function","target","tagName","childList","querySelectorAll","forEach","element","detail","componentDidLoad","defineProperty","get","childList_1","getValues","configurable","val","Array","from","checkbox","querySelector"],"sources":["src/components/radio/radio.tsx","src/components/radio/radio-group.tsx"],"sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Host, Watch, Element, State } from '@stencil/core'\n\n@Component({\n tag: 'taro-radio-core'\n})\nexport class Radio implements ComponentInterface {\n private inputEl: HTMLInputElement\n @Prop() name: string\n @Prop() value = ''\n @Prop({ mutable: true }) id: string\n @Prop({ mutable: true, reflect: true }) checked = false\n @Prop() disabled: boolean = false\n @Prop() nativeProps = {}\n\n @State() isWillLoadCalled = false\n\n @Element() el: HTMLElement\n\n @Watch('checked')\n watchChecked (newVal) {\n if (!this.isWillLoadCalled) return\n newVal && this.onChange.emit({ value: this.value })\n }\n\n @Watch('id')\n watchId (newVal) {\n if (!this.isWillLoadCalled) return\n if (newVal) this.inputEl.setAttribute('id', newVal)\n }\n\n @Event({\n eventName: 'radiochange'\n })\n onChange: EventEmitter\n\n componentDidRender () {\n this.id && this.el.removeAttribute('id')\n }\n\n componentWillLoad () {\n this.isWillLoadCalled = true\n }\n\n handleClick = (e: Event) => {\n e.stopPropagation()\n if (this.disabled) return\n if (!this.checked) this.checked = true\n }\n\n render () {\n const { checked, name, value, disabled, nativeProps } = this\n\n return (\n <Host\n className='weui-cells_checkbox'\n onClick={this.handleClick}\n >\n <input\n ref={dom => {\n if (!dom) return\n this.inputEl = dom\n if (this.id) dom.setAttribute('id', this.id)\n }}\n type='radio'\n name={name}\n value={value}\n class='weui-check'\n checked={checked}\n disabled={disabled}\n onChange={e => e.stopPropagation()}\n {...nativeProps}\n />\n <i class='weui-icon-checked' />\n <slot />\n </Host>\n )\n }\n}\n","import { Component, h, ComponentInterface, Host, Prop, Event, EventEmitter, Listen, Element } from '@stencil/core'\n\n@Component({\n tag: 'taro-radio-group-core'\n})\nexport class RadioGroup implements ComponentInterface {\n private uniqueName = Date.now().toString(36)\n private value: string\n\n @Prop() name\n\n @Element() el: HTMLElement\n\n @Event({\n eventName: 'change'\n })\n onChange: EventEmitter\n\n @Listen('radiochange')\n function (e: CustomEvent<{ value: string }>) {\n e.stopPropagation()\n if ((e.target as Element).tagName !== 'TARO-RADIO-CORE') return\n\n const target = e.target as HTMLTaroRadioCoreElement\n if (target.checked) {\n const childList = this.el.querySelectorAll('taro-radio-core')\n\n childList.forEach(element => {\n if (element !== target) {\n element.checked = false\n }\n })\n\n this.value = e.detail.value\n\n this.onChange.emit({\n value: this.value\n })\n }\n }\n\n componentDidLoad () {\n const childList = this.el.querySelectorAll('taro-radio-core')\n\n childList.forEach((element) => {\n element.setAttribute('name', this.name \|\| this.uniqueName)\n })\n\n Object.defineProperty(this.el, 'value', {\n get: () => {\n if (!this.value) {\n const childList = this.el.querySelectorAll('taro-radio-core')\n this.value = this.getValues(childList)\n }\n return this.value\n },\n configurable: true\n })\n }\n\n getValues (childList: NodeListOf<HTMLTaroRadioCoreElement>) {\n let val = ''\n Array.from(childList)\n .forEach(element => {\n const checkbox: HTMLInputElement \| null = element.querySelector('input')\n if (checkbox?.checked) {\n val = checkbox.value \|\| ''\n }\n })\n return val\n }\n\n render () {\n return (\n <Host class='weui-cells_radiogroup' />\n )\n }\n}\n"],"mappings":"wGAKaA,MAAK,W,kGAsChBC,KAAAC,YAAc,SAACC,GACbA,EAAEC,kBACF,GAAIC,EAAKC,SAAU,OACnB,IAAKD,EAAKE,QAASF,EAAKE,QAAU,I,iCAtCpB,G,+BAEkC,M,cACtB,M,iBACN,G,sBAEM,K,CAK5BP,EAAAQ,UAAAC,aAAA,SAAcC,GACZ,IAAKT,KAAKU,iBAAkB,OAC5BD,GAAUT,KAAKW,SAASC,KAAK,CAAEC,MAAOb,KAAKa,O,EAI7Cd,EAAAQ,UAAAO,QAAA,SAASL,GACP,IAAKT,KAAKU,iBAAkB,OAC5B,GAAID,EAAQT,KAAKe,QAAQC,aAAa,KAAMP,E,EAQ9CV,EAAAQ,UAAAU,mBAAA,WACEjB,KAAKkB,IAAMlB,KAAKmB,GAAGC,gBAAgB,K,EAGrCrB,EAAAQ,UAAAc,kBAAA,WACErB,KAAKU,iBAAmB,I,EAS1BX,EAAAQ,UAAAe,OAAA,eAAAlB,EAAAJ,KACQ,IAAAuB,EAAkDvB,KAAhDM,EAAOiB,EAAAjB,QAAEkB,EAAID,EAAAC,KAAEX,EAAKU,EAAAV,MAAER,EAAQkB,EAAAlB,SAAEoB,EAAWF,EAAAE,YAEnD,OACEC,EAACC,KAAI,CACHC,UAAU,sBACVC,QAAS7B,KAAKC,aAEdyB,EAAA,QAAAI,OAAAC,OAAA,CACEC,IAAK,SAAAC,GACH,IAAKA,EAAK,OACV7B,EAAKW,QAAUkB,EACf,GAAI7B,EAAKc,GAAIe,EAAIjB,aAAa,KAAMZ,EAAKc,G,EAE3CgB,KAAK,QACLV,KAAMA,EACNX,MAAOA,EACPsB,MAAM,aACN7B,QAASA,EACTD,SAAUA,EACVM,SAAU,SAAAT,GAAK,OAAAA,EAAEC,iBAAF,GACXsB,IAENC,EAAA,KAAGS,MAAM,sBACTT,EAAA,a,yQApEU,G,ICALU,WAAU,W,kFACbpC,KAAAqC,WAAaC,KAAKC,MAAMC,SAAS,I,oBAazCJ,EAAA7B,UAAAkC,SAAA,SAAUvC,GACRA,EAAEC,kBACF,GAAKD,EAAEwC,OAAmBC,UAAY,kBAAmB,OAEzD,IAAMD,EAASxC,EAAEwC,OACjB,GAAIA,EAAOpC,QAAS,CAClB,IAAMsC,EAAY5C,KAAKmB,GAAG0B,iBAAiB,mBAE3CD,EAAUE,SAAQ,SAAAC,GAChB,GAAIA,IAAYL,EAAQ,CACtBK,EAAQzC,QAAU,K,KAItBN,KAAKa,MAAQX,EAAE8C,OAAOnC,MAEtBb,KAAKW,SAASC,KAAK,CACjBC,MAAOb,KAAKa,O,GAKlBuB,EAAA7B,UAAA0C,iBAAA,eAAA7C,EAAAJ,KACE,IAAM4C,EAAY5C,KAAKmB,GAAG0B,iBAAiB,mBAE3CD,EAAUE,SAAQ,SAACC,GACjBA,EAAQ/B,aAAa,OAAQZ,EAAKoB,MAAQpB,EAAKiC,W,IAGjDP,OAAOoB,eAAelD,KAAKmB,GAAI,QAAS,CACtCgC,IAAK,WACH,IAAK/C,EAAKS,MAAO,CACf,IAAMuC,EAAYhD,EAAKe,GAAG0B,iBAAiB,mBAC3CzC,EAAKS,MAAQT,EAAKiD,UAAUD,E,CAE9B,OAAOhD,EAAKS,K,EAEdyC,aAAc,M,EAIlBlB,EAAA7B,UAAA8C,UAAA,SAAWT,GACT,IAAIW,EAAM,GACVC,MAAMC,KAAKb,GACRE,SAAQ,SAAAC,GACP,IAAMW,EAAoCX,EAAQY,cAAc,SAChE,GAAID,IAAQ,MAARA,SAAQ,SAARA,EAAUpD,QAAS,CACrBiD,EAAMG,EAAS7C,OAAS,E,KAG9B,OAAO0C,C,EAGTnB,EAAA7B,UAAAe,OAAA,WACE,OACEI,EAACC,KAAI,CAACQ,MAAM,yB,gIArEK,U"}

package/dist/esm-es5/taro-rich-text-core.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-5d881caf.js";var RichText=function(){function r(r){var e=this;registerInstance(this,r);this.renderNode=function(r){if("type"in r&&r.type==="text"){var t=(r.text||"").replace(/&nbsp;/g," ");return t}else if("name"in r&&r.name){var n=r.name,i=r.attrs,a=r.children;var o={};var f=[];if(i&&typeof i==="object"){var s=function(r){var e=i[r];if(r==="style"&&typeof e==="string"){var t=e.split(";").map((function(r){return r.trim()})).filter((function(r){return r}));var n={};t.forEach((function(r){if(!r)return;var e=/(.+): *(.+)/g.exec(r);if(!e)return;var t=e[1],i=e[2];var a=t.replace(/-([a-z])/g,(function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}return r[1].toUpperCase()}));n[a]=i}));if(Object.keys(n).length){o.style=n}return"continue"}o[r]=e};for(var u in i){s(u)}}if(a&&a.length){f=a.map((function(r){return e.renderNode(r)}))}return h(n,o,f)}return null};this.nodes=undefined}r.prototype.render=function(){var r=this,e=r.nodes,t=r.renderNode;if(Array.isArray(e)){return h(Host,null,e.map((function(r){return t(r)})))}else{return h(Host,{innerHTML:e})}};return r}();export{RichText as taro_rich_text_core};
+import{r as registerInstance,h,H as Host}from"./index-c948674f.js";var RichText=function(){function r(r){var e=this;registerInstance(this,r);this.renderNode=function(r){if("type"in r&&r.type==="text"){var t=(r.text||"").replace(/&nbsp;/g," ");return t}else if("name"in r&&r.name){var n=r.name,i=r.attrs,a=r.children;var o={};var f=[];if(i&&typeof i==="object"){var s=function(r){var e=i[r];if(r==="style"&&typeof e==="string"){var t=e.split(";").map((function(r){return r.trim()})).filter((function(r){return r}));var n={};t.forEach((function(r){if(!r)return;var e=/(.+): *(.+)/g.exec(r);if(!e)return;var t=e[1],i=e[2];var a=t.replace(/-([a-z])/g,(function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}return r[1].toUpperCase()}));n[a]=i}));if(Object.keys(n).length){o.style=n}return"continue"}o[r]=e};for(var u in i){s(u)}}if(a&&a.length){f=a.map((function(r){return e.renderNode(r)}))}return h(n,o,f)}return null};this.nodes=undefined}r.prototype.render=function(){var r=this,e=r.nodes,t=r.renderNode;if(Array.isArray(e)){return h(Host,null,e.map((function(r){return t(r)})))}else{return h(Host,{innerHTML:e})}};return r}();export{RichText as taro_rich_text_core};
 //# sourceMappingURL=taro-rich-text-core.entry.js.map

package/dist/esm-es5/taro-rich-text-core.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["src/components/rich-text/rich-text.tsx"],"~~names":["RichText","this","renderNode","node","type","content","text","replace","name","attrs","children","attributes","childList","key","val","styles","split","map","item","trim","filter","styleObj_1","forEach","res","exec","value","styleName","args","_i","arguments","length","toUpperCase","Object","keys","style","_this","h","prototype","render","_a","nodes","Array","isArray","Host","innerHTML"],"~~mappings~~":"uEA4BaA,SAAQ,6DAGnBC,KAAAC,WAAa,SAACC,GACZ,GAAI,SAAUA,GAAQA,EAAKC,OAAS,OAAQ,CAE1C,IAAMC,GAAWF,EAAKG,MAAQ,IAAIC,QAAQ,UAAW,KACrD,OAAOF,OACF,GAAI,SAAUF,GAAQA,EAAKK,KAAM,CAEpC,IAAAA,EAGEL,EAAIK,KAFNC,EAEEN,EAAIM,MADNC,EACEP,EAAIO,SACR,IAAMC,EAAyB,GAC/B,IAAIC,EAAmB,GAEvB,GAAIH,UAAgBA,IAAU,SAAU,gBAC3BI,GACT,IAAMC,EAAML,EAAMI,GAClB,GAAIA,IAAQ,gBAAkBC,IAAQ,SAAU,CAE9C,IAAMC,EAASD,EACZE,MAAM,KACNC,KAAI,SAAAC,GAAQ,OAAAA,EAAKC,UACjBC,QAAO,SAAAF,GAAQ,OAAAA,KAElB,IAAMG,EAEF,GAEJN,EAAOO,SAAQ,SAAAJ,GACb,IAAKA,EAAM,OAEX,IAAMK,EAAM,eAAeC,KAAKN,GAChC,IAAKK,EAAK,OAED,IAAAf,EAAee,EAAG,GAAZE,EAASF,EAAG,GAC3B,IAAMG,EAAYlB,EAAKD,QAAQ,aAAa,WAAC,IAAAoB,EAAA,OAAA,IAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAO,CAAPD,EAAAC,GAAAC,UAAAD,GAAY,OAAAD,EAAK,GAAGI,iBACjEV,EAASK,GAAaD,KAGxB,GAAIO,OAAOC,KAAKZ,GAAUS,OAAQ,CAChCnB,EAAWuB,MAAQb,mBAKvBV,EAAWE,GAAOC,GA9BpB,IAAK,IAAMD,KAAOJ,EAAK,GAAZI,IAkCb,GAAIH,GAAYA,EAASoB,OAAQ,CAC/BlB,EAAYF,EAASO,KAAI,SAAAd,GAAQ,OAAAgC,EAAKjC,WAAWC,MAInD,OAAOiC,EAAE5B,EAAMG,EAAYC,GAG7B,OAAO,2BAGTZ,EAAAqC,UAAAC,OAAA,WACQ,IAAAC,EAAwBtC,KAAtBuC,EAAKD,EAAAC,MAAEtC,EAAUqC,EAAArC,WAEzB,GAAIuC,MAAMC,QAAQF,GAAQ,CACxB,OACEJ,EAACO,KAAI,KACFH,EAAMvB,KAAI,SAAAd,GAAQ,OAAAD,EAAWC,WAG7B,CACL,OAAOiC,EAACO,KAAI,CAACC,UAAWJ,eAzET","sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\ninterface Attributes {\n [propName: string]: string \| {\n [propName: string]: string\n }\n}\n\ninterface NodeType {\n name: string\n attrs?: Attributes\n children?: ElementType[]\n}\n\ninterface TextType {\n type: 'text'\n text: string\n}\n\ntype ElementType = NodeType \| TextType\n\ntype StringType = string\n\nexport type Nodes = ElementType[] \| StringType\n\n@Component({\n tag: 'taro-rich-text-core'\n})\nexport class RichText implements ComponentInterface {\n @Prop() nodes: Nodes\n\n renderNode = (node: ElementType) => {\n if ('type' in node && node.type === 'text') {\n // nonsupport Html Entries\n const content = (node.text \|\| '').replace(/ /g, '\\u00A0')\n return content\n } else if ('name' in node && node.name) {\n const {\n name,\n attrs,\n children\n } = node\n const attributes: Attributes = {}\n let childList: any[] = []\n\n if (attrs && typeof attrs === 'object') {\n for (const key in attrs) {\n const val = attrs[key]\n if (key === 'style' && typeof val === 'string') {\n // stencil JSX style props only support object\n const styles = val\n .split(';')\n .map(item => item.trim())\n .filter(item => item)\n\n const styleObj: {\n [propName: string]: string\n } = {}\n\n styles.forEach(item => {\n if (!item) return\n\n const res = /(.+): *(.+)/g.exec(item)\n if (!res) return\n\n const [, name, value] = res\n const styleName = name.replace(/-([a-z])/g, (...args) => args[1].toUpperCase())\n styleObj[styleName] = value\n })\n\n if (Object.keys(styleObj).length) {\n attributes.style = styleObj\n }\n\n continue\n }\n attributes[key] = val\n }\n }\n\n if (children && children.length) {\n childList = children.map(node => this.renderNode(node))\n }\n\n // @ts-ignore\n return h(name, attributes, childList)\n }\n\n return null\n }\n\n render () {\n const { nodes, renderNode } = this\n\n if (Array.isArray(nodes)) {\n return (\n <Host>\n {nodes.map(node => renderNode(node))}\n </Host>\n )\n } else {\n return <Host innerHTML={nodes} />\n }\n }\n}\n"]}
1	+ {"version":3,"names":["RichText","this","renderNode","node","type","content","text","replace","name","attrs","children","attributes","childList","key","val","styles","split","map","item","trim","filter","styleObj_1","forEach","res","exec","value","styleName","args","_i","arguments","length","toUpperCase","Object","keys","style","_this","h","prototype","render","_a","nodes","Array","isArray","Host","innerHTML"],"sources":["src/components/rich-text/rich-text.tsx"],"sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\ninterface Attributes {\n [propName: string]: string \| {\n [propName: string]: string\n }\n}\n\ninterface NodeType {\n name: string\n attrs?: Attributes\n children?: ElementType[]\n}\n\ninterface TextType {\n type: 'text'\n text: string\n}\n\ntype ElementType = NodeType \| TextType\n\ntype StringType = string\n\nexport type Nodes = ElementType[] \| StringType\n\n@Component({\n tag: 'taro-rich-text-core'\n})\nexport class RichText implements ComponentInterface {\n @Prop() nodes: Nodes\n\n renderNode = (node: ElementType) => {\n if ('type' in node && node.type === 'text') {\n // nonsupport Html Entries\n const content = (node.text \|\| '').replace(/ /g, '\\u00A0')\n return content\n } else if ('name' in node && node.name) {\n const {\n name,\n attrs,\n children\n } = node\n const attributes: Attributes = {}\n let childList: any[] = []\n\n if (attrs && typeof attrs === 'object') {\n for (const key in attrs) {\n const val = attrs[key]\n if (key === 'style' && typeof val === 'string') {\n // stencil JSX style props only support object\n const styles = val\n .split(';')\n .map(item => item.trim())\n .filter(item => item)\n\n const styleObj: {\n [propName: string]: string\n } = {}\n\n styles.forEach(item => {\n if (!item) return\n\n const res = /(.+): *(.+)/g.exec(item)\n if (!res) return\n\n const [, name, value] = res\n const styleName = name.replace(/-([a-z])/g, (...args) => args[1].toUpperCase())\n styleObj[styleName] = value\n })\n\n if (Object.keys(styleObj).length) {\n attributes.style = styleObj\n }\n\n continue\n }\n attributes[key] = val\n }\n }\n\n if (children && children.length) {\n childList = children.map(node => this.renderNode(node))\n }\n\n // @ts-ignore\n return h(name, attributes, childList)\n }\n\n return null\n }\n\n render () {\n const { nodes, renderNode } = this\n\n if (Array.isArray(nodes)) {\n return (\n <Host>\n {nodes.map(node => renderNode(node))}\n </Host>\n )\n } else {\n return <Host innerHTML={nodes} />\n }\n }\n}\n"],"mappings":"uEA4BaA,SAAQ,W,kDAGnBC,KAAAC,WAAa,SAACC,GACZ,GAAI,SAAUA,GAAQA,EAAKC,OAAS,OAAQ,CAE1C,IAAMC,GAAWF,EAAKG,MAAQ,IAAIC,QAAQ,UAAW,KACrD,OAAOF,C,MACF,GAAI,SAAUF,GAAQA,EAAKK,KAAM,CAEpC,IAAAA,EAGEL,EAAIK,KAFNC,EAEEN,EAAIM,MADNC,EACEP,EAAIO,SACR,IAAMC,EAAyB,GAC/B,IAAIC,EAAmB,GAEvB,GAAIH,UAAgBA,IAAU,SAAU,C,eAC3BI,GACT,IAAMC,EAAML,EAAMI,GAClB,GAAIA,IAAQ,gBAAkBC,IAAQ,SAAU,CAE9C,IAAMC,EAASD,EACZE,MAAM,KACNC,KAAI,SAAAC,GAAQ,OAAAA,EAAKC,MAAL,IACZC,QAAO,SAAAF,GAAQ,OAAAA,CAAA,IAElB,IAAMG,EAEF,GAEJN,EAAOO,SAAQ,SAAAJ,GACb,IAAKA,EAAM,OAEX,IAAMK,EAAM,eAAeC,KAAKN,GAChC,IAAKK,EAAK,OAED,IAAAf,EAAee,EAAG,GAAZE,EAASF,EAAG,GAC3B,IAAMG,EAAYlB,EAAKD,QAAQ,aAAa,WAAC,IAAAoB,EAAA,G,IAAA,IAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAO,CAAPD,EAAAC,GAAAC,UAAAD,E,CAAY,OAAAD,EAAK,GAAGI,aAAR,IACzDV,EAASK,GAAaD,C,IAGxB,GAAIO,OAAOC,KAAKZ,GAAUS,OAAQ,CAChCnB,EAAWuB,MAAQb,C,kBAKvBV,EAAWE,GAAOC,C,EA9BpB,IAAK,IAAMD,KAAOJ,EAAK,C,EAAZI,E,EAkCb,GAAIH,GAAYA,EAASoB,OAAQ,CAC/BlB,EAAYF,EAASO,KAAI,SAAAd,GAAQ,OAAAgC,EAAKjC,WAAWC,EAAhB,G,CAInC,OAAOiC,EAAE5B,EAAMG,EAAYC,E,CAG7B,OAAO,I,uBAGTZ,EAAAqC,UAAAC,OAAA,WACQ,IAAAC,EAAwBtC,KAAtBuC,EAAKD,EAAAC,MAAEtC,EAAUqC,EAAArC,WAEzB,GAAIuC,MAAMC,QAAQF,GAAQ,CACxB,OACEJ,EAACO,KAAI,KACFH,EAAMvB,KAAI,SAAAd,GAAQ,OAAAD,EAAWC,EAAX,I,KAGlB,CACL,OAAOiC,EAACO,KAAI,CAACC,UAAWJ,G,YAzET,U"}

package/dist/esm-es5/taro-root-portal-core.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-5d881caf.js";import{n as notSupport}from"./helper-3d0ecf0f.js";import"@tarojs/taro";var RootPortal=function(){function o(o){registerInstance(this,o)}o.prototype.componentDidLoad=function(){notSupport("RootPortal",this)};o.prototype.render=function(){return h(Host,null)};return o}();export{RootPortal as taro_root_portal_core};
+import{r as registerInstance,h,H as Host}from"./index-c948674f.js";import{n as notSupport}from"./helper-3d0ecf0f.js";import"@tarojs/taro";var RootPortal=function(){function o(o){registerInstance(this,o)}o.prototype.componentDidLoad=function(){notSupport("RootPortal",this)};o.prototype.render=function(){return h(Host,null)};return o}();export{RootPortal as taro_root_portal_core};
 //# sourceMappingURL=taro-root-portal-core.entry.js.map