@kizmann/nano-ui 2.0.2 → 3.0.0

package/src/button/index.js

@@ -1,7 +0,0 @@
-import Button from "./src/button/button.jsx";
-import ButtonGroup from "./src/button-group/button-group.jsx";
-
-export default function (App) {
-    App.component(Button.name, Button);
-    App.component(ButtonGroup.name, ButtonGroup);
-}

package/src/button/src/button/button.jsx

@@ -1,164 +0,0 @@
-import { Obj } from "@kizmann/pico-js";
-import { h } from "vue";
-
-export default {
-
-    name: 'NButton',
-
-    props: {
-
-        type: {
-            default()
-            {
-                return 'primary';
-            },
-            type: [String]
-        },
-
-        size: {
-            default()
-            {
-                return 'md';
-            },
-            type: [String]
-        },
-
-        link: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        glass: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        round: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        square: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        disabled: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        icon: {
-            default()
-            {
-                return null;
-            }
-        },
-
-        iconPosition: {
-            default()
-            {
-                return 'before';
-            },
-            type: [String]
-        },
-
-        nativeType: {
-            default()
-            {
-                return 'button';
-            },
-            type: [String]
-        }
-
-    },
-
-    renderIcon()
-    {
-        if ( ! this.icon ) {
-            return null;
-        }
-
-        let classList = [
-            'n-icon', 
-            'n-icon--' + this.iconPosition,
-        ];
-
-        classList.push(this.icon);
-
-        return (<i class={classList}></i>);
-    },
-
-    render()
-    {
-        let classList = [
-            'n-button',
-            'n-button--' + this.size,
-            'n-button--' + this.type,
-        ];
-
-        if ( this.icon ) {
-            classList.push('n-button--icon');
-        }
-
-        if ( this.glass ) {
-            classList.push('n-button--glass');
-        }
-
-        if ( this.link ) {
-            classList.push('n-button--link');
-        }
-
-        if ( this.round ) {
-            classList.push('n-button--round');
-        }
-
-        if ( this.square ) {
-            classList.push('n-button--square');
-        }
-
-        if ( this.disabled ) {
-            classList.push('n-disabled');
-        }
-
-        let props = {
-            class: classList
-        };
-
-        if ( this.disabled ) {
-            props.disabled = true;
-        }
-
-        let innerHtml = [];
-
-        if ( this.iconPosition === 'before' ) {
-            innerHtml.push(this.ctor('renderIcon')());
-        }
-
-        if ( this.$slots.default && ! this.square ) {
-            innerHtml.push(<span>{ this.$slots.default && this.$slots.default() }</span>);
-        }
-
-        if ( this.iconPosition === 'after' ) {
-            innerHtml.push(this.ctor('renderIcon')());
-        }
-
-        return h(this.nativeType, props, innerHtml);
-    }
-
-}

package/src/button/src/button-group/button-group.jsx

@@ -1,30 +0,0 @@
-export default {
-
-    name: 'NButtonGroup',
-
-    props: {
-
-        size: {
-            default()
-            {
-                return 'md';
-            },
-            type: [String]
-        }
-
-    },
-
-    render()
-    {
-        let classList = [
-            'n-button-group',
-            'n-button-group--' + this.size
-        ]
-        return (
-            <div class={classList}>
-                { this.$slots.default && this.$slots.default() }
-            </div>
-        );
-    }
-
-}

package/src/cascader/index.js

@@ -1,7 +0,0 @@
-import CascaderPanel from "./src/cascader-panel/cascader-panel.jsx";
-import Cascader from "./src/cascader/cascader.jsx";
-
-export default function (App) {
-    App.component(CascaderPanel.name, CascaderPanel);
-    App.component(Cascader.name, Cascader);
-}

package/src/cascader/src/cascader/cascader.jsx

@@ -1,346 +0,0 @@
-import { Arr, Obj, Mix } from "@kizmann/pico-js";
-
-export default {
-
-    name: 'NCascader',
-
-    props: {
-
-        modelValue: {
-            default()
-            {
-                return [];
-            },
-            type: [Array]
-        },
-
-        clearValue: {
-            default()
-            {
-                return [];
-            },
-            type: [Array]
-        },
-
-        options: {
-            default()
-            {
-                return [];
-            },
-            type: [Array]
-        },
-
-        current: {
-            default()
-            {
-                return null;
-            }
-        },
-
-        placeholder: {
-            default()
-            {
-                return 'Please select';
-            },
-            type: [String]
-        },
-
-        emptyText: {
-            default()
-            {
-                return 'No items';
-            },
-            type: [String]
-        },
-
-        disabled: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        clearable: {
-            default()
-            {
-                return false;
-            },
-            type: [Boolean]
-        },
-
-        size: {
-            default()
-            {
-                return 'md';
-            },
-            type: [String]
-        },
-
-        type: {
-            default()
-            {
-                return 'primary';
-            },
-            type: [String]
-        },
-
-        position: {
-            default()
-            {
-                return 'bottom-start';
-            },
-            type: [String]
-        },
-
-        trigger: {
-            default()
-            {
-                return 'hover';
-            },
-            type: [String]
-        },
-
-        labelProp: {
-            default()
-            {
-                return 'label';
-            },
-            type: [String]
-        },
-
-        valueProp: {
-            default()
-            {
-                return 'value';
-            },
-            type: [String]
-        },
-
-        childProp: {
-            default()
-            {
-                return 'children';
-            },
-            type: [String]
-        },
-
-        disabledProp: {
-            default()
-            {
-                return 'disabled';
-            },
-            type: [String]
-        },
-
-    },
-
-    data()
-    {
-        return {
-            tempValue: this.modelValue,
-            tempHover: this.modelValue,
-            focus: false,
-        };
-    },
-
-    methods: {
-
-        clearCascader()
-        {
-            this.focus = true;
-
-            this.$emit('update:modelValue', 
-                this.tempValue = this.tempHover = this.clearValue);
-        },
-
-        onCascaderInput(value)
-        {
-            this.focus = false;
-
-            this.$emit('update:modelValue', 
-                this.tempValue = value);
-        },
-
-        onCascaderHover(value)
-        {
-            this.$emit('update:hover', 
-                this.tempHover = value);
-        },
-
-        onPopoverInput(value)
-        {
-            this.focus = value;
-        },
-
-    },
-
-    watch: {
-
-        modelValue(value) {
-            if ( value !== this.tempValue ) {
-                this.tempValue = value;
-            }
-        }
-
-    },
-
-    renderLabelClear()
-    {
-        if ( ! this.clearable || Mix.isEmpty(this.tempValue) ) {
-            return null;
-        }
-
-        let props = {};
-
-        if ( ! this.disabled ) {
-            props.onMousedown = this.clearCascader;
-        }
-
-        return (
-            <div class="n-cascader__clear n-form-clear" {...props}>
-                <i class={ nano.Icons.times }></i>
-            </div>
-        );
-    },
-
-    renderLabelAngle()
-    {
-        return (
-            <div class="n-cascader__angle n-form-angle">
-                <i class={ nano.Icons.angleDown }></i>
-            </div>
-        );
-    },
-
-    renderLabelItems()
-    {
-        let items = this.options, renderList = [];
-
-        if ( Mix.isEmpty(this.tempValue) ) {
-            return (
-                <div class="n-cascader__placeholder">
-                    { this.trans(this.placeholder) }
-                </div>
-            );
-        }
-
-        Arr.each(this.tempValue, (value) => {
-
-            if ( ! items ) {
-                return;
-            }
-
-            let item = Arr.find(items, {
-                [this.valueProp]: value
-            });
-
-            items = Obj.get(item, this.childProp);
-
-            let itemLabel = (
-                <div class="n-cascader__item">
-                    <span>{ Obj.get(item, this.labelProp) }</span>
-                </div>
-            );
-
-            renderList.push(itemLabel);
-        });
-
-        return (
-            <div class="n-cascader__items">
-                { renderList }
-            </div>
-        );
-    },
-
-    renderDisplay()
-    {
-        let classList = [
-            'n-cascader__display'
-        ];
-
-        return (
-            <div class={classList}>
-                { this.ctor('renderLabelClear')() }
-                { this.ctor('renderLabelItems')() }
-                { this.ctor('renderLabelAngle')() }
-            </div>
-        );
-    },
-
-    renderItems()
-    {
-        let emptyHtml = (
-            <div class="n-popover-shadow n-cascader__empty">
-                <NEmptyIcon inline={true}>{this.trans(this.emptyText)}</NEmptyIcon>
-            </div>
-        );
-
-        if ( Mix.isEmpty(this.options) ) {
-            return emptyHtml;
-        }
-
-        let props = Obj.except(this.$props, ['modelValue'], {
-            hover: this.tempHover,
-            modelValue: this.tempValue,
-        });
-
-        props['onUpdate:hover'] = this.onCascaderHover;
-        props['onUpdate:modelValue'] = this.onCascaderInput;
-
-        return (
-            <NCascaderPanel class="n-popover-shadow" {...props}></NCascaderPanel>
-        );
-    },
-
-    renderPopover()
-    {
-        let props = {
-            trigger: 'click',
-            width: 0,
-            size: this.size,
-            position: this.position,
-            scrollClose: true,
-            disabled: this.disabled,
-        };
-
-        return (
-            <NPopover ref="popover" vModel={this.focus} {...props}>
-                { { raw: this.ctor('renderItems') } }
-            </NPopover>
-        );
-    },
-
-    render()
-    {
-        let classList = [
-            'n-cascader',
-            'n-cascader--' + this.type,
-            'n-cascader--' + this.size,
-        ];
-
-        if ( Mix.isEmpty(this.tempValue) ) {
-            classList.push('n-empty');
-        }
-
-        if ( this.clearable ) {
-            classList.push('n-clearable');
-        }
-
-        if ( this.focus ) {
-            classList.push('n-focus');
-        }
-
-        if ( this.disabled ) {
-            classList.push('n-disabled');
-        }
-
-        return (
-            <div class={classList}>
-                { this.ctor('renderDisplay')() }
-                {this.ctor('renderPopover')()}
-            </div>
-        );
-    }
-
-}