sprof 0.3.3 → 0.4.1

package/README.md

@@ -1,11 +1,11 @@
 # sprof — UI Kit & Platform Library (PF)
 
 Библиотека UI-компонентов и платформенного ядра для проектов на **Vue 3 + Quasar 2**.
-Используется в rdkb (map/hr/food/leiter), portal и pros.
+Используется во всех 8 клиентах: rdkb (hr/map/food/leiter/incident), portal, pros, ferma.
 
 - **P-компоненты** — обёртки над Quasar (полный проброс props/slots/events)
 - **PF / PFM** — платформенное ядро: helpers, store (BaseStore), FTSP, UI (Notify/Dialog), auth,
-  модули (Buildings, Docs, Forms, Pages, Settings, Chats, Extracts, Menus)
+  модули (Tabs, Contacts, Schedule, Table, Menus, Forms)
 - **installSprof** — регистрация всех P-компонентов + Quasar-плагинов одной строкой
 
 ---
@@ -61,7 +61,7 @@ import type {} from 'sprof';
 export {};
 ```
 
-Ничего вручную дописывать не нужно — все 69 P-компонентов (атомы, молекулы, организмы)
+Ничего вручную дописывать не нужно — все 96 P-компонентов (атомы, молекулы, организмы)
 типизируются в шаблонах автоматически.
 
 ---
@@ -85,8 +85,8 @@ export {};
 | `PBadge` | QBadge | label/color/outline/rounded/floating/multiLine |
 | `PRadio` | QRadio | v-model, label, size |
 | `PInputNumber` | QInput + QBtn | step/min/max, кнопки +/− |
-| `PDatePicker` | QInput | дата (legacy, см. PInputDate) |
-| `PInputDate` | QInput | дата |
+| `PDateInput` | QInput + QDate | универсальное поле даты: mask ДД.ММ.ГГГГ + popup, модель `Date \| string` |
+| `PDatePicker` / `PInputDate` | — | legacy-алиасы PDateInput (удаление — TECH_DEBT Т2) |
 | `PTextarea` | QInput | resize, mask |
 | `PTooltip` | QTooltip | timeout, позиционирование, typeStyle |
 | `PString` | QItemLabel | текст с цветом/размером, isHtml |
@@ -95,14 +95,14 @@ export {};
 | `PList` / `PListItem` | QList / QItem | списки |
 | `PLeftSlider` / `PRightSlider` / `PTopSlider` | QBtn | выдвижные панели |
 | `PSticky` | div | sticky-обёртка |
-| `PTable` | table (HTML) | простая таблица со слотами |
+| `PTableToggle` | QBtn | переключатель режима таблицы (используется в PTable модуля Table) |
 
 ### Молекулы/организмы (основные)
 
 `PAdd`, `PDel`, `PModal`, `PContainer`, `PContainerStickyHead`, `PTabs`, `PUploaderFile`,
-`PUploaderImage`, `PAuthForm`, `PAuthModal`, `PNameEdit`, `PNotify`, `PLoader`, `PPagination`,
-`PAutocomplete`, `PhoneForm`, `DateInputRange`, `FilterSelect`, `SortList`, `ThemeWrapper`
-и др. — полный список в реестрах `src/core/components/*/index.ts`.
+`PUploaderImage`, `PAuthForm`, `PAuthModal`, `PPagination`, `PAutocomplete`,
+`PContactForm*`, `PTable*`, `PCrudList`, `POptionsListMany` и др. — полный список
+в реестрах `src/core/components/*/index.ts`.
 
 ---
 
@@ -111,7 +111,7 @@ export {};
 | Объект | Описание |
 | --- | --- |
 | `PF` | helpers, store (BaseStore), FTSP, UI (Notify/Dialog), auth, types |
-| `PFM` | модули: Buildings, Docs, Forms, Pages, Settings, Chats, Extracts, Menus |
+| `PFM` | модули: Tabs, Contacts, Schedule, Table, Menus, Forms |
 
 ```ts
 import { PF, PFM } from 'sprof';
@@ -146,11 +146,13 @@ import { PF, PFM } from 'sprof';
 ## 🧪 Разработка
 
 ```bash
-npm run test        # vitest (234 теста, 35 файлов)
+npm run test        # vitest (66 файлов, 458 тестов)
 npm run lint        # eslint src --fix
 npm run lint:check  # eslint src (без мутаций, для CI)
 npm run build       # сборка dist (ESM + UMD + d.ts)
 npm run check:dist  # проверка бандла: нет resolveComponent("Q…")
+npm run check:size  # size-limit (бюджеты бандла)
+npm run test:e2e    # Playwright-смоук (e2e/app)
 npm run storybook   # Storybook (документация компонентов)
 ```
 
@@ -163,8 +165,9 @@ npm run storybook   # Storybook (документация компонентов
 
 Либо GitHub Actions `publish.yml` (workflow_dispatch, OTP-инпут).
 
-После публикации обновить клиентов: `npm i sprof@<версия> --save` в каждом клиенте
-(rdkb ×4, portal, pros), `quasar build` ×6, `make deploy` ×3.
+После публикации обновить клиентов: `npm run update:clients` —
+`scripts/update-clients-sprof.sh` (npm ×8 + пересборка dev-контейнеров; rdkb ×5,
+portal, pros, ferma).
 
 ### Генерация типов GlobalComponents
 

package/dist/auto-import.d.ts

@@ -0,0 +1,70 @@
+/**
+ * C3.3 (0.4.0): конфигурация auto-import для клиентов.
+ *
+ * Подключается через подпуть `sprof/auto-import`:
+ *
+ * ```ts
+ * // vite.config.ts клиента
+ * import AutoImport from 'unplugin-auto-import/vite';
+ * import Components from 'unplugin-vue-components/vite';
+ * import { SprofResolver, sprofAutoImports } from 'sprof/auto-import';
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     AutoImport({
+ *       // PF/PFM/useCrud/useFilters/usePagination — без ручных импортов
+ *       imports: [sprofAutoImports],
+ *     }),
+ *     Components({
+ *       // <PButton>, <PSelect>, ... — named-импорты из 'sprof'
+ *       resolvers: [SprofResolver()],
+ *     }),
+ *   ],
+ * });
+ * ```
+ *
+ * ⚠️ Модуль намеренно не импортирует ничего в рантайме (только строки) —
+ *    его можно использовать в любом vite-конфиге без бандла sprof.
+ */
+/** Идентификаторы, которые инжектит unplugin-auto-import */
+export declare const sprofAutoImportNames: readonly ["PF", "PFM", "useCrud", "useFilters", "usePagination"];
+export interface SprofAutoImportsPreset {
+    from: string;
+    imports: string[];
+}
+/**
+ * Inline-пресет для unplugin-auto-import (`imports`): PF/PFM (ядерные
+ * namespace'ы) и композаблы useCrud/useFilters/usePagination.
+ *
+ * ```ts
+ * AutoImport({ imports: [sprofAutoImports] })
+ * ```
+ */
+export declare const sprofAutoImports: SprofAutoImportsPreset;
+export interface SprofResolverOptions {
+    /** Префикс компонентов (по умолчанию 'P' — все атомы/молекулы P-*) */
+    prefix?: string;
+    /** Откуда импортировать (по умолчанию 'sprof' — корневые экспорты) */
+    from?: string;
+}
+export interface SprofResolveResult {
+    name: string;
+    from: string;
+}
+export interface SprofComponentResolver {
+    type: 'component';
+    resolve: (name: string) => SprofResolveResult | undefined;
+}
+/**
+ * Resolver для unplugin-vue-components: `<P*>` → named-импорт из 'sprof'.
+ * Все P-компоненты экспортируются из корня пакета, поэтому резолвер
+ * тривиален — но избавляет клиентов от глобальной регистрации
+ * (servicesComponents.install) и от конфликтов имён с локальными
+ * компонентами (unplugin резолвит явный импорт вместо fallback-тегов).
+ *
+ * ```ts
+ * Components({ resolvers: [SprofResolver()] })
+ * ```
+ */
+export declare function SprofResolver(options?: SprofResolverOptions): SprofComponentResolver;
+export default sprofAutoImports;

package/dist/auto-import.js

@@ -0,0 +1,20 @@
+const e = ["PF", "PFM", "useCrud", "useFilters", "usePagination"], f = {
+  from: "sprof",
+  imports: [...e]
+};
+function p(r = {}) {
+  const t = r.prefix ?? "P", s = r.from ?? "sprof";
+  return {
+    type: "component",
+    resolve: (o) => {
+      if (o.startsWith(t))
+        return { name: o, from: s };
+    }
+  };
+}
+export {
+  p as SprofResolver,
+  f as default,
+  e as sprofAutoImportNames,
+  f as sprofAutoImports
+};

package/dist/auto-import.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/core/components/atoms/PDialog/PDialog.stories.d.ts

@@ -3,6 +3,11 @@ declare const _default: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+                required: false;
+            };
             persistent: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -19,17 +24,20 @@ declare const _default: {
                 type: StringConstructor;
                 default: string;
             };
-            modelValue: {
-                type: globalThis.PropType<boolean>;
-            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }>, {
+            show: () => void;
+            hide: () => void;
+            toggle: () => void;
+            opened: globalThis.Ref<boolean, boolean>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "update:modelValue": (value: boolean) => any;
         }, import('vue').PublicProps, {
             persistent: boolean;
             transitionShow: string;
             transitionHide: string;
+            modelValue: boolean;
             maximized: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -39,6 +47,11 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<globalThis.ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+                required: false;
+            };
             persistent: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -55,21 +68,29 @@ declare const _default: {
                 type: StringConstructor;
                 default: string;
             };
-            modelValue: {
-                type: globalThis.PropType<boolean>;
-            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, {
+        }>, {
+            show: () => void;
+            hide: () => void;
+            toggle: () => void;
+            opened: globalThis.Ref<boolean, boolean>;
+        }, {}, {}, {}, {
             persistent: boolean;
             transitionShow: string;
             transitionHide: string;
+            modelValue: boolean;
             maximized: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
         persistent: {
             type: BooleanConstructor;
             default: boolean;
@@ -86,17 +107,20 @@ declare const _default: {
             type: StringConstructor;
             default: string;
         };
-        modelValue: {
-            type: globalThis.PropType<boolean>;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }>, {
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        opened: globalThis.Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "update:modelValue": (value: boolean) => any;
     }, string, {
         persistent: boolean;
         transitionShow: string;
         transitionHide: string;
+        modelValue: boolean;
         maximized: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
@@ -129,6 +153,11 @@ declare const _default: {
 export default _default;
 export declare const Default: StoryFn<{
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
         persistent: {
             type: BooleanConstructor;
             default: boolean;
@@ -145,17 +174,20 @@ export declare const Default: StoryFn<{
             type: StringConstructor;
             default: string;
         };
-        modelValue: {
-            type: globalThis.PropType<boolean>;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }>, {
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        opened: globalThis.Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
         persistent: boolean;
         transitionShow: string;
         transitionHide: string;
+        modelValue: boolean;
         maximized: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -165,6 +197,11 @@ export declare const Default: StoryFn<{
         M: {};
         Defaults: {};
     }, Readonly<globalThis.ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
         persistent: {
             type: BooleanConstructor;
             default: boolean;
@@ -181,21 +218,29 @@ export declare const Default: StoryFn<{
             type: StringConstructor;
             default: string;
         };
-        modelValue: {
-            type: globalThis.PropType<boolean>;
-        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, {
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        opened: globalThis.Ref<boolean, boolean>;
+    }, {}, {}, {}, {
         persistent: boolean;
         transitionShow: string;
         transitionHide: string;
+        modelValue: boolean;
         maximized: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -212,17 +257,20 @@ export declare const Default: StoryFn<{
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    opened: globalThis.Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
 }, string, {
     persistent: boolean;
     transitionShow: string;
     transitionHide: string;
+    modelValue: boolean;
     maximized: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/core/components/atoms/PDialog/PDialog.vue.d.ts

@@ -1,4 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,12 +20,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    opened: globalThis.Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -37,15 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: StringConstructor;
         default: string;
     };
-    modelValue: {
-        type: globalThis.PropType<boolean>;
-    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     persistent: boolean;
     transitionShow: string;
     transitionHide: string;
+    modelValue: boolean;
     maximized: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;

package/dist/core/components/atoms/PInput/PInput.stories.d.ts

@@ -60,6 +60,11 @@ declare const _default: {
             "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
         }>, {
             focus: () => void;
+            blur: () => void;
+            select: () => void;
+            getNativeElement: () => HTMLInputElement | undefined;
+            validate: () => Promise<boolean>;
+            resetValidation: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             clear: (...args: any[]) => void;
             input: (...args: any[]) => void;
@@ -142,6 +147,11 @@ declare const _default: {
             "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
         }>, {
             focus: () => void;
+            blur: () => void;
+            select: () => void;
+            getNativeElement: () => HTMLInputElement | undefined;
+            validate: () => Promise<boolean>;
+            resetValidation: () => void;
         }, {}, {}, {}, {
             color: string;
             label: string;
@@ -213,6 +223,11 @@ declare const _default: {
         "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
     }>, {
         focus: () => void;
+        blur: () => void;
+        select: () => void;
+        getNativeElement: () => HTMLInputElement | undefined;
+        validate: () => Promise<boolean>;
+        resetValidation: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         clear: (...args: any[]) => void;
         input: (...args: any[]) => void;
@@ -363,6 +378,11 @@ export declare const Default: StoryFn<{
         "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
     }>, {
         focus: () => void;
+        blur: () => void;
+        select: () => void;
+        getNativeElement: () => HTMLInputElement | undefined;
+        validate: () => Promise<boolean>;
+        resetValidation: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         clear: (...args: any[]) => void;
         input: (...args: any[]) => void;
@@ -445,6 +465,11 @@ export declare const Default: StoryFn<{
         "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
     }>, {
         focus: () => void;
+        blur: () => void;
+        select: () => void;
+        getNativeElement: () => HTMLInputElement | undefined;
+        validate: () => Promise<boolean>;
+        resetValidation: () => void;
     }, {}, {}, {}, {
         color: string;
         label: string;
@@ -516,6 +541,11 @@ export declare const Default: StoryFn<{
     "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
     focus: () => void;
+    blur: () => void;
+    select: () => void;
+    getNativeElement: () => HTMLInputElement | undefined;
+    validate: () => Promise<boolean>;
+    resetValidation: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: (...args: any[]) => void;
     input: (...args: any[]) => void;

package/dist/core/components/atoms/PInput/PInput.vue.d.ts

@@ -1,5 +1,12 @@
 import { QInput as QInputType, ValidationRule } from 'quasar';
 declare function focus(): void;
+declare function blur(): void;
+declare function select(): void;
+declare function getNativeElement(): HTMLInputElement | undefined;
+/** Прогнать правила поля (defineExpose-API, 0.4.0); true — валидно */
+declare function validate(): Promise<boolean>;
+/** Сбросить состояние валидации поля */
+declare function resetValidation(): void;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     label: {
         type: StringConstructor;
@@ -51,6 +58,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
     };
 }>, {
     focus: typeof focus;
+    blur: typeof blur;
+    select: typeof select;
+    getNativeElement: typeof getNativeElement;
+    validate: typeof validate;
+    resetValidation: typeof resetValidation;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: (...args: any[]) => void;
     input: (...args: any[]) => void;

package/dist/core/components/atoms/PInputNumber/PInputNumber.stories.d.ts

@@ -115,8 +115,8 @@ declare const _default: {
         margin: string;
         disabled: boolean;
         rules: import('quasar').ValidationRule[];
-        min: number;
         max: number;
+        min: number;
         step: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     tags: string[];

package/dist/core/components/atoms/PInputNumber/PInputNumber.vue.d.ts

@@ -114,8 +114,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     margin: string;
     disabled: boolean;
     rules: ValidationRule[];
-    min: number;
     max: number;
+    min: number;
     step: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;