@nutui/nutui 3.2.6 → 3.2.8-beta.0

package/dist/styles/font/config.json

@@ -105,6 +105,10 @@
       "name": "基础图标",
       "nameEn": "Basic Icon",
       "icons": [
+        "rect-up",
+        "rect-down",
+        "rect-left",
+        "rect-right",
         "uploader",
         "mask-close",
         "circle-close",

package/dist/styles/font/demo_index.html

@@ -54,6 +54,36 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6cd;</span>
+                <div class="name">close_fill</div>
+                <div class="code-name">&amp;#xe6cd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6c9;</span>
+                <div class="name">常用_返回</div>
+                <div class="code-name">&amp;#xe6c9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6ca;</span>
+                <div class="name">常用_收起</div>
+                <div class="code-name">&amp;#xe6ca;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6cb;</span>
+                <div class="name">常用_更多</div>
+                <div class="code-name">&amp;#xe6cb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6cc;</span>
+                <div class="name">常用_展开</div>
+                <div class="code-name">&amp;#xe6cc;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon nutui-iconfont">&#xeb6d;</span>
                 <div class="name">下箭头</div>
@@ -408,12 +438,6 @@
                 <div class="code-name">&amp;#xe69b;</div>
               </li>
           
-            <li class="dib">
-              <span class="icon nutui-iconfont">&#xe69a;</span>
-                <div class="name">mask-close</div>
-                <div class="code-name">&amp;#xe69a;</div>
-              </li>
-          
             <li class="dib">
               <span class="icon nutui-iconfont">&#xe699;</span>
                 <div class="name">circle-close</div>
@@ -798,9 +822,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'nutui-iconfont';
-  src: url('iconfont.woff2?t=1662618531522') format('woff2'),
-       url('iconfont.woff?t=1662618531522') format('woff'),
-       url('iconfont.ttf?t=1662618531522') format('truetype');
+  src: url('iconfont.woff2?t=1668762221765') format('woff2'),
+       url('iconfont.woff?t=1668762221765') format('woff'),
+       url('iconfont.ttf?t=1668762221765') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -826,6 +850,51 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-mask-close"></span>
+            <div class="name">
+              close_fill
+            </div>
+            <div class="code-name">.nut-icon-mask-close
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-left"></span>
+            <div class="name">
+              常用_返回
+            </div>
+            <div class="code-name">.nut-icon-rect-left
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-up"></span>
+            <div class="name">
+              常用_收起
+            </div>
+            <div class="code-name">.nut-icon-rect-up
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-right"></span>
+            <div class="name">
+              常用_更多
+            </div>
+            <div class="code-name">.nut-icon-rect-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-down"></span>
+            <div class="name">
+              常用_展开
+            </div>
+            <div class="code-name">.nut-icon-rect-down
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon nutui-iconfont nut-icon-triangle-down"></span>
             <div class="name">
@@ -1357,15 +1426,6 @@
             </div>
           </li>
           
-          <li class="dib">
-            <span class="icon nutui-iconfont nut-icon-mask-close"></span>
-            <div class="name">
-              mask-close
-            </div>
-            <div class="code-name">.nut-icon-mask-close
-            </div>
-          </li>
-          
           <li class="dib">
             <span class="icon nutui-iconfont nut-icon-circle-close"></span>
             <div class="name">
@@ -1942,6 +2002,46 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-mask-close"></use>
+                </svg>
+                <div class="name">close_fill</div>
+                <div class="code-name">#nut-icon-mask-close</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-left"></use>
+                </svg>
+                <div class="name">常用_返回</div>
+                <div class="code-name">#nut-icon-rect-left</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-up"></use>
+                </svg>
+                <div class="name">常用_收起</div>
+                <div class="code-name">#nut-icon-rect-up</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-right"></use>
+                </svg>
+                <div class="name">常用_更多</div>
+                <div class="code-name">#nut-icon-rect-right</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-down"></use>
+                </svg>
+                <div class="name">常用_展开</div>
+                <div class="code-name">#nut-icon-rect-down</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#nut-icon-triangle-down"></use>
@@ -2414,14 +2514,6 @@
                 <div class="code-name">#nut-icon-uploader</div>
             </li>
           
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#nut-icon-mask-close"></use>
-                </svg>
-                <div class="name">mask-close</div>
-                <div class="code-name">#nut-icon-mask-close</div>
-            </li>
-          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#nut-icon-circle-close"></use>

package/dist/styles/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nutui-iconfont"; /* Project id 2166874 */
-  src: url('iconfont.woff2?t=1662618531522') format('woff2'),
-       url('iconfont.woff?t=1662618531522') format('woff'),
-       url('iconfont.ttf?t=1662618531522') format('truetype');
+  src: url('iconfont.woff2?t=1668762221765') format('woff2'),
+       url('iconfont.woff?t=1668762221765') format('woff'),
+       url('iconfont.ttf?t=1668762221765') format('truetype');
 }
 
 .nutui-iconfont {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nut-icon-mask-close:before {
+  content: "\e6cd";
+}
+
+.nut-icon-rect-left:before {
+  content: "\e6c9";
+}
+
+.nut-icon-rect-up:before {
+  content: "\e6ca";
+}
+
+.nut-icon-rect-right:before {
+  content: "\e6cb";
+}
+
+.nut-icon-rect-down:before {
+  content: "\e6cc";
+}
+
 .nut-icon-triangle-down:before {
   content: "\eb6d";
 }
@@ -249,10 +269,6 @@
   content: "\e69b";
 }
 
-.nut-icon-mask-close:before {
-  content: "\e69a";
-}
-
 .nut-icon-circle-close:before {
   content: "\e699";
 }