@vtx/components 4.0.0-beta.82 → 4.0.0-beta.84

package/es/utils/nanoid/index.js

@@ -15,10 +15,10 @@ var genNanoid = function genNanoid() {
   return e;
 };
 
-/**
- * 生成uuid，如果不支持 randomUUID，就用 genNanoid
- *
- * @returns string
+/**
+ * 生成uuid，如果不支持 randomUUID，就用 genNanoid
+ *
+ * @returns string
  */
 export var nanoid = function nanoid() {
   if (typeof window === 'undefined') return genNanoid();

package/es/utils/omitBoolean/index.js

@@ -1,7 +1,7 @@
-/**
- * 剔除 boolean 值
- * @param  {boolean|T} obj
- * @returns T
+/**
+ * 剔除 boolean 值
+ * @param  {boolean|T} obj
+ * @returns T
  */
 export var omitBoolean = function omitBoolean(obj) {
   if (obj && obj !== true) {

package/es/utils/parseValueToMoment/index.js

@@ -3,10 +3,10 @@ import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { isNil } from "../isNil";
 dayjs.extend(customParseFormat);
 
-/**
- * 一个比较hack的moment判断工具
- * @param value
- * @returns
+/**
+ * 一个比较hack的moment判断工具
+ * @param value
+ * @returns
  */
 var isMoment = function isMoment(value) {
   return !!(value !== null && value !== void 0 && value._isAMomentObject);

package/es/utils/proFieldParsingText/index.js

@@ -2,10 +2,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 import { Badge, Space } from 'antd';
 import React from 'react';
 
-/**
- * 获取类型的 type
- *
- * @param obj
+/**
+ * 获取类型的 type
+ *
+ * @param obj
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 function getType(obj) {
@@ -103,12 +103,12 @@ var TableStatus = {
   }
 };
 
-/**
- * 转化 text 和 valueEnum 通过 type 来添加 Status
- *
- * @param text
- * @param valueEnum
- * @param pure 纯净模式，不增加 status
+/**
+ * 转化 text 和 valueEnum 通过 type 来添加 Status
+ *
+ * @param text
+ * @param valueEnum
+ * @param pure 纯净模式，不增加 status
  */
 export var proFieldParsingText = function proFieldParsingText(text, valueEnumParams, key) {
   if (Array.isArray(text)) {

package/es/utils/transformKeySubmitValue/index.js

@@ -10,12 +10,12 @@ import { get } from '@rc-component/util';
 import React from 'react';
 import { isNil } from "../isNil";
 
-/**
- * 判断一个值是否为普通对象（可以被遍历的对象）
- * 暂时还不支持 Set 和 Map 结构
- *
- * @param itemValue - 要检查的值
- * @returns 如果是普通对象返回 true，否则返回 false
+/**
+ * 判断一个值是否为普通对象（可以被遍历的对象）
+ * 暂时还不支持 Set 和 Map 结构
+ *
+ * @param itemValue - 要检查的值
+ * @returns 如果是普通对象返回 true，否则返回 false
  */
 export function isPlainObj(itemValue) {
   // 如果不是对象类型，直接返回 false
@@ -40,12 +40,12 @@ export function isPlainObj(itemValue) {
   return true;
 }
 
-/**
- * 将点号路径字符串转换为路径数组
- * 例如: 'users.0.name' => ['users', 0, 'name']
- *
- * @param dotPath - 点号分隔的路径字符串
- * @returns 路径数组，数字会被转换为数字类型
+/**
+ * 将点号路径字符串转换为路径数组
+ * 例如: 'users.0.name' => ['users', 0, 'name']
+ *
+ * @param dotPath - 点号分隔的路径字符串
+ * @returns 路径数组，数字会被转换为数字类型
  */
 function parseDotPath(dotPath) {
   return dotPath.split('.').map(function (segment) {
@@ -54,11 +54,11 @@ function parseDotPath(dotPath) {
   });
 }
 
-/**
- * 过滤掉空值的转换配置
- *
- * @param dataFormatMapRaw - 原始转换配置
- * @returns 过滤后的转换配置
+/**
+ * 过滤掉空值的转换配置
+ *
+ * @param dataFormatMapRaw - 原始转换配置
+ * @returns 过滤后的转换配置
  */
 function filterNilTransforms(dataFormatMapRaw) {
   var filtered = {};
@@ -71,11 +71,11 @@ function filterNilTransforms(dataFormatMapRaw) {
   return filtered;
 }
 
-/**
- * 将转换配置分为点号路径格式和传统嵌套对象格式
- *
- * @param dataFormatMapRaw - 原始转换配置
- * @returns 包含两种格式转换配置的对象
+/**
+ * 将转换配置分为点号路径格式和传统嵌套对象格式
+ *
+ * @param dataFormatMapRaw - 原始转换配置
+ * @returns 包含两种格式转换配置的对象
  */
 function separateTransformFormats(dataFormatMapRaw) {
   var dotPathTransforms = {};
@@ -95,12 +95,12 @@ function separateTransformFormats(dataFormatMapRaw) {
   };
 }
 
-/**
- * 处理点号路径格式的转换
- * 例如: 'users.0.name' => 转换 users[0].name 的值
- *
- * @param result - 要转换的数据对象
- * @param dotPathTransforms - 点号路径转换配置
+/**
+ * 处理点号路径格式的转换
+ * 例如: 'users.0.name' => 转换 users[0].name 的值
+ *
+ * @param result - 要转换的数据对象
+ * @param dotPathTransforms - 点号路径转换配置
  */
 function processDotPathTransforms(result, dotPathTransforms) {
   for (var dotPath in dotPathTransforms) {
@@ -143,13 +143,13 @@ function processDotPathTransforms(result, dotPathTransforms) {
   }
 }
 
-/**
- * 在嵌套转换配置中查找转换函数
- *
- * @param currentTransforms - 当前转换配置
- * @param parentsKey - 父级路径
- * @param entityKey - 当前实体键
- * @returns 找到的转换函数或 undefined
+/**
+ * 在嵌套转换配置中查找转换函数
+ *
+ * @param currentTransforms - 当前转换配置
+ * @param parentsKey - 父级路径
+ * @param entityKey - 当前实体键
+ * @returns 找到的转换函数或 undefined
  */
 function findNestedTransformFunction(currentTransforms, parentsKey, entityKey) {
   var nestedTransforms = currentTransforms;
@@ -177,11 +177,11 @@ function findNestedTransformFunction(currentTransforms, parentsKey, entityKey) {
   return undefined;
 }
 
-/**
- * 检查路径是否包含数组索引
- *
- * @param parentsKey - 父级路径数组
- * @returns 如果包含数组索引返回 true
+/**
+ * 检查路径是否包含数组索引
+ *
+ * @param parentsKey - 父级路径数组
+ * @returns 如果包含数组索引返回 true
  */
 function isInArrayPath(parentsKey) {
   return parentsKey.some(function (key) {
@@ -189,14 +189,14 @@ function isInArrayPath(parentsKey) {
   });
 }
 
-/**
- * 递归处理嵌套对象转换（传统格式）
- *
- * @param tempValues - 要处理的值
- * @param parentsKey - 父级路径
- * @param currentTransforms - 当前转换配置
- * @param rootMergeObjects - 存储需要在根级别合并的对象
- * @returns 处理后的结果
+/**
+ * 递归处理嵌套对象转换（传统格式）
+ *
+ * @param tempValues - 要处理的值
+ * @param parentsKey - 父级路径
+ * @param currentTransforms - 当前转换配置
+ * @param rootMergeObjects - 存储需要在根级别合并的对象
+ * @returns 处理后的结果
  */
 function processNestedObjectTransforms(tempValues, parentsKey, currentTransforms, rootMergeObjects) {
   var isArrayValues = Array.isArray(tempValues);
@@ -271,15 +271,15 @@ function processNestedObjectTransforms(tempValues, parentsKey, currentTransforms
   return tempResult;
 }
 
-/**
- * 转换提交值中的键名
- * 支持两种格式的转换配置：
- * 1. 点号路径格式：'users.0.name' => 转换嵌套路径的值
- * 2. 传统嵌套对象格式：{ users: { 0: { name: transformFn } } }
- *
- * @param values - 要转换的值对象
- * @param dataFormatMapRaw - 转换配置映射
- * @returns 转换后的值对象
+/**
+ * 转换提交值中的键名
+ * 支持两种格式的转换配置：
+ * 1. 点号路径格式：'users.0.name' => 转换嵌套路径的值
+ * 2. 传统嵌套对象格式：{ users: { 0: { name: transformFn } } }
+ *
+ * @param values - 要转换的值对象
+ * @param dataFormatMapRaw - 转换配置映射
+ * @returns 转换后的值对象
  */
 export var transformKeySubmitValue = function transformKeySubmitValue(values, dataFormatMapRaw) {
   // 过滤掉空值的转换配置

package/es/utils/useEditableArray/index.js

@@ -40,9 +40,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var noteOnce = rcWarning.noteOnce;
 
-/**
- * 显示警告信息
- * @param messageStr
+/**
+ * 显示警告信息
+ * @param messageStr
  */
 var warning = function warning(messageStr) {
   return message.warning(messageStr);
@@ -52,11 +52,11 @@ export var recordKeyToString = function recordKeyToString(rowKey) {
   return rowKey;
 };
 
-/**
- * 使用map 来删除数据，性能一般 但是准确率比较高
- *
- * @param keyProps
- * @param action
+/**
+ * 使用map 来删除数据，性能一般 但是准确率比较高
+ *
+ * @param keyProps
+ * @param action
  */
 export function editableRowByKey(keyProps, action) {
   var _recordKeyToString;
@@ -68,11 +68,11 @@ export function editableRowByKey(keyProps, action) {
   var key = (_recordKeyToString = recordKeyToString(keyProps.key)) === null || _recordKeyToString === void 0 ? void 0 : _recordKeyToString.toString();
   var kvMap = new Map();
 
-  /**
-   * 打平这个数组
-   *
-   * @param records
-   * @param parentKey
+  /**
+   * 打平这个数组
+   *
+   * @param records
+   * @param parentKey
    */
   function dig(records, map_row_parentKey, map_row_index) {
     records.forEach(function (record, index) {
@@ -157,10 +157,10 @@ export function editableRowByKey(keyProps, action) {
   return fill(kvMap);
 }
 
-/**
- * 保存按钮的dom
- *
- * @param ActionRenderConfig
+/**
+ * 保存按钮的dom
+ *
+ * @param ActionRenderConfig
  */
 export function SaveEditableAction(_ref, ref) {
   var recordKey = _ref.recordKey,
@@ -263,10 +263,10 @@ export function SaveEditableAction(_ref, ref) {
   }, "save");
 }
 
-/**
- * 删除按钮 dom
- *
- * @param ActionRenderConfig
+/**
+ * 删除按钮 dom
+ *
+ * @param ActionRenderConfig
  */
 export var DeleteEditableAction = function DeleteEditableAction(_ref4) {
   var recordKey = _ref4.recordKey,
@@ -406,17 +406,17 @@ export function defaultActionRender(row, config) {
   };
 }
 
-/**
- * 一个方便的hooks 用于维护编辑的状态
- *
- * @param props
+/**
+ * 一个方便的hooks 用于维护编辑的状态
+ *
+ * @param props
  */
 export function useEditableArray(props) {
   // Internationalization
   var intl = useIntl();
 
-  /**
-   * 点击开始编辑之前的保存数据用的
+  /**
+   * 点击开始编辑之前的保存数据用的
    */
   var preEditRowRef = useRef(null);
   var _useState = useState(undefined),
@@ -504,10 +504,10 @@ export function useEditableArray(props) {
     };
   });
 
-  /**
-   * 进入编辑状态
-   *
-   * @param recordKey
+  /**
+   * 进入编辑状态
+   *
+   * @param recordKey
    */
   var startEditable = useRefFunction(function (recordKey, record) {
     var _ref7, _props$dataSource;
@@ -526,10 +526,10 @@ export function useEditableArray(props) {
     return true;
   });
 
-  /**
-   * 退出编辑状态
-   *
-   * @param recordKey
+  /**
+   * 退出编辑状态
+   *
+   * @param recordKey
    */
   var cancelEditable = useRefFunction( /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(recordKey, needReTry) {
@@ -635,11 +635,11 @@ export function useEditableArray(props) {
       }
     });
   }, [saveRefsMap, editableKeysSet]);
-  /**
-   * 保存编辑行
-   *
-   * @param recordKey
-   * @param needReTry
+  /**
+   * 保存编辑行
+   *
+   * @param recordKey
+   * @param needReTry
    */
   var saveEditable = useRefFunction( /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(recordKey, needReTry) {
@@ -686,12 +686,12 @@ export function useEditableArray(props) {
     };
   }());
 
-  /**
-   * 同时只能支持一行,取消之后数据消息，不会触发 dataSource
-   *
-   * @param row
-   * @param options
-   * @name 增加新的行
+  /**
+   * 同时只能支持一行,取消之后数据消息，不会触发 dataSource
+   *
+   * @param row
+   * @param options
+   * @name 增加新的行
    */
   var addEditRecord = useRefFunction(function (row, options) {
     if (options !== null && options !== void 0 && options.parentKey && !dataSourceKeyIndexMapRef.current.has(recordKeyToString(options === null || options === void 0 ? void 0 : options.parentKey).toString())) {

package/es/utils/useEditableMap/index.js

@@ -20,19 +20,19 @@ import { useCallback, useMemo, useRef } from 'react';
 import { useIntl } from "../../vtx-provider";
 import { defaultActionRender, recordKeyToString } from "../useEditableArray";
 
-/**
- * 显示警告信息
- * @param messageStr
+/**
+ * 显示警告信息
+ * @param messageStr
  */
 var warning = function warning(messageStr) {
   return message.warning(messageStr);
 };
 
-/**
- * 使用map 来删除数据，性能一般 但是准确率比较高
- *
- * @param params
- * @param action
+/**
+ * 使用map 来删除数据，性能一般 但是准确率比较高
+ *
+ * @param params
+ * @param action
  */
 function editableRowByKey(_ref) {
   var data = _ref.data,
@@ -40,14 +40,14 @@ function editableRowByKey(_ref) {
   return _objectSpread(_objectSpread({}, data), row);
 }
 
-/**
- * 一个方便的hooks 用于维护编辑的状态
- *
- * @param props
+/**
+ * 一个方便的hooks 用于维护编辑的状态
+ *
+ * @param props
  */
 export function useEditableMap(props) {
-  /**
-   * 点击开始编辑之前的保存数据用的
+  /**
+   * 点击开始编辑之前的保存数据用的
    */
   var preEditRowRef = useRef(null);
   var editableType = props.type || 'single';
@@ -79,10 +79,10 @@ export function useEditableMap(props) {
     return false;
   }, [(editableKeys || []).join(',')]);
 
-  /**
-   * 进入编辑状态
-   *
-   * @param recordKey
+  /**
+   * 进入编辑状态
+   *
+   * @param recordKey
    */
   var startEditable = function startEditable(recordKey, recordValue) {
     var _ref2;
@@ -97,10 +97,10 @@ export function useEditableMap(props) {
     return true;
   };
 
-  /**
-   * 退出编辑状态
-   *
-   * @param recordKey
+  /**
+   * 退出编辑状态
+   *
+   * @param recordKey
    */
   var cancelEditable = function cancelEditable(recordKey) {
     // 防止多次渲染

package/es/utils/useMediaQuery/index.js

@@ -37,11 +37,11 @@ export var MediaQueryEnum = {
   }
 };
 
-/**
- * loop query screen className
- * Array.find will throw a error
- * `Rendered more hooks than during the previous render.`
- * So should use Array.forEach
+/**
+ * loop query screen className
+ * Array.find will throw a error
+ * `Rendered more hooks than during the previous render.`
+ * So should use Array.forEach
  */
 export var getScreenClassName = function getScreenClassName() {
   var queryKey = undefined;

package/es/vtx-datagrid/ToolBar/components/ColumnSetting/index.js

@@ -375,10 +375,10 @@ export default function ColumnSetting(props) {
   var checkedColumnKeys = props.checkedColumnKeys,
     onColumnsSave = props.onColumnsSave;
 
-  /**
-   * 设置全部选中，或全部未选中
-   *
-   * @param show
+  /**
+   * 设置全部选中，或全部未选中
+   *
+   * @param show
    */
   var setAllSelectAction = useRefFunction(function () {
     var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;

package/es/vtx-datagrid/ToolBar/index.js

@@ -18,6 +18,7 @@ function ToolBar(props) {
     toolbarTilte = props.toolbarTilte,
     buttonGroup = props.buttonGroup,
     refreshIconVisible = props.refreshIconVisible,
+    fullScreenVisible = props.fullScreenVisible,
     onRefresh = props.onRefresh,
     hideColumnHeight = props.hideColumnHeight,
     hideColumnSetting = props.hideColumnSetting,
@@ -63,7 +64,7 @@ function ToolBar(props) {
           }), !hideColumnHeight && /*#__PURE__*/_jsx("div", {
             className: "".concat(prefix, "-toolbar-setting-item"),
             children: /*#__PURE__*/_jsx(Density, {})
-          }), !hideColumnHeight && /*#__PURE__*/_jsx("div", {
+          }), fullScreenVisible && /*#__PURE__*/_jsx("div", {
             className: "".concat(prefix, "-toolbar-setting-item"),
             onClick: (_fullScreenRef$curren = fullScreenRef.current) === null || _fullScreenRef$curren === void 0 ? void 0 : _fullScreenRef$curren.fullScreen,
             children: /*#__PURE__*/_jsx(Fullscreen, {

package/es/vtx-datagrid/ToolBar/style.js

@@ -17,7 +17,8 @@ var genVtxStyle = function genVtxStyle(token) {
     verticalAlign: 'middle'
   }), "&-left", {
     color: token.colorText,
-    fontSize: '16px'
+    fontSize: '16px',
+    fontWeight: 600
   }), "&-right", {
     float: 'right',
     display: 'flex',
@@ -34,14 +35,16 @@ var genVtxStyle = function genVtxStyle(token) {
   }), "&-setting-item", _defineProperty(_defineProperty({
     width: '32px',
     height: '32px',
-    background: token.colorFillContent,
+    // background: token.colorFillContent,
+    background: '#F0F2F5',
     borderRadius: '6px',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     marginLeft: '6px',
     cursor: 'pointer',
-    color: token.colorIcon
+    // color: token.colorIcon,
+    color: '#595959'
   }, '&:nth-child(1)', {
     marginLeft: '8px'
   }), "&:hover", {

package/es/vtx-datagrid/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["toolbar", "toolbarClassName", "toolbarTilte", "buttonGroup", "refreshIconVisible", "hideColumnSetting", "hideColumnHeight", "onRefresh", "bordered", "startIndex", "autoFit", "headFootHeight", "columnResizable", "components", "className", "style", "emptyText", "onRowSelectionClear", "onColumnsSave", "uniqueKey", "prefixUrl", "hideSelectionClear", "customEnumText"];
+var _excluded = ["toolbar", "toolbarClassName", "toolbarTilte", "buttonGroup", "refreshIconVisible", "fullScreenVisible", "hideColumnSetting", "hideColumnHeight", "onRefresh", "bordered", "startIndex", "autoFit", "headFootHeight", "columnResizable", "components", "className", "style", "emptyText", "onRowSelectionClear", "onColumnsSave", "uniqueKey", "prefixUrl", "hideSelectionClear", "customEnumText"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -80,6 +80,8 @@ function VtxTable(props) {
     buttonGroup = props.buttonGroup,
     _props$refreshIconVis = props.refreshIconVisible,
     refreshIconVisible = _props$refreshIconVis === void 0 ? true : _props$refreshIconVis,
+    _props$fullScreenVisi = props.fullScreenVisible,
+    fullScreenVisible = _props$fullScreenVisi === void 0 ? false : _props$fullScreenVisi,
     hideColumnSetting = props.hideColumnSetting,
     hideColumnHeight = props.hideColumnHeight,
     onRefresh = props.onRefresh,
@@ -366,6 +368,7 @@ function VtxTable(props) {
     toolbarTilte: toolbarTilte,
     buttonGroup: buttonGroup,
     refreshIconVisible: refreshIconVisible,
+    fullScreenVisible: fullScreenVisible,
     hideColumnHeight: hideColumnHeight,
     hideColumnSetting: hideColumnSetting,
     onRefresh: onRefresh,
@@ -425,6 +428,7 @@ export default VtxDatagrid;
 VtxDatagrid.propTypes = {
   prefix: PropTypes.string,
   refreshIconVisible: PropTypes.bool,
+  fullScreenVisible: PropTypes.bool,
   hideColumnSetting: PropTypes.bool,
   hideSelectionClear: PropTypes.bool,
   hideColumnHeight: PropTypes.bool,

package/es/vtx-datagrid/style/index.js

@@ -86,7 +86,7 @@ var genVtxStyle = function genVtxStyle(token) {
   })))), "".concat(componentCls, "-fit"), {
     height: '100%',
     minHeight: 200
-  }), "".concat(componentCls, "-noFit"), {}), "".concat(componentCls, "-no-border"), _defineProperty({}, "".concat(antCls, "-table-wrapper"), _defineProperty({}, "".concat(antCls, "-table"), _defineProperty({}, '>.ant-table-container', _defineProperty(_defineProperty({
+  }), "".concat(componentCls, "-noFit"), {}), "".concat(componentCls, "-no-border"), _defineProperty({}, "".concat(antCls, "-table-wrapper"), _defineProperty({}, "".concat(antCls, "-table"), _defineProperty({}, '>.ant-table-container', _defineProperty(_defineProperty(_defineProperty({
     borderColor: 'transparent'
   }, '.ant-table-thead', {
     '>tr>th': {
@@ -100,6 +100,14 @@ var genVtxStyle = function genVtxStyle(token) {
       borderInlineColor: 'transparent !important',
       borderBottomColor: 'transparent !important'
     }
+  }), '.ant-table-content', {
+    '>table >tbody>tr>td': {
+      borderInlineColor: 'transparent !important'
+    },
+    '>table >tbody>tr.ant-table-placeholder': {
+      borderInlineColor: 'transparent !important',
+      borderBottomColor: 'transparent !important'
+    }
   }))))), "".concat(componentCls, "-striped"), _defineProperty({}, "".concat(antCls, "-table-wrapper"), _defineProperty({}, "".concat(antCls, "-table"), _defineProperty({}, '>.ant-table-container', _defineProperty(_defineProperty({}, '.ant-table-body', {
     '>table >tbody>tr:nth-child(odd)>td': {
       backgroundColor: token.colorBgLayoutTable,