fdb2 1.0.0

package/src/assets/logo.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2200 2200" style="enable-background:new 0 0 2200 2200;" xml:space="preserve">
+<g id="Objects">
+	<g>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1100" y1="129.7386" x2="1100" y2="1986.1602">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<path style="fill:url(#SVGID_1_);" d="M1100,1971.015c-188.469,0-365.829-24.542-499.409-69.104
+			c-137.851-45.986-213.768-108.898-213.768-177.147v-299.266c0-6.904,5.597-12.502,12.502-12.502
+			c6.905,0,12.502,5.598,12.502,12.502v299.266c0,55.809,71.686,111.732,196.677,153.429
+			c131.096,43.734,305.646,67.819,491.497,67.819s360.401-24.085,491.497-67.819c124.991-41.697,196.678-97.62,196.678-153.429
+			v-299.266c0-6.904,5.597-12.502,12.502-12.502s12.502,5.598,12.502,12.502v299.266c0,68.249-75.918,131.161-213.768,177.147
+			C1465.829,1946.473,1288.469,1971.015,1100,1971.015z"/>
+		
+			<linearGradient id="SVGID_00000103986466880628412640000005085555427086651027_" gradientUnits="userSpaceOnUse" x1="1100" y1="157.2316" x2="1100" y2="2013.6531">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<path style="fill:url(#SVGID_00000103986466880628412640000005085555427086651027_);" d="M1100,1554.507
+			c-188.469,0-365.829-24.542-499.409-69.104c-137.85-45.987-213.768-108.9-213.768-177.148v-299.266
+			c0-6.905,5.597-12.502,12.502-12.502c6.905,0,12.502,5.597,12.502,12.502v299.266c0,55.809,71.686,111.732,196.677,153.429
+			c131.096,43.735,305.646,67.82,491.497,67.82c185.85,0,360.401-24.085,491.497-67.82
+			c124.991-41.697,196.678-97.62,196.678-153.429v-299.266c0-6.905,5.597-12.502,12.502-12.502s12.502,5.597,12.502,12.502v299.266
+			c0,68.249-75.917,131.161-213.768,177.148C1465.828,1529.965,1288.469,1554.507,1100,1554.507z"/>
+		
+			<linearGradient id="SVGID_00000031886458925340796210000012289672888456263298_" gradientUnits="userSpaceOnUse" x1="1100" y1="184.7246" x2="1100" y2="2041.1461">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<path style="fill:url(#SVGID_00000031886458925340796210000012289672888456263298_);" d="M1100,1137.997
+			c-188.469,0-365.829-24.542-499.409-69.104c-137.85-45.987-213.768-108.9-213.768-177.148V592.48
+			c0-6.905,5.597-12.502,12.502-12.502c6.905,0,12.502,5.597,12.502,12.502v299.266c0,55.809,71.686,111.732,196.677,153.429
+			c131.096,43.734,305.646,67.819,491.497,67.819s360.401-24.085,491.497-67.819c124.991-41.697,196.678-97.62,196.678-153.429
+			V592.48c0-6.905,5.597-12.502,12.502-12.502s12.502,5.597,12.502,12.502v299.266c0,68.248-75.917,131.161-213.768,177.148
+			C1465.829,1113.456,1288.469,1137.997,1100,1137.997z"/>
+		
+			<linearGradient id="SVGID_00000163766843213231212890000002270524868808310195_" gradientUnits="userSpaceOnUse" x1="1100" y1="243.7521" x2="1100" y2="1985.2223">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<path style="fill:url(#SVGID_00000163766843213231212890000002270524868808310195_);" d="M1100,721.476
+			c-188.467,0-365.827-24.541-499.409-69.103C462.74,606.388,386.823,543.48,386.823,475.237
+			c0-68.248,75.918-131.161,213.768-177.148c133.58-44.563,310.941-69.104,499.409-69.104s365.829,24.542,499.409,69.104
+			c137.851,45.987,213.768,108.9,213.768,177.148c0,68.242-75.918,131.15-213.768,177.136
+			C1465.827,696.935,1288.467,721.476,1100,721.476z M1100,253.989c-185.85,0-360.401,24.085-491.497,67.819
+			c-124.991,41.697-196.677,97.62-196.677,153.429c0,55.803,71.686,111.722,196.677,153.418
+			c131.098,43.733,305.648,67.818,491.497,67.818c185.848,0,360.399-24.085,491.497-67.818
+			c124.991-41.695,196.678-97.615,196.678-153.418c0-55.809-71.687-111.732-196.678-153.429
+			C1460.401,278.074,1285.85,253.989,1100,253.989z"/>
+		
+			<linearGradient id="SVGID_00000132810544753024625480000015798895142198034064_" gradientUnits="userSpaceOnUse" x1="563.2605" y1="243.7521" x2="563.2605" y2="1985.2223">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<circle style="fill:url(#SVGID_00000132810544753024625480000015798895142198034064_);" cx="563.26" cy="819.38" r="28.589"/>
+		
+			<linearGradient id="SVGID_00000089546958102350120530000006844826025430641287_" gradientUnits="userSpaceOnUse" x1="563.2605" y1="243.7521" x2="563.2605" y2="1985.2223">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<circle style="fill:url(#SVGID_00000089546958102350120530000006844826025430641287_);" cx="563.26" cy="1243.191" r="28.589"/>
+		
+			<linearGradient id="SVGID_00000031914378609623124750000000956243823947244183_" gradientUnits="userSpaceOnUse" x1="563.2605" y1="243.7521" x2="563.2605" y2="1985.2223">
+			<stop  offset="0" style="stop-color:#04D8EA"/>
+			<stop  offset="1" style="stop-color:#123AD0"/>
+		</linearGradient>
+		<circle style="fill:url(#SVGID_00000031914378609623124750000000956243823947244183_);" cx="563.26" cy="1667.002" r="28.589"/>
+	</g>
+</g>
+</svg>

package/src/assets/main.css

@@ -0,0 +1 @@
+@import './base.css';

package/src/base/config.ts

@@ -0,0 +1,20 @@
+// 基础配置
+
+const state = window.__INITIAL_STATE__ || {};
+
+const config = state.config || {};
+
+const prefix = config.prefix || '';
+const apiUrl = config.apiUrl || '';
+
+export default {
+    ...config,
+    state,
+    prefix,
+    apiUrl,
+    // api的根URL
+    baseURL: `${location.origin}` + prefix,
+    // xhr的超时时间
+    timeout: 3e4,
+    logUrl: prefix + '/api/monitor/log',
+};

package/src/base/detect.ts

@@ -0,0 +1,134 @@
+
+// @ts-ignore  // 在nwjs中
+export const isNWjs = typeof process !== 'undefined' && process.__nwjs !== undefined;
+// @ts-ignore 扩展进程
+export const isVSCode = typeof acquireVsCodeApi !== 'undefined' || (typeof process !== 'undefined' && process.env.VSCODE_PID);
+// @ts-ignore 判断是否是 Chrome 扩展环境
+export const isChromeExtension = !isNWjs && !isVSCode && (()=>{try{return typeof chrome !== 'undefined' && Boolean(chrome?.runtime) && Boolean(chrome?.runtime?.id)}catch(e){return false}})();
+// @ts-ignore 检查是否是 Electron
+export const isElectron = typeof process === 'object' && process.versions?.electron !== undefined;
+export const isBrowser = typeof window !== 'undefined' && !isNWjs && !isVSCode && !isChromeExtension && !isElectron;
+// 在iframe中
+export const isInIframe = isBrowser && window.top !== window;
+// 探测运行环境并标记各个全局环境变量
+const UA = isBrowser? navigator.userAgent: '';
+
+// 平台
+export enum PLATFORM {
+    UNKNOWN = 'unknown',
+    WEB = 'web',
+    PCWEIXIN = 'pcweixin',
+    WEIXIN = 'weixin',
+    WEWORK = 'wework',// 企业微信
+    MQQ = 'mqq',
+    // 微信小程序
+    MINA = 'mina',
+    // 嵌入iframe中
+    IFRAME = 'iframe',
+}
+export const IS_WINDOWS = /WindowsWechat/i.test(UA);
+export const IS_MOBILE = /Mobile/i.test(UA); 
+// 系统
+export enum SYSTEM {
+    UNKNOWN = 'unknown',
+    ANDROID = 'android',
+    IOS = 'ios',
+}
+
+const VER_MQQ = UA.match(/QQ\/([\d.]+)/i) && UA.match(/QQ\/([\d.]+)/i)?.[1];
+export const IS_MQQ = Boolean(VER_MQQ);
+// 微信版本号可能分4段，影响业务代码里使用semver比较版本号（会报错），如果业务需要4段版本号可以自己从ua里取
+const VER_WEIXIN =
+    UA.match(/MicroMessenger\/([\d.]+)/i) &&
+    UA.match(/MicroMessenger\/([\d.]+)/i)?.[1]?.split('.').slice(0, 3).join('.');
+export const IS_WEIXIN = Boolean(VER_WEIXIN);
+
+// 是否是开发者工具
+export const IS_WECHATTOOLS = /wechatdevtools\//i.test(UA);
+// @ts-ignore
+export const IS_WKWEBVIEW = isBrowser && window.__wxjs_is_wkwebview;
+export const IS_PCWEIXIN = /(Windows|Mac)Wechat/i.test(UA);
+// 是否是企业微信
+export const IS_WXWORK = /wxwork\//i.test(UA);
+// @ts-ignore
+const VER_MINA = isBrowser && (window.__wxjs_environment === 'miniprogram' || /miniProgram/i.test(UA));
+export const IS_MINA = Boolean(VER_MINA);
+
+let platformVersion = '0.0.0';
+let platformID = PLATFORM.WEB;
+let platformName = '';
+if (IS_MQQ) {
+    platformID = PLATFORM.MQQ;
+    platformVersion = VER_MQQ as string;
+    platformName = '手机QQ';
+} else if (IS_MINA) {
+    platformID = PLATFORM.MINA;
+    platformVersion = VER_WEIXIN || '0.0.0';
+    platformName = '微信小程序';
+} else if (IS_PCWEIXIN) {
+    platformID = PLATFORM.PCWEIXIN;
+    platformVersion = VER_WEIXIN as string;
+    platformName = '微信';
+} else if (IS_WEIXIN) {
+    platformID = PLATFORM.WEIXIN;
+    platformVersion = VER_WEIXIN || '0.0.0';
+    platformName = '微信';
+}
+
+const os: { version: string; android: boolean; ios: boolean; iphone: boolean; ipad: boolean; x5: boolean } = {
+    version: '0.0.0',
+    android: false,
+    ios: false,
+    iphone: false,
+    ipad: false,
+    x5: false,
+};
+
+const webkit = UA.match(/Web[kK]it[/]{0,1}([\d.]+)/),
+    android = UA.match(/(Android);?[\s/]+([\d.]+)?/),
+    osx = !!UA.match(/\(Macintosh; Intel /),
+    ipad = UA.match(/(iPad).*OS\s([\d_]+)/),
+    ipod = UA.match(/(iPod)(.*OS\s([\d_]+))?/),
+    iphone = !ipad && UA.match(/(iPhone\sOS)\s([\d_]+)/),
+    webos = UA.match(/(webOS|hpwOS)[\s/]([\d.]+)/),
+    win = /Win\d{2}|Windows/.test(navigator.platform),
+    blackberry = UA.match(/(BlackBerry).*Version\/([\d.]+)/),
+    bb10 = UA.match(/(BB10).*Version\/([\d.]+)/),
+    playbook = UA.match(/PlayBook/),
+    chrome = UA.match(/Chrome\/([\d.]+)/) || UA.match(/CriOS\/([\d.]+)/),
+    x5 = UA.match(/MQQBrowser\/([\d.]+)/i),
+    ie = UA.match(/MSIE\s([\d.]+)/) || UA.match(/Trident\/[\d](?=[^?]+).*rv:([0-9.].)/),
+    webview = !chrome && UA.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/),
+    safari = webview || UA.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari))/);
+
+if (android) {
+    (os.android = true), (os.version = android[2] as string);
+}
+if (iphone && !ipod) {
+    (os.ios = os.iphone = true), (os.version = iphone[2]?.replace(/_/g, '.') as string);
+}
+if (ipad) {
+    (os.ios = os.ipad = true), (os.version = ipad[2]?.replace(/_/g, '.') as string);
+}
+
+if (x5) {
+    (os.x5 = true), (os.version = x5[1] as string);
+}
+
+let system = SYSTEM.UNKNOWN;
+if (os.ios) {
+    system = SYSTEM.IOS;
+} else if (os.android) {
+    system = SYSTEM.ANDROID;
+}
+
+let IS_IPHONEX = false;
+if (os.ios) {
+    if (screen.height == 812 && screen.width == 375) {
+        IS_IPHONEX = true;
+    }
+}
+export { platformID as platform, platformVersion, platformName };
+export { os };
+export { system };
+export { IS_IPHONEX };

package/src/base/entity.ts

@@ -0,0 +1,92 @@
+import EventEmitter from '@fefeding/eventemitter';
+/**
+ * @public
+ * An interface to define a callback function with any number and type of parameters, and any return.
+ */
+export interface CallBack {
+    (...args: any[]): any;
+}
+
+
+/**
+ * @public
+ * @param newValue - The new state value.
+ * @param oldValue - The previous state value.
+ * @param key - The key which the state value was updated.
+ */
+export interface WatchCallBack {
+    (
+        newValue: Record<string, any>,
+        oldVaule: Record<string, any>,
+        key: string
+    ): void;
+}
+
+// 菜单项类型
+export type MenuItem = {
+    id: string,
+    name: string,
+    icon?: string,
+    path?: string;
+    /**
+     * 是否展开
+     */
+    expanded?: boolean,
+    children?: Array<MenuItem>;
+  }
+
+/**
+ * @public
+ * Entity class with watchable state.
+ */
+export default class Entity<T> extends EventEmitter {
+    /**
+     * 状态
+     * @public
+     */
+    state: T;
+
+    /**
+     * @public
+     * @param  data - initialization data.
+     */
+    constructor(data?:T) {
+        super();
+        this.state = new Proxy(data || {}, {
+            set: (oTarget: any, sKey, vValue) => {
+                if (oTarget[sKey] !== vValue) {
+                    const oldValue = { ...oTarget };
+                    oTarget[sKey] = vValue;
+                    // 这里不传入this.state, 避免在update回调那里再修改state，造成死循环
+                    this.emit('update', { ...oTarget }, oldValue, sKey);
+                    // if (typeof sKey === 'string') {
+                    //     this.emit(`update:${sKey}`, oTarget[sKey], oldValue[sKey]);
+                    // }
+                }
+                return true;
+            },
+        });
+    }
+    /**
+     * @public
+     * @param  cb - Callback function to execute on state updates.
+     * return Callback to lift the watch state.
+     */
+    watch(cb: WatchCallBack): CallBack {
+        this.on('update', cb);
+        return () => this.off('update', cb);
+    }
+    // 目前看，根据key监听暂时用不到
+    // watch(cb: WatchCallBack): CallBack;
+    // watch(key: string, cb: WatchCallBack): CallBack;
+    // watch(keyOrCb: string | WatchCallBack, cb?: WatchCallBack): CallBack {
+    //     if (typeof keyOrCb === 'string' && cb) {
+    //         this.on(`update:${keyOrCb}`, cb);
+    //         return () => this.off('update', cb);
+    //     } else if (typeof keyOrCb === 'function') {
+    //         this.on('update', keyOrCb);
+    //         return () => this.off('update', keyOrCb);
+    //     }
+    //     return () => {};
+    // }
+}

package/src/base/eventBus.ts

@@ -0,0 +1,37 @@
+
+
+import EventEmitter from '@fefeding/eventemitter';
+
+export const AUTHTIMEOUT = 'AUTHTIMEOUT';
+
+
+const GlobalEventBus = new EventEmitter();
+const GlobalEventBusCache = new Map<string|symbol, any>();
+// 订阅
+export function subscribe(name: string|symbol, callback: any) {
+    const id = typeof name === 'symbol' ? name : Symbol(name);
+    GlobalEventBusCache.set(id, {
+        name,
+        callback
+    });
+    GlobalEventBus.on(name, callback);
+
+    return id;
+}
+
+// 取消订阅
+export function unsubscribe(eventId: string|symbol) {
+    const event = GlobalEventBusCache.get(eventId);
+    if(event) {
+        GlobalEventBus.off(event.name, event.callback);
+        GlobalEventBusCache.delete(eventId);
+        return true;
+    }
+    return false;
+}
+
+// 发布事件
+export function publish(name: string|symbol, data?: any) {
+    return GlobalEventBus.emit(name, data);
+}
+ 

package/src/base//345/237/272/347/241/200/345/261/202.md

@@ -0,0 +1,7 @@
+# 基础层
+
+    这里不要依赖领域层或者应用层的内容，也不能直接依赖外部库
+
+##
+
+config.ts: 基础配置，表示系统间的差异；