xframelib 0.9.6 → 0.9.7

package/dist/controls/layoutcontainer/LayoutManager.d.ts

@@ -1,16 +1,16 @@
 import { LayoutContainerEnum, IWidgetConfig } from '../../model/Layout';
-import { Ref, ShallowRef } from 'vue';
+import { Ref } from 'vue';
 /**
  * 布局对象定义
  */
 export interface ILayoutContainer {
-    topContainer: ShallowRef<HTMLInputElement | null>;
-    centerBackContainer: ShallowRef<HTMLInputElement | null>;
-    centerMainContainer: ShallowRef<HTMLInputElement | null>;
-    centerFrontContainer: ShallowRef<HTMLInputElement | null>;
-    bottomContainer: ShallowRef<HTMLInputElement | null>;
-    leftContainer: ShallowRef<HTMLInputElement | null>;
-    rightContainer: ShallowRef<HTMLInputElement | null>;
+    topContainer: Ref<HTMLElement | undefined>;
+    centerBackContainer: Ref<HTMLElement | undefined>;
+    centerMainContainer: Ref<HTMLElement | undefined>;
+    centerFrontContainer: Ref<HTMLElement | undefined>;
+    bottomContainer: Ref<HTMLElement | undefined>;
+    leftContainer: Ref<HTMLElement | undefined>;
+    rightContainer: Ref<HTMLElement | undefined>;
 }
 export declare class LayoutManager {
     private layoutState;
@@ -74,7 +74,7 @@ export declare class LayoutManager {
      * @param enumContainer
      * @returns
      */
-    getLayoutContainer(enumContainer: LayoutContainerEnum): HTMLElement | null;
+    getLayoutContainer(enumContainer: LayoutContainerEnum): HTMLElement | undefined;
     /**
      * 改变容器可见性
      * @param enumContainer

package/dist/index.css

@@ -130,6 +130,23 @@
   margin-top: 1px;
 }
 
+.adivider {
+  width: 100%;
+  margin: 10px 0;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+}
+
+.adivider .line {
+  border: v-bind(lineColor) 1px solid;
+}
+
+.adivider .contentText {
+  background-color: inherit;
+  font-size: 18px;
+}
+
 .layoutContainer {
   position: relative;
   width: 100%;
@@ -236,66 +253,6 @@
   z-index: var(--layout-centerfront-zindex);
 }
 
-.adivider {
-  width: 100%;
-  margin: 10px 0;
-  display: flex;
-  align-items: center;
-  justify-items: center;
-}
-
-.adivider .line {
-  border: v-bind(lineColor) 1px solid;
-}
-
-.adivider .contentText {
-  background-color: inherit;
-  font-size: 18px;
-}
-
-.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;
-}
-
 .iconify {
   color: #000;
 }
@@ -450,6 +407,49 @@
   cursor: s-resize;
 }
 
+.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;
+}
+
 .btn {
   background-color: transparent;
   border: none;