@truenewx/tnxvue3 3.0.0-alpha.14 → 3.0.0-alpha.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenewx/tnxvue3",
-  "version": "3.0.0-alpha.14",
+  "version": "3.0.0-alpha.16",
   "description": "互联网技术解决方案：Vue3扩展支持",
   "private": false,
   "publishConfig": {
@@ -20,11 +20,12 @@
   },
   "peerDependencies": {
     "element-plus": "~2.8.0",
+    "tdesign-vue-next": "~1.9.0",
     "vue": "~3.4.0",
     "vue-router": "~4.4.0"
   },
   "dependencies": {
-    "@truenewx/tnxcore": "3.0.0-alpha.8",
+    "@truenewx/tnxcore": "3.0.0-alpha.9",
     "@element-plus/icons-vue": "2.3.1",
     "async-validator": "4.2.5",
     "mitt": "3.0.1"

package/src/element-plus/tnxel.js

@@ -5,7 +5,7 @@
 import ElementPlus, {ElLoading, ElMessage, ElMessageBox} from 'element-plus';
 import ElementPlus_zh_CN from 'element-plus/es/locale/lang/zh-cn';
 import tnxbs from '@truenewx/tnxcore/src/tnxbs'; // 二次封装组件中使用了Bootstrap的基础样式
-import tnxvue, {build} from '../tnxvue.js';
+import tnxvue from '../tnxvue.js';
 
 import Avatar from './avatar/Avatar.vue';
 import Alert from './alert/Alert.vue';
@@ -44,7 +44,7 @@ import Upload from './upload/Upload.vue';
 
 import './tnxel.css';
 
-export {build};
+export const build = tnxvue.build;
 
 export default build('tnxel', () => {
     const $ = tnxbs.libs.$;

package/src/tdesign/tnxtd.css

@@ -0,0 +1,4 @@
+/**
+ * tnxtd.css
+ * 对Tencent TDesign样式的调整
+ */

package/src/tdesign/tnxtd.js

@@ -0,0 +1,22 @@
+/**
+ * 对Tencent TDesign Vue3组件库的扩展支持
+ */
+import TDesign from 'tdesign-vue-next';
+import tnxvue from '../tnxvue.js';
+
+import 'tdesign-vue-next/es/style/index.css';
+import './tnxtd.css';
+
+export const build = tnxvue.build;
+
+export default build('tnxtd', () => {
+    const tnxtd = Object.assign({}, tnxvue, {});
+    tnxtd.install = tnxtd.util.function.around(tnxtd.install, function (install, vm) {
+        install.call(tnxtd, vm);
+        if (!tnxtd.libs.TDesign) {
+            vm.use(TDesign);
+            tnxtd.libs = Object.assign({}, tnxtd.libs, {TDesign});
+        }
+    });
+    return tnxtd;
+});

package/src/tnxvue.js

@@ -2,7 +2,7 @@
 /**
  * 基于Vue 3的扩展支持
  */
-import tnxcore, {build} from '@truenewx/tnxcore';
+import tnxcore from '@truenewx/tnxcore';
 import validator from './tnxvue-validator';
 import createRouter from './tnxvue-router';
 import Text from './text/Text.vue';
@@ -12,7 +12,7 @@ import * as Vue from 'vue';
 import mitt from 'mitt';
 import './tnxvue.css';
 
-export {build};
+export const build = tnxcore.build;
 
 export default build('tnxvue', () => {
     const tnxvue = Object.assign({}, tnxcore, {