stellar-ui-v2 1.40.4 → 1.40.6

package/README.md

@@ -10,9 +10,9 @@
 
 ## ✨ 特性
 
-- 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、H5.
-- 🚀 40+ 个高质量组件，覆盖移动端主流场景.
-- 📖 提供丰富的文档和组件示例.
+- 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、H5.
+- 🚀 40+ 个高质量组件，覆盖移动端主流场景.
+- 📖 提供丰富的文档和组件示例.
 - 🎨 支持修改 CSS 变量实现主题定制.
 
 ## 📱 预览
@@ -75,11 +75,11 @@ npm i stellar-ui-v2 -S
 
 ## 周边生态
 
-| 项目																							| 描述															|
-| ---																							| ---															|
-|[StellarUI-Plus](https://github.com/wuhanshuzhiyun/stellar-ui-plus)							| 一个基于vue3构建，打造的uni-app组件库								|
-|[ste-vue-inset-loader](https://github.com/wuhanshuzhiyun/ste-vue-inset-loader)					|常用于小程序需要全局引入组件的场景的包								|
-|[ste-helper](https://github.com/wuhanshuzhiyun/stellar-ui-plus/tree/main/plugins/ste-helper)	|旨在帮助开发者更加有效率的使用 StellarUI-Plus来开发项目的vscode插件	|
+| 项目																							| 描述															|
+| ---																							| ---															|
+|[StellarUI-Plus](https://github.com/wuhanshuzhiyun/stellar-ui-plus)							| 一个基于vue3构建，打造的uni-app组件库								|
+|[ste-vue-inset-loader](https://github.com/wuhanshuzhiyun/ste-vue-inset-loader)					|常用于小程序需要全局引入组件的场景的包								|
+|[ste-helper](https://github.com/wuhanshuzhiyun/stellar-ui-plus/tree/main/plugins/ste-helper)	|旨在帮助开发者更加有效率的使用 StellarUI-Plus来开发项目的vscode插件	|
 |[ste-cli](https://github.com/wuhanshuzhiyun/ste-cli)											|stellar配套的脚手架												|
 
 ## 核心团队

package/components/ste-animate/animate.scss

@@ -1,247 +1,247 @@
-// 横向抖动动画
-@keyframes shakeX {
-	0%,
-	100% {
-		transform: translateX(0);
-	}
-
-	10% {
-		transform: translateX(-9px);
-	}
-
-	20% {
-		transform: translateX(8px);
-	}
-
-	30% {
-		transform: translateX(-7px);
-	}
-
-	40% {
-		transform: translateX(6px);
-	}
-
-	50% {
-		transform: translateX(-5px);
-	}
-
-	60% {
-		transform: translateX(4px);
-	}
-
-	70% {
-		transform: translateX(-3px);
-	}
-
-	80% {
-		transform: translateX(2px);
-	}
-
-	90% {
-		transform: translateX(-1px);
-	}
-}
-
-// 竖向抖动动画
-@keyframes shakeY {
-	0%,
-	100% {
-		transform: translateY(0);
-	}
-
-	10% {
-		transform: translateY(-9px);
-	}
-
-	20% {
-		transform: translateY(8px);
-	}
-
-	30% {
-		transform: translateY(-7px);
-	}
-
-	40% {
-		transform: translateY(6px);
-	}
-
-	50% {
-		transform: translateY(-5px);
-	}
-
-	60% {
-		transform: translateY(4px);
-	}
-
-	70% {
-		transform: translateY(-3px);
-	}
-
-	80% {
-		transform: translateY(2px);
-	}
-
-	90% {
-		transform: translateY(-1px);
-	}
-}
-
-// 心跳
-@keyframes ripple {
-	0% {
-		// box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.4);
-
-		transform: scale(1);
-	}
-
-	50% {
-		// box-shadow: 0 1em 1em rgba(0, 0, 0, 0.4);
-		transform: scale(1.1);
-	}
-}
-
-// 呼吸
-@keyframes breath {
-	0% {
-		transform: scale(1);
-	}
-
-	50% {
-		transform: scale(1.1);
-	}
-
-	100% {
-		transform: scale(1);
-	}
-}
-
-// 右侧向左侧划入
-@keyframes slide-right {
-	0% {
-		opacity: 0;
-		transform: translateX(100%);
-	}
-
-	100% {
-		opacity: 1;
-		transform: translateX(0);
-	}
-}
-
-// 左侧向右侧划入
-@keyframes slide-left {
-	0% {
-		opacity: 0;
-		transform: translateX(-100%);
-	}
-
-	100% {
-		opacity: 1;
-		transform: translateX(0);
-	}
-}
-
-// 上面向下面划入
-@keyframes slide-top {
-	0% {
-		opacity: 0;
-		transform: translateY(-100%);
-	}
-
-	100% {
-		opacity: 1;
-		transform: translateY(0);
-	}
-}
-
-// 下面向上面划入
-@keyframes slide-bottom {
-	0% {
-		opacity: 0;
-		transform: translateY(100%);
-	}
-
-	100% {
-		opacity: 1;
-		transform: translateY(0);
-	}
-}
-
-// 漂浮 float
-@keyframes floatPop {
-	0% {
-		top: 0;
-	}
-
-	25% {
-		top: 1px;
-	}
-
-	50% {
-		top: 4px;
-	}
-
-	75% {
-		top: 1px;
-	}
-
-	100% {
-		top: 0;
-	}
-}
-
-// 跳跃
-@keyframes jump {
-	0% {
-		transform: rotate(0deg) translateY(0);
-		animation-timing-function: ease-in;
-	}
-
-	25% {
-		transform: rotate(10deg) translateY(20 * 1px);
-		animation-timing-function: ease-out;
-	}
-
-	50% {
-		transform: rotate(0deg) translateY(-10 * 1px);
-		animation-timing-function: ease-in;
-	}
-
-	75% {
-		transform: rotate(-10deg) translateY(20 * 1px);
-		animation-timing-function: ease-out;
-	}
-
-	100% {
-		transform: rotate(0deg) translateY(0);
-		animation-timing-function: ease-in;
-	}
-}
-
-// 水波
-@keyframes twinkle {
-	0% {
-		transform: scale(0);
-	}
-
-	20% {
-		opacity: 1;
-	}
-
-	50%,
-	100% {
-		opacity: 0;
-		transform: scale(1.4);
-	}
-}
-
-@keyframes flicker {
-	0% {
-		transform: translateX(-100 * 1px) skewX(-20deg);
-	}
-
-	40%,
-	100% {
-		transform: translateX(150 * 1px) skewX(-20deg);
-	}
-}
+// 横向抖动动画
+@keyframes shakeX {
+	0%,
+	100% {
+		transform: translateX(0);
+	}
+
+	10% {
+		transform: translateX(-9px);
+	}
+
+	20% {
+		transform: translateX(8px);
+	}
+
+	30% {
+		transform: translateX(-7px);
+	}
+
+	40% {
+		transform: translateX(6px);
+	}
+
+	50% {
+		transform: translateX(-5px);
+	}
+
+	60% {
+		transform: translateX(4px);
+	}
+
+	70% {
+		transform: translateX(-3px);
+	}
+
+	80% {
+		transform: translateX(2px);
+	}
+
+	90% {
+		transform: translateX(-1px);
+	}
+}
+
+// 竖向抖动动画
+@keyframes shakeY {
+	0%,
+	100% {
+		transform: translateY(0);
+	}
+
+	10% {
+		transform: translateY(-9px);
+	}
+
+	20% {
+		transform: translateY(8px);
+	}
+
+	30% {
+		transform: translateY(-7px);
+	}
+
+	40% {
+		transform: translateY(6px);
+	}
+
+	50% {
+		transform: translateY(-5px);
+	}
+
+	60% {
+		transform: translateY(4px);
+	}
+
+	70% {
+		transform: translateY(-3px);
+	}
+
+	80% {
+		transform: translateY(2px);
+	}
+
+	90% {
+		transform: translateY(-1px);
+	}
+}
+
+// 心跳
+@keyframes ripple {
+	0% {
+		// box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.4);
+
+		transform: scale(1);
+	}
+
+	50% {
+		// box-shadow: 0 1em 1em rgba(0, 0, 0, 0.4);
+		transform: scale(1.1);
+	}
+}
+
+// 呼吸
+@keyframes breath {
+	0% {
+		transform: scale(1);
+	}
+
+	50% {
+		transform: scale(1.1);
+	}
+
+	100% {
+		transform: scale(1);
+	}
+}
+
+// 右侧向左侧划入
+@keyframes slide-right {
+	0% {
+		opacity: 0;
+		transform: translateX(100%);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateX(0);
+	}
+}
+
+// 左侧向右侧划入
+@keyframes slide-left {
+	0% {
+		opacity: 0;
+		transform: translateX(-100%);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateX(0);
+	}
+}
+
+// 上面向下面划入
+@keyframes slide-top {
+	0% {
+		opacity: 0;
+		transform: translateY(-100%);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+// 下面向上面划入
+@keyframes slide-bottom {
+	0% {
+		opacity: 0;
+		transform: translateY(100%);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+// 漂浮 float
+@keyframes floatPop {
+	0% {
+		top: 0;
+	}
+
+	25% {
+		top: 1px;
+	}
+
+	50% {
+		top: 4px;
+	}
+
+	75% {
+		top: 1px;
+	}
+
+	100% {
+		top: 0;
+	}
+}
+
+// 跳跃
+@keyframes jump {
+	0% {
+		transform: rotate(0deg) translateY(0);
+		animation-timing-function: ease-in;
+	}
+
+	25% {
+		transform: rotate(10deg) translateY(20 * 1px);
+		animation-timing-function: ease-out;
+	}
+
+	50% {
+		transform: rotate(0deg) translateY(-10 * 1px);
+		animation-timing-function: ease-in;
+	}
+
+	75% {
+		transform: rotate(-10deg) translateY(20 * 1px);
+		animation-timing-function: ease-out;
+	}
+
+	100% {
+		transform: rotate(0deg) translateY(0);
+		animation-timing-function: ease-in;
+	}
+}
+
+// 水波
+@keyframes twinkle {
+	0% {
+		transform: scale(0);
+	}
+
+	20% {
+		opacity: 1;
+	}
+
+	50%,
+	100% {
+		opacity: 0;
+		transform: scale(1.4);
+	}
+}
+
+@keyframes flicker {
+	0% {
+		transform: translateX(-100 * 1px) skewX(-20deg);
+	}
+
+	40%,
+	100% {
+		transform: translateX(150 * 1px) skewX(-20deg);
+	}
+}

package/components/ste-app-update/README.md

@@ -0,0 +1,65 @@
+# AppUpdate App更新
+
+此组件用于APP更新功能
+
+---$
+
+### 基础用法
+
+- 属性`clientId`用于设置APP的应用编码
+- 属性`clientSecret`用于设置APP的应用密钥
+- 函数`start`用于开始检查更新
+- 回调事`cancel`取消更新
+- 回调事`complete`取消，成功更新都会执行
+
+```html
+<script>
+export default {
+	name: 'AppUpdateDemo',
+	data() {
+		return {};
+	},
+	methods: {
+		// 监听检查更新结果
+		checkForUpdates() {
+			if (this.$refs.appUpdate) {
+				this.$refs.appUpdate.start((resVersion, version) => {
+					const { code, name } = resVersion;
+					console.log(`当前版本号：${version}`);
+					console.log(`服务器版本号：${code}；服务器版本名称${name}`);
+				});
+			}
+		},
+	},
+};
+</script>
+<template>
+    <ste-app-update ref="appUpdate" clientId="workbench_android" clientSecret="gkS6lEEncqAocYK2qsrvPQZykm3ISeMx"></ste-app-update>
+    <button @click="checkForUpdates">检查更新</button>
+</template>
+```
+
+---$
+
+### API
+
+#### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `clientId` | 应用编码 | `string` | `` | - | - |
+| `clientSecret` | 应用密钥 | `string` | `` | - | - |
+| `apiUrl` | 更新API地址 | `string` | `https://zboa.whzb.com/inte-cloud-dev/blade-system/api/inte/client/ver/currentDetail` | - | - |
+| `appType` | APP环境,版本号的最后一位为环境标识 | `string` | `` | - | - |
+| `btnText` | 立即体验按钮文本 | `string` | `立即体验` | - | - |
+
+
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `cancel` | 取消更新 | - | - |
+| `update` | 发现新版时本触发 | - | - |
+| `no-update` | 没有新版时本触发 | - | - |
+
+
+---$
+{{xuyajun}}

package/components/ste-app-update/config.json

@@ -0,0 +1,5 @@
+{
+	"group": "业务组件",
+	"title": "AppUpdate APP更新",
+	"icon": "https://image.whzb.com/chain/StellarUI/%E7%BB%84%E4%BB%B6%E5%9B%BE%E6%A0%87/button.png"
+}

package/components/ste-app-update/method.js

@@ -0,0 +1,48 @@
+export function download(data, { success, error, onProgressUpdate, downloadSuccess }) {
+	const package_type = data.package_type;
+	const downloadTask = uni.downloadFile({
+		url: data.updateFile,
+		success: (res) => {
+			if (res.statusCode === 200) {
+				downloadSuccess && downloadSuccess(res.tempFilePath);
+				plus.runtime.install(
+					res.tempFilePath,
+					{ force: true },
+					() => {
+						// wgt升级
+						if (package_type == 1) {
+							uni.showModal({
+								title: '提示',
+								content: '升级成功，请重新启动！',
+								confirmText: '确定',
+								showCancel: false,
+								success: () => {
+									success && success();
+									plus.runtime.restart();
+								},
+							});
+						} else {
+							// 整包升级
+							success && success();
+						}
+					},
+					(e) => {
+						//提示部分wgt包无法安装的问题
+						uni.showModal({
+							title: '提示',
+							content: e.message,
+							showCancel: false,
+							success: () => {
+								error && error(e);
+							},
+						});
+					}
+				);
+			}
+		},
+	});
+	// 下载进度
+	downloadTask.onProgressUpdate((res) => {
+		onProgressUpdate && onProgressUpdate(res);
+	});
+}