vap-visual - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

_components/Event.d.ts

@@ -31,2 +31,3 @@ import * as d3 from 'd3';
 export declare const Event: Dispatcher;
+export declare const Serialization: unique symbol;
 export declare const on: ((eventType: EVENTS) => MethodDecorator);
@@ -33,0 +34,0 @@ export declare const getEventByGraph: (graphName: string) => Map<EVENTS, Function>;

_components/Event.js

@@ -14,3 +14,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEvt = exports.getEventByGraph = exports.on = exports.Event = exports.EVENTS = void 0;
+exports.getEvt = exports.getEventByGraph = exports.on = exports.Serialization = exports.Event = exports.EVENTS = void 0;
 var Loger_1 = require("../_utils/Loger");
@@ -210,2 +210,3 @@ var d3 = require("d3");
 });
+exports.Serialization = Symbol('GRAPH');
 // 事件中转
@@ -215,20 +216,24 @@ var EVENT_BRAGE = new Map();
 var on = function (eventType) { return function (target, property, descriptor) {
-    var graphName = target.constructor.name;
-    var sub = null;
-    if (!GRAPH_RELEATION.has(graphName) && target.constructor.prototype && target.constructor.prototype.__proto__ && target.constructor.prototype.__proto__.constructor) {
-        if (target.constructor.prototype.__proto__.constructor.name != 'Object') {
-            sub = target.constructor.prototype.__proto__.constructor.name;
+    // console.log(target, property, descriptor)
+    window.setTimeout(function () {
+        var graphName = target[exports.Serialization];
+        var sub = null;
+        if (!GRAPH_RELEATION.has(graphName) && target.constructor.prototype && target.constructor.prototype.__proto__ && target.constructor.prototype.__proto__[exports.Serialization]) {
+            if (target.constructor.prototype.__proto__.constructor.name != 'Object') {
+                sub = target.constructor.prototype.__proto__[exports.Serialization];
+            }
+            if (sub == 'Object') {
+                sub = null;
+            }
         }
-        if (sub == 'Object') {
-            sub = null;
+        if (sub) {
+            GRAPH_RELEATION.set(graphName, sub);
         }
-    }
-    if (sub) {
-        GRAPH_RELEATION.set(graphName, sub);
-    }
-    if (!EVENT_BRAGE.has(graphName)) {
-        EVENT_BRAGE.set(graphName, new Map());
-    }
-    var graphEvents = EVENT_BRAGE.get(graphName);
-    graphEvents.set(eventType, descriptor.value);
+        if (!EVENT_BRAGE.has(graphName)) {
+            EVENT_BRAGE.set(graphName, new Map());
+        }
+        var graphEvents = EVENT_BRAGE.get(graphName);
+        graphEvents.set(eventType, descriptor.value);
+        console.log(EVENT_BRAGE);
+    }, 1);
 }; };
@@ -288,3 +293,2 @@ exports.on = on;
         var group = selection.nodes();
-        // console.
         return { event: d, data: i, index: group.indexOf(node) };
@@ -291,0 +295,0 @@ }

Bars/Bar/index.d.ts

@@ -11,2 +11,3 @@ import * as d3 from 'd3';
 export declare class Bar extends Visual<BarOpts> {
+    DDD: string;
     protected __ClassName: string;
@@ -13,0 +14,0 @@ protected barType: BAR_TYPE;

Bars/Bar/index.js

@@ -31,3 +31,3 @@ "use strict";
 var Draw_1 = require("./Draw");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -43,2 +43,3 @@ * 普通 Bar 自定义支持情况
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.DDD = 'BAR';
         _this.__ClassName = '_bar';
@@ -179,1 +180,2 @@ _this.barType = 'default';
 exports.Bar = Bar;
+Bar.prototype[Serialization] = 'BAR';

Bars/HBar/index.js

@@ -30,3 +30,3 @@ "use strict";
 var _components_1 = require("../../_components");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -160,1 +160,2 @@ * 普通 Bar 自定义支持情况
 exports.HBar = HBar;
+HBar.prototype[Serialization] = 'HBAR';

Bars/HMultiBar/index.js

@@ -31,3 +31,3 @@ "use strict";
 var Loger_1 = require("../../_utils/Loger");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 var HMultiBar = /** @class */ (function (_super) {
@@ -186,1 +186,2 @@ __extends(HMultiBar, _super);
 exports.HMultiBar = HMultiBar;
+HMultiBar.prototype[Serialization] = 'HMULTIBAR';

Bars/Hours/index.d.ts

@@ -14,5 +14,5 @@ import { Bar } from '../Bar';
     protected sort(arr: any[]): any[];
-    update(): import("d3-selection").Selection<SVGGElement, import("d3-shape").SeriesPoint<{
+    update(): import("d3-selection").Selection<SVGGElement, import("d3").SeriesPoint<{
         [key: string]: number;
     }>, any, any>;
 }

Bars/Hours/index.js

@@ -39,3 +39,3 @@ "use strict";
 var _components_1 = require("../../_components");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 var TimeFormat = ['凌晨0点', '凌晨1点', '凌晨2点', '凌晨3点', '凌晨4点', '凌晨5点', '上午6点', '上午7点', '上午8点', '上午9点', '上午10点', '上午11点', '中午12点', '下午1点', '下午2点', '下午3点', '下午4点', '下午5点', '下午6点', '晚上7点', '晚上8点', '晚上9点', '晚上10点', '晚上11点'];
@@ -133,1 +133,2 @@ var Hours = /** @class */ (function (_super) {
 exports.Hours = Hours;
+Hours.prototype[Serialization] = 'HOURS';

Bars/MultiBar/index.js

@@ -31,3 +31,3 @@ "use strict";
 var Loger_1 = require("../../_utils/Loger");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 var SelectItem = function (group, itemIdx) {
@@ -206,1 +206,2 @@ if (itemIdx === null) {
 exports.MultiBar = MultiBar;
+MultiBar.prototype[Serialization] = 'MULTIBAR';

Distribution/CrossHeatMap/index.js

@@ -40,3 +40,3 @@ "use strict";
 var Loger_1 = require("../../_utils/Loger");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -194,1 +194,2 @@ * 百分位图
 exports.CrossHeatMap = CrossHeatMap;
+CrossHeatMap.prototype[Serialization] = 'CROSSHEATMAP';

Distribution/HeatMap/index.js

@@ -29,3 +29,3 @@ "use strict";
 var Loger_1 = require("../../_utils/Loger");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -117,1 +117,2 @@ * 百分位图
 exports.HeatMap = HeatMap;
+HeatMap.prototype[Serialization] = 'HEATMAP';

Distribution/Percentile/index.js

@@ -58,3 +58,3 @@ "use strict";
 var Loger_1 = require("../../_utils/Loger");
-var on = _components_1.EventUtil.on, Event = _components_1.EventUtil.Event, EVENTS = _components_1.EventUtil.EVENTS, getEvt = _components_1.EventUtil.getEvt;
+var on = _components_1.EventUtil.on, Event = _components_1.EventUtil.Event, EVENTS = _components_1.EventUtil.EVENTS, getEvt = _components_1.EventUtil.getEvt, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -294,1 +294,2 @@ * 百分位图
 exports.Percentile = Percentile;
+Percentile.prototype[Serialization] = 'PERCENTILE';

index.d.ts

@@ -12,3 +12,4 @@ export { Bar } from './Bars/Bar';
 export { Hours } from './Bars/Hours';
+export { Gauge } from './Labels/Gauge';
 export { Geo } from './Geo';
 export { Line } from './Lines/Line';

index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Line = exports.Geo = exports.Hours = exports.Histogram = exports.DateTrend = exports.HeatMap = exports.Percentile = exports.Radar = exports.Pie = exports.HMultiBar = exports.MultiBar = exports.HBar = exports.Bar = void 0;
+exports.Line = exports.Geo = exports.Gauge = exports.Hours = exports.Histogram = exports.DateTrend = exports.HeatMap = exports.Percentile = exports.Radar = exports.Pie = exports.HMultiBar = exports.MultiBar = exports.HBar = exports.Bar = void 0;
 var Bar_1 = require("./Bars/Bar");
@@ -27,2 +27,4 @@ Object.defineProperty(exports, "Bar", { enumerable: true, get: function () { return Bar_1.Bar; } });
 Object.defineProperty(exports, "Hours", { enumerable: true, get: function () { return Hours_1.Hours; } });
+var Gauge_1 = require("./Labels/Gauge");
+Object.defineProperty(exports, "Gauge", { enumerable: true, get: function () { return Gauge_1.Gauge; } });
 var Geo_1 = require("./Geo");
@@ -29,0 +31,0 @@ Object.defineProperty(exports, "Geo", { enumerable: true, get: function () { return Geo_1.Geo; } });

Labels/Gauge/index.js

@@ -30,3 +30,3 @@ "use strict";
 var _Global_1 = require("../../Geo/utils/VisualChannel/_Global");
-var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS;
+var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -101,1 +101,2 @@ * 说明：指示计 Gauge 仅支持一个长度的数组
 exports.Gauge = Gauge;
+Gauge.prototype[Serialization] = 'GAUGE';

Lines/Line/index.js

@@ -47,3 +47,3 @@ "use strict";
 var Draw_1 = require("./Draw");
-var Event = _components_1.EventUtil.Event, getEvt = _components_1.EventUtil.getEvt;
+var Event = _components_1.EventUtil.Event, getEvt = _components_1.EventUtil.getEvt, Serialization = _components_1.EventUtil.Serialization;
 var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS;
@@ -240,1 +240,2 @@ var SelectItem = function (group, itemIdx) {
 exports.Line = Line;
+Line.prototype[Serialization] = 'LINE';

package.json

 {
     "name": "vap-visual",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "vap-visual - A Visual FrameWork base on  d3",
@@ -5,0 +5,0 @@ "main": "index.js",

Pies/Pie/index.js

@@ -32,3 +32,3 @@ "use strict";
 var Visual_1 = require("../../Visual");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 ;
@@ -328,1 +328,2 @@ /**
 exports.Pie = Pie;
+Pie.prototype[Serialization] = 'PIE';

Radars/Radar/index.js

@@ -31,3 +31,3 @@ "use strict";
 var Draw_1 = require("./Draw");
-var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on;
+var EVENTS = _components_1.EventUtil.EVENTS, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 var Radar = /** @class */ (function (_super) {
@@ -223,1 +223,2 @@ __extends(Radar, _super);
 exports.Radar = Radar;
+Radar.prototype[Serialization] = 'RADAR';

Trend/DateTrend/index.js

@@ -48,3 +48,3 @@ "use strict";
 var Loger_1 = require("../../_utils/Loger");
-var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS, Event = _components_1.EventUtil.Event, getEvt = _components_1.EventUtil.getEvt;
+var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS, Event = _components_1.EventUtil.Event, getEvt = _components_1.EventUtil.getEvt, Serialization = _components_1.EventUtil.Serialization;
 /**
@@ -283,1 +283,2 @@ * 日期趋势
 exports.DateTrend = DateTrend;
+DateTrend.prototype[Serialization] = 'DATETREND';

Trend/Histogram/index.js

@@ -31,3 +31,3 @@ "use strict";
 var Draw_1 = require("./Draw");
-var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS;
+var on = _components_1.EventUtil.on, EVENTS = _components_1.EventUtil.EVENTS, Serialization = _components_1.EventUtil.Serialization;
 var SelectItem = function (group, itemIdx) {
@@ -190,1 +190,2 @@ if (itemIdx === null) {
 exports.Histogram = Histogram;
+Histogram.prototype[Serialization] = 'HISTOGRAM';

Visual.js

@@ -42,3 +42,3 @@ "use strict";
 var ColorSpace_1 = require("./_components/ColorSpace");
-var Event = _components_1.EventUtil.Event, EVENTS = _components_1.EventUtil.EVENTS, getEventByGraph = _components_1.EventUtil.getEventByGraph, getEvt = _components_1.EventUtil.getEvt, on = _components_1.EventUtil.on;
+var Event = _components_1.EventUtil.Event, EVENTS = _components_1.EventUtil.EVENTS, getEventByGraph = _components_1.EventUtil.getEventByGraph, getEvt = _components_1.EventUtil.getEvt, on = _components_1.EventUtil.on, Serialization = _components_1.EventUtil.Serialization;
 var DEFAULT_FORMAT = function (v, o) { return v; };
@@ -318,3 +318,3 @@ /**
         this.init();
-        var evts = getEventByGraph(this.constructor.name);
+        var evts = getEventByGraph(this[Serialization]);
         evts.forEach(function (fn, evtType) {
@@ -422,1 +422,2 @@ switch (evtType) {
 exports.Visual = Visual;
+Visual.prototype[Serialization] = 'VISUAL';

No alert changes

Improved metrics

Total package byte prevSize

724744

increased by0.27%

Lines of code

16377

increased by0.15%

No dependency changes