zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-07 02:28:54 +08:00
Code Issues Projects Releases Wiki Activity

use only camel case for props

Browse Source
This commit is contained in:
lana-k
2025-03-30 21:01:06 +02:00
parent 559e04200c
commit 77df3a8446
21 changed files with 111 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/MainView/AppDiagnosticInfo.vue
View File

@@ -5,7 +5,7 @@
src="~@/assets/images/info.svg"
@click="$modal.show('app-info')"
/>
<modal modal-id="app-info" class="dialog" content-class="app-info-modal">
<modal modalId="app-info" class="dialog" contentClass="app-info-modal">
<div class="dialog-header">
App info
<close-icon @click="$modal.hide('app-info')" />

8
src/views/MainView/Inquiries/index.vue
View File

@@ -122,7 +122,7 @@
<copy-icon @click="duplicateInquiry(index)" />
<export-icon
tooltip="Export inquiry to file"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="exportToFile([inquiry], `${inquiry.name}.json`)"
/>
<delete-icon
@@ -140,7 +140,7 @@
</div>
<!--Rename Inquiry dialog -->
<modal modal-id="rename" class="dialog" content-style="width: 560px;">
<modal modalId="rename" class="dialog" contentStyle="width: 560px;">
<div class="dialog-header">
Rename inquiry
<close-icon @click="$modal.hide('rename')" />
@@ -149,7 +149,7 @@
<text-field
v-model="newName"
label="New inquiry name"
:error-msg="errorMsg"
:errorMsg="errorMsg"
width="100%"
/>
</div>
@@ -160,7 +160,7 @@
</modal>
<!--Delete Inquiry dialog -->
<modal modal-id="delete" class="dialog" content-style="width: 480px;">
<modal modalId="delete" class="dialog" contentStyle="width: 480px;">
<div class="dialog-header">
Delete {{ deleteGroup ? 'inquiries' : 'inquiry' }}
<close-icon @click="$modal.hide('delete')" />

4
src/views/MainView/MainMenu.vue
View File

@@ -25,7 +25,7 @@
</div>
<!--Save Inquiry dialog -->
<modal modal-id="save" class="dialog" content-style="width: 560px;">
<modal modalId="save" class="dialog" contentStyle="width: 560px;">
<div class="dialog-header">
Save inquiry
<close-icon @click="cancelSave" />
@@ -39,7 +39,7 @@
<text-field
v-model="name"
label="Inquiry name"
:error-msg="errorMsg"
:errorMsg="errorMsg"
width="100%"
/>
</div>

2
src/views/MainView/Workspace/Schema/index.vue
View File

@@ -26,7 +26,7 @@
ref="addCsvJson"
:file="file"
:db="$store.state.db"
dialog-name="addCsvJson"
dialogName="addCsvJson"
/>
</div>
</template>

8
src/views/MainView/Workspace/Tabs/Tab/DataView/Chart/index.vue
View File

@@ -15,12 +15,12 @@
:layout="state.layout"
:frames="state.frames"
:config="config"
:data-sources="dataSources"
:data-source-options="dataSourceOptions"
:dataSources="dataSources"
:dataSourceOptions="dataSourceOptions"
:plotly="plotly"
:use-resize-handler="useResizeHandler"
:useResizeHandler="useResizeHandler"
:debug="true"
:advanced-trace-type-selector="true"
:advancedTraceTypeSelector="true"
@update="update"
@render="onRender"
/>

64
src/views/MainView/Workspace/Tabs/Tab/DataView/Pivot/PivotUi/index.vue
View File

@@ -9,11 +9,11 @@
:options="colsToSelect"
:disabled="colsToSelect.length === 0"
:multiple="true"
:hide-selected="true"
:close-on-select="true"
:show-labels="false"
:hideSelected="true"
:closeOnSelect="true"
:showLabels="false"
:max="colsToSelect.length"
open-direction="bottom"
openDirection="bottom"
placeholder=""
>
<template #maxElements>
@@ -37,12 +37,12 @@
:options="rowsToSelect"
:disabled="rowsToSelect.length === 0"
:multiple="true"
:hide-selected="true"
:close-on-select="true"
:show-labels="false"
:hideSelected="true"
:closeOnSelect="true"
:showLabels="false"
:max="rowsToSelect.length"
:option-height="29"
open-direction="bottom"
:optionHeight="29"
openDirection="bottom"
placeholder=""
>
<template #maxElements>
@@ -65,12 +65,12 @@
class="sqliteviz-select short aggregator"
:options="aggregators"
label="name"
track-by="name"
:close-on-select="true"
:show-labels="false"
:hide-selected="true"
:option-height="29"
open-direction="bottom"
trackBy="name"
:closeOnSelect="true"
:showLabels="false"
:hideSelected="true"
:optionHeight="29"
openDirection="bottom"
placeholder="Choose a function"
>
<template #noResult>
@@ -84,11 +84,11 @@
class="sqliteviz-select aggr-arg"
:options="keyNames"
:disabled="keyNames.length === 0"
:close-on-select="true"
:show-labels="false"
:hide-selected="true"
:option-height="29"
open-direction="bottom"
:closeOnSelect="true"
:showLabels="false"
:hideSelected="true"
:optionHeight="29"
openDirection="bottom"
placeholder="Choose an argument"
/>
@@ -98,11 +98,11 @@
class="sqliteviz-select aggr-arg"
:options="keyNames"
:disabled="keyNames.length === 0"
:close-on-select="true"
:show-labels="false"
:hide-selected="true"
:option-height="29"
open-direction="bottom"
:closeOnSelect="true"
:showLabels="false"
:hideSelected="true"
:optionHeight="29"
openDirection="bottom"
placeholder="Choose a second argument"
/>
</div>
@@ -114,13 +114,13 @@
class="sqliteviz-select short renderer"
:options="renderers"
label="name"
track-by="name"
:close-on-select="true"
:allow-empty="false"
:show-labels="false"
:hide-selected="true"
:option-height="29"
open-direction="bottom"
trackBy="name"
:closeOnSelect="true"
:allowEmpty="false"
:showLabels="false"
:hideSelected="true"
:optionHeight="29"
openDirection="bottom"
placeholder="Choose a view"
>
<template #noResult>

2
src/views/MainView/Workspace/Tabs/Tab/DataView/Pivot/index.vue
View File

@@ -6,7 +6,7 @@
</div>
<pivot-ui
v-model="pivotOptions"
:key-names="columns"
:keyNames="columns"
@update="$emit('update')"
/>
<div ref="pivotOutput" class="pivot-output" />

24
src/views/MainView/Workspace/Tabs/Tab/DataView/index.vue
View File

@@ -4,9 +4,9 @@
<component
:is="mode"
ref="viewComponent"
v-model:import-to-png-enabled="importToPngEnabled"
v-model:import-to-svg-enabled="importToSvgEnabled"
:init-options="mode === initMode ? initOptions : undefined"
v-model:importToPngEnabled="importToPngEnabled"
v-model:importToSvgEnabled="importToSvgEnabled"
:initOptions="mode === initMode ? initOptions : undefined"
:data-sources="dataSource"
@loading-image-completed="loadingImage = false"
@update="$emit('update')"
@@ -16,7 +16,7 @@
<icon-button
:active="mode === 'chart'"
tooltip="Switch to chart"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="mode = 'chart'"
>
<chart-icon />
@@ -25,7 +25,7 @@
ref="pivotBtn"
:active="mode === 'pivot'"
tooltip="Switch to pivot"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="mode = 'pivot'"
>
<pivot-icon />
@@ -37,7 +37,7 @@
:disabled="!importToPngEnabled || loadingImage"
:loading="loadingImage"
tooltip="Save as PNG image"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="saveAsPng"
>
<png-icon />
@@ -46,7 +46,7 @@
ref="svgExportBtn"
:disabled="!importToSvgEnabled"
tooltip="Save as SVG"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="saveAsSvg"
>
<export-to-svg-icon />
@@ -55,7 +55,7 @@
<icon-button
ref="htmlExportBtn"
tooltip="Save as HTML"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="saveAsHtml"
>
<HtmlIcon />
@@ -64,7 +64,7 @@
ref="copyToClipboardBtn"
:loading="copyingImage"
tooltip="Copy visualisation to clipboard"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="prepareCopy"
>
<clipboard-icon />
@@ -72,9 +72,9 @@
</side-tool-bar>
<loading-dialog
loading-msg="Rendering the visualisation..."
success-msg="Image is ready"
action-btn-name="Copy"
loadingMsg="Rendering the visualisation..."
successMsg="Image is ready"
actionBtnName="Copy"
name="prepareCopy"
title="Copy to clipboard"
:loading="preparingCopy"

8
src/views/MainView/Workspace/Tabs/Tab/RunResult/Record/RowNavigator.vue
View File

@@ -3,7 +3,7 @@
<icon-button
:disabled="modelValue === 0"
tooltip="First row"
tooltip-position="top-left"
tooltipPosition="top-left"
class="first"
@click="$emit('update:modelValue', 0)"
>
@@ -12,7 +12,7 @@
<icon-button
:disabled="modelValue === 0"
tooltip="Previous row"
tooltip-position="top-left"
tooltipPosition="top-left"
class="prev"
@click="$emit('update:modelValue', modelValue - 1)"
>
@@ -21,7 +21,7 @@
<icon-button
:disabled="modelValue === total - 1"
tooltip="Next row"
tooltip-position="top-left"
tooltipPosition="top-left"
class="next"
@click="$emit('update:modelValue', modelValue + 1)"
>
@@ -30,7 +30,7 @@
<icon-button
:disabled="modelValue === total - 1"
tooltip="Last row"
tooltip-position="top-left"
tooltipPosition="top-left"
class="last"
@click="$emit('update:modelValue', total - 1)"
>

24
src/views/MainView/Workspace/Tabs/Tab/RunResult/index.vue
View File

@@ -21,7 +21,7 @@
<div class="value-viewer-container">
<value-viewer
v-show="selectedCell"
:cell-value="
:cellValue="
selectedCell
? result.values[result.columns[selectedCell.dataset.col]][
selectedCell.dataset.row
@@ -40,7 +40,7 @@
<icon-button
:disabled="!result"
tooltip="Export result set to CSV file"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="exportToCsv"
>
<export-to-csv-icon />
@@ -50,7 +50,7 @@
ref="copyToClipboardBtn"
:disabled="!result"
tooltip="Copy result set to clipboard"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="prepareCopy"
>
<clipboard-icon />
@@ -60,7 +60,7 @@
ref="rowBtn"
:disabled="!result"
tooltip="View record"
tooltip-position="top-left"
tooltipPosition="top-left"
:active="viewRecord"
@click="toggleViewRecord"
>
@@ -71,7 +71,7 @@
ref="viewCellValueBtn"
:disabled="!result"
tooltip="View value"
tooltip-position="top-left"
tooltipPosition="top-left"
:active="viewValuePanelVisible"
@click="toggleViewValuePanel"
>
@@ -80,9 +80,9 @@
</side-tool-bar>
<loading-dialog
loading-msg="Building CSV..."
success-msg="CSV is ready"
action-btn-name="Copy"
loadingMsg="Building CSV..."
successMsg="CSV is ready"
actionBtnName="Copy"
name="prepareCSVCopy"
title="Copy to clipboard"
:loading="preparingCopy"
@@ -113,9 +113,9 @@
v-if="result && !viewRecord"
:data-set="result"
:time="time"
:page-size="pageSize"
:pageSize="pageSize"
:page="defaultPage"
:selected-cell-coordinates="defaultSelectedCell"
:selectedCellCoordinates="defaultSelectedCell"
class="straight"
@update-selected-cell="onUpdateSelectedCell"
/>
@@ -125,8 +125,8 @@
ref="recordView"
:data-set="result"
:time="time"
:selected-column-index="selectedCell ? +selectedCell.dataset.col : 0"
:row-index="selectedCell ? +selectedCell.dataset.row : 0"
:selectedColumnIndex="selectedCell ? +selectedCell.dataset.col : 0"
:rowIndex="selectedCell ? +selectedCell.dataset.row : 0"
@update-selected-cell="onUpdateSelectedCell"
/>
</div>

6
src/views/MainView/Workspace/Tabs/Tab/SideToolBar.vue
View File

@@ -4,7 +4,7 @@
ref="sqlEditorBtn"
:active="panel === 'sqlEditor'"
tooltip="Switch panel to SQL editor"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="$emit('switchTo', 'sqlEditor')"
>
<sql-editor-icon />
@@ -14,7 +14,7 @@
ref="tableBtn"
:active="panel === 'table'"
tooltip="Switch panel to result set"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="$emit('switchTo', 'table')"
>
<table-icon />
@@ -24,7 +24,7 @@
ref="dataViewBtn"
:active="panel === 'dataView'"
tooltip="Switch panel to data view"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="$emit('switchTo', 'dataView')"
>
<data-view-icon />

4
src/views/MainView/Workspace/Tabs/Tab/SqlEditor/index.vue
View File

@@ -5,7 +5,7 @@
ref="cm"
v-model:value="query"
:options="cmOptions"
:original-style="true"
:originalStyle="true"
@change="onChange"
/>
</div>
@@ -15,7 +15,7 @@
:disabled="runDisabled"
:loading="isGettingResults"
tooltip="Run SQL query"
tooltip-position="top-left"
tooltipPosition="top-left"
@click="$emit('run')"
>
<run-icon :disabled="runDisabled" />

8
src/views/MainView/Workspace/Tabs/Tab/index.vue
View File

@@ -25,7 +25,7 @@
<sql-editor
ref="sqlEditor"
v-model="tab.query"
:is-getting-results="tab.isGettingResults"
:isGettingResults="tab.isGettingResults"
@switch-to="onSwitchView('sqlEditor', $event)"
@run="tab.execute()"
/>
@@ -39,7 +39,7 @@
<run-result
:tab="tab"
:result="tab.result"
:is-getting-results="tab.isGettingResults"
:isGettingResults="tab.isGettingResults"
:error="tab.error"
:time="tab.time"
@switch-to="onSwitchView('table', $event)"
@@ -54,8 +54,8 @@
<data-view
ref="dataView"
:data-source="(tab.result && tab.result.values) || null"
:init-options="tab.viewOptions"
:init-mode="tab.viewType"
:initOptions="tab.viewOptions"
:initMode="tab.viewType"
@switch-to="onSwitchView('dataView', $event)"
@update="onDataViewUpdate"
/>

2
src/views/MainView/Workspace/Tabs/index.vue
View File

@@ -29,7 +29,7 @@
</div>
<!--Close tab warning dialog -->
<modal modal-id="close-warn" class="dialog" content-style="width: 560px;">
<modal modalId="close-warn" class="dialog" contentStyle="width: 560px;">
<div class="dialog-header">
Close tab
{{