shared-ritm 1.3.88 → 1.3.89

package/src/common/app-input-search/InputSearch.stories.ts

@@ -1,149 +1,149 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
-
-const meta: Meta<typeof AppInputSearch> = {
-  title: 'Components/AppInputSearch',
-  component: AppInputSearch,
-  tags: ['autodocs'],
-  argTypes: {
-    modelValue: {
-      control: 'text',
-      table: { category: 'Используется' },
-    },
-    label: {
-      control: 'text',
-      description: 'Подсказка (placeholder) внутри поля.',
-      table: { category: 'Используется' },
-    },
-    type: {
-      control: 'select',
-      options: ['text', 'password', 'number', 'email', 'search', 'tel'],
-      description: 'Тип HTML-инпута.',
-      table: { category: 'Используется' },
-    },
-
-    borderRadius: {
-      control: 'text',
-      description: 'Скругление углов (например, "14px").',
-      table: { category: 'Используется' },
-    },
-    searchIcon: {
-      control: 'boolean',
-      description: 'Показывать иконку лупы слева.',
-      table: { category: 'Используется' },
-    },
-
-    disable: {
-      control: 'boolean',
-      description: 'Отключает поле ввода.',
-      table: { disable: true },
-    },
-    readonly: {
-      control: 'boolean',
-      description: 'Делает поле доступным только для чтения.',
-      table: { category: 'Используется' },
-    },
-    field: {
-      control: 'boolean',
-      description: 'Делает поле доступным только для чтения.',
-      table: { category: 'Используется' },
-    },
-    error: {
-      control: 'boolean',
-      description: 'Принудительно показывает состояние ошибки.',
-      table: { disable: true },
-    },
-    loading: {
-      control: 'boolean',
-      description: 'Показывает индикатор загрузки.',
-      table: { disable: true },
-    },
-
-    dense: {
-      control: 'boolean',
-      description: 'Уменьшает внутренние отступы (по умолчанию true).',
-      table: { disable: true },
-    },
-    debounce: {
-      control: 'number',
-      description: 'Задержка перед эмитом значения (мс).',
-      table: { disable: true },
-    },
-    mask: {
-      control: 'text',
-      description: 'Маска ввода (например, "(###) ###-####").',
-      table: { disable: true },
-    },
-
-    datePicker: { table: { disable: true } },
-    timePicker: { table: { disable: true } },
-    dateLocale: { table: { disable: true } },
-    withIcon: { table: { disable: true } },
-    iconName: { table: { disable: true } },
-    iconColor: { table: { disable: true } },
-    withButton: { table: { disable: true } },
-    buttonIcon: { table: { disable: true } },
-    buttonTooltip: { table: { disable: true } },
-    clearTooltip: { table: { disable: true } },
-    withArrow: { table: { disable: true } },
-    required: { table: { disable: true } },
-    height: { table: { disable: true } },
-    clearable: { table: { disable: true } },
-  },
-  args: {
-    modelValue: '',
-    label: 'Поиск...',
-    type: 'text',
-    borderRadius: '14px',
-  },
-}
-
-export default meta
-
-type Story = StoryObj<typeof AppInputSearch>
-
-export const Default: Story = {}
-
-export const InputTypes: Story = {
-  render: () => ({
-    components: { AppInputSearch },
-    template: `
-      <div style="display: flex; flex-direction: column; gap: 16px;">
-        <AppInputSearch v-model="textValue" label="Текст" type="text" />
-        <AppInputSearch v-model="passwordValue" label="Пароль" type="password" />
-        <AppInputSearch v-model="emailValue" label="Email" type="email" />
-        <AppInputSearch v-model="telValue" label="Телефон" type="tel" />
-        <AppInputSearch v-model="numberValue" label="Число" type="number" />
-      </div>
-    `,
-    data() {
-      return {
-        textValue: '',
-        passwordValue: '',
-        emailValue: '',
-        telValue: '',
-        numberValue: 0,
-      }
-    },
-  }),
-}
-
-export const Styles: Story = {
-  render: () => ({
-    components: { AppInputSearch },
-    template: `
-      <div style="display: flex; flex-direction: column; gap: 16px;">
-        <AppInputSearch v-model="readonlyValue" label="Только для чтения" :readonly="true" />
-        <AppInputSearch v-model="val2" label="radius 8px" border-radius="8px" />
-        <AppInputSearch v-model="val3" label="Без иконки поиска" :search-icon="false" />
-      </div>
-    `,
-    data() {
-      return {
-        readonlyValue: '',
-        val2: '',
-        val3: '',
-      }
-    },
-  }),
-}
+import type { Meta, StoryObj } from '@storybook/vue3'
+import AppInputSearch from '@/common/app-input-search/AppInputSearch.vue'
+
+const meta: Meta<typeof AppInputSearch> = {
+  title: 'Components/AppInputSearch',
+  component: AppInputSearch,
+  tags: ['autodocs'],
+  argTypes: {
+    modelValue: {
+      control: 'text',
+      table: { category: 'Используется' },
+    },
+    label: {
+      control: 'text',
+      description: 'Подсказка (placeholder) внутри поля.',
+      table: { category: 'Используется' },
+    },
+    type: {
+      control: 'select',
+      options: ['text', 'password', 'number', 'email', 'search', 'tel'],
+      description: 'Тип HTML-инпута.',
+      table: { category: 'Используется' },
+    },
+
+    borderRadius: {
+      control: 'text',
+      description: 'Скругление углов (например, "14px").',
+      table: { category: 'Используется' },
+    },
+    searchIcon: {
+      control: 'boolean',
+      description: 'Показывать иконку лупы слева.',
+      table: { category: 'Используется' },
+    },
+
+    disable: {
+      control: 'boolean',
+      description: 'Отключает поле ввода.',
+      table: { disable: true },
+    },
+    readonly: {
+      control: 'boolean',
+      description: 'Делает поле доступным только для чтения.',
+      table: { category: 'Используется' },
+    },
+    field: {
+      control: 'boolean',
+      description: 'Делает поле доступным только для чтения.',
+      table: { category: 'Используется' },
+    },
+    error: {
+      control: 'boolean',
+      description: 'Принудительно показывает состояние ошибки.',
+      table: { disable: true },
+    },
+    loading: {
+      control: 'boolean',
+      description: 'Показывает индикатор загрузки.',
+      table: { disable: true },
+    },
+
+    dense: {
+      control: 'boolean',
+      description: 'Уменьшает внутренние отступы (по умолчанию true).',
+      table: { disable: true },
+    },
+    debounce: {
+      control: 'number',
+      description: 'Задержка перед эмитом значения (мс).',
+      table: { disable: true },
+    },
+    mask: {
+      control: 'text',
+      description: 'Маска ввода (например, "(###) ###-####").',
+      table: { disable: true },
+    },
+
+    datePicker: { table: { disable: true } },
+    timePicker: { table: { disable: true } },
+    dateLocale: { table: { disable: true } },
+    withIcon: { table: { disable: true } },
+    iconName: { table: { disable: true } },
+    iconColor: { table: { disable: true } },
+    withButton: { table: { disable: true } },
+    buttonIcon: { table: { disable: true } },
+    buttonTooltip: { table: { disable: true } },
+    clearTooltip: { table: { disable: true } },
+    withArrow: { table: { disable: true } },
+    required: { table: { disable: true } },
+    height: { table: { disable: true } },
+    clearable: { table: { disable: true } },
+  },
+  args: {
+    modelValue: '',
+    label: 'Поиск...',
+    type: 'text',
+    borderRadius: '14px',
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof AppInputSearch>
+
+export const Default: Story = {}
+
+export const InputTypes: Story = {
+  render: () => ({
+    components: { AppInputSearch },
+    template: `
+      <div style="display: flex; flex-direction: column; gap: 16px;">
+        <AppInputSearch v-model="textValue" label="Текст" type="text" />
+        <AppInputSearch v-model="passwordValue" label="Пароль" type="password" />
+        <AppInputSearch v-model="emailValue" label="Email" type="email" />
+        <AppInputSearch v-model="telValue" label="Телефон" type="tel" />
+        <AppInputSearch v-model="numberValue" label="Число" type="number" />
+      </div>
+    `,
+    data() {
+      return {
+        textValue: '',
+        passwordValue: '',
+        emailValue: '',
+        telValue: '',
+        numberValue: 0,
+      }
+    },
+  }),
+}
+
+export const Styles: Story = {
+  render: () => ({
+    components: { AppInputSearch },
+    template: `
+      <div style="display: flex; flex-direction: column; gap: 16px;">
+        <AppInputSearch v-model="readonlyValue" label="Только для чтения" :readonly="true" />
+        <AppInputSearch v-model="val2" label="radius 8px" border-radius="8px" />
+        <AppInputSearch v-model="val3" label="Без иконки поиска" :search-icon="false" />
+      </div>
+    `,
+    data() {
+      return {
+        readonlyValue: '',
+        val2: '',
+        val3: '',
+      }
+    },
+  }),
+}