@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/es/ProEditTable/index.js

@@ -1,15 +1,18 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
+import "antd/es/affix/style";
+import _Affix from "antd/es/affix";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { get, isArray, isBoolean, isFunction, set } from 'lodash';
 import { useLocalStorageState, useSetState } from 'ahooks';
-import { ConfigProvider, Form, Affix } from 'antd';
 import classnames from 'classnames';
 import { transformColumns } from "./utils";
 import { getRandom, getNamePath, handleScrollToError, onPageCheck } from "./utils/tools";
@@ -21,7 +24,7 @@ import { BaseTable, DraggableTable } from "./components/RcTable";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ProEditTable = function ProEditTable(_ref, ref) {
+var ProEditTable = (_ref, ref) => {
   var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -70,7 +73,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     diffConfig = _ref.diffConfig,
     resetProps = _objectWithoutProperties(_ref, _excluded);
   // 上下文form
-  var contentForm = Form.useFormInstance();
+  var contentForm = _Form.useFormInstance();
   var formFieldProps = ProForm.useFieldProps() || {};
   var affixRef = useRef(null);
   var form = contentForm || (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
@@ -83,20 +86,20 @@ var ProEditTable = function ProEditTable(_ref, ref) {
 
   // 判断是否在formList内
   if (namePath !== null && namePath !== void 0 && namePath.length) {
-    name = [].concat(_toConsumableArray(namePath), _toConsumableArray(name.slice(1)));
+    name = [...namePath, ...name.slice(1)];
     disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
   }
   var tableRef = useRef(null);
   // const valueChangeRef = useRef<number>(0);
   // valueChangeRef.current = 0;
 
-  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
+  var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls();
   var _useLocalStorageState = useLocalStorageState('themeConfig'),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
     themeConfig = _useLocalStorageState2[0];
-  var requiredAlign = useMemo(function () {
+  var requiredAlign = useMemo(() => {
     var _ref2, _themeConfig$data$zau, _themeConfig$data;
     return (_ref2 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left';
   }, [themeConfig === null || themeConfig === void 0 || (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign, configRequiredAlign]);
@@ -135,9 +138,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     'pro-edit-table': true,
     'pro-edit-table-drag': draggable,
     'pro-table-no-stripe': !stripe,
-    className: className
+    className
   });
-  var getRowKey = useCallback(function (record) {
+  var getRowKey = useCallback(record => {
     var key = record.rowKey || getRandom();
     if (rowKey) {
       var _ref3;
@@ -145,21 +148,17 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return key;
   }, [rowKey]);
-  var originalValues = useMemo(function () {
+  var originalValues = useMemo(() => {
     var _originalArr$every, _originalArr$some;
     var nextOriginalValues;
     // 原始值也需要设置对应的rowkey，后续比对通过rowkey对比
     var originalArr = get(resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues, name);
-    var isOriginalAllHasKey = originalArr ? originalArr === null || originalArr === void 0 || (_originalArr$every = originalArr.every) === null || _originalArr$every === void 0 ? void 0 : _originalArr$every.call(originalArr, function (item) {
-      return item.rowKey;
-    }) : true;
-    var isNeedCoverOriginal = originalArr === null || originalArr === void 0 || (_originalArr$some = originalArr.some) === null || _originalArr$some === void 0 ? void 0 : _originalArr$some.call(originalArr, function (item) {
-      return item.rowKey !== getRowKey(item);
-    });
+    var isOriginalAllHasKey = originalArr ? originalArr === null || originalArr === void 0 || (_originalArr$every = originalArr.every) === null || _originalArr$every === void 0 ? void 0 : _originalArr$every.call(originalArr, item => item.rowKey) : true;
+    var isNeedCoverOriginal = originalArr === null || originalArr === void 0 || (_originalArr$some = originalArr.some) === null || _originalArr$some === void 0 ? void 0 : _originalArr$some.call(originalArr, item => item.rowKey !== getRowKey(item));
     // 初始化默认生成row-key
     if (originalArr !== null && originalArr !== void 0 && originalArr.length && (!isOriginalAllHasKey || isNeedCoverOriginal)) {
       var _originalArr$forEach;
-      originalArr === null || originalArr === void 0 || (_originalArr$forEach = originalArr.forEach) === null || _originalArr$forEach === void 0 || _originalArr$forEach.call(originalArr, function (item) {
+      originalArr === null || originalArr === void 0 || (_originalArr$forEach = originalArr.forEach) === null || _originalArr$forEach === void 0 || _originalArr$forEach.call(originalArr, item => {
         item.rowKey = getRowKey(item);
       });
     }
@@ -169,15 +168,13 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return nextOriginalValues;
   }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues]);
-  var getIsNew = useCallback(function (record) {
+  var getIsNew = useCallback(record => {
     var _originalArr$find;
     var originalArr = get(originalValues, name);
     if (!(originalArr !== null && originalArr !== void 0 && originalArr.length)) {
       return false;
     }
-    return !(originalArr !== null && originalArr !== void 0 && (_originalArr$find = originalArr.find) !== null && _originalArr$find !== void 0 && _originalArr$find.call(originalArr, function (item) {
-      return getRowKey(item) === getRowKey(record);
-    }));
+    return !(originalArr !== null && originalArr !== void 0 && (_originalArr$find = originalArr.find) !== null && _originalArr$find !== void 0 && _originalArr$find.call(originalArr, item => getRowKey(item) === getRowKey(record)));
   }, [originalValues, name]);
 
   // 分页变更
@@ -198,7 +195,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
             setState({
               page: {
                 pageNum: current,
-                pageSize: pageSize
+                pageSize
               }
             });
             return _context.abrupt("return");
@@ -232,64 +229,62 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     };
   }(), [pagination, page.pageSize, form, name]);
   var config = _objectSpread({
-    form: form,
-    mode: mode,
-    isView: isView,
-    viewEmpty: viewEmpty,
-    disabled: disabled,
-    cellNamePath: cellNamePath,
-    forceUpdate: forceUpdate,
-    insertType: insertType,
-    emptyBtnText: emptyBtnText,
-    editingKeys: editingKeys,
-    actionWidth: actionWidth,
-    actionProps: actionProps,
-    toolbarProps: toolbarProps,
-    setState: setState,
-    selectedRowKeys: selectedRowKeys,
-    selectedRows: selectedRows,
-    onlyOneLineMsg: onlyOneLineMsg,
-    deletePoConfirmMsg: deletePoConfirmMsg,
-    mulDeletePoConfirmMsg: mulDeletePoConfirmMsg,
-    virtualKey: virtualKey,
-    requiredAlign: requiredAlign,
+    form,
+    mode,
+    isView,
+    viewEmpty,
+    disabled,
+    cellNamePath,
+    forceUpdate,
+    insertType,
+    emptyBtnText,
+    editingKeys,
+    actionWidth,
+    actionProps,
+    toolbarProps,
+    setState,
+    selectedRowKeys,
+    selectedRows,
+    onlyOneLineMsg,
+    deletePoConfirmMsg,
+    mulDeletePoConfirmMsg,
+    virtualKey,
+    requiredAlign,
     name: isArray(name) ? name : [name],
     // name需要处理成namePath形式，为兼容多路径
-    namePath: namePath,
-    tableRef: tableRef,
-    max: max,
+    namePath,
+    tableRef,
+    max,
     tableLength: value === null || value === void 0 ? void 0 : value.length,
-    page: page,
-    originalValues: originalValues,
-    prefixCls: prefixCls,
-    rowDisabled: rowDisabled,
-    actionDirection: actionDirection,
+    page,
+    originalValues,
+    prefixCls,
+    rowDisabled,
+    actionDirection,
     diffConfig: _objectSpread(_objectSpread({}, resetProps === null || resetProps === void 0 || (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
-    getIsNew: getIsNew,
-    handlePageChange: handlePageChange
+    getIsNew,
+    handlePageChange
   }, resetProps);
 
   // 编辑行设置下样式
-  var _rowClassName = function _rowClassName(record) {
+  var _rowClassName = record => {
     var isEdit = !virtualKey || editingKeys.includes(record.rowKey);
     var className = isEdit ? 'is-editing' : '';
     if (getIsNew(record)) {
-      return "is-new-row ".concat(className);
+      return `is-new-row ${className}`;
     }
     return className;
   };
 
   // 判断是否禁止添加、批量删除
-  var isForbiddenBtn = useCallback(function (type) {
+  var isForbiddenBtn = useCallback(type => {
     // 当工具栏不渲染时，都不渲染
     if (toolbarProps === false) {
       return true;
     }
     // 通过配置项配置show 为 false 开启关闭添加与批量删除
     if (Array.isArray(toolbarProps)) {
-      var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(function (item) {
-        return item.type === type;
-      });
+      var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(item => item.type === type);
       if (isFunction(addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show)) {
         var result = addBtnConfig.show();
         addBtnConfig.show = result;
@@ -305,15 +300,15 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   // 复选框
   var _rowSelection = _objectSpread({
     fixed: true,
-    selectedRowKeys: selectedRowKeys,
+    selectedRowKeys,
     columnWidth: 48,
-    onChange: function onChange(selectedRowKeys, selectedRows) {
+    onChange: (selectedRowKeys, selectedRows) => {
       setState({
-        selectedRowKeys: selectedRowKeys,
-        selectedRows: selectedRows
+        selectedRowKeys,
+        selectedRows
       });
     },
-    getCheckboxProps: function getCheckboxProps(record) {
+    getCheckboxProps: record => {
       if (rowDisabled) {
         var _disabled = rowDisabled(record);
         return {
@@ -326,35 +321,31 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   }, rowSelection);
 
   // 空列表状态
-  var emptyDom = useMemo(function () {
-    return function () {
-      var _filter, _ref5;
-      return /*#__PURE__*/_jsxs("div", {
-        className: "com-empty",
-        children: [/*#__PURE__*/_jsx("img", {
-          className: "img",
-          src: Empty,
-          alt: "Empty"
-        }), /*#__PURE__*/_jsx("div", {
-          className: "content",
-          children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : /*#__PURE__*/_jsxs(_Fragment, {
-            children: [locale.ProEditTable.noData, "\uFF0C", /*#__PURE__*/_jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
-              toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref5 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref5, function (item) {
-                return item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence);
-              }),
-              dataSource: []
-            })))]
-          })
-        })]
-      });
-    };
+  var emptyDom = useMemo(() => () => {
+    var _filter, _ref5;
+    return /*#__PURE__*/_jsxs("div", {
+      className: "com-empty",
+      children: [/*#__PURE__*/_jsx("img", {
+        className: "img",
+        src: Empty,
+        alt: "Empty"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "content",
+        children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [locale.ProEditTable.noData, "\uFF0C", /*#__PURE__*/_jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
+            toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref5 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref5, item => item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence)),
+            dataSource: []
+          })))]
+        })
+      })]
+    });
   }, [config, disabled, isForbiddenBtn, toolbarProps]);
 
   /**
    * 渲染表格选择器
    * @returns rowSelection
    */
-  var renderRowSelection = function renderRowSelection() {
+  var renderRowSelection = () => {
     if (disabled || isView) {
       return null;
     }
@@ -366,23 +357,19 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return null;
   };
-  var _columns = useMemo(function () {
+  var _columns = useMemo(() => {
     return transformColumns(columns, config);
   }, [disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath]);
-  var initDataSource = function initDataSource() {
+  var initDataSource = () => {
     var _value$every, _value$some;
     // 检查每一项是否有 rowKey 或通过 rowKey 字段获取的 key
-    var isAllHasKey = value === null || value === void 0 || (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, function (item) {
-      return item.rowKey || typeof rowKey === 'string' && item[rowKey];
-    });
+    var isAllHasKey = value === null || value === void 0 || (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, item => item.rowKey || typeof rowKey === 'string' && item[rowKey]);
 
     // 检查 rowKey 是否需要覆盖（即当前 rowKey 与 getRowKey 生成的不一致）
-    var isNeedCover = value === null || value === void 0 || (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, function (item) {
-      return item.rowKey !== (getRowKey === null || getRowKey === void 0 ? void 0 : getRowKey(item));
-    });
+    var isNeedCover = value === null || value === void 0 || (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, item => item.rowKey !== (getRowKey === null || getRowKey === void 0 ? void 0 : getRowKey(item)));
     // 初始化默认生成 rowKey
     if (value !== null && value !== void 0 && value.length && (!isAllHasKey || isNeedCover)) {
-      var nextValues = value === null || value === void 0 ? void 0 : value.map(function (item) {
+      var nextValues = value === null || value === void 0 ? void 0 : value.map(item => {
         return _objectSpread(_objectSpread({}, item), {}, {
           rowKey: getRowKey(item)
         });
@@ -393,97 +380,93 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       }
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     initDataSource();
   }, [value, originalValues]);
-  useImperativeHandle((resetProps === null || resetProps === void 0 ? void 0 : resetProps.ref) || ref, function () {
+  useImperativeHandle((resetProps === null || resetProps === void 0 ? void 0 : resetProps.ref) || ref, () => {
     return {
-      getInternalState: function getInternalState() {
-        return state;
-      },
+      getInternalState: () => state,
       setInternalState: setState
     };
   });
-  useEffect(function () {
+  useEffect(() => {
     if (toolbarSticky) {
-      var updatePos = function updatePos() {
+      var updatePos = () => {
         var _affixRef$current, _affixRef$current$upd;
         affixRef === null || affixRef === void 0 || (_affixRef$current = affixRef.current) === null || _affixRef$current === void 0 || (_affixRef$current$upd = _affixRef$current.updatePosition) === null || _affixRef$current$upd === void 0 || _affixRef$current$upd.call(_affixRef$current);
       };
       window.addEventListener('scroll', updatePos, true);
-      return function () {
+      return () => {
         window.removeEventListener('scroll', updatePos, true);
       };
     }
   }, [toolbarSticky]);
   var _toolbarSticky = isBoolean(toolbarSticky) ? {} : toolbarSticky;
-  var _summary = _typeof(summary) === 'object' ? function (data) {
-    return /*#__PURE__*/_jsx(Summary, {
-      data: data,
-      summary: summary,
-      rowSelection: renderRowSelection()
-    });
-  } : summary;
+  var _summary = typeof summary === 'object' ? data => /*#__PURE__*/_jsx(Summary, {
+    data: data,
+    summary: summary,
+    rowSelection: renderRowSelection()
+  }) : summary;
   var TableComponent = draggable ? DraggableTable : BaseTable;
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ConfigProvider, {
+    children: [/*#__PURE__*/_jsx(_ConfigProvider, {
       renderEmpty: value !== null && value !== void 0 && value.length ? undefined : emptyDom,
       children: /*#__PURE__*/_jsx(TableComponent, _objectSpread(_objectSpread({}, resetProps), {}, {
         draggableProps: {
-          onChange: onChange,
-          onDrag: onDrag,
-          onDragEnd: onDragEnd,
-          draggable: draggable
+          onChange,
+          onDrag,
+          onDragEnd,
+          draggable
         },
         tableProps: {
-          rowKey: rowKey,
-          value: value,
-          headerRender: headerRender,
-          tableRef: tableRef,
+          rowKey,
+          value,
+          headerRender,
+          tableRef,
           className: _className,
           columns: _columns,
-          renderRowSelection: renderRowSelection,
+          renderRowSelection,
           rowClassName: _rowClassName,
-          disabled: disabled,
-          virtualKey: virtualKey,
-          editingKeys: editingKeys,
-          isHideCheckBox: isHideCheckBox,
-          rowDraggable: rowDraggable,
-          pagination: pagination,
-          scroll: scroll,
+          disabled,
+          virtualKey,
+          editingKeys,
+          isHideCheckBox,
+          rowDraggable,
+          pagination,
+          scroll,
           summary: _summary,
-          page: page,
-          formatMessage: formatMessage,
-          locale: locale,
-          handlePageChange: handlePageChange
+          page,
+          formatMessage,
+          locale,
+          handlePageChange
         }
       }))
-    }), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/_jsx(Affix, _objectSpread(_objectSpread({
+    }), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/_jsx(_Affix, _objectSpread(_objectSpread({
       ref: affixRef
     }, _toolbarSticky), {}, {
       children: /*#__PURE__*/_jsx("div", {
-        className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
+        className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
         children: /*#__PURE__*/_jsx(RenderToolbar, _objectSpread({}, config))
       })
     })) : /*#__PURE__*/_jsx("div", {
-      className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
+      className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
       children: /*#__PURE__*/_jsx(RenderToolbar, _objectSpread({}, config))
     }) : null, footerRender ? /*#__PURE__*/_jsx("div", {
       className: "pro-edit-table-footer",
       children: footerRender
     }) : null, pagination ? /*#__PURE__*/_jsx("div", {
-      id: "pro-edit-table-pagination-".concat(config.name.join('-')),
-      onClick: function onClick() {
+      id: `pro-edit-table-pagination-${config.name.join('-')}`,
+      onClick: () => {
         onPageCheck({
-          form: form,
-          name: name,
-          value: value,
-          columns: columns,
-          page: page,
-          pagination: pagination,
-          isView: isView,
-          disabled: disabled,
-          setState: setState
+          form,
+          name,
+          value,
+          columns,
+          page,
+          pagination,
+          isView,
+          disabled,
+          setState
         });
       }
     }) : null, /*#__PURE__*/_jsx(Validator, {

package/es/ProEditTable/propsType.d.ts

@@ -7,7 +7,7 @@ import type { NamePath } from 'antd/es/form/interface';
 import type { ColumnType, TableProps } from 'antd/es/table';
 import type { FormInstance, FormItemProps } from 'antd/es/form';
 import type { ProFormValueType, FunctionArgs, ProRule } from '../ProForm/components/render/propsType';
-import type { DiffOriginalParams } from '../ProForm/utils/diffOriginal';
+import type { DiffOriginalParams } from './utils/diffOriginal';
 /**
  * 操作类型定义
  */

package/es/ProEditTable/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-edit-table {
   td[rowspan]{
@@ -81,7 +79,7 @@
     }
   }
 
-  .drag-wrapper {
+  .pro-edit-table-drag-wrapper {
     display: flex;
     justify-content: flex-end;
     .anticon {
@@ -90,7 +88,7 @@
       cursor: pointer;
     }
   }
-  .drag-wrapper.no-check {
+  .pro-edit-table-drag-wrapper.no-check {
     .anticon {
       margin-right: 0;
     }