layplux 1.0.0 → 2.0.0

package/dist/esm/components/dropdown/index.mjs

@@ -4,8 +4,8 @@ import {
   provide,
   inject
 } from "vue";
-import { Popup } from "../popup";
-import { ChevronRightIcon } from "../icon";
+import { Popup } from "../popup/index.mjs";
+import { ChevronRightIcon } from "../icon/index.mjs";
 const DROPDOWN_CLOSE = Symbol("dropdown-close");
 const DROPDOWN_ON_CLICK = Symbol("dropdown-on-click");
 const Dropdown = defineComponent({

package/dist/esm/components/index.mjs

@@ -1,8 +1,8 @@
-export * from "./corner-glow";
-export * from "./panel-view";
-export * from "./widget";
-export * from "./title";
-export * from "./panel-view";
-export * from "./dropdown";
-export * from "./tooltip";
-export * from "./center-view";
+export * from "./corner-glow/index.mjs";
+export * from "./panel-view/index.mjs";
+export * from "./widget/index.mjs";
+export * from "./title/index.mjs";
+export * from "./panel-view/index.mjs";
+export * from "./dropdown/index.mjs";
+export * from "./tooltip/index.mjs";
+export * from "./center-view/index.mjs";

package/dist/esm/components/panel-view/index.mjs

@@ -6,10 +6,10 @@ import {
   DropdownItem,
   DropdownDivider,
   DropdownSubmenu
-} from "../dropdown";
-import { MoreIcon, MinimizeIcon } from "../icon";
-import { createContent } from "../../utils";
-import { getBuiltInLocale } from "../../locales";
+} from "../dropdown/index.mjs";
+import { MoreIcon, MinimizeIcon } from "../icon/index.mjs";
+import { createContent } from "../../utils/index.mjs";
+import { getBuiltInLocale } from "../../locales/index.mjs";
 const viewModeKeys = /* @__PURE__ */ new Set(["DockPinned", "DockUnpinned", "Undock"]);
 function findItem(items, key) {
   if (!items) return;

package/dist/esm/components/title/index.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "vue/jsx-runtime";
 import { defineComponent } from "vue";
-import { createContent } from "../../utils";
+import { createContent } from "../../utils/index.mjs";
 const TitleView = defineComponent({
   name: "TitleView",
   inheritAttrs: false,

package/dist/esm/components/tooltip/index.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "vue/jsx-runtime";
 import { defineComponent } from "vue";
-import { createContent } from "../../utils";
-import { Popup } from "../popup";
+import { createContent } from "../../utils/index.mjs";
+import { Popup } from "../popup/index.mjs";
 const Tooltip = defineComponent({
   name: "LaypluxTooltip",
   props: {

package/dist/esm/components/widget/index.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "vue/jsx-runtime";
 import { defineComponent, Fragment, ref, onErrorCaptured, h } from "vue";
-import { TitleView } from "../title";
-import { Tooltip } from "../tooltip";
+import { TitleView } from "../title/index.mjs";
+import { Tooltip } from "../tooltip/index.mjs";
 const WidgetView = defineComponent({
   name: "WidgetView",
   inheritAttrs: false,

package/dist/esm/index.mjs

@@ -1,7 +1,7 @@
-import { default as default2 } from "./layout/layplux";
-import { useSkeleton } from "./managers/skeleton";
-import { createPluginEventBus } from "./utils/event-bus";
-import { FocusTracker } from "./utils/focus-tracker";
+import { default as default2 } from "./layout/layplux.mjs";
+import { useSkeleton } from "./managers/skeleton.mjs";
+import { createPluginEventBus } from "./utils/event-bus.mjs";
+import { FocusTracker } from "./utils/focus-tracker.mjs";
 export {
   FocusTracker,
   default2 as Layplux,

package/dist/esm/layout/layered-manager.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "vue/jsx-runtime";
 import { defineComponent } from "vue";
-import { Skeleton } from "./skeleton";
+import { Skeleton } from "./skeleton/index.mjs";
 const LayeredManager = defineComponent({
   name: "LayeredManager",
   props: {

package/dist/esm/layout/layplux.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "vue/jsx-runtime";
 import { defineComponent } from "vue";
-import { RootPane } from "./root-pane";
+import { RootPane } from "./root-pane.mjs";
 const Layplux = defineComponent({
   name: "Layplux",
   props: {

package/dist/esm/layout/root-pane.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "vue/jsx-runtime";
 import { computed, defineComponent, provide } from "vue";
-import { LayeredManager } from "./layered-manager";
-import { GlassOverlay } from "./glass-overlay";
-import { CornerGlow } from "../components";
+import { LayeredManager } from "./layered-manager.mjs";
+import { GlassOverlay } from "./glass-overlay.mjs";
+import { CornerGlow } from "../components/index.mjs";
 const RootPane = defineComponent({
   name: "RootPane",
   props: {

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

@@ -7,7 +7,7 @@ import {
   ref,
   Teleport
 } from "vue";
-import { PanelView } from "../../components";
+import { PanelView } from "../../components/index.mjs";
 const CenterArea = defineComponent({
   name: "CenterArea",
   props: {

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

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

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

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from "vue/jsx-runtime";
 import { defineComponent } from "vue";
-import { TopArea } from "./top-area";
-import { BottomArea } from "./bottom-area";
-import { LeftTopArea } from "./left-top-area";
-import { LeftBottomArea } from "./left-bottom-area";
-import { BottomLeftArea } from "./bottom-left-area";
-import { RightTopArea } from "./right-top-area";
-import { RightBottomArea } from "./right-bottom-area";
-import { BottomRightArea } from "./bottom-right-area";
-import {} from "../../managers";
-import { CenterArea } from "./center-area";
+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";
 const Skeleton = defineComponent({
   name: "Skeleton",
   props: {

package/dist/esm/locales/index.mjs

@@ -1,5 +1,5 @@
-import { zhCN } from "./zh-CN";
-import { enUS } from "./en-US";
+import { zhCN } from "./zh-CN.mjs";
+import { enUS } from "./en-US.mjs";
 const builtInLocales = {
   "zh-CN": zhCN,
   "en-US": enUS

package/dist/esm/managers/area.mjs

@@ -1,4 +1,4 @@
-import {} from "./widget-container";
+import {} from "./widget-container.mjs";
 function useArea(skeleton, name, handle) {
   const container = skeleton.createContainer(name, handle);
   function add(config) {

package/dist/esm/managers/index.mjs

@@ -1,3 +1,3 @@
-export * from "./skeleton";
-export * from "./area";
-export * from "./widget";
+export * from "./skeleton.mjs";
+export * from "./area.mjs";
+export * from "./widget.mjs";

package/dist/esm/managers/skeleton.mjs

@@ -1,13 +1,13 @@
 import { ref } from "vue";
-import { useArea } from "./area";
-import { isWidget, useWidget } from "./widget";
-import { useWidgetContainer } from "./widget-container";
+import { useArea } from "./area.mjs";
+import { isWidget, useWidget } from "./widget.mjs";
+import { useWidgetContainer } from "./widget-container.mjs";
 import {
   FocusTracker,
   createPluginEventBus,
   getBuiltInLocale
-} from "../utils";
-import { injectThemeCSS } from "./theme";
+} from "../utils/index.mjs";
+import { injectThemeCSS } from "./theme.mjs";
 function useSkeleton() {
   const widgets = [];
   const self = {};

package/dist/esm/managers/widget.mjs

@@ -1,7 +1,7 @@
 import { computed, h, watch } from "vue";
-import { createContent, uniqueId } from "../utils";
-import { WidgetTitleView, WidgetView } from "../components";
-import { usePane } from "./pane";
+import { createContent, uniqueId } from "../utils/index.mjs";
+import { WidgetTitleView, WidgetView } from "../components/index.mjs";
+import { usePane } from "./pane.mjs";
 function useWidget(config, container, skeleton) {
   const { name, props, type } = config;
   const active = computed(() => container?.activeId.value === name);

package/dist/esm/types/index.mjs

@@ -1 +1 @@
-export * from "./config";
+export * from "./config.mjs";

package/dist/esm/utils/index.mjs

@@ -1,8 +1,8 @@
-export * from "./vue";
-export * from "./unique-id";
-export * from "./focus-tracker";
-export * from "./event-bus";
-import { getBuiltInLocale, zhCN, enUS } from "../locales";
+export * from "./vue.mjs";
+export * from "./unique-id.mjs";
+export * from "./focus-tracker.mjs";
+export * from "./event-bus.mjs";
+import { getBuiltInLocale, zhCN, enUS } from "../locales/index.mjs";
 export {
   enUS,
   getBuiltInLocale,

package/dist/umd/index.js

@@ -2694,7 +2694,7 @@
     return locale;
   }
 
-  function _isSlot$2(s) {
+  function _isSlot$1(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
   const viewModeKeys = new Set(['DockPinned', 'DockUnpinned', 'Undock']);
@@ -2759,7 +2759,7 @@
               "title": item.label,
               "icon": item.icon,
               "getContainer": () => panelRef.value
-            }, _isSlot$2(_slot = renderItems(item.children, currentMode)) ? _slot : {
+            }, _isSlot$1(_slot = renderItems(item.children, currentMode)) ? _slot : {
               default: () => [_slot]
             });
           }
@@ -3051,32 +3051,6 @@
     }
   });
 
-  function _isSlot$1(s) {
-    return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-  }
-  vue.defineComponent({
-    name: 'CenterView',
-    props: {
-      widget: Object,
-      anchor: {
-        type: String,
-        required: true
-      }
-    },
-    setup(props) {
-      return () => {
-        let _slot;
-        if (!props.widget) return null;
-        return vue.createVNode(vue.Teleport, {
-          "defer": true,
-          "to": props.anchor
-        }, _isSlot$1(_slot = props.widget.renderContent()) ? _slot : {
-          default: () => [_slot]
-        });
-      };
-    }
-  });
-
   function _isSlot(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }

package/package.json

@@ -1,29 +1,31 @@
 {
   "name": "layplux",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "IDE-like window system and plugin framework for the web",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.mjs",
-  "unpkg": "./dist/umd/index.js",
   "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
     },
-    "./*": {
-      "types": "./dist/types/*.d.ts",
-      "import": "./dist/esm/*.mjs",
-      "require": "./dist/cjs/*.cjs"
-    },
-    "./style": "./dist/style/index.css",
-    "./style/scss": "./dist/style/layplux.scss"
+    "./dist/style/*": "./dist/style/*",
+    "./scss": {
+      "sass": "./dist/style/layplux.scss",
+      "default": "./dist/style/layplux.scss"
+    }
   },
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
   "dependencies": {
     "eventemitter2": "^6.4.9"
   },