[uniapp] form 支持嵌套对象 (#4578)

* feat(form): 支持嵌套表单

* feat: 优化navbar右侧插槽样式

* refactor: use coalesce

* fix: 修复app下粗体无效问题

Author: novlan1

packages/tdesign-miniprogram/example/pages/gulp-error/index.js

@@ -1,66 +1,47 @@
 // pages/gulp-error/index.js
 Page({
-
   /**
    * 页面的初始数据
    */
-  data: {
-
-  },
+  data: {},
 
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad() {
-
-  },
+  onLoad() {},
 
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady() {
-
-  },
+  onReady() {},
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow() {
-
-  },
+  onShow() {},
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide() {
-
-  },
+  onHide() {},
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload() {
-
-  },
+  onUnload() {},
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh() {
-
-  },
+  onPullDownRefresh() {},
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom() {
-
-  },
+  onReachBottom() {},
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage() {
-
-  }
-})
+  onShareAppMessage() {},
+});

packages/tdesign-miniprogram/example/pages/home/home.js

@@ -1,66 +1,47 @@
 // pages/home/home.js
 Page({
-
   /**
    * 页面的初始数据
    */
-  data: {
-
-  },
+  data: {},
 
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad() {
-
-  },
+  onLoad() {},
 
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady() {
-
-  },
+  onReady() {},
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow() {
-
-  },
+  onShow() {},
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide() {
-
-  },
+  onHide() {},
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload() {
-
-  },
+  onUnload() {},
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh() {
-
-  },
+  onPullDownRefresh() {},
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom() {
-
-  },
+  onReachBottom() {},
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage() {
-
-  }
-})
+  onShareAppMessage() {},
+});

packages/tdesign-miniprogram/example/pages/home/navigateFail/navigateFail.js

@@ -1,66 +1,47 @@
 // pages/home/navigateFail/navigateFail.js
 Page({
-
   /**
    * 页面的初始数据
    */
-  data: {
-
-  },
+  data: {},
 
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad() {
-
-  },
+  onLoad() {},
 
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady() {
-
-  },
+  onReady() {},
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow() {
-
-  },
+  onShow() {},
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide() {
-
-  },
+  onHide() {},
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload() {
-
-  },
+  onUnload() {},
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh() {
-
-  },
+  onPullDownRefresh() {},
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom() {
-
-  },
+  onReachBottom() {},
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage() {
-
-  }
-})
+  onShareAppMessage() {},
+});

packages/tdesign-uniapp-chat/site/vite.config.ts

@@ -8,17 +8,17 @@ import vueJsx from '@vitejs/plugin-vue-jsx';
 import changelog2Json from './web/plugins/changelog-to-json';
 import tdocPlugin from './web/plugins/plugin-tdoc';
 
-const resolvePath = r => path.resolve(__dirname, r);
+const resolvePath = (r) => path.resolve(__dirname, r);
 
 const publicPathMap = {
   preview: '/',
   production: 'https://static.tdesign.tencent.com/uniapp-chat/',
 };
 
-const isCustomElement = tag => tag.startsWith('td-');
+const isCustomElement = (tag) => tag.startsWith('td-');
 
 // Rollup 4+ 的 tree-shaking 策略调整, 这里是为了让样式在站点构建正常
-const disableTreeShakingPlugin = paths => ({
+const disableTreeShakingPlugin = (paths) => ({
   name: 'disable-treeshake',
   transform(code, id) {
     for (const path of paths) {
@@ -37,27 +37,27 @@ const config: UserConfig | (({ mode }: { mode: string }) => UserConfig) = define
   const vueAppBase = env.VUE_APP_PUBLICPATH;
   const experimentalConfig = vueAppBase
     ? {
-      experimental: {
-        renderBuiltUrl(
-          filename: string,
-          {
-            hostId,
-            hostType,
-            type,
-          }: {
-            hostId: string;
-            hostType: string;
-            type: string;
-          },
-        ) {
-          console.log('[experimental] ', hostType, hostId, type, filename);
+        experimental: {
+          renderBuiltUrl(
+            filename: string,
+            {
+              hostId,
+              hostType,
+              type,
+            }: {
+              hostId: string;
+              hostType: string;
+              type: string;
+            },
+          ) {
+            console.log('[experimental] ', hostType, hostId, type, filename);
 
-          // 确保基础路径以 / 结尾
-          const basePath = vueAppBase.endsWith('/') ? vueAppBase : `${vueAppBase}/`;
-          return `${basePath}${filename}`;
+            // 确保基础路径以 / 结尾
+            const basePath = vueAppBase.endsWith('/') ? vueAppBase : `${vueAppBase}/`;
+            return `${basePath}${filename}`;
+          },
         },
-      },
-    }
+      }
     : {};
 
   return {

packages/uniapp-components/cascader/cascader.vue

@@ -573,7 +573,7 @@ export default {
         this.isSearching = false;
       },
       onFilterChange(e) {
-        const value = e?.value ?? e?.detail?.value ?? '';
+        const value = coalesce(e?.value, e?.detail?.value, '');
         if (!this.filterDebounced) {
           this.filterDebounced = debounce((kw) => this.applyFilter(kw), 200);
         }
@@ -583,7 +583,7 @@ export default {
         this.resetFilter();
       },
       applyFilter(rawKeyword) {
-        const keyword = String(rawKeyword ?? '').trim();
+        const keyword = String(coalesce(rawKeyword, '')).trim();
         if (!keyword) {
           this.resetFilter();
           return;

packages/uniapp-components/form-item/form-item.vue

@@ -11,7 +11,7 @@
       ' ' +
       formItemClass +
       '__' +
-      name +
+      dataNameKey +
       ' ' +
       errorClasses +
       ' ' +
@@ -86,7 +86,7 @@ import { isNumeric } from '../common/validator';
 import TIcon from '../icon/icon.vue';
 import usingConfig from '../mixins/using-config';
 
-import { validateRules, ValidateStatus } from './form-model';
+import { validateRules, ValidateStatus, getByPath } from './form-model';
 import props from './props';
 
 const parentComponentName = 'form';
@@ -160,6 +160,10 @@ export default {
         const contentAlign = this.dataContentAlign;
         return contentAlign ? `text-align: ${contentAlign}` : '';
       },
+      // 供 :class 拼接使用：name="pat.acctType" → "pat-acctType"，避免 CSS class 里的点号被当成选择器分隔符
+      dataNameKey() {
+        return String(this.name || '').replace(/\./g, '-');
+      },
     },
     watch: {},
     created() {
@@ -217,7 +221,8 @@ export default {
         const { name } = this;
         if (name && this.form) {
           const { formData } = this.form;
-          this.initialValue = formData[name];
+          // 支持 name="pat.acctType" 嵌套路径：走 form 表单层的 data 兜底（form-item 拿不到时回退到 form.data）
+          this.initialValue = coalesce(getByPath(formData, name), getByPath(this.form.data, name));
         }
       },
 
@@ -234,7 +239,7 @@ export default {
         const { name } = this;
         if (name && this.form) {
           const { formData } = this.form;
-          return formData[name];
+          return coalesce(getByPath(formData, name), getByPath(this.form.data, name));
         }
         return undefined;
       },
@@ -267,7 +272,7 @@ export default {
           return { [this.name]: true };
         }
 
-        const value = data[this.name];
+        const value = getByPath(data, this.name);
         const context = { formData: data, name: this.name };
         const results = await validateRules(value, filteredRules, context);