vislite 1.3.0 → 1.4.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/AUTHORS.txt +6 -6
  2. package/CHANGELOG +307 -300
  3. package/LICENSE +20 -20
  4. package/README.md +284 -284
  5. package/lib/BarLayout/index.es.d.ts +3 -0
  6. package/lib/BarLayout/index.es.js +467 -0
  7. package/lib/BarLayout/index.es.min.d.ts +3 -0
  8. package/lib/BarLayout/index.es.min.js +10 -0
  9. package/lib/Buffer/index.es.js +35 -35
  10. package/lib/Buffer/index.es.min.js +1 -1
  11. package/lib/Canvas/index.es.js +774 -774
  12. package/lib/Canvas/index.es.min.js +1 -1
  13. package/lib/Cardinal/index.es.js +90 -90
  14. package/lib/Cardinal/index.es.min.js +1 -1
  15. package/lib/Eoap/index.es.js +33 -33
  16. package/lib/Eoap/index.es.min.js +1 -1
  17. package/lib/Hermite/index.es.js +35 -35
  18. package/lib/Hermite/index.es.min.js +1 -1
  19. package/lib/MapCoordinate/index.es.js +199 -199
  20. package/lib/MapCoordinate/index.es.min.js +1 -1
  21. package/lib/Matrix4/index.es.js +124 -124
  22. package/lib/Matrix4/index.es.min.js +1 -1
  23. package/lib/Mercator/index.es.js +19 -19
  24. package/lib/Mercator/index.es.min.js +1 -1
  25. package/lib/PieLayout/index.es.d.ts +3 -0
  26. package/lib/PieLayout/index.es.js +234 -0
  27. package/lib/PieLayout/index.es.min.d.ts +3 -0
  28. package/lib/PieLayout/index.es.min.js +9 -0
  29. package/lib/RawCanvas/index.es.js +704 -704
  30. package/lib/RawCanvas/index.es.min.js +1 -1
  31. package/lib/SVG/index.es.js +514 -491
  32. package/lib/SVG/index.es.min.js +2 -2
  33. package/lib/Shader/index.es.js +35 -35
  34. package/lib/Shader/index.es.min.js +1 -1
  35. package/lib/Texture/index.es.js +53 -53
  36. package/lib/Texture/index.es.min.js +1 -1
  37. package/lib/TreeLayout/index.es.js +316 -309
  38. package/lib/TreeLayout/index.es.min.js +6 -2
  39. package/lib/animation/index.es.js +16 -9
  40. package/lib/animation/index.es.min.js +6 -2
  41. package/lib/assemble/index.es.js +17 -17
  42. package/lib/assemble/index.es.min.js +1 -1
  43. package/lib/getLoopColors/index.es.js +35 -35
  44. package/lib/getLoopColors/index.es.min.js +1 -1
  45. package/lib/getWebGLContext/index.es.js +62 -62
  46. package/lib/getWebGLContext/index.es.min.js +1 -1
  47. package/lib/index.umd.js +2675 -2327
  48. package/lib/index.umd.min.js +12 -2
  49. package/lib/initOption/index.es.js +6 -6
  50. package/lib/initOption/index.es.min.js +1 -1
  51. package/lib/mergeOption/index.es.js +34 -34
  52. package/lib/mergeOption/index.es.min.js +1 -1
  53. package/lib/move/index.es.js +7 -7
  54. package/lib/move/index.es.min.js +1 -1
  55. package/lib/rotate/index.es.js +7 -7
  56. package/lib/rotate/index.es.min.js +1 -1
  57. package/lib/ruler/index.es.js +137 -137
  58. package/lib/ruler/index.es.min.js +1 -1
  59. package/lib/scale/index.es.js +6 -6
  60. package/lib/scale/index.es.min.js +1 -1
  61. package/lib/throttle/index.es.js +7 -2
  62. package/lib/throttle/index.es.min.js +5 -1
  63. package/minialipay/ui-canvas/drawImage.js +35 -35
  64. package/minialipay/ui-canvas/index.acss +4 -4
  65. package/minialipay/ui-canvas/index.axml +3 -3
  66. package/minialipay/ui-canvas/index.d.ts +1 -1
  67. package/minialipay/ui-canvas/index.js +100 -100
  68. package/minialipay/ui-canvas/index.json +6 -6
  69. package/miniprogram/ui-canvas/drawImage.js +35 -35
  70. package/miniprogram/ui-canvas/index.js +117 -117
  71. package/miniprogram/ui-canvas/index.json +4 -4
  72. package/miniprogram/ui-canvas/index.wxml +4 -4
  73. package/miniprogram/ui-canvas/index.wxss +5 -5
  74. package/package/BarLayout/index.ts +3 -0
  75. package/package/Buffer/index.ts +2 -2
  76. package/package/Canvas/index.ts +2 -2
  77. package/package/Cardinal/index.ts +2 -2
  78. package/package/Eoap/index.ts +2 -2
  79. package/package/Hermite/index.ts +2 -2
  80. package/package/MapCoordinate/index.ts +2 -2
  81. package/package/Matrix4/index.ts +2 -2
  82. package/package/Mercator/index.ts +2 -2
  83. package/package/PieLayout/index.ts +3 -0
  84. package/package/RawCanvas/index.ts +2 -2
  85. package/package/SVG/index.ts +2 -2
  86. package/package/Shader/index.ts +2 -2
  87. package/package/Texture/index.ts +2 -2
  88. package/package/TreeLayout/index.ts +2 -2
  89. package/package/animation/index.ts +2 -2
  90. package/package/assemble/index.ts +2 -2
  91. package/package/getLoopColors/index.ts +2 -2
  92. package/package/getWebGLContext/index.ts +40 -40
  93. package/package/index.ts +84 -80
  94. package/package/initOption/index.ts +2 -2
  95. package/package/mergeOption/index.ts +2 -2
  96. package/package/move/index.ts +2 -2
  97. package/package/rotate/index.ts +2 -2
  98. package/package/ruler/index.ts +2 -2
  99. package/package/scale/index.ts +2 -2
  100. package/package/throttle/index.ts +2 -2
  101. package/package.json +75 -75
  102. package/src/Canvas.ts +84 -84
  103. package/src/Eoap.ts +66 -66
  104. package/src/Matrix4/index.ts +84 -84
  105. package/src/Matrix4/move.ts +12 -12
  106. package/src/Matrix4/rotate.ts +15 -15
  107. package/src/Matrix4/scale.ts +11 -11
  108. package/src/Matrix4/transform.ts +64 -64
  109. package/src/Mercator.ts +27 -27
  110. package/src/SVG.ts +55 -24
  111. package/src/common/assemble.ts +22 -22
  112. package/src/common/canvas/arc.ts +51 -51
  113. package/src/common/canvas/config.ts +176 -176
  114. package/src/common/canvas/default.ts +64 -64
  115. package/src/common/canvas/gradient.ts +31 -31
  116. package/src/common/canvas/index.ts +188 -188
  117. package/src/common/canvas/painter.ts +443 -443
  118. package/src/common/canvas/texts.ts +18 -18
  119. package/src/common/map/getBoundary.ts +15 -15
  120. package/src/common/map/tool.ts +29 -29
  121. package/src/common/option.ts +29 -29
  122. package/src/common/setStyle.ts +5 -5
  123. package/src/common/svg/config.ts +213 -213
  124. package/src/common/svg/default.ts +29 -29
  125. package/src/common/svg/gradient.ts +53 -53
  126. package/src/common/svg/index.ts +332 -332
  127. package/src/common/svg/tool.ts +51 -51
  128. package/src/common/tree/index.ts +25 -25
  129. package/src/common/tree/toInnerTree.ts +61 -61
  130. package/src/common/tree/toPlainTree.ts +135 -132
  131. package/src/common/type.ts +26 -26
  132. package/src/common/webgl/buffer.ts +79 -79
  133. package/src/common/webgl/getWebGLContext.ts +45 -45
  134. package/src/common/webgl/shader.ts +75 -75
  135. package/src/common/webgl/texture.ts +98 -97
  136. package/src/coordinate/MapCoordinate.ts +80 -80
  137. package/src/getLoopColors.ts +42 -42
  138. package/src/interpolation/Cardinal.ts +110 -110
  139. package/src/interpolation/Hermite.ts +65 -65
  140. package/src/layout/BarLayout.ts +249 -0
  141. package/src/layout/PieLayout.ts +142 -0
  142. package/src/layout/TreeLayout.ts +197 -194
  143. package/src/move.ts +7 -7
  144. package/src/rotate.ts +7 -7
  145. package/src/ruler.ts +209 -209
  146. package/src/scale.ts +6 -6
  147. package/types/Bar.d.ts +92 -0
  148. package/types/BarConfig.d.ts +5 -0
  149. package/types/BarLayout.d.ts +49 -0
  150. package/types/BarOption.d.ts +32 -0
  151. package/types/Buffer.d.ts +23 -23
  152. package/types/Canvas.d.ts +352 -352
  153. package/types/CanvasConfig.d.ts +88 -88
  154. package/types/CanvasOption.d.ts +8 -8
  155. package/types/CanvasOpts.d.ts +9 -9
  156. package/types/Cardinal.d.ts +13 -13
  157. package/types/Gradient.d.ts +14 -14
  158. package/types/Hermite.d.ts +18 -18
  159. package/types/Map.d.ts +9 -9
  160. package/types/MapConfig.d.ts +27 -27
  161. package/types/MapCoordinate.d.ts +22 -22
  162. package/types/Matrix4.d.ts +47 -47
  163. package/types/Pie.d.ts +74 -0
  164. package/types/PieConfig.d.ts +27 -0
  165. package/types/PieLayout.d.ts +41 -0
  166. package/types/PieOption.d.ts +22 -0
  167. package/types/SVG.d.ts +247 -243
  168. package/types/SVGConfig.d.ts +71 -71
  169. package/types/Shader.d.ts +16 -16
  170. package/types/Texture.d.ts +16 -16
  171. package/types/Tree.d.ts +74 -74
  172. package/types/TreeConfig.d.ts +36 -36
  173. package/types/TreeLayout.d.ts +59 -59
  174. package/types/TreeOption.d.ts +48 -48
  175. package/types/animation.d.ts +5 -5
  176. package/types/assemble.d.ts +5 -5
  177. package/types/getLoopColors.d.ts +5 -5
  178. package/types/getWebGLContext.d.ts +7 -7
  179. package/types/index.d.ts +195 -179
  180. package/types/move.d.ts +5 -5
  181. package/types/option.d.ts +12 -12
  182. package/types/painterConfig.d.ts +4 -4
  183. package/types/rotate.d.ts +5 -5
  184. package/types/ruler.d.ts +10 -10
  185. package/types/scale.d.ts +5 -5
  186. package/types/throttle.d.ts +5 -5
  187. package/types/throttleOption.d.ts +1 -1
  188. package/types/ui-canvas.d.ts +4 -4
  189. package/types/uni-canvas.d.ts +3 -3
  190. package/uni-app/drawImage.js +19 -19
  191. package/uni-app/ui-canvas.vue +284 -284
@@ -1,143 +1,143 @@
1
1
  /*!
2
- * ruler of VISLite JavaScript Library v1.3.0
2
+ * ruler of VISLite JavaScript Library v1.4.0-alpha.0
3
3
  * git+https://github.com/oi-contrib/VISLite.git
4
4
  */
5
- function ruler (maxValue, minValue, num, option) {
6
- if (maxValue < minValue) {
7
- var temp = minValue;
8
- minValue = maxValue;
9
- maxValue = temp;
10
- }
11
- else if (maxValue == minValue) {
12
- return [maxValue];
13
- }
14
- var times100 = (function (_value) {
15
- var _times100_base = (_value < 100 && _value > -100) ? 10 : 0.1;
16
- var _times100 = -1, _tiemsValue = _value;
17
- while (_times100_base == 10 ?
18
- (_tiemsValue >= -100 && _tiemsValue <= 100)
19
- :
20
- (_tiemsValue <= -100 || _tiemsValue >= 100)) {
21
- _times100 += 1;
22
- _tiemsValue *= _times100_base;
23
- }
24
- if (_times100_base == 10) {
25
- return Math.pow(10, _times100);
26
- }
27
- else {
28
- var temp = "0.";
29
- for (var i = 1; i < _times100; i++) {
30
- temp += "0";
31
- }
32
- return +(temp + "1");
33
- }
34
- })(maxValue - minValue);
35
- var distance100_oral = Math.ceil((maxValue - minValue) * times100 / num);
36
- var getResult = function (changValue) {
37
- var distance100 = {
38
- 3: 2,
39
- 4: 5,
40
- 6: 5,
41
- 7: 5,
42
- 8: 10,
43
- 9: 10,
44
- 11: 10,
45
- 12: 10,
46
- 13: 15,
47
- 14: 15,
48
- 16: 15,
49
- 17: 15,
50
- 18: 20,
51
- 19: 20,
52
- 21: 20,
53
- 22: 20,
54
- 23: 25,
55
- 24: 25,
56
- 26: 25,
57
- 27: 25
58
- }[distance100_oral + changValue] || (distance100_oral + changValue);
59
- var distance = distance100 / times100;
60
- var begin = Math.floor(minValue / distance) * distance;
61
- var rulerArray = [];
62
- rulerArray.push(begin);
63
- for (var index = 1; rulerArray[rulerArray.length - 1] < maxValue; index++) {
64
- rulerArray.push(begin + distance * index);
65
- }
66
- return rulerArray;
67
- };
68
- var rulerArray = getResult(0);
69
- var balanceMax = function () {
70
- var rulerArray_temp = [];
71
- var changeDist = rulerArray[rulerArray.length - 1] - (option === null || option === void 0 ? void 0 : option.max);
72
- for (var index = 0; index < rulerArray.length; index++) {
73
- if (index + 1 < rulerArray.length && rulerArray[index + 1] - changeDist < minValue) ;
74
- else {
75
- rulerArray_temp.push(rulerArray[index] - changeDist);
76
- }
77
- }
78
- return rulerArray_temp;
79
- };
80
- var balanceMin = function () {
81
- var rulerArray_temp = [];
82
- var changeDist = rulerArray[0] - (option === null || option === void 0 ? void 0 : option.min);
83
- for (var index = 0; index < rulerArray.length; index++) {
84
- rulerArray_temp[index] = rulerArray[index] - changeDist;
85
- if (maxValue <= rulerArray_temp[index])
86
- break;
87
- }
88
- return rulerArray_temp;
89
- };
90
- if (option) {
91
- if ('max' in option && 'min' in option && option.max >= maxValue && option.min <= minValue) {
92
- var isAnswer = function () {
93
- if (rulerArray[0] >= option.min && rulerArray[rulerArray.length - 1] <= option.max)
94
- return true;
95
- var rulerArray_max = balanceMax();
96
- if (rulerArray_max[0] >= option.min && rulerArray_max[rulerArray_max.length - 1] <= option.max) {
97
- rulerArray = rulerArray_max;
98
- return true;
99
- }
100
- var rulerArray_min = balanceMin();
101
- if (rulerArray_min[0] >= option.min && rulerArray_min[rulerArray_max.length - 1] <= option.max) {
102
- rulerArray = rulerArray_min;
103
- return true;
104
- }
105
- };
106
- if (isAnswer())
107
- return rulerArray;
108
- for (var changValue = 1; changValue < 100; changValue++) {
109
- rulerArray = getResult(changValue);
110
- if (isAnswer())
111
- return rulerArray;
112
- rulerArray = getResult(-changValue);
113
- if (isAnswer())
114
- return rulerArray;
115
- }
116
- }
117
- if ('max' in option && option.max >= maxValue) {
118
- if (option.max < rulerArray[rulerArray.length - 1]) {
119
- rulerArray = balanceMax();
120
- }
121
- }
122
- else if ('min' in option && option.min <= minValue) {
123
- if (option.min > rulerArray[0]) {
124
- rulerArray = balanceMin();
125
- }
126
- }
127
- }
128
- for (var index = 0; index < rulerArray.length; index++) {
129
- var valStr = rulerArray[index] + "";
130
- if (/\./.test(valStr)) {
131
- if (/9{7,}$/.test(valStr)) {
132
- valStr = valStr.replace(/9{7,}$/, '');
133
- rulerArray[index] = +(valStr.substring(0, valStr.length - 1) + ((+valStr[valStr.length - 1]) + 1));
134
- }
135
- else if (/0{7,}\d$/.test(valStr)) {
136
- rulerArray[index] = +(valStr.replace(/0{7,}\d$/, ''));
137
- }
138
- }
139
- }
140
- return rulerArray;
5
+ function ruler (maxValue, minValue, num, option) {
6
+ if (maxValue < minValue) {
7
+ var temp = minValue;
8
+ minValue = maxValue;
9
+ maxValue = temp;
10
+ }
11
+ else if (maxValue == minValue) {
12
+ return [maxValue];
13
+ }
14
+ var times100 = (function (_value) {
15
+ var _times100_base = (_value < 100 && _value > -100) ? 10 : 0.1;
16
+ var _times100 = -1, _tiemsValue = _value;
17
+ while (_times100_base == 10 ?
18
+ (_tiemsValue >= -100 && _tiemsValue <= 100)
19
+ :
20
+ (_tiemsValue <= -100 || _tiemsValue >= 100)) {
21
+ _times100 += 1;
22
+ _tiemsValue *= _times100_base;
23
+ }
24
+ if (_times100_base == 10) {
25
+ return Math.pow(10, _times100);
26
+ }
27
+ else {
28
+ var temp = "0.";
29
+ for (var i = 1; i < _times100; i++) {
30
+ temp += "0";
31
+ }
32
+ return +(temp + "1");
33
+ }
34
+ })(maxValue - minValue);
35
+ var distance100_oral = Math.ceil((maxValue - minValue) * times100 / num);
36
+ var getResult = function (changValue) {
37
+ var distance100 = {
38
+ 3: 2,
39
+ 4: 5,
40
+ 6: 5,
41
+ 7: 5,
42
+ 8: 10,
43
+ 9: 10,
44
+ 11: 10,
45
+ 12: 10,
46
+ 13: 15,
47
+ 14: 15,
48
+ 16: 15,
49
+ 17: 15,
50
+ 18: 20,
51
+ 19: 20,
52
+ 21: 20,
53
+ 22: 20,
54
+ 23: 25,
55
+ 24: 25,
56
+ 26: 25,
57
+ 27: 25
58
+ }[distance100_oral + changValue] || (distance100_oral + changValue);
59
+ var distance = distance100 / times100;
60
+ var begin = Math.floor(minValue / distance) * distance;
61
+ var rulerArray = [];
62
+ rulerArray.push(begin);
63
+ for (var index = 1; rulerArray[rulerArray.length - 1] < maxValue; index++) {
64
+ rulerArray.push(begin + distance * index);
65
+ }
66
+ return rulerArray;
67
+ };
68
+ var rulerArray = getResult(0);
69
+ var balanceMax = function () {
70
+ var rulerArray_temp = [];
71
+ var changeDist = rulerArray[rulerArray.length - 1] - (option === null || option === void 0 ? void 0 : option.max);
72
+ for (var index = 0; index < rulerArray.length; index++) {
73
+ if (index + 1 < rulerArray.length && rulerArray[index + 1] - changeDist < minValue) ;
74
+ else {
75
+ rulerArray_temp.push(rulerArray[index] - changeDist);
76
+ }
77
+ }
78
+ return rulerArray_temp;
79
+ };
80
+ var balanceMin = function () {
81
+ var rulerArray_temp = [];
82
+ var changeDist = rulerArray[0] - (option === null || option === void 0 ? void 0 : option.min);
83
+ for (var index = 0; index < rulerArray.length; index++) {
84
+ rulerArray_temp[index] = rulerArray[index] - changeDist;
85
+ if (maxValue <= rulerArray_temp[index])
86
+ break;
87
+ }
88
+ return rulerArray_temp;
89
+ };
90
+ if (option) {
91
+ if ('max' in option && 'min' in option && option.max >= maxValue && option.min <= minValue) {
92
+ var isAnswer = function () {
93
+ if (rulerArray[0] >= option.min && rulerArray[rulerArray.length - 1] <= option.max)
94
+ return true;
95
+ var rulerArray_max = balanceMax();
96
+ if (rulerArray_max[0] >= option.min && rulerArray_max[rulerArray_max.length - 1] <= option.max) {
97
+ rulerArray = rulerArray_max;
98
+ return true;
99
+ }
100
+ var rulerArray_min = balanceMin();
101
+ if (rulerArray_min[0] >= option.min && rulerArray_min[rulerArray_max.length - 1] <= option.max) {
102
+ rulerArray = rulerArray_min;
103
+ return true;
104
+ }
105
+ };
106
+ if (isAnswer())
107
+ return rulerArray;
108
+ for (var changValue = 1; changValue < 100; changValue++) {
109
+ rulerArray = getResult(changValue);
110
+ if (isAnswer())
111
+ return rulerArray;
112
+ rulerArray = getResult(-changValue);
113
+ if (isAnswer())
114
+ return rulerArray;
115
+ }
116
+ }
117
+ if ('max' in option && option.max >= maxValue) {
118
+ if (option.max < rulerArray[rulerArray.length - 1]) {
119
+ rulerArray = balanceMax();
120
+ }
121
+ }
122
+ else if ('min' in option && option.min <= minValue) {
123
+ if (option.min > rulerArray[0]) {
124
+ rulerArray = balanceMin();
125
+ }
126
+ }
127
+ }
128
+ for (var index = 0; index < rulerArray.length; index++) {
129
+ var valStr = rulerArray[index] + "";
130
+ if (/\./.test(valStr)) {
131
+ if (/9{7,}$/.test(valStr)) {
132
+ valStr = valStr.replace(/9{7,}$/, '');
133
+ rulerArray[index] = +(valStr.substring(0, valStr.length - 1) + ((+valStr[valStr.length - 1]) + 1));
134
+ }
135
+ else if (/0{7,}\d$/.test(valStr)) {
136
+ rulerArray[index] = +(valStr.replace(/0{7,}\d$/, ''));
137
+ }
138
+ }
139
+ }
140
+ return rulerArray;
141
141
  }
142
142
 
143
143
  export { ruler as default };
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * ruler of VISLite JavaScript Library v1.3.0
2
+ * ruler of VISLite JavaScript Library v1.4.0-alpha.0
3
3
  * git+https://github.com/oi-contrib/VISLite.git
4
4
  */
5
5
  function n(n,r,t,e){if(n<r){var i=r;r=n,n=i}else if(n==r)return[n];var a=function(n){for(var r=n<100&&n>-100?10:.1,t=-1,e=n;10==r?e>=-100&&e<=100:e<=-100||e>=100;)t+=1,e*=r;if(10==r)return Math.pow(10,t);for(var i="0.",a=1;a<t;a++)i+="0";return+(i+"1")}(n-r),u=Math.ceil((n-r)*a/t),f=function(t){var e=({3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[u+t]||u+t)/a,i=Math.floor(r/e)*e,f=[];f.push(i);for(var l=1;f[f.length-1]<n;l++)f.push(i+e*l);return f},l=f(0),o=function(){for(var n=[],t=l[l.length-1]-(null==e?void 0:e.max),i=0;i<l.length;i++)i+1<l.length&&l[i+1]-t<r||n.push(l[i]-t);return n},h=function(){for(var r=[],t=l[0]-(null==e?void 0:e.min),i=0;i<l.length&&(r[i]=l[i]-t,!(n<=r[i]));i++);return r};if(e){if("max"in e&&"min"in e&&e.max>=n&&e.min<=r){var m=function(){if(l[0]>=e.min&&l[l.length-1]<=e.max)return!0;var n=o();if(n[0]>=e.min&&n[n.length-1]<=e.max)return l=n,!0;var r=h();return r[0]>=e.min&&r[n.length-1]<=e.max?(l=r,!0):void 0};if(m())return l;for(var v=1;v<100;v++){if(l=f(v),m())return l;if(l=f(-v),m())return l}}"max"in e&&e.max>=n?e.max<l[l.length-1]&&(l=o()):"min"in e&&e.min<=r&&e.min>l[0]&&(l=h())}for(var g=0;g<l.length;g++){var s=l[g]+"";/\./.test(s)&&(/9{7,}$/.test(s)?(s=s.replace(/9{7,}$/,""),l[g]=+(s.substring(0,s.length-1)+(+s[s.length-1]+1))):/0{7,}\d$/.test(s)&&(l[g]=+s.replace(/0{7,}\d$/,"")))}return l}export{n as default};
@@ -1,12 +1,12 @@
1
1
  /*!
2
- * scale of VISLite JavaScript Library v1.3.0
2
+ * scale of VISLite JavaScript Library v1.4.0-alpha.0
3
3
  * git+https://github.com/oi-contrib/VISLite.git
4
4
  */
5
- function scale (cx, cy, times, x, y) {
6
- return [
7
- times * (x - cx) + cx,
8
- times * (y - cy) + cy
9
- ];
5
+ function scale (cx, cy, times, x, y) {
6
+ return [
7
+ times * (x - cx) + cx,
8
+ times * (y - cy) + cy
9
+ ];
10
10
  }
11
11
 
12
12
  export { scale as default };
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * scale of VISLite JavaScript Library v1.3.0
2
+ * scale of VISLite JavaScript Library v1.4.0-alpha.0
3
3
  * git+https://github.com/oi-contrib/VISLite.git
4
4
  */
5
5
  function t(t,e,n,r,u){return[n*(r-t)+t,n*(u-e)+e]}export{t as default};
@@ -1,7 +1,12 @@
1
1
  /*!
2
- * throttle of VISLite JavaScript Library v1.3.0
2
+ * throttle of VISLite JavaScript Library v1.4.0-alpha.0
3
3
  * git+https://github.com/oi-contrib/VISLite.git
4
4
  */
5
+ /*!
6
+ * throttle of OIPage v1.2.0
7
+ * git+https://github.com/oi-contrib/OIPage.git
8
+ */
9
+
5
10
  function throttle(callback, _option) {
6
11
 
7
12
  // 缺省值
@@ -10,7 +15,7 @@ function throttle(callback, _option) {
10
15
  keep: false,
11
16
  opportunity: "end"
12
17
  };
13
-
18
+
14
19
  // 校对
15
20
  if (_option) {
16
21
  for (var key in _option) {
@@ -1,5 +1,9 @@
1
1
  /*!
2
- * throttle of VISLite JavaScript Library v1.3.0
2
+ * throttle of VISLite JavaScript Library v1.4.0-alpha.0
3
3
  * git+https://github.com/oi-contrib/VISLite.git
4
4
  */
5
+ /*!
6
+ * throttle of OIPage v1.2.0
7
+ * git+https://github.com/oi-contrib/OIPage.git
8
+ */
5
9
  function t(t,e){var n={time:200,keep:!1,opportunity:"end"};if(e)for(var p in e)n[p]=e[p];var r,i=!1,o=!1,a=!1;return function(){const e=this;if(r=arguments,i)o=!0,a=!0;else{"end"!=n.opportunity&&t.apply(e,r),i=!0;var p=setInterval((()=>{o?n.keep||t.apply(e,r):("begin"!=n.opportunity&&(a||"end"==n.opportunity)&&t.apply(e,r),i=!1,a=!1,clearInterval(p)),o=!1}),n.time)}}}export{t as default};
@@ -1,36 +1,36 @@
1
- export default function (_this, drawImage, canvas) {
2
- return function (imgUrl, x, y, w, h) {
3
- return new Promise((resolve) => {
4
-
5
- let doit = (imgsrc) => {
6
- if (canvas.createImage) {
7
- let img = canvas.createImage();
8
- img.onload = function () {
9
- drawImage.call(_this, img, x, y, w, h, true).then(() => {
10
- resolve({});
11
- });
12
- };
13
- img.src = imgsrc;
14
- }
15
-
16
- // 低版本兼容
17
- else {
18
- drawImage.call(_this, imgsrc, x, y, w, h, true).then(() => {
19
- resolve({});
20
- });
21
- }
22
- };
23
-
24
- if (/^http/.test(imgUrl)) {
25
- my.downloadFile({
26
- url: imgUrl,
27
- success: function (res) {
28
- doit(res.tempFilePath);
29
- },
30
- })
31
- } else {
32
- doit(imgUrl);
33
- }
34
- });
35
- };
1
+ export default function (_this, drawImage, canvas) {
2
+ return function (imgUrl, x, y, w, h) {
3
+ return new Promise((resolve) => {
4
+
5
+ let doit = (imgsrc) => {
6
+ if (canvas.createImage) {
7
+ let img = canvas.createImage();
8
+ img.onload = function () {
9
+ drawImage.call(_this, img, x, y, w, h, true).then(() => {
10
+ resolve({});
11
+ });
12
+ };
13
+ img.src = imgsrc;
14
+ }
15
+
16
+ // 低版本兼容
17
+ else {
18
+ drawImage.call(_this, imgsrc, x, y, w, h, true).then(() => {
19
+ resolve({});
20
+ });
21
+ }
22
+ };
23
+
24
+ if (/^http/.test(imgUrl)) {
25
+ my.downloadFile({
26
+ url: imgUrl,
27
+ success: function (res) {
28
+ doit(res.tempFilePath);
29
+ },
30
+ })
31
+ } else {
32
+ doit(imgUrl);
33
+ }
34
+ });
35
+ };
36
36
  };
@@ -1,5 +1,5 @@
1
- /* 辅助的区域不应该可以看见 */
2
- .region {
3
- position: fixed;
4
- left: 50000px;
1
+ /* 辅助的区域不应该可以看见 */
2
+ .region {
3
+ position: fixed;
4
+ left: 50000px;
5
5
  }
@@ -1,4 +1,4 @@
1
- <view>
2
- <canvas type="2d" id="{{'painter-'+uniqueid}}" style="{{'width:'+(width+'px')+';'+('height:'+(height+'px')+';')}}" width="{{2*width+'px'}}" height="{{2*height+'px'}}" onTouchStart="doitstart"></canvas>
3
- <canvas a:if="{{region}}" type="2d" id="{{'region-'+uniqueid}}" style="{{'width:'+(width+'px')+';'+('height:'+(height+'px')+';')}}" id="{{'region-'+uniqueid}}" class="region"></canvas>
1
+ <view>
2
+ <canvas type="2d" id="{{'painter-'+uniqueid}}" style="{{'width:'+(width+'px')+';'+('height:'+(height+'px')+';')}}" width="{{2*width+'px'}}" height="{{2*height+'px'}}" onTouchStart="doitstart"></canvas>
3
+ <canvas a:if="{{region}}" type="2d" id="{{'region-'+uniqueid}}" style="{{'width:'+(width+'px')+';'+('height:'+(height+'px')+';')}}" id="{{'region-'+uniqueid}}" class="region"></canvas>
4
4
  </view>
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,101 +1,101 @@
1
- import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
2
- import drawImage from "./drawImage.js";
3
-
4
- // https://opendocs.alipay.com/mini/framework/custom-component-overview
5
-
6
- Component({
7
- props: {
8
- width: 300,
9
- height: 150,
10
- region: true,
11
- onDoTouchstart: () => { }
12
- },
13
- data: {
14
- uniqueid: (Math.random() * 10000).toFixed(0),
15
- help: {}
16
- },
17
- methods: {
18
- fetch() {
19
- return new Promise((resolve, reject) => {
20
-
21
- let getCanvasContext = (idName, doback) => {
22
- if (idName != 'region' || this.props.region) {
23
- my.createSelectorQuery().select('#' + idName + '-' + this.data.uniqueid).node().exec((res) => {
24
- const canvas = res[0].node;
25
- const ctx = canvas.getContext('2d');
26
-
27
- if (idName != "region") {
28
- ctx.scale(2, 2);
29
- }
30
-
31
- doback(ctx, idName != 'region' ? canvas : null);
32
-
33
- })
34
- } else {
35
- doback(null);
36
- }
37
- };
38
-
39
- getCanvasContext("painter", (painter, panvas) => {
40
- getCanvasContext("region", region => {
41
-
42
- this.data.help.instance = new RawCanvas({
43
- getContext() {
44
- return painter;
45
- }
46
- }, this.props.region ? {
47
- getContext() {
48
- return region;
49
- }
50
- } : null);
51
-
52
- this.data.help.instance.toDataURL = () => {
53
- return new Promise((resolveUrl) => {
54
- if (panvas.toDataURL) {
55
- resolveUrl(panvas.toDataURL());
56
- } else {
57
- panvas.toTempFilePath({
58
- x: 0,
59
- y: 0,
60
- width: this.props.widht,
61
- height: this.props.height,
62
- success(e) {
63
- resolveUrl(e.tempFilePath);
64
- },
65
- fail(error) {
66
- console.error(error);
67
- }
68
- });
69
- }
70
- });
71
- };
72
-
73
- this.data.help.instance.drawImage = drawImage(
74
- this.data.help.instance,
75
- this.data.help.instance.drawImage,
76
- panvas
77
- );
78
-
79
- resolve(this.data.help.instance);
80
- });
81
- });
82
-
83
- });
84
- },
85
- doit(event) {
86
- let x = event.touches[0].x;
87
- let y = event.touches[0].y;
88
-
89
- this.data.help.instance.getRegion(x, y).then((regionName) => {
90
- this.props.onDoTouchstart({
91
- name: regionName,
92
- x: x,
93
- y: y
94
- });
95
- });
96
- },
97
- doitstart(event) {
98
- this.doit(event);
99
- }
100
- }
1
+ import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
2
+ import drawImage from "./drawImage.js";
3
+
4
+ // https://opendocs.alipay.com/mini/framework/custom-component-overview
5
+
6
+ Component({
7
+ props: {
8
+ width: 300,
9
+ height: 150,
10
+ region: true,
11
+ onDoTouchstart: () => { }
12
+ },
13
+ data: {
14
+ uniqueid: (Math.random() * 10000).toFixed(0),
15
+ help: {}
16
+ },
17
+ methods: {
18
+ fetch() {
19
+ return new Promise((resolve, reject) => {
20
+
21
+ let getCanvasContext = (idName, doback) => {
22
+ if (idName != 'region' || this.props.region) {
23
+ my.createSelectorQuery().select('#' + idName + '-' + this.data.uniqueid).node().exec((res) => {
24
+ const canvas = res[0].node;
25
+ const ctx = canvas.getContext('2d');
26
+
27
+ if (idName != "region") {
28
+ ctx.scale(2, 2);
29
+ }
30
+
31
+ doback(ctx, idName != 'region' ? canvas : null);
32
+
33
+ })
34
+ } else {
35
+ doback(null);
36
+ }
37
+ };
38
+
39
+ getCanvasContext("painter", (painter, panvas) => {
40
+ getCanvasContext("region", region => {
41
+
42
+ this.data.help.instance = new RawCanvas({
43
+ getContext() {
44
+ return painter;
45
+ }
46
+ }, this.props.region ? {
47
+ getContext() {
48
+ return region;
49
+ }
50
+ } : null);
51
+
52
+ this.data.help.instance.toDataURL = () => {
53
+ return new Promise((resolveUrl) => {
54
+ if (panvas.toDataURL) {
55
+ resolveUrl(panvas.toDataURL());
56
+ } else {
57
+ panvas.toTempFilePath({
58
+ x: 0,
59
+ y: 0,
60
+ width: this.props.widht,
61
+ height: this.props.height,
62
+ success(e) {
63
+ resolveUrl(e.tempFilePath);
64
+ },
65
+ fail(error) {
66
+ console.error(error);
67
+ }
68
+ });
69
+ }
70
+ });
71
+ };
72
+
73
+ this.data.help.instance.drawImage = drawImage(
74
+ this.data.help.instance,
75
+ this.data.help.instance.drawImage,
76
+ panvas
77
+ );
78
+
79
+ resolve(this.data.help.instance);
80
+ });
81
+ });
82
+
83
+ });
84
+ },
85
+ doit(event) {
86
+ let x = event.touches[0].x;
87
+ let y = event.touches[0].y;
88
+
89
+ this.data.help.instance.getRegion(x, y).then((regionName) => {
90
+ this.props.onDoTouchstart({
91
+ name: regionName,
92
+ x: x,
93
+ y: y
94
+ });
95
+ });
96
+ },
97
+ doitstart(event) {
98
+ this.doit(event);
99
+ }
100
+ }
101
101
  });