@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/components/drag-and-drop/index.js

@@ -1,583 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBlockDragAndDrop = exports.useColResizer = exports.useDrop = exports.useDrag = exports.mergeRefs = exports.useDragDropManagerContext = exports.DragDropManagerProvider = exports.useDragDropUID = exports.useDragDropManager = exports.DraggableBlockContext = void 0;
-
-const react_1 = require("react");
-
-const react_2 = require("react");
-
-const beautiful_react_hooks_1 = require("beautiful-react-hooks");
-
-const react_3 = require("@formily/react");
-
-const constate_1 = __importDefault(require("constate"));
-
-const schemas_1 = require("../../schemas");
-
-exports.DraggableBlockContext = (0, react_1.createContext)({
-  dragRef: null
-});
-
-function useDragDropManager({
-  uid
-}) {
-  const _ref = (0, react_2.useState)(null),
-        _ref2 = _slicedToArray(_ref, 2),
-        drag = _ref2[0],
-        setDrag = _ref2[1];
-
-  const _ref3 = (0, react_2.useState)(null),
-        _ref4 = _slicedToArray(_ref3, 2),
-        drop = _ref4[0],
-        setDrop = _ref4[1];
-
-  const _ref5 = (0, react_2.useState)({}),
-        _ref6 = _slicedToArray(_ref5, 2),
-        drops = _ref6[0],
-        setDrops = _ref6[1];
-
-  const addDrop = (dropId, data) => setDrops(prevDrops => {
-    prevDrops[dropId] = data;
-    return prevDrops;
-  });
-
-  const getDrop = dropId => {
-    return drops[dropId];
-  };
-
-  return {
-    uid,
-    drag,
-    drop,
-    drops,
-    setDrag,
-    addDrop,
-    setDrop,
-    getDrop
-  };
-}
-
-exports.useDragDropManager = useDragDropManager;
-
-const _ref7 = (0, constate_1.default)(useDragDropManager),
-      _ref8 = _slicedToArray(_ref7, 2),
-      DragDropManagerProvider = _ref8[0],
-      useDragDropManagerContext = _ref8[1];
-
-exports.DragDropManagerProvider = DragDropManagerProvider;
-exports.useDragDropManagerContext = useDragDropManagerContext;
-
-function useDragDropUID() {
-  const _useDragDropManagerCo = useDragDropManagerContext(),
-        uid = _useDragDropManagerCo.uid;
-
-  return uid;
-}
-
-exports.useDragDropUID = useDragDropUID;
-
-function mergeRefs(refs) {
-  return value => {
-    refs.forEach(ref => {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref != null) {
-        ref.current = value;
-      }
-    });
-  };
-}
-
-exports.mergeRefs = mergeRefs;
-
-function useDrag(options) {
-  const type = options.type,
-        onDragStart = options.onDragStart,
-        onDrag = options.onDrag,
-        onDragEnd = options.onDragEnd,
-        _options$item = options.item,
-        item = _options$item === void 0 ? {} : _options$item;
-  const dragRef = (0, react_1.useRef)();
-  const previewRef = (0, react_1.useRef)();
-
-  const _ref9 = (0, beautiful_react_hooks_1.useMouseEvents)(dragRef),
-        onMouseDown = _ref9.onMouseDown;
-
-  const _ref10 = (0, beautiful_react_hooks_1.useMouseEvents)(),
-        onMouseMove = _ref10.onMouseMove,
-        onMouseUp = _ref10.onMouseUp;
-
-  const _ref11 = (0, react_2.useState)(),
-        _ref12 = _slicedToArray(_ref11, 2),
-        previewElement = _ref12[0],
-        setPreviewElement = _ref12[1];
-
-  const _ref13 = (0, react_2.useState)(false),
-        _ref14 = _slicedToArray(_ref13, 2),
-        isDragging = _ref14[0],
-        setIsDragging = _ref14[1];
-
-  const _ref15 = (0, react_2.useState)({
-    left: 0,
-    top: 0
-  }),
-        _ref16 = _slicedToArray(_ref15, 2),
-        mousePostionWithinPreview = _ref16[0],
-        setMousePostionWithinPreview = _ref16[1];
-
-  const _useDragDropManagerCo2 = useDragDropManagerContext(),
-        drag = _useDragDropManagerCo2.drag,
-        setDrag = _useDragDropManagerCo2.setDrag,
-        setDrop = _useDragDropManagerCo2.setDrop,
-        getDrop = _useDragDropManagerCo2.getDrop;
-
-  (0, beautiful_react_hooks_1.useWillUnmount)(() => {
-    setIsDragging(false);
-    window.__previewElement && window.__previewElement.remove();
-    window.__previewElement = undefined;
-    setDrag(null);
-    setDrop(null);
-    document.body.classList.remove('dragging');
-    document.body.style.cursor = null;
-    document.body.style.userSelect = null;
-  });
-  onMouseDown(event => {
-    if (event.button !== 0) {
-      return;
-    }
-
-    setDrop({
-      type,
-      item
-    });
-    setDrag({
-      type,
-      item
-    });
-    setIsDragging(true);
-    const postion = {
-      left: event.clientX - previewRef.current.getBoundingClientRect().left,
-      top: event.clientY - previewRef.current.getBoundingClientRect().top
-    };
-    setMousePostionWithinPreview(postion);
-    const offset = {
-      left: event.pageX - postion.left,
-      top: event.pageY - postion.top
-    };
-    const wrap = document.createElement('div');
-    wrap.className = 'drag-container';
-    wrap.style.position = 'absolute';
-    wrap.style.pointerEvents = 'none';
-    wrap.style.opacity = '0.7';
-    wrap.style.left = `0px`;
-    wrap.style.top = `0px`;
-    wrap.style.zIndex = '9999';
-    wrap.style.width = `${previewRef.current.clientWidth}px`;
-    wrap.style.transform = `translate(${offset.left}px, ${offset.top}px)`;
-    setPreviewElement(wrap);
-    window.__previewElement = wrap;
-    document.body.appendChild(wrap);
-    const el = document.createElement('div');
-    wrap.appendChild(el);
-    el.outerHTML = previewRef.current.outerHTML;
-    onDragStart && onDragStart(event);
-    document.body.style.cursor = 'grab';
-    document.body.style.userSelect = 'none';
-    document.body.classList.add('dragging');
-  });
-  onMouseUp(event => {
-    if (!isDragging || !previewElement) {
-      return;
-    }
-
-    event.dragItem = item;
-    setIsDragging(false);
-    setDrag(null);
-    previewElement.remove();
-    setPreviewElement(undefined);
-    document.body.classList.remove('dragging');
-    document.body.style.cursor = null;
-    document.body.style.userSelect = null;
-    window.__previewElement && window.__previewElement.remove();
-    window.__previewElement = undefined;
-
-    if (!type) {
-      onDragEnd && onDragEnd(event);
-    }
-
-    let dropElement = document.elementFromPoint(event.clientX, event.clientY);
-    const dropIds = [];
-
-    while (dropElement) {
-      if (!dropElement.getAttribute) {
-        dropElement = dropElement.parentNode;
-        continue;
-      }
-
-      const dropId = dropElement.getAttribute('data-drop-id');
-      const dropContext = getDrop(dropId);
-
-      if (dropContext && dropContext.accept === type) {
-        if (!dropContext.shallow || dropContext.shallow && dropIds.length === 0) {
-          event.data = dropContext.data;
-          onDragEnd && onDragEnd(event);
-          dropIds.push(dropId);
-        }
-      }
-
-      dropElement = dropElement.parentNode;
-    }
-  });
-  onMouseMove(event => {
-    if (!isDragging || !previewElement) {
-      return;
-    }
-
-    console.log('drag', drag.dropIds);
-    const offset = {
-      left: event.pageX - mousePostionWithinPreview.left,
-      top: event.pageY - mousePostionWithinPreview.top
-    };
-    previewElement.style.transform = `translate(${offset.left}px, ${offset.top}px)`;
-
-    if (type) {
-      let dropElement = document.elementFromPoint(event.clientX, event.clientY);
-      const dropIds = [];
-
-      while (dropElement) {
-        if (!dropElement.getAttribute) {
-          dropElement = dropElement.parentNode;
-          continue;
-        }
-
-        const dropId = dropElement.getAttribute('data-drop-id');
-        const dropContext = getDrop(dropId);
-
-        if (dropContext && dropContext.accept === type) {
-          if (!dropContext.shallow || dropContext.shallow && dropIds.length === 0) {
-            dropIds.push(dropId);
-          }
-        }
-
-        dropElement = dropElement.parentNode;
-      }
-
-      setDrag({
-        type,
-        dropIds
-      });
-    }
-
-    onDrag && onDrag(event);
-  });
-  return {
-    isDragging,
-    dragRef,
-    previewRef
-  };
-}
-
-exports.useDrag = useDrag;
-
-function useDrop(options) {
-  const dropId = options.uid,
-        accept = options.accept,
-        data = options.data,
-        shallow = options.shallow,
-        onDrop = options.onDrop,
-        onHover = options.onHover,
-        _options$canDrop = options.canDrop,
-        canDrop = _options$canDrop === void 0 ? true : _options$canDrop;
-  const dropRef = (0, react_1.useRef)();
-
-  const _ref17 = (0, beautiful_react_hooks_1.useMouseEvents)(dropRef),
-        onMouseEnter = _ref17.onMouseEnter,
-        onMouseLeave = _ref17.onMouseLeave,
-        onMouseMove = _ref17.onMouseMove,
-        onMouseUp = _ref17.onMouseUp;
-
-  const _ref18 = (0, react_2.useState)(false),
-        _ref19 = _slicedToArray(_ref18, 2),
-        isOver = _ref19[0],
-        setIsOver = _ref19[1];
-
-  const _ref20 = (0, react_2.useState)(null),
-        _ref21 = _slicedToArray(_ref20, 2),
-        onTopHalf = _ref21[0],
-        setOnTopHalf = _ref21[1];
-
-  const _useDragDropManagerCo3 = useDragDropManagerContext(),
-        drag = _useDragDropManagerCo3.drag,
-        drop = _useDragDropManagerCo3.drop,
-        addDrop = _useDragDropManagerCo3.addDrop,
-        setDrop = _useDragDropManagerCo3.setDrop;
-
-  (0, react_1.useEffect)(() => {
-    addDrop(dropId, {
-      accept,
-      data,
-      shallow
-    });
-    dropRef.current.setAttribute('data-drop-id', dropId);
-  }, [dropId]);
-  onMouseEnter(event => {
-    if (!canDrop) {
-      return;
-    }
-
-    if (!drag || drag.type !== accept) {
-      return;
-    }
-
-    setIsOver(true);
-  });
-  onMouseMove(event => {
-    if (!canDrop) {
-      return;
-    }
-
-    if (!drag || drag.type !== accept) {
-      return;
-    }
-
-    console.log('drag.dropIds', drag.dropIds, dropId);
-
-    if (drag.dropIds && drag.dropIds.includes(dropId)) {
-      const top = event.clientY - dropRef.current.getBoundingClientRect().top;
-      const onTop = top < dropRef.current.clientHeight / 2;
-      setOnTopHalf(onTop);
-      event.onTopHalf = onTop;
-      setIsOver(true);
-      onHover && onHover(event);
-    } else {
-      setIsOver(false);
-    }
-  });
-  onMouseUp(event => {
-    if (!canDrop) {
-      return;
-    }
-
-    if (event.button !== 0) {
-      return;
-    }
-
-    if (isOver) {
-      const top = event.clientY - dropRef.current.getBoundingClientRect().top;
-      const onTop = top < dropRef.current.clientHeight / 2;
-      setOnTopHalf(onTop);
-      event.onTopHalf = onTop;
-      event.data = data;
-      event.dragItem = drop.item;
-      event.dropElement = dropRef.current;
-      onDrop && onDrop(event);
-      setDrop(null);
-    }
-
-    setIsOver(false);
-  });
-  onMouseLeave(() => {
-    if (!canDrop) {
-      return;
-    }
-
-    setIsOver(false);
-  });
-  return {
-    onTopHalf: isOver ? onTopHalf : null,
-    isOver,
-    dropRef
-  };
-}
-
-exports.useDrop = useDrop;
-
-function useColResizer(options) {
-  const _ref22 = options || {},
-        onDragStart = _ref22.onDragStart,
-        onDrag = _ref22.onDrag,
-        onDragEnd = _ref22.onDragEnd;
-
-  const dragRef = (0, react_1.useRef)();
-
-  const _ref23 = (0, react_2.useState)({
-    left: 0,
-    top: 0
-  }),
-        _ref24 = _slicedToArray(_ref23, 2),
-        dragOffset = _ref24[0],
-        setDragOffset = _ref24[1];
-
-  const _ref25 = (0, beautiful_react_hooks_1.useMouseEvents)(dragRef),
-        onMouseDown = _ref25.onMouseDown;
-
-  const _ref26 = (0, beautiful_react_hooks_1.useMouseEvents)(),
-        onMouseMove = _ref26.onMouseMove,
-        onMouseUp = _ref26.onMouseUp;
-
-  const _ref27 = (0, react_2.useState)(false),
-        _ref28 = _slicedToArray(_ref27, 2),
-        isDragging = _ref28[0],
-        setIsDragging = _ref28[1];
-
-  const _ref29 = (0, react_2.useState)(options.columns || []),
-        _ref30 = _slicedToArray(_ref29, 2),
-        columns = _ref30[0],
-        setColumns = _ref30[1];
-
-  const _ref31 = (0, react_2.useState)(null),
-        _ref32 = _slicedToArray(_ref31, 2),
-        initial = _ref32[0],
-        setInitial = _ref32[1];
-
-  onMouseDown(event => {
-    if (event.button !== 0) {
-      return;
-    }
-
-    const prev = dragRef.current.previousElementSibling;
-    const next = dragRef.current.nextElementSibling;
-
-    if (!prev || !next) {
-      return;
-    }
-
-    setIsDragging(true);
-
-    if (!initial) {
-      setInitial({
-        offset: event.clientX,
-        prevWidth: prev.style.width,
-        nextWidth: next.style.width
-      });
-    }
-  });
-  onMouseUp(event => {
-    if (!isDragging) {
-      return;
-    }
-
-    const parent = dragRef.current.parentElement;
-    const els = parent.querySelectorAll(':scope > .nb-grid-col');
-    const size = [];
-    const gap = dragRef.current.clientWidth;
-    console.log('parent.clientWidth', parent.clientWidth, dragRef.current.clientWidth);
-    els.forEach(el => {
-      const w = 100 * el.clientWidth / parent.clientWidth;
-      const w2 = 100 * (el.clientWidth + gap + gap / els.length) / parent.clientWidth;
-      size.push(w2);
-      el.style.width = `${w}%`;
-    });
-    console.log({
-      size
-    });
-    setIsDragging(false);
-    setInitial(null);
-    event.data = {
-      size
-    };
-    onDragEnd && onDragEnd(event);
-  });
-  onMouseMove(event => {
-    if (!isDragging) {
-      return;
-    }
-
-    const offset = event.clientX - initial.offset;
-    const prev = dragRef.current.previousElementSibling;
-    const next = dragRef.current.nextElementSibling;
-    prev.style.width = `calc(${initial.prevWidth} + ${offset}px)`;
-    next.style.width = `calc(${initial.nextWidth} - ${offset}px)`;
-  });
-  return {
-    isDragging,
-    dragOffset,
-    dragRef,
-    columns
-  };
-}
-
-exports.useColResizer = useColResizer;
-
-function useBlockDragAndDrop() {
-  const schema = (0, react_3.useFieldSchema)();
-  const uid = useDragDropUID();
-  const path = (0, schemas_1.useSchemaPath)();
-
-  const _useDrag = useDrag({
-    type: uid,
-
-    onDragStart() {
-      console.log('onDragStart');
-    },
-
-    onDragEnd(event) {
-      console.log('onDragEnd', event.data);
-    },
-
-    onDrag(event) {},
-
-    item: {
-      path,
-      schema: schema.toJSON()
-    }
-  }),
-        isDragging = _useDrag.isDragging,
-        dragRef = _useDrag.dragRef,
-        previewRef = _useDrag.previewRef;
-
-  const _useDrop = useDrop({
-    uid: schema.name,
-    accept: uid,
-    data: {},
-    canDrop: !isDragging
-  }),
-        isOver = _useDrop.isOver,
-        onTopHalf = _useDrop.onTopHalf,
-        dropRef = _useDrop.dropRef;
-
-  return {
-    isDragging,
-    dragRef,
-    previewRef,
-    isOver,
-    onTopHalf,
-    dropRef
-  };
-}
-
-exports.useBlockDragAndDrop = useBlockDragAndDrop;
-//# sourceMappingURL=index.js.map

package/lib/components/drag-and-drop/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/drag-and-drop/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import React, { createContext, useContext, useEffect, useRef } from 'react';\nimport { useState } from 'react';\nimport { useMouseEvents, useWillUnmount } from 'beautiful-react-hooks';\nimport { useField, useFieldSchema } from '@formily/react';\nimport { useMount } from 'ahooks';\nimport constate from 'constate';\nimport { useSchemaPath } from '../../schemas';\n\nexport const DraggableBlockContext = createContext({\n  dragRef: null,\n});\n\nexport function useDragDropManager({ uid }) {\n  const [drag, setDrag] = useState(null);\n  const [drop, setDrop] = useState(null);\n  const [drops, setDrops] = useState({});\n  const addDrop = (dropId, data) =>\n    setDrops((prevDrops) => {\n      prevDrops[dropId] = data;\n      return prevDrops;\n    });\n  const getDrop = (dropId) => {\n    return drops[dropId];\n  };\n  return { uid, drag, drop, drops, setDrag, addDrop, setDrop, getDrop };\n}\n\nconst [DragDropManagerProvider, useDragDropManagerContext] =\n  constate(useDragDropManager);\n\nexport function useDragDropUID() {\n  const { uid } = useDragDropManagerContext();\n  return uid;\n}\n\nexport { DragDropManagerProvider, useDragDropManagerContext };\n\nexport function mergeRefs<T = any>(\n  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,\n): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n\nexport function useDrag(options?: any) {\n  const { type, onDragStart, onDrag, onDragEnd, item = {} } = options;\n  const dragRef = useRef<HTMLDivElement>();\n  const previewRef = useRef<HTMLDivElement>();\n  const { onMouseDown } = useMouseEvents(dragRef);\n  const { onMouseMove, onMouseUp } = useMouseEvents();\n  const [previewElement, setPreviewElement] = useState<HTMLDivElement>();\n  const [isDragging, setIsDragging] = useState(false);\n  const [mousePostionWithinPreview, setMousePostionWithinPreview] = useState({\n    left: 0,\n    top: 0,\n  });\n  const { drag, setDrag, setDrop, getDrop } = useDragDropManagerContext();\n\n  useWillUnmount(() => {\n    setIsDragging(false);\n    // @ts-ignore\n    window.__previewElement && window.__previewElement.remove();\n    // @ts-ignore\n    window.__previewElement = undefined;\n\n    setDrag(null);\n    setDrop(null);\n\n    document.body.classList.remove('dragging');\n    document.body.style.cursor = null;\n    document.body.style.userSelect = null;\n  });\n\n  onMouseDown((event: React.MouseEvent) => {\n    if (event.button !== 0) {\n      return;\n    }\n    setDrop({ type, item });\n    setDrag({ type, item });\n    setIsDragging(true);\n\n    const postion = {\n      left: event.clientX - previewRef.current.getBoundingClientRect().left,\n      top: event.clientY - previewRef.current.getBoundingClientRect().top,\n    };\n\n    setMousePostionWithinPreview(postion);\n\n    const offset = {\n      left: event.pageX - postion.left,\n      top: event.pageY - postion.top,\n    };\n\n    const wrap = document.createElement('div');\n    wrap.className = 'drag-container';\n    wrap.style.position = 'absolute';\n    wrap.style.pointerEvents = 'none';\n    wrap.style.opacity = '0.7';\n    wrap.style.left = `0px`;\n    wrap.style.top = `0px`;\n    wrap.style.zIndex = '9999';\n    wrap.style.width = `${previewRef.current.clientWidth}px`;\n    wrap.style.transform = `translate(${offset.left}px, ${offset.top}px)`;\n\n    setPreviewElement(wrap);\n    // @ts-ignore\n    window.__previewElement = wrap;\n    // console.log(\n    //   'dragDropManager.previewElement',\n    //   dragDropManager.previewElement,\n    // );\n    document.body.appendChild(wrap);\n    const el = document.createElement('div');\n    wrap.appendChild(el);\n    el.outerHTML = previewRef.current.outerHTML;\n    onDragStart && onDragStart(event);\n    document.body.style.cursor = 'grab';\n    document.body.style.userSelect = 'none';\n    document.body.classList.add('dragging');\n\n    // console.log(\n    //   'onMouseDown',\n    //   { isDragging, previewElement },\n    //   dragDropManager.previewElement,\n    //   field ? field.address.segments : null,\n    // );\n    // console.log('onMouseDown', event);\n  });\n\n  onMouseUp((event: React.MouseEvent) => {\n    if (!isDragging || !previewElement) {\n      return;\n    }\n\n    // console.log(\n    //   'onMouseUp',\n    //   { isDragging, previewElement },\n    //   field ? field.address.segments : null,\n    // );\n\n    // @ts-ignore\n    event.dragItem = item;\n\n    setIsDragging(false);\n    setDrag(null);\n    // dragDropManager.drag = null;\n    previewElement.remove();\n    setPreviewElement(undefined);\n    document.body.classList.remove('dragging');\n    document.body.style.cursor = null;\n    document.body.style.userSelect = null;\n    // @ts-ignore\n    window.__previewElement && window.__previewElement.remove();\n    // @ts-ignore\n    window.__previewElement = undefined;\n\n    if (!type) {\n      onDragEnd && onDragEnd(event);\n    }\n\n    let dropElement = document.elementFromPoint(event.clientX, event.clientY);\n    const dropIds = [];\n    while (dropElement) {\n      if (!dropElement.getAttribute) {\n        dropElement = dropElement.parentNode as HTMLElement;\n        continue;\n      }\n      const dropId = dropElement.getAttribute('data-drop-id');\n\n      const dropContext = getDrop(dropId);\n      if (dropContext && dropContext.accept === type) {\n        if (\n          !dropContext.shallow ||\n          (dropContext.shallow && dropIds.length === 0)\n        ) {\n          // @ts-ignore\n          event.data = dropContext.data;\n          onDragEnd && onDragEnd(event);\n          dropIds.push(dropId);\n        }\n      }\n      dropElement = dropElement.parentNode as HTMLElement;\n    }\n  });\n\n  onMouseMove((event: React.MouseEvent) => {\n    if (!isDragging || !previewElement) {\n      return;\n    }\n\n    console.log('drag', drag.dropIds);\n    // console.log(\n    //   'onMouseMove',\n    //   { isDragging, previewElement },\n    //   dragDropManager.previewElement,\n    //   field ? field.address.segments : null,\n    // );\n    // console.log({previewElement})\n\n    const offset = {\n      left: event.pageX - mousePostionWithinPreview.left,\n      top: event.pageY - mousePostionWithinPreview.top,\n    };\n\n    previewElement.style.transform = `translate(${offset.left}px, ${offset.top}px)`;\n\n    if (type) {\n      let dropElement = document.elementFromPoint(event.clientX, event.clientY);\n      const dropIds = [];\n      while (dropElement) {\n        if (!dropElement.getAttribute) {\n          dropElement = dropElement.parentNode as HTMLElement;\n          continue;\n        }\n        const dropId = dropElement.getAttribute('data-drop-id');\n        const dropContext = getDrop(dropId);\n        if (dropContext && dropContext.accept === type) {\n          if (\n            !dropContext.shallow ||\n            (dropContext.shallow && dropIds.length === 0)\n          ) {\n            dropIds.push(dropId);\n          }\n          // @ts-ignore\n          // event.data = dropContext.data;\n        }\n        dropElement = dropElement.parentNode as HTMLElement;\n      }\n      setDrag({ type, dropIds });\n    }\n\n    onDrag && onDrag(event);\n  });\n\n  return { isDragging, dragRef, previewRef };\n}\n\nexport function useDrop(options) {\n  const {\n    uid: dropId,\n    accept,\n    data,\n    shallow,\n    onDrop,\n    onHover,\n    canDrop = true,\n  } = options;\n  const dropRef = useRef<HTMLDivElement>();\n  const { onMouseEnter, onMouseLeave, onMouseMove, onMouseUp } =\n    useMouseEvents(dropRef);\n  const [isOver, setIsOver] = useState(false);\n  const [onTopHalf, setOnTopHalf] = useState(null);\n  // const dragDropManager = useContext(DragDropManagerContext);\n  const { drag, drop, addDrop, setDrop } = useDragDropManagerContext();\n\n  useEffect(() => {\n    addDrop(dropId, {\n      accept,\n      data,\n      shallow,\n    });\n    // console.log('dragDropManager.drops', dragDropManager.drops);\n    // dragDropManager.drops[dropId] = {\n    //   accept,\n    //   data,\n    //   shallow,\n    // };\n    dropRef.current.setAttribute('data-drop-id', dropId);\n  }, [dropId]);\n\n  onMouseEnter((event) => {\n    if (!canDrop) {\n      return;\n    }\n    // console.log({ dragDropManager });\n    if (!drag || drag.type !== accept) {\n      return;\n    }\n    setIsOver(true);\n  });\n\n  onMouseMove((event: React.MouseEvent) => {\n    if (!canDrop) {\n      return;\n    }\n    if (!drag || drag.type !== accept) {\n      return;\n    }\n    console.log('drag.dropIds', drag.dropIds, dropId);\n    if (drag.dropIds && drag.dropIds.includes(dropId)) {\n      const top = event.clientY - dropRef.current.getBoundingClientRect().top;\n      const onTop = top < dropRef.current.clientHeight / 2;\n      setOnTopHalf(onTop);\n      // @ts-ignore\n      event.onTopHalf = onTop;\n      setIsOver(true);\n      onHover && onHover(event);\n    } else {\n      setIsOver(false);\n    }\n  });\n\n  onMouseUp((event: React.MouseEvent) => {\n    if (!canDrop) {\n      return;\n    }\n    if (event.button !== 0) {\n      return;\n    }\n    if (isOver) {\n      const top = event.clientY - dropRef.current.getBoundingClientRect().top;\n      const onTop = top < dropRef.current.clientHeight / 2;\n      setOnTopHalf(onTop);\n      // @ts-ignore\n      event.onTopHalf = onTop;\n      // @ts-ignore\n      event.data = data;\n      // @ts-ignore\n      event.dragItem = drop.item;\n      // @ts-ignore\n      event.dropElement = dropRef.current;\n      onDrop && onDrop(event);\n      // dragDropManager.onDrop && dragDropManager.onDrop(event);\n      setDrop(null);\n    }\n    setIsOver(false);\n  });\n\n  onMouseLeave(() => {\n    if (!canDrop) {\n      return;\n    }\n    setIsOver(false);\n  });\n\n  return {\n    onTopHalf: isOver ? onTopHalf : null,\n    isOver,\n    dropRef,\n  };\n}\n\nexport function useColResizer(options?: any) {\n  const { onDragStart, onDrag, onDragEnd } = options || {};\n  const dragRef = useRef<HTMLDivElement>();\n  const [dragOffset, setDragOffset] = useState({ left: 0, top: 0 });\n  const { onMouseDown } = useMouseEvents(dragRef);\n  const { onMouseMove, onMouseUp } = useMouseEvents();\n  const [isDragging, setIsDragging] = useState(false);\n  const [columns, setColumns] = useState(options.columns || []);\n  const [initial, setInitial] = useState<any>(null);\n\n  onMouseDown((event: React.MouseEvent) => {\n    if (event.button !== 0) {\n      return;\n    }\n    const prev = dragRef.current.previousElementSibling as HTMLDivElement;\n    const next = dragRef.current.nextElementSibling as HTMLDivElement;\n    if (!prev || !next) {\n      return;\n    }\n    setIsDragging(true);\n    if (!initial) {\n      setInitial({\n        offset: event.clientX,\n        prevWidth: prev.style.width,\n        nextWidth: next.style.width,\n      });\n    }\n  });\n\n  onMouseUp((event: React.MouseEvent) => {\n    if (!isDragging) {\n      return;\n    }\n    const parent = dragRef.current.parentElement;\n    const els = parent.querySelectorAll(':scope > .nb-grid-col');\n    const size = [];\n    const gap = dragRef.current.clientWidth;\n    console.log(\n      'parent.clientWidth',\n      parent.clientWidth,\n      dragRef.current.clientWidth,\n    );\n    els.forEach((el: HTMLDivElement) => {\n      const w = (100 * el.clientWidth) / parent.clientWidth;\n      const w2 =\n        (100 * (el.clientWidth + gap + gap / els.length)) / parent.clientWidth;\n      size.push(w2);\n      el.style.width = `${w}%`;\n    });\n    console.log({ size });\n    setIsDragging(false);\n    setInitial(null);\n    // @ts-ignore\n    event.data = { size };\n    onDragEnd && onDragEnd(event);\n  });\n\n  onMouseMove((event: React.MouseEvent) => {\n    if (!isDragging) {\n      return;\n    }\n    const offset = event.clientX - initial.offset;\n    // dragRef.current.style.transform = `translateX(${event.clientX - initialOffset}px)`;\n    const prev = dragRef.current.previousElementSibling as HTMLDivElement;\n    const next = dragRef.current.nextElementSibling as HTMLDivElement;\n    prev.style.width = `calc(${initial.prevWidth} + ${offset}px)`;\n    next.style.width = `calc(${initial.nextWidth} - ${offset}px)`;\n    // console.log('dragRef.current.nextSibling', prev.style.width);\n  });\n\n  return { isDragging, dragOffset, dragRef, columns };\n}\n\nexport function useBlockDragAndDrop() {\n  const schema = useFieldSchema();\n  const uid = useDragDropUID();\n  const path = useSchemaPath();\n  const { isDragging, dragRef, previewRef } = useDrag({\n    type: uid,\n    onDragStart() {\n      console.log('onDragStart');\n    },\n    onDragEnd(event) {\n      console.log('onDragEnd', event.data);\n    },\n    onDrag(event) {\n      // console.log('onDrag');\n    },\n    item: {\n      path,\n      schema: schema.toJSON(),\n    },\n  });\n  const { isOver, onTopHalf, dropRef } = useDrop({\n    uid: schema.name,\n    accept: uid,\n    data: {},\n    canDrop: !isDragging,\n  });\n\n  return {\n    isDragging,\n    dragRef,\n    previewRef,\n    isOver,\n    onTopHalf,\n    dropRef,\n  };\n}\n"]}

package/lib/components/icon-picker/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export declare const IconFont: React.FC<import("@ant-design/icons/lib/components/IconFont").IconFontProps<string>>;
-export declare const icons: Map<string, any>;
-export declare function registerIcon(type: string, icon?: any): void;
-export declare function hasIcon(type: string): boolean;
-export declare function registerIcons(components: any): void;
-interface IconProps {
-    type: string;
-    [key: string]: any;
-}
-export declare function IconPicker(props: IconProps): JSX.Element;
-export default IconPicker;

package/lib/components/icon-picker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/icon-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,eAAO,MAAM,QAAQ,qFAEnB,CAAC;AAEH,eAAO,MAAM,KAAK,kBAAyB,CAAC;AAE5C,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,GAAc,QAE9D;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,WAKnC;AAED,wBAAgB,aAAa,CAAC,UAAU,KAAA,QAIvC;AAQD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,eAU1C;AAED,eAAe,UAAU,CAAC","file":"index.d.ts","sourcesContent":["import React, { useState } from 'react';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { Input, Popover, Button } from 'antd';\nimport { LoadingOutlined, CloseOutlined } from '@ant-design/icons';\nimport { createFromIconfontCN } from '@ant-design/icons';\nimport * as antIcons from '@ant-design/icons';\n\nexport const IconFont = createFromIconfontCN({\n  scriptUrl: ['//at.alicdn.com/t/font_2261954_u9jzwc44ug.js'],\n});\n\nexport const icons = new Map<string, any>();\n\nexport function registerIcon(type: string, icon: any = IconFont) {\n  icons.set(type.toLowerCase(), icon);\n}\n\nexport function hasIcon(type: string) {\n  if (!type) {\n    return false;\n  }\n  return icons.has(type.toLowerCase());\n}\n\nexport function registerIcons(components) {\n  Object.keys(components).forEach((type) => {\n    registerIcon(type, components[type]);\n  });\n}\n\nObject.keys(antIcons).forEach((name) => {\n  if (name.endsWith('Outlined')) {\n    registerIcon(name, antIcons[name]);\n  }\n});\n\ninterface IconProps {\n  type: string;\n  [key: string]: any;\n}\n\nexport function IconPicker(props: IconProps) {\n  const { type = '', ...restProps } = props;\n  if (type && icons.has(type.toLowerCase())) {\n    const IconComponent = icons.get(type.toLowerCase());\n    if (IconComponent === IconFont) {\n      return <IconFont type={type} />;\n    }\n    return <IconComponent {...restProps} />;\n  }\n  return null;\n}\n\nexport default IconPicker;\n"]}