@fangzhongya/fang-ui 0.1.34 → 0.1.36

package/dist/components/user-select/src/index2.cjs

@@ -2,18 +2,17 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-require("../../../hooks/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const index$3 = require("../../tabs/index.cjs");
 const index$4 = require("../../tab-pane/index.cjs");
-const index$6 = require("../../checkbox-group/index.cjs");
-const index$7 = require("../../checkbox/index.cjs");
-const index$8 = require("../../radio-group/index.cjs");
-const index$9 = require("../../radio/index.cjs");
+const index$7 = require("../../checkbox-group/index.cjs");
+const index$8 = require("../../checkbox/index.cjs");
+const index$9 = require("../../radio-group/index.cjs");
+const index$a = require("../../radio/index.cjs");
+const index$6 = require("../../input/index.cjs");
 const index$5 = require("../../tree/index.cjs");
 const index$2 = require("../../select-dialog/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const _hoisted_1 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -26,7 +25,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const refSelectDialog = vue.ref();
     const refTree = vue.ref();
     const psprops = vue.computed(() => {
-      return Object.assign({}, data.roleSelect, propss.props);
+      return {
+        ...data.roleSelect,
+        ...propss.props
+      };
     });
     const search = vue.ref("");
     const treeObj = vue.ref({});
@@ -55,17 +57,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             const prop2 = psprops.value.yhid;
             const yhs = psprops.value.yhs;
             if (node) {
-              Object.keys(node).forEach((key) => {
+              for (const key of Object.keys(node)) {
                 nodes.value[key] = node[key];
-              });
+              }
             } else {
-              v.forEach((zs) => {
+              for (const zs of v) {
                 const ss = zs[yhs] || [];
-                ss.forEach((o) => {
+                for (const o of ss) {
                   const id = o[prop2];
                   nodes.value[id] = o;
-                });
-              });
+                }
+              }
             }
             listData.value = v;
           }
@@ -76,14 +78,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       let id = data2[psprops.value.yhid];
       if (!psprops.value.multiple) {
         list.value = [id];
+      } else if (is) {
+        list.value.push(id);
       } else {
-        if (is) {
-          list.value.push(id);
-        } else {
-          list.value = list.value.filter((o) => {
-            return o != id;
-          });
-        }
+        list.value = list.value.filter((o) => {
+          return o != id;
+        });
       }
     }
     function getName(key) {
@@ -145,16 +145,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     function setNodesObj(node) {
       if (node) {
-        if (node instanceof Array) {
+        if (Array.isArray(node)) {
           const prop = psprops.value.yhid;
-          node.forEach((o) => {
+          for (const o of node) {
             const id = o[prop];
             nodes.value[id] = o;
-          });
+          }
         } else {
-          Object.keys(node).forEach((key) => {
+          for (const key of Object.keys(node)) {
             nodes.value[key] = node[key];
-          });
+          }
         }
       }
     }
@@ -242,14 +242,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("dialog-li-top"))
               }, [
-                vue.withDirectives(vue.createElementVNode("input", {
+                vue.createVNode(vue.unref(index$6.Input), {
                   placeholder: psprops.value.searchPlaceholder,
                   clearable: "",
+                  modelValue: search.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
                   onKeyup: vue.withKeys(onInput, ["enter", "native"])
-                }, null, 40, _hoisted_1), [
-                  [vue.vModelText, search.value]
-                ])
+                }, null, 8, ["placeholder", "modelValue"])
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("dialog-gap"))
@@ -257,7 +256,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([vue.unref(cs).z("dialog-div"), vue.unref(cs).z("dialog-personnel")])
               }, [
-                psprops.value.multiple ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.CheckboxGroup), {
+                psprops.value.multiple ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.CheckboxGroup), {
                   key: 0,
                   "model-value": list.value
                 }, {
@@ -295,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           class: vue.normalizeClass(vue.unref(cs).z("dialog-personnel-checkboxs"))
                         }, [
                           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item[psprops.value.yhs], (obj, key) => {
-                            return vue.openBlock(), vue.createBlock(vue.unref(index$7.Checkbox), {
+                            return vue.openBlock(), vue.createBlock(vue.unref(index$8.Checkbox), {
                               key,
                               label: obj[psprops.value.yhid],
                               onChange: (is) => {
@@ -313,7 +312,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }), 128))
                   ]),
                   _: 1
-                }, 8, ["model-value"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$8.RadioGroup), {
+                }, 8, ["model-value"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$9.RadioGroup), {
                   key: 1,
                   "model-value": list.value[0]
                 }, {
@@ -351,7 +350,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           class: vue.normalizeClass(vue.unref(cs).z("dialog-personnel-checkboxs"))
                         }, [
                           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item[psprops.value.yhs], (obj, key) => {
-                            return vue.openBlock(), vue.createBlock(vue.unref(index$9.Radio), {
+                            return vue.openBlock(), vue.createBlock(vue.unref(index$a.Radio), {
                               key,
                               label: obj[psprops.value.yhid],
                               onChange: (is) => {

package/dist/components/user-select/src/index2.js

@@ -1,17 +1,16 @@
-import { defineComponent, ref, computed, watch, nextTick, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withDirectives, withKeys, vModelText, createBlock, Fragment, renderList, createCommentVNode, toDisplayString, createTextVNode, renderSlot } from "vue";
+import { defineComponent, ref, computed, watch, nextTick, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, createBlock, Fragment, renderList, createCommentVNode, toDisplayString, createTextVNode, renderSlot } from "vue";
 import { name, roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
-import "../../../hooks/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 import { Tabs } from "../../tabs/index.js";
 import { TabPane } from "../../tab-pane/index.js";
 import { CheckboxGroup } from "../../checkbox-group/index.js";
 import { Checkbox } from "../../checkbox/index.js";
 import { RadioGroup } from "../../radio-group/index.js";
 import { Radio } from "../../radio/index.js";
+import { Input } from "../../input/index.js";
 import { Tree } from "../../tree/index.js";
 import { SelectDialog } from "../../select-dialog/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-const _hoisted_1 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -24,7 +23,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const refSelectDialog = ref();
     const refTree = ref();
     const psprops = computed(() => {
-      return Object.assign({}, roleSelect, propss.props);
+      return {
+        ...roleSelect,
+        ...propss.props
+      };
     });
     const search = ref("");
     const treeObj = ref({});
@@ -53,17 +55,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             const prop2 = psprops.value.yhid;
             const yhs = psprops.value.yhs;
             if (node) {
-              Object.keys(node).forEach((key) => {
+              for (const key of Object.keys(node)) {
                 nodes.value[key] = node[key];
-              });
+              }
             } else {
-              v.forEach((zs) => {
+              for (const zs of v) {
                 const ss = zs[yhs] || [];
-                ss.forEach((o) => {
+                for (const o of ss) {
                   const id = o[prop2];
                   nodes.value[id] = o;
-                });
-              });
+                }
+              }
             }
             listData.value = v;
           }
@@ -74,14 +76,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let id = data[psprops.value.yhid];
       if (!psprops.value.multiple) {
         list.value = [id];
+      } else if (is) {
+        list.value.push(id);
       } else {
-        if (is) {
-          list.value.push(id);
-        } else {
-          list.value = list.value.filter((o) => {
-            return o != id;
-          });
-        }
+        list.value = list.value.filter((o) => {
+          return o != id;
+        });
       }
     }
     function getName(key) {
@@ -143,16 +143,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function setNodesObj(node) {
       if (node) {
-        if (node instanceof Array) {
+        if (Array.isArray(node)) {
           const prop = psprops.value.yhid;
-          node.forEach((o) => {
+          for (const o of node) {
             const id = o[prop];
             nodes.value[id] = o;
-          });
+          }
         } else {
-          Object.keys(node).forEach((key) => {
+          for (const key of Object.keys(node)) {
             nodes.value[key] = node[key];
-          });
+          }
         }
       }
     }
@@ -240,14 +240,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("dialog-li-top"))
               }, [
-                withDirectives(createElementVNode("input", {
+                createVNode(unref(Input), {
                   placeholder: psprops.value.searchPlaceholder,
                   clearable: "",
+                  modelValue: search.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
                   onKeyup: withKeys(onInput, ["enter", "native"])
-                }, null, 40, _hoisted_1), [
-                  [vModelText, search.value]
-                ])
+                }, null, 8, ["placeholder", "modelValue"])
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("dialog-gap"))

package/dist/components/videos/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -27,7 +27,7 @@
   height: 100%;
   border-radius: 8px;
   background: #000;
-  color: #fff;
+  color: #ffffff;
   position: relative;
   --videos-list-width: 20%;
 }
@@ -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.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Videos: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Videos, Videos as default };
+export { Videos };
+export default Videos;

package/dist/components/videos/index.scss

@@ -6,7 +6,7 @@ $videos: 'videos';
 	height: 100%;
 	border-radius: 8px;
 	background: #000;
-	color: #fff;
+	color: #ffffff;
 	position: relative;
 	#{vdm('list-width', $videos)}: 20%;
 	&.#{is('fullscreen')} {
@@ -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

@@ -37,7 +37,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     const { isFullscreen, toggle } = index$3.useFullscreen();
     const videoRef = vue.ref(null);
@@ -53,7 +52,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 +126,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 +145,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       isPlaying.value = !isPlaying.value;
       showEndOverlay.value = false;
+      resetControlsTimeout();
     };
     const setPlaybackRate = () => {
       if (videoRef.value) {
@@ -191,6 +201,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 +238,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 +254,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 +424,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 +438,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ], 2)), [
           [vue.vShow, isList.value]
         ]) : vue.createCommentVNode("", true)
-      ], 2);
+      ], 34);
     };
   }
 });

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

@@ -20,7 +20,7 @@ import "../../loading/index.js";
 import { hourFormat } from "@fangzhongya/utils/date/hourFormat";
 import { useFullscreen } from "../../../hooks/full-screen/index.js";
 import { getListValue } from "../../players/common/util.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "end-content" };
@@ -35,7 +35,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const { isFullscreen, toggle } = useFullscreen();
     const videoRef = ref(null);
@@ -51,7 +50,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 +124,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 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       isPlaying.value = !isPlaying.value;
       showEndOverlay.value = false;
+      resetControlsTimeout();
     };
     const setPlaybackRate = () => {
       if (videoRef.value) {
@@ -189,6 +199,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 +236,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 +252,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 +422,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 +436,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)), [
           [vShow, isList.value]
         ]) : createCommentVNode("", true)
-      ], 2);
+      ], 34);
     };
   }
 });

package/dist/components/window/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -62,7 +62,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -96,7 +96,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;

package/dist/components/window/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Window: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Window, Window as default };
+export { Window };
+export default Window;

package/dist/components/window/index.scss

@@ -15,7 +15,7 @@ $window: 'window';
 		top: 30%;
 		left: 30%;
 		z-index: 100;
-		background: #fff;
+		background: #ffffff;
 		width: 40%;
 		height: 40%;
 		display: flex;