@truenewx/tnxvue3 3.0.0-alpha.29 → 3.0.0-alpha.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenewx/tnxvue3",
-  "version": "3.0.0-alpha.29",
+  "version": "3.0.0-alpha.31",
   "description": "互联网技术解决方案：Vue3扩展支持",
   "private": false,
   "publishConfig": {
@@ -24,7 +24,7 @@
     "vue-router": "~4.4.0"
   },
   "dependencies": {
-    "@truenewx/tnxcore": "3.0.0-alpha.16",
+    "@truenewx/tnxcore": "3.0.0-alpha.18",
     "@element-plus/icons-vue": "2.3.1",
     "async-validator": "4.2.5",
     "mitt": "3.0.1"

package/src/element-plus/button/Button.vue

@@ -144,6 +144,9 @@ export default {
         granted() {
             this.init();
         },
+        disabled() {
+            this.init();
+        },
         dropdown() {
             this.buildDropdownItems();
         },

package/src/element-plus/enum-select/EnumSelect.vue

@@ -11,7 +11,11 @@
         value-name="key" text-name="caption" index-name="searchIndex"
         :default-value="defaultValue" :empty="empty" :empty-value="emptyValue"
         :placeholder="placeholder" :disabled="disabled" :filterable="filterable"
-        :theme="theme" :size="size" :tag-click="tagClick" :change="change" v-else/>
+        :theme="theme" :size="size" :tag-click="tagClick" :change="change" v-else>
+        <template #option="{item}" v-if="$slots.option">
+            <slot name="option" :item="item"></slot>
+        </template>
+    </tnxel-select>
 </template>
 
 <script>

package/src/element-plus/icon/Icon.vue

@@ -1,5 +1,6 @@
 <template>
-    <el-icon :class="className" :color="color" :style="style">
+    <span class="tnxel-icon" :style="style" v-if="value.length === 1">{{ value }}</span>
+    <el-icon :class="className" :color="color" :style="style" v-else>
         <Loading v-if="value === 'Loading'"/>
         <ArrowDown v-else-if="value === 'ArrowDown'"/>
         <ArrowLeft v-else-if="value === 'ArrowLeft'"/>
@@ -258,3 +259,17 @@ export default {
     },
 }
 </script>
+
+<style>
+span.tnxel-icon {
+    display: inline-block;
+    border: 1px solid currentColor;
+    border-radius: 3px;
+    line-height: 1;
+    font-size: 80%;
+    font-weight: bold;
+    width: 12px;
+    height: 12px;
+    text-align: center;
+}
+</style>

package/src/element-plus/select/Select.vue

@@ -482,6 +482,10 @@ export default {
     margin-left: 0;
 }
 
+.tnxel-radio-group .el-radio:not(:last-child) {
+    margin-right: 20px;
+}
+
 .tnxel-radio-group[theme="error"] .el-radio-button__original-radio:checked + .el-radio-button__inner,
 .tnxel-radio-group[theme="danger"] .el-radio-button__original-radio:checked + .el-radio-button__inner {
     background-color: var(--el-color-danger);

package/src/element-plus/tabs/Tabs.vue

@@ -60,7 +60,7 @@ export default {
         }
     },
     mounted() {
-        if (typeof this.$route.meta.isHistory === 'function') {
+        if (this.$route && this.$route.meta && typeof this.$route.meta.isHistory === 'function') {
             let cache = this.getCache();
             if (cache) {
                 let vm = this;

package/src/element-plus/tnxel.css

@@ -881,3 +881,8 @@ i svg {
 .el-input-group__prepend .el-select .select-trigger .el-input {
     height: 100%;
 }
+
+.el-message-box__message {
+    word-break: break-all;
+    overflow-wrap: break-word;
+}