open-index/open-npm huggingface dataset:
npm package: @hai-platform/icons
Description: Icons package of hai-platform
Latest version: 0.19.0-alpha.1682505883.c59ad262

# @hai-platform/icons

> 公共图标 Package

## 图标加入规范

- 不需要指定 svg 的宽高
- 如果颜色有特殊意义，并且不跟随主题变化，可以写死 fill 属性到 svg 中，否则不建议写 fill 属性。

## Usage

```sh
pnpm i @hai-platform/icons
```

### 配合 vite-svg-loader 使用

```ts
// vite.config.ts
import { defineConfig } from 'vite'
import svgLoader from 'vite-svg-loader'

export default defineConfig({
  plugins: [svgLoader()],
})
```

```vue
<!-- Foo.vue -->
<script setup lang="ts">
import Logo from '@hai-platform/icons/logo/high-flyer-ai.svg'
</script>

<template>
  <Logo />
</template>
```

### 配合 unocss icons preset 使用

```ts
// vite.config.ts
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
import { defineConfig } from 'vite'
import { presetIcons } from 'unocss'
import unocssPlugin from 'unocss/vite'

export default defineConfig({
  plugins: [
    unocssPlugin({
      include: [/\.vue$/, /\.vue\?vue/, /\.ts$/],
      presets: [
        presetIcons({
          collections: {
            'hai-platform-priority': FileSystemIconLoader(
              path.resolve(require.resolve('@hai-platform/icons/package.json'), '../priority'),
            ),
          },
        }),
      ],
    }),
  ],
})
```
npm package: @hai-platform/x-editor
Description: 前端 markdown 编辑器以及渲染解决方案库
Latest version: 0.19.0-alpha.1682505883.c59ad262

## @hai-platform/x-editor

前端 markdown 编辑器以及渲染解决方案库

## 样式引用

我们可以参考 `src/themes/hf-basic.less` 新增自己的样式，也可以直接使用 `src/style/hf-basic.less` 这个样式。

二者的区别在于，后者是包含了 vditor 原有的样式的，而前者只包含主题样式。

建议使用后者，如果使用前者可能会出现样式闪屏。