@finema/core 1.4.90 → 1.4.91

package/dist/runtime/components/Form/InputSelect/index.vue

@@ -1,36 +1,36 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps">
-    <USelectMenu
-      v-model="value"
-      searchable
-      :options="options"
-      :placeholder="placeholder || label"
-      :disabled="wrapperProps.isDisabled"
-      :loading="loading"
-      :searchable-placeholder="searchablePlaceholder"
-      value-attribute="value"
-      option-attribute="label"
-      :icon="icon"
-      :color="color"
-      :size="size"
-      :ui="ui"
-      :ui-menu="uiMenu"
-    >
-      <template #label>
-        <span v-if="value" class="truncate">
-          {{ options.find((item) => item.value === value)?.label || value }}
-        </span>
-      </template>
-    </USelectMenu>
-  </FieldWrapper>
-</template>
-
-<script lang="ts" setup>
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-import { useFieldHOC } from '#core/composables/useForm'
-import { type ISelectFieldProps } from '#core/components/Form/InputSelect/types'
-
-const props = withDefaults(defineProps<ISelectFieldProps>(), {})
-
-const { value, wrapperProps } = useFieldHOC<any>(props)
-</script>
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <USelectMenu
+      v-model="value"
+      searchable
+      :options="options"
+      :placeholder="placeholder || label"
+      :disabled="wrapperProps.isDisabled"
+      :loading="loading"
+      :searchable-placeholder="searchablePlaceholder"
+      value-attribute="value"
+      option-attribute="label"
+      :icon="icon"
+      :color="color"
+      :size="size"
+      :ui="ui"
+      :ui-menu="uiMenu"
+    >
+      <template #label>
+        <span v-if="value" class="truncate">
+          {{ options.find((item) => item.value === value)?.label || value }}
+        </span>
+      </template>
+    </USelectMenu>
+  </FieldWrapper>
+</template>
+
+<script lang="ts" setup>
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { useFieldHOC } from '#core/composables/useForm'
+import { type ISelectFieldProps } from '#core/components/Form/InputSelect/types'
+
+const props = withDefaults(defineProps<ISelectFieldProps>(), {})
+
+const { value, wrapperProps } = useFieldHOC<any>(props)
+</script>

package/dist/runtime/components/Form/InputStatic/index.vue

@@ -1,16 +1,16 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps" :is-required="false">
-    <p class="form-control-static">
-      {{ !value || value.length === 0 ? '-' : value }}
-    </p>
-  </FieldWrapper>
-</template>
-<script lang="ts" setup>
-import { type IStaticFieldProps } from '#core/components/Form/InputStatic/types'
-import { useFieldHOC } from '#core/composables/useForm'
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-
-const props = withDefaults(defineProps<IStaticFieldProps>(), {})
-
-const { value, wrapperProps } = useFieldHOC<string>(props)
-</script>
+<template>
+  <FieldWrapper v-bind="wrapperProps" :is-required="false">
+    <p class="form-control-static">
+      {{ !value || value.length === 0 ? '-' : value }}
+    </p>
+  </FieldWrapper>
+</template>
+<script lang="ts" setup>
+import { type IStaticFieldProps } from '#core/components/Form/InputStatic/types'
+import { useFieldHOC } from '#core/composables/useForm'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+
+const props = withDefaults(defineProps<IStaticFieldProps>(), {})
+
+const { value, wrapperProps } = useFieldHOC<string>(props)
+</script>

package/dist/runtime/components/Form/InputText/index.vue

@@ -1,67 +1,67 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps">
-    <UInput
-      v-if="type === 'password'"
-      v-model="value"
-      v-maska:[maskOptions]
-      :data-maska="mask"
-      :data-maska-tokens="maskTokens"
-      :data-maska-tokens-replace="maskTokensReplace"
-      :data-maska-reversed="maskReversed"
-      :data-maska-eager="maskEager"
-      :disabled="wrapperProps.isDisabled"
-      :leading-icon="leadingIcon"
-      :trailing-icon="trailingIcon"
-      :name="name"
-      :placeholder="wrapperProps.placeholder"
-      :type="isShowPassword ? 'text' : 'password'"
-      :autofocus="!!autoFocus"
-      :icon="icon"
-      :readonly="isReadonly"
-      :ui="_deepMerge({}, ui, { icon: { trailing: { pointer: '' } } })"
-    >
-      <template #trailing>
-        <UButton
-          color="gray"
-          variant="link"
-          :icon="isShowPassword ? 'i-heroicons-eye-slash' : 'i-heroicons-eye'"
-          :padded="false"
-          @click="isShowPassword = !isShowPassword"
-        />
-      </template>
-    </UInput>
-    <UInput
-      v-else
-      v-model="value"
-      v-maska:[maskOptions]
-      :data-maska="mask"
-      :data-maska-tokens="maskTokens"
-      :data-maska-tokens-replace="maskTokensReplace"
-      :data-maska-reversed="maskReversed"
-      :data-maska-eager="maskEager"
-      :disabled="wrapperProps.isDisabled"
-      :leading-icon="leadingIcon"
-      :trailing-icon="trailingIcon"
-      :name="name"
-      :placeholder="wrapperProps.placeholder"
-      :type="type || 'text'"
-      :autofocus="!!autoFocus"
-      :icon="icon"
-      :readonly="isReadonly"
-      :ui="ui"
-    />
-  </FieldWrapper>
-</template>
-<script lang="ts" setup>
-import { _deepMerge, ref } from '#imports'
-import { type ITextFieldProps } from '#core/components/Form/InputText/types'
-import { useFieldHOC } from '#core/composables/useForm'
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-import { vMaska } from 'maska'
-
-const props = withDefaults(defineProps<ITextFieldProps>(), {})
-
-const { value, wrapperProps } = useFieldHOC<string>(props)
-
-const isShowPassword = ref(false)
-</script>
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <UInput
+      v-if="type === 'password'"
+      v-model="value"
+      v-maska:[maskOptions]
+      :data-maska="mask"
+      :data-maska-tokens="maskTokens"
+      :data-maska-tokens-replace="maskTokensReplace"
+      :data-maska-reversed="maskReversed"
+      :data-maska-eager="maskEager"
+      :disabled="wrapperProps.isDisabled"
+      :leading-icon="leadingIcon"
+      :trailing-icon="trailingIcon"
+      :name="name"
+      :placeholder="wrapperProps.placeholder"
+      :type="isShowPassword ? 'text' : 'password'"
+      :autofocus="!!autoFocus"
+      :icon="icon"
+      :readonly="isReadonly"
+      :ui="_deepMerge({}, ui, { icon: { trailing: { pointer: '' } } })"
+    >
+      <template #trailing>
+        <UButton
+          color="gray"
+          variant="link"
+          :icon="isShowPassword ? 'i-heroicons-eye-slash' : 'i-heroicons-eye'"
+          :padded="false"
+          @click="isShowPassword = !isShowPassword"
+        />
+      </template>
+    </UInput>
+    <UInput
+      v-else
+      v-model="value"
+      v-maska:[maskOptions]
+      :data-maska="mask"
+      :data-maska-tokens="maskTokens"
+      :data-maska-tokens-replace="maskTokensReplace"
+      :data-maska-reversed="maskReversed"
+      :data-maska-eager="maskEager"
+      :disabled="wrapperProps.isDisabled"
+      :leading-icon="leadingIcon"
+      :trailing-icon="trailingIcon"
+      :name="name"
+      :placeholder="wrapperProps.placeholder"
+      :type="type || 'text'"
+      :autofocus="!!autoFocus"
+      :icon="icon"
+      :readonly="isReadonly"
+      :ui="ui"
+    />
+  </FieldWrapper>
+</template>
+<script lang="ts" setup>
+import { _deepMerge, ref } from '#imports'
+import { type ITextFieldProps } from '#core/components/Form/InputText/types'
+import { useFieldHOC } from '#core/composables/useForm'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { vMaska } from 'maska'
+
+const props = withDefaults(defineProps<ITextFieldProps>(), {})
+
+const { value, wrapperProps } = useFieldHOC<string>(props)
+
+const isShowPassword = ref(false)
+</script>

package/dist/runtime/components/Form/InputTextarea/index.vue

@@ -1,25 +1,25 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps">
-    <UTextarea
-      v-model="value"
-      :disabled="wrapperProps.isDisabled"
-      :name="name"
-      :resize="resize"
-      :placeholder="wrapperProps.placeholder"
-      :autofocus="!!autoFocus"
-      :autoresize="autoresize"
-      :rows="rows"
-      :readonly="isReadonly"
-      :ui="ui"
-    />
-  </FieldWrapper>
-</template>
-<script lang="ts" setup>
-import { useFieldHOC } from '#core/composables/useForm'
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-import { type ITextareaFieldProps } from '#core/components/Form/InputTextarea/types'
-
-const props = withDefaults(defineProps<ITextareaFieldProps>(), {})
-
-const { value, wrapperProps } = useFieldHOC<string>(props)
-</script>
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <UTextarea
+      v-model="value"
+      :disabled="wrapperProps.isDisabled"
+      :name="name"
+      :resize="resize"
+      :placeholder="wrapperProps.placeholder"
+      :autofocus="!!autoFocus"
+      :autoresize="autoresize"
+      :rows="rows"
+      :readonly="isReadonly"
+      :ui="ui"
+    />
+  </FieldWrapper>
+</template>
+<script lang="ts" setup>
+import { useFieldHOC } from '#core/composables/useForm'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { type ITextareaFieldProps } from '#core/components/Form/InputTextarea/types'
+
+const props = withDefaults(defineProps<ITextareaFieldProps>(), {})
+
+const { value, wrapperProps } = useFieldHOC<string>(props)
+</script>

package/dist/runtime/components/Form/InputToggle/index.vue

@@ -1,14 +1,14 @@
-<template>
-  <FieldWrapper v-bind="wrapperProps">
-    <UToggle v-model="value" :disabled="wrapperProps.isDisabled" :name="name" :ui="ui" />
-  </FieldWrapper>
-</template>
-
-<script lang="ts" setup>
-import { useFieldHOC } from '#core/composables/useForm'
-import { type IToggleFieldProps } from '#core/components/Form/InputToggle/types'
-import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
-
-const props = withDefaults(defineProps<IToggleFieldProps>(), {})
-const { value, wrapperProps } = useFieldHOC<boolean>(props)
-</script>
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <UToggle v-model="value" :disabled="wrapperProps.isDisabled" :name="name" :ui="ui" />
+  </FieldWrapper>
+</template>
+
+<script lang="ts" setup>
+import { useFieldHOC } from '#core/composables/useForm'
+import { type IToggleFieldProps } from '#core/components/Form/InputToggle/types'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+
+const props = withDefaults(defineProps<IToggleFieldProps>(), {})
+const { value, wrapperProps } = useFieldHOC<boolean>(props)
+</script>