@hzab/list-render 1.10.13 → 1.10.14

package/CHANGELOG.md

@@ -1,6 +1,10 @@
-# @hzab/list-render@1.10.12
+# @hzab/list-render@1.10.14
 
-fix: 首次列表加载携带queryFormInitialValues的参数
+fix: table function title input 输入中文异常修复
+
+# @hzab/list-render@1.10.13
+
+fix: 首次列表加载携带 queryFormInitialValues 的参数
 feat: schema title 支持传入 ReactNode，支持通过 schemaScope 传入
 fix: table 响应数据 去除 inTable == false 的字段
 fix: table 响应表单 FormilyField 环境变量 scenario: "tableReactionsForm"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/list-render",
-  "version": "1.10.13",
+  "version": "1.10.14",
   "description": "",
   "main": "src",
   "scripts": {

package/src/table-render/index.jsx

@@ -135,19 +135,6 @@ const TableRender = forwardRef(function (props, tableRef) {
         const { name, title } = field;
         const comName = field["x-component"];
 
-        const decoratorProps = field["x-decorator-props"] || {};
-        let _title = isFunction(title) ? title() : title;
-        if (decoratorProps.tooltip) {
-          _title = (
-            <span className="col-title-tooltip-wrap inline-block-max-w">
-              {_title}
-              <Tooltip className="col-title-tooltip" title={decoratorProps.tooltip}>
-                <QuestionCircleOutlined className="col-title-tooltip-icon" />
-              </Tooltip>
-            </span>
-          );
-        }
-
         let _colConf = {};
 
         if (props.config?.colConf && props.config?.colConf[name]) {
@@ -217,6 +204,22 @@ const TableRender = forwardRef(function (props, tableRef) {
           };
         }
 
+        let _title = isFunction(title) ? title() : title;
+        if (_colConf?.title) {
+          _title = isFunction(_colConf?.title) ? _colConf?.title() : _colConf?.title;
+        }
+        const decoratorProps = field["x-decorator-props"] || {};
+        if (decoratorProps.tooltip) {
+          _title = (
+            <span className="col-title-tooltip-wrap inline-block-max-w">
+              {_title}
+              <Tooltip className="col-title-tooltip" title={decoratorProps.tooltip}>
+                <QuestionCircleOutlined className="col-title-tooltip-icon" />
+              </Tooltip>
+            </span>
+          );
+        }
+
         columns.push({
           // field, // HACK: 直接传入 field 在 title 传入 ReactNode，内部深克隆导致页面报错白屏。使用函数获取解决
           getField: () => field,
@@ -224,8 +227,8 @@ const TableRender = forwardRef(function (props, tableRef) {
           ..._colConf,
           onCell: (record, rowIndex) =>
             _colConf?.onCell?.({ ...record, _field: { ...field, ...(fieldSchemas?.[name] || {}) } }, rowIndex) || {},
-          // 函数式传入，解决 title ReactNode 传入报错问题
-          title: () => (isFunction(_colConf?.title) ? _colConf?.title() : _title),
+          // 函数式传入，解决 title ReactNode 传入报错问题（table 组件内部对 columns 进行 lodash.deepClone 导致 ReactNode 变成对象无法正常渲染） Uncaught TypeError: this.queryFeedbacks is not a function
+          title: () => _title,
           key: name,
           dataIndex: name,
           render: getColRender(colRender),