@ebiz/designer-components 0.0.18 → 0.0.19-beta.10

package/src/components/charts/option/config/legend/pageIcon.js

@@ -1,54 +1,54 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-const leftIcon = (color = '#191919') => {
-    return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 48 48" version="1.1">
-    <title>ic_public_left_arrow</title>
-    <g id="ic_public_left_arrow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path1" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero"></path>
-        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path2" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-rule="nonzero"></path>
-        <circle id="path3" fill-opacity="0" fill="#FFFFFF" cx="24" cy="24" r="24"></circle>
-        <polyline id="path4" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(24.000000, 24.000000) scale(-1, 1) rotate(-90.000000) translate(-24.000000, -24.000000) " points="4.5 14 24 34 43.5 14"></polyline>
-        <path d="M42.7840001,13.3019001 C43.1695502,12.9064642 43.8026644,12.8984501 44.1981004,13.2840001 C44.5935363,13.6695502 44.6015505,14.3026644 44.2160004,14.6981004 L24.7160004,34.6981004 C24.3235306,35.1006335 23.6764699,35.1006335 23.2840001,34.6981004 L3.78400011,14.6981004 C3.39845005,14.3026644 3.40646416,13.6695502 3.80190012,13.2840001 C4.19733607,12.8984501 4.83045033,12.9064642 5.21600039,13.3019001 L23.9990003,32.5660003 L42.7840001,13.3019001 Z" id="path5" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) scale(-1, 1) rotate(-90.000000) translate(-24.000000, -24.000000) "></path>
-    </g>
-</svg>`;
-};
-
-const rightIcon = (color = '#191919') => {
-    return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 48 48" version="1.1">
-    <title>ic_public_right_arrow</title>
-    <g id="ic_public_right_arrow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path1" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero"></path>
-        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path2" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-rule="nonzero"></path>
-        <circle id="path3" fill-opacity="0" fill="#FFFFFF" cx="24" cy="24" r="24"></circle>
-        <polyline id="path4" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(24.000000, 24.000000) rotate(-90.000000) translate(-24.000000, -24.000000) " points="4.5 14 24 34 43.5 14"></polyline>
-        <path d="M42.7840001,13.3019001 C43.1695502,12.9064642 43.8026644,12.8984501 44.1981004,13.2840001 C44.5935363,13.6695502 44.6015505,14.3026644 44.2160004,14.6981004 L24.7160004,34.6981004 C24.3235306,35.1006335 23.6764699,35.1006335 23.2840001,34.6981004 L3.78400011,14.6981004 C3.39845005,14.3026644 3.40646416,13.6695502 3.80190012,13.2840001 C4.19733607,12.8984501 4.83045033,12.9064642 5.21600039,13.3019001 L23.9990003,32.5660003 L42.7840001,13.3019001 Z" id="path5" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) rotate(-90.000000) translate(-24.000000, -24.000000) "></path>
-    </g>
-</svg>`;
-};
-
-// base64的方法生成的pageIcon,点击切换,色值无法自适应。
-// 只有path路径会自适应pageIconColor、pageIconInactiveColor
-const iconBase64 = (color, position) => {
-    const div = document.createElement('div');
-    div.insertAdjacentHTML('beforeend', position === 'left' ? leftIcon(color) : rightIcon(color));
-    const svg = div.children[0];
-    const svgString = new XMLSerializer().serializeToString(svg);
-    const imgBase64 = `image://data:image/svg+xml;base64,${window.btoa(svgString)}`;
-    return imgBase64;
-};
-
-const pageIconArr = [
-    'path://M677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0',
-    'path://M711.6 488.624L355.2 152.976a29.36 29.36 0 0 0-42.352 0 31.408 31.408 0 0 0 0 43.552L647.76 512 312.848 827.36a31.408 31.408 0 0 0 0 43.552 29.36 29.36 0 0 0 42.352 0l356.4-335.648a36.32 36.32 0 0 0 0-46.64z',
-];
-
-export { iconBase64, pageIconArr };
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+const leftIcon = (color = '#191919') => {
+    return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 48 48" version="1.1">
+    <title>ic_public_left_arrow</title>
+    <g id="ic_public_left_arrow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path1" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path2" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-rule="nonzero"></path>
+        <circle id="path3" fill-opacity="0" fill="#FFFFFF" cx="24" cy="24" r="24"></circle>
+        <polyline id="path4" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(24.000000, 24.000000) scale(-1, 1) rotate(-90.000000) translate(-24.000000, -24.000000) " points="4.5 14 24 34 43.5 14"></polyline>
+        <path d="M42.7840001,13.3019001 C43.1695502,12.9064642 43.8026644,12.8984501 44.1981004,13.2840001 C44.5935363,13.6695502 44.6015505,14.3026644 44.2160004,14.6981004 L24.7160004,34.6981004 C24.3235306,35.1006335 23.6764699,35.1006335 23.2840001,34.6981004 L3.78400011,14.6981004 C3.39845005,14.3026644 3.40646416,13.6695502 3.80190012,13.2840001 C4.19733607,12.8984501 4.83045033,12.9064642 5.21600039,13.3019001 L23.9990003,32.5660003 L42.7840001,13.3019001 Z" id="path5" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) scale(-1, 1) rotate(-90.000000) translate(-24.000000, -24.000000) "></path>
+    </g>
+</svg>`;
+};
+
+const rightIcon = (color = '#191919') => {
+    return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 48 48" version="1.1">
+    <title>ic_public_right_arrow</title>
+    <g id="ic_public_right_arrow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path1" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <path d="M1.5054679,23.9816777 C1.5054679,20.4665945 1.49316512,16.9515113 1.5054679,13.4364281 C1.49839598,11.7354825 1.70745964,10.0405302 2.1276372,8.39228371 C3.04858836,4.90356362 5.32108808,2.83317961 8.80629066,2.0299831 C10.5538164,1.65241445 12.3387234,1.4755157 14.1263654,1.50272062 C20.8671186,1.50272062 27.6084577,1.50272062 34.3503826,1.50272062 C36.0530469,1.49215117 37.7507765,1.68688567 39.4068263,2.08270935 C42.9974813,2.96148015 45.1522258,5.23573899 45.9729972,8.81409369 C46.3419987,10.5052846 46.5182902,12.2328244 46.4985018,13.9636906 C46.4985018,20.7770935 46.4985018,27.5910823 46.4985018,34.405657 C46.5077071,36.0919093 46.3135624,37.7731207 45.920271,39.412893 C45.0415008,43.0053081 42.7566983,45.1495088 39.1783461,45.9702807 C37.4305962,46.3464204 35.6458526,46.5233029 33.8582713,46.4975432 C27.1456387,46.4975432 20.433592,46.4975432 13.7221311,46.4975432 C12.0064517,46.5115465 10.2952822,46.3197774 8.62526401,45.9263422 C5.01879113,45.0475714 2.85350138,42.7627673 2.03448756,39.1668372 C1.61619295,37.3389939 1.5054679,35.505878 1.5054679,33.6569443 C1.5054679,30.4324413 1.5054679,27.2073524 1.5054679,23.9816777 Z" id="path2" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-rule="nonzero"></path>
+        <circle id="path3" fill-opacity="0" fill="#FFFFFF" cx="24" cy="24" r="24"></circle>
+        <polyline id="path4" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(24.000000, 24.000000) rotate(-90.000000) translate(-24.000000, -24.000000) " points="4.5 14 24 34 43.5 14"></polyline>
+        <path d="M42.7840001,13.3019001 C43.1695502,12.9064642 43.8026644,12.8984501 44.1981004,13.2840001 C44.5935363,13.6695502 44.6015505,14.3026644 44.2160004,14.6981004 L24.7160004,34.6981004 C24.3235306,35.1006335 23.6764699,35.1006335 23.2840001,34.6981004 L3.78400011,14.6981004 C3.39845005,14.3026644 3.40646416,13.6695502 3.80190012,13.2840001 C4.19733607,12.8984501 4.83045033,12.9064642 5.21600039,13.3019001 L23.9990003,32.5660003 L42.7840001,13.3019001 Z" id="path5" stroke-opacity="0" stroke="#FFFFFF" stroke-width="2" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) rotate(-90.000000) translate(-24.000000, -24.000000) "></path>
+    </g>
+</svg>`;
+};
+
+// base64的方法生成的pageIcon,点击切换,色值无法自适应。
+// 只有path路径会自适应pageIconColor、pageIconInactiveColor
+const iconBase64 = (color, position) => {
+    const div = document.createElement('div');
+    div.insertAdjacentHTML('beforeend', position === 'left' ? leftIcon(color) : rightIcon(color));
+    const svg = div.children[0];
+    const svgString = new XMLSerializer().serializeToString(svg);
+    const imgBase64 = `image://data:image/svg+xml;base64,${window.btoa(svgString)}`;
+    return imgBase64;
+};
+
+const pageIconArr = [
+    'path://M677.391515 873.916768c-7.86101 0-15.618586-2.999596-21.617778-8.895354L324.473535 533.721212c-11.998384-11.894949-11.998384-31.340606 0-43.235555L655.670303 159.288889c5.999192-5.999192 13.756768-8.895354 21.617778-8.895354 7.757576 0 15.618586 2.999596 21.617778 8.895354 11.894949 11.894949 11.894949 31.237172 0 43.235555L389.223434 512.103434 698.905859 821.785859c11.894949 11.998384 11.894949 31.340606 0 43.235555-5.895758 5.895758-13.756768 8.895354-21.514344 8.895354z m0 0',
+    'path://M711.6 488.624L355.2 152.976a29.36 29.36 0 0 0-42.352 0 31.408 31.408 0 0 0 0 43.552L647.76 512 312.848 827.36a31.408 31.408 0 0 0 0 43.552 29.36 29.36 0 0 0 42.352 0l356.4-335.648a36.32 36.32 0 0 0 0-46.64z',
+];
+
+export { iconBase64, pageIconArr };

package/src/components/charts/option/config/legend/position.js

@@ -1,19 +1,19 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-function position(legend, selfLegend){
-    legend.top = selfLegend.position.top || 'auto';
-    legend.left = selfLegend.position.left || 'auto';
-    legend.right = selfLegend.position.right || 'auto';
-    legend.bottom = selfLegend.position.bottom || 'auto';
-}
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+function position(legend, selfLegend){
+    legend.top = selfLegend.position.top || 'auto';
+    legend.left = selfLegend.position.left || 'auto';
+    legend.right = selfLegend.position.right || 'auto';
+    legend.bottom = selfLegend.position.bottom || 'auto';
+}
+
 export default position;

package/src/components/charts/option/config/legend/size.js

@@ -1,17 +1,17 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-function size(legend, selfLegend){
-    legend.width = selfLegend.width || 'auto';
-    legend.height = selfLegend.height || 'auto';
-}
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+function size(legend, selfLegend){
+    legend.width = selfLegend.width || 'auto';
+    legend.height = selfLegend.height || 'auto';
+}
+
 export default size;

package/src/components/charts/option/config/legend/textStyle.js

@@ -1,16 +1,16 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import merge from "../../../util/merge";
-
-export default function textStyle(legend, textStyle) {
-  if (textStyle)  merge( legend.textStyle,textStyle)
-}
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import merge from "../../../util/merge";
+
+export default function textStyle(legend, textStyle) {
+  if (textStyle)  merge( legend.textStyle,textStyle)
+}

package/src/components/charts/option/config/mark/index.js

@@ -1,74 +1,74 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
-import Token from '../../../feature/token';
-import merge from '../../../util/merge';
-
-function getThresholdMarkLineLabel() {
-  const { colorError } = Token.config.colorState
-  return {
-    label: {
-      color: colorError,
-      fontSize: Token.config.markLineLabelFontSize,
-      lineHeight: 20,
-      position: 'insideEnd'
-    },
-    lineStyle: {
-      color: colorError,
-    },
-  }
-}
-
-
-function setThresholdMarkLineLabel(markLine) {
-  const thresholdLabel = getThresholdMarkLineLabel()
-  merge(markLine, thresholdLabel)
-}
-
-// 默认场景就是阈值线
-function getMarkLineDefault(isThreshold = false) {
-  const lineStyle = {
-    width: Token.config.markLineWidth,
-  }
-  if (isThreshold) lineStyle.color = Token.config.colorState.colorError
-  return {
-    symbol: 'none',
-    silent: true,
-    label: {
-      show: false,
-    },
-    lineStyle: lineStyle,
-    emphasis: {
-      label: {
-        show: false,
-      },
-      lineStyle: {
-        width: Token.config.markLineEmphasisWidth,
-      },
-    },
-    data: [],
-  };
-}
-
-function getMarkPointDefault() {
-  return {
-    symbol: 'path://M50 0 L0 50 L100 50 Z',
-    symbolSize: [10, 6],
-    label: {
-      show: false,
-    },
-    data: [],
-  };
-}
-
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import Token from '../../../feature/token';
+import merge from '../../../util/merge';
+
+function getThresholdMarkLineLabel() {
+  const { colorError } = Token.config.colorState
+  return {
+    label: {
+      color: colorError,
+      fontSize: Token.config.markLineLabelFontSize,
+      lineHeight: 20,
+      position: 'insideEnd'
+    },
+    lineStyle: {
+      color: colorError,
+    },
+  }
+}
+
+
+function setThresholdMarkLineLabel(markLine) {
+  const thresholdLabel = getThresholdMarkLineLabel()
+  merge(markLine, thresholdLabel)
+}
+
+// 默认场景就是阈值线
+function getMarkLineDefault(isThreshold = false) {
+  const lineStyle = {
+    width: Token.config.markLineWidth,
+  }
+  if (isThreshold) lineStyle.color = Token.config.colorState.colorError
+  return {
+    symbol: 'none',
+    silent: true,
+    label: {
+      show: false,
+    },
+    lineStyle: lineStyle,
+    emphasis: {
+      label: {
+        show: false,
+      },
+      lineStyle: {
+        width: Token.config.markLineEmphasisWidth,
+      },
+    },
+    data: [],
+  };
+}
+
+function getMarkPointDefault() {
+  return {
+    symbol: 'path://M50 0 L0 50 L100 50 Z',
+    symbolSize: [10, 6],
+    label: {
+      show: false,
+    },
+    data: [],
+  };
+}
+
+
 export { getMarkLineDefault, getMarkPointDefault, setThresholdMarkLineLabel }

package/src/components/charts/option/config/polar/base.js

@@ -1,30 +1,30 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import { getBasicAnimationConfig } from "../animation";
-
-function base(position) {
-    const basePolar = {
-        center: ['50%', '50%'],
-        radius: ['8%', '70%'],
-        tooltip: {
-            axisPointer: {
-                ...getBasicAnimationConfig()
-            }
-        }
-    };
-    if (position && position.center) basePolar.center = position.center
-    if (position && position.radius) basePolar.radius = position.radius
-    return basePolar;
-}
-
-export default base;
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { getBasicAnimationConfig } from "../animation";
+
+function base(position) {
+    const basePolar = {
+        center: ['50%', '50%'],
+        radius: ['8%', '70%'],
+        tooltip: {
+            axisPointer: {
+                ...getBasicAnimationConfig()
+            }
+        }
+    };
+    if (position && position.center) basePolar.center = position.center
+    if (position && position.radius) basePolar.radius = position.radius
+    return basePolar;
+}
+
+export default base;
+

package/src/components/charts/option/config/polar/index.js

@@ -1,36 +1,36 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import base from './base';
-
-function polar(iChartOption, chartName) {
-    const { position } = iChartOption;
-    let polarOption = base(position);
-    switch (chartName) {
-        case 'PolarBarChart':
-            break;
-        case 'JadeJueChart':
-            polarOption.radius = position?.radius || ['20%', '60%'];
-            break;
-        case 'CircleProcessChart':
-            polarOption.radius = position?.radius || ['44%', '50%'];
-            break;
-        case 'AssembleBubbleChart':
-            polarOption.radius = position?.radius || '80%';
-            break;
-        default:
-            polarOption = undefined;
-            break;
-    }
-    return polarOption;
-}
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import base from './base';
+
+function polar(iChartOption, chartName) {
+    const { position } = iChartOption;
+    let polarOption = base(position);
+    switch (chartName) {
+        case 'PolarBarChart':
+            break;
+        case 'JadeJueChart':
+            polarOption.radius = position?.radius || ['20%', '60%'];
+            break;
+        case 'CircleProcessChart':
+            polarOption.radius = position?.radius || ['44%', '50%'];
+            break;
+        case 'AssembleBubbleChart':
+            polarOption.radius = position?.radius || '80%';
+            break;
+        default:
+            polarOption = undefined;
+            break;
+    }
+    return polarOption;
+}
+
 export default polar;

package/src/components/charts/option/config/polarTitle/base.js

@@ -1,40 +1,40 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import Token from '../../../feature/token';
-
-function getBaseTitle() {
-  return {
-    text: '',
-    subtext: '',
-    top: 'center',
-    left: 'center',
-    itemGap: Token.config.titleItemGap,
-    textStyle: {
-      color: Token.config.titleTextColor,
-      fontSize: Token.config.titleTextFontSize,
-      lineHeight: 28,
-      fontWeight: 'normal',
-    },
-    subtextStyle: {
-      color: Token.config.titleSubTextColor,
-      fontSize: Token.config.titleSubtextFontSize,
-      lineHeight: 24,
-      fontWeight: 'normal',
-    },
-  };
-}
-
-function base() {
-  return getBaseTitle();
-}
-
-export default base;
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import Token from '../../../feature/token';
+
+function getBaseTitle() {
+  return {
+    text: '',
+    subtext: '',
+    top: 'center',
+    left: 'center',
+    itemGap: Token.config.titleItemGap,
+    textStyle: {
+      color: Token.config.titleTextColor,
+      fontSize: Token.config.titleTextFontSize,
+      lineHeight: 28,
+      fontWeight: 'normal',
+    },
+    subtextStyle: {
+      color: Token.config.titleSubTextColor,
+      fontSize: Token.config.titleSubtextFontSize,
+      lineHeight: 24,
+      fontWeight: 'normal',
+    },
+  };
+}
+
+function base() {
+  return getBaseTitle();
+}
+
+export default base;