@timus-networks/theme 1.0.34 → 1.0.36
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.
|
@@ -46,7 +46,26 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
</section>
|
|
48
48
|
|
|
49
|
-
<
|
|
49
|
+
<section>
|
|
50
|
+
<h2>Popover with Table</h2>
|
|
51
|
+
<p class="p-md-c my-6">Displays tables with popover content</p>
|
|
52
|
+
<div class="grid grid-flow-col auto-cols-max gap-4">
|
|
53
|
+
<el-popover placement="right" width="400" trigger="click">
|
|
54
|
+
<el-table :data="gridData">
|
|
55
|
+
<el-table-column width="150" property="date" label="date"></el-table-column>
|
|
56
|
+
<el-table-column width="100" property="name" label="name"></el-table-column>
|
|
57
|
+
<el-table-column width="300" property="address" label="address"></el-table-column>
|
|
58
|
+
</el-table>
|
|
59
|
+
<el-button slot="reference" type="primary" size="small">Click to activate</el-button>
|
|
60
|
+
</el-popover>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
|
|
63
|
+
<p class="text-xs">
|
|
64
|
+
<code> <el-popover placement="right" width="400" trigger="click"> <el-table /> </el-popover> </code>
|
|
65
|
+
</p>
|
|
66
|
+
</div>
|
|
67
|
+
</section>
|
|
68
|
+
|
|
50
69
|
<section>
|
|
51
70
|
<h2>Temel Kullanım</h2>
|
|
52
71
|
<p class="p-md-c my-6">
|
|
@@ -333,6 +352,28 @@ export default Vue.extend({
|
|
|
333
352
|
name: 'TimusButtonSample',
|
|
334
353
|
data() {
|
|
335
354
|
return {
|
|
355
|
+
gridData: [
|
|
356
|
+
{
|
|
357
|
+
date: '2016-05-02',
|
|
358
|
+
name: 'Jack',
|
|
359
|
+
address: 'New York City',
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
date: '2016-05-04',
|
|
363
|
+
name: 'Jack',
|
|
364
|
+
address: 'New York City',
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
date: '2016-05-01',
|
|
368
|
+
name: 'Jack',
|
|
369
|
+
address: 'New York City',
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
date: '2016-05-03',
|
|
373
|
+
name: 'Jack',
|
|
374
|
+
address: 'New York City',
|
|
375
|
+
},
|
|
376
|
+
],
|
|
336
377
|
value: '',
|
|
337
378
|
value1: new Date(2016, 9, 10, 18, 40),
|
|
338
379
|
value2: new Date(2016, 9, 10, 18, 40),
|
|
@@ -46,7 +46,26 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
</section>
|
|
48
48
|
|
|
49
|
-
<
|
|
49
|
+
<section>
|
|
50
|
+
<h2>Popover with Table</h2>
|
|
51
|
+
<p class="p-md-c my-6">Displays tables with popover content</p>
|
|
52
|
+
<div class="grid grid-flow-col auto-cols-max gap-4">
|
|
53
|
+
<el-popover placement="right" width="400" trigger="click">
|
|
54
|
+
<el-table :data="gridData">
|
|
55
|
+
<el-table-column width="150" property="date" label="date"></el-table-column>
|
|
56
|
+
<el-table-column width="100" property="name" label="name"></el-table-column>
|
|
57
|
+
<el-table-column width="300" property="address" label="address"></el-table-column>
|
|
58
|
+
</el-table>
|
|
59
|
+
<el-button slot="reference" type="primary" size="small">Click to activate</el-button>
|
|
60
|
+
</el-popover>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
|
|
63
|
+
<p class="text-xs">
|
|
64
|
+
<code> <el-popover placement="right" width="400" trigger="click"> <el-table /> </el-popover> </code>
|
|
65
|
+
</p>
|
|
66
|
+
</div>
|
|
67
|
+
</section>
|
|
68
|
+
|
|
50
69
|
<section>
|
|
51
70
|
<h2>Temel Kullanım</h2>
|
|
52
71
|
<p class="p-md-c my-6">
|
|
@@ -333,6 +352,28 @@ export default Vue.extend({
|
|
|
333
352
|
name: 'TimusButtonSample',
|
|
334
353
|
data() {
|
|
335
354
|
return {
|
|
355
|
+
gridData: [
|
|
356
|
+
{
|
|
357
|
+
date: '2016-05-02',
|
|
358
|
+
name: 'Jack',
|
|
359
|
+
address: 'New York City',
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
date: '2016-05-04',
|
|
363
|
+
name: 'Jack',
|
|
364
|
+
address: 'New York City',
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
date: '2016-05-01',
|
|
368
|
+
name: 'Jack',
|
|
369
|
+
address: 'New York City',
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
date: '2016-05-03',
|
|
373
|
+
name: 'Jack',
|
|
374
|
+
address: 'New York City',
|
|
375
|
+
},
|
|
376
|
+
],
|
|
336
377
|
value: '',
|
|
337
378
|
value1: new Date(2016, 9, 10, 18, 40),
|
|
338
379
|
value2: new Date(2016, 9, 10, 18, 40),
|