Структура пакета Techno4

Навігація

Item
Item
Item

Пакет

Пакет основної бібліотеки Techno4 містить такі експорти:

Techno4/
    components/
        accordion/
            accordion-aurora.less
            accordion-ios.less
            accordion-md.less
            accordion-rtl.css
            accordion-vars.less
            accordion.css
            accordion.d.ts
            accordion.js
            accordion.lazy.js
            accordion.less
        ...
    less/
    modules/
    Techno4-bundle-rtl.css
    Techno4-bundle-rtl.min.css
    Techno4-bundle.css
    Techno4-bundle.esm.js
    Techno4-bundle.js
    Techno4-bundle.less
    Techno4-bundle.min.css
    Techno4-bundle.min.js
    Techno4-lite-bundle.esm.js
    Techno4-lite.esm.js
    Techno4-rtl.css
    Techno4-rtl.min.css
    Techno4-types.d.ts
    Techno4.css
    Techno4.d.ts
    Techno4.esm.js
    Techno4.js
    Techno4.less
    Techno4.min.css
    Techno4.min.js

Полегшена версія

Версія Techno4 "Lite" (файли з суфіксом -lite) не має функціональних можливостей компонента Techno4 (компонента маршрутизатора), основних API для компонентів Gauge, Pie Chart і Area Chart. Його розроблено для використання з бібліотеками Techno4-Vue/React/Svelte, де замість них використовуються компоненти Vue/React/Svelte. Спрощена версія доступна лише для імпорту ESM.

Стилі

Основні стилі Techno4 знаходяться в кореневій папці пакета: Techno4.css - містить мінімальні (основні) стилі Techno4 з мінімально необхідним набором компонентів. Techno4-rtl.css - те саме, але для макета RTL. Techno4-bundle.css — містить стилі для базової версії Techno4 і включає стилі для всіх компонентів. Techno4-bundle-rtl.css - те саме, але для макета RTL.

Скрипти (UMD)

У кореневій папці знаходяться так звані файли UMD JavaScript, призначені для використання безпосередньо в браузері (наприклад, з <script src="/...">): Techno4.js - містить мінімальну (основну) версію Techno4 з мінімально необхідним набором компонентів. Techno4-bundle.js - містить весь Techno4 з усіма його компонентами. Полегшена версія недоступна у форматі UMD.

Компоненти

Усі компоненти розташовано в папці "components/" і їх потрібно використовувати з основною (не пакетною) версією. Ви можете дізнатися більше про те, як їх використовувати, у розділі відкладених модулів.

Модуль ES

Наразі цю функцію можна використовувати в пакетах, таких як Vite, Webpack і Rollup Techno4 також можна імпортувати як модуль ES-next: імпортувати Techno4 з 'Techno4'; Techno4 має модульну структуру і за замовчуванням експортує лише ядро Techno4 з основними компонентами. А якщо вам потрібні додаткові компоненти, то їх необхідно включити додатково:

// Імпорт ядра фреймворку

import Techno4 from 'Techno4';

// Імпорт додаткових компонентів

import Searchbar from 'Techno4/components/searchbar/';
import Calendar from 'Techno4/components/calendar/';
import Popup from 'Techno4/components/popup/';

// Імпорт стилів компонентів

import 'Techno4/components/searchbar/css';
import 'Techno4/components/calendar/css';
import 'Techno4/components/popup/css';

// Імпорт стилів компонентів Встановлення компонентів T4 за допомогою методу .use() у класі:

Techno4.use([Searchbar, Calendar, Popup]);

Ініціалізація програми

var app = new Techno4({/*...*/});

Така модульна структура забезпечує найкращі результати “тряски дерева” та оптимізацію розміру пакета. На додаток до експорту за замовчуванням він назвав експорт для Dom7, запиту, getDevice, createStore, утиліт і помічників getSupport:

import Techno4, { getDevice, request } from 'Techno4';

var app = new Techno4({/*...*/});

var device = getDevice();

if (device.ios) {
  request.get('http://google.com');
}

Також доступний модуль «Lite»:

import Techno4 from 'Techno4/lite';

Набір модулів ES

Якщо вам потрібно включити Techno4 з усіма компонентами, ми можемо включити ще один пакет сценаріїв з усіма встановленими компонентами:

// Імпорт фреймворку з усіма компонентами

import Techno4 from 'Techno4/bundle';