@truenewx/tnxvue3 3.0.0-alpha.30 → 3.0.0-alpha.32

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@truenewx/tnxvue3",
3
- "version": "3.0.0-alpha.30",
3
+ "version": "3.0.0-alpha.32",
4
4
  "description": "互联网技术解决方案:Vue3扩展支持",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -24,7 +24,7 @@
24
24
  "vue-router": "~4.4.0"
25
25
  },
26
26
  "dependencies": {
27
- "@truenewx/tnxcore": "3.0.0-alpha.17",
27
+ "@truenewx/tnxcore": "3.0.0-alpha.19",
28
28
  "@element-plus/icons-vue": "2.3.1",
29
29
  "async-validator": "4.2.5",
30
30
  "mitt": "3.0.1"
@@ -11,7 +11,11 @@
11
11
  value-name="key" text-name="caption" index-name="searchIndex"
12
12
  :default-value="defaultValue" :empty="empty" :empty-value="emptyValue"
13
13
  :placeholder="placeholder" :disabled="disabled" :filterable="filterable"
14
- :theme="theme" :size="size" :tag-click="tagClick" :change="change" v-else/>
14
+ :theme="theme" :size="size" :tag-click="tagClick" :change="change" v-else>
15
+ <template #option="{item}" v-if="$slots.option">
16
+ <slot name="option" :item="item"></slot>
17
+ </template>
18
+ </tnxel-select>
15
19
  </template>
16
20
 
17
21
  <script>
@@ -1,5 +1,6 @@
1
1
  <template>
2
- <el-icon :class="className" :color="color" :style="style">
2
+ <span class="tnxel-icon" :style="style" v-if="value.length === 1">{{ value }}</span>
3
+ <el-icon :class="className" :color="color" :style="style" v-else>
3
4
  <Loading v-if="value === 'Loading'"/>
4
5
  <ArrowDown v-else-if="value === 'ArrowDown'"/>
5
6
  <ArrowLeft v-else-if="value === 'ArrowLeft'"/>
@@ -258,3 +259,17 @@ export default {
258
259
  },
259
260
  }
260
261
  </script>
262
+
263
+ <style>
264
+ span.tnxel-icon {
265
+ display: inline-block;
266
+ border: 1px solid currentColor;
267
+ border-radius: 3px;
268
+ line-height: 1;
269
+ font-size: 80%;
270
+ font-weight: bold;
271
+ width: 12px;
272
+ height: 12px;
273
+ text-align: center;
274
+ }
275
+ </style>
@@ -482,6 +482,10 @@ export default {
482
482
  margin-left: 0;
483
483
  }
484
484
 
485
+ .tnxel-radio-group .el-radio:not(:last-child) {
486
+ margin-right: 20px;
487
+ }
488
+
485
489
  .tnxel-radio-group[theme="error"] .el-radio-button__original-radio:checked + .el-radio-button__inner,
486
490
  .tnxel-radio-group[theme="danger"] .el-radio-button__original-radio:checked + .el-radio-button__inner {
487
491
  background-color: var(--el-color-danger);