@kizmann/nano-ui 0.9.2 → 0.9.4

package/src/config/src/reference-picker/reference-picker.js

@@ -0,0 +1,146 @@
+import { Arr, Obj, Any } from "@kizmann/pico-js";
+
+export default {
+
+    name: 'NReferencePicker',
+
+    props: {
+
+        modelValue: {
+            default()
+            {
+                return '';
+            },
+            type: [String]
+        },
+
+        model: {
+            default()
+            {
+                return {};
+            },
+            type: [Object]
+        },
+
+        scope: {
+            default()
+            {
+                return {};
+            },
+            type: [Object]
+        },
+
+        size: {
+            default()
+            {
+                return 'md';
+            },
+            type: [String]
+        },
+
+        width: {
+            default()
+            {
+                return '100%';
+            },
+            type: [String]
+        },
+
+        height: {
+            default()
+            {
+                return '100%';
+            },
+            type: [String]
+        },
+
+    },
+
+    data()
+    {
+        return {
+            modal: false, tempValue: this.modelValue
+        };
+    },
+
+    methods: {
+
+        updateValue(value)
+        {
+            this.$emit('update:modelValue', this.tempValue = value);
+        }
+
+    },
+
+    renderModal()
+    {
+        if ( ! this.modal ) {
+            return null;
+        }
+
+        let modalProps = {
+            modelValue: true,
+            width: this.width,
+            height: this.height,
+        };
+
+        modalProps['onClose'] = () => {
+            this.modal = false;
+        };
+
+        let panelProps = {
+            model: this.model, scope: this.scope,
+        };
+
+        panelProps['onUpdate:modelValue'] = (value) => {
+            this.updateValue(value); this.modal = false;
+        };
+
+        let slots = {
+            //
+        };
+
+        slots['body'] = () => (
+            <NReferencePanel class="in-modal" {...panelProps} />
+        );
+
+        return (
+            <NModal {...modalProps} v-slots={slots} />
+        );
+    },
+
+    renderInput()
+    {
+        let inputProps = {
+            modelValue: this.tempValue,
+            icon: 'fa fa-expand',
+            size: this.size,
+        };
+
+        inputProps['onUpdate:modelValue'] = (value) => {
+            this.updateValue(value);
+        };
+
+        inputProps['onBlur'] = (e) => {
+            this.$emit('onBlur', e);
+        };
+
+        inputProps['onIconClick'] = () => {
+            this.modal = true;
+        };
+
+        return (
+            <NInput {...inputProps} />
+        );
+    },
+
+    render()
+    {
+        return (
+            <div class="n-reference-picker">
+                {[this.ctor('renderInput')(), this.ctor('renderModal')()]}
+            </div>
+        );
+    }
+
+}

package/src/config/src/reference-picker/reference-picker.scss

@@ -0,0 +1,3 @@
+.n-reference-picker .n-input input {
+    font-family: monospace;
+}

package/src/form/src/form-group/form-group.js

@@ -201,7 +201,11 @@ export default {
 
     render()
     {
-        let size = this.size || this.NForm.size;
+        let size = this.size ;
+
+        if ( this.NForm ) {
+            size = size || this.NForm.size;
+        }
 
         let classList = [
             'n-form-group', 

package/src/index.scss

@@ -36,4 +36,5 @@
 @import "./map/index";
 @import "./preview/index";
 @import "./rating/index";
+@import "./config/index";
 

package/src/input/src/input/input.js

@@ -156,11 +156,13 @@ export default {
         onFocus(event)
         {
             this.focus = true;
+            this.$emit('focus', event);
         },
 
         onBlur(event)
         {
             this.focus = false;
+            this.$emit('blur', event);
         }
 
     },

package/src/popover/src/popover/popover.scss

@@ -68,7 +68,6 @@
     line-height: 1.2;
 }
 
-
 .n-popover-option .n-image {
     flex: 0 0 auto;
     margin-top: -2px;
@@ -139,6 +138,7 @@
 
     .n-popover--#{$suffix} .n-popover__body .n-popover-group,
     .n-popover--#{$suffix} .n-popover__body .n-popover-option {
+        width: calc(100% + #{$-popover-padding * 2.4});
         margin: 0 -#{$-popover-padding * 1.2};
     }
 
@@ -153,8 +153,8 @@
     }
 
     .n-popover-option--#{$suffix} .n-image {
-        width: $-popover-font + 6;
-        height: $-popover-font + 6;
+        width: $-popover-font + 10;
+        height: $-popover-font + 10;
     }
 
     .n-popover-option--#{$suffix} .n-icon {

package/src/root/vars.scss

@@ -158,3 +158,26 @@ $colors: (
         'dark': $color-danger-dark
     ),
 ) !default;
+
+$colors-tags: (
+        '0': mix($color-secondary, $color-secondary, 65%),
+        '1': mix($color-primary, $color-secondary, 65%),
+        '2': mix($color-danger, $color-secondary, 65%),
+        '3': mix($color-success, $color-secondary, 65%),
+        '4': mix($color-warning, $color-secondary, 65%),
+        '5': mix($color-primary, $color-success, 65%),
+        '6': mix($color-secondary, $color-success, 65%),
+        '7': mix($color-danger, $color-success, 65%),
+        '8': mix($color-success, $color-success, 65%),
+        '9': mix($color-warning, $color-success, 65%),
+        '10': mix($color-primary, $color-danger, 65%),
+        '11': mix($color-secondary, $color-danger, 65%),
+        '12': mix($color-danger, $color-danger, 65%),
+        '13': mix($color-success, $color-danger, 65%),
+        '14': mix($color-warning, $color-danger, 65%),
+        '15': mix($color-primary, $color-warning, 65%),
+        '16': mix($color-secondary, $color-warning, 65%),
+        '17': mix($color-danger, $color-warning, 65%),
+        '18': mix($color-success, $color-warning, 65%),
+        '19': mix($color-warning, $color-warning, 65%),
+) !default;

package/webservy.json

@@ -1,6 +1,8 @@
 {
     "hostname": "nano-ui.local",
     "webroot": "",
-    "engine": "apache",
+    "engine": "httpd",
+    "type": "default",
+    "proxy": "",
     "version": "php-8.2.8"
 }

package/servy.json

@@ -1,6 +0,0 @@
-{
-    "hostname": "nano-ui.local",
-    "webroot": "",
-    "version": "php-8.2.8",
-    "engine": "apache"
-}