@pinnacle0/web-ui 0.3.2 → 0.3.3-beta0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pinnacle0/web-ui",
-    "version": "0.3.2",
+    "version": "0.3.3-beta0",
     "author": "Pinnacle",
     "license": "MIT",
     "sideEffects": [
@@ -19,6 +19,7 @@
         "run-script": "ts-node --project config/tsconfig.script.json",
         "build": "yarn run-script script/build.ts",
         "start": "yarn run-script script/start.ts",
+        "start:mobile": "yarn run-script script/start-mobile.ts",
         "format": "yarn run-script script/format.ts",
         "test": "jest --config config/jest.config.js"
     },
@@ -27,7 +28,10 @@
         "antd": "4.20.1",
         "braft-editor": "2.3.9",
         "moment": "2.29.3",
-        "react-virtual": "2.10.4"
+        "react-virtual": "2.10.4",
+        "react-virtualized": "^9.22.3",
+        "react-virtualized-auto-sizer": "^1.0.6",
+        "react-window": "^1.8.6"
     },
     "peerDependencies": {
         "@babel/runtime": ">=7.12.1",
@@ -47,6 +51,8 @@
         "@types/react": "18.0.8",
         "@types/react-dom": "17.0.14",
         "@types/react-router-dom": "5.3.2",
+        "@types/react-virtualized-auto-sizer": "^1.0.1",
+        "@types/react-window": "1.8.5",
         "less": "4.1.2",
         "react": "18.1.0",
         "react-dom": "18.1.0",

package/util/SwipeUtil.d.ts

@@ -0,0 +1,8 @@
+import { Direction } from "../hooks/useSwipe";
+declare function getDirection(start: [number, number], end: [number, number]): Direction;
+declare function getDisplacement(start: [number, number], end: [number, number]): number;
+export declare const SwipeUtil: Readonly<{
+    getDirection: typeof getDirection;
+    getDisplacement: typeof getDisplacement;
+}>;
+export {};

package/util/SwipeUtil.js

@@ -0,0 +1,26 @@
+import { Direction } from "../hooks/useSwipe";
+function getDirection(start, end) {
+    var vector = [end[0] - start[0], start[1] - end[1]];
+    var degree = (Math.atan2(vector[1], vector[0]) * 180) / Math.PI;
+    degree = degree < 0 ? degree + 360 : degree;
+    if ((degree >= 315 && degree < 360) || (degree >= 0 && degree < 45)) {
+        return Direction.RIGHT;
+    }
+    else if (degree >= 45 && degree < 135) {
+        return Direction.UP;
+    }
+    else if (degree >= 135 && degree < 225) {
+        return Direction.LEFT;
+    }
+    else {
+        return Direction.DOWN;
+    }
+}
+function getDisplacement(start, end) {
+    return Math.sqrt(Math.pow(start[0] - end[0], 2) + Math.pow(start[1] - end[1], 2));
+}
+export var SwipeUtil = Object.freeze({
+    getDirection: getDirection,
+    getDisplacement: getDisplacement,
+});
+//# sourceMappingURL=SwipeUtil.js.map

package/util/SwipeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeUtil.js","sourceRoot":"","sources":["../../src/util/SwipeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,SAAS,YAAY,CAAC,KAAuB,EAAE,GAAqB;IAChE,IAAM,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,IAAI,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChE,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5C,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE;QACjE,OAAO,SAAS,CAAC,KAAK,CAAC;KAC1B;SAAM,IAAI,MAAM,IAAI,EAAE,IAAI,MAAM,GAAG,GAAG,EAAE;QACrC,OAAO,SAAS,CAAC,EAAE,CAAC;KACvB;SAAM,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,EAAE;QACtC,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;SAAM;QACH,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;AACL,CAAC;AAED,SAAS,eAAe,CAAC,KAAuB,EAAE,GAAqB;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtF,CAAC;AACD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,YAAY,cAAA;IACZ,eAAe,iBAAA;CAClB,CAAC,CAAC"}