diff --git a/.editorconfig b/.editorconfig
index 1b019118..bfe62370 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -5,7 +5,7 @@ root = true
# all files
[*]
charset = utf-8
-indent_style = space
+indent_style = tab
indent_size = 4
end_of_line = lf
insert_final_newline = true
diff --git a/.gitignore b/.gitignore
index 8a8505b3..8ff30f3a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,4 @@ unpackage/
.DS_Store
wxcomponents/**/*.vue
wxcomponents/**/*.css
+.hbuilderx/
\ No newline at end of file
diff --git a/App.vue b/App.vue
index 6bcf3956..ce99d18d 100644
--- a/App.vue
+++ b/App.vue
@@ -1,94 +1,138 @@
-
+ /* #endif*/
+
diff --git a/README.md b/README.md
index ade675ca..17bb22bc 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,127 @@
# hello-uniapp
-`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机扫码快速体验`uni-app`的强大功能。
+`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机在下方扫码快速体验`uni-app`的强大功能。[官方文档](https://uniapp.dcloud.net.cn/)
-
-
- 
-
-
+## 快速上手
+hello-uniapp 示例工程可以通过两种方式创建， 一种是 HBuilderX, 配套 IDE，集成开发；另一种是 CLI 创建；推荐前者。
+### 通过 HBuilderX 可视化界面创建（推荐）
+
+可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。
+
+开始之前，开发者需先下载安装如下工具：
+
+- HBuilderX：[官方IDE下载地址](https://www.dcloud.io/hbuilderx.html)
+
+HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化，请下载App开发版。
+
+由于截图在 github 不便浏览，参见官方文档 [HBuilderX 可视化界面创建](https://uniapp.dcloud.net.cn/quickstart?id=_1-%e9%80%9a%e8%bf%87-hbuilderx-%e5%8f%af%e8%a7%86%e5%8c%96%e7%95%8c%e9%9d%a2)
+
+### 通过 vue-cli 创建
+
+```
+npm install -g @vue/cli
+```
+
+#### 创建uni-app
+
+**使用正式版**（对应HBuilderX最新正式版）
+
+```
+vue create -p dcloudio/uni-preset-vue my-project
+```
+
+**使用alpha版**（对应HBuilderX最新alpha版）
+
+```
+vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
+```
+
+此时，会提示选择项目模板，选择 `hello uni-app` 项目模板，如下所示：
+
+
+
+
+
一套代码编到10个平台，这不是梦想。眼见为实，扫描10个二维码，亲自体验最全面的跨平台效果！
+
+
+
+ 注：某些平台不能提交简单demo，故补充了一些其他功能；hello uni-app示例代码可从[github](https://github.com/dcloudio/hello-uniapp)获取
+ 快应用仅支持 vivo 、oppo、华为
+ 360小程序仅 windows平台支持，需要在360浏览器中打开
+
+
-
-
-
-
-
-
- {{item.label}}
-
-
- {{item.label}}
-
-
- {{item.label}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ title }}
- {{ note }}
-
-
-
-
-
- |
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-list/uni-list.vue b/components/uni-list/uni-list.vue
deleted file mode 100644
index f4db8758..00000000
--- a/components/uni-list/uni-list.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-list/uni-refresh.vue b/components/uni-list/uni-refresh.vue
deleted file mode 100644
index 85637091..00000000
--- a/components/uni-list/uni-refresh.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-load-more/uni-load-more.vue b/components/uni-load-more/uni-load-more.vue
deleted file mode 100644
index 53ad880e..00000000
--- a/components/uni-load-more/uni-load-more.vue
+++ /dev/null
@@ -1,364 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ status === 'more' ? contentText.contentdown : status === 'loading' ? contentText.contentrefresh : contentText.contentnomore }}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-nav-bar/uni-nav-bar.vue b/components/uni-nav-bar/uni-nav-bar.vue
deleted file mode 100644
index 3b076406..00000000
--- a/components/uni-nav-bar/uni-nav-bar.vue
+++ /dev/null
@@ -1,235 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-number-box/uni-number-box.vue b/components/uni-number-box/uni-number-box.vue
deleted file mode 100644
index 6a57edd8..00000000
--- a/components/uni-number-box/uni-number-box.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-
-
-
- -
-
-
-
- +
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-pagination/uni-pagination.vue b/components/uni-pagination/uni-pagination.vue
deleted file mode 100644
index 24707996..00000000
--- a/components/uni-pagination/uni-pagination.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-popup/uni-popup.vue b/components/uni-popup/uni-popup.vue
deleted file mode 100644
index ad764560..00000000
--- a/components/uni-popup/uni-popup.vue
+++ /dev/null
@@ -1,264 +0,0 @@
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-rate/uni-rate.vue b/components/uni-rate/uni-rate.vue
deleted file mode 100644
index 7259f853..00000000
--- a/components/uni-rate/uni-rate.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-search-bar/uni-search-bar.vue b/components/uni-search-bar/uni-search-bar.vue
deleted file mode 100644
index 9d2bc362..00000000
--- a/components/uni-search-bar/uni-search-bar.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- {{ placeholder }}
-
-
-
-
- {{cancelText}}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-section/uni-section.vue b/components/uni-section/uni-section.vue
deleted file mode 100644
index 14386dd8..00000000
--- a/components/uni-section/uni-section.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
-
-
- {{ title }}
- {{ subTitle }}
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-status-bar/uni-status-bar.vue b/components/uni-status-bar/uni-status-bar.vue
deleted file mode 100644
index 34a171fd..00000000
--- a/components/uni-status-bar/uni-status-bar.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-swipe-action-item/bindingx.js b/components/uni-swipe-action-item/bindingx.js
deleted file mode 100644
index 59c592e4..00000000
--- a/components/uni-swipe-action-item/bindingx.js
+++ /dev/null
@@ -1,245 +0,0 @@
-const BindingX = uni.requireNativePlugin('bindingx');
-const dom = uni.requireNativePlugin('dom');
-const animation = uni.requireNativePlugin('animation');
-
-export default {
- data() {
- return {
- right: 0,
- button: [],
- preventGesture: false
- }
- },
-
- watch: {
- show(newVal) {
- if (!this.position || JSON.stringify(this.position) === '{}') return;
- if (this.autoClose) return
- if (this.isInAnimation) return
- if (newVal) {
- this.open()
- } else {
- this.close()
- }
- },
- },
- created() {
- if (this.swipeaction.children !== undefined) {
- this.swipeaction.children.push(this)
- }
- },
- mounted() {
- this.boxSelector = this.getEl(this.$refs['selector-box-hock']);
- this.selector = this.getEl(this.$refs['selector-content-hock']);
- this.buttonSelector = this.getEl(this.$refs['selector-button-hock']);
- this.position = {}
- this.x = 0
- setTimeout(() => {
- this.getSelectorQuery()
- }, 200)
- },
- beforeDestroy() {
- if (this.timing) {
- BindingX.unbind({
- token: this.timing.token,
- eventType: 'timing'
- })
- }
- if (this.eventpan) {
- BindingX.unbind({
- token: this.eventpan.token,
- eventType: 'pan'
- })
- }
- this.swipeaction.children.forEach((item, index) => {
- if (item === this) {
- this.swipeaction.children.splice(index, 1)
- }
- })
- },
- methods: {
- onClick(index, item) {
- this.$emit('click', {
- content: item,
- index
- })
- },
- touchstart(e) {
- if (this.isInAnimation) return
- if (this.stop) return
- this.stop = true
- if (this.autoClose) {
- this.swipeaction.closeOther(this)
- }
- let endWidth = this.right
- let boxStep = `(x+${this.x})`
- let pageX = `${boxStep}> ${-endWidth} && ${boxStep} < 0?${boxStep}:(x+${this.x} < 0? ${-endWidth}:0)`
-
- let props = [{
- element: this.selector,
- property: 'transform.translateX',
- expression: pageX
- }]
-
- let left = 0
- for (let i = 0; i < this.options.length; i++) {
- let buttonSelectors = this.getEl(this.$refs['button-hock'][i]);
- if (this.button.length === 0 || !this.button[i] || !this.button[i].width) return
- let moveMix = endWidth - left
- left += this.button[i].width
- let step = `(${this.x}+x)/${endWidth}`
- let moveX = `(${step}) * ${moveMix}`
- let pageButtonX = `${moveX}&& (x+${this.x} > ${-endWidth})?${moveX}:${-moveMix}`
- props.push({
- element: buttonSelectors,
- property: 'transform.translateX',
- expression: pageButtonX
- })
- }
-
- this.eventpan = this._bind(this.boxSelector, props, 'pan', (e) => {
- if (e.state === 'end') {
- this.x = e.deltaX + this.x;
- if (this.x < -endWidth) {
- this.x = -endWidth
- }
- if (this.x > 0) {
- this.x = 0
- }
- this.stop = false
- this.bindTiming();
- }
- })
- },
- touchend(e) {
- this.$nextTick(() => {
- if (this.isopen && !this.isDrag && !this.isInAnimation) {
- this.close()
- }
- })
- },
- bindTiming() {
- if (this.isopen) {
- this.move(this.x, -this.right)
- } else {
- this.move(this.x, -40)
- }
- },
- move(left, value) {
- if (left >= value) {
- this.close()
- } else {
- this.open()
- }
- },
- /**
- * 开启swipe
- */
- open() {
- this.animation(true)
- },
- /**
- * 关闭swipe
- */
- close() {
- this.animation(false)
- },
- /**
- * 开启关闭动画
- * @param {Object} type
- */
- animation(type) {
- this.isDrag = true
- let endWidth = this.right
- let time = 200
- this.isInAnimation = true;
-
- let exit = `t>${time}`;
- let translate_x_expression = `easeOutExpo(t,${this.x},${type?(-endWidth-this.x):(-this.x)},${time})`
- let props = [{
- element: this.selector,
- property: 'transform.translateX',
- expression: translate_x_expression
- }]
-
- let left = 0
- for (let i = 0; i < this.options.length; i++) {
- let buttonSelectors = this.getEl(this.$refs['button-hock'][i]);
- if (this.button.length === 0 || !this.button[i] || !this.button[i].width) return
- let moveMix = endWidth - left
- left += this.button[i].width
- let step = `${this.x}/${endWidth}`
- let moveX = `(${step}) * ${moveMix}`
- let pageButtonX = `easeOutExpo(t,${moveX},${type ? -moveMix + '-' + moveX: 0 + '-' + moveX},${time})`
- props.push({
- element: buttonSelectors,
- property: 'transform.translateX',
- expression: pageButtonX
- })
- }
-
- this.timing = BindingX.bind({
- eventType: 'timing',
- exitExpression: exit,
- props: props
- }, (e) => {
- if (e.state === 'end' || e.state === 'exit') {
- this.x = type ? -endWidth : 0
- this.isInAnimation = false;
-
- this.isopen = this.isopen || false
- if (this.isopen !== type) {
- this.$emit('change', type)
- }
- this.isopen = type
- this.isDrag = false
- }
- });
- },
- /**
- * 绑定 BindingX
- * @param {Object} anchor
- * @param {Object} props
- * @param {Object} fn
- */
- _bind(anchor, props, eventType, fn) {
- return BindingX.bind({
- anchor,
- eventType,
- props
- }, (e) => {
- typeof(fn) === 'function' && fn(e)
- });
- },
- /**
- * 获取ref
- * @param {Object} el
- */
- getEl(el) {
- return el.ref
- },
- /**
- * 获取节点信息
- */
- getSelectorQuery() {
- dom.getComponentRect(this.$refs['selector-content-hock'], (data) => {
- if (this.position.content) return
- this.position.content = data.size
- })
- for (let i = 0; i < this.options.length; i++) {
- dom.getComponentRect(this.$refs['button-hock'][i], (data) => {
- if (!this.button) {
- this.button = []
- }
- if (this.options.length === this.button.length) return
- this.button.push(data.size)
- this.right += data.size.width
- if (this.autoClose) return
- if (this.show) {
- this.open()
- }
- })
- }
- }
- }
-}
diff --git a/components/uni-swipe-action-item/index.wxs b/components/uni-swipe-action-item/index.wxs
deleted file mode 100644
index ab8e368c..00000000
--- a/components/uni-swipe-action-item/index.wxs
+++ /dev/null
@@ -1,203 +0,0 @@
-/**
- * 监听页面内值的变化,主要用于动态开关swipe-action
- * @param {Object} newValue
- * @param {Object} oldValue
- * @param {Object} ownerInstance
- * @param {Object} instance
- */
-function sizeReady(newValue, oldValue, ownerInstance, instance) {
- var state = instance.getState()
- state.position = JSON.parse(newValue)
- if (!state.position || state.position.length === 0) return
- var show = state.position[0].show
- state.left = state.left || state.position[0].left;
- // 通过用户变量,开启或关闭
- if (show) {
- openState(true, instance, ownerInstance)
- } else {
- openState(false, instance, ownerInstance)
- }
-}
-
-/**
- * 开始触摸操作
- * @param {Object} e
- * @param {Object} ins
- */
-function touchstart(e, ins) {
- var instance = e.instance;
- var state = instance.getState();
- var pageX = e.touches[0].pageX;
- // 开始触摸时移除动画类
- instance.removeClass('ani');
- var owner = ins.selectAllComponents('.button-hock')
- for (var i = 0; i < owner.length; i++) {
- owner[i].removeClass('ani');
- }
- // state.position = JSON.parse(instance.getDataset().position);
- state.left = state.left || state.position[0].left;
- // 获取最终按钮组的宽度
- state.width = pageX - state.left;
- ins.callMethod('closeSwipe')
-}
-
-/**
- * 开始滑动操作
- * @param {Object} e
- * @param {Object} ownerInstance
- */
-function touchmove(e, ownerInstance) {
- var instance = e.instance;
- var disabled = instance.getDataset().disabled
- var state = instance.getState()
- // fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
- disabled = (typeof(disabled) === 'string' ? JSON.parse(disabled) : disabled) || false;
-
- if (disabled) return
- var pageX = e.touches[0].pageX;
- move(pageX - state.width, instance, ownerInstance)
-}
-
-/**
- * 结束触摸操作
- * @param {Object} e
- * @param {Object} ownerInstance
- */
-function touchend(e, ownerInstance) {
- var instance = e.instance;
- var disabled = instance.getDataset().disabled
- var state = instance.getState()
-
- // fix by mehaotian, TODO 兼容 app-vue 获取dataset为字符串 , h5 获取 为 undefined 的问题,待框架修复
- disabled = (typeof(disabled) === 'string' ? JSON.parse(disabled) : disabled) || false;
-
- if (disabled) return
- // 滑动过程中触摸结束,通过阙值判断是开启还是关闭
- moveDirection(state.left, -40, instance, ownerInstance)
-}
-
-/**
- * 设置移动距离
- * @param {Object} value
- * @param {Object} instance
- * @param {Object} ownerInstance
- */
-function move(value, instance, ownerInstance) {
- var state = instance.getState()
- // 获取可滑动范围
- var x = Math.max(-state.position[1].width, Math.min((value), 0));
- state.left = x;
- instance.setStyle({
- transform: 'translateX(' + x + 'px)',
- '-webkit-transform': 'translateX(' + x + 'px)'
- })
- // 折叠按钮动画
- buttonFold(x, instance, ownerInstance)
-}
-
-/**
- * 移动方向判断
- * @param {Object} left
- * @param {Object} value
- * @param {Object} ownerInstance
- * @param {Object} ins
- */
-function moveDirection(left, value, ins, ownerInstance) {
- var state = ins.getState()
- var position = state.position
- var isopen = state.isopen
- if (!position[1].width) {
- openState(false, ins, ownerInstance)
- return
- }
- // 如果已经是打开状态,进行判断是否关闭,还是保留打开状态
- if (isopen) {
- if (-left <= position[1].width) {
- openState(false, ins, ownerInstance)
- } else {
- openState(true, ins, ownerInstance)
- }
- return
- }
- // 如果是关闭状态,进行判断是否打开,还是保留关闭状态
- if (left <= value) {
- openState(true, ins, ownerInstance)
- } else {
- openState(false, ins, ownerInstance)
- }
-}
-
-/**
- * 设置按钮移动距离
- * @param {Object} value
- * @param {Object} instance
- * @param {Object} ownerInstance
- */
-function buttonFold(value, instance, ownerInstance) {
- var ins = ownerInstance.selectAllComponents('.button-hock');
- var state = instance.getState();
- var position = state.position;
- var arr = [];
- var w = 0;
- for (var i = 0; i < ins.length; i++) {
- if (!ins[i].getDataset().button) return
- var btnData = JSON.parse(ins[i].getDataset().button)
-
- // fix by mehaotian TODO 在 app-vue 中,字符串转对象,需要转两次,这里先这么兼容
- if (typeof(btnData) === 'string') {
- btnData = JSON.parse(btnData)
- }
-
- var button = btnData[i] && btnData[i].width || 0
- w += button
- arr.push(-w)
- // 动态计算按钮组每个按钮的折叠动画移动距离
- var distance = arr[i - 1] + value * (arr[i - 1] / position[1].width)
- if (i != 0) {
- ins[i].setStyle({
- transform: 'translateX(' + distance + 'px)',
- })
- }
- }
-}
-
-/**
- * 开启状态
- * @param {Boolean} type
- * @param {Object} ins
- * @param {Object} ownerInstance
- */
-function openState(type, ins, ownerInstance) {
- var state = ins.getState()
- var position = state.position
- if (state.isopen === undefined) {
- state.isopen = false
- }
- // 只有状态有改变才会通知页面改变状态
- if (state.isopen !== type) {
- // 通知页面,已经打开
- ownerInstance.callMethod('change', {
- open: type
- })
- }
- // 设置打开和移动状态
- state.isopen = type
-
-
- // 添加动画类
- ins.addClass('ani');
- var owner = ownerInstance.selectAllComponents('.button-hock')
- for (var i = 0; i < owner.length; i++) {
- owner[i].addClass('ani');
- }
- // 设置最终移动位置
- move(type ? -position[1].width : 0, ins, ownerInstance)
-
-}
-
-module.exports = {
- sizeReady: sizeReady,
- touchstart: touchstart,
- touchmove: touchmove,
- touchend: touchend
-}
diff --git a/components/uni-swipe-action-item/mp.js b/components/uni-swipe-action-item/mp.js
deleted file mode 100644
index a8c93aa6..00000000
--- a/components/uni-swipe-action-item/mp.js
+++ /dev/null
@@ -1,95 +0,0 @@
-export default {
- data() {
- return {
- position: [],
- button: []
- }
- },
- computed: {
- pos() {
- return JSON.stringify(this.position)
- },
- btn() {
- return JSON.stringify(this.button)
- }
- },
- watch: {
- show(newVal) {
- if (this.autoClose) return
- let valueObj = this.position[0]
- if (!valueObj) {
- this.init()
- return
- }
- valueObj.show = newVal
- this.$set(this.position, 0, valueObj)
- }
- },
- created() {
- if (this.swipeaction.children !== undefined) {
- this.swipeaction.children.push(this)
- }
- },
- mounted() {
- this.init()
-
- },
- beforeDestroy() {
- this.swipeaction.children.forEach((item, index) => {
- if (item === this) {
- this.swipeaction.children.splice(index, 1)
- }
- })
- },
- methods: {
- init() {
-
- setTimeout(() => {
- this.getSize()
- this.getButtonSize()
- }, 50)
- },
- closeSwipe(e) {
- if (!this.autoClose) return
- this.swipeaction.closeOther(this)
- },
-
- change(e) {
- this.$emit('change', e.open)
- let valueObj = this.position[0]
- if (valueObj.show !== e.open) {
- valueObj.show = e.open
- this.$set(this.position, 0, valueObj)
- }
- },
- onClick(index, item) {
- this.$emit('click', {
- content: item,
- index
- })
- },
- getSize() {
- const views = uni.createSelectorQuery().in(this)
- views
- .selectAll('.selector-query-hock')
- .boundingClientRect(data => {
- if (this.autoClose) {
- data[0].show = false
- } else {
- data[0].show = this.show
- }
- this.position = data
- })
- .exec()
- },
- getButtonSize() {
- const views = uni.createSelectorQuery().in(this)
- views
- .selectAll('.button-hock')
- .boundingClientRect(data => {
- this.button = data
- })
- .exec()
- }
- }
-}
diff --git a/components/uni-swipe-action-item/mpalipay.js b/components/uni-swipe-action-item/mpalipay.js
deleted file mode 100644
index 8537b248..00000000
--- a/components/uni-swipe-action-item/mpalipay.js
+++ /dev/null
@@ -1,160 +0,0 @@
-export default {
- data() {
- return {
- isshow: false,
- viewWidth: 0,
- buttonWidth: 0,
- disabledView: false,
- x: 0,
- transition: false
- }
- },
- watch: {
- show(newVal) {
- if (this.autoClose) return
- if (newVal) {
- this.open()
- } else {
- this.close()
- }
- },
- },
- created() {
- if (this.swipeaction.children !== undefined) {
- this.swipeaction.children.push(this)
- }
- },
- beforeDestroy() {
- this.swipeaction.children.forEach((item, index) => {
- if (item === this) {
- this.swipeaction.children.splice(index, 1)
- }
- })
- },
- mounted() {
- this.isopen = false
- this.transition = true
- setTimeout(() => {
- this.getQuerySelect()
- }, 50)
-
- },
- methods: {
- onClick(index, item) {
- this.$emit('click', {
- content: item,
- index
- })
- },
- touchstart(e) {
- let {
- pageX,
- pageY
- } = e.changedTouches[0]
- this.transition = false
- this.startX = pageX
- if (this.autoClose) {
- this.swipeaction.closeOther(this)
- }
- },
- touchmove(e) {
- let {
- pageX,
- } = e.changedTouches[0]
- this.slide = this.getSlide(pageX)
- if (this.slide === 0) {
- this.disabledView = false
- }
-
- },
- touchend(e) {
- this.stop = false
- this.transition = true
- if (this.isopen) {
- if (this.moveX === -this.buttonWidth) {
- this.close()
- return
- }
- this.move()
- } else {
- if (this.moveX === 0) {
- this.close()
- return
- }
- this.move()
- }
- },
- open() {
- this.x = this.moveX
- this.$nextTick(() => {
- this.x = -this.buttonWidth
- this.moveX = this.x
-
- if(!this.isopen){
- this.isopen = true
- this.$emit('change', true)
- }
- })
- },
- close() {
- this.x = this.moveX
- this.$nextTick(() => {
- this.x = 0
- this.moveX = this.x
- if(this.isopen){
- this.isopen = false
- this.$emit('change', false)
- }
- })
- },
- move() {
- if (this.slide === 0) {
- this.open()
- } else {
- this.close()
- }
- },
- onChange(e) {
- let x = e.detail.x
- this.moveX = x
- if (x >= this.buttonWidth) {
- this.disabledView = true
- this.$nextTick(() => {
- this.x = this.buttonWidth
- })
- }
- },
- getSlide(x) {
- if (x >= this.startX) {
- this.startX = x
- return 1
- } else {
- this.startX = x
- return 0
- }
-
- },
- getQuerySelect() {
- const query = uni.createSelectorQuery().in(this);
- query.selectAll('.viewWidth-hook').boundingClientRect(data => {
-
- this.viewWidth = data[0].width
- this.buttonWidth = data[1].width
- this.transition = false
- this.$nextTick(() => {
- this.transition = true
- })
-
- if (!this.buttonWidth) {
- this.disabledView = true
- }
-
- if (this.autoClose) return
- if (this.show) {
- this.open()
- }
- }).exec();
-
- }
- }
-}
diff --git a/components/uni-swipe-action-item/mpother.js b/components/uni-swipe-action-item/mpother.js
deleted file mode 100644
index ae97ba67..00000000
--- a/components/uni-swipe-action-item/mpother.js
+++ /dev/null
@@ -1,158 +0,0 @@
-// #ifdef APP-NVUE
-const dom = weex.requireModule('dom');
-// #endif
-export default {
- data() {
- return {
- uniShow: false,
- left: 0
- }
- },
- computed: {
- moveLeft() {
- return `translateX(${this.left}px)`
- }
- },
- watch: {
- show(newVal) {
- if (!this.position || JSON.stringify(this.position) === '{}') return;
- if (this.autoClose) return
- if (newVal) {
- this.$emit('change', true)
- this.open()
- } else {
- this.$emit('change', false)
- this.close()
- }
- }
- },
- mounted() {
- this.position = {}
- if (this.swipeaction.children !== undefined) {
- this.swipeaction.children.push(this)
- }
- setTimeout(() => {
- this.getSelectorQuery()
- }, 100)
- },
- beforeDestoy() {
- this.swipeaction.children.forEach((item, index) => {
- if (item === this) {
- this.swipeaction.children.splice(index, 1)
- }
- })
- },
- methods: {
- onClick(index, item) {
- this.$emit('click', {
- content: item,
- index
- })
- this.close()
- },
- touchstart(e) {
- const {
- pageX
- } = e.touches[0]
- if (this.disabled) return
- const left = this.position.content.left
- if (this.autoClose) {
- this.swipeaction.closeOther(this)
- }
- this.width = pageX - left
- if (this.isopen) return
- if (this.uniShow) {
- this.uniShow = false
- this.isopen = true
- this.openleft = this.left + this.position.button.width
- }
- },
- touchmove(e, index) {
- if (this.disabled) return
- const {
- pageX
- } = e.touches[0]
- this.setPosition(pageX)
- },
- touchend() {
- if (this.disabled) return
- if (this.isopen) {
- this.move(this.openleft, 0)
- return
- }
- this.move(this.left, -40)
- },
- setPosition(x, y) {
- if (!this.position.button.width) {
- return
- }
- // this.left = x - this.width
- this.setValue(x - this.width)
- },
- setValue(value) {
- // 设置最大最小值
- this.left = Math.max(-this.position.button.width, Math.min(parseInt(value), 0))
- this.position.content.left = this.left
- if (this.isopen) {
- this.openleft = this.left + this.position.button.width
- }
- },
- move(left, value) {
- if (left >= value) {
- this.$emit('change', false)
- this.close()
- } else {
- this.$emit('change', true)
- this.open()
- }
- },
- open() {
- this.uniShow = true
- this.left = -this.position.button.width
- this.setValue(-this.position.button.width)
- },
- close() {
- this.uniShow = true
- this.setValue(0)
- setTimeout(() => {
- this.uniShow = false
- this.isopen = false
- }, 300)
- },
- getSelectorQuery() {
- // #ifndef APP-NVUE
- const views = uni.createSelectorQuery()
- .in(this)
- views
- .selectAll('.selector-query-hock')
- .boundingClientRect(data => {
- this.position.content = data[1]
- this.position.button = data[0]
- if (this.autoClose) return
- if (this.show) {
- this.open()
- } else {
- this.close()
- }
- })
- .exec()
- // #endif
- // #ifdef APP-NVUE
- dom.getComponentRect(this.$refs['selector-content-hock'], (data) => {
- if (this.position.content) return
- this.position.content = data.size
- })
- dom.getComponentRect(this.$refs['selector-button-hock'], (data) => {
- if (this.position.button) return
- this.position.button = data.size
- if (this.autoClose) return
- if (this.show) {
- this.open()
- } else {
- this.close()
- }
- })
- // #endif
- }
- }
-}
diff --git a/components/uni-swipe-action-item/mpwxs.js b/components/uni-swipe-action-item/mpwxs.js
deleted file mode 100644
index a8c93aa6..00000000
--- a/components/uni-swipe-action-item/mpwxs.js
+++ /dev/null
@@ -1,95 +0,0 @@
-export default {
- data() {
- return {
- position: [],
- button: []
- }
- },
- computed: {
- pos() {
- return JSON.stringify(this.position)
- },
- btn() {
- return JSON.stringify(this.button)
- }
- },
- watch: {
- show(newVal) {
- if (this.autoClose) return
- let valueObj = this.position[0]
- if (!valueObj) {
- this.init()
- return
- }
- valueObj.show = newVal
- this.$set(this.position, 0, valueObj)
- }
- },
- created() {
- if (this.swipeaction.children !== undefined) {
- this.swipeaction.children.push(this)
- }
- },
- mounted() {
- this.init()
-
- },
- beforeDestroy() {
- this.swipeaction.children.forEach((item, index) => {
- if (item === this) {
- this.swipeaction.children.splice(index, 1)
- }
- })
- },
- methods: {
- init() {
-
- setTimeout(() => {
- this.getSize()
- this.getButtonSize()
- }, 50)
- },
- closeSwipe(e) {
- if (!this.autoClose) return
- this.swipeaction.closeOther(this)
- },
-
- change(e) {
- this.$emit('change', e.open)
- let valueObj = this.position[0]
- if (valueObj.show !== e.open) {
- valueObj.show = e.open
- this.$set(this.position, 0, valueObj)
- }
- },
- onClick(index, item) {
- this.$emit('click', {
- content: item,
- index
- })
- },
- getSize() {
- const views = uni.createSelectorQuery().in(this)
- views
- .selectAll('.selector-query-hock')
- .boundingClientRect(data => {
- if (this.autoClose) {
- data[0].show = false
- } else {
- data[0].show = this.show
- }
- this.position = data
- })
- .exec()
- },
- getButtonSize() {
- const views = uni.createSelectorQuery().in(this)
- views
- .selectAll('.button-hock')
- .boundingClientRect(data => {
- this.button = data
- })
- .exec()
- }
- }
-}
diff --git a/components/uni-swipe-action-item/uni-swipe-action-item.vue b/components/uni-swipe-action-item/uni-swipe-action-item.vue
deleted file mode 100644
index de616b89..00000000
--- a/components/uni-swipe-action-item/uni-swipe-action-item.vue
+++ /dev/null
@@ -1,264 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- {{ item.text }}
-
-
-
-
-
-
-
-
-
- {{ item.text }}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ item.text }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ item.text }}
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-swipe-action/uni-swipe-action.vue b/components/uni-swipe-action/uni-swipe-action.vue
deleted file mode 100644
index 242ff5fd..00000000
--- a/components/uni-swipe-action/uni-swipe-action.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-tag/uni-tag.vue b/components/uni-tag/uni-tag.vue
deleted file mode 100644
index 0c3bff3f..00000000
--- a/components/uni-tag/uni-tag.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-
-
- {{ text }}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/uni-transition/uni-transition.vue b/components/uni-transition/uni-transition.vue
deleted file mode 100644
index 228c6600..00000000
--- a/components/uni-transition/uni-transition.vue
+++ /dev/null
@@ -1,279 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/hybrid/html/issue-17581.html b/hybrid/html/issue-17581.html
new file mode 100644
index 00000000..b235ffc4
--- /dev/null
+++ b/hybrid/html/issue-17581.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+ 点击显示小点
+
+
+
+
+
+
+
+
diff --git a/hybrid/html/local.html b/hybrid/html/local.html
index 2fdc52b5..75e563e0 100644
--- a/hybrid/html/local.html
+++ b/hybrid/html/local.html
@@ -44,7 +44,7 @@
-
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+