stellar-ui-v2 1.36.2 → 1.38.0

package/.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": [["env", { "modules": false }]],
+  "env": {
+    "test": {
+      "presets": [["env", { "targets": { "node": "current" } }]]
+    }
+  }
+}

package/App.vue

@@ -0,0 +1,22 @@
+<script>
+import request from '@/common/request.js';
+import { getToken, setToken } from './common/token';
+import { getInfo, login } from '@/common/account.js';
+export default {
+	onLaunch: async function () {
+		// #ifdef MP-WEIXIN
+		const { code } = await wx.login();
+		const openid = await request('/account/openid', { code });
+		console.log('open-id:', openid);
+		// #endif
+	},
+	onShow: function () {},
+	onHide: function () {},
+	methods: {},
+};
+</script>
+
+<style lang="scss">
+/*每个页面公共css */
+@import "./uni_modules/stellar-ui/common/css/common.scss";
+</style>

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 武汉数智云
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -10,9 +10,9 @@
 
 ## ✨ 特性
 
-- 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、H5.
-- 🚀 40+ 个高质量组件，覆盖移动端主流场景.
-- 📖 提供丰富的文档和组件示例.
+- 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、H5.
+- 🚀 40+ 个高质量组件，覆盖移动端主流场景.
+- 📖 提供丰富的文档和组件示例.
 - 🎨 支持修改 CSS 变量实现主题定制.
 
 ## 📱 预览
@@ -45,7 +45,7 @@ npm i stellar-ui-v2 -S
 
 我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/wuhanshuzhiyun/StellarUI/issues/1) 提交案例。
 
-<table boder="0">
+<table border="0">
 	<tr>
 		<td>
 			<img width="250" src="https://image.whzb.com/chain/StellarUI/头像/邻里购.png" />
@@ -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/common/account.js

@@ -0,0 +1,59 @@
+import request from "./request"
+import {
+	getToken,
+	removeToken,
+	setToken
+} from "./token"
+
+export const isLogin = async () => {
+	try {
+		const token = getToken()
+		if (!token) return false
+		const info = await getInfo();
+		if (!info) return false
+		return token
+	} catch (e) {
+		//TODO handle the exception
+		return false
+	}
+}
+
+export const getInfo = async (pull = false) => {
+	try {
+		let info = pull ? null : uni.getStorageSync("user-info")
+		if (info) return JSON.parse(info)
+		const token = getToken()
+		if (!token) return null
+		info = await request('/account/info');
+		uni.setStorageSync("user-info", JSON.stringify(info))
+		return info
+	} catch (e) {
+		//TODO handle the exception
+		return null
+	}
+
+}
+
+export const login = async () => {
+	try {
+		const {
+			code
+		} = await wx.login();
+		const token = await request('/account/login', {
+			code
+		}, 'POST');
+		setToken(token);
+	} catch (e) {
+		return false
+	}
+
+}
+
+export const logout = async () => {
+	try {
+		await request("/account/logout")
+		removeToken()
+	} catch (e) {
+		//TODO handle the exception
+	}
+}

package/common/app-mixin.js

@@ -0,0 +1,61 @@
+import useSteToast from '@/uni_modules/stellar-ui/components/ste-toast/ste-toast.js';
+import useSteMsgBox from '@/uni_modules/stellar-ui/components/ste-message-box/ste-message-box.js';
+let steToast = useSteToast();
+let steMsgBox = useSteMsgBox();
+export default {
+	data() {
+		return {
+			onShowStatus: 0, // onShow事件状态，0 第一次显示onShow状态，1 非第一次显示onShow状态，用来适配支付宝的onPageShow状态
+		};
+	},
+	methods: {
+		// 前面加个$，防止和uni全局方法冲突导致警告
+		$showToast(params) {
+			// 是否开启提示跨页面功能配置
+			params.enableCrossPagePrompt = false;
+			steToast.showToast(params);
+		},
+		hideToast: steToast.hideToast,
+		showMsgBox: steMsgBox.showMsgBox,
+		hideMsgBox: steMsgBox.hideMsgBox,
+	},
+	onShow() {
+		// #ifdef MP-ALIPAY || H5
+		// 兼容支付宝小程序的onPageShow
+
+		if (this.onShowStatus === 0) {
+			this.onShowStatus = 1;
+		} else {
+			emitOnPageShow(this.$children);
+		}
+
+		function emitOnPageShow(children) {
+			children.forEach((item) => {
+				if (item.$options.onPageShow != null) {
+					item.$options.onPageShow.forEach((func) => {
+						func.bind(item)();
+					});
+				}
+				emitOnPageShow(item.$children);
+			});
+		}
+		// #endif
+	},
+	onHide() {
+		// #ifdef MP-ALIPAY || H5
+		// 兼容支付宝小程序的onPageHide
+		emitOnPageHide(this.$children);
+
+		function emitOnPageHide(children) {
+			children.forEach((item) => {
+				if (item.$options.onPageHide != null) {
+					item.$options.onPageHide.forEach((func) => {
+						func.bind(item)();
+					});
+				}
+				emitOnPageHide(item.$children);
+			});
+		}
+		// #endif
+	},
+};

package/common/config.js

@@ -0,0 +1,69 @@
+// 全局常量
+
+const IMAGE_BASE_URL = 'https://image.whzb.com/chain/StellarUI/'; // 图片根地址
+const IMAGE_COMMON = '';
+const BASE_URL = 'https://stellar-ui.intecloud.com.cn/api';
+const SSE_URL = 'https://stellar-ui.intecloud.com.cn/sse';
+const BASE_WEB_URL = 'https://stellar-ui.intecloud.com.cn';
+
+// const BASE_URL = "http://127.0.0.1:3000/api"
+// const SSE_URL = "http://127.0.0.1:3000/api"
+
+const AdminPwd = 'ste-admin';
+
+// 顶部导航栏相关配置
+const NAV_KEY_DEV = 'DEV'; // 开发指南
+const NAV_KEY_DEV_GROUP = 'DEV_GROUP'; // 研发组
+const NAV_KEY_COMP = 'COMP'; // 组件
+const NAV_DATA = [{
+        key: NAV_KEY_DEV,
+        title: '开发指南',
+    },
+    {
+        key: NAV_KEY_DEV_GROUP,
+        title: '研发组'
+    },
+    {
+        key: NAV_KEY_COMP,
+        title: '组件'
+    },
+]
+
+// 组件文档页导航相关配置
+const NAV_COMP_KEY_DEMO = 'DEMO'
+const NAV_COMP_KEY_API = 'API'
+const NAV_COMP_KEY_GUIDE = 'GUIDE'
+const NAV_COMP_DATA = [{
+        key: NAV_COMP_KEY_DEMO,
+        title: '示例',
+    },
+    {
+        key: NAV_COMP_KEY_API,
+        title: 'API'
+    },
+    {
+        key: NAV_COMP_KEY_GUIDE,
+        title: '指南'
+    },
+]
+
+const SHOW_H5_PAGE = ['自定义主题']
+
+export default {
+    /**图片根地址*/
+    IMAGE_BASE_URL,
+    IMAGE_COMMON,
+    BASE_URL,
+    SSE_URL,
+    AdminPwd,
+    NAV_DATA,
+    NAV_KEY_DEV,
+    NAV_KEY_DEV_GROUP,
+    NAV_KEY_COMP,
+    NAV_COMP_DATA,
+    NAV_COMP_KEY_DEMO,
+    NAV_COMP_KEY_API,
+    NAV_COMP_KEY_GUIDE,
+    BASE_WEB_URL,
+    SHOW_H5_PAGE
+};

package/common/css/common.scss

@@ -1,61 +1,162 @@
-image {
-	width: 100%;
-	height: 100%;
-	line-height: 0;
+* {
 	margin: 0;
 	padding: 0;
-	display: block;
-	vertical-align: middle;
-}
-
-movable-area,
-movable-view,
-page-container,
-scroll-view,
-share-element,
-swiper,
-swiper-item,
-view icon,
-progress,
-rich-text,
-text,
-button,
-checkbox,
-checkbox-group,
-editor,
-form,
-input,
-keyboard-accessory,
-label,
-picker,
-picker-view,
-picker-view-column,
-radio,
-radio-group,
-slider,
-switch,
-textarea,
-functional-page-navigator,
-navigator,
-audio,
-camera,
-image,
-live-player,
-live-pusher,
-videovoip-room,
-map,
-canvas,
-ad,
-ad-custom,
-official-account,
-open-data,
-view {
 	box-sizing: border-box;
-	background-repeat: no-repeat;
-	background-size: 100% 100%;
 }
 // #ifdef H5
-.disabled {
-	cursor: no-drop !important;
+html,
+body {
+	user-select: auto;
+}
+body {
+	min-width: 1100px;
+	font-size: 16px;
+}
+
+::-webkit-scrollbar {
+	width: 6px;
+	height: 10px;
+	border-radius: 4px;
+	opacity: 0;
+	transition: opacity 0.3s ease;
+}
+
+::-webkit-scrollbar-track {
+	background-color: #fff;
+}
+
+::-webkit-scrollbar-thumb {
+	// background-color: #dddee0;
+	background-color: transparent;
+	border-radius: 4px;
+	height: 10px;
+	opacity: 0;
 }
 // #endif
+/*
+  demo页通用样式 
+*/
+
+.page {
+	height: 100vh;
+	overflow: hidden;
+	width: 100vw;
+
+	display: flex;
+	flex-direction: column;
+	// #ifdef H5
+	::-webkit-scrollbar {
+		display: none;
+		width: 0 !important;
+		height: 0 !important;
+		-webkit-appearance: none;
+		background: transparent;
+		color: transparent;
+	}
+	// #endif
+	& > .content {
+		padding: 0 40rpx;
+		flex: 1;
+		overflow-y: auto;
+
+		.description {
+			.cmp-name {
+				font-size: 48rpx;
+				font-weight: bold;
+				padding-top: 48rpx;
+				color: #000000;
+			}
+			.cmp-desc {
+				color: #0009;
+				margin-top: 8rpx;
+				margin-bottom: 32rpx;
+			}
+		}
+
+		.type-block {
+			font-size: 36rpx;
+			font-weight: bold;
+			margin: 16rpx 0;
+			color: #000000;
+		}
+
+		& > .demo-item {
+			margin-bottom: 16px;
+
+			& > .title {
+				font-size: 26rpx;
+				color: #0009;
+				margin-bottom: 16rpx;
+			}
+
+			& > .item-block {
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				align-items: center;
+			}
+		}
+	}
+}
+
+/**
+ * 贡献者模块样式
+ */
+
+.con-box {
+	display: flex;
+	flex-wrap: wrap;
+	column-gap: 25px;
+	row-gap: 25px;
+	margin-bottom: 40px;
+}
+.con-item {
+	display: flex;
+	flex-direction: column;
+	row-gap: 10px;
+}
+.con-image {
+	width: 90px !important;
+	height: 90px !important;
+	border-radius: 50%;
+}
+.con-box .name {
+	color: #1989fa !important;
+	text-align: center;
+}
+// #ifdef H5
+.con-box a:link,
+.con-box a:visited,
+.con-box a:hover,
+.con-box a:active {
+	text-decoration: none !important;
+	color: #1989fa !important;
+}
+
+h2,
+h3,
+h4 {
+	position: relative;
+}
+
+.header-anchor {
+	position: absolute;
+	left: 0;
+	top: 0;
+	opacity: 0;
+	text-decoration: none;
+	color: var(--pc-main-color);
+	padding-right: 8px;
+	transform: translateX(-100%);
+}
+
+h2:hover .header-anchor,
+h3:hover .header-anchor,
+h4:hover .header-anchor {
+	opacity: 1;
+}
+
+html {
+	scroll-behavior: smooth;
+}
+// #endif

package/common/css/vars.scss

@@ -0,0 +1,51 @@
+// #ifdef H5
+:root,
+:host {
+	// sizes
+	--pc-nav-width: 338px;
+	--pc-view-width: 375px;
+	--pc-view-height: 812px;
+	--pc-padding: 32px;
+	--pc-header-nav-height: 64px;
+
+	// color
+	--pc-main-color: #409eff;
+}
+
+// 100%
+@media (max-width: 1920px) {
+	:root,
+	:host {
+		// sizes
+		--pc-nav-width: 338px;
+		--pc-view-width: 375px;
+		--pc-view-height: 812px;
+		--pc-padding: 32px;
+	}
+}
+
+// 80%
+@media (max-width: 1600px) {
+	:root,
+	:host {
+		// sizes
+		--pc-nav-width: 338px;
+		--pc-view-width: 300px;
+		--pc-view-height: 600px;
+		--pc-padding: 32px;
+	}
+}
+
+// 70%
+@media (max-width: 1280px) {
+	:root,
+	:host {
+		// sizes
+		--pc-nav-width: 240px;
+		--pc-view-width: 262px;
+		--pc-view-height: 568px;
+		--pc-padding: 32px;
+	}
+}
+
+// #endif

package/common/request.js

@@ -0,0 +1,38 @@
+import config from './config.js';
+import { getToken, removeToken } from './token.js';
+import useSteToast from '@/uni_modules/stellar-ui/components/ste-toast/ste-toast.js';
+let steToast = useSteToast();
+export default function (url, data, method = 'GET', header = {}) {
+	return new Promise((resolve, reject) => {
+		console.log('----request-start==>', url);
+		const token = getToken();
+
+		const _header = {};
+		if (token) _header.token = token;
+		uni.request({
+			url: `${config.BASE_URL}${url}`,
+			method,
+			header: Object.assign(_header, header),
+			data,
+			success({ data }) {
+				console.log('----request-success==>', url, data);
+				if (data.code === 200) {
+					resolve(data.data);
+					return;
+				} else if (data.code === 401) {
+					removeToken();
+				} else if (data.code === 402) {
+					steToast.showToast({
+						title: `内容涉及${data.message}信息，请修改后重新评论`,
+						icon: 'none',
+					});
+				}
+				reject(data.message);
+			},
+			fail(e) {
+				console.log('----request-error==>', url, e);
+				reject(e);
+			},
+		});
+	});
+}

package/common/token.js

@@ -0,0 +1,13 @@
+export const getToken = () => {
+	return uni.getStorageSync("token");
+}
+
+export const setToken = (token) => {
+	uni.setStorageSync("token", token);
+
+}
+
+export const removeToken = () => {
+	uni.removeStorageSync("token");
+	uni.removeStorageSync("user-info");
+}

package/common/uploadFile.js

@@ -0,0 +1,21 @@
+const CC_API_BASE_URL = "https://xssc.whzb.com/"
+
+export default function uploadFile(path, tryNum = 1, dir = 'image') {
+	return new Promise((resolve, reject) => {
+		const options = {
+			url: CC_API_BASE_URL + 'inte-mall-platform/api/upload/endpoint/put-file?dir=' + dir,
+			filePath: path,
+			name: 'file',
+			header: {},
+			method: 'POST',
+		};
+		uni.uploadFile(options).then(async (res) => {
+			// 如果返回的数组第一个有值，则为异常
+			if (res.statusCode === 200) {
+				resolve(JSON.parse(res.data).data.url);
+			} else {
+				reject('上传接口statusCode状态码' + res.statusCode + '异常', options, res);
+			}
+		});
+	});
+}