mirror of
https://github.com/VisActor/VTable
synced 2024-11-21 17:40:10 +00:00
docs: fix docs problem
This commit is contained in:
parent
a828421dd9
commit
9920e1050d
@ -103,7 +103,7 @@
|
||||
"name": "sync-bnpm",
|
||||
"summary": "Sync bnpm",
|
||||
"description": "Sync bnpm",
|
||||
"shellCommand": "bnpm sync @visactor/vtable && bnpm sync @visactor/vtable-editors && bnpm sync @visactor/react-vtable && bnpm sync @visactor/openinula-vtable && bnpm sync @visactor/vtable-export && bnpm sync @visactor/vtable-search && bnpm sync @visactor/vtable-gantt && bnpm sync @visactor/vue-vtable"
|
||||
"shellCommand": "bnpm sync @visactor/vtable && bnpm sync @visactor/vtable-editors && bnpm sync @visactor/react-vtable && bnpm sync @visactor/openinula-vtable && bnpm sync @visactor/vtable-export && bnpm sync @visactor/vtable-search && bnpm sync @visactor/vtable-gantt && bnpm sync @visactor/vue-vtable && bnpm sync @visactor/vtable-calendar"
|
||||
}
|
||||
],
|
||||
"parameters": [
|
||||
|
@ -47,7 +47,7 @@ const unicColorPool = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pi
|
||||
});
|
||||
}
|
||||
|
||||
const calendar = new Calendar(document.getElementById(CONTAINER_ID), {
|
||||
const calendar = new VTableCalendar.Calendar(document.getElementById(CONTAINER_ID), {
|
||||
tableOptions: {
|
||||
theme: {
|
||||
headerStyle: {
|
||||
|
@ -23,7 +23,7 @@ const unicColorPool = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pi
|
||||
|
||||
const customEvents = [];
|
||||
const container = document.getElementById(CONTAINER_ID);
|
||||
const calendar = new Calendar(container, {
|
||||
const calendar = new VTableCalendar.Calendar(container, {
|
||||
tableOptions: {
|
||||
theme: {
|
||||
headerStyle: {
|
||||
|
@ -92,7 +92,7 @@ const option = {
|
||||
columns,
|
||||
rowSeriesNumber: {}
|
||||
};
|
||||
tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
window['tableInstance'] = tableInstance;
|
||||
|
||||
const highlightPlugin = new VTable.HeaderHighlightPlugin(tableInstance, {});
|
||||
|
@ -89,7 +89,7 @@ const option = {
|
||||
columns,
|
||||
theme: VTable.themes.DARK
|
||||
};
|
||||
tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
window['tableInstance'] = tableInstance;
|
||||
|
||||
const highlightPlugin = new VTable.InvertHighlightPlugin(tableInstance, {});
|
||||
|
@ -47,7 +47,7 @@ const unicColorPool = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pi
|
||||
});
|
||||
}
|
||||
|
||||
const calendar = new Calendar(document.getElementById(CONTAINER_ID), {
|
||||
const calendar = new VTableCalendar.Calendar(document.getElementById(CONTAINER_ID), {
|
||||
tableOptions: {
|
||||
theme: {
|
||||
headerStyle: {
|
||||
|
@ -23,7 +23,7 @@ const unicColorPool = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pi
|
||||
|
||||
const customEvents = [];
|
||||
const container = document.getElementById(CONTAINER_ID);
|
||||
const calendar = new Calendar(container, {
|
||||
const calendar = new VTableCalendar.Calendar(container, {
|
||||
tableOptions: {
|
||||
theme: {
|
||||
headerStyle: {
|
||||
|
@ -92,7 +92,7 @@ const option = {
|
||||
columns,
|
||||
rowSeriesNumber: {}
|
||||
};
|
||||
tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
window['tableInstance'] = tableInstance;
|
||||
|
||||
const highlightPlugin = new VTable.HeaderHighlightPlugin(tableInstance, {});
|
||||
|
@ -89,7 +89,7 @@ const option = {
|
||||
columns,
|
||||
theme: VTable.themes.DARK
|
||||
};
|
||||
tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
|
||||
window['tableInstance'] = tableInstance;
|
||||
|
||||
const highlightPlugin = new VTable.InvertHighlightPlugin(tableInstance, {});
|
||||
|
@ -66,7 +66,7 @@ Before drawing, we need to prepare a DOM container with height and width for Cal
|
||||
Next, we create a `Calendar` instance and pass in the calendar configuration items:
|
||||
|
||||
```javascript livedemo template=vtable
|
||||
const calendarInstance = new Calendar(document.getElementById(CONTAINER_ID));
|
||||
const calendarInstance = new VTableCalendar.Calendar(document.getElementById(CONTAINER_ID));
|
||||
window['calendarInstance'] = calendarInstance;
|
||||
```
|
||||
|
||||
|
@ -13,7 +13,7 @@ When creating a calendar, you can pass in the configuration corresponding to the
|
||||
```js
|
||||
import { Calendar } from '@visactor/vtable-calendar';
|
||||
|
||||
const calendar = new Calendar(domContainer, options);
|
||||
const calendar = new VTableCalendar.Calendar(domContainer, options);
|
||||
```
|
||||
|
||||
Among them, option supports the following attributes
|
||||
@ -32,7 +32,7 @@ Among them, option supports the following attributes
|
||||
The properties configured in `tableOptions` can be referred to [VTable configuration](../../option/ListTable) for further configuration of the table. For example, if you want Saturday to be displayed in blue and Sunday in red in the calendar title, you can use the following configuration:
|
||||
|
||||
```javascript livedemo template=vtable
|
||||
const calendarInstance = new Calendar(document.getElementById(CONTAINER_ID), {
|
||||
const calendarInstance = new VTableCalendar.Calendar(document.getElementById(CONTAINER_ID), {
|
||||
tableOptions: {
|
||||
theme: {
|
||||
headerStyle: {
|
||||
|
@ -66,7 +66,7 @@ const calendarInstance = new Calendar(domContainer, option);
|
||||
接下来,我们创建一个 `Calendar` 实例,传入日历图配置项:
|
||||
|
||||
```javascript livedemo template=vtable
|
||||
const calendarInstance = new Calendar(document.getElementById(CONTAINER_ID));
|
||||
const calendarInstance = new VTableCalendar.Calendar(document.getElementById(CONTAINER_ID));
|
||||
window['calendarInstance'] = calendarInstance;
|
||||
```
|
||||
|
||||
|
@ -31,7 +31,7 @@ const calendar = new Calendar(domContainer, options);
|
||||
`tableOptions` 配置的属性可以参考 [VTable的配置](../../option/ListTable),用于表格的进一步配置。例如,如果希望日历图标题中周六显示为蓝色,周日显示为红色,可以使用以下配置:
|
||||
|
||||
```javascript livedemo template=vtable
|
||||
const calendarInstance = new Calendar(document.getElementById(CONTAINER_ID), {
|
||||
const calendarInstance = new VTableCalendar.Calendar(document.getElementById(CONTAINER_ID), {
|
||||
tableOptions: {
|
||||
theme: {
|
||||
headerStyle: {
|
||||
|
@ -4,7 +4,7 @@ import Inula from 'openinula';
|
||||
import * as VTable from '@visactor/vtable';
|
||||
import * as VRender from '@visactor/vtable/es/vrender';
|
||||
import * as VTableGantt from '@visactor/vtable-gantt';
|
||||
import { Calendar } from '@visactor/vtable-calendar';
|
||||
import * as VTableCalendar from '@visactor/vtable-calendar';
|
||||
import * as VChart from '@visactor/vchart';
|
||||
import * as VTableEditors from '@visactor/vtable-editors';
|
||||
import { downloadCsv, exportVTableToCsv, downloadExcel, exportVTableToExcel } from '@visactor/vtable-export';
|
||||
@ -26,7 +26,7 @@ import { createApp, ref, onMounted, h } from 'vue';
|
||||
(window as any).VTable = VTable;
|
||||
(window as any).VRender = VRender;
|
||||
(window as any).VTableGantt = VTableGantt;
|
||||
(window as any).Calendar = Calendar;
|
||||
(window as any).VTableCalendar = VTableCalendar;
|
||||
(window as any).VTable_editors = VTableEditors;
|
||||
(window as any).VChart = VChart.VChart;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user