@timus-networks/theme 1.0.67 → 1.0.69

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 (4) hide show
  1. package/components-js/ThemeCheckbox.vue +12 -12
  2. package/components-ts/ThemeCheckbox.vue +14 -12
  3. package/output/main.css +1 -1
  4. package/package.json +1 -1
package/components-js/ThemeCheckbox.vue CHANGED
@@ -25,11 +25,11 @@
25
25
  </p>
26
26
  <div class="grid grid-flow-col auto-cols-max gap-4">
27
27
  <el-checkbox-group v-model="checkList" class="mb-6">
28
- <el-checkbox label="Option A"></el-checkbox>
29
- <el-checkbox label="Option B"></el-checkbox>
30
- <el-checkbox label="Option C"></el-checkbox>
31
- <el-checkbox label="disabled" disabled></el-checkbox>
32
- <el-checkbox label="selected and disabled" disabled></el-checkbox>
28
+ <el-checkbox label="Option A" />
29
+ <el-checkbox label="Option B" />
30
+ <el-checkbox label="Option C" />
31
+ <el-checkbox label="disabled" disabled />
32
+ <el-checkbox label="selected and disabled" disabled />
33
33
  </el-checkbox-group>
34
34
  </div>
35
35
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -49,9 +49,9 @@
49
49
  içerisindeki tüm seçenekleri aynı anda kontrol etmesini sağlamak için kullanışlıdır.
50
50
  </p>
51
51
  <div class="grid grid-flow-col auto-cols-max gap-4">
52
- <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">Check all</el-checkbox>
52
+ <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">Check all</el-checkbox>
53
53
  <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
54
- <el-checkbox v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox>
54
+ <el-checkbox v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox>
55
55
  </el-checkbox-group>
56
56
  </div>
57
57
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -67,22 +67,22 @@
67
67
  <section>
68
68
  <div>
69
69
  <el-checkbox-group v-model="checkboxGroup1">
70
- <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
70
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
71
71
  </el-checkbox-group>
72
72
  </div>
73
73
  <div style="margin-top: 20px">
74
74
  <el-checkbox-group v-model="checkboxGroup2" size="medium">
75
- <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
75
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
76
76
  </el-checkbox-group>
77
77
  </div>
78
78
  <div style="margin-top: 20px">
79
79
  <el-checkbox-group v-model="checkboxGroup3" size="small">
80
- <el-checkbox-button v-for="city in cities" :label="city" :disabled="city === 'Beijing'" :key="city">{{ city }}</el-checkbox-button>
80
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city" :disabled="city === 'Beijing'">{{ city }}</el-checkbox-button>
81
81
  </el-checkbox-group>
82
82
  </div>
83
83
  <div style="margin-top: 20px">
84
84
  <el-checkbox-group v-model="checkboxGroup4" size="mini" disabled>
85
- <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
85
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
86
86
  </el-checkbox-group>
87
87
  </div>
88
88
  </section>
@@ -151,7 +151,7 @@ export default Vue.extend({
151
151
  this.isIndeterminate = false;
152
152
  },
153
153
  handleCheckedCitiesChange(value) {
154
- let checkedCount = value.length;
154
+ const checkedCount = value.length;
155
155
  this.checkAll = checkedCount === this.cities.length;
156
156
  this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
157
157
  },
package/components-ts/ThemeCheckbox.vue CHANGED
@@ -25,11 +25,11 @@
25
25
  </p>
26
26
  <div class="grid grid-flow-col auto-cols-max gap-4">
27
27
  <el-checkbox-group v-model="checkList" class="mb-6">
28
- <el-checkbox label="Option A"></el-checkbox>
29
- <el-checkbox label="Option B"></el-checkbox>
30
- <el-checkbox label="Option C"></el-checkbox>
31
- <el-checkbox label="disabled" disabled></el-checkbox>
32
- <el-checkbox label="selected and disabled" disabled></el-checkbox>
28
+ <el-checkbox label="Option A" />
29
+ <el-checkbox label="Option B" />
30
+ <el-checkbox label="Option C" />
31
+ <el-checkbox label="disabled" disabled />
32
+ <el-checkbox label="selected and disabled" disabled />
33
33
  </el-checkbox-group>
34
34
  </div>
35
35
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -49,9 +49,9 @@
49
49
  içerisindeki tüm seçenekleri aynı anda kontrol etmesini sağlamak için kullanışlıdır.
50
50
  </p>
51
51
  <div class="grid grid-flow-col auto-cols-max gap-4">
52
- <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">Check all</el-checkbox>
52
+ <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">Check all</el-checkbox>
53
53
  <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
54
- <el-checkbox v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox>
54
+ <el-checkbox v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox>
55
55
  </el-checkbox-group>
56
56
  </div>
57
57
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
@@ -67,22 +67,22 @@
67
67
  <section>
68
68
  <div>
69
69
  <el-checkbox-group v-model="checkboxGroup1">
70
- <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
70
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
71
71
  </el-checkbox-group>
72
72
  </div>
73
73
  <div style="margin-top: 20px">
74
74
  <el-checkbox-group v-model="checkboxGroup2" size="medium">
75
- <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
75
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
76
76
  </el-checkbox-group>
77
77
  </div>
78
78
  <div style="margin-top: 20px">
79
79
  <el-checkbox-group v-model="checkboxGroup3" size="small">
80
- <el-checkbox-button v-for="city in cities" :label="city" :disabled="city === 'Beijing'" :key="city">{{ city }}</el-checkbox-button>
80
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city" :disabled="city === 'Beijing'">{{ city }}</el-checkbox-button>
81
81
  </el-checkbox-group>
82
82
  </div>
83
83
  <div style="margin-top: 20px">
84
84
  <el-checkbox-group v-model="checkboxGroup4" size="mini" disabled>
85
- <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
85
+ <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
86
86
  </el-checkbox-group>
87
87
  </div>
88
88
  </section>
@@ -90,6 +90,7 @@
90
90
  </template>
91
91
  <script lang="ts">
92
92
  import Vue from 'vue';
93
+
93
94
  const cityOptions = ['Shanghai', 'Beijing', 'Guangzhou', 'Shenzhen'];
94
95
 
95
96
  export default Vue.extend({
@@ -154,7 +155,8 @@ export default Vue.extend({
154
155
  this.isIndeterminate = false;
155
156
  },
156
157
  handleCheckedCitiesChange(value: string[]) {
157
- let checkedCount = value.length;
158
+ const checkedCount = value.length;
159
+
158
160
  this.checkAll = checkedCount === this.cities.length;
159
161
  this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
160
162
  },