safecheck-client 3.0.34-3 → 3.0.34-5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (294) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/android.html +18 -18
  4. package/config/dev.env.js +6 -6
  5. package/config/index.js +38 -38
  6. package/config/prod.env.js +3 -3
  7. package/config/test.env.js +6 -6
  8. package/docs/AppBase.md +22 -22
  9. package/docs/Busy.md +14 -14
  10. package/docs/CriteriaPaged.md +47 -47
  11. package/docs/DataGrid.md +54 -54
  12. package/docs/DataModel.md +22 -22
  13. package/docs/Dynamic.md +42 -42
  14. package/docs/FormPrint.md +18 -18
  15. package/docs/GetParams.md +11 -11
  16. package/docs/GridTree.md +47 -47
  17. package/docs/HttpBusy.md +13 -13
  18. package/docs/HttpStore.md +29 -29
  19. package/docs/MessageBox.md +28 -28
  20. package/docs/PagedList.md +29 -29
  21. package/docs/Pager.md +21 -21
  22. package/docs/PrintFile.md +38 -38
  23. package/docs/Project.md +23 -23
  24. package/docs/Route.md +105 -105
  25. package/docs/SafetyCheck/AdjustPlan.md +13 -13
  26. package/docs/SafetyCheck/CheckerPlan.md +12 -12
  27. package/docs/Task.md +46 -46
  28. package/docs/TreeList.md +28 -28
  29. package/docs/TreeMixin.md +18 -18
  30. package/docs/all.md +10 -10
  31. package/docs/list.md +42 -42
  32. package/docs/partial.md +75 -75
  33. package/docs/selector.md +82 -82
  34. package/docs/tree.md +40 -40
  35. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
  36. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue-strap/345/217/230/346/233/264/350/256/260/345/275/225.md +7 -7
  37. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue/345/217/230/346/233/264/350/256/260/345/275/225.md +13 -13
  38. package/docs//345/274/200/345/217/221/346/226/207/346/241/243//345/274/200/345/217/221/347/216/257/345/242/203/350/256/276/347/275/256.md +77 -77
  39. package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
  40. package/examples/AddressList/App.vue +13 -13
  41. package/examples/AddressList/index.html +11 -11
  42. package/examples/DispatchList/App.vue +10 -10
  43. package/examples/DispatchList/BaseTree.vue +13 -13
  44. package/examples/DispatchList/Init.vue +22 -22
  45. package/examples/DispatchList/Test.vue +20 -20
  46. package/examples/DispatchList/index.html +11 -11
  47. package/examples/DispatchList/main.js +18 -18
  48. package/home.html +16 -16
  49. package/package.json +1 -1
  50. package/publish.bat +7 -7
  51. package/release.bat +5 -5
  52. package/src/Widget.vue +13 -13
  53. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  54. package/src/android-bootstrap/less/.csscomb.json +304 -304
  55. package/src/android-bootstrap/less/.csslintrc +19 -19
  56. package/src/android-bootstrap/less/alerts.less +73 -73
  57. package/src/android-bootstrap/less/badges.less +66 -66
  58. package/src/android-bootstrap/less/bootstrap.less +56 -56
  59. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  60. package/src/android-bootstrap/less/button-groups.less +247 -247
  61. package/src/android-bootstrap/less/buttons.less +173 -173
  62. package/src/android-bootstrap/less/carousel.less +269 -269
  63. package/src/android-bootstrap/less/close.less +34 -34
  64. package/src/android-bootstrap/less/code.less +69 -69
  65. package/src/android-bootstrap/less/component-animations.less +33 -33
  66. package/src/android-bootstrap/less/grid.less +84 -84
  67. package/src/android-bootstrap/less/input-groups.less +167 -167
  68. package/src/android-bootstrap/less/jumbotron.less +52 -52
  69. package/src/android-bootstrap/less/labels.less +64 -64
  70. package/src/android-bootstrap/less/list-group.less +141 -141
  71. package/src/android-bootstrap/less/media.less +66 -66
  72. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  73. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  74. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  75. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  76. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  77. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  78. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  79. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  80. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  81. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  82. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  83. package/src/android-bootstrap/less/mixins/image.less +33 -33
  84. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  85. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  86. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  87. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  88. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  89. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  90. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  91. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  92. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  93. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  94. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  95. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  96. package/src/android-bootstrap/less/mixins/size.less +10 -10
  97. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  98. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  99. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  100. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  101. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  102. package/src/android-bootstrap/less/mixins.less +40 -40
  103. package/src/android-bootstrap/less/modals.less +151 -151
  104. package/src/android-bootstrap/less/navbar.less +660 -660
  105. package/src/android-bootstrap/less/navs.less +290 -290
  106. package/src/android-bootstrap/less/normalize.less +424 -424
  107. package/src/android-bootstrap/less/pager.less +76 -76
  108. package/src/android-bootstrap/less/pagination.less +89 -89
  109. package/src/android-bootstrap/less/panels.less +274 -274
  110. package/src/android-bootstrap/less/popovers.less +131 -131
  111. package/src/android-bootstrap/less/print.less +101 -101
  112. package/src/android-bootstrap/less/progress-bars.less +87 -87
  113. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  114. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  115. package/src/android-bootstrap/less/scaffolding.less +161 -161
  116. package/src/android-bootstrap/less/tables.less +262 -262
  117. package/src/android-bootstrap/less/theme.less +291 -291
  118. package/src/android-bootstrap/less/thumbnails.less +36 -36
  119. package/src/android-bootstrap/less/tooltip.less +102 -102
  120. package/src/android-bootstrap/less/type.less +303 -303
  121. package/src/android-bootstrap/less/utilities.less +55 -55
  122. package/src/android-bootstrap/less/variables.less +896 -896
  123. package/src/android-bootstrap/less/wells.less +29 -29
  124. package/src/androidTest.js +20 -20
  125. package/src/bootstrap/less/.csscomb.json +304 -304
  126. package/src/bootstrap/less/.csslintrc +19 -19
  127. package/src/bootstrap/less/alerts.less +73 -73
  128. package/src/bootstrap/less/badges.less +66 -66
  129. package/src/bootstrap/less/breadcrumbs.less +26 -26
  130. package/src/bootstrap/less/button-groups.less +247 -247
  131. package/src/bootstrap/less/buttons.less +172 -172
  132. package/src/bootstrap/less/carousel.less +269 -269
  133. package/src/bootstrap/less/close.less +34 -34
  134. package/src/bootstrap/less/code.less +69 -69
  135. package/src/bootstrap/less/component-animations.less +33 -33
  136. package/src/bootstrap/less/dropdowns.less +216 -216
  137. package/src/bootstrap/less/forms.less +626 -626
  138. package/src/bootstrap/less/grid.less +84 -84
  139. package/src/bootstrap/less/input-groups.less +167 -167
  140. package/src/bootstrap/less/jumbotron.less +52 -52
  141. package/src/bootstrap/less/labels.less +64 -64
  142. package/src/bootstrap/less/list-group.less +141 -141
  143. package/src/bootstrap/less/media.less +66 -66
  144. package/src/bootstrap/less/mixins/alerts.less +14 -14
  145. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  146. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  147. package/src/bootstrap/less/mixins/buttons.less +69 -69
  148. package/src/bootstrap/less/mixins/center-block.less +7 -7
  149. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  150. package/src/bootstrap/less/mixins/forms.less +90 -90
  151. package/src/bootstrap/less/mixins/gradients.less +59 -59
  152. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  153. package/src/bootstrap/less/mixins/grid.less +122 -122
  154. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  155. package/src/bootstrap/less/mixins/image.less +33 -33
  156. package/src/bootstrap/less/mixins/labels.less +12 -12
  157. package/src/bootstrap/less/mixins/list-group.less +30 -30
  158. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  159. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  160. package/src/bootstrap/less/mixins/opacity.less +8 -8
  161. package/src/bootstrap/less/mixins/pagination.less +24 -24
  162. package/src/bootstrap/less/mixins/panels.less +24 -24
  163. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  164. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  165. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  166. package/src/bootstrap/less/mixins/resize.less +6 -6
  167. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  168. package/src/bootstrap/less/mixins/size.less +10 -10
  169. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  170. package/src/bootstrap/less/mixins/table-row.less +44 -44
  171. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  172. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  173. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  174. package/src/bootstrap/less/mixins.less +40 -40
  175. package/src/bootstrap/less/modals.less +151 -151
  176. package/src/bootstrap/less/navbar.less +660 -660
  177. package/src/bootstrap/less/normalize.less +424 -424
  178. package/src/bootstrap/less/pager.less +76 -76
  179. package/src/bootstrap/less/pagination.less +89 -89
  180. package/src/bootstrap/less/panels.less +275 -275
  181. package/src/bootstrap/less/popovers.less +131 -131
  182. package/src/bootstrap/less/print.less +101 -101
  183. package/src/bootstrap/less/progress-bars.less +87 -87
  184. package/src/bootstrap/less/responsive-embed.less +35 -35
  185. package/src/bootstrap/less/responsive-utilities.less +194 -194
  186. package/src/bootstrap/less/scaffolding.less +161 -161
  187. package/src/bootstrap/less/theme.less +291 -291
  188. package/src/bootstrap/less/thumbnails.less +36 -36
  189. package/src/bootstrap/less/tooltip.less +102 -102
  190. package/src/bootstrap/less/type.less +303 -303
  191. package/src/bootstrap/less/utilities.less +55 -55
  192. package/src/bootstrap/less/wells.less +29 -29
  193. package/src/components/FileUpload.vue +696 -696
  194. package/src/components/Hello.vue +39 -39
  195. package/src/components/LeftTree.vue +27 -27
  196. package/src/components/android/AddGas.vue +147 -147
  197. package/src/components/android/AddressList.vue +61 -61
  198. package/src/components/android/AreaPlan.vue +572 -572
  199. package/src/components/android/AttendanceTally.vue +116 -116
  200. package/src/components/android/Blank.vue +10 -10
  201. package/src/components/android/CheckUnplanPage.vue +56 -56
  202. package/src/components/android/Checker.vue +12 -12
  203. package/src/components/android/CheckerAnnual.vue +81 -81
  204. package/src/components/android/CheckerAvarta.vue +82 -82
  205. package/src/components/android/CheckerMonthly.vue +84 -84
  206. package/src/components/android/EquipmentInspection.vue +348 -348
  207. package/src/components/android/FootprintMap.vue +120 -120
  208. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  209. package/src/components/android/LcheckUnplan.vue +108 -108
  210. package/src/components/android/MasterMain.vue +77 -77
  211. package/src/components/android/Menu.vue +132 -132
  212. package/src/components/android/NavBottom.vue +157 -157
  213. package/src/components/android/PaperAlarm.vue +85 -85
  214. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  215. package/src/components/android/PlumberAnnual.vue +83 -83
  216. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  217. package/src/components/android/PlumberMonthly.vue +84 -84
  218. package/src/components/android/PostMap.vue +83 -83
  219. package/src/components/android/QueryCheckHistory.vue +122 -122
  220. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  221. package/src/components/android/RepairMain.vue +60 -60
  222. package/src/components/android/Repairman.vue +12 -12
  223. package/src/components/android/SafePlanItem.vue +509 -509
  224. package/src/components/android/SafecheckDevices.vue +1298 -1298
  225. package/src/components/android/SafecheckOrderV.vue +2809 -2809
  226. package/src/components/android/StationMaster.vue +12 -12
  227. package/src/components/android/SwitchValve.vue +323 -323
  228. package/src/components/checkerphonestate/Checker.vue +32 -32
  229. package/src/components/checkerphonestate/CheckerState.vue +97 -97
  230. package/src/components/defects/AddDefectModal.vue +120 -120
  231. package/src/components/defects/AddDevice.vue +95 -95
  232. package/src/components/defects/DefectModal.vue +101 -101
  233. package/src/components/defects/DevicesAndItem.vue +39 -39
  234. package/src/components/defects/DevicesSeting.vue +106 -106
  235. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  236. package/src/components/metterfiles/AddUserfiles.vue +246 -246
  237. package/src/components/metterfiles/MetterFiles.vue +104 -104
  238. package/src/components/notice/NoticeForm.vue +100 -100
  239. package/src/components/notice/NoticeIssue.vue +20 -20
  240. package/src/components/notice/NoticeQuery.vue +76 -76
  241. package/src/components/paper/PicViewer.vue +18 -18
  242. package/src/components/paper/RepairVerifyForm.vue +76 -76
  243. package/src/components/phonestate/DailyTraffic.vue +57 -57
  244. package/src/components/phonestate/LastKnownState.vue +74 -74
  245. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  246. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  247. package/src/components/phonestate/PostMap.vue +82 -82
  248. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  249. package/src/components/safecheckNew/android/SafecheckOrderV.vue +2731 -2731
  250. package/src/components/task/RepairAnnual.vue +79 -79
  251. package/src/components/task/RepairAnnualDetail.vue +49 -49
  252. package/src/components/task/RepairMonthly.vue +91 -91
  253. package/src/components/task/TaskAnnual.vue +77 -77
  254. package/src/components/task/TaskAnnualDetail.vue +47 -47
  255. package/src/components/task/TaskMonthly.vue +89 -89
  256. package/src/components/userfile/MeterFile.vue +145 -145
  257. package/src/components/userfile/MeterModify.vue +46 -46
  258. package/src/components/userfile/UserfileChange.vue +277 -277
  259. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  260. package/src/filiale/baiyin/pc/checkUserList.vue +771 -771
  261. package/src/filiale/baiyin/pc.js +21 -21
  262. package/src/filiale/rongchuang/android/SafecheckOrderV.vue +2696 -2696
  263. package/src/filiale/siyang/pc/NewCheckpaper.vue +1938 -1938
  264. package/src/filiale/siyang/pc/checkUserList.vue +786 -786
  265. package/src/filiale/siyang/pc.js +16 -16
  266. package/src/filiale/weinan/android/SafecheckDevices.vue +1295 -1295
  267. package/src/filiale/weinan/pc/DefectListNew.vue +617 -617
  268. package/src/filiale/weinan/pc/DefectMainNew.vue +63 -63
  269. package/src/filiale/weinan/pc.js +46 -46
  270. package/src/filiale/wuan/android/SafecheckOrderV.vue +2240 -2240
  271. package/src/filiale/wuan/android/SafecheckUserInfo.vue +592 -592
  272. package/src/filiale/yangchunboneng/android/CurrentCreate.vue +1200 -1195
  273. package/src/filiale/yangchunboneng/android/DailyworkloadQuery.vue +480 -477
  274. package/src/filiale/yangchunboneng/android/SafecheckDevices.vue +1332 -1332
  275. package/src/filiale/yangchunboneng/android/safeHistoryLook.vue +481 -478
  276. package/src/filiale/yangchunboneng/pc/CheckBookUser.vue +269 -269
  277. package/src/filiale/yangchunboneng/pc/DefectPaperNew.vue +1128 -1128
  278. package/src/filiale/yangchunboneng/pc/PaperDefectMain.vue +972 -972
  279. package/src/filiale/yangchunboneng/pc/PaperList.vue +773 -773
  280. package/src/filiale/yuansheng/android/SwitchValve.vue +322 -322
  281. package/src/filiale/yuansheng/android.js +17 -17
  282. package/src/main.js +33 -33
  283. package/src/plugins/LoadData.js +10 -10
  284. package/src/plugins/LoadParams.js +24 -24
  285. package/src/stores/wxconfig.js +10 -10
  286. package/src/utils/getNowDate.js +33 -33
  287. package/test/e2e/custom-assertions/elementCount.js +26 -26
  288. package/test/e2e/nightwatch.conf.js +40 -40
  289. package/test/e2e/runner.js +30 -30
  290. package/test/e2e/specs/test.js +13 -13
  291. package/test/unit/.eslintrc +5 -5
  292. package/test/unit/TestUtil.js +62 -62
  293. package/test/unit/context.html +20 -20
  294. package/test/unit/index.js +13 -13
package/docs/partial.md CHANGED
@@ -1,75 +1,75 @@
1
- # Partial
2
-
3
- 由父组件传递给子组件的片段,子组件编译前把父组件传递过来的片段插入到模板中指定位置。
4
-
5
- ## 用法
6
-
7
- 在子组件中,用partial设置片段插入点,父组件中,给元素设置partial属性,把片段插入子组件中。
8
-
9
- 子组件:child
10
- ```html
11
- <template>
12
- <div>
13
- <partial name='a'></partail>
14
- </div>
15
- </template>
16
- ```
17
- 父组件:
18
- ```html
19
- <template>
20
- <div>
21
- <child>
22
- <div partial='a'>{{data.name}}</div>
23
- </child>
24
- </div>
25
- </template>
26
- ```
27
- ## 默认partial
28
-
29
- 子组件可以给partail指定名称default,父组件通过不含属性值的partial把内容传递给子组件的默认partial。例如:
30
-
31
- 子组件:
32
- ```html
33
- <partial name='default'></partial>
34
- ```
35
- 父组件:
36
- ```html
37
- <div partial></div>
38
- ```
39
- ## partial默认值
40
-
41
- partial支持默认值,父组件不提供内容情况下,用默认值。例如:
42
-
43
- 子组件:
44
- ```html
45
- <partial name='default'>默认值</partial>
46
- ```
47
- 父组件没有提供partial时,将显示__默认值__。
48
-
49
- ## a-partial属性
50
-
51
- table等模板元素下面不允许有partial元素,这时,可以通过a-partial属性指明元素的内容由父组件提供。例如:
52
- ```html
53
- <tr a-partial='name'>
54
- </tr>
55
- ```
56
- ## partial实现
57
-
58
- 系统直接将Partial以插件方式混合到了Vue里,其具体实现如下:
59
-
60
- * beforeCompile ()
61
-
62
- 子组件编译前获取下面相关内容:
63
-
64
- 1. 从父组件传递过来的内容里获得partial,父组件传递过来的内容在$options.\_content中。
65
- 1. 从自己的模板中获取所需partials, 模板在$options.template中。
66
-
67
- 子组件partial获取顺序为:
68
-
69
- 1. 从父传递过来的内容中取
70
- 1. 从父的partial中继承
71
- 1. 取自己的默认值
72
-
73
- * created ()
74
-
75
- 把父组件注册的子组件传递给自己,以便vue能找到相关组件。
1
+ # Partial
2
+
3
+ 由父组件传递给子组件的片段,子组件编译前把父组件传递过来的片段插入到模板中指定位置。
4
+
5
+ ## 用法
6
+
7
+ 在子组件中,用partial设置片段插入点,父组件中,给元素设置partial属性,把片段插入子组件中。
8
+
9
+ 子组件:child
10
+ ```html
11
+ <template>
12
+ <div>
13
+ <partial name='a'></partail>
14
+ </div>
15
+ </template>
16
+ ```
17
+ 父组件:
18
+ ```html
19
+ <template>
20
+ <div>
21
+ <child>
22
+ <div partial='a'>{{data.name}}</div>
23
+ </child>
24
+ </div>
25
+ </template>
26
+ ```
27
+ ## 默认partial
28
+
29
+ 子组件可以给partail指定名称default,父组件通过不含属性值的partial把内容传递给子组件的默认partial。例如:
30
+
31
+ 子组件:
32
+ ```html
33
+ <partial name='default'></partial>
34
+ ```
35
+ 父组件:
36
+ ```html
37
+ <div partial></div>
38
+ ```
39
+ ## partial默认值
40
+
41
+ partial支持默认值,父组件不提供内容情况下,用默认值。例如:
42
+
43
+ 子组件:
44
+ ```html
45
+ <partial name='default'>默认值</partial>
46
+ ```
47
+ 父组件没有提供partial时,将显示__默认值__。
48
+
49
+ ## a-partial属性
50
+
51
+ table等模板元素下面不允许有partial元素,这时,可以通过a-partial属性指明元素的内容由父组件提供。例如:
52
+ ```html
53
+ <tr a-partial='name'>
54
+ </tr>
55
+ ```
56
+ ## partial实现
57
+
58
+ 系统直接将Partial以插件方式混合到了Vue里,其具体实现如下:
59
+
60
+ * beforeCompile ()
61
+
62
+ 子组件编译前获取下面相关内容:
63
+
64
+ 1. 从父组件传递过来的内容里获得partial,父组件传递过来的内容在$options.\_content中。
65
+ 1. 从自己的模板中获取所需partials, 模板在$options.template中。
66
+
67
+ 子组件partial获取顺序为:
68
+
69
+ 1. 从父传递过来的内容中取
70
+ 1. 从父的partial中继承
71
+ 1. 取自己的默认值
72
+
73
+ * created ()
74
+
75
+ 把父组件注册的子组件传递给自己,以便vue能找到相关组件。
package/docs/selector.md CHANGED
@@ -1,82 +1,82 @@
1
- # Selector
2
-
3
- 给需要选择功能的组件提供支持。
4
-
5
- ## 用法
6
-
7
- 在需要选择功能的组件中加入Selector混合,如下:
8
- ```
9
- export default {
10
- mixins: [Selector]
11
- }
12
- ```
13
- 在模板中需要以不同方式显示当前选中行的地方,用如下表达式:
14
- ```
15
- v-bind:class="{ 'selected': isSelected(row) }"
16
- ```
17
- 在模板中需要执行选择过程的地方,用如下表达式:
18
- ```
19
- @click="select(row)"
20
- ```
21
- ## 选择内容
22
-
23
- 当前选中项存放在一个selectorStore里,混合了selector的组件,将遵循下面的过程获取selectStore。
24
-
25
- 1. 从祖先中继承selectStore
26
- 1. 如果组件没有selectStore,自动建立默认selectStore
27
-
28
- ## 当前选中项获取
29
-
30
- 可以用下面方式,给具有选择功能的组件提供selectorStore:
31
- ```
32
- let selectStore = new SelectStore()
33
-
34
- export default {
35
- data {
36
- return {
37
- selectorStore
38
- }
39
- }
40
- }
41
- ```
42
- 这时,用`selectStore.selected`获取当前选中项。
43
-
44
- 如果没有提供selectStore,从组件的selected中获取选中项,具体做法:
45
-
46
- 在模板中,为选择组件指定ref。
47
- ```html
48
- <template>
49
- <list v-ref:list></list>
50
- </template>
51
- ```
52
- 在父组件程序里,通过`this.$refs.list.selected`获取当前选中项。
53
-
54
- ## selectMode
55
-
56
- selectMode包括none及single。如果将多个支持选择功能的组件进行复合,例如列表中每一项是树的情形,哪个组件支持选择,必须进行指定。
57
- ```html
58
- <template>
59
- <list select-mode='none'>
60
- <tree partial></tree>
61
- </list>
62
- </template>
63
- ```
64
- 通过将list的selectMode设置为none,屏蔽list的选择功能。选择内容由树节点提供。
65
-
66
- ## 事件
67
-
68
- - select-changed:选择内容发生变化了,参数为一个对象 {val: newVal, oldVal: oldVal}
69
-
70
- ## selectStore
71
-
72
- * selected:当前选中项
73
- * select(row):选中row
74
-
75
- ## selector混合
76
-
77
- * selectStore:选中项存放的store
78
- * selectMode:选择模式,字符串类型。包括: none、single(默认)
79
- * selected:当前选中项
80
- * select(row): 选择row
81
- * isSelected(row): 判断row是否选中
82
- * beforeCompile(): 处理selectStore的继承问题
1
+ # Selector
2
+
3
+ 给需要选择功能的组件提供支持。
4
+
5
+ ## 用法
6
+
7
+ 在需要选择功能的组件中加入Selector混合,如下:
8
+ ```
9
+ export default {
10
+ mixins: [Selector]
11
+ }
12
+ ```
13
+ 在模板中需要以不同方式显示当前选中行的地方,用如下表达式:
14
+ ```
15
+ v-bind:class="{ 'selected': isSelected(row) }"
16
+ ```
17
+ 在模板中需要执行选择过程的地方,用如下表达式:
18
+ ```
19
+ @click="select(row)"
20
+ ```
21
+ ## 选择内容
22
+
23
+ 当前选中项存放在一个selectorStore里,混合了selector的组件,将遵循下面的过程获取selectStore。
24
+
25
+ 1. 从祖先中继承selectStore
26
+ 1. 如果组件没有selectStore,自动建立默认selectStore
27
+
28
+ ## 当前选中项获取
29
+
30
+ 可以用下面方式,给具有选择功能的组件提供selectorStore:
31
+ ```
32
+ let selectStore = new SelectStore()
33
+
34
+ export default {
35
+ data {
36
+ return {
37
+ selectorStore
38
+ }
39
+ }
40
+ }
41
+ ```
42
+ 这时,用`selectStore.selected`获取当前选中项。
43
+
44
+ 如果没有提供selectStore,从组件的selected中获取选中项,具体做法:
45
+
46
+ 在模板中,为选择组件指定ref。
47
+ ```html
48
+ <template>
49
+ <list v-ref:list></list>
50
+ </template>
51
+ ```
52
+ 在父组件程序里,通过`this.$refs.list.selected`获取当前选中项。
53
+
54
+ ## selectMode
55
+
56
+ selectMode包括none及single。如果将多个支持选择功能的组件进行复合,例如列表中每一项是树的情形,哪个组件支持选择,必须进行指定。
57
+ ```html
58
+ <template>
59
+ <list select-mode='none'>
60
+ <tree partial></tree>
61
+ </list>
62
+ </template>
63
+ ```
64
+ 通过将list的selectMode设置为none,屏蔽list的选择功能。选择内容由树节点提供。
65
+
66
+ ## 事件
67
+
68
+ - select-changed:选择内容发生变化了,参数为一个对象 {val: newVal, oldVal: oldVal}
69
+
70
+ ## selectStore
71
+
72
+ * selected:当前选中项
73
+ * select(row):选中row
74
+
75
+ ## selector混合
76
+
77
+ * selectStore:选中项存放的store
78
+ * selectMode:选择模式,字符串类型。包括: none、single(默认)
79
+ * selected:当前选中项
80
+ * select(row): 选择row
81
+ * isSelected(row): 判断row是否选中
82
+ * beforeCompile(): 处理selectStore的继承问题
package/docs/tree.md CHANGED
@@ -1,40 +1,40 @@
1
- # Tree
2
-
3
- 以树状方式显示数据
4
-
5
- ## 用法
6
-
7
- 把数据通过model参数传递给tree组件,树节点显示的内容通过partial传递给tree组件,加载子节点的服务路径通过url参数传递给组件。
8
- ```html
9
- <template>
10
- <div>
11
- <tree :model='model' url='rs/sql/subproject.sql'>
12
- <div partial>{{row.data.name}}</div>
13
- </tree>
14
- </div>
15
- </template>
16
- ```
17
- partail中row.data代表树的每一个节点的数据。
18
-
19
- ## model
20
-
21
- 传递给tree组件的数据必须具有层次结构,每个节点特殊属性如下:
22
-
23
- * children:数组,代表所有子节点
24
- * size:整形,代表子节点个数。对异步数据,在没有加载所有子节点前,需要把子节点个数先加载过来,以便确定该节点是否叶子节点。
25
-
26
- model例子如下:
27
- ```
28
- data () {
29
- return {
30
- model: [
31
- {name: '根节点', size: 1, children: [
32
- {name: '子节点', size: 0}
33
- ]}
34
- ]
35
- }
36
- }
37
- ```
38
- ## 选择
39
-
40
- tree支持选择功能,具体参考[Selector](Selector.md)描述。
1
+ # Tree
2
+
3
+ 以树状方式显示数据
4
+
5
+ ## 用法
6
+
7
+ 把数据通过model参数传递给tree组件,树节点显示的内容通过partial传递给tree组件,加载子节点的服务路径通过url参数传递给组件。
8
+ ```html
9
+ <template>
10
+ <div>
11
+ <tree :model='model' url='rs/sql/subproject.sql'>
12
+ <div partial>{{row.data.name}}</div>
13
+ </tree>
14
+ </div>
15
+ </template>
16
+ ```
17
+ partail中row.data代表树的每一个节点的数据。
18
+
19
+ ## model
20
+
21
+ 传递给tree组件的数据必须具有层次结构,每个节点特殊属性如下:
22
+
23
+ * children:数组,代表所有子节点
24
+ * size:整形,代表子节点个数。对异步数据,在没有加载所有子节点前,需要把子节点个数先加载过来,以便确定该节点是否叶子节点。
25
+
26
+ model例子如下:
27
+ ```
28
+ data () {
29
+ return {
30
+ model: [
31
+ {name: '根节点', size: 1, children: [
32
+ {name: '子节点', size: 0}
33
+ ]}
34
+ ]
35
+ }
36
+ }
37
+ ```
38
+ ## 选择
39
+
40
+ tree支持选择功能,具体参考[Selector](Selector.md)描述。
@@ -1,28 +1,28 @@
1
- # Snippets
2
-
3
- 为vue组件编写,提供了一些代码片段,方便录入,包括:
4
-
5
- - 布局相关,layout开始
6
- * layout flex: 上下布局界面。
7
- * layout row: 左右布局界面。
8
- * layout tab:tab页签布局
9
-
10
- - 组件基础结构相关,comp开始
11
- * comp base: 基本结构
12
- * comp base app: 基本应用结构
13
- * comp form:form组件结构
14
-
15
- - form表单相关,form开始
16
- * form label:静态文本区域
17
- * form input: 文本输入框
18
- * form text:textarea区域
19
-
20
- - init:初始化一个vue文件。
21
- - flex:产生flex纵向基础布局。
22
- - grid-tree:产生grid-tree组件的基本模板。
23
- - criteria-grid-tree:带查询条件的GridTree。
24
- - data-comp:产生组件的data部分。
25
- - paged-list:产生一个基础PagedList数据。
26
- - select-store:产生一个新的select-store。
27
-
28
- - import-select-store:导入SelectStore
1
+ # Snippets
2
+
3
+ 为vue组件编写,提供了一些代码片段,方便录入,包括:
4
+
5
+ - 布局相关,layout开始
6
+ * layout flex: 上下布局界面。
7
+ * layout row: 左右布局界面。
8
+ * layout tab:tab页签布局
9
+
10
+ - 组件基础结构相关,comp开始
11
+ * comp base: 基本结构
12
+ * comp base app: 基本应用结构
13
+ * comp form:form组件结构
14
+
15
+ - form表单相关,form开始
16
+ * form label:静态文本区域
17
+ * form input: 文本输入框
18
+ * form text:textarea区域
19
+
20
+ - init:初始化一个vue文件。
21
+ - flex:产生flex纵向基础布局。
22
+ - grid-tree:产生grid-tree组件的基本模板。
23
+ - criteria-grid-tree:带查询条件的GridTree。
24
+ - data-comp:产生组件的data部分。
25
+ - paged-list:产生一个基础PagedList数据。
26
+ - select-store:产生一个新的select-store。
27
+
28
+ - import-select-store:导入SelectStore
@@ -1,7 +1,7 @@
1
- # V1.0.11
2
-
3
- - Tabset及Tab
4
- * bug: tab的header变化后,要通知tabset改变header显示。
5
- * layout: tabset改变布局,避免滚动。
6
- - Modal
7
- * layout: 改变布局,避免高度错误。
1
+ # V1.0.11
2
+
3
+ - Tabset及Tab
4
+ * bug: tab的header变化后,要通知tabset改变header显示。
5
+ * layout: tabset改变布局,避免滚动。
6
+ - Modal
7
+ * layout: 改变布局,避免高度错误。
@@ -1,13 +1,13 @@
1
- # vue变更记录
2
-
3
- - vue.common.js的 makeChildLinkFn 函数修改。7263行
4
- 原内容:
5
- ```
6
- for (var i = 0, n = 0, l = linkFns.length; i < l; n++) {
7
- ```
8
- 新内容:
9
- ```
10
- for (var i = 0, n = 0, l = nodes.length; n < l; n++) {
11
- ```
12
- 修改原因:
13
- linkFns里缓存了预先找到的节点处理函数,对节点处理应该以节点个数为准,不应当以缓存的函数个数为准。以避免节点减少时,出现bug。
1
+ # vue变更记录
2
+
3
+ - vue.common.js的 makeChildLinkFn 函数修改。7263行
4
+ 原内容:
5
+ ```
6
+ for (var i = 0, n = 0, l = linkFns.length; i < l; n++) {
7
+ ```
8
+ 新内容:
9
+ ```
10
+ for (var i = 0, n = 0, l = nodes.length; n < l; n++) {
11
+ ```
12
+ 修改原因:
13
+ linkFns里缓存了预先找到的节点处理函数,对节点处理应该以节点个数为准,不应当以缓存的函数个数为准。以避免节点减少时,出现bug。
@@ -1,77 +1,77 @@
1
- # 开发环境设置
2
-
3
- - 编辑工具:atom,64位。
4
- * 安装过程
5
- 1. 解压 atom.zip 文件夹到自己的工具盘下。
6
- 1. 修改atom快捷方式中的路径为自己工具盘的路径。
7
- * 配置过程
8
- 1. 解压.atom.rar 到自己机器的当前用户的根目录下。这个文件夹是atom的使用配置文件,包括:
9
- - git-plus插件:git插件
10
- - language-vue: vue组件开发语法加亮
11
- - linter: 语法检查插件
12
- - linter-eslint:对js文件、vue组件进行语法检查的插件
13
- - snippets.cson文件:内置了一些vue组件的代码片段
14
- * 使用方式
15
- - atom 主要使用快捷键,文档参考:
16
- * [atom快捷键](http://ju.outofmemory.cn/entry/187281)
17
- * [官方使用手册](http://flight-manual.atom.io/using-atom/)
18
- - 文档编写使用markdown,文档参考:
19
- * [markdown语言详解](http://blog.chinaunix.net/uid-7374279-id-5114730.html)
20
-
21
- - 开发工具:nodejs,64位
22
- * 安装过程
23
- 1. 解压 nodejs.rar 文件夹到自己的工具盘下。
24
- 1. 设置系统环境变量Path,把nodejs安装的根目录添加进去。
25
- 1. 命令行下运行npm, 可以看到使用帮助,证明成功。
26
- * 配置过程
27
- 1. 解压 npm.rar 到自己机器当前用户的AppData\Roaming文件夹下。AppData文件夹是系统隐藏文件夹,如找不到,设置显示隐藏文件夹即可。npm文件夹中有全局模块,可以在所有项目里共享。
28
- * 使用发生
29
- - npm 要在命令行下运行,文档参考:
30
- * [npm使用](https://docs.npmjs.com/getting-started/what-is-npm)
31
-
32
- - Git工具
33
- * 安装过程
34
- 1. 解压 git.rar 文件夹到自己的工具盘下。
35
- 1. 设置系统环境变量Path,内容为 `安装路径/git/cmd`
36
- 1. 命令行下运行git, 可以看到使用帮助,证明成功。
37
- * 配置过程
38
- 1. 复制.gitconfig文件到$HOME下。
39
-
40
- - chrome安装
41
- * 安装过程
42
- 1. 解压chrome.rar到自己的工具盘下。
43
- 1. 运行Chrome\Application\chrome.exe
44
- 1. 解压vue-devtools.rar到自己的工具盘下
45
- 1. 在chrome的 `更多工具\扩展程序` 里,选择 `开发模式`,点击 `已解压的扩展程序`,选择vue-devtools解压处理的文件夹即可。安装的是vue的chrome扩展工具。
46
-
47
- - vue-client工程,前台vue组件的基础工程
48
- * 安装过程
49
- 1. 在github上下载最新版本到自己的工作区间。命令如下:
50
- ```
51
- git clone https://github.com/DuBin1988/vue-client
52
- ```
53
- 1. 在atom里 File/Add Project Folder 菜单中加入vue-client工程
54
- 1. 解压vue-client\node_modules.rar 到vue-client目录下,这个文件是vue-client的本地模块文件夹
55
- * 测试
56
- 1. 修改examples下所有文件名首字母为大写
57
- 1. 在命令行下,进入vue-client目录
58
- 2. 运行 `npm run dev` 启动测试
59
- 3. 在chrome里执行 http://localhost:8080/Busy.html 测试busy组件是否正常运行。
60
- 4. 按 `F12` 打开chrome的开发者环境,可以看到vue-Devtools,用这个工具,可以看到组件树。
61
- * 自己动手
62
- 1. 复制examples下的Busy文件夹,改名为Test
63
- 1. 修改index.html `<script src="../BusyApp.js"></script>`中 BusyApp 为 TestApp
64
- 1. main.js保持不动。
65
- 1. App.vue是自己要做的组件,修改组件模板部分为自己想要的内容。重启 `npm run dev`,访问 http://localhost:8080/Test.html,即可看到自己所做的组件。
66
- * 更多内容
67
- - 组件制作请参考:http://cn.vuejs.org/
68
- - JS6请参考:http://es6.ruanyifeng.com/
69
- - BootStrap请参考:http://v3.bootcss.com/
70
- * 工作规范
71
- 一般情况下,遵循如下工作规范:
72
- - 在docs里对要开发的组件,进行设计及说明,格式可以参考Busy.md等文件。
73
- - 开发的组件,放在src/components下。
74
- - 在examples下建立文件夹,对开发的组件进行测试。
75
- - 提交前,对docs及组件源码进行检查,确定是否最终内容。
76
- - 在进行新版本发布时,修改CHANGELOG.md,CHANGELOG.md书写规范,参考:http://keepachangelog.com/zh-CN/
77
- - vue-client下的README.md是vue-client的整体描述。
1
+ # 开发环境设置
2
+
3
+ - 编辑工具:atom,64位。
4
+ * 安装过程
5
+ 1. 解压 atom.zip 文件夹到自己的工具盘下。
6
+ 1. 修改atom快捷方式中的路径为自己工具盘的路径。
7
+ * 配置过程
8
+ 1. 解压.atom.rar 到自己机器的当前用户的根目录下。这个文件夹是atom的使用配置文件,包括:
9
+ - git-plus插件:git插件
10
+ - language-vue: vue组件开发语法加亮
11
+ - linter: 语法检查插件
12
+ - linter-eslint:对js文件、vue组件进行语法检查的插件
13
+ - snippets.cson文件:内置了一些vue组件的代码片段
14
+ * 使用方式
15
+ - atom 主要使用快捷键,文档参考:
16
+ * [atom快捷键](http://ju.outofmemory.cn/entry/187281)
17
+ * [官方使用手册](http://flight-manual.atom.io/using-atom/)
18
+ - 文档编写使用markdown,文档参考:
19
+ * [markdown语言详解](http://blog.chinaunix.net/uid-7374279-id-5114730.html)
20
+
21
+ - 开发工具:nodejs,64位
22
+ * 安装过程
23
+ 1. 解压 nodejs.rar 文件夹到自己的工具盘下。
24
+ 1. 设置系统环境变量Path,把nodejs安装的根目录添加进去。
25
+ 1. 命令行下运行npm, 可以看到使用帮助,证明成功。
26
+ * 配置过程
27
+ 1. 解压 npm.rar 到自己机器当前用户的AppData\Roaming文件夹下。AppData文件夹是系统隐藏文件夹,如找不到,设置显示隐藏文件夹即可。npm文件夹中有全局模块,可以在所有项目里共享。
28
+ * 使用发生
29
+ - npm 要在命令行下运行,文档参考:
30
+ * [npm使用](https://docs.npmjs.com/getting-started/what-is-npm)
31
+
32
+ - Git工具
33
+ * 安装过程
34
+ 1. 解压 git.rar 文件夹到自己的工具盘下。
35
+ 1. 设置系统环境变量Path,内容为 `安装路径/git/cmd`
36
+ 1. 命令行下运行git, 可以看到使用帮助,证明成功。
37
+ * 配置过程
38
+ 1. 复制.gitconfig文件到$HOME下。
39
+
40
+ - chrome安装
41
+ * 安装过程
42
+ 1. 解压chrome.rar到自己的工具盘下。
43
+ 1. 运行Chrome\Application\chrome.exe
44
+ 1. 解压vue-devtools.rar到自己的工具盘下
45
+ 1. 在chrome的 `更多工具\扩展程序` 里,选择 `开发模式`,点击 `已解压的扩展程序`,选择vue-devtools解压处理的文件夹即可。安装的是vue的chrome扩展工具。
46
+
47
+ - vue-client工程,前台vue组件的基础工程
48
+ * 安装过程
49
+ 1. 在github上下载最新版本到自己的工作区间。命令如下:
50
+ ```
51
+ git clone https://github.com/DuBin1988/vue-client
52
+ ```
53
+ 1. 在atom里 File/Add Project Folder 菜单中加入vue-client工程
54
+ 1. 解压vue-client\node_modules.rar 到vue-client目录下,这个文件是vue-client的本地模块文件夹
55
+ * 测试
56
+ 1. 修改examples下所有文件名首字母为大写
57
+ 1. 在命令行下,进入vue-client目录
58
+ 2. 运行 `npm run dev` 启动测试
59
+ 3. 在chrome里执行 http://localhost:8080/Busy.html 测试busy组件是否正常运行。
60
+ 4. 按 `F12` 打开chrome的开发者环境,可以看到vue-Devtools,用这个工具,可以看到组件树。
61
+ * 自己动手
62
+ 1. 复制examples下的Busy文件夹,改名为Test
63
+ 1. 修改index.html `<script src="../BusyApp.js"></script>`中 BusyApp 为 TestApp
64
+ 1. main.js保持不动。
65
+ 1. App.vue是自己要做的组件,修改组件模板部分为自己想要的内容。重启 `npm run dev`,访问 http://localhost:8080/Test.html,即可看到自己所做的组件。
66
+ * 更多内容
67
+ - 组件制作请参考:http://cn.vuejs.org/
68
+ - JS6请参考:http://es6.ruanyifeng.com/
69
+ - BootStrap请参考:http://v3.bootcss.com/
70
+ * 工作规范
71
+ 一般情况下,遵循如下工作规范:
72
+ - 在docs里对要开发的组件,进行设计及说明,格式可以参考Busy.md等文件。
73
+ - 开发的组件,放在src/components下。
74
+ - 在examples下建立文件夹,对开发的组件进行测试。
75
+ - 提交前,对docs及组件源码进行检查,确定是否最终内容。
76
+ - 在进行新版本发布时,修改CHANGELOG.md,CHANGELOG.md书写规范,参考:http://keepachangelog.com/zh-CN/
77
+ - vue-client下的README.md是vue-client的整体描述。