vap-visual - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

_Common/Axises/_AxisDrawer.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AxisDrawer = void 0;
 /**
@@ -4,0 +5,0 @@ * 坐标轴 结构

_Common/Axises/XBandDrawer.js

@@ -16,2 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.XBandDrawer = void 0;
 var _ = require("lodash");
@@ -18,0 +19,0 @@ var d3 = require("d3");

_Common/Axises/XDateDrawer.js

@@ -16,2 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.XDateDrawer = void 0;
 var _ = require("lodash");
@@ -18,0 +19,0 @@ var d3 = require("d3");

_Common/Axises/XFixNumberDrawer.js

@@ -32,2 +32,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFixNumberDrawer = void 0;
 var _ = require("lodash");
@@ -34,0 +35,0 @@ var d3 = require("d3");

_Common/Axises/YNumberDrawer.js

@@ -32,2 +32,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.YNumberDrawer = void 0;
 var _ = require("lodash");
@@ -34,0 +35,0 @@ var d3 = require("d3");

_Common/Axises/YPercentDrawer.js

@@ -16,2 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.YPercentDrawer = void 0;
 var _ = require("lodash");
@@ -18,0 +19,0 @@ var d3 = require("d3");

_Common/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Visual_1 = require("./Visual");
-exports.Visual = Visual_1.default;
+Object.defineProperty(exports, "Visual", { enumerable: true, get: function () { return Visual_1.default; } });
 var _Legend_1 = require("./Legends/_Legend");
-exports.LegendDrawer = _Legend_1.LegendDrawer;
+Object.defineProperty(exports, "LegendDrawer", { enumerable: true, get: function () { return _Legend_1.LegendDrawer; } });
 var Legends_1 = require("./Legends");
-exports.Legend = Legends_1.default;
+Object.defineProperty(exports, "Legend", { enumerable: true, get: function () { return Legends_1.default; } });
 var ToolTip_1 = require("./ToolTip");
-exports.ToolTip = ToolTip_1.default;
+Object.defineProperty(exports, "ToolTip", { enumerable: true, get: function () { return ToolTip_1.default; } });
 var PathUtil_1 = require("./PathUtil");
-exports.PathUtil = PathUtil_1.default;
+Object.defineProperty(exports, "PathUtil", { enumerable: true, get: function () { return PathUtil_1.default; } });
 var _AxisDrawer_1 = require("./Axises/_AxisDrawer");
-exports.AxisDrawer = _AxisDrawer_1.AxisDrawer;
+Object.defineProperty(exports, "AxisDrawer", { enumerable: true, get: function () { return _AxisDrawer_1.AxisDrawer; } });
 var Axises_1 = require("./Axises");
-exports.AxisUtil = Axises_1.default;
+Object.defineProperty(exports, "AxisUtil", { enumerable: true, get: function () { return Axises_1.default; } });

_Common/Legends/_Legend.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegendDrawer = void 0;
 var _ = require("lodash");
@@ -4,0 +5,0 @@ var LegendDrawer = /** @class */ (function () {

_Common/Legends/index.d.ts

@@ -5,5 +5,5 @@ import { Layout, Legend } from '../../interface';
     getSupport(legend: Legend): Legend;
-    getDrawer(legend: Legend, layout: Layout, container: import("d3-selection").Selection<any, any, any, any>, onSelectChange: any, labelFormat: any, valueFormat: any, duration: number, valueField: string | string[], valueLabel: string | string[]): LegendDrawer;
+    getDrawer(legend: Legend, layout: Layout, container: d3.Selection<any, any, any, any>, onSelectChange: any, labelFormat: any, valueFormat: any, duration: number, valueField: string | string[], valueLabel: string | string[]): LegendDrawer;
     convertLegendLayout(legend: Legend, ui: Layout): [Layout, Layout];
 };
 export default _default;

_Common/Legends/LegendNothing.js

@@ -19,2 +19,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegendNothing = void 0;
 var _Legend_1 = require("./_Legend");
@@ -21,0 +22,0 @@ var LegendNothing = /** @class */ (function (_super) {

_Common/Legends/LegendPercent.js

@@ -15,6 +15,6 @@ "use strict";
 })();
-var __values = (this && this.__values) || function (o) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
     if (m) return m.call(o);
-    return {
+    if (o && typeof o.length === "number") return {
         next: function () {
@@ -25,4 +25,6 @@ if (o && i >= o.length) o = void 0;
     };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegendPercent = void 0;
 var _Legend_1 = require("./_Legend");
@@ -29,0 +31,0 @@ var ToolTip_1 = require("../ToolTip");

_Common/Legends/LegendSimple.js

@@ -15,6 +15,6 @@ "use strict";
 })();
-var __values = (this && this.__values) || function (o) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
     if (m) return m.call(o);
-    return {
+    if (o && typeof o.length === "number") return {
         next: function () {
@@ -25,4 +25,6 @@ if (o && i >= o.length) o = void 0;
     };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegendSimple = void 0;
 var _Legend_1 = require("./_Legend");
@@ -29,0 +31,0 @@ var ToolTip_1 = require("../ToolTip");

_Common/Visual.js

@@ -80,3 +80,3 @@ "use strict";
             _this.initSVG(selector);
-            if (_.has(_this.CONFIG, 'data')) {
+            if (_.has(_this.CONFIG, 'data') && _this.CONFIG.data != null) {
                 var data = _.concat([], _this.CONFIG.data);
@@ -197,2 +197,5 @@ _.unset(_this.CONFIG, 'data');
         var _this = this;
+        if (this._loaded) {
+            return;
+        }
         if (selector) {
@@ -241,9 +244,10 @@ this.CONTAINER = d3.select(selector);
         this.SVG.attr('width', this.WIDTH).attr('height', this.HEIGHT);
+        if (_.isArray(this.CONFIG.valueField)) {
+            this.checkedField = _.concat([], this.CONFIG.valueField);
+        }
         if (this.__LegendConf) {
-            if (_.isArray(this.CONFIG.valueField)) {
-                this.checkedField = _.concat([], this.CONFIG.valueField);
-            }
             this.legendDrawer = Legends_1.default.getDrawer(this.__LegendConf, this.LAYOUT_LEGEND, this.LEGEND, function (fields) { return _this.onLegendSelected(fields); }, this.FormatLabel, this.FormatValue, this.DURATION, this.CONFIG.valueField, _.isArray(this.CONFIG.valueLabel) ? this.CONFIG.valueLabel : this.CONFIG.labelField);
         }
         this.init();
+        this._loaded = true;
     };
@@ -282,3 +286,3 @@ // 判断是否需要 Resize (可传 force 强㓡 resize)
             // FIX BUGS FOR CONTRUCT SYNTAX
-            return this._loaded || window.setTimeout(function () { return _this.setData(data); }, 8);
+            return this._loaded || window.setTimeout(function () { return _this.setData(data); }, 33);
         }
@@ -285,0 +289,0 @@ this.ORGIN_DATA = _.concat([], data);

Bars/Bar/Draw.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Draw = void 0;
 var _Common_1 = require("../../_Common");
@@ -4,0 +5,0 @@ /**

Bars/HBar/Draw.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Draw = void 0;
 var d3 = require("d3");
@@ -4,0 +5,0 @@ var _Common_1 = require("../../_Common");

Bars/HMultiBar/Draw.js

@@ -14,2 +14,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Draw = void 0;
 var _ = require("lodash");
@@ -50,3 +51,3 @@ var d3 = require("d3");
         var barGroup = enter.append('g').attr('class', '_bar_group');
-        var rectEnter = barGroup.datum(function (d, _idx) { return _this.valueField.map(function (_field, _i) { return (__assign({}, d, { _i: _i, _field: _field, _idx: _idx })); }); })
+        var rectEnter = barGroup.datum(function (d, _idx) { return _this.valueField.map(function (_field, _i) { return (__assign(__assign({}, d), { _i: _i, _field: _field, _idx: _idx })); }); })
             .selectAll('g._item')
@@ -62,3 +63,3 @@ .data(function (d) { return d; })
             var item = _.find(updateData, (_a = {}, _a[_this.labelField] = label, _a));
-            return _this.valueField.map(function (_field, _i) { return (__assign({}, item, { _i: _i, _field: _field })); });
+            return _this.valueField.map(function (_field, _i) { return (__assign(__assign({}, item), { _i: _i, _field: _field })); });
         });
@@ -162,3 +163,3 @@ rectUpdate.selectAll('rect')
         var barGroup = enter.append('g').attr('class', '_bar_group');
-        var rectEnter = barGroup.datum(function (d, _idx) { return _this.valueField.map(function (_field, _i) { return (__assign({}, d, { _i: _i, _field: _field, _idx: _idx })); }); })
+        var rectEnter = barGroup.datum(function (d, _idx) { return _this.valueField.map(function (_field, _i) { return (__assign(__assign({}, d), { _i: _i, _field: _field, _idx: _idx })); }); })
             .selectAll('g._item')
@@ -174,3 +175,3 @@ .data(function (d) { return d; })
             var item = _.find(updateData, (_a = {}, _a[_this.labelField] = label, _a));
-            return _this.valueField.map(function (_field, _i) { return (__assign({}, item, { _i: _i, _field: _field })); });
+            return _this.valueField.map(function (_field, _i) { return (__assign(__assign({}, item), { _i: _i, _field: _field })); });
         });
@@ -177,0 +178,0 @@ rectUpdate.selectAll('rect')

Bars/MultiBar/_StackDrawer.js

@@ -76,3 +76,2 @@ "use strict";
         });
-        console.log(items.data());
         items.transition()
@@ -79,0 +78,0 @@ .duration(duration)

Bars/MultiBar/Drawer.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
 var d3 = require("d3");
@@ -4,0 +5,0 @@ var Drawer = /** @class */ (function () {

Bars/MultiBar/DrawUtil.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDrawer = void 0;
 var _CompareDrawer_1 = require("./_CompareDrawer");
@@ -4,0 +5,0 @@ var _StackDrawer_1 = require("./_StackDrawer");

Distribution/Percentile/index.js

@@ -100,3 +100,3 @@ "use strict";
             }
-            data.push(__assign({}, item, param, { _total: item[_this.CONFIG.labelField] }));
+            data.push(__assign(__assign(__assign({}, item), param), { _total: item[_this.CONFIG.labelField] }));
         });
@@ -242,5 +242,5 @@ if (data[data.length - 1][this.CONFIG.labelField] < 100) {
                 var data = d.data;
-                console.log(d);
+                // console.log(d)
                 // let idx = parseInt(d3.select(d3.event.target.parentNode).attr('series'));
-                _this.CONFIG.onClick(d.data, _this.CONFIG.valueField[idx]);
+                _this.CONFIG.onClick(data, _this.CONFIG.valueField[idx]);
             });
@@ -247,0 +247,0 @@ // this.EXT_TOP.select('rect').on('click', (d) => {

index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Bar_1 = require("./Bars/Bar");
-exports.Bar = Bar_1.default;
+Object.defineProperty(exports, "Bar", { enumerable: true, get: function () { return Bar_1.default; } });
 var HBar_1 = require("./Bars/HBar");
-exports.HBar = HBar_1.default;
+Object.defineProperty(exports, "HBar", { enumerable: true, get: function () { return HBar_1.default; } });
 var MultiBar_1 = require("./Bars/MultiBar");
-exports.MultiBar = MultiBar_1.default;
+Object.defineProperty(exports, "MultiBar", { enumerable: true, get: function () { return MultiBar_1.default; } });
 var HMultiBar_1 = require("./Bars/HMultiBar");
-exports.HMultiBar = HMultiBar_1.default;
+Object.defineProperty(exports, "HMultiBar", { enumerable: true, get: function () { return HMultiBar_1.default; } });
 var Pie_1 = require("./Pies/Pie");
-exports.Pie = Pie_1.default;
+Object.defineProperty(exports, "Pie", { enumerable: true, get: function () { return Pie_1.default; } });
 var Percentile_1 = require("./Distribution/Percentile");
-exports.Percentile = Percentile_1.default;
+Object.defineProperty(exports, "Percentile", { enumerable: true, get: function () { return Percentile_1.default; } });
 var DateTrend_1 = require("./Trend/DateTrend");
-exports.DateTrend = DateTrend_1.default;
+Object.defineProperty(exports, "DateTrend", { enumerable: true, get: function () { return DateTrend_1.default; } });
 var Histogram_1 = require("./Trend/Histogram");
-exports.Histogram = Histogram_1.default;
+Object.defineProperty(exports, "Histogram", { enumerable: true, get: function () { return Histogram_1.default; } });
 var Hours_1 = require("./Trend/Hours");
-exports.Hours = Hours_1.default;
+Object.defineProperty(exports, "Hours", { enumerable: true, get: function () { return Hours_1.default; } });

package.json

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

Pies/Pie/Draw.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Draw = void 0;
 var _ = require("lodash");
@@ -4,0 +5,0 @@ var d3 = require("d3");

react/_Visual.js

@@ -16,2 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Visual = void 0;
 var React = require("react");
@@ -18,0 +19,0 @@ var _ = require("lodash");

react/index.js

@@ -16,2 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hours = exports.Histogram = exports.DateTrend = exports.Percentile = exports.Pie = exports.HMultiBar = exports.MultiBar = exports.HBar = exports.Bar = void 0;
 var _Visual_1 = require("./_Visual");
@@ -91,3 +92,3 @@ var index_1 = require("../index");
     DateTrend.prototype.build = function () {
-        console.log(this.props.valueFormat);
+        // console.log(this.props.valueFormat)
         this.visual = new index_1.DateTrend("#" + this.id, this.props);
@@ -94,0 +95,0 @@ };

react/topojson.js

@@ -16,2 +16,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleMap = void 0;
 var _Visual_1 = require("./_Visual");
@@ -18,0 +19,0 @@ var index_1 = require("../topojson/index");

topojson/_GeoUtil.js

@@ -23,2 +23,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GeoUtil = void 0;
 var topojson_client_1 = require("topojson-client");
@@ -65,2 +66,3 @@ var _ = require("lodash");
         removed.map(function (remove) { return _.set(bkg.coordinates, remove, [[99999, 99999], [99999, 99999]]); });
+        // console.log(bkg)
         return bkg;
@@ -67,0 +69,0 @@ };

topojson/index.js

@@ -6,2 +6,2 @@ "use strict";
 var SimpleMap_1 = require("./SimpleMap");
-exports.SimpleMap = SimpleMap_1.default;
+Object.defineProperty(exports, "SimpleMap", { enumerable: true, get: function () { return SimpleMap_1.default; } });

topojson/SimpleMap/index.js

@@ -27,6 +27,7 @@ "use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
@@ -300,3 +301,3 @@ });
         var _this = this;
-        return arr.map(function (item) { return (__assign({}, item, { __name: _this.FormatLabel(item[_this.CONFIG.labelField]) })); });
+        return arr.map(function (item) { return (__assign(__assign({}, item), { __name: _this.FormatLabel(item[_this.CONFIG.labelField]) })); });
     };
@@ -303,0 +304,0 @@ default_1.prototype.update = function (arr) {

Trend/DateTrend/Drawer.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
 var Drawer = /** @class */ (function () {
@@ -4,0 +5,0 @@ function Drawer(symbol) {

Trend/DateTrend/DrawUtil.d.ts

 import { Drawer } from './Drawer';
-import { TREND_SYMBOL } from '../interface';
-export declare var getDrawer: (mode: import("../../Bars/interface").STACK_MODE, type: TREND_SYMBOL) => Drawer;
+import { STACK_MODE, TREND_SYMBOL } from '../interface';
+export declare var getDrawer: (mode: STACK_MODE, type: TREND_SYMBOL) => Drawer;

Trend/DateTrend/DrawUtil.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDrawer = void 0;
 var _LineDrawer_1 = require("./_LineDrawer");
@@ -4,0 +5,0 @@ var _AreaDrawer_1 = require("./_AreaDrawer");

Trend/DateTrend/index.js

@@ -88,3 +88,2 @@ "use strict";
     default_1.prototype.sort = function (arr) {
-        // console.log(arr)
         var _this = this;
@@ -96,2 +95,3 @@ // (data: any[], labelField: string, valueField: string | string[], field = '_day', format: string = '%Y-%m-%d', start?: string | Date, end?: string | Date)
         var singleField = this.checkedField[0];
+        // console.log(this.checkedField)
         var data = _data.map(function (item) {
@@ -110,5 +110,7 @@ var __total = 0;
         this.scaleField = singleField;
+        // console.log(data)
         return data;
     };
     default_1.prototype.layout = function (arr) {
+        // console.log(arr)
         this.xAxisDrawer.data(this.LAYOUT, arr);
@@ -115,0 +117,0 @@ if (this.mode == 'stack') {

Trend/Histogram/Drawer.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
 var d3 = require("d3");
@@ -4,0 +5,0 @@ var _ = require("lodash");

Trend/Hours/index.js

@@ -67,3 +67,3 @@ "use strict";
             if (item) {
-                data.push(__assign({}, item, { _idx: i, _label: TimeFormat[i] }));
+                data.push(__assign(__assign({}, item), { _idx: i, _label: TimeFormat[i] }));
             }
@@ -70,0 +70,0 @@ else {

util/data.d.ts

@@ -13,2 +13,2 @@ import { Sort } from '../interface';
 */
-export declare const sort: (data: any[], sort: false | Sort, maxLength?: number) => any[];
+export declare const sort: (data: any[], sort: Sort | false, maxLength?: number) => any[];

util/data.js

@@ -19,2 +19,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sort = exports.extent = exports.fixMax = void 0;
 var d3 = require("d3");
@@ -21,0 +22,0 @@ var _ = require("lodash");

util/date.d.ts

 export declare const getDateFormat: (format: string) => (date: Date) => string;
-export declare const getDateParser: (format: string) => (datestr: string) => Date;
+export declare const getDateParser: (format: string) => (datestr: string) => (Date | null);
 /**
@@ -4,0 +4,0 @@ * 将一组数据，

util/date.js

@@ -22,6 +22,6 @@ "use strict";
 };
-var __values = (this && this.__values) || function (o) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
     if (m) return m.call(o);
-    return {
+    if (o && typeof o.length === "number") return {
         next: function () {
@@ -32,4 +32,6 @@ if (o && i >= o.length) o = void 0;
     };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.fillDayData = exports.getDateParser = exports.getDateFormat = void 0;
 var d3 = require("d3");
@@ -219,3 +221,4 @@ var _ = require("lodash");
     }
-    var formater = exports.getDateFormat(format);
+    // const formater = getDateFormat(format);
+    // console.log(data) 
     // 填充区间
@@ -222,0 +225,0 @@ var _a = __read(d3.extent(data, function (item) { return item[labelField]; }), 2), dataStart = _a[0], dataEnd = _a[1];

util/format.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="d3-format" />
 import { VALUE_FORMAT } from '../interface';
-export declare const formatDecimal: (number: string | number, limit?: number) => number;
+export declare const formatDecimal: (number: number | string, limit?: number) => number;
 export declare const formatInt: (number: number) => number;
@@ -5,0 +4,0 @@ export declare const formatUSD: (n: number | {

util/format.js

 "use strict";
 var _this = this;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildTransition = exports.buildFormat = exports.formatSize = exports.formatPercent = exports.formatChinese = exports.formatUSD = exports.formatInt = exports.formatDecimal = void 0;
 var d3 = require("d3");
@@ -5,0 +6,0 @@ var _ = require("lodash");

util/index.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="d3-format" />
 import { GLOBAL_CONFIG } from '../interface';
@@ -3,0 +2,0 @@ declare const _default: {

No alert changes

Improved metrics

Total package byte prevSize

320047

increased by0.98%

Lines of code

7681

increased by0.46%

No dependency changes