@timus-networks/theme 2.4.8 → 2.4.9
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/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/components/development/example.checkbox.vue +16 -1
- package/dist/runtime/components/development/example.checkbox.vue.d.ts +1 -0
- package/dist/runtime/components/development/example.radio.vue +16 -1
- package/dist/runtime/components/development/example.radio.vue.d.ts +1 -0
- package/dist/runtime/public/scss/element-plus/checkbox-group.css +4 -0
- package/dist/runtime/public/scss/element-plus/checkbox-group.scss +5 -0
- package/dist/runtime/public/scss/element-plus/index.css +8 -1
- package/dist/runtime/public/scss/element-plus/radio-group.css +4 -1
- package/dist/runtime/public/scss/element-plus/radio-group.scss +5 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -12,7 +12,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
|
|
|
12
12
|
const __dirname = __cjs_path__.dirname(__filename);
|
|
13
13
|
const require = __cjs_mod__.createRequire(import.meta.url);
|
|
14
14
|
const name = "@timus-networks/theme";
|
|
15
|
-
const version = "2.4.
|
|
15
|
+
const version = "2.4.9";
|
|
16
16
|
const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
|
|
17
17
|
const type = "module";
|
|
18
18
|
const exports = {
|
|
@@ -59,6 +59,20 @@
|
|
|
59
59
|
</template>
|
|
60
60
|
</el-card>
|
|
61
61
|
|
|
62
|
+
<el-card>
|
|
63
|
+
<template #header>Vertical Group</template>
|
|
64
|
+
<div class="flex flex-col gap-3 items-start">
|
|
65
|
+
<p>To made checkbox group vertical just add <el-text tag="mark">class="el-vertical-group"</el-text> to <el-text tag="mark">el-checkbox-group</el-text> component.</p>
|
|
66
|
+
<div class="flex flex-col gap-4 items-start">
|
|
67
|
+
Selected: {{ value }}
|
|
68
|
+
<el-checkbox-group v-model="checkList" class="el-vertical-group">
|
|
69
|
+
<el-checkbox v-for="(size, index) of sizes" :key="index" :value="index" :size="size">Option 1</el-checkbox>
|
|
70
|
+
</el-checkbox-group>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
<template #footer> <html-encode :tag="snippets.vertical" /> </template>
|
|
74
|
+
</el-card>
|
|
75
|
+
|
|
62
76
|
<el-card>
|
|
63
77
|
<template #header> Indeterminate </template>
|
|
64
78
|
<div class="flex flex-col gap-3 items-start">
|
|
@@ -148,7 +162,8 @@ export default defineComponent({
|
|
|
148
162
|
</el-checkbox-group>
|
|
149
163
|
`,
|
|
150
164
|
indeterminate: ` <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange"> Check all </el-checkbox> `,
|
|
151
|
-
min_max:
|
|
165
|
+
min_max: ``,
|
|
166
|
+
vertical: ` <el-checkbox-group v-model="value" class="el-vertical-group" />`
|
|
152
167
|
},
|
|
153
168
|
checkAll: false,
|
|
154
169
|
checkList: ["Value selected and disabled", "Value A"],
|
|
@@ -21,6 +21,20 @@
|
|
|
21
21
|
<template #footer> <html-encode :tag="snippets.sizes" /> </template>
|
|
22
22
|
</el-card>
|
|
23
23
|
|
|
24
|
+
<el-card>
|
|
25
|
+
<template #header>Vertical Group</template>
|
|
26
|
+
<div class="flex flex-col gap-3 items-start">
|
|
27
|
+
<p>To made radio group vertical just add <el-text tag="mark">class="el-vertical-group"</el-text> to <el-text tag="mark">el-radio-group</el-text> component.</p>
|
|
28
|
+
<div class="flex flex-col gap-4 items-start">
|
|
29
|
+
Selected: {{ value }}
|
|
30
|
+
<el-radio-group v-model="value" class="el-vertical-group">
|
|
31
|
+
<el-radio v-for="(size, index) of sizes" :key="index" :value="index" :size="size">Option 1</el-radio>
|
|
32
|
+
</el-radio-group>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
<template #footer> <html-encode :tag="snippets.vertical" /> </template>
|
|
36
|
+
</el-card>
|
|
37
|
+
|
|
24
38
|
<el-card>
|
|
25
39
|
<template #header> Disabled </template>
|
|
26
40
|
<div class="flex flex-col gap-3 items-start">
|
|
@@ -135,7 +149,8 @@ export default defineComponent({
|
|
|
135
149
|
<el-radio :value="1" border>Option A</el-radio>
|
|
136
150
|
<el-radio :value="2" border>Option B</el-radio>
|
|
137
151
|
</el-radio-group>
|
|
138
|
-
|
|
152
|
+
`,
|
|
153
|
+
vertical: ` <el-radio-group v-model="value" class="el-vertical-group" />`
|
|
139
154
|
},
|
|
140
155
|
checkAll: false,
|
|
141
156
|
checkList: ["Value selected and disabled", "Value A"],
|
|
@@ -3102,6 +3102,10 @@ heights > $common-component-size
|
|
|
3102
3102
|
font-size: 0;
|
|
3103
3103
|
line-height: 0;
|
|
3104
3104
|
}
|
|
3105
|
+
.el-checkbox-group.el-vertical-group {
|
|
3106
|
+
align-items: flex-start;
|
|
3107
|
+
flex-direction: column;
|
|
3108
|
+
}
|
|
3105
3109
|
|
|
3106
3110
|
.el-checkbox {
|
|
3107
3111
|
--el-checkbox-font-size: 14px;
|
|
@@ -11606,10 +11610,13 @@ heights > $common-component-size
|
|
|
11606
11610
|
|
|
11607
11611
|
.el-radio-group {
|
|
11608
11612
|
display: inline-flex;
|
|
11609
|
-
align-items: center;
|
|
11610
11613
|
flex-wrap: wrap;
|
|
11611
11614
|
font-size: 0;
|
|
11612
11615
|
}
|
|
11616
|
+
.el-radio-group.el-vertical-group {
|
|
11617
|
+
align-items: flex-start;
|
|
11618
|
+
flex-direction: column;
|
|
11619
|
+
}
|
|
11613
11620
|
|
|
11614
11621
|
.el-radio {
|
|
11615
11622
|
--el-radio-font-size: var(--el-font-size-base);
|
|
@@ -302,7 +302,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
302
302
|
**/
|
|
303
303
|
.el-radio-group {
|
|
304
304
|
display: inline-flex;
|
|
305
|
-
align-items: center;
|
|
306
305
|
flex-wrap: wrap;
|
|
307
306
|
font-size: 0;
|
|
307
|
+
}
|
|
308
|
+
.el-radio-group.el-vertical-group {
|
|
309
|
+
align-items: flex-start;
|
|
310
|
+
flex-direction: column;
|
|
308
311
|
}
|
package/package.json
CHANGED