@kizmann/nano-ui 1.0.12 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kizmann/nano-ui",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "license": "MIT",
     "type": "module",
     "private": false,
@@ -47,7 +47,7 @@
         "webpack-dev-server": "^4.0.0"
     },
     "dependencies": {
-        "@kizmann/pico-js": "^1.0.10",
+        "@kizmann/pico-js": "^1.0.11",
         "docsify": "^4.13.1",
         "moment": "^2.30.1"
     }

package/src/form/src/form-frame/form-frame.jsx

@@ -51,6 +51,14 @@ export default {
             type: [String]
         },
 
+        multiple: {
+            default()
+            {
+                return true;
+            },
+            type: [Boolean]
+        }
+
     },
 
     data()
@@ -77,16 +85,24 @@ export default {
                 Dom.find(el).removeClass('is-visible');
             });
 
-            Dom.inviewMaxY(`[data-group-key]`, (el, attr) => {
+            let options = {
+                el: `[data-group-key]`, parent: this.$el
+            }
+
+            Dom.inviewMaxY(options, (el) => {
 
-                let selector = `[data-menu-key="${attr}"]`;
+                let selector = `[data-menu-key="${el.attr}"]`;
 
                 Dom.find(this.$el).find(selector)
                     .addClass('is-visible');
 
                 this.$refs.menu.scrollIntoView(selector)
+            });
+        },
+
+        handleVisibleItems(els)
+        {
 
-            }, this.$el);
         },
 
         onSearchInput()
@@ -135,7 +151,7 @@ export default {
                 Dom.find(selector).addClass('on-search');
             });
 
-            this.$refs.body.scrollIntoView(selector)
+            this.$refs.body.scrollIntoView(selector, 0, 100);
         }
 
     },

package/src/scrollbar/src/scrollbar/scrollbar.jsx

@@ -196,12 +196,12 @@ export default {
             }
         },
 
-        scrollIntoView(selector, delay = 0, offset = 0)
+        scrollIntoView(selector, delay = 0, padding = 0)
         {
-            Any.delay(() => this.onScrollIntoView(selector, offset), delay);
+            Any.delay(() => this.onScrollIntoView(selector, padding), delay);
         },
 
-        onScrollIntoView(selector, offset = 0)
+        onScrollIntoView(selector, padding = 0)
         {
             let $el = Dom.find(this.$el).find(selector);
 
@@ -214,11 +214,11 @@ export default {
             let offsetTop = $el.offsetTop(this.$el);
 
             if ( offsetTop < scrollTop ) {
-                this.$refs.content.scrollTop = offsetTop;
+                this.$refs.content.scrollTop = offsetTop - padding;
             }
 
             if ( offsetTop + $el.height() >= scrollTop + outerHeight ) {
-                this.$refs.content.scrollTop = offsetTop - outerHeight + $el.height();
+                this.$refs.content.scrollTop = offsetTop - outerHeight + $el.height() + padding;
             }
 
             let scrollLeft = this.$refs.content
@@ -230,11 +230,11 @@ export default {
             let offsetLeft = $el.offsetLeft(this.$el);
 
             if ( offsetLeft < scrollLeft ) {
-                this.$refs.content.scrollLeft = offsetLeft;
+                this.$refs.content.scrollLeft = offsetLeft - padding;
             }
 
             if ( offsetLeft + $el.width() >= scrollLeft + outerWidth ) {
-                this.$refs.content.scrollLeft = offsetLeft - outerWidth + $el.width();
+                this.$refs.content.scrollLeft = offsetLeft - outerWidth + $el.width() + padding;
             }
         },