@vmscloud/moz-ui-grid-vue 0.1.41 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -13
- package/dist/chunks/{index-BDQ0HlwR.js → index-2qnzL9Zm.js} +183 -32
- package/dist/chunks/index-BLDAzbGv.cjs +14 -0
- package/dist/compat/MozGridVue.vue.d.ts +1 -1
- package/dist/compat/MozPivotVue.vue.d.ts +1 -1
- package/dist/excel/ClientExcelUploadPopup.d.ts +48 -0
- package/dist/excel/ClientExcelUploadPopup.vue.d.ts +5 -0
- package/dist/excel/icons.d.ts +3 -0
- package/dist/{legacy/composables → excel}/useClientExcelExport.d.ts +2 -2
- package/dist/{legacy/composables → excel}/useClientExcelStore.d.ts +1 -1
- package/dist/index.cjs +76 -25
- package/dist/index.d.ts +27 -9
- package/dist/index.js +684 -89162
- package/dist/locale/index.d.ts +49 -0
- package/dist/{legacy/store → store}/index.d.ts +28 -28
- package/dist/store.cjs +1 -1
- package/dist/store.js +4 -4
- package/dist/{legacy/stories → stories}/_helpers/localDataLoader.d.ts +1 -1
- package/dist/style.css +1 -1
- package/dist/types/injection-keys.d.ts +2 -5
- package/dist/types/modules.d.ts +87 -0
- package/dist/{legacy/types → types}/pivot-props.d.ts +1 -1
- package/dist/{legacy/types → types}/props.d.ts +1 -1
- package/dist/utils/excel/ExcelImportUtil.cjs +1 -1
- package/dist/utils/excel/ExcelImportUtil.js +1 -1
- package/dist/utils/excel/ExcelQueueManager.cjs +1 -1
- package/dist/utils/excel/ExcelQueueManager.js +1 -1
- package/dist/utils/excel/ExcelTaskRunner.cjs +1 -1
- package/dist/{legacy/utils → utils}/excel/ExcelTaskRunner.d.ts +1 -1
- package/dist/utils/excel/ExcelTaskRunner.js +1 -1
- package/dist/utils/excel/ExcelTimeoutManager.cjs +1 -1
- package/dist/utils/excel/ExcelTimeoutManager.js +2 -4
- package/dist/{legacy/utils → utils}/index.d.ts +1 -1
- package/dist/utils/toast.d.ts +12 -0
- package/docs/manual/reference_vue.md +18 -27
- package/package.json +4 -5
- package/dist/chunks/index-D5KJLBGW.cjs +0 -14
- package/dist/legacy/components/common/Dragging.d.ts +0 -17
- package/dist/legacy/components/common/Dragging.vue.d.ts +0 -49
- package/dist/legacy/components/common/custom-cell/FormulaEngine.d.ts +0 -256
- package/dist/legacy/components/common/custom-cell/FormulaInput.vue.d.ts +0 -33
- package/dist/legacy/components/common/custom-cell/GridCustomCell.vue.d.ts +0 -23
- package/dist/legacy/components/common/custom-cell/useFormulaAutocomplete.d.ts +0 -44
- package/dist/legacy/components/common/excel/ClientExcelUploadPopup.vue.d.ts +0 -201
- package/dist/legacy/components/common/excel/assets/IconDropZone.vue.d.ts +0 -2
- package/dist/legacy/components/common/excel/assets/IconFileUpload.vue.d.ts +0 -2
- package/dist/legacy/components/common/filter/GridFilter.vue.d.ts +0 -23
- package/dist/legacy/components/common/footer/GridFooter.vue.d.ts +0 -29
- package/dist/legacy/components/common/sort/GridSort.vue.d.ts +0 -23
- package/dist/legacy/components/common/toolbar/GridSearchInput.vue.d.ts +0 -33
- package/dist/legacy/components/grid/MozGridVue.vue.d.ts +0 -2041
- package/dist/legacy/components/grid/MozGridVueCore.vue.d.ts +0 -118
- package/dist/legacy/components/grid/bulk-editor/GridBulkEditor.vue.d.ts +0 -10
- package/dist/legacy/components/grid/column-settings/AlignPicker.vue.d.ts +0 -10
- package/dist/legacy/components/grid/column-settings/ColorSwatchPicker.vue.d.ts +0 -11
- package/dist/legacy/components/grid/column-settings/ColumnListItem.vue.d.ts +0 -17
- package/dist/legacy/components/grid/column-settings/ColumnOptionsPanel.vue.d.ts +0 -32
- package/dist/legacy/components/grid/column-settings/FontSizePicker.vue.d.ts +0 -10
- package/dist/legacy/components/grid/column-settings/FontStyleToggles.vue.d.ts +0 -15
- package/dist/legacy/components/grid/column-settings/MaskPresetPicker.vue.d.ts +0 -14
- package/dist/legacy/components/grid/context-menu/GridContextMenu.vue.d.ts +0 -208
- package/dist/legacy/components/grid/group-panel/GroupPanel.vue.d.ts +0 -18
- package/dist/legacy/components/grid/toolbar/ColumnPicker.vue.d.ts +0 -17
- package/dist/legacy/components/grid/toolbar/ColumnSettings.vue.d.ts +0 -30
- package/dist/legacy/components/grid/toolbar/GridOptionModal.vue.d.ts +0 -211
- package/dist/legacy/components/grid/toolbar/GridToolBox.vue.d.ts +0 -69
- package/dist/legacy/components/pivot/MozPivotVue.vue.d.ts +0 -1868
- package/dist/legacy/components/pivot/PivotContextMenu.vue.d.ts +0 -634
- package/dist/legacy/components/pivot/PivotFieldChip.vue.d.ts +0 -16
- package/dist/legacy/components/pivot/PivotFieldDropZone.vue.d.ts +0 -26
- package/dist/legacy/components/pivot/PivotFieldPanel.vue.d.ts +0 -28
- package/dist/legacy/components/pivot/PivotOptionModal.vue.d.ts +0 -534
- package/dist/legacy/components/pivot/PivotToolBox.vue.d.ts +0 -79
- package/dist/legacy/components/pivot/chart/EChart.vue.d.ts +0 -13
- package/dist/legacy/components/pivot/chart/MozPivotChart.types.d.ts +0 -16
- package/dist/legacy/components/pivot/chart/MozPivotChart.vue.d.ts +0 -14
- package/dist/legacy/components/pivot/chart/PivotChartDetail.vue.d.ts +0 -13
- package/dist/legacy/components/pivot/chart/PivotChartMini.vue.d.ts +0 -18
- package/dist/legacy/components/pivot/chart/PivotChartMultiple.vue.d.ts +0 -18
- package/dist/legacy/components/pivot/chart/PivotChartToolbar.vue.d.ts +0 -38
- package/dist/legacy/components/pivot/chart/chartUtils.d.ts +0 -45
- package/dist/legacy/components/pivot/chart/useChartData.d.ts +0 -35
- package/dist/legacy/composables/useCellTooltip.d.ts +0 -8
- package/dist/legacy/composables/useColumnFormatter.d.ts +0 -45
- package/dist/legacy/composables/useColumnSettings.d.ts +0 -35
- package/dist/legacy/composables/useContextMenu.d.ts +0 -71
- package/dist/legacy/composables/useGridBulkEditor.d.ts +0 -36
- package/dist/legacy/composables/useGridChanges.d.ts +0 -28
- package/dist/legacy/composables/useGridColumns.d.ts +0 -37
- package/dist/legacy/composables/useGridCustomCell.d.ts +0 -34
- package/dist/legacy/composables/useGridEvents.d.ts +0 -14
- package/dist/legacy/composables/useGridFilter.d.ts +0 -38
- package/dist/legacy/composables/useGridInstance.d.ts +0 -16
- package/dist/legacy/composables/useGridSelect.d.ts +0 -18
- package/dist/legacy/composables/useGridSelection.d.ts +0 -18
- package/dist/legacy/composables/useGridSort.d.ts +0 -38
- package/dist/legacy/composables/useGridUndoRedo.d.ts +0 -28
- package/dist/legacy/composables/useGridValidation.d.ts +0 -28
- package/dist/legacy/composables/useMaskPresets.d.ts +0 -38
- package/dist/legacy/composables/useSearchHighlight.d.ts +0 -12
- package/dist/legacy/icons/IconAdd.vue.d.ts +0 -11
- package/dist/legacy/icons/IconArrowDownWithTail.vue.d.ts +0 -11
- package/dist/legacy/icons/IconArrowLeft.vue.d.ts +0 -11
- package/dist/legacy/icons/IconArrowLeftWithTail.vue.d.ts +0 -11
- package/dist/legacy/icons/IconArrowRight.vue.d.ts +0 -11
- package/dist/legacy/icons/IconArrowUpCenter.vue.d.ts +0 -11
- package/dist/legacy/icons/IconArrowUpWithTail.vue.d.ts +0 -11
- package/dist/legacy/icons/IconChart.vue.d.ts +0 -11
- package/dist/legacy/icons/IconClose.vue.d.ts +0 -13
- package/dist/legacy/icons/IconColorPicker.vue.d.ts +0 -11
- package/dist/legacy/icons/IconCustomCell.vue.d.ts +0 -11
- package/dist/legacy/icons/IconDecide.vue.d.ts +0 -11
- package/dist/legacy/icons/IconDownload.vue.d.ts +0 -11
- package/dist/legacy/icons/IconDragHandler.vue.d.ts +0 -11
- package/dist/legacy/icons/IconFilter.vue.d.ts +0 -11
- package/dist/legacy/icons/IconInfoFilled.vue.d.ts +0 -11
- package/dist/legacy/icons/IconRedo.vue.d.ts +0 -9
- package/dist/legacy/icons/IconReset.vue.d.ts +0 -9
- package/dist/legacy/icons/IconResetGridToolbar.vue.d.ts +0 -11
- package/dist/legacy/icons/IconSearch.vue.d.ts +0 -11
- package/dist/legacy/icons/IconSetting.vue.d.ts +0 -11
- package/dist/legacy/icons/IconSettingFilled.vue.d.ts +0 -11
- package/dist/legacy/icons/IconSort.vue.d.ts +0 -11
- package/dist/legacy/icons/IconToastWarning.vue.d.ts +0 -11
- package/dist/legacy/icons/IconUndo.vue.d.ts +0 -9
- package/dist/legacy/icons/index.d.ts +0 -25
- package/dist/legacy/index.d.ts +0 -69
- package/dist/legacy/shared/colorPresets.d.ts +0 -36
- package/dist/legacy/stories/Autofit.stories.d.ts +0 -9
- package/dist/legacy/stories/CRUD.stories.d.ts +0 -9
- package/dist/legacy/stories/CellAttributes.stories.d.ts +0 -19
- package/dist/legacy/stories/CellMask.stories.d.ts +0 -19
- package/dist/legacy/stories/ClientExcel.stories.d.ts +0 -8
- package/dist/legacy/stories/Clipboard.stories.d.ts +0 -12
- package/dist/legacy/stories/ColumnVisibility.stories.d.ts +0 -12
- package/dist/legacy/stories/ColumnWidths.stories.d.ts +0 -11
- package/dist/legacy/stories/CustomSortFilter.stories.d.ts +0 -7
- package/dist/legacy/stories/DynamicRowHeight.stories.d.ts +0 -13
- package/dist/legacy/stories/Editors.stories.d.ts +0 -9
- package/dist/legacy/stories/EmptyState.stories.d.ts +0 -10
- package/dist/legacy/stories/FormatRow.stories.d.ts +0 -20
- package/dist/legacy/stories/Grouping.stories.d.ts +0 -14
- package/dist/legacy/stories/HeaderGroup.stories.d.ts +0 -11
- package/dist/legacy/stories/LargeData.stories.d.ts +0 -19
- package/dist/legacy/stories/MasterDetail.stories.d.ts +0 -17
- package/dist/legacy/stories/Merge.stories.d.ts +0 -10
- package/dist/legacy/stories/MultiRow.stories.d.ts +0 -12
- package/dist/legacy/stories/MultiRowCrud.stories.d.ts +0 -11
- package/dist/legacy/stories/MultiRowGroup.stories.d.ts +0 -11
- package/dist/legacy/stories/Pinning.stories.d.ts +0 -44
- package/dist/legacy/stories/Pivot.stories.d.ts +0 -23
- package/dist/legacy/stories/PivotAdvanced.stories.d.ts +0 -20
- package/dist/legacy/stories/PivotChart.stories.d.ts +0 -23
- package/dist/legacy/stories/PivotNonNumeric.stories.d.ts +0 -27
- package/dist/legacy/stories/Preset.stories.d.ts +0 -11
- package/dist/legacy/stories/ReactiveAPI.stories.d.ts +0 -8
- package/dist/legacy/stories/ReactiveSafety.stories.d.ts +0 -28
- package/dist/legacy/stories/Repro.stories.d.ts +0 -36
- package/dist/legacy/stories/RowAPI.stories.d.ts +0 -12
- package/dist/legacy/stories/SelectionModes.stories.d.ts +0 -35
- package/dist/legacy/stories/Streaming.stories.d.ts +0 -12
- package/dist/legacy/stories/Tree.stories.d.ts +0 -13
- package/dist/legacy/stories/WorkerMode.stories.d.ts +0 -15
- package/dist/legacy/utils/dialog/dialog.d.ts +0 -19
- /package/dist/{legacy/store → store}/UploadRefreshRegistry.d.ts +0 -0
- /package/dist/{legacy/store → store}/excelStore.d.ts +0 -0
- /package/dist/{legacy/stores → stores}/index.d.ts +0 -0
- /package/dist/{legacy/stores → stores}/projectInfo/projectInfo.contract.d.ts +0 -0
- /package/dist/{legacy/stories → stories}/_helpers/sampleData.d.ts +0 -0
- /package/dist/{legacy/types → types}/FileParameter.d.ts +0 -0
- /package/dist/{legacy/types → types}/StreamingParameter.d.ts +0 -0
- /package/dist/{legacy/types → types}/excel.types.d.ts +0 -0
- /package/dist/{legacy/types → types}/index.d.ts +0 -0
- /package/dist/{legacy/types → types}/toolbar.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/async/debounce.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/crypto/crypto.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/excel/ExcelGuard.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/excel/ExcelImportUtil.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/excel/ExcelQueueManager.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/excel/ExcelTimeoutManager.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/file.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/http/rest.d.ts +0 -0
- /package/dist/{legacy/utils → utils}/id/generator.d.ts +0 -0
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 셀 마스킹 — 숫자, 문자열, 날짜, 보안 마스크
|
|
5
|
-
*
|
|
6
|
-
* 원본 데이터를 유지하면서 표시 형식만 변경합니다.
|
|
7
|
-
* 정렬은 원본 데이터 기준, 필터는 마스킹된 형식으로 검색 가능합니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
/**
|
|
13
|
-
* 숫자/문자열 마스크: 천단위 구분, 전화번호 패턴
|
|
14
|
-
*/
|
|
15
|
-
export declare const NumericAndString: Story;
|
|
16
|
-
/**
|
|
17
|
-
* 보안 마스크: 주민번호, 카드번호 등 민감 정보 가림 처리
|
|
18
|
-
*/
|
|
19
|
-
export declare const SecureMask: Story;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
declare const ClientExcelDemoWrapper: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
3
|
-
[key: string]: any;
|
|
4
|
-
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
5
|
-
declare const meta: Meta;
|
|
6
|
-
export default meta;
|
|
7
|
-
type Story = StoryObj<typeof ClientExcelDemoWrapper>;
|
|
8
|
-
export declare const Default: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 클립보드 복사/붙여넣기 및 Undo/Redo
|
|
5
|
-
*
|
|
6
|
-
* 셀 범위를 선택한 후 버튼 또는 키보드 단축키(Ctrl+C, Ctrl+V)로
|
|
7
|
-
* 복사/붙여넣기를 수행할 수 있습니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const Default: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 컬럼 표시/숨김 제어
|
|
5
|
-
*
|
|
6
|
-
* onReady 콜백에서 grid.columns API를 사용하여
|
|
7
|
-
* 특정 컬럼을 초기 상태에서 숨길 수 있습니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const Default: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 컬럼 너비 설정 — 고정, 유연(flex), 최소/최대 제약
|
|
5
|
-
*/
|
|
6
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
9
|
-
export declare const FixedWidth: Story;
|
|
10
|
-
export declare const FlexLayout: Story;
|
|
11
|
-
export declare const MinMaxWidth: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/** 커스텀 정렬/필터: sortKey와 predicate를 활용한 고급 정렬/필터 */
|
|
4
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
5
|
-
export default meta;
|
|
6
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
7
|
-
export declare const Default: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 동적 행 높이 — 셀 내용에 따라 행 높이가 자동 조절
|
|
5
|
-
*
|
|
6
|
-
* dynamicRowHeights: true와 함께
|
|
7
|
-
* cellAttributes에 white-space: pre-wrap을 설정하여
|
|
8
|
-
* 여러 줄 텍스트가 올바르게 표시되도록 합니다.
|
|
9
|
-
*/
|
|
10
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
13
|
-
export declare const Default: Story;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 다양한 셀 에디터 타입
|
|
5
|
-
*/
|
|
6
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
9
|
-
export declare const AllEditors: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 데이터가 비어 있을 때 EmptyState가 표시되는지 확인하는 스토리.
|
|
5
|
-
* fields는 정의되어 있지만 data가 빈 배열이라 행 0개 → EmptyState 노출.
|
|
6
|
-
*/
|
|
7
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
8
|
-
export default meta;
|
|
9
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
10
|
-
export declare const NoData: Story;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 행 포맷팅 (formatRow) — 조건부 행/셀 스타일링
|
|
5
|
-
*
|
|
6
|
-
* formatRow는 행 렌더링 시 호출되는 콜백으로,
|
|
7
|
-
* 행 전체 또는 개별 셀에 조건부 스타일을 적용합니다.
|
|
8
|
-
* Wijmo formatItem보다 20배 효율적인 행 단위 호출 방식입니다.
|
|
9
|
-
*/
|
|
10
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
13
|
-
/**
|
|
14
|
-
* 조건부 스타일링: 가격/재고/수익 조건에 따른 행/셀 포맷팅
|
|
15
|
-
*/
|
|
16
|
-
export declare const ConditionalStyling: Story;
|
|
17
|
-
/**
|
|
18
|
-
* 상태 배지: 상태 값에 따른 셀 텍스트 스타일링
|
|
19
|
-
*/
|
|
20
|
-
export declare const StatusBadge: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 행 그룹화 및 집계
|
|
5
|
-
*
|
|
6
|
-
* group.setConfig()로 그룹핑 기준 컬럼과 소계 컬럼을 설정합니다.
|
|
7
|
-
* 필드에 aggregate 속성이 있으면 소계에 집계값이 표시됩니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const SingleGroup: Story;
|
|
13
|
-
export declare const MultiGroup: Story;
|
|
14
|
-
export declare const WithAggregates: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 헤더 그룹 — 다단 헤더 구성
|
|
5
|
-
*
|
|
6
|
-
* MozGridVue의 columnGroups prop을 사용합니다.
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
11
|
-
export declare const TwoLevel: Story;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 대량 데이터 성능 테스트
|
|
5
|
-
*
|
|
6
|
-
* 100만~500만 건 데이터를 로딩하여 가상 스크롤 성능을 검증합니다.
|
|
7
|
-
* 데이터 생성은 Web Worker가 아닌 메인 스레드에서 수행되므로
|
|
8
|
-
* 초기 로딩 시 잠시 멈출 수 있습니다.
|
|
9
|
-
*/
|
|
10
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
13
|
-
export declare const Configurable: Story;
|
|
14
|
-
export declare const OneMillionRows: Story;
|
|
15
|
-
export declare const FiveMillionRows: Story;
|
|
16
|
-
/** 빈 데이터 — EmptyState 컴포넌트 표시 */
|
|
17
|
-
export declare const EmptyData: Story;
|
|
18
|
-
/** 로딩 시뮬레이션 — 3초 후 데이터 로드 */
|
|
19
|
-
export declare const LoadingState: Story;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 마스터-디테일 — 확장 가능한 행 + 중첩 서브 그리드
|
|
5
|
-
*
|
|
6
|
-
* 행을 클릭하여 확장하면 디테일 패널이 나타납니다.
|
|
7
|
-
* 디테일 패널에는 서브 그리드, 폼 등 자유로운 콘텐츠를 렌더링할 수 있습니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
/** 기본 마스터-디테일: 행 확장 시 주문 서브 그리드 표시 */
|
|
13
|
-
export declare const BasicDetail: Story;
|
|
14
|
-
/** 단일 확장 모드: 한 번에 하나의 디테일만 열림 */
|
|
15
|
-
export declare const SingleExpand: Story;
|
|
16
|
-
/** HTML 디테일: 서브 그리드 대신 커스텀 HTML 렌더링 */
|
|
17
|
-
export declare const HtmlDetail: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 셀 병합 — 동일 값 병합 및 계층적 병합
|
|
5
|
-
*/
|
|
6
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
9
|
-
export declare const ContentMerge: Story;
|
|
10
|
-
export declare const HierarchicalMerge: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* Multi-Row 레이아웃: 하나의 데이터 행을 여러 줄로 표시
|
|
5
|
-
*
|
|
6
|
-
* MozGridVue의 rowTemplate prop을 사용합니다.
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
11
|
-
export declare const TwoRowLayout: Story;
|
|
12
|
-
export declare const ThreeRowLayout: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* Multi-Row + CRUD: Multi-Row 레이아웃에서 행 추가/수정/삭제 및 Undo/Redo
|
|
5
|
-
*
|
|
6
|
-
* MozGridVue의 rowTemplate prop을 사용합니다.
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
11
|
-
export declare const Default: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* Multi-Row + 그룹화: 데이터 행은 Multi-Row, 그룹 헤더는 단일 행으로 표시
|
|
5
|
-
*
|
|
6
|
-
* MozGridVue의 rowTemplate + group prop을 사용합니다.
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
11
|
-
export declare const Default: Story;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 컬럼 고정 (Pinning) — 왼쪽/오른쪽 고정 컬럼 및 상단/하단 고정 행
|
|
5
|
-
*
|
|
6
|
-
* 필드 정의의 pinned 속성으로 컬럼을 왼쪽 또는 오른쪽에 고정합니다.
|
|
7
|
-
* rows API를 통해 행을 상단 또는 하단에 고정합니다.
|
|
8
|
-
* 스크롤 시에도 고정 요소는 항상 화면에 표시됩니다.
|
|
9
|
-
*/
|
|
10
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
13
|
-
/**
|
|
14
|
-
* 왼쪽 고정: ID와 이름 컬럼이 좌측에 고정됩니다
|
|
15
|
-
*/
|
|
16
|
-
export declare const LeftPinned: Story;
|
|
17
|
-
/**
|
|
18
|
-
* 오른쪽 고정: 급여 컬럼이 우측에 고정됩니다
|
|
19
|
-
*/
|
|
20
|
-
export declare const RightPinned: Story;
|
|
21
|
-
/**
|
|
22
|
-
* 양쪽 고정: 왼쪽에 ID/이름, 오른쪽에 급여/등급 고정
|
|
23
|
-
*/
|
|
24
|
-
export declare const BothSides: Story;
|
|
25
|
-
/**
|
|
26
|
-
* 동적 고정: API를 통해 런타임에 컬럼 고정 위치를 변경합니다
|
|
27
|
-
*/
|
|
28
|
-
export declare const DynamicPinning: Story;
|
|
29
|
-
/**
|
|
30
|
-
* 상단 고정 행: 특정 행을 그리드 상단에 고정하여 스크롤해도 항상 표시
|
|
31
|
-
*/
|
|
32
|
-
export declare const TopPinnedRow: Story;
|
|
33
|
-
/**
|
|
34
|
-
* 데이터 행 고정: 선택된 행을 버튼으로 상단/하단에 고정하거나 해제
|
|
35
|
-
*/
|
|
36
|
-
export declare const PinByRowClick: Story;
|
|
37
|
-
/**
|
|
38
|
-
* 하단 고정 행: Grand Total 등 요약 행을 하단에 고정
|
|
39
|
-
*/
|
|
40
|
-
export declare const BottomPinnedRow: Story;
|
|
41
|
-
/**
|
|
42
|
-
* 상하단 고정 행: 상단에 필터/커스텀 행, 하단에 합계 행
|
|
43
|
-
*/
|
|
44
|
-
export declare const TopAndBottomPinned: Story;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozPivotVue } from '../components/pivot/MozPivotVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 피벗 그리드 — 다차원 데이터 집계 및 크로스탭 분석
|
|
5
|
-
*
|
|
6
|
-
* MozPivotVue 컴포넌트를 사용하여 행 축, 열 축, 값 축을 설정합니다.
|
|
7
|
-
* 소계/총계, 접기/펼치기, 값 변환(showValueAs) 등을 지원합니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozPivotVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozPivotVue>;
|
|
12
|
-
/** 기본 피벗: 지역×분기별 매출 합계 */
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
/** 다중 값 필드: 매출 + 비용 + 수량 */
|
|
15
|
-
export declare const MultipleValues: Story;
|
|
16
|
-
/** 다중 행 축: 지역 > 제품별 계층 구조 */
|
|
17
|
-
export declare const MultiRowFields: Story;
|
|
18
|
-
/** 다중 열 축: 연도 > 분기 계층 헤더 */
|
|
19
|
-
export declare const MultiColumnFields: Story;
|
|
20
|
-
/** 소계/총계 위치 및 옵션 */
|
|
21
|
-
export declare const SubTotals: Story;
|
|
22
|
-
/** 집계 함수: sum, avg, count, min, max */
|
|
23
|
-
export declare const AggregateFunctions: Story;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozPivotVue } from '../components/pivot/MozPivotVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 피벗 고급 기능 — 값 변환(showValueAs), 서식, 접기/펼치기 제어
|
|
5
|
-
*/
|
|
6
|
-
declare const meta: Meta<typeof MozPivotVue>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<typeof MozPivotVue>;
|
|
9
|
-
/** 값 변환: 총합계 대비 비율 (%) */
|
|
10
|
-
export declare const PercentOfGrandTotal: Story;
|
|
11
|
-
/** 값 변환: 행 합계 대비 비율 */
|
|
12
|
-
export declare const PercentOfRowTotal: Story;
|
|
13
|
-
/** 숫자 서식: 천 단위 구분 + 소수점 */
|
|
14
|
-
export declare const NumberFormatting: Story;
|
|
15
|
-
/** 접기/펼치기 제어 + 레벨별 확장 */
|
|
16
|
-
export declare const CollapseExpand: Story;
|
|
17
|
-
/** 피벗 설정 동적 변경 */
|
|
18
|
-
export declare const DynamicConfig: Story;
|
|
19
|
-
/** 원본 값 + 변환 값 동시 표시 */
|
|
20
|
-
export declare const ShowOriginalValue: Story;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozPivotVue } from '../components/pivot/MozPivotVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 피벗 차트 — ECharts 기반 피벗 데이터 시각화
|
|
5
|
-
*
|
|
6
|
-
* 툴바의 차트 버튼을 클릭하면 피벗 결과를 Bar/Line/Area 차트로 표시합니다.
|
|
7
|
-
* Y축(행 필드) / X축(열 필드) / 값 필드를 선택하여 차트를 커스터마이징합니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozPivotVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozPivotVue>;
|
|
12
|
-
/** 기본 차트: 지역×분기별 매출 — 툴바 차트 아이콘 클릭으로 토글 */
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
/** 차트 자동 열림 + 다중 행 필드 (Y축 셀렉터 표시) */
|
|
15
|
-
export declare const RowFieldSelector: Story;
|
|
16
|
-
/** 다중 열 필드 (X축 셀렉터 표시) — 연도 > 분기 */
|
|
17
|
-
export declare const ColumnFieldSelector: Story;
|
|
18
|
-
/** 다중 값 필드 차트: 매출 + 비용 + 수량 시리즈 선택 */
|
|
19
|
-
export declare const MultipleValueFields: Story;
|
|
20
|
-
/** 전체 옵션: 다중 행/열/값 필드 + Grand Total */
|
|
21
|
-
export declare const FullOptions: Story;
|
|
22
|
-
/** 차트 토글 제어: 외부 버튼으로 열기/닫기 */
|
|
23
|
-
export declare const ChartToggleControl: Story;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozPivotVue } from '../components/pivot/MozPivotVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 피벗 — 비숫자 값필드 (string · date · boolean · array)
|
|
5
|
-
*
|
|
6
|
-
* 피벗 값필드는 보통 숫자(sum/avg 등)지만, 비숫자 타입에도 의미 있는 집계가 가능합니다:
|
|
7
|
-
* - **string**: `count, countAll, min, max, first, last`
|
|
8
|
-
* - **date**: `min, max, count, countAll, first, last`
|
|
9
|
-
* - **boolean**: `count, countAll, first, last`
|
|
10
|
-
* - **array**: `count, countAll, first, last`
|
|
11
|
-
*
|
|
12
|
-
* 각 값필드 카드에서 집계 함수를 바꾸면 즉시 다시 피벗됩니다.
|
|
13
|
-
*/
|
|
14
|
-
declare const meta: Meta<typeof MozPivotVue>;
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof MozPivotVue>;
|
|
17
|
-
export declare const Interactive: Story;
|
|
18
|
-
/** string: first (각 그룹 내 첫 제품명) */
|
|
19
|
-
export declare const StringFirst: Story;
|
|
20
|
-
/** date: max (각 그룹 내 최근 주문일) */
|
|
21
|
-
export declare const DateMax: Story;
|
|
22
|
-
/** boolean: count (true 개수) */
|
|
23
|
-
export declare const BooleanCount: Story;
|
|
24
|
-
/** array: first (각 그룹 내 첫 태그 배열) */
|
|
25
|
-
export declare const ArrayFirst: Story;
|
|
26
|
-
/** count vs countAll: null 포함 여부 차이 시각화 */
|
|
27
|
-
export declare const CountVsCountAll: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
/**
|
|
3
|
-
* 프리셋 데모 래퍼 — localStorage 기반 저장/복원 UI 제공
|
|
4
|
-
*/
|
|
5
|
-
declare const PresetDemoWrapper: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
8
|
-
declare const meta: Meta;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof PresetDemoWrapper>;
|
|
11
|
-
export declare const Default: Story;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/** Reactive API: select() 구독으로 그리드 상태 변화를 실시간 관찰, batch() 알림 최적화 */
|
|
4
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
5
|
-
export default meta;
|
|
6
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
7
|
-
/** select() 구독으로 대시보드 자동 갱신 */
|
|
8
|
-
export declare const Dashboard: Story;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* Reactive Safety — Vue reactive 시스템과 grid 인스턴스의 호환성 검증.
|
|
5
|
-
*
|
|
6
|
-
* **배경**: 사용자가 `ref(grid)` / `reactive(grid)` 같이 grid 를 deep reactive 안에
|
|
7
|
-
* 보관하면 BodyRenderer 의 internal Map / 피벗 lazy proxy 가 Vue reactive proxy 로
|
|
8
|
-
* wrap 되어 row 객체가 손상되는 silent bug 가 있었음. 코어/wrapper 는
|
|
9
|
-
* `MozGridVueCore.initGrid` 에서 `markRaw(grid)` 를 적용하여 방어함.
|
|
10
|
-
*
|
|
11
|
-
* 이 story 는:
|
|
12
|
-
* 1. markRaw 가 정상 적용됐는지 검증
|
|
13
|
-
* 2. 사용자가 `reactive(grid)` 강제 시도해도 Vue 가 wrap 안 함을 검증
|
|
14
|
-
* 3. 자체 reactivity (store.select) 가 Vue 안에서 의도치 않은 효과 일으키지 않음을 검증
|
|
15
|
-
*
|
|
16
|
-
* **수동 검증**: 각 패널의 색상이 모두 ✅ 녹색이면 안전. 한 곳이라도 ❌ 빨강이면 fragility 발현.
|
|
17
|
-
*/
|
|
18
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
19
|
-
export default meta;
|
|
20
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
21
|
-
/**
|
|
22
|
-
* Vue reactive system 과 grid 의 호환성 검증.
|
|
23
|
-
*
|
|
24
|
-
* - Check 1: `markRaw` 가 grid 에 적용됐는가? (`__v_skip` flag)
|
|
25
|
-
* - Check 2: `reactive(grid)` 호출 시 Vue 가 wrap 거부하는가?
|
|
26
|
-
* - Check 3: 자체 store.select() subscribe 가 Vue effect 무한 루프 일으키지 않는가?
|
|
27
|
-
*/
|
|
28
|
-
export declare const Diagnostics: Story;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
/**
|
|
3
|
-
* 버그 재현용 스토리 모음 — 디버깅 전용.
|
|
4
|
-
*
|
|
5
|
-
* 1. PivotColumnFieldToggle — 피벗에서 columnFields 비우고 다시 채울 때 body 셀이 비어 보이는 이슈
|
|
6
|
-
* 2. GridDataSwap — flat 그리드에서 data를 여러 번 갈아끼울 때 처음 데이터만 보이는 이슈 (smart-report와 유사 시나리오)
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta;
|
|
9
|
-
export default meta;
|
|
10
|
-
/**
|
|
11
|
-
* 시나리오:
|
|
12
|
-
* - 초기에 row+value만 채워서 columnFields가 빈 상태로 시작
|
|
13
|
-
* - 버튼으로 columnFields=[quarter] / [year, quarter] / [] 토글
|
|
14
|
-
* - 콘솔에서 진단 출력 (result.columns vs row.values 키 일치 여부)
|
|
15
|
-
*/
|
|
16
|
-
export declare const PivotColumnFieldToggle: StoryObj;
|
|
17
|
-
/**
|
|
18
|
-
* 시나리오 변형: row+value만 가지고 시작 (필드 패널을 통해 column을 동적으로 추가하는 경험)
|
|
19
|
-
* - 초기에는 hasFields=false (rowFields=[])로 시작 → EmptyState 표시
|
|
20
|
-
* - 버튼으로 row 추가 → value 추가 → 마지막에 column 추가 순서로 채움
|
|
21
|
-
*/
|
|
22
|
-
export declare const PivotIncrementalFill: StoryObj;
|
|
23
|
-
/**
|
|
24
|
-
* 시나리오: 같은 MozGridVue 인스턴스에서 data + fields를 교체할 때 처음 데이터만 보이는 이슈 재현
|
|
25
|
-
* - 데이터셋 A (직원), B (제품), C (매출)
|
|
26
|
-
* - 버튼으로 교체 → 콘솔에서 totalRowCount 확인
|
|
27
|
-
* - smart-report와 유사하게 fields/data 동시 갱신
|
|
28
|
-
*/
|
|
29
|
-
export declare const GridDataSwap: StoryObj;
|
|
30
|
-
/**
|
|
31
|
-
* smart-report 스타일 wrapper 시나리오 — :key 변경 + 외부 watch + safeLoadData 가드
|
|
32
|
-
*
|
|
33
|
-
* smart-report의 SmartReportComponentMozGrid.vue 로직을 미니 재현해서
|
|
34
|
-
* :key="name" 변경이 있을 때 / 없을 때의 거동 차이를 확인.
|
|
35
|
-
*/
|
|
36
|
-
export declare const GridDataSwapSmartReportStyle: StoryObj;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* Row API 기능 시연
|
|
5
|
-
*
|
|
6
|
-
* rows.selected()로 선택된 행에 접근하여
|
|
7
|
-
* 읽기 전용, 표시/숨김, CSS 클래스 등을 설정합니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const Default: Story;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 선택 모드별 동작 비교
|
|
5
|
-
*
|
|
6
|
-
* 새 API: `rowSelection` + `cellSelection` 분리.
|
|
7
|
-
* 두 옵션 모두 미지정 시 기본은 셀 전용 (`cellSelection: { mode: 'range' }`, Excel 스타일).
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
/**
|
|
13
|
-
* 분리: rowHeader 트리거 (권장 기본).
|
|
14
|
-
* 셀 클릭은 셀만, 행 헤더 클릭은 행만 — 정합성 보호. `_rowHeader` 컬럼 자동 추가.
|
|
15
|
-
*/
|
|
16
|
-
export declare const SeparatedRowHeader: Story;
|
|
17
|
-
/**
|
|
18
|
-
* 분리: 체크박스 트리거.
|
|
19
|
-
* 행 헤더 영역에 체크박스가 자동 렌더링됨 (CSS).
|
|
20
|
-
*/
|
|
21
|
-
export declare const SeparatedCheckbox: Story;
|
|
22
|
-
/**
|
|
23
|
-
* 행 전용 (단순 list).
|
|
24
|
-
* 셀 선택 없이 행만 — 셀 클릭이 행 선택을 트리거.
|
|
25
|
-
*/
|
|
26
|
-
export declare const RowOnly: Story;
|
|
27
|
-
/**
|
|
28
|
-
* 셀 전용 (Excel 스타일, 기본).
|
|
29
|
-
* 행 선택 없이 셀만 — 드래그 범위 선택 가능.
|
|
30
|
-
*/
|
|
31
|
-
export declare const CellOnly: Story;
|
|
32
|
-
/**
|
|
33
|
-
* none — 선택 기능 비활성화 (읽기 전용 그리드).
|
|
34
|
-
*/
|
|
35
|
-
export declare const None: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 실시간 데이터 스트리밍 시뮬레이션
|
|
5
|
-
*
|
|
6
|
-
* 주식 시세 데이터를 주기적으로 업데이트하여
|
|
7
|
-
* applyTransactionAsync를 통한 실시간 갱신을 시연합니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const StockTicker: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* 트리 구조 데이터 표시
|
|
5
|
-
*
|
|
6
|
-
* Flat 데이터(parentId 방식)는 loadData() 후 tree.setConfig()로 트리 설정.
|
|
7
|
-
* tree.loadData()는 nested(children) 데이터 전용입니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const OrgChart: Story;
|
|
13
|
-
export declare const CollapsedByDefault: Story;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
-
import { default as MozGridVue } from '../components/grid/MozGridVue.vue';
|
|
3
|
-
/**
|
|
4
|
-
* Worker 모드 (useWorker: true + loader)
|
|
5
|
-
*
|
|
6
|
-
* 모든 데이터 처리(필터/정렬/집계)가 Web Worker에서 실행됩니다.
|
|
7
|
-
* loader를 통해 Worker에서 직접 데이터를 생성/로드합니다.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof MozGridVue>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof MozGridVue>;
|
|
12
|
-
export declare const Flat: Story;
|
|
13
|
-
export declare const Grouping: Story;
|
|
14
|
-
export declare const Tree: Story;
|
|
15
|
-
export declare const CRUD: Story;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
type DialogIcon = 'error' | 'warning' | 'success' | 'info';
|
|
2
|
-
type DialogAction = 'confirm' | 'save' | 'check' | 'close' | 'no-footer';
|
|
3
|
-
export declare const showConfirm: (options: {
|
|
4
|
-
title?: string;
|
|
5
|
-
message: string;
|
|
6
|
-
type?: DialogIcon;
|
|
7
|
-
}) => Promise<boolean>;
|
|
8
|
-
export declare function showDialog(options: {
|
|
9
|
-
title?: string;
|
|
10
|
-
message: string;
|
|
11
|
-
preset?: DialogAction;
|
|
12
|
-
type?: DialogIcon;
|
|
13
|
-
actions?: {
|
|
14
|
-
positive?: string;
|
|
15
|
-
negative?: string;
|
|
16
|
-
};
|
|
17
|
-
}): Promise<boolean>;
|
|
18
|
-
export declare const showMessage: (message: any, result: boolean | DialogIcon, options?: Record<string, any>) => void;
|
|
19
|
-
export {};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|