@visactor/vrender-kits - npm Package Compare versions

Comparing version 0.21.8 to 0.21.9-alpha.0

cjs/env/contributions/canvas-wrap.js

@@ -81,3 +81,2 @@ "use strict";
 
-exports.CanvasWrapEnableWH = CanvasWrapEnableWH;
-//# sourceMappingURL=canvas-wrap.js.map
+exports.CanvasWrapEnableWH = CanvasWrapEnableWH;

cjs/env/contributions/lynx-contribution.js

@@ -131,2 +131,3 @@ "use strict";
 LynxEnvContribution = __decorate([ (0, vrender_core_1.injectable)(), __metadata("design:paramtypes", []) ], LynxEnvContribution), 
-exports.LynxEnvContribution = LynxEnvContribution;
+exports.LynxEnvContribution = LynxEnvContribution;
+//# sourceMappingURL=lynx-contribution.js.map

cjs/env/contributions/wx-contribution.js

@@ -132,2 +132,2 @@ "use strict";
 exports.WxEnvContribution = WxEnvContribution;
-//# sourceMappingURL=wx-contribution.js.map
+//# sourceMappingURL=wx-contribution.js.map

cjs/event/extension/drag.js

@@ -54,2 +54,2 @@ "use strict";
 exports.DragNDrop = DragNDrop;
-//# sourceMappingURL=drag.js.map
+//# sourceMappingURL=drag.js.map

cjs/event/extension/gesture.js

@@ -191,2 +191,2 @@ "use strict";
 exports.Gesture = Gesture;
-//# sourceMappingURL=gesture.js.map
+//# sourceMappingURL=gesture.js.map

cjs/index.d.ts

@@ -34,2 +34,5 @@ export declare const roughModule: import("@visactor/vrender-core").ContainerModule;
 export * from './picker/contributions/canvas-picker/pyramid3d-module';
+export * from './graphic/gif-image';
+export * from './picker/contributions/canvas-picker/gif-image-module';
+export * from './render/contributions/canvas/gif-image-module';
 export * from './register/register-arc';
@@ -36,0 +39,0 @@ export * from './register/register-arc3d';

cjs/index.js

@@ -58,2 +58,4 @@ "use strict";
 __exportStar(require("./picker/contributions/canvas-picker/pyramid3d-module"), exports), 
+__exportStar(require("./graphic/gif-image"), exports), __exportStar(require("./picker/contributions/canvas-picker/gif-image-module"), exports), 
+__exportStar(require("./render/contributions/canvas/gif-image-module"), exports), 
 __exportStar(require("./register/register-arc"), exports), __exportStar(require("./register/register-arc3d"), exports), 
@@ -60,0 +62,0 @@ __exportStar(require("./register/register-area"), exports), __exportStar(require("./register/register-circle"), exports),

cjs/jsx/index.js

@@ -20,2 +20,3 @@ "use strict";
     value: !0
-}), __exportStar(require("./jsx-classic"), exports), __exportStar(require("./graphicType"), exports);
+}), __exportStar(require("./jsx-classic"), exports), __exportStar(require("./graphicType"), exports);
+//# sourceMappingURL=index.js.map

cjs/jsx/jsx-classic.js

@@ -25,3 +25,3 @@ "use strict";
 function jsx(type, config, ...children) {
-    const _a = config || {}, {key: key, name: name, id: id, attribute: attribute, stateProxy: stateProxy} = _a, props = __rest(_a, [ "key", "name", "id", "attribute", "stateProxy" ]);
+    const _a = config || {}, {key: key, name: name, id: id, attribute: attribute, stateProxy: stateProxy, animation: animation, timeline: timeline} = _a, props = __rest(_a, [ "key", "name", "id", "attribute", "stateProxy", "animation", "timeline" ]);
     let c = type;
@@ -32,4 +32,10 @@ (0, vutils_1.isString)(type) && (c = vrender_core_1.graphicCreator[type]);
     const g = "Group" === c.name ? new c(attribute) : c(config);
-    return parseToGraphic(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), 
-    g;
+    if (parseToGraphic(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), 
+    name && (g.name = name), (0, vutils_1.isArray)(animation)) {
+        const animate = g.animate();
+        timeline && animate.setTimeline(timeline), animation.forEach((item => {
+            animate[item[0]](...item.slice(1));
+        }));
+    }
+    return g;
 }
@@ -36,0 +42,0 @@

cjs/picker/contributions/constants.d.ts

@@ -18,2 +18,3 @@ export declare const MathPickerContribution: unique symbol;
 export declare const CanvasImagePicker: unique symbol;
+export declare const CanvasGifImagePicker: unique symbol;
 export declare const CanvasLinePicker: unique symbol;
@@ -20,0 +21,0 @@ export declare const CanvasPathPicker: unique symbol;

cjs/picker/contributions/constants.js

@@ -5,3 +5,3 @@ "use strict";
     value: !0
-}), exports.CanvasPickerContribution = exports.CanvasGroupPicker = exports.CanvasGlyphPicker = exports.CanvasRichTextPicker = exports.CanvasPyramid3dPicker = exports.CanvasPolygonPicker = exports.CanvasTextPicker = exports.CanvasSymbolPicker = exports.CanvasRect3dPicker = exports.CanvasRectPicker = exports.CanvasPathPicker = exports.CanvasLinePicker = exports.CanvasImagePicker = exports.CanvasCirclePicker = exports.CanvasAreaPicker = exports.CanvasArc3dPicker = exports.CanvasArcPicker = exports.MathGlyphPicker = exports.MathPolygonPicker = exports.MathTextPicker = exports.MathSymbolPicker = exports.MathRectPicker = exports.MathPathPicker = exports.MathLinePicker = exports.MathImagePicker = exports.MathCirclePicker = exports.MathAreaPicker = exports.MathArcPicker = exports.MathPickerContribution = void 0, 
+}), exports.CanvasPickerContribution = exports.CanvasGroupPicker = exports.CanvasGlyphPicker = exports.CanvasRichTextPicker = exports.CanvasPyramid3dPicker = exports.CanvasPolygonPicker = exports.CanvasTextPicker = exports.CanvasSymbolPicker = exports.CanvasRect3dPicker = exports.CanvasRectPicker = exports.CanvasPathPicker = exports.CanvasLinePicker = exports.CanvasGifImagePicker = exports.CanvasImagePicker = exports.CanvasCirclePicker = exports.CanvasAreaPicker = exports.CanvasArc3dPicker = exports.CanvasArcPicker = exports.MathGlyphPicker = exports.MathPolygonPicker = exports.MathTextPicker = exports.MathSymbolPicker = exports.MathRectPicker = exports.MathPathPicker = exports.MathLinePicker = exports.MathImagePicker = exports.MathCirclePicker = exports.MathAreaPicker = exports.MathArcPicker = exports.MathPickerContribution = void 0, 
 exports.MathPickerContribution = Symbol.for("MathPickerContribution"), exports.MathArcPicker = Symbol.for("MathArcPicker"), 
@@ -15,9 +15,9 @@ exports.MathAreaPicker = Symbol.for("MathAreaPicker"), exports.MathCirclePicker = Symbol.for("MathCirclePicker"),
 exports.CanvasAreaPicker = Symbol.for("CanvasAreaPicker"), exports.CanvasCirclePicker = Symbol.for("CanvasCirclePicker"), 
-exports.CanvasImagePicker = Symbol.for("CanvasImagePicker"), exports.CanvasLinePicker = Symbol.for("CanvasLinePicker"), 
-exports.CanvasPathPicker = Symbol.for("CanvasPathPicker"), exports.CanvasRectPicker = Symbol.for("CanvasRectPicker"), 
-exports.CanvasRect3dPicker = Symbol.for("CanvasRect3dPicker"), exports.CanvasSymbolPicker = Symbol.for("CanvasSymbolPicker"), 
-exports.CanvasTextPicker = Symbol.for("CanvasTextPicker"), exports.CanvasPolygonPicker = Symbol.for("CanvasPolygonPicker"), 
-exports.CanvasPyramid3dPicker = Symbol.for("CanvasPyramid3dPicker"), exports.CanvasRichTextPicker = Symbol.for("CanvasRichTextPicker"), 
-exports.CanvasGlyphPicker = Symbol.for("CanvasGlyphPicker"), exports.CanvasGroupPicker = Symbol.for("CanvasGroupPicker"), 
-exports.CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
+exports.CanvasImagePicker = Symbol.for("CanvasImagePicker"), exports.CanvasGifImagePicker = Symbol.for("CanvasGifImagePicker"), 
+exports.CanvasLinePicker = Symbol.for("CanvasLinePicker"), exports.CanvasPathPicker = Symbol.for("CanvasPathPicker"), 
+exports.CanvasRectPicker = Symbol.for("CanvasRectPicker"), exports.CanvasRect3dPicker = Symbol.for("CanvasRect3dPicker"), 
+exports.CanvasSymbolPicker = Symbol.for("CanvasSymbolPicker"), exports.CanvasTextPicker = Symbol.for("CanvasTextPicker"), 
+exports.CanvasPolygonPicker = Symbol.for("CanvasPolygonPicker"), exports.CanvasPyramid3dPicker = Symbol.for("CanvasPyramid3dPicker"), 
+exports.CanvasRichTextPicker = Symbol.for("CanvasRichTextPicker"), exports.CanvasGlyphPicker = Symbol.for("CanvasGlyphPicker"), 
+exports.CanvasGroupPicker = Symbol.for("CanvasGroupPicker"), exports.CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
 //# sourceMappingURL=constants.js.map

cjs/register/register-group.js

@@ -13,3 +13,2 @@ "use strict";
 
-_registerGroup.__loaded = !1, exports.registerGroup = _registerGroup;
-//# sourceMappingURL=register-group.js.map
+_registerGroup.__loaded = !1, exports.registerGroup = _registerGroup;

cjs/register/register-path.js

@@ -14,2 +14,3 @@ "use strict";
 
-_registerPath.__loaded = !1, exports.registerPath = _registerPath;
+_registerPath.__loaded = !1, exports.registerPath = _registerPath;
+//# sourceMappingURL=register-path.js.map

es/env/contributions/canvas-wrap.js

@@ -71,3 +71,2 @@ export class CanvasWrapDisableWH {
     }
-}
-//# sourceMappingURL=canvas-wrap.js.map
+}

es/env/contributions/lynx-contribution.js

@@ -126,2 +126,3 @@ var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
 
-export { LynxEnvContribution };
+export { LynxEnvContribution };
+//# sourceMappingURL=lynx-contribution.js.map

es/env/contributions/wx-contribution.js

@@ -127,2 +127,2 @@ var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
 export { WxEnvContribution };
-//# sourceMappingURL=wx-contribution.js.map
+//# sourceMappingURL=wx-contribution.js.map

es/event/extension/drag.js

@@ -46,2 +46,2 @@ export class DragNDrop {
 }
-//# sourceMappingURL=drag.js.map
+//# sourceMappingURL=drag.js.map

es/event/extension/gesture.js

@@ -186,2 +186,2 @@ import { application, clock, WILDCARD } from "@visactor/vrender-core";
 }
-//# sourceMappingURL=gesture.js.map
+//# sourceMappingURL=gesture.js.map

es/index.d.ts

@@ -34,2 +34,5 @@ export declare const roughModule: import("@visactor/vrender-core").ContainerModule;
 export * from './picker/contributions/canvas-picker/pyramid3d-module';
+export * from './graphic/gif-image';
+export * from './picker/contributions/canvas-picker/gif-image-module';
+export * from './render/contributions/canvas/gif-image-module';
 export * from './register/register-arc';
@@ -36,0 +39,0 @@ export * from './register/register-arc3d';

es/index.js

@@ -69,2 +69,8 @@ import _roughModule from "./render/contributions/rough/module";
 
+export * from "./graphic/gif-image";
+
+export * from "./picker/contributions/canvas-picker/gif-image-module";
+
+export * from "./render/contributions/canvas/gif-image-module";
+
 export * from "./register/register-arc";
@@ -71,0 +77,0 @@

es/jsx/index.js

 export * from "./jsx-classic";
 
-export * from "./graphicType";
+export * from "./graphicType";
+//# sourceMappingURL=index.js.map

es/jsx/jsx-classic.js

@@ -23,3 +23,3 @@ var __rest = this && this.__rest || function(s, e) {
 export function jsx(type, config, ...children) {
-    const _a = config || {}, {key: key, name: name, id: id, attribute: attribute, stateProxy: stateProxy} = _a, props = __rest(_a, [ "key", "name", "id", "attribute", "stateProxy" ]);
+    const _a = config || {}, {key: key, name: name, id: id, attribute: attribute, stateProxy: stateProxy, animation: animation, timeline: timeline} = _a, props = __rest(_a, [ "key", "name", "id", "attribute", "stateProxy", "animation", "timeline" ]);
     let c = type;
@@ -30,4 +30,10 @@ isString(type) && (c = graphicCreator[type]);
     const g = "Group" === c.name ? new c(attribute) : c(config);
-    return parseToGraphic(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), 
-    g;
+    if (parseToGraphic(g, childrenList, props), stateProxy && (g.stateProxy = stateProxy), 
+    name && (g.name = name), isArray(animation)) {
+        const animate = g.animate();
+        timeline && animate.setTimeline(timeline), animation.forEach((item => {
+            animate[item[0]](...item.slice(1));
+        }));
+    }
+    return g;
 }
@@ -34,0 +40,0 @@

es/picker/contributions/constants.d.ts

@@ -18,2 +18,3 @@ export declare const MathPickerContribution: unique symbol;
 export declare const CanvasImagePicker: unique symbol;
+export declare const CanvasGifImagePicker: unique symbol;
 export declare const CanvasLinePicker: unique symbol;
@@ -20,0 +21,0 @@ export declare const CanvasPathPicker: unique symbol;

es/picker/contributions/constants.js

@@ -35,2 +35,4 @@ export const MathPickerContribution = Symbol.for("MathPickerContribution");
 
+export const CanvasGifImagePicker = Symbol.for("CanvasGifImagePicker");
+
 export const CanvasLinePicker = Symbol.for("CanvasLinePicker");
@@ -37,0 +39,0 @@

es/register/register-group.js

@@ -9,3 +9,2 @@ import { registerGroupGraphic } from "@visactor/vrender-core";
 
-export const registerGroup = _registerGroup;
-//# sourceMappingURL=register-group.js.map
+export const registerGroup = _registerGroup;

es/register/register-path.js

@@ -16,2 +16,3 @@ import { container, pathModule, registerPathGraphic } from "@visactor/vrender-core";
 
-export const registerPath = _registerPath;
+export const registerPath = _registerPath;
+//# sourceMappingURL=register-path.js.map

package.json

 {
   "name": "@visactor/vrender-kits",
-  "version": "0.21.8",
+  "version": "0.21.9-alpha.0",
   "description": "",
@@ -16,5 +16,6 @@ "sideEffects": false,
     "@visactor/vutils": "~0.19.3",
-    "@visactor/vrender-core": "0.21.8",
+    "@visactor/vrender-core": "0.21.9-alpha.0",
     "@resvg/resvg-js": "2.4.1",
-    "roughjs": "4.5.2"
+    "roughjs": "4.5.2",
+    "gifuct-js": "2.1.2"
   },
@@ -21,0 +22,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

2479767

increased by3.8%

Number of package files

1089

increased by4.01%

Lines of code

26400

increased by4.77%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedgifuct-js@2.1.2

• + Added@visactor/vrender-core@0.21.9-alpha.0(transitive)

• + Addedgifuct-js@2.1.2(transitive)

• + Addedjs-binary-schema-parser@2.0.3(transitive)

• - Removed@visactor/vrender-core@0.21.8(transitive)

• Updated@visactor/vrender-core@0.21.9-alpha.0