@kizmann/nano-ui 1.1.3 → 2.0.0

package/src/draggable/src/draglist/draglist.jsx

@@ -1,4 +1,4 @@
-import { UUID, Num, Arr, Obj, Dom, Any, Event, Locale } from "@kizmann/pico-js";
+import { Hash, Run, Arr, Obj, Dom, Mix, Event, Locale } from "@kizmann/pico-js";
 import NDraghandler from "../draghandler/draghandler.js";
 
 window.DEBUG_NDLIST = false;
@@ -315,7 +315,7 @@ export default {
     data()
     {
         return {
-            uid: UUID(),
+            uid: Hash.uuid(),
             modifier: [],
             virtuals: [], 
             visible: [], 
@@ -478,7 +478,7 @@ export default {
         scrollTo(x = 0, y = 0)
         {
             if ( ! this.$refs.virtualscroller ) {
-                return Any.delay(() => this.scrollTo(x, y));
+                return Run.delay(() => this.scrollTo(x, y));
             }
 
             this.$refs.virtualscroller.scrollTo(x, y);
@@ -487,7 +487,7 @@ export default {
         scrollToIndex(index)
         {
             if ( ! this.$refs.virtualscroller ) {
-                return Any.delay(() => this.scrollToIndex(index));
+                return Run.delay(() => this.scrollToIndex(index));
             }
 
             this.$refs.virtualscroller.scrollIntoView(index);
@@ -497,7 +497,7 @@ export default {
         {
             let canDrag = this.allowDrag;
 
-            if ( ! Any.isFunction(canDrag) ) {
+            if ( ! Mix.isFunction(canDrag) ) {
                 canDrag = () => this.allowDrag;
             }
 
@@ -520,11 +520,11 @@ export default {
 
                 let val = node;
 
-                if ( !Any.isEmpty(key) ) {
+                if ( !Mix.isEmpty(key) ) {
                     val = Obj.get(val, key);
                 }
 
-                if ( ! Any.isFunction(value) ) {
+                if ( ! Mix.isFunction(value) ) {
                     value = (val) => val === value;
                 }
 
@@ -668,7 +668,7 @@ export default {
         {
             let canSelect = this.allowSelect;
 
-            if ( ! Any.isFunction(canSelect) ) {
+            if ( ! Mix.isFunction(canSelect) ) {
                 canSelect = () => this.allowSelect;
             }
 
@@ -711,7 +711,7 @@ export default {
             let children = Obj.get(this.tempCurrent, 
                 this.childProp);
 
-            if ( Any.isEmpty(children) ) {
+            if ( Mix.isEmpty(children) ) {
                 return;
             }
 
@@ -755,7 +755,7 @@ export default {
         {
             let indexies = [0, -1], reversed = false;
 
-            if ( ! Any.isEmpty(this.lastSelected) ) {
+            if ( ! Mix.isEmpty(this.lastSelected) ) {
                 indexies[1] = this.getIndex(this.lastSelected);
             }
 
@@ -794,7 +794,7 @@ export default {
 
                 let canSelect = this.allowSelect;
 
-                if ( ! Any.isFunction(canSelect) ) {
+                if ( ! Mix.isFunction(canSelect) ) {
                     canSelect = () => this.allowSelect;
                 }
 

package/src/draggable/src/draglist-item/draglist-item.jsx

@@ -12,6 +12,8 @@ export default {
     
     },
 
+    inheritAttrs: false,
+
     provide()
     {
         return {

package/src/draggable/src/dropzone/dropzone.jsx

@@ -1,4 +1,4 @@
-import { UUID, Num, Arr, Obj, Dom, Any, Event, Locale } from "@kizmann/pico-js";
+import { Hash, Num, Arr, Obj, Dom, Mix, Event, Locale } from "@kizmann/pico-js";
 import NDraghandler from "../draghandler/draghandler.js";
 
 window.DEBUG_NDLIST = false;
@@ -131,7 +131,7 @@ export default {
     data()
     {
         return {
-            uid: UUID(),
+            uid: Hash.uuid(),
         };
     },
 
@@ -152,7 +152,7 @@ export default {
 
     renderItem()
     {
-        if ( Any.isEmpty(this.item) ) {
+        if ( Mix.isEmpty(this.item) ) {
             return null;
         }
 
@@ -161,7 +161,7 @@ export default {
 
     renderEmpty()
     {
-        if ( ! Any.isEmpty(this.item) ) {
+        if ( ! Mix.isEmpty(this.item) ) {
             return null;
         }
 
@@ -180,7 +180,7 @@ export default {
             'n-dropzone--' + this.type
         ];
 
-        if ( Any.isEmpty(this.item) ) {
+        if ( Mix.isEmpty(this.item) ) {
             classList.push('n-empty');
         }
 

package/src/drawer/src/drawer/drawer.jsx

@@ -1,4 +1,4 @@
-import { UUID, Num, Arr, Obj, Any, Dom, Locale } from "@kizmann/pico-js";
+import { Run, Arr, Obj, Mix, Dom, Locale } from "@kizmann/pico-js";
 
 window.NDrawerStack = [];
 
@@ -146,7 +146,7 @@ export default {
     mounted()
     {
         this.target = Dom.find(this.selector || this.$el)
-            .previous().get(0);
+            .prev().get(0);
 
         Dom.find(document.body).on('mousedown',
             this.eventClick, this._.uid);
@@ -159,7 +159,7 @@ export default {
         };
 
         if ( this.modelValue ) {
-            Any.delay(showDrawer, 100);
+            Run.delay(showDrawer, 100);
         }
 
         Dom.find(document.body).append(this.$el);
@@ -215,7 +215,7 @@ export default {
         {
             clearTimeout(this.refresh);
 
-            Dom.find(this.$el).removeClass('n-ready');
+            Dom.find(this.$el).remClass('n-ready');
         },
 
         startRefreshTimeout()
@@ -229,7 +229,7 @@ export default {
             Dom.find(this.$el).attr('data-drawer',
                 window.zIndex);
 
-            Dom.find(this.$el).css({
+            Dom.find(this.$el).style({
                 'z-index': window.zIndex
             });
 

package/src/durationpicker/src/durationpicker/durationpicker.jsx

@@ -1,4 +1,4 @@
-import { Any, Obj, Arr, Locale } from "@kizmann/pico-js";
+import { Mix, Obj, Arr, Locale } from "@kizmann/pico-js";
 
 export default {
 
@@ -192,7 +192,7 @@ export default {
 
         humanizeValue(value)
         {
-            if ( Any.isEmpty(value) ) {
+            if ( Mix.isEmpty(value) ) {
                 return '';
             }
 
@@ -238,7 +238,7 @@ export default {
 
         digitizeValue(text)
         {
-            if ( Any.isEmpty(text) ) {
+            if ( Mix.isEmpty(text) ) {
                 return this.clearValue;
             }
 
@@ -247,25 +247,25 @@ export default {
             let dmatch = this.findPattern(text, this.days);
 
             if ( dmatch && dmatch.length === 3 ) {
-                value += Any.float(dmatch[1].replace(',', '.')) * 24 * 60 * 60;
+                value += Mix.float(dmatch[1].replace(',', '.')) * 24 * 60 * 60;
             }
 
             let hmatch = this.findPattern(text, this.hours);
 
             if ( hmatch && hmatch.length === 3 ) {
-                value += Any.float(hmatch[1].replace(',', '.')) * 60 * 60;
+                value += Mix.float(hmatch[1].replace(',', '.')) * 60 * 60;
             }
 
             let mmatch = this.findPattern(text, this.minutes);
 
             if ( mmatch && mmatch.length === 3 ) {
-                value += Any.float(mmatch[1].replace(',', '.')) * 60;
+                value += Mix.float(mmatch[1].replace(',', '.')) * 60;
             }
 
             let smatch = this.findPattern(text, this.seconds);
 
             if ( smatch && smatch.length === 3 ) {
-                value += Any.float(smatch[1].replace(',', '.'));
+                value += Mix.float(smatch[1].replace(',', '.'));
             }
 
             return value;

package/src/file/src/file/file.jsx

@@ -1,4 +1,4 @@
-import { Arr, Obj, Any, Locale } from "@kizmann/pico-js";
+import { Arr, Obj, Mix, Locale } from "@kizmann/pico-js";
 
 export default {
 
@@ -105,7 +105,7 @@ export default {
 
         tempValue()
         {
-            if ( Any.isEmpty(this.tempValue) ) {
+            if ( Mix.isEmpty(this.tempValue) ) {
                 this.$refs.input.value = null;
             }
         }
@@ -158,7 +158,7 @@ export default {
                 this.tempValue.length);
         }
 
-        if ( this.clearable && !Any.isEmpty(this.tempValue) ) {
+        if ( this.clearable && !Mix.isEmpty(this.tempValue) ) {
             props.icon = this.clearableIcon;
         }
 

package/src/form/src/form/form-rules.mjs

@@ -1,12 +1,14 @@
-import { Any, Arr, Locale, Obj } from "@kizmann/pico-js";
+import { Mix, Arr, Locale, Obj } from "@kizmann/pico-js";
 
 export const FormMessage = {
 
-    required(field, value) {
+    required(field, value)
+    {
         return Locale.trans('Field is required');
     },
 
-    required_if(field, value, key = '') {
+    required_if(field, value, key = '')
+    {
 
         let label = Arr.find(this.elements, (item) => {
             return item.prop === key;
@@ -17,8 +19,8 @@ export const FormMessage = {
         });
     },
 
-    required_unless(field, value, key = '') {
-
+    required_unless(field, value, key = '')
+    {
         let label = Arr.find(this.elements, (item) => {
             return item.prop === key;
         });
@@ -50,27 +52,33 @@ export const FormMessage = {
         });
     },
 
-    value(field, value, val = 'foobar') {
+    value(field, value, val = 'foobar')
+    {
         return Locale.trans('Must be exact value :val', { val });
     },
 
-    min(field, value, min = Number.MIN_VALUE) {
+    min(field, value, min = Number.MIN_VALUE)
+    {
         return Locale.trans('Must be greather than :min', { min });
     },
 
-    max(field, value, max = Number.MAX_VALUE) {
+    max(field, value, max = Number.MAX_VALUE)
+    {
         return Locale.trans('Must be lesser than :max', { max });
     },
 
-    minlength(field, value, min = Number.MIN_VALUE) {
+    minlength(field, value, min = Number.MIN_VALUE)
+    {
         return Locale.trans('Length must be greater than :min', { min });
     },
 
-    maxlength(field, value, max = Number.MAX_VALUE) {
+    maxlength(field, value, max = Number.MAX_VALUE)
+    {
         return Locale.trans('Length must be lesser than :max', { max });
     },
 
-    email(field, value) {
+    email(field, value)
+    {
         return Locale.trans('Must be a valid email');
     }
 
@@ -78,101 +86,123 @@ export const FormMessage = {
 
 export const FormRules = {
 
-    required(field, value) {
-
-        if ( Any.isBool(value) ) {
+    required(field, value)
+    {
+        if ( Mix.isBool(value) ) {
             return value === true;
         }
 
-        return ! Any.isEmpty(value);
+        return !Mix.isEmpty(value);
     },
 
-    required_if(field, value, key = '') {
-
+    required_if(field, value, key = '')
+    {
         let target = Obj.get(this.form, key);
 
-        if ( Any.isEmpty(target) ) {
+        if ( Mix.isEmpty(target) ) {
             return true;
         }
 
-        if ( Any.isBool(value) ) {
+        if ( Mix.isBool(value) ) {
             return value === true;
         }
 
-        return ! Any.isEmpty(value);
+        return !Mix.isEmpty(value);
     },
 
-    required_unless(field, value, key = '') {
-
+    required_unless(field, value, key = '')
+    {
         let target = Obj.get(this.form, key);
 
-        if ( ! Any.isEmpty(target) ) {
+        if ( !Mix.isEmpty(target) ) {
             return true;
         }
 
-        if ( Any.isBool(value) ) {
+        if ( Mix.isBool(value) ) {
             return value === true;
         }
 
-        return ! Any.isEmpty(value);
+        return !Mix.isEmpty(value);
     },
 
-    same(field, value, key = '') {
+    same(field, value, key = '')
+    {
         return value === Obj.get(this.form, key);
     },
 
-    diffrent(field, value, key = '') {
+    diffrent(field, value, key = '')
+    {
         return value !== Obj.get(this.form, key);
     },
 
-    value(field, value, val = 'foobar') {
-
-        if ( Any.isString(value) ) {
+    value(field, value, val = 'foobar')
+    {
+        if ( Mix.isString(value) ) {
             return value === val;
         }
 
         return false;
     },
 
-    min(field, value, min = Number.MIN_VALUE) {
+    min(field, value, min = Number.MIN_VALUE)
+    {
+        if ( Mix.isEmpty(value) ) {
+            return true;
+        }
 
-        if ( Any.isNumber(value) ) {
+        if ( Mix.isNumber(value) ) {
             return value >= min;
         }
 
         return false;
     },
 
-    max(field, value, max = Number.MAX_VALUE) {
+    max(field, value, max = Number.MAX_VALUE)
+    {
+        if ( Mix.isEmpty(value) ) {
+            return true;
+        }
 
-        if ( Any.isNumber(value) ) {
+        if ( Mix.isNumber(value) ) {
             return value <= max;
         }
 
         return false;
     },
 
-    minlength(field, value, min = Number.MIN_VALUE) {
+    minlength(field, value, min = Number.MIN_VALUE)
+    {
+        if ( Mix.isEmpty(value) ) {
+            return true;
+        }
 
-        if ( Any.isString(value) || Any.isArray(value) ) {
+        if ( Mix.isString(value) || Mix.isArray(value) ) {
             return value.length > min;
         }
 
         return false;
     },
 
-    maxlength(field, value, max = Number.MAX_VALUE) {
+    maxlength(field, value, max = Number.MAX_VALUE)
+    {
+        if ( Mix.isEmpty(value) ) {
+            return true;
+        }
 
-        if ( Any.isString(value) || Any.isArray(value) ) {
+        if ( Mix.isString(value) || Mix.isArray(value) ) {
             return value.length < max;
         }
 
         return false;
     },
 
-    email(field, value) {
+    email(field, value)
+    {
+        if ( Mix.isEmpty(value) ) {
+            return true;
+        }
 
-        if ( Any.isString(value) ) {
+        if ( Mix.isString(value) ) {
             return value.match(/^.*?@.*?\.[a-z]{2,}$/);
         }
 

package/src/form/src/form/form.jsx

@@ -1,4 +1,4 @@
-import { UUID, Num, Arr, Obj, Any, Dom, Locale } from "@kizmann/pico-js";
+import { Hash, Run, Arr, Obj, Mix, Dom, Locale } from "@kizmann/pico-js";
 import { h } from "vue";
 import {FormMessage, FormRules} from "./form-rules.mjs";
 
@@ -120,7 +120,7 @@ export default {
                 return [];
             }
 
-            return Any.isArray(this.$attrs) ? this.$attrs.class :
+            return Mix.isArray(this.$attrs) ? this.$attrs.class :
                 [this.$attrs.class];
         }
 
@@ -129,7 +129,7 @@ export default {
     data()
     {
         return {
-            uid: UUID(), elements: [], rules: [], groups: {}, ruleErrors: {}, blocked: true,
+            uid: Hash.uuid(), elements: [], rules: [], groups: {}, ruleErrors: {}, blocked: true,
         };
     },
 
@@ -142,7 +142,7 @@ export default {
 
     mounted()
     {
-        Any.delay(this.ctor('ready'), 500);
+        Run.delay(this.ctor('ready'), 500);
     },
 
     ready()
@@ -256,7 +256,7 @@ export default {
 
                 let message = FormMessage[name].call(this, field, value, ...args);
 
-                if ( Any.isEmpty(message) ) {
+                if ( Mix.isEmpty(message) ) {
                     return;
                 }
 
@@ -275,7 +275,7 @@ export default {
             });
 
             this.ruleErrors = Obj.filter(errors, (err) => {
-                return ! Any.isEmpty(err);
+                return ! Mix.isEmpty(err);
             });
 
             return this.ruleErrors;
@@ -285,10 +285,10 @@ export default {
         {
             this.validate();
 
-            let count = Any.keys(this.ruleErrors).length;
+            let count = Mix.keys(this.ruleErrors).length;
 
             if ( includeErrors ) {
-                count += Any.keys(this.errors).length;
+                count += Mix.keys(this.errors).length;
             }
 
             return count === 0;
@@ -300,7 +300,7 @@ export default {
 
             Obj.each(this.errors, (err, key) => {
 
-                if ( ! Any.isArray(err) ) {
+                if ( ! Mix.isArray(err) ) {
                     err = [err];
                 }
 

package/src/form/src/form/form.scss

@@ -19,8 +19,8 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: size('base-hgt', 'calc($ - 14px)');
-    height: size('base-hgt', 'calc($ - 14px)');
+    width: size('base-hgt', 'calc($ - 12px)');
+    height: size('base-hgt', 'calc($ - 12px)');
 }
 
 .n-form-clear i,
@@ -28,6 +28,8 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    font-size: 0.8em;
+    text-align: center;
+    font-size: size('base-fnt-icon');
+    line-height: 10px;
     border-radius: size('base-rad-circle');
 }

package/src/form/src/form-bag/form-bag.jsx

@@ -1,4 +1,4 @@
-import { Any, Arr, Obj, UUID } from "@kizmann/pico-js";
+import { Mix, Arr, Obj, Hash } from "@kizmann/pico-js";
 
 export default {
 
@@ -15,7 +15,7 @@ export default {
     data()
     {
         return {
-            uid: UUID()
+            uid: Hash.uuid()
         };
     },
 
@@ -37,7 +37,7 @@ export default {
 
         console.log('err', field.prop, errors)
 
-        if ( Any.isEmpty(errors) ) {
+        if ( Mix.isEmpty(errors) ) {
             return null;
         }
 

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

@@ -1,4 +1,4 @@
-import { Arr, Any, Dom, Str, Locale } from "@kizmann/pico-js";
+import { Run, Arr, Mix, Dom, Str, Locale } from "@kizmann/pico-js";
 
 export default {
 
@@ -89,7 +89,7 @@ export default {
                 return;
             }
 
-            if ( ! Any.isEmpty(this.timeout) ) {
+            if ( ! Mix.isEmpty(this.timeout) ) {
                 clearTimeout(this.timeout);
             }
 
@@ -107,7 +107,7 @@ export default {
             this.block = block;
 
             Dom.find(this.$el).find(`[data-menu-key]`).each((el) => {
-                Dom.find(el).removeClass('is-star');
+                Dom.find(el).remClass('is-star');
             });
 
             Dom.find(this.$el).find(`[data-menu-key="${id}"]`)
@@ -116,11 +116,11 @@ export default {
 
         onMoveEvent()
         {
-            Dom.find(window).on('mousemove', Any.debounce(e => {
+            Dom.find(window).on('mousemove', Run.debounce(e => {
 
                 let el = Dom.find(e.target).closest('[data-group-key]');
 
-                if ( Any.isEmpty(el) ) {
+                if ( Mix.isEmpty(el) ) {
                     return;
                 }
 
@@ -132,7 +132,7 @@ export default {
         onScrollEvent()
         {
             Dom.find(this.$el).find('[data-menu-key]').each((el) => {
-                Dom.find(el).removeClass(['is-visible', 'is-first']);
+                Dom.find(el).remClass(['is-visible', 'is-first']);
             });
 
             let options = {
@@ -165,9 +165,9 @@ export default {
             let search = Str.lower(this.search);
 
             Dom.find(this.$el).find(`[data-menu-key]`)
-                .removeClass('on-search');
+                .remClass('on-search');
 
-            if ( Any.isEmpty(search) ) {
+            if ( Mix.isEmpty(search) ) {
                 return;
             }
 
@@ -187,7 +187,7 @@ export default {
 
         onClickEvent(item, event = null)
         {
-            if ( ! Any.isEmpty(event) ) {
+            if ( ! Mix.isEmpty(event) ) {
                 event.preventDefault();
             }
 
@@ -216,7 +216,7 @@ export default {
             placeholder: this.searchPlaceholder
         };
 
-        if ( ! Any.isEmpty(this.search) ) {
+        if ( ! Mix.isEmpty(this.search) ) {
             searchProps.icon = this.searchIcon;
         }
 
@@ -300,7 +300,7 @@ export default {
             'n-form-frame--' + this.NForm.size
         ];
 
-        if ( ! Any.isEmpty(this.search) ) {
+        if ( ! Mix.isEmpty(this.search) ) {
             classList.push('n-form-frame--search')
         }