@namba_one/ui-kit-2 1.5.8 → 1.6.1

package/dist/ui-kit.components.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": 1,
-  "generatedAt": "2026-09-21T19:55:24.960Z",
+  "generatedAt": "2026-10-02T12:51:02.205Z",
   "package": {
     "name": "@namba_one/ui-kit-2",
-    "version": "1.5.7",
+    "version": "1.6.0",
     "main": "dist/index.umd.js",
     "module": "dist/index.es.js",
     "types": "dist/index.d.ts",
@@ -11,8 +11,8 @@
   },
   "entry": "src/index.ts",
   "totals": {
-    "components": 138,
-    "publicComponents": 133
+    "components": 139,
+    "publicComponents": 134
   },
   "components": [
     {
@@ -4224,6 +4224,7 @@
           "./TableSimpleAction",
           "./TableSimpleActionsCell",
           "./TableSimpleCopyCell",
+          "./TableSimpleExternalCell",
           "./TableSimpleHeader",
           "./model"
         ]
@@ -4239,7 +4240,7 @@
         ]
       },
       "model": {
-        "source": "export type TableSimpleProps<T> = {\n    data: T[]\n    columns: string[]\n    sizes: number[]\n    isDraggable?: boolean\n    reRenderKey?: string\n    scrollOffset?: number | string\n    errorText?: string\n    responseButtonText?: string\n}\n\nexport type TableSimpleEmits<T> = {\n    (e: 'click', value: T): void\n    (\n        e: 'click-cell',\n        value: {\n            event: MouseEvent\n            column: string\n            item: T\n        }\n    ): void\n    (e: 'update:data', value: T[]): void\n    (e: 'reset'): void\n}\n\nexport function makeScrollToColumnIndex(\n    scrollContainer: HTMLElement,\n    columns: HTMLElement[]\n) {\n    function getColMetrics(\n        index: number\n    ): { left: number; width: number } | null {\n        const cell = columns[index]\n        if (!cell) return null\n\n        const containerRect = scrollContainer.getBoundingClientRect()\n        const cellRect = cell.getBoundingClientRect()\n\n        const left =\n            cellRect.left - containerRect.left + scrollContainer.scrollLeft\n        const width = cellRect.width\n\n        return { left, width }\n    }\n\n    function clamp(n: number, min: number, max: number) {\n        return Math.max(min, Math.min(max, n))\n    }\n\n    /**\n     * Скролл к колонке.\n     * align:\n     *  - start: колонка у левого края\n     *  - center: по центру\n     *  - end: у правого края\n     *\n     * offset: доп. смещение (например ширина кнопки навигации)\n     */\n    function scrollToColumnIndex(\n        index: number,\n        align: 'start' | 'center' | 'end' = 'start',\n        additionalOffset = 0\n    ) {\n        const m = getColMetrics(index)\n        if (!m) return\n\n        let targetLeft = m.left\n\n        if (align === 'center') {\n            targetLeft = m.left - scrollContainer.clientWidth / 2 + m.width / 2\n        } else if (align === 'end') {\n            targetLeft = m.left - scrollContainer.clientWidth + m.width\n        }\n\n        const maxScroll =\n            scrollContainer.scrollWidth - scrollContainer.clientWidth\n        scrollContainer.scrollTo({\n            left:\n                clamp(targetLeft, 0, Math.max(0, maxScroll)) + additionalOffset,\n            behavior: 'smooth',\n        })\n    }\n\n    return scrollToColumnIndex\n}\n"
+        "source": "export type TableSimpleProps<T> = {\n    data: T[]\n    columns: string[]\n    sizes: number[]\n    isDraggable?: boolean\n    reRenderKey?: string\n    scrollOffset?: number | string\n    errorText?: string\n    responseButtonText?: string\n    isScrollbar?: boolean\n}\n\nexport type TableSimpleEmits<T> = {\n    (e: 'click', value: T): void\n    (\n        e: 'click-cell',\n        value: {\n            event: MouseEvent\n            column: string\n            item: T\n        }\n    ): void\n    (e: 'update:data', value: T[]): void\n    (e: 'reset'): void\n}\n\nexport function makeScrollToColumnIndex(\n    scrollContainer: HTMLElement,\n    columns: HTMLElement[]\n) {\n    function getColMetrics(\n        index: number\n    ): { left: number; width: number } | null {\n        const cell = columns[index]\n        if (!cell) return null\n\n        const containerRect = scrollContainer.getBoundingClientRect()\n        const cellRect = cell.getBoundingClientRect()\n\n        const left =\n            cellRect.left - containerRect.left + scrollContainer.scrollLeft\n        const width = cellRect.width\n\n        return { left, width }\n    }\n\n    function clamp(n: number, min: number, max: number) {\n        return Math.max(min, Math.min(max, n))\n    }\n\n    /**\n     * Скролл к колонке.\n     * align:\n     *  - start: колонка у левого края\n     *  - center: по центру\n     *  - end: у правого края\n     *\n     * offset: доп. смещение (например ширина кнопки навигации)\n     */\n    function scrollToColumnIndex(\n        index: number,\n        align: 'start' | 'center' | 'end' = 'start',\n        additionalOffset = 0\n    ) {\n        const m = getColMetrics(index)\n        if (!m) return\n\n        let targetLeft = m.left\n\n        if (align === 'center') {\n            targetLeft = m.left - scrollContainer.clientWidth / 2 + m.width / 2\n        } else if (align === 'end') {\n            targetLeft = m.left - scrollContainer.clientWidth + m.width\n        }\n\n        const maxScroll =\n            scrollContainer.scrollWidth - scrollContainer.clientWidth\n        scrollContainer.scrollTo({\n            left:\n                clamp(targetLeft, 0, Math.max(0, maxScroll)) + additionalOffset,\n            behavior: 'smooth',\n        })\n    }\n\n    return scrollToColumnIndex\n}\n"
       },
       "stories": {
         "variants": [
@@ -4405,6 +4406,47 @@
         "category": "TableSimple"
       }
     },
+    {
+      "name": "TableSimpleExternalCell",
+      "public": true,
+      "package": "@namba_one/ui-kit-2",
+      "import": "import { TableSimpleExternalCell } from '@namba_one/ui-kit-2'",
+      "exports": {
+        "values": [
+          "TableSimpleExternalCell"
+        ],
+        "types": [
+          "TableSimpleExternalCellEmits",
+          "TableSimpleExternalCellProps"
+        ],
+        "reExportPaths": [
+          "./model"
+        ]
+      },
+      "files": {
+        "directory": "src/shared/ui/TableSimple/TableSimpleExternalCell",
+        "component": "src/shared/ui/TableSimple/TableSimpleExternalCell/TableSimpleExternalCell.vue",
+        "index": "src/shared/ui/TableSimple/TableSimpleExternalCell/index.ts",
+        "model": "src/shared/ui/TableSimple/TableSimpleExternalCell/model.ts",
+        "story": "src/shared/ui/TableSimple/TableSimpleExternalCell/TableSimpleExternalCell.story.vue",
+        "styles": [
+          "src/shared/ui/TableSimple/TableSimpleExternalCell/TableSimpleExternalCell.module.scss"
+        ]
+      },
+      "model": {
+        "source": "export type TableSimpleExternalCellProps = {\n    isHovered: boolean\n}\n\nexport type TableSimpleExternalCellEmits = {\n    (event: 'click', e: Event): void\n}\n"
+      },
+      "stories": {
+        "variants": [
+          "In TableSimple"
+        ],
+        "source": "<template>\n    <Story title=\"Shared/TableSimple/TableSimpleExternalCell\">\n        <Variant title=\"In TableSimple\">\n            <TableSimple :data=\"data\" :columns=\"['name']\" :sizes=\"[240]\">\n                <template #renderHeaderCell>\n                    <TableSimpleHeader>Название</TableSimpleHeader>\n                </template>\n                <template #renderCell=\"{ item, hoveredItem }\">\n                    <TableSimpleExternalCell\n                        :isHovered=\"hoveredItem?.id === item.id\"\n                        @click=\"selectedItem = item.name\">\n                        {{ item.name }}\n                    </TableSimpleExternalCell>\n                </template>\n            </TableSimple>\n            <p>Нажата кнопка: {{ selectedItem || '—' }}</p>\n        </Variant>\n    </Story>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { TableSimple, TableSimpleHeader } from '../index'\nimport TableSimpleExternalCell from './TableSimpleExternalCell.vue'\n\nconst data = [{ id: 1, name: 'Точка продаж' }]\nconst selectedItem = ref('')\n</script>\n"
+      },
+      "meta": {
+        "fileName": "TableSimpleExternalCell.vue",
+        "category": "TableSimple"
+      }
+    },
     {
       "name": "TableSimpleHeader",
       "public": true,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@namba_one/ui-kit-2",
-    "version": "1.5.8",
+    "version": "1.6.1",
     "main": "dist/index.umd.js",
     "module": "dist/index.es.js",
     "types": "dist/index.d.ts",
@@ -53,6 +53,8 @@
     },
     "dependencies": {
         "@ckpack/vue-color": "^1.6.0",
+        "@coreui/coreui-pro": "^5.27.1",
+        "@coreui/vue-pro": "^5.21.1",
         "@editorjs/editorjs": "^2.31.0",
         "@editorjs/header": "^2.8.8",
         "@editorjs/list": "^2.0.8",