@kizmann/nano-ui 0.9.10 → 1.0.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 (294) hide show
  1. package/README.md +1 -1
  2. package/dist/nano-ui.css +1 -2
  3. package/dist/nano-ui.js +3 -3
  4. package/dist/nano-ui.js.map +1 -1
  5. package/dist/themes/dark.css +1 -2
  6. package/dist/themes/light.css +1 -2
  7. package/package.json +25 -12
  8. package/src/alert/src/alert/alert.scss +5 -4
  9. package/src/button/src/button/button.scss +5 -5
  10. package/src/button/src/button-group/button-group.scss +5 -4
  11. package/src/cascader/src/cascader/cascader.scss +5 -4
  12. package/src/cascader/src/cascader-panel/cascader-panel.scss +5 -4
  13. package/src/checkbox/src/checkbox/checkbox.scss +5 -4
  14. package/src/checkbox/src/checkbox-group/checkbox-group.scss +5 -4
  15. package/src/collapse/src/collapse/collapse.scss +5 -4
  16. package/src/collapse/src/collapse-item/collapse-item.scss +5 -4
  17. package/src/config/src/builder/builder.scss +17 -13
  18. package/src/config/src/reference-panel/reference-panel.scss +7 -4
  19. package/src/confirm/src/confirm/confirm.scss +5 -4
  20. package/src/datepicker/src/datepicker/datepicker.scss +5 -4
  21. package/src/datepicker/src/datepicker-panel/datepicker-panel.scss +5 -4
  22. package/src/datetimepicker/src/datetimepicker/datetimepicker.js +0 -4
  23. package/src/datetimepicker/src/datetimepicker/datetimepicker.scss +5 -4
  24. package/src/draggable/src/draggrid/draggrid.scss +5 -4
  25. package/src/draggable/src/draggrid-item/draggrid-item.scss +5 -4
  26. package/src/draggable/src/draglist/draglist.scss +5 -4
  27. package/src/draggable/src/draglist-item/draglist-item.scss +5 -4
  28. package/src/draggable/src/dropzone/dropzone.scss +5 -4
  29. package/src/drawer/index.js +5 -0
  30. package/src/drawer/index.scss +1 -0
  31. package/src/drawer/src/drawer/drawer.js +431 -0
  32. package/src/drawer/src/drawer/drawer.scss +136 -0
  33. package/src/durationpicker/src/durationpicker/durationpicker.scss +5 -4
  34. package/src/empty/src/empty-icon/empty-icon.scss +5 -4
  35. package/src/form/index.js +6 -0
  36. package/src/form/index.scss +2 -0
  37. package/src/form/src/form/form.js +11 -1
  38. package/src/form/src/form-frame/form-frame.js +42 -0
  39. package/src/form/src/form-frame/form-frame.scss +28 -0
  40. package/src/form/src/form-frame-item/form-frame-item.js +114 -0
  41. package/src/form/src/form-group/form-group.js +33 -1
  42. package/src/form/src/form-group/form-group.scss +5 -4
  43. package/src/form/src/form-item/form-item.scss +5 -4
  44. package/src/form/src/form-menu/form-menu.js +89 -0
  45. package/src/form/src/form-menu/form-menu.scss +9 -0
  46. package/src/index.js +1 -0
  47. package/src/index.scss +1 -0
  48. package/src/info/src/info/info.scss +5 -4
  49. package/src/info/src/info-column/info-column.scss +7 -4
  50. package/src/input/src/input/input.scss +5 -4
  51. package/src/input-number/src/input-number/input-number.scss +5 -4
  52. package/src/loader/src/loader/loader.scss +5 -4
  53. package/src/modal/src/modal/modal.scss +5 -4
  54. package/src/notification/src/notification/notification.scss +5 -4
  55. package/src/paginator/src/paginator/paginator.scss +5 -4
  56. package/src/popover/src/popover/popover.scss +5 -4
  57. package/src/radio/src/radio/radio.scss +5 -4
  58. package/src/radio/src/radio-group/radio-group.scss +5 -4
  59. package/src/rating/src/rating/rating.scss +5 -4
  60. package/src/root/vars.scss +84 -81
  61. package/src/select/src/select/select.scss +5 -4
  62. package/src/slider/src/slider/slider.scss +5 -4
  63. package/src/switch/src/switch/switch.scss +6 -4
  64. package/src/table/src/table/table.scss +15 -0
  65. package/src/table/src/table-cell/table-cell.scss +5 -4
  66. package/src/tabs/src/tabs/tabs.scss +5 -4
  67. package/src/tabs/src/tabs-item/tabs-item.scss +5 -4
  68. package/src/tags/src/tags-item/tags-item.scss +5 -4
  69. package/src/textarea/src/textarea/textarea.scss +5 -4
  70. package/src/timepicker/src/timepicker/timepicker.scss +5 -4
  71. package/src/timepicker/src/timepicker-panel/timepicker-panel.scss +5 -4
  72. package/src/transfer/src/transfer/transfer.scss +5 -4
  73. package/themes/macos/alert/src/alert/alert.scss +4 -3
  74. package/themes/macos/button/src/button/button.scss +8 -3
  75. package/themes/macos/cascader/src/cascader/cascader.scss +5 -4
  76. package/themes/macos/checkbox/src/checkbox/checkbox.scss +5 -4
  77. package/themes/macos/collapse/src/collapse/collapse.scss +4 -3
  78. package/themes/macos/collapse/src/collapse-item/collapse-item.scss +4 -3
  79. package/themes/macos/confirm/src/confirm/confirm.scss +4 -3
  80. package/themes/macos/datepicker/src/datepicker/datepicker.scss +5 -4
  81. package/themes/macos/datepicker/src/datepicker-panel/datepicker-panel.scss +4 -3
  82. package/themes/macos/datetimepicker/src/datetimepicker/datetimepicker.scss +14 -12
  83. package/themes/macos/draggable/src/draggrid/draggrid.scss +4 -3
  84. package/themes/macos/draggable/src/draggrid-item/draggrid-item.scss +4 -3
  85. package/themes/macos/draggable/src/draglist/draglist.scss +4 -3
  86. package/themes/macos/draggable/src/draglist-item/draglist-item.scss +6 -5
  87. package/themes/macos/draggable/src/dropzone/dropzone.scss +4 -3
  88. package/themes/macos/drawer/index.scss +1 -0
  89. package/themes/macos/drawer/src/drawer/drawer.scss +35 -0
  90. package/themes/macos/durationpicker/src/durationpicker/durationpicker.scss +5 -4
  91. package/themes/macos/file/src/file/file.scss +4 -3
  92. package/themes/macos/form/src/form-group/form-group.scss +4 -3
  93. package/themes/macos/index-dark.scss +1 -39
  94. package/themes/macos/index-light.scss +1 -39
  95. package/themes/macos/index.scss +1 -2
  96. package/themes/macos/input/src/input/input.scss +6 -5
  97. package/themes/macos/input-number/src/input-number/input-number.scss +6 -5
  98. package/themes/macos/loader/src/loader/loader.scss +4 -3
  99. package/themes/macos/modal/src/modal/modal.scss +6 -5
  100. package/themes/macos/notification/src/notification/notification.scss +4 -3
  101. package/themes/macos/popover/src/popover/popover.scss +9 -8
  102. package/themes/macos/radio/src/radio/radio.scss +5 -4
  103. package/themes/macos/rating/src/rating/rating.scss +4 -3
  104. package/themes/macos/root/vars-dark.scss +87 -74
  105. package/themes/macos/root/vars-light.scss +87 -74
  106. package/themes/macos/root/vars.scss +88 -74
  107. package/themes/macos/select/src/select/select.scss +5 -4
  108. package/themes/macos/switch/src/switch/switch.scss +6 -4
  109. package/themes/macos/table/src/table/table.scss +3 -3
  110. package/themes/macos/table/src/table-cell/table-cell.scss +5 -4
  111. package/themes/macos/tabs/src/tabs/tabs.scss +4 -3
  112. package/themes/macos/tabs/src/tabs-item/tabs-item.scss +4 -3
  113. package/themes/macos/tags/src/tags-item/tags-item.scss +6 -4
  114. package/themes/macos/textarea/src/textarea/textarea.scss +5 -4
  115. package/themes/macos/timepicker/src/timepicker/timepicker.scss +5 -4
  116. package/themes/macos/timepicker/src/timepicker-panel/timepicker-panel.scss +4 -3
  117. package/babel.config.js +0 -17
  118. package/bun.lockb +0 -0
  119. package/demos/builder.html +0 -411
  120. package/demos/button/index.html +0 -129
  121. package/demos/cascader/index.html +0 -127
  122. package/demos/chart/index.html +0 -53
  123. package/demos/checkbox/index.html +0 -97
  124. package/demos/config/index.html +0 -95
  125. package/demos/confirm/index.html +0 -78
  126. package/demos/datepicker/index.html +0 -69
  127. package/demos/draggable/index.html +0 -127
  128. package/demos/form/index.html +0 -83
  129. package/demos/grid.html +0 -321
  130. package/demos/input/index.html +0 -100
  131. package/demos/map/index.html +0 -81
  132. package/demos/matrix/index.html +0 -104
  133. package/demos/modal/index.html +0 -98
  134. package/demos/overview.html +0 -1416
  135. package/demos/paginator/index.html +0 -58
  136. package/demos/popover/index.html +0 -103
  137. package/demos/radio/index.html +0 -71
  138. package/demos/resizer/index.html +0 -106
  139. package/demos/scrollbar.html +0 -328
  140. package/demos/select/index.html +0 -174
  141. package/demos/select.html +0 -164
  142. package/demos/style.css +0 -50
  143. package/demos/switch/index.html +0 -69
  144. package/demos/table/index.html +0 -126
  145. package/demos/tabs/index.html +0 -110
  146. package/demos/tabs.html +0 -293
  147. package/demos/textarea/index.html +0 -77
  148. package/demos/timepicker/index.html +0 -66
  149. package/demos/transfer/index.html +0 -88
  150. package/demos/wysiwyg/index.html +0 -49
  151. package/docs/README.md +0 -34
  152. package/docs/_sidebar.md +0 -36
  153. package/docs/dist/docs.css +0 -2
  154. package/docs/files/data/draggable.md +0 -143
  155. package/docs/files/data/map.md +0 -1
  156. package/docs/files/data/paginator.md +0 -23
  157. package/docs/files/data/table.md +0 -247
  158. package/docs/files/data/virtualscroller.md +0 -2
  159. package/docs/files/form/button.md +0 -122
  160. package/docs/files/form/cascader.md +0 -164
  161. package/docs/files/form/checkbox.md +0 -179
  162. package/docs/files/form/datepicker.md +0 -78
  163. package/docs/files/form/form.md +0 -52
  164. package/docs/files/form/input.md +0 -90
  165. package/docs/files/form/radio.md +0 -150
  166. package/docs/files/form/select.md +0 -202
  167. package/docs/files/form/switch.md +0 -92
  168. package/docs/files/form/textarea.md +0 -102
  169. package/docs/files/form/timepicker.md +0 -78
  170. package/docs/files/form/transfer.md +0 -30
  171. package/docs/files/others/config.md +0 -8
  172. package/docs/files/others/confirm.md +0 -51
  173. package/docs/files/others/loader.md +0 -22
  174. package/docs/files/others/modal.md +0 -32
  175. package/docs/files/others/notification.md +0 -52
  176. package/docs/files/others/popover.md +0 -36
  177. package/docs/files/others/resizer.md +0 -8
  178. package/docs/files/others/scrollbar.md +0 -8
  179. package/docs/files/others/tabs.md +0 -32
  180. package/docs/index.html +0 -176
  181. package/docs/src/scss/docsify/basic/_coverpage.sass +0 -95
  182. package/docs/src/scss/docsify/basic/_layout.sass +0 -472
  183. package/docs/src/scss/docsify/syntax.scss +0 -139
  184. package/docs/src/scss/docsify/vue.sass +0 -250
  185. package/docs/src/scss/index.scss +0 -448
  186. package/docs/src/scss/mixins/base.scss +0 -14
  187. package/docs/src/scss/mixins/grid.scss +0 -212
  188. package/docs/src/scss/mixins/media.scss +0 -34
  189. package/docs/src/scss/mixins/space.scss +0 -61
  190. package/mix-manifest.json +0 -4
  191. package/nano.svg +0 -52
  192. package/postcss.config.js +0 -14
  193. package/themes/light/alert/index.scss +0 -1
  194. package/themes/light/alert/src/alert/alert.scss +0 -26
  195. package/themes/light/button/index.scss +0 -2
  196. package/themes/light/button/src/button/button.scss +0 -46
  197. package/themes/light/button/src/button-group/button-group.scss +0 -1
  198. package/themes/light/cascader/index.scss +0 -2
  199. package/themes/light/cascader/src/cascader/cascader.scss +0 -45
  200. package/themes/light/cascader/src/cascader-panel/cascader-panel.scss +0 -13
  201. package/themes/light/checkbox/index.scss +0 -2
  202. package/themes/light/checkbox/src/checkbox/checkbox.scss +0 -44
  203. package/themes/light/checkbox/src/checkbox-group/checkbox-group.scss +0 -1
  204. package/themes/light/collapse/index.scss +0 -2
  205. package/themes/light/collapse/src/collapse/collapse.scss +0 -21
  206. package/themes/light/collapse/src/collapse-item/collapse-item.scss +0 -21
  207. package/themes/light/confirm/index.scss +0 -1
  208. package/themes/light/confirm/src/confirm/confirm.scss +0 -13
  209. package/themes/light/datepicker/index.scss +0 -2
  210. package/themes/light/datepicker/src/datepicker/datepicker.scss +0 -49
  211. package/themes/light/datepicker/src/datepicker-panel/datepicker-panel.scss +0 -43
  212. package/themes/light/datetimepicker/index.scss +0 -1
  213. package/themes/light/datetimepicker/src/datetimepicker/datetimepicker.scss +0 -49
  214. package/themes/light/demo/index.scss +0 -1
  215. package/themes/light/demo/src/demo/demo.scss +0 -11
  216. package/themes/light/draggable/index.scss +0 -9
  217. package/themes/light/draggable/src/draggrid/draggrid.scss +0 -13
  218. package/themes/light/draggable/src/draggrid-item/draggrid-item.scss +0 -65
  219. package/themes/light/draggable/src/draghandler/draghandler.scss +0 -15
  220. package/themes/light/draggable/src/draglist/draglist.scss +0 -13
  221. package/themes/light/draggable/src/draglist-item/draglist-item.scss +0 -72
  222. package/themes/light/draggable/src/dropzone/dropzone.scss +0 -13
  223. package/themes/light/durationpicker/index.scss +0 -1
  224. package/themes/light/durationpicker/src/durationpicker/durationpicker.scss +0 -49
  225. package/themes/light/empty/index.scss +0 -1
  226. package/themes/light/empty/src/empty-icon/empty-icon.scss +0 -13
  227. package/themes/light/file/index.scss +0 -1
  228. package/themes/light/file/src/file/file.scss +0 -38
  229. package/themes/light/form/index.scss +0 -3
  230. package/themes/light/form/src/form/form.scss +0 -1
  231. package/themes/light/form/src/form-group/form-group.scss +0 -17
  232. package/themes/light/form/src/form-item/form-item.scss +0 -29
  233. package/themes/light/index.scss +0 -38
  234. package/themes/light/info/index.scss +0 -3
  235. package/themes/light/info/src/info/info.scss +0 -5
  236. package/themes/light/info/src/info-column/info-column.scss +0 -5
  237. package/themes/light/info/src/info-field/info-field.scss +0 -5
  238. package/themes/light/input/index.scss +0 -1
  239. package/themes/light/input/src/input/input.scss +0 -37
  240. package/themes/light/input-number/index.scss +0 -1
  241. package/themes/light/input-number/src/input-number/input-number.scss +0 -46
  242. package/themes/light/loader/index.scss +0 -1
  243. package/themes/light/loader/src/loader/loader.scss +0 -21
  244. package/themes/light/map/index.scss +0 -1
  245. package/themes/light/map/src/map/map.scss +0 -1
  246. package/themes/light/modal/index.scss +0 -1
  247. package/themes/light/modal/src/modal/modal.scss +0 -51
  248. package/themes/light/notification/index.scss +0 -1
  249. package/themes/light/notification/src/notification/notification.scss +0 -24
  250. package/themes/light/paginator/index.scss +0 -1
  251. package/themes/light/paginator/src/paginator/paginator.scss +0 -5
  252. package/themes/light/popover/index.scss +0 -1
  253. package/themes/light/popover/src/popover/popover.scss +0 -100
  254. package/themes/light/radio/index.scss +0 -2
  255. package/themes/light/radio/src/radio/radio.scss +0 -44
  256. package/themes/light/radio/src/radio-group/radio-group.scss +0 -1
  257. package/themes/light/rating/index.scss +0 -1
  258. package/themes/light/rating/src/rating/rating.scss +0 -18
  259. package/themes/light/resizer/index.scss +0 -1
  260. package/themes/light/resizer/src/resizer/resizer.scss +0 -5
  261. package/themes/light/root/vars.scss +0 -183
  262. package/themes/light/scrollbar/index.scss +0 -1
  263. package/themes/light/scrollbar/src/scrollbar/scrollbar.scss +0 -6
  264. package/themes/light/select/index.scss +0 -2
  265. package/themes/light/select/src/select/select.scss +0 -46
  266. package/themes/light/select/src/select-option/select-option.scss +0 -1
  267. package/themes/light/switch/index.scss +0 -1
  268. package/themes/light/switch/src/switch/switch.scss +0 -28
  269. package/themes/light/table/index.scss +0 -4
  270. package/themes/light/table/src/table/table.scss +0 -14
  271. package/themes/light/table/src/table-cell/table-cell.scss +0 -50
  272. package/themes/light/table/src/table-column/table-column.scss +0 -32
  273. package/themes/light/table/src/table-filter/table-filter.scss +0 -1
  274. package/themes/light/tabs/index.scss +0 -2
  275. package/themes/light/tabs/src/tabs/tabs.scss +0 -21
  276. package/themes/light/tabs/src/tabs-item/tabs-item.scss +0 -18
  277. package/themes/light/tags/index.scss +0 -2
  278. package/themes/light/tags/src/tags/tags.scss +0 -1
  279. package/themes/light/tags/src/tags-item/tags-item.scss +0 -28
  280. package/themes/light/textarea/index.scss +0 -1
  281. package/themes/light/textarea/src/textarea/textarea.scss +0 -29
  282. package/themes/light/timepicker/index.scss +0 -2
  283. package/themes/light/timepicker/src/timepicker/timepicker.scss +0 -49
  284. package/themes/light/timepicker/src/timepicker-panel/timepicker-panel.scss +0 -26
  285. package/themes/light/transfer/index.scss +0 -1
  286. package/themes/light/transfer/src/transfer/transfer.scss +0 -17
  287. package/themes/light/virtualscroller/index.scss +0 -1
  288. package/themes/light/virtualscroller/src/virtualscroller/virtualscroller.scss +0 -1
  289. package/webpack.config.js +0 -143
  290. package/webservy.json +0 -8
  291. /package/{.nojekyll → dist/.ignore.js} +0 -0
  292. /package/{themes/light → src}/root/image/empty-default.svg +0 -0
  293. /package/{themes/light → src}/root/image/empty-space.svg +0 -0
  294. /package/{themes/light → src}/root/image/star-default.svg +0 -0
package/docs/files/others/popover.md DELETED
@@ -1,36 +0,0 @@
1
- # Popover
2
- Popover you know.
3
-
4
- ```html
5
- /*vue*/
6
- <template>
7
- <div class="grid grid--row grid--wrap grid--20-20">
8
- <n-button class="col--1-1" type="primary">Open on hover</n-button>
9
- <n-popover trigger="hover" type="tooltip" :window="true">
10
- Hello im the popover
11
- </n-popover>
12
- <n-button class="col--1-1" type="primary">Open on click</n-button>
13
- <n-popover trigger="click" :window="true">
14
- Hello im the popover
15
- </n-popover>
16
- <div class="col--1-1">
17
- <div style="background: #eee; width: 100%; height: 500px; line-height: 500px; text-align: center; border-radius: 3px;">
18
- Open on right click
19
- </div>
20
- <n-popover trigger="context" :window="true">
21
- Hello im the popover
22
- </n-popover>
23
- </div>
24
- </div>
25
- </template>
26
- <script>
27
- export default {
28
- }
29
- </script>
30
- ```
31
-
32
- ### Properties
33
- coming soon
34
-
35
- ### Events
36
- coming soon
package/docs/files/others/resizer.md DELETED
@@ -1,8 +0,0 @@
1
- ---
2
- layout: default
3
- title: Resizer
4
- nav_order: 7
5
- parent: Others
6
- ---
7
-
8
- # Resizer
package/docs/files/others/scrollbar.md DELETED
@@ -1,8 +0,0 @@
1
- ---
2
- layout: default
3
- title: Scrollbar
4
- nav_order: 6
5
- parent: Others
6
- ---
7
-
8
- # Scrollbar
package/docs/files/others/tabs.md DELETED
@@ -1,32 +0,0 @@
1
- # Tabs
2
- Tabs you know.
3
-
4
- ```html
5
- /*vue*/
6
- <template>
7
- <div>
8
- <n-tabs>
9
- <n-tabs-item name="default" label="Start">
10
- Hi im the starttext
11
- </n-tabs-item>
12
- <n-tabs-item name="keep" label="Keep" icon="fa fa-bug" :keep="true">
13
- <n-input value="I will stay while editing"></n-input>
14
- </n-tabs-item>
15
- <n-tabs-item name="forget" label="Forget" icon="fa fa-clock">
16
- <n-input value="I will reset while editing"></n-input>
17
- </n-tabs-item>
18
- </n-tabs>
19
- </div>
20
- </template>
21
- <script>
22
- export default {
23
- //
24
- }
25
- </script>
26
- ```
27
-
28
- ### Properties
29
- coming soon
30
-
31
- ### Events
32
- coming soon
package/docs/index.html DELETED
@@ -1,176 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>nano.ui</title>
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7
- <meta name="description" content="Description">
8
- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
9
- <link rel="preconnect" href="https://fonts.googleapis.com">
10
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
- <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700&display=swap" rel="stylesheet">
12
- <link rel="stylesheet" href="//unpkg.com/backpack.css@2.0.0/lib/backpack.css">
13
- <link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/all.min.css">
14
- <link rel="stylesheet" href="../dist/nano-ui.css">
15
- <link rel="stylesheet" href="../dist/themes/light.css">
16
- <link rel="stylesheet" href="./dist/docs.css">
17
- </head>
18
- <body>
19
- <header>
20
- <div class="wrapper">
21
- <div class="logo">
22
- <a href="./#/README">
23
- <img src="../nano.svg" alt="nano-ui">
24
- </a>
25
- </div>
26
- <div class="social">
27
- <a href="https://www.paypal.com/paypalme/vankizmann" target="_blank">
28
- <i class="fab fa-paypal"></i> Donate
29
- </a>
30
- </div>
31
- <div class="social blue">
32
- <a href="https://github.com/vankizmann/nano-ui" target="_blank">
33
- <i class="fab fa-github"></i> Github
34
- </a>
35
- </div>
36
- </div>
37
- </header>
38
- <div id="app">
39
- <!-- Docs -->
40
- </div>
41
-
42
- <script src="//unpkg.com/vue@3/dist/vue.global.js"></script>
43
- <script src="//unpkg.com/babel-standalone@6/babel.min.js"></script>
44
- <script src="//unpkg.com/moment@2.30.1/min/moment.min.js"></script>
45
- <script src="//unpkg.com/@kizmann/pico-js/dist/pico-js.js"></script>
46
- <script src="../dist/nano-ui.js"></script>
47
-
48
- <script>
49
-
50
- var GenerateItems = function (count, loop) {
51
- return pi.Arr.each(pi.Arr.make(count), (index) => {
52
-
53
- var item = {
54
- id: 'item-' + pi.UUID(), label: 'Item ' + index, image: 'https://picsum.photos/260/160.jpg?' + pi.UUID(), date: new Date,
55
- }
56
-
57
- if ( loop > 1 ) {
58
- item.children = GenerateItems(10, loop-1)
59
- }
60
-
61
- return item;
62
- });
63
- };
64
-
65
- let DemoPlugin = function (hook, vm) {
66
-
67
- // Global vue data
68
- window.VueData = window.DefaultVueData = {
69
- itemsMini: GenerateItems(50, 1),
70
- itemsMidi: GenerateItems(500, 1),
71
- itemsMaxi: GenerateItems(1000, 2),
72
- };
73
-
74
- window.DefaultVueData.types = {
75
- 'primary': 'Primary',
76
- 'secondary': 'Secondary',
77
- 'success': 'Success',
78
- 'warning': 'Warning',
79
- 'danger': 'Danger',
80
- 'info': 'Info',
81
- };
82
-
83
- window.DefaultVueData.sizes = {
84
- 'xs': 'Mini',
85
- 'sm': 'Small',
86
- 'md': 'Medium',
87
- 'lg': 'Large'
88
- };
89
-
90
- window.DefaultVueData.icons = {
91
- 'fa fa-search': 'Search',
92
- 'fa fa-star': 'Star',
93
- 'fa fa-check': 'Check',
94
- 'fa fa-trash': 'Trash'
95
- },
96
-
97
- // Remote vue app
98
- window.VueRemote = null;
99
-
100
- hook.beforeEach(function (markdown) {
101
-
102
- pi.Dom.find('#temp-script').each(function (el) {
103
- el.remove();
104
- });
105
-
106
- if ( ! pi.Any.isEmpty(window.VueData) ) {
107
- window.VueData = pi.Obj.assign({}, window.DefaultVueData);
108
- }
109
-
110
- if ( ! pi.Any.isEmpty(window.VueRemote) ) {
111
- window.VueRemote.unmount();
112
- }
113
-
114
- let pattern = /```js\s\[demo]([^`]*)```/gm;
115
-
116
- let globaljs = pi.Arr.each(markdown.match(pattern) || [], (text) => {
117
- return text.replace(pattern, "$1");
118
- });
119
-
120
- pi.Dom.make('script', { id: "temp-script", innerHTML: globaljs.join("\n")})
121
- .appendTo(document.body)
122
-
123
- markdown = markdown.replace(/```html\s\[demo]([^`]*)```/gm,
124
- '<div class="demo-wrapper">$1</div>');
125
-
126
- return markdown.replace(/```[a-z]+\s\[demo][^`]*```/gm, '');
127
- });
128
-
129
- hook.afterEach(function (html) {
130
-
131
- html = html.replace(/<code>(String|Boolean|Array|Object)<\/code>/gm,
132
- '<code data-type="$1">$1</code>');
133
-
134
- return '<div id="vue-remote">' + html + '</div>';
135
- });
136
-
137
- hook.doneEach(function () {
138
-
139
- let options = {
140
- data: function () {
141
- return window.VueData;
142
- }
143
- };
144
-
145
- // Create vue instance
146
- window.VueRemote = window.Vue
147
- .createApp(options);
148
-
149
- window.VueRemote
150
- .use(window.nano.Install);
151
-
152
- window.VueRemote.mount('#main');
153
- });
154
-
155
- console.log('DemoPlugin done!');
156
- }
157
-
158
- let options = {
159
- name: 'nano.ui', loadSidebar: true, search: 'auto', depth: 2, subMaxLevel: 2, topMargin: 90
160
- };
161
-
162
- options.plugins = [
163
- DemoPlugin
164
- ];
165
-
166
- if ( pi.Any.isEmpty(options) ) {
167
- options.repo = 'https://github.com/vankizmann/nano-ui'
168
- }
169
-
170
- window.$docsify = options;
171
- </script>
172
- <script src="//unpkg.com/docsify@4.12.1/lib/docsify.min.js"></script>
173
- <script src="//unpkg.com/docsify@4.12.1/lib/plugins/search.min.js"></script>
174
- <script src="//unpkg.com/docsify@4.12.1/lib/plugins/emoji.min.js"></script>
175
- </body>
176
- </html>
package/docs/src/scss/docsify/basic/_coverpage.sass DELETED
@@ -1,95 +0,0 @@
1
- section.cover
2
- align-items center
3
- background-position center center
4
- background-repeat no-repeat
5
- background-size cover
6
- height 100vh
7
- display none
8
-
9
- &.show
10
- display flex
11
-
12
- &.has-mask .mask
13
- background-color $color-bg
14
- opacity 0.8
15
- position absolute
16
- top 0
17
- height 100%
18
- width 100%
19
-
20
- .cover-main
21
- flex 1
22
- margin -20px 16px 0
23
- text-align center
24
- z-index 1
25
-
26
- a
27
- color inherit
28
- text-decoration none
29
-
30
- &:hover
31
- text-decoration none
32
-
33
- p
34
- line-height 1.5rem
35
- margin 1em 0
36
-
37
- h1
38
- color inherit
39
- font-size 2.5rem
40
- font-weight 300
41
- margin 0.625rem 0 2.5rem
42
- position relative
43
- text-align center
44
-
45
- a
46
- display block
47
-
48
- small
49
- bottom -0.4375rem
50
- font-size 1rem
51
- position absolute
52
-
53
- blockquote
54
- font-size 1.5rem
55
- text-align center
56
-
57
- ul
58
- line-height 1.8
59
- list-style-type none
60
- margin 1em auto
61
- max-width 500px
62
- padding 0
63
-
64
- .cover-main > p:last-child a
65
- border-color var(--theme-color, $color-primary)
66
- border-radius 2rem
67
- border-style solid
68
- border-width 1px
69
- box-sizing border-box
70
- color var(--theme-color, $color-primary)
71
- display inline-block
72
- font-size 1.05rem
73
- letter-spacing 0.1rem
74
- margin 0.5rem 1rem
75
- padding 0.75em 2rem
76
- text-decoration none
77
- transition all 0.15s ease
78
-
79
- &:last-child
80
- background-color var(--theme-color, $color-primary)
81
- color #fff
82
-
83
- &:hover
84
- color inherit
85
- opacity 0.8
86
-
87
- &:hover
88
- color inherit
89
-
90
- blockquote > p > a
91
- border-bottom 2px solid var(--theme-color, $color-primary)
92
- transition color 0.3s
93
-
94
- &:hover
95
- color var(--theme-color, $color-primary)