@teamix/pro 1.1.36 → 1.1.37

package/dist/pro.js

@@ -59745,7 +59745,9 @@ var ProAction = function ProAction(props) {
 /* harmony export */   "R": () => (/* binding */ useLinkAction)
 /* harmony export */ });
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
-/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54842);
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18944);
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(54842);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -59754,10 +59756,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 function useLinkAction(action, context) {
-  var linkAction = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(action, context);
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_1__/* .eventHandler */ .$)(action, function () {
-    (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink)(linkAction);
+  var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_2__/* .eventHandler */ .$)(action, function () {
+    var linkAction = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(action, context);
+    (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink)(linkAction, history);
   }));
 }
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (useLinkAction)));
@@ -65733,7 +65737,8 @@ var PlayGround = function PlayGround(props) {
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
 /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53277);
 /* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27872);
-var _excluded = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
+var _excluded = ["text", "children", "closable"],
+    _excluded2 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -65803,15 +65808,29 @@ var renderTags = function renderTags(tags) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag.Group, {
     className: cls('tags')
   }, tags.map(function (tag, i) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag, {
+    // @ts-ignore
+    var text = tag.text,
+        children = tag.children,
+        closable = tag.closable,
+        others = _objectWithoutPropertiesLoose(tag, _excluded);
+
+    if (closable) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag.Closeable, _extends({
+        key: i,
+        size: "large",
+        style: {
+          marginBottom: 0
+        }
+      }, others), text || children);
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag, _extends({
       key: i,
       size: "large",
-      type: tag.type,
-      color: tag.color,
       style: {
         marginBottom: 0
       }
-    }, tag.text);
+    }, others), text || children);
   }));
 };
 
@@ -65896,7 +65915,7 @@ var PageHeader = function PageHeader(props) {
       children = props.children,
       className = props.className,
       style = props.style,
-      others = _objectWithoutPropertiesLoose(props, _excluded);
+      others = _objectWithoutPropertiesLoose(props, _excluded2);
 
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
   var backgroundImage = image ? "url('" + image + "')" : undefined;
@@ -68726,7 +68745,9 @@ var isHTMLElement = function isHTMLElement(target) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(86018);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26245);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);
 var _excluded = ["children", "className", "ellipsisPosition", "endCharCount", "tooltipProps", "rows", "tooltip", "style"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -68742,10 +68763,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var Tooltip = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Balloon.Tooltip;
 
 var Ellipsis = function Ellipsis(props) {
-  var _cls2;
+  var _cls;
 
   var children = props.children,
       className = props.className,
@@ -68759,13 +68781,14 @@ var Ellipsis = function Ellipsis(props) {
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var textRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  var contentRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
       tooltipVisible = _useState[0],
       setTooltipVisible = _useState[1];
 
-  var responsive = (0,ahooks__WEBPACK_IMPORTED_MODULE_3__/* .useResponsive */ .F)();
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+  var contentSize = (0,ahooks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(contentRef);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()(function () {
     var _textRef$current$offs, _textRef$current, _textRef$current$scro, _textRef$current2, _textRef$current$offs2, _textRef$current3, _textRef$current$scro2, _textRef$current4;
 
     var visible = false;
@@ -68783,41 +68806,29 @@ var Ellipsis = function Ellipsis(props) {
     }
 
     setTooltipVisible(visible);
-  }, [responsive]);
-
-  if (tooltipVisible && tooltip !== false) {
-    var _cls;
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Tooltip, {
-      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
-        ref: textRef,
-        style: _objectSpread({
-          WebkitLineClamp: rows
-        }, style),
-        className: classnames__WEBPACK_IMPORTED_MODULE_0___default()((_cls = {
-          'teamix-pro-ellipsis': true
-        }, _cls[className != null ? className : ''] = true, _cls))
-      }, children),
-      align: "t",
-      popupProps: {
-        offset: [0, -6],
-        animation: {
-          "in": 'fadeIn',
-          out: 'fadeOut'
-        }
-      }
-    }, tooltip == null ? void 0 : tooltip.toString());
-  }
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
+  }, 300), [contentSize, children]);
+  var renderContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
     ref: textRef,
-    style: {
+    style: _objectSpread({
       WebkitLineClamp: rows
-    },
-    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()((_cls2 = {
-      'teamix-pro-field-ellipsis': true
-    }, _cls2[className != null ? className : ''] = true, _cls2))
+    }, style),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()((_cls = {
+      'teamix-pro-ellipsis': true
+    }, _cls[className != null ? className : ''] = true, _cls))
   }, children);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
+    ref: contentRef
+  }, tooltipVisible && tooltip !== false && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Tooltip, {
+    trigger: renderContent,
+    align: "t",
+    popupProps: {
+      offset: [0, -6],
+      animation: {
+        "in": 'fadeIn',
+        out: 'fadeOut'
+      }
+    }
+  }, tooltip == null ? void 0 : tooltip.toString()), (!tooltipVisible || tooltip === false) && renderContent);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Ellipsis);
@@ -69252,7 +69263,27 @@ var getTeamixIconConfig = function getTeamixIconConfig() {
 /* harmony export */ });
 var GLOBAL_CONFIG = {};
 function setGlobalConfig(config) {
-  GLOBAL_CONFIG = config;
+  if (!config) {
+    return;
+  }
+
+  for (var key in config) {
+    var configKey = key;
+
+    if (Object.prototype.hasOwnProperty.call(config, configKey)) {
+      (function () {
+        var configValue = config[configKey];
+
+        if (configKey === 'history') {
+          GLOBAL_CONFIG[configKey] = typeof configValue === 'undefined' ? function () {
+            return configValue;
+          } : configValue;
+        } else {
+          GLOBAL_CONFIG[configKey] = configValue;
+        }
+      })();
+    }
+  }
 }
 function updateGlobalConfig(key, value) {
   GLOBAL_CONFIG[key] = value;
@@ -69400,7 +69431,8 @@ function goToLink(link, history) {
     return;
   }
 
-  var globalHistory = (0,_globalConfig__WEBPACK_IMPORTED_MODULE_0__/* .getGlobalConfig */ .Hi)('history');
+  var globalConfigHistory = (0,_globalConfig__WEBPACK_IMPORTED_MODULE_0__/* .getGlobalConfig */ .Hi)('history');
+  var globalHistory = typeof globalConfigHistory === 'function' ? globalConfigHistory() : globalConfigHistory;
   var historyPushMethod = (globalHistory == null ? void 0 : globalHistory.push) || (history == null ? void 0 : history.push);
 
   if (typeof historyPushMethod !== 'function' || /^https?:\/\//.test(href)) {