@kdcloudjs/kdesign 1.7.48-usePopper.1 → 1.7.48-usePopper.2

package/lib/popper/style/index.less

@@ -1,6 +1,5 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
-// @import './token.less';
 
 @popper-prefix-cls: ~'@{kd-prefix}-popper';
 
@@ -12,27 +11,25 @@
   &.hidden {
     opacity: 0;
     visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s);
     pointer-events: none;
   }
 
-  &-content {
-    .arrow {
-      visibility: hidden;
-
-      &::before {
-        visibility: visible;
-        position: absolute;
-        border-style: solid;
-        border-width: var(--arrowSize);
-        content: '';
-        transform: rotate(45deg);
-      }
+  .arrow {
+    visibility: hidden;
+
+    &::before {
+      visibility: visible;
+      position: absolute;
+      border-style: solid;
+      border-color: transparent;
+      border-width: var(--arrowSize);
+      content: '';
+      transform: rotate(45deg);
     }
   }
 
   &[data-popper-placement^='top'] .arrow {
-    bottom: var(--arrowSize);
+    bottom: calc(0.9 * var(--arrowSize));
 
     &::before {
       left: calc(-1 * var(--arrowSize));
@@ -42,7 +39,7 @@
   }
 
   &[data-popper-placement^='bottom'] .arrow {
-    top: calc(-1 * var(--arrowSize));
+    top: calc(-0.9 * var(--arrowSize));
 
     &::before {
       left: calc(-1 * var(--arrowSize));
@@ -52,7 +49,7 @@
   }
 
   &[data-popper-placement^='left'] .arrow {
-    right: var(--arrowSize);
+    right: calc(0.9 * var(--arrowSize));
 
     &::before {
       top: calc(-1 * var(--arrowSize));
@@ -62,7 +59,7 @@
   }
 
   &[data-popper-placement^='right'] .arrow {
-    left: calc(-1 * var(--arrowSize));
+    left: calc(-0.9 * var(--arrowSize));
 
     &::before {
       top: calc(-1 * var(--arrowSize));
@@ -93,7 +90,7 @@
 .popper-motion(~'@{popper-prefix-cls}-right', kdZoomLeft);
 .popper-motion(~'@{popper-prefix-cls}-bottom', kdZoomTop);
 .popper-motion(~'@{popper-prefix-cls}-top-start', kdZoomLeftBottom);
-.popper-motion(~'@{popper-prefix-cls}-rightBottom', kdZoomLeftBottom);
+.popper-motion(~'@{popper-prefix-cls}-right-end', kdZoomLeftBottom);
 .popper-motion(~'@{popper-prefix-cls}-top-end', kdZoomRightBottom);
 .popper-motion(~'@{popper-prefix-cls}-left-end', kdZoomRightBottom);
 .popper-motion(~'@{popper-prefix-cls}-left-start', kdZoomTopRight);
@@ -101,3 +98,4 @@
 .popper-motion(~'@{popper-prefix-cls}-right-start', kdZoomTopLeft);
 .popper-motion(~'@{popper-prefix-cls}-bottom-start', kdZoomTopLeft);
 
+

package/lib/qr-code/qr-code.js

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 var _utils = require("../_utils");
-var _qrcode = require("qrcode.react");
+var _qrcode = require("qrcode.react-ie");
 var _spin = _interopRequireDefault(require("../spin"));
 var _button = _interopRequireDefault(require("../button"));
 var _icon = _interopRequireDefault(require("../icon"));

package/lib/radio/radio.js

@@ -103,7 +103,7 @@ var InternalRadio = function InternalRadio(props, ref) {
       className: classString,
       style: style,
       ref: mergedRef
-    }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, restProps, {
       type: "radio",
       className: "".concat(radioPrefixCls, "-input"),
       checked: isChecked,
@@ -111,7 +111,7 @@ var InternalRadio = function InternalRadio(props, ref) {
       value: value,
       name: context === null || context === void 0 ? void 0 : context.name,
       disabled: mergedDisabled
-    }, restProps)), children !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
+    })), children !== undefined ? /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(radioPrefixCls, "-text")
     }, children) : null)
   );

package/lib/radio/style/index.css

@@ -126,7 +126,6 @@
   color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
   font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
   max-width: var(--kd-c-radio-default-label-max-width);
-  overflow: hidden;
   min-height: var(--kd-c-radio-square-sizing-width-height, 14px);
 }
 .kd-radio::before {

package/lib/radio/style/index.less

@@ -23,7 +23,7 @@
   color: @radio-font-color;
   font-size: @radio-font-size;
   max-width: @radio-default-label-max-width;
-  overflow: hidden;
+  // overflow: hidden;
   min-height: @radio-circle-size;
 
   &::before {

package/lib/select/style/index.css

@@ -429,6 +429,9 @@
 }
 .kd-select-item-option-content .kd-checkbox {
   width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
 }
 .kd-select-item-option-content .kd-checkbox .kd-checkbox-children {
   display: inline-block;

package/lib/select/style/index.less

@@ -194,6 +194,7 @@
 
         .@{kd-prefix}-checkbox {
           width: 100%;
+          display: flex;
 
           .@{kd-prefix}-checkbox-children {
             display: inline-block;

package/lib/split-panel/split-panel.js

@@ -19,6 +19,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../_utils");
 var _type = require("../_utils/type");
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SplitPanelModes = (0, _type.tuple)('horizontal', 'vertical');
@@ -131,6 +132,21 @@ var SplitPanel = function SplitPanel(props) {
   }, [min, max, defaultSplit, getComputedThresholdValue, getComputeOffset]);
   (0, _react.useEffect)(function () {
     initPanel();
+    var element = outerWrapper.current;
+    if (!element) {
+      (0, _devwarning.default)(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      return;
+    }
+    var resizeObserver = new _resizeObserverPolyfill.default(function (entries) {
+      var entry = entries[0];
+      if (entry.contentRect) {
+        initPanel();
+      }
+    });
+    resizeObserver.observe(element);
+    return function () {
+      resizeObserver.disconnect();
+    };
   }, [initPanel]);
   var handleMove = (0, _react.useCallback)(function (e) {
     // 将鼠标移动距离与offset进行处理

package/lib/tooltip/style/index.css

@@ -122,8 +122,8 @@
   font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
   line-height: 1.5;
   background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
-  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+  -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
+          filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
 }
 .kd-tooltip .arrow::before {
   border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));

package/lib/tooltip/style/index.less

@@ -13,7 +13,7 @@
   font-size: @tooltip-font-size;
   line-height: 1.5;
   background-color: @tooltip-background-color;
-  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
 
   .arrow::before {
     border-color: @tooltip-background-color;

package/lib/tree/utils/treeUtils.js

@@ -650,7 +650,7 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
   if (isSearching && searchStatus === 'SEARCH_START') {
     keys = (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode, keysData, expandOnFilterNode).filterExpandKeys);
   }
-  return keys;
+  return (0, _from.default)(new _set.default((0, _toConsumableArray2.default)(keys)));
 };
 exports.getInitExpandedKeys = getInitExpandedKeys;
 var getExpandedKeys = function getExpandedKeys(expandedKeys) {

package/lib/upload/upload.js

@@ -437,7 +437,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       handleRemove: handleRemove,
       disabled: disabled,
       onPreview: onPreview
-    })), file, setFileList) : /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
+    })), file, fileList) : /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
       key: file.uid
     }, {
       file: file,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.48-usePopper.1",
+  "version": "1.7.48-usePopper.2",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -79,7 +79,7 @@
     "@babel/runtime-corejs3": "^7.11.2",
     "@babel/standalone": "^7.14.3",
     "@kdcloudjs/kdesign-icons": "^1.0.0",
-    "@kdcloudjs/table": "1.2.0-canary.12",
+    "@kdcloudjs/table": "1.2.0-canary.16",
     "@popperjs/core": "^2.11.8",
     "@types/js-cookie": "^3.0.3",
     "async-validator": "^3.5.1",
@@ -93,7 +93,7 @@
     "date-fns": "2.28.0",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.20",
-    "qrcode.react": "^3.1.0",
+    "qrcode.react-ie": "^3.1.3",
     "react-color": "^2.19.3",
     "react-draggable": "^4.4.3",
     "react-popper": "^2.3.0",
@@ -114,6 +114,9 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@commitlint/config-conventional": "^9.1.2",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^14.5.2",
     "@types/babel__traverse": "7.17.1",
     "@types/big.js": "^6.0.0",
     "@types/classnames": "^2.2.10",
@@ -190,6 +193,7 @@
     "mini-css-extract-plugin": "^0.10.0",
     "mockdate": "^3.0.2",
     "mq-polyfill": "^1.1.8",
+    "mutation-observer": "^1.0.3",
     "node-fetch": "^2.6.1",
     "np": "^6.5.0",
     "nunjucks": "^3.2.3",