@snabcentr/vue-ui-lib 6.1.0-dev → 6.2.0-dev

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

@@ -20,5 +20,6 @@ export * from './orders';
 export * from './page';
 export * from './selects';
 export * from './sliding-content';
+export * from './statuses';
 export * from './suggestions';
 export * from './users';

package/dist/src/components/orders/simple/order-status-tag.vue.d.ts

@@ -49,6 +49,6 @@ declare const __VLS_export: import('vue').DefineComponent<{
 }> & Readonly<{}>, {
     size: "small" | "medium" | "large";
     variant: "text" | "filled";
-    statusDetail: IReference<string, number> | null;
     showDot: boolean;
+    statusDetail: IReference<string, number> | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/statuses/index.d.ts

@@ -0,0 +1 @@
+export { default as ScStatusTag } from './status-tag.vue';

package/dist/src/components/statuses/status-tag.vue.d.ts

@@ -0,0 +1,54 @@
+import { IStatusTag } from '../../statuses/interfaces/i-status-tag';
+/**
+ * Компонент метки состояния в цветах состояния или в цветах типа метки.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    /**
+     * Параметры метки состояния.
+     */
+    tag: IStatusTag;
+    /**
+     * Размер метки.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Признак метки со скруглёнными краями.
+     */
+    round?: boolean;
+    /**
+     * Признак метки с рамкой: у метки в цветах состояния рамка выводится основным цветом состояния.
+     */
+    bordered?: boolean;
+    /**
+     * Признак цветной точки перед текстом метки.
+     */
+    showDot?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Параметры метки состояния.
+     */
+    tag: IStatusTag;
+    /**
+     * Размер метки.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Признак метки со скруглёнными краями.
+     */
+    round?: boolean;
+    /**
+     * Признак метки с рамкой: у метки в цветах состояния рамка выводится основным цветом состояния.
+     */
+    bordered?: boolean;
+    /**
+     * Признак цветной точки перед текстом метки.
+     */
+    showDot?: boolean;
+}> & Readonly<{}>, {
+    size: "small" | "medium" | "large";
+    bordered: boolean;
+    round: boolean;
+    showDot: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/index.d.ts

@@ -1,6 +1,7 @@
 export * from './catalog';
 export * from './directives';
 export * from './orders';
+export * from './statuses';
 export * from './emits';
 export * from './enums';
 export * from './properties';

package/dist/src/orders/interfaces/i-order-status-colors.d.ts

@@ -1,3 +1,4 @@
+import { IStatusColors } from '../../statuses/interfaces/i-status-colors';
 /**
  * Набор цветов статуса заказа для разных вариантов отображения.
  *
@@ -5,17 +6,4 @@
  * и там, где цвет выражен только текстом (таймлайн, мобильная строка),
  * и там, где он выражен заливкой (ячейка таблицы, тег).
  */
-export interface IOrderStatusColors {
-    /**
-     * Основной насыщенный цвет статуса: текст на светлом фоне, точка таймлайна, рамка.
-     */
-    color: string;
-    /**
-     * Цвет мягкой заливки: фон ячейки таблицы или тега.
-     */
-    backgroundColor: string;
-    /**
-     * Цвет текста поверх мягкой заливки.
-     */
-    textOnBackgroundColor: string;
-}
+export type IOrderStatusColors = IStatusColors;

package/dist/src/orders/interfaces/i-order-status-tag-color.d.ts

@@ -1,17 +1,5 @@
+import { IStatusTagColor } from '../../statuses/interfaces/i-status-tag-color';
 /**
  * Цвета статуса заказа в формате свойства `color` компонента `n-tag` NaiveUI.
  */
-export interface IOrderStatusTagColor {
-    /**
-     * Цвет заливки тега.
-     */
-    color: string;
-    /**
-     * Цвет текста тега.
-     */
-    textColor: string;
-    /**
-     * Цвет рамки тега.
-     */
-    borderColor: string;
-}
+export type IOrderStatusTagColor = IStatusTagColor;

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

@@ -0,0 +1,2 @@
+export * from './interfaces';
+export * from './status-tag-colors';

package/dist/src/statuses/interfaces/i-status-colors.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Набор цветов состояния для разных вариантов отображения.
+ *
+ * Все три цвета принадлежат одному оттенку, поэтому состояние узнаётся одинаково
+ * и там, где цвет выражен только текстом, и там, где он выражен заливкой.
+ */
+export interface IStatusColors {
+    /**
+     * Основной насыщенный цвет состояния: текст на светлом фоне, точка, рамка.
+     */
+    color: string;
+    /**
+     * Цвет мягкой заливки: фон ячейки таблицы или метки.
+     */
+    backgroundColor: string;
+    /**
+     * Цвет текста поверх мягкой заливки.
+     */
+    textOnBackgroundColor: string;
+}

package/dist/src/statuses/interfaces/i-status-tag-color.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Цвета метки состояния в формате свойства `color` компонента `n-tag` NaiveUI.
+ */
+export interface IStatusTagColor {
+    /**
+     * Цвет заливки метки.
+     */
+    color: string;
+    /**
+     * Цвет текста метки.
+     */
+    textColor: string;
+    /**
+     * Цвет рамки метки.
+     */
+    borderColor: string;
+}

package/dist/src/statuses/interfaces/i-status-tag.d.ts

@@ -0,0 +1,19 @@
+import { IStatusColors } from './i-status-colors';
+import { TagProps } from 'naive-ui';
+/**
+ * Параметры метки состояния: текст и цвета состояния или тип метки NaiveUI.
+ */
+export interface IStatusTag {
+    /**
+     * Текст метки.
+     */
+    label: string;
+    /**
+     * Цвета состояния: из них берутся заливка, текст и рамка метки. Если цвета не заданы, их задаёт тип метки.
+     */
+    colors?: IStatusColors;
+    /**
+     * Тип метки NaiveUI, задаёт цвета метки без цветов состояния.
+     */
+    type?: TagProps['type'];
+}

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

@@ -0,0 +1,3 @@
+export * from './i-status-colors';
+export * from './i-status-tag';
+export * from './i-status-tag-color';

package/dist/src/statuses/status-tag-colors.d.ts

@@ -0,0 +1,9 @@
+import { IStatusColors } from './interfaces/i-status-colors';
+import { IStatusTagColor } from './interfaces/i-status-tag-color';
+/**
+ * Возвращает цвета состояния в формате свойства `color` компонента `n-tag` NaiveUI:
+ * мягкая заливка, текст поверх заливки и рамка основным цветом.
+ *
+ * @param colors Цвета состояния.
+ */
+export declare const getStatusTagColor: (colors: IStatusColors) => IStatusTagColor;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@snabcentr/vue-ui-lib",
-    "version": "6.1.0-dev",
+    "version": "6.2.0-dev",
     "description": "Библиотека общих Vue3 компонентов, используемых во всех проектах Снабцентр.",
     "keywords": [],
     "author": "Sergey S. Smirnov <dev@snabcentr.com>",
@@ -44,7 +44,7 @@
         "@iconify-json/logos": "^1.2.16",
         "@iconify-json/mdi": "^1.2.3",
         "@iconify-json/tabler": "^1.2.42",
-        "@snabcentr/common-lib": "^4.0.0",
+        "@snabcentr/common-lib": "^4.2.0-0",
         "@tailwindcss/container-queries": "^0.1.1",
         "date-fns": "^4.4.0",
         "libphonenumber-js": "^1.13.15",