[CTable]解决时间范围列模板报错问题

Author: liyuan-meng

src/components/c-table/columnTpl/link.js

@@ -27,8 +27,8 @@ export default function LinkTpl({ value, row, linkKey, link }) {
         ref={ref}
         className={`${prefixCls}-table-column-tpl-link`}
         onClick={() => {
-          if (link || row[linkKey]) {
-            window.open(link || row[linkKey]);
+          if (link || row?.[linkKey]) {
+            window.open(link || row?.[linkKey]);
           }
         }}
       >

src/components/c-table/columnTpl/multiLink.js

@@ -27,8 +27,8 @@ export default function MultiLinkTpl({ value, row, linkKey }) {
         ref={ref}
         className={`${prefixCls}-table-column-tpl-multi-link`}
         onClick={() => {
-          if (row[linkKey]) {
-            window.open(row[linkKey]);
+          if (row?.[linkKey]) {
+            window.open(row?.[linkKey]);
           }
         }}
       >

src/components/c-table/columnTpl/timeRange.js

@@ -10,8 +10,8 @@ export default function TimeRangeTpl({
   startValue,
   endValue,
 }) {
-  const start = startValue || row[startKey];
-  const end = endValue || row[endKey];
+  const start = startValue || row?.[startKey];
+  const end = endValue || row?.[endKey];
   if (!start && !end) {
     return '-';
   }

src/components/c-table/demos/uniform_tag.md

@@ -50,6 +50,10 @@ const data = [
       { label: '标签4标签4标签4标签4标签4标签4标签4标签4', value: 4 }
     ]
   },
+  {
+    tag: [],
+    tagInfo: []
+  },
 ];
 
 const columns = [

src/components/c-table/demos/uniform_text.md

@@ -20,6 +20,7 @@ const data = [
   { id: '121408294', name: '文本文本超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长', url: 'https://www.taobao.com', createTime: '2021/12/13 11:14:40', creator: 'xiaotong.fan' },
   { id: '121407191', name: '文本文本文本文本文本3', url: 'https://www.taobao.com', createTime: '2021/12/13 11:03:05', creator: 'zhenxiao.guo' },
   { id: '121407192', name: '文本文本4', url: '', createTime: '2021/12/13 11:03:07', creator: 'han.wu' },
+  { id: '', name: '', url: '', createTime: '', creator: '' },
 ];
 
 const columns = [

src/components/c-table/demos/uniform_tpl.md

@@ -62,6 +62,13 @@ const data = [
       { label: '标签4', value: 4 }
     ]
   },
+  {
+    number: null,
+    startTime: '',
+    endTime: '',
+    name: '',
+    tagInfo: []
+  },
 ];
 
 const columns = [
@@ -86,7 +93,7 @@ const columns = [
     dataIndex: 'startTime',
     width: 160,
     render: (val, row) => {
-      return <CTable.TimeRangeTpl value={val} format="YYYY-MM-DD" startValue={row.startTime} endValue={row.endTime} />
+      return <CTable.TimeRangeTpl format="YYYY-MM-DD" startValue={row.startTime} endValue={row.endTime} />
     }
   },
   {