@soroka282/migrant.ui-kit 0.0.38 → 0.0.39

package/README.md

@@ -1,147 +1,147 @@
-# 📖 Migrant UI Kit
-
-Библиотека переиспользуемых компонентов для проектов Migrant. Построена на [Vue 3](https://vuejs.org/) с поддержкой TypeScript и scoped-стилей.
-
-## 📦 Установка и использование библиотеки
-
-```bash
-  npm install @soroka282/migrant.ui-kit
-```
-или
-```bash
-  yarn add @soroka282/migrant.ui-kit
-```
-
-### 🛠️ Использование компонентов
-
-```
-<script setup lang="ts">
-    import {
-      UIButton,
-      UIColor,
-      UIColorName,
-      UISize,
-    } from '@soroka282/migrant.ui-kit';
-</script>
-
-<template>
-  <UIButton
-    is-box-shadow
-    :size="UISize.S"
-    :color="UIColor[UIColorName.White]"
-    :bg-color="UIColor[UIColorName.PurpleMain]"
-  >
-    Кнопка
-  </UIButton>
-</template>
-```
-
-### ⚙️ TypeScript автодополнение
-
-Убедитесь, что `tsconfig.json` содержит:
-
-```json
-{
-  "compilerOptions": {
-    "moduleResolution": "bundler",
-    "paths": {
-      "@soroka282/migrant.ui-kit": ["node_modules/@soroka282/migrant.ui-kit"]
-    }
-  }
-}
-```
-
-## 💻 Разработка
-
-#### Установка зависимостей
-```bash
-    npm i
-```
-Проверить, что установился .husky и commit-msg (.husky/commit-msg) имеет:
-```
-node scripts/verify-commit.js
-```
-
-#### Запуск локального проекта:
-```bash
-  npm run dev
-```
-
-#### Запуск локального сторибука
-```bash
-    npm run storybook
-```
-
-## 🧪 Коммиты
-
-Формат коммитов:
-```
-<номер задачи>/<тип>(<scope>): <описание>
-```
-
-Если задача в трекере отсутствует:
-```
-<тип>(<scope>): <описание>
-```
-
-#### Типы коммитов:
-
-- `feat` — добавление нового функционала
-- `fix` — исправление ошибок
-- `docs` — изменение документации
-- `build` — сборка и настройка инфраструктуры (vite, tsconfig и т.п.)
-
-#### Примеры:
-
-```
-EVOLVE-1/feat(useIframeHandler): добавлен новый composable метод
-EVOLVE-2/fix(UIInput): обработка событий при потере фокуса
-EVOLVE-3/build(vite.config): релиз библиотеки
-
-feat(useIframeHandler): добавлен новый composable метод
-build(vite.config): релиз библиотеки
-```
-
-## 🛠️ Сборка библиотеки
-
-Билд библиотеки:
-```bash
-    npm run build
-```
-
-Генерация .d.ts:
-```bash
-    npm run ts
-```
-
-### Публикация пакета в npm
-
-- Поднять version в package.json 
-- Опубликовать:
-```bash
-    npm run publish:npm
-```
-
-## 📖 Storybook
-
-Сборка:
-```bash
-    npm run build:storybook
-```
-
-## 🥉 Используемые зависимости
-
-- [Vue 3](https://vuejs.org/) — основной фреймворк
-- [Pinia](https://pinia.vuejs.org/) — управление состоянием
-- [Maska](https://beholdr.github.io/maska/) — маски ввода
-- [Swiper](https://swiperjs.com/) — свайпер/карусель
-- [Vue-toastification](https://vue-toastification.maronato.dev/) — уведомления (тосты)
-
-## 🎨 Глобальные стили (optional)
-
-В `main.ts`:
-
-```ts
-import '@soroka282/migrant.ui-kit/dist/style.css';
-```
-
+# 📖 Migrant UI Kit
+
+Библиотека переиспользуемых компонентов для проектов Migrant. Построена на [Vue 3](https://vuejs.org/) с поддержкой TypeScript и scoped-стилей.
+
+## 📦 Установка и использование библиотеки
+
+```bash
+  npm install @soroka282/migrant.ui-kit
+```
+или
+```bash
+  yarn add @soroka282/migrant.ui-kit
+```
+
+### 🛠️ Использование компонентов
+
+```
+<script setup lang="ts">
+    import {
+      UIButton,
+      UIColor,
+      UIColorName,
+      UISize,
+    } from '@soroka282/migrant.ui-kit';
+</script>
+
+<template>
+  <UIButton
+    is-box-shadow
+    :size="UISize.S"
+    :color="UIColor[UIColorName.White]"
+    :bg-color="UIColor[UIColorName.PurpleMain]"
+  >
+    Кнопка
+  </UIButton>
+</template>
+```
+
+### ⚙️ TypeScript автодополнение
+
+Убедитесь, что `tsconfig.json` содержит:
+
+```json
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "paths": {
+      "@soroka282/migrant.ui-kit": ["node_modules/@soroka282/migrant.ui-kit"]
+    }
+  }
+}
+```
+
+## 💻 Разработка
+
+#### Установка зависимостей
+```bash
+    npm i
+```
+Проверить, что установился .husky и commit-msg (.husky/commit-msg) имеет:
+```
+node scripts/verify-commit.js
+```
+
+#### Запуск локального проекта:
+```bash
+  npm run dev
+```
+
+#### Запуск локального сторибука
+```bash
+    npm run storybook
+```
+
+## 🧪 Коммиты
+
+Формат коммитов:
+```
+<номер задачи>/<тип>(<scope>): <описание>
+```
+
+Если задача в трекере отсутствует:
+```
+<тип>(<scope>): <описание>
+```
+
+#### Типы коммитов:
+
+- `feat` — добавление нового функционала
+- `fix` — исправление ошибок
+- `docs` — изменение документации
+- `build` — сборка и настройка инфраструктуры (vite, tsconfig и т.п.)
+
+#### Примеры:
+
+```
+EVOLVE-1/feat(useIframeHandler): добавлен новый composable метод
+EVOLVE-2/fix(UIInput): обработка событий при потере фокуса
+EVOLVE-3/build(vite.config): релиз библиотеки
+
+feat(useIframeHandler): добавлен новый composable метод
+build(vite.config): релиз библиотеки
+```
+
+## 🛠️ Сборка библиотеки
+
+Билд библиотеки:
+```bash
+    npm run build
+```
+
+Генерация .d.ts:
+```bash
+    npm run ts
+```
+
+### Публикация пакета в npm
+
+- Поднять version в package.json 
+- Опубликовать:
+```bash
+    npm run publish:npm
+```
+
+## 📖 Storybook
+
+Сборка:
+```bash
+    npm run build:storybook
+```
+
+## 🥉 Используемые зависимости
+
+- [Vue 3](https://vuejs.org/) — основной фреймворк
+- [Pinia](https://pinia.vuejs.org/) — управление состоянием
+- [Maska](https://beholdr.github.io/maska/) — маски ввода
+- [Swiper](https://swiperjs.com/) — свайпер/карусель
+- [Vue-toastification](https://vue-toastification.maronato.dev/) — уведомления (тосты)
+
+## 🎨 Глобальные стили (optional)
+
+В `main.ts`:
+
+```ts
+import '@soroka282/migrant.ui-kit/dist/style.css';
+```
+

package/dist/List-Bfz0Zcqt.js

@@ -0,0 +1,46 @@
+import { defineComponent as m, ref as h, computed as f, createElementBlock as l, openBlock as r, createCommentVNode as _, createElementVNode as v, createVNode as k, Fragment as y, renderList as I, toDisplayString as C } from "vue";
+import { u as S, U as V, _ as w } from "./index-CouJGyo3.js";
+const L = { class: "select-list" }, B = {
+  key: 0,
+  class: "search-wrapper"
+}, N = ["onClick"], U = /* @__PURE__ */ m({
+  __name: "List",
+  props: {
+    showSearchInput: { type: Boolean, default: !0 },
+    placeholderSearchInput: { default: "Поиск..." },
+    options: {}
+  },
+  emits: ["select", "close"],
+  setup(c, { emit: u }) {
+    const a = u, n = c, [i] = S(), o = h(""), p = f(() => {
+      if (!o.value) return n.options;
+      const e = o.value.toLowerCase();
+      return n.options.filter((s) => s.label.toLowerCase().includes(e));
+    }), d = (e) => {
+      a("select", e), a("close");
+    };
+    return (e, s) => (r(), l("div", L, [
+      e.showSearchInput ? (r(), l("div", B, [
+        k(V, {
+          modelValue: o.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => o.value = t),
+          placeholder: e.placeholderSearchInput
+        }, null, 8, ["modelValue", "placeholder"])
+      ])) : _("", !0),
+      v("ul", {
+        ref_key: "list",
+        ref: i,
+        class: "options-list"
+      }, [
+        (r(!0), l(y, null, I(p.value, (t) => (r(), l("li", {
+          key: t.value,
+          class: "option-item",
+          onClick: (b) => d(t)
+        }, C(t.label), 9, N))), 128))
+      ], 512)
+    ]));
+  }
+}), E = /* @__PURE__ */ w(U, [["__scopeId", "data-v-9dc05778"]]);
+export {
+  E as default
+};