Skip to content

Commit 034d83a

Browse files
graphierosgraphieros
committed
Improvement - Use new icon in user options for table when useDialog is true
1 parent 3cfe2d6 commit 034d83a

35 files changed

+567
-207
lines changed

‎TestingArena/ArenaVueUi3dBar.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -210,7 +210,7 @@ const config = computed(() => {
210210
211211
const step = ref(0)
212212
213-
const selectedDataset = ref('simple') // simple | stacked
213+
const selectedDataset = ref('stacked') // simple | stacked
214214
215215
const dataset = computed(() => datasets.value[selectedDataset.value])
216216

‎TestingArena/ArenaVueUiIcon.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { ref } from "vue";
33
import BaseIcon from "./../src/atoms/BaseIcon.vue";
44
55
const icons = ref([
6-
"annotator", "chart3dBar", "chartAgePyramid", "chartBar", "chartCandlestick", "chartChestnut", "chartDonut", "chartDonutEvolution", "chartGauge", "chartHeatmap", "chartLine", "chartMoodRadar", "chartOnion", "chartQuadrant", "chartRadar", "chartRelationCircle", "chartRings", "chartScatter", "chartSparkHistogram", "chartSparkStackbar", "chartTable", "chartThermometer", "chartTiremarks", "chartVerticalBar", "chartWaffle", "chartWheel", "close", "dashboard", "digit0", "digit1", "digit2", "digit3", "digit4", "digit5", "digit6", "digit7", "digit8", "digit9", "excel", "image", "labelClose", "labelOpen", "menu", "moodFlat", "moodHappy", "moodNeutral", "moodSad", "pdf", "screenshot", "skeleton", "smiley", "sort", "spin", "star", "tableClose", "tableOpen", "chartNestedDonuts", "chartSparkbar", "refresh", "circleQuestion", "circleExclamation", "circleCheck", "circleCancel", "moodLaughing", "moodWink", "moodEmbarrassed", "moodSurprised", "exitFullscreen", "fullscreen", "arrowRight", "arrowTop", "arrowBottom", "arrowLeft", "chartCluster", "chartSparkline", "legend", "csv", "chartGalaxy", "kpi", "kpiBox", "tooltip", "vueDataUi", "ratio", "func", "settings", "trendUp", "trendDown", "clipBoard", "zoomPlus", "zoomMinus", "clipboardLine", "clipboardDonut", "clipboardBar", "clipboardVariable", "triangle", "triangleFill", "square", "squareFill", "diamond", "diamondFill", "pentagon", "pentagonFill", "hexagon", "hexagonFill", "circle", "circleFill", "star", "starFace", "starFill", "numbers", "sigma", "mu", "lambda", "people", "copy", "accordion", "cursor", "trend", "chartStripPlot", "chartDumbbell", "copyLeft", "chartWordCloud", "stack", "unstack", "window", "chartFlow", "chartParallelCoordinatePlot", "tooltipDisabled", "pause", "play", "stop", "restart", "lap", "carouselTable", "battery", "chartStackbar", "chartBullet", "trash", "annotatorDisabled", "palette", "boxes", "chartFunnel", "chartHistoryPlot", "chartTableSparkline", "chartCirclePack", "icons", "robot", "hourglass", "computer", "htmlTag", "curlyBrackets", "curlySpread", "world", "eye", "chartRidgeline", "chartChord"
6+
"annotator", "chart3dBar", "chartAgePyramid", "chartBar", "chartCandlestick", "chartChestnut", "chartDonut", "chartDonutEvolution", "chartGauge", "chartHeatmap", "chartLine", "chartMoodRadar", "chartOnion", "chartQuadrant", "chartRadar", "chartRelationCircle", "chartRings", "chartScatter", "chartSparkHistogram", "chartSparkStackbar", "chartTable", "chartThermometer", "chartTiremarks", "chartVerticalBar", "chartWaffle", "chartWheel", "close", "dashboard", "digit0", "digit1", "digit2", "digit3", "digit4", "digit5", "digit6", "digit7", "digit8", "digit9", "excel", "image", "labelClose", "labelOpen", "menu", "moodFlat", "moodHappy", "moodNeutral", "moodSad", "pdf", "screenshot", "skeleton", "smiley", "sort", "spin", "star", "tableClose", "tableOpen", "chartNestedDonuts", "chartSparkbar", "refresh", "circleQuestion", "circleExclamation", "circleCheck", "circleCancel", "moodLaughing", "moodWink", "moodEmbarrassed", "moodSurprised", "exitFullscreen", "fullscreen", "arrowRight", "arrowTop", "arrowBottom", "arrowLeft", "chartCluster", "chartSparkline", "legend", "csv", "chartGalaxy", "kpi", "kpiBox", "tooltip", "vueDataUi", "ratio", "func", "settings", "trendUp", "trendDown", "clipBoard", "zoomPlus", "zoomMinus", "clipboardLine", "clipboardDonut", "clipboardBar", "clipboardVariable", "triangle", "triangleFill", "square", "squareFill", "diamond", "diamondFill", "pentagon", "pentagonFill", "hexagon", "hexagonFill", "circle", "circleFill", "star", "starFace", "starFill", "numbers", "sigma", "mu", "lambda", "people", "copy", "accordion", "cursor", "trend", "chartStripPlot", "chartDumbbell", "copyLeft", "chartWordCloud", "stack", "unstack", "window", "chartFlow", "chartParallelCoordinatePlot", "tooltipDisabled", "pause", "play", "stop", "restart", "lap", "carouselTable", "battery", "chartStackbar", "chartBullet", "trash", "annotatorDisabled", "palette", "boxes", "chartFunnel", "chartHistoryPlot", "chartTableSparkline", "chartCirclePack", "icons", "robot", "hourglass", "computer", "htmlTag", "curlyBrackets", "curlySpread", "world", "eye", "chartRidgeline", "chartChord", "tableDialogOpen", "tableDialogClose"
77
])
88
99
</script>

‎src/atoms/BaseIcon.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,9 @@ const icons = computed(() => {
192192
world: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 10 1 A 1 1 0 0 0 10 19 A 1 1 0 0 0 10 1 C 3 4 3 16 10 19 M 10 1 C 17 4 17 16 10 19 M 10 1 L 10 19 M 1 10 L 19 10 M 1 10"/>`,
193193
eye: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 10 Q 10 1 19 10 Q 10 19 1 10 M 10 7 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 7 M 10 9 A 1 1 0 0 0 10 11 A 1 1 0 0 0 10 9"/>`,
194194
chartRidgeline: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 15 L 4 16 L 7 14 L 10 18 L 14 10 L 17 16 L 19 15 M 1 12 L 6 11 L 10 12 L 14 6 M 14 6 L 17 11 L 19 12 M 1 9 L 6 8 L 9 8 L 14 1 L 17 6 L 19 6"/>`,
195-
chartChord: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 9 1 Q 2 2 1 9 M 1 11 Q 2 18 9 19 M 11 19 Q 18 18 19 11 M 19 9 Q 18 2 11 1 M 5.683 2.021 C 9 6 13 4 14.893 2.322 M 2.421 4.987 C 14.469 7.137 15.545 12.216 17.361 15.33 M 4.83 17.48 C 9.02 13.773 11.207 14.218 15.433 17.369 M 1.976 14.033 C 11.207 12.735 15.952 9.065 17.213 4.393"/>`
195+
chartChord: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 9 1 Q 2 2 1 9 M 1 11 Q 2 18 9 19 M 11 19 Q 18 18 19 11 M 19 9 Q 18 2 11 1 M 5.683 2.021 C 9 6 13 4 14.893 2.322 M 2.421 4.987 C 14.469 7.137 15.545 12.216 17.361 15.33 M 4.83 17.48 C 9.02 13.773 11.207 14.218 15.433 17.369 M 1.976 14.033 C 11.207 12.735 15.952 9.065 17.213 4.393"/>`,
196+
tableDialogOpen: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 4 L 1 1 M 10 5 L 10 15 M 5 11.636 L 15 11.655 M 5 8.396 L 15 8.412 M 4 4 L 1 1 L 4 1 M 4 16 L 1 19 M 1 16 L 1 19 L 4 19 M 16 16 L 19 19 M 16 19 L 19 19 L 19 16 M 16 4 L 19 1 M 16 1 L 19 1 L 19 4 M 5 10 L 5 6 C 5 6 5 5 6 5 L 14 5 C 15 5 15 6 15 6 L 15 14 C 15 15 14 15 14 15 L 6 15 C 6 15 5 15 5 14 L 5 10"/>`,
197+
tableDialogClose: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 4 4 L 1 1 M 4 1 L 4 4 L 1 4 M 16 4 L 19 1 M 16 1 L 16 4 L 19 4 M 16 16 L 19 19 M 19 16 L 16 16 L 16 19 M 4 16 L 1 19 M 1 16 L 4 16 L 4 19 M 10 5 L 10 15 M 5 11.636 L 15 11.655 M 5 8.396 L 15 8.412 M 5 10 L 5 6 C 5 6 5 5 6 5 L 14 5 C 15 5 15 6 15 6 L 15 14 C 15 15 14 15 14 15 L 6 15 C 6 15 5 15 5 14 L 5 10"/>`,
196198
}
197199
});
198200

‎src/atoms/UserOptions.vue‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,10 @@ const props = defineProps({
132132
printScale: {
133133
type: Number,
134134
default: 2
135+
},
136+
tableDialog: {
137+
type: Boolean,
138+
default: false,
135139
}
136140
});
137141
@@ -169,6 +173,14 @@ function toggleTable() {
169173
}
170174
}
171175
176+
function setTableIconState(state) {
177+
isTableOpen.value = state;
178+
}
179+
180+
defineExpose({
181+
setTableIconState
182+
})
183+
172184
const isOpen = ref(false);
173185
const preventClose = ref(true);
174186
@@ -380,7 +392,8 @@ const isInfo = ref({
380392
<slot name="optionTable"/>
381393
</template>
382394
<template v-else>
383-
<BaseIcon :name="isTableOpen ? 'tableClose' : 'tableOpen'" :stroke="color" style="pointer-events: none;" />
395+
<BaseIcon v-if="tableDialog" :name="isTableOpen ? 'tableDialogClose' : 'tableDialogOpen'" :stroke="color" style="pointer-events: none;" />
396+
<BaseIcon v-else :name="isTableOpen ? 'tableClose' : 'tableOpen'" :stroke="color" style="pointer-events: none;" />
384397
</template>
385398
<div data-cy="uo-tooltip" dir="auto" v-if="isDesktop && titles.table && !$slots.optionTable" :class="{'button-info-left': position === 'left', 'button-info-right' : position === 'right', 'button-info-right-visible': position === 'right' && isInfo.table, 'button-info-left-visible': position === 'left' && isInfo.table }" :style="{ background: backgroundColor, color: color }">
386399
{{ titles.table }}

‎src/components/vue-ui-3d-bar.vue‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,6 @@ const isDataset = computed(() => {
7777
});
7878
7979
const uid = ref(createUid());
80-
const details = ref(null);
8180
const bar3dChart = ref(null);
8281
const selectionIsFixed = ref(false);
8382
const titleStep = ref(0);
@@ -88,10 +87,11 @@ const observedEl = ref(null);
8887
const source = ref(null);
8988
const isFocus = ref(false);
9089
const tableUnit = ref(null);
90+
const userOptionsRef = ref(null);
9191
9292
const FINAL_CONFIG = ref(prepareConfig());
9393
94-
const { loading, FINAL_DATASET, manualLoading } = useLoading({
94+
const { loading, FINAL_DATASET } = useLoading({
9595
...toRefs(props),
9696
FINAL_CONFIG,
9797
prepareConfig,
@@ -740,7 +740,14 @@ watch(() => mutableConfig.value.showTable, v => {
740740
tableUnit.value.close()
741741
}
742742
}
743-
})
743+
});
744+
745+
function closeTable() {
746+
mutableConfig.value.showTable = false;
747+
if (userOptionsRef.value) {
748+
userOptionsRef.value.setTableIconState(false);
749+
}
750+
}
744751
745752
defineExpose({
746753
getImage,
@@ -784,7 +791,7 @@ defineExpose({
784791

785792
<!-- OPTIONS -->
786793
<UserOptions
787-
ref="details"
794+
ref="userOptionsRef"
788795
v-if="FINAL_CONFIG.userOptions.show && isDataset && (keepUserOptionState ? true : userOptionsVisible)"
789796
:backgroundColor="FINAL_CONFIG.style.chart.backgroundColor"
790797
:color="FINAL_CONFIG.style.chart.color"
@@ -803,6 +810,7 @@ defineExpose({
803810
:isAnnotation="isAnnotator"
804811
:callbacks="FINAL_CONFIG.userOptions.callbacks"
805812
:printScale="FINAL_CONFIG.userOptions.print.scale"
813+
:tableDialog="FINAL_CONFIG.table.useDialog"
806814
@toggleFullscreen="toggleFullscreen"
807815
@generatePdf="generatePdf"
808816
@generateCsv="generateCsv"
@@ -1310,7 +1318,7 @@ defineExpose({
13101318
:is="tableComponent.component"
13111319
v-bind="tableComponent.props"
13121320
ref="tableUnit"
1313-
@close="mutableConfig.showTable = false"
1321+
@close="closeTable"
13141322
>
13151323
<template #title v-if="FINAL_CONFIG.table.useDialog">
13161324
{{ tableComponent.title }}
@@ -1329,7 +1337,7 @@ defineExpose({
13291337
:config="dataTable.config"
13301338
:title="FINAL_CONFIG.table.useDialog ? '' : tableComponent.title"
13311339
:withCloseButton="!FINAL_CONFIG.table.useDialog"
1332-
@close="mutableConfig.showTable = false"
1340+
@close="closeTable"
13331341
>
13341342
<template #th="{ th }">
13351343
<div v-html="th" style="display:flex;align-items:center"></div>

‎src/components/vue-ui-age-pyramid.vue‎

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,6 @@ const isDataset = computed(() => {
7272
});
7373
7474
const uid = ref(createUid());
75-
const details = ref(null);
7675
const isTooltip = ref(false);
7776
const tooltipContent = ref("");
7877
const selectedIndex = ref(null);
@@ -85,6 +84,7 @@ const titleStep = ref(0);
8584
const tableStep = ref(0);
8685
const xAxisLabels = ref(null);
8786
const tableUnit = ref(null);
87+
const userOptionsRef = ref(null);
8888
8989
const FINAL_CONFIG = ref(prepareConfig());
9090
@@ -664,7 +664,14 @@ watch(() => mutableConfig.value.showTable, v => {
664664
tableUnit.value.close()
665665
}
666666
}
667-
})
667+
});
668+
669+
function closeTable() {
670+
mutableConfig.value.showTable = false;
671+
if (userOptionsRef.value) {
672+
userOptionsRef.value.setTableIconState(false);
673+
}
674+
}
668675
669676
defineExpose({
670677
getImage,
@@ -715,7 +722,7 @@ defineExpose({
715722
716723
<!-- OPTIONS -->
717724
<UserOptions
718-
ref="details"
725+
ref="userOptionsRef"
719726
:key="`user_options_${step}`"
720727
v-if="FINAL_CONFIG.userOptions.show && isDataset && (keepUserOptionState ? true : userOptionsVisible)"
721728
:backgroundColor="FINAL_CONFIG.style.backgroundColor"
@@ -738,6 +745,7 @@ defineExpose({
738745
:isAnnotation="isAnnotator"
739746
:callbacks="FINAL_CONFIG.userOptions.callbacks"
740747
:printScale="FINAL_CONFIG.userOptions.print.scale"
748+
:tableDialog="FINAL_CONFIG.table.useDialog"
741749
@toggleFullscreen="toggleFullscreen"
742750
@generatePdf="generatePdf"
743751
@generateCsv="generateCsv"
@@ -1077,7 +1085,7 @@ defineExpose({
10771085
:is="tableComponent.component"
10781086
v-bind="tableComponent.props"
10791087
ref="tableUnit"
1080-
@close="mutableConfig.showTable = false"
1088+
@close="closeTable"
10811089
>
10821090
<template #title v-if="FINAL_CONFIG.table.useDialog">
10831091
{{ tableComponent.title }}
@@ -1096,7 +1104,7 @@ defineExpose({
10961104
:config="dataTable.config"
10971105
:title="FINAL_CONFIG.table.useDialog ? '' : tableComponent.title"
10981106
:withCloseButton="!FINAL_CONFIG.table.useDialog"
1099-
@close="mutableConfig.showTable = false"
1107+
@close="closeTable"
11001108
>
11011109
<template #th="{ th }">
11021110
{{ th }}

‎src/components/vue-ui-candlestick.vue‎

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,6 @@ const isDataset = computed(() => {
7878
const isLoaded = ref(false);
7979
const to = ref(null);
8080
const uid = ref(createUid());
81-
const details = ref(null);
8281
const isTooltip = ref(false);
8382
const tooltipContent = ref("");
8483
const hoveredIndex = ref(undefined);
@@ -95,6 +94,7 @@ const titleStep = ref(0);
9594
const scaleLabels = ref(null);
9695
const timeLabelsEls = ref(null);
9796
const tableUnit = ref(null);
97+
const userOptionsRef = ref(null);
9898
9999
const FINAL_CONFIG = ref(prepareConfig());
100100
@@ -936,7 +936,14 @@ watch(() => mutableConfig.value.showTable, v => {
936936
tableUnit.value.close()
937937
}
938938
}
939-
})
939+
});
940+
941+
function closeTable() {
942+
mutableConfig.value.showTable = false;
943+
if (userOptionsRef.value) {
944+
userOptionsRef.value.setTableIconState(false);
945+
}
946+
}
940947
941948
defineExpose({
942949
getImage,
@@ -988,7 +995,7 @@ defineExpose({
988995

989996
<!-- OPTIONS -->
990997
<UserOptions
991-
ref="details"
998+
ref="userOptionsRef"
992999
:key="`user_options_${step}`"
9931000
v-if="FINAL_CONFIG.userOptions.show && isDataset && (keepUserOptionState ? true : userOptionsVisible)"
9941001
:backgroundColor="FINAL_CONFIG.style.backgroundColor"
@@ -1011,6 +1018,7 @@ defineExpose({
10111018
:isAnnotation="isAnnotator"
10121019
:callbacks="FINAL_CONFIG.userOptions.callbacks"
10131020
:printScale="FINAL_CONFIG.userOptions.print.scale"
1021+
:tableDialog="FINAL_CONFIG.table.useDialog"
10141022
@toggleFullscreen="toggleFullscreen"
10151023
@generatePdf="generatePdf"
10161024
@generateCsv="generateCsv"
@@ -1362,7 +1370,7 @@ defineExpose({
13621370
:is="tableComponent.component"
13631371
v-bind="tableComponent.props"
13641372
ref="tableUnit"
1365-
@close="mutableConfig.showTable = false"
1373+
@close="closeTable"
13661374
>
13671375
<template #title v-if="FINAL_CONFIG.table.useDialog">
13681376
{{ tableComponent.title }}
@@ -1381,7 +1389,7 @@ defineExpose({
13811389
:config="dataTable.config"
13821390
:title="FINAL_CONFIG.table.useDialog ? '' : tableComponent.title"
13831391
:withCloseButton="!FINAL_CONFIG.table.useDialog"
1384-
@close="mutableConfig.showTable = false"
1392+
@close="closeTable"
13851393
>
13861394
<template #th="{ th }">
13871395
{{ th }}

‎src/components/vue-ui-chestnut.vue‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,8 @@ import {
33
computed,
44
defineAsyncComponent,
55
nextTick,
6-
onBeforeUnmount,
76
onMounted,
87
ref,
9-
shallowRef,
108
toRefs,
119
watch,
1210
} from "vue";
@@ -74,9 +72,9 @@ const isDataset = computed(() => {
7472
7573
const uid = ref(createUid());
7674
const chestnutChart = ref(null);
77-
const details = ref(null);
7875
const step = ref(0);
7976
const tableUnit = ref(null);
77+
const userOptionsRef = ref(null);
8078
8179
const FINAL_CONFIG = ref(prepareConfig());
8280
@@ -715,6 +713,13 @@ watch(() => mutableConfig.value.showTable, async (v) => {
715713
716714
const { isResponsive } = useTableResponsive(tableContainer, breakpoint);
717715
716+
function closeTable() {
717+
mutableConfig.value.showTable = false;
718+
if (userOptionsRef.value) {
719+
userOptionsRef.value.setTableIconState(false);
720+
}
721+
}
722+
718723
defineExpose({
719724
getData,
720725
getImage,
@@ -754,7 +759,7 @@ defineExpose({
754759

755760
<!-- OPTIONS -->
756761
<UserOptions
757-
ref="details"
762+
ref="userOptionsRef"
758763
:key="`user_options_${step}`"
759764
v-if="FINAL_CONFIG.userOptions.show && isDataset && (keepUserOptionState ? true : userOptionsVisible)"
760765
:backgroundColor="FINAL_CONFIG.style.chart.backgroundColor"
@@ -775,6 +780,7 @@ defineExpose({
775780
:isAnnotation="isAnnotator"
776781
:callbacks="FINAL_CONFIG.userOptions.callbacks"
777782
:printScale="FINAL_CONFIG.userOptions.print.scale"
783+
:tableDialog="FINAL_CONFIG.table.useDialog"
778784
@toggleFullscreen="toggleFullscreen"
779785
@generatePdf="generatePdf"
780786
@generateCsv="generateCsv"
@@ -1483,7 +1489,7 @@ defineExpose({
14831489
:is="tableComponent.component"
14841490
v-bind="tableComponent.props"
14851491
ref="tableUnit"
1486-
@close="mutableConfig.showTable = false"
1492+
@close="closeTable"
14871493
>
14881494
<template #title v-if="FINAL_CONFIG.table.useDialog">
14891495
{{ tableComponent.title }}
@@ -1496,7 +1502,7 @@ defineExpose({
14961502
<template #content>
14971503
<div ref="tableContainer" class="vue-ui-chestnut-table" :style="`${FINAL_CONFIG.table.useDialog ? '' : 'max-height: 300px;margin-top:24px'}`">
14981504
<div :style="`${FINAL_CONFIG.table.useDialog ? '' : 'padding-top:36px;'}position: relative`">
1499-
<div v-if="!FINAL_CONFIG.table.useDialog" role="button" tabindex="0" :style="`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${FINAL_CONFIG.table.th.backgroundColor};`" @click="mutableConfig.showTable = false" @keypress.enter="mutableConfig.showTable = false">
1505+
<div v-if="!FINAL_CONFIG.table.useDialog" role="button" tabindex="0" :style="`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${FINAL_CONFIG.table.th.backgroundColor};`" @click="closeTable" @keypress.enter="closeTable">
15001506
<BaseIcon name="close" :stroke="FINAL_CONFIG.table.th.color" :stroke-width="2" />
15011507
</div>
15021508
<div style="width: 100%" :class="{'vue-ui-responsive': isResponsive}">

0 commit comments

Comments
 (0)