stellar-ui-v2 1.40.1 → 1.40.3

package/components/ste-guide-qa/README.md

@@ -1,41 +1,41 @@
-# GuideQA 引导服务区
-
-问答组件，用于展示常见问题和答案
-
----$
-
-### 代码演示
-
-#### 简单模式
-
-通过`mode="1"`设置为简单模式，默认显示模式
-
-```html
-<template>
-    <ste-guide-qa :data="data" @click-all="handleClickAll"></ste-guide-qa>
-</template>
-
+# GuideQA 引导服务区
+
+问答组件，用于展示常见问题和答案
+
+---$
+
+### 代码演示
+
+#### 简单模式
+
+通过`mode="1"`设置为简单模式，默认显示模式
+
+```html
+<template>
+    <ste-guide-qa :data="data" @click-all="handleClickAll"></ste-guide-qa>
+</template>
+
 <script>
 export default {
     data() {
         return {
-            data: [
-                {
-                    question: '如何快速上手这个组件？',
-                    answer: '请查看我们的快速入门指南，按照步骤操作即可。',
-                },
-                {
-                    question: '支持哪些浏览器？',
-                    answer: '支持 Chrome 80+、Firefox 78+、Safari 14+、Edge 88+ 等现代浏览器。',
-                },
-                {
-                    question: '如何自定义样式？',
-                    answer: '可以通过 CSS 变量或者传入自定义的 class 来覆盖默认样式。',
-                },
-                {
-                    question: '遇到问题如何反馈？',
-                    answer: '可以通过 GitHub Issues 或者官方交流群进行反馈。',
-                },
+            data: [
+                {
+                    question: '如何快速上手这个组件？',
+                    answer: '请查看我们的快速入门指南，按照步骤操作即可。',
+                },
+                {
+                    question: '支持哪些浏览器？',
+                    answer: '支持 Chrome 80+、Firefox 78+、Safari 14+、Edge 88+ 等现代浏览器。',
+                },
+                {
+                    question: '如何自定义样式？',
+                    answer: '可以通过 CSS 变量或者传入自定义的 class 来覆盖默认样式。',
+                },
+                {
+                    question: '遇到问题如何反馈？',
+                    answer: '可以通过 GitHub Issues 或者官方交流群进行反馈。',
+                },
             ]
         }
     },
@@ -44,86 +44,86 @@ export default {
             console.log('点击查看全部');
         };
     }
-}
-</script>
-```
-
-#### 完整模式
-
-通过`mode="2"`设置为完整模式，支持点击问题和答案
-
-```html
-<template>
-    <ste-guide-qa :data="data" mode="2" @click-item="handleClickItem"></ste-guide-qa>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            data: [
-                {
-                    question: '如何快速上手这个组件？',
-                    answer: '请查看我们的快速入门指南，按照步骤操作即可。',
-                },
-                {
-                    question: '支持哪些浏览器？',
-                    answer: '支持 Chrome 80+、Firefox 78+、Safari 14+、Edge 88+ 等现代浏览器。',
-                },
-                {
-                    question: '如何自定义样式？',
-                    answer: '可以通过 CSS 变量或者传入自定义的 class 来覆盖默认样式。',
-                },
-                {
-                    question: '遇到问题如何反馈？',
-                    answer: '可以通过 GitHub Issues 或者官方交流群进行反馈。',
-                },
-            ]
-        }
-    },
-    methods: {
+}
+</script>
+```
+
+#### 完整模式
+
+通过`mode="2"`设置为完整模式，支持点击问题和答案
+
+```html
+<template>
+    <ste-guide-qa :data="data" mode="2" @click-item="handleClickItem"></ste-guide-qa>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            data: [
+                {
+                    question: '如何快速上手这个组件？',
+                    answer: '请查看我们的快速入门指南，按照步骤操作即可。',
+                },
+                {
+                    question: '支持哪些浏览器？',
+                    answer: '支持 Chrome 80+、Firefox 78+、Safari 14+、Edge 88+ 等现代浏览器。',
+                },
+                {
+                    question: '如何自定义样式？',
+                    answer: '可以通过 CSS 变量或者传入自定义的 class 来覆盖默认样式。',
+                },
+                {
+                    question: '遇到问题如何反馈？',
+                    answer: '可以通过 GitHub Issues 或者官方交流群进行反馈。',
+                },
+            ]
+        }
+    },
+    methods: {
         const handleClickItem(type, item)  {
             console.log(`点击了${type === 'q' ? '问题' : '答案'}:`, item);
-        };
-    }
-}
-</script>
-```
-
-#### 自定义标题
-
-通过`title`设置标题文本，`actionTitle`设置操作按钮文本
-
-```html
-<template>
-    <ste-guide-qa :data="data" title="帮助中心" actionTitle="查看更多" @click-all="handleClickAll"></ste-guide-qa>
-</template>
-```
-
-#### 是否显示数量
-
-通过`showNum`控制是否显示数量
-
-```html
-<template>
-    <ste-guide-qa :data="data" :showNum="false"></ste-guide-qa>
-</template>
-```
-
----$
-
-### API
-
-<!-- props -->
-
-#### Slots
-
-| 插槽名     | 说明     | 插槽参数 | 支持版本 |
-| ---------- | -------- | -------- | -------- |
-| `prefix-q` | 问题前缀 | -        | -        |
-| `prefix-a` | 答案前缀 | -        | -        |
-
----$
-{{fuyuwei}}
-
-{{qinpengfei}}
+        };
+    }
+}
+</script>
+```
+
+#### 自定义标题
+
+通过`title`设置标题文本，`actionTitle`设置操作按钮文本
+
+```html
+<template>
+    <ste-guide-qa :data="data" title="帮助中心" actionTitle="查看更多" @click-all="handleClickAll"></ste-guide-qa>
+</template>
+```
+
+#### 是否显示数量
+
+通过`showNum`控制是否显示数量
+
+```html
+<template>
+    <ste-guide-qa :data="data" :showNum="false"></ste-guide-qa>
+</template>
+```
+
+---$
+
+### API
+
+<!-- props -->
+
+#### Slots
+
+| 插槽名     | 说明     | 插槽参数 | 支持版本 |
+| ---------- | -------- | -------- | -------- |
+| `prefix-q` | 问题前缀 | -        | -        |
+| `prefix-a` | 答案前缀 | -        | -        |
+
+---$
+{{fuyuwei}}
+
+{{qinpengfei}}

package/components/ste-index-list/README.md

@@ -111,12 +111,12 @@ methods: {
 
 #### IndexList Props
 
-| 属性名			| 说明											|类型				|默认值		|可选值	| 支持版本	|
-| ---				|---											| ---				| ---		| ---	| ---		|
-| `active`			| 当前激活的索引下标，支持sync双向绑定，默认值0		| `Number`			| `0`		| -		| -			|
-| `height`			| 高度，默认值100%								| `String`/`Number`	| `"100%"`	| -		| -			|
-| `sticky`			| `title`是否粘性布局，自定义`title`插槽时不生效	| `Boolean`			| `true`	| -		| -			|
-| `inactiveColor`	| 右边锚点状态非激活时的颜色						| `String`			| `#666666`	| -		| -			|
+| 属性名			| 说明											|类型				|默认值		|可选值	| 支持版本	|
+| ---				|---											| ---				| ---		| ---	| ---		|
+| `active`			| 当前激活的索引下标，支持sync双向绑定，默认值0		| `Number`			| `0`		| -		| -			|
+| `height`			| 高度，默认值100%								| `String`/`Number`	| `"100%"`	| -		| -			|
+| `sticky`			| `title`是否粘性布局，自定义`title`插槽时不生效	| `Boolean`			| `true`	| -		| -			|
+| `inactiveColor`	| 右边锚点状态非激活时的颜色						| `String`			| `#666666`	| -		| -			|
 | `activeColor`		| 右边锚点状态激活时的颜色							| `String`			| `#0090FF`	| -		| -			|
 
 #### IndexList Events

package/components/ste-input/ste-input.vue

@@ -287,10 +287,10 @@ export default {
 	},
 	methods: {
 		onInput(e) {
-			let value = e?.detail?.value || '';
+			let value = e.target?.value || e.detail?.value || '';
 			if (!this.disabled && !this.readonly) {
 				if (!this.allowSpace) {
-					e.detail.value = value.replace(/\s*/g, '');
+					value = value.replace(/\s*/g, '');
 				}
 				this.$nextTick(() => {
 					if (this.maxlength > 0) {

package/components/ste-message-box/ste-message-box.js

@@ -1,72 +1,72 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-
-Vue.use(Vuex);
-const DEFAULT_KEY = '$steMsgBoxKey';
-const DEFAULT_CONFIG = {
-	title: '',
-	content: '',
-	showCancel: true,
-	icon: '',
-	cancelText: '取消',
-	cancelColor: '#333333',
-	confirmText: '确认',
-	confirmColor: '',
-	editable: false,
-	placeholderText: '',
-	success: null,
-	fail: null,
-	complete: null,
-};
-
-const store = new Vuex.Store({
-	state: {},
-	mutations: {
-		initializeState(state, key) {
-			if (!state[key]) {
-				Vue.set(state, key, {
-					selector: key,
-					openBegin: false,
-					...DEFAULT_CONFIG,
-				});
-			}
-		},
-		setState(state, { key, params }) {
-			Object.assign(state[key], params);
-		},
-		resetState(state, key) {
-			Object.assign(state[key], {
-				openBegin: false,
-			});
-		},
-	},
-});
-
-function useSteMsgBox(key) {
-	key = key ?? DEFAULT_KEY;
-	store.commit('initializeState', key);
-
-	return {
-		showMsgBox(params) {
-			store.commit('setState', {
-				key,
-				params: {
-					...DEFAULT_CONFIG,
-					...params,
-					confirm: params.confirm ?? function () {},
-					cancel: params.cancel ?? function () {},
-					complete: params.complete ?? function () {},
-					openBegin: true,
-				},
-			});
-		},
-		hideMsgBox() {
-			store.commit('resetState', key);
-		},
-		$state: store.state[key],
-		$store: store,
-	};
-}
-
-export default useSteMsgBox;
-export { DEFAULT_KEY };
+import Vue from 'vue';
+import Vuex from 'vuex';
+
+Vue.use(Vuex);
+const DEFAULT_KEY = '$steMsgBoxKey';
+const DEFAULT_CONFIG = {
+	title: '',
+	content: '',
+	showCancel: true,
+	icon: '',
+	cancelText: '取消',
+	cancelColor: '#333333',
+	confirmText: '确认',
+	confirmColor: '',
+	editable: false,
+	placeholderText: '',
+	success: null,
+	fail: null,
+	complete: null,
+};
+
+const store = new Vuex.Store({
+	state: {},
+	mutations: {
+		initializeState(state, key) {
+			if (!state[key]) {
+				Vue.set(state, key, {
+					selector: key,
+					openBegin: false,
+					...DEFAULT_CONFIG,
+				});
+			}
+		},
+		setState(state, { key, params }) {
+			Object.assign(state[key], params);
+		},
+		resetState(state, key) {
+			Object.assign(state[key], {
+				openBegin: false,
+			});
+		},
+	},
+});
+
+function useSteMsgBox(key) {
+	key = key ?? DEFAULT_KEY;
+	store.commit('initializeState', key);
+
+	return {
+		showMsgBox(params) {
+			store.commit('setState', {
+				key,
+				params: {
+					...DEFAULT_CONFIG,
+					...params,
+					confirm: params.confirm ?? function () {},
+					cancel: params.cancel ?? function () {},
+					complete: params.complete ?? function () {},
+					openBegin: true,
+				},
+			});
+		},
+		hideMsgBox() {
+			store.commit('resetState', key);
+		},
+		$state: store.state[key],
+		$store: store,
+	};
+}
+
+export default useSteMsgBox;
+export { DEFAULT_KEY };

package/components/ste-navbar/README.md

@@ -1,125 +1,125 @@
-# Navbar 导航栏
-
-提供导航功能，常用于页面顶部。
-
----$
-
-## 代码演示
-
-### 基本使用
-
-通过 `title`设置导航栏标题，插槽`default`设置导航栏内容
-
-```html
-<template>
-    <ste-navbar title="标题">插槽</ste-navbar>
-</template>
-```
-
-### 返回按钮配置
-
-- 通过 `autoBack` 属性来设置是否显示返回按钮，默认`true`
-- 通过 `backColor` 属性来设置返回按钮颜色，默认`#000`
-- 通过 `backCode` 属性来设置返回按钮icon的code，默认`&#xe673;`
-- 通过 `backBackgroundColor` 属性来设置返回按钮的背景颜色，默认`transparent`
-- 通过 `backBorderColor` 属性来设置返回返回按钮的边框颜色，默认`transparent`
-- 通过 `backOpacity` 属性来设置返回按钮透明度，默认`1`
-
-```html
-<template>
-    <ste-navbar title="隐藏返回按钮" :autoBack="false"></ste-navbar>
-    <ste-navbar title="返回按钮各配置" backColor="red" backCode="&#xe68d;" backBackgroundColor="green" backBorderColor="blue" :backOpacity="0.4"></ste-navbar>
-</template>
-```
-
-### 标题配置
-
-- 通过 `title` 属性来设置标题文本，默认`''`
-- 通过 `titleColor` 属性来设置标题颜色，默认`#181818`
-- 通过 `titleAlignment` 属性来设置标题对齐方式，`1` ：居左，`2`：居中，默认`1`
-
-```html
-<template>
-    <ste-navbar title="标题各配置" titleColor="red" :titleAlignment="2" :zIndex="100"></ste-navbar>
-</template>
-```
-
-### 导航栏配置
-
-- 通过 `fixed` 属性来设置是否固定到顶部，默认`false`
-- 通过 `safeAreaInsetTop` 属性来设置是否开启顶部安全区适配，默认`true`
-- 通过 `zIndex` 属性来设置导航栏 z-index，默认`10`
-- 通过 `backgroundColor` 属性来设置导航栏背景色，默认`transparent`
-- 通过 `colorType` 属性来设置支付宝小程序专属属性，导航栏背景色，`1` ：黑色，`2`：白色，默认`1`
-
-```html
-<template>
-    <ste-navbar title="导航栏配置" backgroundColor="red"></ste-navbar>
-</template>
-```
-
-### 回调事件
-
-通过 `backClick` 获取返回按钮点击事件
-
-```html
-<template>
-    <ste-navbar title="事件" @backClick="backClick"></ste-navbar>
-</template>
-
-<script>
-export default {
-	data() {
-		return {};
-	},
-	created() {},
-	methods: {
-		backClick() {
-			this.$showToast({
-				icon: 'none',
-				title: '导航栏点击事件',
-			});
-		},
-	},
-};
-</script>
-```
-
----$
-
-### API
-
-#### Props
-| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
-| ----- | ----- | --- | ------- | ------ | -------- |
-| `autoBack` | 是否显示返回按钮 | `Boolean` | `true` | - | - |
-| `backColor` | 返回按钮颜色 | `String` | `#000` | - | - |
-| `backCode` | 返回按钮icon的code | `String` | `&#xe673;` | - | - |
-| `backCode` | 返回按钮icon的code | `String` | `&#xe673;` | - | - |
-| `backBackgroundColor` | 返回按钮的背景颜色 | `String` | `transparent` | - | - |
-| `backBorderColor` | 返回按钮的边框颜色 | `String` | `transparent` | - | - |
-| `backOpacity` | 返回按钮透明度 | `Number` | `1` | - | - |
-| `stopNavigateBack` | 是否阻止点击返回按钮后，返回到上一页 | `Boolean` | `false` | - | - |
-| `title` | 标题文本 | `String` | `` | - | - |
-| `titleColor` | 标题颜色 | `String` | `#181818` | - | - |
-| `titleAlignment` | 标题对齐方式 | `Number` | `1` | `1`：居左<br/>`2`：居中 | - |
-| `fixed` | 是否固定到顶部 | `Boolean` | `false` | - | - |
-| `safeAreaInsetTop` | 是否开启顶部安全区适配 | `Boolean` | `true` | - | - |
-| `zIndex` | 导航栏 z-index | `Number` | `10` | - | - |
-| `backgroundColor` | 导航栏背景色 | `String` | `transparent` | - | - |
-| `colorType` | 标题对齐方式 | `Number/String` | `left` | `1`：黑色<br/>`2`：白色 | - |
-
-
-#### Events
-| 事件名		| 说明			| 事件参数	| 支持版本	|
-| -----			| -----			| -------	| --------	|
-| `backClick`	| 返回按钮点击	| -			| -			|
-
-#### Slots
-
-| 插槽名    | 说明       | 插槽参数 | 支持版本 |
-| --------- | ---------- | -------- | -------- |
-| `default` | 导航栏内容 | -        | -        |
-
----$
-{{fuyuwei}}
+# Navbar 导航栏
+
+提供导航功能，常用于页面顶部。
+
+---$
+
+## 代码演示
+
+### 基本使用
+
+通过 `title`设置导航栏标题，插槽`default`设置导航栏内容
+
+```html
+<template>
+    <ste-navbar title="标题">插槽</ste-navbar>
+</template>
+```
+
+### 返回按钮配置
+
+- 通过 `autoBack` 属性来设置是否显示返回按钮，默认`true`
+- 通过 `backColor` 属性来设置返回按钮颜色，默认`#000`
+- 通过 `backCode` 属性来设置返回按钮icon的code，默认`&#xe673;`
+- 通过 `backBackgroundColor` 属性来设置返回按钮的背景颜色，默认`transparent`
+- 通过 `backBorderColor` 属性来设置返回返回按钮的边框颜色，默认`transparent`
+- 通过 `backOpacity` 属性来设置返回按钮透明度，默认`1`
+
+```html
+<template>
+    <ste-navbar title="隐藏返回按钮" :autoBack="false"></ste-navbar>
+    <ste-navbar title="返回按钮各配置" backColor="red" backCode="&#xe68d;" backBackgroundColor="green" backBorderColor="blue" :backOpacity="0.4"></ste-navbar>
+</template>
+```
+
+### 标题配置
+
+- 通过 `title` 属性来设置标题文本，默认`''`
+- 通过 `titleColor` 属性来设置标题颜色，默认`#181818`
+- 通过 `titleAlignment` 属性来设置标题对齐方式，`1` ：居左，`2`：居中，默认`1`
+
+```html
+<template>
+    <ste-navbar title="标题各配置" titleColor="red" :titleAlignment="2" :zIndex="100"></ste-navbar>
+</template>
+```
+
+### 导航栏配置
+
+- 通过 `fixed` 属性来设置是否固定到顶部，默认`false`
+- 通过 `safeAreaInsetTop` 属性来设置是否开启顶部安全区适配，默认`true`
+- 通过 `zIndex` 属性来设置导航栏 z-index，默认`10`
+- 通过 `backgroundColor` 属性来设置导航栏背景色，默认`transparent`
+- 通过 `colorType` 属性来设置支付宝小程序专属属性，导航栏背景色，`1` ：黑色，`2`：白色，默认`1`
+
+```html
+<template>
+    <ste-navbar title="导航栏配置" backgroundColor="red"></ste-navbar>
+</template>
+```
+
+### 回调事件
+
+通过 `backClick` 获取返回按钮点击事件
+
+```html
+<template>
+    <ste-navbar title="事件" @backClick="backClick"></ste-navbar>
+</template>
+
+<script>
+export default {
+	data() {
+		return {};
+	},
+	created() {},
+	methods: {
+		backClick() {
+			this.$showToast({
+				icon: 'none',
+				title: '导航栏点击事件',
+			});
+		},
+	},
+};
+</script>
+```
+
+---$
+
+### API
+
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `autoBack` | 是否显示返回按钮 | `Boolean` | `true` | - | - |
+| `backColor` | 返回按钮颜色 | `String` | `#000` | - | - |
+| `backCode` | 返回按钮icon的code | `String` | `&#xe673;` | - | - |
+| `backCode` | 返回按钮icon的code | `String` | `&#xe673;` | - | - |
+| `backBackgroundColor` | 返回按钮的背景颜色 | `String` | `transparent` | - | - |
+| `backBorderColor` | 返回按钮的边框颜色 | `String` | `transparent` | - | - |
+| `backOpacity` | 返回按钮透明度 | `Number` | `1` | - | - |
+| `stopNavigateBack` | 是否阻止点击返回按钮后，返回到上一页 | `Boolean` | `false` | - | - |
+| `title` | 标题文本 | `String` | `` | - | - |
+| `titleColor` | 标题颜色 | `String` | `#181818` | - | - |
+| `titleAlignment` | 标题对齐方式 | `Number` | `1` | `1`：居左<br/>`2`：居中 | - |
+| `fixed` | 是否固定到顶部 | `Boolean` | `false` | - | - |
+| `safeAreaInsetTop` | 是否开启顶部安全区适配 | `Boolean` | `true` | - | - |
+| `zIndex` | 导航栏 z-index | `Number` | `10` | - | - |
+| `backgroundColor` | 导航栏背景色 | `String` | `transparent` | - | - |
+| `colorType` | 标题对齐方式 | `Number/String` | `left` | `1`：黑色<br/>`2`：白色 | - |
+
+
+#### Events
+| 事件名		| 说明			| 事件参数	| 支持版本	|
+| -----			| -----			| -------	| --------	|
+| `backClick`	| 返回按钮点击	| -			| -			|
+
+#### Slots
+
+| 插槽名    | 说明       | 插槽参数 | 支持版本 |
+| --------- | ---------- | -------- | -------- |
+| `default` | 导航栏内容 | -        | -        |
+
+---$
+{{fuyuwei}}