@kizmann/nano-ui 0.8.37 → 0.9.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 (66) hide show
  1. package/bun.lockb +0 -0
  2. package/demos/overview.html +5 -15
  3. package/demos/select.html +164 -0
  4. package/dist/nano-ui.css +1 -1
  5. package/dist/nano-ui.js +2 -2
  6. package/dist/nano-ui.js.map +1 -1
  7. package/dist/themes/light.css +1 -1
  8. package/docs/README.md +1 -2
  9. package/docs/_sidebar.md +19 -21
  10. package/docs/dist/docs.css +2 -0
  11. package/docs/{data → files/data}/table.md +40 -14
  12. package/docs/files/form/button.md +122 -0
  13. package/docs/{form → files/form}/form.md +14 -0
  14. package/docs/files/form/input.md +90 -0
  15. package/docs/files/form/switch.md +92 -0
  16. package/docs/index.html +163 -44
  17. package/docs/src/scss/docsify/basic/_layout.sass +3 -6
  18. package/docs/src/scss/docsify/syntax.scss +139 -0
  19. package/docs/src/scss/docsify/vue.sass +2 -15
  20. package/docs/src/scss/index.scss +428 -16
  21. package/package.json +1 -1
  22. package/src/button/src/button/button.js +1 -9
  23. package/src/mixins/src/ctor.js +0 -6
  24. package/src/popover/src/popover/popover.scss +4 -0
  25. package/src/radio/src/radio-group/radio-group.js +1 -1
  26. package/src/root/vars.scss +10 -10
  27. package/src/scrollbar/src/scrollbar/scrollbar.next.js +21 -1
  28. package/src/select/src/select/select.js +191 -78
  29. package/src/select/src/select/select.scss +4 -0
  30. package/src/select/src/select-option/select-option.js +6 -2
  31. package/src/table/src/table/table.scss +0 -1
  32. package/src/tags/src/tags-item/tags-item.js +17 -1
  33. package/src/virtualscroller/src/virtualscroller/virtualscroller.beta.js +12 -2
  34. package/themes/light/root/vars.scss +10 -10
  35. package/themes/light/switch/src/switch/switch.scss +1 -1
  36. package/themes/light/table/src/table/table.scss +1 -1
  37. package/themes/light/tags/src/tags-item/tags-item.scss +16 -0
  38. package/webpack.config.js +13 -13
  39. package/dist/themes/basic.css +0 -2029
  40. package/dist/themes/flat.css +0 -1806
  41. package/dist/themes/flat.dark.css +0 -1809
  42. package/docs/dist/index.css +0 -6977
  43. package/docs/form/button.md +0 -299
  44. package/docs/form/input.md +0 -205
  45. package/docs/form/switch.md +0 -166
  46. /package/docs/{data → files/data}/draggable.md +0 -0
  47. /package/docs/{data → files/data}/map.md +0 -0
  48. /package/docs/{data → files/data}/paginator.md +0 -0
  49. /package/docs/{data → files/data}/virtualscroller.md +0 -0
  50. /package/docs/{form → files/form}/cascader.md +0 -0
  51. /package/docs/{form → files/form}/checkbox.md +0 -0
  52. /package/docs/{form → files/form}/datepicker.md +0 -0
  53. /package/docs/{form → files/form}/radio.md +0 -0
  54. /package/docs/{form → files/form}/select.md +0 -0
  55. /package/docs/{form → files/form}/textarea.md +0 -0
  56. /package/docs/{form → files/form}/timepicker.md +0 -0
  57. /package/docs/{form → files/form}/transfer.md +0 -0
  58. /package/docs/{others → files/others}/config.md +0 -0
  59. /package/docs/{others → files/others}/confirm.md +0 -0
  60. /package/docs/{others → files/others}/loader.md +0 -0
  61. /package/docs/{others → files/others}/modal.md +0 -0
  62. /package/docs/{others → files/others}/notification.md +0 -0
  63. /package/docs/{others → files/others}/popover.md +0 -0
  64. /package/docs/{others → files/others}/resizer.md +0 -0
  65. /package/docs/{others → files/others}/scrollbar.md +0 -0
  66. /package/docs/{others → files/others}/tabs.md +0 -0
package/bun.lockb ADDED
Binary file
package/demos/overview.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <link rel="stylesheet" href="../dist/nano-ui.css">
13
13
  <link id="theme" rel="stylesheet" href="../dist/themes/light.css">
14
14
 
15
- <link rel="stylesheet" href="../docs/dist/index.css">
15
+ <link rel="stylesheet" href="../style.css">
16
16
 
17
17
  <style>
18
18
 
@@ -223,20 +223,7 @@
223
223
  <n-select style="width: 100px;" v-model="n_button.size" :options="sizes"></n-select>
224
224
  </div>
225
225
  <div class="col--auto">
226
- <n-select style="width: 200px;" v-model="n_button.icon" placeholder="Icon" :clearable="true" :options="demoIcons">
227
- <n-select-option :disabled="true" value="foo1" label="foo1"></n-select-option>
228
- <n-select-option value="bar1" label="bar1"></n-select-option>
229
- <n-select-option value="foo2" label="foo2"></n-select-option>
230
- <n-select-option value="bar2" label="bar2"></n-select-option>
231
- <n-select-option value="foo3" label="foo3"></n-select-option>
232
- <n-select-option value="bar3" label="bar3"></n-select-option>
233
- <n-select-option value="foo4" label="foo4"></n-select-option>
234
- <n-select-option value="bar4" label="bar4"></n-select-option>
235
- <n-select-option value="foo5" label="foo5"></n-select-option>
236
- <n-select-option value="bar5" label="bar5"></n-select-option>
237
- <n-select-option value="foo6" label="foo6"></n-select-option>
238
- <n-select-option value="bar6" label="bar6"></n-select-option>
239
- </n-select>
226
+ <n-select style="width: 200px;" v-model="n_button.icon" placeholder="Icon" :clearable="true" :options="demoIcons" />
240
227
  </div>
241
228
  <div class="col--auto">
242
229
  <n-checkbox v-model="n_button.square">Square</n-checkbox>
@@ -403,6 +390,9 @@
403
390
  </div>
404
391
 
405
392
  <div class="grid grid--row grid--wrap grid--10-10">
393
+ <div class="col--1-1 col--1-3@md">
394
+ <n-select v-bind="n_select" type="secondary" :options="icons" :lazy="true"></n-select>
395
+ </div>
406
396
  <div class="col--1-1 col--1-3@md">
407
397
  <n-select v-bind="n_select" v-model="foobar" :multiple="true" type="primary" :options="icons"></n-select>
408
398
  </div>
package/demos/select.html ADDED
@@ -0,0 +1,164 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
6
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
+ <title>Nano UI</title>
8
+
9
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
10
+ <link rel="stylesheet" href="https://unpkg.com/backpack.css@2.0.0/lib/backpack.css">
11
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
12
+ <link rel="stylesheet" href="../dist/nano-ui.css">
13
+ <link id="theme" rel="stylesheet" href="../dist/themes/light.css">
14
+
15
+ <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.prod.js"></script> -->
16
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
17
+ <script src="https://unpkg.com/vue@3.4.6"></script>
18
+ <!-- <script src="../node_modules/pico-js/dist/pico-js.js"></script> -->
19
+ <script src="https://vankizmann.github.io/pico-js/dist/pico-js.js"></script>
20
+ <script src="../dist/nano-ui.js"></script>
21
+
22
+ <link rel="stylesheet" href="./style.css">
23
+
24
+ <style>
25
+
26
+ body {
27
+ font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
28
+ font-size: 14px;
29
+ height: 100%;
30
+ overflow-x: hidden;
31
+ }
32
+
33
+ #app {
34
+ overflow-x: hidden;
35
+ }
36
+
37
+ .app-scrollbar {
38
+ width: 100vw;
39
+ height: 100vh;
40
+ }
41
+
42
+ .app-container {
43
+ max-width: 1440px;
44
+ margin: 0 auto;
45
+ padding: 20px 30px 40px 30px;
46
+ }
47
+
48
+ .app-options {
49
+ border-bottom: 1px solid #eee;
50
+ margin-bottom: 20px;
51
+ }
52
+
53
+ h2 {
54
+ font-size: 32px;
55
+ font-weight: bold;
56
+ padding-bottom: 10px;
57
+ margin: 50px 0 15px;
58
+ border-bottom: 1px solid #eee;
59
+ }
60
+
61
+ </style>
62
+
63
+ </head>
64
+ <body>
65
+
66
+ <div id="app">
67
+ <div class="app-container">
68
+
69
+ <h2>NSelect</h2>
70
+
71
+ <div class="grid grid--row grid--wrap grid--10-10">
72
+ <div class="col--auto">
73
+ <n-select type="secondary" :multiple="true" :options="virtualData" :lazy="true"></n-select>
74
+ </div>
75
+ </div>
76
+
77
+ </div>
78
+ </div>
79
+
80
+ <script>
81
+ (function (nano) {
82
+
83
+ 'use strict';
84
+
85
+ pi.Dom.ready(function () {
86
+
87
+ let data = {};
88
+
89
+ data.sizes = {
90
+ xs: 'XS',
91
+ sm: 'SM',
92
+ md: 'MD',
93
+ lg: 'LG'
94
+ };
95
+
96
+ data.types = {
97
+ primary: 'Primary',
98
+ secondary: 'Secondary',
99
+ success: 'Success',
100
+ warning: 'Warning',
101
+ danger: 'Danger',
102
+ info: 'Info'
103
+ };
104
+
105
+ data.modals = {
106
+ default: 'Default',
107
+ preview: 'Preview',
108
+ };
109
+
110
+ let itemGenerator = function (count = 100, index = 0) {
111
+
112
+ let list = {};
113
+
114
+ pi.Arr.each(pi.Arr.make(count), function () {
115
+ return list[pi.UUID()] = `Item ${index ++}`;
116
+ });
117
+
118
+ return list;
119
+ };
120
+
121
+ data.virtualData = itemGenerator(1000);
122
+
123
+ let methods = {};
124
+
125
+ methods.log = function (val) {
126
+ console.log(val || 'Log fired');
127
+ };
128
+
129
+ methods.notify = function (type) {
130
+ this.Notify('Lorem ipsum dolore', type);
131
+ };
132
+
133
+ var config = {
134
+ data: function () {
135
+
136
+ this.icons = pi.Obj.assign(nano.Icons, {
137
+ ghost: 'fa fa-ghost'
138
+ });
139
+
140
+ data.demoIcons = pi.Arr.reduce(pi.Obj.values(nano.Icons), function (merge, icon) {
141
+ return pi.Obj.assign(merge, { [icon]: icon });
142
+ }, {});
143
+
144
+ return data;
145
+ },
146
+ methods: methods
147
+ };
148
+
149
+ window.App = Vue.createApp(config);
150
+
151
+ window.App.config.devtools = true;
152
+
153
+ window.App.use(function (App) {
154
+ nano.Install(App);
155
+ });
156
+
157
+ window.App.mount('#app');
158
+ window.DEBUG_NDLIST = true;
159
+ });
160
+
161
+ })(window.nano);
162
+ </script>
163
+ </body>
164
+ </html>