@fangzhongya/fang-ui 0.0.43 → 0.0.45

package/dist/css/retract.css

@@ -0,0 +1,87 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.retract {
+  position: relative;
+}
+.retract .retract-but {
+  position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
+}
+.retract .retract-but .retract-icon {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  pointer-events: all;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transform: rotate(0);
+  transition: transform 0.3s;
+}
+.retract .retract-but .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-left {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  left: -20px;
+}
+.retract .retract-but.is-left .retract-icon {
+  transform: rotate(0);
+}
+.retract .retract-but.is-left .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  right: -20px;
+}
+.retract .retract-but.is-right .retract-icon {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right .retract-icon.is-reverse {
+  transform: rotate(0);
+}
+.retract .retract-but.is-top {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  top: -20px;
+}
+.retract .retract-but.is-top .retract-icon {
+  transform: rotate(90deg);
+}
+.retract .retract-but.is-top .retract-icon.is-reverse {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  bottom: -20px;
+}
+.retract .retract-but.is-bottom .retract-icon {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom .retract-icon.is-reverse {
+  transform: rotate(90deg);
+}

package/dist/css/seamless-scroll.css

@@ -18,6 +18,7 @@
   padding: 0;
   margin: 0;
   transition: 0s;
+  min-height: 60px;
 }
 .seamless-scroll .seamless-scroll-warp-line,
 .seamless-scroll .seamless-scroll-warp {

package/dist/css/window.css

@@ -67,9 +67,10 @@
   display: flex;
   flex-direction: column;
 }
-.window-body-title .com-title-close i {
+.window-body .window-title-icon {
   width: 20px;
-  height: 20px;
+  display: inline-flex;
+  align-items: center;
   margin: 0 4px;
   cursor: pointer;
 }

package/dist/directives/drag/index.cjs

@@ -72,6 +72,8 @@ const vDrag = {
     if (value.dom) {
       if (typeof value.dom == "string") {
         dom = el.querySelector(value.dom);
+      } else if (typeof value.dom == "boolean") {
+        dom = el;
       } else {
         dom = value.dom;
       }

package/dist/directives/drag/index.d.ts

@@ -1,7 +1,6 @@
 import { Directive } from 'vue';
 /**
  *  Drag
- *  ��ק
  */
 declare const _default: Directive;
 export default _default;

package/dist/directives/drag/index.js

@@ -70,6 +70,8 @@ const vDrag = {
     if (value.dom) {
       if (typeof value.dom == "string") {
         dom = el.querySelector(value.dom);
+      } else if (typeof value.dom == "boolean") {
+        dom = el;
       } else {
         dom = value.dom;
       }

package/dist/expand/{chunk-NWMTWNXH.cjs → chunk-J3OWSCOI.cjs}

@@ -123,6 +123,7 @@ var config_default = {
     "lists",
     "menus",
     "page",
+    "retract",
     "button",
     "card",
     "color-picker",

package/dist/expand/{chunk-5DCURPLA.js → chunk-WXZESOPO.js}

@@ -123,6 +123,7 @@ var config_default = {
     "lists",
     "menus",
     "page",
+    "retract",
     "button",
     "card",
     "color-picker",

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNWMTWNXHcjs = require('./chunk-NWMTWNXH.cjs');
+var _chunkJ3OWSCOIcjs = require('./chunk-J3OWSCOI.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -29,11 +29,11 @@ function namefilter(c, name) {
 function getFrom(mc, type, conf) {
   const filename = mc.replace(new RegExp("^" + config.prefix + "-"), "");
   if (type == 1) {
-    if (_chunkNWMTWNXHcjs.config_default.components.includes(filename)) {
+    if (_chunkJ3OWSCOIcjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkNWMTWNXHcjs.config_default.sideEffects.includes(filename)) {
+      if (_chunkJ3OWSCOIcjs.config_default.sideEffects.includes(filename)) {
         if (conf.css) {
           sideEffects = `${config.name}/components/${filename}/style/index2/.scss`;
         } else {
@@ -49,14 +49,14 @@ function getFrom(mc, type, conf) {
       return;
     }
   } else {
-    if (_chunkNWMTWNXHcjs.config_default.directives.includes(filename)) {
+    if (_chunkJ3OWSCOIcjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkNWMTWNXHcjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunkJ3OWSCOIcjs.config_default.directives.includes("v-" + filename)) {
       const name = "default";
       const from = `${config.name}/directives/${"v-" + filename}/index`;
       return {

package/dist/expand/components.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-5DCURPLA.js";
+} from "./chunk-WXZESOPO.js";
 
 // expand/components.ts
 import { humpToLine } from "@fangzhongya/utils/name/humpToLine";

package/dist/expand/config.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNWMTWNXHcjs = require('./chunk-NWMTWNXH.cjs');
+var _chunkJ3OWSCOIcjs = require('./chunk-J3OWSCOI.cjs');
 
 
-exports.default = _chunkNWMTWNXHcjs.config_default;
+exports.default = _chunkJ3OWSCOIcjs.config_default;

package/dist/expand/config.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-5DCURPLA.js";
+} from "./chunk-WXZESOPO.js";
 export {
   config_default as default
 };

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-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-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-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-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-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-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-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-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-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-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-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-below  {
+.icon-bottom-right  {
   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-right) no-repeat;
+  mask: var(--icon-svg-bottom-right) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom  {
+.icon-bottom-left  {
   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-bottom-left) no-repeat;
+  mask: var(--icon-svg-bottom-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bicycle  {
+.icon-bottom  {
   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) no-repeat;
+  mask: var(--icon-svg-bottom) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom-right  {
+.icon-bicycle  {
   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-bicycle) no-repeat;
+  mask: var(--icon-svg-bicycle) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -83,22 +83,22 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-edit  {
+.icon-close  {
   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-close) no-repeat;
+  mask: var(--icon-svg-close) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-close  {
+.icon-edit  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-close) no-repeat;
-  mask: var(--icon-svg-close) 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;
@@ -113,22 +113,22 @@
   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;
 }
-.icon-right  {
+.icon-left  {
   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-left) no-repeat;
+  mask: var(--icon-svg-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;

package/dist/icons/index.json

@@ -1,25 +1,25 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1754967282007,
+    "lastModified": 1755568408293,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
         },
-        "below": {
-            "body": " <path 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\" ></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> "
         },
-        "close": {
-            "body": " <path 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\" ></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> "
         },
-        "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> "
+        "right": {
+            "body": " <path 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\" ></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.css

@@ -310,6 +310,7 @@
   padding: 0;
   margin: 0;
   transition: 0s;
+  min-height: 60px;
 }
 .seamless-scroll .seamless-scroll-warp-line,
 .seamless-scroll .seamless-scroll-warp {
@@ -340,9 +341,10 @@
   display: flex;
   flex-direction: column;
 }
-.window-body-title .com-title-close i {
+.window-body .window-title-icon {
   width: 20px;
-  height: 20px;
+  display: inline-flex;
+  align-items: center;
   margin: 0 4px;
   cursor: pointer;
 }
@@ -367,6 +369,9 @@
 
 .icon {
   --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -375,6 +380,16 @@
   color: var(--color);
   font-size: inherit;
 }
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
 
 .lists-div .lists-table {
   width: 100%;
@@ -573,6 +588,80 @@
   background-color: #f5f5f5;
 }
 
+.retract {
+  position: relative;
+}
+.retract .retract-but {
+  position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
+}
+.retract .retract-but .retract-icon {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  pointer-events: all;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transform: rotate(0);
+  transition: transform 0.3s;
+}
+.retract .retract-but .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-left {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  left: -20px;
+}
+.retract .retract-but.is-left .retract-icon {
+  transform: rotate(0);
+}
+.retract .retract-but.is-left .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  right: -20px;
+}
+.retract .retract-but.is-right .retract-icon {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right .retract-icon.is-reverse {
+  transform: rotate(0);
+}
+.retract .retract-but.is-top {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  top: -20px;
+}
+.retract .retract-but.is-top .retract-icon {
+  transform: rotate(90deg);
+}
+.retract .retract-but.is-top .retract-icon.is-reverse {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  bottom: -20px;
+}
+.retract .retract-but.is-bottom .retract-icon {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom .retract-icon.is-reverse {
+  transform: rotate(90deg);
+}
+
 .array {
   width: 100%;
   display: inline-flex;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.43",
+  "version": "0.0.45",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,16 +24,16 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.25"
+    "@fangzhongya/utils": "0.0.28"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.34",
-    "@types/node": "^24.2.1",
+    "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/shared": "3.5.18",
     "axios": "^1.11.0",
     "d3-timer": "3.0.1",
-    "element-plus": "^2.10.6",
+    "element-plus": "^2.10.7",
     "fast-glob": "^3.3.3",
     "sass": "^1.90.0",
     "ts-node": "^10.9.2",
@@ -42,20 +42,20 @@
     "unplugin-auto-import": "20.0.0",
     "unplugin-dts": "1.0.0-beta.6",
     "unplugin-vue-components": "29.0.0",
-    "vite": "^7.1.1",
+    "vite": "^7.1.2",
     "vitepress": "1.6.4",
     "vitest": "^3.2.4",
     "vue": "^3.5.18",
     "vue-tsc": "^3.0.5",
     "vuedraggable": "4.1.0",
-    "vxe-table": "4.15.6",
+    "vxe-table": "4.15.8",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/components": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",