tntd 2.0.26 → 2.1.0

package/lib/tag/index.js

@@ -1,11 +1,17 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
-exports["default"] = void 0;
+var _exportNames = {
+  TagPalettes: true,
+  Tag: true
+};
+exports["default"] = exports.TagPalettes = exports.Tag = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _colorAlpha = _interopRequireDefault(require("color-alpha"));
+var _configProvider = require("antd/lib/config-provider");
 var _tag = _interopRequireWildcard(require("antd/lib/tag"));
 Object.keys(_tag).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -19,7 +25,142 @@ Object.keys(_tag).forEach(function (key) {
   });
 });
 require("antd/lib/tag/style");
+require("./tag.less");
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+var _palettes;
 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 _default = _tag["default"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var TagPalettes;
+exports.TagPalettes = TagPalettes;
+(function (TagPalettes) {
+  TagPalettes["cyan"] = "cyan";
+  TagPalettes["green"] = "green";
+  TagPalettes["iris"] = "iris";
+  TagPalettes["blue"] = "blue";
+  TagPalettes["lavender"] = "lavender";
+  TagPalettes["orange"] = "orange";
+  TagPalettes["golden"] = "golden";
+  TagPalettes["red"] = "red";
+  TagPalettes["grey"] = "grey";
+})(TagPalettes || (exports.TagPalettes = TagPalettes = {}));
+var palettes = (_palettes = {}, _defineProperty(_palettes, TagPalettes.cyan, '#1e9493'), _defineProperty(_palettes, TagPalettes.green, '#07c790'), _defineProperty(_palettes, TagPalettes.iris, '#5e47d3'), _defineProperty(_palettes, TagPalettes.blue, '#126bfb'), _defineProperty(_palettes, TagPalettes.lavender, '#945fb9'), _defineProperty(_palettes, TagPalettes.orange, '#ed7b20'), _defineProperty(_palettes, TagPalettes.golden, '#de8a02'), _defineProperty(_palettes, TagPalettes.red, '#d96156'), _defineProperty(_palettes, TagPalettes.grey, '#5e6e90'), _palettes);
+/**
+ * 计算标签样式
+ *
+ * @param type
+ * @param preset
+ * @param textColorSame
+ */
+var computeTagStyle = function computeTagStyle(type, color, textColorSame) {
+  if (!color) {
+    return;
+  }
+  switch (type) {
+    case 'dot':
+      if (textColorSame) {
+        return {
+          color: color
+        };
+      }
+      return;
+    case 'filled':
+      return {
+        color: '#fff',
+        backgroundColor: color
+      };
+    case 'rounded':
+      return {
+        color: color,
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+    case 'outline':
+      return {
+        color: color,
+        borderColor: (0, _colorAlpha["default"])(color, 0.4),
+        backgroundColor: (0, _colorAlpha["default"])(color, 0.1)
+      };
+  }
+};
+var Tag = function Tag(_a) {
+  var className = _a.className,
+    children = _a.children,
+    type = _a.type,
+    palette = _a.palette,
+    icon = _a.icon,
+    style = _a.style,
+    _a$textColorSame = _a.textColorSame,
+    textColorSame = _a$textColorSame === void 0 ? icon != null : _a$textColorSame,
+    _a$iconPosition = _a.iconPosition,
+    iconPosition = _a$iconPosition === void 0 ? 'prefix' : _a$iconPosition,
+    ellipsisOptions = _a.ellipsisOptions,
+    props = __rest(_a, ["className", "children", "type", "palette", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
+  var normalizeType = (0, _react.useMemo)(function () {
+    if (icon) {
+      return 'dot';
+    }
+    return type;
+  }, [icon, type]);
+  var color = (0, _react.useMemo)(function () {
+    return palettes[palette] || palette;
+  }, [palette]);
+  var tagStyle = (0, _react.useMemo)(function () {
+    return computeTagStyle(normalizeType, color, textColorSame);
+  }, [color, textColorSame, normalizeType]);
+  var hasIcon = (0, _react.useMemo)(function () {
+    return icon != null;
+  }, [icon]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var _classNames;
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('tag');
+    var displayEllipsisOptions = function () {
+      var options = Object.assign({}, ellipsisOptions);
+      var iconElement = _react["default"].createElement("span", {
+        className: "".concat(prefixCls, "-icon"),
+        style: {
+          color: color
+        }
+      }, icon);
+      if (iconPosition === 'prefix') {
+        options.prefix = iconElement;
+      }
+      if (iconPosition === 'suffix') {
+        options.suffix = iconElement;
+      }
+      if (options.Popover === true) {
+        options.content = children;
+      } else {
+        options.title = children;
+      }
+      return options;
+    }();
+    return _react["default"].createElement(_tag["default"], Object.assign({}, props, {
+      className: (0, _classnames["default"])(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-dot"), normalizeType === 'dot'), _defineProperty(_classNames, "".concat(prefixCls, "-outline"), normalizeType === 'outline'), _defineProperty(_classNames, "".concat(prefixCls, "-filled"), normalizeType === 'filled'), _defineProperty(_classNames, "".concat(prefixCls, "-rounded"), normalizeType === 'rounded'), _classNames)),
+      style: Object.assign(Object.assign({}, style), tagStyle)
+    }), normalizeType === 'dot' && icon == null && _react["default"].createElement("span", {
+      className: "".concat(prefixCls, "-dot-symbol"),
+      style: {
+        backgroundColor: color
+      }
+    }), hasIcon ? _react["default"].createElement(_ellipsis["default"], Object.assign({}, displayEllipsisOptions), children) : children);
+  });
+};
+exports.Tag = Tag;
+Tag.CheckableTag = _tag["default"].CheckableTag;
+var _default = Tag;
 exports["default"] = _default;

package/lib/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sDAA6B;AAE7B,6BAA0B;AAE1B,8CAA2B;AAE3B,kBAAe,aAAG,CAAA","sourcesContent":["import Tag from 'antd/lib/tag'\n\nimport 'antd/lib/tag/style'\n\nexport * from 'antd/lib/tag'\n\nexport default Tag\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/lib/tag'\nimport AntdTag from 'antd/lib/tag'\nimport type { CSSProperties } from 'react'\n\nimport 'antd/lib/tag/style'\nimport './tag.less'\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/lib/tag'\n\nexport enum TagPalettes {\n  cyan = 'cyan',\n  green = 'green',\n  iris = 'iris',\n  blue = 'blue',\n  lavender = 'lavender',\n  orange = 'orange',\n  golden = 'golden',\n  red = 'red',\n  grey = 'grey',\n}\n\nconst palettes = {\n  [TagPalettes.cyan]: '#1e9493',\n  [TagPalettes.green]: '#07c790',\n  [TagPalettes.iris]: '#5e47d3',\n  [TagPalettes.blue]: '#126bfb',\n  [TagPalettes.lavender]: '#945fb9',\n  [TagPalettes.orange]: '#ed7b20',\n  [TagPalettes.golden]: '#de8a02',\n  [TagPalettes.red]: '#d96156',\n  [TagPalettes.grey]: '#5e6e90',\n}\n\nexport interface TagProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  palette?: TagPalettes | string\n  /**\n   * 文字是否同色\n   */\n  textColorSame?: boolean\n  /**\n   * 图标\n   */\n  icon?: ReactNode\n  /**\n   * 图标位置\n   */\n  iconPosition?: 'prefix' | 'suffix'\n  /**\n   * 省略配置\n   */\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n  type: TagProps['type'],\n  color?: string,\n  textColorSame?: boolean\n): CSSProperties | undefined => {\n  if (!color) {\n    return\n  }\n\n  switch (type) {\n    case 'dot':\n      if (textColorSame) {\n        return {\n          color,\n        }\n      }\n\n      return\n    case 'filled':\n      return {\n        color: '#fff',\n        backgroundColor: color,\n      }\n    case 'rounded':\n      return {\n        color,\n        backgroundColor: alpha(color, 0.1),\n      }\n    case 'outline':\n      return {\n        color,\n        borderColor: alpha(color, 0.4),\n        backgroundColor: alpha(color, 0.1),\n      }\n  }\n}\n\nexport const Tag = ({\n  className,\n  children,\n  type,\n  palette,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: TagProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const color = useMemo(() => palettes[palette as TagPalettes] || palette, [palette])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, color, textColorSame),\n    [color, textColorSame, normalizeType]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color }}>\n              {icon}\n            </span>\n          )\n\n          if (iconPosition === 'prefix') {\n            options.prefix = iconElement\n          }\n\n          if (iconPosition === 'suffix') {\n            options.suffix = iconElement\n          }\n\n          if (options.Popover === true) {\n            options.content = children\n          } else {\n            options.title = children\n          }\n\n          return options\n        })()\n\n        return (\n          <AntdTag\n            {...props}\n            className={classNames(className, {\n              [`${prefixCls}-dot`]: normalizeType === 'dot',\n              [`${prefixCls}-outline`]: normalizeType === 'outline',\n              [`${prefixCls}-filled`]: normalizeType === 'filled',\n              [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n            })}\n            style={{\n              ...style,\n              ...tagStyle,\n            }}\n          >\n            {normalizeType === 'dot' && icon == null && (\n              <span\n                className={`${prefixCls}-dot-symbol`}\n                style={{\n                  backgroundColor: color,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nTag.CheckableTag = AntdTag.CheckableTag\n\nexport default Tag\n"]}

package/lib/tag/tag.less

@@ -0,0 +1,46 @@
+@tag-prefix-cls: ~'@{ant-prefix}-tag';
+
+.@{tag-prefix-cls} {
+  border: 1px solid transparent;
+  line-height: 22px;
+  min-width: 44px;
+  padding: 0 8px;
+  border-radius: 1px;
+  text-align: center;
+
+  &.@{tag-prefix-cls}-checkable {
+    cursor: pointer;
+  }
+
+  &.@{tag-prefix-cls}-rounded {
+    padding: 0 12px;
+    border-radius: 12px;
+  }
+
+  &.@{tag-prefix-cls}-dot {
+    display: inline-flex;
+    align-items: center;
+    background-color: transparent;
+    padding: 0;
+  }
+
+  .@{tag-prefix-cls}-icon {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 4px;
+  }
+
+  .@{tag-prefix-cls}-dot-symbol {
+    content: '';
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    margin-right: 8px;
+  }
+
+  .@{iconfont-css-prefix}-close {
+    margin-left: 4px;
+    color: #8b919e;
+  }
+}

package/lib/title/style/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/title/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/title/style/index.ts"],"names":[],"mappings":""}

package/lib/title/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/title/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/title/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/lib/tntd-icon/style/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/tntd-icon/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-icon/style/index.ts"],"names":[],"mappings":""}

package/lib/tntd-icon/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/tntd-icon/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-icon/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/lib/tntd-layout/GlobalNavigation/NavigationPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopup.d.ts","sourceRoot":"","sources":["../../../src/tntd-layout/GlobalNavigation/NavigationPopup.js"],"names":[],"mappings":"AA4Ie;;;;;;;gBA0Ld"}
+{"version":3,"file":"NavigationPopup.d.ts","sourceRoot":"","sources":["../../../src/tntd-layout/GlobalNavigation/NavigationPopup.js"],"names":[],"mappings":"AA4Ie;;;;;;;gBAyLd"}

package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js

@@ -214,7 +214,6 @@ var _default = function _default(_ref2) {
           y = _popup$getBoundingCli.y,
           height = _popup$getBoundingCli.height,
           width = _popup$getBoundingCli.width;
-        console.log('clickOutside...', [x, y], [clientX, clientY], [pageX, pageY]);
         x += window.scrollX;
         y += window.scrollY;
         return pageX < x || pageX > x + width || pageY < y || pageY > y + height;

package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopup.js","sourceRoot":"","sources":["../../../src/tntd-layout/GlobalNavigation/NavigationPopup.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,4DAA2B;AAC3B,0EAAsC;AACtC,mCAAiC;AACjC,uCAAqD;AACrD,2DAA8B;AAC9B,wBAAsC;AAEtC,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIlB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB;;aAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;sBAE1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;oBAkBrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;;;;;CAOrD,CAAA;AAED,MAAM,eAAe,GAAG,2BAAM,CAAC,EAAE,CAAA;sBACX,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;WAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;;;;;;;;;;;gCAWlB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;;;0BAGxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;CAI5D,CAAA;AAED,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;YACjB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC;;;;;;;;CAQlF,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO/B,CAAA;AAED,MAAM,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;CAIzB,CAAA;AAED,MAAM,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;aAMb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB;;eAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;;;aAIvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;CAE/C,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;aAiBZ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;;eAErC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;0BAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;CAG5D,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrD,8BAAC,OAAO,IAAC,KAAK,EAAE,KAAK,IAClB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,sCAAI,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAM,CAC7D,CAAC,CACM,CACX,CAAA;AAED,kBAAe,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAA;IAChD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,CAAA;IACvC,MAAM,QAAQ,GAAG,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAA;IACjC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAChF,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAA;IACpD,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;QAC/B,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;;YACjC,KAAK;YACL,IAAI,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,0CAAE,MAAM,EAAE;gBACzB,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;aACd;iBAAM;gBACL,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,CAAA;gBACrE,IAAI,CAAC,YAAY,EAAE;oBACjB,GAAG,CAAC,OAAO,CAAC;wBACV,cAAc,EAAE,IAAI;wBACpB,QAAQ,EAAE,CAAC,GAAG,CAAC;qBAChB,CAAC,CAAA;iBACH;qBAAM;oBACL,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;iBAChC;aACF;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;;YAChC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAA;YAE7E,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;gBACf,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;aAChB;iBAAM;gBACL,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,EAAE,GAAG,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAA;gBAC3E,MAAM,gBAAgB,GAAG,CAAC,YAAY,EAAE,EAAE,CACxC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;oBAChC,GAAG,IAAI,eAAe,CAAC,GAAG,CAAC,CAAA;oBAC3B,OAAO,GAAG,CAAA;gBACZ,CAAC,EAAE,CAAC,CAAC,CAAA;gBACP,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjE,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;gBAC5C,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE;oBACpC,IAAI,SAAS,GAAG,QAAQ,CAAA;oBACxB,IAAI,KAAK,GAAG,CAAC,CAAA;oBAEb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBACtC,MAAM,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;wBAC1C,IAAI,MAAM,GAAG,SAAS,EAAE;4BACtB,KAAK,GAAG,CAAC,CAAA;4BACT,SAAS,GAAG,MAAM,CAAA;yBACnB;qBACF;oBAED,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;gBACtB,CAAC,CAAA;gBAED,IAAI,GAAG,CAAC,MAAM,IAAI,MAAM,EAAE;oBACxB,MAAM,cAAc,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;oBAC9C,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,CAAC,GAAG,CAAC,CAAA;iBAC1B;qBAAM;oBACL,IAAI,mBAAmB,GAAG,eAAe,GAAG,GAAG,EAAE;wBAC/C,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;qBAChB;yBAAM;wBACL,MAAA,GAAG,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,IAAG,CAAC,CAAC,0CAAE,IAAI,CAAC,GAAG,CAAC,CAAA;qBAChC;iBACF;aACF;YAED,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,cAAc,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,KAAI,KAAK,CAAC,CAAA;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAEtD,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,gBAAgB,CAAC,EAAE,CAAC,CAAA;QACpB,KAAK,EAAE,CAAA;IACT,CAAC,CAAA;IACD,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAAC,CAAC,GAAG,EAAE,EAAE;;QACtC,MAAM,KAAK,GAAG,MAAA,GAAG,CAAC,MAAM,CAAC,KAAK,0CAAE,IAAI,EAAE,CAAA;QACtC,MAAM,YAAY,GAAG,EAAE,CAAA;QAEvB,IAAI,KAAK,EAAE;YACT,IAAA,oBAAY,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;;gBAC3B,IAAI,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,EAAE;oBAChD,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iBACxB;YACH,CAAC,CAAC,CAAA;SACH;QAED,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC,EAAE,GAAG,CAAC,CAAA;IAEP,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,EAAE;QAC7B,GAAG,CAAC,OAAO,EAAE,CAAA;QACb,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAChC,cAAc,CAAC,GAAG,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,EAAE;QAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,EAAE;YAC3B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,CAAA;YAC9C,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;gBAC/B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE;oBACnB,OAAO,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA,CAAA;iBACpC;gBAED,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;gBAC3D,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;gBAC1E,CAAC,IAAI,MAAM,CAAC,OAAO,CAAA;gBACnB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAA;gBAEnB,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG,KAAK,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG,MAAM,CAAA;YAC1E,CAAC,CAAA;YAED,IAAI,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE;gBACpC,cAAc,CAAC,EAAE,CAAC,CAAA;gBAClB,gBAAgB,CAAC,EAAE,CAAC,CAAA;gBACpB,KAAK,EAAE,CAAA;aACR;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,8BAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,MAAM,EAAE,CAAC;YACjD,8BAAC,kBAAI,IAAC,IAAI,EAAC,QAAQ,GAAG;YACtB,yCACE,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,YAAY,CAAC,EAC3C,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAC9B;YACF,8BAAC,kBAAI,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,GAAI;YACpC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,IAAI,CAC5B,8BAAC,UAAU,IAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,GAAI,CAC9E,CACU;QACZ,QAAQ,IAAI,CACX,8BAAC,eAAe,IAAC,KAAK,EAAE,KAAK,IAC1B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,sCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,MAAK,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,EAAE,CAAC,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,IAElC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAChD,CACN,CAAC,CACc,CACnB;QACD,8BAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IACzC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC3B,2CACG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK;YACzB,0CAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAM;YAC9D,8BAAC,QAAQ,QACN,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpC,8BAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,EACxD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;gBAEhC,qCAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,EAAE,IACvD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAChD,CACK,CACZ,CAAC,CACO,CACG,CACjB,CAAC,CACE,CACP,CAAC,CACS,CACZ,CACJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport cn from 'classnames'\nimport styled from 'styled-components'\nimport { debounce } from 'lodash'\nimport { traverseTree, hasLevel3 } from '../../utils'\nimport Icon from '../Iconfont'\nimport { getText } from '../../locale'\n\nconst SearchArea = styled.div`\n  position: relative;\n  font-size: 14px;\n  margin-bottom: 20px;\n  color: ${(props) => props.theme.secondaryTextColor};\n  &.active {\n    color: ${(props) => props.theme.primaryColor};\n    input {\n      border-color: ${(props) => props.theme.primaryColor};\n    }\n  }\n  .tnt-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    line-height: 1em;\n    &[type='close'] {\n      right: 0;\n      top: 0;\n      font-size: 18px;\n      cursor: pointer;\n    }\n  }\n  input {\n    border-width: 0 0 1px;\n    border-style: solid;\n    border-color: ${(props) => props.theme.borderColor};\n    width: 100%;\n    padding: 4px 20px;\n    line-height: 20px;\n    background-color: transparent;\n    outline: none;\n  }\n`\n\nconst ApplicationTabs = styled.ul`\n  border: 1px solid ${(props) => props.theme.borderColor};\n  color: ${(props) => props.theme.primaryTextColor};\n  line-height: 32px;\n  margin: 0 0 16px;\n  padding: 0;\n  display: inline-block;\n\n  & > li {\n    padding: 0 20px;\n    display: inline-block;\n    cursor: pointer;\n    &:not(:last-child) {\n      border-right: 1px solid ${(props) => props.theme.borderColor};\n    }\n    &.active {\n      background-color: ${(props) => props.theme.primaryColor};\n      color: #fff;\n    }\n  }\n`\n\nconst GroupMenus = styled.div`\n  height: ${(props) => (props.isLevel3 ? 'calc(100% - 80px)' : 'calc(100% - 50px)')};\n  overflow: auto;\n  & > div {\n    width: 200px;\n    margin-right: 10px;\n    display: inline-block;\n    vertical-align: top;\n  }\n`\n\nconst GroupMenuItem = styled.div`\n  margin-bottom: 20px;\n  & > h5 {\n    line-height: 20px;\n    margin: 0;\n    margin-bottom: 6px;\n  }\n`\n\nconst MenuList = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n`\n\nconst MenuItem = styled.li`\n  display: block;\n  line-height: 30px;\n  font-size: 12px;\n  cursor: pointer;\n  a {\n    color: ${(props) => props.theme.secondaryTextColor};\n    &:hover {\n      color: ${(props) => props.theme.secondaryColor} !important;\n    }\n  }\n  &.active a {\n    color: ${(props) => props.theme.primaryColor};\n  }\n`\n\nconst ListBox = styled.ul`\n  background: #fff;\n  max-height: 320px;\n  overflow-y: auto;\n  margin: 0;\n  padding: 6px 0;\n  list-style: none;\n  font-size: 13px;\n  position: absolute;\n  top: 29px;\n  width: 100%;\n  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n    0 9px 28px 8px rgba(0, 0, 0, 0.05);\n  li {\n    cursor: pointer;\n    line-height: 32px;\n    padding: 0 10px;\n    color: ${(props) => props.theme.primaryTextColor};\n    &:hover {\n      color: ${(props) => props.theme.secondaryColor};\n      background-color: ${(props) => props.theme.lightBgColor};\n    }\n  }\n`\n\nconst SearchList = ({ items, onSelectMenu, theme }) => (\n  <ListBox theme={theme}>\n    {items?.map((item) => (\n      <li onClick={() => onSelectMenu(item)}>{item?.menuName}</li>\n    ))}\n  </ListBox>\n)\n\nexport default ({ theme, menus = [], close, actions, popupRef, containerRef }) => {\n  const [active, setActive] = useState(false)\n  const [searchValue, setSearchValue] = useState()\n  const language = actions?.getLanguage()\n  const isLevel3 = hasLevel3(menus)\n  const [activeTopMenu, setActiveTopMenu] = useState(isLevel3 ? menus?.[0] : null)\n  const selectedMenuKey = actions.getSelectedMenuKey()\n  const calcGroupMenus = (menus) => {\n    menus = menus?.reduce((acc, cur) => {\n      // 分组\n      if (cur?.children?.length) {\n        acc.push(cur)\n      } else {\n        const defaultGroup = acc.find(({ isDefaultGroup }) => isDefaultGroup)\n        if (!defaultGroup) {\n          acc.unshift({\n            isDefaultGroup: true,\n            children: [cur],\n          })\n        } else {\n          defaultGroup.children.push(cur)\n        }\n      }\n      return acc\n    }, [])\n\n    return menus?.reduce((acc, cur) => {\n      const column = Math.max(1, ~~((containerRef.current.clientWidth - 32) / 210))\n\n      if (!acc.length) {\n        acc.push([cur])\n      } else {\n        const calcGroupHeight = (group) => 46 + (group?.children?.length || 0) * 30\n        const calcColumnHeight = (columnGroups) =>\n          columnGroups?.reduce((acc, cur) => {\n            acc += calcGroupHeight(cur)\n            return acc\n          }, 0)\n        const currentColumnHeight = calcColumnHeight(acc[acc.length - 1])\n        const nextGroupHeight = calcGroupHeight(cur)\n        const findMinHeightGroup = (groups) => {\n          let minHeight = Infinity\n          let index = 0\n\n          for (let i = 0; i < groups.length; i++) {\n            const height = calcColumnHeight(groups[i])\n            if (height < minHeight) {\n              index = i\n              minHeight = height\n            }\n          }\n\n          return groups[index]\n        }\n\n        if (acc.length >= column) {\n          const minHeightGroup = findMinHeightGroup(acc)\n          minHeightGroup?.push(cur)\n        } else {\n          if (currentColumnHeight + nextGroupHeight > 440) {\n            acc.push([cur])\n          } else {\n            acc[acc?.length - 1]?.push(cur)\n          }\n        }\n      }\n\n      return acc\n    }, [])\n  }\n  const groupMenus = calcGroupMenus(activeTopMenu?.children || menus)\n  const [searchedMenus, setSearchedMenus] = useState([])\n\n  const onMenuClick = (menu) => {\n    actions.emit('menuSelect', { key: menu.code, data: menu })\n    setSearchValue('')\n    setSearchedMenus([])\n    close()\n  }\n  const debounceSearch = debounce((evt) => {\n    const value = evt.target.value?.trim()\n    const matchedMenus = []\n\n    if (value) {\n      traverseTree(menus, (node) => {\n        if (node.path && node?.menuName?.includes(value)) {\n          matchedMenus.push(node)\n        }\n      })\n    }\n\n    setSearchedMenus(matchedMenus)\n  }, 100)\n\n  const onSearchChange = (evt) => {\n    evt.persist()\n    setSearchValue(evt.target.value)\n    debounceSearch(evt)\n  }\n\n  const onSelectAppTab = (menu) => {\n    setActiveTopMenu(menu)\n  }\n\n  useEffect(() => {\n    const clickOutside = (evt) => {\n      const { clientX, clientY, pageX, pageY } = evt\n      const isOutside = (evt, popup) => {\n        if (popup?.contains) {\n          return !popup?.contains(evt.target)\n        }\n\n        let { x, y, height, width } = popup.getBoundingClientRect()\n        console.log('clickOutside...', [x, y], [clientX, clientY], [pageX, pageY])\n        x += window.scrollX\n        y += window.scrollY\n\n        return pageX < x || pageX > x + width || pageY < y || pageY > y + height\n      }\n\n      if (isOutside(evt, popupRef.current)) {\n        setSearchValue('')\n        setSearchedMenus([])\n        close()\n      }\n    }\n\n    document.addEventListener('click', clickOutside)\n    return () => document.removeEventListener('click', clickOutside)\n  }, [])\n\n  return (\n    <>\n      <SearchArea theme={theme} className={cn({ active })}>\n        <Icon type=\"search\" />\n        <input\n          placeholder={actions?.getText('menuSearch')}\n          value={searchValue}\n          onChange={onSearchChange}\n          onFocus={() => setActive(true)}\n          onBlur={() => setActive(false)}\n        />\n        <Icon type=\"close\" onClick={close} />\n        {searchedMenus?.length > 0 && (\n          <SearchList items={searchedMenus} theme={theme} onSelectMenu={onMenuClick} />\n        )}\n      </SearchArea>\n      {isLevel3 && (\n        <ApplicationTabs theme={theme}>\n          {menus?.map((menu) => (\n            <li\n              className={cn({ active: menu.code === activeTopMenu?.code })}\n              onClick={() => onSelectAppTab(menu)}\n            >\n              {menu?.[language === 'cn' ? 'groupName' : 'enName']}\n            </li>\n          ))}\n        </ApplicationTabs>\n      )}\n      <GroupMenus theme={theme} isLevel3={isLevel3}>\n        {groupMenus?.map((groups) => (\n          <div>\n            {groups?.map((group) => (\n              <GroupMenuItem theme={theme}>\n                <h5>{group?.[language === 'cn' ? 'groupName' : 'enName']}</h5>\n                <MenuList>\n                  {(group.children || []).map((menu) => (\n                    <MenuItem\n                      key={menu.code}\n                      className={cn({ active: selectedMenuKey === menu.code })}\n                      theme={theme}\n                      onClick={() => onMenuClick(menu)}\n                    >\n                      <a href={menu.path} onClick={(evt) => evt.preventDefault()}>\n                        {menu?.[language === 'cn' ? 'menuName' : 'enName']}\n                      </a>\n                    </MenuItem>\n                  ))}\n                </MenuList>\n              </GroupMenuItem>\n            ))}\n          </div>\n        ))}\n      </GroupMenus>\n    </>\n  )\n}\n"]}
+{"version":3,"file":"NavigationPopup.js","sourceRoot":"","sources":["../../../src/tntd-layout/GlobalNavigation/NavigationPopup.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport cn from 'classnames'\nimport styled from 'styled-components'\nimport { debounce } from 'lodash'\nimport { traverseTree, hasLevel3 } from '../../utils'\nimport Icon from '../Iconfont'\nimport { getText } from '../../locale'\n\nconst SearchArea = styled.div`\n  position: relative;\n  font-size: 14px;\n  margin-bottom: 20px;\n  color: ${(props) => props.theme.secondaryTextColor};\n  &.active {\n    color: ${(props) => props.theme.primaryColor};\n    input {\n      border-color: ${(props) => props.theme.primaryColor};\n    }\n  }\n  .tnt-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    line-height: 1em;\n    &[type='close'] {\n      right: 0;\n      top: 0;\n      font-size: 18px;\n      cursor: pointer;\n    }\n  }\n  input {\n    border-width: 0 0 1px;\n    border-style: solid;\n    border-color: ${(props) => props.theme.borderColor};\n    width: 100%;\n    padding: 4px 20px;\n    line-height: 20px;\n    background-color: transparent;\n    outline: none;\n  }\n`\n\nconst ApplicationTabs = styled.ul`\n  border: 1px solid ${(props) => props.theme.borderColor};\n  color: ${(props) => props.theme.primaryTextColor};\n  line-height: 32px;\n  margin: 0 0 16px;\n  padding: 0;\n  display: inline-block;\n\n  & > li {\n    padding: 0 20px;\n    display: inline-block;\n    cursor: pointer;\n    &:not(:last-child) {\n      border-right: 1px solid ${(props) => props.theme.borderColor};\n    }\n    &.active {\n      background-color: ${(props) => props.theme.primaryColor};\n      color: #fff;\n    }\n  }\n`\n\nconst GroupMenus = styled.div`\n  height: ${(props) => (props.isLevel3 ? 'calc(100% - 80px)' : 'calc(100% - 50px)')};\n  overflow: auto;\n  & > div {\n    width: 200px;\n    margin-right: 10px;\n    display: inline-block;\n    vertical-align: top;\n  }\n`\n\nconst GroupMenuItem = styled.div`\n  margin-bottom: 20px;\n  & > h5 {\n    line-height: 20px;\n    margin: 0;\n    margin-bottom: 6px;\n  }\n`\n\nconst MenuList = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n`\n\nconst MenuItem = styled.li`\n  display: block;\n  line-height: 30px;\n  font-size: 12px;\n  cursor: pointer;\n  a {\n    color: ${(props) => props.theme.secondaryTextColor};\n    &:hover {\n      color: ${(props) => props.theme.secondaryColor} !important;\n    }\n  }\n  &.active a {\n    color: ${(props) => props.theme.primaryColor};\n  }\n`\n\nconst ListBox = styled.ul`\n  background: #fff;\n  max-height: 320px;\n  overflow-y: auto;\n  margin: 0;\n  padding: 6px 0;\n  list-style: none;\n  font-size: 13px;\n  position: absolute;\n  top: 29px;\n  width: 100%;\n  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n    0 9px 28px 8px rgba(0, 0, 0, 0.05);\n  li {\n    cursor: pointer;\n    line-height: 32px;\n    padding: 0 10px;\n    color: ${(props) => props.theme.primaryTextColor};\n    &:hover {\n      color: ${(props) => props.theme.secondaryColor};\n      background-color: ${(props) => props.theme.lightBgColor};\n    }\n  }\n`\n\nconst SearchList = ({ items, onSelectMenu, theme }) => (\n  <ListBox theme={theme}>\n    {items?.map((item) => (\n      <li onClick={() => onSelectMenu(item)}>{item?.menuName}</li>\n    ))}\n  </ListBox>\n)\n\nexport default ({ theme, menus = [], close, actions, popupRef, containerRef }) => {\n  const [active, setActive] = useState(false)\n  const [searchValue, setSearchValue] = useState()\n  const language = actions?.getLanguage()\n  const isLevel3 = hasLevel3(menus)\n  const [activeTopMenu, setActiveTopMenu] = useState(isLevel3 ? menus?.[0] : null)\n  const selectedMenuKey = actions.getSelectedMenuKey()\n  const calcGroupMenus = (menus) => {\n    menus = menus?.reduce((acc, cur) => {\n      // 分组\n      if (cur?.children?.length) {\n        acc.push(cur)\n      } else {\n        const defaultGroup = acc.find(({ isDefaultGroup }) => isDefaultGroup)\n        if (!defaultGroup) {\n          acc.unshift({\n            isDefaultGroup: true,\n            children: [cur],\n          })\n        } else {\n          defaultGroup.children.push(cur)\n        }\n      }\n      return acc\n    }, [])\n\n    return menus?.reduce((acc, cur) => {\n      const column = Math.max(1, ~~((containerRef.current.clientWidth - 32) / 210))\n\n      if (!acc.length) {\n        acc.push([cur])\n      } else {\n        const calcGroupHeight = (group) => 46 + (group?.children?.length || 0) * 30\n        const calcColumnHeight = (columnGroups) =>\n          columnGroups?.reduce((acc, cur) => {\n            acc += calcGroupHeight(cur)\n            return acc\n          }, 0)\n        const currentColumnHeight = calcColumnHeight(acc[acc.length - 1])\n        const nextGroupHeight = calcGroupHeight(cur)\n        const findMinHeightGroup = (groups) => {\n          let minHeight = Infinity\n          let index = 0\n\n          for (let i = 0; i < groups.length; i++) {\n            const height = calcColumnHeight(groups[i])\n            if (height < minHeight) {\n              index = i\n              minHeight = height\n            }\n          }\n\n          return groups[index]\n        }\n\n        if (acc.length >= column) {\n          const minHeightGroup = findMinHeightGroup(acc)\n          minHeightGroup?.push(cur)\n        } else {\n          if (currentColumnHeight + nextGroupHeight > 440) {\n            acc.push([cur])\n          } else {\n            acc[acc?.length - 1]?.push(cur)\n          }\n        }\n      }\n\n      return acc\n    }, [])\n  }\n  const groupMenus = calcGroupMenus(activeTopMenu?.children || menus)\n  const [searchedMenus, setSearchedMenus] = useState([])\n\n  const onMenuClick = (menu) => {\n    actions.emit('menuSelect', { key: menu.code, data: menu })\n    setSearchValue('')\n    setSearchedMenus([])\n    close()\n  }\n  const debounceSearch = debounce((evt) => {\n    const value = evt.target.value?.trim()\n    const matchedMenus = []\n\n    if (value) {\n      traverseTree(menus, (node) => {\n        if (node.path && node?.menuName?.includes(value)) {\n          matchedMenus.push(node)\n        }\n      })\n    }\n\n    setSearchedMenus(matchedMenus)\n  }, 100)\n\n  const onSearchChange = (evt) => {\n    evt.persist()\n    setSearchValue(evt.target.value)\n    debounceSearch(evt)\n  }\n\n  const onSelectAppTab = (menu) => {\n    setActiveTopMenu(menu)\n  }\n\n  useEffect(() => {\n    const clickOutside = (evt) => {\n      const { clientX, clientY, pageX, pageY } = evt\n      const isOutside = (evt, popup) => {\n        if (popup?.contains) {\n          return !popup?.contains(evt.target)\n        }\n\n        let { x, y, height, width } = popup.getBoundingClientRect()\n        x += window.scrollX\n        y += window.scrollY\n\n        return pageX < x || pageX > x + width || pageY < y || pageY > y + height\n      }\n\n      if (isOutside(evt, popupRef.current)) {\n        setSearchValue('')\n        setSearchedMenus([])\n        close()\n      }\n    }\n\n    document.addEventListener('click', clickOutside)\n    return () => document.removeEventListener('click', clickOutside)\n  }, [])\n\n  return (\n    <>\n      <SearchArea theme={theme} className={cn({ active })}>\n        <Icon type=\"search\" />\n        <input\n          placeholder={actions?.getText('menuSearch')}\n          value={searchValue}\n          onChange={onSearchChange}\n          onFocus={() => setActive(true)}\n          onBlur={() => setActive(false)}\n        />\n        <Icon type=\"close\" onClick={close} />\n        {searchedMenus?.length > 0 && (\n          <SearchList items={searchedMenus} theme={theme} onSelectMenu={onMenuClick} />\n        )}\n      </SearchArea>\n      {isLevel3 && (\n        <ApplicationTabs theme={theme}>\n          {menus?.map((menu) => (\n            <li\n              className={cn({ active: menu.code === activeTopMenu?.code })}\n              onClick={() => onSelectAppTab(menu)}\n            >\n              {menu?.[language === 'cn' ? 'groupName' : 'enName']}\n            </li>\n          ))}\n        </ApplicationTabs>\n      )}\n      <GroupMenus theme={theme} isLevel3={isLevel3}>\n        {groupMenus?.map((groups) => (\n          <div>\n            {groups?.map((group) => (\n              <GroupMenuItem theme={theme}>\n                <h5>{group?.[language === 'cn' ? 'groupName' : 'enName']}</h5>\n                <MenuList>\n                  {(group.children || []).map((menu) => (\n                    <MenuItem\n                      key={menu.code}\n                      className={cn({ active: selectedMenuKey === menu.code })}\n                      theme={theme}\n                      onClick={() => onMenuClick(menu)}\n                    >\n                      <a href={menu.path} onClick={(evt) => evt.preventDefault()}>\n                        {menu?.[language === 'cn' ? 'menuName' : 'enName']}\n                      </a>\n                    </MenuItem>\n                  ))}\n                </MenuList>\n              </GroupMenuItem>\n            ))}\n          </div>\n        ))}\n      </GroupMenus>\n    </>\n  )\n}\n"]}

package/lib/tntd-layout/storage.d.ts

@@ -6,7 +6,7 @@ export function setCurrentOrgStore(currentOrg?: {}): void;
 export function getCurrentOrgStore(): any;
 export function setCurrentOrgTreeStore(currentOrgTree?: any[]): void;
 export function getCurrentOrgTreeStore(): any;
-export function setLanguageStore(lang: any): void;
+export function setLanguageStore(lang: any): any;
 export function getLanguageStore(): any;
 export function setThemeStore(theme: any): void;
 export function getThemeStore(): string | null;

package/lib/tntd-layout/storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/tntd-layout/storage.js"],"names":[],"mappings":"AAKO,wCAAkF;AAClF,oDAQN;AAEM,0DAEN;AACM,0CAAsF;AAEtF,0DAEN;AACM,0CAAsF;AAEtF,qEAEN;AACM,8CACoD;AAIpD,kDAA2E;AAC3E,wCAAiE;AAEjE,gDAAqE;AACrE,+CAAyD;AAEzD,yCAGN"}
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/tntd-layout/storage.js"],"names":[],"mappings":"AAKO,wCAAkF;AAClF,oDAQN;AAEM,0DAEN;AACM,0CAAsF;AAEtF,0DAEN;AACM,0CAAsF;AAEtF,qEAEN;AACM,8CACoD;AAIpD,iDAA2E;AAC3E,wCAAiE;AAEjE,gDAAqE;AACrE,+CAAyD;AAEzD,yCAGN"}

package/lib/tntd-layout/style/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/tntd-layout/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-layout/style/index.ts"],"names":[],"mappings":""}

package/lib/tntd-layout/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/tntd-layout/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-layout/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/lib/tntd-modal/style/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/tntd-modal/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-modal/style/index.ts"],"names":[],"mappings":""}

package/lib/tntd-modal/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/tntd-modal/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-modal/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/lib/tntd-select/style/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/tntd-select/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-select/style/index.ts"],"names":[],"mappings":""}

package/lib/tntd-select/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/tntd-select/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-select/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tntd",
-  "version": "2.0.26",
+  "version": "2.1.0",
   "license": "MIT",
   "dependencies": {
     "@icon-park/react": "^1.3.5",
@@ -18,7 +18,8 @@
     "rc-trigger": "^5.0.4",
     "rc-virtual-list": "^3.4.13",
     "rc-align": "^4.0.0",
-    "lodash": "~4.17.21"
+    "lodash": "~4.17.21",
+    "color-alpha": "~1.1.3"
   },
   "devDependencies": {
     "@react-types/shared": "^3.10.1",

package/themes/default/variables.less

@@ -45,8 +45,8 @@
   'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
   'Segoe UI Emoji', 'Segoe UI Symbol';
 @code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-@text-color: #17233d;; //fade(@black, 65%);
-@text-color-secondary: fade(@text-color, 80%);; //fade(@black, 45%);
+@text-color: #17233d; //fade(@black, 65%);
+@text-color-secondary: fade(@text-color, 80%); //fade(@black, 45%);
 @text-color-inverse: @white;
 @icon-color: inherit;
 @icon-color-hover: fade(@black, 75%);
@@ -353,7 +353,7 @@
 // --
 @modal-body-padding: 20px;
 @modal-header-bg: #fff; // component-background
-@modal-footer-bg: #FFFFFF;//#F2F4F7;
+@modal-footer-bg: #ffffff; //#F2F4F7;
 @modal-mask-bg: rgba(7, 7, 8, 0.35);
 
 // Progress
@@ -405,9 +405,9 @@
 
 // Tag
 // --
-@tag-default-bg: @background-color-light;
+@tag-default-bg: rgba(94, 112, 146, 0.1);
 @tag-default-color: @text-color;
-@tag-font-size: @font-size-sm;
+@tag-font-size: @font-size-base;
 
 // TimePicker
 // ---
@@ -576,7 +576,6 @@
 // ---
 @message-notice-content-padding: 12px 24px; //10px 16px;
 
-
 // Motion
 // ---
 @wave-animation-width: 6px;
@@ -619,4 +618,4 @@
 @drawer-body-padding: 20px;
 
 // checkbox
-@checkbox-border: #B2BECD;
+@checkbox-border: #b2becd;