layplux 1.0.1 → 2.0.1

package/dist/esm/utils/focus-tracker.mjs

@@ -1,58 +1,77 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/**
+ * 焦点追踪器 — 维护一个焦点栈，管理 Popup/Dropdown 等弹出层的点击外部关闭、ESC 关闭等行为。
+ *
+ * 核心概念：
+ * - actives 是一个栈（active/unshift），栈顶（first）是当前聚焦的 Focusable
+ * - modal Focusable 打开时会阻止非 modal 的上层焦点失焦
+ * - mount() 在 document 上监听 click，点击栈顶 Focusable 范围外时触发 blur
+ */
 class FocusTracker {
-  constructor() {
-    /** 焦点栈，栈顶为当前聚焦项 */
-    __publicField(this, "actives", []);
-    /** modal 弹层注册表，用于检查是否有 modal 正在打开 */
-    __publicField(this, "modals", []);
-  }
+  /** 焦点栈，栈顶为当前聚焦项 */
+  actives = [];
+
+  /** modal 弹层注册表，用于检查是否有 modal 正在打开 */
+  modals = [];
+
   /** 当前焦点栈顶 */
   get first() {
     return this.actives[0];
   }
+
   /** 注册一个 modal 弹层，用于 execSave 等时判断是否跳过 */
   addModal(checkDown, checkOpen) {
-    this.modals.push({ checkDown, checkOpen });
+    this.modals.push({
+      checkDown,
+      checkOpen
+    });
   }
+
   /** 是否有 modal 弹层正在打开 */
   checkModalOpen() {
-    return this.modals.some((item) => item.checkOpen());
+    return this.modals.some(item => item.checkOpen());
   }
+
   /** 触发保存操作，有 modal 时跳过 */
   execSave() {
     if (this.checkModalOpen()) return;
     if (this.first) this.first.internalTriggerSave();
   }
+
   /** 触发 ESC — 挂起栈顶并调用其 onEsc */
   execEsc() {
-    const { first } = this;
+    const {
+      first
+    } = this;
     if (first) {
       this.internalSuspenseItem(first);
       first.internalTriggerEsc();
     }
   }
+
   /**
    * 挂载全局点击监听
    * 点击 document 时，如果点击目标不在 first 的 range 内，则挂起 first 并触发 blur
    * @returns 卸载函数
    */
   mount(win) {
-    const checkDown = (e) => {
-      const { first } = this;
+    const checkDown = e => {
+      const {
+        first
+      } = this;
       if (first && !first.internalCheckInRange(e)) {
         this.internalSuspenseItem(first);
         first.internalTriggerBlur();
       }
     };
-    win.document.addEventListener("click", checkDown, true);
-    return () => win.document.removeEventListener("click", checkDown, true);
+    win.document.addEventListener('click', checkDown, true);
+    return () => win.document.removeEventListener('click', checkDown, true);
   }
+
   /** 创建一个 Focusable 实例并绑定到当前 tracker */
   create(config) {
     return new Focusable(this, config);
   }
+
   /**
    * 激活一个 Focusable — 将其推到栈顶
    * 如果栈顶已有其他 Focusable 且新项不是 modal，则先触发旧栈顶的 blur
@@ -66,6 +85,7 @@ class FocusTracker {
     if (!item.isModal && first) first.internalTriggerBlur();
     item.internalTriggerActive();
   }
+
   /**
    * 挂起一个 Focusable — 将其从栈中移除
    * 移除后如果还有剩余项，激活新的栈顶
@@ -78,40 +98,60 @@ class FocusTracker {
     }
   }
 }
+
+/** Focusable 的创建配置 */
+
+/**
+ * 可聚焦项 — 代表一个弹出层（Popup/Dropdown 等）的焦点状态
+ *
+ * 使用方式：
+ * 1. tracker.create(config) 创建 Focusable
+ * 2. 弹出层打开时调用 focusable.active() 推入栈顶
+ * 3. 弹出层关闭时调用 focusable.suspense() 或 purge() 移出栈
+ * 4. 需要在组件挂载后调用 setRange() 注入真实 DOM
+ */
 class Focusable {
   constructor(tracker, config) {
     this.tracker = tracker;
     this.config = config;
-    __publicField(this, "isModal");
     this.isModal = config.modal ?? false;
   }
+
   /** 激活当前 Focusable，推入焦点栈顶 */
   active() {
     this.tracker.internalActiveItem(this);
   }
+
   /** 挂起当前 Focusable，从焦点栈移除 */
   suspense() {
     this.tracker.internalSuspenseItem(this);
   }
+
   /** 销毁当前 Focusable（同 suspense，语义化别名） */
   purge() {
     this.tracker.internalSuspenseItem(this);
   }
+
   /** 挂载后把真实 DOM 注入，使 range 的 contains 判断生效 */
   setRange(range) {
     this.config.range = range;
   }
+
   /** 检查点击事件是否在 range 范围内 */
   internalCheckInRange(e) {
-    const { range } = this.config;
+    const {
+      range
+    } = this.config;
     if (!range) return false;
-    if (typeof range === "function") return range(e);
+    if (typeof range === 'function') return range(e);
     return range.contains(e.target);
   }
+
   /** 触发失焦回调 */
   internalTriggerBlur() {
     this.config.onBlur?.();
   }
+
   /** 触发保存回调，返回 true 表示已处理 */
   internalTriggerSave() {
     if (this.config.onSave) {
@@ -120,16 +160,16 @@ class Focusable {
     }
     return false;
   }
+
   /** 触发 ESC 回调 */
   internalTriggerEsc() {
     this.config.onEsc?.();
   }
+
   /** 触发激活回调 */
   internalTriggerActive() {
     this.config.onActive?.();
   }
 }
-export {
-  FocusTracker,
-  Focusable
-};
+
+export { FocusTracker, Focusable };

package/dist/esm/utils/index.mjs

@@ -1,10 +1,7 @@
-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,
-  zhCN
-};
+export { createContent } from './vue.mjs';
+export { uniqueId } from './unique-id.mjs';
+export { FocusTracker, Focusable } from './focus-tracker.mjs';
+export { createPluginEventBus, emitSystemEvent, getGlobalEmitter, onSystemEvent } from './event-bus.mjs';
+export { getBuiltInLocale } from '../locales/index.mjs';
+export { enUS } from '../locales/en-US.mjs';
+export { zhCN } from '../locales/zh-CN.mjs';

package/dist/esm/utils/unique-id.mjs

@@ -1,7 +1,6 @@
 let guid = Date.now();
-function uniqueId(prefix = "") {
+function uniqueId(prefix = '') {
   return `${prefix}${(guid++).toString(36).toLowerCase()}`;
 }
-export {
-  uniqueId
-};
+
+export { uniqueId };

package/dist/esm/utils/vue.mjs

@@ -1,17 +1,25 @@
-import { h, isVNode, cloneVNode, Text } from "vue";
+import { isVNode, cloneVNode, h, Text } from 'vue';
+
 function createContent(content, extraProps = {}) {
   if (!content) return null;
+
+  // 1. 是 VNode -> 克隆并合并属性
   if (isVNode(content)) {
     return cloneVNode(content, extraProps);
   }
-  if (typeof content === "string") {
+
+  // 2. 是字符串
+  if (typeof content === 'string') {
+    // 如果需要附加属性，则包裹在 span 中
     if (Object.keys(extraProps).length > 0) {
       return h(content, extraProps, content);
     }
+    // 否则创建纯文本节点，避免多余 DOM
     return h(Text, null, content);
   }
+
+  // 3. 否则视为组件（对象或函数）
   return h(content, extraProps);
 }
-export {
-  createContent
-};
+
+export { createContent };

package/dist/types/managers/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/managers/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACf,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAuB,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAsB,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChG,OAAO,EACL,YAAY,EAEZ,KAAK,cAAc,EAEpB,MAAM,UAAU,CAAC;AAGlB,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;IACjD,UAAU,EAAE,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;IACpD,WAAW,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAC/C,cAAc,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAClD,YAAY,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACnD,eAAe,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9B,YAAY,EAAE,YAAY,CAAC;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC3B,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;IACxC,YAAY,IAAI,OAAO,GAAG,MAAM,CAAC;IACjC,MAAM,IAAI,OAAO,CAAC;IAClB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IACnD,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,IAAI,IAAI,CAAC;IACb,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACrE,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,CAAC,SAAS,UAAU,GAAG,cAAc,EAChF,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAChE,gBAAgB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;CAC/B;AAED,wBAAgB,WAAW,IAAI,SAAS,CAsOvC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/managers/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACf,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAuB,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAsB,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChG,OAAO,EACL,YAAY,EAEZ,KAAK,cAAc,EAEpB,MAAM,UAAU,CAAC;AAGlB,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;IACjD,UAAU,EAAE,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;IACpD,WAAW,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAC/C,cAAc,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAClD,cAAc,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAClD,YAAY,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACnD,eAAe,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9B,YAAY,EAAE,YAAY,CAAC;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC3B,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;IACxC,YAAY,IAAI,OAAO,GAAG,MAAM,CAAC;IACjC,MAAM,IAAI,OAAO,CAAC;IAClB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IACnD,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,IAAI,IAAI,CAAC;IACb,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACrE,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,CAAC,SAAS,UAAU,GAAG,cAAc,EAChF,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAChE,gBAAgB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;CAC/B;AAED,wBAAgB,WAAW,IAAI,SAAS,CAqOvC"}

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);
   }
@@ -3812,8 +3786,6 @@
     const containers = new Map();
     const focusTracker = new FocusTracker();
     const event = createPluginEventBus('skeleton');
-
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     const locale = vue.ref(getBuiltInLocale('zh-CN'));
     function setLocale(name) {
       locale.value = getBuiltInLocale(name);

package/package.json

@@ -1,30 +1,34 @@
 {
   "name": "layplux",
-  "version": "1.0.1",
+  "version": "2.0.1",
   "description": "IDE-like window system and plugin framework for the web",
+  "files": [
+    "dist"
+  ],
   "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
   "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"
-    },
-    "./*": {
-      "types": "./dist/types/*.d.ts",
-      "import": "./dist/esm/*.mjs",
-      "require": "./dist/cjs/*.cjs"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
     },
-    "./style": "./dist/style/index.css",
-    "./style/scss": "./dist/style/layplux.scss",
-    "./scss": "./dist/style/layplux.scss"
+    "./dist/style/*": "./dist/style/*",
+    "./scss": {
+      "sass": "./dist/style/layplux.scss",
+      "default": "./dist/style/layplux.scss"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "eventemitter2": "^6.4.9"
   },