renusify 2.0.4 → 2.1.0

package/components/form/selectInput/index.js

@@ -0,0 +1,8 @@
+export * as rSelectInput from './index.vue'
+export * as l_Input from '../input/index.js'
+export * as l_icon from '../../icon/index.js'
+export * as l_chip from '../../chip/index.js'
+export * as l_line from '../../progress/line.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/form/{select.vue → selectInput/index.vue}

@@ -111,7 +111,7 @@ export default {
       active: false,
       openList: false,
       inputVal: null,
-      chips: this.getValue()
+      chips: []
     }
   },
   mounted() {
@@ -183,6 +183,37 @@ export default {
       })
     },
     getValue() {
+      if (!this.searchLink && this.modelValue !== undefined && this.modelValue !== null) {
+        if (typeof this.modelValue === 'string' || typeof this.modelValue === 'number') {
+          const index = this.$helper.searchArray(this.genItems, this.value, this.modelValue)
+          if (index === false) {
+            this.$emit('update:modelValue', null)
+            return []
+          }
+        } else if (this.$helper.isArray(this.modelValue)) {
+          this.modelValue.forEach((item) => {
+            if (typeof item === 'string' || typeof item === 'number') {
+              const index = this.$helper.searchArray(this.genItems, this.value, item)
+              if (index === false) {
+                this.$emit('update:modelValue', null)
+                return []
+              }
+            } else {
+              const index = this.$helper.searchArray(this.genItems, this.value, item[this.value])
+              if (index === false) {
+                this.$emit('update:modelValue', null)
+                return []
+              }
+            }
+          })
+        } else {
+          const index = this.$helper.searchArray(this.genItems, this.value, this.modelValue[this.value])
+          if (index === false) {
+            this.$emit('update:modelValue', null)
+            return []
+          }
+        }
+      }
       if (this.modelValue !== undefined && this.modelValue !== null) {
         if (this.$helper.ifHas(this.modelValue, false, this.text)) {
           return [this.modelValue]
@@ -210,6 +241,7 @@ export default {
           return this.modelValue
         }
       }
+      this.$emit('update:modelValue', null)
       return []
     },
     handleChip(e, key) {
@@ -310,7 +342,7 @@ export default {
 
 </script>
 <style lang="scss">
-@import "../../style/include";
+@import "../../../style/include";
 
 $min-height: 40px;
 .#{$prefix}select-container {

package/components/form/switchInput/index.js

@@ -0,0 +1,2 @@
+export * as rSwitchInput from './index.vue'
+export * as l_Input from '../input/index.js'

package/components/form/{switch.vue → switchInput/index.vue}

@@ -56,7 +56,7 @@ emits:['update:modelValue','change'],
 
 </script>
 <style lang="scss">
-@import "renusify/style/_include.scss";
+@import "../../../style/include";
 
 .#{$prefix}switch {
 

package/components/form/telInput/index.js

@@ -0,0 +1,7 @@
+export * as rTelInput from './index.vue'
+export * as l_textInput from '../textInput/index.js'
+export * as l_modal from '../../modal/index.js'
+export * as l_card from '../../card/index.js'
+export * as l_list from '../../list/index.js'
+export * as l_spacer from '../../container/spacer.js'
+export * as l_btn from '../../button/index.js'

package/components/form/{inputTel → telInput}/index.vue

@@ -39,7 +39,6 @@
 </template>
 
 <script>
-import allCountries from './assets/all-countries.js'
 
 export default {
   name: 'inputTel',
@@ -77,8 +76,10 @@ export default {
     }
   },
   mounted() {
-    this.initializeCountry()
-    this.countries = allCountries
+    import('./assets/all-countries.js').then((d)=>{
+      this.countries = d.default;
+      this.initializeCountry()
+    })
   },
   created() {
     if (this.modelValue) {
@@ -106,7 +107,7 @@ export default {
       }
     },
     findCountry(iso = '') {
-      return allCountries.find(country => country.iso2 === iso)
+      return this.countries.find(country => country.iso2 === iso)
     },
 
     choose(country) {
@@ -116,7 +117,6 @@ export default {
     },
     reset() {
       this.search = ''
-      this.countries = allCountries
       this.open = false
     },
 

package/components/form/text-editor/index.js

@@ -0,0 +1,15 @@
+export * as rTextEditor from './index.vue'
+export * as l_textInput from '../textInput/index.js'
+export * as l_selectInput from '../selectInput/index.js'
+export * as l_fileInput from '../fileInput/index.js'
+export * as l_switchInput from '../switchInput/index.js'
+export * as l_numberInput from '../numberInput/index.js'
+export * as l_form from '../index.js'
+export * as l_modal from '../../modal/index.js'
+export * as l_img from '../../img/index.js'
+export * as l_btn from '../../button/index.js'
+export * as l_btn_group from '../../button/buttonGroup.js'
+export * as l_icon from '../../icon/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'

package/components/form/text-editor/preview.js

@@ -0,0 +1 @@
+export * as rTextEditorPreview from './preview.vue'

package/components/form/text-editor/preview.vue

@@ -1,21 +1,22 @@
 <template>
-    <div ref="editorPreview" :class="`${$r.prefix}text-editor`" v-html="$helper.cleanXss(text)"></div>
+    <div ref="editorPreview" :class="`${$r.prefix}text-editor text-editor-preview`"
+         v-html="$helper.cleanXss(text)"></div>
 </template>
 
 <script>
-    import './style.scss'
+import './style.scss'
 
-    export default {
-        name: "law",
-        props: {
-            text: String
-        },
-        data(){
-          return{
-              id:null,
-              imgs:[]
-          }
-        },
+export default {
+  name: "law",
+  props: {
+    text: String
+  },
+  data() {
+    return {
+      id: null,
+      imgs: []
+    }
+  },
         mounted() {
             this.id=setTimeout(() => {
                 this.imgs = this.$refs.editorPreview.querySelectorAll('img')

package/components/form/text-editor/style.scss

@@ -1,8 +1,10 @@
 @import '../../../style/include';
 
 .#{$prefix}text-editor {
-  background-color: var(--color-sheet-container);
-  margin-top: 20px;
+  &:not(.text-editor-preview) {
+    background-color: var(--color-sheet-container);
+    margin-top: 20px;
+  }
 
   &.input-tile {
     border-radius: map-get($borders, 'sm');

package/components/form/textArea/index.js

@@ -0,0 +1,2 @@
+export * as rTextArea from './index.vue'
+export * as l_Input from '../input/index.js'

package/components/form/{text-area.vue → textArea/index.vue}

@@ -54,7 +54,7 @@ emits:['update:modelValue'],
 
 </script>
 <style lang="scss">
-@import "../../style/include";
+@import "../../../style/include";
 
 .#{$prefix}text-area {
   .no-resize {

package/components/form/textInput/index.js

@@ -0,0 +1,2 @@
+export * as rTextInput from './index.vue'
+export * as l_Input from '../input/index.js'

package/components/form/timeInput/index.js

@@ -0,0 +1,5 @@
+export * as rTimeInput from './index.vue'
+export * as l_Input from '../input/index.js'
+export * as l_modal from '../../modal/index.js'
+export * as l_card from '../../card/index.js'
+export * as l_btn from '../../button/index.js'

package/components/form/{timepicker → timeInput}/index.vue

@@ -54,11 +54,11 @@
 </template>
 
 <script>
-import Timepicker from "./timepicker";
+import {defineAsyncComponent} from 'vue'
 
 export default {
   name: "r-time-picker",
-  components: {Timepicker},
+  components: {Timepicker:defineAsyncComponent(()=>import('./timepicker.vue'))},
   props: {
     disableTime: {
       type: Function, default: () => {

package/components/form/timeInput/range.js

@@ -0,0 +1,5 @@
+export * as rTimeRangeInput from './range.vue'
+export * as l_Input from '../input/index.js'
+export * as l_modal from '../../modal/index.js'
+export * as l_card from '../../card/index.js'
+export * as l_btn from '../../button/index.js'

package/components/form/{timepicker → timeInput}/range.vue

@@ -65,11 +65,11 @@
 </template>
 
 <script>
-import Timepicker from "./timepicker";
+import {defineAsyncComponent} from 'vue'
 
 export default {
   name: "r-time-picker-range",
-  components: {Timepicker},
+  components: {Timepicker:defineAsyncComponent(()=>import('./timepicker.vue'))},
   props: {
     withSec: Boolean,
     noOverlay: Boolean,

package/components/form/uniqueInput/index.js

@@ -0,0 +1,2 @@
+export * as rUniqueInput from './index.vue'
+export * as l_TextInput from '../textInput/index.js'

package/components/form/unitInput/index.js

@@ -0,0 +1,3 @@
+export * as rUnitInput from './index.vue'
+export * as l_Input from '../input/index.js'
+export * as l_select from '../selectInput/index.js'

package/components/form/{unit-input.vue → unitInput/index.vue}

@@ -74,7 +74,7 @@ emits:['update:modelValue'],
 
 </script>
 <style lang="scss">
-@import "../../style/include";
+@import "../../../style/include";
 
 .#{$prefix}unit-input {
   .input-shadow, .input-shadow * {

package/components/formCreator/index.js

@@ -0,0 +1,8 @@
+export * as rFormCreator from './index.vue'
+export * as l_btn from '../button/index.js'
+export * as l_card from '../card/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_message from '../message/index.js'
+export * as l_form from '../form/index.js'

package/components/html2pdf/index.js

@@ -0,0 +1,4 @@
+export * as rHtml2pdf from './index.vue'
+export * as l_pageBreak from './pageBreak.js'
+export * as l_btn from '../button/index.js'
+export * as l_icon from '../icon/index.js'

package/components/html2pdf/pageBreak.js

@@ -0,0 +1 @@
+export * as rHtml2pdfPageBreak from './pageBreak.vue'

package/components/icon/index.js

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

package/components/img/index.js

@@ -0,0 +1,2 @@
+export * as rImg from './index.vue'
+export * as d_intersect from '../../directive/intersect/index.js'

package/components/img/index.vue

@@ -24,11 +24,11 @@
   </div>
 </template>
 <script>
-import SvgImg from "./svgImg";
+import {defineAsyncComponent} from 'vue'
 
 export default {
   name: 'r-img',
-  components: {SvgImg},
+  components: {SvgImg:defineAsyncComponent(()=>import('./svgImg.vue'))},
   props: {
     src: {
       type: String,

package/components/img/svgImg.vue

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