layplux 1.0.1 → 2.0.1

package/dist/esm/layout/skeleton/index.mjs

@@ -1,4 +1 @@
-import { Skeleton } from "./skeleton.mjs";
-export {
-  Skeleton
-};
+export { Skeleton } from './skeleton.mjs';

package/dist/esm/layout/skeleton/left-bottom-area.mjs

@@ -1,7 +1,7 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const LeftBottomArea = defineComponent({
-  name: "LeftBottomArea",
+  name: 'LeftBottomArea',
   props: {
     area: Object
   },
@@ -9,14 +9,15 @@ const LeftBottomArea = defineComponent({
     return () => {
       const items = props.area?.container.items.value;
       if (!items || items.length === 0) return null;
-      return /* @__PURE__ */ jsx("div", { class: "layplux-left-bottom-area", children: items.slice().toSorted((a, b) => {
+      return createVNode("div", {
+        "class": "layplux-left-bottom-area"
+      }, [items.slice().toSorted((a, b) => {
         const i1 = a.config?.index ?? 0;
         const i2 = b.config?.index ?? 0;
         return i1 === i2 ? 0 : i1 > i2 ? 1 : -1;
-      }).map((widget) => widget.renderTitle()) });
+      }).map(widget => widget.renderTitle())]);
     };
   }
 });
-export {
-  LeftBottomArea
-};
+
+export { LeftBottomArea };

package/dist/esm/layout/skeleton/left-top-area.mjs

@@ -1,7 +1,7 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const LeftTopArea = defineComponent({
-  name: "LeftTopArea",
+  name: 'LeftTopArea',
   props: {
     area: Object
   },
@@ -9,14 +9,15 @@ const LeftTopArea = defineComponent({
     return () => {
       const items = props.area?.container.items.value;
       if (!items || items.length === 0) return null;
-      return /* @__PURE__ */ jsx("div", { class: "layplux-left-top-area", children: items.slice().toSorted((a, b) => {
+      return createVNode("div", {
+        "class": "layplux-left-top-area"
+      }, [items.slice().toSorted((a, b) => {
         const i1 = a.config?.index ?? 0;
         const i2 = b.config?.index ?? 0;
         return i1 === i2 ? 0 : i1 > i2 ? 1 : -1;
-      }).map((widget) => widget.renderTitle()) });
+      }).map(widget => widget.renderTitle())]);
     };
   }
 });
-export {
-  LeftTopArea
-};
+
+export { LeftTopArea };

package/dist/esm/layout/skeleton/right-bottom-area.mjs

@@ -1,7 +1,7 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const RightBottomArea = defineComponent({
-  name: "RightBottomArea",
+  name: 'RightBottomArea',
   props: {
     area: Object
   },
@@ -9,10 +9,11 @@ const RightBottomArea = defineComponent({
     return () => {
       const items = props.area?.container.items.value;
       if (!items || items.length === 0) return null;
-      return /* @__PURE__ */ jsx("div", { class: "layplux-right-bottom-area", children: items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map((widget) => widget.renderTitle()) });
+      return createVNode("div", {
+        "class": "layplux-right-bottom-area"
+      }, [items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map(widget => widget.renderTitle())]);
     };
   }
 });
-export {
-  RightBottomArea
-};
+
+export { RightBottomArea };

package/dist/esm/layout/skeleton/right-top-area.mjs

@@ -1,7 +1,7 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const RightTopArea = defineComponent({
-  name: "RightTopArea",
+  name: 'RightTopArea',
   props: {
     area: Object
   },
@@ -9,10 +9,11 @@ const RightTopArea = defineComponent({
     return () => {
       const items = props.area?.container.items.value;
       if (!items || items.length === 0) return null;
-      return /* @__PURE__ */ jsx("div", { class: "layplux-right-top-area", children: items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map((widget) => widget.renderTitle()) });
+      return createVNode("div", {
+        "class": "layplux-right-top-area"
+      }, [items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map(widget => widget.renderTitle())]);
     };
   }
 });
-export {
-  RightTopArea
-};
+
+export { RightTopArea };

package/dist/esm/layout/skeleton/skeleton.mjs

@@ -1,46 +1,59 @@
-import { jsx, jsxs } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
-import { TopArea } from "./top-area.mjs";
-import { BottomArea } from "./bottom-area.mjs";
-import { LeftTopArea } from "./left-top-area.mjs";
-import { LeftBottomArea } from "./left-bottom-area.mjs";
-import { BottomLeftArea } from "./bottom-left-area.mjs";
-import { RightTopArea } from "./right-top-area.mjs";
-import { RightBottomArea } from "./right-bottom-area.mjs";
-import { BottomRightArea } from "./bottom-right-area.mjs";
-import {} from "../../managers/index.mjs";
-import { CenterArea } from "./center-area.mjs";
+import { defineComponent, createVNode } from 'vue';
+import { TopArea } from './top-area.mjs';
+import { BottomArea } from './bottom-area.mjs';
+import { LeftTopArea } from './left-top-area.mjs';
+import { LeftBottomArea } from './left-bottom-area.mjs';
+import { BottomLeftArea } from './bottom-left-area.mjs';
+import { RightTopArea } from './right-top-area.mjs';
+import { RightBottomArea } from './right-bottom-area.mjs';
+import { BottomRightArea } from './bottom-right-area.mjs';
+import { CenterArea } from './center-area.mjs';
+
 const Skeleton = defineComponent({
-  name: "Skeleton",
+  name: 'Skeleton',
   props: {
     skeleton: Object
   },
   setup(props) {
-    return () => /* @__PURE__ */ jsxs("div", { class: "layplux-skeleton", children: [
-      /* @__PURE__ */ jsx(TopArea, { area: props.skeleton?.topArea }),
-      /* @__PURE__ */ jsxs("div", { class: "layplux-skeleton__body", children: [
-        /* @__PURE__ */ jsxs("div", { class: "layplux-skeleton__stripe", children: [
-          /* @__PURE__ */ jsxs("div", { class: "layplux-skeleton__stripe-top", children: [
-            /* @__PURE__ */ jsx(LeftTopArea, { area: props.skeleton?.leftTopArea }),
-            /* @__PURE__ */ jsx("div", { class: "layplux-skeleton__stripe-separator" }),
-            /* @__PURE__ */ jsx(LeftBottomArea, { area: props.skeleton?.leftBottomArea })
-          ] }),
-          /* @__PURE__ */ jsx(BottomLeftArea, { area: props.skeleton?.bottomLeftArea })
-        ] }),
-        /* @__PURE__ */ jsx("div", { class: "layplux-skeleton__center", children: /* @__PURE__ */ jsx(CenterArea, { skeleton: props.skeleton, centerArea: props.skeleton?.centerArea }) }),
-        /* @__PURE__ */ jsxs("div", { class: "layplux-skeleton__stripe", children: [
-          /* @__PURE__ */ jsxs("div", { class: "layplux-skeleton__stripe-top", children: [
-            /* @__PURE__ */ jsx(RightTopArea, { area: props.skeleton?.rightTopArea }),
-            /* @__PURE__ */ jsx("div", { class: "layplux-skeleton__stripe-separator" }),
-            /* @__PURE__ */ jsx(RightBottomArea, { area: props.skeleton?.rightBottomArea })
-          ] }),
-          /* @__PURE__ */ jsx(BottomRightArea, { area: props.skeleton?.bottomRightArea })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(BottomArea, { area: props.skeleton?.bottomArea })
-    ] });
+    return () => createVNode("div", {
+      "class": "layplux-skeleton"
+    }, [createVNode(TopArea, {
+      "area": props.skeleton?.topArea
+    }, null), createVNode("div", {
+      "class": "layplux-skeleton__body"
+    }, [createVNode("div", {
+      "class": "layplux-skeleton__stripe"
+    }, [createVNode("div", {
+      "class": "layplux-skeleton__stripe-top"
+    }, [createVNode(LeftTopArea, {
+      "area": props.skeleton?.leftTopArea
+    }, null), createVNode("div", {
+      "class": "layplux-skeleton__stripe-separator"
+    }, null), createVNode(LeftBottomArea, {
+      "area": props.skeleton?.leftBottomArea
+    }, null)]), createVNode(BottomLeftArea, {
+      "area": props.skeleton?.bottomLeftArea
+    }, null)]), createVNode("div", {
+      "class": "layplux-skeleton__center"
+    }, [createVNode(CenterArea, {
+      "skeleton": props.skeleton,
+      "centerArea": props.skeleton?.centerArea
+    }, null)]), createVNode("div", {
+      "class": "layplux-skeleton__stripe"
+    }, [createVNode("div", {
+      "class": "layplux-skeleton__stripe-top"
+    }, [createVNode(RightTopArea, {
+      "area": props.skeleton?.rightTopArea
+    }, null), createVNode("div", {
+      "class": "layplux-skeleton__stripe-separator"
+    }, null), createVNode(RightBottomArea, {
+      "area": props.skeleton?.rightBottomArea
+    }, null)]), createVNode(BottomRightArea, {
+      "area": props.skeleton?.bottomRightArea
+    }, null)])]), createVNode(BottomArea, {
+      "area": props.skeleton?.bottomArea
+    }, null)]);
   }
 });
-export {
-  Skeleton
-};
+
+export { Skeleton };

package/dist/esm/layout/skeleton/top-area.mjs

@@ -1,13 +1,15 @@
-import { jsx, jsxs } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const TopArea = defineComponent({
-  name: "TopArea",
+  name: 'TopArea',
   props: {
     area: Object
   },
   setup(props) {
     return () => {
-      const { area } = props;
+      const {
+        area
+      } = props;
       const left = [];
       const center = [];
       const right = [];
@@ -15,30 +17,29 @@ const TopArea = defineComponent({
         const index1 = a.config?.index || 0;
         const index2 = b.config?.index || 0;
         return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
-      }).forEach((item) => {
-        const content = /* @__PURE__ */ jsx("div", { children: item.renderContent() }, `top-area-${item.name}`);
-        if (item.align === "left") {
+      }).forEach(item => {
+        const content = createVNode("div", {
+          "key": `top-area-${item.name}`
+        }, [item.renderContent()]);
+        if (item.align === 'left') {
           left.push(content);
-        } else if (item.align === "center") {
+        } else if (item.align === 'center') {
           center.push(content);
         } else {
           right.push(content);
         }
       });
-      return /* @__PURE__ */ jsxs("div", { class: "layplux-top-area", children: [
-        /* @__PURE__ */ jsxs("div", { class: "layplux-top-area__toolbar-left", children: [
-          ...left
-        ] }),
-        /* @__PURE__ */ jsxs("div", { class: "layplux-top-area__toolbar-center", children: [
-          ...center
-        ] }),
-        /* @__PURE__ */ jsxs("div", { class: "layplux-top-area__toolbar-right", children: [
-          ...right
-        ] })
-      ] });
+      return createVNode("div", {
+        "class": "layplux-top-area"
+      }, [createVNode("div", {
+        "class": "layplux-top-area__toolbar-left"
+      }, [...left]), createVNode("div", {
+        "class": "layplux-top-area__toolbar-center"
+      }, [...center]), createVNode("div", {
+        "class": "layplux-top-area__toolbar-right"
+      }, [...right])]);
     };
   }
 });
-export {
-  TopArea
-};
+
+export { TopArea };

package/dist/esm/locales/en-US.mjs

@@ -1,14 +1,13 @@
 const enUS = {
   panel: {
-    viewMode: "View Mode",
-    dockPinned: "Dock Pinned",
-    dockUnpinned: "Dock Unpinned",
-    undock: "Undock",
-    help: "Help",
-    more: "More",
-    minimize: "Minimize"
+    viewMode: 'View Mode',
+    dockPinned: 'Dock Pinned',
+    dockUnpinned: 'Dock Unpinned',
+    undock: 'Undock',
+    help: 'Help',
+    more: 'More',
+    minimize: 'Minimize'
   }
 };
-export {
-  enUS
-};
+
+export { enUS };

package/dist/esm/locales/index.mjs

@@ -1,8 +1,9 @@
-import { zhCN } from "./zh-CN.mjs";
-import { enUS } from "./en-US.mjs";
+import { zhCN } from './zh-CN.mjs';
+import { enUS } from './en-US.mjs';
+
 const builtInLocales = {
-  "zh-CN": zhCN,
-  "en-US": enUS
+  'zh-CN': zhCN,
+  'en-US': enUS
 };
 function getBuiltInLocale(name) {
   const locale = builtInLocales[name];
@@ -12,8 +13,5 @@ function getBuiltInLocale(name) {
   }
   return locale;
 }
-export {
-  enUS,
-  getBuiltInLocale,
-  zhCN
-};
+
+export { enUS, getBuiltInLocale, zhCN };

package/dist/esm/locales/zh-CN.mjs

@@ -1,14 +1,13 @@
 const zhCN = {
   panel: {
-    viewMode: "\u89C6\u56FE\u6A21\u5F0F",
-    dockPinned: "\u505C\u9760\u56FA\u5B9A",
-    dockUnpinned: "\u505C\u9760\u4E0D\u56FA\u5B9A",
-    undock: "\u53D6\u6D88\u505C\u9760",
-    help: "\u5E2E\u52A9",
-    more: "\u66F4\u591A",
-    minimize: "\u6700\u5C0F\u5316"
+    viewMode: '视图模式',
+    dockPinned: '停靠固定',
+    dockUnpinned: '停靠不固定',
+    undock: '取消停靠',
+    help: '帮助',
+    more: '更多',
+    minimize: '最小化'
   }
 };
-export {
-  zhCN
-};
+
+export { zhCN };

package/dist/esm/managers/area.mjs

@@ -1,12 +1,17 @@
-import {} from "./widget-container.mjs";
+/**
+ * `useArea` 只需要 skeleton 的 `createContainer` 能力，
+ * 不依赖完整的 ISkeleton（避免创建时的循环依赖）。
+ */
 function useArea(skeleton, name, handle) {
   const container = skeleton.createContainer(name, handle);
   function add(config) {
     const item = container.add(config);
     return item;
   }
-  return { add, container };
+  return {
+    add,
+    container
+  };
 }
-export {
-  useArea
-};
+
+export { useArea };

package/dist/esm/managers/index.mjs

@@ -1,3 +1,3 @@
-export * from "./skeleton.mjs";
-export * from "./area.mjs";
-export * from "./widget.mjs";
+export { useSkeleton } from './skeleton.mjs';
+export { useArea } from './area.mjs';
+export { isWidget, useWidget } from './widget.mjs';

package/dist/esm/managers/pane.mjs

@@ -1,5 +1,10 @@
-import { ref } from "vue";
-function usePane(defaultViewMode = "DockPinned") {
+import { ref } from 'vue';
+
+/**
+ * 没个widget都会对应自己的pane的状态
+ */
+
+function usePane(defaultViewMode = 'DockPinned') {
   const viewMode = ref(defaultViewMode);
   function setViewMode(mode) {
     viewMode.value = mode;
@@ -9,6 +14,5 @@ function usePane(defaultViewMode = "DockPinned") {
     setViewMode
   };
 }
-export {
-  usePane
-};
+
+export { usePane };