open-index/open-npm huggingface dataset:
npm package: @gx-design-vue/pro-card
Description: Gx Design Pro Card
Latest version: 0.2.0-beta.40

# ProCard

```shell
pnpm add @gx-design-vue/pro-card
```

```ts
// 可全局引入，也可以单独引入
import {
  GProCard,
  GProCardDivider,
  GProCardTabPane,
  GProCardGroup,
  GProCheckCard,
  GProCheckCardGroup
} from '@gx-design-vue/pro-card'

// 如果引入了ant-design-vue 相关组件的样式，则执行下面
import '@gx-design-vue/pro-card/dist/proCard.less'

// 如果没有引入了ant-design-vue 相关组件，则执行下面
import '@gx-design-vue/pro-card/dist/style.less'
```
npm package: @gx-design-vue/pro-field
Description: Gx Design Pro Field
Latest version: 0.2.0-beta.26

# ProField

```shell
pnpm add @gx-design-vue/pro-field
```

```ts
// 可全局引入，也可以单独引入
import { GProField } from '@gx-design-vue/pro-field'

// 如果引入了ant-design-vue 相关组件的样式，则执行下面
import '@gx-design-vue/pro-field/dist/proField.less'

// 如果没有引入了ant-design-vue 相关组件，则执行下面
import '@gx-design-vue/pro-field/dist/style.less'
```
npm package: @gx-design-vue/pro-form
Description: Gx Design Pro Form
Latest version: 0.2.0-beta.29

# ProForm

```shell
pnpm add @gx-design-vue/pro-form
```

```ts
// 可全局引入，也可以单独引入
import { GProForm } from '@gx-design-vue/pro-form'

// 如果引入了ant-design-vue 相关组件的样式，则执行下面
import '@gx-design-vue/pro-form/dist/ProForm.less'

// 如果没有引入了ant-design-vue 相关组件，则执行下面
import '@gx-design-vue/pro-form/dist/style.less'
```
npm package: @gx-design-vue/pro-utils-components
Description: Gx Design Pro Utils Components
Latest version: 0.1.0-beta.39

# ProWaterMark

```shell
pnpm add @gx-design-vue/pro-utils-components
```

```ts
// 可全局引入，也可以单独引入
import { DropdownFooter, FieldLabel, FilterDropdown, LabelIconTip } from '@gx-design-vue/pro-utils-components'
```
npm package: @gx-design-vue/swiper
Description: Gx Design
Latest version: 0.1.2

# Swiper

```shell
pnpm add @gx-design-vue/swiper
```

```ts
// 可全局引入，也可以单独引入
import { GSwiper } from '@gx-design-vue/swiper'

import '@gx-design-vue/swiper/dist/style.less'
```