renusify 1.0.4 → 1.0.5

package/components/form/colorPicker/Alpha.vue

@@ -53,6 +53,9 @@ export default {
   },
   methods: {
     renderColor() {
+      if (!this.ctx) {
+        return
+      }
       const canvasSquare = this.createAlphaSquare(this.alphaSize)
       this.ctx.fillStyle = this.ctx.createPattern(canvasSquare, 'repeat')
       this.ctx.fillRect(0, 0, this.width, this.height)

package/components/form/colorPicker/Preview.vue

@@ -37,6 +37,9 @@ export default {
   },
   methods: {
     renderColor() {
+      if (!this.ctx) {
+        return
+      }
       const canvasSquare = this.createAlphaSquare(this.alphaSize)
 
       this.ctx.fillStyle = this.ctx.createPattern(canvasSquare, 'repeat')

package/components/form/group-input.vue

@@ -75,13 +75,14 @@ export default {
       if (this.show_add) {
         let a = this.modelValue || []
         a.push(this.$helper.clearProxy(this.template))
+        this.$emit('add', true)
         this.$emit('update:model-value', a)
       }
-
     },
     del(i) {
       let a = this.modelValue || []
       a.splice(i, 1)
+      this.$emit('delete', i)
       this.$emit('update:model-value', a)
     },
     up(i) {

package/components/form/number.vue

@@ -9,7 +9,7 @@
         <r-icon v-html="$r.icons.minus"></r-icon>
       </r-btn>
       <input @input="emit"
-             class="text-center"
+             class="text-center ltr"
              @focusin="active=true"
              @focusout="active=false"
              ref="input"

package/components/iframe/index.vue

@@ -14,7 +14,7 @@ export default {
           prefix: "sm-",
           lang: "en",
           package: 'renusify',
-          directives: ["title", "scroll"]
+          directives: []
         }
       }
     }

package/components/index.js

@@ -1,110 +1,200 @@
 const list = {
-    'r-app': {'p': 'app/index.vue', 'c': [], 'd': []},
-    'r-content': {'p': 'content/index.vue', 'c': [], 'd': []},
-    'r-meta': {'p': 'meta/index.js', 'c': [], 'd': []},
+    'r-app': {'p': 'app/index.vue', 'c': ['r-btn', 'r-icon', 'r-spacer'], 'd': []},
+    'r-avatar': {'p': 'avatar/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
+    'r-toolbar': {
+        'p': 'bar/toolbar/index.vue',
+        'c': ['r-container', 'r-spacer', 'r-search-box', 'r-img', 'r-icon', 'r-btn', 'r-divider'],
+        'd': []
+    },
+    'r-bottom-navigation': {'p': 'bar/bottomNav.vue', 'c': [], 'd': []},
+    'r-bottom-navigation-circle': {'p': 'bar/bottomNavigationCircle.vue', 'c': ['r-icon'], 'd': []},
+    'r-breadcrumbs': {'p': 'breadcrumb/index.vue', 'c': ['r-icon'], 'd': []},
+    'r-btn': {'p': 'button/index.vue', 'c': ['r-progress-circular'], 'd': ['ripple']},
+    'r-btn-group': {
+        'p': 'button/buttonGroup.vue',
+        'c': ['r-btn', 'r-icon', 'r-card', 'r-list'],
+        'd': ['click-outside']
+    },
+    'r-calendar': {
+        'p': 'calendar/index.vue',
+        'c': ['r-container', 'r-row', 'r-col', 'r-btn', 'r-icon', 'r-modal', 'r-card'],
+        'd': []
+    },
+    'r-card': {'p': 'card/index.vue', 'c': [], 'd': ['ripple']},
+    'r-chart': {'p': 'chart/chart.vue', 'c': [], 'd': []},
+    'r-chat': {
+        'p': 'chat/index.vue',
+        'c': ['r-btn', 'r-icon', 'r-progress-circular', 'r-img'],
+        'd': ['intersect', 'scroll']
+    },
+    'r-chip': {'p': 'chip/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
+    'r-code-editor': {'p': 'codeEditor/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
+    'r-confirm': {
+        'p': 'confirm/index.vue',
+        'c': ['r-modal', 'r-card', 'r-container', 'r-row', 'r-col', 'r-divider', 'r-form', 'r-text-input', 'r-btn'],
+        'd': []
+    },
     'r-container': {'p': 'container/index.vue', 'c': [], 'd': []},
     'r-row': {'p': 'container/row.vue', 'c': [], 'd': []},
     'r-col': {'p': 'container/col.vue', 'c': [], 'd': []},
     'r-spacer': {'p': 'container/spacer.vue', 'c': [], 'd': []},
     'r-divider': {'p': 'container/divider.vue', 'c': [], 'd': []},
-    'r-btn': {'p': 'button/index.vue', 'c': [], 'd': ['ripple']},
-    'r-icon': {'p': 'icon/index.vue', 'c': [], 'd': []},
-    'r-form-creator': {'p': 'formCreator/index.vue', 'c': [], 'd': []},
-    'r-card': {'p': 'card/index.vue', 'c': [], 'd': ['ripple']},
-    'r-modal': {'p': 'modal/index.vue', 'c': [], 'd': []},
+    'r-content': {'p': 'content/index.vue', 'c': [], 'd': []},
+    'r-count-down': {'p': 'countdown/index.vue', 'c': [], 'd': []},
+    'r-float': {'p': 'float/index.vue', 'c': [], 'd': []},
     'r-form': {'p': 'form/form.vue', 'c': [], 'd': []},
-    'r-input': {'p': 'form/input.vue', 'c': [], 'd': []},
-    'r-text-input': {'p': 'form/text-input.vue', 'c': [], 'd': []},
-    'r-unit-input': {'p': 'form/unit-input.vue', 'c': [], 'd': []},
-    'r-tel': {'p': 'form/inputTel/index.vue', 'c': [], 'd': []},
-    'r-switch': {'p': 'form/switch.vue', 'c': [], 'd': []},
-    'r-checkbox': {'p': 'form/checkbox.vue', 'c': [], 'd': []},
-    'r-radio-input': {'p': 'form/radioInput.vue', 'c': [], 'd': []},
-    'r-chip': {'p': 'chip/index.vue', 'c': [], 'd': []},
-    'r-list': {'p': 'list/index.vue', 'c': [], 'd': ['ripple']},
-    'r-table': {'p': 'table/index.vue', 'c': [], 'd': ['sortable']},
-    'r-table-crud': {'p': 'table/crud/index.vue', 'c': [], 'd': []},
-    'r-message': {'p': 'message/index.vue', 'c': [], 'd': []},
-    'r-time-ago': {'p': 'timeAgo/index.vue', 'c': [], 'd': []},
-    'r-confirm': {'p': 'confirm/index.vue', 'c': [], 'd': []},
-    'r-mask-input': {'p': 'form/mask-input.vue', 'c': [], 'd': ['mask']},
+    'r-color-picker': {
+        'p': 'form/colorPicker/index.vue',
+        'c': ['r-input', 'r-modal', 'r-btn', 'r-icon'],
+        'd': ['touch']
+    },
+    'r-date-picker': {
+        'p': 'form/datePicker/index.vue',
+        'c': ['r-input', 'r-modal', 'r-container', 'r-row', 'r-col', 'r-btn', 'r-icon'],
+        'd': []
+    },
+    'r-file-uploader': {
+        'p': 'form/fileUploader/index.vue',
+        'c': ['r-input', 'r-row', 'r-btn', 'r-icon', 'r-progress-circular', 'r-text-input'],
+        'd': []
+    },
+    'r-tel': {
+        'p': 'form/inputTel/index.vue',
+        'c': ['r-modal', 'r-card', 'r-text-input', 'r-list', 'r-spacer', 'r-btn'],
+        'd': []
+    },
+    'r-json': {
+        'p': 'form/json/index.vue',
+        'c': ['r-btn', 'r-icon', 'r-text-input', 'r-select', 'r-number', 'r-switch'],
+        'd': []
+    },
+    'r-text-editor': {
+        'p': 'form/text-editor/index.vue',
+        'c': ['r-container', 'r-row', 'r-col', 'r-btn-group', 'r-btn',
+            'r-icon', 'r-select', 'r-input', 'r-img', 'r-modal',
+            'r-form', 'r-file-uploader', 'r-text-input', 'r-switch', 'r-number'],
+        'd': []
+    },
+    'r-text-editor-preview': {'p': 'form/text-editor/preview.vue', 'c': [], 'd': []},
+    'r-time-picker': {'p': 'form/timepicker/index.vue', 'c': ['r-input', 'r-modal', 'r-card', 'r-btn'], 'd': []},
+    'r-unique-feild': {'p': 'form/uniqueFeild/index.vue', 'c': ['r-text-input'], 'd': []},
+    'r-address': {'p': 'form/address.vue', 'c': ['r-select', 'r-text-area', 'r-text-input'], 'd': []},
+    'r-cam-input': {'p': 'form/camInput', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
+    'r-check-input': {'p': 'form/check-input.vue', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
+    'r-checkbox': {'p': 'form/checkbox.vue', 'c': ['r-input', 'r-icon'], 'd': []},
+    'r-group-input': {
+        'p': 'form/group-input.vue',
+        'c': ['r-text-input', 'r-number', 'r-switch', 'r-btn', 'r-icon'],
+        'd': []
+    },
+    'r-input': {'p': 'form/input.vue', 'c': ['r-icon'], 'd': []},
+    'r-mask-input': {'p': 'form/mask-input.vue', 'c': ['r-input'], 'd': ['mask']},
+    'r-number': {'p': 'form/number.vue', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
+    'r-password': {'p': 'form/password.vue', 'c': ['r-input', 'r-icon'], 'd': []},
+    'r-radio-input': {'p': 'form/radioInput.vue', 'c': ['r-input', 'r-icon'], 'd': []},
+    'r-range': {'p': 'form/range.vue', 'c': ['r-input'], 'd': ['touch']},
+    'r-rating': {'p': 'form/rating.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
+    'r-select': {
+        'p': 'form/select.vue',
+        'c': ['r-input', 'r-chip', 'r-progress-liner', 'r-card', 'r-list', 'r-icon'],
+        'd': ['click-outside']
+    },
+    'r-switch': {'p': 'form/switch.vue', 'c': ['r-input'], 'd': []},
+    'r-text-area': {'p': 'form/text-area.vue', 'c': ['r-input'], 'd': []},
+    'r-text-input': {'p': 'form/text-input.vue', 'c': ['r-input'], 'd': []},
+    'r-unit-input': {'p': 'form/unit-input.vue', 'c': ['r-input', 'r-select'], 'd': []},
+    'r-form-creator': {
+        'p': 'formCreator/index.vue',
+        'c': ['r-card', 'r-container', 'r-message', 'r-form', 'r-row', 'r-col', 'r-btn'],
+        'd': []
+    },
+    'r-html2pdf': {'p': 'html2pdf/index.vue', 'c': ['r-btn', 'r-icon', 'r-html2pdf-page-break'], 'd': []},
+    'r-html2pdf-page-break': {'p': 'html2pdf/pageBreak.vue', 'c': [], 'd': []},
+    'r-icon': {'p': 'icon/index.vue', 'c': [], 'd': []},
+    'r-img': {'p': 'img/index.vue', 'c': [], 'd': []},
+    'r-infinite-div': {
+        'p': 'infinite/div.vue',
+        'c': ['r-container', 'r-row', 'r-col', 'r-progress-liner'],
+        'd': ['scroll']
+    },
+    'r-infinite-page': {'p': 'infinite/page.vue', 'c': ['r-progress-liner'], 'd': ['scroll']},
+    'r-infinite-box': {
+        'p': 'infinite/index.vue',
+        'c': ['r-card', 'r-container', 'r-row', 'r-col', 'r-switch', 'r-infinite-div'],
+        'd': []
+    },
+    'r-list': {'p': 'list/index.vue', 'c': ['r-icon'], 'd': ['ripple']},
+    'r-map': {'p': 'map/index.vue', 'c': ['r-search-box', 'r-btn', 'r-icon', 'r-confirm'], 'd': []},
+    'r-map-select': {'p': 'map/select.vue', 'c': ['r-map'], 'd': []},
+    'r-map-route': {
+        'p': 'map/route.vue',
+        'c': ['r-container', 'r-row', 'r-col', 'r-map', 'r-divider', 'r-spacer', 'r-btn', 'r-icon'],
+        'd': []
+    },
+    'r-menu': {'p': 'menu/index.vue', 'c': ['r-btn', 'r-icon', 'r-card'], 'd': ['click-outside']},
+    'r-message': {'p': 'message/index.vue', 'c': ['r-container', 'r-row', 'r-col'], 'd': []},
+    'r-meta': {'p': 'meta/index.js', 'c': [], 'd': []},
+    'r-modal': {'p': 'modal/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
     'r-progress-circular': {'p': 'progress/circular.vue', 'c': [], 'd': []},
     'r-progress-liner': {'p': 'progress/liner.vue', 'c': [], 'd': []},
-    'r-img': {'p': 'img/index.vue', 'c': [], 'd': []},
-    'r-chart': {'p': 'chart/chart.vue', 'c': [], 'd': []},
-    'r-date-picker': {'p': 'form/datePicker/index.vue', 'c': [], 'd': []},
-    'r-btn-group': {'p': 'button/buttonGroup.vue', 'c': [], 'd': ['click-outside']},
-    'r-group-input': {'p': 'form/group-input.vue', 'c': [], 'd': []},
-    'r-text-area': {'p': 'form/text-area.vue', 'c': [], 'd': []},
-    'r-address': {'p': 'form/address.vue', 'c': [], 'd': []},
-    'r-check-input': {'p': 'form/check-input.vue', 'c': [], 'd': []},
-    'r-unique-feild': {'p': 'form/uniqueFeild/index.vue', 'c': [], 'd': []},
-    'r-file-uploader': {'p': 'form/fileUploader/index.vue', 'c': [], 'd': []},
-    'r-select': {'p': 'form/select.vue', 'c': [], 'd': ['click-outside']},
-    'r-range': {'p': 'form/range.vue', 'c': [], 'd': ['touch']},
-    'r-number': {'p': 'form/number.vue', 'c': [], 'd': []},
-    'r-rating': {'p': 'form/rating.vue', 'c': [], 'd': []},
-    'r-text-editor': {'p': 'form/text-editor/index.vue', 'c': [], 'd': []},
-    'r-text-editor-preview': {'p': 'form/text-editor/preview.vue', 'c': [], 'd': []},
-    'r-avatar': {'p': 'avatar/index.vue', 'c': [], 'd': []},
-    'r-toolbar': {'p': 'bar/toolbar/index.vue', 'c': [], 'd': []},
-    'r-bottom-navigation': {'p': 'bar/bottomNav.vue', 'c': [], 'd': []},
-    'r-bottom-navigation-circle': {'p': 'bar/bottomNavigationCircle.vue', 'c': [], 'd': []},
-    'r-breadcrumbs': {'p': 'breadcrumb/index.vue', 'c': [], 'd': []},
-    'r-breadcrumbs-item': {'p': 'breadcrumb/bredcrumbItem.vue', 'c': [], 'd': []},
-    'r-count-down': {'p': 'countdown/index.vue', 'c': [], 'd': []},
-    'r-slider': {'p': 'slider/index.vue', 'c': [], 'd': ['touch']},
+    'r-search-box': {
+        'p': 'searchBox/index.vue',
+        'c': ['r-input', 'r-progress-liner', 'r-card', 'r-list', 'r-btn', 'r-icon'],
+        'd': ['click-outside']
+    },
+    'r-slider': {'p': 'slider/index.vue', 'c': ['r-progress-liner', 'r-btn', 'r-icon'], 'd': ['touch']},
     'r-swiper': {'p': 'swiper/index.vue', 'c': [], 'd': ['touch']},
-    'r-tabs': {'p': 'tabs/index.vue', 'c': [], 'd': []},
-    'r-infinite-div': {'p': 'infinite/div.vue', 'c': [], 'd': ['scroll']},
-    'r-infinite-page': {'p': 'infinite/page.vue', 'c': [], 'd': ['scroll']},
-    'r-infinite-box': {'p': 'infinite/index.vue', 'c': [], 'd': []},
-    'r-iframe': {'p': 'iframe/index.vue', 'c': [], 'd': []},
-    'r-menu': {'p': 'menu/index.vue', 'c': [], 'd': ['click-outside']},
-    'r-tree': {'p': 'tree/index.vue', 'c': [], 'd': []},
-    'r-tree-element': {'p': 'tree/tree-element.vue', 'c': [], 'd': []},
-    'r-float': {'p': 'float/index.vue', 'c': [], 'd': []},
-    'r-timeline': {'p': 'timeline/index.vue', 'c': [], 'd': []},
-    'r-password': {'p': 'form/password.vue', 'c': [], 'd': []},
-    'r-color-picker': {'p': 'form/colorPicker/index.vue', 'c': [], 'd': ['touch']},
-    'r-html2pdf': {'p': 'html2pdf/index.vue', 'c': [], 'd': []},
-    'r-html2pdf-page-break': {'p': 'html2pdf/pageBreak.vue', 'c': [], 'd': []},
-    'r-code-editor': {'p': 'codeEditor/index.vue', 'c': [], 'd': []},
-    'r-map': {'p': 'map/index.vue', 'c': [], 'd': []},
-    'r-map-select': {'p': 'map/select.vue', 'c': [], 'd': []},
-    'r-map-route': {'p': 'map/route.vue', 'c': [], 'd': []},
-    'r-tour': {'p': 'tour/index.vue', 'c': [], 'd': []},
-    'r-chat': {'p': 'chat/index.vue', 'c': [], 'd': ['intersect', 'scroll']},
-    'r-time-picker': {'p': 'form/timepicker/index.vue', 'c': [], 'd': []},
-    'r-cam-input': {'p': 'form/camInput', 'c': [], 'd': []},
-    'r-json': {'p': 'form/json/index.vue', 'c': [], 'd': []},
-    'r-calendar': {'p': 'calendar/index.vue', 'c': [], 'd': []},
-    'r-search-box': {'p': 'searchBox/index.vue', 'c': [], 'd': ['click-outside']},
+    'r-table': {
+        'p': 'table/index.vue',
+        'c': ['r-btn', 'r-icon', 'r-switch', 'r-progress-liner', 'r-modal', 'r-card', 'r-container', 'r-row', 'r-col'],
+        'd': ['sortable']
+    },
+    'r-table-crud': {
+        'p': 'table/crud/index.vue',
+        'c': ['r-card', 'r-modal', 'r-form-creator', 'r-json', 'r-divider', 'r-number', 'r-btn', 'r-table', 'r-icon',
+            'r-time-ago', 'r-switch', 'r-confirm', 'r-container', 'r-row', 'r-col', 'r-text-input', 'r-select', 'r-date-picker',
+            'r-progress-liner'],
+        'd': []
+    },
+    'r-tabs': {'p': 'tabs/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
+    'r-time-ago': {'p': 'timeAgo/index.vue', 'c': [], 'd': []},
+    'r-timeline': {'p': 'timeline/index.vue', 'c': ['r-container', 'r-row', 'r-col'], 'd': []},
+    'r-tour': {'p': 'tour/index.vue', 'c': ['r-container', 'r-spacer', 'r-btn'], 'd': []},
+
+    'r-tree': {
+        'p': 'tree/index.vue',
+        'c': ['r-container', 'r-row', 'r-col', 'r-select', 'r-float', 'r-tree-element'],
+        'd': []
+    },
+    'r-tree-element': {'p': 'tree/tree-element.vue', 'c': ['r-container', 'r-row', 'r-col', 'r-btn', 'r-icon'], 'd': []}
 }
 
 export const register = (app, components) => {
     let d = {}
-    if (components.length === 0) {
-        for (let c in list) {
-            if (list.hasOwnProperty(c)) {
-                app.component(c, require('./' + list[c]['p']).default)
-                list[c]['d'].forEach((i) => {
-                    d[i] = true
-                })
-            }
-        }
-    } else {
-        components.forEach((c) => {
+    let s = {}
+    const setup = (ls) => {
+        ls.forEach((c) => {
             try {
-                app.component(c, require('./' + list[c]['p']).default)
-                list[c]['d'].forEach((i) => {
-                    d[i] = true
-                })
+                if (!s[c]) {
+                    app.component(c, require('./' + list[c]['p']).default)
+                    list[c]['d'].forEach((i) => {
+                        d[i] = true
+                    })
+                    setup(list[c]['c'])
+                    s[c] = true
+                }
             } catch (e) {
                 console.error('component not found', c, e)
             }
-
         })
     }
+    if (components.length === 0) {
+        setup(Object.keys(list))
+    } else {
+        if (!components.includes('r-app')) {
+            setup(['r-app'])
+        }
+        setup(components)
+    }
     return Object.keys(d)
 }

package/components/infinite/index.vue

@@ -30,11 +30,9 @@
 </template>
 
 <script>
-    import RInfiniteDiv from "./div";
 
     export default {
         name: 'r-infinite-box',
-        components: {RInfiniteDiv},
         props: {
             color:{
               type:String,