@snabcentr/vue-ui-lib 4.22.6 → 4.23.0

package/dist/src/catalog/interfaces/properties/i-product-cost-properties.d.ts

@@ -5,7 +5,7 @@ export interface IProductCostProperties {
     /**
      * Данные о продукте.
      */
-    product: ProductData | OrderItemBase;
+    product: ProductData | OrderItemBase<undefined, string | number>;
     /**
      * Дополнительное поле которое необходимо отобразить вместе с ценой в виде зачёркнутого текста.
      */

package/dist/src/components/orders/blocks/order-items-list.vue.d.ts

@@ -1,4 +1,7 @@
-import { IOrderItem } from '@snabcentr/common-lib';
+import { OrderItem } from '@snabcentr/common-lib';
+import { DataTableColumn } from 'naive-ui';
+import { IOrderItemsGroup } from '../../../orders/interfaces/i-order-items-group';
+import { IOrderItemsListItem } from '../../../orders/types/order-items-list-item-type';
 import { IOrderEmits } from '../../../orders/interfaces/events/i-order-emits';
 import { Emitter } from 'mitt';
 /**
@@ -10,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     /**
      * Список позиций.
      */
-    products: Array<IOrderItem>;
+    products: Array<IOrderItemsListItem>;
     /**
      * Максимальная высота таблицы.
      */
@@ -27,6 +30,33 @@ declare const _default: import('vue').DefineComponent<{
      * Признак возможности выбора позиций чекбоксами (для частичного оформления заказа).
      */
     selectable?: boolean;
+    /**
+     * Заголовок над списком позиций. Пустая строка скрывает заголовок.
+     */
+    title?: string;
+    /**
+     * Группы позиций. Если переданы, позиции отображаются по группам, каждая со своим
+     * заголовком и таблицей, а свойство `products` используется только для общих расчётов.
+     */
+    groups?: Array<IOrderItemsGroup>;
+    /**
+     * Дополнительные столбцы таблицы, добавляются после столбца стоимости.
+     * На узких экранах таблица показывает позицию одной ячейкой, и такие столбцы не отображаются.
+     */
+    extraColumns?: Array<DataTableColumn<OrderItem<undefined, string | number>>>;
+    /**
+     * Возвращает признак неактивной позиции: такая позиция приглушается и зачёркивается.
+     */
+    isItemInactive?: (item: IOrderItemsListItem) => boolean;
+    /**
+     * Возвращает признак доступности позиции для выбора чекбоксом.
+     */
+    isItemSelectable?: (item: IOrderItemsListItem) => boolean;
+    /**
+     * Признак отправки количества по мере ввода. Если выключен, количество отправляется
+     * по завершении ввода, и на каждый введённый символ запрос не уходит.
+     */
+    updateQuantityOnInput?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:selectedRowKeys": (value: (string | number)[]) => any;
 }, string, import('vue').PublicProps, Readonly<{
@@ -35,7 +65,7 @@ declare const _default: import('vue').DefineComponent<{
     /**
      * Список позиций.
      */
-    products: Array<IOrderItem>;
+    products: Array<IOrderItemsListItem>;
     /**
      * Максимальная высота таблицы.
      */
@@ -52,12 +82,45 @@ declare const _default: import('vue').DefineComponent<{
      * Признак возможности выбора позиций чекбоксами (для частичного оформления заказа).
      */
     selectable?: boolean;
+    /**
+     * Заголовок над списком позиций. Пустая строка скрывает заголовок.
+     */
+    title?: string;
+    /**
+     * Группы позиций. Если переданы, позиции отображаются по группам, каждая со своим
+     * заголовком и таблицей, а свойство `products` используется только для общих расчётов.
+     */
+    groups?: Array<IOrderItemsGroup>;
+    /**
+     * Дополнительные столбцы таблицы, добавляются после столбца стоимости.
+     * На узких экранах таблица показывает позицию одной ячейкой, и такие столбцы не отображаются.
+     */
+    extraColumns?: Array<DataTableColumn<OrderItem<undefined, string | number>>>;
+    /**
+     * Возвращает признак неактивной позиции: такая позиция приглушается и зачёркивается.
+     */
+    isItemInactive?: (item: IOrderItemsListItem) => boolean;
+    /**
+     * Возвращает признак доступности позиции для выбора чекбоксом.
+     */
+    isItemSelectable?: (item: IOrderItemsListItem) => boolean;
+    /**
+     * Признак отправки количества по мере ввода. Если выключен, количество отправляется
+     * по завершении ввода, и на каждый введённый символ запрос не уходит.
+     */
+    updateQuantityOnInput?: boolean;
 }> & Readonly<{
     "onUpdate:selectedRowKeys"?: ((value: (string | number)[]) => any) | undefined;
 }>, {
+    title: string;
     eventEmitter: Emitter<IOrderEmits>;
     maxHeight: number;
+    groups: Array<IOrderItemsGroup>;
     allowEdit: boolean;
+    updateQuantityOnInput: boolean;
     selectable: boolean;
+    extraColumns: Array<DataTableColumn<OrderItem<undefined, string | number>>>;
+    isItemInactive: (item: IOrderItemsListItem) => boolean;
+    isItemSelectable: (item: IOrderItemsListItem) => boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/orders/simple/order-item-name.vue.d.ts

@@ -6,11 +6,11 @@ declare const _default: import('vue').DefineComponent<{
     /**
      * Данные о позиции заказа.
      */
-    item: OrderItem;
+    item: OrderItem<undefined, string | number>;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     /**
      * Данные о позиции заказа.
      */
-    item: OrderItem;
+    item: OrderItem<undefined, string | number>;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/orders/simple/order-item-params.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
     /**
      * Данные о позиции заказа.
      */
-    item: IOrderItemBase;
+    item: IOrderItemBase<undefined, string | number>;
     /**
      * Механизм, обеспечивающий генерацию событий заказа.
      */
@@ -17,11 +17,16 @@ declare const _default: import('vue').DefineComponent<{
      * Признак возможности редактирования параметров позиции заказа.
      */
     allowEdit?: boolean;
+    /**
+     * Признак отправки количества по мере ввода. Если выключен, количество отправляется
+     * по завершении ввода (потеря фокуса или Enter), и на каждый введённый символ запрос не уходит.
+     */
+    updateQuantityOnInput?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     /**
      * Данные о позиции заказа.
      */
-    item: IOrderItemBase;
+    item: IOrderItemBase<undefined, string | number>;
     /**
      * Механизм, обеспечивающий генерацию событий заказа.
      */
@@ -30,8 +35,14 @@ declare const _default: import('vue').DefineComponent<{
      * Признак возможности редактирования параметров позиции заказа.
      */
     allowEdit?: boolean;
+    /**
+     * Признак отправки количества по мере ввода. Если выключен, количество отправляется
+     * по завершении ввода (потеря фокуса или Enter), и на каждый введённый символ запрос не уходит.
+     */
+    updateQuantityOnInput?: boolean;
 }> & Readonly<{}>, {
     eventEmitter: Emitter<IOrderEmits>;
     allowEdit: boolean;
+    updateQuantityOnInput: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/orders/simple/order-product-info.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     /**
      * Данные о продукте в заказе.
      */
-    product: OrderItemBase;
+    product: OrderItemBase<undefined, string | number>;
     /**
      * Номер позиции в списке.
      */
@@ -15,7 +15,7 @@ declare const _default: import('vue').DefineComponent<{
     /**
      * Данные о продукте в заказе.
      */
-    product: OrderItemBase;
+    product: OrderItemBase<undefined, string | number>;
     /**
      * Номер позиции в списке.
      */

package/dist/src/orders/index.d.ts

@@ -1,3 +1,4 @@
 export * from './interfaces';
+export * from './types';
 export * from './order-marker-colors';
 export * from './order-status-colors';

package/dist/src/orders/interfaces/i-order-items-group.d.ts

@@ -0,0 +1,22 @@
+import { IOrderItemsListItem } from '../types/order-items-list-item-type';
+/**
+ * Группа позиций заказа: позиции, объединённые общим заголовком (например, разделом исходного файла).
+ */
+export interface IOrderItemsGroup {
+    /**
+     * Название группы, отображается заголовком над таблицей позиций.
+     */
+    name: string;
+    /**
+     * Позиции, входящие в группу.
+     */
+    items: IOrderItemsListItem[];
+    /**
+     * Подпись рядом с названием группы (например, количество позиций).
+     */
+    description?: string;
+    /**
+     * Подпись в правой части заголовка группы (например, стоимость позиций группы).
+     */
+    summary?: string;
+}

package/dist/src/orders/interfaces/index.d.ts

@@ -1,5 +1,6 @@
 export * from './events';
 export * from './i-order-highlight-settings';
+export * from './i-order-items-group';
 export * from './i-order-row-properties';
 export * from './i-order-status-colors';
 export * from './i-order-status-tag-color';

package/dist/src/orders/types/index.d.ts

@@ -0,0 +1 @@
+export * from './order-items-list-item-type';

package/dist/src/orders/types/order-items-list-item-type.d.ts

@@ -0,0 +1,7 @@
+import { IOrderItem } from '@snabcentr/common-lib';
+/**
+ * Позиция, отображаемая в списке позиций: позиция заказа или заказа-черновика.
+ *
+ * У позиции заказа-черновика идентификатор строковый, поэтому тип идентификатора расширен.
+ */
+export type IOrderItemsListItem = IOrderItem<undefined, string | number>;

package/package.json

@@ -4,7 +4,7 @@
     "keywords": [],
     "author": "Sergey S. Smirnov <dev@snabcentr.com>",
     "type": "module",
-    "version": "4.22.6",
+    "version": "4.23.0",
     "license": "ISC",
     "scripts": {
         "dev": "vite",