@timus-networks/theme 1.0.138 → 1.0.140
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.
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="pt-8 pb-16 flex gap-12 flex-col">
|
|
3
|
+
<section>
|
|
4
|
+
<h1>Temel Kullanım</h1>
|
|
5
|
+
<p class="p-md-c my-6">
|
|
6
|
+
Butonlar ve simgeler üzerinde sayı veya durum işareti. Yeni mesajların miktarını görüntüler. Miktar, `Number` veya `String` kabul eden `value`
|
|
7
|
+
ile tanımlanır.
|
|
8
|
+
</p>
|
|
9
|
+
<el-breadcrumb separator-class="isax-arrow-right-1">
|
|
10
|
+
<el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
|
|
11
|
+
<el-breadcrumb-item :to="{ path: '/' }">promotion management</el-breadcrumb-item>
|
|
12
|
+
<el-breadcrumb-item :to="{ path: '/' }">promotion list</el-breadcrumb-item>
|
|
13
|
+
<el-breadcrumb-item>promotion detail</el-breadcrumb-item>
|
|
14
|
+
</el-breadcrumb>
|
|
15
|
+
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
16
|
+
<p class="text-xs">
|
|
17
|
+
<code>
|
|
18
|
+
<el-breadcrumb separator-class="el-icon-arrow-right""> <el-breadcrumb-item :to="{ path: '/'
|
|
19
|
+
}">Comments</el-breadcrumb-item> </el-breadcrumb>
|
|
20
|
+
</code>
|
|
21
|
+
</p>
|
|
22
|
+
</div>
|
|
23
|
+
</section>
|
|
24
|
+
</div>
|
|
25
|
+
</template>
|
|
26
|
+
|
|
27
|
+
<script>
|
|
28
|
+
import { defineComponent } from 'vue';
|
|
29
|
+
|
|
30
|
+
export default defineComponent({
|
|
31
|
+
name: 'TimusBreadcrumb',
|
|
32
|
+
data() {
|
|
33
|
+
return {
|
|
34
|
+
colors: ['primary', 'info', 'success', 'warning', 'danger'],
|
|
35
|
+
sizeList: ['large', 'medium', 'small'],
|
|
36
|
+
};
|
|
37
|
+
},
|
|
38
|
+
methods: {
|
|
39
|
+
handleChange(value) {
|
|
40
|
+
console.log(value);
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
</script>
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="container">
|
|
3
3
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
4
|
-
<el-tab-pane label="Button" name="first"><ThemeButtons
|
|
5
|
-
<el-tab-pane label="
|
|
6
|
-
<el-tab-pane label="
|
|
7
|
-
<el-tab-pane label="
|
|
8
|
-
<el-tab-pane label="
|
|
9
|
-
<el-tab-pane label="
|
|
10
|
-
<el-tab-pane label="
|
|
11
|
-
<el-tab-pane label="
|
|
12
|
-
<el-tab-pane label="
|
|
13
|
-
<el-tab-pane label="
|
|
14
|
-
<el-tab-pane label="
|
|
15
|
-
<el-tab-pane label="
|
|
16
|
-
<el-tab-pane label="
|
|
17
|
-
<el-tab-pane label="
|
|
18
|
-
<el-tab-pane label="
|
|
19
|
-
<el-tab-pane label="
|
|
20
|
-
<el-tab-pane label="
|
|
21
|
-
<el-tab-pane label="
|
|
22
|
-
<el-tab-pane label="
|
|
23
|
-
<el-tab-pane label="
|
|
24
|
-
<el-tab-pane label="
|
|
25
|
-
<el-tab-pane label="
|
|
26
|
-
<el-tab-pane label="
|
|
27
|
-
<el-tab-pane label="
|
|
28
|
-
<el-tab-pane label="
|
|
4
|
+
<el-tab-pane label="Button" name="first"><ThemeButtons /></el-tab-pane>
|
|
5
|
+
<el-tab-pane label="Breadcrumb" name="twenty-six"><ThemeBreadcrumb /></el-tab-pane>
|
|
6
|
+
<el-tab-pane label="Typo" name="second"><ThemeTypo /></el-tab-pane>
|
|
7
|
+
<el-tab-pane label="Input" name="third"><ThemeInputs /></el-tab-pane>
|
|
8
|
+
<el-tab-pane label="Checkbox" name="fourth"><ThemeCheckbox /></el-tab-pane>
|
|
9
|
+
<el-tab-pane label="Radio" name="five"><ThemeRadio /></el-tab-pane>
|
|
10
|
+
<el-tab-pane label="Number" name="six"><ThemeInputNumbers /></el-tab-pane>
|
|
11
|
+
<el-tab-pane label="Popover & Dropdown" name="seven"><ThemePopover /></el-tab-pane>
|
|
12
|
+
<el-tab-pane label="Select" name="eight"><ThemeSelect /></el-tab-pane>
|
|
13
|
+
<el-tab-pane label="Form" name="nine"><ThemeForm /></el-tab-pane>
|
|
14
|
+
<el-tab-pane label="Link" name="ten"><ThemeLink /></el-tab-pane>
|
|
15
|
+
<el-tab-pane label="Tag" name="eleven"><ThemeTag /></el-tab-pane>
|
|
16
|
+
<el-tab-pane label="Switch" name="twelve"><ThemeToggle /></el-tab-pane>
|
|
17
|
+
<el-tab-pane label="Table" name="thirteen"><ThemeTable /></el-tab-pane>
|
|
18
|
+
<el-tab-pane label="Tooltip" name="fourteen"><ThemeTooltip /></el-tab-pane>
|
|
19
|
+
<el-tab-pane label="Alert" name="fifteen"><ThemeAlert /></el-tab-pane>
|
|
20
|
+
<el-tab-pane label="Cascader" name="sixteen"><ThemeCascader /></el-tab-pane>
|
|
21
|
+
<el-tab-pane label="Badge" name="seventeen"><ThemeBadge /></el-tab-pane>
|
|
22
|
+
<el-tab-pane label="Avatar" name="eighteen"><ThemeAvatar /></el-tab-pane>
|
|
23
|
+
<el-tab-pane label="Logo" name="nineteen"><ThemeLogo /></el-tab-pane>
|
|
24
|
+
<el-tab-pane label="Dialog" name="twenty"><ThemeDialog /></el-tab-pane>
|
|
25
|
+
<el-tab-pane label="Sidebar" name="twenty-one"><ThemeSidebar /></el-tab-pane>
|
|
26
|
+
<el-tab-pane label="Upload" name="twenty-two"><ThemeUpload /></el-tab-pane>
|
|
27
|
+
<el-tab-pane label="MessageBox" name="twenty-three"><ThemeMessageBox /></el-tab-pane>
|
|
28
|
+
<el-tab-pane label="Information" name="twenty-four"><ThemeInformation /></el-tab-pane>
|
|
29
|
+
<el-tab-pane label="Collapse" name="twenty-five"><ThemeCollapse /></el-tab-pane>
|
|
29
30
|
</el-tabs>
|
|
30
31
|
</div>
|
|
31
32
|
</template>
|
|
@@ -35,6 +36,7 @@ import ThemeInputs from './ThemeInputs.vue';
|
|
|
35
36
|
import ThemePopover from './ThemePopover.vue';
|
|
36
37
|
|
|
37
38
|
export default {
|
|
39
|
+
components: { ThemeInputs, ThemeInputNumbers, ThemePopover },
|
|
38
40
|
data() {
|
|
39
41
|
return {
|
|
40
42
|
activeName: 'fifteen',
|
|
@@ -45,6 +47,5 @@ export default {
|
|
|
45
47
|
console.log(tab, event);
|
|
46
48
|
},
|
|
47
49
|
},
|
|
48
|
-
components: { ThemeInputs, ThemeInputNumbers, ThemePopover },
|
|
49
50
|
};
|
|
50
51
|
</script>
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="pt-8 pb-16 flex gap-12 flex-col">
|
|
3
|
+
<section>
|
|
4
|
+
<h1>Temel Kullanım</h1>
|
|
5
|
+
<p class="p-md-c my-6">
|
|
6
|
+
Butonlar ve simgeler üzerinde sayı veya durum işareti. Yeni mesajların miktarını görüntüler. Miktar, `Number` veya `String` kabul eden `value`
|
|
7
|
+
ile tanımlanır.
|
|
8
|
+
</p>
|
|
9
|
+
<el-breadcrumb separator-class="isax-arrow-right-1">
|
|
10
|
+
<el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
|
|
11
|
+
<el-breadcrumb-item :to="{ path: '/' }">promotion management</el-breadcrumb-item>
|
|
12
|
+
<el-breadcrumb-item :to="{ path: '/' }">promotion list</el-breadcrumb-item>
|
|
13
|
+
<el-breadcrumb-item>promotion detail</el-breadcrumb-item>
|
|
14
|
+
</el-breadcrumb>
|
|
15
|
+
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
16
|
+
<p class="text-xs">
|
|
17
|
+
<code>
|
|
18
|
+
<el-breadcrumb separator-class="el-icon-arrow-right""> <el-breadcrumb-item :to="{ path: '/'
|
|
19
|
+
}">Comments</el-breadcrumb-item> </el-breadcrumb>
|
|
20
|
+
</code>
|
|
21
|
+
</p>
|
|
22
|
+
</div>
|
|
23
|
+
</section>
|
|
24
|
+
</div>
|
|
25
|
+
</template>
|
|
26
|
+
|
|
27
|
+
<script>
|
|
28
|
+
import { defineComponent } from 'vue';
|
|
29
|
+
|
|
30
|
+
export default defineComponent({
|
|
31
|
+
name: 'TimusBreadcrumb',
|
|
32
|
+
data() {
|
|
33
|
+
return {
|
|
34
|
+
colors: ['primary', 'info', 'success', 'warning', 'danger'],
|
|
35
|
+
sizeList: ['large', 'medium', 'small'],
|
|
36
|
+
};
|
|
37
|
+
},
|
|
38
|
+
methods: {
|
|
39
|
+
handleChange(value) {
|
|
40
|
+
console.log(value);
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
</script>
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="container">
|
|
3
3
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
4
|
-
<el-tab-pane label="Button" name="first"><ThemeButtons
|
|
5
|
-
<el-tab-pane label="
|
|
6
|
-
<el-tab-pane label="
|
|
7
|
-
<el-tab-pane label="
|
|
8
|
-
<el-tab-pane label="
|
|
9
|
-
<el-tab-pane label="
|
|
10
|
-
<el-tab-pane label="
|
|
11
|
-
<el-tab-pane label="
|
|
12
|
-
<el-tab-pane label="
|
|
13
|
-
<el-tab-pane label="
|
|
14
|
-
<el-tab-pane label="
|
|
15
|
-
<el-tab-pane label="
|
|
16
|
-
<el-tab-pane label="
|
|
17
|
-
<el-tab-pane label="
|
|
18
|
-
<el-tab-pane label="
|
|
19
|
-
<el-tab-pane label="
|
|
20
|
-
<el-tab-pane label="
|
|
21
|
-
<el-tab-pane label="
|
|
22
|
-
<el-tab-pane label="
|
|
23
|
-
<el-tab-pane label="
|
|
24
|
-
<el-tab-pane label="
|
|
25
|
-
<el-tab-pane label="
|
|
26
|
-
<el-tab-pane label="
|
|
27
|
-
<el-tab-pane label="
|
|
28
|
-
<el-tab-pane label="
|
|
4
|
+
<el-tab-pane label="Button" name="first"><ThemeButtons /></el-tab-pane>
|
|
5
|
+
<el-tab-pane label="Breadcrumb" name="twenty-six"><ThemeBreadcrumb /></el-tab-pane>
|
|
6
|
+
<el-tab-pane label="Typo" name="second"><ThemeTypo /></el-tab-pane>
|
|
7
|
+
<el-tab-pane label="Input" name="third"><ThemeInputs /></el-tab-pane>
|
|
8
|
+
<el-tab-pane label="Checkbox" name="fourth"><ThemeCheckbox /></el-tab-pane>
|
|
9
|
+
<el-tab-pane label="Radio" name="five"><ThemeRadio /></el-tab-pane>
|
|
10
|
+
<el-tab-pane label="Number" name="six"><ThemeInputNumbers /></el-tab-pane>
|
|
11
|
+
<el-tab-pane label="Popover & Dropdown" name="seven"><ThemePopover /></el-tab-pane>
|
|
12
|
+
<el-tab-pane label="Select" name="eight"><ThemeSelect /></el-tab-pane>
|
|
13
|
+
<el-tab-pane label="Form" name="nine"><ThemeForm /></el-tab-pane>
|
|
14
|
+
<el-tab-pane label="Link" name="ten"><ThemeLink /></el-tab-pane>
|
|
15
|
+
<el-tab-pane label="Tag" name="eleven"><ThemeTag /></el-tab-pane>
|
|
16
|
+
<el-tab-pane label="Switch" name="twelve"><ThemeToggle /></el-tab-pane>
|
|
17
|
+
<el-tab-pane label="Table" name="thirteen"><ThemeTable /></el-tab-pane>
|
|
18
|
+
<el-tab-pane label="Tooltip" name="fourteen"><ThemeTooltip /></el-tab-pane>
|
|
19
|
+
<el-tab-pane label="Alert" name="fifteen"><ThemeAlert /></el-tab-pane>
|
|
20
|
+
<el-tab-pane label="Cascader" name="sixteen"><ThemeCascader /></el-tab-pane>
|
|
21
|
+
<el-tab-pane label="Badge" name="seventeen"><ThemeBadge /></el-tab-pane>
|
|
22
|
+
<el-tab-pane label="Avatar" name="eighteen"><ThemeAvatar /></el-tab-pane>
|
|
23
|
+
<el-tab-pane label="Logo" name="nineteen"><ThemeLogo /></el-tab-pane>
|
|
24
|
+
<el-tab-pane label="Dialog" name="twenty"><ThemeDialog /></el-tab-pane>
|
|
25
|
+
<el-tab-pane label="Sidebar" name="twenty-one"><ThemeSidebar /></el-tab-pane>
|
|
26
|
+
<el-tab-pane label="Upload" name="twenty-two"><ThemeUpload /></el-tab-pane>
|
|
27
|
+
<el-tab-pane label="MessageBox" name="twenty-three"><ThemeMessageBox /></el-tab-pane>
|
|
28
|
+
<el-tab-pane label="Information" name="twenty-four"><ThemeInformation /></el-tab-pane>
|
|
29
|
+
<el-tab-pane label="Collapse" name="twenty-five"><ThemeCollapse /></el-tab-pane>
|
|
29
30
|
</el-tabs>
|
|
30
31
|
</div>
|
|
31
32
|
</template>
|
|
@@ -35,6 +36,7 @@ import ThemeInputs from './ThemeInputs.vue';
|
|
|
35
36
|
import ThemePopover from './ThemePopover.vue';
|
|
36
37
|
|
|
37
38
|
export default {
|
|
39
|
+
components: { ThemeInputs, ThemeInputNumbers, ThemePopover },
|
|
38
40
|
data() {
|
|
39
41
|
return {
|
|
40
42
|
activeName: 'fifteen',
|
|
@@ -45,6 +47,5 @@ export default {
|
|
|
45
47
|
console.log(tab, event);
|
|
46
48
|
},
|
|
47
49
|
},
|
|
48
|
-
components: { ThemeInputs, ThemeInputNumbers, ThemePopover },
|
|
49
50
|
};
|
|
50
51
|
</script>
|