@dfsj/components 3.7.2-alpha.6 → 4.0.0-alpha.1

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 (157) hide show
  1. package/CHANGELOG.md +61 -453
  2. package/README.md +101 -24
  3. package/dist/_virtual/_rollupPluginBabelHelpers.js +13 -0
  4. package/dist/components/Boards/src/Boards.vue.js +10 -4
  5. package/dist/components/Boards/src/Boards.vue2.js +10 -152
  6. package/dist/components/Boards/src/hooKs/useStyle.d.ts +13 -5
  7. package/dist/components/Boards/src/hooKs/useStyle.js +10 -104
  8. package/dist/components/Boards/src/props.d.ts +5 -23
  9. package/dist/components/Boards/src/props.js +10 -56
  10. package/dist/components/ClickOutSide/src/ClickOutSide.vue.js +10 -4
  11. package/dist/components/ClickOutSide/src/ClickOutSide.vue2.js +10 -25
  12. package/dist/components/Descriptions/src/Descriptions.vue.js +10 -4
  13. package/dist/components/Descriptions/src/Descriptions.vue2.js +10 -150
  14. package/dist/components/Editor/src/Editor.vue.js +10 -4
  15. package/dist/components/Editor/src/Editor.vue2.js +10 -137
  16. package/dist/components/Form/src/Form.vue.js +10 -4
  17. package/dist/components/Form/src/Form.vue2.js +10 -394
  18. package/dist/components/Form/src/components/useRenderCheckbox.js +10 -32
  19. package/dist/components/Form/src/components/useRenderRadio.js +10 -32
  20. package/dist/components/Form/src/components/useRenderSelect.js +10 -51
  21. package/dist/components/Form/src/helper/componentMap.js +10 -32
  22. package/dist/components/Form/src/helper/index.js +10 -108
  23. package/dist/components/Form/src/types/index.d.ts +80 -84
  24. package/dist/components/Form/src/types/index.js +10 -30
  25. package/dist/components/Form/src/useForm.js +10 -289
  26. package/dist/components/Highlight/src/Highlight.vue.js +10 -4
  27. package/dist/components/Highlight/src/Highlight.vue2.js +10 -61
  28. package/dist/components/Icon/src/Icon.vue.js +10 -4
  29. package/dist/components/Icon/src/Icon.vue2.js +10 -122
  30. package/dist/components/Icon/src/SvgIcon.vue.js +10 -6
  31. package/dist/components/Icon/src/SvgIcon.vue2.js +10 -44
  32. package/dist/components/Icon/src/SvgIcon.vue3.js +10 -13
  33. package/dist/components/InputPassword/src/InputPassword.vue.js +10 -4
  34. package/dist/components/InputPassword/src/InputPassword.vue2.js +10 -57
  35. package/dist/components/Modal/src/BasicModal.vue.js +10 -4
  36. package/dist/components/Modal/src/BasicModal.vue2.js +10 -154
  37. package/dist/components/Modal/src/components/ModalFooter.vue.js +10 -4
  38. package/dist/components/Modal/src/components/ModalFooter.vue2.js +10 -39
  39. package/dist/components/Modal/src/components/ModalHeader.vue.js +10 -4
  40. package/dist/components/Modal/src/components/ModalHeader.vue2.js +10 -80
  41. package/dist/components/Modal/src/config.d.ts +3 -2
  42. package/dist/components/Modal/src/config.js +10 -28
  43. package/dist/components/Modal/src/hooks/useModalDrag.js +10 -109
  44. package/dist/components/Modal/src/hooks/useTimeout.js +10 -52
  45. package/dist/components/Modal/src/props.d.ts +16 -56
  46. package/dist/components/Modal/src/props.js +10 -130
  47. package/dist/components/Modal/src/utils/index.js +10 -85
  48. package/dist/components/NodeAxis/src/AbstractNodeProvider.js +10 -21
  49. package/dist/components/NodeAxis/src/CanvasNodeRender.d.ts +3 -12
  50. package/dist/components/NodeAxis/src/CanvasNodeRender.js +10 -411
  51. package/dist/components/NodeAxis/src/NodeAxis.vue.js +10 -4
  52. package/dist/components/NodeAxis/src/NodeAxis.vue2.js +10 -68
  53. package/dist/components/NodeAxis/src/NodeModel.js +10 -62
  54. package/dist/components/NodeAxis/src/NodeRender.js +10 -28
  55. package/dist/components/NodeAxis/src/NullLayerProvider.js +10 -86
  56. package/dist/components/NodeAxis/src/NullProvider.js +10 -65
  57. package/dist/components/NodeAxis/src/TimerNodePlayer.js +10 -148
  58. package/dist/components/NodeAxis/src/config/node-axis.options.js +10 -55
  59. package/dist/components/NodeAxis/src/enum/index.js +10 -19
  60. package/dist/components/NodeAxis/src/utils/assign.js +10 -42
  61. package/dist/components/Stateful/src/State.js +10 -78
  62. package/dist/components/Stateful/src/Stateful.vue.js +10 -4
  63. package/dist/components/Stateful/src/Stateful.vue2.js +10 -52
  64. package/dist/components/Stateful/src/props.d.ts +2 -6
  65. package/dist/components/Stateful/src/props.js +10 -28
  66. package/dist/components/Table/index.d.ts +3 -3
  67. package/dist/components/Table/src/Table.vue.js +10 -4
  68. package/dist/components/Table/src/Table.vue2.js +10 -583
  69. package/dist/components/Table/src/components/ColumnSetting.vue.js +10 -4
  70. package/dist/components/Table/src/components/ColumnSetting.vue2.js +10 -263
  71. package/dist/components/Table/src/components/TableActions.vue.js +10 -4
  72. package/dist/components/Table/src/components/TableActions.vue2.js +10 -107
  73. package/dist/components/Table/src/helper/index.js +10 -10
  74. package/dist/components/Table/src/types/index.d.ts +11 -13
  75. package/dist/components/Table/src/useTable.d.ts +36 -1
  76. package/dist/components/Table/src/useTable.js +10 -283
  77. package/dist/components/UnifyChart/src/ChartToolbox.vue.js +10 -4
  78. package/dist/components/UnifyChart/src/ChartToolbox.vue2.js +10 -82
  79. package/dist/components/UnifyChart/src/UnifyChart.vue.js +10 -4
  80. package/dist/components/UnifyChart/src/UnifyChart.vue2.js +10 -57
  81. package/dist/components/UnifyChart/src/hooks/useLoader.js +10 -92
  82. package/dist/components/UnifyChart/src/hooks/useRender.d.ts +8 -13
  83. package/dist/components/UnifyChart/src/hooks/useRender.js +10 -49
  84. package/dist/components/UnifyChart/src/props.d.ts +13 -59
  85. package/dist/components/UnifyChart/src/props.js +10 -32
  86. package/dist/components/UnifyChart/src/useDownLoad.js +10 -26
  87. package/dist/components/Visual/src/BufferLayerPlayer.js +10 -309
  88. package/dist/components/Visual/src/ResolvableLayerProvider.js +10 -252
  89. package/dist/components/Visual/src/config/default.manager.js +10 -6
  90. package/dist/components/Visual/src/config/default.provider.js +10 -17
  91. package/dist/components/Visual/src/mapping.js +10 -6
  92. package/dist/components/Visual/src/resolvers/IntervalResolver.js +10 -168
  93. package/dist/components/Visual/src/resolvers/tools.resolver.js +10 -151
  94. package/dist/components/Visual/src/utils/NodeMath.js +10 -99
  95. package/dist/components/Windows/src/ModalWrap.vue.js +10 -4
  96. package/dist/components/Windows/src/ModalWrap.vue2.js +10 -132
  97. package/dist/components/Windows/src/Windows.vue.js +10 -6
  98. package/dist/components/Windows/src/Windows.vue2.js +10 -55
  99. package/dist/components/Windows/src/Windows.vue3.js +10 -24
  100. package/dist/components/Windows/src/props.js +10 -8
  101. package/dist/directives/clickOutside.js +10 -70
  102. package/dist/directives/repeatClick.js +10 -28
  103. package/dist/directives/resizable.js +10 -195
  104. package/dist/index.d.ts +0 -1
  105. package/dist/index.js +11 -52
  106. package/dist/index.min.css +3 -3
  107. package/dist/themes/index.js +9 -0
  108. package/dist/types/index.d.ts +3 -3
  109. package/dist/utils/index.js +10 -23
  110. package/package.json +54 -25
  111. package/dist/components/Boards/src/Boards.vue.d.ts +0 -104
  112. package/dist/components/ClickOutSide/src/ClickOutSide.vue.d.ts +0 -7
  113. package/dist/components/Descriptions/src/Descriptions.vue.d.ts +0 -97
  114. package/dist/components/Editor/src/Editor.vue.d.ts +0 -51
  115. package/dist/components/Form/src/Form.vue.d.ts +0 -838
  116. package/dist/components/Highlight/src/Highlight.vue.d.ts +0 -41
  117. package/dist/components/Icon/src/Icon.vue.d.ts +0 -49
  118. package/dist/components/Icon/src/SvgIcon.vue.d.ts +0 -45
  119. package/dist/components/InputPassword/src/InputPassword.vue.d.ts +0 -27
  120. package/dist/components/Modal/src/BasicModal.vue.d.ts +0 -419
  121. package/dist/components/Modal/src/components/ModalFooter.vue.d.ts +0 -86
  122. package/dist/components/Modal/src/components/ModalHeader.vue.d.ts +0 -241
  123. package/dist/components/NodeAxis/src/BCanvasNodeRender.d.ts +0 -19
  124. package/dist/components/NodeAxis/src/BCanvasNodeRender.js +0 -344
  125. package/dist/components/NodeAxis/src/NodeAxis.vue.d.ts +0 -17
  126. package/dist/components/Stateful/src/Stateful.vue.d.ts +0 -22
  127. package/dist/components/Table/src/Table.vue.d.ts +0 -1535
  128. package/dist/components/Table/src/components/ColumnSetting.vue.d.ts +0 -30
  129. package/dist/components/Table/src/components/TableActions.vue.d.ts +0 -229
  130. package/dist/components/UnifyChart/src/ChartToolbox.vue.d.ts +0 -46
  131. package/dist/components/UnifyChart/src/UnifyChart.vue.d.ts +0 -95
  132. package/dist/components/Video/index.d.ts +0 -2
  133. package/dist/components/Video/src/VideoPlayer.vue.d.ts +0 -60
  134. package/dist/components/Video/src/VideoPlayer.vue.js +0 -5
  135. package/dist/components/Video/src/VideoPlayer.vue2.js +0 -107
  136. package/dist/components/Video/src/VideoPlayerToolbar.vue.d.ts +0 -34
  137. package/dist/components/Video/src/VideoPlayerToolbar.vue.js +0 -5
  138. package/dist/components/Video/src/VideoPlayerToolbar.vue2.js +0 -65
  139. package/dist/components/Video/src/abstract/AbstractVideoControl.d.ts +0 -7
  140. package/dist/components/Video/src/abstract/Observable.d.ts +0 -6
  141. package/dist/components/Video/src/abstract/Observable.js +0 -89
  142. package/dist/components/Video/src/abstract/VideoControl.d.ts +0 -32
  143. package/dist/components/Video/src/abstract/VideoControl.js +0 -48
  144. package/dist/components/Video/src/control/DaHua.d.ts +0 -12
  145. package/dist/components/Video/src/control/DaHua.js +0 -154
  146. package/dist/components/Video/src/control/Hikvision.d.ts +0 -28
  147. package/dist/components/Video/src/control/Hikvision.js +0 -249
  148. package/dist/components/Video/src/control/VideoFactory.d.ts +0 -3
  149. package/dist/components/Video/src/control/VideoFactory.js +0 -31
  150. package/dist/components/Video/src/enums/CommonEnum.d.ts +0 -26
  151. package/dist/components/Video/src/enums/CommonEnum.js +0 -31
  152. package/dist/components/Windows/src/ModalWrap.vue.d.ts +0 -14
  153. package/dist/components/Windows/src/Windows.vue.d.ts +0 -21
  154. package/dist/helper/lang.d.ts +0 -1
  155. package/dist/helper/lang.js +0 -546
  156. package/dist/node_modules/.pnpm/@vueuse_core@13.9.0_vue@3.5.20_typescript@5.9.2_/node_modules/@vueuse/core/index.js +0 -393
  157. package/dist/node_modules/.pnpm/@vueuse_shared@13.9.0_vue@3.5.20_typescript@5.9.2_/node_modules/@vueuse/shared/index.js +0 -53
@@ -1,241 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- header: {
3
- type: BooleanConstructor;
4
- default: boolean;
5
- };
6
- background: {
7
- type: StringConstructor;
8
- default: string;
9
- };
10
- maximizer: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- closer: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- maximum: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- headerIcon: {
23
- type: StringConstructor;
24
- default: string;
25
- };
26
- title: import("vue-types").VueTypeDef<any> & {
27
- default: any;
28
- };
29
- titleAlign: import("vue-types").VueTypeDef<string> & {
30
- default: string;
31
- };
32
- titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
33
- default: (...args: any[]) => any;
34
- };
35
- titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
36
- default: (...args: any[]) => any;
37
- };
38
- switcherIcon: {
39
- type: ObjectConstructor;
40
- default: () => {
41
- true: {
42
- image: string;
43
- color: string;
44
- };
45
- false: {
46
- image: string;
47
- color: string;
48
- };
49
- };
50
- };
51
- closerIcon: {
52
- type: ObjectConstructor;
53
- default: () => {
54
- image: string;
55
- color: string;
56
- };
57
- };
58
- minimize: {
59
- type: BooleanConstructor;
60
- default: boolean;
61
- };
62
- minimizer: {
63
- type: BooleanConstructor;
64
- default: boolean;
65
- };
66
- minimizerIcon: {
67
- type: ObjectConstructor;
68
- default: () => {
69
- image: string;
70
- color: string;
71
- };
72
- };
73
- onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
74
- default: (...args: any[]) => any;
75
- } & {
76
- default: (...args: any[]) => any;
77
- };
78
- onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
79
- default: (...args: any[]) => any;
80
- } & {
81
- default: (...args: any[]) => any;
82
- };
83
- onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
84
- default: (...args: any[]) => any;
85
- } & {
86
- default: (...args: any[]) => any;
87
- };
88
- onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
89
- default: (...args: any[]) => any;
90
- } & {
91
- default: (...args: any[]) => any;
92
- };
93
- onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
94
- default: (...args: any[]) => any;
95
- } & {
96
- default: (...args: any[]) => any;
97
- };
98
- onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
99
- default: (...args: any[]) => any;
100
- } & {
101
- default: (...args: any[]) => any;
102
- };
103
- onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
104
- default: (...args: any[]) => any;
105
- } & {
106
- default: (...args: any[]) => any;
107
- };
108
- }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
109
- [key: string]: any;
110
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
111
- header: {
112
- type: BooleanConstructor;
113
- default: boolean;
114
- };
115
- background: {
116
- type: StringConstructor;
117
- default: string;
118
- };
119
- maximizer: {
120
- type: BooleanConstructor;
121
- default: boolean;
122
- };
123
- closer: {
124
- type: BooleanConstructor;
125
- default: boolean;
126
- };
127
- maximum: {
128
- type: BooleanConstructor;
129
- default: boolean;
130
- };
131
- headerIcon: {
132
- type: StringConstructor;
133
- default: string;
134
- };
135
- title: import("vue-types").VueTypeDef<any> & {
136
- default: any;
137
- };
138
- titleAlign: import("vue-types").VueTypeDef<string> & {
139
- default: string;
140
- };
141
- titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
142
- default: (...args: any[]) => any;
143
- };
144
- titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
145
- default: (...args: any[]) => any;
146
- };
147
- switcherIcon: {
148
- type: ObjectConstructor;
149
- default: () => {
150
- true: {
151
- image: string;
152
- color: string;
153
- };
154
- false: {
155
- image: string;
156
- color: string;
157
- };
158
- };
159
- };
160
- closerIcon: {
161
- type: ObjectConstructor;
162
- default: () => {
163
- image: string;
164
- color: string;
165
- };
166
- };
167
- minimize: {
168
- type: BooleanConstructor;
169
- default: boolean;
170
- };
171
- minimizer: {
172
- type: BooleanConstructor;
173
- default: boolean;
174
- };
175
- minimizerIcon: {
176
- type: ObjectConstructor;
177
- default: () => {
178
- image: string;
179
- color: string;
180
- };
181
- };
182
- onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
183
- default: (...args: any[]) => any;
184
- } & {
185
- default: (...args: any[]) => any;
186
- };
187
- onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
188
- default: (...args: any[]) => any;
189
- } & {
190
- default: (...args: any[]) => any;
191
- };
192
- onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
193
- default: (...args: any[]) => any;
194
- } & {
195
- default: (...args: any[]) => any;
196
- };
197
- onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
198
- default: (...args: any[]) => any;
199
- } & {
200
- default: (...args: any[]) => any;
201
- };
202
- onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
203
- default: (...args: any[]) => any;
204
- } & {
205
- default: (...args: any[]) => any;
206
- };
207
- onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
208
- default: (...args: any[]) => any;
209
- } & {
210
- default: (...args: any[]) => any;
211
- };
212
- onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
213
- default: (...args: any[]) => any;
214
- } & {
215
- default: (...args: any[]) => any;
216
- };
217
- }>> & Readonly<{}>, {
218
- header: boolean;
219
- background: string;
220
- maximizer: boolean;
221
- closer: boolean;
222
- maximum: boolean;
223
- headerIcon: string;
224
- title: any;
225
- titleAlign: string;
226
- titleBefore: (...args: any[]) => any;
227
- titleAfter: (...args: any[]) => any;
228
- switcherIcon: Record<string, any>;
229
- closerIcon: Record<string, any>;
230
- minimize: boolean;
231
- minimizer: boolean;
232
- minimizerIcon: Record<string, any>;
233
- onMinimize: (...args: any[]) => any;
234
- onSwitch: (...args: any[]) => any;
235
- onClose: (...args: any[]) => any;
236
- onResize: (...args: any[]) => any;
237
- onModalMousemove: (...args: any[]) => any;
238
- onModalMousedown: (...args: any[]) => any;
239
- onModalMouseup: (...args: any[]) => any;
240
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
241
- export default _default;
@@ -1,19 +0,0 @@
1
- import NodeRender from "./NodeRender";
2
- export default class BCanvasNodeRender extends NodeRender {
3
- protected canvas: HTMLCanvasElement;
4
- protected context: CanvasRenderingContext2D;
5
- protected overlay: HTMLElement;
6
- protected cache: any;
7
- protected onMouseWheel(event: WheelEvent): void;
8
- protected onMouseMove(event: MouseEvent): void;
9
- protected onMouseLeave(event: any): void;
10
- protected onMouseDown(event: any): void;
11
- protected onMouseUp(event: any): void;
12
- protected showOverlay(index: number): any;
13
- initialize(container: HTMLElement, accept: Function): void;
14
- resize(): void;
15
- reset(): void;
16
- dataChange(): void;
17
- dispose(): void;
18
- render(index?: number): void;
19
- }
@@ -1,344 +0,0 @@
1
- import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
2
- import _createClass from '@babel/runtime/helpers/createClass';
3
- import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
4
- import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
5
- import _get from '@babel/runtime/helpers/get';
6
- import _inherits from '@babel/runtime/helpers/inherits';
7
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
8
- import NodeMath from '../../Visual/src/utils/NodeMath.js';
9
- import NodeRender from './NodeRender.js';
10
-
11
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
- function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(t.prototype ), o, e); return "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
14
- var BCanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
15
- function BCanvasNodeRender() {
16
- var _this;
17
- _classCallCheck(this, BCanvasNodeRender);
18
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
19
- args[_key] = arguments[_key];
20
- }
21
- _this = _callSuper(this, BCanvasNodeRender, [].concat(args));
22
- _defineProperty(_this, "canvas", void 0);
23
- _defineProperty(_this, "context", void 0);
24
- _defineProperty(_this, "overlay", void 0);
25
- _defineProperty(_this, "cache", {});
26
- return _this;
27
- }
28
- _inherits(BCanvasNodeRender, _NodeRender);
29
- return _createClass(BCanvasNodeRender, [{
30
- key: "onMouseWheel",
31
- value: function onMouseWheel(event) {
32
- var _o$scale;
33
- event.stopImmediatePropagation();
34
- var o = this.model.options,
35
- provider = this.model.provider;
36
- if ((_o$scale = o.scale) !== null && _o$scale !== void 0 && _o$scale.enabled && provider.count) {
37
- var _o$node, _o$node2;
38
- var bounds = this.model.bounds;
39
- var offset = event.offsetX - bounds.left,
40
- model = this.model;
41
- var scale = NodeMath.clampArray(provider.scale(offset, model.scale, bounds.length, event.deltaY), model.limit);
42
- var range = NodeMath.toRange(scale, provider.count);
43
- var minCount = (_o$node = o.node) === null || _o$node === void 0 ? void 0 : _o$node.minCount;
44
- if (event.deltaY < 0 && range[1] - range[0] < minCount) return;
45
- if ((_o$node2 = o.node) !== null && _o$node2 !== void 0 && _o$node2.enabled) {
46
- var _o$node3;
47
- model.nodes = provider.extract(range, (_o$node3 = o.node) === null || _o$node3 === void 0 ? void 0 : _o$node3.count);
48
- }
49
- this.model.scale = scale;
50
- this.model.extent[0] = range[0];
51
- this.model.extent[1] = range[1];
52
- this.render();
53
- this.onMouseMove(event);
54
- }
55
- }
56
- }, {
57
- key: "onMouseMove",
58
- value: function onMouseMove(event) {
59
- event.preventDefault();
60
- event.stopImmediatePropagation();
61
- var provider = this.model.provider;
62
- var bounds = this.model.bounds;
63
- var extent = this.model.extent;
64
- var offset = event.offsetX - bounds.left;
65
- var number = NodeMath.index(offset, extent, bounds.length);
66
- var index = NodeMath.clamp(number, extent[0], extent[1] - 1);
67
- var model = this.model,
68
- o = model.options;
69
- if (o.overlay.enabled) {
70
- this.overlay.hidden = false;
71
- var rect = this.overlay.getBoundingClientRect();
72
- var left = event.offsetX + 5;
73
- if (event.offsetX + rect.width > this.container.offsetWidth) {
74
- left -= rect.width + 5;
75
- }
76
- var top = event.offsetY + 5;
77
- if (event.y + rect.height > window.innerHeight) {
78
- top -= rect.height + 5;
79
- }
80
- this.overlay.style.left = left + "px";
81
- this.overlay.style.top = top + "px";
82
- var cursor = model.dragging ? extent[2] : model.pressed ? model.index : index;
83
- if (model.pressed === false) {
84
- var ss = model.options.cursor.size / 2;
85
- var x1 = NodeMath.offset(extent[2], extent, bounds.length) + bounds.left;
86
- var y1 = bounds.top;
87
- var x2 = event.offsetX,
88
- y2 = event.offsetY;
89
- var radius = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
90
- if (radius <= ss) cursor = extent[2];
91
- }
92
- this.showOverlay(cursor);
93
- }
94
- if (model.dragging && model.pressed) {
95
- if (index !== extent[2]) {
96
- this.render(index);
97
- }
98
- } else if (model.pressed && model.right && o.translation) {
99
- var move = index - model.index,
100
- count = provider.count;
101
- if (move < 0 && extent[1] < count) {
102
- NodeMath.translation(extent, +1, 0, 2);
103
- NodeMath.translation(model.nodes, +1);
104
- } else if (move > 0 && extent[0] > 0) {
105
- NodeMath.translation(extent, -1, 0, 2);
106
- NodeMath.translation(model.nodes, -1);
107
- }
108
- this.render();
109
- }
110
- }
111
- }, {
112
- key: "onMouseLeave",
113
- value: function onMouseLeave(event) {
114
- event.stopImmediatePropagation();
115
- this.overlay.hidden = true;
116
- this.model.dragging = false;
117
- this.model.pressed = false;
118
- this.model.right = false;
119
- }
120
- }, {
121
- key: "onMouseDown",
122
- value: function onMouseDown(event) {
123
- event.preventDefault();
124
- event.stopImmediatePropagation();
125
- var provider = this.model.provider;
126
- var b = this.model.bounds,
127
- x = event.offsetX,
128
- y = event.offsetY,
129
- e = this.model.extent,
130
- o = this.model.options;
131
- if (o.draggable && provider.count) {
132
- var ss = this.model.options.cursor.size / 2;
133
- var x1 = NodeMath.offset(e[2], this.model.range, b.length) + b.left;
134
- var y1 = b.top;
135
- var radius = Math.sqrt((x - x1) * (x - x1) + (y - y1) * (y - y1));
136
- this.model.dragging = radius <= ss;
137
- }
138
- this.model.pressed = true;
139
- this.model.press[0] = x;
140
- this.model.press[1] = y;
141
- this.model.right = event.button === 2;
142
- this.model.index = NodeMath.index(x - b.left, e, b.length);
143
- if (event.button === 0) {
144
- this.render(NodeMath.clamp(this.model.index, e[0], e[1] - 1));
145
- }
146
- }
147
- }, {
148
- key: "onMouseUp",
149
- value: function onMouseUp(event) {
150
- event.preventDefault();
151
- event.stopImmediatePropagation();
152
- this.model.pressed = false;
153
- this.model.right = false;
154
- }
155
- }, {
156
- key: "showOverlay",
157
- value: function showOverlay(index) {
158
- var _this$model$options$o, _this$model$options$o2;
159
- var provider = this.model.provider;
160
- if (provider.count) {
161
- var value = this.cache[index];
162
- if (value == null) {
163
- value = this.cache[index] = provider.format(index, "long");
164
- }
165
- console.log('value', value);
166
- return this.overlay.innerText = value;
167
- }
168
- console.log('this.model.options.overlay?.empty ', (_this$model$options$o = this.model.options.overlay) === null || _this$model$options$o === void 0 ? void 0 : _this$model$options$o.empty);
169
- this.overlay.innerHTML = ((_this$model$options$o2 = this.model.options.overlay) === null || _this$model$options$o2 === void 0 ? void 0 : _this$model$options$o2.empty) || "Node is unavailable!";
170
- }
171
- }, {
172
- key: "initialize",
173
- value: function initialize(container, accept) {
174
- if (this.initialized === false) {
175
- _superPropGet(BCanvasNodeRender, "initialize", this)([container, accept]);
176
- this.canvas = document.createElement("canvas");
177
- this.canvas.addEventListener("mousewheel", this.onMouseWheel.bind(this));
178
- this.canvas.addEventListener("mouseleave", this.onMouseLeave.bind(this));
179
- this.canvas.addEventListener("mousedown", this.onMouseDown.bind(this));
180
- this.canvas.addEventListener("mousemove", this.onMouseMove.bind(this));
181
- this.canvas.addEventListener("mouseup", this.onMouseUp.bind(this));
182
- this.canvas.classList.add("node-axis--canvas");
183
- this.canvas.oncontextmenu = function (event) {
184
- return event.preventDefault();
185
- };
186
- this.context = this.canvas.getContext("2d");
187
- container.appendChild(this.canvas);
188
- this.overlay = document.createElement("div");
189
- this.overlay.className = "node-axis--overlay";
190
- this.overlay.hidden = true;
191
- container.appendChild(this.overlay);
192
- this.resize();
193
- this.initialized = true;
194
- }
195
- }
196
- }, {
197
- key: "resize",
198
- value: function resize() {
199
- var _this$model$options$l;
200
- var options = this.model.options;
201
- var bound = this.container.getBoundingClientRect();
202
- var width = NodeMath.valueBy(options.width || bound.width, window.innerWidth),
203
- height = NodeMath.valueBy(options.height || bound.height, window.innerWidth),
204
- left = NodeMath.valueBy(options.track.left, width),
205
- top = NodeMath.valueBy(options.track.top, height),
206
- right = NodeMath.valueBy(options.track.right, width),
207
- label = NodeMath.valueBy((_this$model$options$l = this.model.options.label) === null || _this$model$options$l === void 0 ? void 0 : _this$model$options$l.top, height);
208
- if (left == null) {
209
- left = Math.max(options.cursor.size, options.node.size || 0) / 2;
210
- }
211
- if (top == null) {
212
- var _options$label;
213
- top = height / ((_options$label = options.label) !== null && _options$label !== void 0 && _options$label.enabled ? 3 : 2);
214
- }
215
- if (right == null) {
216
- right = left;
217
- }
218
- if (label == null) {
219
- var _options$node;
220
- label = Math.max(options.cursor.size, (_options$node = options.node) === null || _options$node === void 0 ? void 0 : _options$node.size, options.track.height) / 2 + 10;
221
- }
222
- var length = width - (left + right);
223
- this.model.width = width;
224
- this.model.height = height;
225
- this.model.bounds = {
226
- left: left,
227
- top: top,
228
- right: right,
229
- length: length,
230
- label: label
231
- };
232
- this.canvas.width = width;
233
- this.canvas.height = height;
234
- this.canvas.style.width = "".concat(width, "px");
235
- this.canvas.style.background = options.background;
236
- }
237
- }, {
238
- key: "reset",
239
- value: function reset() {
240
- this.model.reset();
241
- this.render();
242
- }
243
- }, {
244
- key: "dataChange",
245
- value: function dataChange() {
246
- var _this2 = this;
247
- Object.keys(this.cache).forEach(function (key) {
248
- return delete _this2.cache[key];
249
- });
250
- }
251
- }, {
252
- key: "dispose",
253
- value: function dispose() {
254
- this.dataChange();
255
- }
256
- }, {
257
- key: "render",
258
- value: function render(index) {
259
- var provider = this.model.provider,
260
- range = this.model.extent,
261
- g = this.context,
262
- b = this.model.bounds,
263
- o = this.model.options,
264
- h = o.track.height,
265
- c = (provider === null || provider === void 0 ? void 0 : provider.count) || 0,
266
- d = range[1] - range[0];
267
- if (index == null) index = range[2];
268
- var indexColor = provider.color(index);
269
- this.model.range = NodeMath.clampArray(range, [0, c]);
270
- g.clearRect(0, 0, this.model.width, this.model.height);
271
- g.beginPath();
272
- g.moveTo(b.left, b.top);
273
- g.lineTo(b.left + b.length, b.top);
274
- g.lineCap = "round";
275
- g.lineWidth = h;
276
- g.strokeStyle = o.track.color;
277
- g.stroke();
278
- var sections = provider.sections;
279
- if (sections && sections.length) {
280
- sections.forEach(function (section) {
281
- if (NodeMath.inRange(range, section.range)) {
282
- var x1 = NodeMath.clamp(NodeMath.offset(section.range[0] - 1, range, b.length), 0, b.length);
283
- var x2 = NodeMath.clamp(NodeMath.offset(section.range[1] - 1, range, b.length), 0, b.length);
284
- g.beginPath();
285
- g.moveTo(b.left + x1, b.top);
286
- g.lineTo(b.left + x2, b.top);
287
- g.lineCap = "round";
288
- g.lineWidth = h;
289
- g.strokeStyle = section.color;
290
- g.stroke();
291
- }
292
- });
293
- }
294
- if (c && d > 1 && o.progress && o.progress.enabled) {
295
- var x = NodeMath.clamp(NodeMath.offset(index, range, b.length), 0, b.length);
296
- g.beginPath();
297
- g.moveTo(b.left, b.top);
298
- g.lineTo(b.left + x, b.top);
299
- g.lineCap = "round";
300
- g.lineWidth = h;
301
- g.strokeStyle = o.progress.color;
302
- g.stroke();
303
- }
304
- if (this.model.nodes) {
305
- var labeled = o.label && o.label.enabled;
306
- this.model.nodes.forEach(function (e, i) {
307
- var x = b.left + NodeMath.offset(e, range, b.length);
308
- g.beginPath();
309
- g.fillStyle = (e === index ? indexColor : provider.color(e)) || o.node.color;
310
- g.arc(x, b.top, o.node.size / 2, 0, 2 * Math.PI);
311
- g.fill();
312
- if (o.node.outlineWidth) {
313
- g.lineWidth = o.node.outlineWidth;
314
- g.strokeStyle = o.node.outlineColor;
315
- g.stroke();
316
- }
317
- if (labeled) {
318
- g.font = o.label.font;
319
- g.textAlign = i === 0 && d > 1 ? "left" : e === range[1] - 1 && d > 1 ? "right" : "center";
320
- g.textBaseline = "top";
321
- g.fillStyle = o.label.color;
322
- g.fillText(provider.format(e, "short"), x, b.label);
323
- }
324
- });
325
- }
326
- if (c && range[0] <= index && index < range[1]) {
327
- var _x = b.left + NodeMath.offset(index, range, b.length);
328
- g.beginPath();
329
- g.fillStyle = indexColor || o.cursor.color;
330
- g.arc(_x, b.top, o.cursor.size / 2, 0, 2 * Math.PI);
331
- g.fill();
332
- if (o.cursor.outlineWidth) {
333
- g.lineWidth = o.cursor.outlineWidth;
334
- g.strokeStyle = o.cursor.outlineColor;
335
- g.stroke();
336
- }
337
- }
338
- this.model.extent[2] = index;
339
- this.accept.call(this, index);
340
- }
341
- }]);
342
- }(NodeRender);
343
-
344
- export { BCanvasNodeRender as default };
@@ -1,17 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- config: ObjectConstructor;
3
- res: {
4
- type: ObjectConstructor;
5
- };
6
- }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
7
- [key: string]: any;
8
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:frame" | "register")[], "update:frame" | "register", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
9
- config: ObjectConstructor;
10
- res: {
11
- type: ObjectConstructor;
12
- };
13
- }>> & Readonly<{
14
- "onUpdate:frame"?: (...args: any[]) => any;
15
- onRegister?: (...args: any[]) => any;
16
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
17
- export default _default;
@@ -1,22 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- value: import("vue-types").VueTypeDef<string | number | Record<string, any>>;
3
- contentClass: StringConstructor;
4
- states: import("vue-types").VueTypeValidableDef<Record<string, any>, import("vue-types/dist/shared/vue-types.d8e57a80").b<Record<string, any>>> & {
5
- default: () => Record<string, any>;
6
- } & {
7
- default: () => Record<string, any>;
8
- };
9
- }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
10
- [key: string]: any;
11
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
- value: import("vue-types").VueTypeDef<string | number | Record<string, any>>;
13
- contentClass: StringConstructor;
14
- states: import("vue-types").VueTypeValidableDef<Record<string, any>, import("vue-types/dist/shared/vue-types.d8e57a80").b<Record<string, any>>> & {
15
- default: () => Record<string, any>;
16
- } & {
17
- default: () => Record<string, any>;
18
- };
19
- }>> & Readonly<{}>, {
20
- states: Record<string, any>;
21
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
22
- export default _default;