@kizmann/nano-ui 2.0.2 → 3.0.0

package/src/config/src/builder/prototypes/popover/n-popover.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NPopover'] = Locale.trans('n-popover');
-
-window.NanoBuilderIndexies['NPopover'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NPopover']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/radio/n-radio-group.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NRadioGroup'] = Locale.trans('NRadioGroup');
-
-window.NanoBuilderIndexies['NRadioGroup'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NRadioGroup']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/radio/n-radio.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NRadio'] = Locale.trans('NRadio');
-
-window.NanoBuilderIndexies['NRadio'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NRadio']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/rating/n-rating.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NRating'] = Locale.trans('NRating');
-
-window.NanoBuilderIndexies['NRating'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NRating']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/select/n-select.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NSelect'] = Locale.trans('NSelect');
-
-window.NanoBuilderIndexies['NSelect'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NSelect']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/slider/n-slider.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NSlider'] = Locale.trans('NSlider');
-
-window.NanoBuilderIndexies['NSlider'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NSlider']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/switch/n-switch.js

@@ -1,31 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NSwitch'] = Locale.trans('NSwitch');
-
-window.NanoBuilderIndexies['NSwitch'] = {
-    childs: true, props: {}
-};
-
-window.NanoBuilderIndexies['NSwitch']['props'] = {
-    modelValue: {
-        for: ['binds', 'props'], type: 'Mix'
-    },
-    onValue: {
-        for: ['binds', 'props'], type: 'Mix'
-    },
-    offValue: {
-        for: ['binds', 'props'], type: 'Mix'
-    },
-    onType: {
-        for: ['binds', 'props'], type: 'String', options: window.NanoPrototypeTypes
-    },
-    offType: {
-        for: ['binds', 'props'], type: 'String', options: window.NanoPrototypeTypes
-    },
-    size: {
-        for: ['binds', 'props'], type: 'String', options: window.NanoPrototypeSizes
-    },
-    disabled: {
-        for: ['binds', 'props'], type: 'Boolean', options: window.NanoPrototypeBools
-    },
-};

package/src/config/src/builder/prototypes/table/n-table-column.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTableColumn'] = Locale.trans('NTableColumn');
-
-window.NanoBuilderIndexies['NTableColumn'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTableColumn']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/table/n-table.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTable'] = Locale.trans('NTable');
-
-window.NanoBuilderIndexies['NTable'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTable']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/tabs/n-tabs-item.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTabsItem'] = Locale.trans('NTabsItem');
-
-window.NanoBuilderIndexies['NTabsItem'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTabsItem']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/tabs/n-tabs.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTabs'] = Locale.trans('NTabs');
-
-window.NanoBuilderIndexies['NTabs'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTabs']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/tags/n-tags-item.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTagsItem'] = Locale.trans('NTagsItem');
-
-window.NanoBuilderIndexies['NTagsItem'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTagsItem']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/tags/n-tags.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTags'] = Locale.trans('NTags');
-
-window.NanoBuilderIndexies['NTags'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTags']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/textarea/n-textarea.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NButton'] = Locale.trans('NButton');
-
-window.NanoBuilderIndexies['NButton'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NButton']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/timepicker/n-timepicker.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTimepicker'] = Locale.trans('NTimepicker');
-
-window.NanoBuilderIndexies['NTimepicker'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTimepicker']['props'] = {
-    //
-};

package/src/config/src/builder/prototypes/transfer/n-transfer.js

@@ -1,11 +0,0 @@
-import { Locale } from "@kizmann/pico-js";
-
-window.NanoBuilderTypes['NTransfer'] = Locale.trans('NTransfer');
-
-window.NanoBuilderIndexies['NTransfer'] = {
-    childs: false, props: {}
-};
-
-window.NanoBuilderIndexies['NTransfer']['props'] = {
-    //
-};

package/src/config/src/config/config-next.jsx

@@ -1,355 +0,0 @@
-import { Arr, Obj, Str, Mix } from "@kizmann/pico-js";
-import { h, resolveComponent } from "vue";
-
-export default {
-
-    name: 'NConfigNext',
-
-    props: {
-
-        modelValue: {
-            default()
-            {
-                return {};
-            },
-            type: [Object]
-        },
-
-        extraValue: {
-            default()
-            {
-                return null;
-            },
-            type: [Object]
-        },
-
-        config: {
-            default()
-            {
-                return {};
-            },
-            type: [Object]
-        },
-
-        scope: {
-            default()
-            {
-                return {};
-            },
-            type: [Object]
-        }
-
-    },
-
-    data()
-    {
-        return {
-            tempValue: this.modelValue, sempValue: this.extraValue || this.modelValue
-        };
-    },
-
-    watch: {
-
-        modelValue: function (value) {
-            if ( value !== this.tempValue ) {
-                this.tempValue = value;
-            }
-        },
-
-        extraValue: function (value) {
-            if ( value !== this.sempValue ) {
-                this.sempValue = value;
-            }
-        }
-
-    },
-
-    methods: {
-
-        getString(value)
-        {
-            let final = value.replace(/^@/, '')
-                .replace(/^\\@/, '@');
-
-            if ( value.match(/^@/) ) {
-                return this.trans(final);
-            }
-
-            return final;
-        },
-
-        propAwait(value)
-        {
-            if ( Mix.isEmpty(value) ) {
-                return true;
-            }
-
-            if ( ! Mix.isArray(value) ) {
-                value = [value];
-            }
-
-            let result = Arr.each(value, (state) => {
-                return this.getState(state, true);
-            });
-
-            return ! Arr.has(result, false);
-        },
-
-        propExists(value)
-        {
-            if ( Mix.isEmpty(value) ) {
-                return true;
-            }
-
-            if ( ! Mix.isArray(value) ) {
-                value = [value];
-            }
-
-            let result = Arr.each(value, (state) => {
-                return this.getState(state, false);
-            });
-
-            return ! Arr.has(result, false);
-        },
-
-        getState(value, exists = true)
-        {
-            if ( Mix.isFunction(value) ) {
-                return !! this.solveInput(value);
-            }
-
-            if ( ! Mix.isString(value) ) {
-                return !! value;
-            }
-
-            if ( ! value.match(/(\$scope|\$model|\$global)/) ) {
-                return !! value;
-            }
-
-            let sources = {
-                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
-            };
-
-            if ( exists ) {
-                return Obj.get(sources, value, undefined) === undefined;
-            }
-
-            return !! Obj.get(sources, value);
-        },
-
-        toPropKey(value)
-        {
-            let splits = value.replace(/^!/, '').split('-');
-
-            value = Arr.each(splits, (split) => {
-                return Str.ucfirst(split);
-            });
-
-            return Str.lcfirst(value.join(''));
-        },
-
-        toEventKey(value)
-        {
-            if ( ! value.match(/^on/) ) {
-                value = 'on-' + value;
-            }
-
-            let splits = value.split('-');
-
-            value = Arr.each(splits, (split) => {
-                return Str.ucfirst(split);
-            });
-
-            return Str.lcfirst(value.join(''));
-        },
-
-        solveInput(cb, fallback)
-        {
-            return cb.call(this.scope, this.tempValue, fallback);
-        },
-
-        solveContext(cb)
-        {
-            if ( ! Mix.isFunction(cb) ) {
-                return () => console.error('Raw suffix (!) only allowed on functions');
-            }
-
-            return (...args) => cb.call(this.scope, ...args);
-        },
-
-        getProp(key, value)
-        {
-            if ( key.match(/^!/) ) {
-                return this.solveContext(value);
-            }
-
-            if ( Mix.isFunction(value) ) {
-                return this.solveInput(value);
-            }
-
-            if ( ! Mix.isString(value) ) {
-                return value;
-            }
-
-            if ( ! value.match(/(\$scope|\$model|\$global)/) ) {
-                return this.getString(value);
-            }
-
-            let sources = {
-                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
-            };
-
-            let result = Obj.get(sources, value.replace(/^!+/, ''));
-
-            if ( value.match(/^!!\$/) ) {
-                result = Mix.isEmpty(result);
-            }
-
-            if ( value.match(/^!\$/) ) {
-                result = Mix.isEmpty(result);
-            }
-
-            return result;
-        },
-
-        getInput(prop, fallback)
-        {
-            if ( Mix.isFunction(prop) ) {
-                return this.solveInput(prop, fallback);
-            }
-
-            let sources = {
-                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
-            };
-
-            if ( ! Mix.isNull(fallback) && Obj.get(sources, prop, -1337) === -1337 ) {
-                Obj.set(sources, prop, fallback);
-            }
-
-            return Obj.get(sources, prop);
-        },
-
-        setInput(prop, value)
-        {
-            if ( Mix.isFunction(prop) ) {
-                return console.error('NConfigNew: Bind with function is not allowed!');
-            }
-
-            let sources = {
-                $scope: this.scope, $model: this.tempValue, $extra: this.sempValue, $global: window
-            };
-
-            Obj.set(sources, prop, value);
-        }
-
-    },
-
-    renderSetup(setup, alias)
-    {
-        if ( ! Mix.isObj(setup) ) {
-            return setup;
-        }
-
-        if ( ! this.propExists(setup['vIf']) ) {
-            return null;
-        }
-
-        if ( ! this.propAwait(setup['vAwait']) ) {
-            return null;
-        }
-
-        let defaults = {
-            binds: {}, props: {}, events: {}, content: {}, slots: {}
-        };
-
-        let defaultsBind = {
-            value: '', fallback: null
-        };
-
-        setup = Obj.assign(defaults, setup);
-
-        let binds = {};
-
-        Obj.each(setup['binds'], (value, key) => {
-
-            if ( Mix.isString(value) ) {
-                value = { value: value };
-            }
-
-            binds[key] = Obj.assign(defaultsBind, value);
-        });
-
-        let events = {};
-
-        Obj.each(setup['events'], (value, key) => {
-            events[this.toEventKey(key)] = this.solveContext(value);
-        });
-
-        let props = {};
-
-        Obj.each(setup['props'], (value, key) => {
-            props[this.toPropKey(key)] = this.getProp(key, value);
-        });
-
-        props = Obj.assign(props, events);
-
-        Obj.each(binds, (value, key) => {
-
-            let updateKey = 'onUpdate:' + key;
-
-            props[this.toEventKey(updateKey)] = (input) => {
-                this.setInput(value.value, input);
-            };
-
-            props[this.toPropKey(key)] = this.getInput(value.value,
-                value.fallback);
-        });
-
-        let component = alias.replace(/:.*?$/, '');
-
-        if ( !Arr.has(['div', 'p'], component) ) {
-            component = resolveComponent(component);
-        }
-
-        if ( Mix.isEmpty(component) ) {
-            return null;
-        }
-
-        if ( !this.propExists(setup['vShow']) ) {
-            props.style = "display: none;";
-        }
-
-        let slots = {
-            default: this.ctor('renderSlot')(setup.content)
-        };
-
-        Obj.each(setup.slots, (slot, key) => {
-            slots[key] = this.ctor('renderSlot')(slot);
-        });
-
-        return h(component, props, slots);
-    },
-
-    renderSlot(callback)
-    {
-        let render = () => Arr.each(callback, (value, key) => {
-            return this.ctor('renderSetup')(value, key);
-        });
-
-        if ( Mix.isFunction(callback) ) {
-            render = () => callback.apply(this.scope);
-        }
-
-        if ( Mix.isString(callback) ) {
-            render = () => this.getString(callback);
-        }
-
-        return render;
-    },
-
-    render()
-    {
-        return Arr.each(this.config, (value, key) => this.ctor('renderSetup')(value, key));
-    }
-
-}