vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+27
@@ -0,0 +1,27 @@
|
||||
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
|
||||
|
||||
export function genPoints(points, boundary, type) {
|
||||
var minX = boundary.minX,
|
||||
minY = boundary.minY,
|
||||
maxX = boundary.maxX,
|
||||
maxY = boundary.maxY;
|
||||
|
||||
var normalisedPoints = points.map(function (item) {
|
||||
return typeof item === 'number' ? item : item.value;
|
||||
});
|
||||
var totalPoints = normalisedPoints.length;
|
||||
var maxValue = Math.max.apply(Math, _toConsumableArray(normalisedPoints)) + 1;
|
||||
var minValue = Math.min.apply(Math, _toConsumableArray(normalisedPoints));
|
||||
if (minValue) minValue -= 1;
|
||||
var gridX = (maxX - minX) / (totalPoints - 1);
|
||||
if (type === 'bar') gridX = maxX / totalPoints;
|
||||
var gridY = (maxY - minY) / (maxValue - minValue);
|
||||
return normalisedPoints.map(function (value, index) {
|
||||
return {
|
||||
x: minX + index * gridX,
|
||||
y: maxY - (value - minValue) * gridY + +(index === totalPoints - 1) * 0.00001 - +(index === 0) * 0.00001,
|
||||
value: value
|
||||
};
|
||||
});
|
||||
}
|
||||
//# sourceMappingURL=core.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../../src/components/VSparkline/helpers/core.ts"],"names":[],"mappings":";;OAEM,SAAU,SAAV,CACJ,MADI,EAEJ,QAFI,EAGJ,IAHI,EAGQ;AAAA,QAEJ,IAFI,GAEuB,QAFvB,CAEJ,IAFI;AAAA,QAEE,IAFF,GAEuB,QAFvB,CAEE,IAFF;AAAA,QAEQ,IAFR,GAEuB,QAFvB,CAEQ,IAFR;AAAA,QAEc,IAFd,GAEuB,QAFvB,CAEc,IAFd;;AAGZ,QAAM,mBAAmB,OAAO,GAAP,CACvB;AAAA,eAAS,OAAO,IAAP,KAAgB,QAAhB,GAA2B,IAA3B,GAAkC,KAAK,KAAhD;AAAA,KADuB,CAAzB;AAGA,QAAM,cAAc,iBAAiB,MAArC;AACA,QAAM,WAAW,KAAK,GAAL,gCAAY,gBAAZ,KAAgC,CAAjD;AACA,QAAI,WAAW,KAAK,GAAL,gCAAY,gBAAZ,EAAf;AAEA,QAAI,QAAJ,EAAc,YAAY,CAAZ;AACd,QAAI,QAAQ,CAAC,OAAO,IAAR,KAAiB,cAAc,CAA/B,CAAZ;AACA,QAAI,SAAS,KAAb,EAAoB,QAAQ,OAAO,WAAf;AACpB,QAAM,QAAQ,CAAC,OAAO,IAAR,KAAiB,WAAW,QAA5B,CAAd;AAEA,WAAO,iBAAiB,GAAjB,CAAqB,UAAC,KAAD,EAAQ,KAAR,EAAiB;AAC3C,eAAO;AACL,eAAG,OAAO,QAAQ,KADb;AAEL,eACE,OACA,CAAC,QAAQ,QAAT,IAAqB,KADrB,GAEA,EAAE,UAAU,cAAc,CAA1B,IAA+B,OAF/B,GAGA,EAAE,UAAU,CAAZ,IAAiB,OANd;AAOL;AAPK,SAAP;AASD,KAVM,CAAP;AAWD","sourcesContent":["import { SparklineItem, Boundary, Point } from '../VSparkline'\n\nexport function genPoints (\n points: SparklineItem[],\n boundary: Boundary,\n type: String\n): Point[] {\n const { minX, minY, maxX, maxY } = boundary\n const normalisedPoints = points.map(\n item => (typeof item === 'number' ? item : item.value)\n )\n const totalPoints = normalisedPoints.length\n const maxValue = Math.max(...normalisedPoints) + 1\n let minValue = Math.min(...normalisedPoints)\n\n if (minValue) minValue -= 1\n let gridX = (maxX - minX) / (totalPoints - 1)\n if (type === 'bar') gridX = maxX / totalPoints\n const gridY = (maxY - minY) / (maxValue - minValue)\n\n return normalisedPoints.map((value, index) => {\n return {\n x: minX + index * gridX,\n y:\n maxY -\n (value - minValue) * gridY +\n +(index === totalPoints - 1) * 0.00001 -\n +(index === 0) * 0.00001,\n value\n }\n })\n}\n"],"sourceRoot":""}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
function int(value) {
|
||||
return parseInt(value, 10);
|
||||
}
|
||||
/**
|
||||
* https://en.wikipedia.org/wiki/Collinearity
|
||||
* x=(x1+x2)/2
|
||||
* y=(y1+y2)/2
|
||||
*/
|
||||
export function checkCollinear(p0, p1, p2) {
|
||||
return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y);
|
||||
}
|
||||
export function getDistance(p1, p2) {
|
||||
return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
|
||||
}
|
||||
export function moveTo(to, from, radius) {
|
||||
var vector = { x: to.x - from.x, y: to.y - from.y };
|
||||
var length = Math.sqrt(vector.x * vector.x + vector.y * vector.y);
|
||||
var unitVector = { x: vector.x / length, y: vector.y / length };
|
||||
return {
|
||||
x: from.x + unitVector.x * radius,
|
||||
y: from.y + unitVector.y * radius
|
||||
};
|
||||
}
|
||||
//# sourceMappingURL=math.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../../src/components/VSparkline/helpers/math.ts"],"names":[],"mappings":"AAEA,SAAS,GAAT,CAAc,KAAd,EAAoC;AAClC,WAAO,SAAS,KAAT,EAAgB,EAAhB,CAAP;AACD;AAED;;;;;AAKA,OAAM,SAAU,cAAV,CAA0B,EAA1B,EAAqC,EAArC,EAAgD,EAAhD,EAAyD;AAC7D,WAAO,IAAI,GAAG,CAAH,GAAO,GAAG,CAAd,MAAqB,IAAI,IAAI,GAAG,CAAX,CAArB,IAAsC,IAAI,GAAG,CAAH,GAAO,GAAG,CAAd,MAAqB,IAAI,IAAI,GAAG,CAAX,CAAlE;AACD;AAED,OAAM,SAAU,WAAV,CAAuB,EAAvB,EAAkC,EAAlC,EAA2C;AAC/C,WAAO,KAAK,IAAL,CACL,KAAK,GAAL,CAAS,GAAG,CAAH,GAAO,GAAG,CAAnB,EAAsB,CAAtB,IAA2B,KAAK,GAAL,CAAS,GAAG,CAAH,GAAO,GAAG,CAAnB,EAAsB,CAAtB,CADtB,CAAP;AAGD;AAED,OAAM,SAAU,MAAV,CAAkB,EAAlB,EAA6B,IAA7B,EAA0C,MAA1C,EAAwD;AAC5D,QAAM,SAAS,EAAE,GAAG,GAAG,CAAH,GAAO,KAAK,CAAjB,EAAoB,GAAG,GAAG,CAAH,GAAO,KAAK,CAAnC,EAAf;AACA,QAAM,SAAS,KAAK,IAAL,CAAW,OAAO,CAAP,GAAW,OAAO,CAAnB,GAAyB,OAAO,CAAP,GAAW,OAAO,CAArD,CAAf;AACA,QAAM,aAAa,EAAE,GAAG,OAAO,CAAP,GAAW,MAAhB,EAAwB,GAAG,OAAO,CAAP,GAAW,MAAtC,EAAnB;AAEA,WAAO;AACL,WAAG,KAAK,CAAL,GAAS,WAAW,CAAX,GAAe,MADtB;AAEL,WAAG,KAAK,CAAL,GAAS,WAAW,CAAX,GAAe;AAFtB,KAAP;AAID","sourcesContent":["import { Point } from '../VSparkline'\n\nfunction int (value: string | number): number {\n return parseInt(value, 10)\n}\n\n/**\n * https://en.wikipedia.org/wiki/Collinearity\n * x=(x1+x2)/2\n * y=(y1+y2)/2\n */\nexport function checkCollinear (p0: Point, p1: Point, p2: Point): boolean {\n return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y)\n}\n\nexport function getDistance (p1: Point, p2: Point): number {\n return Math.sqrt(\n Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2)\n )\n}\n\nexport function moveTo (to: Point, from: Point, radius: number) {\n const vector = { x: to.x - from.x, y: to.y - from.y }\n const length = Math.sqrt((vector.x * vector.x) + (vector.y * vector.y))\n const unitVector = { x: vector.x / length, y: vector.y / length }\n\n return {\n x: from.x + unitVector.x * radius,\n y: from.y + unitVector.y * radius\n }\n}\n"],"sourceRoot":""}
|
||||
+26
@@ -0,0 +1,26 @@
|
||||
import { checkCollinear, getDistance, moveTo } from './math';
|
||||
/**
|
||||
* From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18
|
||||
*/
|
||||
export function genPath(points, radius) {
|
||||
var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
||||
var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 75;
|
||||
|
||||
var start = points.shift();
|
||||
var end = points[points.length - 1];
|
||||
return (fill ? 'M' + start.x + ' ' + height + ' L' + start.x + ' ' + start.y : 'M' + start.x + ' ' + start.y) + points.map(function (point, index) {
|
||||
var next = points[index + 1];
|
||||
var prev = points[index - 1] || start;
|
||||
var isCollinear = next && checkCollinear(next, point, prev);
|
||||
if (!next || isCollinear) {
|
||||
return 'L' + point.x + ' ' + point.y;
|
||||
}
|
||||
var threshold = Math.min(getDistance(prev, point), getDistance(next, point));
|
||||
var isTooCloseForRadius = threshold / 2 < radius;
|
||||
var radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius;
|
||||
var before = moveTo(prev, point, radiusForPoint);
|
||||
var after = moveTo(next, point, radiusForPoint);
|
||||
return 'L' + before.x + ' ' + before.y + 'S' + point.x + ' ' + point.y + ' ' + after.x + ' ' + after.y;
|
||||
}).join('') + (fill ? 'L' + end.x + ' ' + height + ' Z' : '');
|
||||
}
|
||||
//# sourceMappingURL=path.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../../src/components/VSparkline/helpers/path.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,EAAyB,WAAzB,EAAsC,MAAtC,QAAoD,QAApD;AAEA;;;AAGA,OAAM,SAAU,OAAV,CAAmB,MAAnB,EAAoC,MAApC,EAA6E;AAAA,QAAzB,IAAyB,uEAAlB,KAAkB;AAAA,QAAX,MAAW,uEAAF,EAAE;;AACjF,QAAM,QAAQ,OAAO,KAAP,EAAd;AACA,QAAM,MAAM,OAAO,OAAO,MAAP,GAAgB,CAAvB,CAAZ;AAEA,WACE,CAAC,aAAW,MAAM,CAAjB,SAAsB,MAAtB,UAAiC,MAAM,CAAvC,SAA4C,MAAM,CAAlD,SAA4D,MAAM,CAAlE,SAAuE,MAAM,CAA9E,IACA,OACG,GADH,CACO,UAAC,KAAD,EAAQ,KAAR,EAAiB;AACpB,YAAM,OAAO,OAAO,QAAQ,CAAf,CAAb;AACA,YAAM,OAAO,OAAO,QAAQ,CAAf,KAAqB,KAAlC;AACA,YAAM,cAAc,QAAQ,eAAe,IAAf,EAAqB,KAArB,EAA4B,IAA5B,CAA5B;AAEA,YAAI,CAAC,IAAD,IAAS,WAAb,EAA0B;AACxB,yBAAW,MAAM,CAAjB,SAAsB,MAAM,CAA5B;AACD;AAED,YAAM,YAAY,KAAK,GAAL,CAChB,YAAY,IAAZ,EAAkB,KAAlB,CADgB,EAEhB,YAAY,IAAZ,EAAkB,KAAlB,CAFgB,CAAlB;AAIA,YAAM,sBAAsB,YAAY,CAAZ,GAAgB,MAA5C;AACA,YAAM,iBAAiB,sBAAsB,YAAY,CAAlC,GAAsC,MAA7D;AAEA,YAAM,SAAS,OAAO,IAAP,EAAa,KAAb,EAAoB,cAApB,CAAf;AACA,YAAM,QAAQ,OAAO,IAAP,EAAa,KAAb,EAAoB,cAApB,CAAd;AAEA,qBAAW,OAAO,CAAlB,SAAuB,OAAO,CAA9B,SAAmC,MAAM,CAAzC,SAA8C,MAAM,CAApD,SAAyD,MAAM,CAA/D,SAAoE,MAAM,CAA1E;AACD,KArBH,EAsBG,IAtBH,CAsBQ,EAtBR,CADA,IAwBC,aAAW,IAAI,CAAf,SAAoB,MAApB,UAAiC,EAxBlC,CADF;AA0BD","sourcesContent":["import { Point } from '../VSparkline'\nimport { checkCollinear, getDistance, moveTo } from './math'\n\n/**\n * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18\n */\nexport function genPath (points: Point[], radius: number, fill = false, height = 75) {\n const start = points.shift()!\n const end = points[points.length - 1]\n\n return (\n (fill ? `M${start.x} ${height} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) +\n points\n .map((point, index) => {\n const next = points[index + 1]\n const prev = points[index - 1] || start\n const isCollinear = next && checkCollinear(next, point, prev)\n\n if (!next || isCollinear) {\n return `L${point.x} ${point.y}`\n }\n\n const threshold = Math.min(\n getDistance(prev, point),\n getDistance(next, point)\n )\n const isTooCloseForRadius = threshold / 2 < radius\n const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius\n\n const before = moveTo(prev, point, radiusForPoint)\n const after = moveTo(next, point, radiusForPoint)\n\n return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`\n })\n .join('') +\n (fill ? `L${end.x} ${height} Z` : ''))\n}\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user