cbvirtua 1.0.34 → 1.0.35

package/before/before.spec.js

@@ -1,174 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { before } from './before';
-describe('before', () => {
-    it('should make sure error thrown when decorator not set on method', () => {
-        try {
-            const nonValidBefore = before({ func: null });
-            class T {
-            }
-            __decorate([
-                nonValidBefore,
-                __metadata("design:type", String)
-            ], T.prototype, "boo", void 0);
-        }
-        catch (e) {
-            expect('@before is applicable only on a methods.').toBe(e.message);
-            return;
-        }
-        throw new Error('should not reach this line');
-    });
-    it('should verify before method invocation with the right context when provided as string', () => {
-        let counter = 0;
-        class T {
-            before() {
-                expect(this.prop).toBe(3);
-                expect(counter).toBe(0);
-                counter += 1;
-            }
-            foo(x) {
-                return this.goo(x);
-            }
-            goo(x) {
-                expect(this.prop).toBe(3);
-                expect(counter).toBe(1);
-            }
-        }
-        __decorate([
-            before({
-                func: 'before',
-            }),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Number]),
-            __metadata("design:returntype", void 0)
-        ], T.prototype, "foo", null);
-        const t = new T();
-        t.prop = 3;
-        const spyGoo = jest.spyOn(T.prototype, 'goo');
-        const spyBefore = jest.spyOn(T.prototype, 'before');
-        t.foo(1);
-        expect(spyGoo).toBeCalledTimes(1);
-        expect(spyGoo).toBeCalledWith(1);
-        expect(spyBefore).toBeCalledTimes(1);
-    });
-    it('should verify before method invocation when method is provided', () => {
-        let counter = 0;
-        const beforeFunc = jest.fn(() => {
-            expect(counter).toBe(0);
-            counter += 1;
-        });
-        class T {
-            foo(x) {
-                return this.goo(x);
-            }
-            goo(x) {
-                expect(counter).toBe(1);
-            }
-        }
-        __decorate([
-            before({
-                func: beforeFunc,
-            }),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Number]),
-            __metadata("design:returntype", void 0)
-        ], T.prototype, "foo", null);
-        const t = new T();
-        const spyGoo = jest.spyOn(T.prototype, 'goo');
-        t.foo(1);
-        expect(spyGoo).toBeCalledTimes(1);
-        expect(spyGoo).toBeCalledWith(1);
-        expect(beforeFunc.mock.calls.length).toBe(1);
-    });
-    it('should verify before method invocation when method is provided without waiting for it to be resolved', (done) => {
-        let counter = 0;
-        const beforeFunc = jest.fn(() => new Promise((resolve) => {
-            setTimeout(() => {
-                expect(counter).toBe(1);
-                resolve(null);
-                done();
-            }, 0);
-        }));
-        class T {
-            foo(x) {
-                return this.goo(x);
-            }
-            goo(x) {
-                expect(counter).toBe(0);
-                counter += 1;
-            }
-        }
-        __decorate([
-            before({
-                func: beforeFunc,
-            }),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Number]),
-            __metadata("design:returntype", void 0)
-        ], T.prototype, "foo", null);
-        const t = new T();
-        t.foo(1);
-    });
-    it('should verify before method invocation when method is provided with waiting for it to be resolved', (done) => {
-        let counter = 0;
-        const beforeFunc = jest.fn(() => new Promise((resolve) => {
-            setTimeout(() => {
-                expect(counter).toBe(0);
-                counter += 1;
-                resolve(null);
-                done();
-            }, 10);
-        }));
-        class T {
-            foo(x) {
-                return this.goo(x);
-            }
-            goo(x) {
-                expect(counter).toBe(1);
-            }
-        }
-        __decorate([
-            before({
-                func: beforeFunc,
-                wait: true,
-            }),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Number]),
-            __metadata("design:returntype", void 0)
-        ], T.prototype, "foo", null);
-        const t = new T();
-        t.foo(1);
-    });
-    it('should returned result of method', async () => {
-        let counter = 0;
-        const beforeFunc = jest.fn(() => {
-            expect(counter).toBe(0);
-            counter += 1;
-        });
-        class T {
-            foo(x) {
-                return x;
-            }
-        }
-        __decorate([
-            before({
-                func: beforeFunc,
-            }),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Number]),
-            __metadata("design:returntype", Number)
-        ], T.prototype, "foo", null);
-        const t = new T();
-        const value = 42;
-        const result = await t.foo(value);
-        expect(result).toBe(value);
-    });
-});
-//# sourceMappingURL=before.spec.js.map

package/before/before.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"before.spec.js","sourceRoot":"","sources":["../../../src/before/before.spec.ts"],"names":[],"mappings":"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"}

package/before/beforify.d.ts

@@ -1,3 +0,0 @@
-import { Method } from '../common/model/common.model';
-import { BeforeConfig } from './before.model';
-export declare function beforify<D = any, A extends any[] = any[]>(originalMethod: Method<D, A>, config: BeforeConfig<any>): Method<Promise<D>, A>;

package/before/beforify.js

@@ -1,18 +0,0 @@
-export function beforify(originalMethod, config) {
-    const resolvedConfig = {
-        wait: false,
-        ...config,
-    };
-    return async function (...args) {
-        const beforeFunc = typeof resolvedConfig.func === 'string'
-            ? this[resolvedConfig.func].bind(this)
-            : resolvedConfig.func;
-        if (resolvedConfig.wait) {
-            await beforeFunc();
-            return originalMethod.apply(this, args);
-        }
-        beforeFunc();
-        return originalMethod.apply(this, args);
-    };
-}
-//# sourceMappingURL=beforify.js.map

package/before/beforify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"beforify.js","sourceRoot":"","sources":["../../../src/before/beforify.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,QAAQ,CACtB,cAA4B,EAAE,MAAyB;IAEvD,MAAM,cAAc,GAAsB;QACxC,IAAI,EAAE,KAAK;QACX,GAAG,MAAM;KACV,CAAC;IAEF,OAAO,KAAK,WAAW,GAAG,IAAO;QAC/B,MAAM,UAAU,GAAG,OAAO,cAAc,CAAC,IAAI,KAAK,QAAQ;YACxD,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YACtC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC;QAExB,IAAI,cAAc,CAAC,IAAI,EAAE,CAAC;YACxB,MAAM,UAAU,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC;QAED,UAAU,EAAE,CAAC;QACb,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC,CAAC;AACJ,CAAC"}

package/canvas.txt

@@ -1,204 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Document</title>
-    <style>
-        body {
-            text-align: center;
-        }
-        
-        canvas {
-            border: 1px solid;
-        }
-        
-        .newcanvas {
-            width: 316px;
-            height: 316px;
-            margin: auto;
-        }
-        
-        .newpohoto,
-        .download {
-            width: 300px;
-            height: 40px;
-            line-height: 40px;
-            margin: auto;
-            background-color: cornflowerblue;
-            border-radius: 5px;
-            cursor: pointer;
-            margin: 10px auto;
-            color: white;
-        }
-    </style>
-</head>
-
-<body>
-    <h3>使用canvas实现九宫格切图的效果</h3>
-    <div class="mycanvas">
-        <canvas width="300" height="300" id="mycnavas"></canvas>
-    </div>
-    <div class="newpohoto">
-        开始切图
-    </div>
-    <div class="newcanvas">
-        <canvas width="100" height="100" id="img1"></canvas>
-        <canvas width="100" height="100" id="img2"></canvas>
-        <canvas width="100" height="100" id="img3"></canvas>
-        <canvas width="100" height="100" id="img4"></canvas>
-        <canvas width="100" height="100" id="img5"></canvas>
-        <canvas width="100" height="100" id="img6"></canvas>
-        <canvas width="100" height="100" id="img7"></canvas>
-        <canvas width="100" height="100" id="img8"></canvas>
-        <canvas width="100" height="100" id="img9"></canvas>
-    </div>
-    <div class="download">
-        下载图片
-    </div>
-    <script>
-         var canvas = document.getElementById("mycnavas");      //现将图片放上去
-        var cxt = mycnavas.getContext("2d");
-        var img = new Image();
-        img.src = "../img/img10.jpg";
-        window.onload = function() {
-            cxt.drawImage(img, 0, 0, 400, 300);             //画好图片的位置
-        } 
-        var arr = [];        //将切的图片存到数组里面
-        document.getElementsByClassName("newpohoto")[0].onclick = function() {
-            var q = 1;
-            for (var i = 0; i < 3; i++) {     
-                for (var j = 0; j < 3; j++) {
-                    var data = cxt.getImageData(j * 100, i * 100, 400, 100);      //类似于“复制”功能
-                    var img = document.getElementById("img" + q)
-                    var newcxt = img.getContext("2d");
-                    newcxt.putImageData(data, 0, 0);    //类似“粘贴”功能
-                  arr.push(console.log(img.toDataURL(q + ".png")))     //toDataURL()方法的两个参数：DataURL(type, encoderOptions) type指定转换为base64编码后图片的格式，如：image/png、image/jpeg、image/webp等等，默认为image/png格式；																																					
-                    q++;
-                    console.log(arr)
-                }
-            }
-
-        }
-         //下载切的图片
-        var arr = [];
-        document.getElementsByClassName('download')[0].onclick = function() {
-            for (var i = 0; i < 9; i++) {
-                var a = document.createElement('a');
-                a.download = 'img' + (i + 1);
-                a.href = arr[i];
-                document.body.appendChild(a);
-                a.click();
-            }
-        }
-    </script>
-
-</body>
-
-</html>
-————————————————
-
-import { useState } from "react";
-
-import _ from "lodash";
-
-export const useCutImg = (url: string | undefined, points: number[][]) => {
-  const [result, setResult] = useState<string | undefined>();
-  if (points.length > 3 || points.length < 1) {
-    console.error("points's length should be 2");
-    return [""];
-  }
-  if (!url) {
-    console.error("can not find image url");
-    return [""];
-  }
-  let dx = 0;
-  let dy = 0;
-  let width = 0;
-  let height = 0;
-
-  dx = _.get(points, "[0][0]", 0);
-  dy = _.get(points, "[0][1]", 0);
-  const ex = _.get(points, "[1][0]", 0);
-  const ey = _.get(points, "[1][1]", 0);
-  width = ex - dx;
-  height = ey - dy;
-
-  const img = new Image();
-  // 本地环境下，带有域名的图片地址存在跨域，设置crossOrigin，允许跨域
-  img.setAttribute("crossOrigin", "Anonymous");
-  img.src = url;
-  img.onload = function () {
-    const canvas = document.createElement("canvas");
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      console.error("cannot init screenshot canvas");
-      return;
-    }
-    canvas.width = width;
-    canvas.height = height;
-    ctx.drawImage(img, dx, dy, width, height, 0, 0, width, height);
-    const data = canvas.toDataURL("image/png");
-    setResult(data);
-  };
-  return [result];
-};
-
-
- const sliceImage = () => {
-    const canvas = document.createElement("canvas");
-    const context = canvas.getContext("2d");
-    if (!context || !imageRef.current) {
-      return;
-    }
-    const imageWidth = imageRef.current.naturalWidth;
-    const imageHeight = imageRef.current.naturalHeight;
-
-    const xLines = draggableListData
-      .filter((item) => item.axis === "x")
-      .map((item) =>
-        item.newPosition ? item.newPosition.x : item.defaultPosition.x
-      )
-      .map((item) => Math.round(item / scale))
-      .concat(imageWidth)
-      .sort((a, b) => a - b);
-    console.log(xLines);
-    const yLines = draggableListData
-      .filter((item) => item.axis === "y")
-      .map((item) =>
-        item.newPosition ? item.newPosition.y : item.defaultPosition.y
-      )
-      .map((item) => Math.round(item / scale))
-      .concat(imageHeight)
-      .sort((a, b) => a - b);
-    for (let y = 0; y < yLines.length; y++) {
-      for (let x = 0; x < xLines.length; x++) {
-        const sliceX = x === 0 ? 0 : xLines[x - 1];
-        const sliceY = y === 0 ? 0 : yLines[y - 1];
-        const sliceWidth =
-          x === xLines.length - 1 ? imageWidth - sliceX : xLines[x] - sliceX;
-        const sliceHeight =
-          y === yLines.length - 1 ? imageHeight - sliceY : yLines[y] - sliceY;
-
-        canvas.width = sliceWidth;
-        canvas.height = sliceHeight;
-
-        context.drawImage(
-          imageRef.current,
-          sliceX,
-          sliceY,
-          sliceWidth,
-          sliceHeight,
-          0,
-          0,
-          sliceWidth,
-          sliceHeight
-        );
-
-        const sliceData = canvas.toDataURL("image/png");
-        downloadSlice(sliceData, `slice_${x}_${y}.png`);
-      }
-    }
-  };