@titaui/pc 1.6.8 → 1.6.12

package/lib/components/menus/components/drag-resize/index.js

@@ -0,0 +1,77 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = 'titaui-drag-width';
+
+var _default = function _default(props) {
+  var container = props.container;
+  var dragRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(180),
+      _useState2 = _slicedToArray(_useState, 1),
+      minWidth = _useState2[0];
+
+  var _useState3 = (0, _react.useState)(600),
+      _useState4 = _slicedToArray(_useState3, 1),
+      maxWidth = _useState4[0]; // 拖拽
+
+
+  (0, _react.useEffect)(function () {
+    var m_pos;
+
+    var resize = function resize(e) {
+      var dx = m_pos - e.x;
+      m_pos = e.x;
+      var width = parseInt(getComputedStyle(container.current, '').width) - dx;
+      if (width < minWidth) return;
+      if (width > maxWidth) return;
+      container.current.style.width = parseInt(getComputedStyle(container.current, '').width) - dx + 'px';
+    };
+
+    dragRef.current.addEventListener('mousedown', function (e) {
+      m_pos = e.x;
+      document.addEventListener('mousemove', resize, false);
+    }, false);
+    document.addEventListener('mouseup', function () {
+      document.removeEventListener('mousemove', resize, false);
+    }, false);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: dragRef,
+    className: (0, _classnames["default"])("".concat(preCls, "__darg"))
+  }));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/flip-menu-card/back-icon.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>切片</title>
+  <defs>
+    <filter id="filter-1">
+      <feColorMatrix in="SourceGraphic" type="matrix"
+        values="0 0 0 0 0.537255 0 0 0 0 0.568627 0 0 0 0 0.623529 0 0 0 1.000000 0"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="公司全部/隔级-交互规范" transform="translate(-102.000000, -189.000000)">
+      <g id="主菜单" transform="translate(90.000000, 175.000000)">
+        <g id="fanhui" transform="translate(12.000000, 12.000000)" filter="url(#filter-1)">
+          <g transform="translate(0.000000, 2.000000)">
+            <path
+              d="M7.1513176,1.19047619 C7.2838216,1.19047619 7.40368534,1.2445956 7.49001031,1.33193593 C7.52467053,1.35125463 7.55807707,1.37663963 7.58840961,1.40697217 L7.58840961,1.40697217 L11.2923023,5.11086483 C11.4782662,5.29682878 11.4782662,5.59833591 11.2923023,5.78429986 C11.1063383,5.97026381 10.8048312,5.97026381 10.6188672,5.78429986 L10.6188672,5.78429986 L7.62685996,2.79147619 L7.62750807,12.6190476 C7.62750807,12.8820404 7.41431033,13.0952381 7.1513176,13.0952381 C6.88832486,13.0952381 6.67512712,12.8820404 6.67512712,12.6190476 L6.67485996,2.79147619 L3.68376795,5.78429986 C3.49780401,5.97026381 3.19629687,5.97026381 3.01033292,5.78429986 C2.82436898,5.59833591 2.82436898,5.29682878 3.01033292,5.11086483 L6.71422559,1.40697217 C6.74455812,1.37663963 6.77796466,1.35125463 6.8134424,1.33081716 C6.89894985,1.2445956 7.01881359,1.19047619 7.1513176,1.19047619 Z"
+              id="形状结合" fill="#3F4755"
+              transform="translate(7.151318, 7.142857) rotate(-90.000000) translate(-7.151318, -7.142857) "></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/components/menus/components/flip-menu-card/flip-back-header.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _precls = _interopRequireDefault(require("./precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(props) {
+  var onClick = props.onClick;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back-action")),
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back-action-icon"))
+  }), /*#__PURE__*/_react["default"].createElement("span", null, "\u8FD4\u56DE"));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/flip-menu-card/index.css

@@ -0,0 +1,89 @@
+@charset "UTF-8";
+
+.titaui-flip-card {
+  background-color: transparent;
+  perspective: 1000px;
+  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
+  opacity: 1;
+  will-change: opacity;
+}
+
+.titaui-flip-card__fixed-hide-icon {
+  display: inline-block;
+  position: fixed;
+  top: 74px;
+  left: -12px;
+}
+
+.titaui-flip-card__fixed-hide-icon > div {
+  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.2);
+}
+
+.titaui-flip-card__inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  transition: transform 0.6s;
+  transform-style: preserve-3d;
+}
+
+.titaui-flip-card__inner-front, .titaui-flip-card__inner-back {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+    /* Chrome 和 Safari */
+  -moz-backface-visibility: hidden;
+    /* Firefox */
+  -ms-backface-visibility: hidden;
+    /* Internet Explorer */
+}
+
+.titaui-flip-card--is-float {
+  position: absolute;
+  transform: translate(0) translateY(40px) translateZ(0);
+  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.2);
+}
+
+.titaui-flip-card--is-float-hide {
+  transform: translate(calc(-100%)) translateY(40px) translateZ(0);
+  opacity: 0;
+}
+
+.titaui-flip-card--is-back .titaui-flip-card__inner {
+  transform: rotateY(-180deg);
+}
+
+.titaui-flip-card__inner-front {
+  z-index: 1;
+}
+
+.titaui-flip-card__inner-back {
+  transform: rotateY(180deg);
+  z-index: 10;
+}
+
+.titaui-flip-card__inner-back-action {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  top: 12px;
+  left: 12px;
+  height: 18px;
+  font-size: 12px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 18px;
+  cursor: pointer;
+}
+
+.titaui-flip-card__inner-back-action-icon {
+  display: inline-block;
+  height: 14px;
+  width: 14px;
+  margin-right: 2px;
+  background: url(./back-icon.svg) transparent no-repeat 50% 50%;
+}

package/lib/components/menus/components/flip-menu-card/index.js

@@ -0,0 +1,193 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _menuCard = _interopRequireDefault(require("../menu-card"));
+
+var _flipBackHeader = _interopRequireDefault(require("./flip-back-header"));
+
+var _menuCloseBtn = _interopRequireDefault(require("../menu-close-btn"));
+
+var _precls = _interopRequireDefault(require("./precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _classNames;
+
+  var children = props.children,
+      defaultWidth = props.defaultWidth,
+      collapseMenu = props.collapseMenu;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isBack = _useState2[0],
+      setIsBack = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isFloat = _useState4[0],
+      setIsFloat = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isFloatHide = _useState6[0],
+      setIsFloatHide = _useState6[1];
+
+  var hideFloatRef = (0, _react.useRef)();
+  var flipCardRef = (0, _react.useRef)();
+  var flipFrontRef = (0, _react.useRef)();
+  var flipBackRef = (0, _react.useRef)();
+
+  var goBackHandler = function goBackHandler() {
+    flipFrontRef.current.style.display = 'block';
+    setTimeout(function () {
+      flipBackRef.current.style.display = 'none';
+    }, 600);
+    setIsBack(false);
+  };
+
+  var nextHandler = function nextHandler() {
+    flipBackRef.current.style.display = 'block';
+    setTimeout(function () {
+      flipFrontRef.current.style.display = 'none';
+    }, 600);
+    setIsBack(true);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      'next': nextHandler,
+      'goback': goBackHandler
+    };
+  });
+
+  var onMenuHideHandler = function onMenuHideHandler() {
+    collapseMenu(!isFloat); // 最外层菜单with=0
+
+    setIsFloat(!isFloat); // 浮动菜单，设置阴影
+
+    setTimeout(function () {
+      // 1秒后隐藏菜单到左侧
+      setIsFloatHide(!isFloatHide);
+    }, !isFloat ? 200 : 0);
+  };
+
+  var onFixedHideIconMouseEnter = function onFixedHideIconMouseEnter() {
+    setIsFloatHide(false);
+  };
+
+  var removeCloseFloat = function removeCloseFloat(e) {
+    if (hideFloatRef.current) clearTimeout(hideFloatRef.current);
+  }; // 隐藏浮动的菜单（通用）
+
+
+  var onFixedHideIcon = function onFixedHideIcon(e) {
+    if (!isFloat) return;
+    removeCloseFloat(e);
+    hideFloatRef.current = setTimeout(function () {
+      setIsFloatHide(true);
+    }, 400);
+  };
+
+  var onFixedHideIconClickHandler = function onFixedHideIconClickHandler(e) {
+    collapseMenu(false);
+    setIsFloat(false);
+    setIsFloatHide(false);
+  };
+
+  var onFlipMouseEnterHandler = function onFlipMouseEnterHandler(e) {
+    removeCloseFloat(e);
+  };
+
+  var onFlipMouseLeaveHandler = function onFlipMouseLeaveHandler(e) {
+    if (e.currentTarget.className.indexOf('titaui-flip-card--is-float-hide') != -1) {
+      return;
+    }
+
+    ;
+    onFixedHideIcon(e);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: flipCardRef,
+    style: {
+      'width': defaultWidth
+    },
+    onMouseEnter: onFlipMouseEnterHandler,
+    onMouseLeave: onFlipMouseLeaveHandler,
+    className: (0, _classnames["default"])(_precls["default"], (_classNames = {}, _defineProperty(_classNames, "".concat(_precls["default"], "--is-back"), isBack), _defineProperty(_classNames, "".concat(_precls["default"], "--is-float"), isFloat), _defineProperty(_classNames, "".concat(_precls["default"], "--is-float-hide"), isFloatHide), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: flipFrontRef,
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-front"))
+  }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
+    container: flipCardRef,
+    onMenuHide: onMenuHideHandler,
+    isFloat: isFloat,
+    isFloatHide: isFloatHide,
+    style: {
+      'padding': '28px 12px'
+    }
+  }, children[0])), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: flipBackRef,
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back")),
+    style: {
+      'display': 'none'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_menuCard["default"], {
+    container: flipCardRef,
+    onMenuHide: onMenuHideHandler,
+    isFloat: isFloat,
+    isFloatHide: isFloatHide,
+    style: {
+      'padding': '42px 12px 28px 12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_flipBackHeader["default"], {
+    onClick: goBackHandler
+  }), children[1]))), isFloat && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__fixed-hide-icon"))
+  }, /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
+    isClose: true,
+    isAutoShow: false,
+    onClick: onFixedHideIconClickHandler,
+    onMouseEnter: onFixedHideIconMouseEnter,
+    onMouseLeave: function onMouseLeave(e) {
+      return onFixedHideIcon(e);
+    }
+  })), document.body));
+});
+
+exports["default"] = _default;

package/lib/components/menus/components/flip-menu-card/precls.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = 'titaui-flip-card';
+exports["default"] = _default;

package/lib/components/menus/components/menu-card/index.css

@@ -0,0 +1,29 @@
+.titaui-menus__menu-card {
+  position: relative;
+  display: flex;
+  max-height: calc(100vh - 164px - 74px);
+  min-height: 100px;
+  flex-direction: column;
+  background: #ffffff;
+  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 12px;
+  box-sizing: border-box;
+}
+
+.titaui-menus__menu-card--is-float {
+  box-shadow: 0 1px 10px #cccccc66;
+}
+
+.titaui-menus__menu-card--is-float-hide {
+  box-shadow: none;
+}
+
+.titaui-menus__menu-card .titaui-menus--hide-icon {
+  position: absolute;
+  right: -14px;
+  top: 6px;
+}
+
+.titaui-menus__menu-card:hover .titaui-menus--hide-icon {
+  opacity: 1;
+}

package/lib/components/menus/components/menu-card/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _dragResize = _interopRequireDefault(require("../drag-resize"));
+
+var _menuCloseBtn = _interopRequireDefault(require("../menu-close-btn"));
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = function _default(props) {
+  var _classNames;
+
+  var children = props.children,
+      style = props.style,
+      container = props.container,
+      onMenuHide = props.onMenuHide,
+      isFloat = props.isFloat,
+      isFloatHide = props.isFloatHide;
+
+  var onHideHandler = function onHideHandler() {
+    onMenuHide();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-card"), (_classNames = {}, _defineProperty(_classNames, "".concat(_precls["default"], "__menu-card--is-float"), isFloat), _defineProperty(_classNames, "".concat(_precls["default"], "__menu-card--is-float-hide"), isFloatHide), _classNames)),
+    style: _objectSpread({}, style)
+  }, children, /*#__PURE__*/_react["default"].createElement(_dragResize["default"], {
+    container: container
+  }), !isFloat && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
+    isAutoShow: true,
+    onClick: onHideHandler
+  }));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-close-btn/index.css

@@ -0,0 +1,42 @@
+.titaui-menus--hide-icon {
+  display: inline-block;
+  z-index: 1;
+  transition: opacity 0.4s;
+  opacity: 0;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 10px;
+  background-color: white;
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.titaui-menus--hide-icon--show {
+  opacity: 1;
+}
+
+.titaui-menus--hide-icon .tu-icon-double-right,
+  .titaui-menus--hide-icon .tu-icon-double-left {
+  position: absolute;
+  top: 9px;
+  left: 8px;
+}
+
+.titaui-menus--hide-icon:hover .titaui-menus--hide-icon--hover {
+  opacity: 1;
+}
+
+.titaui-menus--hide-icon--hover {
+  display: inline-block;
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  transition: opacity 0.2s;
+  opacity: 0;
+  border-radius: 50%;
+  height: 20px;
+  width: 20px;
+  background: #f0f4fa;
+  z-index: -1;
+}

package/lib/components/menus/components/menu-close-btn/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _precls = _interopRequireDefault(require("../../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = function _default(props) {
+  var onClick = props.onClick,
+      _props$isAutoShow = props.isAutoShow,
+      isAutoShow = _props$isAutoShow === void 0 ? true : _props$isAutoShow,
+      _props$isClose = props.isClose,
+      isClose = _props$isClose === void 0 ? false : _props$isClose,
+      onMouseEnter = props.onMouseEnter,
+      onMouseLeave = props.onMouseLeave;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    className: (0, _classnames["default"])("".concat(_precls["default"], "--hide-icon"), _defineProperty({}, "".concat(_precls["default"], "--hide-icon--show"), !isAutoShow))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "--hide-icon--hover"))
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-double-".concat(isClose ? 'right' : 'left')
+  }));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/images/appraisal-menu/PF-shezhi.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>PF-shezhi</title>
+    <g id="PF-shezhi" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M178,30 C195.496381,30 209.713128,44.0417829 209.995713,61.4708215 L210,62 L210,92.6666667 C210,97.0849447 206.418278,100.666667 202,100.666667 C197.665086,100.666667 194.135457,97.2188289 194.003807,92.915846 L194,92.6666667 L194,62 C194,53.2686411 187.006099,46.1707953 178.314871,46.0030364 L178,46 L62,46 C53.2686411,46 46.1707953,52.993901 46.0030364,61.6851293 L46,62 L46,178 C46,186.731359 52.993901,193.829205 61.6851293,193.996964 L62,194 L110,194 C114.418278,194 118,197.581722 118,202 C118,206.334914 114.552162,209.864543 110.249179,209.996193 L110,210 L62,210 C44.5036191,210 30.2868724,195.958217 30.0042871,178.529179 L30,178 L30,62 C30,44.5036191 44.0417829,30.2868724 61.4708215,30.0042871 L62,30 L178,30 Z M106,70 C110.418278,70 114,73.581722 114,78 L114,162 C114,166.418278 110.418278,170 106,170 C101.581722,170 98,166.418278 98,162 L98,78 C98,73.581722 101.581722,70 106,70 Z M74,90 C78.418278,90 82,93.581722 82,98 L82,162 C82,166.418278 78.418278,170 74,170 C69.581722,170 66,166.418278 66,162 L66,98 C66,93.581722 69.581722,90 74,90 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M170,108 C189.882251,108 206,124.117749 206,144 C206,161.132525 194.032153,175.46981 178.000489,179.107823 L177.999,194 L202,194 C206.418278,194 210,197.581722 210,202 C210,206.418278 206.418278,210 202,210 L138,210 C133.581722,210 130,206.418278 130,202 C130,197.581722 133.581722,194 138,194 L161.999,193.999 L162.00051,179.10805 C145.968344,175.470405 134,161.132881 134,144 C134,124.117749 150.117749,108 170,108 Z M170,124 C158.954305,124 150,132.954305 150,144 C150,155.045695 158.954305,164 170,164 C181.045695,164 190,155.045695 190,144 C190,132.954305 181.045695,124 170,124 Z" id="形状结合" fill="#2879FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/appraisal-menu/ZBmuban.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ZBmuban</title>
+    <g id="ZBmuban" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M80,128 C97.673112,128 112,142.326888 112,160 L112,160 L112,178 C112,195.673112 97.673112,210 80,210 L80,210 L62,210 C44.326888,210 30,195.673112 30,178 L30,178 L30,160 C30,142.326888 44.326888,128 62,128 L62,128 Z M80,144 L62,144 C53.163444,144 46,151.163444 46,160 L46,160 L46,178 C46,186.836556 53.163444,194 62,194 L62,194 L80,194 C88.836556,194 96,186.836556 96,178 L96,178 L96,160 C96,151.163444 88.836556,144 80,144 L80,144 Z M178,30 C195.673112,30 210,44.326888 210,62 L210,62 L210,80 C210,97.673112 195.673112,112 178,112 L178,112 L62,112 C44.326888,112 30,97.673112 30,80 L30,80 L30,62 C30,44.326888 44.326888,30 62,30 L62,30 Z M62,46 C53.163444,46 46,53.163444 46,62 L46,62 L46,80 C46,88.836556 53.163444,96 62,96 L62,96 L178,96 C186.836556,96 194,88.836556 194,80 L194,80 L194,62 C194,53.163444 186.836556,46 178,46 L178,46 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M202,181 C206.418278,181 210,184.581722 210,189 C210,193.418278 206.418278,197 202,197 L138,197 C133.581722,197 130,193.418278 130,189 C130,184.581722 133.581722,181 138,181 L202,181 Z M202,141 C206.418278,141 210,144.581722 210,149 C210,153.418278 206.418278,157 202,157 L138,157 C133.581722,157 130,153.418278 130,149 C130,144.581722 133.581722,141 138,141 L202,141 Z" id="形状结合" fill="#2879FF"></path>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/appraisal-menu/bumen.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bumen</title>
+    <g id="bumen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M160.652174,111 C178.313427,111 192.709503,125.016328 192.995659,142.470058 L193,143 L193.000491,154.082188 C205.319318,155.098723 215,165.41884 215,178 L215,190 C215,203.254834 204.254834,214 191,214 L179,214 C165.745166,214 155,203.254834 155,190 L155,178 C155,165.418498 164.681208,155.098163 177.000513,154.082105 L177,143 C177,134.293069 169.876995,127.169387 160.970994,127.002976 L160.652174,127 L79.3478261,127 C70.4001299,127 63.171858,134.021248 63.0030195,142.68972 L63,143 L63.0004908,154.082188 C75.3193182,155.098723 85,165.41884 85,178 L85,190 C85,203.254834 74.254834,214 61,214 L49,214 C35.745166,214 25,203.254834 25,190 L25,178 C25,165.418498 34.6812076,155.098163 47.0005127,154.082105 L47,143 C47,125.477908 61.2194636,111.286358 78.8136472,111.004279 L79.3478261,111 L160.652174,111 Z M191,170 L179,170 C174.665086,170 171.135457,173.447838 171.003807,177.750821 L171,178 L171,190 C171,194.334914 174.447838,197.864543 178.750821,197.996193 L179,198 L191,198 C195.334914,198 198.864543,194.552162 198.996193,190.249179 L199,190 L199,178 C199,173.665086 195.552162,170.135457 191.249179,170.003807 L191,170 Z M61,170 L49,170 C44.6650857,170 41.1354571,173.447838 41.0038068,177.750821 L41,178 L41,190 C41,194.334914 44.4478378,197.864543 48.7508207,197.996193 L49,198 L61,198 C65.3349143,198 68.8645429,194.552162 68.9961932,190.249179 L69,190 L69,178 C69,173.665086 65.5521622,170.135457 61.2491793,170.003807 L61,170 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <polygon id="矩形" fill="#141C28" points="112 74 128 74 128 127 112 127"></polygon>
+        <path d="M135,26 C148.254834,26 159,36.745166 159,50 L159,66 C159,79.254834 148.254834,90 135,90 L105,90 C91.745166,90 81,79.254834 81,66 L81,50 C81,36.745166 91.745166,26 105,26 L135,26 Z M135,42 L105,42 C100.665086,42 97.1354571,45.4478378 97.0038068,49.7508207 L97,50 L97,66 C97,70.3349143 100.447838,73.8645429 104.750821,73.9961932 L105,74 L135,74 C139.334914,74 142.864543,70.5521622 142.996193,66.2491793 L143,66 L143,50 C143,45.6650857 139.552162,42.1354571 135.249179,42.0038068 L135,42 Z" id="矩形" fill="#2879FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/lib/components/menus/components/menu-tree/images/appraisal-menu/kaohe.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>kaohe</title>
+    <g id="kaohe" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(40.000000, 20.000000)" fill-rule="nonzero">
+            <path d="M114,0 C135.870476,0 153.64141,17.5522287 153.994641,39.3385269 L154,40 L154,83.5525899 C154,87.9708679 150.418278,91.5525899 146,91.5525899 C141.665086,91.5525899 138.135457,88.1047521 138.003807,83.8017692 L138,83.5525899 L138,40 C138,26.8777143 127.468663,16.2151543 114.396884,16.0032153 L114,16 L40,16 C26.8777143,16 16.2151543,26.5313372 16.0032153,39.6031161 L16,40 L16,160 C16,173.122286 26.5313372,183.784846 39.6031161,183.996785 L40,184 L49.3904033,184 C53.8086813,184 57.3904033,187.581722 57.3904033,192 C57.3904033,196.334914 53.9425656,199.864543 49.6395827,199.996193 L49.3904033,200 L40,200 C18.1295239,200 0.358590478,182.447771 0.00535885717,160.661473 L0,160 L0,40 C0,18.1295239 17.5522287,0.358590478 39.3385269,0.00535885717 L40,0 L114,0 Z M118,96 C132.3572,96 145.3572,101.8214 154.7718,111.2308 C164.1812,120.6402 170,133.6402 170,148 C170,162.3572 164.1812,175.3572 154.7718,184.7718 C145.3572,194.1812 132.3572,200 118,200 C103.6402,200 90.6402,194.1812 81.2308,184.7718 C71.8214,175.3572 66,162.3572 66,148 C66,133.6402 71.8214,120.6402 81.2308,111.2308 C90.6402,101.8214 103.6402,96 118,96 Z M118,112 C108.308587,112 99.2625923,115.826425 92.5445085,122.544508 C85.8264247,129.262592 82,138.308587 82,148 C82,157.689275 85.826829,166.736699 92.5445085,173.458092 C99.2611185,180.174702 108.306685,184 118,184 C127.691178,184 136.738173,180.174297 143.454967,173.461217 C150.174297,166.738173 154,157.691178 154,148 C154,138.306685 150.174702,129.261119 143.461217,122.547633 C136.736699,115.826829 127.689275,112 118,112 Z M50.927968,119.2955 C55.346246,119.2955 58.927968,122.877222 58.927968,127.2955 C58.927968,131.713778 55.346246,135.2955 50.927968,135.2955 L36.927968,135.2955 C32.50969,135.2955 28.927968,131.713778 28.927968,127.2955 C28.927968,122.877222 32.50969,119.2955 36.927968,119.2955 L50.927968,119.2955 Z M119.032501,35.7776667 C119.100877,35.8460425 119.167747,35.9153535 119.233113,35.9855585 C120.6486,37.3658959 121.55018,39.2709599 121.623607,41.3853973 L121.628429,41.68885 L121.5478,69.6313383 C121.535342,73.9485554 118.104382,77.4607375 113.819076,77.6037276 L113.570917,77.6082207 L113.502095,77.6082873 C109.204527,77.5958864 105.71517,74.1676552 105.596963,69.9013666 L105.593902,69.6543231 L105.621079,60.4368737 L85.0262706,81.0325007 C83.4452968,82.6134745 81.3643654,83.3897785 79.2924041,83.3614129 C77.210377,83.3969976 75.1174053,82.6208433 73.5290627,81.0325007 L59.1648702,66.6671916 L44.8008739,81.0325007 C41.6946577,84.1387169 36.6584861,84.1387169 33.5522699,81.0325007 C30.4460537,77.9262845 30.4460537,72.8901129 33.5522699,69.7838967 L53.4163643,49.9198023 C54.9257491,48.4104175 56.890839,47.6344789 58.8687579,47.5919865 L59.1654865,47.5911135 C61.2414494,47.5587187 63.3287182,48.3349483 64.9135723,49.9198023 L79.2778155,64.2828275 L94.0174563,49.5431867 L84.8878304,49.5695716 C80.5076167,49.5822109 76.9465056,46.0415923 76.9338663,41.6613785 L76.9339328,41.5925565 C76.9466299,37.192316 80.5105748,33.6283711 84.9108153,33.615674 L112.225257,33.5359448 C114.634596,33.1755667 117.177641,33.9228073 119.032501,35.7776667 Z" id="形状结合" fill="#141C28"></path>
+            <path d="M102,129 C106.334914,129 109.864543,132.447838 109.996193,136.750821 L110,137 L110,149 L134,149 C138.418278,149 142,152.581722 142,157 C142,161.334914 138.552162,164.864543 134.249179,164.996193 L134,165 L110,165 C101.268641,165 94.1707953,158.006099 94.0030364,149.314871 L94,149 L94,137 C94,132.581722 97.581722,129 102,129 Z" id="路径" fill="#2879FF" transform="translate(118.000000, 147.000000) rotate(-45.000000) translate(-118.000000, -147.000000) "></path>
+        </g>
+    </g>
+</svg>