ds-web-all 1.0.1-beta.21 → 1.0.1-beta.23

package/lib/components/compose-form/form-item.js

@@ -138,7 +138,7 @@ function CFFormItem(componentProps) {
     comProps.loading = loading;
     comProps.dataSource = remoteSource;
   }
-  var showTipsUiType = ['select', 'radio', 'datepicker', 'date-range-picker', 'textarea', 'input', 'number', 'selectTag', 'selectUser', 'upload-file', 'checkbox-group', 'text', 'date-picker', 'switch'];
+  var hideTipsUiType = ['upload-img'];
   var isRequired = (0, _react.useMemo)(function () {
     return formItemProps.required !== undefined ? formItemProps.required : !!(formItemProps.rules && formItemProps.rules.some(function (rule) {
       if (rule && _typeof(rule) === 'object' && rule.required && !rule.warningOnly) {
@@ -164,7 +164,7 @@ function CFFormItem(componentProps) {
   }, formItemProps), /*#__PURE__*/_react.default.createElement(Com, _extends({}, comProps, {
     form: form,
     onChange: onComponentChange
-  }))), (props === null || props === void 0 ? void 0 : props.tips) && showTipsUiType.indexOf(uiType) > -1 && /*#__PURE__*/_react.default.createElement("div", {
+  }))), (props === null || props === void 0 ? void 0 : props.tips) && hideTipsUiType.indexOf(uiType) === -1 && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       color: '#999',
       fontSize: '12px',

package/lib/components/compose-form/mod/coms-map.js

@@ -39,6 +39,7 @@ var _textarea = _interopRequireDefault(require("./textarea"));
 var _cascaderSelect = _interopRequireDefault(require("./cascaderSelect"));
 var _linkText = _interopRequireDefault(require("../../link-text"));
 var _phoneSmsCode = _interopRequireDefault(require("./phoneSmsCode"));
+var _switchText = _interopRequireDefault(require("./switch-text"));
 var _unSupport = _interopRequireDefault(require("./un-support"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
@@ -91,5 +92,6 @@ var _default = exports.default = {
   radio: _radioGroup.default,
   mobilePhone: _mobilePhone.default,
   linkText: _linkText.default,
-  phoneSmsCode: _phoneSmsCode.default
+  phoneSmsCode: _phoneSmsCode.default,
+  switchText: _switchText.default
 };

package/lib/components/compose-form/mod/switch-text/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/switch/style");
+var _switch = _interopRequireDefault(require("antd/es/switch"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["value", "onChange", "checkedValue", "uncheckedValue"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var _default = exports.default = function _default(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$checkedValue = _ref.checkedValue,
+    checkedValue = _ref$checkedValue === void 0 ? true : _ref$checkedValue,
+    _ref$uncheckedValue = _ref.uncheckedValue,
+    uncheckedValue = _ref$uncheckedValue === void 0 ? false : _ref$uncheckedValue,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(value === checkedValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    switchChecked = _useState2[0],
+    setSwitchChecked = _useState2[1];
+  var handleChange = function handleChange(checked) {
+    setSwitchChecked(checked);
+    onChange(checked ? checkedValue : uncheckedValue);
+  };
+  (0, _react.useEffect)(function () {
+    setSwitchChecked(value === checkedValue);
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      lineHeight: '32px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_switch.default, _extends({
+    checked: switchChecked,
+    onChange: handleChange
+  }, others)));
+};

package/lib/components/compose-manage/index.less

@@ -60,8 +60,8 @@
 
   .section-caption {
     display: flex;
-    align-items: center;
-    justify-content: flex-end;
+    flex-direction: row-reverse;
+    justify-content: space-between;
     align-items: center;
     margin: 16px 0;
   }

package/lib/components/compose-tree/hooks/use-compose-tree.js

@@ -78,7 +78,8 @@ var _default = exports.default = function _default(_ref2) {
     } : _ref2$requestDataForm,
     _ref2$moduleRoute = _ref2.moduleRoute,
     moduleRoute = _ref2$moduleRoute === void 0 ? '\\*' : _ref2$moduleRoute,
-    dataSourceFormatter = _ref2.dataSourceFormatter;
+    dataSourceFormatter = _ref2.dataSourceFormatter,
+    extraTransparentParams = _ref2.extraTransparentParams;
   var match = (0, _reactRouterDom.useRouteMatch)();
   var history = (0, _reactRouterDom.useHistory)();
   var _useUnmounted = (0, _useUnmounted3.default)(),
@@ -634,7 +635,8 @@ var _default = exports.default = function _default(_ref2) {
     generateUrlByTreePaths: generateUrlByTreePaths,
     isInTree: true,
     firstLoaded: firstLoaded,
-    updateDataSource: updateDataSource
+    updateDataSource: updateDataSource,
+    extraTransparentParams: extraTransparentParams
   };
 };
 var ComposeTreeContext = exports.ComposeTreeContext = /*#__PURE__*/_react.default.createContext(null);

package/lib/components/compose-tree/index.js

@@ -31,7 +31,7 @@ var _blank = require("../blank");
 var _useComposeTree = _interopRequireWildcard(require("./hooks/use-compose-tree"));
 require("./index.less");
 var _excluded = ["onSelect", "onUserSelect", "routerConfig", "treeColWidth", "request", "renderSearchExtra", "groupTypeList", "typeKey", "renderTree"],
-  _excluded2 = ["request", "extendModuleMap", "firstLoadAll", "expandAllTree", "typeKey", "groupTypeList", "requestDataFormatter", "moduleRoute", "dataSourceFormatter"];
+  _excluded2 = ["request", "extendModuleMap", "firstLoadAll", "expandAllTree", "typeKey", "groupTypeList", "requestDataFormatter", "moduleRoute", "dataSourceFormatter", "extraTransparentParams"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -163,6 +163,7 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
     requestDataFormatter = _ref3.requestDataFormatter,
     moduleRoute = _ref3.moduleRoute,
     dataSourceFormatter = _ref3.dataSourceFormatter,
+    extraTransparentParams = _ref3.extraTransparentParams,
     others = _objectWithoutProperties(_ref3, _excluded2);
   var composeTreeContext = (0, _useComposeTree.default)({
     request: {
@@ -175,7 +176,8 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
     groupTypeList: groupTypeList,
     requestDataFormatter: requestDataFormatter,
     moduleRoute: moduleRoute,
-    dataSourceFormatter: dataSourceFormatter
+    dataSourceFormatter: dataSourceFormatter,
+    extraTransparentParams: extraTransparentParams
   });
   (0, _react.useImperativeHandle)(ref, function () {
     return {

package/lib/components/splitter/Panel.js

@@ -8,9 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var InnerPanel = exports.InnerPanel = function InnerPanel(_ref) {
   var children = _ref.children,
-    size = _ref.size;
+    size = _ref.size,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "ss-splitter-panel",
+    className: ['ss-splitter-panel', className].join(' '),
     style: {
       flexBasis: size,
       flexGrow: size ? 1 : 0,

package/lib/components/splitter/Splitter.js

@@ -41,6 +41,8 @@ var Splitter = function Splitter(_ref) {
     _ref$disabledHideBar = _ref.disabledHideBar,
     disabledHideBar = _ref$disabledHideBar === void 0 ? true : _ref$disabledHideBar,
     className = _ref.className,
+    _ref$sizes = _ref.sizes,
+    sizes = _ref$sizes === void 0 ? [] : _ref$sizes,
     style = _ref.style;
   var splitterRef = (0, _react.useRef)(null);
   var _useRefState = (0, _useRefState3.default)([]),
@@ -50,19 +52,22 @@ var Splitter = function Splitter(_ref) {
     cacheSizesRef = _useRefState2[2];
   var panels = (0, _react.useMemo)(function () {
     return (Array.isArray(children) ? children : [children]).filter(_react.isValidElement).map(function (node, i) {
-      var _props$size;
       var _ref2 = node,
         props = _ref2.props;
-      return _objectSpread(_objectSpread({}, props), {}, {
-        size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cacheSizes[i]
-      });
+      return _objectSpread({}, props);
+    });
+  }, [children]);
+  var propSizes = (0, _react.useMemo)(function () {
+    return panels.map(function (el, i) {
+      var _cacheSizes$i;
+      return (_cacheSizes$i = cacheSizes[i]) !== null && _cacheSizes$i !== void 0 ? _cacheSizes$i : sizes[i];
     });
-  }, [cacheSizes, children]);
+  }, [cacheSizes, sizes, panels]);
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
     containerSize = _useState2[0],
     setContainerSize = _useState2[1];
-  var _useSizes = (0, _useSize.default)(panels, containerSize),
+  var _useSizes = (0, _useSize.default)(panels, propSizes, containerSize),
     panelSizes = _useSizes.panelSizes;
   (0, _react.useEffect)(function () {
     var observer = new ResizeObserver(function (entries) {
@@ -82,7 +87,8 @@ var Splitter = function Splitter(_ref) {
   var moveBar = (0, _react.useRef)({
     oldSizePrev: 0,
     oldSizeNext: 0,
-    index: -1
+    index: -1,
+    sizes: []
   });
   var _useMouseMove = (0, _useMouseMove2.default)({
       start: function start(e, i) {
@@ -90,7 +96,8 @@ var Splitter = function Splitter(_ref) {
         moveBar.current = {
           index: i,
           oldSizePrev: panelSizes[i - 1],
-          oldSizeNext: panelSizes[i]
+          oldSizeNext: panelSizes[i],
+          sizes: _toConsumableArray(panelSizes)
         };
         return true;
       },
@@ -108,16 +115,14 @@ var Splitter = function Splitter(_ref) {
       end: function end(_ref4) {
         var changeX = _ref4.changeX,
           changeY = _ref4.changeY;
-        console.log(changeX, changeY);
         if (moveBar.current.index === -1) return;
         var changePt = layout === 'horizontal' ? changeX : changeY;
-        setCacheSizes(function (old) {
-          old[moveBar.current.index - 1] = Math.max(0, Math.min(moveBar.current.oldSizePrev + moveBar.current.oldSizeNext, moveBar.current.oldSizePrev + changePt));
-          old[moveBar.current.index] = Math.max(0, Math.min(moveBar.current.oldSizePrev + moveBar.current.oldSizeNext, moveBar.current.oldSizeNext - changePt));
-          return _toConsumableArray(old);
-        });
+        var old = _toConsumableArray(cacheSizesRef.current);
+        old[moveBar.current.index - 1] = Math.max(0, Math.min(moveBar.current.oldSizePrev + moveBar.current.oldSizeNext, moveBar.current.oldSizePrev + changePt));
+        old[moveBar.current.index] = Math.max(0, Math.min(moveBar.current.oldSizePrev + moveBar.current.oldSizeNext, moveBar.current.oldSizeNext - changePt));
+        onResize === null || onResize === void 0 ? void 0 : onResize(old);
+        setCacheSizes([]);
         moveBar.current.index = -1;
-        onResize === null || onResize === void 0 ? void 0 : onResize(cacheSizesRef.current);
       }
     }),
     _onMouseDown = _useMouseMove.onMouseDown,

package/lib/components/splitter/splitter.less

@@ -10,7 +10,19 @@
     flex: 0 0 0;
     .ss-splitter-bar-dragger {
       position: relative;
-      background-color: #f0f0f0;
+      &::before {
+        display: block;
+        content: '';
+        width: 100%;
+        height: 100%;
+        background-color: #f0f0f0;
+      }
+      &:hover {
+        background-color: var(--ant-primary-2, #e6f7ff);
+        &::before {
+          background-color: transparent;
+        }
+      }
     }
   }
   .ss-splitter-panel {
@@ -23,9 +35,14 @@
       .ss-splitter-bar-dragger {
         cursor: row-resize;
         width: 100%;
-        height: 2px;
-        top: -1px;
+        height: 6px;
+        top: -3px;
+        box-sizing: border-box;
+        padding: 2px 0;
         left: 0;
+        &::before {
+          height: 2px;
+        }
       }
     }
     .ss-splitter-panel {
@@ -39,9 +56,14 @@
       .ss-splitter-bar-dragger {
         cursor: col-resize;
         height: 100%;
-        width: 2px;
-        left: -1px;
+        width: 6px;
+        left: -3px;
+        box-sizing: border-box;
+        padding: 0 2px;
         top: 0;
+        &::before {
+          width: 2px;
+        }
       }
     }
     .ss-splitter-panel {

package/lib/components/splitter/useSize.js

@@ -11,13 +11,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable no-plusplus */
-var useSizes = function useSizes(panelPropList) {
-  var containerSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var propSizes = (0, _react.useMemo)(function () {
-    return panelPropList.map(function (el) {
-      return el.size;
-    });
-  }, [panelPropList]);
+var useSizes = function useSizes(panelPropList, propSizes) {
+  var containerSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var _useState = (0, _react.useState)(function () {
       return panelPropList.map(function (el) {
         return el.defaultSize;

package/lib/components/table/index.js

@@ -30,16 +30,23 @@ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 var _react = _interopRequireWildcard(require("react"));
 var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _virtuallistAntd = require("virtuallist-antd");
 var _loading = _interopRequireDefault(require("../loading"));
 var _comsMap = _interopRequireWildcard(require("./coms-map"));
 var _interface = require("./interface");
 require("./index.less");
 var _excluded = ["columns", "dataSource", "cellClassName", "comsMap", "checkable", "selectedRowKeys", "onSelectAll", "onSelect", "primaryKey", "onPageChange", "onEmit", "scroll", "size", "virtuallistParams", "fixFirstColumn"],
-  _excluded2 = ["name", "label", "width", "uiType", "className", "props", "cell", "render", "help", "fixed", "children"];
+  _excluded2 = ["name", "label", "width", "uiType", "className", "props", "cell", "render", "help", "fixed", "children"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -218,21 +225,119 @@ function CFTable(_ref2) {
       };
     }
   }, [columns]);
-  var VcComponent = (0, _react.useMemo)(function () {
-    if (virtuallistParams) {
-      return (0, _virtuallistAntd.VList)({
-        height: virtuallistParams === null || virtuallistParams === void 0 ? void 0 : virtuallistParams.height,
-        resetTopWhenDataChange: false
-      });
-    }
-  }, [virtuallistParams === null || virtuallistParams === void 0 ? void 0 : virtuallistParams.height]);
   var finalScroll = _objectSpread(_objectSpread({}, _scroll), scroll || {});
+  var scrollTopRef = (0, _react.useRef)(0);
+  var VirtualTableContext = /*#__PURE__*/(0, _react.createContext)({
+    childrenLen: 0,
+    scrollTop: 0,
+    startRowIndex: 0,
+    startOffset: 0,
+    endRowIndex: 0,
+    dispatch: function dispatch(params) {}
+  });
+  var VcComponent = (0, _react.useMemo)(function () {
+    return {
+      table: function table(_ref4) {
+        var tableChildren = _ref4.children,
+          restProps = _objectWithoutProperties(_ref4, _excluded3);
+        var _useState = (0, _react.useState)(0),
+          _useState2 = _slicedToArray(_useState, 2),
+          childrenLen = _useState2[0],
+          setChildrenLen = _useState2[1];
+        var _useState3 = (0, _react.useState)(scrollTopRef.current),
+          _useState4 = _slicedToArray(_useState3, 2),
+          scrollTop = _useState4[0],
+          setScrollTop = _useState4[1];
+        var scrollChildRef = (0, _react.useRef)(null);
+        var _useMemo = (0, _react.useMemo)(function () {
+            var _virtuallistParams$he;
+            var rowHeight = (_virtuallistParams$he = virtuallistParams === null || virtuallistParams === void 0 ? void 0 : virtuallistParams.height) !== null && _virtuallistParams$he !== void 0 ? _virtuallistParams$he : 40;
+            var startRowIndex = Math.floor(scrollTop / rowHeight);
+            var startOffset = scrollTop - startRowIndex * rowHeight;
+            var endRowIndex = Math.ceil((scrollTop + finalScroll.y) / rowHeight);
+            return [startRowIndex, startOffset, endRowIndex];
+          }, [scrollTop, virtuallistParams === null || virtuallistParams === void 0 ? void 0 : virtuallistParams.height, finalScroll.y]),
+          _useMemo2 = _slicedToArray(_useMemo, 3),
+          startRowIndex = _useMemo2[0],
+          startOffset = _useMemo2[1],
+          endRowIndex = _useMemo2[2];
+        var dispatch = function dispatch(_ref5) {
+          var type = _ref5.type,
+            payload = _ref5.payload;
+          switch (type) {
+            case 'childrenLen':
+              setChildrenLen(payload);
+              break;
+            case 'scrollTop':
+              setScrollTop(payload);
+              break;
+          }
+        };
+        var onVirtualScroll = function onVirtualScroll(e) {
+          scrollTopRef.current = e.target.scrollTop;
+          setScrollTop(e.target.scrollTop);
+        };
+        (0, _react.useEffect)(function () {
+          var _scrollChildRef$curre;
+          var scrollEle = (_scrollChildRef$curre = scrollChildRef.current) === null || _scrollChildRef$curre === void 0 ? void 0 : _scrollChildRef$curre.parentNode;
+          if (scrollEle) {
+            scrollEle.scrollTop = scrollTopRef.current;
+            scrollEle.addEventListener('scroll', onVirtualScroll);
+          }
+          return function () {
+            if (scrollEle) {
+              scrollEle.removeEventListener('scroll', onVirtualScroll);
+            }
+          };
+        }, []);
+        return /*#__PURE__*/_react.default.createElement(VirtualTableContext.Provider, {
+          value: {
+            childrenLen: childrenLen,
+            scrollTop: scrollTop,
+            startRowIndex: startRowIndex,
+            startOffset: startOffset,
+            endRowIndex: endRowIndex,
+            dispatch: dispatch
+          }
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          ref: scrollChildRef,
+          style: {
+            boxSizing: 'border-box',
+            height: ((virtuallistParams === null || virtuallistParams === void 0 ? void 0 : virtuallistParams.height) || 40) * childrenLen,
+            paddingTop: scrollTop
+          }
+        }, /*#__PURE__*/_react.default.createElement("table", _extends({}, restProps, {
+          style: _objectSpread(_objectSpread({}, restProps.style || {}), {}, {
+            minWidth: '100%',
+            tableLayout: 'fixed',
+            width: finalScroll.x,
+            transform: "translateY(-".concat(startOffset, "px)")
+          })
+        }), tableChildren)));
+      },
+      body: {
+        wrapper: function wrapper(_ref6) {
+          var wrapperChildren = _ref6.children,
+            restProps = _objectWithoutProperties(_ref6, _excluded4);
+          var _useContext = (0, _react.useContext)(VirtualTableContext),
+            dispatch = _useContext.dispatch,
+            startRowIndex = _useContext.startRowIndex,
+            endRowIndex = _useContext.endRowIndex;
+          (0, _react.useEffect)(function () {
+            var _wrapperChildren$1$le, _wrapperChildren$;
+            dispatch({
+              type: 'childrenLen',
+              payload: (_wrapperChildren$1$le = wrapperChildren === null || wrapperChildren === void 0 ? void 0 : (_wrapperChildren$ = wrapperChildren[1]) === null || _wrapperChildren$ === void 0 ? void 0 : _wrapperChildren$.length) !== null && _wrapperChildren$1$le !== void 0 ? _wrapperChildren$1$le : 0
+            });
+          }, [wrapperChildren]);
+          return /*#__PURE__*/_react.default.createElement("tbody", restProps, wrapperChildren[0], wrapperChildren[1].slice(startRowIndex, endRowIndex));
+        }
+      }
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_table.default, _extends({
     components: virtuallistParams ? VcComponent : undefined,
-    scroll: virtuallistParams ? {
-      x: finalScroll === null || finalScroll === void 0 ? void 0 : finalScroll.x,
-      y: virtuallistParams.height
-    } : finalScroll,
+    scroll: finalScroll,
     dataSource: dataSource,
     loadingComponent: renderLoading,
     rowKey: primaryKey,

package/lib/components/table/mod/button-list.js

@@ -165,6 +165,7 @@ var withTableButtonFeatures = (0, _recompose.mapProps)(function (_ref) {
       batchProps: nextBatchProps,
       tableProps: tableProps,
       formProps: formProps && _objectSpread(_objectSpread({}, formProps), {}, {
+        dataSource: typeof formProps.formItemsFormat === 'function' ? formProps.formItemsFormat(tableProps, formProps.dataSource) : formProps.dataSource,
         request: formProps.request && produceRequest(formProps.request),
         initialValuesRequest: formProps.initialValuesRequest && produceRequest(formProps.initialValuesRequest),
         onError: nextOnError,

package/lib/index.js

@@ -136,6 +136,12 @@ Object.defineProperty(exports, "Splitter", {
     return _splitter.default;
   }
 });
+Object.defineProperty(exports, "SwitchText", {
+  enumerable: true,
+  get: function get() {
+    return _switchText.default;
+  }
+});
 var _composeManage = _interopRequireWildcard(require("./components/compose-manage"));
 var _composeTab = _interopRequireWildcard(require("./components/compose-tab"));
 var _composeTree = _interopRequireWildcard(require("./components/compose-tree"));
@@ -148,6 +154,7 @@ var _datePick = require("./components/compose-form/mod/datePick");
 var _customSelect = _interopRequireDefault(require("./components/compose-form/mod/custom-select"));
 var _FormConfirm = _interopRequireDefault(require("./components/FormConfirm"));
 var _splitter = _interopRequireDefault(require("./components/splitter"));
+var _switchText = _interopRequireDefault(require("./components/compose-form/mod/switch-text"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "ds-web-all",
-  "version": "1.0.1-beta.21",
+  "version": "1.0.1-beta.23",
   "scripts": {
     "start": "cross-env BUILD_ENV=dev && dumi dev",
     "docs:build": "cross-env BUILD_ENV=production && dumi build",
@@ -67,7 +67,6 @@
     "runes": "^0.4.3",
     "store2": "^2.13.2",
     "typescript": "^4.2.3",
-    "virtuallist-antd": "^0.8.0-beta.1",
     "wangeditor": "^4.7.15"
   },
   "devDependencies": {
@@ -77,6 +76,7 @@
     "@types/qs": "^6.9.7",
     "@types/react-redux": "^7.1.9",
     "@types/react-router-dom": "^5.1.5",
+    "@types/react-window": "^1.8.8",
     "@types/recompose": "^0.30.7",
     "@umijs/plugin-locale": "^0.14.2",
     "@umijs/test": "^3.0.5",