@kdcloudjs/kdesign 1.7.40 → 1.7.42

package/lib/modal/style/index.css

@@ -249,6 +249,65 @@
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
+.kd-modal-container-box .kd-modal-resise-handle {
+  position: absolute;
+}
+.kd-modal-container-box .kd-modal-resise-n {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 6px;
+  cursor: ns-resize;
+}
+.kd-modal-container-box .kd-modal-resise-e {
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: 6px;
+  cursor: ew-resize;
+}
+.kd-modal-container-box .kd-modal-resise-s {
+  bottom: 0;
+  left: 0;
+  height: 6px;
+  width: 100%;
+  cursor: ns-resize;
+}
+.kd-modal-container-box .kd-modal-resise-w {
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 6px;
+  cursor: ew-resize;
+}
+.kd-modal-container-box .kd-modal-resise-ne {
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nesw-resize;
+}
+.kd-modal-container-box .kd-modal-resise-se {
+  bottom: 0;
+  right: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nwse-resize;
+}
+.kd-modal-container-box .kd-modal-resise-sw {
+  bottom: 0;
+  left: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nesw-resize;
+}
+.kd-modal-container-box .kd-modal-resise-nw {
+  top: 0;
+  left: 0;
+  width: 6px;
+  height: 6px;
+  cursor: nwse-resize;
+}
 .kd-modal-margin-btn {
   margin-right: var(--kd-c-modal-footer-button-spacing, 12px);
 }
@@ -268,6 +327,12 @@
   vertical-align: middle;
   content: '';
 }
+.kd-modal-wrapper-resizable {
+  text-align: unset;
+}
+.kd-modal-wrapper-resizable::before {
+  height: 0;
+}
 .kd-modal-dialog {
   display: inline-block;
   vertical-align: middle;

package/lib/modal/style/index.less

@@ -114,6 +114,69 @@
       color: @modal-footer-font-color;
       flex-shrink: 0;
     }
+
+    .@{modal-prefix-cls}-resise {
+      &-handle {
+        position: absolute;
+      }
+
+      &-n {
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 6px;
+        cursor: ns-resize;
+      }
+      &-e {
+        top: 0;
+        right: 0;
+        height: 100%;
+        width: 6px;
+        cursor: ew-resize;
+      }
+      &-s {
+        bottom: 0;
+        left: 0;
+        height: 6px;
+        width: 100%;
+        cursor: ns-resize;
+      }
+      &-w {
+        left: 0;
+        top: 0;
+        height: 100%;
+        width: 6px;
+        cursor: ew-resize;
+      }
+      &-ne {
+        top: 0;
+        right: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nesw-resize;
+      }
+      &-se {
+        bottom: 0;
+        right: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nwse-resize;
+      }
+      &-sw {
+        bottom: 0;
+        left: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nesw-resize;
+      }
+      &-nw {
+        top: 0;
+        left: 0;
+        width: 6px;
+        height: 6px;
+        cursor: nwse-resize;
+      }
+    }
   }
 
   &-margin-btn {
@@ -136,6 +199,13 @@
       vertical-align: middle;
       content: '';
     }
+
+    &-resizable {
+      text-align: unset;
+      &::before {
+        height: 0;
+      }
+    }
   }
   &-dialog {
     display: inline-block;

package/lib/notification-base/notice.js

@@ -38,6 +38,7 @@ var Notice = function Notice(props) {
     key = noticeProps.key;
   var noticePrefixCls = getPrefixCls(prefixCls, suffixCls, customPrefixcls);
   var timer = null;
+  var isTransition = false;
   var noticeRef = (0, _react.useRef)();
   var noticeClasses = (0, _classnames.default)(noticePrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(noticePrefixCls, "-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, "".concat(noticePrefixCls, "-closable"), closable), _classNames));
   var animationEvent = function animationEvent() {
@@ -46,7 +47,10 @@ var Notice = function Notice(props) {
     (_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.classList.add("".concat(noticePrefixCls, "-leave-after"));
   };
   var transitionEvent = function transitionEvent() {
-    onClose && onClose(key);
+    if (!isTransition) {
+      onClose && onClose(key);
+    }
+    isTransition = true;
   };
   var clearEventListener = function clearEventListener() {
     var _a, _b;
@@ -55,6 +59,7 @@ var Notice = function Notice(props) {
   };
   var handleClose = function handleClose() {
     var _a, _b, _c;
+    isTransition = false;
     (_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.classList.add("".concat(noticePrefixCls, "-leave"));
     (_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('animationend', animationEvent);
     (_c = noticeRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener('transitionend', transitionEvent);

package/lib/pagination/pagination.js

@@ -9,9 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TotalTypes = exports.PageTypes = void 0;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -33,7 +30,7 @@ exports.PageTypes = PageTypes;
 var TotalTypes = (0, _type.tuple)('page', 'row', 'all');
 exports.TotalTypes = TotalTypes;
 var Pagination = function Pagination(props) {
-  var _context4;
+  var _context2;
   var _React$useContext = React.useContext(_ConfigContext.default),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
@@ -192,8 +189,11 @@ var Pagination = function Pagination(props) {
   };
   // 生成元素是连续数字的数组
   function genArray(start, end) {
-    var _context2, _context3;
-    return (0, _slice.default)(_context2 = (0, _from.default)((0, _keys.default)(_context3 = Array(end + 1)).call(_context3))).call(_context2, start);
+    var result = [];
+    for (var i = start; i <= end; i++) {
+      result.push(i);
+    }
+    return result;
   }
   function dropdownVisibleChange(visible) {
     setIsOpen(visible);
@@ -292,7 +292,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', (0, _concat.default)(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', (0, _concat.default)(_context2 = "".concat(page, "/")).call(_context2, totalPage))), /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-current")
   }, showJumper ? /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -309,30 +309,33 @@ var Pagination = function Pagination(props) {
     disabled: page === totalPage || disabled
   }, innerIcon.next))));
   var lessPages = genArray(1, totalPage);
-  var lessPagination = /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(prefixCls, 'less', {
-      bordered: bordered,
-      disabled: disabled
-    }, className),
-    style: style
-  }, Total, /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(prefixCls, "-pages")
-  }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
-    onClick: handlePrev,
-    disabled: page === 1 || disabled
-  }, innerIcon.prev)), (0, _map.default)(lessPages).call(lessPages, function (item, index) {
-    return /*#__PURE__*/React.createElement("li", (0, _extends2.default)({
-      key: index
-    }, itemAttr('pages-item', String(item), item === page)), /*#__PURE__*/React.createElement("button", {
-      onClick: function onClick() {
-        return changePage(item);
-      },
-      disabled: disabled
-    }, item));
-  }), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
-    onClick: handleNext,
-    disabled: page === totalPage || disabled
-  }, innerIcon.next))));
+  var lessPagination = null;
+  if (pageType === 'less') {
+    lessPagination = /*#__PURE__*/React.createElement("div", {
+      className: (0, _classnames.default)(prefixCls, 'less', {
+        bordered: bordered,
+        disabled: disabled
+      }, className),
+      style: style
+    }, Total, /*#__PURE__*/React.createElement("ul", {
+      className: "".concat(prefixCls, "-pages")
+    }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+      onClick: handlePrev,
+      disabled: page === 1 || disabled
+    }, innerIcon.prev)), (0, _map.default)(lessPages).call(lessPages, function (item, index) {
+      return /*#__PURE__*/React.createElement("li", (0, _extends2.default)({
+        key: index
+      }, itemAttr('pages-item', String(item), item === page)), /*#__PURE__*/React.createElement("button", {
+        onClick: function onClick() {
+          return changePage(item);
+        },
+        disabled: disabled
+      }, item));
+    }), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+      onClick: handleNext,
+      disabled: page === totalPage || disabled
+    }, innerIcon.next))));
+  }
   var nicetyPages = lessPages;
   if (totalPage >= 8) {
     nicetyPages.length = 0;

package/lib/search/search-panel.d.ts

@@ -17,7 +17,7 @@ interface ItypeProps {
     label?: string;
     code?: string | number;
 }
-interface resultProps {
+export interface resultProps {
     title?: string;
     typeName?: string;
     subTitle?: string;

package/lib/select/index.d.ts

@@ -5,4 +5,5 @@ interface CompoundedComponent extends React.ForwardRefExoticComponent<ISelectPro
     Option: typeof Option;
 }
 declare const Select: CompoundedComponent;
+export * from './interface';
 export default Select;

package/lib/select/index.js

@@ -1,12 +1,26 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 exports.default = void 0;
 var _select = _interopRequireDefault(require("./select"));
 var _option = _interopRequireDefault(require("./option"));
+var _interface = require("./interface");
+_Object$keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
 var Select = _select.default;
 Select.Option = _option.default;
 var _default = Select;

package/lib/tree/tree.d.ts

@@ -25,7 +25,7 @@ export interface TreeProps {
     scrollToKey?: string;
     selectedKeys?: string[];
     notFoundContent?: ReactNode;
-    loadData?: () => void;
+    loadData?: <T>(data: T) => void;
     onCheck?: (checkedKeys: string[], { checked, node, event, halfCheckedKeys }: any) => void;
     onExpand?: (expandedKeys: string[], { expanded, node }: any) => void;
     onSelect?: (keys: string[], { checked, node, event }: any) => void;

package/lib/tree/treeHooks.js

@@ -83,7 +83,7 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
   }
   var initialExpandedKeys = _react.default.useMemo(function () {
     return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, isInit, searchStatus);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus]);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus, filterValue]);
   var _React$useState7 = _react.default.useState(initialExpandedKeys),
     _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
     expandedKeys = _React$useState8[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.40",
+  "version": "1.7.42",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -88,6 +88,7 @@
     "color": "^4.2.3",
     "copy-to-clipboard": "^3.3.1",
     "cropperjs": "^1.5.12",
+    "css-vars-ponyfill": "^2.4.8",
     "date-fns": "2.28.0",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.20",
@@ -103,8 +104,11 @@
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/plugin-proposal-export-namespace-from": "^7.10.4",
     "@babel/plugin-proposal-private-methods": "^7.10.4",
+    "@babel/plugin-syntax-decorators": "7.8.3",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/plugin-transform-object-assign": "^7.10.4",
     "@babel/plugin-transform-runtime": "^7.11.0",
+    "@babel/plugin-transform-typescript": "7.9.4",
     "@babel/preset-env": "^7.11.0",
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
@@ -117,6 +121,7 @@
     "@types/jest": "^26.0.14",
     "@types/jest-image-snapshot": "^4.1.0",
     "@types/lodash": "ts3.9",
+    "@types/prettier": "1.16.4",
     "@types/puppeteer": "^3.0.2",
     "@types/react": "^16.9.21",
     "@types/react-color": "^3.0.6",
@@ -179,6 +184,7 @@
     "less-plugin-npm-import": "^2.1.0",
     "less-vars-to-js": "^1.3.0",
     "lint-staged": "^10.2.13",
+    "lz-string": "1.4.4",
     "merge2": "^1.4.1",
     "mini-css-extract-plugin": "^0.10.0",
     "mockdate": "^3.0.2",
@@ -234,7 +240,7 @@
   "lint-staged": {
     "*.{ts,tsx,js,jsx}": [
       "npm run lint:script",
-      "prettier .prettierrc.js --write"
+      "prettier .prettierrc --write"
     ],
     "*.test.{ts,tsx,js,jsx}": [
       "npm run test"