renusify 2.0.6 → 2.1.0

package/components/list/index.js

@@ -0,0 +1,3 @@
+export * as rList from './index.vue'
+export * as l_icon from '../icon/index.js'
+export * as d_ripple from '../../directive/ripple/index.js'

package/components/map/index.js

@@ -0,0 +1,5 @@
+export * as rMap from './index.vue'
+export * as l_search from '../searchBox/index.js'
+export * as l_btn from '../button/index.js'
+export * as l_icon from '../icon/index.js'
+export * as l_confirm from '../confirm/index.js'

package/components/map/index.vue

@@ -98,8 +98,8 @@ export default {
       this.$r.icons.crosshairs_gps = '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m-8.95 5H1v-2h2.05C3.5 6.83 6.83 3.5 11 3.05V1h2v2.05c4.17.45 7.5 3.78 7.95 7.95H23v2h-2.05c-.45 4.17-3.78 7.5-7.95 7.95V23h-2v-2.05C6.83 20.5 3.5 17.17 3.05 13M12 5a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7Z"/></svg>'
     }
   },
-  async beforeMount() {
-    await this.add();
+  mounted() {
+    this.add();
   },
   watch: {
     modelValue: function (n, o) {
@@ -300,18 +300,19 @@ export default {
           break;
       }
     },
-    async add() {
+    add() {
       import('./leaflet.css')
-      await import('./leaflet')
-      this.L = global.L
-      this.run();
+      import('./leaflet').then(()=>{
+        this.L = global.L
+        this.run();
+      })
     },
   }
 };
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+@import "../../style/include";
 
 .#{$prefix}map {
   position: relative;

package/components/map/route.js

@@ -0,0 +1,9 @@
+export * as rMapRoute from './route.vue'
+export * as l_map from './index.js'
+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_divider from '../container/divider.js'
+export * as l_spacer from '../container/spacer.js'
+export * as l_btn from '../button/index.js'
+export * as l_icon from '../icon/index.js'

package/components/map/route.vue

@@ -565,7 +565,7 @@ export default {
 }
 </script>
 <style lang="scss">
-@import "~renusify/style/include";
+@import "../../style/include";
 
 .#{$prefix}map-route {
   display: flex;

package/components/map/select.js

@@ -0,0 +1,2 @@
+export * as rMapSelect from './select.vue'
+export * as l_map from './index.js'

package/components/menu/index.js

@@ -0,0 +1,5 @@
+export * as rMenu from './index.vue'
+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 d_clickOutside from '../../directive/clickOutSide/index.js'

package/components/message/index.js

@@ -0,0 +1,4 @@
+export * as rMessage from './index.vue'
+export * as l_c from '../container/index.js'
+export * as l_r from '../container/row.js'
+export * as l_co from '../container/col.js'

package/components/meta/index.js

@@ -1,5 +1,5 @@
 //https://github.com/troxler/headful/blob/master/src/headful.js
-export default {
+export const rMeta= {
     name: "r-meta",
     created(){
         this.build()

package/components/modal/index.js

@@ -0,0 +1,3 @@
+export * as rModal from './index.vue'
+export * as l_icon from '../icon/index.js'
+export * as l_btn from '../button/index.js'

package/components/modal/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <teleport :to="`.${$r.prefix}app`">
+  <teleport v-if="show" :to="`.${$r.prefix}app`">
     <div v-if="modelValue&&!noOverlay" :class="{
       [`${$r.prefix}modal-overlay`]:true
     }"></div>
@@ -64,7 +64,8 @@ export default {
   data() {
     return {
       state: null,
-      run_animate: false
+      run_animate: false,
+      show: false,
     }
   },
   created() {
@@ -74,6 +75,9 @@ export default {
         this.$emit('update:modelValue', true)
       }
     }
+    setTimeout(()=>{
+      this.show=true
+    },10)
   },
   watch: {
     '$route': function (n) {

package/components/modal/style.scss

@@ -6,6 +6,7 @@
   position: fixed;
   left: 0;
   right: 0;
+  top:0;
   z-index: map_get($z-index, 'important');
   background-color: var(--color-overlay);
   backdrop-filter: blur(3px) grayscale(30%);

package/components/nestable/index.js

@@ -0,0 +1 @@
+export * as rNestable from './index.vue'

package/components/nestable/index.vue

@@ -33,14 +33,14 @@
 </template>
 
 <script>
-import NestableItem from "./NestableItem.vue";
+import {defineAsyncComponent} from 'vue'
 import methods from "./methods";
 import editable from "./editable";
 
 export default {
   name: "r-nestable",
   components: {
-    NestableItem,
+    NestableItem:defineAsyncComponent(()=>import('./NestableItem.vue')),
   },
   mixins: [methods, editable],
   props: {
@@ -87,7 +87,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@import "~renusify/style/include";
+@import "../../style/include";
 
 .#{$prefix}nestable {
   .nestable-handle {

package/components/notify/index.js

@@ -0,0 +1,3 @@
+export * as rNotify from './index.vue'
+export * as l_btn from '../button/index.js'
+export * as l_icon from '../icon/index.js'

package/components/notify/index.vue

@@ -30,11 +30,11 @@
     </div>
 </template>
 <script>
-import Notification from './notification.vue'
+import {defineAsyncComponent} from 'vue'
 
 export default {
   components: {
-    notification: Notification
+    notification: defineAsyncComponent(()=>import('./notification.vue'))
   },
   props: {
     permanent: {

package/components/progress/circle.js

@@ -0,0 +1 @@
+export * as rProgressCircle from './circle.vue'

package/components/progress/line.js

@@ -0,0 +1 @@
+export * as rProgressLine from './line.vue'

package/components/searchBox/index.js

@@ -0,0 +1,8 @@
+export * as rSearchBox from './index.vue'
+export * as l_line from '../progress/line.js'
+export * as l_btn from '../button/index.js'
+export * as l_card from '../card/index.js'
+export * as l_list from '../list/index.js'
+export * as l_icon from '../icon/index.js'
+export * as l_select from '../form/selectInput/index.js'
+export * as d_clickOutside from '../../directive/clickOutSide/index.js'

package/components/searchBox/index.vue

@@ -158,7 +158,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@import "~renusify/style/include";
+@import "../../style/include";
 
 .#{$prefix}search-box {
   position: relative;

package/components/skeleton/index.js

@@ -0,0 +1 @@
+export * as rSkeleton from './index.vue'

package/components/skeleton/index.vue

@@ -27,7 +27,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+@import "../../style/include";
 
 .#{$prefix}skeleton {
   .sk-card, .sk-line, .sk-avatar {

package/components/slider/index.js

@@ -0,0 +1,6 @@
+export * as rSlider from './index.vue'
+
+export * as l_btn from '../button/index.js'
+export * as l_icon from '../icon/index.js'
+export * as l_line from '../progress/line.js'
+export * as d_touch from '../../directive/touch/index.js'

package/components/swiper/index.js

@@ -0,0 +1,2 @@
+export * as rSwiper from './index.vue'
+export * as d_touch from '../../directive/touch/index.js'

package/components/table/crud/index.js

@@ -0,0 +1,20 @@
+export * as rTableCrud from './index.vue'
+export * as l_table from '../index.js'
+export * as l_modal from '../../modal/index.js'
+export * as l_card from '../../card/index.js'
+export * as l_form from '../../formCreator/index.js'
+export * as l_btn from '../../button/index.js'
+export * as l_icon from '../../icon/index.js'
+export * as l_time from '../../timeAgo/index.js'
+export * as l_confirm from '../../confirm/index.js'
+export * as l_line from '../../progress/line.js'
+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_divider from '../../container/divider.js'
+export * as l_json from '../../form/jsonInput/index.js'
+export * as l_text from '../../form/textInput/index.js'
+export * as l_select from '../../form/selectInput/index.js'
+export * as l_date from '../../form/dateInput/index.js'
+export * as l_number from '../../form/numberInput/index.js'
+export * as l_switch from '../../form/switchInput/index.js'