1
0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 18:18:53 +08:00

use only camel case for props

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

View File

@@ -14,7 +14,9 @@ module.exports = {
'vue/no-mutating-props': 'warn', 'vue/no-mutating-props': 'warn',
'vue/no-reserved-component-names': 'warn', 'vue/no-reserved-component-names': 'warn',
'vue/no-v-model-argument': 'off', 'vue/no-v-model-argument': 'off',
'vue/require-default-prop': 'off' 'vue/require-default-prop': 'off',
'vue/custom-event-name-casing': ['error', 'camelCase'],
'vue/attribute-hyphenation': ['error', 'never']
}, },
overrides: [ overrides: [
{ {

View File

@@ -1,10 +1,10 @@
<template> <template>
<modal <modal
:modal-id="dialogName" :modalId="dialogName"
class="dialog" class="dialog"
content-class="import-modal" contentClass="import-modal"
scrollable scrollable
:click-to-close="false" :clickToClose="false"
> >
<div class="dialog-header"> <div class="dialog-header">
{{ typeName }} import {{ typeName }} import
@@ -17,7 +17,7 @@
label="Table name" label="Table name"
width="484px" width="484px"
:disabled="disableDialog" :disabled="disableDialog"
:error-msg="tableNameError" :errorMsg="tableNameError"
/> />
<div v-if="!isJson && !isNdJson" class="chars"> <div v-if="!isJson && !isNdJson" class="chars">
<delimiter-selector <delimiter-selector
@@ -45,7 +45,7 @@
The character used to escape the quote character within a field The character used to escape the quote character within a field
(e.g. "column with ""quotes"" in text"). (e.g. "column with ""quotes"" in text").
' '
max-hint-width="242px" maxHintWidth="242px"
width="93px" width="93px"
:disabled="disableDialog" :disabled="disableDialog"
class="char-input" class="char-input"

View File

@@ -47,7 +47,7 @@
ref="addCsvJson" ref="addCsvJson"
:file="file" :file="file"
:db="newDb" :db="newDb"
dialog-name="importFromCsvJson" dialogName="importFromCsvJson"
@cancel="cancelImport" @cancel="cancelImport"
@finish="finish" @finish="finish"
/> />

View File

@@ -1,10 +1,10 @@
<template> <template>
<modal <modal
:modal-id="name" :modalId="name"
class="dialog" class="dialog"
:click-to-close="false" :clickToClose="false"
:content-transition="{ name: 'loading-dialog' }" :contentTransition="{ name: 'loading-dialog' }"
:overlay-transition="{ name: 'loading-dialog' }" :overlayTransition="{ name: 'loading-dialog' }"
> >
<div class="dialog-header"> <div class="dialog-header">
{{ title }} {{ title }}

View File

@@ -1,19 +1,19 @@
<template> <template>
<paginate <paginate
v-model="page" v-model="page"
:page-count="pageCount" :pageCount="pageCount"
:page-range="5" :pageRange="5"
:margin-pages="1" :marginPages="1"
:prev-text="chevron" :prevText="chevron"
:next-text="chevron" :nextText="chevron"
:no-li-surround="true" :noLiSurround="true"
container-class="paginator-continer" containerClass="paginator-continer"
page-link-class="paginator-page-link" pageLinkClass="paginator-page-link"
active-class="paginator-active-page" activeClass="paginator-active-page"
break-view-link-class="paginator-break" breakViewLinkClass="paginator-break"
next-link-class="paginator-next" nextLinkClass="paginator-next"
prev-link-class="paginator-prev" prevLinkClass="paginator-prev"
disabled-class="paginator-disabled" disabledClass="paginator-disabled"
/> />
</template> </template>

View File

@@ -62,7 +62,7 @@
<pager <pager
v-show="pageCount > 1" v-show="pageCount > 1"
v-model="currentPage" v-model="currentPage"
:page-count="pageCount" :pageCount="pageCount"
/> />
</div> </div>
</div> </div>

View File

@@ -9,7 +9,7 @@
v-if="hint" v-if="hint"
class="hint" class="hint"
:hint="hint" :hint="hint"
:max-width="maxHintWidth || '149px'" :maxWidth="maxHintWidth || '149px'"
/> />
</div> </div>
<input <input

View File

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

View File

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

View File

@@ -25,7 +25,7 @@
</div> </div>
<!--Save Inquiry dialog --> <!--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"> <div class="dialog-header">
Save inquiry Save inquiry
<close-icon @click="cancelSave" /> <close-icon @click="cancelSave" />
@@ -39,7 +39,7 @@
<text-field <text-field
v-model="name" v-model="name"
label="Inquiry name" label="Inquiry name"
:error-msg="errorMsg" :errorMsg="errorMsg"
width="100%" width="100%"
/> />
</div> </div>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -29,7 +29,7 @@
</div> </div>
<!--Close tab warning dialog --> <!--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"> <div class="dialog-header">
Close tab Close tab
{{ {{