feat(ui): auto discovery

This commit is contained in:
songlh
2024-06-20 17:28:09 +08:00
parent cbc58d4a4c
commit b379ff74c0
33 changed files with 3558 additions and 632 deletions

View File

@@ -54,6 +54,84 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe95f;</span>
<div class="name">cmdb-manual_warehousing</div>
<div class="code-name">&amp;#xe95f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe95d;</span>
<div class="name">cmdb-not_warehousing</div>
<div class="code-name">&amp;#xe95d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe95e;</span>
<div class="name">cmdb-warehousing</div>
<div class="code-name">&amp;#xe95e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe95c;</span>
<div class="name">cmdb-prompt</div>
<div class="code-name">&amp;#xe95c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe95b;</span>
<div class="name">cmdb-arrow</div>
<div class="code-name">&amp;#xe95b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe95a;</span>
<div class="name">cmdb-automatic_inventory</div>
<div class="code-name">&amp;#xe95a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe959;</span>
<div class="name">cmdb-week_additions</div>
<div class="code-name">&amp;#xe959;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe958;</span>
<div class="name">cmdb-month_additions</div>
<div class="code-name">&amp;#xe958;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe955;</span>
<div class="name">cmdb-rule</div>
<div class="code-name">&amp;#xe955;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe956;</span>
<div class="name">cmdb-executing_machine</div>
<div class="code-name">&amp;#xe956;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe957;</span>
<div class="name">cmdb-resource</div>
<div class="code-name">&amp;#xe957;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe954;</span>
<div class="name">cmdb-discovery_resources</div>
<div class="code-name">&amp;#xe954;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe953;</span>
<div class="name">cmdb-association</div>
<div class="code-name">&amp;#xe953;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe952;</span>
<div class="name">ops-is_dynamic-disabled</div>
@@ -5100,9 +5178,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1717726223524') format('woff2'),
url('iconfont.woff?t=1717726223524') format('woff'),
url('iconfont.ttf?t=1717726223524') format('truetype');
src: url('iconfont.woff2?t=1718872392430') format('woff2'),
url('iconfont.woff?t=1718872392430') format('woff'),
url('iconfont.ttf?t=1718872392430') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -5128,6 +5206,123 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont cmdb-manual_warehousing"></span>
<div class="name">
cmdb-manual_warehousing
</div>
<div class="code-name">.cmdb-manual_warehousing
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-not_warehousing"></span>
<div class="name">
cmdb-not_warehousing
</div>
<div class="code-name">.cmdb-not_warehousing
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-warehousing"></span>
<div class="name">
cmdb-warehousing
</div>
<div class="code-name">.cmdb-warehousing
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-prompt"></span>
<div class="name">
cmdb-prompt
</div>
<div class="code-name">.cmdb-prompt
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-arrow"></span>
<div class="name">
cmdb-arrow
</div>
<div class="code-name">.cmdb-arrow
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-automatic_inventory"></span>
<div class="name">
cmdb-automatic_inventory
</div>
<div class="code-name">.cmdb-automatic_inventory
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-week_additions"></span>
<div class="name">
cmdb-week_additions
</div>
<div class="code-name">.cmdb-week_additions
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-month_additions"></span>
<div class="name">
cmdb-month_additions
</div>
<div class="code-name">.cmdb-month_additions
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-rule"></span>
<div class="name">
cmdb-rule
</div>
<div class="code-name">.cmdb-rule
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-executing_machine"></span>
<div class="name">
cmdb-executing_machine
</div>
<div class="code-name">.cmdb-executing_machine
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-resource"></span>
<div class="name">
cmdb-resource
</div>
<div class="code-name">.cmdb-resource
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-discovery_resources"></span>
<div class="name">
cmdb-discovery_resources
</div>
<div class="code-name">.cmdb-discovery_resources
</div>
</li>
<li class="dib">
<span class="icon iconfont cmdb-association"></span>
<div class="name">
cmdb-association
</div>
<div class="code-name">.cmdb-association
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-is_dynamic-disabled"></span>
<div class="name">
@@ -12697,6 +12892,110 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-manual_warehousing"></use>
</svg>
<div class="name">cmdb-manual_warehousing</div>
<div class="code-name">#cmdb-manual_warehousing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-not_warehousing"></use>
</svg>
<div class="name">cmdb-not_warehousing</div>
<div class="code-name">#cmdb-not_warehousing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-warehousing"></use>
</svg>
<div class="name">cmdb-warehousing</div>
<div class="code-name">#cmdb-warehousing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-prompt"></use>
</svg>
<div class="name">cmdb-prompt</div>
<div class="code-name">#cmdb-prompt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-arrow"></use>
</svg>
<div class="name">cmdb-arrow</div>
<div class="code-name">#cmdb-arrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-automatic_inventory"></use>
</svg>
<div class="name">cmdb-automatic_inventory</div>
<div class="code-name">#cmdb-automatic_inventory</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-week_additions"></use>
</svg>
<div class="name">cmdb-week_additions</div>
<div class="code-name">#cmdb-week_additions</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-month_additions"></use>
</svg>
<div class="name">cmdb-month_additions</div>
<div class="code-name">#cmdb-month_additions</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-rule"></use>
</svg>
<div class="name">cmdb-rule</div>
<div class="code-name">#cmdb-rule</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-executing_machine"></use>
</svg>
<div class="name">cmdb-executing_machine</div>
<div class="code-name">#cmdb-executing_machine</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-resource"></use>
</svg>
<div class="name">cmdb-resource</div>
<div class="code-name">#cmdb-resource</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-discovery_resources"></use>
</svg>
<div class="name">cmdb-discovery_resources</div>
<div class="code-name">#cmdb-discovery_resources</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#cmdb-association"></use>
</svg>
<div class="name">cmdb-association</div>
<div class="code-name">#cmdb-association</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-is_dynamic-disabled"></use>