@fangzhongya/fang-ui 0.0.58 → 0.0.60

package/dist/icons/index.css

@@ -1,16 +1,16 @@
 :root {
   --icon-svg-bar: url("data:image/svg+xml;utf8,%3Csvg id='icon-bar' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
   --icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
   --icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
-  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
-  --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
   --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-close: url("data:image/svg+xml;utf8,%3Csvg id='icon-close' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg id='icon-star' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z' %3E%3C/path%3E %3C/svg%3E");
 }
 .icon-bar  {
@@ -23,52 +23,52 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom-left  {
+.icon-below  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
-  mask: var(--icon-svg-bottom-left) no-repeat;
+  -webkit-mask: var(--icon-svg-below) no-repeat;
+  mask: var(--icon-svg-below) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bicycle  {
+.icon-bottom-right  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bicycle) no-repeat;
-  mask: var(--icon-svg-bicycle) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
+  mask: var(--icon-svg-bottom-right) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-below  {
+.icon-bottom-left  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-below) no-repeat;
-  mask: var(--icon-svg-below) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
+  mask: var(--icon-svg-bottom-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom  {
+.icon-bicycle  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom) no-repeat;
-  mask: var(--icon-svg-bottom) no-repeat;
+  -webkit-mask: var(--icon-svg-bicycle) no-repeat;
+  mask: var(--icon-svg-bicycle) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom-right  {
+.icon-bottom  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
-  mask: var(--icon-svg-bottom-right) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom) no-repeat;
+  mask: var(--icon-svg-bottom) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -93,42 +93,42 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-edit  {
+.icon-frame  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-edit) no-repeat;
-  mask: var(--icon-svg-edit) no-repeat;
+  -webkit-mask: var(--icon-svg-frame) no-repeat;
+  mask: var(--icon-svg-frame) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-right  {
+.icon-edit  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-right) no-repeat;
-  mask: var(--icon-svg-right) no-repeat;
+  -webkit-mask: var(--icon-svg-edit) no-repeat;
+  mask: var(--icon-svg-edit) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-frame  {
+.icon-left  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-frame) no-repeat;
-  mask: var(--icon-svg-frame) no-repeat;
+  -webkit-mask: var(--icon-svg-left) no-repeat;
+  mask: var(--icon-svg-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-left  {
+.icon-right  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-left) no-repeat;
-  mask: var(--icon-svg-left) no-repeat;
+  -webkit-mask: var(--icon-svg-right) no-repeat;
+  mask: var(--icon-svg-right) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;

package/dist/icons/index.json

@@ -1,26 +1,26 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1758014271361,
+    "lastModified": 1758617402825,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
         },
+        "bottom-right": {
+            "body": "<path fill=\"currentColor\" d=\"M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z\"/><path fill=\"currentColor\" d=\"M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z\"/>"
+        },
         "bicycle": {
             "body": "<path fill=\"currentColor\" d=\"M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z\"/><path fill=\"currentColor\" d=\"M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z\"/><path fill=\"currentColor\" d=\"m373.376 599.808-42.752-47.616 320-288 42.752 47.616z\"/>"
         },
-        "bottom": {
-            "body": "<path fill=\"currentColor\" d=\"M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z\"/>"
-        },
         "clear": {
             "body": " <path fill=\"currentColor\" d=\"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z\" ></path> <path fill=\"currentColor\" d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z\" ></path> "
         },
-        "edit": {
-            "body": " <path fill=\"currentColor\" d=\"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z\" ></path> <path fill=\"currentColor\" d=\"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z\" ></path> "
-        },
         "frame": {
             "body": " <path fill=\"currentColor\" d=\"m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z\" ></path> "
         },
+        "left": {
+            "body": " <path fill=\"currentColor\" d=\"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z\" ></path> "
+        },
         "star": {
             "body": " <path fill=\"currentColor\" d=\"m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z\" ></path> "
         }

package/dist/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index$1W = require("./components/index.cjs");
-const index$1X = require("./directives/index.cjs");
-const index$1Y = require("./icons/index.cjs");
+const index$1X = require("./components/index.cjs");
+const index$1Y = require("./directives/index.cjs");
+const index$1Z = require("./icons/index.cjs");
 const index$1 = require("./components/button/index.cjs");
 const index$2 = require("./components/card/index.cjs");
 const index$3 = require("./components/collapse-item/index.cjs");
@@ -64,79 +64,80 @@ const index$W = require("./components/box-teleport/index.cjs");
 const index$X = require("./components/box-title/index.cjs");
 const index$Y = require("./components/box/index.cjs");
 const index$Z = require("./components/dialogs/index.cjs");
-const index$_ = require("./components/popup/index.cjs");
-const index$$ = require("./components/right-key/index.cjs");
-const index$10 = require("./components/seamless-scroll/index.cjs");
-const index$11 = require("./components/stick-div/index.cjs");
-const index$12 = require("./components/stick-edge/index.cjs");
-const index$13 = require("./components/stick-window/index.cjs");
-const index$14 = require("./components/window/index.cjs");
-const index$15 = require("./components/global-config/index.cjs");
-const index$16 = require("./components/icon-picker/index.cjs");
-const index$17 = require("./components/icon/index.cjs");
-const index$18 = require("./components/iframe/index.cjs");
-const index$19 = require("./components/keep-com/index.cjs");
-const index$1a = require("./components/menus/index.cjs");
-const index$1b = require("./components/page/index.cjs");
-const index$1c = require("./components/retract/index.cjs");
-const index$1d = require("./components/choice-select/index.cjs");
-const index$1e = require("./components/company-select/index.cjs");
-const index$1f = require("./components/department-select/index.cjs");
-const index$1g = require("./components/role-select/index.cjs");
-const index$1h = require("./components/select-dialog/index.cjs");
-const index$1i = require("./components/select-popover/index.cjs");
-const index$1j = require("./components/tree-select-box/index.cjs");
-const index$1k = require("./components/user-select/index.cjs");
-const index$1l = require("./components/array/index.cjs");
-const index$1m = require("./components/buttons/index.cjs");
-const index$1n = require("./components/cascaders/index.cjs");
-const index$1o = require("./components/checks/index.cjs");
-const index$1p = require("./components/dates-divide/index.cjs");
-const index$1q = require("./components/dates-picker/index.cjs");
-const index$1r = require("./components/dates/index.cjs");
-const index$1s = require("./components/edit-float/index.cjs");
-const index$1t = require("./components/edit/index.cjs");
-const index$1u = require("./components/history/index.cjs");
-const index$1v = require("./components/images/index.cjs");
-const index$1w = require("./components/input-array/index.cjs");
-const index$1x = require("./components/input-history/index.cjs");
-const index$1y = require("./components/input-num/index.cjs");
-const index$1z = require("./components/input-select/index.cjs");
-const index$1A = require("./components/inputs/index.cjs");
-const index$1B = require("./components/labels/index.cjs");
-const index$1C = require("./components/select-scroll/index.cjs");
-const index$1D = require("./components/selector/index.cjs");
-const index$1E = require("./components/selects/index.cjs");
-const index$1F = require("./components/switchs/index.cjs");
-const index$1G = require("./components/text/index.cjs");
-const index$1H = require("./components/list/index.cjs");
-const index$1I = require("./components/lists/index.cjs");
-const index$1J = require("./components/listsp/index.cjs");
-const index$1K = require("./components/paging/index.cjs");
-const index$1L = require("./components/tables/index.cjs");
-const index$1M = require("./components/tablesp/index.cjs");
-const index$1N = require("./components/tabless/index.cjs");
-const index$1O = require("./components/tablesv/index.cjs");
-const index$1P = require("./components/tablesvp/index.cjs");
-const index$1Q = require("./directives/adjust/index.cjs");
-const index$1R = require("./directives/drag/index.cjs");
-const index$1S = require("./directives/expose/index.cjs");
-const index$1T = require("./directives/locus/index.cjs");
-const index$1U = require("./directives/scroll/index.cjs");
-const index$1V = require("./directives/stick/index.cjs");
+const index$_ = require("./components/no-data/index.cjs");
+const index$$ = require("./components/popup/index.cjs");
+const index$10 = require("./components/right-key/index.cjs");
+const index$11 = require("./components/seamless-scroll/index.cjs");
+const index$12 = require("./components/stick-div/index.cjs");
+const index$13 = require("./components/stick-edge/index.cjs");
+const index$14 = require("./components/stick-window/index.cjs");
+const index$15 = require("./components/window/index.cjs");
+const index$16 = require("./components/global-config/index.cjs");
+const index$17 = require("./components/icon-picker/index.cjs");
+const index$18 = require("./components/icon/index.cjs");
+const index$19 = require("./components/iframe/index.cjs");
+const index$1a = require("./components/keep-com/index.cjs");
+const index$1b = require("./components/menus/index.cjs");
+const index$1c = require("./components/page/index.cjs");
+const index$1d = require("./components/retract/index.cjs");
+const index$1e = require("./components/choice-select/index.cjs");
+const index$1f = require("./components/company-select/index.cjs");
+const index$1g = require("./components/department-select/index.cjs");
+const index$1h = require("./components/role-select/index.cjs");
+const index$1i = require("./components/select-dialog/index.cjs");
+const index$1j = require("./components/select-popover/index.cjs");
+const index$1k = require("./components/tree-select-box/index.cjs");
+const index$1l = require("./components/user-select/index.cjs");
+const index$1m = require("./components/array/index.cjs");
+const index$1n = require("./components/buttons/index.cjs");
+const index$1o = require("./components/cascaders/index.cjs");
+const index$1p = require("./components/checks/index.cjs");
+const index$1q = require("./components/dates-divide/index.cjs");
+const index$1r = require("./components/dates-picker/index.cjs");
+const index$1s = require("./components/dates/index.cjs");
+const index$1t = require("./components/edit-float/index.cjs");
+const index$1u = require("./components/edit/index.cjs");
+const index$1v = require("./components/history/index.cjs");
+const index$1w = require("./components/images/index.cjs");
+const index$1x = require("./components/input-array/index.cjs");
+const index$1y = require("./components/input-history/index.cjs");
+const index$1z = require("./components/input-num/index.cjs");
+const index$1A = require("./components/input-select/index.cjs");
+const index$1B = require("./components/inputs/index.cjs");
+const index$1C = require("./components/labels/index.cjs");
+const index$1D = require("./components/select-scroll/index.cjs");
+const index$1E = require("./components/selector/index.cjs");
+const index$1F = require("./components/selects/index.cjs");
+const index$1G = require("./components/switchs/index.cjs");
+const index$1H = require("./components/text/index.cjs");
+const index$1I = require("./components/list/index.cjs");
+const index$1J = require("./components/lists/index.cjs");
+const index$1K = require("./components/listsp/index.cjs");
+const index$1L = require("./components/paging/index.cjs");
+const index$1M = require("./components/tables/index.cjs");
+const index$1N = require("./components/tablesp/index.cjs");
+const index$1O = require("./components/tabless/index.cjs");
+const index$1P = require("./components/tablesv/index.cjs");
+const index$1Q = require("./components/tablesvp/index.cjs");
+const index$1R = require("./directives/adjust/index.cjs");
+const index$1S = require("./directives/drag/index.cjs");
+const index$1T = require("./directives/expose/index.cjs");
+const index$1U = require("./directives/locus/index.cjs");
+const index$1V = require("./directives/scroll/index.cjs");
+const index$1W = require("./directives/stick/index.cjs");
 const index = {
   install: function(app) {
-    const com = index$1W;
+    const com = index$1X;
     Object.keys(com).forEach((key) => {
       if (com[key].install) {
         com[key].install(app);
       }
     });
-    const dire = index$1X;
+    const dire = index$1Y;
     Object.keys(dire).forEach((key) => {
       app.directive(key, dire[key]);
     });
-    index$1Y.default(app);
+    index$1Z.default(app);
   }
 };
 exports.Button = index$1.Button;
@@ -201,64 +202,65 @@ exports.BoxTeleport = index$W.BoxTeleport;
 exports.BoxTitle = index$X.BoxTitle;
 exports.Box = index$Y.Box;
 exports.Dialogs = index$Z.Dialogs;
-exports.Popup = index$_.Popup;
-exports.RightKey = index$$.RightKey;
-exports.SeamlessScroll = index$10.SeamlessScroll;
-exports.StickDiv = index$11.StickDiv;
-exports.StickEdge = index$12.StickEdge;
-exports.StickWindow = index$13.StickWindow;
-exports.Window = index$14.Window;
-exports.GlobalConfig = index$15.GlobalConfig;
-exports.IconPicker = index$16.IconPicker;
-exports.Icon = index$17.Icon;
-exports.Iframe = index$18.Iframe;
-exports.KeepCom = index$19.KeepCom;
-exports.Menus = index$1a.Menus;
-exports.Page = index$1b.Page;
-exports.Retract = index$1c.Retract;
-exports.ChoiceSelect = index$1d.ChoiceSelect;
-exports.CompanySelect = index$1e.CompanySelect;
-exports.DepartmentSelect = index$1f.DepartmentSelect;
-exports.RoleSelect = index$1g.RoleSelect;
-exports.SelectDialog = index$1h.SelectDialog;
-exports.SelectPopover = index$1i.SelectPopover;
-exports.TreeSelectBox = index$1j.TreeSelectBox;
-exports.UserSelect = index$1k.UserSelect;
-exports.Array = index$1l.Array;
-exports.Buttons = index$1m.Buttons;
-exports.Cascaders = index$1n.Cascaders;
-exports.Checks = index$1o.Checks;
-exports.DatesDivide = index$1p.DatesDivide;
-exports.DatesPicker = index$1q.DatesPicker;
-exports.Dates = index$1r.Dates;
-exports.EditFloat = index$1s.EditFloat;
-exports.Edit = index$1t.Edit;
-exports.History = index$1u.History;
-exports.Images = index$1v.Images;
-exports.InputArray = index$1w.InputArray;
-exports.InputHistory = index$1x.InputHistory;
-exports.InputNum = index$1y.InputNum;
-exports.InputSelect = index$1z.InputSelect;
-exports.Inputs = index$1A.Inputs;
-exports.Labels = index$1B.Labels;
-exports.SelectScroll = index$1C.SelectScroll;
-exports.Selector = index$1D.Selector;
-exports.Selects = index$1E.Selects;
-exports.Switchs = index$1F.Switchs;
-exports.Text = index$1G.Text;
-exports.List = index$1H.List;
-exports.Lists = index$1I.Lists;
-exports.Listsp = index$1J.Listsp;
-exports.Paging = index$1K.Paging;
-exports.Tables = index$1L.Tables;
-exports.Tablesp = index$1M.Tablesp;
-exports.Tabless = index$1N.Tabless;
-exports.Tablesv = index$1O.Tablesv;
-exports.Tablesvp = index$1P.Tablesvp;
-exports.Adjust = index$1Q.default;
-exports.Drag = index$1R.default;
-exports.Expose = index$1S.default;
-exports.Locus = index$1T.default;
-exports.Scroll = index$1U.default;
-exports.Stick = index$1V.default;
+exports.NoData = index$_.NoData;
+exports.Popup = index$$.Popup;
+exports.RightKey = index$10.RightKey;
+exports.SeamlessScroll = index$11.SeamlessScroll;
+exports.StickDiv = index$12.StickDiv;
+exports.StickEdge = index$13.StickEdge;
+exports.StickWindow = index$14.StickWindow;
+exports.Window = index$15.Window;
+exports.GlobalConfig = index$16.GlobalConfig;
+exports.IconPicker = index$17.IconPicker;
+exports.Icon = index$18.Icon;
+exports.Iframe = index$19.Iframe;
+exports.KeepCom = index$1a.KeepCom;
+exports.Menus = index$1b.Menus;
+exports.Page = index$1c.Page;
+exports.Retract = index$1d.Retract;
+exports.ChoiceSelect = index$1e.ChoiceSelect;
+exports.CompanySelect = index$1f.CompanySelect;
+exports.DepartmentSelect = index$1g.DepartmentSelect;
+exports.RoleSelect = index$1h.RoleSelect;
+exports.SelectDialog = index$1i.SelectDialog;
+exports.SelectPopover = index$1j.SelectPopover;
+exports.TreeSelectBox = index$1k.TreeSelectBox;
+exports.UserSelect = index$1l.UserSelect;
+exports.Array = index$1m.Array;
+exports.Buttons = index$1n.Buttons;
+exports.Cascaders = index$1o.Cascaders;
+exports.Checks = index$1p.Checks;
+exports.DatesDivide = index$1q.DatesDivide;
+exports.DatesPicker = index$1r.DatesPicker;
+exports.Dates = index$1s.Dates;
+exports.EditFloat = index$1t.EditFloat;
+exports.Edit = index$1u.Edit;
+exports.History = index$1v.History;
+exports.Images = index$1w.Images;
+exports.InputArray = index$1x.InputArray;
+exports.InputHistory = index$1y.InputHistory;
+exports.InputNum = index$1z.InputNum;
+exports.InputSelect = index$1A.InputSelect;
+exports.Inputs = index$1B.Inputs;
+exports.Labels = index$1C.Labels;
+exports.SelectScroll = index$1D.SelectScroll;
+exports.Selector = index$1E.Selector;
+exports.Selects = index$1F.Selects;
+exports.Switchs = index$1G.Switchs;
+exports.Text = index$1H.Text;
+exports.List = index$1I.List;
+exports.Lists = index$1J.Lists;
+exports.Listsp = index$1K.Listsp;
+exports.Paging = index$1L.Paging;
+exports.Tables = index$1M.Tables;
+exports.Tablesp = index$1N.Tablesp;
+exports.Tabless = index$1O.Tabless;
+exports.Tablesv = index$1P.Tablesv;
+exports.Tablesvp = index$1Q.Tablesvp;
+exports.Adjust = index$1R.default;
+exports.Drag = index$1S.default;
+exports.Expose = index$1T.default;
+exports.Locus = index$1U.default;
+exports.Scroll = index$1V.default;
+exports.Stick = index$1W.default;
 exports.default = index;

package/dist/index.css

@@ -99,6 +99,9 @@
 .forms-elf.center .el-form-item__label {
   justify-content: center;
 }
+.forms .forms-li.forms-buts {
+  margin-right: 0;
+}
 .forms-buts-div .el-button {
   height: inherit;
 }
@@ -234,6 +237,12 @@
   padding: 20px 20px;
 }
 
+.no-data {
+  text-align: center;
+  margin-top: 20px;
+  color: #999;
+}
+
 .popup {
   position: fixed;
   width: 100vw;
@@ -420,6 +429,7 @@
   cursor: pointer;
 }
 .icon-picker .icon-picker-dialog-list-item:hover {
+  background-color: #e5e5e5;
   color: var(--on-icon-picker);
 }
 .icon-picker .icon-picker-dialog-list-icon {
@@ -463,6 +473,10 @@
   width: 100%;
   height: 100%;
 }
+.iframe > iframe {
+  width: 100%;
+  height: 100%;
+}
 
 .menus .menu-li-item {
   display: flex;
@@ -584,6 +598,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;
@@ -940,7 +955,7 @@
   padding: 0;
   box-sizing: border-box;
 }
-.input-history-select-li {
+.input-history-select-ul .input-history-select-li {
   padding: 0 32px 0 20px;
   position: relative;
   white-space: nowrap;
@@ -952,36 +967,26 @@
   box-sizing: border-box;
   cursor: pointer;
 }
-.input-history-select-li.hover, .input-history-select-li:hover {
+.input-history-select-ul .input-history-select-li.hover, .input-history-select-ul .input-history-select-li:hover {
   background-color: #f5f7fa;
 }
-.input-history-select-li.hover .input-history-select-li-clean, .input-history-select-li:hover .input-history-select-li-clean {
+.input-history-select-ul .input-history-select-li.hover .input-history-select-li-clean, .input-history-select-ul .input-history-select-li:hover .input-history-select-li-clean {
   display: inline-flex;
 }
-.input-history-select-li.selected {
+.input-history-select-ul .input-history-select-li.selected {
   color: var(--bv-color-primary);
   font-weight: 700;
 }
-.input-history-select-li.is-disabled {
+.input-history-select-ul .input-history-select-li.is-disabled {
   background-color: #ffffff;
   color: #a8abb2;
   cursor: not-allowed;
 }
-.input-history-select-li-clean {
-  position: absolute;
+.input-history-select-ul .input-history-select-li-clean {
   align-items: center;
   justify-content: center;
-  right: 16px;
-  height: 100%;
   display: none;
-}
-.input-history-select-clean {
-  padding: 0 20px;
-}
-.input-history-select-clean-but {
-  float: right;
-  color: #ccc;
-  cursor: pointer;
+  margin-left: 5px;
 }
 
 .input-num-input {
@@ -1190,11 +1195,6 @@
 .lists-list-item .el-card {
   background-color: transparent;
 }
-.lists-list .lists-no-data {
-  text-align: center;
-  margin-top: 20px;
-  color: #999;
-}
 
 .listsp {
   width: 100%;
@@ -1324,4 +1324,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/index.js

@@ -62,6 +62,7 @@ import { BoxTeleport } from "./components/box-teleport/index.js";
 import { BoxTitle } from "./components/box-title/index.js";
 import { Box } from "./components/box/index.js";
 import { Dialogs } from "./components/dialogs/index.js";
+import { NoData } from "./components/no-data/index.js";
 import { Popup } from "./components/popup/index.js";
 import { RightKey } from "./components/right-key/index.js";
 import { SeamlessScroll } from "./components/seamless-scroll/index.js";
@@ -212,6 +213,7 @@ export {
   Menus,
   Message,
   MessageBox,
+  NoData,
   Option,
   OptionGroup,
   Page,