@haluo/util 1.0.5 → 1.0.8

package/dist/{types/modules → modules}/format/index.d.ts

@@ -1,13 +1,13 @@
-interface Obj {
-    [prop: string]: any;
-}
-declare class Format {
-    /**
-     * @desc 对于对象非数字与布尔值的value，当其为falsy时，转换成separator
-     * @param {object} obj 传入的对象
-     * @param {string} separator 替换后的值
-     * transformObjectNullVal({ a: null, b: 0}, '23') // {a: "23", b: 0}
-     * @return {object}
-     */
-    transformObjectNullVal<T extends Obj>(obj: T, separator?: string): T;
-}
+interface Obj {
+    [prop: string]: any;
+}
+declare class Format {
+    /**
+     * @desc 对于对象非数字与布尔值的value，当其为falsy时，转换成separator
+     * @param {object} obj 传入的对象
+     * @param {string} separator 替换后的值
+     * transformObjectNullVal({ a: null, b: 0}, '23') // {a: "23", b: 0}
+     * @return {object}
+     */
+    transformObjectNullVal<T extends Obj>(obj: T, separator?: string): T;
+}

package/dist/{types/modules/dom → modules/match}/index.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/modules/monitor/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsError_1 = require("./lib/jsError");
+var xhr_1 = __importDefault(require("./lib/xhr"));
+// import timing from './lib/timing'
+function setup() {
+    jsError_1.injectJsError();
+    xhr_1.default();
+}
+exports.default = setup;
+// timing()

package/dist/modules/monitor/lib/jsError.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectJsError = void 0;
+var tracker_1 = __importDefault(require("../utils/tracker"));
+function injectJsError() {
+    window.addEventListener('error', function (e) {
+        console.log(e);
+        if (e.target && (e.target.src || e.target.href)) {
+            tracker_1.default.send({
+                kind: 'stability',
+                type: 'error',
+                errorType: 'resourceError',
+                filename: e.target.src || e.target.href,
+                tagName: e.target.tagName
+                // selector: lastEvent ? get
+            });
+            return;
+        }
+        tracker_1.default.send({
+            kind: 'stability',
+            type: 'error',
+            errorType: 'jsError',
+            message: e.message,
+            filename: e.filename,
+            position: e.lineno + ":" + e.colno,
+            stack: e.error.stack,
+        });
+    }, true);
+    window.addEventListener('unhandledrejection', function (e) {
+        var message, filename, line, column, stack;
+        var reason = e.reason;
+        if (typeof reason === 'string') {
+            message = reason;
+        }
+        else if (typeof reason === 'object') {
+            if (reason.stack) {
+                var matchResult = reason.stack.match(/at\s+(.+):(\d+):(\d+)/);
+                filename = matchResult[1];
+                line = matchResult[2];
+                column = matchResult[3];
+            }
+            message = reason.message;
+            stack = reason.stack;
+        }
+        tracker_1.default.send({
+            kind: 'stability',
+            type: 'error',
+            errorType: 'promiseError',
+            message: message,
+            filename: filename,
+            position: line + ":" + column,
+            stack: stack
+            // selector: lastEvent ? get
+        });
+    });
+}
+exports.injectJsError = injectJsError;

package/dist/modules/monitor/lib/timing.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var onload_1 = __importDefault(require("../utils/onload"));
+var tracker_1 = __importDefault(require("../utils/tracker"));
+function timing() {
+    var FMP, LCP;
+    new PerformanceObserver(function (entryList, observer) {
+        var perfEntries = entryList.getEntries();
+        FMP = perfEntries[0];
+        observer.disconnect(); // 不再观察
+    }).observe({ entryTypes: ['element'] }); // 观察页面中有意义的元素
+    new PerformanceObserver(function (entryList, observer) {
+        var perfEntries = entryList.getEntries();
+        LCP = perfEntries[0];
+        observer.disconnect(); // 不再观察
+    }).observe({ entryTypes: ['largest-contentful-paint'] }); // 观察页面中最大的元素
+    new PerformanceObserver(function (entryList, observer) {
+        var firstInput = entryList.getEntries();
+        console.log('FID', firstInput);
+        if (firstInput) {
+            var inputDelay = firstInput.processingStart - firstInput.startTime;
+            var duration = firstInput.duration;
+            if (inputDelay > 0 || duration > 0) {
+                tracker_1.default.send({
+                    kind: 'experience',
+                    type: 'firstInputDelay',
+                    inputDelay: inputDelay,
+                    duration: duration,
+                    startTime: firstInput.startTime
+                });
+            }
+        }
+        observer.disconnect(); // 不再观察
+    }).observe({ type: 'first-input', buffered: true }); // 观察页面中最大的元素
+    onload_1.default(function () {
+        setTimeout(function () {
+            console.dir(window.performance);
+            var _a = performance.getEntriesByType('navigation')[0], fetchStart = _a.fetchStart, connectStart = _a.connectStart, connectEnd = _a.connectEnd, requestStart = _a.requestStart, responseStart = _a.responseStart, responseEnd = _a.responseEnd, domInteractive = _a.domInteractive, domContentLoadedEventStart = _a.domContentLoadedEventStart, domContentLoadedEventEnd = _a.domContentLoadedEventEnd, loadEventStart = _a.loadEventStart;
+            tracker_1.default.send({
+                kind: 'experience',
+                type: 'timing',
+                connectTime: connectEnd - connectStart,
+                ttfbTime: responseStart - requestStart,
+                responseTime: responseEnd - responseStart,
+                domContentLoadedTime: domContentLoadedEventEnd - domContentLoadedEventStart,
+                timeToInteractive: domInteractive - fetchStart,
+                loadTime: loadEventStart - fetchStart // 完整的页面加载时间
+            });
+            var FP = performance.getEntriesByName('first-paint')[0];
+            var FCP = performance.getEntriesByName('first-contentful-paint')[0];
+            console.log('FP', FP);
+            console.log('FCP', FCP);
+            console.log('FMP', FMP);
+            console.log('LCP', LCP);
+            tracker_1.default.send({
+                kind: 'experience',
+                type: 'paint',
+                FP: FP.startTime,
+                FCP: FCP.startTime,
+                FMP: FMP.startTime,
+                LCP: LCP.startTime,
+            });
+        }, 3000);
+    });
+}
+exports.default = timing;

package/dist/modules/monitor/lib/xhr.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var tracker_1 = __importDefault(require("../utils/tracker"));
+function injectXHR() {
+    var XMLHttpRequest = window.XMLHttpRequest;
+    var oldOpen = XMLHttpRequest.prototype.open;
+    XMLHttpRequest.prototype.open = function (method, url, async) {
+        this.logData = { method: method, url: url, async: async };
+        return oldOpen.apply(this, arguments);
+    };
+    var oldSend = XMLHttpRequest.prototype.send;
+    XMLHttpRequest.prototype.send = function (body) {
+        var _this = this;
+        if (this.logData) {
+            var startTime_1 = Date.now();
+            var handler = function (type) { return function (event) {
+                var duration = Date.now() - startTime_1;
+                var status = _this.status;
+                var statusText = _this.statusText;
+                tracker_1.default.send({
+                    kind: 'stability',
+                    type: 'xhr',
+                    eventType: event.type,
+                    pathname: _this.logData.url,
+                    status: status + '-' + statusText,
+                    duration: duration,
+                    response: _this.response ? JSON.stringify(_this.response) : '',
+                    params: body || ''
+                });
+            }; };
+            this.addEventListener('load', handler('load'), false);
+            this.addEventListener('error', handler('error'), false);
+            this.addEventListener('abort', handler('abort'), false);
+        }
+        return oldSend.apply(this, arguments);
+    };
+}
+exports.default = injectXHR;

package/dist/modules/monitor/utils/onload.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function onload(cb) {
+    if (document.readyState) {
+        cb();
+    }
+    else {
+        window.addEventListener('load', cb);
+    }
+}
+exports.default = onload;

package/dist/modules/monitor/utils/tracker.js

@@ -0,0 +1,35 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Parser = require('ua-parser-js');
+var SendTracker = /** @class */ (function () {
+    function SendTracker() {
+        this.url = '';
+        this.xhr = new XMLHttpRequest();
+    }
+    SendTracker.prototype.send = function (data) {
+        if (data === void 0) { data = {}; }
+        var log = __assign(__assign({}, getExtraData()), data);
+        console.log(log);
+    };
+    return SendTracker;
+}());
+function getExtraData() {
+    return {
+        title: document.title,
+        url: location.href,
+        timestamp: Date.now(),
+        userAgent: new Parser().getResult()
+    };
+}
+exports.default = new SendTracker();

package/dist/{types/modules → modules}/number/index.d.ts

@@ -1,39 +1,39 @@
-declare class NumberClass {
-    /**
-     * 个位数前面补0
-     * @param {Number} num 需要格式化的数字
-     * @return {String} '01'
-     */
-    formatNumber(num: number): string;
-    /**
-     * 将手机号中间部分替换为星号
-     * @param {String} phone 手机号码
-     * @return {String} 131****1111
-     */
-    formatPhone(phone: string): string;
-    /**
-     * 格式化数字 万
-     * @param {Number} num
-     * @return {String} 12.3万
-     */
-    convertToWan(num: number): string | number;
-    /**
-     * 格式化数字 k
-     * @param {Number} num
-     * @return {String} 1.2k
-     */
-    convertToThousand(num: number): string | number;
-    /**
-    * 随机数，指定范围
-    * @param {Number} min 开始
-    * @param {Number} max 结束
-    * @return {Number|Object}
-    */
-    random(min: number, max: number): number | null;
-    /**
-     * 格式化金额
-     * @param {Number} num
-     * @return {String} 123,456
-     */
-    formatMoney(money: number | string, signal: string): string;
-}
+declare class NumberClass {
+    /**
+     * 个位数前面补0
+     * @param {Number} num 需要格式化的数字
+     * @return {String} '01'
+     */
+    formatNumber(num: number): string;
+    /**
+     * 将手机号中间部分替换为星号
+     * @param {String} phone 手机号码
+     * @return {String} 131****1111
+     */
+    formatPhone(phone: string): string;
+    /**
+     * 格式化数字 万
+     * @param {Number} num
+     * @return {String} 12.3万
+     */
+    convertToWan(num: number): string | number;
+    /**
+     * 格式化数字 k
+     * @param {Number} num
+     * @return {String} 1.2k
+     */
+    convertToThousand(num: number): string | number;
+    /**
+    * 随机数，指定范围
+    * @param {Number} min 开始
+    * @param {Number} max 结束
+    * @return {Number|Object}
+    */
+    random(min: number, max: number): number | null;
+    /**
+     * 格式化金额
+     * @param {Number} num
+     * @return {String} 123,456
+     */
+    formatMoney(money: number | string, signal: string): string;
+}

package/dist/{types/modules → modules}/sentry/index.d.ts

@@ -1,15 +1,15 @@
-declare class Report {
-    static instance: any;
-    constructor(Vue: Object, options?: {});
-    [key: string]: any;
-    static getInstance(Vue: Object, Option: Object): any;
-    install(): void;
-    /**
-     * 主动上报
-     * @param {String} data
-     * @param {String} type 'info','warning','error'
-     * @param {Object} options
-     */
-    log(data?: any, type?: any, options?: any): void;
-}
-export default Report;
+declare class Report {
+    static instance: any;
+    constructor(Vue: Object, options?: {});
+    [key: string]: any;
+    static getInstance(Vue: Object, Option: Object): any;
+    install(): void;
+    /**
+     * 主动上报
+     * @param {String} data
+     * @param {String} type 'info','warning','error'
+     * @param {Object} options
+     */
+    log(data?: any, type?: any, options?: any): void;
+}
+export default Report;

package/dist/{types/modules → modules}/tools/index.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haluo/util",
-  "version": "1.0.5",
+  "version": "1.0.8",
   "main": "./dist/index.js",
   "author": "<wanghui@jddmoto.com>",
   "description": "哈罗摩托工具库",
@@ -13,9 +13,6 @@
     "precommit": "lint-staged"
   },
   "types": "dist/types/index.d.ts",
-  "files": [
-    "dist/"
-  ],
   "lint-staged": {
     "src/**/*.{js,vue}": [
       "eslint --fix",
@@ -33,7 +30,8 @@
     "axios": "^0.19.2",
     "clipboard-copy": "^4.0.1",
     "jest": "^27.0.6",
-    "raven-js": "^3.27.2"
+    "raven-js": "^3.27.2",
+    "ua-parser-js": "^1.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -43,8 +41,9 @@
     "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-typescript": "^7.14.5",
-    "@types/node": "^17.0.36",
+    "@types/node": "^14.0.13",
     "@types/webpack-env": "^1.15.2",
+    "@typescript-eslint/eslint-plugin": "^5.33.0",
     "autoprefixer-loader": "^2.1.0",
     "babel-eslint": "^8.2.3",
     "babel-jest": "^26.0.1",

package/publish.sh

@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+# npm config get registry # 检查仓库镜像库
+# npm config set registry=http://registry.npmjs.org
+# echo '请进行登录相关操作：'
+# npm login # 登陆
+tsc
+echo "-------publishing-------"
+npm publish # 发布
+# npm config set registry=https://registry.npm.taobao.org # 设置为淘宝镜像
+echo "发布完成"
+exit

package/specification/CSS.md

@@ -0,0 +1,25 @@
+### CSS
+
+
+#### [BEM](http://getbem.com/)
+**BlockElementModifier其实是块（block）、元素（element）、修饰符（modifier）**
+> * block 代表了更高级别的抽象或组件
+> * block__element 代表 block 的后代，用于形成一个完整的 block 的整体
+> * block--modifier代表 block 的不同状态或不同版本
+
+```css
+/* demo */
+person{} /* 人 */
+person__hand{} /* 人的手 */
+person--female{} /* 女人 */
+person--female__hand{} /* 女人的手 */
+person__hand--left{} /* 人的左手 */
+```
+
+#### Z-Index
+```
+页面元素：1-99
+fixed：100-199
+弹框：200-299
+Toast：300-399
+```

package/specification/JS.md

@@ -0,0 +1,9 @@
+### [JS](http://alloyteam.github.io/CodeGuide/)
+
+```
+1、路由命名：name 大写，path和文件名 小写加中划线
+2、组件使用：组件文件、引用名、页面使用 名称保持一致
+3、JS
+> 接口请求参数做解构
+> 公共文件，多尝试用class
+```

package/specification/VUE.md

@@ -0,0 +1 @@
+### [VUE](https://cn.vuejs.org/v2/style-guide/)

package/src/consts/httpCode.js

@@ -0,0 +1,10 @@
+/**
+ * 处理http返回的错误码等信息
+ * @Author: wanghui
+ */
+export default {
+  SUCCESS: {
+    'resultCode': '0',
+    'resultDesc': '处理成功'
+  },
+}

package/src/index.ts

@@ -0,0 +1,54 @@
+/**
+ * @Author: wanghui
+ * createBy: @2020.05.21
+ */
+'use strict'
+
+const modules: any = {
+  cookie: require('./modules/cookie'),
+  date: require('./modules/date'),
+  dom: require('./modules/dom'),
+  filter: require('./modules/filter'),
+  format: require('./modules/format'),
+  match: require('./modules/match'),
+  number: require('./modules/number'),
+  tools: require('./modules/tools'),
+}
+
+class Utils {
+  [key: string]: Object
+
+  constructor() {
+    Object.assign(this, modules)
+  }
+
+  /**
+   * 挂载各组件
+   * 示例：this.$cookie、this.$date、this.$match、this.$number、this.$tools
+   * @param {Object} Vue 需要挂载的目标对象
+   */
+  install(Vue: any) {
+    Object.keys(modules).forEach((key) => {
+      if (key === 'filter') {
+        return modules[key].install(Vue)
+      }
+      Vue.prototype['$' + key] = modules[key]
+      Vue['$' + key] = modules[key]
+    })
+  }
+
+  // loadModules() {
+  //   const modules = require['context']('./modules/', true, /.js$/)
+  //   modules.keys().forEach((modulesKey: string) => {
+  //     const attr: string = modulesKey.replace('./', '').replace('.js', '').replace('/index', '')
+  //     const haveDefault = ['sentry']
+  //     if (haveDefault.includes(attr)) {
+  //       this[attr] = modules(modulesKey).default
+  //     } else {
+  //       this[attr] = modules(modulesKey)
+  //     }
+  //   })
+  // }
+}
+
+module.exports = new Utils()

package/src/modules/cookie/index.ts

@@ -0,0 +1,69 @@
+/**
+ * @file Cookie
+ * @Author: wanghui
+ * @createBy: @2021.01.21
+ */
+'use strict'
+interface ICookie {
+  name: string,
+  value: string,
+  exdays: number,
+  path?: string,
+  domain?: string,
+}
+
+class CookieClass {
+  /**
+   * 获取cookie
+   * @param {String} name
+   * @return {String}
+   */
+  getCookie(name: string) {
+    const _name = name + '='
+    const ca = document.cookie.split(';')
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i]
+      while (c.charAt(0) === ' ') c = c.substring(1)
+      if (c.includes(_name)) return c.substring(_name.length, c.length)
+    }
+    return ''
+  }
+
+  /**
+   * 设置cookie
+   * @param {Object} ICookie
+   */
+  setCookie({
+    name = '',
+    value = '',
+    exdays = -1,
+    path = '/',
+    domain = '.jddmoto.com',
+  }: ICookie) {
+    var d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000))
+    var expires = `expires=${d.toUTCString()}`
+    document.cookie = `${name}=${value};${expires};path=${path};domain=${domain};`
+  }
+
+  /**
+   * 清除Cookie
+   * @param {String} name
+   */
+  clearCookie({
+    name = '',
+    path = '/',
+    domain = '.jddmoto.com',
+  }: ICookie) {
+    this.setCookie({
+      name,
+      value: '',
+      exdays: -1,
+      path,
+      domain
+    })
+  }
+}
+
+module.exports = new CookieClass()
+