@zat-design/sisyphus-react 3.4.13 → 3.5.0

package/es/ProTable/style/index.less

@@ -2,6 +2,90 @@
 @import (reference) '~antd/es/style/themes/index.less';
 
 .pro-table {
+  &.pro-table-draggable-only{
+    .ant-table-tbody{
+      .anticon {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .@{ant-prefix}-table-content {
+    >table {
+      .@{ant-prefix}-table-summary {
+        background-color: var(--zaui-table-header-bg, #f2f3f5);
+        color           : var(--zaui-text, #343434);
+        font-weight     : 600;
+
+        .@{ant-prefix}-table-cell-fix-left,
+        .@{ant-prefix}-table-cell-fix-right {
+          background-color: var(--zaui-table-header-bg, #f2f3f5);
+
+        }
+      }
+
+      th.@{ant-prefix}-table-selection-column {
+        width: 48px;
+      }
+
+      td {
+        .pro-form-view-container_nowrap {
+          white-space: normal;
+        }
+      }
+
+      .@{ant-prefix}-table-thead>tr>th:not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not([colspan]).is-required {
+        &.is-required-right {
+          .pro-edit-table-title {
+            &::before {
+              position   : static;
+              top        : 0;
+              display    : inline-block;
+              text-indent: -8px;
+              color      : #ff5050;
+              font-size  : var(--zaui-font-size-md, 14px);
+              line-height: 1;
+              content    : "*";
+            }
+          }
+        }
+        &.is-required-left {
+          .pro-edit-table-title {
+            &::after {
+              width: auto;
+              position   : static;
+              top        : 0;
+              display    : inline-block;
+              margin-left: var(--zaui-space-size-xs, 4px);
+              color      : #ff5050;
+              font-size  : 14px;
+              line-height: 1;
+              content    : "*";
+            }
+          }
+        }
+      }
+    }
+  }
+  .drag-wrapper {
+    display: flex;
+    width: 20px;
+    .anticon {
+      cursor: pointer;
+      margin-right: 12px;
+      .drag-icon{
+        margin-right: 0;
+      }
+    }
+  }
+  .drag-wrapper.no-check {
+    .anticon {
+      margin-right: 0;
+    }
+  }
+
+
+
   &.pro-table-bordered {
     .@{ant-prefix}-table .@{ant-prefix}-table-thead > tr > th {
       border-bottom: 1px solid #f0f0f0;
@@ -465,3 +549,9 @@
     }
   }
 }
+
+.pro-edit-table-drag {
+  table tr th.@{ant-prefix}-table-selection-column.@{ant-prefix}-table-cell-fix-left{
+    text-align: right;
+  }
+}

package/es/ProTree/utils.d.ts

@@ -22,7 +22,7 @@ export declare function getAllKeys(data: TreeDataProps[], fieldNames: FieldNames
 export declare const getParentKey: (key: string, tree: TreeDataProps[], fieldNames: FieldNamesType) => string;
 export declare function findTreeNodeByKey(treeData: TreeDataProps[], key: string, fieldNames: FieldNamesType): TreeDataProps[];
 /**
- * 根据所选的 checkedKeys 筛选出展示的 treeData
+ * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
  * @param data
  * @param checkedKeys
  * @returns

package/es/ProTree/utils.js

@@ -105,7 +105,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   return result;
 }
 /**
- * 根据所选的 checkedKeys 筛选出展示的 treeData
+ * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
  * @param data
  * @param checkedKeys
  * @returns

package/es/ProTreeModal/index.js

@@ -259,10 +259,16 @@ var ProTreeModal = function ProTreeModal(props) {
       }
       onChange === null || onChange === void 0 ? void 0 : onChange(values);
     }
-    setState({
-      open: false
-    });
-    openChange === null || openChange === void 0 ? void 0 : openChange(false);
+    // fix: 当有 openChange 时候、点击确定应该由关闭 openChange 控制
+    if (!openChange || open === undefined) {
+      setState({
+        open: false
+      });
+      openChange === null || openChange === void 0 ? void 0 : openChange(false);
+    }
+    if (openChange && open !== undefined) {
+      openChange === null || openChange === void 0 ? void 0 : openChange(true);
+    }
   };
   /**
    * clear all checked

package/es/ProTreeModal/style/index.less

@@ -114,6 +114,7 @@
 
     &:first-child {
       color: #616161;
+      border-radius: 8px 0 0 8px;
     }
 
     .@{ant-prefix}-btn-link {

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

@@ -43,6 +43,7 @@ var Row = exports.Row = function Row(props) {
   }, attributes), {}, {
     children: _react.default.Children.map(children, function (child) {
       if (child.key === 'RC_TABLE_KEY') {
+        console.log('走这里么', child.key);
         var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
           render = _ref.render,
           record = _ref.record,

package/lib/ProEditTable/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProEditTableProps, ProEditTableRefProps } from './propsType';
-declare const ForwardProEditTable: React.ForwardRefExoticComponent<ProEditTableProps<any> & React.RefAttributes<ProEditTableRefProps>>;
+declare const ForwardProEditTable: React.ForwardRefExoticComponent<Omit<ProEditTableProps<any>, "ref"> & React.RefAttributes<ProEditTableRefProps>>;
 export default ForwardProEditTable;

package/lib/ProEditTable/index.js

@@ -23,7 +23,7 @@ var _components = require("./components");
 var _ProForm = _interopRequireDefault(require("../ProForm"));
 var _empty = _interopRequireDefault(require("../assets/empty.png"));
 var _locale = _interopRequireWildcard(require("../locale"));
-var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled", "footerRender"];
+var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled", "footerRender", "scroll"];
 var ProEditTable = function ProEditTable(_ref, ref) {
   var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _value$2;
   var value = _ref.value,
@@ -54,6 +54,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     rowKey = _ref.rowKey,
     rowDisabled = _ref.rowDisabled,
     footerRender = _ref.footerRender,
+    scroll = _ref.scroll,
     resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // 上下文form
   var contentForm = _antd.Form.useFormInstance();
@@ -298,7 +299,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       }
     }
   }, [value]);
-  (0, _react.useImperativeHandle)(ref, function () {
+  (0, _react.useImperativeHandle)((resetProps === null || resetProps === void 0 ? void 0 : resetProps.ref) || ref, function () {
     return {
       getInternalState: function getInternalState() {
         return state;
@@ -349,7 +350,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
             pageSize: page.pageSize,
             showSizeChanger: false,
             showQuickJumper: true,
-            total: value.length,
+            total: value === null || value === void 0 ? void 0 : value.length,
             showTotal: function showTotal(total) {
               var _locale$ProEditTable;
               if (!total) return;
@@ -360,6 +361,10 @@ var ProEditTable = function ProEditTable(_ref, ref) {
             onChange: handlePageChange
           }, pagination) : false,
           rowKey: "rowKey",
+          scroll: {
+            x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+            y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
+          },
           summary: _summary
         }))]
       }), !isView && (value === null || value === void 0 ? void 0 : value.length) ? (0, _jsxRuntime.jsx)("div", {

package/lib/ProEditTable/propsType.d.ts

@@ -253,4 +253,5 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      */
     headerRender?: ReactNode;
     rowDisabled?: (record?: T) => string | boolean;
+    ref?: any;
 }

package/lib/ProForm/components/combination/ProNumberRange/index.js

@@ -21,6 +21,7 @@ var formatAmount = _utils.tools.formatAmount,
   formatPercent = _utils.tools.formatPercent,
   formatPerMill = _utils.tools.formatPerMill;
 var ProNumberRange = function ProNumberRange(props) {
+  var _valueProps, _valueProps2, _valueProps3, _valueProps4;
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     _props$onChange = props.onChange,
@@ -138,8 +139,26 @@ var ProNumberRange = function ProNumberRange(props) {
           }
         };
         break;
+      // 百分比
+      case 'percentage':
+        valueProps = {
+          min: 0,
+          max: 100,
+          step: 1
+        };
+        break;
+      // 千分比
+      case 'permillage':
+        valueProps = {
+          min: 0,
+          max: 1000,
+          step: 1
+        };
+        break;
       default:
-        valueProps = {};
+        valueProps = {
+          max: 999999999999
+        };
     }
   }
   /**
@@ -161,15 +180,16 @@ var ProNumberRange = function ProNumberRange(props) {
       className: "range-left",
       value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
       placeholder: "".concat(_locale.default.ProForm.inputPlaceholder),
-      min: min,
-      max: (value === null || value === void 0 ? void 0 : value[1]) || max || range[1],
       precision: precision,
       disabled: getDisabled(disabled, 0),
       onChange: function onChange(e) {
         firstHandleChange(e);
       },
       addonBefore: addonBefore
-    }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[0])), (0, _jsxRuntime.jsx)(_antd.Input, {
+    }, valueProps), {}, {
+      min: min || ((_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.min),
+      max: (value === null || value === void 0 ? void 0 : value[1]) || range[1] || max || ((_valueProps2 = valueProps) === null || _valueProps2 === void 0 ? void 0 : _valueProps2.max)
+    }, childProps === null || childProps === void 0 ? void 0 : childProps[0])), (0, _jsxRuntime.jsx)(_antd.Input, {
       className: (0, _classnames.default)({
         'range-split': true,
         'range-split-disabled': !!disabled
@@ -180,15 +200,16 @@ var ProNumberRange = function ProNumberRange(props) {
       className: "range-right",
       value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
       placeholder: "".concat(_locale.default.ProForm.inputPlaceholder),
-      min: (value === null || value === void 0 ? void 0 : value[0]) || min || range[0],
-      max: max,
       precision: precision,
       disabled: getDisabled(disabled, 1),
       onChange: function onChange(e) {
         lastHandleChange(e);
       },
       addonAfter: addonAfter
-    }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[1]))]
+    }, valueProps), {}, {
+      max: max || ((_valueProps3 = valueProps) === null || _valueProps3 === void 0 ? void 0 : _valueProps3.max),
+      min: (value === null || value === void 0 ? void 0 : value[0]) || range[0] || min || ((_valueProps4 = valueProps) === null || _valueProps4 === void 0 ? void 0 : _valueProps4.min)
+    }, childProps === null || childProps === void 0 ? void 0 : childProps[1]))]
   });
 };
 var _default = exports.default = ProNumberRange;

package/lib/ProForm/components/combination/ProNumberRange/propsType.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ProFormOtherProps } from '../../../propsType';
-export type ValueTypeEnum = 'percentage' | 'permillage' | 'thousandth';
 export interface ProNumberRangeProps {
     /**
      * @description       组件的值,[最小值，最大值]
@@ -46,7 +45,7 @@ export interface ProNumberRangeProps {
      * @description       值类型，回显时区分金额与百分比
      * @default           '-'
      */
-    valueType?: ValueTypeEnum;
+    valueType?: 'percentage' | 'permillage' | 'thousandth';
     /**
      * @description       空值查看时默认展示内容
      * @default           '-'

package/lib/ProForm/utils/valueType.d.ts

@@ -34,9 +34,6 @@ declare const _default: {
         type: any;
         valueType: any;
     }) => {
-        normalize?: undefined;
-        getValueProps?: undefined;
-    } | {
         normalize: (value: any) => any;
         getValueProps: (value: any) => {
             value: any;
@@ -47,9 +44,6 @@ declare const _default: {
         type: any;
         valueType: any;
     }) => {
-        normalize?: undefined;
-        getValueProps?: undefined;
-    } | {
         normalize: (value: any) => any;
         getValueProps: (value: any) => {
             value: any;

package/lib/ProForm/utils/valueType.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _big = _interopRequireDefault(require("big.js"));
+var _lodash = require("lodash");
 var _utils = require("@zat-design/utils");
 var transformDate = _utils.transforms.transformDate,
   transformSwitch = _utils.transforms.transformSwitch;
@@ -20,8 +21,35 @@ var transformRatio = function transformRatio(_ref) {
     precision = _ref$precision === void 0 ? 2 : _ref$precision,
     valueType = _ref.valueType;
   if (type === 'ProNumberRange' && ['permillage', 'percentage'].includes(valueType)) {
-    console.error('Warning: ProNumberRange valueType can only be set to [thousandth]');
-    return {};
+    var ref = null;
+    return {
+      normalize: function normalize(value) {
+        if (!value || !value.some(function (item) {
+          return item;
+        })) {
+          return {};
+        }
+        return [(value[0] || value[0] === 0) && Number.isFinite(value[0] - 0) ? (0, _big.default)(value[0] - 0).div(Math.pow(10, precision)).toNumber() : null, (value[1] || value[1] === 0) && Number.isFinite(value[1] - 0) ? (0, _big.default)(value[1] - 0).div(Math.pow(10, precision)).toNumber() : null];
+      },
+      getValueProps: function getValueProps(value) {
+        if (!value || !value.some(function (item) {
+          return item;
+        })) {
+          return {
+            value: []
+          };
+        }
+        if ((0, _lodash.isEqual)(ref, value)) {
+          return {
+            value: [(value[0] || value[0] === 0) && Number.isFinite(value[0] - 0) ? (0, _big.default)(value[0] - 0).times(Math.pow(10, precision)).toNumber() : null, (value[1] || value[1] === 0) && Number.isFinite(value[1] - 0) ? (0, _big.default)(value[1] - 0).times(Math.pow(10, precision)).toNumber() : null]
+          };
+        }
+        ref = value;
+        return {
+          value: [(value[0] || value[0] === 0) && Number.isFinite(value[0] - 0) ? (0, _big.default)(value[0] - 0).times(Math.pow(10, precision)).toNumber() : null, (value[1] || value[1] === 0) && Number.isFinite(value[1] - 0) ? (0, _big.default)(value[1] - 0).times(Math.pow(10, precision)).toNumber() : null]
+        };
+      }
+    };
   }
   return {
     normalize: function normalize(value) {

package/lib/ProLayout/index.js

@@ -31,7 +31,8 @@ var ProLayout = function ProLayout(props) {
     headerNotice = props.headerNotice,
     noticeIn = props.notice,
     dataSource = props.dataSource,
-    theme = props.theme;
+    theme = props.theme,
+    onCollapsedChange = props.onCollapsedChange;
   var _useSetState = (0, _ahooks.useSetState)({
       notice: headerNotice || noticeIn,
       menus: [],
@@ -92,7 +93,10 @@ var ProLayout = function ProLayout(props) {
         dataSource: menus,
         notice: notice,
         collapsed: collapsed,
-        onToggle: toggle
+        onToggle: function onToggle() {
+          toggle();
+          onCollapsedChange && onCollapsedChange(!collapsed);
+        }
       })), (0, _jsxRuntime.jsx)("div", {
         className: "pro-layout-content",
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, contentStyle), {}, {

package/lib/ProLayout/propTypes.d.ts

@@ -51,6 +51,10 @@ export interface ProLayoutProps {
     contentStyle?: CSSProperties;
     waterMarkProps?: ProWaterMarkProps;
     theme?: themeEnum;
+    /**
+  *  折叠回调事件
+  */
+    onCollapsedChange?: (collapsed: any) => void;
     [key: string]: any;
 }
 export interface ProLayoutStates {

package/lib/ProSelect/index.js

@@ -28,7 +28,8 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
   var _ref = (0, _ProConfigProvider.useProConfig)('ProSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
     proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
-    showCodeName = _ref.showCodeName;
+    showCodeName = _ref.showCodeName,
+    gViewportReady = _ref.viewportReady;
   var label = 'label';
   var code = 'value';
   if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
@@ -55,16 +56,16 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
     updateDataSource = props.updateDataSource,
     transformResponse = props.transformResponse,
     isViewPro = props.isView,
-    _props$viewportReady = props.viewportReady,
-    viewportReady = _props$viewportReady === void 0 ? false : _props$viewportReady,
+    __viewportReady = props.viewportReady,
     selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var viewportReady = __viewportReady || gViewportReady;
   /** 是否在可视区域出现过 */
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     viewFlag = _useState2[0],
     setViewFlag = _useState2[1];
-  var refSelect = (0, _react.useRef)();
-  var _useInViewport = (0, _ahooks.useInViewport)(refSelect),
+  var refSelect1 = (0, _react.useRef)();
+  var _useInViewport = (0, _ahooks.useInViewport)(refSelect1),
     _useInViewport2 = (0, _slicedToArray2.default)(_useInViewport, 1),
     inViewport = _useInViewport2[0];
   selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
@@ -300,45 +301,53 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
       fieldNames: fieldNames
     });
   }
-  return (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
-    allowClear: true,
-    showArrow: true,
-    loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
-    onChange: handleChange,
-    optionLabelProp: "children" // 解决warning报错，添加默认值
-    ,
-    showSearch: true,
-    filterOption: (0, _lodash.isFunction)(_onSearch) ? false : function (input, option) {
-      var _option$children, _option$children$prop;
-      var value = (0, _lodash.isString)(option === null || option === void 0 ? void 0 : option.children) ? option === null || option === void 0 ? void 0 : option.children : option === null || option === void 0 ? void 0 : (_option$children = option.children) === null || _option$children === void 0 ? void 0 : (_option$children$prop = _option$children.props) === null || _option$children$prop === void 0 ? void 0 : _option$children$prop.title;
-      return value.toLowerCase().includes(input.toLowerCase());
-    },
-    onSearch: function onSearch(value) {
-      _onSearch && _onSearch(value, (0, _objectSpread2.default)({}, fetchFunction));
-    },
-    getPopupContainer: function getPopupContainer(trigger) {
-      return scrollFollowParent ? trigger.parentElement : document.body;
-    }
-  }, (0, _lodash.omit)((0, _lodash.cloneDeep)(selectProps), ['isView', 'showCodeName', 'form', 'name'])), {}, {
-    value: transformValue(),
-    children: Array.isArray(newSelectList) && newSelectList.map(function (item) {
-      return (0, _jsxRuntime.jsx)(Option, {
-        value: item[code],
-        record: item,
-        disabled: !!item.disabled,
-        children: (0, _jsxRuntime.jsx)(TooltipOption, {
-          title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
-          children: OptionRender ? (0, _jsxRuntime.jsx)("span", {
-            title: OptionRender(item),
-            children: OptionRender(item)
-          }) : (0, _jsxRuntime.jsx)("span", {
-            title: "".concat(item[code], "-").concat(item[label]),
-            children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
-          })
-        }, item[code])
-      }, item[code]);
-    })
-  }));
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: refSelect1,
+    style: props.style,
+    className: "ant-select-compact-item-div",
+    children: (0, _jsxRuntime.jsx)(_antd.Select
+    // id={refSelect1.current}
+    , (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      // id={refSelect1.current}
+      placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
+      allowClear: true,
+      showArrow: true,
+      loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
+      onChange: handleChange,
+      optionLabelProp: "children" // 解决warning报错，添加默认值
+      ,
+      showSearch: true,
+      filterOption: (0, _lodash.isFunction)(_onSearch) ? false : function (input, option) {
+        var _option$children, _option$children$prop;
+        var value = (0, _lodash.isString)(option === null || option === void 0 ? void 0 : option.children) ? option === null || option === void 0 ? void 0 : option.children : option === null || option === void 0 ? void 0 : (_option$children = option.children) === null || _option$children === void 0 ? void 0 : (_option$children$prop = _option$children.props) === null || _option$children$prop === void 0 ? void 0 : _option$children$prop.title;
+        return value.toLowerCase().includes(input.toLowerCase());
+      },
+      onSearch: function onSearch(value) {
+        _onSearch && _onSearch(value, (0, _objectSpread2.default)({}, fetchFunction));
+      },
+      getPopupContainer: function getPopupContainer(trigger) {
+        return scrollFollowParent ? trigger.parentElement : document.body;
+      }
+    }, (0, _lodash.omit)((0, _lodash.cloneDeep)(selectProps), ['isView', 'showCodeName', 'form', 'name', 'style'])), {}, {
+      value: transformValue(),
+      children: Array.isArray(newSelectList) && newSelectList.map(function (item) {
+        return (0, _jsxRuntime.jsx)(Option, {
+          value: item[code],
+          record: item,
+          disabled: !!item.disabled,
+          children: (0, _jsxRuntime.jsx)(TooltipOption, {
+            title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
+            children: OptionRender ? (0, _jsxRuntime.jsx)("span", {
+              title: OptionRender(item),
+              children: OptionRender(item)
+            }) : (0, _jsxRuntime.jsx)("span", {
+              title: "".concat(item[code], "-").concat(item[label]),
+              children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
+            })
+          }, item[code])
+        }, item[code]);
+      })
+    }))
+  });
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProSelect);

package/lib/ProSelect/index.less

@@ -9,3 +9,9 @@
   text-overflow: ellipsis;
   word-break: keep-all;
 }
+.ant-select-compact-item-div {
+  width: 100%;
+  >.ant-select {
+    width: 100%;
+  }
+}

package/lib/ProTable/components/DndWrapper/index.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    'data-row-key': string;
+    'data-hide'?: boolean;
+    disabled?: boolean;
+}
+export declare const Row: FC<RowProps>;
+declare const DndWrapper: ({ draggable, value, onChange, disabled, children }: {
+    draggable: any;
+    value: any;
+    onChange: any;
+    disabled: any;
+    children: any;
+}) => any;
+export default DndWrapper;