@timus-networks/theme 1.0.57 → 1.0.58

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.
Files changed (8) hide show
  1. package/components-js/ThemeInformation.vue +127 -0
  2. package/components-js/TimusSamples.vue +1 -1
  3. package/components-ts/ThemeInformation.vue +127 -0
  4. package/components-ts/TimusSamples.vue +1 -1
  5. package/output/main.css +1 -1
  6. package/package.json +1 -1
  7. package/components-js/ThemeDescription.vue +0 -167
  8. package/components-ts/ThemeDescription.vue +0 -167
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "1.0.57",
3
+ "version": "1.0.58",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "main": "module.js",
6
6
  "types": "index.d.ts",
package/components-js/ThemeDescription.vue DELETED
@@ -1,167 +0,0 @@
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>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</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>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</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>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</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>
package/components-ts/ThemeDescription.vue DELETED
@@ -1,167 +0,0 @@
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>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</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>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</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>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</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>