layplux 1.0.1 → 2.0.1

package/dist/cjs/utils/unique-id.cjs

@@ -1,27 +1,8 @@
-"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 unique_id_exports = {};
-__export(unique_id_exports, {
-  uniqueId: () => uniqueId
-});
-module.exports = __toCommonJS(unique_id_exports);
+'use strict';
+
 let guid = Date.now();
-function uniqueId(prefix = "") {
+function uniqueId(prefix = '') {
   return `${prefix}${(guid++).toString(36).toLowerCase()}`;
 }
+
+exports.uniqueId = uniqueId;

package/dist/cjs/utils/vue.cjs

@@ -1,37 +1,27 @@
-"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 vue_exports = {};
-__export(vue_exports, {
-  createContent: () => createContent
-});
-module.exports = __toCommonJS(vue_exports);
-var import_vue = require("vue");
+'use strict';
+
+var vue = require('vue');
+
 function createContent(content, extraProps = {}) {
   if (!content) return null;
-  if ((0, import_vue.isVNode)(content)) {
-    return (0, import_vue.cloneVNode)(content, extraProps);
+
+  // 1. 是 VNode -> 克隆并合并属性
+  if (vue.isVNode(content)) {
+    return vue.cloneVNode(content, extraProps);
   }
-  if (typeof content === "string") {
+
+  // 2. 是字符串
+  if (typeof content === 'string') {
+    // 如果需要附加属性，则包裹在 span 中
     if (Object.keys(extraProps).length > 0) {
-      return (0, import_vue.h)(content, extraProps, content);
+      return vue.h(content, extraProps, content);
     }
-    return (0, import_vue.h)(import_vue.Text, null, content);
+    // 否则创建纯文本节点，避免多余 DOM
+    return vue.h(vue.Text, null, content);
   }
-  return (0, import_vue.h)(content, extraProps);
+
+  // 3. 否则视为组件（对象或函数）
+  return vue.h(content, extraProps);
 }
+
+exports.createContent = createContent;

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

@@ -1,7 +1,10 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent, Teleport } from "vue";
+import { defineComponent, createVNode, Teleport, isVNode } from 'vue';
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 const CenterView = defineComponent({
-  name: "CenterView",
+  name: 'CenterView',
   props: {
     widget: Object,
     anchor: {
@@ -11,11 +14,16 @@ const CenterView = defineComponent({
   },
   setup(props) {
     return () => {
+      let _slot;
       if (!props.widget) return null;
-      return /* @__PURE__ */ jsx(Teleport, { defer: true, to: props.anchor, children: props.widget.renderContent() });
+      return createVNode(Teleport, {
+        "defer": true,
+        "to": props.anchor
+      }, _isSlot(_slot = props.widget.renderContent()) ? _slot : {
+        default: () => [_slot]
+      });
     };
   }
 });
-export {
-  CenterView
-};
+
+export { CenterView };

package/dist/esm/components/corner-glow/index.mjs

@@ -1,11 +1,12 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const CornerGlow = defineComponent({
-  name: "CornerGlow",
+  name: 'CornerGlow',
   setup() {
-    return () => /* @__PURE__ */ jsx("div", { class: "corner-glow" });
+    return () => createVNode("div", {
+      "class": "corner-glow"
+    }, null);
   }
 });
-export {
-  CornerGlow
-};
+
+export { CornerGlow };

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

@@ -1,63 +1,89 @@
-import { jsx, jsxs } from "vue/jsx-runtime";
-import {
-  defineComponent,
-  provide,
-  inject
-} from "vue";
-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");
+import { defineComponent, provide, createVNode, inject } from 'vue';
+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({
-  name: "LaypluxDropdown",
+  name: 'LaypluxDropdown',
   props: {
     visible: Boolean,
-    trigger: { type: String, default: "click" },
-    placement: { type: String, default: "bottom-start" },
-    disabled: { type: Boolean, default: false },
-    destroyOnClose: { type: Boolean, default: true },
+    trigger: {
+      type: String,
+      default: 'click'
+    },
+    placement: {
+      type: String,
+      default: 'bottom-start'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    destroyOnClose: {
+      type: Boolean,
+      default: true
+    },
     onClick: Function,
-    getContainer: { type: Function }
+    getContainer: {
+      type: Function
+    }
   },
-  emits: ["update:visible"],
-  setup(props, { emit, slots }) {
+  emits: ['update:visible'],
+  setup(props, {
+    emit,
+    slots
+  }) {
     const closeDropdown = () => {
-      emit("update:visible", false);
+      emit('update:visible', false);
     };
     provide(DROPDOWN_CLOSE, closeDropdown);
     provide(DROPDOWN_ON_CLICK, props.onClick);
-    return () => /* @__PURE__ */ jsx(
-      Popup,
-      {
-        visible: props.visible,
-        trigger: props.trigger,
-        placement: props.placement,
-        disabled: props.disabled,
-        destroyOnClose: props.destroyOnClose,
-        getContainer: props.getContainer,
-        "onUpdate:visible": (v) => emit("update:visible", v),
-        children: {
-          default: () => slots.default?.(),
-          content: () => /* @__PURE__ */ jsx("div", { class: "layplux-dropdown", children: slots.overlay?.() })
-        }
-      }
-    );
+    return () => createVNode(Popup, {
+      "visible": props.visible,
+      "trigger": props.trigger,
+      "placement": props.placement,
+      "disabled": props.disabled,
+      "destroyOnClose": props.destroyOnClose,
+      "getContainer": props.getContainer,
+      "onUpdate:visible": v => emit('update:visible', v)
+    }, {
+      default: () => slots.default?.(),
+      content: () => createVNode("div", {
+        "class": "layplux-dropdown"
+      }, [slots.overlay?.()])
+    });
   }
 });
 const DropdownMenu = defineComponent({
-  name: "LaypluxDropdownMenu",
-  setup(_props, { slots }) {
-    return () => /* @__PURE__ */ jsx("div", { class: "layplux-dropdown-menu", children: slots.default?.() });
+  name: 'LaypluxDropdownMenu',
+  setup(_props, {
+    slots
+  }) {
+    return () => createVNode("div", {
+      "class": "layplux-dropdown-menu"
+    }, [slots.default?.()]);
   }
 });
 const DropdownItem = defineComponent({
-  name: "LaypluxDropdownItem",
+  name: 'LaypluxDropdownItem',
   props: {
-    eventKey: { type: String, required: true },
-    disabled: { type: Boolean, default: false },
-    danger: { type: Boolean, default: false }
+    eventKey: {
+      type: String,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    danger: {
+      type: Boolean,
+      default: false
+    }
   },
-  setup(props, { slots }) {
+  setup(props, {
+    slots
+  }) {
     const closeDropdown = inject(DROPDOWN_CLOSE);
     const onItemClick = inject(DROPDOWN_ON_CLICK);
     const handleClick = () => {
@@ -65,82 +91,72 @@ const DropdownItem = defineComponent({
       onItemClick?.(props.eventKey);
       closeDropdown?.();
     };
-    return () => /* @__PURE__ */ jsx(
-      "div",
-      {
-        class: [
-          "layplux-dropdown-menu__item",
-          props.disabled && "layplux-dropdown-menu__item--disabled",
-          props.danger && "layplux-dropdown-menu__item--danger"
-        ],
-        onClick: handleClick,
-        children: slots.default?.()
-      }
-    );
+    return () => createVNode("div", {
+      "class": ['layplux-dropdown-menu__item', props.disabled && 'layplux-dropdown-menu__item--disabled', props.danger && 'layplux-dropdown-menu__item--danger'],
+      "onClick": handleClick
+    }, [slots.default?.()]);
   }
 });
 const DropdownDivider = defineComponent({
-  name: "LaypluxDropdownDivider",
+  name: 'LaypluxDropdownDivider',
   setup() {
-    return () => /* @__PURE__ */ jsx("div", { class: "layplux-dropdown-menu__divider" });
+    return () => createVNode("div", {
+      "class": "layplux-dropdown-menu__divider"
+    }, null);
   }
 });
 const DropdownSubmenu = defineComponent({
-  name: "LaypluxDropdownSubmenu",
+  name: 'LaypluxDropdownSubmenu',
   props: {
-    title: { type: String },
+    title: {
+      type: String
+    },
     icon: Object,
-    disabled: { type: Boolean, default: false },
-    getContainer: { type: Function }
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    getContainer: {
+      type: Function
+    }
   },
-  setup(props, { slots }) {
+  setup(props, {
+    slots
+  }) {
     const closeParent = inject(DROPDOWN_CLOSE);
     const onParentClick = inject(DROPDOWN_ON_CLICK);
     if (closeParent) {
       provide(DROPDOWN_CLOSE, closeParent);
     }
-    const handleClick = (key) => {
+    const handleClick = key => {
       onParentClick?.(key);
       closeParent?.();
     };
     provide(DROPDOWN_ON_CLICK, handleClick);
-    return () => /* @__PURE__ */ jsx(
-      Popup,
-      {
-        trigger: "hover",
-        placement: "right-start",
-        offset: { x: 4, y: 0 },
-        mouseEnterDelay: 150,
-        mouseLeaveDelay: 100,
-        destroyOnClose: true,
-        disabled: props.disabled,
-        getContainer: props.getContainer,
-        children: {
-          default: () => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              class: [
-                "layplux-dropdown-menu__item",
-                "layplux-dropdown-menu__item--submenu",
-                props.disabled && "layplux-dropdown-menu__item--disabled"
-              ],
-              children: [
-                props.icon,
-                /* @__PURE__ */ jsx("span", { children: props.title }),
-                /* @__PURE__ */ jsx(ChevronRightIcon, { size: 12, class: "layplux-dropdown-menu__submenu-arrow" })
-              ]
-            }
-          ),
-          content: () => /* @__PURE__ */ jsx("div", { class: "layplux-dropdown", children: slots.default?.() })
-        }
-      }
-    );
+    return () => createVNode(Popup, {
+      "trigger": "hover",
+      "placement": "right-start",
+      "offset": {
+        x: 4,
+        y: 0
+      },
+      "mouseEnterDelay": 150,
+      "mouseLeaveDelay": 100,
+      "destroyOnClose": true,
+      "disabled": props.disabled,
+      "getContainer": props.getContainer
+    }, {
+      default: () => createVNode("div", {
+        "class": ['layplux-dropdown-menu__item', 'layplux-dropdown-menu__item--submenu', props.disabled && 'layplux-dropdown-menu__item--disabled']
+      }, [props.icon, createVNode("span", null, [props.title]), createVNode(ChevronRightIcon, {
+        "size": 12,
+        "class": "layplux-dropdown-menu__submenu-arrow"
+      }, null)]),
+      content: () => createVNode("div", {
+        "class": "layplux-dropdown"
+      }, [slots.default?.()])
+    });
   }
 });
-export {
-  Dropdown,
-  DropdownDivider,
-  DropdownItem,
-  DropdownMenu,
-  DropdownSubmenu
-};
+
+export { Dropdown, DropdownDivider, DropdownItem, DropdownMenu, DropdownSubmenu };

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

@@ -1,39 +1,33 @@
-import { jsx } from "vue/jsx-runtime";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode } from 'vue';
+
 const iconProps = {
-  size: { type: [Number, String], default: 16 }
+  size: {
+    type: [Number, String],
+    default: 16
+  }
 };
-function createIcon(d, viewBox = "0 0 16 16") {
+function createIcon(d, viewBox = '0 0 16 16') {
   return defineComponent({
-    name: "LaypluxIcon",
+    name: 'LaypluxIcon',
     props: iconProps,
     setup(props) {
-      return () => /* @__PURE__ */ jsx(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox,
-          width: props.size,
-          height: props.size,
-          fill: "currentColor",
-          style: { flexShrink: 0 },
-          children: /* @__PURE__ */ jsx("path", { d })
+      return () => createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": viewBox,
+        "width": props.size,
+        "height": props.size,
+        "fill": "currentColor",
+        "style": {
+          flexShrink: 0
         }
-      );
+      }, [createVNode("path", {
+        "d": d
+      }, null)]);
     }
   });
 }
-const MoreIcon = createIcon(
-  "M16 12a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2",
-  "0 0 24 24"
-);
-const MinimizeIcon = createIcon("M19 13H5v-2h14z", "0 0 24 24");
-const ChevronRightIcon = createIcon(
-  "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z",
-  "0 0 24 24"
-);
-export {
-  ChevronRightIcon,
-  MinimizeIcon,
-  MoreIcon
-};
+const MoreIcon = createIcon('M16 12a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2', '0 0 24 24');
+const MinimizeIcon = createIcon('M19 13H5v-2h14z', '0 0 24 24');
+const ChevronRightIcon = createIcon('M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z', '0 0 24 24');
+
+export { ChevronRightIcon, MinimizeIcon, MoreIcon };

package/dist/esm/components/index.mjs

@@ -1,8 +1,7 @@
-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";
+export { CornerGlow } from './corner-glow/index.mjs';
+export { PanelView } from './panel-view/index.mjs';
+export { WidgetTitleView, WidgetView } from './widget/index.mjs';
+export { TitleView } from './title/index.mjs';
+export { Dropdown, DropdownDivider, DropdownItem, DropdownMenu, DropdownSubmenu } from './dropdown/index.mjs';
+export { Tooltip } from './tooltip/index.mjs';
+export { CenterView } from './center-view/index.mjs';