@titaui/pc 1.15.81 → 1.15.82

package/lib/components/magnet/index.css

@@ -0,0 +1,9 @@
+.titaui-magnet {
+  user-select: none;
+  z-index: 99999;
+  touch-action: none;
+}
+
+.titaui-magnet img {
+  -webkit-user-drag: none;
+}

package/lib/components/magnet/index.js

@@ -0,0 +1,141 @@
+"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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _web = require("@react-spring/web");
+
+var _react2 = require("@use-gesture/react");
+
+var _ahooks = require("ahooks");
+
+require("./index.css");
+
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+
+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-magnet';
+
+var getCacheKey = function getCacheKey(key) {
+  return "".concat(preCls, "_cache_y_").concat(key);
+};
+
+var clientHeight = window.document.body.clientHeight;
+
+var Magnet = function Magnet(_ref) {
+  var className = _ref.className,
+      style = _ref.style,
+      children = _ref.children,
+      cacheKey = _ref.cacheKey;
+  var cacheY = parseInt(cacheKey && localStorage.getItem(getCacheKey(cacheKey)) || '0');
+
+  var _useState = (0, _react.useState)({
+    top: 0,
+    bottom: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      boundary = _useState2[0],
+      setBoundary = _useState2[1];
+
+  var _useSpring = (0, _web.useSpring)(function () {
+    return {
+      x: 0,
+      y: cacheY
+    };
+  }),
+      _useSpring2 = _slicedToArray(_useSpring, 2),
+      _useSpring2$ = _useSpring2[0],
+      x = _useSpring2$.x,
+      y = _useSpring2$.y,
+      api = _useSpring2[1];
+
+  var dragItemRef = (0, _react.useRef)();
+  var dragItemSize = (0, _ahooks.useSize)(dragItemRef) || {
+    width: 0,
+    height: 0
+  };
+  (0, _react.useEffect)(function () {
+    if (dragItemRef.current) {
+      var _dragItemRef$current = dragItemRef.current,
+          offsetTop = _dragItemRef$current.offsetTop,
+          offsetHeight = _dragItemRef$current.offsetHeight;
+      setBoundary({
+        top: -offsetTop,
+        bottom: clientHeight - offsetTop - offsetHeight
+      });
+    }
+  }, [dragItemRef, dragItemSize]);
+  var touchBind = (0, _react2.useDrag)(function (_ref2) {
+    var _ref2$movement = _slicedToArray(_ref2.movement, 2),
+        mx = _ref2$movement[0],
+        my = _ref2$movement[1],
+        _ref2$lastOffset = _slicedToArray(_ref2.lastOffset, 2),
+        lastX = _ref2$lastOffset[0],
+        lastY = _ref2$lastOffset[1],
+        event = _ref2.event,
+        active = _ref2.active;
+
+    event.stopPropagation();
+    var newY = cacheY + lastY + my; // 拖动到视口边界
+
+    if (newY < boundary.top) newY = boundary.top;
+    if (newY > boundary.bottom) newY = boundary.bottom;
+
+    if (!active) {
+      api.start({
+        x: 0,
+        y: newY
+      });
+
+      if (cacheKey) {
+        localStorage.setItem(getCacheKey(cacheKey), String(newY));
+      }
+
+      return;
+    }
+
+    api.start({
+      x: mx,
+      y: newY
+    });
+  });
+  return /*#__PURE__*/_react["default"].createElement(_web.animated.div, _extends({
+    ref: dragItemRef,
+    className: "".concat(preCls, " ").concat(className),
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      x: x,
+      y: y
+    })
+  }, touchBind()), children);
+};
+
+var _default = /*#__PURE__*/_react["default"].memo(Magnet);
+
+exports["default"] = _default;

package/lib/components/menus/export-modules/summary-menus/depart-menus/index.js

@@ -176,7 +176,7 @@ var _default = function _default() {
           deWeightData[item.id] = item;
         });
         var result = Object.values(deWeightData);
-        setRawTreeData([].concat(result));
+        setRawTreeData(_toConsumableArray(result));
         setTreeData((0, _utils.toTree)(rawTreeData));
         resolve(true);
       });

package/lib/components/order-have-award/index.js

@@ -33,6 +33,18 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 = 'order-have-award';
 var isPerformance = (0, _helpers.getTenantInfo)().tenantType == 2;
 var noshowChangeVersion = (0, _platform.isFeishu)(true) && isPerformance;
@@ -52,9 +64,23 @@ var OrderAward = function OrderAward() {
     }
 
     return _bookDemo["default"].DemoType.UniversalBookDemo;
-  };
+  }; // 记录点击位置，在鼠标抬起时判断是否移动过
+  // 如果移动了则阻止点击事件
+
+
+  var _useState = (0, _react.useState)({
+    x: 0,
+    y: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      downPosition = _useState2[0],
+      setDownPosition = _useState2[1];
+
+  var handlePoint = function handlePoint(e) {
+    var clientX = e.clientX,
+        clientY = e.clientY;
+    if (Math.abs(downPosition.x - clientX) > 5 || Math.abs(downPosition.y - clientY) > 5) return;
 
-  var handlePoint = function handlePoint() {
     if (bookDemoRef.current) {
       bookDemoRef.current.show();
     }
@@ -69,9 +95,20 @@ var OrderAward = function OrderAward() {
   };
 
   if (noshowChangeVersion) return null;
+
+  var onMouseDownHandler = function onMouseDownHandler(e) {
+    var clientX = e.clientX,
+        clientY = e.clientY;
+    setDownPosition({
+      x: clientX,
+      y: clientY
+    });
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('order-have-award'),
-    onClick: handlePoint
+    onMouseDown: onMouseDownHandler,
+    onMouseUp: handlePoint
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(preCls, "__img")),
     src: _award["default"],

package/lib/hooks/useTouch.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTouch = void 0;
+
+var _react = require("react");
+
+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 getPostion = function getPostion(e) {
+  // @ts-ignore
+  if (e.pageX) {
+    // @ts-ignore
+    var pageX = e.pageX,
+        pageY = e.pageY;
+    return {
+      x: pageX,
+      y: pageY
+    };
+  } // @ts-ignore
+
+
+  if (e.nativeEvent.pageX) {
+    // @ts-ignore
+    var _e$nativeEvent = e.nativeEvent,
+        _pageX = _e$nativeEvent.pageX,
+        _pageY = _e$nativeEvent.pageY;
+    return {
+      x: _pageX,
+      y: _pageY
+    };
+  } // @ts-ignore
+
+
+  if (e.nativeEvent.changedTouches) {
+    // @ts-ignore
+    var _e$nativeEvent$change = e.nativeEvent.changedTouches[0],
+        _pageX2 = _e$nativeEvent$change.pageX,
+        _pageY2 = _e$nativeEvent$change.pageY;
+    return {
+      x: _pageX2,
+      y: _pageY2
+    };
+  }
+
+  return {
+    x: 0,
+    y: 0
+  };
+};
+
+var useTouch = function useTouch(callback) {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      down = _useState2[0],
+      setDown = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isCancel = _useState4[0],
+      setIsCancel = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([0, 0]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      lastOffset = _useState6[0],
+      setLastOffset = _useState6[1];
+
+  var _useState7 = (0, _react.useState)({
+    x: 0,
+    y: 0
+  }),
+      _useState8 = _slicedToArray(_useState7, 2),
+      startPostion = _useState8[0],
+      setStartPostion = _useState8[1];
+
+  var cancel = function cancel() {
+    setDown(false);
+    setIsCancel(true);
+  };
+
+  var onTouchMove = function onTouchMove(e) {
+    if (!down || isCancel) return;
+
+    var _getPostion = getPostion(e),
+        x = _getPostion.x,
+        y = _getPostion.y;
+
+    callback({
+      event: e,
+      down: true,
+      movement: [x - startPostion.x, y - startPostion.y],
+      cancel: cancel,
+      lastOffset: lastOffset
+    });
+  };
+
+  var onTouchStart = function onTouchStart(e) {
+    var _getPostion2 = getPostion(e),
+        x = _getPostion2.x,
+        y = _getPostion2.y;
+
+    setStartPostion({
+      x: x,
+      y: y
+    });
+    setDown(true);
+    callback({
+      event: e,
+      down: true,
+      movement: [0, 0],
+      cancel: cancel,
+      lastOffset: lastOffset
+    });
+  };
+
+  var onTouchEnd = function onTouchEnd(e) {
+    var _getPostion3 = getPostion(e),
+        x = _getPostion3.x,
+        y = _getPostion3.y;
+
+    setLastOffset([lastOffset[0] + x - startPostion.x, lastOffset[1] + y - startPostion.y]);
+    if (down) callback({
+      event: e,
+      down: false,
+      movement: [x - startPostion.x, y - startPostion.y],
+      cancel: cancel,
+      lastOffset: lastOffset
+    });
+    setDown(false);
+    setIsCancel(false);
+  };
+
+  (0, _react.useEffect)(function () {
+    document.body.addEventListener('mousemove', onTouchMove);
+    document.body.addEventListener('touchmove', onTouchMove);
+    document.body.addEventListener('mouseup', onTouchEnd);
+    document.body.addEventListener('touchend', onTouchEnd);
+    return function () {
+      document.body.removeEventListener('mousemove', onTouchMove);
+      document.body.removeEventListener('touchmove', onTouchMove);
+      document.body.removeEventListener('mouseup', onTouchEnd);
+      document.body.removeEventListener('touchend', onTouchEnd);
+    };
+  }, [down, isCancel, lastOffset, startPostion]);
+  return {
+    onTouchStart: onTouchStart,
+    onMouseDown: onTouchStart // onTouchMove,
+    // onMouseMove: onTouchMove,
+    // onTouchEnd,
+    // onMouseUp: onTouchEnd,
+
+  };
+};
+
+exports.useTouch = useTouch;

package/lib/pages/aha2021/index.css

@@ -50,7 +50,6 @@
   position: absolute;
   bottom: 260px;
   right: 8px;
-  z-index: 2;
 }
 
 .titaui-aha-2021__help {

package/lib/pages/aha2021/index.js

@@ -37,6 +37,8 @@ var _interface = require("../../components/help-card/interface");
 
 var _errorBoundary = _interopRequireDefault(require("../../components/error-boundary"));
 
+var _magnet = _interopRequireDefault(require("../../components/magnet"));
+
 var _errorLevel = _interopRequireDefault(require("../../utils/error-level"));
 
 var _hooks = _interopRequireDefault(require("../../utils/hooks"));
@@ -128,7 +130,8 @@ function PageLayout(props) {
     style: {
       height: "calc(100vh - ".concat(74, "px)")
     }
-  }, children), !isTencentHr && isTrial && /*#__PURE__*/_react["default"].createElement("div", {
+  }, children), !isTencentHr && isTrial && /*#__PURE__*/_react["default"].createElement(_magnet["default"], {
+    cacheKey: "award",
     className: (0, _classnames["default"])("".concat(preCls, "__award"))
   }, /*#__PURE__*/_react["default"].createElement(_orderHaveAward["default"], null)), /*#__PURE__*/_react["default"].createElement(_newMenuSwitcher["default"], {
     isTrial: isTrial

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.15.81",
+  "version": "1.15.82",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",
@@ -77,6 +77,7 @@
     "@antv/g2plot": "2.4.8",
     "@handsontable/react": "^12.1.2",
     "@juggle/resize-observer": "3.3.1",
+    "@react-spring/web": "^9.5.2",
     "@titaui/dagre": "0.8.8-pre",
     "@titaui/rc-pagination2": "^1.0.9",
     "@titaui/rc-tree2": "4.1.23",
@@ -88,9 +89,11 @@
     "@types/color": "3.0.3",
     "@types/prosemirror-commands": "1.0.4",
     "@types/prosemirror-schema-basic": "1.0.2",
+    "@use-gesture/react": "^10.2.18",
     "ag-grid-community": "^28.0.2",
     "ag-grid-enterprise": "^28.0.2",
     "ag-grid-react": "^28.0.0",
+    "ahooks": "^3.7.0",
     "axios": "0.21.1",
     "bowser": "2.11.0",
     "can-use-dom": "0.1.0",