@truenewx/tnxvue3 3.0.0-alpha.20 → 3.0.0-alpha.22

package/package.json

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

package/src/element-plus/enum-view/EnumView.vue

@@ -0,0 +1,41 @@
+<template>
+    <span v-if="item">{{ item.caption }}</span>
+</template>
+
+<script>
+export default {
+    name: 'TnxelEnumView',
+    props: {
+        type: {
+            type: String,
+            required: true,
+        },
+        subtype: String,
+        itemKey: {
+            type: String,
+            required: true,
+        },
+        app: {
+            type: String,
+            default: () => window.tnx.componentDefaultApp, // 设置为方法以延时加载，确保更改的值生效
+        },
+    },
+    data() {
+        return {
+            item: null,
+        };
+    },
+    mounted() {
+        window.tnx.app.rpc.loadEnumType(this.type, this.subtype, enumType => {
+            this.item = enumType.items.find(item => item.key === this.itemKey);
+        }, {
+            app: this.app,
+        });
+    },
+    methods: {}
+}
+</script>
+
+<style scoped>
+
+</style>

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

@@ -147,7 +147,7 @@
                 :title="typeof item.disabled === 'string' ? item.disabled : item.title"
                 v-if="!hiddenValues.contains(item[valueName])">
                 <slot name="option" :item="item" v-if="$slots.option"></slot>
-                <span v-else>item[textName]</span>
+                <span v-else>{{ item[textName] }}</span>
             </el-option>
         </template>
     </el-select>

package/src/element-plus/tnxel.js

@@ -21,6 +21,7 @@ import Dialog from './dialog/Dialog.vue';
 import Drawer from './drawer/Drawer.vue';
 import DropdownItem from './dropdown-item/DropdownItem.vue';
 import EnumSelect from './enum-select/EnumSelect.vue';
+import EnumView from './enum-view/EnumView.vue';
 import FetchCascader from './fetch-cascader/FetchCascader.vue';
 import FetchSelect from './fetch-select/FetchSelect.vue';
 import FetchTags from './fetch-tags/FetchTags.vue';
@@ -64,6 +65,7 @@ export default build('tnxel', () => {
         Drawer,
         DropdownItem,
         EnumSelect,
+        EnumView,
         FetchCascader,
         FetchSelect,
         FetchTags,