@flyanra/vue-core 0.4.0 → 0.4.2

package/src/components/form/input-renderers/date-time/FlyDateTime.vue

@@ -1,85 +1,85 @@
-<template>
-  <el-date-picker
-    v-model="inputProxy"
-    style="width: 100%"
-    :type="inputTypeMap[input?.config?.inputType || 'dateTime']"
-    :popper-options="{
-      modifiers: [
-        {
-          name: 'preventOverflow',
-          options: {
-            padding: 8
-          }
-        }
-      ]
-    }"
-    :placeholder="input?.placeholder"
-    :start-placeholder="input?.startPlaceholder"
-    :end-placeholder="input?.endPlaceholder"
-    @change="(val: T_DateTimeRawValue) => emit('change', parseValueForEmit(val))"
-    @blur="() => emit('blur')"
-    @focus="() => emit('focus')"
-  />
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-import { type DatePickerProps, ElDatePicker } from 'element-plus'
-
-import './FlyDateTime.scss'
-import type { T_DateTimeRawValue, T_DateTimeValues, T_InputDateTime } from './FlyDateTime.types'
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', v: T_DateTimeValues): void
-  (e: 'change', v: T_DateTimeValues): void
-  (e: 'blur'): void
-  (e: 'focus'): void
-}>()
-
-const props = defineProps<{
-  modelValue?: T_DateTimeValues
-  input?: T_InputDateTime
-}>()
-
-const inputTypeMap: Record<string, DatePickerProps['type']> = {
-  date: 'date',
-  dateTime: 'datetime',
-  dateRange: 'daterange',
-  dateTimeRange: 'datetimerange'
-}
-
-const isRange = computed(
-  () =>
-    props.input?.config?.inputType === 'dateRange' ||
-    props.input?.config?.inputType === 'dateTimeRange'
-)
-
-const inputProxy = computed({
-  get: (): T_DateTimeRawValue => {
-    if (!props.modelValue) return undefined
-
-    if (isRange.value && Array.isArray(props.modelValue)) {
-      const d = props.modelValue.map((d) => new Date(d))
-      return [d[0], d[1]]
-    }
-
-    return new Date(props.modelValue as string)
-  },
-  set: (v) => {
-    emit('update:modelValue', parseValueForEmit(v))
-  }
-})
-
-function parseValueForEmit(v: T_DateTimeRawValue) {
-  if (!v) {
-    return undefined
-  }
-
-  if (isRange.value && Array.isArray(v)) {
-    return v.map((d: Date) => d.toISOString())
-  }
-
-  return (v as Date).toISOString()
-}
-</script>
+<template>
+  <el-date-picker
+    v-model="inputProxy"
+    style="width: 100%"
+    :type="inputTypeMap[input?.config?.inputType || 'dateTime']"
+    :popper-options="{
+      modifiers: [
+        {
+          name: 'preventOverflow',
+          options: {
+            padding: 8
+          }
+        }
+      ]
+    }"
+    :placeholder="input?.placeholder"
+    :start-placeholder="input?.startPlaceholder"
+    :end-placeholder="input?.endPlaceholder"
+    @change="(val: T_DateTimeRawValue) => emit('change', parseValueForEmit(val))"
+    @blur="() => emit('blur')"
+    @focus="() => emit('focus')"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import { type DatePickerProps, ElDatePicker } from 'element-plus'
+
+import './FlyDateTime.scss'
+import type { T_DateTimeRawValue, T_DateTimeValues, T_InputDateTime } from './FlyDateTime.types'
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', v: T_DateTimeValues): void
+  (e: 'change', v: T_DateTimeValues): void
+  (e: 'blur'): void
+  (e: 'focus'): void
+}>()
+
+const props = defineProps<{
+  modelValue?: T_DateTimeValues
+  input?: T_InputDateTime
+}>()
+
+const inputTypeMap: Record<string, DatePickerProps['type']> = {
+  date: 'date',
+  dateTime: 'datetime',
+  dateRange: 'daterange',
+  dateTimeRange: 'datetimerange'
+}
+
+const isRange = computed(
+  () =>
+    props.input?.config?.inputType === 'dateRange' ||
+    props.input?.config?.inputType === 'dateTimeRange'
+)
+
+const inputProxy = computed({
+  get: (): T_DateTimeRawValue => {
+    if (!props.modelValue) return undefined
+
+    if (isRange.value && Array.isArray(props.modelValue)) {
+      const d = props.modelValue.map((d) => new Date(d))
+      return [d[0], d[1]]
+    }
+
+    return new Date(props.modelValue as string)
+  },
+  set: (v) => {
+    emit('update:modelValue', parseValueForEmit(v))
+  }
+})
+
+function parseValueForEmit(v: T_DateTimeRawValue) {
+  if (!v) {
+    return undefined
+  }
+
+  if (isRange.value && Array.isArray(v)) {
+    return v.map((d: Date) => d.toISOString())
+  }
+
+  return (v as Date).toISOString()
+}
+</script>

package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.scss

@@ -1,4 +1,4 @@
-@use 'element-plus/theme-chalk/src/form.scss';
-@use 'element-plus/theme-chalk/src/form-item.scss';
-
-@use 'element-plus/theme-chalk/src/icon.scss';
+@use 'element-plus/theme-chalk/src/form.scss';
+@use 'element-plus/theme-chalk/src/form-item.scss';
+
+@use 'element-plus/theme-chalk/src/icon.scss';

package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue

@@ -1,48 +1,48 @@
-<template>
-  <el-form-item :prop="input.prop || input.key">
-    <template #label>
-      <FlyInfoTooltip v-if="input.tooltip" :content="input.tooltip" />
-      {{ t(input.label) }}
-    </template>
-
-    <FlyInputRenderer
-      v-model="modelProxy"
-      :input="input"
-      @change="(val: unknown) => emit('change', val)"
-      @blur="() => emit('blur')"
-      @focus="() => emit('focus')"
-    />
-  </el-form-item>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-import { ElFormItem } from 'element-plus'
-
-import { UseLocaleInjector } from '../../../../composables/UseLocaleInjector'
-import FlyInfoTooltip from '../../../feedback/tooltip/FlyInfoTooltip.vue'
-import type { T_InputRendererBase } from '../input-renderer.types'
-import FlyInputRenderer from '../input-renderer/FlyInputRenderer.vue'
-
-import './FlyFormItemRenderer.scss'
-
-const props = defineProps<{
-  modelValue: unknown
-  input: T_InputRendererBase
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: unknown): void
-  (e: 'change', value: unknown): void
-  (e: 'blur'): void
-  (e: 'focus'): void
-}>()
-
-const { t } = UseLocaleInjector()
-
-const modelProxy = computed({
-  get: () => props.modelValue,
-  set: (val) => emit('update:modelValue', val)
-})
-</script>
+<template>
+  <el-form-item :prop="input.prop || input.key">
+    <template #label>
+      <FlyInfoTooltip v-if="input.tooltip" :content="input.tooltip" />
+      {{ t(input.label) }}
+    </template>
+
+    <FlyInputRenderer
+      v-model="modelProxy"
+      :input="input"
+      @change="(val: unknown) => emit('change', val)"
+      @blur="() => emit('blur')"
+      @focus="() => emit('focus')"
+    />
+  </el-form-item>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import { ElFormItem } from 'element-plus'
+
+import { UseLocaleInjector } from '../../../../composables/UseLocaleInjector'
+import FlyInfoTooltip from '../../../feedback/tooltip/FlyInfoTooltip.vue'
+import type { T_InputRendererBase } from '../input-renderer.types'
+import FlyInputRenderer from '../input-renderer/FlyInputRenderer.vue'
+
+import './FlyFormItemRenderer.scss'
+
+const props = defineProps<{
+  modelValue: unknown
+  input: T_InputRendererBase
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: unknown): void
+  (e: 'change', value: unknown): void
+  (e: 'blur'): void
+  (e: 'focus'): void
+}>()
+
+const { t } = UseLocaleInjector()
+
+const modelProxy = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+</script>

package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts

@@ -1,3 +1,3 @@
-import type FlyFormSchemaRenderer from './FlyFormSchemaRenderer.vue'
-
-export type T_FlyFormSchemaRendererInstance = InstanceType<typeof FlyFormSchemaRenderer> | null
+import type FlyFormSchemaRenderer from './FlyFormSchemaRenderer.vue'
+
+export type T_FlyFormSchemaRendererInstance = InstanceType<typeof FlyFormSchemaRenderer> | null