@snabcentr/vue-ui-lib 4.21.1 → 4.22.1

package/dist/src/catalog/interfaces/properties/i-catalogable-item-properties.d.ts

@@ -31,6 +31,11 @@ export interface ICatalogableItemProperties {
      * Признак возможности клика по цене (если отображены цены).
      */
     allowPriceClick?: boolean | ((product: ProductData) => boolean);
+    /**
+     * Признак необходимости отображения кнопки просмотра описания, характеристик и файлов продукта.
+     * Кнопка отображается только у продуктов, у которых заданы описание, характеристики или файлы.
+     */
+    showProductInfoButton?: boolean | ((product: ProductData) => boolean);
     /**
      * Признак необходимости отображения истории цен.
      * Значок истории цен будет отображён только при отображении даты установки цены.

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

@@ -34,6 +34,11 @@ export interface IProductNameProperties extends IProductActionsProperties {
      * Признак необходимости отображения дат планирования производства/поставки и т.д.
      */
     showPlanningDates?: boolean;
+    /**
+     * Признак необходимости отображения кнопки просмотра описания, характеристик и файлов продукта.
+     * Кнопка отображается только у продуктов, у которых заданы описание, характеристики или файлы.
+     */
+    showProductInfoButton?: boolean | ((product: ProductData) => boolean);
     /**
      * Признак необходимости отображения истории цен.
      * Значок истории цен будет отображён только при отображении даты установки цены.

package/dist/src/components/catalog/category-collapse-item.vue.d.ts

@@ -1,4 +1,4 @@
-import { ProductData } from '@snabcentr/common-lib';
+import { CategoryData, ProductData } from '@snabcentr/common-lib';
 import { ICategoryCollapseItemProperties } from '../../catalog/interfaces/properties/i-category-collapse-item-properties';
 /**
  * Компонент элемента сворачиваемого списка категорий.
@@ -7,6 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IC
     showSlugs: boolean;
     showProperties: boolean;
     showProductCosts: boolean | ((product: ProductData) => boolean);
+    showProductInfoButton: boolean | ((product: ProductData) => boolean);
     showPriceHistory: boolean | ((product: ProductData) => boolean);
     showCostDate: boolean | ((product: ProductData) => boolean);
     allowNameClick: boolean | ((product: ProductData) => boolean);
@@ -15,13 +16,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IC
     showProductEditButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<ProductData>;
     productContextButtonsConfig: (product: ProductData) => Array<import('naive-ui').DropdownOption | import('naive-ui').DropdownGroupOption | import('naive-ui').DropdownDividerOption | import('naive-ui').DropdownRenderOption>;
     isProductItemSelected: import('../..').ButtonStateFunction<ProductData>;
-    isCategoryItemSelected: import('../..').ButtonStates | import('../..').ButtonStateFunction<import('@snabcentr/common-lib').CategoryData>;
-    showCategoryHideForClientButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<import('@snabcentr/common-lib').CategoryData>;
-    showCategoryRequiredButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<import('@snabcentr/common-lib').CategoryData>;
-    showCategoryPinButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<import('@snabcentr/common-lib').CategoryData>;
-    showCategoryEditButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<import('@snabcentr/common-lib').CategoryData>;
-    categoryContextButtonsConfig: (category: import('@snabcentr/common-lib').CategoryData) => Array<import('naive-ui').DropdownOption | import('naive-ui').DropdownGroupOption | import('naive-ui').DropdownDividerOption | import('naive-ui').DropdownRenderOption>;
-    showConfigurator: boolean | ((category: import('@snabcentr/common-lib').CategoryData) => boolean);
+    isCategoryItemSelected: import('../..').ButtonStates | import('../..').ButtonStateFunction<CategoryData>;
+    showCategoryHideForClientButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<CategoryData>;
+    showCategoryRequiredButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<CategoryData>;
+    showCategoryPinButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<CategoryData>;
+    showCategoryEditButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<CategoryData>;
+    categoryContextButtonsConfig: (category: CategoryData) => Array<import('naive-ui').DropdownOption | import('naive-ui').DropdownGroupOption | import('naive-ui').DropdownDividerOption | import('naive-ui').DropdownRenderOption>;
+    showConfigurator: boolean | ((category: CategoryData) => boolean);
     canShowConfigurator: boolean | (() => boolean);
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'collapse-item-reference': ({
@@ -100,17 +101,50 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IC
         collapse: () => void;
         expanded: Readonly<import('vue').Ref<boolean, boolean>>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            arrow?(_: {}): any;
-            'pre-arrow'?(_: {}): any;
-            header?(_: {}): any;
-            'sub-header'?(_: {}): any;
-            'header-extra'?(_: {}): any;
-            default?(_: {}): any;
+        $slots: Readonly<{
+            arrow: () => void;
+            'pre-arrow': () => void;
+            header: () => void;
+            'sub-header': () => void;
+            'header-extra': () => void;
+            default: () => void;
+        }> & {
+            arrow: () => void;
+            'pre-arrow': () => void;
+            header: () => void;
+            'sub-header': () => void;
+            'header-extra': () => void;
+            default: () => void;
         };
     }) | null;
-}, HTMLDivElement>, {
-    default?(_: {}): any;
+}, HTMLDivElement>, Readonly<{
+    /**
+     * Содержимое категории.
+     */
+    default: () => void;
+    /**
+     * Дополнительное содержимое заголовка элемента категории.
+     *
+     * @param props Параметры слота.
+     * @param props.categoryItem Данные категории, для которой рендерится блок.
+     */
+    'header-extra': (props: {
+        categoryItem: CategoryData;
+    }) => void;
+}> & {
+    /**
+     * Содержимое категории.
+     */
+    default: () => void;
+    /**
+     * Дополнительное содержимое заголовка элемента категории.
+     *
+     * @param props Параметры слота.
+     * @param props.categoryItem Данные категории, для которой рендерится блок.
+     */
+    'header-extra': (props: {
+        categoryItem: CategoryData;
+    }) => void;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/catalog/category-collapse.vue.d.ts

@@ -3,11 +3,12 @@ import { CategoryData, SearchResult } from '@snabcentr/common-lib';
 /**
  * Компонент списка сворачиваемых элементов каталога.
  */
-declare const _default: import('vue').DefineComponent<ICategoryCollapseProperties, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ICategoryCollapseProperties> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ICategoryCollapseProperties, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ICategoryCollapseProperties> & Readonly<{}>, {
     loading: boolean;
     showSlugs: boolean;
     showProperties: boolean;
     showProductCosts: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
+    showProductInfoButton: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
     showPriceHistory: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
     showCostDate: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
     allowNameClick: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
@@ -21,5 +22,30 @@ declare const _default: import('vue').DefineComponent<ICategoryCollapsePropertie
     showCategoryEditButton: import('../..').ButtonStates | import('../..').ButtonStateFunction<CategoryData>;
     categoryContextButtonsConfig: (category: CategoryData) => Array<import('naive-ui').DropdownOption | import('naive-ui').DropdownGroupOption | import('naive-ui').DropdownDividerOption | import('naive-ui').DropdownRenderOption>;
     client: import('@snabcentr/common-lib').IClient;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+    /**
+     * Дополнительное содержимое заголовка элемента категории.
+     *
+     * @param props Параметры слота.
+     * @param props.categoryItem Данные категории, для которой рендерится блок.
+     */
+    'header-extra': (props: {
+        categoryItem: CategoryData;
+    }) => void;
+}> & {
+    /**
+     * Дополнительное содержимое заголовка элемента категории.
+     *
+     * @param props Параметры слота.
+     * @param props.categoryItem Данные категории, для которой рендерится блок.
+     */
+    'header-extra': (props: {
+        categoryItem: CategoryData;
+    }) => void;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/catalog/dialogs/add-product-to-cart-dialog.vue.d.ts

@@ -94,12 +94,12 @@ declare const _default: import('vue').DefineComponent<{}, {
             closing: (target: import('../..').CloseTarget, cancel: () => void) => any;
         }, string, {
             trapFocus: boolean;
-            modalWidth: number;
             sizes: {
                 phone: import('../..').IDialogSizeParams;
                 tablet: import('../..').IDialogSizeParams;
                 default: import('../..').IDialogSizeParams;
             };
+            modalWidth: number;
             processing: boolean;
             valid: boolean;
             acceptButton: import('../..').IDialogButtonsParams;
@@ -126,12 +126,12 @@ declare const _default: import('vue').DefineComponent<{}, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         trapFocus: boolean;
-        modalWidth: number;
         sizes: {
             phone: import('../..').IDialogSizeParams;
             tablet: import('../..').IDialogSizeParams;
             default: import('../..').IDialogSizeParams;
         };
+        modalWidth: number;
         processing: boolean;
         valid: boolean;
         acceptButton: import('../..').IDialogButtonsParams;
@@ -156,7 +156,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         onOpening?: (() => any) | undefined;
         "onProcessing:cancel"?: ((processingCallback: (processing: boolean) => void) => any) | undefined;
         onClosing?: ((target: import('../..').CloseTarget, cancel: () => void) => any) | undefined;
-    }>, "close" | "acceptHandler" | ("trapFocus" | "modalWidth" | "sizes" | "processing" | "valid" | "acceptButton" | "cancelButton") | "open"> & import('vue').ShallowUnwrapRef<{
+    }>, "close" | "acceptHandler" | ("trapFocus" | "sizes" | "modalWidth" | "processing" | "valid" | "acceptButton" | "cancelButton") | "open"> & import('vue').ShallowUnwrapRef<{
         open: () => void;
         close: (target?: import('../..').CloseTarget, force?: boolean) => void;
         acceptHandler: () => void;

package/dist/src/components/catalog/dialogs/index.d.ts

@@ -1 +1,2 @@
 export { default as ScAddProductToCartDialog } from './add-product-to-cart-dialog.vue';
+export { default as ScProductInfoDialog } from './product-info-dialog.vue';

package/dist/src/components/catalog/dialogs/product-info-dialog.vue.d.ts

@@ -0,0 +1,40 @@
+import { ProductData } from '@snabcentr/common-lib';
+import { ProductInfoTab } from '../../../types/product-info-tab';
+/**
+ * Диалоговое окно просмотра описания, характеристик и файлов продукта.
+ */
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * Данные о продукте.
+     */
+    product: ProductData;
+    /**
+     * Признак видимости диалога.
+     */
+    show?: boolean;
+    /**
+     * Вкладка, открываемая изначально. Если у продукта нет её данных, открывается первая доступная.
+     */
+    activeTab?: ProductInfoTab;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:show": (show: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Данные о продукте.
+     */
+    product: ProductData;
+    /**
+     * Признак видимости диалога.
+     */
+    show?: boolean;
+    /**
+     * Вкладка, открываемая изначально. Если у продукта нет её данных, открывается первая доступная.
+     */
+    activeTab?: ProductInfoTab;
+}> & Readonly<{
+    "onUpdate:show"?: ((show: boolean) => any) | undefined;
+}>, {
+    show: boolean;
+    activeTab: ProductInfoTab;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/catalog/product-details/index.d.ts

@@ -1 +1,3 @@
 export { default as ScProductName } from './product-name.vue';
+export { default as ScProductInfoContent } from './product-info-content.vue';
+export { default as ScProductInfoPopover } from './product-info-popover.vue';

package/dist/src/components/catalog/product-details/product-info-content.vue.d.ts

@@ -0,0 +1,45 @@
+import { ProductData } from '@snabcentr/common-lib';
+import { ProductInfoTab } from '../../../types/product-info-tab';
+/**
+ * Компонент просмотра описания, характеристик и файлов продукта.
+ */
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * Данные о продукте.
+     */
+    product: ProductData;
+    /**
+     * Размер вкладок.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Максимальная высота содержимого вкладки в CSS-единицах; при превышении содержимое прокручивается.
+     */
+    maxHeight?: string;
+    /**
+     * Вкладка, открываемая изначально. Если у продукта нет её данных, открывается первая доступная.
+     */
+    activeTab?: ProductInfoTab;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Данные о продукте.
+     */
+    product: ProductData;
+    /**
+     * Размер вкладок.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Максимальная высота содержимого вкладки в CSS-единицах; при превышении содержимое прокручивается.
+     */
+    maxHeight?: string;
+    /**
+     * Вкладка, открываемая изначально. Если у продукта нет её данных, открывается первая доступная.
+     */
+    activeTab?: ProductInfoTab;
+}> & Readonly<{}>, {
+    size: "small" | "medium" | "large";
+    maxHeight: string;
+    activeTab: ProductInfoTab;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/catalog/product-details/product-info-popover.vue.d.ts

@@ -0,0 +1,23 @@
+import { ProductData } from '@snabcentr/common-lib';
+/**
+ * Компонент всплывающего окна с описанием, характеристиками и файлами продукта.
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    /**
+     * Данные о продукте.
+     */
+    product: ProductData;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Данные о продукте.
+     */
+    product: ProductData;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/catalog/product-details/product-name.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<IProductNameProperties & I
     showCode: boolean;
     showProductCosts: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
     showPlanningDates: boolean;
+    showProductInfoButton: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
     showPriceHistory: boolean;
     showCostDate: boolean;
     allowNameClick: boolean | ((product: import('@snabcentr/common-lib').ProductData) => boolean);
@@ -68,7 +69,7 @@ declare const _default: import('vue').DefineComponent<IProductNameProperties & I
         };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (... /** @type { [typeof ProductStockCount, typeof ProductStockCount, ] } */args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{
         images?: import('@snabcentr/common-lib').IImage[];
     }> & Readonly<{}>, "show"> & import('vue').ShallowUnwrapRef<{

package/dist/src/components/collapse/collapse-item.vue.d.ts

@@ -52,13 +52,56 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     name: string | number;
     disabled: boolean;
     title: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
-    arrow?(_: {}): any;
-    'pre-arrow'?(_: {}): any;
-    header?(_: {}): any;
-    'sub-header'?(_: {}): any;
-    'header-extra'?(_: {}): any;
-    default?(_: {}): any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
+    /**
+     * Значок скрытия и отображения содержимого.
+     */
+    arrow: () => void;
+    /**
+     * Зона значков слева от заголовка.
+     */
+    'pre-arrow': () => void;
+    /**
+     * Основной заголовок элемента.
+     */
+    header: () => void;
+    /**
+     * Вспомогательный заголовок под основным.
+     */
+    'sub-header': () => void;
+    /**
+     * Дополнительное содержимое заголовка справа.
+     */
+    'header-extra': () => void;
+    /**
+     * Содержимое элемента, отображаемое в развёрнутом состоянии.
+     */
+    default: () => void;
+}> & {
+    /**
+     * Значок скрытия и отображения содержимого.
+     */
+    arrow: () => void;
+    /**
+     * Зона значков слева от заголовка.
+     */
+    'pre-arrow': () => void;
+    /**
+     * Основной заголовок элемента.
+     */
+    header: () => void;
+    /**
+     * Вспомогательный заголовок под основным.
+     */
+    'sub-header': () => void;
+    /**
+     * Дополнительное содержимое заголовка справа.
+     */
+    'header-extra': () => void;
+    /**
+     * Содержимое элемента, отображаемое в развёрнутом состоянии.
+     */
+    default: () => void;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/dialog/base-dialog.vue.d.ts

@@ -131,7 +131,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onClosing?: ((target: CloseTarget, cancel: () => void) => any) | undefined;
 }>, {
     trapFocus: boolean;
-    modalWidth: number;
     sizes: {
         /**
          * Параметры мобильного представления.
@@ -146,6 +145,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
          */
         default: IDialogSizeParams;
     };
+    modalWidth: number;
     processing: boolean;
     valid: boolean;
     acceptButton: IDialogButtonsParams;

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

@@ -4,3 +4,4 @@ export * from './entity-name-helper';
 export * from './input-helper';
 export * from './select-option-helper';
 export * from './validators';
+export * from './product-info-helper';

package/dist/src/helpers/product-info-helper.d.ts

@@ -0,0 +1,13 @@
+import { ICatalogItemPropertyFile, ProductData } from '@snabcentr/common-lib';
+/**
+ * Возвращает список файлов продукта.
+ *
+ * @param product Данные о продукте.
+ */
+export declare const getProductInfoFiles: (product: ProductData) => ICatalogItemPropertyFile[];
+/**
+ * Проверяет, есть ли у продукта данные, которые видит клиент: описание, характеристики или файлы.
+ *
+ * @param product Данные о продукте.
+ */
+export declare const hasProductInfo: (product: ProductData) => boolean;

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

@@ -1,2 +1,3 @@
 export * from './validation-status';
 export * from './button-states';
+export * from './product-info-tab';

package/dist/src/types/product-info-tab.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Вкладка просмотра данных о продукте: описание, характеристики или файлы.
+ */
+export type ProductInfoTab = 'description' | 'specification' | 'files';

package/package.json

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