@tmagic/form 1.0.0-rc.4 → 1.0.0-rc.7

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 (67) hide show
  1. package/dist/tmagic-form.es.js +25 -6
  2. package/dist/tmagic-form.es.js.map +1 -1
  3. package/dist/tmagic-form.umd.js +26 -7
  4. package/dist/tmagic-form.umd.js.map +1 -1
  5. package/dist/types/src/fields/DynamicField.vue.d.ts +2 -2
  6. package/dist/types/src/index.d.ts +1 -1
  7. package/package.json +5 -15
  8. package/src/containers/Container.vue +13 -2
  9. package/src/fields/Daterange.vue +8 -0
  10. package/LICENSE +0 -5432
  11. package/coverage/clover.xml +0 -1360
  12. package/coverage/coverage-final.json +0 -38
  13. package/coverage/lcov-report/base.css +0 -224
  14. package/coverage/lcov-report/block-navigation.js +0 -87
  15. package/coverage/lcov-report/favicon.png +0 -0
  16. package/coverage/lcov-report/index.html +0 -176
  17. package/coverage/lcov-report/prettify.css +0 -1
  18. package/coverage/lcov-report/prettify.js +0 -2
  19. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  20. package/coverage/lcov-report/sorter.js +0 -196
  21. package/coverage/lcov-report/src/Form.vue.html +0 -676
  22. package/coverage/lcov-report/src/FormDialog.vue.html +0 -583
  23. package/coverage/lcov-report/src/containers/Col.vue.html +0 -253
  24. package/coverage/lcov-report/src/containers/Container.vue.html +0 -925
  25. package/coverage/lcov-report/src/containers/Fieldset.vue.html +0 -499
  26. package/coverage/lcov-report/src/containers/GroupList.vue.html +0 -541
  27. package/coverage/lcov-report/src/containers/GroupListItem.vue.html +0 -562
  28. package/coverage/lcov-report/src/containers/Panel.vue.html +0 -403
  29. package/coverage/lcov-report/src/containers/Row.vue.html +0 -277
  30. package/coverage/lcov-report/src/containers/Step.vue.html +0 -331
  31. package/coverage/lcov-report/src/containers/Table.vue.html +0 -1987
  32. package/coverage/lcov-report/src/containers/Tabs.vue.html +0 -625
  33. package/coverage/lcov-report/src/containers/index.html +0 -251
  34. package/coverage/lcov-report/src/fields/Cascader.vue.html +0 -526
  35. package/coverage/lcov-report/src/fields/Checkbox.vue.html +0 -286
  36. package/coverage/lcov-report/src/fields/CheckboxGroup.vue.html +0 -217
  37. package/coverage/lcov-report/src/fields/ColorPicker.vue.html +0 -199
  38. package/coverage/lcov-report/src/fields/Date.vue.html +0 -238
  39. package/coverage/lcov-report/src/fields/DateTime.vue.html +0 -262
  40. package/coverage/lcov-report/src/fields/Daterange.vue.html +0 -310
  41. package/coverage/lcov-report/src/fields/Display.vue.html +0 -187
  42. package/coverage/lcov-report/src/fields/DynamicField.vue.html +0 -412
  43. package/coverage/lcov-report/src/fields/Hidden.vue.html +0 -172
  44. package/coverage/lcov-report/src/fields/Link.vue.html +0 -421
  45. package/coverage/lcov-report/src/fields/Number.vue.html +0 -244
  46. package/coverage/lcov-report/src/fields/RadioGroup.vue.html +0 -184
  47. package/coverage/lcov-report/src/fields/Select.vue.html +0 -1243
  48. package/coverage/lcov-report/src/fields/Switch.vue.html +0 -280
  49. package/coverage/lcov-report/src/fields/Text.vue.html +0 -487
  50. package/coverage/lcov-report/src/fields/Textarea.vue.html +0 -265
  51. package/coverage/lcov-report/src/fields/Time.vue.html +0 -229
  52. package/coverage/lcov-report/src/fields/index.html +0 -371
  53. package/coverage/lcov-report/src/index.html +0 -146
  54. package/coverage/lcov-report/src/index.ts.html +0 -466
  55. package/coverage/lcov-report/src/theme/index.html +0 -116
  56. package/coverage/lcov-report/src/theme/index.scss.html +0 -112
  57. package/coverage/lcov-report/src/utils/config.ts.html +0 -166
  58. package/coverage/lcov-report/src/utils/createForm.ts.html +0 -160
  59. package/coverage/lcov-report/src/utils/fieldProps.ts.html +0 -202
  60. package/coverage/lcov-report/src/utils/form.ts.html +0 -895
  61. package/coverage/lcov-report/src/utils/index.html +0 -176
  62. package/coverage/lcov-report/src/utils/useAddField.ts.html +0 -205
  63. package/coverage/lcov.info +0 -3061
  64. package/dist/types/src/Form.vue.d.ts +0 -362
  65. package/dist/types/src/FormDialog.vue.d.ts +0 -757
  66. package/dist/types/src/containers/Table.vue.d.ts +0 -2601
  67. package/dist/types/src/fields/Link.vue.d.ts +0 -1596
package/coverage/lcov-report/src/fields/Text.vue.html DELETED
@@ -1,487 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/fields/Text.vue</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">src/fields</a> Text.vue</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">79.62% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>43/54</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">65.9% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>29/44</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">57.14% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>4/7</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">84% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>42/50</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line medium'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-neutral">&nbsp;</span>
223
- <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-yes">17x</span>
227
- <span class="cline-any cline-neutral">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-yes">17x</span>
230
- <span class="cline-any cline-yes">17x</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
- <span class="cline-any cline-yes">17x</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-neutral">&nbsp;</span>
235
- <span class="cline-any cline-neutral">&nbsp;</span>
236
- <span class="cline-any cline-neutral">&nbsp;</span>
237
- <span class="cline-any cline-neutral">&nbsp;</span>
238
- <span class="cline-any cline-neutral">&nbsp;</span>
239
- <span class="cline-any cline-neutral">&nbsp;</span>
240
- <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-yes">13x</span>
246
- <span class="cline-any cline-yes">13x</span>
247
- <span class="cline-any cline-neutral">&nbsp;</span>
248
- <span class="cline-any cline-yes">13x</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-yes">13x</span>
251
- <span class="cline-any cline-yes">13x</span>
252
- <span class="cline-any cline-neutral">&nbsp;</span>
253
- <span class="cline-any cline-neutral">&nbsp;</span>
254
- <span class="cline-any cline-neutral">&nbsp;</span>
255
- <span class="cline-any cline-no">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-no">&nbsp;</span>
260
- <span class="cline-any cline-no">&nbsp;</span>
261
- <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-yes">1x</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-yes">1x</span>
267
- <span class="cline-any cline-yes">1x</span>
268
- <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-neutral">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-yes">8x</span>
276
- <span class="cline-any cline-yes">8x</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-yes">8x</span>
279
- <span class="cline-any cline-yes">8x</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-yes">8x</span>
282
- <span class="cline-any cline-no">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-yes">8x</span>
286
- <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-yes">8x</span>
289
- <span class="cline-any cline-yes">8x</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-no">&nbsp;</span>
292
- <span class="cline-any cline-no">&nbsp;</span>
293
- <span class="cline-any cline-no">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-yes">8x</span>
298
- <span class="cline-any cline-no">&nbsp;</span>
299
- <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-yes">8x</span>
302
- <span class="cline-any cline-yes">8x</span>
303
- <span class="cline-any cline-yes">8x</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span>
305
- <span class="cline-any cline-yes">8x</span>
306
- <span class="cline-any cline-yes">4x</span>
307
- <span class="cline-any cline-yes">1x</span>
308
- <span class="cline-any cline-yes">3x</span>
309
- <span class="cline-any cline-yes">1x</span>
310
- <span class="cline-any cline-yes">2x</span>
311
- <span class="cline-any cline-yes">1x</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-yes">1x</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-yes">4x</span>
316
- <span class="cline-any cline-yes">4x</span>
317
- <span class="cline-any cline-yes">1x</span>
318
- <span class="cline-any cline-yes">3x</span>
319
- <span class="cline-any cline-yes">1x</span>
320
- <span class="cline-any cline-yes">2x</span>
321
- <span class="cline-any cline-yes">1x</span>
322
- <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-yes">1x</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-yes">8x</span>
328
- <span class="cline-any cline-yes">8x</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
- <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
335
- &lt;el-input
336
- v-model="model[modelName]"
337
- clearable
338
- :size="size"
339
- :placeholder="config.placeholder"
340
- :disabled="disabled"
341
- @change="changeHandler"
342
- @input="inputHandler"
343
- @keyup="keyUpHandler($event)"
344
- &gt;
345
- &lt;template #append v-if="config.append"&gt;
346
- &lt;span v-if="typeof config.append === 'string'"&gt;{{ config.append }}&lt;/span&gt;
347
- &lt;el-button
348
- v-if="typeof config.append === 'object' &amp;&amp; config.append.type === 'button'"
349
- style="color: #409eff"
350
- :size="size"
351
- @click.prevent="buttonClickHandler"
352
- &gt;
353
- {{ config.append.text }}
354
- &lt;/el-button&gt;
355
- &lt;/template&gt;
356
- &lt;/el-input&gt;
357
- &lt;/template&gt;
358
- &nbsp;
359
- &lt;script lang="ts"&gt;
360
- import { computed, defineComponent, inject, PropType } from 'vue';
361
- &nbsp;
362
- import { FormState, TextConfig } from '../schema';
363
- import fieldProps from '../utils/fieldProps';
364
- import { useAddField } from '../utils/useAddField';
365
- &nbsp;
366
- export default defineComponent({
367
- name: 'm-fields-text',
368
- &nbsp;
369
- props: {
370
- ...fieldProps,
371
- config: {
372
- type: Object as PropType&lt;TextConfig&gt;,
373
- required: true,
374
- },
375
- },
376
- &nbsp;
377
- emits: ['change', 'input'],
378
- &nbsp;
379
- setup(props, { emit }) {
380
- const mForm = inject&lt;FormState | undefined&gt;('mForm');
381
- &nbsp;
382
- useAddField(props.prop);
383
- &nbsp;
384
- const modelName = computed(() =&gt; props.name || <span class="branch-1 cbranch-no" title="branch not covered" >props.config.name || <span class="branch-2 cbranch-no" title="branch not covered" >'</span>')</span>;
385
- return {
386
- modelName,
387
- &nbsp;
388
- <span class="fstat-no" title="function not covered" > changeHandler(</span>v: string | number) {
389
- <span class="cstat-no" title="statement not covered" > emit(</span>'change', v);
390
- },
391
- &nbsp;
392
- <span class="fstat-no" title="function not covered" > inputHandler(</span>v: string | number) {
393
- <span class="cstat-no" title="statement not covered" > emit(</span>'input', v);
394
- <span class="cstat-no" title="statement not covered" > mForm?</span>.$emit('field-input', props.prop, v);
395
- },
396
- &nbsp;
397
- buttonClickHandler() {
398
- <span class="missing-if-branch" title="if path not taken" >I</span>if (typeof props.config.append === 'string') <span class="cstat-no" title="statement not covered" >return;</span>
399
- &nbsp;
400
- if (props.config.append<span class="branch-0 cbranch-no" title="branch not covered" >?.h</span>andler) {
401
- props.config.append.handler(mForm, {
402
- model: props.model,
403
- values: mForm<span class="branch-0 cbranch-no" title="branch not covered" >?.v</span>alues,
404
- });
405
- }
406
- },
407
- &nbsp;
408
- keyUpHandler($event: KeyboardEvent) {
409
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.model) <span class="cstat-no" title="statement not covered" >return;</span>
410
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!modelName.value) <span class="cstat-no" title="statement not covered" >return;</span>
411
- &nbsp;
412
- const arrowUp = $event.key === 'ArrowUp';
413
- const arrowDown = $event.key === 'ArrowDown';
414
- &nbsp;
415
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!arrowUp &amp;&amp; !arrowDown) {
416
- <span class="cstat-no" title="statement not covered" > return;</span>
417
- }
418
- &nbsp;
419
- const value = props.model[modelName.value];
420
- let num;
421
- let unit;
422
- if (/^([0-9.]+)$/.test(value)) {
423
- num = +value;
424
- } else <span class="missing-if-branch" title="else path not taken" >E</span>{
425
- <span class="cstat-no" title="statement not covered" > value.</span>replace(/^([0-9.]+)([a-z%]+)$/, <span class="fstat-no" title="function not covered" >($</span>0: string, $1: string, $2: string) =&gt; {
426
- <span class="cstat-no" title="statement not covered" > num </span>= +$1;
427
- <span class="cstat-no" title="statement not covered" > unit </span>= $2;
428
- });
429
- }
430
- &nbsp;
431
- <span class="missing-if-branch" title="if path not taken" >I</span>if (num === undefined) {
432
- <span class="cstat-no" title="statement not covered" > return;</span>
433
- }
434
- &nbsp;
435
- const ctrl = navigator.platform.match('Mac') ? <span class="branch-0 cbranch-no" title="branch not covered" >$event.metaKey : $</span>event.ctrlKey;
436
- const shif = $event.shiftKey;
437
- const alt = $event.altKey;
438
- &nbsp;
439
- if (arrowUp) {
440
- if (ctrl) {
441
- num += 100;
442
- } else if (alt) {
443
- num = (num * 10000 + 1000) / 10000;
444
- } else if (shif) {
445
- num = num + 10;
446
- } else {
447
- num += 1;
448
- }
449
- } else if (arrowDown) {
450
- if (ctrl) {
451
- num -= 100;
452
- } else if (alt) {
453
- num = (num * 10000 - 1000) / 10000;
454
- } else if (shif) {
455
- num -= 10;
456
- } else {
457
- num -= 1;
458
- }
459
- }
460
- &nbsp;
461
- props.model[modelName.value] = `${num}${unit || ''}`;
462
- emit('change', props.model[modelName.value]);
463
- },
464
- };
465
- },
466
- });
467
- &lt;/script&gt;
468
- &nbsp;</pre></td></tr></table></pre>
469
-
470
- <div class='push'></div><!-- for sticky footer -->
471
- </div><!-- /wrapper -->
472
- <div class='footer quiet pad2 space-top1 center small'>
473
- Code coverage generated by
474
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
475
- at Tue May 31 2022 12:01:18 GMT+0800 (China Standard Time)
476
- </div>
477
- <script src="../../prettify.js"></script>
478
- <script>
479
- window.onload = function () {
480
- prettyPrint();
481
- };
482
- </script>
483
- <script src="../../sorter.js"></script>
484
- <script src="../../block-navigation.js"></script>
485
- </body>
486
- </html>
487
-