@fangzhongya/fang-ui 0.1.33 → 0.1.35

package/dist/components/tables/common/pagin.js

@@ -1,4 +1,5 @@
 import { ref, reactive, watch, computed, nextTick } from "vue";
+import { unmergeObject } from "@fangzhongya/utils/basic/object/unmergeObject";
 import "../../../utils/index.js";
 import { props, comHandle } from "../../common/urls.js";
 import { firstLower } from "@fangzhongya/utils/basic/string/firstLower";
@@ -71,7 +72,7 @@ const dataProps = {
   }
 };
 const dataEmit = ["list-events", "selection", "drag", "update:value"];
-const useInit = (props2, emit, refTable, getLocale, isEl) => {
+const useInit = (props2, emit, refTable, getLocale, defaultConfig = {}) => {
   var _a, _b;
   const loading = ref(false);
   const mpagconfig = {
@@ -205,7 +206,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     paginat.cross = pagin.cross || false;
     paginat.pageSize = pagin.size || mpagconfig.pageSize;
     pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
-    tableConfig.value = config;
+    tableConfig.value = unmergeObject(defaultConfig, config, 2);
   };
   watch(
     [() => props2.configs, () => props2.config, () => props2.list],
@@ -230,13 +231,6 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     });
     return obj;
   });
-  const istype = computed(() => {
-    if (isEl) {
-      return true;
-    } else {
-      return tableConfig.value.type == 1;
-    }
-  });
   function setCrossPage() {
     const v = data.current;
     console.log("v", v);
@@ -426,7 +420,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
   }
   function empty() {
     var _a2, _b2, _c, _d;
-    if (istype.value && ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
+    if (tableConfig.value.type == 1 && ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
       (_b2 = refTable.value) == null ? void 0 : _b2.clearRadioRow();
     }
     (_c = refTable.value) == null ? void 0 : _c.clearSelection();

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

@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onCurrentChange,
       paginat,
       data: data$1
-    } = pagin.useInit(props, emit, refTable, getLocale, true);
+    } = pagin.useInit(props, emit, refTable, getLocale);
     __expose({
       getRef,
       getSelection,
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             prop: vue.unref(paginat).prop
           } : void 0,
           paginat: vue.unref(paginat),
-          loading: ((_d = vue.unref(tableConfig).config) == null ? void 0 : _d.noloading) || vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
+          loading: ((_d = vue.unref(tableConfig).config) == null ? void 0 : _d.isloading) === false || vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
           options: vue.unref(props).options,
           compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),

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

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onCurrentChange,
       paginat,
       data
-    } = useInit(props, emit, refTable, getLocale, true);
+    } = useInit(props, emit, refTable, getLocale);
     __expose({
       getRef,
       getSelection,
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             prop: unref(paginat).prop
           } : void 0,
           paginat: unref(paginat),
-          loading: ((_d = unref(tableConfig).config) == null ? void 0 : _d.noloading) || unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
+          loading: ((_d = unref(tableConfig).config) == null ? void 0 : _d.isloading) === false || unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
           options: unref(props).options,
           compons: unref(props).compons,
           onSortChange: unref(onSortChange),

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

@@ -46,7 +46,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onCurrentChange,
       paginat,
       data: data$1
-    } = pagin.useInit(props, emit, refTable, getLocale, true);
+    } = pagin.useInit(props, emit, refTable, getLocale, {
+      config: {
+        isdrag: true
+      }
+    });
     __expose({
       getSelection,
       getRef,
@@ -78,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           list: vue.unref(tableList),
           size: (_b = vue.unref(tableConfig).config) == null ? void 0 : _b.size,
           paginat: vue.unref(paginat),
-          loading: ((_c = vue.unref(tableConfig).config) == null ? void 0 : _c.noloading) || vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
+          loading: ((_c = vue.unref(tableConfig).config) == null ? void 0 : _c.isloading) === false || vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
           options: vue.unref(props).options,
           compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
@@ -91,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return {
               name: k,
               fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -44,7 +44,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onCurrentChange,
       paginat,
       data
-    } = useInit(props, emit, refTable, getLocale, true);
+    } = useInit(props, emit, refTable, getLocale, {
+      config: {
+        isdrag: true
+      }
+    });
     __expose({
       getSelection,
       getRef,
@@ -76,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           list: unref(tableList),
           size: (_b = unref(tableConfig).config) == null ? void 0 : _b.size,
           paginat: unref(paginat),
-          loading: ((_c = unref(tableConfig).config) == null ? void 0 : _c.noloading) || unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
+          loading: ((_c = unref(tableConfig).config) == null ? void 0 : _c.isloading) === false || unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
           options: unref(props).options,
           compons: unref(props).compons,
           onSortChange: unref(onSortChange),
@@ -89,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return {
               name: k,
               fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           value: vue.unref(data).list,
           list: vue.unref(tableList),
           paginat: vue.unref(paginat),
-          loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : vue.unref(loading),
+          loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.isloading) === false ? false : vue.unref(loading),
           options: vue.unref(props).options,
           compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
@@ -81,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return {
               name: k,
               fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
               ])
             };
           })
@@ -110,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return {
               name: k,
               fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -67,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           value: unref(data).list,
           list: unref(tableList),
           paginat: unref(paginat),
-          loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : unref(loading),
+          loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.isloading) === false ? false : unref(loading),
           options: unref(props).options,
           compons: unref(props).compons,
           onSortChange: unref(onSortChange),
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return {
               name: k,
               fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
               ])
             };
           })
@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return {
               name: k,
               fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -260,7 +260,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 return {
                   name: k,
                   fn: vue.withCtx((scope) => [
-                    vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                    vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
                   ])
                 };
               })

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

@@ -258,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return {
                   name: k,
                   fn: withCtx((scope) => [
-                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
                   ])
                 };
               })

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

@@ -44,7 +44,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       paginat,
       scroll,
       data: data$1
-    } = pagin.useInit(props, emit, refTable, getLocale);
+    } = pagin.useInit(props, emit, refTable, getLocale, {
+      type: 1
+    });
     __expose({
       getSelection,
       getRef,
@@ -71,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           value: vue.unref(data$1).list,
           list: vue.unref(tableList),
           paginat: vue.unref(paginat),
-          loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : vue.unref(loading),
+          loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.isloading) === false ? false : vue.unref(loading),
           options: vue.unref(props).options,
           compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
@@ -84,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return {
               name: k,
               fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -42,7 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       paginat,
       scroll,
       data
-    } = useInit(props, emit, refTable, getLocale);
+    } = useInit(props, emit, refTable, getLocale, {
+      type: 1
+    });
     __expose({
       getSelection,
       getRef,
@@ -69,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           value: unref(data).list,
           list: unref(tableList),
           paginat: unref(paginat),
-          loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : unref(loading),
+          loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.isloading) === false ? false : unref(loading),
           options: unref(props).options,
           compons: unref(props).compons,
           onSortChange: unref(onSortChange),
@@ -82,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return {
               name: k,
               fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -46,7 +46,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       scroll,
       sortable,
       data: data$1
-    } = pagin.useInit(props, emit, refTable, getLocale);
+    } = pagin.useInit(props, emit, refTable, getLocale, {
+      type: 1,
+      config: {
+        isdrag: true
+      }
+    });
     __expose({
       getSelection,
       getRef,
@@ -74,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           value: vue.unref(data$1).list,
           list: vue.unref(tableList),
           paginat: vue.unref(paginat),
-          loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : vue.unref(loading),
+          loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.isloading) === false ? false : vue.unref(loading),
           options: vue.unref(props).options,
           compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
@@ -87,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return {
               name: k,
               fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -44,7 +44,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scroll,
       sortable,
       data
-    } = useInit(props, emit, refTable, getLocale);
+    } = useInit(props, emit, refTable, getLocale, {
+      type: 1,
+      config: {
+        isdrag: true
+      }
+    });
     __expose({
       getSelection,
       getRef,
@@ -72,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           value: unref(data).list,
           list: unref(tableList),
           paginat: unref(paginat),
-          loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : unref(loading),
+          loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.isloading) === false ? false : unref(loading),
           options: unref(props).options,
           compons: unref(props).compons,
           onSortChange: unref(onSortChange),
@@ -85,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return {
               name: k,
               fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
               ])
             };
           })

package/dist/components/videos/index.css

@@ -40,7 +40,7 @@
   bottom: 0;
   width: 100%;
 }
-.videos.is-fullscreen .videos-list {
+.videos.is-fullscreen .videos-controls-list {
   background-color: rgba(238, 238, 238, 0.5);
   position: absolute;
   top: 0;
@@ -50,6 +50,15 @@
 .videos.is-list .videos-controls-bottom {
   width: calc(100% - var(--videos-list-width));
 }
+.videos.is-controls .videos-controls-top {
+  display: none;
+}
+.videos.is-controls .videos-controls-bottom {
+  display: none;
+}
+.videos.is-controls .videos-controls-list {
+  display: none;
+}
 .videos-videos {
   flex: 1;
   height: 100%;
@@ -124,7 +133,7 @@
   width: 60px;
   margin: 0 10px;
 }
-.videos-list {
+.videos-controls-list {
   width: var(--videos-list-width);
   height: 100%;
   box-sizing: border-box;

package/dist/components/videos/index.scss

@@ -17,7 +17,7 @@ $videos: 'videos';
 			bottom: 0;
 			width: 100%;
 		}
-		.#{z($videos, 'list')} {
+		.#{z($videos, 'controls-list')} {
 			background-color: rgba(238, 238, 238, 0.5);
 			position: absolute;
 			top: 0;
@@ -30,6 +30,17 @@ $videos: 'videos';
 			width: calc(100% - var(#{vdm('list-width', $videos)}));
 		}
 	}
+	&.#{is('controls')} {
+		.#{z($videos, 'controls-top')} {
+			display: none;
+		}
+		.#{z($videos, 'controls-bottom')} {
+			display: none;
+		}
+		.#{z($videos, 'controls-list')} {
+			display: none;
+		}
+	}
 	&-videos {
 		flex: 1;
 		height: 100%;
@@ -106,7 +117,7 @@ $videos: 'videos';
 			}
 		}
 	}
-	&-list {
+	&-controls-list {
 		width: var(#{vdm('list-width', $videos)});
 		height: 100%;
 		box-sizing: border-box;

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

@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const duration = vue.ref(0);
     const isLoading = vue.ref(false);
     const buffered = vue.ref(0);
-    const showControls = vue.ref(false);
+    const showControls = vue.ref(true);
     const showEndOverlay = vue.ref(false);
     const optionsRate = [
       {
@@ -127,6 +127,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       isMouse.value = true;
     };
+    let controlsTimeout;
+    const resetControlsTimeout = () => {
+      clearTimeout(controlsTimeout);
+      if (isPlaying.value) {
+        controlsTimeout = setTimeout(() => {
+          showControls.value = false;
+          isList.value = false;
+        }, 5e3);
+      }
+    };
     const togglePlay = () => {
       if (!videoRef.value) return;
       if (isPlaying.value) {
@@ -136,6 +146,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       isPlaying.value = !isPlaying.value;
       showEndOverlay.value = false;
+      resetControlsTimeout();
     };
     const setPlaybackRate = () => {
       if (videoRef.value) {
@@ -191,6 +202,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       });
     };
+    const handleMouseMove = () => {
+      showControls.value = true;
+      resetControlsTimeout();
+    };
+    const handleKeydown = (event) => {
+      if (!videoRef.value) return;
+      console.log("event.key", event.key);
+      switch (event.key) {
+        case " ":
+        case "Spacebar":
+          event.preventDefault();
+          togglePlay();
+          break;
+        case "ArrowLeft":
+          onTrack(true);
+          break;
+        case "ArrowRight":
+          onTrack(false);
+          break;
+        case "ArrowUp":
+          onSkip(true);
+          break;
+        case "ArrowDown":
+          onSkip(false);
+          break;
+      }
+    };
     vue.onMounted(() => {
       if (videoRef.value) {
         videoRef.value.volume = volume.value / 100;
@@ -201,8 +239,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           isPlaying.value = true;
         }
       }
+      document.addEventListener("keydown", handleKeydown);
+      resetControlsTimeout();
     });
     vue.onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeydown);
+      clearTimeout(controlsTimeout);
     });
     __expose({
       ...data.dataExpose
@@ -213,10 +255,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass([
           vue.unref(cs).z(),
           vue.unref(cs).is("fullscreen", vue.unref(isFullscreen)),
-          vue.unref(cs).is("list", isList.value)
+          vue.unref(cs).is("list", isList.value),
+          vue.unref(cs).is("controls", !showControls.value)
         ]),
         ref_key: "domRef",
-        ref: domRef
+        ref: domRef,
+        onMousemove: handleMouseMove
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(cs).z("videos"))
@@ -381,7 +425,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ], 2),
         list.value.length > 1 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(vue.unref(cs).z("list"))
+          class: vue.normalizeClass(vue.unref(cs).z("controls-list"))
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(list.value, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -395,7 +439,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ], 2)), [
           [vue.vShow, isList.value]
         ]) : vue.createCommentVNode("", true)
-      ], 2);
+      ], 34);
     };
   }
 });

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

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const duration = ref(0);
     const isLoading = ref(false);
     const buffered = ref(0);
-    const showControls = ref(false);
+    const showControls = ref(true);
     const showEndOverlay = ref(false);
     const optionsRate = [
       {
@@ -125,6 +125,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       isMouse.value = true;
     };
+    let controlsTimeout;
+    const resetControlsTimeout = () => {
+      clearTimeout(controlsTimeout);
+      if (isPlaying.value) {
+        controlsTimeout = setTimeout(() => {
+          showControls.value = false;
+          isList.value = false;
+        }, 5e3);
+      }
+    };
     const togglePlay = () => {
       if (!videoRef.value) return;
       if (isPlaying.value) {
@@ -134,6 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       isPlaying.value = !isPlaying.value;
       showEndOverlay.value = false;
+      resetControlsTimeout();
     };
     const setPlaybackRate = () => {
       if (videoRef.value) {
@@ -189,6 +200,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const handleMouseMove = () => {
+      showControls.value = true;
+      resetControlsTimeout();
+    };
+    const handleKeydown = (event) => {
+      if (!videoRef.value) return;
+      console.log("event.key", event.key);
+      switch (event.key) {
+        case " ":
+        case "Spacebar":
+          event.preventDefault();
+          togglePlay();
+          break;
+        case "ArrowLeft":
+          onTrack(true);
+          break;
+        case "ArrowRight":
+          onTrack(false);
+          break;
+        case "ArrowUp":
+          onSkip(true);
+          break;
+        case "ArrowDown":
+          onSkip(false);
+          break;
+      }
+    };
     onMounted(() => {
       if (videoRef.value) {
         videoRef.value.volume = volume.value / 100;
@@ -199,8 +237,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           isPlaying.value = true;
         }
       }
+      document.addEventListener("keydown", handleKeydown);
+      resetControlsTimeout();
     });
     onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeydown);
+      clearTimeout(controlsTimeout);
     });
     __expose({
       ...dataExpose
@@ -211,10 +253,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           unref(cs).z(),
           unref(cs).is("fullscreen", unref(isFullscreen)),
-          unref(cs).is("list", isList.value)
+          unref(cs).is("list", isList.value),
+          unref(cs).is("controls", !showControls.value)
         ]),
         ref_key: "domRef",
-        ref: domRef
+        ref: domRef,
+        onMousemove: handleMouseMove
       }, [
         createElementVNode("div", {
           class: normalizeClass(unref(cs).z("videos"))
@@ -379,7 +423,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2),
         list.value.length > 1 ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(unref(cs).z("list"))
+          class: normalizeClass(unref(cs).z("controls-list"))
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
             return openBlock(), createElementBlock("div", {
@@ -393,7 +437,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)), [
           [vShow, isList.value]
         ]) : createCommentVNode("", true)
-      ], 2);
+      ], 34);
     };
   }
 });

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

@@ -61,12 +61,12 @@ const dataProps = buildProps.buildProps({
     default: true
   },
   /**
-   * @props {Boolean} noMin=false ( )
+   * @props {Boolean} isMin=true ( )
    * 是否不要最小化
    */
-  noMin: {
+  isMin: {
     type: Boolean,
-    default: false
+    default: true
   },
   /**
    * @props { Boolean } often= ( )

package/dist/components/window/src/data.d.ts

@@ -65,10 +65,10 @@ export declare const dataProps: {
         default: boolean;
     };
     /**
-     * @props {Boolean} noMin=false ( )
+     * @props {Boolean} isMin=true ( )
      * 是否不要最小化
      */
-    noMin: {
+    isMin: {
         type: BooleanConstructor;
         default: boolean;
     };