@kizmann/nano-ui 1.0.10 → 1.0.11

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kizmann/nano-ui",
3
- "version": "1.0.10",
3
+ "version": "1.0.11",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "private": false,
@@ -45,6 +45,14 @@ export default {
45
45
  type: [String]
46
46
  },
47
47
 
48
+ kind: {
49
+ default()
50
+ {
51
+ return 'classic';
52
+ },
53
+ type: [String]
54
+ },
55
+
48
56
  align: {
49
57
  default()
50
58
  {
@@ -14,17 +14,26 @@ export default {
14
14
 
15
15
  provide()
16
16
  {
17
- return { NFrame: this };
17
+ return { NFormFrame: this };
18
18
  },
19
19
 
20
- data()
21
- {
22
- return { inview: [] };
20
+ props: {
21
+
22
+ kind: {
23
+ default()
24
+ {
25
+ return '';
26
+ },
27
+ type: [String]
28
+ },
29
+
23
30
  },
24
31
 
25
32
  mounted()
26
33
  {
27
- Any.delay(() => this.onScrollEvent());
34
+ this.$nextTick(() => {
35
+ this.onScrollEvent();
36
+ });
28
37
  },
29
38
 
30
39
  methods: {
@@ -83,7 +92,9 @@ export default {
83
92
  Dom.find(selector).removeClass('on-search');
84
93
  }, 4000);
85
94
 
86
- Dom.find(selector).addClass('on-search');
95
+ this.$nextTick(() => {
96
+ Dom.find(selector).addClass('on-search');
97
+ });
87
98
  };
88
99
 
89
100
  let classList = [
@@ -8,6 +8,10 @@ export default {
8
8
 
9
9
  NForm: {
10
10
  default: undefined
11
+ },
12
+
13
+ NFormFrame: {
14
+ default: undefined
11
15
  }
12
16
 
13
17
  },
@@ -56,7 +60,7 @@ export default {
56
60
  kind: {
57
61
  default()
58
62
  {
59
- return 'classic';
63
+ return '';
60
64
  },
61
65
  type: [String]
62
66
  },
@@ -243,16 +247,26 @@ export default {
243
247
 
244
248
  render()
245
249
  {
246
- let size = this.size ;
250
+ let size = this.size;
247
251
 
248
252
  if ( this.NForm ) {
249
253
  size = size || this.NForm.size;
250
254
  }
251
255
 
256
+ let kind = this.kind;
257
+
258
+ if ( this.NFormFrame ) {
259
+ kind = kind || this.NFormFrame.kind;
260
+ }
261
+
262
+ if ( this.NForm ) {
263
+ kind = kind || this.NForm.kind;
264
+ }
265
+
252
266
  let classList = [
253
267
  'n-form-group',
254
268
  'n-form-group--' + size,
255
- 'n-form-group--' + this.kind,
269
+ 'n-form-group--' + kind,
256
270
  'n-form-group--' + this.type,
257
271
  'n-form-group--' + this.align,
258
272
  ];