@fangzhongya/fang-ui 0.1.55 → 0.1.57

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/edit.css

@@ -23,19 +23,19 @@
 }
 
 .edit {
-  display: inline-flex;
+  display: inline-block;
   align-items: center;
+  height: 100%;
 }
 .edit-value {
   display: inline-block;
+  height: 100%;
   min-width: 3px;
 }
 .edit-icon {
-  display: inline-flex;
-  align-items: center;
+  box-sizing: border-box;
   height: 100%;
-  min-width: 3px;
   font-size: 16px;
-  margin: 0 4px;
+  margin: 2px;
   cursor: pointer;
 }

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);
@@ -1710,20 +1714,20 @@
 }
 
 .edit {
-  display: inline-flex;
+  display: inline-block;
   align-items: center;
+  height: 100%;
 }
 .edit-value {
   display: inline-block;
+  height: 100%;
   min-width: 3px;
 }
 .edit-icon {
-  display: inline-flex;
-  align-items: center;
+  box-sizing: border-box;
   height: 100%;
-  min-width: 3px;
   font-size: 16px;
-  margin: 0 4px;
+  margin: 2px;
   cursor: pointer;
 }
 

package/dist/css/retract.css

@@ -24,6 +24,9 @@
 
 .retract {
   position: relative;
+  --retract-width: 12px;
+  --retract-height: 40px;
+  --retract-width-adjust: 8px;
 }
 .retract-div.left, .retract-div.right {
   height: 100%;
@@ -53,13 +56,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);
@@ -69,13 +72,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);
@@ -85,13 +88,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);
@@ -101,13 +104,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);

package/dist/css/right-key.css

@@ -24,7 +24,7 @@
 
 .right-key-box {
   width: 140px;
-  position: absolute;
+  position: fixed;
   padding: 10px;
   z-index: 9999;
   background: #ffffff;
@@ -40,6 +40,7 @@
   white-space: nowrap;
   display: flex;
   align-items: center;
+  box-sizing: border-box;
   height: 40px;
   padding: 8px 14px 8px 10px;
   border-radius: 4px;

package/dist/hooks/model/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useModel(props, emit) {
+  const internalValue = vue.ref();
+  const instance = vue.getCurrentInstance();
+  const hasExternalValue = vue.computed(() => {
+    if (!instance) return false;
+    const vnodeProps = instance.vnode.props || {};
+    return "modelValue" in vnodeProps;
+  });
+  return vue.computed({
+    get() {
+      return hasExternalValue.value ? props.modelValue : internalValue.value;
+    },
+    set(v) {
+      if (hasExternalValue.value) {
+        emit("update:modelValue", v);
+      } else {
+        internalValue.value = v;
+      }
+    }
+  });
+}
+exports.useModel = useModel;

package/dist/hooks/model/index.d.ts

@@ -0,0 +1,2 @@
+import { WritableComputedRef } from 'vue';
+export declare function useModel(props: ObjAny, emit: Function): WritableComputedRef<any, any>;

package/dist/hooks/model/index.js

@@ -0,0 +1,25 @@
+import { ref, getCurrentInstance, computed } from "vue";
+function useModel(props, emit) {
+  const internalValue = ref();
+  const instance = getCurrentInstance();
+  const hasExternalValue = computed(() => {
+    if (!instance) return false;
+    const vnodeProps = instance.vnode.props || {};
+    return "modelValue" in vnodeProps;
+  });
+  return computed({
+    get() {
+      return hasExternalValue.value ? props.modelValue : internalValue.value;
+    },
+    set(v) {
+      if (hasExternalValue.value) {
+        emit("update:modelValue", v);
+      } else {
+        internalValue.value = v;
+      }
+    }
+  });
+}
+export {
+  useModel
+};

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1766155975307,
+    "lastModified": 1768200877984,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/icons/vue/bar.cjs

@@ -1,20 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const bar_vue_vue_type_script_lang = require("./bar2.cjs");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = {
-  id: "icon-bar",
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    vue.createElementVNode("path", {
-      fill: "currentColor",
-      d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"
-    }, null, -1)
-  ])]);
-}
-const Bar = /* @__PURE__ */ _pluginVue_exportHelper.default(bar_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
-exports.default = Bar;
+const bar_vue_vue_type_script_setup_true_lang = require("./bar2.cjs");
+exports.default = bar_vue_vue_type_script_setup_true_lang.default;