文件操作 - AppInput.vue

文件: /var/www/app.ltlcompare.com/components/AppInput.vue

编辑文件内容

interface Props {
  type?: string;
  title?: string;
  placeholder?: string;
  required?: boolean;
  errorText?: string;
  readonly?: boolean;
  icon?: string;
  min?: string;
  max?: string;
}

withDefaults(defineProps<Props>(), {
  type: () => 'text',
});

const { resetInvalid } = useForm();

const model = defineModel<string | number>({
  default: '',
});
</script>

<template>
  <div
    class="form-block"
    :class="`form-block-${type}`"
  >
    <div
      v-if="title"
      class="form-block-title"
    >
      {{ title }}
    </div>
    <label
      class="input-block"
      :aria-label="title ?? placeholder"
    >
      <AppIcon
        v-if="icon"
        :name="icon"
        class="input-icon"
      />
      <input
        class="input"
        :type="type"
        :placeholder="placeholder"
        :required="required"
        v-model="model"
        @focus="resetInvalid($event.currentTarget as HTMLInputElement)"
        ref="input"
        :readonly="readonly"
        :class="{ filled: model }"
        :min="min"
        :max="max"
      />
    </label>
    <div
      v-if="required || errorText"
      class="input-error"
    >
      {{ errorText || $t('app.input.error') }}
    </div>
  </div>
</template>

文件操作 - AppInput.vue

文件: /var/www/app.ltlcompare.com/components/AppInput.vue

编辑文件内容

修改文件时间

删除文件