xframelib 0.6.4 → 0.6.8

package/README.md

@@ -2,6 +2,10 @@
 
 基于 VUE3+Hprose+Typescript 的前端框架
 
+- v0.6.8 解决Axios 0.x升级为1.x后，序列化时带来的AxiosError: options must be an object错误 
+- v0.6.7 解决ExitLogin时报415错误；SysEvents.AxiosRequestErrorEvent、SysEvents.WebAPIErrorEvent、SysEvents.HproseServiceErrorEvent改为默认为后台记录，不主动弹框提示，需要提示使用Global.EventBus自主监听事件；升级依赖库版本;
+- v0.6.6 解决requestGet里params参数为数组解析错误问题;更改Layout布局层次为100;解决提示XXTEA未导出的问题;copyText默认改用Clipboard方式，支持根据元素ID复制内容;
+- v0.6.5 copyText默认改用Clipboard方式，支持根据元素ID复制内容；
 - v0.6.4 调整LayoutContainer层级；修改centerDiv的默认pointer-events
 - v0.6.3 
 升级基础库;完善LayoutContainer增加enableRouterView控制是否启用内置的RouterView;H5Tool增加dispatchWindowResize和dispatchElementEvent主动触发元素事件

package/dist/assets/output-7c052984.css

@@ -0,0 +1,305 @@
+.splitpanes {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+.splitpanes--vertical {
+  flex-direction: row;
+}
+.splitpanes--horizontal {
+  flex-direction: column;
+}
+.splitpanes--dragging * {
+  user-select: none;
+}
+.splitpanes__pane {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.splitpanes--vertical .splitpanes__pane {
+  transition: width 0.2s ease-out;
+}
+.splitpanes--horizontal .splitpanes__pane {
+  transition: height 0.2s ease-out;
+}
+.splitpanes--dragging .splitpanes__pane {
+  transition: none;
+}
+.splitpanes__splitter {
+  touch-action: none;
+}
+.splitpanes--vertical > .splitpanes__splitter {
+  min-width: 1px;
+  cursor: col-resize;
+}
+.splitpanes--horizontal > .splitpanes__splitter {
+  min-height: 1px;
+  cursor: row-resize;
+}
+
+.splitpanes.default-theme .splitpanes__pane {
+  background-color: #f2f2f2;
+}
+.splitpanes.default-theme .splitpanes__splitter {
+  background-color: #fff;
+  box-sizing: border-box;
+  position: relative;
+  flex-shrink: 0;
+}
+.splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-color: rgba(0, 0, 0, 0.15);
+  transition: background-color 0.3s;
+}
+.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+.splitpanes.default-theme .splitpanes__splitter:first-child {
+  cursor: auto;
+}
+
+.default-theme.splitpanes .splitpanes .splitpanes__splitter {
+  z-index: 1;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter,
+.default-theme .splitpanes--vertical > .splitpanes__splitter {
+  width: 7px;
+  border-left: 1px solid #eee;
+  margin-left: -1px;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:before,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
+  transform: translateY(-50%);
+  width: 1px;
+  height: 30px;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter:before,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:before {
+  margin-left: -2px;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter:after,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
+  margin-left: 1px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter {
+  height: 7px;
+  border-top: 1px solid #eee;
+  margin-top: -1px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
+  transform: translateX(-50%);
+  width: 30px;
+  height: 1px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
+  margin-top: -2px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
+  margin-top: 1px;
+}
+
+.vcpg {
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  width: 100%;
+}
+.vcpg ::v-deep(.vcp) * {
+  box-sizing: border-box;
+}
+.vcpg ::v-deep(.vcp) .vcp__header {
+  background-color: var(--bg-color-header);
+  height: 30px;
+  border-bottom: 2px solid #c6bebd;
+  transition: background-color 0.3s ease;
+}
+.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
+  background-color: var(--bg-color-header-hover);
+}
+.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
+  background-color: var(--bg-color-header-active);
+}
+.vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
+  border-top: 2px solid var(--border-color);
+}
+.vcpg ::v-deep(.vcp) .vcp__header-title {
+  font-weight: 500;
+}
+.vcpg ::v-deep(.vcp) .vcp__body {
+  border-top: 1px solid var(--border-color);
+  background-color: var(--bg-color-body);
+}
+
+.window {
+  display: flex;
+  flex-flow: column;
+  position: absolute;
+  border-radius: 4pt 4pt 0 0;
+}
+
+.titlebar {
+  display: flex;
+  flex-flow: row nowrap;
+  border-radius: 4pt 4pt 0 0;
+  font-family: sans-serif;
+  padding: 0.5em;
+  flex: 0 0 auto;
+}
+
+.title {
+  flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.content {
+  flex-grow: 1;
+  padding: 0.5em;
+}
+
+.draggable-handle {
+  cursor: move;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: 0.2s;
+}
+
+.vcp__header {
+  display: flex;
+  padding: 12px;
+  pointer-events: none;
+}
+.vcp--expandable .vcp__header {
+  pointer-events: auto;
+  cursor: pointer;
+}
+.vcp__header-title {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.vcp__header-icon {
+  display: flex;
+  align-items: center;
+  transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
+}
+.vcp--expanded .vcp__header-icon {
+  transform-origin: center;
+  transform: rotate(180deg);
+}
+.vcp__header-icon > span {
+  display: flex;
+  height: 24px;
+  width: 24px;
+}
+.vcp__header-icon ::v-deep(svg) {
+  height: 100%;
+  width: 100%;
+}
+.vcp__body {
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
+}
+.vcp__body-content {
+  padding: 12px;
+}
+
+.slide-enter-from,
+.slide-leave-to {
+  opacity: 0.25;
+}
+
+.layoutContainer {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  --layout-top-height: 70px;
+  --layout-left-width: 200px;
+  --layout-right-width: 200px;
+  --layout-bottom-height: 60px;
+  --layout-centerback-backcolor: #020202;
+  --layout-top-zindex: 100;
+  --layout-bottom-zindex: 100;
+  --layout-center-zindex: 90;
+  --layout-left-zindex: 100;
+  --layout-right-zindex: 100;
+}
+
+.topContainer {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: var(--layout-top-height);
+  z-index: var(--layout-top-zindex);
+  pointer-events: none;
+}
+
+.bottomContainer {
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+  height: var(--layout-bottom-height);
+  z-index: var(--layout-bottom-zindex);
+  pointer-events: none;
+}
+
+.leftContainer {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: var(--layout-left-width);
+  z-index: var(--layout-left-zindex);
+  height: 100%;
+  pointer-events: none;
+}
+
+.rightContainer {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: var(--layout-right-width);
+  z-index: var(--layout-right-zindex);
+  height: 100%;
+  pointer-events: none;
+}
+
+.centerdiv {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  width: 100%;
+  background-color: transparent;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.btn {
+  background-color: transparent;
+  border: none;
+  font-size: medium;
+  margin: 0;
+  padding: 0 0.25em;
+  border-radius: 4pt;
+}

package/dist/assets/output-915eebd6.css

@@ -0,0 +1,305 @@
+.vcp__header {
+  display: flex;
+  padding: 12px;
+  pointer-events: none;
+}
+.vcp--expandable .vcp__header {
+  pointer-events: auto;
+  cursor: pointer;
+}
+.vcp__header-title {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.vcp__header-icon {
+  display: flex;
+  align-items: center;
+  transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
+}
+.vcp--expanded .vcp__header-icon {
+  transform-origin: center;
+  transform: rotate(180deg);
+}
+.vcp__header-icon > span {
+  display: flex;
+  height: 24px;
+  width: 24px;
+}
+.vcp__header-icon ::v-deep(svg) {
+  height: 100%;
+  width: 100%;
+}
+.vcp__body {
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
+}
+.vcp__body-content {
+  padding: 12px;
+}
+
+.slide-enter-from,
+.slide-leave-to {
+  opacity: 0.25;
+}
+
+.vcpg {
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  width: 100%;
+}
+.vcpg ::v-deep(.vcp) * {
+  box-sizing: border-box;
+}
+.vcpg ::v-deep(.vcp) .vcp__header {
+  background-color: var(--bg-color-header);
+  height: 30px;
+  border-bottom: 2px solid #c6bebd;
+  transition: background-color 0.3s ease;
+}
+.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
+  background-color: var(--bg-color-header-hover);
+}
+.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
+  background-color: var(--bg-color-header-active);
+}
+.vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
+  border-top: 2px solid var(--border-color);
+}
+.vcpg ::v-deep(.vcp) .vcp__header-title {
+  font-weight: 500;
+}
+.vcpg ::v-deep(.vcp) .vcp__body {
+  border-top: 1px solid var(--border-color);
+  background-color: var(--bg-color-body);
+}
+
+.splitpanes {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+.splitpanes--vertical {
+  flex-direction: row;
+}
+.splitpanes--horizontal {
+  flex-direction: column;
+}
+.splitpanes--dragging * {
+  user-select: none;
+}
+.splitpanes__pane {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.splitpanes--vertical .splitpanes__pane {
+  transition: width 0.2s ease-out;
+}
+.splitpanes--horizontal .splitpanes__pane {
+  transition: height 0.2s ease-out;
+}
+.splitpanes--dragging .splitpanes__pane {
+  transition: none;
+}
+.splitpanes__splitter {
+  touch-action: none;
+}
+.splitpanes--vertical > .splitpanes__splitter {
+  min-width: 1px;
+  cursor: col-resize;
+}
+.splitpanes--horizontal > .splitpanes__splitter {
+  min-height: 1px;
+  cursor: row-resize;
+}
+
+.splitpanes.default-theme .splitpanes__pane {
+  background-color: #f2f2f2;
+}
+.splitpanes.default-theme .splitpanes__splitter {
+  background-color: #fff;
+  box-sizing: border-box;
+  position: relative;
+  flex-shrink: 0;
+}
+.splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-color: rgba(0, 0, 0, 0.15);
+  transition: background-color 0.3s;
+}
+.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+.splitpanes.default-theme .splitpanes__splitter:first-child {
+  cursor: auto;
+}
+
+.default-theme.splitpanes .splitpanes .splitpanes__splitter {
+  z-index: 1;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter,
+.default-theme .splitpanes--vertical > .splitpanes__splitter {
+  width: 7px;
+  border-left: 1px solid #eee;
+  margin-left: -1px;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:before,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
+  transform: translateY(-50%);
+  width: 1px;
+  height: 30px;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter:before,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:before {
+  margin-left: -2px;
+}
+.default-theme.splitpanes--vertical > .splitpanes__splitter:after,
+.default-theme .splitpanes--vertical > .splitpanes__splitter:after {
+  margin-left: 1px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter {
+  height: 7px;
+  border-top: 1px solid #eee;
+  margin-top: -1px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
+  transform: translateX(-50%);
+  width: 30px;
+  height: 1px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
+  margin-top: -2px;
+}
+.default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
+.default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
+  margin-top: 1px;
+}
+
+.window {
+  display: flex;
+  flex-flow: column;
+  position: absolute;
+  border-radius: 4pt 4pt 0 0;
+}
+
+.titlebar {
+  display: flex;
+  flex-flow: row nowrap;
+  border-radius: 4pt 4pt 0 0;
+  font-family: sans-serif;
+  padding: 0.5em;
+  flex: 0 0 auto;
+}
+
+.title {
+  flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.content {
+  flex-grow: 1;
+  padding: 0.5em;
+}
+
+.draggable-handle {
+  cursor: move;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: 0.2s;
+}
+
+.layoutContainer {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  --layout-top-height: 70px;
+  --layout-left-width: 200px;
+  --layout-right-width: 200px;
+  --layout-bottom-height: 60px;
+  --layout-centerback-backcolor: #020202;
+  --layout-top-zindex: 100;
+  --layout-bottom-zindex: 100;
+  --layout-center-zindex: 90;
+  --layout-left-zindex: 100;
+  --layout-right-zindex: 100;
+}
+
+.topContainer {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: var(--layout-top-height);
+  z-index: var(--layout-top-zindex);
+  pointer-events: none;
+}
+
+.bottomContainer {
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+  height: var(--layout-bottom-height);
+  z-index: var(--layout-bottom-zindex);
+  pointer-events: none;
+}
+
+.leftContainer {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: var(--layout-left-width);
+  z-index: var(--layout-left-zindex);
+  height: 100%;
+  pointer-events: none;
+}
+
+.rightContainer {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: var(--layout-right-width);
+  z-index: var(--layout-right-zindex);
+  height: 100%;
+  pointer-events: none;
+}
+
+.centerdiv {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  width: 100%;
+  background-color: transparent;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.btn {
+  background-color: transparent;
+  border: none;
+  font-size: medium;
+  margin: 0;
+  padding: 0 0.25em;
+  border-radius: 4pt;
+}

package/dist/controls/collapsepanel/VCollapsiblePanel.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     expand: (element: HTMLElement) => void;
     toggle: () => void;
     toggleIcon: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     expanded: {
         type: BooleanConstructor;
         default: boolean;

package/dist/controls/collapsepanel/VCollapsiblePanelGroup.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         '--bg-color-header-active': string;
         '--bg-color-body': string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     accordion: {
         type: BooleanConstructor;
         default: boolean;

package/dist/controls/layoutcontainer/layout.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
     layoutStyle: {
         type: ObjectConstructor;
     };
+    enableRouterView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     topContainerComponents: import("vue").Ref<Map<string, Object>>;
     centerbackComponents: import("vue").Ref<Map<string, Object>>;
@@ -21,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     rightContainerComponents: import("vue").Ref<Map<string, Object>>;
     bottomContainerComponents: import("vue").Ref<Map<string, Object>>;
     containerStyle: import("vue").ComputedRef<Record<string, any> | undefined>;
+    isEnableRouterView: import("vue").Ref<boolean>;
     topContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
     centerBackContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
     centerMainContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
@@ -41,10 +46,15 @@ declare const _default: import("vue").DefineComponent<{
     layoutStyle: {
         type: ObjectConstructor;
     };
+    enableRouterView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onContainerLoaded?: ((...args: any[]) => any) | undefined;
 }, {
     widgetConfig: IWidgetConfig[];
     layoutID: string;
+    enableRouterView: boolean;
 }>;
 export default _default;

package/dist/controls/vuewindow/draggable_helper.d.ts

@@ -1,4 +1,4 @@
-export declare type Options = {
+export type Options = {
     onMove?: () => void;
     onMoveStart?: () => void;
     onMoveEnd?: () => void;

package/dist/controls/vuewindow/style.d.ts

@@ -1,4 +1,4 @@
-export declare type Style = Partial<CSSStyleDeclaration>;
+export type Style = Partial<CSSStyleDeclaration>;
 export interface WindowStyle {
     window: Style;
     titlebar: Style;

package/dist/controls/vuewindow/window/Button.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     style: () => any;
     mouseup: (e: MouseEvent & TouchEvent) => void;
     mousedown: (e: MouseEvent & TouchEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean>;
         default: boolean;

package/dist/controls/vuewindow/window/index.vue.d.ts

@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     styleContent: import("vue").ComputedRef<any>;
     closeButtonClick: () => void;
     fixPosition: () => void;
-} | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+} | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     windowStyle: {
         type: ObjectConstructor;
         required: true;