@zat-design/sisyphus-react 3.9.8-beta.4 → 3.9.8-beta.6

package/.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "kisstkondoros.vscode-codemetrics"
+    ]
+}

package/dist/index.esm.css

@@ -915,11 +915,6 @@
   background: #fff;
   letter-spacing: 2px;
 }
-.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items.pro-header-describe-items-more .pro-header-tag {
-  padding: 0;
-  background: transparent !important;
-  color: #333;
-}
 .pro-header .pro-header-copy {
   display: -webkit-box;
   display: -webkit-flex;

package/dist/less.esm.css

@@ -915,11 +915,6 @@
   background: #fff;
   letter-spacing: 2px;
 }
-.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items.pro-header-describe-items-more .pro-header-tag {
-  padding: 0;
-  background: transparent !important;
-  color: #333;
-}
 .pro-header .pro-header-copy {
   display: -webkit-box;
   display: -webkit-flex;

package/es/ProEditTable/components/RenderField/index.js

@@ -6,11 +6,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies", "desensitization"];
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
-import React, { useCallback, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import classNames from 'classnames';
 import { cloneDeep, isEqual, debounce, omit, isFunction } from 'lodash';
 import valueTypeMap from '../../../ProForm/utils/valueType';
@@ -57,6 +57,7 @@ var RenderField = function RenderField(_ref) {
     trim = column.trim,
     confirm = column.confirm,
     dependencies = column.dependencies,
+    desensitization = column.desensitization,
     resetProps = _objectWithoutProperties(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -82,6 +83,7 @@ var RenderField = function RenderField(_ref) {
   var _required = required;
   var _valueType = valueType;
   var _disabled = false;
+  var _desensitization = desensitization || [];
   var isCell = mode === 'cell';
   if (isCell) {
     record['is-view'] = !isEqual(cellNamePath, cellName);
@@ -118,6 +120,9 @@ var RenderField = function RenderField(_ref) {
   if (isFunction(valueType)) {
     _valueType = valueType.apply(void 0, rowParams);
   }
+  if (isFunction(desensitization)) {
+    _desensitization = desensitization.apply(void 0, rowParams);
+  }
   // 获取最终的disabled
   _disabled = getDisabled({
     globalControl: otherProps === null || otherProps === void 0 ? void 0 : otherProps.globalControl,
@@ -189,21 +194,23 @@ var RenderField = function RenderField(_ref) {
    * 配置valueType时，基于formItem的normalize与getValueProps进行值类型转换
    * @returns {}
    */
-  var valueTypeTransform = useCallback(function () {
-    var _fieldProps3;
-    // 不存在valueType返回空
-    if (!_valueType) {
-      return {};
-    }
+  var valueTypeTransform = function valueTypeTransform() {
+    var _fieldProps3, _desensitization2;
     // SwitchCheckbox默认YN, 兼容已有组件
     if (type === 'SwitchCheckbox') {
       _valueType = 'switch';
     }
     var params = _objectSpread(_objectSpread({}, column), {}, {
-      mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode
+      mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode,
+      desensitization: _desensitization
     });
+    var isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
+    // 仅查看模式下进行数据脱敏
+    if (((_desensitization2 = _desensitization) === null || _desensitization2 === void 0 ? void 0 : _desensitization2.length) && _disabled && isDesensit === 'ON') {
+      _valueType = 'desensitization';
+    }
     return isFunction(valueTypeMap[_valueType]) ? valueTypeMap[_valueType](params) : {};
-  }, [_valueType]);
+  };
   if ((_names = names) === null || _names === void 0 ? void 0 : _names.length) {
     // 支持names配置，临时生成对应的formItem，用来存储单个对应的值
     names = names.map(function (key) {
@@ -517,6 +524,7 @@ var RenderField = function RenderField(_ref) {
     onBlur: _onblur,
     index: index,
     confirm: confirm,
+    desensitization: _desensitization,
     otherProps: {
       form: form,
       names: names,
@@ -525,7 +533,8 @@ var RenderField = function RenderField(_ref) {
       listName: cellName,
       viewEmpty: viewEmpty,
       valueType: _valueType,
-      isView: isView
+      isView: isView,
+      desensitizationKey: otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey
     }
   });
   componentProps = omit(componentProps, ['onFieldChange', 'namePath', 'index']);

package/es/ProEditTable/utils/diffOriginal.js

@@ -7,9 +7,16 @@ var filterObject = function filterObject(data) {
   if (!isObject(data) || data === null) return data;
   // ['1', undefined] ['1', ''] 视为相等
   if (Array.isArray(data)) {
-    return data.map(function (item) {
-      return isEmpty(item) ? null : item;
+    // 数组中全是empty值的话 视为null
+    var isFillNull = true;
+    var arr = data.map(function (item) {
+      if (isEmpty(item)) {
+        return null;
+      }
+      isFillNull = false;
+      return item;
     });
+    return isFillNull ? null : arr;
   }
   var resData = {};
   Object.keys(data).forEach(function (key) {

package/es/ProForm/utils/diffOriginal.js

@@ -6,9 +6,16 @@ var filterObject = function filterObject(data) {
   if (!isObject(data) || data === null) return data;
   // ['1', undefined] ['1', ''] 视为相等
   if (Array.isArray(data)) {
-    return data.map(function (item) {
-      return isEmpty(item) ? null : item;
+    // 数组中全是empty值的话 视为null
+    var isFillNull = true;
+    var arr = data.map(function (item) {
+      if (isEmpty(item)) {
+        return null;
+      }
+      isFillNull = false;
+      return item;
     });
+    return isFillNull ? null : arr;
   }
   var resData = {};
   Object.keys(data).forEach(function (key) {

package/es/ProLayout/components/ProHeader/style/index.less

@@ -78,14 +78,6 @@
             background: #fff;
             letter-spacing: 2px;
           }
-          &.pro-header-describe-items-more{
-            .pro-header-tag{
-              padding: 0;
-              background: transparent !important;
-              color: #333 ;
-            }
-
-          }
         }
       }
     }

package/lib/ProEditTable/components/RenderField/index.js

@@ -30,7 +30,7 @@ var _utils = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
 var _getDefaultProps = require("../../utils/getDefaultProps");
 var _ListChangedWrapper = _interopRequireDefault(require("./ListChangedWrapper"));
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies", "desensitization"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
@@ -64,6 +64,7 @@ var RenderField = function RenderField(_ref) {
     trim = column.trim,
     confirm = column.confirm,
     dependencies = column.dependencies,
+    desensitization = column.desensitization,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -89,6 +90,7 @@ var RenderField = function RenderField(_ref) {
   var _required = required;
   var _valueType = valueType;
   var _disabled = false;
+  var _desensitization = desensitization || [];
   var isCell = mode === 'cell';
   if (isCell) {
     record['is-view'] = !(0, _lodash.isEqual)(cellNamePath, cellName);
@@ -125,6 +127,9 @@ var RenderField = function RenderField(_ref) {
   if ((0, _lodash.isFunction)(valueType)) {
     _valueType = valueType.apply(void 0, rowParams);
   }
+  if ((0, _lodash.isFunction)(desensitization)) {
+    _desensitization = desensitization.apply(void 0, rowParams);
+  }
   // 获取最终的disabled
   _disabled = (0, _tools.getDisabled)({
     globalControl: otherProps === null || otherProps === void 0 ? void 0 : otherProps.globalControl,
@@ -196,21 +201,23 @@ var RenderField = function RenderField(_ref) {
    * 配置valueType时，基于formItem的normalize与getValueProps进行值类型转换
    * @returns {}
    */
-  var valueTypeTransform = (0, _react.useCallback)(function () {
-    var _fieldProps3;
-    // 不存在valueType返回空
-    if (!_valueType) {
-      return {};
-    }
+  var valueTypeTransform = function valueTypeTransform() {
+    var _fieldProps3, _desensitization2;
     // SwitchCheckbox默认YN, 兼容已有组件
     if (type === 'SwitchCheckbox') {
       _valueType = 'switch';
     }
     var params = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-      mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode
+      mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode,
+      desensitization: _desensitization
     });
+    var isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
+    // 仅查看模式下进行数据脱敏
+    if (((_desensitization2 = _desensitization) === null || _desensitization2 === void 0 ? void 0 : _desensitization2.length) && _disabled && isDesensit === 'ON') {
+      _valueType = 'desensitization';
+    }
     return (0, _lodash.isFunction)(_valueType2.default[_valueType]) ? _valueType2.default[_valueType](params) : {};
-  }, [_valueType]);
+  };
   if ((_names = names) === null || _names === void 0 ? void 0 : _names.length) {
     // 支持names配置，临时生成对应的formItem，用来存储单个对应的值
     names = names.map(function (key) {
@@ -524,6 +531,7 @@ var RenderField = function RenderField(_ref) {
     onBlur: _onblur,
     index: index,
     confirm: confirm,
+    desensitization: _desensitization,
     otherProps: {
       form: form,
       names: names,
@@ -532,7 +540,8 @@ var RenderField = function RenderField(_ref) {
       listName: cellName,
       viewEmpty: viewEmpty,
       valueType: _valueType,
-      isView: isView
+      isView: isView,
+      desensitizationKey: otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey
     }
   });
   componentProps = (0, _lodash.omit)(componentProps, ['onFieldChange', 'namePath', 'index']);

package/lib/ProEditTable/utils/diffOriginal.js

@@ -13,9 +13,16 @@ var filterObject = function filterObject(data) {
   if (!(0, _lodash.isObject)(data) || data === null) return data;
   // ['1', undefined] ['1', ''] 视为相等
   if (Array.isArray(data)) {
-    return data.map(function (item) {
-      return isEmpty(item) ? null : item;
+    // 数组中全是empty值的话 视为null
+    var isFillNull = true;
+    var arr = data.map(function (item) {
+      if (isEmpty(item)) {
+        return null;
+      }
+      isFillNull = false;
+      return item;
     });
+    return isFillNull ? null : arr;
   }
   var resData = {};
   Object.keys(data).forEach(function (key) {

package/lib/ProForm/utils/diffOriginal.js

@@ -12,9 +12,16 @@ var filterObject = function filterObject(data) {
   if (!(0, _lodash.isObject)(data) || data === null) return data;
   // ['1', undefined] ['1', ''] 视为相等
   if (Array.isArray(data)) {
-    return data.map(function (item) {
-      return (0, _utils.isEmpty)(item) ? null : item;
+    // 数组中全是empty值的话 视为null
+    var isFillNull = true;
+    var arr = data.map(function (item) {
+      if ((0, _utils.isEmpty)(item)) {
+        return null;
+      }
+      isFillNull = false;
+      return item;
     });
+    return isFillNull ? null : arr;
   }
   var resData = {};
   Object.keys(data).forEach(function (key) {

package/lib/ProLayout/components/ProHeader/style/index.less

@@ -78,14 +78,6 @@
             background: #fff;
             letter-spacing: 2px;
           }
-          &.pro-header-describe-items-more{
-            .pro-header-tag{
-              padding: 0;
-              background: transparent !important;
-              color: #333 ;
-            }
-
-          }
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.9.8-beta.4",
+  "version": "3.9.8-beta.6",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",