@kdcloudjs/kdesign 1.8.53-stable.2 → 1.8.53-stable.4

package/es/city-picker/city-picker.js

@@ -40,7 +40,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
     locale = _useContext.locale,
-    direction = _useContext.direction;
+    direction = _useContext.direction,
+    isMobile = _useContext.isMobile;
   var selectProps = getCompProps('CityPicker', userDefaultProps, props);
   var cityPickerLangMsg = locale.getCompLangMsg({
     componentName: 'CityPicker'
@@ -228,13 +229,17 @@ var InternalSelect = function InternalSelect(props, ref) {
     }));
   };
   var handleOption = function handleOption(city) {
-    var _a;
+    var _a, _b;
     handleVisibleChange(false);
     if (!city.type) {
       city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
     }
     (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
-    (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    if (isMobile) {
+      (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    } else {
+      (_b = searchRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }
     setAfterChangeFocus(true);
     if (typeof value === 'undefined') {
       setSeletedCity(city);

package/es/popper/index.d.ts

@@ -60,6 +60,13 @@ export declare const popperPlacementMap: {
     rightTop: string;
     rightBottom: string;
 };
+/**
+ * 兼容IE8及以上的closest替代方法
+ * @param {element} element DOM元素
+ * @param {selector} string 选择器字符串
+ * @returns DOM元素
+ */
+export declare function closestPolyfill(element: any, selector: string): any;
 export declare type SubPopup = {
     dom: HTMLElement | null;
     triggerOpen: (nextOpen: boolean, triggerType?: IReason, delay?: number, payload?: IPayload) => void;

package/es/popper/index.js

@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
@@ -92,8 +93,52 @@ var getRealDom = function getRealDom(locatorRef) {
 var getElement = function getElement(element) {
   return typeof element === 'function' ? element() : element;
 };
+export function closestPolyfill(element, selector) {
+  var matchesSelector = function matchesSelector(el, sel) {
+    if (el.matches) {
+      return el.matches(sel);
+    }
+    if (el.msMatchesSelector) {
+      return el.msMatchesSelector(sel);
+    }
+    if (el.webkitMatchesSelector) {
+      return el.webkitMatchesSelector(sel);
+    }
+    var doc = el.document || el.ownerDocument;
+    if (!doc) return null;
+    var temp = doc.createElement('div');
+    var selectors = sel.split(',');
+    var matched = false;
+    for (var i = 0; i < selectors.length; i++) {
+      var _context2;
+      var _selector = _trimInstanceProperty(_context2 = selectors[i]).call(_context2);
+      try {
+        if (doc.querySelector) {
+          var test = doc.querySelector(_selector);
+          if (test) {
+            temp.innerHTML = '';
+            temp.appendChild(el.cloneNode(false));
+            matched = temp.querySelector(_selector) !== null;
+            if (matched) break;
+          }
+        }
+      } catch (e) {
+        continue;
+      }
+    }
+    return matched;
+  };
+  var el = element;
+  while (el && el.nodeType === 1) {
+    if (matchesSelector(el, selector)) {
+      return el;
+    }
+    el = el.parentElement || el.parentNode;
+  }
+  return null;
+}
 export var Popper = forwardRef(function (props, ref) {
-  var _context4, _context5, _context6;
+  var _context5, _context6, _context7;
   var _a;
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -299,13 +344,13 @@ export var Popper = forwardRef(function (props, ref) {
     var clientHeight = 0;
     if (arrow) {
       if (_startsWithInstanceProperty(placementInner).call(placementInner, 'top') || _startsWithInstanceProperty(placementInner).call(placementInner, 'bottom')) {
-        var _context2;
-        if (!_includesInstanceProperty(_context2 = ['top', 'bottom']).call(_context2, placementInner)) {
+        var _context3;
+        if (!_includesInstanceProperty(_context3 = ['top', 'bottom']).call(_context3, placementInner)) {
           clientWidth = 6 * arrowSize;
         }
       } else {
-        var _context3;
-        if (!_includesInstanceProperty(_context3 = ['right', 'left']).call(_context3, placementInner)) {
+        var _context4;
+        if (!_includesInstanceProperty(_context4 = ['right', 'left']).call(_context4, placementInner)) {
           clientHeight = 6 * arrowSize;
         }
       }
@@ -547,7 +592,8 @@ export var Popper = forwardRef(function (props, ref) {
     }
     var current = getRealDom(referenceRef, referenceElement);
     if (current) {
-      popperInstance.current = createPopper(trigger === 'contextMenu' ? virtualElement : (current === null || current === void 0 ? void 0 : current.closest(".".concat(referencePrefixCls))) || current, popperRefDom.current, popperOptionsInner);
+      var referenceEl = trigger === 'contextMenu' ? virtualElement : closestPolyfill(current, ".".concat(referencePrefixCls)) || current;
+      popperInstance.current = createPopper(referenceEl, popperRefDom.current, popperOptionsInner);
       registerSubPopup();
     }
     return function () {
@@ -567,7 +613,7 @@ export var Popper = forwardRef(function (props, ref) {
     }, popperOuterClassName)
   };
   var popperProps = {
-    className: classnames([_concatInstanceProperty(_context4 = "".concat(popperPrefixCls, "-")).call(_context4, placementInner)], _defineProperty({}, _concatInstanceProperty(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner, "-out"), !visibleInner), _defineProperty({}, _concatInstanceProperty(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
+    className: classnames([_concatInstanceProperty(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner)], _defineProperty({}, _concatInstanceProperty(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-out"), !visibleInner), _defineProperty({}, _concatInstanceProperty(_context7 = "".concat(popperPrefixCls, "-")).call(_context7, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
     style: _extends(_extends({}, popperStyle), style),
     onMouseOver: trigger === 'hover' ? function () {
       return onTriggerInner(true, 'hover', mouseEnterDelay);

package/es/tabs/tab-pane.d.ts

@@ -17,6 +17,7 @@ export interface ITabPaneProps {
     id?: string | number;
     activeKey?: string | number;
     children?: any;
+    customTitleProps?: any;
     onChange?: TabChangeEventHandler;
 }
 declare const TabPane: React.FC<ITabPaneProps>;

package/es/tabs/tab-pane.js

@@ -21,6 +21,7 @@ var TabPane = function TabPane(props) {
     className = props.className,
     disabled = props.disabled,
     operations = props.operations,
+    customTitleProps = props.customTitleProps,
     onChange = props.onChange;
   var tabPaneProps = _extends({}, props);
   if (context) {
@@ -66,18 +67,18 @@ var TabPane = function TabPane(props) {
       ref: tabPaneRef,
       className: tabPaneBoxClasses,
       onClick: handleClick
-    }, React.createElement("span", {
+    }, React.createElement("span", _extends({
       className: tabPaneTextClasses
-    }, tab));
+    }, customTitleProps), tab));
   }
   return React.createElement("span", {
     className: tabPaneBoxClasses,
     onContextMenu: handleContextMenu
-  }, React.createElement("span", {
+  }, React.createElement("span", _extends({
     ref: tabPaneRef,
     className: tabPaneTextClasses,
     onClick: handleClick
-  }, tab), React.createElement("span", {
+  }, customTitleProps), tab), React.createElement("span", {
     className: operationsClasses
   }, renderOperations()));
 };

package/lib/city-picker/city-picker.js

@@ -52,7 +52,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
     locale = _useContext.locale,
-    direction = _useContext.direction;
+    direction = _useContext.direction,
+    isMobile = _useContext.isMobile;
   var selectProps = (0, _utils.getCompProps)('CityPicker', userDefaultProps, props);
   var cityPickerLangMsg = locale.getCompLangMsg({
     componentName: 'CityPicker'
@@ -240,13 +241,17 @@ var InternalSelect = function InternalSelect(props, ref) {
     }));
   };
   var handleOption = function handleOption(city) {
-    var _a;
+    var _a, _b;
     handleVisibleChange(false);
     if (!city.type) {
       city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
     }
     (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
-    (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    if (isMobile) {
+      (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    } else {
+      (_b = searchRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }
     setAfterChangeFocus(true);
     if (typeof value === 'undefined') {
       setSeletedCity(city);

package/lib/popper/index.d.ts

@@ -60,6 +60,13 @@ export declare const popperPlacementMap: {
     rightTop: string;
     rightBottom: string;
 };
+/**
+ * 兼容IE8及以上的closest替代方法
+ * @param {element} element DOM元素
+ * @param {selector} string 选择器字符串
+ * @returns DOM元素
+ */
+export declare function closestPolyfill(element: any, selector: string): any;
 export declare type SubPopup = {
     dom: HTMLElement | null;
     triggerOpen: (nextOpen: boolean, triggerType?: IReason, delay?: number, payload?: IPayload) => void;

package/lib/popper/index.js

@@ -7,13 +7,16 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.popperPlacementMap = exports.default = exports.Triggers = exports.Popper = exports.Placements = void 0;
+exports.Triggers = exports.Popper = exports.Placements = void 0;
+exports.closestPolyfill = closestPolyfill;
+exports.popperPlacementMap = exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
@@ -107,8 +110,52 @@ var getRealDom = function getRealDom(locatorRef) {
 var getElement = function getElement(element) {
   return typeof element === 'function' ? element() : element;
 };
+function closestPolyfill(element, selector) {
+  var matchesSelector = function matchesSelector(el, sel) {
+    if (el.matches) {
+      return el.matches(sel);
+    }
+    if (el.msMatchesSelector) {
+      return el.msMatchesSelector(sel);
+    }
+    if (el.webkitMatchesSelector) {
+      return el.webkitMatchesSelector(sel);
+    }
+    var doc = el.document || el.ownerDocument;
+    if (!doc) return null;
+    var temp = doc.createElement('div');
+    var selectors = sel.split(',');
+    var matched = false;
+    for (var i = 0; i < selectors.length; i++) {
+      var _context2;
+      var _selector = (0, _trim.default)(_context2 = selectors[i]).call(_context2);
+      try {
+        if (doc.querySelector) {
+          var test = doc.querySelector(_selector);
+          if (test) {
+            temp.innerHTML = '';
+            temp.appendChild(el.cloneNode(false));
+            matched = temp.querySelector(_selector) !== null;
+            if (matched) break;
+          }
+        }
+      } catch (e) {
+        continue;
+      }
+    }
+    return matched;
+  };
+  var el = element;
+  while (el && el.nodeType === 1) {
+    if (matchesSelector(el, selector)) {
+      return el;
+    }
+    el = el.parentElement || el.parentNode;
+  }
+  return null;
+}
 var Popper = (0, _react.forwardRef)(function (props, ref) {
-  var _context4, _context5, _context6;
+  var _context5, _context6, _context7;
   var _a;
   var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -314,13 +361,13 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
     var clientHeight = 0;
     if (arrow) {
       if ((0, _startsWith.default)(placementInner).call(placementInner, 'top') || (0, _startsWith.default)(placementInner).call(placementInner, 'bottom')) {
-        var _context2;
-        if (!(0, _includes.default)(_context2 = ['top', 'bottom']).call(_context2, placementInner)) {
+        var _context3;
+        if (!(0, _includes.default)(_context3 = ['top', 'bottom']).call(_context3, placementInner)) {
           clientWidth = 6 * arrowSize;
         }
       } else {
-        var _context3;
-        if (!(0, _includes.default)(_context3 = ['right', 'left']).call(_context3, placementInner)) {
+        var _context4;
+        if (!(0, _includes.default)(_context4 = ['right', 'left']).call(_context4, placementInner)) {
           clientHeight = 6 * arrowSize;
         }
       }
@@ -562,7 +609,8 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
     }
     var current = getRealDom(referenceRef, referenceElement);
     if (current) {
-      popperInstance.current = (0, _core.createPopper)(trigger === 'contextMenu' ? virtualElement : (current === null || current === void 0 ? void 0 : current.closest(".".concat(referencePrefixCls))) || current, popperRefDom.current, popperOptionsInner);
+      var referenceEl = trigger === 'contextMenu' ? virtualElement : closestPolyfill(current, ".".concat(referencePrefixCls)) || current;
+      popperInstance.current = (0, _core.createPopper)(referenceEl, popperRefDom.current, popperOptionsInner);
       registerSubPopup();
     }
     return function () {
@@ -582,7 +630,7 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
     }, popperOuterClassName)
   };
   var popperProps = {
-    className: (0, _classnames3.default)([(0, _concat.default)(_context4 = "".concat(popperPrefixCls, "-")).call(_context4, placementInner)], (0, _defineProperty2.default)({}, (0, _concat.default)(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner, "-out"), !visibleInner), (0, _defineProperty2.default)({}, (0, _concat.default)(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
+    className: (0, _classnames3.default)([(0, _concat.default)(_context5 = "".concat(popperPrefixCls, "-")).call(_context5, placementInner)], (0, _defineProperty2.default)({}, (0, _concat.default)(_context6 = "".concat(popperPrefixCls, "-")).call(_context6, placementInner, "-out"), !visibleInner), (0, _defineProperty2.default)({}, (0, _concat.default)(_context7 = "".concat(popperPrefixCls, "-")).call(_context7, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
     style: (0, _extends2.default)((0, _extends2.default)({}, popperStyle), style),
     onMouseOver: trigger === 'hover' ? function () {
       return onTriggerInner(true, 'hover', mouseEnterDelay);

package/lib/tabs/tab-pane.d.ts

@@ -17,6 +17,7 @@ export interface ITabPaneProps {
     id?: string | number;
     activeKey?: string | number;
     children?: any;
+    customTitleProps?: any;
     onChange?: TabChangeEventHandler;
 }
 declare const TabPane: React.FC<ITabPaneProps>;

package/lib/tabs/tab-pane.js

@@ -34,6 +34,7 @@ var TabPane = function TabPane(props) {
     className = props.className,
     disabled = props.disabled,
     operations = props.operations,
+    customTitleProps = props.customTitleProps,
     onChange = props.onChange;
   var tabPaneProps = (0, _extends2.default)({}, props);
   if (context) {
@@ -79,18 +80,18 @@ var TabPane = function TabPane(props) {
       ref: tabPaneRef,
       className: tabPaneBoxClasses,
       onClick: handleClick
-    }, _react.default.createElement("span", {
+    }, _react.default.createElement("span", (0, _extends2.default)({
       className: tabPaneTextClasses
-    }, tab));
+    }, customTitleProps), tab));
   }
   return _react.default.createElement("span", {
     className: tabPaneBoxClasses,
     onContextMenu: handleContextMenu
-  }, _react.default.createElement("span", {
+  }, _react.default.createElement("span", (0, _extends2.default)({
     ref: tabPaneRef,
     className: tabPaneTextClasses,
     onClick: handleClick
-  }, tab), _react.default.createElement("span", {
+  }, customTitleProps), tab), _react.default.createElement("span", {
     className: operationsClasses
   }, renderOperations()));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.8.53-stable.2",
+  "version": "1.8.53-stable.4",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [