@kdcloudjs/kdesign 1.7.53 → 1.7.55

package/es/city-picker/style/index.css

@@ -250,7 +250,6 @@
 }
 .kd-city-picker-dropdown {
   display: block;
-  left: 0;
   z-index: var(--kd-c-city-picker-z-index, var(--kd-g-z-index-popper, 1050));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/es/city-picker/style/index.less

@@ -142,7 +142,6 @@
 
   &-dropdown {
     display: block;
-    left: 0;
     z-index: @city-picker-z-index;
     box-sizing: border-box;
     margin: 0;

package/es/grid/col.js

@@ -41,12 +41,23 @@ var Col = function Col(props) {
   var rowGroup = useContext(GapContext);
   var mergedWinWidth = rowGroup.winWidth;
   var gap = rowGroup.gap;
-  // 浏览器名称
-  var isSogouOrIE = testBrowserType(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
+  // 判断当前浏览器是否支持row-gap，如果不支持则使用margin负值模拟
+  var notSupportRowGap = function notSupportRowGap() {
+    // 判断是否是搜狗浏览器
+    if (testBrowserType(/^sogou/i, 0)) return true;
+    // 判断是否是IE浏览器
+    if (/Trident|MSIE/.test(navigator.userAgent)) return true;
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
+      var version = navigator.userAgent.split('Chrome/')[1].split('.');
+      if (version[0] && parseInt(version[0]) <= 69) return true;
+    }
+    return false;
+  };
   var colGapStyle = {
     padding: "0 ".concat(gap.h / 2, "px")
   };
-  if (isSogouOrIE && gap.v) colGapStyle.marginBottom = gap.v;
+  if (notSupportRowGap() && gap.v) colGapStyle.marginBottom = gap.v;
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
   var columns = 24;

package/es/grid/row.js

@@ -42,8 +42,19 @@ var Row = function Row(props) {
     align = _getCompProps.align,
     justify = _getCompProps.justify,
     customPrefixcls = _getCompProps.prefixCls;
-  // 浏览器名称
-  var isSogouOrIe = testBrowserType(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
+  // 判断当前浏览器是否支持row-gap，如果不支持则使用margin负值模拟
+  var notSupportRowGap = function notSupportRowGap() {
+    // 判断是否是搜狗浏览器
+    if (testBrowserType(/^sogou/i, 0)) return true;
+    // 判断是否是IE浏览器
+    if (/Trident|MSIE/.test(navigator.userAgent)) return true;
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
+      var version = navigator.userAgent.split('Chrome/')[1].split('.');
+      if (version[0] && parseInt(version[0]) <= 69) return true;
+    }
+    return false;
+  };
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
   var _React$useState = React.useState(window.innerWidth),
@@ -78,7 +89,7 @@ var Row = function Row(props) {
     rowGap: "".concat(gap.v, "px"),
     margin: "0 ".concat(-1 * gap.h / 2, "px")
   };
-  if (gap.v && isSogouOrIe) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
+  if (gap.v && notSupportRowGap()) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
   var toalign = {
     top: 'flex-start',
     middle: 'center',

package/es/input/ClearableLabeledInput.js

@@ -56,11 +56,11 @@ var ClearableInput = function ClearableInput(props) {
       return null;
     }
     var needClear = !disabled && value && isMouseEnter;
-    var clearIconclasses = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
+    var clearIconCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), _defineProperty(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
     return /*#__PURE__*/React.createElement("span", {
       onMouseDown: mouseDownHandle,
       onClick: handleReset,
-      className: clearIconclasses
+      className: clearIconCls
     }, typeof allowClear === 'boolean' ? /*#__PURE__*/React.createElement(Icon, {
       type: "close-solid"
     }) : allowClear);

package/es/split-panel/split-panel.js

@@ -9,6 +9,7 @@ import classNames from 'classnames';
 import { getCompProps } from '../_utils';
 import { tuple } from '../_utils/type';
 import devWarning from '../_utils/devwarning';
+import ResizeObserver from 'resize-observer-polyfill';
 export var SplitPanelModes = tuple('horizontal', 'vertical');
 function pxToScale(numerator, denominator) {
   var percent = parseFloat(numerator) / parseFloat(denominator);
@@ -118,6 +119,21 @@ var SplitPanel = function SplitPanel(props) {
   }, [min, max, defaultSplit, getComputedThresholdValue, getComputeOffset]);
   useEffect(function () {
     initPanel();
+    var element = outerWrapper.current;
+    if (!element) {
+      devWarning(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      return;
+    }
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var entry = entries[0];
+      if (entry.contentRect) {
+        initPanel();
+      }
+    });
+    resizeObserver.observe(element);
+    return function () {
+      resizeObserver.disconnect();
+    };
   }, [initPanel]);
   var handleMove = useCallback(function (e) {
     // 将鼠标移动距离与offset进行处理

package/lib/city-picker/style/index.css

@@ -250,7 +250,6 @@
 }
 .kd-city-picker-dropdown {
   display: block;
-  left: 0;
   z-index: var(--kd-c-city-picker-z-index, var(--kd-g-z-index-popper, 1050));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/lib/city-picker/style/index.less

@@ -142,7 +142,6 @@
 
   &-dropdown {
     display: block;
-    left: 0;
     z-index: @city-picker-z-index;
     box-sizing: border-box;
     margin: 0;

package/lib/grid/col.js

@@ -53,12 +53,23 @@ var Col = function Col(props) {
   var rowGroup = (0, _react.useContext)(_row.GapContext);
   var mergedWinWidth = rowGroup.winWidth;
   var gap = rowGroup.gap;
-  // 浏览器名称
-  var isSogouOrIE = (0, _testBrowserType.testBrowserType)(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
+  // 判断当前浏览器是否支持row-gap，如果不支持则使用margin负值模拟
+  var notSupportRowGap = function notSupportRowGap() {
+    // 判断是否是搜狗浏览器
+    if ((0, _testBrowserType.testBrowserType)(/^sogou/i, 0)) return true;
+    // 判断是否是IE浏览器
+    if (/Trident|MSIE/.test(navigator.userAgent)) return true;
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
+      var version = navigator.userAgent.split('Chrome/')[1].split('.');
+      if (version[0] && parseInt(version[0]) <= 69) return true;
+    }
+    return false;
+  };
   var colGapStyle = {
     padding: "0 ".concat(gap.h / 2, "px")
   };
-  if (isSogouOrIE && gap.v) colGapStyle.marginBottom = gap.v;
+  if (notSupportRowGap() && gap.v) colGapStyle.marginBottom = gap.v;
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'col', customPrefixcls);
   var columns = 24;

package/lib/grid/row.js

@@ -55,8 +55,19 @@ var Row = function Row(props) {
     align = _getCompProps.align,
     justify = _getCompProps.justify,
     customPrefixcls = _getCompProps.prefixCls;
-  // 浏览器名称
-  var isSogouOrIe = (0, _testBrowserType.testBrowserType)(/^sogou/i, 0) || /Trident|MSIE/.test(navigator.userAgent);
+  // 判断当前浏览器是否支持row-gap，如果不支持则使用margin负值模拟
+  var notSupportRowGap = function notSupportRowGap() {
+    // 判断是否是搜狗浏览器
+    if ((0, _testBrowserType.testBrowserType)(/^sogou/i, 0)) return true;
+    // 判断是否是IE浏览器
+    if (/Trident|MSIE/.test(navigator.userAgent)) return true;
+    // 判断是否是chrome浏览器，chrome浏览器版本号小于69
+    if (/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent)) {
+      var version = navigator.userAgent.split('Chrome/')[1].split('.');
+      if (version[0] && parseInt(version[0]) <= 69) return true;
+    }
+    return false;
+  };
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'row', customPrefixcls);
   var _React$useState = _react.default.useState(window.innerWidth),
@@ -91,7 +102,7 @@ var Row = function Row(props) {
     rowGap: "".concat(gap.v, "px"),
     margin: "0 ".concat(-1 * gap.h / 2, "px")
   };
-  if (gap.v && isSogouOrIe) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
+  if (gap.v && notSupportRowGap()) rowStyle.marginBottom = "".concat(-1 * gap.v, "px");
   var toalign = {
     top: 'flex-start',
     middle: 'center',

package/lib/input/ClearableLabeledInput.js

@@ -69,11 +69,11 @@ var ClearableInput = function ClearableInput(props) {
       return null;
     }
     var needClear = !disabled && value && isMouseEnter;
-    var clearIconclasses = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
+    var clearIconCls = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
     return /*#__PURE__*/_react.default.createElement("span", {
       onMouseDown: mouseDownHandle,
       onClick: handleReset,
-      className: clearIconclasses
+      className: clearIconCls
     }, typeof allowClear === 'boolean' ? /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "close-solid"
     }) : allowClear);

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.53",
+  "version": "1.7.55",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [