nuxt-glorious 2.0.0-develop-14 → 2.0.0-develop-15

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-14"
+  "version": "2.0.0-develop-15"
 }

package/dist/runtime/components/G/Input.vue

@@ -12,9 +12,9 @@ const inputValue: any = ref(null)
 watch(
   () => inputValue.value,
   () => {
-    if (getAttribute(props.mode, 'icon', 'mode') === 'tag') return
+    if (getAttribute(props.mode, 'input', 'mode') === 'tag') return
 
-    switch (getAttribute(props.display, 'icon', 'display')) {
+    switch (getAttribute(props.display, 'input', 'display')) {
       case 'price':
         inputValue.value = numbersWithSeparateSamePrice(inputValue.value)
         modelValue.value = inputValue.value.toString().replaceAll(',', '')
@@ -57,11 +57,11 @@ const computeIconSize = computed(() => {
 const tags: any = ref([])
 
 const addTag = (event: any) => {
-  if (getAttribute(props.tagLockOption, 'icon', 'tagLockOption')) return
+  if (getAttribute(props.tagLockOption, 'input', 'tagLockOption')) return
 
   if (tags.value.length === 0) tags.value = []
 
-  if (getAttribute(props.mode, 'icon', 'mode') !== 'tag') return
+  if (getAttribute(props.mode, 'input', 'mode') !== 'tag') return
   const value: any = event.target.value
   tags.value.push(value)
   modelValue.value = tags.value
@@ -104,7 +104,7 @@ const removeTag = (tag: string) => {
 
 // -------------------------------------- init value
 const initValue = () => {
-  if (getAttribute(props.mode, 'icon', 'mode') === 'tag') {
+  if (getAttribute(props.mode, 'input', 'mode') === 'tag') {
     tags.value = modelValue.value
     return
   }
@@ -117,10 +117,10 @@ watch(
   () => initValue()
 )
 
-const typeInput = ref(getAttribute(props.type, 'icon', 'type'))
+const typeInput = ref(getAttribute(props.type, 'input', 'type'))
 
 const inputClicked = (event: any) => {
-  if (getAttribute(props.mode, 'icon', 'mode') === 'tag' && props.options) {
+  if (getAttribute(props.mode, 'input', 'mode') === 'tag' && props.options) {
     const gio = document.querySelectorAll('.glorious-input-options')
     gio.forEach((element: any) => element.classList.add('hidden'))
 
@@ -137,9 +137,9 @@ const inputClicked = (event: any) => {
 <template>
   <div class="flex flex-col">
     <span class="glorious-title text-sm font-medium text-gray-500">
-      {{ getAttribute(props.title, 'icon', 'title') }}
+      {{ getAttribute(props.title, 'input', 'title') }}
       <span
-        v-if="getAttribute(props.required, 'icon', 'required')"
+        v-if="getAttribute(props.required, 'input', 'required')"
         class="text-red-500"
       >
         *
@@ -156,28 +156,28 @@ const inputClicked = (event: any) => {
       <div class="relative">
         <input
           v-model="inputValue"
-          :inputmode="getAttribute(props.inputMode, 'icon', 'inputMode')"
+          :inputmode="getAttribute(props.inputMode, 'input', 'inputMode')"
           :autocomplete="
-            getAttribute(props.autocomplete, 'icon', 'autocomplete')
+            getAttribute(props.autocomplete, 'input', 'autocomplete')
           "
           class="w-full glorious-input-field"
           :class="[
             `size-${props.size}`,
-            `glorious-input-${getAttribute(props.color, 'icon', 'color')}`,
-            getAttribute(props.type, 'icon', 'type') === 'password'
+            `glorious-input-${getAttribute(props.color, 'input', 'color')}`,
+            getAttribute(props.type, 'input', 'type') === 'password'
               ? 'pl-[30px] pr-3'
               : 'px-3',
-            `mode-${getAttribute(props.mode, 'icon', 'mode')}`,
+            `mode-${getAttribute(props.mode, 'input', 'mode')}`,
           ]"
-          :placeholder="getAttribute(props.placeholder, 'icon', 'placeholder')"
-          :disabled="getAttribute(props.disable, 'icon', 'disable')"
+          :placeholder="getAttribute(props.placeholder, 'input', 'placeholder')"
+          :disabled="getAttribute(props.disable, 'input', 'disable')"
           :type="typeInput"
           @keyup.enter="addTag($event)"
           @click="inputClicked($event)"
         />
         <GIcon
           v-if="
-            getAttribute(props.type, 'icon', 'type') === 'password' &&
+            getAttribute(props.type, 'input', 'type') === 'password' &&
             typeInput === 'password'
           "
           class="absolute left-0 top-0 bottom-0 my-auto ml-1 cursor-pointer"
@@ -187,7 +187,7 @@ const inputClicked = (event: any) => {
         ></GIcon>
         <GIcon
           v-if="
-            getAttribute(props.type, 'icon', 'type') === 'password' &&
+            getAttribute(props.type, 'input', 'type') === 'password' &&
             typeInput === 'text'
           "
           class="absolute left-0 top-0 bottom-0 my-auto ml-1 cursor-pointer"
@@ -202,7 +202,7 @@ const inputClicked = (event: any) => {
           :class="[`size-${props.size}`]"
         >
           <div
-            v-if="getAttribute(props.loading, 'icon', 'loading')"
+            v-if="getAttribute(props.loading, 'input', 'loading')"
             class="flex justify-center"
           >
             <GLoading color="green" />
@@ -216,7 +216,7 @@ const inputClicked = (event: any) => {
             >
               {{
                 option[
-                  getAttribute(props.displayTextKey, 'icon', 'displayTextKey')
+                  getAttribute(props.displayTextKey, 'input', 'displayTextKey')
                 ]
               }}
             </div>
@@ -234,7 +234,7 @@ const inputClicked = (event: any) => {
           {{
             typeof item === 'object'
               ? item[
-                  getAttribute(props.displayTextKey, 'icon', 'displayTextKey')
+                  getAttribute(props.displayTextKey, 'input', 'displayTextKey')
                 ]
               : item
           }}
@@ -253,7 +253,7 @@ const inputClicked = (event: any) => {
         :size="computeIconSize"
       />
       <div
-        v-if="getAttribute(props.loading, 'icon', 'loading')"
+        v-if="getAttribute(props.loading, 'input', 'loading')"
         class="absolute top-1 bottom-0 my-auto left-1"
       >
         <GLoading color="green" />

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-14",
+  "version": "2.0.0-develop-15",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",