vconsole - npm Package Compare versions

Comparing version 3.14.7 to 3.15.0

CHANGELOG_CN.md

 [English](./CHANGELOG.md) | 简体中文
 
+## 3.15.0 (2022-11-02)
+
+- `Feat(Log)` 新增虚拟滚动列表以提升性能，并支持快速滚动到顶部/底部。 (PR #570)
+- `Feat(Log)` 新增对 `console.group(), console.groupCollapsed(), console.groupEnd()` 方法的支持。 (issue #545)
+- `Feat(Network)` 新增虚拟滚动列表以提升性能。
+- `Feat(Network)` 新增 request 的 "Start Time"（发起时间）。
+- `Feat(Network)` 使用 `curl` 格式作为 request 的复制内容，而非 `url`。 (issue #410)
+- `Fix(Storage)` 修复内容溢出的元素无法滑动的问题。 (issue #542)
+- `Fix(Core)` 修复 `<select>` 的点击事件问题。 (PR #577)
+
+
 ## 3.14.7 (2022-09-23)
@@ -4,0 +15,0 @@

CHANGELOG.md

 English | [简体中文](./CHANGELOG_CN.md)
 
+## 3.15.0 (2022-11-02)
+
+- `Feat(Log)` Add recycle scrolling to imporove performance, and add scroll to top/bottom buttons. (PR #570)
+- `Feat(Log)` Add support for `console.group(), console.groupCollapsed(), console.groupEnd()`. (issue #545)
+- `Feat(Network)` Add recycle scrolling to imporove performance.
+- `Feat(Network)` Add "Start Time" of a request.
+- `Feat(Network)` Use `curl` instead of `url` as the copy value of a request. (issue #410)
+- `Fix(Storage)` Fix an event bug that overflow content cannot scroll. (issue #542)
+- `Fix(Core)` Fix click event on `<select>` elements. (PR #577)
+
+
 ## 3.14.7 (2022-09-23)
@@ -4,0 +15,0 @@

dist/vconsole.min.d.ts

@@ -254,2 +254,5 @@ /// <reference path="../build/vendor.d.ts" />
     }
+    export interface IVConsoleTabOptions {
+        fixedHeight?: boolean;
+    }
     /**
@@ -408,5 +411,10 @@ * vConsole Plugin Base Class
         cmdType?: 'input' | 'output';
-        repeated?: number;
+        repeated: number;
+        toggle: Record<string, boolean>;
         date: number;
         data: IVConsoleLogData[];
+        groupLevel: number;
+        groupLabel?: symbol;
+        groupHeader?: 0 | 1 | 2;
+        groupCollapsed?: boolean;
     }
@@ -434,2 +442,7 @@ export type IVConsoleLogListMap = {
         protected logCounter: number;
+        protected groupLevel: number;
+        protected groupLabelCollapsedStack: {
+            label: symbol;
+            collapsed: boolean;
+        }[];
         protected pluginPattern: RegExp;
@@ -459,2 +472,6 @@ protected logQueue: IVConsoleLog[];
         mockConsole(): void;
+        protected _mockConsoleLog(): void;
+        protected _mockConsoleTime(): void;
+        protected _mockConsoleGroup(): void;
+        protected _mockConsoleClear(): void;
         /**
@@ -482,2 +499,4 @@ * Recover `window.console`.
             origData: any[];
+            isGroupHeader?: 0 | 1 | 2;
+            isGroupCollapsed?: boolean;
         }, opt?: IVConsoleAddLogOptions): void;
@@ -614,2 +633,3 @@ /**
         startTime: number;
+        startTimeText: string;
         endTime: number;
@@ -1077,1 +1097,128 @@ costTime?: number;
 }
+declare module "component/recycleScroller/recycleManager" {
+    const createRecycleManager: () => (itemCount: number, start: number, end: number) => {
+        key: number;
+        index: number;
+        show: boolean;
+    }[];
+    export default createRecycleManager;
+}
+declare module "component/recycleScroller/scroll/friction" {
+    /** *
+     * Friction physics simulation. Friction is actually just a simple
+     * power curve; the only trick is taking the natural log of the
+     * initial drag so that we can express the answer in terms of time.
+     */
+    class Friction {
+        private _drag;
+        private _dragLog;
+        private _x;
+        private _v;
+        private _startTime;
+        constructor(drag: number);
+        set(x: number, v: number, t?: number): void;
+        x(t: number): number;
+        dx(t: number): number;
+        done(t: number): boolean;
+    }
+    export default Friction;
+}
+declare module "component/recycleScroller/scroll/linear" {
+    class Linear {
+        private _x;
+        private _endX;
+        private _v;
+        private _startTime;
+        private _endTime;
+        set(x: number, endX: number, dt: number, t?: number): void;
+        x(t: number): number;
+        dx(t: number): number;
+        done(t: number): boolean;
+    }
+    export default Linear;
+}
+declare module "component/recycleScroller/scroll/spring" {
+    class Spring {
+        private _solver;
+        private _solution;
+        private _endPosition;
+        private _startTime;
+        constructor(mass: number, springConstant: number, damping: number);
+        x(t: number): number;
+        dx(t: number): number;
+        set(endPosition: number, x: number, velocity: number, t?: number): void;
+        done(t: number): boolean;
+    }
+    export default Spring;
+}
+declare module "component/recycleScroller/scroll/scroll" {
+    /** *
+     * Scroll combines Friction and Spring to provide the
+     * classic "flick-with-bounce" behavior.
+     */
+    class Scroll {
+        private _enableSpring;
+        private _getExtend;
+        private _friction;
+        private _spring;
+        private _toEdge;
+        constructor(getExtend: () => number, _enableSpring: boolean);
+        set(x: number, v: number, t?: number): void;
+        x(t: number): number;
+        dx(t: number): number;
+        done(t: number): boolean;
+    }
+    export default Scroll;
+}
+declare module "component/recycleScroller/scroll/touchTracker" {
+    export interface TrackerHandler {
+        onTouchStart(): void;
+        onTouchMove(x: number, y: number): void;
+        onTouchEnd(x: number, y: number, velocityX: number, velocityY: number): void;
+        onTouchCancel(): void;
+        onWheel(x: number, y: number): void;
+    }
+    class TouchTracker {
+        private _handler;
+        private _touchId;
+        private _startX;
+        private _startY;
+        private _historyX;
+        private _historyY;
+        private _historyTime;
+        private _wheelDeltaX;
+        private _wheelDeltaY;
+        constructor(_handler: TrackerHandler);
+        private _getTouchDelta;
+        private _onTouchMove;
+        private _onWheel;
+        handleTouchStart: (e: TouchEvent) => void;
+        handleTouchMove: (e: TouchEvent) => void;
+        handleTouchEnd: (e: TouchEvent) => void;
+        handleTouchCancel: (e: TouchEvent) => void;
+        handleWheel: (e: WheelEvent) => void;
+    }
+    export default TouchTracker;
+}
+declare module "component/recycleScroller/scroll/scrollHandler" {
+    import { TrackerHandler } from "component/recycleScroller/scroll/touchTracker";
+    class ScrollHandler implements TrackerHandler {
+        private _updatePosition;
+        private _scrollModel;
+        private _linearModel;
+        private _startPosition;
+        private _position;
+        private _animate;
+        private _getExtent;
+        constructor(getExtent: () => number, _updatePosition: (pos: number) => void);
+        onTouchStart(): void;
+        onTouchMove(dx: number, dy: number): void;
+        onTouchEnd(dx: number, dy: number, velocityX: number, velocityY: number): void;
+        onTouchCancel(): void;
+        onWheel(x: number, y: number): void;
+        getPosition(): number;
+        updatePosition(position: number): void;
+        scrollTo(position: number, duration?: number): void;
+    }
+    export default ScrollHandler;
+}

package.json

 {
   "name": "vconsole",
-  "version": "3.14.7",
+  "version": "3.15.0",
   "description": "A lightweight, extendable front-end developer tool for mobile web page.",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/Tencent/vConsole",

No alert changes

Improved metrics

Total package byte prevSize

385226

increased by11.11%

Lines of code

1246

increased by13.38%

No dependency changes