From cda2bbba7527f60dcdc238918b62697b2f62528f Mon Sep 17 00:00:00 2001 From: Uyarn Date: Fri, 5 Jul 2024 16:48:04 +0800 Subject: [PATCH] feat(icon): add new icon --- package.json | 2 +- src/icon/icon.en-US.md | 6 ++++++ src/icon/icon.md | 7 +++++++ test/snap/__snapshots__/csr.test.js.snap | 20 +++++++++++++++----- test/snap/__snapshots__/ssr.test.js.snap | 8 ++++---- 5 files changed, 33 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index caafa93c0..86dba136a 100644 --- a/package.json +++ b/package.json @@ -97,7 +97,7 @@ "mitt": "^3.0.0", "raf": "^3.4.1", "sortablejs": "^1.15.0", - "tdesign-icons-vue": "^0.2.0", + "tdesign-icons-vue": "^0.2.4", "tinycolor2": "^1.4.2", "validator": "^13.5.1" }, diff --git a/src/icon/icon.en-US.md b/src/icon/icon.en-US.md index da76d3a5a..edc9a46c2 100644 --- a/src/icon/icon.en-US.md +++ b/src/icon/icon.en-US.md @@ -57,6 +57,12 @@ You can get all the name of icon by import manifest from the bundle `import { ma if your project is in a no-network scenario, please use on-demand loading of icons. For example,`` should be changed to `` ### All Icons +
+ + + + Most icons were added to the icon library after version 0.2.0. If you find that the icon cannot be displayed normally after being imported, please check the version of tdesign-icons-vue you have installed
+ ## API diff --git a/src/icon/icon.md b/src/icon/icon.md index 2f4449bee..603af0b5f 100644 --- a/src/icon/icon.md +++ b/src/icon/icon.md @@ -67,6 +67,13 @@ TDesign 支持通过使用 Iconfont 图标，使用时需要单独引入 Iconfon ### 全部图标 +
+ + + + 大部分图标在 0.2.0 版本后的图标库新增，如果发现图标引入后无法正常展示，请检查安装的图标库`tdesign-icons-vue`的版本。 +
+ ## API diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap index c983b8fac..132447048 100644 --- a/test/snap/__snapshots__/csr.test.js.snap +++ b/test/snap/__snapshots__/csr.test.js.snap @@ -36401,8 +36401,10 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/input.vue 1 width="1em" > @@ -39118,8 +39120,10 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/custom-icon.vue width="1em" > @@ -53716,8 +53720,10 @@ exports[`csr snapshot test > csr test ./src/form/_example/login.vue 1`] = ` width="1em" > @@ -62932,8 +62938,10 @@ exports[`csr snapshot test > csr test ./src/input/_example/password.vue 1`] = ` width="1em" > @@ -62983,8 +62991,10 @@ exports[`csr snapshot test > csr test ./src/input/_example/password.vue 1`] = ` width="1em" > diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap index 232903a6c..5f1d6b0fb 100644 --- a/test/snap/__snapshots__/ssr.test.js.snap +++ b/test/snap/__snapshots__/ssr.test.js.snap @@ -296,7 +296,7 @@ exports[`ssr snapshot test > renders ./src/config-provider/_example/dialog.vue c exports[`ssr snapshot test > renders ./src/config-provider/_example/global.vue correctly 1`] = `"

使用t-config-provider包裹业务功能的最外层组件，点击下方图标查看示例代码

英文语言包引入路径：import enConfig from 'tdesign-vue/es/locale/en_US';

中文语言包引入路径：import zhConfig from 'tdesign-vue/es/locale/zh_CN';

日文语言包引入路径：import jpConfig from 'tdesign-vue/es/locale/ja_JP';

韩文语言包引入路径：import koConfig from 'tdesign-vue/es/locale/ko_KR';

"`; -exports[`ssr snapshot test > renders ./src/config-provider/_example/input.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/config-provider/_example/input.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/config-provider/_example/others.vue correctly 1`] = `"


0 / 20
0 / 0
Empty Data





















Feature Tag
Feature Tag
Feature Tag
Feature Tag


Tree Empty Data


Department A
Department B



First Step
You need to click the blue button
Second Step
Fill your base information into the form
Error Step
Something Wrong! Custom Error Icon!
4
Last Step
You haven't finish this step.


\\"\\"
loading
"`; @@ -308,7 +308,7 @@ exports[`ssr snapshot test > renders ./src/config-provider/_example/table.vue co exports[`ssr snapshot test > renders ./src/date-picker/_example/base.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/date-picker/_example/custom-icon.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/date-picker/_example/custom-icon.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.vue correctly 1`] = `"
-
-
"`; @@ -430,7 +430,7 @@ exports[`ssr snapshot test > renders ./src/form/_example/error-message.vue corre exports[`ssr snapshot test > renders ./src/form/_example/layout.vue correctly 1`] = `"
"`; -exports[`ssr snapshot test > renders ./src/form/_example/login.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/form/_example/login.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/form/_example/reset.vue correctly 1`] = `"
"`; @@ -546,7 +546,7 @@ exports[`ssr snapshot test > renders ./src/input/_example/group.vue correctly 1` exports[`ssr snapshot test > renders ./src/input/_example/max-length-count.vue correctly 1`] = `"
0/5
0/10
0/5
0/5
"`; -exports[`ssr snapshot test > renders ./src/input/_example/password.vue correctly 1`] = `"
"`; +exports[`ssr snapshot test > renders ./src/input/_example/password.vue correctly 1`] = `"
"`; exports[`ssr snapshot test > renders ./src/input/_example/size.vue correctly 1`] = `"
"`;