renusify 2.1.0 → 2.1.2

package/components/calendar/index.js

@@ -4,7 +4,7 @@ export * as rCalendarYearTab from './year.vue'
 export * as l_container from '../container/index.js'
 export * as l_row from '../container/row.js'
 export * as l_col from '../container/col.js'
-export * as l_btn from './index.js'
+export * as l_btn from '../button/index.js'
 export * as l_icon from '../icon/index.js'
 export * as l_card from '../card/index.js'
 export * as l_modal from '../modal/index.js'

package/components/chart/worldMap.js

@@ -1,2 +1,2 @@
-export * as rWorldMap from './worldMap.vue'
+export * as rChartMap from './worldMap.vue'
 export * as l_float from '../float/index.js'

package/components/form/addressInput/index.js

@@ -1,4 +1,4 @@
-export * as rFloat from './index.vue'
+export * as rAddressInput from './index.vue'
 export * as l_TextInput from '../textInput/index.js'
 export * as l_TextArea from '../textArea/index.js'
 export * as l_select from '../selectInput/index.js'

package/components/index.js

@@ -82,7 +82,7 @@ export * as rTimeline from './timeline/index.js'
 export * as rTour from './tour/index.js'
 export * as rTree from './tree/index.js'
 
-export const register = (app, components) => {
+export const _register = (app, components) => {
     let d = {}
     let s = {}
     const setup = (ls) => {
@@ -103,7 +103,7 @@ export const register = (app, components) => {
                 }
 
             } catch (e) {
-                console.error('component not found', c, e)
+                console.error('component not found', name, e)
             }
         }
     }

package/components/meta/index.js

@@ -1,155 +1 @@
-//https://github.com/troxler/headful/blob/master/src/headful.js
-export const rMeta= {
-    name: "r-meta",
-    created(){
-        this.build()
-    },
-    watch: {
-        '$attrs': {
-            handler() {
-                this.build()
-            },
-            deep: true
-        },
-    },
-    activated() {
-        this.build()
-    },
-    deactivated() {
-        this.removeAll()
-    },
-    methods: {
-        build() {
-            for (let i in this.$attrs) {
-                if (this.$helper.hasKey(this.$attrs, i)) {
-                    this[i](this.$attrs[i]);
-                }
-            }
-        },
-        html(obj) {
-            /*
-            :html="{
-                body: {id: 'aPageId'},
-                h1: {'data-foo': 'bar'},
-                }"
-            */
-            Object.keys(obj).forEach(selector =>
-                this.setRootElementAttributes(selector, obj[selector])
-            );
-        },
-        head(obj) {
-            /*
-            :head="{
-                'meta[charset]': {charset: 'utf-8'},
-                }"
-             */
-            Object.keys(obj).forEach(selector =>
-                this.setHeadElementAttributes(selector, obj[selector])
-            );
-        },
-        title(val) {
-            document.title = this.isRemoveValue(val) ? "" : val;
-            this.setMetaContent('itemprop="name"', val);
-            this.setMetaContent('property="og:title"', val);
-            this.setMetaContent('name="twitter:title"', val);
-        },
-        description(val) {
-            this.setMetaContent('name="description"', val);
-            this.setMetaContent('itemprop="description"', val);
-            this.setMetaContent('property="og:description"', val);
-            this.setMetaContent('name="twitter:description"', val);
-        },
-        keywords(val) {
-            this.setMetaContent('name="keywords"',val);
-        },
-        image(val) {
-            this.setMetaContent('itemprop="image"', val);
-            this.setMetaContent('property="og:image"', val);
-            this.setMetaContent('name="twitter:image"', val);
-        },
-        lang(val) {
-            this.setRootElementAttributes("html", {lang: val});
-            this.ogLocaleTag && this.setOgLocaleIfValid(val);
-        },
-        ogLocale(val) {
-            this.setMetaContent('property="og:locale"', val);
-        },
-        url(val) {
-            this.setHeadElementAttributes('link[rel="canonical"]', {href: val});
-            this.setMetaContent('property="og:url"', val);
-            this.setMetaContent('name="twitter:url"', val);
-        },
-        createChild(parent, selector) {
-            if (!this.getElement(parent, selector)) {
-                let property = selector;
-                property = property.split("[");
-                const name = property[0];
-                property = this.$helper.replacer(property[1], "]", "");
-                property = this.$helper.replacer(property, '"', "");
-                property = this.$helper.replacer(property, "'", "");
-                property = property.trim(" ");
-                property = property.split("=");
-                let meta = document.createElement(name);
-                meta.setAttribute("c", "renusify");
-                meta.setAttribute(property[0], property[1]);
-                parent.appendChild(meta);
-            }
-        },
-        setMetaContent(attr, val) {
-            this.createChild(document.head, `meta[${attr}]`);
-            this.setHeadElementAttributes(`meta[${attr}]`, {content: val});
-        },
-        setRootElementAttributes(selector, attributes) {
-            this.createChild(document, selector);
-            this.setElementAttributes(
-                this.getElement(document, selector),
-                attributes
-            );
-        },
-        setHeadElementAttributes(selector, attributes) {
-            this.createChild(document.head, selector);
-            this.setElementAttributes(
-                this.getElement(document.head, selector),
-                attributes
-            );
-        },
-        setElementAttributes(element, attributes) {
-            if (element) {
-                Object.keys(attributes).forEach(attrName => {
-                    if (this.isRemoveValue(attributes[attrName])) {
-                        element.removeAttribute(attrName);
-                    } else {
-                        element.setAttribute(attrName, attributes[attrName]);
-                    }
-                });
-            }
-        },
-        getElement(parent, selector) {
-            return parent.querySelector(selector);
-        },
-        setOgLocaleIfValid(locale) {
-            if (this.isRemoveValue(locale)) {
-                this.ogLocale(locale);
-            } else if (locale.match(/^[a-z]{2}-[a-z]{2}$/i)) {
-                const [language, region] = locale.split("-");
-                const ogLocale = `${language}_${region.toUpperCase()}`;
-                this.ogLocale(ogLocale);
-            }
-        },
-        isRemoveValue(val) {
-            return val === undefined || val === null;
-        },
-        removeAll() {
-            let children = document.querySelectorAll("[c='renusify']");
-            if (children) {
-                let childArray = Array.prototype.slice.call(children);
-
-                childArray.forEach(function (child) {
-                    child.parentNode.removeChild(child);
-                });
-            }
-        }
-    },
-    render() {
-    }
-};
+export * as rMeta from './index.js'

package/components/meta/meta.js

@@ -0,0 +1,155 @@
+//https://github.com/troxler/headful/blob/master/src/headful.js
+export default {
+    name: "r-meta",
+    created(){
+        this.build()
+    },
+    watch: {
+        '$attrs': {
+            handler() {
+                this.build()
+            },
+            deep: true
+        },
+    },
+    activated() {
+        this.build()
+    },
+    deactivated() {
+        this.removeAll()
+    },
+    methods: {
+        build() {
+            for (let i in this.$attrs) {
+                if (this.$helper.hasKey(this.$attrs, i)) {
+                    this[i](this.$attrs[i]);
+                }
+            }
+        },
+        html(obj) {
+            /*
+            :html="{
+                body: {id: 'aPageId'},
+                h1: {'data-foo': 'bar'},
+                }"
+            */
+            Object.keys(obj).forEach(selector =>
+                this.setRootElementAttributes(selector, obj[selector])
+            );
+        },
+        head(obj) {
+            /*
+            :head="{
+                'meta[charset]': {charset: 'utf-8'},
+                }"
+             */
+            Object.keys(obj).forEach(selector =>
+                this.setHeadElementAttributes(selector, obj[selector])
+            );
+        },
+        title(val) {
+            document.title = this.isRemoveValue(val) ? "" : val;
+            this.setMetaContent('itemprop="name"', val);
+            this.setMetaContent('property="og:title"', val);
+            this.setMetaContent('name="twitter:title"', val);
+        },
+        description(val) {
+            this.setMetaContent('name="description"', val);
+            this.setMetaContent('itemprop="description"', val);
+            this.setMetaContent('property="og:description"', val);
+            this.setMetaContent('name="twitter:description"', val);
+        },
+        keywords(val) {
+            this.setMetaContent('name="keywords"',val);
+        },
+        image(val) {
+            this.setMetaContent('itemprop="image"', val);
+            this.setMetaContent('property="og:image"', val);
+            this.setMetaContent('name="twitter:image"', val);
+        },
+        lang(val) {
+            this.setRootElementAttributes("html", {lang: val});
+            this.ogLocaleTag && this.setOgLocaleIfValid(val);
+        },
+        ogLocale(val) {
+            this.setMetaContent('property="og:locale"', val);
+        },
+        url(val) {
+            this.setHeadElementAttributes('link[rel="canonical"]', {href: val});
+            this.setMetaContent('property="og:url"', val);
+            this.setMetaContent('name="twitter:url"', val);
+        },
+        createChild(parent, selector) {
+            if (!this.getElement(parent, selector)) {
+                let property = selector;
+                property = property.split("[");
+                const name = property[0];
+                property = this.$helper.replacer(property[1], "]", "");
+                property = this.$helper.replacer(property, '"', "");
+                property = this.$helper.replacer(property, "'", "");
+                property = property.trim(" ");
+                property = property.split("=");
+                let meta = document.createElement(name);
+                meta.setAttribute("c", "renusify");
+                meta.setAttribute(property[0], property[1]);
+                parent.appendChild(meta);
+            }
+        },
+        setMetaContent(attr, val) {
+            this.createChild(document.head, `meta[${attr}]`);
+            this.setHeadElementAttributes(`meta[${attr}]`, {content: val});
+        },
+        setRootElementAttributes(selector, attributes) {
+            this.createChild(document, selector);
+            this.setElementAttributes(
+                this.getElement(document, selector),
+                attributes
+            );
+        },
+        setHeadElementAttributes(selector, attributes) {
+            this.createChild(document.head, selector);
+            this.setElementAttributes(
+                this.getElement(document.head, selector),
+                attributes
+            );
+        },
+        setElementAttributes(element, attributes) {
+            if (element) {
+                Object.keys(attributes).forEach(attrName => {
+                    if (this.isRemoveValue(attributes[attrName])) {
+                        element.removeAttribute(attrName);
+                    } else {
+                        element.setAttribute(attrName, attributes[attrName]);
+                    }
+                });
+            }
+        },
+        getElement(parent, selector) {
+            return parent.querySelector(selector);
+        },
+        setOgLocaleIfValid(locale) {
+            if (this.isRemoveValue(locale)) {
+                this.ogLocale(locale);
+            } else if (locale.match(/^[a-z]{2}-[a-z]{2}$/i)) {
+                const [language, region] = locale.split("-");
+                const ogLocale = `${language}_${region.toUpperCase()}`;
+                this.ogLocale(ogLocale);
+            }
+        },
+        isRemoveValue(val) {
+            return val === undefined || val === null;
+        },
+        removeAll() {
+            let children = document.querySelectorAll("[c='renusify']");
+            if (children) {
+                let childArray = Array.prototype.slice.call(children);
+
+                childArray.forEach(function (child) {
+                    child.parentNode.removeChild(child);
+                });
+            }
+        }
+    },
+    render() {
+    }
+};

package/directive/index.js

@@ -12,7 +12,7 @@ export * as touch from './touch/index'
 export * as title from './title/index'
 export * as skeleton from './skeleton/index'
 
-export const registers = (app, directives) => {
+export const _registers = (app, directives) => {
     for (const arrayKey in directives) {
         app.directive(arrayKey,directives[arrayKey].default)
     }

package/index.js

@@ -8,8 +8,8 @@ import Notify from './components/notify/notify.js';
 import valid from './plugins/validation/Validate';
 import Toast from './components/app/toast/toast.js';
 import event from './plugins/event';
-import {register} from './components';
-import {registers} from './directive';
+import {_register} from './components';
+import {_registers} from './directive';
 import {Icons} from "./tools/icons";
 
 window.renusifyBus = event;
@@ -123,16 +123,12 @@ export default {
         app.config.globalProperties.$v = (names) => v.checkType(names)
 
         // install components
-        let required_directive = register(app, options['components'] || []);
+        let required_directive = _register(app, options['components'] || {});
         if (options['directives']) {
-            options['directives'].forEach((i) => {
-                if (!required_directive.includes(i)) {
-                    required_directive.push(i)
-                }
-            })
+            Object.assign(required_directive,options['directives'])
         }
         // install directives
-        registers(app, required_directive);
+        _registers(app, required_directive);
 
 
         // renusify breakpoint

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "renusify",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Vue3 Framework",
   "keywords": [
     "vuejs",