@timus-networks/theme 1.0.83 → 1.0.85

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 (7) hide show
  1. package/components-js/ThemeButtons.vue +16 -14
  2. package/components-ts/ThemeButtons.vue +16 -14
  3. package/convert-sass.js +8 -8
  4. package/loader.js +3 -2
  5. package/module.js +7 -5
  6. package/output/main.css +1 -1
  7. package/package.json +1 -1
package/components-js/ThemeButtons.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  vurgulamak için idealdir.
8
8
  </p>
9
9
  <div class="grid grid-flow-col auto-cols-max gap-4">
10
- <el-button :type="item" v-for="(item, index) in colors" :key="index">{{ item }}</el-button>
10
+ <el-button v-for="(item, index) in colors" :key="index" :type="item">{{ item }}</el-button>
11
11
  </div>
12
12
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
13
13
  <p class="text-xs">
@@ -21,7 +21,8 @@
21
21
  <h1>Outline</h1>
22
22
  <p class="p-lg my-6">Çevresi çizgili ve içi transparan olan 'outline' butonlarımız, daha hafif bir tasarım dili sunar.</p>
23
23
  <div class="grid grid-flow-col auto-cols-max gap-4">
24
- <el-button :type="item" v-for="(item, index) in colors" :key="index" class="outline" plain>{{ item }}</el-button>
24
+ <el-button class="outline">Default Outline</el-button>
25
+ <el-button v-for="(item, index) in colors" :key="index" :type="item" class="outline" plain>{{ item }}</el-button>
25
26
  </div>
26
27
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
27
28
  <p class="text-xs">
@@ -35,7 +36,7 @@
35
36
  <h1>Ghost</h1>
36
37
  <p class="p-lg my-6">Hemen hemen şeffaf 'ghost' butonlarımız, minimalist tasarımlar için uygundur ve arka planla uyum sağlar.</p>
37
38
  <div class="grid grid-flow-col auto-cols-max gap-4">
38
- <el-button :type="item" v-for="(item, index) in colors" :key="index" class="ghost">{{ item }}</el-button>
39
+ <el-button v-for="(item, index) in colors" :key="index" :type="item" class="ghost">{{ item }}</el-button>
39
40
  </div>
40
41
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
41
42
  <p class="text-xs">
@@ -50,7 +51,7 @@
50
51
  <p class="p-lg my-6">Farklı boyutlardaki butonlarımız, çeşitli arayüz ihtiyaçlarına yanıt vermek için tasarlanmıştır.</p>
51
52
  <div class="grid grid-flow-col auto-cols-max items-center gap-4">
52
53
  <el-button>Default</el-button>
53
- <el-button :size="item" v-for="(item, index) in sizes" :key="index" type="primary">{{ item }}</el-button>
54
+ <el-button v-for="(item, index) in sizes" :key="index" :size="item" type="primary">{{ item }}</el-button>
54
55
  </div>
55
56
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
56
57
  <p class="text-xs">
@@ -65,7 +66,7 @@
65
66
  <h1>Disabled</h1>
66
67
  <p class="p-lg my-6">Etkileşime kapalı 'disabled' butonlarımız, kullanılamaz durumları göstermek için kullanılır.</p>
67
68
  <div class="grid grid-flow-col auto-cols-max gap-4">
68
- <el-button :type="item" v-for="(item, index) in colors" :key="index" disabled>{{ item }}</el-button>
69
+ <el-button v-for="(item, index) in colors" :key="index" :type="item" disabled>{{ item }}</el-button>
69
70
  </div>
70
71
  <div class="my-4 p-4 border-l-4 border-red-600 bg-red-100">
71
72
  <p class="text-xs">
@@ -82,13 +83,13 @@
82
83
  <nuxt-link to="/icons" class="text-blue-600 hover:underline">buraya tıklayın</nuxt-link>.
83
84
  </p>
84
85
  <div class="flex gap-4 items-center">
85
- <el-button type="primary" class="isax-trash" size="large"></el-button>
86
- <el-button type="primary" class="isax-trash" size="medium"></el-button>
87
- <el-button type="primary" class="isax-trash" size="small"></el-button>
88
- <el-button type="primary" class="isax-trash" size="mini"></el-button>
89
- <el-button type="primary" class="isax-chart"></el-button>
86
+ <el-button type="primary" class="isax-trash" size="large" />
87
+ <el-button type="primary" class="isax-trash" size="medium" />
88
+ <el-button type="primary" class="isax-trash" size="small" />
89
+ <el-button type="primary" class="isax-trash" size="mini" />
90
+ <el-button type="primary" class="isax-chart" />
90
91
  <el-button type="primary" class="isax-clipboard-text icon-right">icon-right</el-button>
91
- <el-button type="primary" :class="item" v-for="(item, index) in icons" :key="index">{{ item }}</el-button>
92
+ <el-button v-for="(item, index) in icons" :key="index" type="primary" :class="item">{{ item }}</el-button>
92
93
  </div>
93
94
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
94
95
  <p class="text-xs">
@@ -107,9 +108,9 @@
107
108
  <el-button type="primary" class="isax-arrow-right-1 icon-right">Next Page</el-button>
108
109
  </el-button-group>
109
110
  <el-button-group>
110
- <el-button type="primary" icon="isax-textalign-justifyleft"></el-button>
111
- <el-button type="primary" icon="isax-textalign-center"></el-button>
112
- <el-button type="primary" icon="isax-textalign-justifyright"></el-button>
111
+ <el-button type="primary" icon="isax-textalign-justifyleft" />
112
+ <el-button type="primary" icon="isax-textalign-center" />
113
+ <el-button type="primary" icon="isax-textalign-justifyright" />
113
114
  </el-button-group>
114
115
  </div>
115
116
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -139,6 +140,7 @@ export default Vue.extend({
139
140
  7: 'grid-cols-7',
140
141
  8: 'grid-cols-8',
141
142
  };
143
+
142
144
  return grids;
143
145
  },
144
146
  },
package/components-ts/ThemeButtons.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  vurgulamak için idealdir.
8
8
  </p>
9
9
  <div class="grid grid-flow-col auto-cols-max gap-4">
10
- <el-button :type="item" v-for="(item, index) in colors" :key="index">{{ item }}</el-button>
10
+ <el-button v-for="(item, index) in colors" :key="index" :type="item">{{ item }}</el-button>
11
11
  </div>
12
12
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
13
13
  <p class="text-xs">
@@ -21,7 +21,8 @@
21
21
  <h1>Outline</h1>
22
22
  <p class="p-lg my-6">Çevresi çizgili ve içi transparan olan 'outline' butonlarımız, daha hafif bir tasarım dili sunar.</p>
23
23
  <div class="grid grid-flow-col auto-cols-max gap-4">
24
- <el-button :type="item" v-for="(item, index) in colors" :key="index" class="outline" plain>{{ item }}</el-button>
24
+ <el-button class="outline">Default Outline</el-button>
25
+ <el-button v-for="(item, index) in colors" :key="index" :type="item" class="outline" plain>{{ item }}</el-button>
25
26
  </div>
26
27
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
27
28
  <p class="text-xs">
@@ -35,7 +36,7 @@
35
36
  <h1>Ghost</h1>
36
37
  <p class="p-lg my-6">Hemen hemen şeffaf 'ghost' butonlarımız, minimalist tasarımlar için uygundur ve arka planla uyum sağlar.</p>
37
38
  <div class="grid grid-flow-col auto-cols-max gap-4">
38
- <el-button :type="item" v-for="(item, index) in colors" :key="index" class="ghost">{{ item }}</el-button>
39
+ <el-button v-for="(item, index) in colors" :key="index" :type="item" class="ghost">{{ item }}</el-button>
39
40
  </div>
40
41
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
41
42
  <p class="text-xs">
@@ -50,7 +51,7 @@
50
51
  <p class="p-lg my-6">Farklı boyutlardaki butonlarımız, çeşitli arayüz ihtiyaçlarına yanıt vermek için tasarlanmıştır.</p>
51
52
  <div class="grid grid-flow-col auto-cols-max items-center gap-4">
52
53
  <el-button>Default</el-button>
53
- <el-button :size="item" v-for="(item, index) in sizes" :key="index" type="primary">{{ item }}</el-button>
54
+ <el-button v-for="(item, index) in sizes" :key="index" :size="item" type="primary">{{ item }}</el-button>
54
55
  </div>
55
56
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
56
57
  <p class="text-xs">
@@ -65,7 +66,7 @@
65
66
  <h1>Disabled</h1>
66
67
  <p class="p-lg my-6">Etkileşime kapalı 'disabled' butonlarımız, kullanılamaz durumları göstermek için kullanılır.</p>
67
68
  <div class="grid grid-flow-col auto-cols-max gap-4">
68
- <el-button :type="item" v-for="(item, index) in colors" :key="index" disabled>{{ item }}</el-button>
69
+ <el-button v-for="(item, index) in colors" :key="index" :type="item" disabled>{{ item }}</el-button>
69
70
  </div>
70
71
  <div class="my-4 p-4 border-l-4 border-red-600 bg-red-100">
71
72
  <p class="text-xs">
@@ -82,13 +83,13 @@
82
83
  <nuxt-link to="/icons" class="text-blue-600 hover:underline">buraya tıklayın</nuxt-link>.
83
84
  </p>
84
85
  <div class="flex gap-4 items-center">
85
- <el-button type="primary" class="isax-trash" size="large"></el-button>
86
- <el-button type="primary" class="isax-trash" size="medium"></el-button>
87
- <el-button type="primary" class="isax-trash" size="small"></el-button>
88
- <el-button type="primary" class="isax-trash" size="mini"></el-button>
89
- <el-button type="primary" class="isax-chart"></el-button>
86
+ <el-button type="primary" class="isax-trash" size="large" />
87
+ <el-button type="primary" class="isax-trash" size="medium" />
88
+ <el-button type="primary" class="isax-trash" size="small" />
89
+ <el-button type="primary" class="isax-trash" size="mini" />
90
+ <el-button type="primary" class="isax-chart" />
90
91
  <el-button type="primary" class="isax-clipboard-text icon-right">icon-right</el-button>
91
- <el-button type="primary" :class="item" v-for="(item, index) in icons" :key="index">{{ item }}</el-button>
92
+ <el-button v-for="(item, index) in icons" :key="index" type="primary" :class="item">{{ item }}</el-button>
92
93
  </div>
93
94
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
94
95
  <p class="text-xs">
@@ -107,9 +108,9 @@
107
108
  <el-button type="primary" class="isax-arrow-right-1 icon-right">Next Page</el-button>
108
109
  </el-button-group>
109
110
  <el-button-group>
110
- <el-button type="primary" icon="isax-textalign-justifyleft"></el-button>
111
- <el-button type="primary" icon="isax-textalign-center"></el-button>
112
- <el-button type="primary" icon="isax-textalign-justifyright"></el-button>
111
+ <el-button type="primary" icon="isax-textalign-justifyleft" />
112
+ <el-button type="primary" icon="isax-textalign-center" />
113
+ <el-button type="primary" icon="isax-textalign-justifyright" />
113
114
  </el-button-group>
114
115
  </div>
115
116
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -139,6 +140,7 @@ export default Vue.extend({
139
140
  7: 'grid-cols-7',
140
141
  8: 'grid-cols-8',
141
142
  };
143
+
142
144
  return grids;
143
145
  },
144
146
  },
package/convert-sass.js CHANGED
@@ -1,22 +1,22 @@
1
- const sass = require('sass');
2
1
  const fs = require('fs');
3
2
  const path = require('path');
4
-
5
- const scssPath = path.resolve(__dirname, 'scss/main.scss');
6
- const cssPath = path.resolve(__dirname, 'output/main.css');
3
+ const sass = require('sass');
4
+ // SCSS dosyasını oku
5
+ const importScssPath = path.resolve(__dirname, 'scss/main.scss');
6
+ const outputCssPath = path.resolve(__dirname, 'output/main.css');
7
7
 
8
8
  // Yeni API kullanarak SCSS dosyasını compile edin
9
9
  function compileSass() {
10
10
  try {
11
- const result = sass.compile(scssPath, { style: "compressed" });
11
+ const result = sass.compile(importScssPath, { style: 'compressed' });
12
12
 
13
13
  // Eğer output klasörü yoksa oluştur
14
- if (!fs.existsSync(path.dirname(cssPath))) {
15
- fs.mkdirSync(path.dirname(cssPath), { recursive: true });
14
+ if (!fs.existsSync(path.dirname(outputCssPath))) {
15
+ fs.mkdirSync(path.dirname(outputCssPath), { recursive: true });
16
16
  }
17
17
 
18
18
  // CSS dosyasını kaydedin
19
- fs.writeFileSync(cssPath, result.css);
19
+ fs.writeFileSync(outputCssPath, result.css);
20
20
  console.log('### @timus-networks/theme SCSS compiled successfully.');
21
21
  } catch (err) {
22
22
  console.error('### @timus-networks/theme SCSS compile error:', err);
package/loader.js CHANGED
@@ -2,7 +2,6 @@ import { readdirSync } from 'fs';
2
2
  import { join, resolve } from 'path';
3
3
 
4
4
  export function LoadComponent(options) {
5
-
6
5
  const foldersToSync = [options.typescript ? 'components-ts' : 'components-js'];
7
6
 
8
7
  // const tsIndexFile = resolve(__dirname, './'); // bu index.ts dosyasını .nuxt/timus-networks/table adresine kopyalar
@@ -14,6 +13,7 @@ export function LoadComponent(options) {
14
13
 
15
14
  for (const pathString of foldersToSync) {
16
15
  const path = resolve(__dirname, pathString);
16
+
17
17
  for (const file of readdirSync(path)) {
18
18
  // console.log('#### loading:', `.nuxt/${ options.namespace }/${ pathString }/${ file}` );
19
19
  this.addTemplate({
@@ -26,6 +26,7 @@ export function LoadComponent(options) {
26
26
 
27
27
  this.extendRoutes((routes, resolve) => {
28
28
  const pathString = options.typescript ? 'components-ts' : 'components-js';
29
+
29
30
  routes.push({
30
31
  path: '/theme',
31
32
  component: resolve(__dirname, pathString, 'TimusSamples.vue'),
@@ -43,7 +44,7 @@ export function LoadPlugins(options, all) {
43
44
  src: resolve(__dirname, pathString),
44
45
  fileName: join(options.namespace, pathString),
45
46
  options,
46
- ...(options.client && {mode: 'client'})
47
+ ...(options.client && { mode: 'client' }),
47
48
  });
48
49
  }
49
50
  }
package/module.js CHANGED
@@ -1,5 +1,6 @@
1
- import { resolve, join } from 'path';
2
1
  import { promises as fs } from 'fs';
2
+ import { join, resolve } from 'path';
3
+
3
4
  import { LoadComponent, LoadPlugins } from './loader';
4
5
  import PackageJson from './package.json';
5
6
 
@@ -27,15 +28,16 @@ export default function (moduleOptions) {
27
28
 
28
29
  this.nuxt.hook('build:before', async (nuxt) => {
29
30
  const directories = [
30
- {source: 'output', target: 'static/'},
31
- {source: 'fonts', target: 'static/fonts'},
32
- {source: 'logo', target: 'assets/logo'}
31
+ { source: 'output', target: 'static/' },
32
+ { source: 'fonts', target: 'static/fonts' },
33
+ { source: 'logo', target: 'assets/logo' },
33
34
  ];
34
35
 
35
36
  // Kopyalama işlemlerini Promise.all ile sarmalayın
36
37
  await Promise.all(directories.map(async (directory) => {
37
38
  const sourceDir = resolve(__dirname, `./${directory.source}/`);
38
39
  const destDir = resolve(this.options.srcDir, `./${directory.target}/`);
40
+
39
41
  await copyDirectory(sourceDir, destDir);
40
42
  }));
41
43
 
@@ -50,7 +52,7 @@ export default function (moduleOptions) {
50
52
  '@/static/fonts/poppins/700.css',
51
53
  '@/static/fonts/poppins/800.css',
52
54
  '@/static/fonts/poppins/900.css',
53
- '@/static/main.css'
55
+ '@/static/main.css',
54
56
  );
55
57
  });
56
58