@ucloud-fe/react-components 1.3.9 → 1.3.10

package/lib/components/SvgIcon/SvgIcon.js

@@ -95,6 +95,8 @@ var _Filter = _interopRequireDefault(require("./icons/Filter"));
 
 var _Cog = _interopRequireDefault(require("./icons/Cog"));
 
+var _Dragger = _interopRequireDefault(require("./icons/Dragger"));
+
 var _QuestionCircle = _interopRequireDefault(require("./icons/QuestionCircle"));
 
 var _CrossCircle = _interopRequireDefault(require("./icons/CrossCircle"));
@@ -149,7 +151,8 @@ var IconMap = {
   clock: _Clock.default,
   sort: _Sort.default,
   filter: _Filter.default,
-  cog: _Cog.default
+  cog: _Cog.default,
+  dragger: _Dragger.default
 }; // circle
 
 (0, _forEach2.default)({

package/lib/components/SvgIcon/icons/Dragger.d.ts

@@ -0,0 +1,3 @@
+declare var _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;
+import React from "react";

package/lib/components/SvgIcon/icons/Dragger.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _this = void 0;
+
+var _default = /*#__PURE__*/_react.default.memo(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8,17 C9.1045695,17 10,17.8954305 10,19 C10,20.1045695 9.1045695,21 8,21 C6.8954305,21 6,20.1045695 6,19 C6,17.8954305 6.8954305,17 8,17 Z M16,17 C17.1045695,17 18,17.8954305 18,19 C18,20.1045695 17.1045695,21 16,21 C14.8954305,21 14,20.1045695 14,19 C14,17.8954305 14.8954305,17 16,17 Z M8,10 C9.1045695,10 10,10.8954305 10,12 C10,13.1045695 9.1045695,14 8,14 C6.8954305,14 6,13.1045695 6,12 C6,10.8954305 6.8954305,10 8,10 Z M16,10 C17.1045695,10 18,10.8954305 18,12 C18,13.1045695 17.1045695,14 16,14 C14.8954305,14 14,13.1045695 14,12 C14,10.8954305 14.8954305,10 16,10 Z M8,3 C9.1045695,3 10,3.8954305 10,5 C10,6.1045695 9.1045695,7 8,7 C6.8954305,7 6,6.1045695 6,5 C6,3.8954305 6.8954305,3 8,3 Z M16,3 C17.1045695,3 18,3.8954305 18,5 C18,6.1045695 17.1045695,7 16,7 C14.8954305,7 14,6.1045695 14,5 C14,3.8954305 14.8954305,3 16,3 Z"
+  });
+}.bind(void 0));
+
+exports.default = _default;

package/lib/components/Table/DragWrap.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode } from 'react';
+import useDrag from 'z-use-drag';
+declare const DragContext: React.Context<{
+    draggable?: boolean | undefined;
+    dragProps?: {
+        draggable: boolean;
+        onDragStart: (e: any) => void;
+        onDragEnd: (e: any) => void;
+    } | {
+        onDragEnter: (e: any) => void;
+        onDragOver: (e: any) => void;
+        onDragLeave: (e: any) => void;
+        onDrop: (e: any) => void;
+    } | undefined;
+    dropProps?: {
+        draggable: boolean;
+        onDragStart: (e: any) => void;
+        onDragEnd: (e: any) => void;
+    } | {
+        onDragEnter: (e: any) => void;
+        onDragOver: (e: any) => void;
+        onDragLeave: (e: any) => void;
+        onDrop: (e: any) => void;
+    } | undefined;
+}>;
+declare const DragWrap: ({ children, draggable, ...events }: {
+    onDragStart?: ((source: Element) => void) | undefined;
+    onDragEnter?: ((source: Element, target: Element) => void) | undefined;
+    onDragOver?: ((source: Element, target: Element) => void) | undefined;
+    onDragLeave?: ((source: Element, target: Element) => void) | undefined;
+    onDrop?: ((source: Element, target: Element) => void) | undefined;
+    onDragEnd?: ((source: Element) => void) | undefined;
+    effectAllowed?: "none" | "copy" | "link" | "move" | "all" | "copyLink" | "copyMove" | "linkMove" | "uninitialized" | undefined;
+    dropEffect?: "none" | "copy" | "link" | "move" | undefined;
+    ignoreChildEnterLeave?: boolean | undefined;
+    ignoreSelf?: boolean | undefined;
+} & {
+    children: ReactNode;
+    draggable: boolean;
+}) => JSX.Element;
+export { DragContext };
+export default DragWrap;

package/lib/components/Table/DragWrap.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DragContext = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _zUseDrag = _interopRequireDefault(require("z-use-drag"));
+
+var _excluded = ["children", "draggable"];
+
+var _this = void 0;
+
+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 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) { (0, _defineProperty2.default)(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; }
+
+var DragContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.DragContext = DragContext;
+
+var DragWrap = function DragWrap(_ref) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var children = _ref.children,
+      draggable = _ref.draggable,
+      events = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useDrag = (0, _zUseDrag.default)(_objectSpread(_objectSpread({}, events), {}, {
+    ignoreChildEnterLeave: true,
+    // ignoreSelf: true,
+    dropEffect: 'move'
+  })),
+      _useDrag2 = (0, _slicedToArray2.default)(_useDrag, 2),
+      dragProps = _useDrag2[0],
+      dropProps = _useDrag2[1];
+
+  return /*#__PURE__*/_react.default.createElement(DragContext.Provider, {
+    value: {
+      dragProps: dragProps,
+      dropProps: dropProps,
+      draggable: draggable
+    }
+  }, children);
+}.bind(void 0);
+
+var _default = DragWrap;
+exports.default = _default;