@timus-networks/theme 1.0.52 → 1.0.54
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.
- package/components-js/ThemeCascader.vue +3 -1
- package/components-js/ThemeDescription.vue +167 -0
- package/components-js/ThemeForm.vue +18 -25
- package/components-js/ThemeTable.vue +226 -226
- package/components-js/TimusSamples.vue +2 -1
- package/components-ts/ThemeCascader.vue +3 -1
- package/components-ts/ThemeDescription.vue +167 -0
- package/components-ts/ThemeForm.vue +18 -25
- package/components-ts/ThemeTable.vue +226 -226
- package/components-ts/TimusSamples.vue +2 -1
- package/output/main.css +1 -1
- package/package.json +1 -1
|
@@ -25,9 +25,11 @@
|
|
|
25
25
|
<el-select v-model="value" placeholder="Select">
|
|
26
26
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
|
27
27
|
</el-select>
|
|
28
|
-
<el-
|
|
28
|
+
<el-input v-show="false"></el-input>
|
|
29
|
+
<el-select v-model="value" placeholder="Select" class="grow">
|
|
29
30
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
|
30
31
|
</el-select>
|
|
32
|
+
<el-button class="isax-add-circle grow-0">Add</el-button>
|
|
31
33
|
</div>
|
|
32
34
|
</section>
|
|
33
35
|
<section>
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="pt-8 pb-16 flex gap-12 flex-col">
|
|
3
|
+
<section>
|
|
4
|
+
<h1>Basic</h1>
|
|
5
|
+
<p class="p-lg my-6">Standart metin girişi için temel <code>el-input</code> bileşenini kullanabilirsiniz.</p>
|
|
6
|
+
<div class="flex gap-4">
|
|
7
|
+
<el-descriptions title="User Info" :column="1" colon="false">
|
|
8
|
+
<el-descriptions-item label="Username" labelClassName="w-28">
|
|
9
|
+
<div class="el-custom-tag">
|
|
10
|
+
Ahmet Polat MacBook Pro, Ahmet Fatih Sez...
|
|
11
|
+
<span class="suffix">23</span>
|
|
12
|
+
</div>
|
|
13
|
+
<i class="isax isax-minus-cirlce" size="mini"></i>
|
|
14
|
+
</el-descriptions-item>
|
|
15
|
+
<el-descriptions-item label="Telephone" labelClassName="w-28">
|
|
16
|
+
<div class="el-custom-tag">
|
|
17
|
+
Ahmet Polat MacBook Pro, Ahmet Fatih Sez...
|
|
18
|
+
<span class="suffix">23</span>
|
|
19
|
+
</div>
|
|
20
|
+
</el-descriptions-item>
|
|
21
|
+
</el-descriptions>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
24
|
+
<p class="text-xs">
|
|
25
|
+
<code><el-input placeholder="Please input" v-model="input"></el-input></code>
|
|
26
|
+
</p>
|
|
27
|
+
</div>
|
|
28
|
+
</section>
|
|
29
|
+
|
|
30
|
+
<section>
|
|
31
|
+
<h1>Basic</h1>
|
|
32
|
+
<p class="p-lg my-6">Standart metin girişi için temel <code>el-input</code> bileşenini kullanabilirsiniz.</p>
|
|
33
|
+
<div class="flex gap-4">
|
|
34
|
+
<el-descriptions title="User Info">
|
|
35
|
+
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
36
|
+
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
37
|
+
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
38
|
+
<el-descriptions-item label="Remarks">
|
|
39
|
+
<el-tag size="small">School</el-tag>
|
|
40
|
+
</el-descriptions-item>
|
|
41
|
+
<el-descriptions-item label="Address">No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province</el-descriptions-item>
|
|
42
|
+
</el-descriptions>
|
|
43
|
+
</div>
|
|
44
|
+
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
45
|
+
<p class="text-xs">
|
|
46
|
+
<code><el-input placeholder="Please input" v-model="input"></el-input></code>
|
|
47
|
+
</p>
|
|
48
|
+
</div>
|
|
49
|
+
</section>
|
|
50
|
+
|
|
51
|
+
<section>
|
|
52
|
+
<h1>Basic</h1>
|
|
53
|
+
<p class="p-lg my-6">Standart metin girişi için temel <code>el-input</code> bileşenini kullanabilirsiniz.</p>
|
|
54
|
+
<div class="flex flex-col gap-4">
|
|
55
|
+
<el-descriptions title="Vertical list with border" direction="vertical" :column="4" border>
|
|
56
|
+
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
57
|
+
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
58
|
+
<el-descriptions-item label="Place 01" :span="2">Suzhou</el-descriptions-item>
|
|
59
|
+
<el-descriptions-item label="Remarks">
|
|
60
|
+
<el-tag size="small">School</el-tag>
|
|
61
|
+
</el-descriptions-item>
|
|
62
|
+
<el-descriptions-item label="Address">No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province</el-descriptions-item>
|
|
63
|
+
</el-descriptions>
|
|
64
|
+
|
|
65
|
+
<el-descriptions class="margin-top" title="Vertical list without border" :column="4" direction="vertical" :colon="false">
|
|
66
|
+
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
67
|
+
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
68
|
+
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
69
|
+
<el-descriptions-item label="Remarks">
|
|
70
|
+
<el-tag size="small">School</el-tag>
|
|
71
|
+
</el-descriptions-item>
|
|
72
|
+
<el-descriptions-item label="Address">No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province</el-descriptions-item>
|
|
73
|
+
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
74
|
+
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
75
|
+
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
76
|
+
<el-descriptions-item label="Remarks">
|
|
77
|
+
<el-tag size="small">School</el-tag>
|
|
78
|
+
</el-descriptions-item>
|
|
79
|
+
<el-descriptions-item label="Address">No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province</el-descriptions-item>
|
|
80
|
+
</el-descriptions>
|
|
81
|
+
|
|
82
|
+
<el-descriptions title="Customized style list" :column="3" border>
|
|
83
|
+
<el-descriptions-item label="Username" label-class-name="my-label" content-class-name="my-content">kooriookami</el-descriptions-item>
|
|
84
|
+
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
85
|
+
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
86
|
+
<el-descriptions-item label="Remarks">
|
|
87
|
+
<el-tag size="small">School</el-tag>
|
|
88
|
+
</el-descriptions-item>
|
|
89
|
+
<el-descriptions-item label="Address" :content-style="{ 'text-align': 'right' }">
|
|
90
|
+
No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
|
|
91
|
+
</el-descriptions-item>
|
|
92
|
+
</el-descriptions>
|
|
93
|
+
</div>
|
|
94
|
+
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
95
|
+
<p class="text-xs">
|
|
96
|
+
<code><el-input placeholder="Please input" v-model="input"></el-input></code>
|
|
97
|
+
</p>
|
|
98
|
+
</div>
|
|
99
|
+
</section>
|
|
100
|
+
</div>
|
|
101
|
+
</template>
|
|
102
|
+
<script>
|
|
103
|
+
import Vue from 'vue';
|
|
104
|
+
|
|
105
|
+
export default Vue.extend({
|
|
106
|
+
name: 'TimusButtonSample',
|
|
107
|
+
data() {
|
|
108
|
+
return {
|
|
109
|
+
value1: true,
|
|
110
|
+
value2: true,
|
|
111
|
+
};
|
|
112
|
+
},
|
|
113
|
+
computed: {
|
|
114
|
+
gridSize() {
|
|
115
|
+
const grids = {
|
|
116
|
+
5: 'grid-cols-5',
|
|
117
|
+
6: 'grid-cols-6',
|
|
118
|
+
7: 'grid-cols-7',
|
|
119
|
+
8: 'grid-cols-8',
|
|
120
|
+
};
|
|
121
|
+
return grids;
|
|
122
|
+
},
|
|
123
|
+
},
|
|
124
|
+
methods: {
|
|
125
|
+
querySearch(queryString, cb) {
|
|
126
|
+
var links = this.links;
|
|
127
|
+
var results = queryString ? links.filter(this.createFilter(queryString)) : links;
|
|
128
|
+
// call callback function to return suggestions
|
|
129
|
+
cb(results);
|
|
130
|
+
},
|
|
131
|
+
querySearchAsync(queryString, cb) {
|
|
132
|
+
var links = this.links;
|
|
133
|
+
var results = queryString ? links.filter(this.createFilter(queryString)) : links;
|
|
134
|
+
|
|
135
|
+
clearTimeout(this.timeout);
|
|
136
|
+
this.timeout = setTimeout(() => {
|
|
137
|
+
cb(results);
|
|
138
|
+
}, 3000 * Math.random());
|
|
139
|
+
},
|
|
140
|
+
createFilter(queryString) {
|
|
141
|
+
return (link) => {
|
|
142
|
+
return link.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
|
|
143
|
+
};
|
|
144
|
+
},
|
|
145
|
+
loadAll() {
|
|
146
|
+
return [
|
|
147
|
+
{ value: 'vue', link: 'https://github.com/vuejs/vue' },
|
|
148
|
+
{ value: 'element', link: 'https://github.com/ElemeFE/element' },
|
|
149
|
+
{ value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
|
|
150
|
+
{ value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
|
|
151
|
+
{ value: 'vuex', link: 'https://github.com/vuejs/vuex' },
|
|
152
|
+
{ value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
|
|
153
|
+
{ value: 'babel', link: 'https://github.com/babel/babel' },
|
|
154
|
+
];
|
|
155
|
+
},
|
|
156
|
+
handleSelect(item) {
|
|
157
|
+
console.log(item);
|
|
158
|
+
},
|
|
159
|
+
handleIconClick(ev) {
|
|
160
|
+
console.log(ev);
|
|
161
|
+
},
|
|
162
|
+
},
|
|
163
|
+
mounted() {
|
|
164
|
+
this.links = this.loadAll();
|
|
165
|
+
},
|
|
166
|
+
});
|
|
167
|
+
</script>
|
|
@@ -18,21 +18,11 @@
|
|
|
18
18
|
</code>
|
|
19
19
|
</p>
|
|
20
20
|
</div>
|
|
21
|
-
<div class="grid grid-flow-col
|
|
21
|
+
<div class="grid grid-flow-col">
|
|
22
22
|
<el-form ref="form" :model="form" label-width="130px" class="gap-4 flex flex-col" :label-position="labelPosition">
|
|
23
|
-
<el-form-item
|
|
24
|
-
<el-checkbox
|
|
25
|
-
|
|
26
|
-
</el-checkbox>
|
|
27
|
-
<el-input-number
|
|
28
|
-
data-testid="components-password-policies-form-vbogdsxyg3"
|
|
29
|
-
size="mini"
|
|
30
|
-
controls-position="right"
|
|
31
|
-
:min="8"
|
|
32
|
-
:max="10"
|
|
33
|
-
v-model="count"
|
|
34
|
-
>
|
|
35
|
-
</el-input-number>
|
|
23
|
+
<el-form-item class="form-content-left" prop="minimum_character_length">
|
|
24
|
+
<el-checkbox :disabled="true"> {{ $t('password_policies') }} </el-checkbox>
|
|
25
|
+
<el-input-number size="mini" class="grow" controls-position="right" :min="8" :max="10" v-model="count"> </el-input-number>
|
|
36
26
|
</el-form-item>
|
|
37
27
|
|
|
38
28
|
<el-form-item label="Aktivite Adı">
|
|
@@ -45,28 +35,31 @@
|
|
|
45
35
|
<el-option label="Bölge İki" value="beijing"></el-option>
|
|
46
36
|
</el-select>
|
|
47
37
|
</el-form-item>
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
<el-col class="text-center" :span="1">-</el-col>
|
|
53
|
-
<el-col :span="12">
|
|
54
|
-
<el-time-picker placeholder="Saat seçin" v-model="form.date2" style="width: 100%"></el-time-picker>
|
|
55
|
-
</el-col>
|
|
38
|
+
|
|
39
|
+
<el-form-item class="form-content-left" label="Aktivite Zamanı">
|
|
40
|
+
<el-date-picker type="date" placeholder="Tarih seçin" v-model="form.date1" style="width: 100%"></el-date-picker>
|
|
41
|
+
<el-time-picker placeholder="Saat seçin" v-model="form.date2" style="width: 100%"></el-time-picker>
|
|
56
42
|
</el-form-item>
|
|
43
|
+
|
|
57
44
|
<el-form-item label="Kaynaklar">
|
|
58
45
|
<el-radio-group v-model="form.resource" size="medium" class="flex gap-4">
|
|
59
46
|
<el-radio label="Sponsor"></el-radio>
|
|
60
47
|
<el-radio label="Mekan"></el-radio>
|
|
61
48
|
</el-radio-group>
|
|
62
49
|
</el-form-item>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
<el-button
|
|
50
|
+
|
|
51
|
+
<el-form-item class="form-content-left">
|
|
52
|
+
<el-button class="outline grow">İptal Et</el-button>
|
|
53
|
+
<el-button type="primary grow" @click="onSubmit">Oluştur</el-button>
|
|
66
54
|
</el-form-item>
|
|
67
55
|
</el-form>
|
|
68
56
|
</div>
|
|
69
57
|
</section>
|
|
58
|
+
|
|
59
|
+
<el-descriptions title="User Info" :column="4" colon="false">
|
|
60
|
+
<el-description-item label="Username" labelClassName="w-28"> Ahmet Polat MacBook Pro, Ahmet Fatih Sez...</el-description-item>
|
|
61
|
+
<el-description-item label="Username" labelClassName="w-28"> Ahmet Polat MacBook Pro, Ahmet Fatih Sez...</el-description-item>
|
|
62
|
+
</el-descriptions>
|
|
70
63
|
</div>
|
|
71
64
|
</template>
|
|
72
65
|
<script>import Vue from 'vue';
|