@topvisor/ui 1.0.20-selector2-3 → 1.0.20-selector2-4

package/charts/charts.js

@@ -0,0 +1,178 @@
+import { Core as P } from "../core/app.js";
+import { defineComponent as T, mergeModels as S, useModel as $, computed as h, createElementBlock as i, openBlock as a, normalizeClass as f, createElementVNode as r, createCommentVNode as k, toDisplayString as g, Fragment as w, renderList as H, normalizeStyle as L, unref as F, ref as b, watch as V, onMounted as N, onUnmounted as R, renderSlot as z, createBlock as G, Teleport as O } from "vue";
+import { d as X } from "../.chunks/forms-BciWy0wX.es.js";
+import { percentOfNumber as I } from "../utils/number.js";
+const E = ["../assets/charts.css"].map((v) => import.meta.resolve(v));
+P.insertCSSLinkToPage(E, !0);
+const A = 90, D = 10, U = ["data-top-icon"], W = { class: "top-miniChart_chart" }, Y = ["onMouseenter"], j = { class: "top-miniChart_data" }, q = { class: "top-miniChart_dataValue" }, J = ["innerHTML"], K = /* @__PURE__ */ T({
+  __name: "miniChart",
+  props: /* @__PURE__ */ S({
+    title: {},
+    gIcon: {},
+    color: { default: "blue" },
+    dates: {},
+    values: {},
+    activeDates: {},
+    keysForDyn: {},
+    dynamic: {},
+    isInvert: { type: Boolean },
+    numberCols: { default: A },
+    additionalHTML: {},
+    modelValue: {},
+    valueSuffix: {},
+    hideChartInMobile: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const t = v, d = $(v, "modelValue"), u = (e) => {
+      let o = c.value;
+      t.isInvert && (e -= 1, o -= 1);
+      let n = o > 0 ? Math.round(e / o * (100 - D)) : 0;
+      return t.isInvert ? 100 - n : n + D;
+    }, C = (e) => t.activeDates.includes(e), c = h(() => Math.max(...t.values)), m = h(() => t.dates.slice().reverse()), y = h(() => t.dates.length ? t.numberCols - t.dates.length : 0), M = () => {
+      d.value = null;
+    }, s = (e, o, n) => {
+      e.target instanceof HTMLElement && (d.value = {
+        elCol: e.target,
+        date: X(o),
+        value: n === null ? "--" : n + (t.valueSuffix ?? "")
+      });
+    }, l = h(() => {
+      let e = t.dynamic;
+      if (typeof e > "u") {
+        const n = t.values[t.keysForDyn.start];
+        e = t.values[t.keysForDyn.end] - n;
+      }
+      return (e < 0 ? -1 : 1) * I(Math.abs(e));
+    }), p = h(() => {
+      let e = "stay";
+      return t.isInvert ? (l.value > 0 && (e = "down"), l.value < 0 && (e = "up")) : (l.value > 0 && (e = "up"), l.value < 0 && (e = "down")), e;
+    });
+    return (e, o) => (a(), i("div", {
+      class: f({
+        "top-miniChart": !0,
+        "top-miniChart_hideChartInMobile": e.hideChartInMobile,
+        [`top-color_${e.color}`]: !0
+      })
+    }, [
+      r("div", {
+        class: "top-miniChart_title top-ellipsis",
+        "data-top-icon": e.gIcon
+      }, g(e.title), 9, U),
+      r("div", W, [
+        r("div", {
+          class: "top-miniChart_chartGrid",
+          onMouseleave: o[1] || (o[1] = (n) => M())
+        }, [
+          (a(!0), i(w, null, H(m.value, (n, _) => (a(), i("div", {
+            class: f({
+              "top-miniChart_chartGridCol": !0,
+              "top-active": C(n)
+            }),
+            onMouseenter: (B) => s(B, n, e.values[e.values.length - _ - 1])
+          }, [
+            r("div", {
+              style: L("height:" + u(e.values[e.values.length - _ - 1]) + "%")
+            }, null, 4)
+          ], 42, Y))), 256)),
+          (a(!0), i(w, null, H(y.value, () => (a(), i("div", {
+            class: "top-miniChart_chartGridCol top-miniChart_chartGridCol-none",
+            onMouseenter: o[0] || (o[0] = (n) => M())
+          }, o[2] || (o[2] = [
+            r("div", null, null, -1)
+          ]), 32))), 256))
+        ], 32)
+      ]),
+      r("div", j, [
+        r("span", {
+          class: f({
+            "top-miniChart_dataDynamic": !0,
+            [`top-miniChart_dataDynamic-direction_${p.value}`]: !0
+          })
+        }, g(Math.abs(l.value) || ""), 3),
+        r("span", q, g(F(I)(e.values[e.values.length - 1]) || 0), 1)
+      ]),
+      e.additionalHTML ? (a(), i("div", {
+        key: 0,
+        innerHTML: e.additionalHTML
+      }, null, 8, J)) : k("", !0)
+    ], 2));
+  }
+}), Q = {
+  key: 0,
+  class: "top-miniCharts_pages"
+}, Z = ["onClick"], x = /* @__PURE__ */ T({
+  __name: "miniCharts",
+  props: /* @__PURE__ */ S({
+    modelValue: {},
+    countCharts: {},
+    hideChartInMobile: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const t = v, d = $(v, "modelValue"), u = b(null);
+    let C;
+    const c = b(1), m = b(1), y = () => {
+      c.value = Math.round(u.value.scrollHeight / u.value.clientHeight);
+    };
+    V(c, () => {
+      c.value < m.value && (m.value = 1);
+    }), V(
+      () => t.countCharts,
+      () => y(),
+      { flush: "post" }
+    );
+    const M = h(() => {
+      if (!d.value) return {};
+      const s = d.value.elCol.getBoundingClientRect(), l = {
+        top: s.bottom + window.scrollY + "px"
+      };
+      return document.documentElement.clientWidth / 2 > s.right ? l.left = s.right + window.scrollX + 10 + "px" : (l.left = s.left + window.scrollX - 10 + "px", l.transform = "translate(-100%, 0)"), l;
+    });
+    return N(() => {
+      C = new ResizeObserver(() => y()), C.observe(u.value), V(m, () => {
+        const p = (u.value.children[0].clientHeight + parseInt(window.getComputedStyle(u.value).getPropertyValue("row-gap"))) * (m.value - 1);
+        u.value.scrollTo({ top: p, behavior: "smooth" });
+      });
+    }), R(() => {
+      C.disconnect();
+    }), (s, l) => (a(), i("div", {
+      class: f(["top-miniCharts", {
+        "top-miniCharts": !0,
+        scrollable: c.value > 1,
+        "top-miniCharts_hideChartInMobile": s.hideChartInMobile
+      }]),
+      ref_key: "elRef",
+      ref: u
+    }, [
+      z(s.$slots, "default"),
+      c.value > 1 ? (a(), i("div", Q, [
+        (a(!0), i(w, null, H(c.value, (p) => (a(), i("span", {
+          class: f({ "top-active": p === m.value }),
+          onClick: (e) => m.value = p
+        }, null, 10, Z))), 256))
+      ])) : k("", !0),
+      (a(), G(O, { to: "body" }, [
+        d.value ? (a(), i("div", {
+          key: 0,
+          class: "top-miniCharts_tooltip",
+          style: L(M.value)
+        }, [
+          r("span", null, g(d.value.date), 1),
+          r("span", null, g(d.value.value), 1)
+        ], 4)) : k("", !0)
+      ]))
+    ], 2));
+  }
+}), ne = K, ae = x;
+export {
+  ne as TopMiniChart,
+  ae as TopMiniCharts
+};
+//# sourceMappingURL=charts.js.map

package/charts/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sources":["../../src/components/charts/miniChart/utils/consts.ts","../../src/components/charts/miniChart/miniChart.vue","../../src/components/charts/miniCharts/miniCharts.vue","../../src/components/charts/charts.ts"],"sourcesContent":["/**\r\n * Кол-во столбцов по умолчанию\r\n */\r\nexport const defaultNumberCols = 90;\r\n\r\n/**\r\n * Минимальная высота колонки (в процентах)\r\n */\r\nexport const minHeight = 10; // %","<script setup lang=\"ts\">\r\nimport type { Props } from './miniChart';\r\nimport { computed } from 'vue';\r\nimport { dateFormat } from '@/core/utils/date';\r\nimport { percentOfNumber } from '@/core/utils/number';\r\nimport { defaultNumberCols, minHeight } from './utils/consts';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tnumberCols: defaultNumberCols,\r\n});\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\n/**\r\n * Расчет высоты колонки (в процентах)\r\n */\r\nconst genColHeight = (value: number): number => {\r\n\tlet maximumValue = maxValue.value;\r\n\r\n\t// для графиков средней и медианной делаем максимум 1\r\n\tif (props.isInvert) {\r\n\t\tvalue -= 1;\r\n\t\tmaximumValue -= 1;\r\n\t}\r\n\r\n\tlet height = maximumValue > 0 ? Math.round((value / maximumValue) * (100 - minHeight)) : 0;\r\n\tif (props.isInvert) return 100 - height;\r\n\r\n\treturn height + minHeight;\r\n};\r\n\r\nconst isActiveDate = (date: string) => props.activeDates.includes(date);\r\n\r\nconst maxValue = computed(() => Math.max(...props.values));\r\n\r\n/**\r\n * Из-за стиля .top-miniChart_chartGrid - direction: rtl\r\n */\r\nconst reversedDates = computed(() => props.dates.slice().reverse());\r\n\r\n/**\r\n * Кол-во пустых колонок\r\n */\r\nconst numOfEmptyCols = computed(() => {\r\n\tif (!props.dates.length) return 0;\r\n\r\n\treturn props.numberCols - props.dates.length;\r\n});\r\n\r\nconst resetModel = () => {\r\n\tmodel.value = null;\r\n};\r\n\r\nconst setModel = (e: Event, date: string, value: number | null) => {\r\n\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\tmodel.value = {\r\n\t\telCol: e.target,\r\n\t\tdate: dateFormat(date),\r\n\t\tvalue: value === null ? '--' : value + (props.valueSuffix ?? ''),\r\n\t};\r\n};\r\n\r\n/**\r\n * Возвращает численный показатель динамики графика\r\n */\r\nconst localDynamic = computed(() => {\r\n\tlet dynamic = props.dynamic;\r\n\r\n\tif (typeof dynamic === 'undefined') {\r\n\t\tconst prevPeriodValue = props.values[props.keysForDyn.start];\r\n\t\tconst currentValue = props.values[props.keysForDyn.end];\r\n\t\tdynamic = currentValue - prevPeriodValue;\r\n\t}\r\n\r\n\tconst sign = dynamic < 0 ? -1 : 1;\r\n\r\n\treturn sign * (percentOfNumber(Math.abs(dynamic)) as number);\r\n});\r\n\r\nconst dynamicDirection = computed(() => {\r\n\tlet direction: 'up' | 'stay' | 'down' = 'stay';\r\n\r\n\tif (!props.isInvert) {\r\n\t\tif (localDynamic.value > 0) direction = 'up';\r\n\t\tif (localDynamic.value < 0) direction = 'down';\r\n\t} else {\r\n\t\tif (localDynamic.value > 0) direction = 'down';\r\n\t\tif (localDynamic.value < 0) direction = 'up';\r\n\t}\r\n\r\n\treturn direction;\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t['top-miniChart']: true,\r\n\t\t\t['top-miniChart_hideChartInMobile']: hideChartInMobile,\r\n\t\t\t[`top-color_${color}`]: true\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tclass=\"top-miniChart_title top-ellipsis\"\r\n\t\t\t:data-top-icon=\"gIcon\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_chart\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"top-miniChart_chartGrid\"\r\n\t\t\t\t@mouseleave=\"resetModel()\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(date, i) in reversedDates\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t['top-miniChart_chartGridCol']: true,\r\n\t\t\t\t\t\t['top-active']: isActiveDate(date)\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t@mouseenter=\"setModel($event, date, values[values.length - i - 1])\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div :style=\"'height:' + genColHeight(values[values.length - i - 1]) + '%'\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"() in numOfEmptyCols\"\r\n\t\t\t\t\tclass=\"top-miniChart_chartGridCol top-miniChart_chartGridCol-none\"\r\n\t\t\t\t\t@mouseenter=\"resetModel()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-miniChart_data\">\r\n\t\t\t<span :class=\"{\r\n\t\t\t\t['top-miniChart_dataDynamic']: true,\r\n\t\t\t\t[`top-miniChart_dataDynamic-direction_${dynamicDirection}`]: true,\r\n\t\t\t}\">\r\n\t\t\t\t{{ Math.abs(localDynamic) || '' }}\r\n\t\t\t</span>\r\n\t\t\t<span class=\"top-miniChart_dataValue\">\r\n\t\t\t\t{{ percentOfNumber(values[values.length - 1]) || 0 }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"additionalHTML\"\r\n\t\t\tv-html=\"additionalHTML\"\r\n\t\t/>\r\n\t</div>\r\n\r\n</template>\r\n<style>\r\n@import \"./styles/miniChart.css\";\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\r\nimport type { Style, Props } from './miniCharts';\r\n\r\nconst props = defineProps<Props>();\r\nconst model = defineModel<Props['modelValue']>();\r\n\r\nconst elRef = ref<HTMLElement | null>(null);\r\n\r\nlet pagesResizeObserver: ResizeObserver;\r\n\r\n/**\r\n * Количество страниц\r\n */\r\nconst countPages = ref(1);\r\n\r\n/**\r\n * Активная страница\r\n */\r\nconst activePage = ref(1);\r\n\r\n/**\r\n * Установка количества страниц в блоке\r\n */\r\nconst setCountPages = () => {\r\n\tcountPages.value = Math.round(elRef.value!.scrollHeight / elRef.value!.clientHeight);\r\n};\r\n\r\nwatch(countPages, () => {\r\n\tif (countPages.value < activePage.value) {\r\n\t\tactivePage.value = 1;\r\n\t}\r\n});\r\n\r\nwatch(\r\n\t() => props.countCharts,\r\n\t() => setCountPages(),\r\n\t{ flush: 'post' }\r\n);\r\n\r\n/**\r\n * Расчет положения для подсказки\r\n */\r\nconst tooltipStyle = computed(() => {\r\n\tif (!model.value) return {};\r\n\r\n\tconst box = model.value.elCol.getBoundingClientRect();\r\n\r\n\tconst style: Style = {\r\n\t\ttop: box.bottom + window.scrollY + 'px',\r\n\t};\r\n\r\n\tif (document.documentElement.clientWidth / 2 > box.right) {\r\n\t\tstyle.left = box.right + window.scrollX + 10 + 'px';\r\n\t} else {\r\n\t\tstyle.left = box.left + window.scrollX - 10 + 'px';\r\n\t\tstyle.transform = 'translate(-100%, 0)';\r\n\t}\r\n\r\n\treturn style;\r\n});\r\n\r\nonMounted(() => {\r\n\t/**\r\n\t * Функционал переключения экранов графиков\r\n\t */\r\n\tpagesResizeObserver = new ResizeObserver(() => setCountPages());\r\n\tpagesResizeObserver.observe(elRef.value!);\r\n\r\n\twatch(activePage, () => {\r\n\t\tconst elMiniChart = elRef.value!.children[0];\r\n\t\tconst pageHeight = elMiniChart.clientHeight + parseInt(window.getComputedStyle(elRef.value!).getPropertyValue('row-gap'));\r\n\t\tconst scrollTop = pageHeight * (activePage.value - 1);\r\n\r\n\t\telRef.value!.scrollTo({ top: scrollTop, behavior: 'smooth' });\r\n\t});\r\n});\r\n\r\nonUnmounted(() => {\r\n\tpagesResizeObserver.disconnect();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tclass=\"top-miniCharts\"\r\n\t\t:class=\"{\r\n\t\t\t['top-miniCharts']: true,\r\n\t\t\t['scrollable']: countPages > 1,\r\n\t\t\t['top-miniCharts_hideChartInMobile']: hideChartInMobile,\r\n\t\t}\"\r\n\t\tref=\"elRef\"\r\n\t>\r\n\r\n\t\t<slot></slot>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"countPages > 1\"\r\n\t\t\tclass=\"top-miniCharts_pages\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tv-for=\"n in countPages\"\r\n\t\t\t\t:class=\"{['top-active']: n === activePage}\"\r\n\t\t\t\t@click=\"activePage = n\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\r\n\t\t<Teleport to=\"body\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"model\"\r\n\t\t\t\tclass=\"top-miniCharts_tooltip\"\r\n\t\t\t\t:style=\"tooltipStyle\"\r\n\t\t\t>\r\n\t\t\t\t<span>{{ model.date }}</span>\r\n\t\t\t\t<span>{{ model.value }}</span>\r\n\t\t\t</div>\r\n\t\t</Teleport>\r\n\t</div>\r\n\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/miniCharts.css\";\r\n</style>\r\n\r\n\r\n\r\n\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport MiniChart from './miniChart/miniChart.vue';\r\nimport MiniCharts from './miniCharts/miniCharts.vue';\r\n\r\nexport const TopMiniChart = MiniChart as typeof MiniChart & ComponentCustomProps;\r\n\r\nexport const TopMiniCharts = MiniCharts as typeof MiniCharts & ComponentCustomProps;\r\n"],"names":["defaultNumberCols","minHeight","props","__props","model","useModel","genColHeight","value","maximumValue","maxValue","height","isActiveDate","date","computed","reversedDates","numOfEmptyCols","resetModel","setModel","dateFormat","localDynamic","dynamic","prevPeriodValue","percentOfNumber","dynamicDirection","direction","elRef","ref","pagesResizeObserver","countPages","activePage","setCountPages","watch","tooltipStyle","box","style","onMounted","scrollTop","onUnmounted","TopMiniChart","_sfc_main$1","TopMiniCharts","_sfc_main"],"mappings":"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"}

package/components/charts/charts.d.ts

@@ -0,0 +1,5 @@
+import { ComponentCustomProps } from 'vue';
+import { default as MiniChart } from './miniChart/miniChart.vue';
+import { default as MiniCharts } from './miniCharts/miniCharts.vue';
+export declare const TopMiniChart: typeof MiniChart & ComponentCustomProps;
+export declare const TopMiniCharts: typeof MiniCharts & ComponentCustomProps;

package/components/charts/miniChart/miniChart.d.ts

@@ -0,0 +1,92 @@
+export interface Props {
+    /**
+     * Имя графика
+     */
+    title?: string;
+    /**
+     * Иконка графика
+     */
+    gIcon?: string;
+    /**
+     * Цвет графика и иконки
+     */
+    color?: Color;
+    /**
+     * Список дат всех проверок (пример даты: 2020-01-01)
+     */
+    dates: string[];
+    /**
+     * Список значений параметра для каждой проверки (порядок соответсвует списку дат)
+     */
+    values: number[];
+    /**
+     * Список активных дат (пример даты: 2020-01-01)
+     */
+    activeDates: string[];
+    /**
+     * Индексы для получения значений из props.values.
+     * Полученные значения используются для рассчета динамики изменения.
+     * Если указан props.dynamic, то props.keysForDyn не используется в расчетах динамики.
+     *
+     * - start - индекс для получения значения в начале периода
+     * - end - индекс для полученя значения в конце периода
+     */
+    keysForDyn: {
+        start: number;
+        end: number;
+    };
+    /**
+     * Динамика
+     */
+    dynamic?: number;
+    /**
+     * Необходимо ли инвертировать значения ячеек графика
+     */
+    isInvert?: boolean;
+    /**
+     * Кол-во столбцов всего
+     */
+    numberCols?: number;
+    /**
+     * Html для футера
+     */
+    additionalHTML?: string;
+    /**
+     * Выбранная проверка (колонка)
+     */
+    modelValue?: Item | null;
+    /**
+     * Суффикс для значения
+     */
+    valueSuffix?: string;
+    /**
+     * Скрыть график на адаптиве
+     *
+     * - true - скрыть
+     * - false - показать
+     */
+    hideChartInMobile?: boolean;
+}
+/**
+ * Интерфейс проверки (используется для передачи данных о выбранной проверке через v-model)
+ */
+export interface Item {
+    /**
+     * Эл-т колонки выбранной проверки
+     */
+    elCol: HTMLElement;
+    /**
+     * Дата/время проверки
+     */
+    date?: string;
+    /**
+     * Значение параметра проверки
+     */
+    value?: string;
+}
+export declare const colors: {
+    readonly blue: "blue";
+    readonly orange: "orange";
+    readonly pink: "pink";
+};
+export type Color = typeof colors[keyof typeof colors];

package/components/charts/miniChart/miniChart.vue.d.ts

@@ -0,0 +1,15 @@
+import { Props, Item, Color } from './miniChart';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: Props['modelValue'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: Item | null | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Item | null | undefined) => any) | undefined;
+}>, {
+    color: Color;
+    numberCols: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/charts/miniChart/stories/dummy.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Список дат всех проверок
+ */
+export declare const dates: string[];
+/**
+ * Список активных дат
+ */
+export declare const activeDates: string[];
+/**
+ * Список значений видимости
+ */
+declare const visibilities: number[];
+export { visibilities };

package/components/charts/miniChart/utils/consts.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Кол-во столбцов по умолчанию
+ */
+export declare const defaultNumberCols = 90;
+/**
+ * Минимальная высота колонки (в процентах)
+ */
+export declare const minHeight = 10;

package/components/charts/miniCharts/miniCharts.d.ts

@@ -0,0 +1,20 @@
+import { Item } from '../miniChart/miniChart';
+export interface Props {
+    modelValue?: Item | null;
+    /**
+     * Кол-во миниграфиков (TopMiniChart)
+     */
+    countCharts: number;
+    /**
+     * Скрывать графики на адаптиве
+     *
+     * - true - скрыть
+     * - false - показать
+     */
+    hideChartInMobile?: boolean;
+}
+export interface Style {
+    top: string;
+    left?: string;
+    transform?: string;
+}

package/components/charts/miniCharts/miniCharts.vue.d.ts

@@ -0,0 +1,32 @@
+import { Props } from './miniCharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Item } from '../miniChart/miniChart';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: Props['modelValue'];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        elRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: Item | null | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Item | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    elRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/charts/miniCharts/stories/dummy.d.ts

@@ -0,0 +1,6 @@
+import { Props as MiniChartProps } from '../../miniChart/miniChart';
+/**
+ * Список объектов props для мини графиков
+ */
+declare const propsForMiniCharts: MiniChartProps[];
+export { propsForMiniCharts };

package/components/core/notice/item/item.vue.d.ts

@@ -0,0 +1,10 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    selectToClose: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/core/notice/item/types.d.ts

@@ -0,0 +1,61 @@
+import { Props as TopButtonProps } from '../../../forms/button/types';
+export type Style = 'info' | 'success' | 'warning' | 'error' | 'alt';
+export type Props = {
+    /**
+     * Уникальное id сообщения
+     *
+     * Для дедупликации вывода одного и того же сообщения
+     *
+     * Генерируется автоматически по входных данным
+     */
+    id: string;
+    /**
+     * Заголовок сообщения
+     *
+     * Можно передать html
+     */
+    title: string;
+    /**
+     * Текст сообщения
+     *
+     * Можно передать html
+     */
+    text: string;
+    /**
+     * Стиль отображения сообщения
+     */
+    style: Style;
+    /**
+     * Дополнительная информация, выводимая под сообщением
+     *
+     * Например, информация для админов
+     */
+    metaText?: string;
+    /**
+     * Произвольные props для вывода кнопки
+     */
+    buttonProps?: TopButtonProps & {
+        default: string;
+    };
+    isSafeHTML?: boolean;
+    /**
+     * Установить стиль выделения сообщения
+     */
+    hightlight?: boolean;
+    /**
+     * Закрывать сообщение при клике по его кнопке или ссылке
+     */
+    selectToClose?: boolean;
+    /**
+     * Установить стиль закрытия сообщения
+     *
+     * Для удаления сообщения снаружи
+     */
+    forceClosed?: boolean;
+};
+export type Emits = {
+    /**
+     * Сообщение было закрыто
+     */
+    close: [];
+};

package/components/core/notice/notice.vue.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export { show } from './utils';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/core/notice/types.d.ts

@@ -0,0 +1 @@
+export type Props = {};

package/components/core/notice/utils.d.ts

@@ -0,0 +1,27 @@
+import { Props as ItemProps, Props, Style } from './item/types';
+import { Reactive } from 'vue';
+export declare const transitionDuration = 300;
+export type Item = Props & {
+    onClose?: Function;
+};
+export declare const itemById: Reactive<Map<string, Item>>;
+export type Options = {
+    title?: ItemProps['title'];
+    metaText?: ItemProps['metaText'];
+    buttonProps?: ItemProps['buttonProps'];
+    isSafeHTML?: ItemProps['isSafeHTML'];
+    selectToClose?: ItemProps['selectToClose'];
+    onClose?: Function;
+};
+/**
+ * Показать сообщением в стиле push уведомления
+ *
+ * title будет получен из первой строки text
+ *
+ * Если в options указан title, он будет взят оттуда
+ */
+export declare const show: (text: string, style?: Style, options?: Options) => void;
+/**
+ * Убрать подозрительный html код
+ */
+export declare const prepareText: (text: string) => string;

package/components/dialog/dialog/composables/asyncDialogHandle.d.ts

@@ -0,0 +1,51 @@
+import { Ref } from 'vue';
+import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
+import { TopDialogHandle } from './dialogHandle';
+/**
+ * Объект для работы с асинхронным диалоговым окном
+ *
+ * Является прослойкой для доступа к TopDialogHandle
+ */
+export declare class AsyncTopDialogHandle<T extends TopDialogComponent> {
+    /**
+     * Функция, определяющая компонент TopDialogComponent
+     */
+    readonly resolve: AsyncTopDialogComponentLoader<T>;
+    /**
+     * Реактивная Сссылка на объект worker,
+     *
+     * Ссылка не будет указывать на объект, если диалоговое окно еще не загружено
+     */
+    readonly worker: Ref<TopDialogHandle<T> | null>;
+    constructor(resolve: AsyncTopDialogComponentLoader<T>);
+    /**
+     * Получить доступ к TopDialogHandle
+     */
+    get(): Promise<TopDialogHandle<T>>;
+    /**
+     * Открыть диалоговое окно
+     */
+    open(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
+    /**
+     * Открыть диалоговое окно как ссылку, для хеш-навигации
+     *
+     * Только общедоступные диалоговые окна, расположенные в @/dialogs
+     */
+    openAsLink(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
+    /**
+     * Закрыть диалоговое окно
+     *
+     * Не меняет состояние компонента диалогового окна
+     */
+    close(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
+    /**
+     * Размонтировать виджет диалогового окна
+     */
+    destroy(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
+    /**
+     * Устанвоить props
+     *
+     * Полностью сбрасывается состояние props
+     */
+    setProps(...args: Parameters<TopDialogHandle<T>['setProps']>): Promise<void>;
+}