npm install drag-division

DragDivision

分割拖拽组件，可上下方向分割拖拽，左右方向分割拖拽，可十字交叉垂直与水平方向双向拖拽
注意：容器层本身继承父节点的宽高，父节点或者容器层本身的宽高不能变化，否则会影响拖拽效果布局

Install

sh
npm i drag-division


Usage

tsx
import { DragDivision } from "drag-division";
function App() {
  return (
          topNode={123
}
      bottomNode={456
}
      topMinHeight={"20%"}
      bottomMinHeight={"30%"}
      topHeight="30%"
      // divisionDirection="horizontal"
      // leftNode={123
}
      // rightNode={456
}
      // leftWidth="30%"
      // leftMinWidth={"20%"}
      // rightMinWidth={"30%"}
    />
  );
}

License

MIT License (c) 刘善保

npm install drag-division

DragDivision

Install

sh
npm i drag-division


Usage

tsx
import { DragDivision } from "drag-division";
function App() {
  return (
          topNode={123
}
      bottomNode={456
}
      topMinHeight={"20%"}
      bottomMinHeight={"30%"}
      topHeight="30%"
      // divisionDirection="horizontal"
      // leftNode={123
}
      // rightNode={456
}
      // leftWidth="30%"
      // leftMinWidth={"20%"}
      // rightMinWidth={"30%"}
    />
  );
}

License

MIT License (c) 刘善保