layplux 2.0.0 → 2.0.1

package/dist/cjs/components/tooltip/index.cjs

@@ -1,68 +1,77 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var tooltip_exports = {};
-__export(tooltip_exports, {
-  Tooltip: () => Tooltip
-});
-module.exports = __toCommonJS(tooltip_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-var import_utils = require("../../utils");
-var import_popup = require("../popup");
-const Tooltip = (0, import_vue.defineComponent)({
-  name: "LaypluxTooltip",
+'use strict';
+
+var vue = require('vue');
+var index = require('../popup/index.cjs');
+var vue$1 = require('../../utils/vue.cjs');
+
+/*
+ * @Author: shuwen 1243889238@qq.com
+ * @Date: 2026-06-08 16:12:13
+ * @LastEditors: shuwen 1243889238@qq.com
+ * @LastEditTime: 2026-06-09 16:58:03
+ * @FilePath: /Layplux/packages/layplux/src/components/tooltip/index.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+const Tooltip = vue.defineComponent({
+  name: 'LaypluxTooltip',
   props: {
     title: [String, Object, Function],
-    trigger: { type: String, default: "hover" },
-    placement: { type: String, default: "top" },
-    mouseEnterDelay: { type: Number, default: 100 },
-    mouseLeaveDelay: { type: Number, default: 100 },
+    trigger: {
+      type: String,
+      default: 'hover'
+    },
+    placement: {
+      type: String,
+      default: 'top'
+    },
+    mouseEnterDelay: {
+      type: Number,
+      default: 100
+    },
+    mouseLeaveDelay: {
+      type: Number,
+      default: 100
+    },
     visible: Boolean,
-    disabled: { type: Boolean, default: false },
-    getContainer: { type: Function, default: () => document.body }
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    getContainer: {
+      type: Function,
+      default: () => document.body
+    }
   },
-  emits: ["update:visible"],
-  setup(props, { emit, slots }) {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_popup.Popup,
-      {
-        visible: props.visible,
-        trigger: props.trigger,
-        placement: props.placement,
-        disabled: props.disabled,
-        mouseEnterDelay: props.mouseEnterDelay,
-        mouseLeaveDelay: props.mouseLeaveDelay,
-        destroyOnClose: true,
-        getContainer: props.getContainer,
-        "onUpdate:visible": (v) => emit("update:visible", v),
-        children: {
-          default: () => slots.default?.(),
-          content: () => {
-            const hasContent = slots.content;
-            const titleNode = hasContent ? slots.content?.() : (0, import_utils.createContent)(props.title);
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-tooltip", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-tooltip__arrow" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-tooltip__inner", children: titleNode })
-            ] });
-          }
-        }
+  emits: ['update:visible'],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    return () => vue.createVNode(index.Popup, {
+      "visible": props.visible,
+      "trigger": props.trigger,
+      "placement": props.placement,
+      "disabled": props.disabled,
+      "mouseEnterDelay": props.mouseEnterDelay,
+      "mouseLeaveDelay": props.mouseLeaveDelay,
+      "destroyOnClose": true,
+      "getContainer": props.getContainer,
+      "onUpdate:visible": v => emit('update:visible', v)
+    }, {
+      default: () => slots.default?.(),
+      content: () => {
+        const hasContent = slots.content;
+        const titleNode = hasContent ? slots.content?.() : vue$1.createContent(props.title);
+        return vue.createVNode("div", {
+          "class": "layplux-tooltip"
+        }, [vue.createVNode("div", {
+          "class": "layplux-tooltip__arrow"
+        }, null), vue.createVNode("div", {
+          "class": "layplux-tooltip__inner"
+        }, [titleNode])]);
       }
-    );
+    });
   }
 });
+
+exports.Tooltip = Tooltip;

package/dist/cjs/components/widget/index.cjs

@@ -1,104 +1,84 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var widget_exports = {};
-__export(widget_exports, {
-  WidgetTitleView: () => WidgetTitleView,
-  WidgetView: () => WidgetView
-});
-module.exports = __toCommonJS(widget_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-var import_title = require("../title");
-var import_tooltip = require("../tooltip");
-const WidgetView = (0, import_vue.defineComponent)({
-  name: "WidgetView",
+'use strict';
+
+var vue = require('vue');
+var index$1 = require('../title/index.cjs');
+var index = require('../tooltip/index.cjs');
+
+const WidgetView = vue.defineComponent({
+  name: 'WidgetView',
   inheritAttrs: false,
   props: {
     widget: Object
   },
   setup(props) {
-    const hasError = (0, import_vue.ref)(false);
-    const errorMessage = (0, import_vue.ref)("");
-    (0, import_vue.onErrorCaptured)((err) => {
+    const hasError = vue.ref(false);
+    const errorMessage = vue.ref('');
+    vue.onErrorCaptured(err => {
       hasError.value = true;
       errorMessage.value = err.message;
       console.error(`[Layplux] Widget "${props.widget?.name}" crashed:`, err);
       return false;
     });
     return () => {
-      const { widget } = props;
+      const {
+        widget
+      } = props;
       if (hasError.value) {
         const fallback = widget?.config.props?.errorFallback;
         if (fallback) {
-          return (0, import_vue.h)(fallback, { error: errorMessage.value, widget });
+          return vue.h(fallback, {
+            error: errorMessage.value,
+            widget
+          });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-widget-error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-            '\u7EC4\u4EF6 "',
-            widget?.name,
-            '" \u53D1\u751F\u9519\u8BEF'
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: errorMessage.value })
-        ] });
+        return vue.createVNode("div", {
+          "class": "layplux-widget-error"
+        }, [vue.createVNode("span", null, [vue.createTextVNode("\u7EC4\u4EF6 \""), widget?.name, vue.createTextVNode("\" \u53D1\u751F\u9519\u8BEF")]), vue.createVNode("pre", null, [errorMessage.value])]);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vue.Fragment, { children: widget?.renderBody() });
+      return vue.createVNode(vue.Fragment, null, [widget?.renderBody()]);
     };
   }
 });
-const WidgetTitleView = (0, import_vue.defineComponent)({
-  name: "WidgetTitleView",
+const WidgetTitleView = vue.defineComponent({
+  name: 'WidgetTitleView',
   inheritAttrs: false,
   props: {
     widget: Object
   },
   setup(props) {
-    const tooltipVisible = (0, import_vue.ref)(false);
+    const tooltipVisible = vue.ref(false);
     const handleClick = () => {
       tooltipVisible.value = false;
       props.widget?.container?.toggleActive(props.widget?.name);
     };
     return () => {
-      const { widget } = props;
-      const tooltipTitle = widget?.config.props?.title ?? widget?.name ?? "";
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "widget-title-view", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tooltip.Tooltip,
-        {
-          visible: tooltipVisible.value,
-          "onUpdate:visible": (v) => {
-            tooltipVisible.value = v;
-          },
-          title: tooltipTitle,
-          placement: "right",
-          mouseEnterDelay: 500,
-          getContainer: () => document.querySelector(".layplux-root") || document.body,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_title.TitleView,
-            {
-              onClick: handleClick,
-              focused: widget?.focused.value,
-              state: widget?.active.value ? "active" : "idle",
-              icon: widget?.config.props?.icon,
-              title: widget?.config.props?.title
-            }
-          )
-        }
-      ) });
+      const {
+        widget
+      } = props;
+      const tooltipTitle = widget?.config.props?.title ?? widget?.name ?? '';
+      return vue.createVNode("div", {
+        "class": "widget-title-view"
+      }, [vue.createVNode(index.Tooltip, {
+        "visible": tooltipVisible.value,
+        "onUpdate:visible": v => {
+          tooltipVisible.value = v;
+        },
+        "title": tooltipTitle,
+        "placement": "right",
+        "mouseEnterDelay": 500,
+        "getContainer": () => document.querySelector('.layplux-root') || document.body
+      }, {
+        default: () => [vue.createVNode(index$1.TitleView, {
+          "onClick": handleClick,
+          "focused": widget?.focused.value,
+          "state": widget?.active.value ? 'active' : 'idle',
+          "icon": widget?.config.props?.icon,
+          "title": widget?.config.props?.title
+        }, null)]
+      })]);
     };
   }
 });
+
+exports.WidgetTitleView = WidgetTitleView;
+exports.WidgetView = WidgetView;

package/dist/cjs/index.cjs

@@ -1,40 +1,13 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var index_exports = {};
-__export(index_exports, {
-  FocusTracker: () => import_focus_tracker.FocusTracker,
-  Layplux: () => import_layplux.default,
-  createPluginEventBus: () => import_event_bus.createPluginEventBus,
-  useSkeleton: () => import_skeleton.useSkeleton
-});
-module.exports = __toCommonJS(index_exports);
-var import_layplux = __toESM(require("./layout/layplux"), 1);
-var import_skeleton = require("./managers/skeleton");
-var import_event_bus = require("./utils/event-bus");
-var import_focus_tracker = require("./utils/focus-tracker");
+'use strict';
+
+var layplux = require('./layout/layplux.cjs');
+var skeleton = require('./managers/skeleton.cjs');
+var eventBus = require('./utils/event-bus.cjs');
+var focusTracker = require('./utils/focus-tracker.cjs');
+
+
+
+exports.Layplux = layplux.default;
+exports.useSkeleton = skeleton.useSkeleton;
+exports.createPluginEventBus = eventBus.createPluginEventBus;
+exports.FocusTracker = focusTracker.FocusTracker;

package/dist/cjs/layout/glass-overlay.cjs

@@ -1,31 +1,18 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var glass_overlay_exports = {};
-__export(glass_overlay_exports, {
-  GlassOverlay: () => GlassOverlay
-});
-module.exports = __toCommonJS(glass_overlay_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-const GlassOverlay = (0, import_vue.defineComponent)({
-  name: "GlassOverlay",
+'use strict';
+
+var vue = require('vue');
+
+/**
+ * 玻璃面板（GlassOverlay）是Layplux中的一个重要组件，它位于整个界面的最顶层，覆盖在所有其他内容之上。
+ * 这个组件的主要作用是提供一个透明的层，用于捕获用户的交互事件，例如鼠标点击、拖动等。
+ * 通过玻璃面板，Layplux能够实现一些特殊的交互效果，比如拖放操作、全局事件监听等。
+ * 玻璃面板就像一层透明的保护膜，既能保护底层内容，又能提供丰富的交互功能，使得用户界面更加灵活和响应式。
+ */
+const GlassOverlay = vue.defineComponent({
+  name: 'GlassOverlay',
   setup() {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {});
+    return () => vue.createVNode("div", null, null);
   }
 });
+
+exports.GlassOverlay = GlassOverlay;

package/dist/cjs/layout/layered-manager.cjs

@@ -1,35 +1,26 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var layered_manager_exports = {};
-__export(layered_manager_exports, {
-  LayeredManager: () => LayeredManager
-});
-module.exports = __toCommonJS(layered_manager_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-var import_skeleton = require("./skeleton");
-const LayeredManager = (0, import_vue.defineComponent)({
-  name: "LayeredManager",
+'use strict';
+
+var vue = require('vue');
+var skeleton = require('./skeleton/skeleton.cjs');
+
+/**
+ * Z 轴分层容器，把子组件分配到不同"层号"，层号大的显示在上方。
+ * 预设了五个层：DEFAULT(0)、PALETTE(100)、MODAL(200)、POPUP(300)、DRAG(400)。
+ * 在此基础上拓展了自定义层号，用于管理弹出窗口（completion popup、快速文档）和拖拽反馈，
+ * 从而避免每次弹窗都创建独立的 OS 窗口，大幅降低渲染开销
+ */
+const LayeredManager = vue.defineComponent({
+  name: 'LayeredManager',
   props: {
     skeleton: Object
   },
   setup(props) {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layered-manager", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { skeleton: props.skeleton }) });
+    return () => vue.createVNode("div", {
+      "class": "layered-manager"
+    }, [vue.createVNode(skeleton.Skeleton, {
+      "skeleton": props.skeleton
+    }, null)]);
   }
 });
+
+exports.LayeredManager = LayeredManager;

package/dist/cjs/layout/layplux.cjs

@@ -1,41 +1,28 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var layplux_exports = {};
-__export(layplux_exports, {
-  default: () => layplux_default
-});
-module.exports = __toCommonJS(layplux_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-var import_root_pane = require("./root-pane");
-const Layplux = (0, import_vue.defineComponent)({
-  name: "Layplux",
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var rootPane = require('./root-pane.cjs');
+
+const Layplux = vue.defineComponent({
+  name: 'Layplux',
   props: {
     skeleton: Object
   },
   setup(props) {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_pane.RootPane, { skeleton: props.skeleton, children: "Layplux" });
+    return () => vue.createVNode(rootPane.RootPane, {
+      "skeleton": props.skeleton
+    }, {
+      default: () => [vue.createTextVNode("Layplux")]
+    });
   }
 });
-var layplux_default = Object.assign(Layplux, {
-  install: (app) => {
-    app.component("Layplux", Layplux);
+var layplux = Object.assign(Layplux, {
+  install: app => {
+    app.component('Layplux', Layplux);
     return app;
   }
 });
+
+exports.default = layplux;

package/dist/cjs/layout/root-pane.cjs

@@ -1,46 +1,28 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var root_pane_exports = {};
-__export(root_pane_exports, {
-  RootPane: () => RootPane
-});
-module.exports = __toCommonJS(root_pane_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-var import_layered_manager = require("./layered-manager");
-var import_glass_overlay = require("./glass-overlay");
-var import_components = require("../components");
-const RootPane = (0, import_vue.defineComponent)({
-  name: "RootPane",
+'use strict';
+
+var vue = require('vue');
+var layeredManager = require('./layered-manager.cjs');
+var glassOverlay = require('./glass-overlay.cjs');
+var index = require('../components/corner-glow/index.cjs');
+
+const RootPane = vue.defineComponent({
+  name: 'RootPane',
   props: {
     skeleton: Object
   },
   setup(props) {
-    (0, import_vue.provide)("layplux-locale", props.skeleton?.locale);
-    const rootClass = (0, import_vue.computed)(() => {
+    vue.provide('layplux-locale', props.skeleton?.locale);
+    const rootClass = vue.computed(() => {
       const dark = props.skeleton?.isDark();
-      return ["layplux-root", dark ? "dark" : ""].filter(Boolean);
+      return ['layplux-root', dark ? 'dark' : ''].filter(Boolean);
     });
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: rootClass.value, "data-theme": props.skeleton?.themeName?.value, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CornerGlow, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layered_manager.LayeredManager, { skeleton: props.skeleton }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_glass_overlay.GlassOverlay, {})
-    ] });
+    return () => vue.createVNode("div", {
+      "class": rootClass.value,
+      "data-theme": props.skeleton?.themeName?.value
+    }, [vue.createVNode(index.CornerGlow, null, null), vue.createVNode(layeredManager.LayeredManager, {
+      "skeleton": props.skeleton
+    }, null), vue.createVNode(glassOverlay.GlassOverlay, null, null)]);
   }
 });
+
+exports.RootPane = RootPane;