@zl-ui-kit/icons 0.14.2 → 0.14.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -26
- package/package.json +1 -1
- package/src/icons.json +1 -1
- package/src/index.cjs +10 -10
- package/src/index.d.ts +9 -9
- package/src/index.mjs +7 -7
package/README.md
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
# @zl-ui-kit/icons
|
|
2
|
-
|
|
3
|
-
> **完整使用文档**：[`@zl-ui-kit/components` 的 README（npm 页面）](https://www.npmjs.com/package/@zl-ui-kit/components) 即 UI 组件权威文档 ——
|
|
4
|
-
> 本包的 Hooks / 工具 / 主题 / 国际化用法都在其中，本文只保留本包速查与运行前提。
|
|
5
|
-
|
|
6
|
-
ZL UI 离线图标集（Iconify JSON 格式，prefix：`zl`），共 444 个图标，配合 `@iconify/vue` offline 模式使用。
|
|
7
|
-
|
|
8
|
-
## 安装与使用
|
|
9
|
-
|
|
10
|
-
```ts
|
|
11
|
-
import { icons } from '@zl-ui-kit/icons'
|
|
12
|
-
import { presetIconifyIcon } from '@zl-ui-kit/components'
|
|
13
|
-
|
|
14
|
-
presetIconifyIcon(icons) // 全局注册离线图标集
|
|
15
|
-
// 模板中：<ZlIcon icon="zl:bug" /> 或 <Icon icon="zl:download" />
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
图标名规则：去掉源文件名中的中文与形态段（如 `bug-线-bug.svg` → `zl:bug`）。
|
|
19
|
-
|
|
20
|
-
## 本地调试
|
|
21
|
-
|
|
22
|
-
改 `src/svg/**` 后执行 `pnpm --filter @zl-ui-kit/icons gen` 重新生成 `src/icons.json`，playground（`/icons` 页）刷新即可浏览全量图标。调试细节见 `@zl-ui-kit/components` README §11。
|
|
23
|
-
|
|
24
|
-
## 构建
|
|
25
|
-
|
|
26
|
-
`pnpm build` = `pnpm gen`（`scripts/icongen.mjs`：清洗 SVG → icons.json）。发布物为 `src/`（JSON + 双格式入口 + d.ts + svg 源）。
|
|
1
|
+
# @zl-ui-kit/icons
|
|
2
|
+
|
|
3
|
+
> **完整使用文档**：[`@zl-ui-kit/components` 的 README（npm 页面）](https://www.npmjs.com/package/@zl-ui-kit/components) 即 UI 组件权威文档 ——
|
|
4
|
+
> 本包的 Hooks / 工具 / 主题 / 国际化用法都在其中，本文只保留本包速查与运行前提。
|
|
5
|
+
|
|
6
|
+
ZL UI 离线图标集（Iconify JSON 格式，prefix：`zl`），共 444 个图标，配合 `@iconify/vue` offline 模式使用。
|
|
7
|
+
|
|
8
|
+
## 安装与使用
|
|
9
|
+
|
|
10
|
+
```ts
|
|
11
|
+
import { icons } from '@zl-ui-kit/icons'
|
|
12
|
+
import { presetIconifyIcon } from '@zl-ui-kit/components'
|
|
13
|
+
|
|
14
|
+
presetIconifyIcon(icons) // 全局注册离线图标集
|
|
15
|
+
// 模板中：<ZlIcon icon="zl:bug" /> 或 <Icon icon="zl:download" />
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
图标名规则：去掉源文件名中的中文与形态段（如 `bug-线-bug.svg` → `zl:bug`）。
|
|
19
|
+
|
|
20
|
+
## 本地调试
|
|
21
|
+
|
|
22
|
+
改 `src/svg/**` 后执行 `pnpm --filter @zl-ui-kit/icons gen` 重新生成 `src/icons.json`，playground（`/icons` 页）刷新即可浏览全量图标。调试细节见 `@zl-ui-kit/components` README §11。
|
|
23
|
+
|
|
24
|
+
## 构建
|
|
25
|
+
|
|
26
|
+
`pnpm build` = `pnpm gen`（`scripts/icongen.mjs`：清洗 SVG → icons.json）。发布物为 `src/`（JSON + 双格式入口 + d.ts + svg 源）。
|
package/package.json
CHANGED
package/src/icons.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"prefix": "zl",
|
|
3
|
-
"lastModified":
|
|
3
|
+
"lastModified": 1793364255,
|
|
4
4
|
"icons": {
|
|
5
5
|
"acl-color": {
|
|
6
6
|
"body": "<path fill=\"currentColor\" d=\"M18 14h12v2H18zm0 5h8v2h-8zm0-10h12v2H18z\"/><path fill=\"currentColor\" d=\"M22 24v4H6V16h8v-2h-4V8a4 4 0 017.668-1.6l1.832-.8A6.001 6.001 0 008 8v6H6a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2v-4Z\"/>",
|
package/src/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
const icons = require('./icons.json')
|
|
2
|
-
|
|
3
|
-
const info = {}
|
|
4
|
-
const metadata = {}
|
|
5
|
-
const chars = {}
|
|
6
|
-
|
|
7
|
-
exports.chars = chars
|
|
8
|
-
exports.metadata = metadata
|
|
9
|
-
exports.info = info
|
|
10
|
-
exports.icons = icons
|
|
1
|
+
const icons = require('./icons.json')
|
|
2
|
+
|
|
3
|
+
const info = {}
|
|
4
|
+
const metadata = {}
|
|
5
|
+
const chars = {}
|
|
6
|
+
|
|
7
|
+
exports.chars = chars
|
|
8
|
+
exports.metadata = metadata
|
|
9
|
+
exports.info = info
|
|
10
|
+
exports.icons = icons
|
package/src/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { IconifyChars, IconifyInfo, IconifyJSON, IconifyMetaData } from '@iconify/types'
|
|
2
|
-
|
|
3
|
-
export type { IconifyChars, IconifyInfo, IconifyJSON, IconifyMetaData }
|
|
4
|
-
|
|
5
|
-
/** 完整图标集数据（prefix: zl），可直接传给 @iconify/vue 的 addCollection */
|
|
6
|
-
export declare const icons: IconifyJSON
|
|
7
|
-
export declare const info: IconifyInfo
|
|
8
|
-
export declare const metadata: IconifyMetaData
|
|
9
|
-
export declare const chars: IconifyChars
|
|
1
|
+
import type { IconifyChars, IconifyInfo, IconifyJSON, IconifyMetaData } from '@iconify/types'
|
|
2
|
+
|
|
3
|
+
export type { IconifyChars, IconifyInfo, IconifyJSON, IconifyMetaData }
|
|
4
|
+
|
|
5
|
+
/** 完整图标集数据（prefix: zl），可直接传给 @iconify/vue 的 addCollection */
|
|
6
|
+
export declare const icons: IconifyJSON
|
|
7
|
+
export declare const info: IconifyInfo
|
|
8
|
+
export declare const metadata: IconifyMetaData
|
|
9
|
+
export declare const chars: IconifyChars
|
package/src/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import icons from './icons.json'
|
|
2
|
-
|
|
3
|
-
const info = {}
|
|
4
|
-
const metadata = {}
|
|
5
|
-
const chars = {}
|
|
6
|
-
|
|
7
|
-
export { chars, icons, info, metadata }
|
|
1
|
+
import icons from './icons.json'
|
|
2
|
+
|
|
3
|
+
const info = {}
|
|
4
|
+
const metadata = {}
|
|
5
|
+
const chars = {}
|
|
6
|
+
|
|
7
|
+
export { chars, icons, info, metadata }
|