oxy-uni-ui 2.1.1 → 2.1.2

package/devTools/page/components/ui/requestTimeoutMock.vue

@@ -0,0 +1,55 @@
+<template>
+  <view>
+    <MenuBtn
+      :list="typeList"
+      :value="index"
+      @indexChange="change"
+      title="超时:"
+    />
+  </view>
+</template>
+<script>
+import MenuBtn from "./menuBtn.vue";
+export default {
+  components: {
+    MenuBtn,
+  },
+  data() {
+    return {
+      /**
+       * 随机响应超时
+       */
+      typeList: [
+        { title: "无", type: "", msg: "正常响应请求" },
+        { title: "5%", type: "5", msg: "随机5%的概率请求响应超时或报错" },
+        { title: "10%", type: "10", msg: "随机10%的概率请求响应超时或报错" },
+        { title: "30%", type: "30", msg: "随机30%的概率请求响应超时或报错" },
+        { title: "50%", type: "50", msg: "随机50%的概率请求响应超时或报错" },
+        { title: "70%", type: "70", msg: "随机70%的概率请求响应超时或报错" },
+        { title: "90%", type: "90", msg: "随机90%的概率请求响应超时或报错" },
+        { title: "100%", type: "100", msg: "所有请求均响应超时或报错" },
+      ],
+      /**
+       * 当前选中的索引
+       */
+      index: 0,
+    };
+  },
+  mounted() {
+    let cache = uni.getStorageSync("devtools_uniResTimeout");
+    let index = this.typeList.findIndex((x) => x.type == cache);
+    if (index == -1) index = 0;
+    this.index = index;
+  },
+  methods: {
+    /**
+     * 选项发生改变事件
+     */
+    change(index) {
+      uni.setStorageSync("devtools_uniResTimeout", this.typeList[index].type);
+      this.index = index;
+    },
+  },
+};
+</script>
+<style lang="scss"></style>

package/devTools/page/components/ui/subTitleBar.vue

@@ -0,0 +1,101 @@
+<template>
+  <view
+    class="subTitleBar"
+    @click.stop="click"
+  >
+    <view class="left">
+      <view class="titleLine"></view>
+      <text class="titleText">{{ title }}</text>
+    </view>
+    <view
+      v-if="showArrow"
+      class="right"
+    >
+      <image
+        v-if="isOpen"
+        src="@/devTools/page/static/fold.png"
+        class="arrow"
+      />
+      <image
+        v-else
+        src="@/devTools/page/static/unfold.png"
+        class="arrow"
+      />
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  emits: ['click'],
+  props: {
+    /**
+     * 标题名称
+     */
+    title: {
+      type: String,
+      default: "标题",
+    },
+    /**
+     * 是否显示右侧箭头
+     */
+    showArrow: {
+      type: Boolean,
+      default: true,
+    },
+    /**
+     * 是否为开启状态
+     */
+    isOpen: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    click(){
+      this.$emit('click');
+    },
+  }
+};
+</script>
+<style lang="scss" scoped>
+.subTitleBar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx 0;
+  width: 100%;
+  &:active {
+    background-color: rgba(15, 23, 42, 0.04);
+  }
+  .left {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-left: 20rpx;
+    .titleLine {
+      width: 4rpx;
+      height: 24rpx;
+      border-radius: 4px;
+      background-color: #3b82f6;
+    }
+    .titleText {
+      color: #1f2937;
+      margin-left: 10rpx;
+      font-size: 28rpx;
+      font-weight: 500;
+      line-height: 30rpx;
+    }
+  }
+  .right {
+    margin-right: 20rpx;
+    .arrow {
+      width: 30rpx;
+      height: 30rpx;
+    }
+  }
+}
+</style>

package/devTools/tools.vue

@@ -0,0 +1,25 @@
+<template>
+  <view class="tools">
+    <!-- 在这里可以开发自己的DIY工具 -->
+    <text style="margin-top: 50rpx;color: grey;font-size: 24rpx;">Empty</text>
+  </view>
+</template>
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {
+    
+  },
+};
+</script>
+<style lang="scss" scoped>
+.tools {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 750rpx;
+}
+
+</style>

package/devTools/type/devTools.d.ts

@@ -0,0 +1,406 @@
+/**
+ * DevTools 导出配置选项
+ */
+export interface DevToolsExportOptions {
+	/**
+	 * 导出时的 DevTools 版本号
+	 */
+	version: number;
+	/**
+	 * 当前导出的完整配置
+	 */
+	config: DevToolsConfig;
+	/**
+	 * 导出时间戳（毫秒）
+	 */
+	exportTime: number;
+	/**
+	 * 导出平台标识，如 'h5'、'app'、'mp-weixin' 等
+	 */
+	platform: string;
+}
+
+/**
+ * DevTools 配置
+ */
+export interface DevToolsConfig {
+	/**
+	 * 配置版本号
+	 */
+	version: number;
+	/**
+	 * 是否启用调试工具
+	 */
+	status: boolean;
+	/**
+	 * 浮窗气泡配置
+	 */
+	bubble: {
+		/**
+		 * 是否显示气泡
+		 */
+		status: boolean;
+		/**
+		 * 气泡显示文字
+		 */
+		text: string;
+		/**
+		 * 气泡文字颜色
+		 */
+		color: string;
+		/**
+		 * 气泡背景色
+		 */
+		bgColor: string;
+	};
+	/**
+	 * 控制台日志配置
+	 */
+	console: DevToolsCacheConfig & {
+		/**
+		 * 是否输出到浏览器控制台
+		 */
+		isOutput: boolean;
+	};
+	/**
+	 * 错误日志配置
+	 */
+	error: DevToolsCacheConfig;
+	/**
+	 * 网络请求日志配置
+	 */
+	network: DevToolsCacheConfig;
+	/**
+	 * 运行日志配置
+	 */
+	logs: DevToolsCacheConfig;
+	/**
+	 * uniBus 事件总线配置
+	 */
+	uniBus: DevToolsCacheConfig & {
+		/**
+		 * bus统计上限（字节）
+		 */
+		countMaxSize: number;
+	};
+}
+
+/**
+ * 缓存相关配置
+ */
+export interface DevToolsCacheConfig {
+	/**
+	 * 是否启用该功能
+	 */
+	status: boolean;
+	/**
+	 * 缓存相关设置
+	 */
+	cache: {
+		/**
+		 * 是否启用缓存
+		 */
+		status: boolean;
+		/**
+		 * 缓存上限（字节）
+		 */
+		size: number;
+		/**
+		 * 单条记录缓存上限（字节）
+		 */
+		rowSize: number;
+	};
+}
+
+/**
+ * 错误日志项
+ */
+export interface DevToolsErrorLog {
+	/**
+	 * 日志时间戳
+	 */
+	t: number;
+	/**
+	 * 错误信息
+	 */
+	m: string;
+	/**
+	 * 错误堆栈/trace
+	 */
+	tr: string;
+	/**
+	 * 页面路径
+	 */
+	p: string;
+	/**
+	 * 错误类型（ve: vue error, vw: vue warn, oe: other error, n: unknown）
+	 */
+	type: string;
+	/**
+	 * 可选，格式化时间
+	 */
+	date?: string;
+}
+
+/**
+ * 控制台日志项
+ */
+export interface DevToolsConsoleLog {
+	/**
+	 * 日志内容数组
+	 */
+	list: any[];
+	/**
+	 * 日志时间戳
+	 */
+	time: number;
+	/**
+	 * 日志所在页面
+	 */
+	page: string;
+	/**
+	 * 日志类型
+	 */
+	type: 'log' | 'error' | 'warn' | 'info';
+	/**
+	 * 可选，格式化时间
+	 */
+	date?: string;
+}
+
+/**
+ * 网络请求日志项
+ */
+export interface DevToolsNetworkLog {
+	/**
+	 * 请求唯一ID
+	 */
+	id: string;
+	/**
+	 * 请求类型（0:请求中 1:成功 2:失败）
+	 */
+	type: number;
+	/**
+	 * 请求发起时间戳
+	 */
+	sendTime: number;
+	/**
+	 * 响应时间戳
+	 */
+	responseTime: number;
+	/**
+	 * 请求耗时（秒，字符串）
+	 */
+	useTime: string;
+	/**
+	 * 请求地址
+	 */
+	url: string;
+	/**
+	 * 请求头
+	 */
+	header?: Record<string, any>;
+	/**
+	 * 请求方法
+	 */
+	method: string;
+	/**
+	 * 请求参数
+	 */
+	data: any;
+	/**
+	 * 响应主体内容
+	 */
+	responseBody: string;
+	/**
+	 * 响应头
+	 */
+	responseHeader: string;
+	/**
+	 * 响应状态码
+	 */
+	responseStatus: string;
+	/**
+	 * 响应错误信息
+	 */
+	responseMsg: string;
+	/**
+	 * 可选，格式化时间
+	 */
+	date?: string;
+}
+
+/**
+ * 普通日志项
+ */
+export interface DevToolsLog {
+	/**
+	 * 日志时间戳
+	 */
+	t: number;
+	/**
+	 * 日志内容
+	 */
+	m: string;
+	/**
+	 * 可选，格式化时间
+	 */
+	date?: string;
+}
+
+/**
+ * uniBus 事件日志项
+ */
+export interface DevToolsUniBusLog {
+	/**
+	 * 日志时间戳
+	 */
+	t: number;
+	/**
+	 * 事件内容
+	 */
+	e: string;
+	/**
+	 * 可选，格式化时间
+	 */
+	date?: string;
+}
+
+/**
+ * uniBus 事件统计
+ */
+export interface DevToolsBusCount {
+	/**
+	 * 事件名
+	 */
+	e: string;
+	/**
+	 * on调用次数
+	 */
+	on: number;
+	/**
+	 * off调用次数
+	 */
+	off: number;
+	/**
+	 * emit调用次数
+	 */
+	emit: number;
+	/**
+	 * once调用次数
+	 */
+	once: number;
+}
+
+/**
+ * 页面路由映射
+ */
+export interface DevToolsPageRouteMap {
+	/**
+	 * 路由key:出现次数
+	 */
+	[key: string]: number;
+}
+
+/**
+ * 页面路由Key映射
+ */
+export interface DevToolsPageRouteKeyMap {
+	/**
+	 * 路由路径:唯一key
+	 */
+	[key: string]: number;
+}
+
+/**
+ * 本地存储内容
+ */
+export interface DevToolsStorage {
+	/**
+	 * 存储键值对
+	 */
+	[key: string]: any;
+}
+
+/**
+ * Pinia 状态内容
+ */
+export interface DevToolsPinia {
+	/**
+	 * store名:状态对象
+	 */
+	[store: string]: any;
+}
+
+/**
+ * 全局数据内容
+ */
+export interface DevToolsGlobalData {
+	/**
+	 * 全局数据键值对
+	 */
+	[key: string]: any;
+}
+
+/**
+ * DevTools 日志主结构
+ */
+export interface DevToolsLogData {
+	/**
+	 * 导出配置选项
+	 */
+	exportOptions: DevToolsExportOptions;
+	/**
+	 * 错误日志数组
+	 */
+	error: DevToolsErrorLog[];
+	/**
+	 * 控制台日志数组
+	 */
+	console: DevToolsConsoleLog[];
+	/**
+	 * 网络请求日志数组
+	 */
+	network: DevToolsNetworkLog[];
+	/**
+	 * 运行日志数组
+	 */
+	logs: DevToolsLog[];
+	/**
+	 * uniBus事件日志数组
+	 */
+	uniBus: DevToolsUniBusLog[];
+	/**
+	 * uniBus事件统计数组
+	 */
+	busCount: DevToolsBusCount[];
+	/**
+	 * 页面路由映射
+	 */
+	pageRouteMap: DevToolsPageRouteMap;
+	/**
+	 * 页面路由Key映射
+	 */
+	pageRouteKeyMap: DevToolsPageRouteKeyMap;
+	/**
+	 * localStorage内容
+	 */
+	storage: DevToolsStorage;
+	/**
+	 * sessionStorage内容
+	 */
+	sessionStorage: DevToolsStorage;
+	/**
+	 * cookie内容
+	 */
+	cookie: DevToolsStorage;
+	/**
+	 * Pinia状态内容
+	 */
+	pinia: DevToolsPinia;
+	vuex: DevToolsPinia;
+	/**
+	 * 全局数据内容
+	 */
+	globalData: DevToolsGlobalData;
+}