@timus-networks/theme 1.0.101 → 1.0.103

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/ThemeForm.vue +9 -1
  2. package/components-js/ThemeInputs.vue +43 -44
  3. package/components-js/ThemeSelect.vue +13 -11
  4. package/components-ts/ThemeForm.vue +9 -1
  5. package/components-ts/ThemeInputs.vue +43 -44
  6. package/components-ts/ThemeSelect.vue +13 -11
  7. package/output/main.css +1 -1
  8. package/package.json +1 -1
package/components-ts/ThemeSelect.vue CHANGED
@@ -5,7 +5,7 @@
5
5
  <p class="p-lg my-6">v-model is the value of el-option that is currently selected.</p>
6
6
  <div class="grid grid-flow-col auto-cols-max gap-4">
7
7
  <el-select v-model="value" placeholder="Select">
8
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
8
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
9
9
  </el-select>
10
10
  </div>
11
11
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
@@ -20,7 +20,7 @@
20
20
  <p class="p-lg my-6">Set the value of disabled in el-option to true to disable this option.</p>
21
21
  <div class="grid grid-flow-col auto-cols-max gap-4">
22
22
  <el-select v-model="value" placeholder="Select">
23
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled"> </el-option>
23
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" />
24
24
  </el-select>
25
25
  </div>
26
26
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -36,7 +36,7 @@
36
36
  <p class="p-lg my-6">Set disabled of el-select to make it disabled.</p>
37
37
  <div class="grid grid-flow-col auto-cols-max gap-4">
38
38
  <el-select v-model="value" disabled placeholder="Select">
39
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
39
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
40
40
  </el-select>
41
41
  </div>
42
42
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -52,7 +52,7 @@
52
52
  <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>
53
53
  <div class="grid grid-flow-col auto-cols-max items-center gap-4">
54
54
  <el-select v-model="value" clearable placeholder="Select">
55
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
55
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
56
56
  </el-select>
57
57
  </div>
58
58
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -67,11 +67,12 @@
67
67
  <h1>Basic multiple select</h1>
68
68
  <p class="p-lg my-6">Etkileşime kapalı 'disabled' butonlarımız, kullanılamaz durumları göstermek için kullanılır.</p>
69
69
  <div class="grid grid-flow-col auto-cols-max gap-4 items-center">
70
- <el-select v-model="value1" multiple placeholder="Select">
71
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
70
+ {{ JSON.stringify(value1) }}
71
+ <el-select v-model="value1" multiple placeholder="Select" :disabled="true">
72
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
72
73
  </el-select>
73
- <el-select v-model="value2" multiple collapse-tags placeholder="Select" type="primary">
74
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
74
+ <el-select v-model="value2" multiple collapse-tags placeholder="Select" type="primary" :disabled="true">
75
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
75
76
  </el-select>
76
77
  </div>
77
78
  <div class="my-4 p-4 border-l-4 border-red-600 bg-red-100">
@@ -110,7 +111,7 @@
110
111
  <div class="grid grid-flow-col auto-cols-max gap-4">
111
112
  <el-select v-model="value" placeholder="Select">
112
113
  <el-option-group v-for="group in groups" :key="group.label" :label="group.label">
113
- <el-option v-for="item in group.options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
114
+ <el-option v-for="item in group.options" :key="item.value" :label="item.label" :value="item.value" />
114
115
  </el-option-group>
115
116
  </el-select>
116
117
  </div>
@@ -213,8 +214,8 @@ export default Vue.extend({
213
214
  },
214
215
  ],
215
216
  value: '',
216
- value1: [],
217
- value2: [],
217
+ value1: ['Option2', 'Option4', 'Option5'],
218
+ value2: ['Option2', 'Option4', 'Option5'],
218
219
  };
219
220
  },
220
221
  computed: {
@@ -225,6 +226,7 @@ export default Vue.extend({
225
226
  7: 'grid-cols-7',
226
227
  8: 'grid-cols-8',
227
228
  };
229
+
228
230
  return grids;
229
231
  },
230
232
  },