@topvisor/ui 1.0.22-test-ci-cd-10 → 1.2.0

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,33 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="CssUnusedSymbol" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="HttpUrlsUsage" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredUrls">
+        <list>
+          <option value="http://" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="JSUndefinedPropertyAssignment" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="JSUnresolvedReference" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="JSUnusedGlobalSymbols" enabled="false" level="INFORMATION" enabled_by_default="false" />
+    <inspection_tool class="PhpCSFixerValidationInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
+    <inspection_tool class="PhpMixedReturnTypeCanBeReducedInspection" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="PhpSwitchCanBeReplacedWithMatchExpressionInspection" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="PhpSwitchStatementWitSingleBranchInspection" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="PhpUnhandledExceptionInspection" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="PhpUnnecessaryLocalVariableInspection" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="SpellCheckingInspection" enabled="false" level="TYPO" enabled_by_default="false">
+      <option name="processCode" value="true" />
+      <option name="processLiterals" value="true" />
+      <option name="processComments" value="true" />
+    </inspection_tool>
+    <inspection_tool class="SuspiciousTypeOfGuard" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="TrivialIfJS" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="UnnecessaryLocalVariableJS" enabled="false" level="WARNING" enabled_by_default="false">
+      <option name="m_ignoreImmediatelyReturnedVariables" value="false" />
+      <option name="m_ignoreAnnotatedVariables" value="false" />
+    </inspection_tool>
+  </profile>
+</component>

package/.idea/php.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/.storybook/TopTheme.ts

@@ -0,0 +1,115 @@
+import { global } from '@storybook/global';
+import type { Decorator } from '@storybook/vue3';
+
+import lightMain from '@/resources/styles/themes/light/light.css?raw';
+import lightLayout from '@/resources/styles/themes/light/light-layout.css?raw';
+import lightPositions from '@/resources/styles/themes/light/light-positions.css?raw';
+
+import darkMain from '@/resources/styles/themes/dark/dark.css?raw';
+import darkLayout from '@/resources/styles/themes/dark/dark-layout.css?raw';
+import darkPositions from '@/resources/styles/themes/dark/dark-positions.css?raw';
+
+import darkTHMain from '@/resources/styles/themes/dark-th/dark-th.css?raw';
+import darkTHLayout from '@/resources/styles/themes/dark-th/dark-th-layout.css?raw';
+import darkTHPositions from '@/resources/styles/themes/dark-th/dark-th-positions.css?raw';
+import { getName as TopThemeManagerGetName } from './TopThemeManager';
+
+const light = lightMain + lightLayout + lightPositions;
+const dark = darkMain + darkLayout + darkPositions;
+const darkTH = darkTHMain + darkTHLayout + darkTHPositions;
+
+export const themes = {
+	light,
+	dark,
+	darkTH,
+};
+
+type ThemeName = keyof typeof themes;
+
+/**
+ * Получение имени выбранной темы
+ */
+function getName(): ThemeName {
+	const namagerTheme = TopThemeManagerGetName();
+
+	let theme: string | null | undefined = location.search.match(/topTheme:(\w+)/)?.[1];
+	if (!theme) theme = localStorage.getItem('topTheme');
+	if (!theme) theme = namagerTheme;
+
+	return theme as ThemeName;
+}
+
+/**
+ * Загрузка выбранной темы
+ * Тема, указанная в адресной строке приоритетна
+ *
+ * @returns Имя темы
+ */
+function load() {
+	let theme = getName();
+
+	setCSS(theme);
+
+	return theme;
+}
+
+/**
+ * Сохранение выбранной темы
+ */
+function save(theme: ThemeName) {
+	localStorage.setItem('topTheme', theme);
+
+	setCSS(theme);
+}
+
+/**
+ * Установить тему
+ */
+function setCSS(theme: ThemeName) {
+	// см. preview-head.html
+	if (global.topThemeStyle.dataset.theme !== theme) {
+		global.topThemeStyle.dataset.theme = theme;
+
+		global.topThemeStyle.innerHTML = themes[theme];
+	}
+}
+
+/**
+ * Получить стили текущей темы
+ * @returns css стили
+ */
+export function getCurrentCSS() {
+	return global.topThemeStyle.innerHTML;
+}
+
+export const decorator: Decorator = (story, context) => {
+	save(context.globals.topTheme);
+
+	return story(context);
+};
+
+export const type = {
+	description: 'Выбор темы',
+	defaultValue: load(),
+	toolbar: {
+		title: 'Выбор темы',
+		items: [
+			{
+				icon: 'sun',
+				title: 'light',
+				value: 'light',
+			},
+			{
+				icon: 'moon',
+				title: 'dark',
+				value: 'dark',
+			},
+			{
+				icon: 'lightning',
+				title: 'dark-th',
+				value: 'darkTH',
+			},
+		],
+		dynamicTitle: true,
+	},
+};

package/.storybook/TopThemeManager.ts

@@ -0,0 +1,53 @@
+import { create } from '@storybook/theming/create';
+
+/**
+ * Поулчить тему storybook
+ */
+export function get() {
+	return themes[getName()];
+}
+
+/**
+ * Поулчить имя темы storybook
+ *
+ * Тема зависит от настроек браузера и текущего сайта
+ */
+export function getName(): keyof typeof themes {
+	const isThundo = location.href.includes('thundo.com');
+	if (isThundo){
+		return 'darkTH';
+	}
+
+	if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+		return 'dark';
+	}
+
+	return 'light';
+}
+
+// https://storybook.js.org/docs/vue/configure/theming
+const themeBase = {
+	brandTitle: 'Topvisor Princip',
+	brandUrl: 'https://topvisor.com',
+	brandTarget: '_blank',
+};
+
+export const themes = {
+	light: create({
+		...themeBase,
+		base: 'light',
+		brandImage: 'https://topvisor.com/images/sites/tv/ru/logo-text-dark.svg',
+	}),
+	dark: create({
+		...themeBase,
+		base: 'dark',
+		brandImage: 'https://topvisor.com/images/sites/tv/ru/logo-text-light.svg',
+	}),
+	darkTH: create({
+		...themeBase,
+		base: 'dark',
+		brandTitle: 'Thundo UI',
+		brandUrl: 'https://thundo.com',
+		brandImage: 'https://thundo.com/images/sites/th/en/logo-text-light.svg',
+	}),
+};

package/.storybook/main.ts

@@ -0,0 +1,51 @@
+import type { StorybookConfig } from '@storybook/vue3-vite';
+import remarkGfm from 'remark-gfm';
+
+const config: StorybookConfig = {
+	stories: [
+		'../src/**/*.mdx',
+		'../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+	],
+	addons: [
+		// https://storybook.js.org/docs/react/essentials/introduction
+		'@storybook/addon-controls',
+		'@storybook/addon-actions',
+		// "@storybook/addon-backgrounds",
+		{
+			name: '@storybook/addon-docs',
+			options: {
+				mdxPluginOptions: {
+					mdxCompileOptions: {
+						remarkPlugins: [remarkGfm],
+					},
+				},
+			},
+		},
+		'@storybook/addon-highlight',
+		'@storybook/addon-measure',
+		'@storybook/addon-outline',
+		'@storybook/addon-toolbars',
+		'@storybook/addon-viewport',
+
+		'@storybook/addon-links',
+		'@storybook/addon-interactions',
+		'@storybook/addon-a11y',
+		'@storybook/addon-designs',
+		'@storybook/theming',
+		// '@chromatic-com/storybook',
+
+		/**
+		 * @remarks
+		 * Не работает в storybook 8
+		 * @see https://github.com/chromaui/storybook-addon-pseudo-states/issues/116
+		 */
+		'storybook-addon-pseudo-states',
+	],
+	framework: {
+		name: '@storybook/vue3-vite',
+		options: {},
+	},
+	docs: {},
+};
+
+export default config;

package/.storybook/manager.ts

@@ -0,0 +1,25 @@
+import { addons } from '@storybook/manager-api';
+import * as TopThemeManager from './TopThemeManager';
+
+addons.setConfig({
+	isFullscreen2: false,
+	showNav: true,
+	showPanel: true,
+	panelPosition: 'right',
+	enableShortcuts: true,
+	showToolbar: true,
+	theme: TopThemeManager.get(),
+	selectedPanel: undefined,
+	initialActive: 'sidebar',
+	sidebar: {
+		showRoots: true,
+		collapsedRoots: [],
+	},
+	toolbar: {
+		title: { hidden: false },
+		zoom: { hidden: false },
+		eject: { hidden: false },
+		copy: { hidden: false },
+		fullscreen: { hidden: false },
+	},
+});

package/.storybook/preview-head.html

@@ -0,0 +1,21 @@
+<link
+	href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap"
+	rel="stylesheet"
+	crossorigin="anonymous"
+>
+
+<link
+	href="/jquery-ui.min.css"
+	rel="stylesheet"
+	crossorigin="anonymous"
+>
+<link
+	href="/icomoon/style.css"
+	rel="stylesheet"
+	crossorigin="anonymous"
+>
+
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
+
+<style id="topThemeStyle"></style>

package/.storybook/preview.ts

@@ -0,0 +1,47 @@
+import type { Preview } from '@storybook/vue3';
+import * as TopTheme from './TopTheme';
+import * as TopThemeManager from './TopThemeManager';
+import vModelDecorator from './vue/vModelDecorator';
+import coreDecorator from './vue/coreDecorator';
+import '@/resources/styles/storybook.css';
+import '@/resources/styles/core/core';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/,
+			},
+		},
+		docs: {
+			theme: TopThemeManager.get(),
+			toc: {
+				headingSelector: 'h2, h3, h4',
+				title: 'Оглавление',
+			},
+		},
+		options: {
+			storySort: {
+				order: [
+					'components',
+				],
+			},
+		},
+	},
+
+	decorators: [
+		// если декораторы меняют args, то show code перестает работать и выводит {} satisfies Story
+		TopTheme.decorator,
+		coreDecorator,
+		vModelDecorator,
+	],
+
+	globalTypes: {
+		topTheme: TopTheme.type,
+	},
+
+	tags: ['autodocs'],
+};
+
+export default preview;

package/.storybook/vue/coreDecorator.ts

@@ -0,0 +1,77 @@
+import { makeDecorator } from '@storybook/preview-api';
+import { getCurrentInstance } from 'vue';
+import CorePlugin from '@/core/plugins/core';
+import i18nPlugin from '@/core/plugins/i18n';
+import { load } from '@/components/dialog/dialog/stories/autoload';
+// import piniaTPAPlugin from '@/core/plugins/piniaTPA';
+
+/**
+ * Подключение Core UI
+ */
+export default makeDecorator({
+	name: 'coreDecorator',
+	parameterName: 'coreDecorator',
+	skipIfNoParametersOrOptions: false,
+	wrapper: (getStory, context, _settings) => {
+		const app = getCurrentInstance()?.appContext.app;
+
+		app?.use(CorePlugin, {
+			themeName: 'light',
+			widthForMobile: 900,
+			dateFormat: 'd.m.Y',
+			currency: 'RUB',
+			topDialogOptions: {
+				load,
+			},
+		});
+
+		app?.use(i18nPlugin, {
+			i18n: {
+				Common: {
+					Cancel: 'Отмена',
+					Continue: 'Продолжить',
+					Apply: 'Применить',
+					Close: 'Закрыть',
+					Back: 'Назад',
+					Copy: 'Копировать',
+					Copied_to_clipboard: 'Скопировано в буфер обмена',
+					Guest_link_copied_to_clipboard: 'Гостевая ссылка скопирована в буфер обмена',
+					Guest_link_created: 'Гостевая ссылка создана',
+					Cannot_copied_to_clipboard: 'Не удалось скопировать ссылку в буфер обмена',
+					Copy_guest_link_manually: 'Скопируйте гостевую ссылку вручную',
+					OK: 'Ок',
+					Select_all: 'Выбрать все',
+					Not_date: 'Нет даты',
+					No_results: 'Нет результатов',
+					Device_0: 'ПК',
+					Device_1: 'Планшет',
+					Device_2: 'Смартфон',
+					Compare: 'Сравнить',
+					Selected_regions: 'Выбранные регионы',
+					Autoselect: 'Автовыбор',
+					All_tags: 'Все теги',
+					Tags: 'Теги',
+					Add: 'Добавить',
+					Replace: 'Заменить',
+					Delete: 'Удалить',
+					All: 'Все',
+				},
+				Calendar: {
+					Dw_1: 'Пн',
+					Dw_2: 'Вт',
+					Dw_3: 'Ср',
+					Dw_4: 'Чт',
+					Dw_5: 'Пт',
+					Dw_6: 'Сб',
+					Dw_7: 'Вс',
+				},
+				Keywords: {
+					Without_region: 'Без региона',
+				},
+			} as any,
+			lang: 'ru',
+		});
+
+		return getStory(context);
+	},
+});

package/.storybook/vue/vModelDecorator.ts

@@ -0,0 +1,46 @@
+import { makeDecorator, useArgs } from '@storybook/preview-api';
+import { toRef, watch } from 'vue';
+
+/**
+ * Двусторонняя привязка v-model vue и args storybook
+ *
+ * @github Обход лишней перерисовки: https://github.com/storybookjs/storybook/issues/17089
+ */
+const vModelDecorator = makeDecorator({
+	name: 'vModelDecorator',
+	parameterName: 'vModelDecorator',
+	skipIfNoParametersOrOptions: false,
+	wrapper: (getStory, context, _settings) => {
+		const [args, updateArgs] = useArgs();
+		// const [args] = useArgs();
+
+		const storyId = context.id;
+
+		if ('modelValue' in args) {
+			const onUpdate = args['onUpdate:model-value'] || args['onUpdate:modelValue'];
+			delete args['onUpdate:model-value'];
+
+			args['onUpdate:modelValue'] = (...params: any) => {
+				onUpdate?.(...params);
+
+				const modelValue = params[0] === undefined ? null : params[0];
+
+				// замедляет работу storybook, но нужно для defineModel()
+				updateArgs({ modelValue });
+			};
+		}
+
+		return getStory(context);
+	},
+});
+
+/**
+ * Двусторонняя привязка v-model vue и args storybook к пользователькой истории
+ */
+export const vModelConnect = (args: any) => {
+	watch(toRef(args, 'modelValue'), (modelValue: any) => {
+		args['onUpdate:modelValue'](modelValue);
+	});
+};
+
+export default vModelDecorator;

package/.versionrc.json

@@ -0,0 +1,16 @@
+{
+	"types": [
+		{"type": "feat", "section": "Features"},
+		{"type": "fix", "section": "Bug Fixes"},
+		{"type": "chore", "hidden": true},
+		{"type": "docs", "hidden": true},
+		{"type": "style", "hidden": true},
+		{"type": "refactor", "hidden": true},
+		{"type": "perf", "hidden": true},
+		{"type": "test", "hidden": true}
+	],
+	"header": "# Changelog\n\nВсе заметные изменения в этом проекте будут задокументированы в этом файле. См. [standard-version](https://github.com/conventional-changelog/standard-version) для получения рекомендаций по коммитам.\n\nСсылки на приватный репозиторий скрыты и доступны только в самом репозитории\n",
+	"commitUrlFormat": "{{hash}}",
+	"compareUrlFormat": "https://www.npmjs.com/package/@topvisor/ui/v/{{ version }}",
+	"issueUrlFormat": "/{{user}}"
+}

package/.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+    "recommendations": [
+        "ruakr.ftp-kr",
+        "unifiedjs.vscode-mdx",
+        "vue.vscode-typescript-vue-plugin",
+        "vue.volar",
+        "dbaeumer.vscode-eslint",
+        "bmewburn.vscode-intelephense-client",
+        "neilbrayfield.php-docblocker"
+    ]
+}

package/.vscode/keybindings.example.json

@@ -0,0 +1,121 @@
+[
+    {
+        "key": "ctrl+shift+alt+u",
+        "command": "git.pull"
+    },
+    {
+        "key": "ctrl+alt+r",
+        "command": "git.cleanAll"
+    },
+    {
+        "key": "ctrl+alt+s",
+        "command": "git.commit"
+    },
+    {
+        "key": "ctrl+shift+alt+s",
+        "command": "git.push"
+    },
+    {
+        "key": "ctrl+shift+alt+e",
+        "command": "git.openChange"
+    },
+    {
+        "key": "ctrl+q",
+        "command": "workbench.action.navigateToLastEditLocation"
+    },
+    {
+        "key": "f4",
+        "command": "workbench.action.toggleZenMode"
+    },
+    {
+        "key": "f7",
+        "command": "outline.focus"
+    },
+    {
+        "key": "alt+1",
+        "command": "workbench.files.action.showActiveFileInExplorer"
+    },
+    {
+        "key": "alt+2",
+        "command": "copyRelativeFilePath"
+    },
+    {
+        "key": "alt+3",
+        "command": "revealFileInOS"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.commits.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.commits/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.branches.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.branches/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.fileHistory.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.fileHistory/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.contributors.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.contributors/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.lineHistory.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.lineHistory/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.remotes.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.remotes/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.repositories.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.repositories/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.searchAndCompare.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.searchAndCompare\\b/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.stashes.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.stashes/"
+    },
+    {
+        "key": "ctrl+c",
+        "command": "-gitlens.views.tags.copy",
+        "when": "gitlens:enabled && focusedView =~ /^gitlens\\.views\\.tags/"
+    },
+    {
+        "key": "ctrl+shift+d",
+        "command": "ftpkr.download"
+    },
+    {
+        "key": "ctrl+shift+u",
+        "command": "ftpkr.upload"
+    },
+    {
+        "key": "ctrl+shift+alt+r",
+        "command": "git.revertSelectedRanges"
+    },
+    {
+        "key": "ctrl+k ctrl+r",
+        "command": "-git.revertSelectedRanges",
+        "when": "isInDiffEditor && !operationInProgress"
+    },
+    {
+        "key": "alt+4",
+        "command": "-workbench.action.openEditorAtIndex4"
+    },
+    {
+        "key": "alt+4",
+        "command": "gl.openActiveFile"
+    }
+]