renusify 2.0.4 → 2.1.0

package/components/app/index.js

@@ -0,0 +1,5 @@
+export * as rApp from './index.vue'
+export * as rToast from './toast/index.vue'
+export * as l_Btn from '../button/index.js'
+export * as l_Icon from '../icon/index.js'
+export * as l_Spacer from '../container/spacer.js'

package/components/app/index.vue

@@ -13,11 +13,9 @@
 
 <script>
 import './style.scss'
-import RToast from './toast/index.vue'
 
 export default {
   name: 'r-app',
-  components: {RToast},
   props: {
     id: {
       type: [String, Number],

package/components/avatar/index.js

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

package/components/bar/bottomNav.js

@@ -0,0 +1 @@
+export * as rBottomNavigation from './bottomNav.vue'

package/components/bar/bottomNavigationCircle.js

@@ -0,0 +1,2 @@
+export * as rBottomNavigationCircle from './bottomNavigationCircle.vue'
+export * as l_icon from '../icon/index.js'

package/components/bar/bottomNavigationCircle.vue

@@ -31,7 +31,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+@import "../../style/include";
 
 .#{$prefix}bottom-navigation-circle {
   position: fixed;

package/components/bar/toolbar/index.js

@@ -0,0 +1,8 @@
+export * as rToolbar from './index.vue'
+export * as l_container from '../../container/index.js'
+export * as l_spacer from '../../container/spacer.js'
+export * as l_divider from '../../container/divider.js'
+export * as l_search from '../../searchBox/index.js'
+export * as l_img from '../../img/index.js'
+export * as l_btn from '../../button/index.js'
+export * as l_icon from '../../icon/index.js'

package/components/bar/toolbar/laptop.vue

@@ -21,11 +21,11 @@
     </div>
 </template>
 <script>
+import {defineAsyncComponent} from 'vue'
 import {toolbar} from "./mixin";
-import MenuLaptop from "./menuLaptop";
 
 export default {
-        components: {MenuLaptop},
+        components: {MenuLaptop:defineAsyncComponent(()=>import('./menuLaptop.vue'))},
         mixins: [toolbar]
     }
 </script>

package/components/bar/toolbar/menuLaptop.vue

@@ -15,11 +15,11 @@
     </div>
 </template>
 <script>
-import MenuChilds from "./menuChilds";
+import {defineAsyncComponent} from 'vue'
 
 export default {
   name: 'menu-laptop',
-  components: {MenuChilds},
+  components: {MenuChilds:defineAsyncComponent(()=>import('./menuChilds.vue'))},
   props: {menu: Array},
   data() {
     return {}

package/components/bar/toolbar/menuMob.vue

@@ -1,39 +1,39 @@
 <template>
     <div class="toolbar-mobile" :class="{'toolbar-open':modelValue}">
-      <div class="shadow" @click.prevent="close">
-        <aside class="toolbar-side pt-5">
-          <div v-if="logo" class="text-center">
-            <r-img :src="logo" alt="logo" :width="logoW" :height="logoH"></r-img>
-            <r-divider class="my-5"></r-divider>
-          </div>
-          <menu-childs :menu="menu"></menu-childs>
-        </aside>
-        <div class="toolbar-close pa-2" @click.prevent="close">
-          <r-icon v-html="$r.icons.close"></r-icon>
+        <div class="shadow" @click.prevent="close">
+            <aside class="toolbar-side pt-5">
+                <div v-if="logo" class="text-center">
+                    <r-img :src="logo" alt="logo" :width="logoW" :height="logoH"></r-img>
+                    <r-divider class="my-5"></r-divider>
+                </div>
+                <menu-childs :menu="menu"></menu-childs>
+            </aside>
+            <div class="toolbar-close pa-2" @click.prevent="close">
+                <r-icon v-html="$r.icons.close"></r-icon>
+            </div>
         </div>
-      </div>
     </div>
 </template>
 <script>
-import MenuChilds from "./menuChilds";
+import {defineAsyncComponent} from 'vue'
 
 export default {
-  name: 'menu-mobile',
-  components: {MenuChilds},
-  props: {
-    logo: String,
-    logoW: Number,
-    logoH: Number,
-    menu: Array,
-    modelValue: Boolean
-  },
-  data() {
-            return {}
-        },
-        methods: {
-            close() {
-              this.$emit('update:modelValue', false)
-            }
+    name: 'menu-mobile',
+    components: {MenuChilds: defineAsyncComponent(() => import('./menuChilds.vue'))},
+    props: {
+        logo: String,
+        logoW: Number,
+        logoH: Number,
+        menu: Array,
+        modelValue: Boolean
+    },
+    data() {
+        return {}
+    },
+    methods: {
+        close() {
+            this.$emit('update:modelValue', false)
         }
     }
+}
 </script>

package/components/bar/toolbar/mobile.vue

@@ -23,11 +23,11 @@
     </div>
 </template>
 <script>
+import {defineAsyncComponent} from 'vue'
 import {toolbar} from "./mixin";
-import MenuMobile from "./menuMob";
 
 export default {
-        components: {MenuMobile},
+        components: {MenuMobile:defineAsyncComponent(()=>import('./menuMob.vue'))},
         mixins:[toolbar]
     }
 </script>

package/components/breadcrumb/index.js

@@ -0,0 +1,3 @@
+export * as rBreadcrumbs from './index.vue'
+export * as rBreadcrumbItem from './bredcrumbItem.vue'
+export * as l_icon from '../icon/index.js'

package/components/breadcrumb/index.vue

@@ -16,11 +16,9 @@
 
 <script>
 import './style.scss'
-import RBreadcrumbItem from "./bredcrumbItem";
 
 export default {
   name: 'r-breadcrumbs',
-  components: {RBreadcrumbItem},
   props: {
     sheet: {
       type: Boolean,

package/components/button/buttonConfirm.js

@@ -0,0 +1,3 @@
+export * as rBtnConfirm from './buttonConfirm.vue'
+export * as l_btn from './index.js'
+export * as l_confirm from '../confirm/index.js'

package/components/button/buttonConfirm.vue

@@ -40,5 +40,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+
 </style>

package/components/button/buttonGroup.js

@@ -0,0 +1,7 @@
+export * as rBtnGroup from './buttonGroup.vue'
+export * as l_btn from './index.js'
+export * as l_icon from '../icon/index.js'
+export * as l_card from '../card/index.js'
+export * as l_list from '../list/index.js'
+
+export * as d_clickOutside from '../../directive/clickOutSide/index.js'

package/components/button/index.js

@@ -0,0 +1,3 @@
+export * as rBtn from './index.vue'
+export * as l_ProgressCircle from '../progress/circle.js'
+export * as d_ripple from '../../directive/ripple/index.js'

package/components/calendar/index.js

@@ -0,0 +1,10 @@
+export * as rCalendar from './index.vue'
+export * as rCalendarMonthTab from './month.vue'
+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_icon from '../icon/index.js'
+export * as l_card from '../card/index.js'
+export * as l_modal from '../modal/index.js'

package/components/calendar/index.vue

@@ -72,18 +72,18 @@
 
     <r-modal :model-value="tab!=='day'" @update:model-value="tab='day'">
       <div class="py-5">
-        <year-tab v-if="tab==='year'"
+        <r-calendar-year-tab v-if="tab==='year'"
                   :model-value='currentPeriod.year'
                   @update:model-value="(tab='month',setYear($event))"
                   :timezoneOffset="lang_zone_offset-timezoneOffset"
                   :locale="locale"
-                  :month="currentPeriod.month"></year-tab>
-        <month-tab v-if="tab==='month'"
+                  :month="currentPeriod.month"></r-calendar-year-tab>
+        <r-calendar-month-tab v-if="tab==='month'"
                    :model-value='currentPeriod.month'
                    @update:model-value="(tab='day',setMonth($event))"
                    :timezoneOffset="lang_zone_offset-timezoneOffset"
                    :locale="locale"
-                   :year="currentPeriod.year"></month-tab>
+                   :year="currentPeriod.year"></r-calendar-month-tab>
       </div>
     </r-modal>
   </div>
@@ -91,12 +91,9 @@
 </template>
 
 <script>
-import YearTab from "./year";
-import MonthTab from "./month";
 
 export default {
   name: 'calendar',
-  components: {MonthTab, YearTab},
   inheritAttrs: false,
   props: {
     lang: {

package/components/card/index.js

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

package/components/card/style.scss

@@ -7,14 +7,13 @@
   max-width: 100%;
   outline: none;
   text-decoration: none;
-  transition-property: box-shadow, opacity;
   word-break: break-word;
   overflow-wrap: break-word;
   white-space: normal;
+  transition: $primary-transition;
+  transition-property: box-shadow, opacity;
 
   &.card-sheet {
-    display: block;
-    transition: box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1);
     @include elevation('md');
     border-radius: map_get($borders, 'md');
     background-color: var(--color-sheet-container);

package/components/chart/chart.js

@@ -0,0 +1 @@
+export * as rChart from './chart.vue'

package/components/chart/chart.vue

@@ -3,7 +3,6 @@
 </template>
 
 <script>
-import * as Chart from './apexcharts'
 
 export default {
   name: "r-chart",
@@ -12,15 +11,19 @@ export default {
   },
   data() {
     return {
-      chartShape: null
+      chartShape: null,
+      Chart: null
     };
   },
-  mounted() {
-    this.build();
+  mounted(){
+    import('./apexcharts').then((d)=>{
+      this.Chart=d.default;
+      this.build()
+    })
   },
   methods: {
     build() {
-      this.chartShape = new Chart(this.$refs.chart, this.options);
+      this.chartShape = new this.Chart(this.$refs.chart, this.options);
       this.chartShape.render()
     }
   },

package/components/chart/worldMap.js

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

package/components/chart/worldMap.vue

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

package/components/chat/MessageList.vue

@@ -2,8 +2,8 @@
     <div ref="containerMessage"
          class="container-message-list" v-scroll="handle">
         <div v-for="message in messages" :key="message._id" class="message-container">
-            <r-chat-msg @see="$emit('see', $event)" :message="message" :is-me="message.user_id===myself.id"
-                        :user="message.user_id===myself.id?myself:participants[message.user_id]"></r-chat-msg>
+            <r-chat-message @see="$emit('see', $event)" :message="message" :is-me="message.user_id===myself.id"
+                        :user="message.user_id===myself.id?myself:participants[message.user_id]"></r-chat-message>
         </div>
     </div>
     <transition name="scale" v-if="!hideBottomBtn">
@@ -14,12 +14,8 @@
 </template>
 
 <script>
-import RChatMsg from "./chatMsg";
 
 export default {
-  components: {
-    RChatMsg
-  },
   emits: ["see"],
   props: {
     newMsg: {

package/components/chat/chatInput.vue

@@ -49,7 +49,7 @@
   </div>
 </template>
 <script>
-import file from "../form/fileUploader/file";
+import file from "../form/fileInput/file";
 
 export default {
   name: 'r-chat-input',

package/components/chat/index.js

@@ -0,0 +1,11 @@
+export * as rChat from './index.vue'
+export * as rChatInput from './chatInput.vue'
+export * as rChatMessageList from './MessageList.vue'
+export * as rChatMessage from './chatMsg.vue'
+export * as l_btn from '../button/index.js'
+export * as l_icon from '../icon/index.js'
+export * as l_img from '../img/index.js'
+export * as l_circle from '../progress/circle.js'
+
+export * as d_intersect from '../../directive/intersect/index.js'
+export * as d_scroll from '../../directive/scroll/index.js'

package/components/chat/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div :class="$r.prefix+'chat'">
     <div class="chat-header" v-if="title">{{ title }}</div>
-    <message-list ref="msgList" @see="$emit('see', $event)" :messages="msgs" :myself="myself"
+    <r-chat-message-list ref="msgList" @see="$emit('see', $event)" :messages="msgs" :myself="myself"
                   :participants="participants"
                   :newMsg="newMsg"
                   :hideBottomBtn="hideBottomBtn"
     >
-    </message-list>
+    </r-chat-message-list>
     <r-chat-input v-if="!hideSend"
                   @update:model-value="onMsgSubmit"
                   :send-by-enter="sendByEnter"
@@ -19,12 +19,9 @@
   </div>
 </template>
 <script>
-import MessageList from "./MessageList";
-import RChatInput from "./chatInput";
 
 export default {
   name: 'r-chat',
-  components: {RChatInput, MessageList},
   props: {
     sendByEnter: Boolean,
     placeholder: {type: String, default: 'type here'},

package/components/chip/index.js

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

package/components/codeEditor/highlightCss.vue

@@ -63,5 +63,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+
 </style>

package/components/codeEditor/highlightHtml.vue

@@ -92,5 +92,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+
 </style>

package/components/codeEditor/highlightJs.vue

@@ -62,5 +62,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import "~renusify/style/include";
+
 </style>

package/components/codeEditor/index.js

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