@topvisor/ui 0.0.35 → 0.0.36

package/.storybook/manager.ts

@@ -1,28 +0,0 @@
-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: [
-			'docs',
-			'core',
-		],
-	},
-	toolbar: {
-		title: { hidden: false },
-		zoom: { hidden: false },
-		eject: { hidden: false },
-		copy: { hidden: false },
-		fullscreen: { hidden: false },
-	},
-});

package/.storybook/preview-head.html

@@ -1,16 +0,0 @@
-<link
-	href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap"
-	rel="stylesheet"
-	crossorigin="anonymous"
->
-
-<link
-	href="/src/resources/styles/jquery-ui.min.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

@@ -1,48 +0,0 @@
-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 Core from '@/core/core/core';
-
-Core.defineOptions({});
-
-import '@/resources/styles/storybook.css';
-import '@/resources/styles/core/core';
-import '@/resources/icomoon/style.css';
-
-const preview = {
-	parameters: {
-		actions: { argTypesRegex: '^on[A-Z].*' },
-		controls: {
-			matchers: {
-				color: /(background|color)$/i,
-				date: /Date$/,
-			},
-		},
-		docs: {
-			theme: TopThemeManager.get(),
-		},
-		options: {
-			storySort: {
-				order: [
-					'Добро пожаловать',
-					'docs',
-					'core',
-					'components',
-				],
-			},
-		},
-	},
-	decorators: [
-		// если декораторы меняют args, то show code перестает работать и выводит {} satisfies Story
-		TopTheme.decorator,
-		coreDecorator,
-		vModelDecorator,
-	],
-	globalTypes: {
-		topTheme: TopTheme.type,
-	},
-} satisfies Preview;
-
-export default preview;

package/.storybook/vue/coreDecorator.ts

@@ -1,19 +0,0 @@
-import type { Preview } from '@storybook/vue3';
-import { getCurrentInstance } from 'vue';
-import Core from '@/core/core/core';
-
-type Decorator = Required<Preview>['decorators'][number];
-
-/**
- * Подключение Core UI
- */
-const coreDecorator: Decorator = (story, context) => {
-	const app = getCurrentInstance()?.appContext.app;
-	app?.use(Core, {
-		dateFormat: 'd.m.Y',
-	});
-
-	return story(context);
-};
-
-export default coreDecorator;

package/.storybook/vue/vModelDecorator.ts

@@ -1,27 +0,0 @@
-import type { Preview } from '@storybook/vue3';
-import { useArgs } from '@storybook/preview-api';
-
-type Decorator = Required<Preview>['decorators'][number];
-
-/**
- * Двусторонняя привязка v-model vue и args storybook
- */
-const vModelDecorator: Decorator = (story, context) => {
-	const [args, updateArgs] = useArgs();
-
-	if ('modelValue' in args) {
-		const onUpdate = args['onUpdate:model-value'] || args['onUpdate:modelValue'];
-		args['onUpdate:model-value'] = undefined;
-
-		args['onUpdate:modelValue'] = (...params) => {
-			onUpdate?.(...params);
-
-			const modelValue = params[0] === undefined ? null : params[0];
-			updateArgs({ modelValue });
-		};
-	}
-
-	return story(context);
-};
-
-export default vModelDecorator;

package/.vscode/extensions.json

@@ -1,11 +0,0 @@
-{
-    "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

@@ -1,121 +0,0 @@
-[
-    {
-        "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"
-    }
-]

package/.vscode/settings.json

@@ -1,46 +0,0 @@
-{
-    "git.autofetch": true,
-    "git.confirmSync": false,
-    "git.enableSmartCommit": true,
-    "zenMode.hideActivityBar": false,
-    "zenMode.hideLineNumbers": false,
-    "[json]": {
-        "editor.defaultFormatter": "vscode.json-language-features"
-    },
-    "[javascript]": {
-        "editor.defaultFormatter": "vscode.typescript-language-features"
-    },
-    "intelephense.phpdoc.useFullyQualifiedNames": true,
-    "intelephense.format.braces": "k&r",
-    "explorer.confirmDelete": false,
-    "zenMode.hideStatusBar": false,
-    "zenMode.hideTabs": false,
-    "zenMode.centerLayout": false,
-    "zenMode.fullScreen": false,
-    "editor.lineHeight": 17,
-    // "editor.hover.enabled": false,
-    "editor.hover.delay": 1000,
-    "workbench.tree.indent": 24,
-    "workbench.editor.pinnedTabSizing": "shrink",
-    "workbench.editor.highlightModifiedTabs": true,
-    "editor.rulers": [
-        150
-    ],
-    "editor.formatOnType": true,
-    "git.allowForcePush": false,
-    "npm.packageManager": "npm",
-    "files.eol": "auto",
-    "html.format.wrapAttributes": "force-expand-multiline",
-    "css.format.newlineBetweenRules": false,
-    "css.format.maxPreserveNewLines": 2,
-    "css.format.spaceAroundSelectorSeparator": true,
-    "css.lint.emptyRules": "ignore",
-    "vue.codeLens.enabled": false,
-    "git.useEditorAsCommitInput": false,
-    "git.postCommitCommand": "sync",
-    "files.exclude": {
-        "**/nbproject": true,
-        "**/node_modules": true,
-    },
-    "typescript.tsdk": "node_modules/typescript/lib"
-}

package/Dockerfile

@@ -1,3 +0,0 @@
-FROM nginx:alpine
-
-COPY ./storybook-static /usr/share/nginx/html

package/NPM.md

@@ -1,25 +0,0 @@
-# Введение в npm
-
-Скачать node.js (npm входит в состав node.js): https://nodejs.org/ru/download
-
-Описание файлов:
-
-- **package.json** - настройки разрабатываемого пакета, а также его зависимости, [документация](https://docs.npmjs.com/cli/v9/configuring-npm/package-json)
-- **package-lock.json** - информация об установленных версиях пакетов, [документация](https://docs.npmjs.com/cli/v9/configuring-npm/package-lock-json)
-
-Описание команд:
-
-> `npm i` - является сокращенной командой `npm install`
-
-> `npm i -D` - является сокращенной командой `npm install --save-dev`
-
-- `npm i -g npm@latest` - обновление npm до последней версии
-- `npm i` - установка зависимостей из файла **package.json**
-- `npm- ci i` - установка зависимостей из файла **package-lock.json**
-- `npm i {{ name }}` - установка конкретного пакета
-- `npm i -D {{ name }}` - установка конкретного пакета как dev зависимости
-
-Команду **npm ci** необходимо использовать в случаях, когда есть необходимость загрузки конкретных версий.
-Обычно это нужно для отладки и в сценариях CI/CD, которые обязаны использовать указанные вами версии.
-
-Если вы не знакомы с **npm** рекомендуется прочитать статью на хабре: [npm, package.json и package-lock.json](https://habr.com/ru/companies/ruvds/articles/423703/)

package/PUBLISH.md

@@ -1,18 +0,0 @@
-# Публикация в npm
-
-Не путать с публикацией Storybook.
-
-https://www.npmjs.com/package/topvisor-ui.
-
-Настройки и скрипты сборки см. в папке [build/](build/)
-
-- `npm run build` - выполнить сбоку
-- убедиться, что в сборке нет приватных данных, после публикации все файлы в /dist/ доступны в открытом доступе
-- `npm run publish` - запустить публикацию
-
-## Публикация в CDN
-
-После публикации в npm пакет будет автоматически доступен на следующих CDN:
-
-- https://unpkg.com/@topvisor/ui/
-- https://cdn.jsdelivr.net/npm/@topvisor/ui/

package/STORYBOOK.md

@@ -1,27 +0,0 @@
-# Storybook
-
-https://storybook.js.org/
-
-## Основные команды Storybook
-
-Информация о параметрах dev сервера и сборки: https://storybook.js.org/docs/react/api/cli-options
-
-- `npx storybook@latest init` - установка файлов Storybook в проект (в этом проекте повторно не выполнять)
-- `npx storybook@latest upgrade` - обновить Storybook в случае необходимости
-- `storybook dev` - запуск локального сервера Storybook
-- `storybook build` - запуск сборки Storybook
-
-## Локальный сервер разработки
-
-- `npm -i` - загрузить все зависимости проекта (выполнять один раз)
-- `npx storybook@latest upgrade` - обновить Storybook (в случае необходимости)
-- `npm run storybook` - запуск локального сервера Storybook
-
-## Сборка storybook в статический сайт
-
-Не путать со сборкой проекта @topvisor/ui.
-
-`storybook build` - выполнить сборку
-
-Сборка Storybook производится автоматически через CI/CD и публикуется по адресу: https://ui.topvisor.com/.
-Вам нет необходимости делать сборку самостоятельно.

package/USE_IN_PROJECT.md

@@ -1,29 +0,0 @@
-[![npm version](https://badge.fury.io/js/@topvisor%2Fui.svg)](https://badge.fury.io/js/@topvisor%2Fui)
-
-# Использование в других проектах
-
-## Использование @topvisor/ui после публикации, пример с topvisor.com
-
-Опубликованный пакет можно сразу использовать через публичный [CDN](PUBLISH.md#публикация-в-cdn).
-
-Подключение js пактов в topvisor.com настраивается в файле [requirejs.json](https://gitlab.topvisor.com/topvisor/topvisor.com/-/tree/master/requirejs.json).
-
-## Тестирование сборки  @topvisor/ui без публикации
-
-Для тестирования сборки используется локальный сервер предпросмотра vite preview с автосборкой vite build --watch.
-
-Получаемые файлы с этого сервера не кешируются.
-
-Режим автосборки автоматически пересобирает проект и новая сборка доступна на сервере предпросмотра.
-
-Адрес севера предпросмотра по умолчанию: http://localhost:4173
-
-- `npm run preview` - запустить сервер предпросмотра с автосборкой
-- в нужном проекте замените путь к @topvisor/ui на сервер предпросмотра
-
-Например: `https://cdn.jsdelivr.net/npm/@topvisor/ui` => `http://localhost:4173`
-
-## Использование topvisor-ui в другом проекте без публикации, пример с topvisor.dev
-
-- ```git submodule init``` - инициализация подмодуля в проекте
-- ```git submodule update``` - загрузка подмодуля, будет произведен clone репозитория подмодуля

package/build/afterBuild.sh

@@ -1,12 +0,0 @@
-echo ''
-echo 'run afterBuild...'
-
-echo '- remove /dist/for-delete/'
-rm -rf dist/for-delete/
-
-echo '- add icomoon'
-cp -r src/resources/icomoon dist/
-
-echo '- make package.json'
-cp package.json dist/
-npm pkg --prefix dist delete scripts devDependencies

package/build/cssModules.ts

@@ -1,39 +0,0 @@
-import stringHash from "string-hash";
-
-// https://github.com/madyankin/postcss-modules/blob/325f0b33f1b746eae7aa827504a5efd0949022ef/src/scoping.js#L36
-function generateScopedNameDefault(name, filename, css) {
-	const i = css.indexOf(`.${name}`);
-	const lineNumber = css.substr(0, i).split(/[\r\n]/).length;
-	const hash = stringHash(css).toString(36).substr(0, 5);
-
-	return `_${name}_${hash}_${lineNumber}`;
-}
-
-export default {
-	/**
-	 * Оставить глобальные классы без преобразования
-	 * С глобальными классами нельзя работать через css module
-	 * С глобальными классами можно работать, определяя их их в интерфесе vue css module
-	 * @param {type} name - имя класса
-	 * @param {type} filename - файл стилей
-	 * @param {type} css - стили
-	 * @returns {String} - имя класса после предкомпиляции
-	 */
-	generateScopedName: (name: string, filename: string, css: string) => {
-		const isGlobalCSS = (name: string, filename: string) => {
-			// классы topvisor-ui
-			if (name.indexOf('top-') === 0) return true;
-
-			return false;
-		};
-
-		if (isGlobalCSS(name, filename)) {
-			return name;
-		}
-
-		return generateScopedNameDefault(name, filename, css);
-	},
-	// globalModulePaths: [],
-	//	scopeBehaviour: 'global',
-	//	exportGlobals: true,
-}

package/build/plugin/amdFix.ts

@@ -1,46 +0,0 @@
-import glob from 'glob';
-import fs from 'fs';
-import type { UserConfig } from 'vite'
-
-/**
- * опеределить значение переменной vue в импорте requriejs
- * vue не предоставляет export для amd
- */
-export default () => {
-	return {
-		name: 'amd-fix',
-
-		async closeBundle() {
-			console.log('fix amd')
-
-			const amdFilenames = glob.sync('dist/**/*.amd.js');
-
-			const fixAMDFile = async (amdFilename: string) => {
-				console.log(amdFilename);
-
-				const data = await fs.promises.readFile(amdFilename, 'utf8');
-				const result = data.replace(/"use strict";/g, '"use strict"; if(typeof vue === "undefined") var vue = window.Vue;');
-				await fs.promises.writeFile(amdFilename, result, 'utf8');
-			}
-
-			console.time('amd-fix');
-
-			const tasks = amdFilenames.map((amdFilename) => fixAMDFile(amdFilename));
-
-			await Promise.all(tasks);
-
-			console.timeEnd('amd-fix');
-		},
-
-		config(config: UserConfig, env: { mode: string, command: string }) {
-			// в режиме watch запись в папку и ее очистка одновременно работать не будут
-			if (!config.build?.watch) return;
-
-			return {
-				build: {
-					emptyOutDir: false
-				}
-			}
-		}
-	}
-}

package/build/rollup.config.ts

@@ -1,18 +0,0 @@
-import type { RollupOptions } from 'rollup';
-
-export default {
-	external: ['vue'],
-	output: {
-		globals: {
-			vue: 'Vue',
-		},
-
-		// часто используемые компоненты вручную группируются по файлам
-		manualChunks: {
-			forms: [
-				'./src/components/forms/forms.ts',
-			],
-		},
-		chunkFileNames: '.chunks/[name]-[hash].[format].js',
-	},
-} satisfies RollupOptions;

package/nbproject/project.properties

@@ -1,11 +0,0 @@
-auxiliary.org-netbeans-modules-css-prep.less_2e_compiler_2e_options=
-auxiliary.org-netbeans-modules-css-prep.less_2e_enabled=false
-auxiliary.org-netbeans-modules-css-prep.less_2e_mappings=/less:/css
-auxiliary.org-netbeans-modules-css-prep.sass_2e_compiler_2e_options=
-auxiliary.org-netbeans-modules-css-prep.sass_2e_enabled=false
-auxiliary.org-netbeans-modules-css-prep.sass_2e_mappings=/scss:/css
-auxiliary.org-netbeans-modules-javascript2-json.json_2e_comments=true
-auxiliary.org-netbeans-modules-javascript2-requirejs.enabled=true
-files.encoding=UTF-8
-site.root.folder=
-source.folder=

package/nbproject/project.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://www.netbeans.org/ns/project/1">
-    <type>org.netbeans.modules.web.clientproject</type>
-    <configuration>
-        <data xmlns="http://www.netbeans.org/ns/clientside-project/1">
-            <name>topvisor-ui</name>
-        </data>
-    </configuration>
-</project>

package/public/README.md

@@ -1,63 +0,0 @@
-# UI kit Topvisor Vue
-
-## Vue компоненты
-
-Компоненты поставляются в двух форматах:
-
-- amd (requirejs)
-- es
-
-Компоненты делятся на разные модули и доступны через импорт этих модулей.
-
-Каждый модуль находится в отдельной папке, соответствующей имени модулю.
-
-Все стили модулей находятся в корневой папке в файлах соответствующих имени модулю.
-
-Список всех компонентов см. на [npmjs](https://www.npmjs.com/package/topvisor-ui?activeTab=code).
-
-## Другие ресурсы
-
-- [core.css](core.css) - основная палитра цветов и стили компонентов
-- [light.css](light.css) - светлая тема
-- [dark.css](dark.css) - темная тема
-
-## Подключение стилей
-
-Стили компонентов подгружаются автоматически.
-
-Стили core.css необходимо подгрузить на страницу.
-
-```js
-import '@topvisor/ui/core.css';
-```
-
-Стили темы необходимо подгрузить на страницу.
-
-Для смены темы необходимо подгрузить файл стилей необходимой темы и сразу отключить стили предыдущей темы.
-
-```js
-import '@topvisor/ui/light.css';
-```
-
-Стили icomoon необходимо подгрузить на страницу.
-
-```js
-import '@topvisor/ui/icomoon/style.css';
-```
-
-## Подключение компонентов
-
-Пример подключения библиотеки Forms и компонента Button:
-
-```javascript
-requirejs(['@topvisor/ui/forms/forms.amd'], ({Button}) => {
-	console.log(Button);
-});
-
-requirejs(['@topvisor/ui/forms/forms.amd'], Forms => {
-	const { Button } = Forms;
-
-	console.log(Forms);
-	console.log(Button);
-});
-```

package/src/components/common/common.ts

@@ -1 +0,0 @@
-// export { default as Icon } from './icon/icon.vue'

package/src/components/common/icon/icon.ts

@@ -1,4 +0,0 @@
-export interface Props {
-	icon?: string
-	icon2?: string
-}

package/src/components/common/icon/icon.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { Props } from './icon'
-
-defineProps<Props>()
-</script>
-
-<template>
-    <div
-        :data-top-icon="icon"
-        :data-top-icon2="icon2"
-    ></div>
-</template>
-
-<!-- см resources/styles/core/icon.css -->
-<style></style>