caring-route 0.0.1

package/release.sh

@@ -0,0 +1,31 @@
+#!/usr/bin/env sh
+###
+ # @Author: Wanko
+ # @Date: 2023-02-16 18:41:13
+ # @LastEditors: Wanko
+ # @LastEditTime: 2023-04-27 18:31:24
+ # @Description: 
+### 
+set -e
+
+NODE_VERSION=$(node -p -e "require('./package.json').version")
+echo "Current version is $NODE_VERSION"
+echo "Enter release version: "
+read VERSION
+read -p "Releasing $VERSION - are you sure? (y/n)" -n 1 -r
+echo  # (optional) move to a new line
+if [[ $REPLY =~ ^[Yy]$ ]]
+then
+  echo "🕙 Releasing $VERSION ..."
+  
+  git ci "[build] $VERSION"
+  npm version $VERSION --message "[release] $VERSION"
+  
+  cd src/caring-route
+  npm version $VERSION --message "[release] $VERSION"
+  cd ../../
+  git push origin master
+  cd src/caring-route
+  npm publish
+fi
+echo "🎉 $VERSION version publish success"

package/src/App.vue

@@ -0,0 +1,25 @@
+<!--
+ * @Author: Wanko
+ * @Date: 2023-04-27 17:39:09
+ * @LastEditors: Wanko
+ * @LastEditTime: 2023-04-27 17:46:04
+ * @Description: 
+-->
+<script>
+export default {
+  onLaunch () {
+    console.log('App Launch')
+  },
+  onShow () {
+    console.log('App Show')
+  },
+  onHide () {
+    console.log('App Hide')
+  },
+}
+</script>
+
+<style lang="scss">
+@import "caring-css/index.scss";
+
+</style>

package/src/caring-route/helpers/util.js

@@ -0,0 +1,55 @@
+export function isPlainObject(val) {
+	return toString.call(val) === '[object Object]'
+}
+
+export function queryParams(data = {}, isPrefix = true, arrayFormat = 'brackets') {
+	let prefix = isPrefix ? '?' : ''
+	let _result = []
+	if (['indices', 'brackets', 'repeat', 'comma'].indexOf(arrayFormat) == -1) arrayFormat = 'brackets';
+	for (let key in data) {
+		let value = data[key]
+		// 去掉为空的参数
+		if (['', undefined, null].indexOf(value) >= 0) {
+			continue;
+		}
+		// 如果值为数组，另行处理
+		if (value.constructor === Array) {
+			// e.g. {ids: [1, 2, 3]}
+			switch (arrayFormat) {
+				case 'indices':
+					// 结果: ids[0]=1&ids[1]=2&ids[2]=3
+					for (let i = 0; i < value.length; i++) {
+						_result.push(key + '[' + i + ']=' + value[i])
+					}
+					break;
+				case 'brackets':
+					// 结果: ids[]=1&ids[]=2&ids[]=3
+					value.forEach(_value => {
+						_result.push(key + '[]=' + _value)
+					})
+					break;
+				case 'repeat':
+					// 结果: ids=1&ids=2&ids=3
+					value.forEach(_value => {
+						_result.push(key + '=' + _value)
+					})
+					break;
+				case 'comma':
+					// 结果: ids=1,2,3
+					let commaStr = "";
+					value.forEach(_value => {
+						commaStr += (commaStr ? "," : "") + _value;
+					})
+					_result.push(key + '=' + commaStr)
+					break;
+				default:
+					value.forEach(_value => {
+						_result.push(key + '[]=' + _value)
+					})
+			}
+		} else {
+			_result.push(key + '=' + value)
+		}
+	}
+	return _result.length ? prefix + _result.join('&') : ''
+}

package/src/caring-route/index.js

@@ -0,0 +1,171 @@
+/**
+ * 对象转url参数
+ * @param {*} data,对象
+ * @param {*} isPrefix,是否自动加上"?"
+ */
+import {
+	queryParams,
+	isPlainObject
+} from './helpers/util.js'
+
+const PARAMS_ROUTE = ['navigateTo', 'redirectTo', 'reLaunch']
+const ROUTE_SET = ['navigateTo', 'redirectTo', 'reLaunch', 'navigateBack', 'switchTab']
+
+// 放在Route类里也可以
+function dispatchNavigate(config) {
+	const {
+		routeUrl: url,
+		routeType = 'navigateTo',
+		delta = 1,
+		events
+	} = config
+
+	return new Promise((resolve, reject) => {
+		uni[routeType]({
+			url,
+			delta,
+			events,
+			success: e => resolve(e),
+			fail: e => reject(e),
+		})
+	})
+}
+
+class Route {
+	handleParams(params = {}) {
+		const obj = {}
+		for (let key in params) {
+			if (typeof params[key] === 'object') {
+				obj[key] = encodeURIComponent(JSON.stringify(params[key]))
+			}
+			// 如果包含http链接进行编码操作
+			if (typeof params[key] === 'string' && params[key].includes('http')) {
+				params[key] = encodeURIComponent(params[key])
+			}
+		}
+		return Object.assign(params, obj)
+	}
+	query(query) {
+		const obj = {}
+		for (const key in query) {
+			// 非对象数据才会处理
+			if (typeof query[key] !== 'object') {
+				const q = decodeURIComponent(query[key])
+				if (q.startsWith('{') || q.startsWith('[')) {
+					if (typeof q === 'string') {
+						obj[key] = JSON.parse(q)
+					}
+				}
+			}
+		}
+		return Object.assign(query, obj)
+	}
+	navigate(url, config) {
+		if (!url) return false
+		if (typeof url === 'string') {
+			// 如果url为字符串，则config为params, 即route(url, params)的形式
+			if (!config) config = {}
+			config.routeUrl = this.mixinParam(url, config)
+			return dispatchNavigate(config)
+		}
+		if (isPlainObject(url)) {
+			config = url
+			// config中参数中包含type和url参数，表示这是一个请求
+			if (ROUTE_SET.includes(config.type) && typeof config.url === 'string') {
+				// 请求
+				config.routeUrl = url.url
+				config.routeType = url.type
+				Reflect.deleteProperty(config, 'url')
+				Reflect.deleteProperty(config, 'type')
+				config.routeUrl = this.mixinParam(config.routeUrl, config.params)
+				return dispatchNavigate(config)
+			} else {
+				// 解码路由参数
+				return this.query(config)
+			}
+		}
+	}
+	// 整合路由参数
+	mixinParam(url, params) {
+		url = url && this.addRootPath(url)
+
+		// 使用正则匹配，主要依据是判断是否有"/","?","="等，如“/page/index/index?name=mary"
+
+		let query = ''
+		if (/.*\/.*\?.*=.*/.test(url)) {
+			// object对象转为get类型的参数
+			query = queryParams(this.handleParams(params), false) // 如果有url中有get参数，转换后无需带上"?"
+			// 因为已有get参数,所以后面拼接的参数需要带上"&"隔开
+			return (url += '&' + query)
+		} else {
+			// 直接拼接参数，因为此处url中没有后面的query参数，也就没有"?/&"之类的符号
+			query = queryParams(this.handleParams(params))
+			return (url += query)
+		}
+	}
+
+	to(routeUrl, params) {
+		const config = {
+			routeType: 'navigateTo',
+			routeUrl,
+			params
+		}
+		this._navigateMethod(config)
+	}
+
+	back(delta) {
+		const config = {
+			routeType: 'navigateBack',
+			delta
+		}
+		this._navigateMethod(config)
+	}
+
+	tab(routeUrl) {
+		const config = {
+			routeType: 'switchTab',
+			routeUrl
+		}
+		this._navigateMethod(config)
+	}
+
+	direct(routeUrl, params) {
+		const config = {
+			routeType: 'redirectTo',
+			routeUrl,
+			params
+		}
+		this._navigateMethod(config)
+	}
+
+	launch(routeUrl, params) {
+		const config = {
+			routeType: 'reLaunch',
+			routeUrl,
+			params
+		}
+		this._navigateMethod(config)
+	}
+	_navigateMethod(config) {
+		if (PARAMS_ROUTE.includes(config.routeType)) {
+			config.routeUrl = this.mixinParam(config.routeUrl, config.params)
+		} else {
+			config.routeUrl = config.routeUrl && this.addRootPath(config.routeUrl)
+		}
+		return dispatchNavigate(config)
+	}
+	// 判断url前面是否有"/"，如果没有则加上，否则无法跳转
+	addRootPath(url) {
+		return url[0] === '/' ? url : `/${url}`
+	}
+}
+
+function createRoute() {
+	const context = new Route()
+	const instance = Route.prototype.navigate.bind(context)
+	// 关键，将Route的实例context上的原型赋值给instance，从而让instance具备Route的原型方法，instance是一个混合函数，既可以作为函数调用，也可以调用类的方法
+	Object.setPrototypeOf(instance, context)
+	return instance
+}
+
+export default createRoute()

package/src/caring-route/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "caring-route",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "风度万人迷",
+  "license": "ISC"
+}

package/src/main.js

@@ -0,0 +1,10 @@
+import {
+	createSSRApp
+} from "vue";
+import App from "./App.vue";
+export function createApp() {
+	const app = createSSRApp(App);
+	return {
+		app,
+	}
+}

package/src/manifest.json

@@ -0,0 +1,72 @@
+{
+    "name" : "",
+    "appid" : "",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics": {  
+        "enable": false
+    },
+    "vueVersion" : "3"
+}

package/src/pages/index/four.vue

@@ -0,0 +1,14 @@
+<!--
+ * @Author: Wanko
+ * @Date: 2023-04-27 17:39:09
+ * @LastEditors: Wanko
+ * @LastEditTime: 2023-04-27 17:47:43
+ * @Description: 
+-->
+<template>
+  <view class="bg-f8 h-screen overflow-hidden">
+    <view class="m">
+      <button class="bg-purple-light">111</button>
+    </view>
+  </view>
+</template>

package/src/pages/index/index.vue

@@ -0,0 +1,48 @@
+<!--
+ * @Author: Wanko
+ * @Date: 2023-04-27 17:39:09
+ * @LastEditors: Wanko
+ * @LastEditTime: 2023-04-27 18:01:51
+ * @Description: 
+-->
+<template>
+  <view class="bg-f8 h-screen overflow-hidden">
+    <view class="m">
+      <button class="bg-purple-light" @click="toRoute('/pages/index/two')">route('/pages/index/two')</button>
+    </view>
+    <view class="m">
+      <button class="bg-purple-light" @click="toRoute1('/pages/index/two')">route.to('/pages/index/two')</button>
+    </view>
+    <view class="m">
+      <button class="bg-purple-light" @click="toRoute2('/pages/index/three')">route.direct('/pages/index/three')</button>
+    </view>
+    <view class="m">
+      <button class="bg-purple-light" @click="toRoute3('/pages/index/three')">route.launch('/pages/index/three')</button>
+    </view>
+    <view class="m">
+      <button class="bg-purple-light" @click="toRoute1()">route.to('/pages/index/three')</button>
+    </view>
+  </view>
+</template>
+<script>
+  import route from '@/caring-route/index.js'
+  export default {
+    methods: {
+      // route(url)
+      toRoute(url) {
+        route(url)
+      },
+      // route.to(url)
+      toRoute1(url) {
+        route.to(url)
+      },
+      toRoute2(url) {
+        route.direct(url)
+      },
+      toRoute3(url) {
+        route.launch(url)
+      }
+
+    },
+  }
+</script>

package/src/pages/index/three.vue

@@ -0,0 +1,14 @@
+<!--
+ * @Author: Wanko
+ * @Date: 2023-04-27 17:39:09
+ * @LastEditors: Wanko
+ * @LastEditTime: 2023-04-27 17:47:43
+ * @Description: 
+-->
+<template>
+  <view class="bg-f8 h-screen overflow-hidden">
+    <view class="m">
+      <button class="bg-purple-light">111</button>
+    </view>
+  </view>
+</template>

package/src/pages/index/two.vue

@@ -0,0 +1,14 @@
+<!--
+ * @Author: Wanko
+ * @Date: 2023-04-27 17:39:09
+ * @LastEditors: Wanko
+ * @LastEditTime: 2023-04-27 17:53:33
+ * @Description: 
+-->
+<template>
+  <view class="bg-f8 h-screen overflow-hidden">
+    <view class="m">
+      <button class="bg-purple-light">route.to</button>
+    </view>
+  </view>
+</template>

package/src/pages.json

@@ -0,0 +1,34 @@
+{
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "一级页面"
+			}
+		},
+		{
+      "path": "pages/index/two",
+      "style": {
+        "navigationBarTitleText": "二级页面"
+      }
+    },
+		{
+      "path": "pages/index/three",
+      "style": {
+        "navigationBarTitleText": "三级页面"
+      }
+    },
+		{
+      "path": "pages/index/four",
+      "style": {
+        "navigationBarTitleText": "四级页面"
+      }
+    }
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#fff",
+		"backgroundColor": "#fff"
+	}
+}

package/src/uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;

package/vite.config.js

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    uni(),
+  ],
+})