# @univerjs-pro/sheets-shape-ui

[![npm version](https://img.shields.io/npm/v/@univerjs-pro/sheets-shape)](https://npmjs.org/packages/@univerjs-pro/sheets-shape)
[![license](https://img.shields.io/npm/l/@univerjs-pro/sheets-shape)](https://img.shields.io/npm/l/@univerjs-pro/sheets-shape)

## Introduction

Sheets Shape provides the core shape/drawing model and services for Univer Sheets. It allows users to insert, update, and remove various shapes (rectangles, circles, connectors, etc.) on spreadsheet worksheets. This package handles shape data management, mutations, and the underlying shape model logic. It is typically used together with `@univerjs-pro/sheets-shape-ui`, which provides the UI interactions for shapes.

## Usage

### Installation

```shell
# Using npm
npm install @univerjs-pro/sheets-shape-ui @univerjs-pro/sheets-shape

# Using pnpm
pnpm add @univerjs-pro/sheets-shape-ui @univerjs-pro/sheets-shape
```

### Import

```ts
import { UniverSheetsShapePlugin } from '@univerjs-pro/sheets-shape';
import { UniverSheetsShapeUIPlugin } from '@univerjs-pro/sheets-shape-ui';

univer.registerPlugin(UniverSheetsShapePlugin);
univer.registerPlugin(UniverSheetsShapeUIPlugin);
```