@snabcentr/vue-ui-lib 4.21.1 → 4.22.0

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

@@ -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);

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

@@ -8,6 +8,7 @@ declare const _default: import('vue').DefineComponent<ICategoryCollapsePropertie
     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);

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/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.0",
     "license": "ISC",
     "scripts": {
         "dev": "vite",