@@ -98,6 +106,9 @@ import { renderIcon } from '../../../../../../../packages/utils/create';
import { Service, Notice, Location, Category, Scan2, Message, Cart2, My2 } from '@nutui/icons-vue-taro';
export default {
+ components: {
+ Service
+ },
setup() {
const state = reactive({
showIcon: false,
From 5df22d8b80d5b0125b4d6d78438c21fb8e46893e Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Thu, 29 Dec 2022 19:51:23 +0800
Subject: [PATCH 02/33] =?UTF-8?q?fix:=20=E4=BB=A3=E7=A0=81=E5=9B=9E?=
=?UTF-8?q?=E9=80=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/popup/index.vue | 2 --
src/packages/__VUE/popup/props.ts | 7 -------
2 files changed, 9 deletions(-)
diff --git a/src/packages/__VUE/popup/index.vue b/src/packages/__VUE/popup/index.vue
index b7b22f4b52..bba60ff3c5 100644
--- a/src/packages/__VUE/popup/index.vue
+++ b/src/packages/__VUE/popup/index.vue
@@ -7,8 +7,6 @@
:z-index="zIndex"
:lock-scroll="lockScroll"
:duration="duration"
- :overlay-class="overlayClass"
- :overlay-style="overlayStyle"
@click="onClickOverlay"
v-bind="$attrs"
/>
diff --git a/src/packages/__VUE/popup/props.ts b/src/packages/__VUE/popup/props.ts
index 30c86a18e7..10ed1b5339 100644
--- a/src/packages/__VUE/popup/props.ts
+++ b/src/packages/__VUE/popup/props.ts
@@ -71,12 +71,5 @@ export const popupProps = {
safeAreaInsetBottom: {
type: Boolean,
default: false
- },
- overlayClass: {
- type: String,
- default: ''
- },
- overlayStyle: {
- type: Object as PropType
}
};
From e6d8cbeb3f2c4e164d8c9de6acd8638a75f83e1f Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Fri, 30 Dec 2022 15:58:54 +0800
Subject: [PATCH 03/33] =?UTF-8?q?feat:=20=E6=96=87=E6=A1=A3=E4=BF=AE?=
=?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/imagepreview/index.taro.vue | 4 ----
src/packages/__VUE/imagepreview/index.ts | 2 +-
src/packages/__VUE/imagepreview/index.vue | 6 ++----
src/packages/__VUE/price/doc.md | 4 ++--
src/packages/__VUE/pullrefresh/index.scss | 5 +++--
5 files changed, 8 insertions(+), 13 deletions(-)
diff --git a/src/packages/__VUE/imagepreview/index.taro.vue b/src/packages/__VUE/imagepreview/index.taro.vue
index 4c6f265d51..4845079735 100644
--- a/src/packages/__VUE/imagepreview/index.taro.vue
+++ b/src/packages/__VUE/imagepreview/index.taro.vue
@@ -76,10 +76,6 @@ export default create({
type: Boolean,
default: false
},
- closeIcon: {
- type: String,
- default: 'circle-close'
- },
closeIconPosition: {
type: String,
default: 'top-right' // top-right top-left
diff --git a/src/packages/__VUE/imagepreview/index.ts b/src/packages/__VUE/imagepreview/index.ts
index 8b253c0bdb..71bcd0465a 100644
--- a/src/packages/__VUE/imagepreview/index.ts
+++ b/src/packages/__VUE/imagepreview/index.ts
@@ -38,7 +38,7 @@ class ImagePreviewFunction {
constructor(_options: ImagePreviewOptions) {
const options = Object.assign(this.options, _options);
const { instance, unmount } = CreateComponent(options, {
- name: 'imagepreview',
+ name: 'image-preview',
components: [Popup, Video, Swiper, SwiperItem, Overlay],
wrapper: () => {
return {
diff --git a/src/packages/__VUE/imagepreview/index.vue b/src/packages/__VUE/imagepreview/index.vue
index 7c337e05ca..220069f20a 100644
--- a/src/packages/__VUE/imagepreview/index.vue
+++ b/src/packages/__VUE/imagepreview/index.vue
@@ -73,10 +73,6 @@ export default create({
type: Boolean,
default: false
},
- closeIcon: {
- type: String,
- default: 'circle-close'
- },
closeIconPosition: {
type: String,
default: 'top-right' // top-right top-left
@@ -141,6 +137,7 @@ export default create({
const init = () => {
if (swipeRef.value) {
const rect = useRect(swipeRef.value);
+ console.log('show');
state.rootHeight = rect.height;
state.rootWidth = rect.width;
}
@@ -149,6 +146,7 @@ export default create({
watch(
() => props.show,
(val) => {
+ console.log('展示', val);
state.showPop = val;
init();
}
diff --git a/src/packages/__VUE/price/doc.md b/src/packages/__VUE/price/doc.md
index c99168b202..357bb59111 100644
--- a/src/packages/__VUE/price/doc.md
+++ b/src/packages/__VUE/price/doc.md
@@ -112,8 +112,8 @@ app.use(Price);
| symbol | 符号类型 | String | ¥ |
| decimal-digits | 小数位位数 | Number | 2 |
| thousands | 是否按照千分号形式显示 | Boolean | false |
-| position | 符号显示在价格前或者后,`before`、`after` | String | before |
-| size | 价格尺寸,`large`、`normal`、`small` | String | large |
+| position | 符号显示在价格前或者后,`before`、`after` | String | `before` |
+| size | 价格尺寸,`large`、`normal`、`small` | String | `large` |
## 主题定制
diff --git a/src/packages/__VUE/pullrefresh/index.scss b/src/packages/__VUE/pullrefresh/index.scss
index 19269a29a6..0079e0318c 100644
--- a/src/packages/__VUE/pullrefresh/index.scss
+++ b/src/packages/__VUE/pullrefresh/index.scss
@@ -18,8 +18,9 @@
justify-content: center;
&-icon {
- width: 28px;
- height: 24px;
+ margin-right: 4px;
+ width: 16px;
+ height: 16px;
}
&-text {
font-size: $font-size-2;
From 80e2187f5c266b1706b5b503f119fd7e18b191fd Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Fri, 30 Dec 2022 20:02:30 +0800
Subject: [PATCH 04/33] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9Imagepreview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/imagepreview/doc.md | 33 ++-
src/packages/__VUE/imagepreview/doc.taro.md | 213 +++++++++++++++++++-
2 files changed, 225 insertions(+), 21 deletions(-)
diff --git a/src/packages/__VUE/imagepreview/doc.md b/src/packages/__VUE/imagepreview/doc.md
index e34a161344..360a698b10 100644
--- a/src/packages/__VUE/imagepreview/doc.md
+++ b/src/packages/__VUE/imagepreview/doc.md
@@ -166,7 +166,6 @@ app.use(ImagePreview);
:::
### 视频、图片预览
-#### taro 场景暂不支持视频预览功能
:::demo
```html
@@ -243,7 +242,6 @@ app.use(ImagePreview);
:::
### 函数式调用
-#### taro 场景暂不支持此功能
:::demo
```html
@@ -273,15 +271,10 @@ app.use(ImagePreview);
]
});
- const onClose = () => {
- console.log('imagepreview closed');
- };
-
const fnShow = () => {
ImagePreview({
show: true,
- images: resData.imgData,
- onClose
+ images: resData.imgData
})
};
@@ -299,21 +292,21 @@ app.use(ImagePreview);
| 字段 | 说明 | 类型 | 默认值
|----- | ----- | ----- | -----
-| show | 是否展示预览图片 | Boolean | false
-| videos | 预览的视频数组(视频自动放到图片之前、taro场景暂不支持) | VideoArray[] | []
+| show | 是否展示预览图片 | boolean | false
+| videos | 预览的视频数组(视频自动放到图片之前) | VideoArray[] | []
| images | 预览图片数组 | ImageArray[] | []
-| autoplay | 自动轮播时长,0表示不会自动轮播 | Number、String | 3000 |
-| init-no | 初始页码 | Number | 1
-| pagination-visible | 分页指示器是否展示 | Boolean | false |
+| autoplay | 自动轮播时长,0表示不会自动轮播 | number\|string | 3000 |
+| init-no | 初始页码 | number | 1
+| pagination-visible | 分页指示器是否展示 | boolean | false |
| pagination-color | 分页指示器选中的颜色 | String | '#fff' |
-| content-close | 点击图片可以退出预览 | Boolean | false |
-| show-index | 是否显示页码 | Boolean | true |
-| closeable | 是否显示关闭图标 | Boolean | false |
-| close-icon-position | 关闭图标位置,可选值:top-left | String | ‘top-right’ |
+| content-close | 点击图片可以退出预览 | boolean | false |
+| show-index | 是否显示页码 | boolean | true |
+| closeable | 是否显示关闭图标 | boolean | false |
+| close-icon-position | 关闭图标位置,可选值:top-left | string | ‘top-right’ |
| before-close | 关闭前的回调函数,返回 false 可阻止关闭,支持返回 Promise | (active: number) => boolean | Promise<`boolean`> | - |
-| max-zoom | 手势缩放时,最大缩放比例`小程序暂不支持` | Number | 3 |
-| min-zoom | 手势缩放时,最小缩放比例`小程序暂不支持` | Number | 1/3 |
-| is-Loop | 是否循环播放 | Boolean | `true` |
+| max-zoom | 手势缩放时,最大缩放比例 | number | 3 |
+| min-zoom | 手势缩放时,最小缩放比例 | number | 1/3 |
+| is-Loop | 是否循环播放 | boolean | `true` |
### ImageArray 数据结构
diff --git a/src/packages/__VUE/imagepreview/doc.taro.md b/src/packages/__VUE/imagepreview/doc.taro.md
index 43f254fa7f..6a33d09aab 100644
--- a/src/packages/__VUE/imagepreview/doc.taro.md
+++ b/src/packages/__VUE/imagepreview/doc.taro.md
@@ -1,4 +1,215 @@
# ImagePreview 图片预览
+### 介绍
+
+支持全屏预览视频和图片,可函数式调用
-#### 直接使用 Taro 现有 previewImage 组件开发 [参考文档](https://docs.taro.zone/docs/apis/media/image/previewImage)
\ No newline at end of file
+### 安装
+
+```javascript
+import { createApp } from 'vue';
+import { ImagePreview } from '@nutui/nutui';
+
+const app = createApp();
+app.use(ImagePreview);
+```
+
+### 基础用法
+:::demo
+```html
+
+
+
+
+
+
+```
+:::
+
+### 设置初始页码
+:::demo
+```html
+
+
+
+
+
+```
+:::
+
+### 设置轮播指示器及颜色
+:::demo
+```html
+
+
+
+
+
+```
+:::
+
+
+## API
+### Props
+
+| 字段 | 说明 | 类型 | 默认值 |
+|----- | ----- | ----- | ----- |
+| show | 是否展示预览图片 | boolean | false |
+| images | 预览图片数组 | ImageArray[] | [] |
+| autoplay | 自动轮播时长,0表示不会自动轮播 | number\|string | 3000 |
+| init-no | 初始页码 | Number | 1 |
+| pagination-visible | 分页指示器是否展示 | boolean | false |
+| pagination-color | 分页指示器选中的颜色 | string | '#fff' |
+| content-close | 点击图片可以退出预览 | boolean | false |
+| show-index | 是否显示页码 | boolean | true |
+| closeable | 是否显示关闭图标 | boolean | false |
+| close-icon-position | 关闭图标位置,可选值:top-left | string | ‘top-right’ |
+| before-close | 关闭前的回调函数,返回 false 可阻止关闭,支持返回 Promise | (active: number) => boolean | Promise<`boolean`> | - |
+| is-Loop | 是否循环播放 | boolean | `true` |
+
+
+### ImageArray 数据结构
+
+| 键名 | 说明 | 类型 |
+|----- | ----- | ----- |
+| src | 预览图片链接 | String |
+
+### VideoArray 数据结构
+
+| 键名 | 说明 | 类型 |
+|----- | ----- | ----- |
+| source | 视频地址和类型设置,等同于 Video 组件的 [source 属性](#/zh-CN/video) | Object |
+| options | 控制视频播放属性,等同于 Video 组件的 [options 属性](#/zh-CN/video) | Object |
+
+
+
+### Events
+
+|字段|说明|回调参数|
+|--|--|--|
+|close|点击遮罩关闭图片预览时触发|无|
+|change|切换图片时触发| index:当前图片索引|
+
+### Slots
+
+|事件名|说明|
+|--|--|
+|closeIcon| 自定义关闭图片|
+
\ No newline at end of file
From 06c6f2628ff01f38e64b2a5e168a440179281c32 Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Tue, 3 Jan 2023 09:44:26 +0800
Subject: [PATCH 05/33] =?UTF-8?q?feat:=20imagepreview=E6=96=87=E6=A1=88?=
=?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/imagepreview/doc.en-US.md | 38 +++++++++----------
src/packages/__VUE/imagepreview/doc.md | 40 ++++++++++----------
src/packages/__VUE/imagepreview/doc.taro.md | 26 ++++++-------
3 files changed, 52 insertions(+), 52 deletions(-)
diff --git a/src/packages/__VUE/imagepreview/doc.en-US.md b/src/packages/__VUE/imagepreview/doc.en-US.md
index 7202627f75..f5fbb7f527 100644
--- a/src/packages/__VUE/imagepreview/doc.en-US.md
+++ b/src/packages/__VUE/imagepreview/doc.en-US.md
@@ -298,36 +298,36 @@ app.use(ImagePreview);
### Props
-| Attribute | Description | Type | Default
-|----- | ----- | ----- | -----
-| show | Whether to show preview | Boolean | false
-| videos | Videos Array(Videos are before images, not support in taro) | VideoArray[] | []
-| images | Images array | ImageArray[] | []
-| autoplay | Autoplay time, zero means not autoplay | Number、String | 3000 |
-| init-no | Init no | Number | 1
-| pagination-visible | Whether to show pagination | Boolean | false |
-| pagination-color | Pagination color | String | '#fff' |
-| content-close | Click image to exit preview | Boolean | false |
-| show-index | Whether to show index | Boolean | true |
-| closeable | Whether to show close icon | Boolean | false |
-| close-icon-position | Close icon position,can be set to `top-left` | String | ‘top-right’ |
+| Attribute | Description | Type | Default |
+|----- | ----- | ----- | ----- |
+| show | Whether to show preview | boolean | `false` |
+| videos | Videos Array(Videos are before images, not support in taro) | VideoArray[] | `[]` |
+| images | Images array | ImageArray[] | `[]` |
+| autoplay | Autoplay time, zero means not autoplay | number \| string | `3000` |
+| init-no | Init no | number | `1` |
+| pagination-visible | Whether to show pagination | boolean | `false` |
+| pagination-color | Pagination color | string | `#fff` |
+| content-close | Click image to exit preview | boolean | `false` |
+| show-index | Whether to show index | boolean | `true` |
+| closeable | Whether to show close icon | boolean | `false` |
+| close-icon-position | Close icon position,can be set to `top-left` | string | `top-right` |
| before-close | Callback function before close | (active: number) => boolean | Promise<`boolean`> | - |
-| max-zoom | Max zoom`Taro isn't supported` | Number | 3 |
-| min-zoom | Min zoom`Taro isn't supported` | Number | 1/3 |
-| is-Loop | Whether to loop | Boolean | `true` |
+| max-zoom | Max zoom`Taro isn't supported` | number | `3` |
+| min-zoom | Min zoom`Taro isn't supported` | number | `1/3` |
+| is-Loop | Whether to loop | boolean | `true` |
### Data Structure of ImageArray
| Key | Description | Type |
|----- | ----- | ----- |
-| src | img url | String |
+| src | img url | string |
### Data Structure of VideoArray
| Key | Description | Type |
|----- | ----- | ----- |
-| source | Video url and type settings | Object |
-| options | Control video playback properties| Object |
+| source | Video url and type settings | `object` |
+| options | Control video playback properties| `object` |
### Events
diff --git a/src/packages/__VUE/imagepreview/doc.md b/src/packages/__VUE/imagepreview/doc.md
index 9057a543cb..854375d807 100644
--- a/src/packages/__VUE/imagepreview/doc.md
+++ b/src/packages/__VUE/imagepreview/doc.md
@@ -295,38 +295,38 @@ app.use(ImagePreview);
:::
## API
### Props
-
-| 字段 | 说明 | 类型 | 默认值
-|----- | ----- | ----- | -----
-| show | 是否展示预览图片 | boolean | false
-| videos | 预览的视频数组(视频自动放到图片之前) | VideoArray[] | []
-| images | 预览图片数组 | ImageArray[] | []
-| autoplay | 自动轮播时长,0表示不会自动轮播 | number\|string | 3000 |
-| init-no | 初始页码 | number | 1
-| pagination-visible | 分页指示器是否展示 | boolean | false |
-| pagination-color | 分页指示器选中的颜色 | string | '#fff' |
-| content-close | 点击图片可以退出预览 | boolean | false |
-| show-index | 是否显示页码 | boolean | true |
-| closeable | 是否显示关闭图标 | boolean | false |
-| close-icon-position | 关闭图标位置,可选值:top-left | string | ‘top-right’ |
+
+| 字段 | 说明 | 类型 | 默认值 |
+|----- | ----- | ----- | ----- |
+| show | 是否展示预览图片 | boolean | `false` |
+| videos | 预览的视频数组(视频自动放到图片之前) | VideoArray[] | `[]` |
+| images | 预览图片数组 | ImageArray[] | `[]` |
+| autoplay | 自动轮播时长,0表示不会自动轮播 | number \| string |`3000` |
+| init-no | 初始页码 | number | `1` |
+| pagination-visible | 分页指示器是否展示 | boolean | `false` |
+| pagination-color | 分页指示器选中的颜色 | string | `#fff` |
+| content-close | 点击图片可以退出预览 | boolean | `false` |
+| show-index | 是否显示页码 | boolean | `true` |
+| closeable | 是否显示关闭图标 | boolean | `false` |
+| close-icon-position | 关闭图标位置,可选值:top-left | string | `top-right` |
| before-close | 关闭前的回调函数,返回 false 可阻止关闭,支持返回 Promise | (active: number) => boolean | Promise<`boolean`> | - |
-| max-zoom | 手势缩放时,最大缩放比例 | number | 3 |
-| min-zoom | 手势缩放时,最小缩放比例 | number | 1/3 |
-| is-Loop | 是否循环播放 | boolean | `true` |
+| max-zoom | 手势缩放时,最大缩放比例 | number | `3` |
+| min-zoom | 手势缩放时,最小缩放比例 | number | `1/3` |
+| is-loop | 是否循环播放 | boolean | `true` |
### ImageArray 数据结构
| 键名 | 说明 | 类型 |
|----- | ----- | ----- |
-| src | 预览图片链接 | String |
+| src | 预览图片链接 | `string` |
### VideoArray 数据结构
| 键名 | 说明 | 类型 |
|----- | ----- | ----- |
-| source | 视频地址和类型设置,等同于 Video 组件的 [source 属性](#/zh-CN/video) | Object |
-| options | 控制视频播放属性,等同于 Video 组件的 [options 属性](#/zh-CN/video) | Object |
+| source | 视频地址和类型设置,等同于 Video 组件的 [source 属性](#/zh-CN/video) | `object` |
+| options | 控制视频播放属性,等同于 Video 组件的 [options 属性](#/zh-CN/video) | `object` |
diff --git a/src/packages/__VUE/imagepreview/doc.taro.md b/src/packages/__VUE/imagepreview/doc.taro.md
index 6a33d09aab..45f5236b0e 100644
--- a/src/packages/__VUE/imagepreview/doc.taro.md
+++ b/src/packages/__VUE/imagepreview/doc.taro.md
@@ -171,16 +171,16 @@ app.use(ImagePreview);
| 字段 | 说明 | 类型 | 默认值 |
|----- | ----- | ----- | ----- |
-| show | 是否展示预览图片 | boolean | false |
-| images | 预览图片数组 | ImageArray[] | [] |
-| autoplay | 自动轮播时长,0表示不会自动轮播 | number\|string | 3000 |
-| init-no | 初始页码 | Number | 1 |
-| pagination-visible | 分页指示器是否展示 | boolean | false |
-| pagination-color | 分页指示器选中的颜色 | string | '#fff' |
-| content-close | 点击图片可以退出预览 | boolean | false |
-| show-index | 是否显示页码 | boolean | true |
-| closeable | 是否显示关闭图标 | boolean | false |
-| close-icon-position | 关闭图标位置,可选值:top-left | string | ‘top-right’ |
+| show | 是否展示预览图片 | boolean | `false` |
+| images | 预览图片数组 | ImageArray[] | `[]` |
+| autoplay | 自动轮播时长,0表示不会自动轮播 | number \| string | `3000` |
+| init-no | 初始页码 | number | `1` |
+| pagination-visible | 分页指示器是否展示 | boolean | `false` |
+| pagination-color | 分页指示器选中的颜色 | string | `#fff` |
+| content-close | 点击图片可以退出预览 | boolean | `false` |
+| show-index | 是否显示页码 | boolean | `true` |
+| closeable | 是否显示关闭图标 | boolean | `false` |
+| close-icon-position | 关闭图标位置,可选值:top-left | string | `top-right` |
| before-close | 关闭前的回调函数,返回 false 可阻止关闭,支持返回 Promise | (active: number) => boolean | Promise<`boolean`> | - |
| is-Loop | 是否循环播放 | boolean | `true` |
@@ -189,14 +189,14 @@ app.use(ImagePreview);
| 键名 | 说明 | 类型 |
|----- | ----- | ----- |
-| src | 预览图片链接 | String |
+| src | 预览图片链接 | `string` |
### VideoArray 数据结构
| 键名 | 说明 | 类型 |
|----- | ----- | ----- |
-| source | 视频地址和类型设置,等同于 Video 组件的 [source 属性](#/zh-CN/video) | Object |
-| options | 控制视频播放属性,等同于 Video 组件的 [options 属性](#/zh-CN/video) | Object |
+| source | 视频地址和类型设置,等同于 Video 组件的 [source 属性](#/zh-CN/video) | `object`|
+| options | 控制视频播放属性,等同于 Video 组件的 [options 属性](#/zh-CN/video) | `object` |
From ccb622fa5858b077402553ef7b02d9f94417bd4e Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Tue, 3 Jan 2023 11:08:57 +0800
Subject: [PATCH 06/33] =?UTF-8?q?feat:=20noticebar=E6=96=87=E6=A1=88?=
=?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../__VUE/infiniteloading/doc.en-US.md | 18 +++---
src/packages/__VUE/infiniteloading/doc.md | 18 +++---
src/packages/__VUE/noticebar/doc.en-US.md | 60 +++++++++----------
src/packages/__VUE/noticebar/doc.md | 60 +++++++++----------
src/packages/__VUE/noticebar/doc.taro.md | 60 +++++++++----------
5 files changed, 108 insertions(+), 108 deletions(-)
diff --git a/src/packages/__VUE/infiniteloading/doc.en-US.md b/src/packages/__VUE/infiniteloading/doc.en-US.md
index 8cc309dc8f..428155b6b3 100644
--- a/src/packages/__VUE/infiniteloading/doc.en-US.md
+++ b/src/packages/__VUE/infiniteloading/doc.en-US.md
@@ -102,12 +102,12 @@ Scrolling to the bottom of the list automatically loads more data.
| Attribute | Description | Type | Default |
|------------------|--------------------------------------------------------------------------------------------------------------------|---------|------------------|
-| v-model | Loading status | Boolean | `false` |
-| has-more | Has more data | Boolean | `true` |
-| threshold | The loadMore event will be Emitted when the distance between the scrollbar and the bottom is less than threshold | Number | `200` |
-| use-capture | Whether to use capture mode | Boolean | `false` |
-| load-more-txt | "No more" text | String | 'Oops, this is the bottom'|
-| load-txt | Pull on loading text | String | `Loading...` |
+| v-model | Loading status | boolean | `false` |
+| has-more | Has more data | boolean | `true` |
+| threshold | The loadMore event will be Emitted when the distance between the scrollbar and the bottom is less than threshold | number | `200` |
+| use-capture | Whether to use capture mode | boolean | `false` |
+| load-more-txt | "No more" text | string | `Oops, this is the bottom`|
+| load-txt | Pull on loading text | string | `Loading...` |
### Events
@@ -131,6 +131,6 @@ Scrolling to the bottom of the list automatically loads more data.
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-infiniteloading-bottom-color | _#c8c8c8_ | - |
\ No newline at end of file
+| Name | Default Value |
+| --------------------------------------- | -------------------------- |
+| --nut-infiniteloading-bottom-color | _#c8c8c8_ |
\ No newline at end of file
diff --git a/src/packages/__VUE/infiniteloading/doc.md b/src/packages/__VUE/infiniteloading/doc.md
index 654a98f80b..6c927dfb3f 100644
--- a/src/packages/__VUE/infiniteloading/doc.md
+++ b/src/packages/__VUE/infiniteloading/doc.md
@@ -104,12 +104,12 @@
| 参数 | 说明 | 类型 | 默认值 |
|--------------|----------------------------------|--------|------------------|
-| v-model | 是否触发滚动加载 | Boolean | `false` |
-| has-more | 是否还有更多数据 | Boolean | `true` |
-| threshold | 滚动条与底部距离小于 threshold 时触发 loadMore 事件 | Number | `200` |
-| use-capture | 是否使用捕获模式 true 捕获 false 冒泡 | Boolean | `false` |
-| load-more-txt | “没有更多数”据展示文案 | String | `'哎呀,这里是底部了啦'` |
-| load-txt | 上拉加载提示文案 | String | `加载中...` |
+| v-model | 是否触发滚动加载 | boolean | `false` |
+| has-more | 是否还有更多数据 | boolean | `true` |
+| threshold | 滚动条与底部距离小于 threshold 时触发 loadMore 事件 | number | `200` |
+| use-capture | 是否使用捕获模式 true 捕获 false 冒泡 | boolean | `false` |
+| load-more-txt | “没有更多数”据展示文案 | string | `'哎呀,这里是底部了啦'` |
+| load-txt | 上拉加载提示文案 | string | `加载中...` |
### Events
@@ -134,6 +134,6 @@
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
-| 名称 | 默认值 | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-infiniteloading-bottom-color | _#c8c8c8_ | - |
\ No newline at end of file
+| 名称 | 默认值 |
+| --------------------------------------- | -------------------------- |
+| --nut-infiniteloading-bottom-color | _#c8c8c8_ |
\ No newline at end of file
diff --git a/src/packages/__VUE/noticebar/doc.en-US.md b/src/packages/__VUE/noticebar/doc.en-US.md
index 3c4d641dff..95242f28d6 100644
--- a/src/packages/__VUE/noticebar/doc.en-US.md
+++ b/src/packages/__VUE/noticebar/doc.en-US.md
@@ -221,28 +221,28 @@ When text is long, you can enable multi-line display by setting the wrapable pro
| Attribute | Description | Type | Default |
| ---------- | ---------------------------------------------------| ------------- | ------- |
-| direction | Rolling direction | String | across |
-| text | Notice text content | String | - |
-| close-mode | Whether to enable the off mode | Boolean | false |
-| left-icon | Left Icon | String | - |
-| right-icon | Right Icon | String | - |
-| color | Text Color | String | - |
-| background | Background | String | - |
-| delay | Delay time | String/Number | 1 |
-| scrollable | Whether to scroll content | Boolean | true |
-| speed | Scrolling speed (px/s) | Number | 50 |
-| wrapable | Whether to enable text wrap | Boolean | false |
+| direction | Rolling direction | string | `across` |
+| text | Notice text content | string | - |
+| close-mode | Whether to enable the off mode | boolean | `false` |
+| left-icon | Left Icon | string | - |
+| right-icon | Right Icon | string | - |
+| color | Text Color | string | - |
+| background | Background | string | - |
+| delay | Delay time | string \| number | `1` |
+| scrollable | Whether to scroll content | boolean | `true` |
+| speed | Scrolling speed (px/s) | number | `50` |
+| wrapable | Whether to enable text wrap | boolean | `false` |
### Props(direction=vertical)
| Attribute | Description | Type | Default |
|--------------|-----------------------------------------|----------|------------------|
-| list | List | Array | [] |
-| speed | Scrolling speed | Number | 50 |
-| stand-time | Show time(millisecond) | Number | 1000 |
-| complex-am | Complex animation | Boolean | false |
-| height | height | Number | 40 |
-| close-mode | Whether to enable the off mode | Boolean | false |
+| list | List | array | `[]` |
+| speed | Scrolling speed | number | `50` |
+| stand-time | Show time(millisecond) | number | `1000` |
+| complex-am | Complex animation | boolean | `false` |
+| height | height | number | `40` |
+| close-mode | Whether to enable the off mode | boolean | `false` |
### Slots
@@ -265,16 +265,16 @@ When text is long, you can enable multi-line display by setting the wrapable pro
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-noticebar-background| _rgba(251, 248, 220, 1)_ | - |
-| --nut-noticebar-color| _#d9500b_ | - |
-| --nut-noticebar-font-size| _14px_ | - |
-| --nut-noticebar-height| _40px_ | - |
-| --nut-noticebar-line-height| _24px_ | - |
-| --nut-noticebar-left-icon-width| _16px_ | - |
-| --nut-noticebar-right-icon-width| _16px_ | - |
-| --nut-noticebar-box-padding| _0 16px_ | - |
-| --nut-noticebar-wrapable-padding| _16px_ | - |
-| --nut-noticebar-lefticon-margin| _0px 10px_ | - |
-| --nut-noticebar-righticon-margin| _0px 10px_ | - |
+| Name | Default Value |
+| --------------------------------------- | -------------------------- |
+| --nut-noticebar-background| _rgba(251, 248, 220, 1)_ |
+| --nut-noticebar-color| _#d9500b_ |
+| --nut-noticebar-font-size| _14px_ |
+| --nut-noticebar-height| _40px_ |
+| --nut-noticebar-line-height| _24px_ |
+| --nut-noticebar-left-icon-width| _16px_ |
+| --nut-noticebar-right-icon-width| _16px_ |
+| --nut-noticebar-box-padding| _0 16px_ |
+| --nut-noticebar-wrapable-padding| _16px_ |
+| --nut-noticebar-lefticon-margin| _0px 10px_ |
+| --nut-noticebar-righticon-margin| _0px 10px_ |
diff --git a/src/packages/__VUE/noticebar/doc.md b/src/packages/__VUE/noticebar/doc.md
index c5fbcef584..7e84348fa9 100644
--- a/src/packages/__VUE/noticebar/doc.md
+++ b/src/packages/__VUE/noticebar/doc.md
@@ -223,28 +223,28 @@ app.use(Noticebar);
| 字段 | 说明 | 类型 | 默认值 |
| ---------- | ---------------------------------------------------------- | ------------- | ------ |
-| direction | 滚动的方向,可选 across、vertical | String | across |
-| text | 提示的信息 | String | 空 |
-| close-mode | 是否启用关闭模式 | Boolean | false |
-| left-icon | close为没有左边icon,其他为自定义的图片链接,没有为默认图片 | String | 空 |
-| right-icon | closeMode 模式下,默认为 ‘close’,其他模式下,没有为默认图片 | String | 空 |
-| color | 导航栏的文字颜色 | String | 空 |
-| background | 导航栏的背景颜色 | String | 空 |
-| delay | 延时多少秒 | String/Number | 1 |
-| scrollable | 是否可以滚动 | Boolean | true |
-| speed | 滚动速率 (px/s) | Number | 50 |
-| wrapable | 是否开启文本换行 | Boolean | false |
+| direction | 滚动的方向,可选 across、vertical | string | `across` |
+| text | 提示的信息 | string | - |
+| close-mode | 是否启用关闭模式 | boolean | `false` |
+| left-icon | close为没有左边icon,其他为自定义的图片链接,没有为默认图片 | string | - |
+| right-icon | closeMode 模式下,默认为 ‘close’,其他模式下,没有为默认图片 | string | - |
+| color | 导航栏的文字颜色 | string | - |
+| background | 导航栏的背景颜色 | string | - |
+| delay | 延时多少秒 | string \| number | `1` |
+| scrollable | 是否可以滚动 | boolean | `true` |
+| speed | 滚动速率 (px/s) | number | `50` |
+| wrapable | 是否开启文本换行 | boolean | `false` |
### Props(direction=vertical)
| 参数 | 说明 | 类型 | 默认值 |
|--------------|----------------------------------|--------|------------------|
-| list | 纵向滚动数据列表 | Array | [] |
-| speed | 滚动的速度 | Number | 50 |
-| stand-time | 停留时间(毫秒) | Number | 1000 |
-| complex-am | 稍复杂的动画,耗能会高 | Boolean | false |
-| height | 每一个滚动列的高度(px),注意:在使用 slot 插槽定义滚动单元时,按照实际高度修改此值 | Number | 40 |
-| close-mode | 是否启用右侧关闭图标,可以通过slot[name=rightIcon]自定义图标 | Boolean | false |
+| list | 纵向滚动数据列表 | array | `[]` |
+| speed | 滚动的速度 | number | `50` |
+| stand-time | 停留时间(毫秒) | number | `1000` |
+| complex-am | 稍复杂的动画,耗能会高 | boolean | `false` |
+| height | 每一个滚动列的高度(px),注意:在使用 slot 插槽定义滚动单元时,按照实际高度修改此值 | number | `40` |
+| close-mode | 是否启用右侧关闭图标,可以通过 `slot[name=rightIcon]` 自定义图标 | boolean | `false` |
### Slots
@@ -266,16 +266,16 @@ app.use(Noticebar);
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
-| 名称 | 默认值 | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-noticebar-background| _rgba(251, 248, 220, 1)_ | - |
-| --nut-noticebar-color| _#d9500b_ | - |
-| --nut-noticebar-font-size| _14px_ | - |
-| --nut-noticebar-height| _40px_ | - |
-| --nut-noticebar-line-height| _24px_ | - |
-| --nut-noticebar-left-icon-width| _16px_ | - |
-| --nut-noticebar-right-icon-width| _16px_ | - |
-| --nut-noticebar-box-padding| _0 16px_ | - |
-| --nut-noticebar-wrapable-padding| _16px_ | - |
-| --nut-noticebar-lefticon-margin| _0px 10px_ | - |
-| --nut-noticebar-righticon-margin| _0px 10px_ | - |
\ No newline at end of file
+| 名称 | 默认值 |
+| --------------------------------------- | -------------------------- |
+| --nut-noticebar-background| _rgba(251, 248, 220, 1)_ |
+| --nut-noticebar-color| _#d9500b_ |
+| --nut-noticebar-font-size| _14px_ |
+| --nut-noticebar-height| _40px_ |
+| --nut-noticebar-line-height| _24px_ |
+| --nut-noticebar-left-icon-width| _16px_ |
+| --nut-noticebar-right-icon-width| _16px_ |
+| --nut-noticebar-box-padding| _0 16px_ |
+| --nut-noticebar-wrapable-padding| _16px_ |
+| --nut-noticebar-lefticon-margin| _0px 10px_ |
+| --nut-noticebar-righticon-margin| _0px 10px_ |
\ No newline at end of file
diff --git a/src/packages/__VUE/noticebar/doc.taro.md b/src/packages/__VUE/noticebar/doc.taro.md
index 061656235f..2adedf4373 100644
--- a/src/packages/__VUE/noticebar/doc.taro.md
+++ b/src/packages/__VUE/noticebar/doc.taro.md
@@ -218,28 +218,28 @@ app.use(Noticebar);
| 字段 | 说明 | 类型 | 默认值 |
| ---------- | ---------------------------------------------------------- | ------------- | ------ |
-| direction | 滚动的方向,可选 across、vertical | String | across |
-| text | 提示的信息 | String | 空 |
-| close-mode | 是否启用关闭模式 | Boolean | false |
-| left-icon | close为没有左边icon,其他为自定义的图片链接,没有为默认图片 | String | 空 |
-| right-icon | closeMode 模式下,默认为 ‘close’,其他模式下,没有为默认图片 | String | 空 |
-| color | 导航栏的文字颜色 | String | 空 |
-| background | 导航栏的背景颜色 | String | 空 |
-| delay | 延时多少秒 | String/Number | 1 |
-| scrollable | 是否可以滚动 | Boolean | true |
-| speed | 滚动速率 (px/s) | Number | 50 |
-| wrapable | 是否开启文本换行 | Boolean | false |
+| direction | 滚动的方向,可选 across、vertical | string | `across` |
+| text | 提示的信息 | string | - |
+| close-mode | 是否启用关闭模式 | boolean | `false` |
+| left-icon | close为没有左边icon,其他为自定义的图片链接,没有为默认图片 | string | - |
+| right-icon | closeMode 模式下,默认为 ‘close’,其他模式下,没有为默认图片 | string | - |
+| color | 导航栏的文字颜色 | string | - |
+| background | 导航栏的背景颜色 | string | - |
+| delay | 延时多少秒 | string \| number | `1` |
+| scrollable | 是否可以滚动 | boolean | `true` |
+| speed | 滚动速率 (px/s) | number | `50` |
+| wrapable | 是否开启文本换行 | boolean | `false` |
### Props(direction=vertical)
| 参数 | 说明 | 类型 | 默认值 |
|--------------|----------------------------------|--------|------------------|
-| list | 纵向滚动数据列表 | Array | [] |
-| speed | 滚动的速度 | Number | 50 |
-| stand-time | 停留时间(毫秒) | Number | 1000 |
-| complex-am | 稍复杂的动画,耗能会高 | Boolean | false |
-| height | 每一个滚动列的高度(px),注意:在使用 slot 插槽定义滚动单元时,按照实际高度修改此值 | Number | 40 |
-| close-mode | 是否启用右侧关闭图标,可以通过slot[name=rightIcon]自定义图标 | Boolean | false |
+| list | 纵向滚动数据列表 | array | `[]` |
+| speed | 滚动的速度 | `number` | `50` |
+| stand-time | 停留时间(毫秒) | number | `1000` |
+| complex-am | 稍复杂的动画,耗能会高 | boolean | `false` |
+| height | 每一个滚动列的高度(px),注意:在使用 slot 插槽定义滚动单元时,按照实际高度修改此值 | number | `40` |
+| close-mode | 是否启用右侧关闭图标,可以通过 `slot[name=rightIcon]`自定义图标 | boolean | `false` |
### Slots
@@ -262,17 +262,17 @@ app.use(Noticebar);
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
-| 名称 | 默认值 | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-noticebar-background| _rgba(251, 248, 220, 1)_ | - |
-| --nut-noticebar-color| _#d9500b_ | - |
-| --nut-noticebar-font-size| _14px_ | - |
-| --nut-noticebar-height| _40px_ | - |
-| --nut-noticebar-line-height| _24px_ | - |
-| --nut-noticebar-left-icon-width| _16px_ | - |
-| --nut-noticebar-right-icon-width| _16px_ | - |
-| --nut-noticebar-box-padding| _0 16px_ | - |
-| --nut-noticebar-wrapable-padding| _16px_ | - |
-| --nut-noticebar-lefticon-margin| _0px 10px_ | - |
-| --nut-noticebar-righticon-margin| _0px 10px_ | - |
+| 名称 | 默认值 |
+| --------------------------------------- | -------------------------- |
+| --nut-noticebar-background| _rgba(251, 248, 220, 1)_ |
+| --nut-noticebar-color| _#d9500b_ |
+| --nut-noticebar-font-size| _14px_ |
+| --nut-noticebar-height| _40px_ |
+| --nut-noticebar-line-height| _24px_ |
+| --nut-noticebar-left-icon-width| _16px_ |
+| --nut-noticebar-right-icon-width| _16px_ |
+| --nut-noticebar-box-padding| _0 16px_ |
+| --nut-noticebar-wrapable-padding| _16px_ |
+| --nut-noticebar-lefticon-margin| _0px 10px_ |
+| --nut-noticebar-righticon-margin| _0px 10px_ |
From bf845405836d9e090ddedeb1a9cfd7b5e1cccb7b Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Tue, 3 Jan 2023 14:00:39 +0800
Subject: [PATCH 07/33] =?UTF-8?q?fix:=20noticebar=E5=B0=8F=E7=A8=8B?=
=?UTF-8?q?=E5=BA=8F=E4=B8=8D=E8=83=BD=E8=BF=90=E8=A1=8C=E9=97=AE=E9=A2=98?=
=?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/noticebar/demo.vue | 11 +++++-----
src/packages/__VUE/noticebar/doc.en-US.md | 1 -
src/packages/__VUE/noticebar/doc.md | 1 -
src/packages/__VUE/noticebar/doc.taro.md | 1 -
src/packages/__VUE/noticebar/index.scss | 3 ++-
src/packages/__VUE/noticebar/index.taro.vue | 22 +++++++++----------
src/packages/__VUE/noticebar/index.vue | 12 ++++------
.../vue/project.private.config.json | 2 +-
8 files changed, 23 insertions(+), 30 deletions(-)
diff --git a/src/packages/__VUE/noticebar/demo.vue b/src/packages/__VUE/noticebar/demo.vue
index c73596a7e4..8b7868685d 100644
--- a/src/packages/__VUE/noticebar/demo.vue
+++ b/src/packages/__VUE/noticebar/demo.vue
@@ -27,6 +27,7 @@
{{ translate('vertical') }}
+
diff --git a/src/packages/__VUE/noticebar/doc.en-US.md b/src/packages/__VUE/noticebar/doc.en-US.md
index 95242f28d6..fc669aa78b 100644
--- a/src/packages/__VUE/noticebar/doc.en-US.md
+++ b/src/packages/__VUE/noticebar/doc.en-US.md
@@ -225,7 +225,6 @@ When text is long, you can enable multi-line display by setting the wrapable pro
| text | Notice text content | string | - |
| close-mode | Whether to enable the off mode | boolean | `false` |
| left-icon | Left Icon | string | - |
-| right-icon | Right Icon | string | - |
| color | Text Color | string | - |
| background | Background | string | - |
| delay | Delay time | string \| number | `1` |
diff --git a/src/packages/__VUE/noticebar/doc.md b/src/packages/__VUE/noticebar/doc.md
index 7e84348fa9..52dcc96b52 100644
--- a/src/packages/__VUE/noticebar/doc.md
+++ b/src/packages/__VUE/noticebar/doc.md
@@ -227,7 +227,6 @@ app.use(Noticebar);
| text | 提示的信息 | string | - |
| close-mode | 是否启用关闭模式 | boolean | `false` |
| left-icon | close为没有左边icon,其他为自定义的图片链接,没有为默认图片 | string | - |
-| right-icon | closeMode 模式下,默认为 ‘close’,其他模式下,没有为默认图片 | string | - |
| color | 导航栏的文字颜色 | string | - |
| background | 导航栏的背景颜色 | string | - |
| delay | 延时多少秒 | string \| number | `1` |
diff --git a/src/packages/__VUE/noticebar/doc.taro.md b/src/packages/__VUE/noticebar/doc.taro.md
index 2adedf4373..eaa242d561 100644
--- a/src/packages/__VUE/noticebar/doc.taro.md
+++ b/src/packages/__VUE/noticebar/doc.taro.md
@@ -222,7 +222,6 @@ app.use(Noticebar);
| text | 提示的信息 | string | - |
| close-mode | 是否启用关闭模式 | boolean | `false` |
| left-icon | close为没有左边icon,其他为自定义的图片链接,没有为默认图片 | string | - |
-| right-icon | closeMode 模式下,默认为 ‘close’,其他模式下,没有为默认图片 | string | - |
| color | 导航栏的文字颜色 | string | - |
| background | 导航栏的背景颜色 | string | - |
| delay | 延时多少秒 | string \| number | `1` |
diff --git a/src/packages/__VUE/noticebar/index.scss b/src/packages/__VUE/noticebar/index.scss
index f67c42e325..af48d9237a 100644
--- a/src/packages/__VUE/noticebar/index.scss
+++ b/src/packages/__VUE/noticebar/index.scss
@@ -23,7 +23,7 @@
height: auto;
padding: $noticebar-wrapable-padding;
.nut-noticebar__page-wrap {
- height: auto;
+ height: auto !important;
.nut-noticebar__page-wrap-content {
position: relative;
white-space: normal;
@@ -61,6 +61,7 @@
position: absolute;
white-space: nowrap;
&.nut-ellipsis {
+ display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
diff --git a/src/packages/__VUE/noticebar/index.taro.vue b/src/packages/__VUE/noticebar/index.taro.vue
index 7f427c018f..389e40c346 100644
--- a/src/packages/__VUE/noticebar/index.taro.vue
+++ b/src/packages/__VUE/noticebar/index.taro.vue
@@ -27,9 +27,8 @@
{{ text }}
-
-
-
+
+
@@ -60,12 +59,9 @@
-
-
-
-
-
-
+
+
+
@@ -132,7 +128,6 @@ export default create({
default: false
},
leftIcon: { type: Object || String, default: () => Notice },
- rightIcon: { type: Object || String, default: '' },
color: {
type: String,
default: '#F9911B'
@@ -204,7 +199,8 @@ export default create({
return {
'nut-noticebar__page-wrap-content': true,
'nut-ellipsis': isEllipsis.value,
- [`content${state.id}`]: true
+ [`content${state.id}`]: true,
+ [state.animationClass]: true
};
});
@@ -268,6 +264,7 @@ export default create({
if (!wrap.value || !content.value) {
return;
}
+
let wrapWidth = 0;
let offsetWidth = 0;
@@ -283,7 +280,7 @@ export default create({
if (rect.width > 0) offsetWidth = rect.width;
state.isCanScroll = props.scrollable == null ? offsetWidth > wrapWidth : props.scrollable;
-
+ console.log(11, state.isCanScroll);
if (state.isCanScroll) {
state.wrapWidth = wrapWidth;
state.offsetWidth = offsetWidth;
@@ -309,6 +306,7 @@ export default create({
};
const onAnimationEnd = () => {
+ console.log('运动');
state.firstRound = false;
setTimeout(() => {
diff --git a/src/packages/__VUE/noticebar/index.vue b/src/packages/__VUE/noticebar/index.vue
index 494849c9a8..10f6ac7770 100644
--- a/src/packages/__VUE/noticebar/index.vue
+++ b/src/packages/__VUE/noticebar/index.vue
@@ -26,7 +26,7 @@
>{{ text }}
-
+
@@ -59,12 +59,9 @@
-
-
-
-
-
-
+
+
+
@@ -141,7 +138,6 @@ export default create({
default: false
},
leftIcon: { type: Object || String, default: () => Notice },
- rightIcon: { type: Object || String, default: '' },
color: {
type: String,
default: ''
diff --git a/src/sites/mobile-taro/vue/project.private.config.json b/src/sites/mobile-taro/vue/project.private.config.json
index 578944c46f..39f7acfbef 100644
--- a/src/sites/mobile-taro/vue/project.private.config.json
+++ b/src/sites/mobile-taro/vue/project.private.config.json
@@ -15,7 +15,7 @@
},
{
"name": "exhibition/pages/popover/index",
- "pathName": "exhibition/pages/popover/index",
+ "pathName": "exhibition/pages/noticebar/index",
"query": "",
"launchMode": "default",
"scene": null
From 0d84f108ba9af88fd36ecf365e868d07b37d15c1 Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Tue, 3 Jan 2023 15:12:18 +0800
Subject: [PATCH 08/33] =?UTF-8?q?feat:=20=E7=BB=84=E4=BB=B6=E6=96=87?=
=?UTF-8?q?=E6=A1=A3=E4=BF=AE=E6=94=B9picker?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/audio/demo.vue | 3 +-
src/packages/__VUE/audio/doc.en-US.md | 12 ++--
src/packages/__VUE/audio/doc.md | 14 ++--
src/packages/__VUE/audio/doc.taro.md | 2 +-
src/packages/__VUE/audio/index.scss | 2 +-
src/packages/__VUE/picker/doc.en-US.md | 64 +++++++++----------
src/packages/__VUE/picker/doc.md | 88 +++++++++++++-------------
src/packages/__VUE/picker/doc.taro.md | 70 ++++++++++----------
8 files changed, 127 insertions(+), 128 deletions(-)
diff --git a/src/packages/__VUE/audio/demo.vue b/src/packages/__VUE/audio/demo.vue
index 77fc0ded27..45303fbb4b 100644
--- a/src/packages/__VUE/audio/demo.vue
+++ b/src/packages/__VUE/audio/demo.vue
@@ -22,7 +22,7 @@
ref="audioDemo"
>
@@ -181,6 +181,7 @@ export default createDemo({
.nut-voice {
display: flex;
justify-content: space-between;
+ align-items: center;
width: 100px;
height: 20px;
padding: 8px;
diff --git a/src/packages/__VUE/audio/doc.en-US.md b/src/packages/__VUE/audio/doc.en-US.md
index 944deaed87..b2a9df3e15 100644
--- a/src/packages/__VUE/audio/doc.en-US.md
+++ b/src/packages/__VUE/audio/doc.en-US.md
@@ -240,12 +240,12 @@ export default {
| Attribute | Description | Type | Default |
|--------------|----------------------------------|--------|------------------|
-| url | Audio Url | String | '' |
-| muted | Whether to be muted | Boolean | false |
-| autoplay | Whether to autoplay | Boolean | false |
-| loop | Whether to loop playback | Boolean | false |
-| preload | Whether to proload audio | String | 'auto' |
-| type | Show type| String | 'progress' |
+| url | Audio Url | string | `''` |
+| muted | Whether to be muted | boolean | `false` |
+| autoplay | Whether to autoplay | boolean | `false` |
+| loop | Whether to loop playback | boolean | `false` |
+| preload | Whether to proload audio | string | `auto` |
+| type | Show type| String | `progress` |
### Events
diff --git a/src/packages/__VUE/audio/doc.md b/src/packages/__VUE/audio/doc.md
index 3a47153054..a3592df8d4 100644
--- a/src/packages/__VUE/audio/doc.md
+++ b/src/packages/__VUE/audio/doc.md
@@ -112,7 +112,6 @@ export default {
### 进度条展示
:::demo
-
```html
-
-
+
+
永远有效
-
-
+
+
diff --git a/src/packages/__VUE/sku/index.scss b/src/packages/__VUE/sku/index.scss
index 791b8ee6d2..3df6a5255e 100644
--- a/src/packages/__VUE/sku/index.scss
+++ b/src/packages/__VUE/sku/index.scss
@@ -50,7 +50,7 @@
flex-shrink: 0;
margin-top: 18px;
padding: 0 18px;
- > img {
+ .nut-sku-header-img {
width: $sku-product-img-width;
height: $sku-product-img-height;
flex-shrink: 0;
diff --git a/src/packages/__VUE/sku/index.taro.vue b/src/packages/__VUE/sku/index.taro.vue
index dfce3fa2aa..825aabda35 100644
--- a/src/packages/__VUE/sku/index.taro.vue
+++ b/src/packages/__VUE/sku/index.taro.vue
@@ -63,7 +63,7 @@
diff --git a/src/sites/mobile-taro/vue/src/dentry/pages/cascader/index.vue b/src/sites/mobile-taro/vue/src/dentry/pages/cascader/index.vue
index a451ce9362..f74158c333 100644
--- a/src/sites/mobile-taro/vue/src/dentry/pages/cascader/index.vue
+++ b/src/sites/mobile-taro/vue/src/dentry/pages/cascader/index.vue
@@ -186,7 +186,7 @@ export default {
{ value: value3, text: value3, leaf: level >= 6 }
]);
}
- }, 2000);
+ }, 3000);
}
});
From 9eed9759b19c98047d6a193ff0b21571b9a53b73 Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Sat, 7 Jan 2023 17:53:43 +0800
Subject: [PATCH 22/33] =?UTF-8?q?feat:=20picker=E6=96=87=E6=A1=88=E4=BF=AE?=
=?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/picker/doc.en-US.md | 14 +++++++-------
src/packages/__VUE/picker/doc.md | 14 +++++++-------
src/packages/__VUE/picker/doc.taro.md | 14 +++++++-------
3 files changed, 21 insertions(+), 21 deletions(-)
diff --git a/src/packages/__VUE/picker/doc.en-US.md b/src/packages/__VUE/picker/doc.en-US.md
index 64bed7ecaf..cfa959cb5a 100644
--- a/src/packages/__VUE/picker/doc.en-US.md
+++ b/src/packages/__VUE/picker/doc.en-US.md
@@ -22,7 +22,7 @@ app.use(Picker);
-
```
:::
@@ -107,7 +102,7 @@ The value of `headerType` allows you to set the image to be displayed in multipl
-
```
:::
@@ -148,7 +143,7 @@ export default {
>
-
```
:::
## API
diff --git a/src/packages/__VUE/comment/doc.md b/src/packages/__VUE/comment/doc.md
index 38d3762e0e..5be2985e40 100644
--- a/src/packages/__VUE/comment/doc.md
+++ b/src/packages/__VUE/comment/doc.md
@@ -26,7 +26,6 @@ app.use(Comment);
:images="cmt.images"
:videos="cmt.videos"
:info="cmt.info"
- :labels="labels"
@click="handleclick"
@clickImages="clickImages"
:operation="['replay']"
@@ -39,15 +38,12 @@ app.use(Comment);
-
```
:::
@@ -107,7 +102,7 @@ export default {
-
```
:::
@@ -148,7 +143,7 @@ export default {
>
-
```
:::
## API
diff --git a/src/packages/__VUE/comment/doc.taro.md b/src/packages/__VUE/comment/doc.taro.md
index 2be56ac9f9..da0618562a 100644
--- a/src/packages/__VUE/comment/doc.taro.md
+++ b/src/packages/__VUE/comment/doc.taro.md
@@ -26,7 +26,6 @@ app.use(Comment);
:images="cmt.images"
:videos="cmt.videos"
:info="cmt.info"
- :labels="labels"
@click="handleclick"
@clickImages="clickImages"
:operation="['replay']"
@@ -39,15 +38,12 @@ app.use(Comment);
-
```
:::
@@ -107,7 +102,7 @@ export default {
-
```
:::
@@ -148,7 +143,7 @@ export default {
>
-
```
:::
## API
diff --git a/src/packages/__VUE/countdown/doc.en-US.md b/src/packages/__VUE/countdown/doc.en-US.md
index 595525a4a9..115c793c3f 100644
--- a/src/packages/__VUE/countdown/doc.en-US.md
+++ b/src/packages/__VUE/countdown/doc.en-US.md
@@ -286,12 +286,7 @@ Paused and restarted the countdown with the `paused` attribute
const reset = () => {
Countdown.value.reset();
};
- return {
- toggle,
- onpaused,
- onrestart,
- ...toRefs(state)
- };
+ return {Countdown,start,pause,reset};
}
}
diff --git a/src/packages/__VUE/countdown/doc.md b/src/packages/__VUE/countdown/doc.md
index b7b5b7b7ea..08b068a1b3 100644
--- a/src/packages/__VUE/countdown/doc.md
+++ b/src/packages/__VUE/countdown/doc.md
@@ -289,16 +289,13 @@ app.use(Countdown);
const reset = () => {
Countdown.value.reset();
};
- return {
- toggle,
- onpaused,
- onrestart,
- ...toRefs(state)
- };
+ return {Countdown,start,pause,reset};
}
}
+
+
```
:::
## API
diff --git a/src/packages/__VUE/countdown/doc.taro.md b/src/packages/__VUE/countdown/doc.taro.md
index edca7f8fd4..4922ccd1d2 100644
--- a/src/packages/__VUE/countdown/doc.taro.md
+++ b/src/packages/__VUE/countdown/doc.taro.md
@@ -289,16 +289,13 @@ app.use(Countdown);
const reset = () => {
Countdown.value.reset();
};
- return {
- toggle,
- onpaused,
- onrestart,
- ...toRefs(state)
- };
+ return {Countdown,start,pause,reset};
}
}
+
+
```
:::
## API
diff --git a/src/packages/__VUE/datepicker/doc.en-US.md b/src/packages/__VUE/datepicker/doc.en-US.md
index 1c23dfcf49..efbf89d379 100644
--- a/src/packages/__VUE/datepicker/doc.en-US.md
+++ b/src/packages/__VUE/datepicker/doc.en-US.md
@@ -29,7 +29,7 @@ app.use(DatePicker);
>
-
@@ -389,7 +389,6 @@ Use the children field of the Columns attribute to cascade options
| ok-text | Text of confirm button | string | `confirm` |
| three-dimensional | Turn on 3D effects | boolean | `true` |
| swipe-duration | Duration of the momentum animation | number \| string | `1000` |
-| safe-area-inset-bottom | Whether to enable iPhone series full screen bottom safety zone adaptation, which is only valid when `position` is `bottom` | boolean |`false` |
| visible-option-num | Count of visible columns | number \| string | `7` |
| option-height | Option height | number \| string | `36` |
| show-toolbar | Whether to show toolbar | boolean | `true` |
@@ -407,9 +406,9 @@ Use the children field of the Columns attribute to cascade options
| Event | Description | Arguments |
|--------|----------------|--------------|
-| confirm | Emitted when click confirm button. | { selectedValue, selectedOptions } |
-| cancel | Emitted when click close button. | { selectedValue, selectedOptions } |
-| change | Emitted when current option changed. | { columnIndex, selectedValue, selectedOptions } |
+| confirm | Emitted when click confirm button. | `{ selectedValue, selectedOptions }` |
+| cancel | Emitted when click close button. | `{ selectedValue, selectedOptions }` |
+| change | Emitted when current option changed. | `{ columnIndex, selectedValue, selectedOptions }` |
### Slots
@@ -435,8 +434,6 @@ The component provides the following CSS variables, which can be used to customi
| --nut-picker-bar-title-color| _var(--nut-title-color)_ |
| --nut-picker-bar-title-font-weight| _normal_ |
| --nut-picker-item-height| _36px_ |
-| --nut-picker-item-text-color| _var(--nut-title-color)_ |
-| --nut-picker-item-active-text-color| _inherit_ |
+| --nut-picker-item-text-color| _var(--nut-title-color)_ |
| --nut-picker-item-text-font-size| _14px_ |
| --nut-picker-item-active-line-border| _1px solid #d8d8d8_ |
-| --nut-picker-columns-item-color| _var(--nut-title-color)_ |
diff --git a/src/packages/__VUE/picker/doc.md b/src/packages/__VUE/picker/doc.md
index 3f7d097702..a8510a8848 100644
--- a/src/packages/__VUE/picker/doc.md
+++ b/src/packages/__VUE/picker/doc.md
@@ -90,7 +90,7 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
show.value = false
}
- return {columns, confirm};
+ return {show,popupDesc,columns, confirm,popupConfirm};
}
};
@@ -383,7 +383,6 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
| ok-text | 确定按钮文案 | string | `确定` |
| three-dimensional | 是否开启3D效果 | boolean | `true` |
| swipe-duration | 惯性滚动时长 | number \| string | `1000` |
-| safe-area-inset-bottom | 是否开启 iphone 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效 | boolean |`false` |
| visible-option-num |可见的选项个数 | number \| string | `7` |
| option-height | 选项高度 | number \| string | `36` |
| show-toolbar | 是否显示顶部导航 | boolean | `true` |
@@ -401,9 +400,9 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
| 事件名 | 说明 | 回调参数 |
|--------|----------------|--------------|
-| confirm | 点击确定按钮时触发 | { selectedValue, selectedOptions } |
-| cancel | 点击取消按钮时触发 | { selectedValue, selectedOptions } |
-| change | 选项发生改变时触发 | { columnIndex, selectedValue, selectedOptions } |
+| confirm | 点击确定按钮时触发 | `{ selectedValue, selectedOptions }` |
+| cancel | 点击取消按钮时触发 | `{ selectedValue, selectedOptions }` |
+| change | 选项发生改变时触发 | `{ columnIndex, selectedValue, selectedOptions }` |
### Slots
@@ -430,7 +429,5 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
| --nut-picker-bar-title-font-weight| _normal_ |
| --nut-picker-item-height| _36px_ |
| --nut-picker-item-text-color| _var(--nut-title-color)_ |
-| --nut-picker-item-active-text-color| _inherit_ |
| --nut-picker-item-text-font-size| _14px_ |
-| --nut-picker-item-active-line-border| _1px solid #d8d8d8_ |
-| --nut-picker-columns-item-color| _var(--nut-title-color)_ |
\ No newline at end of file
+| --nut-picker-item-active-line-border| _1px solid #d8d8d8_ |
\ No newline at end of file
diff --git a/src/packages/__VUE/picker/doc.taro.md b/src/packages/__VUE/picker/doc.taro.md
index ccff99ae6d..5296938bb7 100644
--- a/src/packages/__VUE/picker/doc.taro.md
+++ b/src/packages/__VUE/picker/doc.taro.md
@@ -86,7 +86,7 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
show.value = false
}
- return {columns, confirm};
+ return {show,popupDesc,columns, confirm,popupConfirm};
}
};
@@ -369,7 +369,6 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
| ok-text | 确定按钮文案 | string | `确定` |
| three-dimensional | 是否开启3D效果 | boolean | `true` |
| swipe-duration | 惯性滚动时长 | number \| string | `1000` |
-| safe-area-inset-bottom | 是否开启 iphone 系列全面屏底部安全区适配,仅当 `position` 为 `bottom` 时有效 | boolean |`false` |
| visible-option-num |可见的选项个数 | number \| string |`7` |
| option-height | 选项高度 | number \| string | `36` |
| show-toolbar | 是否显示顶部导航 | boolean | `true` |
@@ -387,9 +386,9 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
| 事件名 | 说明 | 回调参数 |
|--------|----------------|--------------|
-| confirm | 点击确定按钮时触发 | { selectedValue, selectedOptions } |
-| cancel | 点击取消按钮时触发 | { selectedValue, selectedOptions } |
-| change | 选项发生改变时触发 | { columnIndex, selectedValue, selectedOptions } |
+| confirm | 点击确定按钮时触发 | `{ selectedValue, selectedOptions }` |
+| cancel | 点击取消按钮时触发 | `{ selectedValue, selectedOptions }` |
+| change | 选项发生改变时触发 | `{ columnIndex, selectedValue, selectedOptions }` |
### Slots
@@ -416,7 +415,5 @@ Picker 通常作为用于辅助表单填写,可以搭配 Popup 实现效果。
| --nut-picker-bar-title-font-weight| _normal_ |
| --nut-picker-item-height| _36px_ |
| --nut-picker-item-text-color| _var(--nut-title-color)_ |
-| --nut-picker-item-active-text-color| _inherit_ |
| --nut-picker-item-text-font-size| _14px_ |
-| --nut-picker-item-active-line-border| _1px solid #d8d8d8_ |
-| --nut-picker-columns-item-color| _var(--nut-title-color)_ |
\ No newline at end of file
+| --nut-picker-item-active-line-border| _1px solid #d8d8d8_ |
\ No newline at end of file
diff --git a/src/packages/styles/variables-jdb.scss b/src/packages/styles/variables-jdb.scss
index f1655fb91d..1f41ad5b74 100644
--- a/src/packages/styles/variables-jdb.scss
+++ b/src/packages/styles/variables-jdb.scss
@@ -240,11 +240,8 @@ $picker-bar-title-color: $title-color !default;
$picker-bar-title-font-weight: normal !default;
$picker-item-height: 36px !default;
$picker-item-text-color: $title-color !default;
-$picker-item-active-text-color: inherit !default;
$picker-item-text-font-size: 14px !default;
$picker-item-active-line-border: 1px solid #d8d8d8 !default;
-$picker-columns-item-color: $title-color !default;
-
//input
$input-border-bottom: #eaf0fb !default;
$input-disabled-color: #c8c9cc !default;
diff --git a/src/packages/styles/variables-jddkh.scss b/src/packages/styles/variables-jddkh.scss
index 8cf9a30b52..0ed98fddaa 100644
--- a/src/packages/styles/variables-jddkh.scss
+++ b/src/packages/styles/variables-jddkh.scss
@@ -171,10 +171,8 @@ $picker-bar-title-color: $title-color !default;
$picker-bar-title-font-weight: normal !default;
$picker-item-height: 36px !default;
$picker-item-text-color: $title-color !default;
-$picker-item-active-text-color: inherit !default;
$picker-item-text-font-size: 14px !default;
$picker-item-active-line-border: 1px solid #d8d8d8 !default;
-$picker-columns-item-color: $title-color !default;
//input
$input-border-bottom: #eaf0fb !default;
diff --git a/src/packages/styles/variables-jdt.scss b/src/packages/styles/variables-jdt.scss
index ef9dc28a75..caa2a64629 100644
--- a/src/packages/styles/variables-jdt.scss
+++ b/src/packages/styles/variables-jdt.scss
@@ -172,10 +172,8 @@ $picker-bar-title-color: var(--nut-picker-bar-title-color, #323233) !default;
$picker-bar-title-font-weight: var(--nut-picker-bar-title-font-weight, 600) !default;
$picker-item-height: var(--nut-picker-item-height, 36px) !default;
$picker-item-text-color: var(--nut-picker-item-text-color, $title-color) !default;
-$picker-item-active-text-color: var(--nut-picker-item-active-text-color, $primary-color) !default;
$picker-item-text-font-size: var(--nut-picker-item-text-font-size, 14px) !default;
$picker-item-active-line-border: var(--nut-picker-item-active-line-border, 1px solid rgba(0, 0, 0, 0.06)) !default;
-$picker-columns-item-color: var(--nut-picker-columns-item-color, $title-color) !default;
//input
$input-border-bottom: var(--nut-input-border-bottom, #eaf0fb) !default;
diff --git a/src/packages/styles/variables.scss b/src/packages/styles/variables.scss
index c760116107..b531da5e5f 100644
--- a/src/packages/styles/variables.scss
+++ b/src/packages/styles/variables.scss
@@ -191,10 +191,8 @@ $picker-bar-title-color: var(--nut-picker-bar-title-color, $title-color) !defaul
$picker-bar-title-font-weight: var(--nut-picker-bar-title-font-weight, normal) !default;
$picker-item-height: var(--nut-picker-item-height, 36px) !default;
$picker-item-text-color: var(--nut-picker-item-text-color, $title-color) !default;
-$picker-item-active-text-color: var(--nut-picker-item-active-text-color, inherit) !default;
$picker-item-text-font-size: var(--nut-picker-item-text-font-size, 14px) !default;
$picker-item-active-line-border: var(--nut-picker-item-active-line-border, 1px solid #eae7e7) !default;
-$picker-columns-item-color: var(--nut-picker-columns-item-color, $title-color) !default;
//input
$input-border-bottom: var(--nut-input-border-bottom, #eaf0fb) !default;
From e8a93738d70d6c7ac4878483abbb7b48534370d2 Mon Sep 17 00:00:00 2001
From: yangxiaolu3 <962468124@qq.com>
Date: Sun, 8 Jan 2023 21:50:23 +0800
Subject: [PATCH 24/33] =?UTF-8?q?feat:=20=E6=96=87=E6=A1=88=E4=BF=AE?=
=?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/packages/__VUE/address/demo.vue | 3 -
src/packages/__VUE/address/doc.en-US.md | 25 +-
src/packages/__VUE/address/doc.md | 23 +-
src/packages/__VUE/address/doc.taro.md | 21 +-
src/packages/__VUE/comment/doc.taro.md | 40 +--
src/packages/__VUE/comment/index.scss | 5 +
src/packages/__VUE/comment/index.taro.vue | 2 +-
.../__VUE/infiniteloading/doc.en-US.md | 112 ++++++--
src/packages/__VUE/infiniteloading/doc.md | 112 ++++++--
src/packages/__VUE/infiniteloading/index.vue | 8 -
src/packages/__VUE/noticebar/demo.vue | 8 +-
src/packages/__VUE/noticebar/doc.en-US.md | 6 +-
src/packages/__VUE/noticebar/doc.md | 6 +-
src/packages/__VUE/noticebar/doc.taro.md | 13 +-
src/packages/__VUE/noticebar/index.taro.vue | 9 +-
src/packages/__VUE/noticebar/index.vue | 9 +-
src/packages/__VUE/popover/doc.en-US.md | 260 ++++++++++--------
src/packages/__VUE/popover/doc.md | 248 ++++++++++-------
src/packages/__VUE/popover/doc.taro.md | 244 +++++++++-------
src/packages/__VUE/popover/index.taro.vue | 1 -
src/packages/__VUE/popover/index.vue | 1 -
src/packages/__VUE/pullrefresh/doc.en-US.md | 4 +-
src/packages/__VUE/pullrefresh/doc.md | 4 +-
src/packages/__VUE/pullrefresh/index.vue | 8 +-
.../__VUE/sku/components/SkuHeader.vue | 6 +-
.../__VUE/sku/components/SkuHeaderTaro.vue | 6 +-
.../__VUE/sku/components/SkuStepper.vue | 5 +
src/packages/__VUE/sku/demo.vue | 2 -
src/packages/__VUE/sku/doc.en-US.md | 4 +-
src/packages/__VUE/sku/doc.md | 4 +-
src/packages/__VUE/sku/doc.taro.md | 76 ++---
.../vue/src/business/pages/address/index.vue | 1 -
32 files changed, 786 insertions(+), 490 deletions(-)
diff --git a/src/packages/__VUE/address/demo.vue b/src/packages/__VUE/address/demo.vue
index 3687ced164..78997b44ee 100644
--- a/src/packages/__VUE/address/demo.vue
+++ b/src/packages/__VUE/address/demo.vue
@@ -42,7 +42,6 @@
height="270px"
@change="(cal) => onChange(cal, 'normal2')"
@close="close5"
- :columns-placeholder="placeholder"
>
{{ translate('existAddress') }}
@@ -52,7 +51,6 @@
v-model:visible="exist"
type="exist"
:exist-address="existAddress"
- @change="(cal) => onChange(cal, 'exist')"
@close="close2"
:is-show-custom-address="false"
@selected="selected"
@@ -65,7 +63,6 @@
v-model:visible="customImg"
type="exist"
:exist-address="existAddress"
- @change="(cal) => onChange(cal, 'customImg')"
@close="close3"
:is-show-custom-address="false"
@selected="selected"
diff --git a/src/packages/__VUE/address/doc.en-US.md b/src/packages/__VUE/address/doc.en-US.md
index 15f4cc7602..6dafc4fef6 100644
--- a/src/packages/__VUE/address/doc.en-US.md
+++ b/src/packages/__VUE/address/doc.en-US.md
@@ -2,8 +2,7 @@
### Intro
-
-
+Used for level four address selection
### Install
``` javascript
@@ -162,14 +161,16 @@ If you want to select a province, you need to set the region ID in the order of
@@ -421,6 +423,7 @@ If you want to select a province, you need to set the region ID in the order of
custom-and-exist-title="Choose Other Address"
@switch-module="switchModule"
@close-mask="closeMask"
+ @change='onChange'
>
@@ -526,7 +536,8 @@ If you want to select a province, you need to set the region ID in the order of
| Attribute | Description | Type | Default |
|----- | ----- | ----- | ----- |
-| v-model:visible | Whether to open address | string | `''`|
+| v-model:visible | Whether to open address | boolean | `false` |
+| v-model:value | Default value | Array | `[]` |
| type | Choose type: `exist/custom/custom2` | string | `custom`|
| province | Province data| Array | `[]`|
| city | City data | Array | `[]`|
diff --git a/src/packages/__VUE/address/doc.md b/src/packages/__VUE/address/doc.md
index 374a4d2701..ff0603a73e 100644
--- a/src/packages/__VUE/address/doc.md
+++ b/src/packages/__VUE/address/doc.md
@@ -2,6 +2,8 @@
### 介绍
+用于进行四级地址选择
+
### 安装
``` javascript
@@ -106,6 +108,7 @@ app.use(Address);
export default {
setup() {
const showPopup = ref(false);
+ const value = ref([1, 7, 3]);
const address = reactive({
province:[
{ id: 1, name: '北京' },
@@ -160,14 +163,16 @@ app.use(Address);
@@ -437,6 +444,7 @@ app.use(Address);
custom-and-exist-title="选择其他地址"
@switch-module="switchModule"
@close-mask="closeMask"
+ @change='onChange'
>
@@ -543,7 +557,8 @@ app.use(Address);
| 参数 | 说明 | 类型 | 默认值 |
|----- | ----- | ----- | ----- |
-| v-model:visible | 是否打开地址选择 | string | `''` |
+| v-model:visible | 是否打开地址选择 | boolean | `false` |
+| v-model:value | 设置默认选中值 | Array | `[]` |
| type | 地址选择类型 `exist/custom/custom2` | string | `custom` |
| province | 省,每个省的对象中,必须有 `name` 字段,如果类型选择 `custom2`,必须指定 `title` 字段为首字母 | Array | `[]` |
| city | 市,每个市的对象中,必须有 `name` 字段,如果类型选择 `custom2`,必须指定 `title` 字段为首字母 | Array | `[]` |
diff --git a/src/packages/__VUE/address/doc.taro.md b/src/packages/__VUE/address/doc.taro.md
index e7683024d5..de9fb9c5a8 100644
--- a/src/packages/__VUE/address/doc.taro.md
+++ b/src/packages/__VUE/address/doc.taro.md
@@ -2,7 +2,7 @@
### 介绍
-
+用于进行四级地址选择
### 安装
@@ -162,7 +162,9 @@ app.use(Address);
{
text.value = val.data.addressStr;
+ value.value = [val.data.province.id, val.data.city.id, val.data.country.id];
};
- return { showPopup, text, showAddress, onChange, close, ...toRefs(address) };
+ return { showPopup, text, showAddress, onChange, close, value, ...toRefs(address) };
}
}
@@ -439,6 +443,7 @@ app.use(Address);
custom-and-exist-title="选择其他地址"
@switch-module="switchModule"
@close-mask="closeMask"
+ @change='onChange'
>
@@ -545,7 +557,8 @@ app.use(Address);
| 参数 | 说明 | 类型 | 默认值 |
|----- | ----- | ----- | ----- |
-| v-model:visible | 是否打开地址选择 | string | `''` |
+| v-model:visible | 是否打开地址选择 | boolean | `false` |
+| v-model:value | 设置默认选中值 | Array | `[]` |
| type | 地址选择类型 `exist/custom/custom2` | string | `custom` |
| province | 省,每个省的对象中,必须有 `name` 字段,如果类型选择 `custom2`,必须指定 `title` 字段为首字母 | Array | `[]` |
| city | 市,每个市的对象中,必须有 `name` 字段,如果类型选择 `custom2`,必须指定 `title` 字段为首字母 | Array | `[]` |
diff --git a/src/packages/__VUE/comment/doc.taro.md b/src/packages/__VUE/comment/doc.taro.md
index da0618562a..1ef4dfe090 100644
--- a/src/packages/__VUE/comment/doc.taro.md
+++ b/src/packages/__VUE/comment/doc.taro.md
@@ -40,17 +40,17 @@ app.use(Comment);
+
+
```
:::
@@ -59,38 +89,68 @@ Scrolling to the bottom of the list automatically loads more data.
```html
-
- {{ item }}
-
+
+
+
+
+
+
+
```
:::
diff --git a/src/packages/__VUE/infiniteloading/doc.md b/src/packages/__VUE/infiniteloading/doc.md
index 98c408b7ac..5fa9852bde 100644
--- a/src/packages/__VUE/infiniteloading/doc.md
+++ b/src/packages/__VUE/infiniteloading/doc.md
@@ -21,13 +21,19 @@
```html
-
- {{item}}
-
+
+
+
+
+
+
+
```
:::
### 自定义加载文案
@@ -60,39 +90,69 @@
```html
-
- {{ item }}
-
+
+
+
+
+
+
+
```
:::
diff --git a/src/packages/__VUE/infiniteloading/index.vue b/src/packages/__VUE/infiniteloading/index.vue
index 475c818ec2..6f3f2a73c2 100644
--- a/src/packages/__VUE/infiniteloading/index.vue
+++ b/src/packages/__VUE/infiniteloading/index.vue
@@ -63,14 +63,6 @@ export default create({
type: String,
default: ''
},
- useWindow: {
- type: Boolean,
- default: true
- },
- containerId: {
- type: String,
- default: ''
- },
useCapture: {
type: Boolean,
default: false
diff --git a/src/packages/__VUE/noticebar/demo.vue b/src/packages/__VUE/noticebar/demo.vue
index 8b7868685d..5a0b5168b1 100644
--- a/src/packages/__VUE/noticebar/demo.vue
+++ b/src/packages/__VUE/noticebar/demo.vue
@@ -9,9 +9,9 @@
{{ translate('mode') }}
- {{ translate('text') }}
+ {{ translate('text') }}
- {{ translate('text') }}
+ {{ translate('text') }}
@@ -125,7 +125,7 @@ export default createDemo({
text: translate('text')
});
- const hello = () => {
+ const closeFun = () => {
console.log('hello world');
};
const go = (item: any) => {
@@ -134,7 +134,7 @@ export default createDemo({
return {
...toRefs(state),
- hello,
+ closeFun,
go,
translate,
Fabulous
diff --git a/src/packages/__VUE/noticebar/doc.en-US.md b/src/packages/__VUE/noticebar/doc.en-US.md
index d07743737f..abc46b3806 100644
--- a/src/packages/__VUE/noticebar/doc.en-US.md
+++ b/src/packages/__VUE/noticebar/doc.en-US.md
@@ -135,7 +135,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
const go = (item) => {
console.log(item)
}
- return { horseLamp1 };
+ return { horseLamp1,go };
}
}
@@ -171,7 +171,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
```html
-
+
{{item}}
@@ -230,7 +230,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
| delay | Delay time | string \| number | `1` |
| scrollable | Whether to scroll content | boolean | `true` |
| speed | Scrolling speed (px/s) | number | `50` |
-| wrapable | Whether to enable text wrap | boolean | `false` |
+| wrapable | Whether to enable text wrap,`scrollable` set `false` | boolean | `false` |
### Props(direction=vertical)
diff --git a/src/packages/__VUE/noticebar/doc.md b/src/packages/__VUE/noticebar/doc.md
index 5d5750b24d..ca92b3a795 100644
--- a/src/packages/__VUE/noticebar/doc.md
+++ b/src/packages/__VUE/noticebar/doc.md
@@ -142,7 +142,7 @@ app.use(Noticebar);
const go = (item) => {
console.log(item)
}
- return { horseLamp1 };
+ return { horseLamp1 , go};
}
}
@@ -175,7 +175,7 @@ app.use(Noticebar);
:::demo
```html
-
+
{{item}}
@@ -232,7 +232,7 @@ app.use(Noticebar);
| delay | 延时多少秒 | string \| number | `1` |
| scrollable | 是否可以滚动 | boolean | `true` |
| speed | 滚动速率 (px/s) | number | `50` |
-| wrapable | 是否开启文本换行 | boolean | `false` |
+| wrapable | 是否开启文本换行,`scrollable` 会设置为 `false` | boolean | `false` |
### Props(direction=vertical)
diff --git a/src/packages/__VUE/noticebar/doc.taro.md b/src/packages/__VUE/noticebar/doc.taro.md
index c5f6ff3552..7169fbb9fe 100644
--- a/src/packages/__VUE/noticebar/doc.taro.md
+++ b/src/packages/__VUE/noticebar/doc.taro.md
@@ -87,9 +87,14 @@ app.use(Noticebar);
```html
+
+
+
京东商城
@@ -137,7 +142,7 @@ app.use(Noticebar);
const go = (item) => {
console.log(item)
}
- return { horseLamp1 };
+ return { horseLamp1,go };
}
}
@@ -170,7 +175,7 @@ app.use(Noticebar);
:::demo
```html
-
+
{{item}}
@@ -227,7 +232,7 @@ app.use(Noticebar);
| delay | 延时多少秒 | string \| number | `1` |
| scrollable | 是否可以滚动 | boolean | `true` |
| speed | 滚动速率 (px/s) | number | `50` |
-| wrapable | 是否开启文本换行 | boolean | `false` |
+| wrapable | 是否开启文本换行,`scrollable` 会设置为 `false` | boolean | `false` |
### Props(direction=vertical)
diff --git a/src/packages/__VUE/noticebar/index.taro.vue b/src/packages/__VUE/noticebar/index.taro.vue
index 389e40c346..9f9ca7caff 100644
--- a/src/packages/__VUE/noticebar/index.taro.vue
+++ b/src/packages/__VUE/noticebar/index.taro.vue
@@ -32,7 +32,11 @@
-
+
{
+ if (props.closeMode) {
+ state.showNoticebar = !props.closeMode;
+ }
emit('close', state.scrollList[0]);
};
diff --git a/src/packages/__VUE/noticebar/index.vue b/src/packages/__VUE/noticebar/index.vue
index 10f6ac7770..c86dfb3ee3 100644
--- a/src/packages/__VUE/noticebar/index.vue
+++ b/src/packages/__VUE/noticebar/index.vue
@@ -32,7 +32,11 @@
-
+
{
+ if (props.closeMode) {
+ state.showNoticebar = !props.closeMode;
+ }
emit('close', state.scrollList[0]);
};
diff --git a/src/packages/__VUE/popover/doc.en-US.md b/src/packages/__VUE/popover/doc.en-US.md
index f9963b490e..f2dc1cd6c1 100644
--- a/src/packages/__VUE/popover/doc.en-US.md
+++ b/src/packages/__VUE/popover/doc.en-US.md
@@ -23,17 +23,22 @@ Popover supports both light and dark styles. The default is light style. Set the
:::demo
```html
-
-
- Light
-
-
-
-
-
- Dark
-
-
+
+
+
+
+ Light
+
+
+
+
+
+
+ Dark
+
+
+
+
+
+
```
:::
@@ -65,21 +76,27 @@ In the list array, an option can be disabled via the `disabled` field.
:::demo
```html
-
-
- Show Icon
-
-
-
-
-
- Disabled
-
-
+
+
+
+
+ Show Icon
+
+
+
+
+
+
+ Disabled
+
+
+
+
+
+
```
:::
@@ -145,89 +164,88 @@ Customize the content in the slot named content.
:::demo
```html
-
-
- custom content
-
-
-
-
-
-
+
+
+ custom content
+
+
+
+
+
+
```
@@ -296,14 +314,14 @@ Popover provides the 'targetId' attribute to match the target element by adding
```html
custom target
-
+
+
```
:::
@@ -333,7 +359,7 @@ export default {
:::demo
```html
-
+
Custom Color
@@ -344,7 +370,7 @@ export default {
import { reactive, ref } from 'vue';
export default {
setup() {
- const visible = ref({
+ const visible = reactive({
customColor:false
});
@@ -360,7 +386,16 @@ export default {
};
}
}
+
+
```
:::
@@ -376,8 +411,7 @@ export default {
| offset | the offset of the occurrence position | [number, number] | `[0, 12]` |
| show-arrow | whether to show small arrows | boolean | `true` |
| custom-class | custom class | string | `''` |
-| duration | Transition duration | [number, number] | `0.3` |
-| iconPrefix | Icon className prefix | string | `nut-icon` |
+| duration | Transition duration,Unit second | [number, string] | `0.3` |
| overlay | Whether to show overlay | boolean | `false` |
| overlay-class | Custom overlay class | string | `''` |
| overlay-style | Custom overlay style | string | `''` |
diff --git a/src/packages/__VUE/popover/doc.md b/src/packages/__VUE/popover/doc.md
index caa1c27e7f..a4dde6ea24 100644
--- a/src/packages/__VUE/popover/doc.md
+++ b/src/packages/__VUE/popover/doc.md
@@ -23,17 +23,22 @@ Popover 支持明朗和暗黑两种风格,默认为明朗风格,将 `theme`
:::demo
```html
-
-
- 明朗风格
-
-
-
-
-
- 暗黑风格
-
-
+
+
+
+
+ 明朗风格
+
+
+
+
+
+
+ 暗黑风格
+
+
+
+
+
+
```
:::
@@ -65,21 +76,26 @@ export default {
:::demo
```html
-
-
- 展示图标
-
-
-
-
-
- 禁用选项
-
-
+
+
+
+
+ 展示图标
+
+
+
+
+
+
+ 禁用选项
+
+
+
+
+
+
```
:::
@@ -139,89 +164,88 @@ export default {
:::demo
```html
-
-
- 自定义内容
-
-
-
-
-
-
+
+
+ 自定义内容
+
+
+
+
+
+
```
@@ -288,14 +312,14 @@ Popover 提供了 `targetId` 属性,用于匹配目标元素,在目标元素
```html
自定义目标元素
-
+
+
```
:::
@@ -327,7 +359,7 @@ Popopver 提供了 2 种主题色,同样可以通过 `bgColor` 属性改变背
:::demo
```html
-
+
自定义颜色
@@ -338,7 +370,7 @@ Popopver 提供了 2 种主题色,同样可以通过 `bgColor` 属性改变背
import { reactive, ref } from 'vue';
export default {
setup() {
- const visible = ref({
+ const visible = reactive({
customColor:false
});
@@ -354,7 +386,16 @@ export default {
};
}
}
+
+
```
:::
@@ -370,8 +411,7 @@ export default {
| offset | 出现位置的偏移量 | [number, number] | `[0, 12]` |
| show-arrow | 是否显示小箭头 | boolean | `true` |
| custom-class | 自定义 class 值 | string | `''` |
-| duration | 动画时长 | [number, number] | `0.3` |
-| iconPrefix | 图标自定义类值,等同于 Icon 组件的[ class-prefix 属性](https://nutui.jd.com/#/zh-CN/component/icon) | string | `nut-icon` |
+| duration | 动画时长,单位秒 | [number, string] | `0.3` |
| overlay | 是否显示遮罩层 | boolean | `false` |
| overlay-class | 自定义遮罩层类名 | string | `''` |
| overlay-style | 自定义遮罩层样式 | string | `''` |
@@ -389,7 +429,7 @@ List 属性是一个由对象构成的数组,数组中的每个对象配置一
| 键名 | 说明 | 类型 | 默认值 |
|----------------|----------------------|----------|--------|
| name | 选项文字 | string | `-` |
-| icon | @nutui/icons-vue 图标 | string | `-` |
+| icon | @nutui/icons-vue 图标 | VNode | `-` |
| disabled | 是否为禁用状态 | boolean | `false` |
| className | 为对应选项添加额外的类名 | string \| Array \| object | `-` |
diff --git a/src/packages/__VUE/popover/doc.taro.md b/src/packages/__VUE/popover/doc.taro.md
index 429decc54a..b513502661 100644
--- a/src/packages/__VUE/popover/doc.taro.md
+++ b/src/packages/__VUE/popover/doc.taro.md
@@ -23,17 +23,22 @@ Popover 支持明朗和暗黑两种风格,默认为明朗风格,将 `theme`
:::demo
```html
-
-
- 明朗风格
-
-
-
-
-
- 暗黑风格
-
-
+
+
+
+
+ 明朗风格
+
+
+
+
+
+
+ 暗黑风格
+
+
+
+
+
+
```
:::
@@ -65,21 +76,26 @@ export default {
:::demo
```html
-
-
- 展示图标
-
-
-
-
-
- 禁用选项
-
-
+
+
+
+
+ 展示图标
+
+
+
+
+
+
+ 禁用选项
+
+
+
+
+
+
```
:::
@@ -139,89 +164,88 @@ export default {
:::demo
```html
-
-
- 自定义内容
-
-
-
-
-
-
+
+
+ 自定义内容
+
+
+
+
+
+
```
@@ -288,14 +312,14 @@ Popover 提供了 `targetId` 属性,用于匹配目标元素,在目标元素
```html
自定义目标元素
-
+
+
```
:::
@@ -327,7 +359,7 @@ Popopver 提供了 2 种主题色,同样可以通过 `bgColor` 属性改变背
:::demo
```html
-
+
自定义颜色
@@ -338,7 +370,7 @@ Popopver 提供了 2 种主题色,同样可以通过 `bgColor` 属性改变背
import { reactive, ref } from 'vue';
export default {
setup() {
- const visible = ref({
+ const visible = reactive({
customColor:false
});
@@ -354,7 +386,16 @@ export default {
};
}
}
+
+
```
:::
@@ -370,8 +411,7 @@ export default {
| offset | 出现位置的偏移量 | [number, number] | `[0, 12]` |
| show-arrow | 是否显示小箭头 | boolean | `true` |
| custom-class | 自定义 class 值 | string | `''` |
-| duration | 动画时长 | [number, number] | `0.3` |
-| iconPrefix | 图标自定义类值,等同于 Icon 组件的[ class-prefix 属性](https://nutui.jd.com/#/zh-CN/component/icon) | string | `nut-icon` |
+| duration | 动画时长,单位秒 | [number, string] | `0.3` |
| overlay | 是否显示遮罩层 | boolean | `false` |
| overlay-class | 自定义遮罩层类名 | string | `''` |
| overlay-style | 自定义遮罩层样式 | string | `''` |
diff --git a/src/packages/__VUE/popover/index.taro.vue b/src/packages/__VUE/popover/index.taro.vue
index 06baf214d3..159189076e 100644
--- a/src/packages/__VUE/popover/index.taro.vue
+++ b/src/packages/__VUE/popover/index.taro.vue
@@ -89,7 +89,6 @@ export default create({
arrowOffset: { type: Number, default: 0 },
customClass: { type: String, default: '' },
showArrow: { type: Boolean, default: true },
- iconPrefix: { type: String, default: 'nut-icon' },
duration: { type: [Number, String], default: 0.2 },
overlay: { type: Boolean, default: false },
overlayClass: { type: String, default: '' },
diff --git a/src/packages/__VUE/popover/index.vue b/src/packages/__VUE/popover/index.vue
index 45bad7519b..dff82d28de 100644
--- a/src/packages/__VUE/popover/index.vue
+++ b/src/packages/__VUE/popover/index.vue
@@ -53,7 +53,6 @@ export default create({
arrowOffset: { type: Number, default: 0 },
customClass: { type: String, default: '' },
showArrow: { type: Boolean, default: true },
- iconPrefix: { type: String, default: 'nut-icon' },
duration: { type: [Number, String], default: 0.3 },
overlay: { type: Boolean, default: false },
overlayClass: { type: String, default: '' },
diff --git a/src/packages/__VUE/pullrefresh/doc.en-US.md b/src/packages/__VUE/pullrefresh/doc.en-US.md
index f5b461b9eb..ecfb1e0dd7 100644
--- a/src/packages/__VUE/pullrefresh/doc.en-US.md
+++ b/src/packages/__VUE/pullrefresh/doc.en-US.md
@@ -47,7 +47,7 @@ The refresh event will be Emitted when pull refresh, you should set v-model to f
:::
### Custom Tips
-The pull-down refresh has four states:`'loading' | 'loosing' | 'pulling' | 'complete'`,respectively corresponding to the attribute `pullingTxt、loosingTxt、loadingTxt、completeTxt` ,Complex styles can be implemented through slots。
+The pull-down refresh has four states:`'loading' | 'loosing' | 'pulling' | 'complete'`,respectively corresponding to the attribute `pullingTxt、loosingTxt、loadingTxt` ,Complex styles can be implemented through slots。
:::demo
@@ -57,7 +57,6 @@ The pull-down refresh has four states:`'loading' | 'loosing' | 'pulling' | 'comp
v-model="refresh2"
loosingTxt="松开吧"
loadingTxt="玩命加载中..."
- completeTxt="好啦"
@refresh="refreshFun"
>
@@ -140,7 +139,6 @@ The trigger conditions for PullRefresh are: The parent position of the scroll ba
| pulling-txt | Text to show when pulling | string | `Pull to refresh...` |
| loosing-txt | Text to show when loosing | string | `Loose to refresh...` |
| loading-txt | Text to show when loading | string | `Loading...` |
-| complete-txt | Text to show when complete | string | `'' ` |
| duration | Animation duration | number | `0.3` |
### Events
diff --git a/src/packages/__VUE/pullrefresh/doc.md b/src/packages/__VUE/pullrefresh/doc.md
index e8f49e862f..6a982bcf59 100644
--- a/src/packages/__VUE/pullrefresh/doc.md
+++ b/src/packages/__VUE/pullrefresh/doc.md
@@ -46,7 +46,7 @@ app.use(PullRefresh);
:::
### 自定义文案
-下拉刷新有4个状态:`'loading' | 'loosing' | 'pulling' | 'complete'`,分别对应属性 `pullingTxt、loosingTxt、loadingTxt、completeTxt` ,复杂样式可以通过 slot 插槽实现。
+下拉刷新有4个状态:`'loading' | 'loosing' | 'pulling' | 'complete'`,分别对应属性 `pullingTxt、loosingTxt、loadingTxt` ,复杂样式可以通过 slot 插槽实现。
:::demo
@@ -56,7 +56,6 @@ app.use(PullRefresh);
v-model="refresh2"
loosingTxt="松开吧"
loadingTxt="玩命加载中..."
- completeTxt="好啦"
@refresh="refreshFun"
>
@@ -139,7 +138,6 @@ PullRefresh 的触发条件是:父级滚动元素的滚动条在顶部位置
| pulling-txt | 下拉过程提示文案 | string | `下拉刷新` |
| loosing-txt | 释放过程提示文案 | string | `释放刷新` |
| loading-txt | 加载过程提示文案 | string | `加载中...` |
-| complete-txt | 刷新成功提示文案 | string | `''` |
| duration | 动画加载时长 | number | `0.3 ` |
### Events
diff --git a/src/packages/__VUE/pullrefresh/index.vue b/src/packages/__VUE/pullrefresh/index.vue
index 7b081a7ad2..3afabc72c1 100644
--- a/src/packages/__VUE/pullrefresh/index.vue
+++ b/src/packages/__VUE/pullrefresh/index.vue
@@ -50,10 +50,10 @@ export default create({
default: translate('loading')
},
- completeTxt: {
- type: String,
- default: ''
- },
+ // completeTxt: {
+ // type: String,
+ // default: ''
+ // },
headHeight: {
type: [String, Number],
default: 50
diff --git a/src/packages/__VUE/sku/components/SkuHeader.vue b/src/packages/__VUE/sku/components/SkuHeader.vue
index dc59be68fa..60d51f209a 100644
--- a/src/packages/__VUE/sku/components/SkuHeader.vue
+++ b/src/packages/__VUE/sku/components/SkuHeader.vue
@@ -18,7 +18,7 @@
diff --git a/src/packages/__VUE/pullrefresh/doc.en-US.md b/src/packages/__VUE/pullrefresh/doc.en-US.md
index 4e5528da0d..f39ae93897 100644
--- a/src/packages/__VUE/pullrefresh/doc.en-US.md
+++ b/src/packages/__VUE/pullrefresh/doc.en-US.md
@@ -139,7 +139,7 @@ The trigger conditions for PullRefresh are: The parent position of the scroll ba
| pulling-txt | Text to show when pulling | string | `Pull to refresh...` |
| loosing-txt | Text to show when loosing | string | `Loose to refresh...` |
| loading-txt | Text to show when loading | string | `Loading...` |
-| duration | Animation duration | number | `0.3` |
+| duration | Pull down animation duration | number | `0.3` |
### Events
diff --git a/src/packages/__VUE/pullrefresh/doc.md b/src/packages/__VUE/pullrefresh/doc.md
index 6a93251bc2..eab766a4eb 100644
--- a/src/packages/__VUE/pullrefresh/doc.md
+++ b/src/packages/__VUE/pullrefresh/doc.md
@@ -138,7 +138,7 @@ PullRefresh 的触发条件是:父级滚动元素的滚动条在顶部位置
| pulling-txt | 下拉过程提示文案 | string | `下拉刷新` |
| loosing-txt | 释放过程提示文案 | string | `释放刷新` |
| loading-txt | 加载过程提示文案 | string | `加载中...` |
-| duration | 动画加载时长 | number | `0.3 ` |
+| duration | 下拉动画加载时长 | number | `0.3 ` |
### Events
diff --git a/src/packages/__VUE/tour/demo.vue b/src/packages/__VUE/tour/demo.vue
index 707502ac15..26df39c987 100644
--- a/src/packages/__VUE/tour/demo.vue
+++ b/src/packages/__VUE/tour/demo.vue
@@ -10,7 +10,7 @@
+
```
:::
@@ -164,7 +166,7 @@ Can customize the bubble layer through the slot slot
:::demo
```html
-
+
@@ -188,7 +190,7 @@ Can customize the bubble layer through the slot slot
+
+
```
:::
@@ -213,8 +228,33 @@ export default {
:::demo
```html
-
-
+
+
+
+
+
+
+
+
+
```
:::
@@ -214,8 +227,33 @@ export default {
:::demo
```html
+
+
+
+
+
+
-