@operato/scene-progressbar 0.0.4

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 (52) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/LICENSE +21 -0
  3. package/README.md +15 -0
  4. package/assets/progress-circle.png +0 -0
  5. package/assets/progress-horizontal.png +0 -0
  6. package/assets/progress-vertical.png +0 -0
  7. package/dist/src/index.d.ts +3 -0
  8. package/dist/src/index.js +7 -0
  9. package/dist/src/index.js.map +1 -0
  10. package/dist/src/progress-circle.d.ts +22 -0
  11. package/dist/src/progress-circle.js +82 -0
  12. package/dist/src/progress-circle.js.map +1 -0
  13. package/dist/src/progress-horizontal.d.ts +28 -0
  14. package/dist/src/progress-horizontal.js +69 -0
  15. package/dist/src/progress-horizontal.js.map +1 -0
  16. package/dist/src/progress-vertical.d.ts +28 -0
  17. package/dist/src/progress-vertical.js +58 -0
  18. package/dist/src/progress-vertical.js.map +1 -0
  19. package/dist/tsconfig.tsbuildinfo +1 -0
  20. package/helps/scene/component/progress-circle.ko.md +41 -0
  21. package/helps/scene/component/progress-circle.md +42 -0
  22. package/helps/scene/component/progress-circle.zh.md +39 -0
  23. package/helps/scene/component/progress-horizontal.ko.md +37 -0
  24. package/helps/scene/component/progress-horizontal.md +31 -0
  25. package/helps/scene/component/progress-horizontal.zh.md +31 -0
  26. package/helps/scene/component/progress-vertical.ko.md +23 -0
  27. package/helps/scene/component/progress-vertical.md +24 -0
  28. package/helps/scene/component/progress-vertical.zh.md +23 -0
  29. package/helps/scene/images/progress-circle-01.png +0 -0
  30. package/helps/scene/images/progress-circle-02.png +0 -0
  31. package/helps/scene/images/progress-circle-03.png +0 -0
  32. package/helps/scene/images/progress-circle-04.png +0 -0
  33. package/helps/scene/images/progress-circle-05.png +0 -0
  34. package/helps/scene/images/progress-horizontal-01.png +0 -0
  35. package/helps/scene/images/progress-horizontal-02.png +0 -0
  36. package/helps/scene/images/progress-horizontal-03.png +0 -0
  37. package/helps/scene/images/progress-horizontal-04.png +0 -0
  38. package/helps/scene/images/progress-vertical-01.png +0 -0
  39. package/helps/scene/images/progress-vertical-02.png +0 -0
  40. package/helps/scene/images/progress-vertical-03.png +0 -0
  41. package/package.json +63 -0
  42. package/src/index.ts +6 -0
  43. package/src/progress-circle.ts +125 -0
  44. package/src/progress-horizontal.ts +83 -0
  45. package/src/progress-vertical.ts +72 -0
  46. package/test/basic-test.html +67 -0
  47. package/test/index.html +22 -0
  48. package/things-scene.config.js +85 -0
  49. package/translations/en.json +4 -0
  50. package/translations/ko.json +4 -0
  51. package/translations/zh.json +4 -0
  52. package/tsconfig.json +22 -0
@@ -0,0 +1,85 @@
1
+ import vertical from './assets/progress-vertical.png';
2
+ import horizontal from './assets/progress-horizontal.png';
3
+ import circle from './assets/progress-circle.png';
4
+
5
+ var templates = [{
6
+ type: 'progress-vertical',
7
+ description: 'vertical progress-bar',
8
+ group: 'chartAndGauge', /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
9
+ icon: vertical,
10
+ model: {
11
+ type: 'progress-vertical',
12
+ top: 100,
13
+ left: 100,
14
+ width: 70,
15
+ height: 200,
16
+ value: 65,
17
+ fontSize: 20,
18
+ fontColor: '#fff',
19
+ fontFamily: 'Arial',
20
+ fillStyle: '#76c045',
21
+ strokeStyle: '#585858',
22
+ text: '#{value}%',
23
+ alpha: 1,
24
+ hidden: false,
25
+ lineWidth: 1,
26
+ lineDash: 'solid',
27
+ lineCap: 'butt'
28
+ }
29
+ }, {
30
+ type: 'progress-horizontal',
31
+ description: 'horizontal progress-bar',
32
+ group: 'chartAndGauge', /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
33
+ icon: horizontal,
34
+ model: {
35
+ type: 'progress-horizontal',
36
+ top: 100,
37
+ left: 100,
38
+ width: 200,
39
+ height: 70,
40
+ value: 65,
41
+ reverse: false,
42
+ fontSize: 20,
43
+ fontColor: '#fff',
44
+ fontFamily: 'Arial',
45
+ fillStyle: '#76c045',
46
+ strokeStyle: '#585858',
47
+ text: '#{value}%',
48
+ alpha: 1,
49
+ hidden: false,
50
+ lineWidth: 1,
51
+ lineDash: 'solid',
52
+ lineCap: 'butt'
53
+ }
54
+ }, {
55
+ type: 'progress-circle',
56
+ description: 'circle shaped progress-bar',
57
+ group: 'chartAndGauge', /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
58
+ icon: circle,
59
+ model: {
60
+ type: 'progress-circle',
61
+ cy: 150,
62
+ cx: 150,
63
+ rx: 70,
64
+ ry: 70,
65
+ value: 65,
66
+ startAngle: 0,
67
+ endAngle: 360,
68
+ fontSize: 20,
69
+ strokeStyle: '#76c045',
70
+ blankStrokeStyle: '#ccc',
71
+ fontFamily: 'Arial',
72
+ fontColor: '#585858',
73
+ text: '#{value}%',
74
+ alpha: 1,
75
+ hidden: false,
76
+ lineWidth: 20,
77
+ lineDash: 'solid',
78
+ lineCap: 'round'
79
+ }
80
+ }]
81
+
82
+ export default {
83
+ templates
84
+ };
85
+
@@ -0,0 +1,4 @@
1
+ {
2
+ "label.packman-style": "packman style",
3
+ "label.anim-from-base": "animation from base"
4
+ }
@@ -0,0 +1,4 @@
1
+ {
2
+ "label.packman-style": "팩맨 모양",
3
+ "label.anim-from-base": "바닥값부터 애니메이션"
4
+ }
@@ -0,0 +1,4 @@
1
+ {
2
+ "label.packman-style": "帕克曼风格",
3
+ "label.anim-from-base": "动画基于base"
4
+ }
package/tsconfig.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "es2018",
4
+ "module": "esnext",
5
+ "moduleResolution": "node",
6
+ "noEmitOnError": true,
7
+ "lib": ["es2017", "dom"],
8
+ "strict": true,
9
+ "esModuleInterop": false,
10
+ "allowSyntheticDefaultImports": true,
11
+ "experimentalDecorators": true,
12
+ "importHelpers": true,
13
+ "outDir": "dist",
14
+ "sourceMap": true,
15
+ "inlineSources": true,
16
+ "rootDir": "./",
17
+ "declaration": true,
18
+ "incremental": true,
19
+ "types": ["node"]
20
+ },
21
+ "include": ["**/*.ts", "*.d.ts"]
22
+ }