@fangzhongya/fang-ui 0.1.55 → 0.1.56

package/dist/components/uploads/src/index2.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const document = require("../../../icons/vue/document.cjs");
-const download$1 = require("../../../icons/vue/download.cjs");
-const plus = require("../../../icons/vue/plus.cjs");
-const views = require("../../../icons/vue/views.cjs");
-const _delete = require("../../../icons/vue/delete.cjs");
+require("../../../icons/vue/document.cjs");
+require("../../../icons/vue/download.cjs");
+require("../../../icons/vue/plus.cjs");
+require("../../../icons/vue/views.cjs");
+require("../../../icons/vue/delete.cjs");
 const index$7 = require("../../icon/index.cjs");
 const index$b = require("../../upload/index.cjs");
 const index$5 = require("../../message/index.cjs");
@@ -24,6 +24,11 @@ const util = require("./util.cjs");
 require("../../form/index.cjs");
 const index$3 = require("../../../hooks/props-default/index.cjs");
 const index$4 = require("element-plus/es/components/form/index");
+const download_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/download2.cjs");
+const views_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/views2.cjs");
+const delete_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/delete2.cjs");
+const document_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/document2.cjs");
+const plus_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/plus2.cjs");
 const _hoisted_1 = ["onMouseenter"];
 const _hoisted_2 = ["title"];
 const _hoisted_3 = ["onClick", "title"];
@@ -113,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return !value.value;
     });
-    const views$1 = vue.reactive({
+    const views = vue.reactive({
       show: false,
       value: void 0
     });
@@ -125,8 +130,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onViews = (item, index2) => {
-      views$1.value = item;
-      views$1.show = true;
+      views.value = item;
+      views.show = true;
       emit("views", item, index2);
     };
     const onDelete = (item, index2) => {
@@ -264,7 +269,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(download$1.default)
+                          vue.createVNode(download_vue_vue_type_script_setup_true_lang.default)
                         ]),
                         _: 1
                       })
@@ -276,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(views.default)
+                          vue.createVNode(views_vue_vue_type_script_setup_true_lang.default)
                         ]),
                         _: 1
                       })
@@ -289,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, [
                       vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(_delete.default)
+                          vue.createVNode(delete_vue_vue_type_script_setup_true_lang.default)
                         ]),
                         _: 1
                       })
@@ -324,7 +329,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-bg"))
                       }, [
-                        vue.createVNode(document.default)
+                        vue.createVNode(document_vue_vue_type_script_setup_true_lang.default)
                       ], 2),
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-text"))
@@ -342,22 +347,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).views, {
               type: vue.unref(props).type,
               accept: accept.value,
-              value: views$1.value,
-              show: views$1.show,
-              onClose: _cache[1] || (_cache[1] = ($event) => views$1.show = false)
+              value: views.value,
+              show: views.show,
+              onClose: _cache[1] || (_cache[1] = ($event) => views.show = false)
             }, () => [
               vue.createVNode(vue.unref(index$9.BoxAdjust), {
                 isMax: "",
-                modelValue: views$1.show,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => views$1.show = $event)
+                modelValue: views.show,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => views.show = $event)
               }, {
                 default: vue.withCtx(() => {
                   var _a, _b, _c;
                   return [
                     (vue.openBlock(), vue.createBlock(vue.unref(index$a.Iframe), {
-                      title: (_a = views$1.value) == null ? void 0 : _a.url,
-                      key: (_b = views$1.value) == null ? void 0 : _b.url,
-                      url: (_c = views$1.value) == null ? void 0 : _c.url
+                      title: (_a = views.value) == null ? void 0 : _a.url,
+                      key: (_b = views.value) == null ? void 0 : _b.url,
+                      url: (_c = views.value) == null ? void 0 : _c.url
                     }, null, 8, ["title", "url"]))
                   ];
                 }),
@@ -388,7 +393,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(index$7.Icon), null, {
                 default: vue.withCtx(() => [
-                  !isloading.value ? (vue.openBlock(), vue.createBlock(plus.default, { key: 0 })) : vue.createCommentVNode("", true)
+                  !isloading.value ? (vue.openBlock(), vue.createBlock(plus_vue_vue_type_script_setup_true_lang.default, { key: 0 })) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               })

package/dist/components/uploads/src/index2.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, useAttrs, computed, watch, reactive, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, normalizeClass, Fragment, renderList, renderSlot, normalizeStyle, createVNode, withCtx, toDisplayString } from "vue";
-import Document from "../../../icons/vue/document.js";
-import Download from "../../../icons/vue/download.js";
-import Plus from "../../../icons/vue/plus.js";
-import IconViews from "../../../icons/vue/views.js";
-import Delete from "../../../icons/vue/delete.js";
+import "../../../icons/vue/document.js";
+import "../../../icons/vue/download.js";
+import "../../../icons/vue/plus.js";
+import "../../../icons/vue/views.js";
+import "../../../icons/vue/delete.js";
 import { Icon } from "../../icon/index.js";
 import { Upload } from "../../upload/index.js";
 import { Message } from "../../message/index.js";
@@ -22,6 +22,11 @@ import { getType, getListType } from "./util.js";
 import "../../form/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { useDisabled } from "element-plus/es/components/form/index";
+import _sfc_main$1 from "../../../icons/vue/download2.js";
+import _sfc_main$2 from "../../../icons/vue/views2.js";
+import _sfc_main$3 from "../../../icons/vue/delete2.js";
+import _sfc_main$4 from "../../../icons/vue/document2.js";
+import _sfc_main$5 from "../../../icons/vue/plus2.js";
 const _hoisted_1 = ["onMouseenter"];
 const _hoisted_2 = ["title"];
 const _hoisted_3 = ["onClick", "title"];
@@ -262,7 +267,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(Download)
+                          createVNode(_sfc_main$1)
                         ]),
                         _: 1
                       })
@@ -274,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(IconViews)
+                          createVNode(_sfc_main$2)
                         ]),
                         _: 1
                       })
@@ -287,7 +292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(Delete)
+                          createVNode(_sfc_main$3)
                         ]),
                         _: 1
                       })
@@ -322,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", {
                         class: normalizeClass(unref(cs).z("list-li-value-document-bg"))
                       }, [
-                        createVNode(Document)
+                        createVNode(_sfc_main$4)
                       ], 2),
                       createElementVNode("span", {
                         class: normalizeClass(unref(cs).z("list-li-value-document-text"))
@@ -386,7 +391,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(Icon), null, {
                 default: withCtx(() => [
-                  !isloading.value ? (openBlock(), createBlock(Plus, { key: 0 })) : createCommentVNode("", true)
+                  !isloading.value ? (openBlock(), createBlock(_sfc_main$5, { key: 0 })) : createCommentVNode("", true)
                 ]),
                 _: 1
               })

package/dist/components/videos/src/index2.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const enter = require("../../../icons/vue/enter.cjs");
-const retreat = require("../../../icons/vue/retreat.cjs");
-const catalogue = require("../../../icons/vue/catalogue.cjs");
-const frame = require("../../../icons/vue/frame.cjs");
-const star = require("../../../icons/vue/star.cjs");
-const up = require("../../../icons/vue/up.cjs");
-const down = require("../../../icons/vue/down.cjs");
-const play = require("../../../icons/vue/play.cjs");
-const pause = require("../../../icons/vue/pause.cjs");
-const sound = require("../../../icons/vue/sound.cjs");
-const mute = require("../../../icons/vue/mute.cjs");
+require("../../../icons/vue/enter.cjs");
+require("../../../icons/vue/retreat.cjs");
+require("../../../icons/vue/catalogue.cjs");
+require("../../../icons/vue/frame.cjs");
+require("../../../icons/vue/star.cjs");
+require("../../../icons/vue/up.cjs");
+require("../../../icons/vue/down.cjs");
+require("../../../icons/vue/play.cjs");
+require("../../../icons/vue/pause.cjs");
+require("../../../icons/vue/sound.cjs");
+require("../../../icons/vue/mute.cjs");
 const index$5 = require("../../sliders/index.cjs");
 const index$6 = require("../../button/index.cjs");
 const index$7 = require("../../selects/index.cjs");
@@ -24,6 +24,17 @@ const index$3 = require("../../../hooks/full-screen/index.cjs");
 const util = require("../../players/common/util.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const index$4 = require("element-plus/es/components/loading/index");
+const up_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/up2.cjs");
+const retreat_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/retreat2.cjs");
+const pause_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/pause2.cjs");
+const play_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/play2.cjs");
+const enter_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/enter2.cjs");
+const down_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/down2.cjs");
+const mute_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/mute2.cjs");
+const sound_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/sound2.cjs");
+const catalogue_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/catalogue2.cjs");
+const star_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/star2.cjs");
+const frame_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/frame2.cjs");
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "end-content" };
 const _hoisted_3 = { class: "end-buttons" };
@@ -344,32 +355,32 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), {
                   key: 0,
                   size: "small",
-                  icon: up.default,
+                  icon: up_vue_vue_type_script_setup_true_lang.default,
                   disabled: current.value == 0,
                   circle: "",
                   onClick: _cache[2] || (_cache[2] = ($event) => onTrack(true))
                 }, null, 8, ["disabled"])) : vue.createCommentVNode("", true),
                 vue.createVNode(vue.unref(index$6.Button), {
                   size: "small",
-                  icon: retreat.default,
+                  icon: retreat_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   onClick: _cache[3] || (_cache[3] = ($event) => onSkip(true))
                 }),
                 vue.createVNode(vue.unref(index$6.Button), {
-                  icon: isPlaying.value ? pause.default : play.default,
+                  icon: isPlaying.value ? pause_vue_vue_type_script_setup_true_lang.default : play_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   onClick: togglePlay
                 }, null, 8, ["icon"]),
                 vue.createVNode(vue.unref(index$6.Button), {
                   size: "small",
-                  icon: enter.default,
+                  icon: enter_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   onClick: _cache[4] || (_cache[4] = ($event) => onSkip(false))
                 }),
                 list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), {
                   key: 1,
                   size: "small",
-                  icon: down.default,
+                  icon: down_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   disabled: current.value + 1 == list.value.length,
                   onClick: _cache[5] || (_cache[5] = ($event) => onTrack(false))
@@ -380,7 +391,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createVNode(vue.unref(index$6.Button), {
                   class: vue.normalizeClass(vue.unref(cs).z("control-volume-but")),
-                  icon: isMuted.value ? mute.default : sound.default,
+                  icon: isMuted.value ? mute_vue_vue_type_script_setup_true_lang.default : sound_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   onClick: toggleMute,
                   size: "small"
@@ -407,13 +418,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), {
                   key: 0,
                   size: "small",
-                  icon: catalogue.default,
+                  icon: catalogue_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   onClick: onShowList
                 })) : vue.createCommentVNode("", true),
                 vue.createVNode(vue.unref(index$6.Button), {
                   size: "small",
-                  icon: vue.unref(isFullscreen) ? star.default : frame.default,
+                  icon: vue.unref(isFullscreen) ? star_vue_vue_type_script_setup_true_lang.default : frame_vue_vue_type_script_setup_true_lang.default,
                   circle: "",
                   onClick: onFullscreen
                 }, null, 8, ["icon"])

package/dist/components/videos/src/index2.js

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, createCommentVNode, toDisplayString, createVNode, createBlock, Fragment, renderList, vShow } from "vue";
-import Enter from "../../../icons/vue/enter.js";
-import Retreat from "../../../icons/vue/retreat.js";
-import Catalogue from "../../../icons/vue/catalogue.js";
-import Frame from "../../../icons/vue/frame.js";
-import Star from "../../../icons/vue/star.js";
-import Up from "../../../icons/vue/up.js";
-import Down from "../../../icons/vue/down.js";
-import Play from "../../../icons/vue/play.js";
-import Pause from "../../../icons/vue/pause.js";
-import Sound from "../../../icons/vue/sound.js";
-import Mute from "../../../icons/vue/mute.js";
+import "../../../icons/vue/enter.js";
+import "../../../icons/vue/retreat.js";
+import "../../../icons/vue/catalogue.js";
+import "../../../icons/vue/frame.js";
+import "../../../icons/vue/star.js";
+import "../../../icons/vue/up.js";
+import "../../../icons/vue/down.js";
+import "../../../icons/vue/play.js";
+import "../../../icons/vue/pause.js";
+import "../../../icons/vue/sound.js";
+import "../../../icons/vue/mute.js";
 import { Sliders } from "../../sliders/index.js";
 import { Button } from "../../button/index.js";
 import { Selects } from "../../selects/index.js";
@@ -22,6 +22,17 @@ import { useFullscreen } from "../../../hooks/full-screen/index.js";
 import { getListValue } from "../../players/common/util.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { vLoading } from "element-plus/es/components/loading/index";
+import _sfc_main$1 from "../../../icons/vue/up2.js";
+import _sfc_main$2 from "../../../icons/vue/retreat2.js";
+import _sfc_main$3 from "../../../icons/vue/pause2.js";
+import _sfc_main$4 from "../../../icons/vue/play2.js";
+import _sfc_main$5 from "../../../icons/vue/enter2.js";
+import _sfc_main$6 from "../../../icons/vue/down2.js";
+import _sfc_main$7 from "../../../icons/vue/mute2.js";
+import _sfc_main$8 from "../../../icons/vue/sound2.js";
+import _sfc_main$9 from "../../../icons/vue/catalogue2.js";
+import _sfc_main$a from "../../../icons/vue/star2.js";
+import _sfc_main$b from "../../../icons/vue/frame2.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "end-content" };
 const _hoisted_3 = { class: "end-buttons" };
@@ -342,32 +353,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 list.value.length > 1 ? (openBlock(), createBlock(unref(Button), {
                   key: 0,
                   size: "small",
-                  icon: Up,
+                  icon: _sfc_main$1,
                   disabled: current.value == 0,
                   circle: "",
                   onClick: _cache[2] || (_cache[2] = ($event) => onTrack(true))
                 }, null, 8, ["disabled"])) : createCommentVNode("", true),
                 createVNode(unref(Button), {
                   size: "small",
-                  icon: Retreat,
+                  icon: _sfc_main$2,
                   circle: "",
                   onClick: _cache[3] || (_cache[3] = ($event) => onSkip(true))
                 }),
                 createVNode(unref(Button), {
-                  icon: isPlaying.value ? Pause : Play,
+                  icon: isPlaying.value ? _sfc_main$3 : _sfc_main$4,
                   circle: "",
                   onClick: togglePlay
                 }, null, 8, ["icon"]),
                 createVNode(unref(Button), {
                   size: "small",
-                  icon: Enter,
+                  icon: _sfc_main$5,
                   circle: "",
                   onClick: _cache[4] || (_cache[4] = ($event) => onSkip(false))
                 }),
                 list.value.length > 1 ? (openBlock(), createBlock(unref(Button), {
                   key: 1,
                   size: "small",
-                  icon: Down,
+                  icon: _sfc_main$6,
                   circle: "",
                   disabled: current.value + 1 == list.value.length,
                   onClick: _cache[5] || (_cache[5] = ($event) => onTrack(false))
@@ -378,7 +389,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(unref(Button), {
                   class: normalizeClass(unref(cs).z("control-volume-but")),
-                  icon: isMuted.value ? Mute : Sound,
+                  icon: isMuted.value ? _sfc_main$7 : _sfc_main$8,
                   circle: "",
                   onClick: toggleMute,
                   size: "small"
@@ -405,13 +416,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 list.value.length > 1 ? (openBlock(), createBlock(unref(Button), {
                   key: 0,
                   size: "small",
-                  icon: Catalogue,
+                  icon: _sfc_main$9,
                   circle: "",
                   onClick: onShowList
                 })) : createCommentVNode("", true),
                 createVNode(unref(Button), {
                   size: "small",
-                  icon: unref(isFullscreen) ? Star : Frame,
+                  icon: unref(isFullscreen) ? _sfc_main$a : _sfc_main$b,
                   circle: "",
                   onClick: onFullscreen
                 }, null, 8, ["icon"])

package/dist/components/window/src/index2.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$6 = require("../../icon/index.cjs");
-const bar = require("../../../icons/vue/bar.cjs");
-const frame = require("../../../icons/vue/frame.cjs");
-const star = require("../../../icons/vue/star.cjs");
+require("../../../icons/vue/bar.cjs");
+require("../../../icons/vue/frame.cjs");
+require("../../../icons/vue/star.cjs");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const setCss = require("@fangzhongya/utils/css/setCss");
 const data = require("./data.cjs");
@@ -18,6 +18,9 @@ const setClassName = require("@fangzhongya/utils/css/setClassName");
 const index$7 = require("../../../directives/drag/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const data$1 = require("../../box-title/src/data.cjs");
+const bar_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/bar2.cjs");
+const star_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/star2.cjs");
+const frame_vue_vue_type_script_setup_true_lang = require("../../../icons/vue/frame2.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -232,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(vue.unref(index$6.Icon), null, {
                         default: vue.withCtx(() => [
                           vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-min"], {}, () => [
-                            vue.createVNode(bar.default)
+                            vue.createVNode(bar_vue_vue_type_script_setup_true_lang.default)
                           ])
                         ]),
                         _: 3
@@ -249,9 +252,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(vue.unref(index$6.Icon), null, {
                         default: vue.withCtx(() => [
                           isMax.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
-                            vue.createVNode(star.default)
+                            vue.createVNode(star_vue_vue_type_script_setup_true_lang.default)
                           ]) : vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-max"], { key: 1 }, () => [
-                            vue.createVNode(frame.default)
+                            vue.createVNode(frame_vue_vue_type_script_setup_true_lang.default)
                           ])
                         ]),
                         _: 3

package/dist/components/window/src/index2.js

@@ -1,8 +1,8 @@
 import { defineComponent, shallowRef, watch, nextTick, onMounted, onUnmounted, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, createElementVNode, createVNode } from "vue";
 import { Icon } from "../../icon/index.js";
-import Bar from "../../../icons/vue/bar.js";
-import Frame from "../../../icons/vue/frame.js";
-import Star from "../../../icons/vue/star.js";
+import "../../../icons/vue/bar.js";
+import "../../../icons/vue/frame.js";
+import "../../../icons/vue/star.js";
 import { getCss } from "@fangzhongya/utils/css/getCss";
 import { setCss } from "@fangzhongya/utils/css/setCss";
 import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
@@ -16,6 +16,9 @@ import { setClassName } from "@fangzhongya/utils/css/setClassName";
 import vDrag from "../../../directives/drag/index.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { name as name$1 } from "../../box-title/src/data.js";
+import _sfc_main$1 from "../../../icons/vue/bar2.js";
+import _sfc_main$2 from "../../../icons/vue/star2.js";
+import _sfc_main$3 from "../../../icons/vue/frame2.js";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -230,7 +233,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, unref(dataSlot)["icon-min"], {}, () => [
-                            createVNode(Bar)
+                            createVNode(_sfc_main$1)
                           ])
                         ]),
                         _: 3
@@ -247,9 +250,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
                           isMax.value ? renderSlot(_ctx.$slots, unref(dataSlot)["icon-full"], { key: 0 }, () => [
-                            createVNode(Star)
+                            createVNode(_sfc_main$2)
                           ]) : renderSlot(_ctx.$slots, unref(dataSlot)["icon-max"], { key: 1 }, () => [
-                            createVNode(Frame)
+                            createVNode(_sfc_main$3)
                           ])
                         ]),
                         _: 3

package/dist/css/index.css

@@ -792,7 +792,7 @@
 
 .right-key-box {
   width: 140px;
-  position: absolute;
+  position: fixed;
   padding: 10px;
   z-index: 9999;
   background: #ffffff;
@@ -808,6 +808,7 @@
   white-space: nowrap;
   display: flex;
   align-items: center;
+  box-sizing: border-box;
   height: 40px;
   padding: 8px 14px 8px 10px;
   border-radius: 4px;
@@ -1460,6 +1461,9 @@
 
 .retract {
   position: relative;
+  --retract-width: 12px;
+  --retract-height: 40px;
+  --retract-width-adjust: 8px;
 }
 .retract-div.left, .retract-div.right {
   height: 100%;
@@ -1489,13 +1493,13 @@
 }
 .retract .retract-but.is-left {
   top: 50%;
-  width: 20px;
-  height: 50px;
-  margin-top: -25px;
-  left: -20px;
+  height: var(--retract-height);
+  margin-top: calc(var(--retract-height) / 2 * -1);
+  width: var(--retract-width);
+  left: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-left.is-adjust {
-  left: -10px;
+  left: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-left .retract-icon {
   transform: rotate(0);
@@ -1505,13 +1509,13 @@
 }
 .retract .retract-but.is-right {
   top: 50%;
-  width: 20px;
-  height: 50px;
-  margin-top: -25px;
-  right: -20px;
+  height: var(--retract-height);
+  margin-top: calc(var(--retract-height) / 2 * -1);
+  width: var(--retract-width);
+  right: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-right.is-adjust {
-  right: -10px;
+  right: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-right .retract-icon {
   transform: rotate(-180deg);
@@ -1521,13 +1525,13 @@
 }
 .retract .retract-but.is-top {
   left: 50%;
-  width: 50px;
-  height: 20px;
-  margin-left: -25px;
-  top: -20px;
+  width: var(--retract-height);
+  margin-left: calc(var(--retract-height) / 2 * -1);
+  height: var(--retract-width);
+  top: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-top.is-adjust {
-  top: -10px;
+  top: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-top .retract-icon {
   transform: rotate(90deg);
@@ -1537,13 +1541,13 @@
 }
 .retract .retract-but.is-bottom {
   left: 50%;
-  width: 50px;
-  height: 20px;
-  margin-left: -25px;
-  bottom: -20px;
+  width: var(--retract-height);
+  margin-left: calc(var(--retract-height) / 2 * -1);
+  height: var(--retract-width);
+  bottom: calc(0 - var(--retract-width));
 }
 .retract .retract-but.is-bottom.is-adjust {
-  bottom: -10px;
+  bottom: calc(var(--retract-width-adjust) - var(--retract-width));
 }
 .retract .retract-but.is-bottom .retract-icon {
   transform: rotate(-90deg);