From e582ff06c5ee94a22f72b848c6174d1d26e9c422 Mon Sep 17 00:00:00 2001 From: zhoux Date: Mon, 8 Jan 2024 09:36:53 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9B=BE=E6=A0=87=E8=AE=BE=E8=AE=A1?= =?UTF-8?q?=E7=BB=93=E6=9E=84=E6=95=B0=E6=8D=AE=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/testData/fabricWatchIcons.ts | 2977 +++++++++++++++++------------- 1 file changed, 1708 insertions(+), 1269 deletions(-) diff --git a/src/testData/fabricWatchIcons.ts b/src/testData/fabricWatchIcons.ts index 0f09a84..2322ac6 100644 --- a/src/testData/fabricWatchIcons.ts +++ b/src/testData/fabricWatchIcons.ts @@ -1,1258 +1,840 @@ -export const watchIcon1: Record[] = [ - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -60, - top: -31.5, - width: 119, - height: 54, - fill: 'white', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'evenodd', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 10, 2], - ['C', 7.79086, 2, 6, 3.79086, 6, 6], - ['L', 6, 44], - ['C', 6, 46.2091, 7.79086, 48, 10, 48], - ['L', 58.8, 48], - ['L', 66, 56], - ['L', 73.2, 48], - ['L', 121, 48], - ['C', 123.209, 48, 125, 46.2091, 125, 44], - ['L', 125, 6], - ['C', 125, 3.79086, 123.209, 2, 121, 2], - ['L', 10, 2], - ['Z'], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -61, - top: -32.5, - width: 121, - height: 56.4948, - fill: 'rgba(21,77,221,0.2)', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 58.8, 48], - ['L', 59.5433, 47.331], - ['L', 59.2454, 47], - ['L', 58.8, 47], - ['L', 58.8, 48], - ['Z'], - ['M', 66, 56], - ['L', 65.2567, 56.669], - ['L', 66, 57.4948], - ['L', 66.7433, 56.669], - ['L', 66, 56], - ['Z'], - ['M', 73.2, 48], - ['L', 73.2, 47], - ['L', 72.7546, 47], - ['L', 72.4567, 47.331], - ['L', 73.2, 48], - ['Z'], - ['M', 7, 6], - ['C', 7, 4.34315, 8.34315, 3, 10, 3], - ['L', 10, 1], - ['C', 7.23858, 1, 5, 3.23857, 5, 6], - ['L', 7, 6], - ['Z'], - ['M', 7, 44], - ['L', 7, 6], - ['L', 5, 6], - ['L', 5, 44], - ['L', 7, 44], - ['Z'], - ['M', 10, 47], - ['C', 8.34315, 47, 7, 45.6569, 7, 44], - ['L', 5, 44], - ['C', 5, 46.7614, 7.23858, 49, 10, 49], - ['L', 10, 47], - ['Z'], - ['M', 58.8, 47], - ['L', 10, 47], - ['L', 10, 49], - ['L', 58.8, 49], - ['L', 58.8, 47], - ['Z'], - ['M', 58.0567, 48.669], - ['L', 65.2567, 56.669], - ['L', 66.7433, 55.331], - ['L', 59.5433, 47.331], - ['L', 58.0567, 48.669], - ['Z'], - ['M', 66.7433, 56.669], - ['L', 73.9433, 48.669], - ['L', 72.4567, 47.331], - ['L', 65.2567, 55.331], - ['L', 66.7433, 56.669], - ['Z'], - ['M', 121, 47], - ['L', 73.2, 47], - ['L', 73.2, 49], - ['L', 121, 49], - ['L', 121, 47], - ['Z'], - ['M', 124, 44], - ['C', 124, 45.6569, 122.657, 47, 121, 47], - ['L', 121, 49], - ['C', 123.761, 49, 126, 46.7614, 126, 44], - ['L', 124, 44], - ['Z'], - ['M', 124, 6], - ['L', 124, 44], - ['L', 126, 44], - ['L', 126, 6], - ['L', 124, 6], - ['Z'], - ['M', 121, 3], - ['C', 122.657, 3, 124, 4.34315, 124, 6], - ['L', 126, 6], - ['C', 126, 3.23858, 123.761, 1, 121, 1], - ['L', 121, 3], - ['Z'], - ['M', 10, 3], - ['L', 121, 3], - ['L', 121, 1], - ['L', 10, 1], - ['L', 10, 3], - ['Z'], - ], - }, - { - type: 'rect', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -52, - top: -24.5, - width: 32, - height: 32, - fill: '#E80D0D', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - rx: 2, - ry: 2, - selectable: true, - hasControls: true, - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -45.9945, - top: -17.6, - width: 19.8963, - height: 0, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 40.0018, 16], - ['L', 29.5301, 16], - ['L', 20.1055, 16], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -36.5727, - top: -17.6, - width: 0, - height: 8.8419, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 29.5273, 24.8419], - ['L', 29.5273, 16], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -46.1, - top: -10.5375, - width: 18.5869, - height: 10.9372, - fill: 'white', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 21.8972, 23.0625], - ['L', 38.5869, 27.5048], - ['L', 37.6746, 28.8773], - ['L', 35.579, 32.6272], - ['L', 34.6667, 33.9997], - ['L', 20, 30.0959], - ['L', 21.8972, 23.0625], - ['Z'], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -30.5219, - top: -4.7211, - width: 4.1186, - height: 4.5576, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 37.6737, 28.8789], - ['L', 39.6967, 29.4174], - ['L', 38.6126, 33.4365], - ['L', 35.5781, 32.6288], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -43.3008, - top: -7.6387, - width: 4.2123, - height: 4.181, - fill: '', - stroke: '#E80D0D', - strokeWidth: 0.5, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 26.6615, 27.7018], - ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], - ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], - ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], - ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], - ['Z'], - ], - }, -]; -export const watchIcon2: Record[] = [ - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -60, - top: -31.5, - width: 119, - height: 54, - fill: 'white', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'evenodd', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 10, 2], - ['C', 7.79086, 2, 6, 3.79086, 6, 6], - ['L', 6, 44], - ['C', 6, 46.2091, 7.79086, 48, 10, 48], - ['L', 58.8, 48], - ['L', 66, 56], - ['L', 73.2, 48], - ['L', 121, 48], - ['C', 123.209, 48, 125, 46.2091, 125, 44], - ['L', 125, 6], - ['C', 125, 3.79086, 123.209, 2, 121, 2], - ['L', 10, 2], - ['Z'], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -61, - top: -32.5, - width: 121, - height: 56.4948, - fill: 'rgba(21,77,221,0.2)', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 58.8, 48], - ['L', 59.5433, 47.331], - ['L', 59.2454, 47], - ['L', 58.8, 47], - ['L', 58.8, 48], - ['Z'], - ['M', 66, 56], - ['L', 65.2567, 56.669], - ['L', 66, 57.4948], - ['L', 66.7433, 56.669], - ['L', 66, 56], - ['Z'], - ['M', 73.2, 48], - ['L', 73.2, 47], - ['L', 72.7546, 47], - ['L', 72.4567, 47.331], - ['L', 73.2, 48], - ['Z'], - ['M', 7, 6], - ['C', 7, 4.34315, 8.34315, 3, 10, 3], - ['L', 10, 1], - ['C', 7.23858, 1, 5, 3.23857, 5, 6], - ['L', 7, 6], - ['Z'], - ['M', 7, 44], - ['L', 7, 6], - ['L', 5, 6], - ['L', 5, 44], - ['L', 7, 44], - ['Z'], - ['M', 10, 47], - ['C', 8.34315, 47, 7, 45.6569, 7, 44], - ['L', 5, 44], - ['C', 5, 46.7614, 7.23858, 49, 10, 49], - ['L', 10, 47], - ['Z'], - ['M', 58.8, 47], - ['L', 10, 47], - ['L', 10, 49], - ['L', 58.8, 49], - ['L', 58.8, 47], - ['Z'], - ['M', 58.0567, 48.669], - ['L', 65.2567, 56.669], - ['L', 66.7433, 55.331], - ['L', 59.5433, 47.331], - ['L', 58.0567, 48.669], - ['Z'], - ['M', 66.7433, 56.669], - ['L', 73.9433, 48.669], - ['L', 72.4567, 47.331], - ['L', 65.2567, 55.331], - ['L', 66.7433, 56.669], - ['Z'], - ['M', 121, 47], - ['L', 73.2, 47], - ['L', 73.2, 49], - ['L', 121, 49], - ['L', 121, 47], - ['Z'], - ['M', 124, 44], - ['C', 124, 45.6569, 122.657, 47, 121, 47], - ['L', 121, 49], - ['C', 123.761, 49, 126, 46.7614, 126, 44], - ['L', 124, 44], - ['Z'], - ['M', 124, 6], - ['L', 124, 44], - ['L', 126, 44], - ['L', 126, 6], - ['L', 124, 6], - ['Z'], - ['M', 121, 3], - ['C', 122.657, 3, 124, 4.34315, 124, 6], - ['L', 126, 6], - ['C', 126, 3.23858, 123.761, 1, 121, 1], - ['L', 121, 3], - ['Z'], - ['M', 10, 3], - ['L', 121, 3], - ['L', 121, 1], - ['L', 10, 1], - ['L', 10, 3], - ['Z'], - ], - }, - { - type: 'rect', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -52, - top: -24.5, - width: 32, - height: 32, - fill: '#52C41A', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - rx: 2, - ry: 2, - selectable: true, - hasControls: true, - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -45.9945, - top: -17.6, - width: 19.8963, - height: 0, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 40.0018, 16], - ['L', 29.5301, 16], - ['L', 20.1055, 16], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -36.5727, - top: -17.6, - width: 0, - height: 8.8419, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 29.5273, 24.8419], - ['L', 29.5273, 16], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -46.1, - top: -10.5375, - width: 18.5869, - height: 10.9372, - fill: 'white', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 21.8972, 23.0625], - ['L', 38.5869, 27.5048], - ['L', 37.6746, 28.8773], - ['L', 35.579, 32.6272], - ['L', 34.6667, 33.9997], - ['L', 20, 30.0959], - ['L', 21.8972, 23.0625], - ['Z'], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -30.5219, - top: -4.7211, - width: 4.1186, - height: 4.5576, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 37.6737, 28.8789], - ['L', 39.6967, 29.4174], - ['L', 38.6126, 33.4365], - ['L', 35.5781, 32.6288], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -43.3008, - top: -7.6387, - width: 4.2123, - height: 4.181, - fill: '', - stroke: '#52C41A', - strokeWidth: 0.5, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 26.6615, 27.7018], - ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], - ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], - ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], - ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], - ['Z'], - ], - }, -]; -export const watchIcon3: Record[] = [ - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -60, - top: -31.5, - width: 119, - height: 54, - fill: 'white', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'evenodd', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 10, 2], - ['C', 7.79086, 2, 6, 3.79086, 6, 6], - ['L', 6, 44], - ['C', 6, 46.2091, 7.79086, 48, 10, 48], - ['L', 58.8, 48], - ['L', 66, 56], - ['L', 73.2, 48], - ['L', 121, 48], - ['C', 123.209, 48, 125, 46.2091, 125, 44], - ['L', 125, 6], - ['C', 125, 3.79086, 123.209, 2, 121, 2], - ['L', 10, 2], - ['Z'], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -61, - top: -32.5, - width: 121, - height: 56.4948, - fill: 'rgba(21,77,221,0.2)', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 58.8, 48], - ['L', 59.5433, 47.331], - ['L', 59.2454, 47], - ['L', 58.8, 47], - ['L', 58.8, 48], - ['Z'], - ['M', 66, 56], - ['L', 65.2567, 56.669], - ['L', 66, 57.4948], - ['L', 66.7433, 56.669], - ['L', 66, 56], - ['Z'], - ['M', 73.2, 48], - ['L', 73.2, 47], - ['L', 72.7546, 47], - ['L', 72.4567, 47.331], - ['L', 73.2, 48], - ['Z'], - ['M', 7, 6], - ['C', 7, 4.34315, 8.34315, 3, 10, 3], - ['L', 10, 1], - ['C', 7.23858, 1, 5, 3.23857, 5, 6], - ['L', 7, 6], - ['Z'], - ['M', 7, 44], - ['L', 7, 6], - ['L', 5, 6], - ['L', 5, 44], - ['L', 7, 44], - ['Z'], - ['M', 10, 47], - ['C', 8.34315, 47, 7, 45.6569, 7, 44], - ['L', 5, 44], - ['C', 5, 46.7614, 7.23858, 49, 10, 49], - ['L', 10, 47], - ['Z'], - ['M', 58.8, 47], - ['L', 10, 47], - ['L', 10, 49], - ['L', 58.8, 49], - ['L', 58.8, 47], - ['Z'], - ['M', 58.0567, 48.669], - ['L', 65.2567, 56.669], - ['L', 66.7433, 55.331], - ['L', 59.5433, 47.331], - ['L', 58.0567, 48.669], - ['Z'], - ['M', 66.7433, 56.669], - ['L', 73.9433, 48.669], - ['L', 72.4567, 47.331], - ['L', 65.2567, 55.331], - ['L', 66.7433, 56.669], - ['Z'], - ['M', 121, 47], - ['L', 73.2, 47], - ['L', 73.2, 49], - ['L', 121, 49], - ['L', 121, 47], - ['Z'], - ['M', 124, 44], - ['C', 124, 45.6569, 122.657, 47, 121, 47], - ['L', 121, 49], - ['C', 123.761, 49, 126, 46.7614, 126, 44], - ['L', 124, 44], - ['Z'], - ['M', 124, 6], - ['L', 124, 44], - ['L', 126, 44], - ['L', 126, 6], - ['L', 124, 6], - ['Z'], - ['M', 121, 3], - ['C', 122.657, 3, 124, 4.34315, 124, 6], - ['L', 126, 6], - ['C', 126, 3.23858, 123.761, 1, 121, 1], - ['L', 121, 3], - ['Z'], - ['M', 10, 3], - ['L', 121, 3], - ['L', 121, 1], - ['L', 10, 1], - ['L', 10, 3], - ['Z'], - ], - }, - { - type: 'rect', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -52, - top: -24.5, - width: 32, - height: 32, - fill: '#CCCCCC', - stroke: null, - strokeWidth: 1, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - rx: 2, - ry: 2, - selectable: true, - hasControls: true, - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -45.9945, - top: -17.6, - width: 19.8963, - height: 0, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 40.0018, 16], - ['L', 29.5301, 16], - ['L', 20.1055, 16], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -36.5727, - top: -17.6, - width: 0, - height: 8.8419, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 29.5273, 24.8419], - ['L', 29.5273, 16], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -46.1, - top: -10.5375, - width: 18.5869, - height: 10.9372, - fill: 'white', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 21.8972, 23.0625], - ['L', 38.5869, 27.5048], - ['L', 37.6746, 28.8773], - ['L', 35.579, 32.6272], - ['L', 34.6667, 33.9997], - ['L', 20, 30.0959], - ['L', 21.8972, 23.0625], - ['Z'], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -30.5219, - top: -4.7211, - width: 4.1186, - height: 4.5576, - fill: '', - stroke: 'white', - strokeWidth: 1.2, - strokeDashArray: null, - strokeLineCap: 'round', - strokeDashOffset: 0, - strokeLineJoin: 'round', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 37.6737, 28.8789], - ['L', 39.6967, 29.4174], - ['L', 38.6126, 33.4365], - ['L', 35.5781, 32.6288], - ], - }, - { - type: 'path', - version: '5.3.0', - originX: 'left', - originY: 'top', - left: -43.3008, - top: -7.6387, - width: 4.2123, - height: 4.181, - fill: '', - stroke: '#CCCCCC', - strokeWidth: 0.5, - strokeDashArray: null, - strokeLineCap: 'butt', - strokeDashOffset: 0, - strokeLineJoin: 'miter', - strokeUniform: false, - strokeMiterLimit: 4, - scaleX: 1, - scaleY: 1, - angle: 0, - flipX: false, - flipY: false, - opacity: 1, - shadow: null, - visible: true, - backgroundColor: '', - fillRule: 'nonzero', - paintFirst: 'fill', - globalCompositeOperation: 'source-over', - skewX: 0, - skewY: 0, - selectable: true, - hasControls: true, - path: [ - ['M', 26.6615, 27.7018], - ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], - ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], - ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], - ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], - ['Z'], - ], - }, -]; -export const watchIcon4: Record[] = [ +// export const watchIcon1: Record[] = [ +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -60, +// top: -31.5, +// width: 119, +// height: 54, +// fill: 'white', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'evenodd', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 10, 2], +// ['C', 7.79086, 2, 6, 3.79086, 6, 6], +// ['L', 6, 44], +// ['C', 6, 46.2091, 7.79086, 48, 10, 48], +// ['L', 58.8, 48], +// ['L', 66, 56], +// ['L', 73.2, 48], +// ['L', 121, 48], +// ['C', 123.209, 48, 125, 46.2091, 125, 44], +// ['L', 125, 6], +// ['C', 125, 3.79086, 123.209, 2, 121, 2], +// ['L', 10, 2], +// ['Z'], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -61, +// top: -32.5, +// width: 121, +// height: 56.4948, +// fill: 'rgba(21,77,221,0.2)', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 58.8, 48], +// ['L', 59.5433, 47.331], +// ['L', 59.2454, 47], +// ['L', 58.8, 47], +// ['L', 58.8, 48], +// ['Z'], +// ['M', 66, 56], +// ['L', 65.2567, 56.669], +// ['L', 66, 57.4948], +// ['L', 66.7433, 56.669], +// ['L', 66, 56], +// ['Z'], +// ['M', 73.2, 48], +// ['L', 73.2, 47], +// ['L', 72.7546, 47], +// ['L', 72.4567, 47.331], +// ['L', 73.2, 48], +// ['Z'], +// ['M', 7, 6], +// ['C', 7, 4.34315, 8.34315, 3, 10, 3], +// ['L', 10, 1], +// ['C', 7.23858, 1, 5, 3.23857, 5, 6], +// ['L', 7, 6], +// ['Z'], +// ['M', 7, 44], +// ['L', 7, 6], +// ['L', 5, 6], +// ['L', 5, 44], +// ['L', 7, 44], +// ['Z'], +// ['M', 10, 47], +// ['C', 8.34315, 47, 7, 45.6569, 7, 44], +// ['L', 5, 44], +// ['C', 5, 46.7614, 7.23858, 49, 10, 49], +// ['L', 10, 47], +// ['Z'], +// ['M', 58.8, 47], +// ['L', 10, 47], +// ['L', 10, 49], +// ['L', 58.8, 49], +// ['L', 58.8, 47], +// ['Z'], +// ['M', 58.0567, 48.669], +// ['L', 65.2567, 56.669], +// ['L', 66.7433, 55.331], +// ['L', 59.5433, 47.331], +// ['L', 58.0567, 48.669], +// ['Z'], +// ['M', 66.7433, 56.669], +// ['L', 73.9433, 48.669], +// ['L', 72.4567, 47.331], +// ['L', 65.2567, 55.331], +// ['L', 66.7433, 56.669], +// ['Z'], +// ['M', 121, 47], +// ['L', 73.2, 47], +// ['L', 73.2, 49], +// ['L', 121, 49], +// ['L', 121, 47], +// ['Z'], +// ['M', 124, 44], +// ['C', 124, 45.6569, 122.657, 47, 121, 47], +// ['L', 121, 49], +// ['C', 123.761, 49, 126, 46.7614, 126, 44], +// ['L', 124, 44], +// ['Z'], +// ['M', 124, 6], +// ['L', 124, 44], +// ['L', 126, 44], +// ['L', 126, 6], +// ['L', 124, 6], +// ['Z'], +// ['M', 121, 3], +// ['C', 122.657, 3, 124, 4.34315, 124, 6], +// ['L', 126, 6], +// ['C', 126, 3.23858, 123.761, 1, 121, 1], +// ['L', 121, 3], +// ['Z'], +// ['M', 10, 3], +// ['L', 121, 3], +// ['L', 121, 1], +// ['L', 10, 1], +// ['L', 10, 3], +// ['Z'], +// ], +// }, +// { +// type: 'rect', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -52, +// top: -24.5, +// width: 32, +// height: 32, +// fill: '#E80D0D', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// rx: 2, +// ry: 2, +// selectable: true, +// hasControls: true, +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -45.9945, +// top: -17.6, +// width: 19.8963, +// height: 0, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 40.0018, 16], +// ['L', 29.5301, 16], +// ['L', 20.1055, 16], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -36.5727, +// top: -17.6, +// width: 0, +// height: 8.8419, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 29.5273, 24.8419], +// ['L', 29.5273, 16], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -46.1, +// top: -10.5375, +// width: 18.5869, +// height: 10.9372, +// fill: 'white', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 21.8972, 23.0625], +// ['L', 38.5869, 27.5048], +// ['L', 37.6746, 28.8773], +// ['L', 35.579, 32.6272], +// ['L', 34.6667, 33.9997], +// ['L', 20, 30.0959], +// ['L', 21.8972, 23.0625], +// ['Z'], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -30.5219, +// top: -4.7211, +// width: 4.1186, +// height: 4.5576, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 37.6737, 28.8789], +// ['L', 39.6967, 29.4174], +// ['L', 38.6126, 33.4365], +// ['L', 35.5781, 32.6288], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -43.3008, +// top: -7.6387, +// width: 4.2123, +// height: 4.181, +// fill: '', +// stroke: '#E80D0D', +// strokeWidth: 0.5, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 26.6615, 27.7018], +// ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], +// ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], +// ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], +// ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], +// ['Z'], +// ], +// }, +// ]; +// export const watchIcon2: Record[] = [ +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -60, +// top: -31.5, +// width: 119, +// height: 54, +// fill: 'white', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'evenodd', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 10, 2], +// ['C', 7.79086, 2, 6, 3.79086, 6, 6], +// ['L', 6, 44], +// ['C', 6, 46.2091, 7.79086, 48, 10, 48], +// ['L', 58.8, 48], +// ['L', 66, 56], +// ['L', 73.2, 48], +// ['L', 121, 48], +// ['C', 123.209, 48, 125, 46.2091, 125, 44], +// ['L', 125, 6], +// ['C', 125, 3.79086, 123.209, 2, 121, 2], +// ['L', 10, 2], +// ['Z'], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -61, +// top: -32.5, +// width: 121, +// height: 56.4948, +// fill: 'rgba(21,77,221,0.2)', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 58.8, 48], +// ['L', 59.5433, 47.331], +// ['L', 59.2454, 47], +// ['L', 58.8, 47], +// ['L', 58.8, 48], +// ['Z'], +// ['M', 66, 56], +// ['L', 65.2567, 56.669], +// ['L', 66, 57.4948], +// ['L', 66.7433, 56.669], +// ['L', 66, 56], +// ['Z'], +// ['M', 73.2, 48], +// ['L', 73.2, 47], +// ['L', 72.7546, 47], +// ['L', 72.4567, 47.331], +// ['L', 73.2, 48], +// ['Z'], +// ['M', 7, 6], +// ['C', 7, 4.34315, 8.34315, 3, 10, 3], +// ['L', 10, 1], +// ['C', 7.23858, 1, 5, 3.23857, 5, 6], +// ['L', 7, 6], +// ['Z'], +// ['M', 7, 44], +// ['L', 7, 6], +// ['L', 5, 6], +// ['L', 5, 44], +// ['L', 7, 44], +// ['Z'], +// ['M', 10, 47], +// ['C', 8.34315, 47, 7, 45.6569, 7, 44], +// ['L', 5, 44], +// ['C', 5, 46.7614, 7.23858, 49, 10, 49], +// ['L', 10, 47], +// ['Z'], +// ['M', 58.8, 47], +// ['L', 10, 47], +// ['L', 10, 49], +// ['L', 58.8, 49], +// ['L', 58.8, 47], +// ['Z'], +// ['M', 58.0567, 48.669], +// ['L', 65.2567, 56.669], +// ['L', 66.7433, 55.331], +// ['L', 59.5433, 47.331], +// ['L', 58.0567, 48.669], +// ['Z'], +// ['M', 66.7433, 56.669], +// ['L', 73.9433, 48.669], +// ['L', 72.4567, 47.331], +// ['L', 65.2567, 55.331], +// ['L', 66.7433, 56.669], +// ['Z'], +// ['M', 121, 47], +// ['L', 73.2, 47], +// ['L', 73.2, 49], +// ['L', 121, 49], +// ['L', 121, 47], +// ['Z'], +// ['M', 124, 44], +// ['C', 124, 45.6569, 122.657, 47, 121, 47], +// ['L', 121, 49], +// ['C', 123.761, 49, 126, 46.7614, 126, 44], +// ['L', 124, 44], +// ['Z'], +// ['M', 124, 6], +// ['L', 124, 44], +// ['L', 126, 44], +// ['L', 126, 6], +// ['L', 124, 6], +// ['Z'], +// ['M', 121, 3], +// ['C', 122.657, 3, 124, 4.34315, 124, 6], +// ['L', 126, 6], +// ['C', 126, 3.23858, 123.761, 1, 121, 1], +// ['L', 121, 3], +// ['Z'], +// ['M', 10, 3], +// ['L', 121, 3], +// ['L', 121, 1], +// ['L', 10, 1], +// ['L', 10, 3], +// ['Z'], +// ], +// }, +// { +// type: 'rect', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -52, +// top: -24.5, +// width: 32, +// height: 32, +// fill: '#52C41A', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// rx: 2, +// ry: 2, +// selectable: true, +// hasControls: true, +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -45.9945, +// top: -17.6, +// width: 19.8963, +// height: 0, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 40.0018, 16], +// ['L', 29.5301, 16], +// ['L', 20.1055, 16], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -36.5727, +// top: -17.6, +// width: 0, +// height: 8.8419, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 29.5273, 24.8419], +// ['L', 29.5273, 16], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -46.1, +// top: -10.5375, +// width: 18.5869, +// height: 10.9372, +// fill: 'white', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 21.8972, 23.0625], +// ['L', 38.5869, 27.5048], +// ['L', 37.6746, 28.8773], +// ['L', 35.579, 32.6272], +// ['L', 34.6667, 33.9997], +// ['L', 20, 30.0959], +// ['L', 21.8972, 23.0625], +// ['Z'], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -30.5219, +// top: -4.7211, +// width: 4.1186, +// height: 4.5576, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 37.6737, 28.8789], +// ['L', 39.6967, 29.4174], +// ['L', 38.6126, 33.4365], +// ['L', 35.5781, 32.6288], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -43.3008, +// top: -7.6387, +// width: 4.2123, +// height: 4.181, +// fill: '', +// stroke: '#52C41A', +// strokeWidth: 0.5, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 26.6615, 27.7018], +// ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], +// ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], +// ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], +// ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], +// ['Z'], +// ], +// }, +// ]; +export const watchIcon3: Record[] = [ { type: 'path', version: '5.3.0', @@ -1433,7 +1015,7 @@ export const watchIcon4: Record[] = [ top: -24.5, width: 32, height: 32, - fill: '#FAAD14', + fill: '#CCCCCC', stroke: null, strokeWidth: 1, strokeDashArray: null, @@ -1636,7 +1218,7 @@ export const watchIcon4: Record[] = [ width: 4.2123, height: 4.181, fill: '', - stroke: '#FAAD14', + stroke: '#CCCCCC', strokeWidth: 0.5, strokeDashArray: null, strokeLineCap: 'butt', @@ -1670,29 +1252,886 @@ export const watchIcon4: Record[] = [ ], }, ]; +// export const watchIcon4: Record[] = [ +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -60, +// top: -31.5, +// width: 119, +// height: 54, +// fill: 'white', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'evenodd', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 10, 2], +// ['C', 7.79086, 2, 6, 3.79086, 6, 6], +// ['L', 6, 44], +// ['C', 6, 46.2091, 7.79086, 48, 10, 48], +// ['L', 58.8, 48], +// ['L', 66, 56], +// ['L', 73.2, 48], +// ['L', 121, 48], +// ['C', 123.209, 48, 125, 46.2091, 125, 44], +// ['L', 125, 6], +// ['C', 125, 3.79086, 123.209, 2, 121, 2], +// ['L', 10, 2], +// ['Z'], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -61, +// top: -32.5, +// width: 121, +// height: 56.4948, +// fill: 'rgba(21,77,221,0.2)', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 58.8, 48], +// ['L', 59.5433, 47.331], +// ['L', 59.2454, 47], +// ['L', 58.8, 47], +// ['L', 58.8, 48], +// ['Z'], +// ['M', 66, 56], +// ['L', 65.2567, 56.669], +// ['L', 66, 57.4948], +// ['L', 66.7433, 56.669], +// ['L', 66, 56], +// ['Z'], +// ['M', 73.2, 48], +// ['L', 73.2, 47], +// ['L', 72.7546, 47], +// ['L', 72.4567, 47.331], +// ['L', 73.2, 48], +// ['Z'], +// ['M', 7, 6], +// ['C', 7, 4.34315, 8.34315, 3, 10, 3], +// ['L', 10, 1], +// ['C', 7.23858, 1, 5, 3.23857, 5, 6], +// ['L', 7, 6], +// ['Z'], +// ['M', 7, 44], +// ['L', 7, 6], +// ['L', 5, 6], +// ['L', 5, 44], +// ['L', 7, 44], +// ['Z'], +// ['M', 10, 47], +// ['C', 8.34315, 47, 7, 45.6569, 7, 44], +// ['L', 5, 44], +// ['C', 5, 46.7614, 7.23858, 49, 10, 49], +// ['L', 10, 47], +// ['Z'], +// ['M', 58.8, 47], +// ['L', 10, 47], +// ['L', 10, 49], +// ['L', 58.8, 49], +// ['L', 58.8, 47], +// ['Z'], +// ['M', 58.0567, 48.669], +// ['L', 65.2567, 56.669], +// ['L', 66.7433, 55.331], +// ['L', 59.5433, 47.331], +// ['L', 58.0567, 48.669], +// ['Z'], +// ['M', 66.7433, 56.669], +// ['L', 73.9433, 48.669], +// ['L', 72.4567, 47.331], +// ['L', 65.2567, 55.331], +// ['L', 66.7433, 56.669], +// ['Z'], +// ['M', 121, 47], +// ['L', 73.2, 47], +// ['L', 73.2, 49], +// ['L', 121, 49], +// ['L', 121, 47], +// ['Z'], +// ['M', 124, 44], +// ['C', 124, 45.6569, 122.657, 47, 121, 47], +// ['L', 121, 49], +// ['C', 123.761, 49, 126, 46.7614, 126, 44], +// ['L', 124, 44], +// ['Z'], +// ['M', 124, 6], +// ['L', 124, 44], +// ['L', 126, 44], +// ['L', 126, 6], +// ['L', 124, 6], +// ['Z'], +// ['M', 121, 3], +// ['C', 122.657, 3, 124, 4.34315, 124, 6], +// ['L', 126, 6], +// ['C', 126, 3.23858, 123.761, 1, 121, 1], +// ['L', 121, 3], +// ['Z'], +// ['M', 10, 3], +// ['L', 121, 3], +// ['L', 121, 1], +// ['L', 10, 1], +// ['L', 10, 3], +// ['Z'], +// ], +// }, +// { +// type: 'rect', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -52, +// top: -24.5, +// width: 32, +// height: 32, +// fill: '#FAAD14', +// stroke: null, +// strokeWidth: 1, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// rx: 2, +// ry: 2, +// selectable: true, +// hasControls: true, +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -45.9945, +// top: -17.6, +// width: 19.8963, +// height: 0, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 40.0018, 16], +// ['L', 29.5301, 16], +// ['L', 20.1055, 16], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -36.5727, +// top: -17.6, +// width: 0, +// height: 8.8419, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 29.5273, 24.8419], +// ['L', 29.5273, 16], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -46.1, +// top: -10.5375, +// width: 18.5869, +// height: 10.9372, +// fill: 'white', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 21.8972, 23.0625], +// ['L', 38.5869, 27.5048], +// ['L', 37.6746, 28.8773], +// ['L', 35.579, 32.6272], +// ['L', 34.6667, 33.9997], +// ['L', 20, 30.0959], +// ['L', 21.8972, 23.0625], +// ['Z'], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -30.5219, +// top: -4.7211, +// width: 4.1186, +// height: 4.5576, +// fill: '', +// stroke: 'white', +// strokeWidth: 1.2, +// strokeDashArray: null, +// strokeLineCap: 'round', +// strokeDashOffset: 0, +// strokeLineJoin: 'round', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 37.6737, 28.8789], +// ['L', 39.6967, 29.4174], +// ['L', 38.6126, 33.4365], +// ['L', 35.5781, 32.6288], +// ], +// }, +// { +// type: 'path', +// version: '5.3.0', +// originX: 'left', +// originY: 'top', +// left: -43.3008, +// top: -7.6387, +// width: 4.2123, +// height: 4.181, +// fill: '', +// stroke: '#FAAD14', +// strokeWidth: 0.5, +// strokeDashArray: null, +// strokeLineCap: 'butt', +// strokeDashOffset: 0, +// strokeLineJoin: 'miter', +// strokeUniform: false, +// strokeMiterLimit: 4, +// scaleX: 1, +// scaleY: 1, +// angle: 0, +// flipX: false, +// flipY: false, +// opacity: 1, +// shadow: null, +// visible: true, +// backgroundColor: '', +// fillRule: 'nonzero', +// paintFirst: 'fill', +// globalCompositeOperation: 'source-over', +// skewX: 0, +// skewY: 0, +// selectable: true, +// hasControls: true, +// path: [ +// ['M', 26.6615, 27.7018], +// ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], +// ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], +// ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], +// ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], +// ['Z'], +// ], +// }, +// ]; -export const fetchWatchGroupObjects: Record = (record: { - status: string; - deviceName: string; -}) => { - const { status, deviceName } = record; - let watchIconObject = watchIcon1; +const fetchWatchIcon = (status: string) => { + let watchIconData = { + pathFill: 'rgba(21,77,221,0.2)', + rectFill: '#FAAD14' + }; switch (status) { case 'watchError': - watchIconObject = watchIcon1; + watchIconData = { + pathFill: 'rgba(21,77,221,0.2)', + rectFill: '#E80D0D' + }; break; case 'watchOnline': - watchIconObject = watchIcon2; + watchIconData = { + pathFill: 'rgba(21,77,221,0.2)', + rectFill: '#52C41A' + }; break; case 'watchOutline': - watchIconObject = watchIcon3; - break; + watchIconData = { + pathFill: 'rgba(21,77,221,0.2)', + rectFill: '##CCCCCC' + }; + return watchIcon3 case 'watchWarn': - watchIconObject = watchIcon4; + watchIconData = { + pathFill: 'rgba(21,77,221,0.2)', + rectFill: '#FAAD14' + }; break; } - console.log(deviceName, 'deviceName'); + + return [ + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -60, + top: -31.5, + width: 119, + height: 54, + fill: 'white', + stroke: null, + strokeWidth: 1, + strokeDashArray: null, + strokeLineCap: 'butt', + strokeDashOffset: 0, + strokeLineJoin: 'miter', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'evenodd', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 10, 2], + ['C', 7.79086, 2, 6, 3.79086, 6, 6], + ['L', 6, 44], + ['C', 6, 46.2091, 7.79086, 48, 10, 48], + ['L', 58.8, 48], + ['L', 66, 56], + ['L', 73.2, 48], + ['L', 121, 48], + ['C', 123.209, 48, 125, 46.2091, 125, 44], + ['L', 125, 6], + ['C', 125, 3.79086, 123.209, 2, 121, 2], + ['L', 10, 2], + ['Z'], + ], + }, + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -61, + top: -32.5, + width: 121, + height: 56.4948, + fill: watchIconData.pathFill, + stroke: null, + strokeWidth: 1, + strokeDashArray: null, + strokeLineCap: 'butt', + strokeDashOffset: 0, + strokeLineJoin: 'miter', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 58.8, 48], + ['L', 59.5433, 47.331], + ['L', 59.2454, 47], + ['L', 58.8, 47], + ['L', 58.8, 48], + ['Z'], + ['M', 66, 56], + ['L', 65.2567, 56.669], + ['L', 66, 57.4948], + ['L', 66.7433, 56.669], + ['L', 66, 56], + ['Z'], + ['M', 73.2, 48], + ['L', 73.2, 47], + ['L', 72.7546, 47], + ['L', 72.4567, 47.331], + ['L', 73.2, 48], + ['Z'], + ['M', 7, 6], + ['C', 7, 4.34315, 8.34315, 3, 10, 3], + ['L', 10, 1], + ['C', 7.23858, 1, 5, 3.23857, 5, 6], + ['L', 7, 6], + ['Z'], + ['M', 7, 44], + ['L', 7, 6], + ['L', 5, 6], + ['L', 5, 44], + ['L', 7, 44], + ['Z'], + ['M', 10, 47], + ['C', 8.34315, 47, 7, 45.6569, 7, 44], + ['L', 5, 44], + ['C', 5, 46.7614, 7.23858, 49, 10, 49], + ['L', 10, 47], + ['Z'], + ['M', 58.8, 47], + ['L', 10, 47], + ['L', 10, 49], + ['L', 58.8, 49], + ['L', 58.8, 47], + ['Z'], + ['M', 58.0567, 48.669], + ['L', 65.2567, 56.669], + ['L', 66.7433, 55.331], + ['L', 59.5433, 47.331], + ['L', 58.0567, 48.669], + ['Z'], + ['M', 66.7433, 56.669], + ['L', 73.9433, 48.669], + ['L', 72.4567, 47.331], + ['L', 65.2567, 55.331], + ['L', 66.7433, 56.669], + ['Z'], + ['M', 121, 47], + ['L', 73.2, 47], + ['L', 73.2, 49], + ['L', 121, 49], + ['L', 121, 47], + ['Z'], + ['M', 124, 44], + ['C', 124, 45.6569, 122.657, 47, 121, 47], + ['L', 121, 49], + ['C', 123.761, 49, 126, 46.7614, 126, 44], + ['L', 124, 44], + ['Z'], + ['M', 124, 6], + ['L', 124, 44], + ['L', 126, 44], + ['L', 126, 6], + ['L', 124, 6], + ['Z'], + ['M', 121, 3], + ['C', 122.657, 3, 124, 4.34315, 124, 6], + ['L', 126, 6], + ['C', 126, 3.23858, 123.761, 1, 121, 1], + ['L', 121, 3], + ['Z'], + ['M', 10, 3], + ['L', 121, 3], + ['L', 121, 1], + ['L', 10, 1], + ['L', 10, 3], + ['Z'], + ], + }, + { + type: 'rect', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -52, + top: -24.5, + width: 32, + height: 32, + fill: watchIconData.rectFill, + stroke: null, + strokeWidth: 1, + strokeDashArray: null, + strokeLineCap: 'butt', + strokeDashOffset: 0, + strokeLineJoin: 'miter', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + rx: 2, + ry: 2, + selectable: true, + hasControls: true, + }, + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -45.9945, + top: -17.6, + width: 19.8963, + height: 0, + fill: '', + stroke: 'white', + strokeWidth: 1.2, + strokeDashArray: null, + strokeLineCap: 'round', + strokeDashOffset: 0, + strokeLineJoin: 'round', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 40.0018, 16], + ['L', 29.5301, 16], + ['L', 20.1055, 16], + ], + }, + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -36.5727, + top: -17.6, + width: 0, + height: 8.8419, + fill: '', + stroke: 'white', + strokeWidth: 1.2, + strokeDashArray: null, + strokeLineCap: 'round', + strokeDashOffset: 0, + strokeLineJoin: 'round', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 29.5273, 24.8419], + ['L', 29.5273, 16], + ], + }, + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -46.1, + top: -10.5375, + width: 18.5869, + height: 10.9372, + fill: 'white', + stroke: 'white', + strokeWidth: 1.2, + strokeDashArray: null, + strokeLineCap: 'round', + strokeDashOffset: 0, + strokeLineJoin: 'round', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 21.8972, 23.0625], + ['L', 38.5869, 27.5048], + ['L', 37.6746, 28.8773], + ['L', 35.579, 32.6272], + ['L', 34.6667, 33.9997], + ['L', 20, 30.0959], + ['L', 21.8972, 23.0625], + ['Z'], + ], + }, + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -30.5219, + top: -4.7211, + width: 4.1186, + height: 4.5576, + fill: '', + stroke: 'white', + strokeWidth: 1.2, + strokeDashArray: null, + strokeLineCap: 'round', + strokeDashOffset: 0, + strokeLineJoin: 'round', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 37.6737, 28.8789], + ['L', 39.6967, 29.4174], + ['L', 38.6126, 33.4365], + ['L', 35.5781, 32.6288], + ], + }, + { + type: 'path', + version: '5.3.0', + originX: 'left', + originY: 'top', + left: -43.3008, + top: -7.6387, + width: 4.2123, + height: 4.181, + fill: '', + stroke: watchIconData.rectFill, + strokeWidth: 0.5, + strokeDashArray: null, + strokeLineCap: 'butt', + strokeDashOffset: 0, + strokeLineJoin: 'miter', + strokeUniform: false, + strokeMiterLimit: 4, + scaleX: 1, + scaleY: 1, + angle: 0, + flipX: false, + flipY: false, + opacity: 1, + shadow: null, + visible: true, + backgroundColor: '', + fillRule: 'nonzero', + paintFirst: 'fill', + globalCompositeOperation: 'source-over', + skewX: 0, + skewY: 0, + selectable: true, + hasControls: true, + path: [ + ['M', 26.6615, 27.7018], + ['C', 26.6615, 28.8548, 25.7201, 29.7923, 24.5554, 29.7923], + ['C', 23.3906, 29.7923, 22.4492, 28.8548, 22.4492, 27.7018], + ['C', 22.4492, 26.5488, 23.3906, 25.6113, 24.5554, 25.6113], + ['C', 25.7201, 25.6113, 26.6615, 26.5488, 26.6615, 27.7018], + ['Z'], + ], + }, + ]; +} + +export const fetchWatchGroupObjects: Record = (record: { + status: string; + deviceName: string; +}) => { + const { status, deviceName } = record; + let watchIconObject = fetchWatchIcon(status);; + + // console.log(deviceName, 'deviceName'); return { type: 'group', version: '5.3.0',