@timus-networks/theme 1.0.66 → 1.0.68
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/ThemeCheckbox.vue +26 -0
- package/components-js/ThemePopover.vue +1 -0
- package/components-js/ThemeRadio.vue +40 -0
- package/components-ts/ThemeCheckbox.vue +26 -0
- package/components-ts/ThemePopover.vue +1 -0
- package/components-ts/ThemeRadio.vue +40 -0
- package/output/main.css +1 -1
- package/package.json +1 -1
|
@@ -63,6 +63,29 @@
|
|
|
63
63
|
</p>
|
|
64
64
|
</div>
|
|
65
65
|
</section>
|
|
66
|
+
|
|
67
|
+
<section>
|
|
68
|
+
<div>
|
|
69
|
+
<el-checkbox-group v-model="checkboxGroup1">
|
|
70
|
+
<el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
|
|
71
|
+
</el-checkbox-group>
|
|
72
|
+
</div>
|
|
73
|
+
<div style="margin-top: 20px">
|
|
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>
|
|
76
|
+
</el-checkbox-group>
|
|
77
|
+
</div>
|
|
78
|
+
<div style="margin-top: 20px">
|
|
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>
|
|
81
|
+
</el-checkbox-group>
|
|
82
|
+
</div>
|
|
83
|
+
<div style="margin-top: 20px">
|
|
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>
|
|
86
|
+
</el-checkbox-group>
|
|
87
|
+
</div>
|
|
88
|
+
</section>
|
|
66
89
|
</div>
|
|
67
90
|
</template>
|
|
68
91
|
<script>import Vue from 'vue';
|
|
@@ -72,6 +95,9 @@ export default Vue.extend({
|
|
|
72
95
|
return {
|
|
73
96
|
checked: true,
|
|
74
97
|
checkboxGroup1: ['Shanghai'],
|
|
98
|
+
checkboxGroup2: ['Shanghai'],
|
|
99
|
+
checkboxGroup3: ['Shanghai'],
|
|
100
|
+
checkboxGroup4: ['Beijing'],
|
|
75
101
|
cities: cityOptions,
|
|
76
102
|
checkList: ['selected and disabled', 'Option A'],
|
|
77
103
|
checkAll: false,
|
|
@@ -43,8 +43,44 @@
|
|
|
43
43
|
</p>
|
|
44
44
|
</div>
|
|
45
45
|
</section>
|
|
46
|
+
|
|
47
|
+
<section>
|
|
48
|
+
<div>
|
|
49
|
+
<el-radio-group v-model="radio1">
|
|
50
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
51
|
+
<el-radio-button label="Washington"></el-radio-button>
|
|
52
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
53
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
54
|
+
</el-radio-group>
|
|
55
|
+
</div>
|
|
56
|
+
<div style="margin-top: 20px">
|
|
57
|
+
<el-radio-group v-model="radio2" size="medium">
|
|
58
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
59
|
+
<el-radio-button label="Washington"></el-radio-button>
|
|
60
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
61
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
62
|
+
</el-radio-group>
|
|
63
|
+
</div>
|
|
64
|
+
<div style="margin-top: 20px">
|
|
65
|
+
<el-radio-group v-model="radio3" size="small">
|
|
66
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
67
|
+
<el-radio-button label="Washington" disabled></el-radio-button>
|
|
68
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
69
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
70
|
+
</el-radio-group>
|
|
71
|
+
</div>
|
|
72
|
+
<div style="margin-top: 20px">
|
|
73
|
+
<el-radio-group v-model="radio4" disabled size="mini">
|
|
74
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
75
|
+
<el-radio-button label="Washington"></el-radio-button>
|
|
76
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
77
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
78
|
+
</el-radio-group>
|
|
79
|
+
</div>
|
|
80
|
+
</section>
|
|
46
81
|
</div>
|
|
47
82
|
</template>
|
|
83
|
+
|
|
48
84
|
<script>import Vue from 'vue';
|
|
49
85
|
const cityOptions = ['Shanghai', 'Beijing', 'Guangzhou', 'Shenzhen'];
|
|
50
86
|
export default Vue.extend({
|
|
@@ -52,6 +88,10 @@ export default Vue.extend({
|
|
|
52
88
|
return {
|
|
53
89
|
checked: true,
|
|
54
90
|
radio: 2,
|
|
91
|
+
radio1: 'New York',
|
|
92
|
+
radio2: 'New York',
|
|
93
|
+
radio3: 'New York',
|
|
94
|
+
radio4: 'New York',
|
|
55
95
|
checkboxGroup1: ['Shanghai'],
|
|
56
96
|
cities: cityOptions,
|
|
57
97
|
checkList: ['selected and disabled', 'Option A'],
|
|
@@ -63,6 +63,29 @@
|
|
|
63
63
|
</p>
|
|
64
64
|
</div>
|
|
65
65
|
</section>
|
|
66
|
+
|
|
67
|
+
<section>
|
|
68
|
+
<div>
|
|
69
|
+
<el-checkbox-group v-model="checkboxGroup1">
|
|
70
|
+
<el-checkbox-button v-for="city in cities" :label="city" :key="city">{{ city }}</el-checkbox-button>
|
|
71
|
+
</el-checkbox-group>
|
|
72
|
+
</div>
|
|
73
|
+
<div style="margin-top: 20px">
|
|
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>
|
|
76
|
+
</el-checkbox-group>
|
|
77
|
+
</div>
|
|
78
|
+
<div style="margin-top: 20px">
|
|
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>
|
|
81
|
+
</el-checkbox-group>
|
|
82
|
+
</div>
|
|
83
|
+
<div style="margin-top: 20px">
|
|
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>
|
|
86
|
+
</el-checkbox-group>
|
|
87
|
+
</div>
|
|
88
|
+
</section>
|
|
66
89
|
</div>
|
|
67
90
|
</template>
|
|
68
91
|
<script lang="ts">
|
|
@@ -74,6 +97,9 @@ export default Vue.extend({
|
|
|
74
97
|
return {
|
|
75
98
|
checked: true,
|
|
76
99
|
checkboxGroup1: ['Shanghai'],
|
|
100
|
+
checkboxGroup2: ['Shanghai'],
|
|
101
|
+
checkboxGroup3: ['Shanghai'],
|
|
102
|
+
checkboxGroup4: ['Beijing'],
|
|
77
103
|
cities: cityOptions,
|
|
78
104
|
checkList: ['selected and disabled', 'Option A'],
|
|
79
105
|
checkAll: false,
|
|
@@ -43,8 +43,44 @@
|
|
|
43
43
|
</p>
|
|
44
44
|
</div>
|
|
45
45
|
</section>
|
|
46
|
+
|
|
47
|
+
<section>
|
|
48
|
+
<div>
|
|
49
|
+
<el-radio-group v-model="radio1">
|
|
50
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
51
|
+
<el-radio-button label="Washington"></el-radio-button>
|
|
52
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
53
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
54
|
+
</el-radio-group>
|
|
55
|
+
</div>
|
|
56
|
+
<div style="margin-top: 20px">
|
|
57
|
+
<el-radio-group v-model="radio2" size="medium">
|
|
58
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
59
|
+
<el-radio-button label="Washington"></el-radio-button>
|
|
60
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
61
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
62
|
+
</el-radio-group>
|
|
63
|
+
</div>
|
|
64
|
+
<div style="margin-top: 20px">
|
|
65
|
+
<el-radio-group v-model="radio3" size="small">
|
|
66
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
67
|
+
<el-radio-button label="Washington" disabled></el-radio-button>
|
|
68
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
69
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
70
|
+
</el-radio-group>
|
|
71
|
+
</div>
|
|
72
|
+
<div style="margin-top: 20px">
|
|
73
|
+
<el-radio-group v-model="radio4" disabled size="mini">
|
|
74
|
+
<el-radio-button label="New York"></el-radio-button>
|
|
75
|
+
<el-radio-button label="Washington"></el-radio-button>
|
|
76
|
+
<el-radio-button label="Los Angeles"></el-radio-button>
|
|
77
|
+
<el-radio-button label="Chicago"></el-radio-button>
|
|
78
|
+
</el-radio-group>
|
|
79
|
+
</div>
|
|
80
|
+
</section>
|
|
46
81
|
</div>
|
|
47
82
|
</template>
|
|
83
|
+
|
|
48
84
|
<script lang="ts">
|
|
49
85
|
import Vue from 'vue';
|
|
50
86
|
const cityOptions = ['Shanghai', 'Beijing', 'Guangzhou', 'Shenzhen'];
|
|
@@ -54,6 +90,10 @@ export default Vue.extend({
|
|
|
54
90
|
return {
|
|
55
91
|
checked: true,
|
|
56
92
|
radio: 2,
|
|
93
|
+
radio1: 'New York',
|
|
94
|
+
radio2: 'New York',
|
|
95
|
+
radio3: 'New York',
|
|
96
|
+
radio4: 'New York',
|
|
57
97
|
checkboxGroup1: ['Shanghai'],
|
|
58
98
|
cities: cityOptions,
|
|
59
99
|
checkList: ['selected and disabled', 'Option A'],
|