funda-ui 4.1.116 → 4.1.125

package/Accordion/index.js

@@ -574,6 +574,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             return (/* reexport */hooks_useDebounce
             );
           },
+          "useDraggable": function useDraggable() {
+            return (/* reexport */hooks_useDraggable
+            );
+          },
           "useInterval": function useInterval() {
             return (/* reexport */hooks_useInterval
             );
@@ -3412,6 +3416,164 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         };
         /* harmony default export */
         var hooks_useWindowScroll = useWindowScroll;
+        ; // CONCATENATED MODULE: ./src/hooks/useDraggable.tsx
+        function useDraggable_slicedToArray(arr, i) {
+          return useDraggable_arrayWithHoles(arr) || useDraggable_iterableToArrayLimit(arr, i) || useDraggable_unsupportedIterableToArray(arr, i) || useDraggable_nonIterableRest();
+        }
+        function useDraggable_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 useDraggable_unsupportedIterableToArray(o, minLen) {
+          if (!o) return;
+          if (typeof o === "string") return useDraggable_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 useDraggable_arrayLikeToArray(o, minLen);
+        }
+        function useDraggable_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 useDraggable_iterableToArrayLimit(arr, i) {
+          var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+          if (null != _i) {
+            var _s,
+              _e,
+              _x,
+              _r,
+              _arr = [],
+              _n = !0,
+              _d = !1;
+            try {
+              if (_x = (_i = _i.call(arr)).next, 0 === i) {
+                if (Object(_i) !== _i) return;
+                _n = !1;
+              } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+            } catch (err) {
+              _d = !0, _e = err;
+            } finally {
+              try {
+                if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+              } finally {
+                if (_d) throw _e;
+              }
+            }
+            return _arr;
+          }
+        }
+        function useDraggable_arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        }
+        /**
+         * Drag & Drop Element
+         * 
+         * @usage:
+        
+        
+        const App = () => {
+            const [dragContentHandle, dragHandle] = useDraggable(true);  // or Disable drag and drop: `useDraggable(false)`
+            return (
+                <div className="container" ref={dragContentHandle}>
+                    <div ref={dragHandle} className="handle">Drag me</div>
+                    <div className="content">
+                        content...
+                    </div>
+                </div>
+            );
+        };
+        
+        
+         */
+
+        var useDraggable = function useDraggable(enabled) {
+          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+            _useState2 = useDraggable_slicedToArray(_useState, 2),
+            node = _useState2[0],
+            setNode = _useState2[1];
+          var _useState3 = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+            _useState4 = useDraggable_slicedToArray(_useState3, 2),
+            targetNode = _useState4[0],
+            setTargetNode = _useState4[1];
+          var _useState5 = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+              dx: 0,
+              dy: 0
+            }),
+            _useState6 = useDraggable_slicedToArray(_useState5, 2),
+            _useState6$ = _useState6[0],
+            dx = _useState6$.dx,
+            dy = _useState6$.dy,
+            setOffset = _useState6[1];
+          var ref = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (nodeEle) {
+            setNode(nodeEle);
+          }, []);
+          var targetRef = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (nodeEle) {
+            setTargetNode(nodeEle);
+          }, []);
+          var handleMouseDown = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+            var startPos = {
+              x: e.clientX - dx,
+              y: e.clientY - dy
+            };
+            var handleMouseMove = function handleMouseMove(e) {
+              var dx = e.clientX - startPos.x;
+              var dy = e.clientY - startPos.y;
+              setOffset({
+                dx: dx,
+                dy: dy
+              });
+            };
+            var handleMouseUp = function handleMouseUp() {
+              document.removeEventListener('mousemove', handleMouseMove);
+              document.removeEventListener('mouseup', handleMouseUp);
+            };
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+          }, [dx, dy]);
+          var handleTouchStart = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+            var touch = e.touches[0];
+            var startPos = {
+              x: touch.clientX - dx,
+              y: touch.clientY - dy
+            };
+            var handleTouchMove = function handleTouchMove(e) {
+              var touch = e.touches[0];
+              var dx = touch.clientX - startPos.x;
+              var dy = touch.clientY - startPos.y;
+              setOffset({
+                dx: dx,
+                dy: dy
+              });
+            };
+            var handleTouchEnd = function handleTouchEnd() {
+              document.removeEventListener('touchmove', handleTouchMove);
+              document.removeEventListener('touchend', handleTouchEnd);
+            };
+            document.addEventListener('touchmove', handleTouchMove);
+            document.addEventListener('touchend', handleTouchEnd);
+          }, [dx, dy]);
+          (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (node) {
+              node.style.transform = "translate3d(".concat(dx, "px, ").concat(dy, "px, 0)");
+            }
+          }, [node, dx, dy]);
+          (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (!targetNode) {
+              return;
+            }
+            targetNode.addEventListener("mousedown", handleMouseDown);
+            targetNode.addEventListener("touchstart", handleTouchStart);
+            return function () {
+              targetNode.removeEventListener("mousedown", handleMouseDown);
+              targetNode.removeEventListener("touchstart", handleTouchStart);
+            };
+          }, [targetNode, dx, dy]);
+          return [ref, targetRef];
+        };
+        /* harmony default export */
+        var hooks_useDraggable = useDraggable;
         ; // CONCATENATED MODULE: ./src/index.tsx
 
         // hooks

package/BackToTop/index.js

@@ -574,6 +574,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             return (/* reexport */hooks_useDebounce
             );
           },
+          "useDraggable": function useDraggable() {
+            return (/* reexport */hooks_useDraggable
+            );
+          },
           "useInterval": function useInterval() {
             return (/* reexport */hooks_useInterval
             );
@@ -3412,6 +3416,164 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         };
         /* harmony default export */
         var hooks_useWindowScroll = useWindowScroll;
+        ; // CONCATENATED MODULE: ./src/hooks/useDraggable.tsx
+        function useDraggable_slicedToArray(arr, i) {
+          return useDraggable_arrayWithHoles(arr) || useDraggable_iterableToArrayLimit(arr, i) || useDraggable_unsupportedIterableToArray(arr, i) || useDraggable_nonIterableRest();
+        }
+        function useDraggable_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 useDraggable_unsupportedIterableToArray(o, minLen) {
+          if (!o) return;
+          if (typeof o === "string") return useDraggable_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 useDraggable_arrayLikeToArray(o, minLen);
+        }
+        function useDraggable_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 useDraggable_iterableToArrayLimit(arr, i) {
+          var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+          if (null != _i) {
+            var _s,
+              _e,
+              _x,
+              _r,
+              _arr = [],
+              _n = !0,
+              _d = !1;
+            try {
+              if (_x = (_i = _i.call(arr)).next, 0 === i) {
+                if (Object(_i) !== _i) return;
+                _n = !1;
+              } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+            } catch (err) {
+              _d = !0, _e = err;
+            } finally {
+              try {
+                if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+              } finally {
+                if (_d) throw _e;
+              }
+            }
+            return _arr;
+          }
+        }
+        function useDraggable_arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        }
+        /**
+         * Drag & Drop Element
+         * 
+         * @usage:
+        
+        
+        const App = () => {
+            const [dragContentHandle, dragHandle] = useDraggable(true);  // or Disable drag and drop: `useDraggable(false)`
+            return (
+                <div className="container" ref={dragContentHandle}>
+                    <div ref={dragHandle} className="handle">Drag me</div>
+                    <div className="content">
+                        content...
+                    </div>
+                </div>
+            );
+        };
+        
+        
+         */
+
+        var useDraggable = function useDraggable(enabled) {
+          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+            _useState2 = useDraggable_slicedToArray(_useState, 2),
+            node = _useState2[0],
+            setNode = _useState2[1];
+          var _useState3 = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+            _useState4 = useDraggable_slicedToArray(_useState3, 2),
+            targetNode = _useState4[0],
+            setTargetNode = _useState4[1];
+          var _useState5 = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+              dx: 0,
+              dy: 0
+            }),
+            _useState6 = useDraggable_slicedToArray(_useState5, 2),
+            _useState6$ = _useState6[0],
+            dx = _useState6$.dx,
+            dy = _useState6$.dy,
+            setOffset = _useState6[1];
+          var ref = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (nodeEle) {
+            setNode(nodeEle);
+          }, []);
+          var targetRef = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (nodeEle) {
+            setTargetNode(nodeEle);
+          }, []);
+          var handleMouseDown = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+            var startPos = {
+              x: e.clientX - dx,
+              y: e.clientY - dy
+            };
+            var handleMouseMove = function handleMouseMove(e) {
+              var dx = e.clientX - startPos.x;
+              var dy = e.clientY - startPos.y;
+              setOffset({
+                dx: dx,
+                dy: dy
+              });
+            };
+            var handleMouseUp = function handleMouseUp() {
+              document.removeEventListener('mousemove', handleMouseMove);
+              document.removeEventListener('mouseup', handleMouseUp);
+            };
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+          }, [dx, dy]);
+          var handleTouchStart = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+            var touch = e.touches[0];
+            var startPos = {
+              x: touch.clientX - dx,
+              y: touch.clientY - dy
+            };
+            var handleTouchMove = function handleTouchMove(e) {
+              var touch = e.touches[0];
+              var dx = touch.clientX - startPos.x;
+              var dy = touch.clientY - startPos.y;
+              setOffset({
+                dx: dx,
+                dy: dy
+              });
+            };
+            var handleTouchEnd = function handleTouchEnd() {
+              document.removeEventListener('touchmove', handleTouchMove);
+              document.removeEventListener('touchend', handleTouchEnd);
+            };
+            document.addEventListener('touchmove', handleTouchMove);
+            document.addEventListener('touchend', handleTouchEnd);
+          }, [dx, dy]);
+          (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (node) {
+              node.style.transform = "translate3d(".concat(dx, "px, ").concat(dy, "px, 0)");
+            }
+          }, [node, dx, dy]);
+          (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (!targetNode) {
+              return;
+            }
+            targetNode.addEventListener("mousedown", handleMouseDown);
+            targetNode.addEventListener("touchstart", handleTouchStart);
+            return function () {
+              targetNode.removeEventListener("mousedown", handleMouseDown);
+              targetNode.removeEventListener("touchstart", handleTouchStart);
+            };
+          }, [targetNode, dx, dy]);
+          return [ref, targetRef];
+        };
+        /* harmony default export */
+        var hooks_useDraggable = useDraggable;
         ; // CONCATENATED MODULE: ./src/index.tsx
 
         // hooks

package/CascadingSelect/index.js

@@ -769,6 +769,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             return (/* reexport */hooks_useDebounce
             );
           },
+          "useDraggable": function useDraggable() {
+            return (/* reexport */hooks_useDraggable
+            );
+          },
           "useInterval": function useInterval() {
             return (/* reexport */hooks_useInterval
             );
@@ -3607,6 +3611,164 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         };
         /* harmony default export */
         var hooks_useWindowScroll = useWindowScroll;
+        ; // CONCATENATED MODULE: ./src/hooks/useDraggable.tsx
+        function useDraggable_slicedToArray(arr, i) {
+          return useDraggable_arrayWithHoles(arr) || useDraggable_iterableToArrayLimit(arr, i) || useDraggable_unsupportedIterableToArray(arr, i) || useDraggable_nonIterableRest();
+        }
+        function useDraggable_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 useDraggable_unsupportedIterableToArray(o, minLen) {
+          if (!o) return;
+          if (typeof o === "string") return useDraggable_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 useDraggable_arrayLikeToArray(o, minLen);
+        }
+        function useDraggable_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 useDraggable_iterableToArrayLimit(arr, i) {
+          var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+          if (null != _i) {
+            var _s,
+              _e,
+              _x,
+              _r,
+              _arr = [],
+              _n = !0,
+              _d = !1;
+            try {
+              if (_x = (_i = _i.call(arr)).next, 0 === i) {
+                if (Object(_i) !== _i) return;
+                _n = !1;
+              } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+            } catch (err) {
+              _d = !0, _e = err;
+            } finally {
+              try {
+                if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+              } finally {
+                if (_d) throw _e;
+              }
+            }
+            return _arr;
+          }
+        }
+        function useDraggable_arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        }
+        /**
+         * Drag & Drop Element
+         * 
+         * @usage:
+        
+        
+        const App = () => {
+            const [dragContentHandle, dragHandle] = useDraggable(true);  // or Disable drag and drop: `useDraggable(false)`
+            return (
+                <div className="container" ref={dragContentHandle}>
+                    <div ref={dragHandle} className="handle">Drag me</div>
+                    <div className="content">
+                        content...
+                    </div>
+                </div>
+            );
+        };
+        
+        
+         */
+
+        var useDraggable = function useDraggable(enabled) {
+          if (typeof enabled === 'undefined' || enabled === false) return [null, null];
+          var _useState = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+            _useState2 = useDraggable_slicedToArray(_useState, 2),
+            node = _useState2[0],
+            setNode = _useState2[1];
+          var _useState3 = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
+            _useState4 = useDraggable_slicedToArray(_useState3, 2),
+            targetNode = _useState4[0],
+            setTargetNode = _useState4[1];
+          var _useState5 = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+              dx: 0,
+              dy: 0
+            }),
+            _useState6 = useDraggable_slicedToArray(_useState5, 2),
+            _useState6$ = _useState6[0],
+            dx = _useState6$.dx,
+            dy = _useState6$.dy,
+            setOffset = _useState6[1];
+          var ref = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (nodeEle) {
+            setNode(nodeEle);
+          }, []);
+          var targetRef = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (nodeEle) {
+            setTargetNode(nodeEle);
+          }, []);
+          var handleMouseDown = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+            var startPos = {
+              x: e.clientX - dx,
+              y: e.clientY - dy
+            };
+            var handleMouseMove = function handleMouseMove(e) {
+              var dx = e.clientX - startPos.x;
+              var dy = e.clientY - startPos.y;
+              setOffset({
+                dx: dx,
+                dy: dy
+              });
+            };
+            var handleMouseUp = function handleMouseUp() {
+              document.removeEventListener('mousemove', handleMouseMove);
+              document.removeEventListener('mouseup', handleMouseUp);
+            };
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+          }, [dx, dy]);
+          var handleTouchStart = (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+            var touch = e.touches[0];
+            var startPos = {
+              x: touch.clientX - dx,
+              y: touch.clientY - dy
+            };
+            var handleTouchMove = function handleTouchMove(e) {
+              var touch = e.touches[0];
+              var dx = touch.clientX - startPos.x;
+              var dy = touch.clientY - startPos.y;
+              setOffset({
+                dx: dx,
+                dy: dy
+              });
+            };
+            var handleTouchEnd = function handleTouchEnd() {
+              document.removeEventListener('touchmove', handleTouchMove);
+              document.removeEventListener('touchend', handleTouchEnd);
+            };
+            document.addEventListener('touchmove', handleTouchMove);
+            document.addEventListener('touchend', handleTouchEnd);
+          }, [dx, dy]);
+          (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (node) {
+              node.style.transform = "translate3d(".concat(dx, "px, ").concat(dy, "px, 0)");
+            }
+          }, [node, dx, dy]);
+          (0, external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+            if (!targetNode) {
+              return;
+            }
+            targetNode.addEventListener("mousedown", handleMouseDown);
+            targetNode.addEventListener("touchstart", handleTouchStart);
+            return function () {
+              targetNode.removeEventListener("mousedown", handleMouseDown);
+              targetNode.removeEventListener("touchstart", handleTouchStart);
+            };
+          }, [targetNode, dx, dy]);
+          return [ref, targetRef];
+        };
+        /* harmony default export */
+        var hooks_useDraggable = useDraggable;
         ; // CONCATENATED MODULE: ./src/index.tsx
 
         // hooks