@kizmann/nano-ui 1.1.3 → 1.1.4

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

@@ -2,11 +2,13 @@ import { Any, 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,7 +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 +53,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,17 +87,17 @@ export const FormMessage = {
 
 export const FormRules = {
 
-    required(field, value) {
-
+    required(field, value)
+    {
         if ( Any.isBool(value) ) {
             return value === true;
         }
 
-        return ! Any.isEmpty(value);
+        return !Any.isEmpty(value);
     },
 
-    required_if(field, value, key = '') {
-
+    required_if(field, value, key = '')
+    {
         let target = Obj.get(this.form, key);
 
         if ( Any.isEmpty(target) ) {
@@ -99,14 +108,14 @@ export const FormRules = {
             return value === true;
         }
 
-        return ! Any.isEmpty(value);
+        return !Any.isEmpty(value);
     },
 
-    required_unless(field, value, key = '') {
-
+    required_unless(field, value, key = '')
+    {
         let target = Obj.get(this.form, key);
 
-        if ( ! Any.isEmpty(target) ) {
+        if ( !Any.isEmpty(target) ) {
             return true;
         }
 
@@ -114,19 +123,21 @@ export const FormRules = {
             return value === true;
         }
 
-        return ! Any.isEmpty(value);
+        return !Any.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') {
-
+    value(field, value, val = 'foobar')
+    {
         if ( Any.isString(value) ) {
             return value === val;
         }
@@ -134,7 +145,11 @@ export const FormRules = {
         return false;
     },
 
-    min(field, value, min = Number.MIN_VALUE) {
+    min(field, value, min = Number.MIN_VALUE)
+    {
+        if ( Any.isEmpty(value) ) {
+            return true;
+        }
 
         if ( Any.isNumber(value) ) {
             return value >= min;
@@ -143,7 +158,11 @@ export const FormRules = {
         return false;
     },
 
-    max(field, value, max = Number.MAX_VALUE) {
+    max(field, value, max = Number.MAX_VALUE)
+    {
+        if ( Any.isEmpty(value) ) {
+            return true;
+        }
 
         if ( Any.isNumber(value) ) {
             return value <= max;
@@ -152,7 +171,11 @@ export const FormRules = {
         return false;
     },
 
-    minlength(field, value, min = Number.MIN_VALUE) {
+    minlength(field, value, min = Number.MIN_VALUE)
+    {
+        if ( Any.isEmpty(value) ) {
+            return true;
+        }
 
         if ( Any.isString(value) || Any.isArray(value) ) {
             return value.length > min;
@@ -161,7 +184,11 @@ export const FormRules = {
         return false;
     },
 
-    maxlength(field, value, max = Number.MAX_VALUE) {
+    maxlength(field, value, max = Number.MAX_VALUE)
+    {
+        if ( Any.isEmpty(value) ) {
+            return true;
+        }
 
         if ( Any.isString(value) || Any.isArray(value) ) {
             return value.length < max;
@@ -170,7 +197,11 @@ export const FormRules = {
         return false;
     },
 
-    email(field, value) {
+    email(field, value)
+    {
+        if ( Any.isEmpty(value) ) {
+            return true;
+        }
 
         if ( Any.isString(value) ) {
             return value.match(/^.*?@.*?\.[a-z]{2,}$/);

package/src/select/src/select/select.jsx

@@ -218,7 +218,7 @@ export default {
 
     beforeMount()
     {
-        if ( this.lazy && ! this.$slots.default ) {
+        if ( this.lazy || ! this.$slots.default ) {
             this.generateOptions();
         }
 
@@ -304,8 +304,6 @@ export default {
                     tempLabel: option.label, tempValue: option.value
                 });
             });
-
-            this.searchOptions();
         },
 
         addOption(option)
@@ -768,7 +766,7 @@ export default {
             return emptyHtml;
         }
 
-        if ( this.lazy ) {
+        if ( this.lazy || ! this.$slots.default ) {
             return this.ctor('renderLazyItems')();
         }
 

package/src/table/src/table-cell/types/table-cell-string.jsx

@@ -19,9 +19,11 @@ export default {
             );
         }
 
+        let input = this.input.replace(/<[^>]*>?/gm, '');
+
         return (
             <div>
-                <span>{ Any.convertString(this.input, this.column.emptyText) }</span>
+                <span>{ Any.convertString(input, this.column.emptyText) }</span>
             </div>
         );
     }

package/themes/default/alert/src/alert/alert.scss

@@ -2,7 +2,7 @@
 
 .n-alert {
     background: color('shadow', 0.8);
-    backdrop-filter: blur(1.5px);
+    // PERFORMANCE backdrop-filter: blur(1.5px);
     transition: opacity 0.3s;
 }
 

package/themes/default/confirm/src/confirm/confirm.scss

@@ -2,7 +2,7 @@
 
 .n-confirm {
     background: color('shadow', 0.8);
-    backdrop-filter: blur(1.5px);
+    // PERFORMANCE backdrop-filter: blur(1.5px);
     transition: opacity 0.3s;
 }
 

package/themes/default/drawer/src/drawer/drawer.scss

@@ -2,7 +2,7 @@
 
 .n-drawer__backdrop {
     background: color('shadow', 0.7);
-    backdrop-filter: blur(1.5px);
+    // PERFORMANCE backdrop-filter: blur(1.5px);
 }
 
 .n-drawer__frame {

package/themes/default/modal/src/modal/modal.scss

@@ -2,7 +2,7 @@
 
 .n-modal__backdrop {
     background: color('shadow', 0.7);
-    backdrop-filter: blur(1.5px);
+    // PERFORMANCE backdrop-filter: blur(1.5px);
 }
 
 .n-modal__frame {

package/themes/webservy/alert/src/alert/alert.scss

@@ -2,7 +2,7 @@
 
 .n-alert {
     background: color('shadow', 0.6);
-    backdrop-filter: blur(1.5px);
+    // PERFORMANCE backdrop-filter: blur(1.5px);
     transition: opacity 0.3s;
 }