layplux 2.0.0 → 2.0.1

package/dist/cjs/components/center-view/index.cjs

@@ -1,30 +1,12 @@
-"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 center_view_exports = {};
-__export(center_view_exports, {
-  CenterView: () => CenterView
-});
-module.exports = __toCommonJS(center_view_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-const CenterView = (0, import_vue.defineComponent)({
-  name: "CenterView",
+'use strict';
+
+var vue = require('vue');
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+const CenterView = vue.defineComponent({
+  name: 'CenterView',
   props: {
     widget: Object,
     anchor: {
@@ -34,8 +16,16 @@ const CenterView = (0, import_vue.defineComponent)({
   },
   setup(props) {
     return () => {
+      let _slot;
       if (!props.widget) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vue.Teleport, { defer: true, to: props.anchor, children: props.widget.renderContent() });
+      return vue.createVNode(vue.Teleport, {
+        "defer": true,
+        "to": props.anchor
+      }, _isSlot(_slot = props.widget.renderContent()) ? _slot : {
+        default: () => [_slot]
+      });
     };
   }
 });
+
+exports.CenterView = CenterView;

package/dist/cjs/components/corner-glow/index.cjs

@@ -1,31 +1,14 @@
-"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 corner_glow_exports = {};
-__export(corner_glow_exports, {
-  CornerGlow: () => CornerGlow
-});
-module.exports = __toCommonJS(corner_glow_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-const CornerGlow = (0, import_vue.defineComponent)({
-  name: "CornerGlow",
+'use strict';
+
+var vue = require('vue');
+
+const CornerGlow = vue.defineComponent({
+  name: 'CornerGlow',
   setup() {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "corner-glow" });
+    return () => vue.createVNode("div", {
+      "class": "corner-glow"
+    }, null);
   }
 });
+
+exports.CornerGlow = CornerGlow;

package/dist/cjs/components/dropdown/index.cjs

@@ -1,162 +1,168 @@
-"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 dropdown_exports = {};
-__export(dropdown_exports, {
-  Dropdown: () => Dropdown,
-  DropdownDivider: () => DropdownDivider,
-  DropdownItem: () => DropdownItem,
-  DropdownMenu: () => DropdownMenu,
-  DropdownSubmenu: () => DropdownSubmenu
-});
-module.exports = __toCommonJS(dropdown_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
-var import_popup = require("../popup");
-var import_icon = require("../icon");
-const DROPDOWN_CLOSE = Symbol("dropdown-close");
-const DROPDOWN_ON_CLICK = Symbol("dropdown-on-click");
-const Dropdown = (0, import_vue.defineComponent)({
-  name: "LaypluxDropdown",
+'use strict';
+
+var vue = require('vue');
+var index = require('../popup/index.cjs');
+var index$1 = require('../icon/index.cjs');
+
+const DROPDOWN_CLOSE = Symbol('dropdown-close');
+const DROPDOWN_ON_CLICK = Symbol('dropdown-on-click');
+const Dropdown = vue.defineComponent({
+  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);
     };
-    (0, import_vue.provide)(DROPDOWN_CLOSE, closeDropdown);
-    (0, import_vue.provide)(DROPDOWN_ON_CLICK, props.onClick);
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_popup.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__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-dropdown", children: slots.overlay?.() })
-        }
-      }
-    );
+    vue.provide(DROPDOWN_CLOSE, closeDropdown);
+    vue.provide(DROPDOWN_ON_CLICK, props.onClick);
+    return () => vue.createVNode(index.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: () => vue.createVNode("div", {
+        "class": "layplux-dropdown"
+      }, [slots.overlay?.()])
+    });
   }
 });
-const DropdownMenu = (0, import_vue.defineComponent)({
-  name: "LaypluxDropdownMenu",
-  setup(_props, { slots }) {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-dropdown-menu", children: slots.default?.() });
+const DropdownMenu = vue.defineComponent({
+  name: 'LaypluxDropdownMenu',
+  setup(_props, {
+    slots
+  }) {
+    return () => vue.createVNode("div", {
+      "class": "layplux-dropdown-menu"
+    }, [slots.default?.()]);
   }
 });
-const DropdownItem = (0, import_vue.defineComponent)({
-  name: "LaypluxDropdownItem",
+const DropdownItem = vue.defineComponent({
+  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 }) {
-    const closeDropdown = (0, import_vue.inject)(DROPDOWN_CLOSE);
-    const onItemClick = (0, import_vue.inject)(DROPDOWN_ON_CLICK);
+  setup(props, {
+    slots
+  }) {
+    const closeDropdown = vue.inject(DROPDOWN_CLOSE);
+    const onItemClick = vue.inject(DROPDOWN_ON_CLICK);
     const handleClick = () => {
       if (props.disabled) return;
       onItemClick?.(props.eventKey);
       closeDropdown?.();
     };
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.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 () => vue.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 = (0, import_vue.defineComponent)({
-  name: "LaypluxDropdownDivider",
+const DropdownDivider = vue.defineComponent({
+  name: 'LaypluxDropdownDivider',
   setup() {
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-dropdown-menu__divider" });
+    return () => vue.createVNode("div", {
+      "class": "layplux-dropdown-menu__divider"
+    }, null);
   }
 });
-const DropdownSubmenu = (0, import_vue.defineComponent)({
-  name: "LaypluxDropdownSubmenu",
+const DropdownSubmenu = vue.defineComponent({
+  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 }) {
-    const closeParent = (0, import_vue.inject)(DROPDOWN_CLOSE);
-    const onParentClick = (0, import_vue.inject)(DROPDOWN_ON_CLICK);
+  setup(props, {
+    slots
+  }) {
+    const closeParent = vue.inject(DROPDOWN_CLOSE);
+    const onParentClick = vue.inject(DROPDOWN_ON_CLICK);
     if (closeParent) {
-      (0, import_vue.provide)(DROPDOWN_CLOSE, closeParent);
+      vue.provide(DROPDOWN_CLOSE, closeParent);
     }
-    const handleClick = (key) => {
+    const handleClick = key => {
       onParentClick?.(key);
       closeParent?.();
     };
-    (0, import_vue.provide)(DROPDOWN_ON_CLICK, handleClick);
-    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_popup.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__ */ (0, import_jsx_runtime.jsxs)(
-            "div",
-            {
-              class: [
-                "layplux-dropdown-menu__item",
-                "layplux-dropdown-menu__item--submenu",
-                props.disabled && "layplux-dropdown-menu__item--disabled"
-              ],
-              children: [
-                props.icon,
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronRightIcon, { size: 12, class: "layplux-dropdown-menu__submenu-arrow" })
-              ]
-            }
-          ),
-          content: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-dropdown", children: slots.default?.() })
-        }
-      }
-    );
+    vue.provide(DROPDOWN_ON_CLICK, handleClick);
+    return () => vue.createVNode(index.Popup, {
+      "trigger": "hover",
+      "placement": "right-start",
+      "offset": {
+        x: 4,
+        y: 0
+      },
+      "mouseEnterDelay": 150,
+      "mouseLeaveDelay": 100,
+      "destroyOnClose": true,
+      "disabled": props.disabled,
+      "getContainer": props.getContainer
+    }, {
+      default: () => vue.createVNode("div", {
+        "class": ['layplux-dropdown-menu__item', 'layplux-dropdown-menu__item--submenu', props.disabled && 'layplux-dropdown-menu__item--disabled']
+      }, [props.icon, vue.createVNode("span", null, [props.title]), vue.createVNode(index$1.ChevronRightIcon, {
+        "size": 12,
+        "class": "layplux-dropdown-menu__submenu-arrow"
+      }, null)]),
+      content: () => vue.createVNode("div", {
+        "class": "layplux-dropdown"
+      }, [slots.default?.()])
+    });
   }
 });
+
+exports.Dropdown = Dropdown;
+exports.DropdownDivider = DropdownDivider;
+exports.DropdownItem = DropdownItem;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownSubmenu = DropdownSubmenu;

package/dist/cjs/components/icon/index.cjs

@@ -1,59 +1,37 @@
-"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 icon_exports = {};
-__export(icon_exports, {
-  ChevronRightIcon: () => ChevronRightIcon,
-  MinimizeIcon: () => MinimizeIcon,
-  MoreIcon: () => MoreIcon
-});
-module.exports = __toCommonJS(icon_exports);
-var import_jsx_runtime = require("vue/jsx-runtime");
-var import_vue = require("vue");
+'use strict';
+
+var vue = require('vue');
+
 const iconProps = {
-  size: { type: [Number, String], default: 16 }
+  size: {
+    type: [Number, String],
+    default: 16
+  }
 };
-function createIcon(d, viewBox = "0 0 16 16") {
-  return (0, import_vue.defineComponent)({
-    name: "LaypluxIcon",
+function createIcon(d, viewBox = '0 0 16 16') {
+  return vue.defineComponent({
+    name: 'LaypluxIcon',
     props: iconProps,
     setup(props) {
-      return () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox,
-          width: props.size,
-          height: props.size,
-          fill: "currentColor",
-          style: { flexShrink: 0 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d })
+      return () => vue.createVNode("svg", {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": viewBox,
+        "width": props.size,
+        "height": props.size,
+        "fill": "currentColor",
+        "style": {
+          flexShrink: 0
         }
-      );
+      }, [vue.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"
-);
+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');
+
+exports.ChevronRightIcon = ChevronRightIcon;
+exports.MinimizeIcon = MinimizeIcon;
+exports.MoreIcon = MoreIcon;

package/dist/cjs/components/index.cjs

@@ -1,25 +1,24 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-module.exports = __toCommonJS(components_exports);
-__reExport(components_exports, require("./corner-glow"), module.exports);
-__reExport(components_exports, require("./panel-view"), module.exports);
-__reExport(components_exports, require("./widget"), module.exports);
-__reExport(components_exports, require("./title"), module.exports);
-__reExport(components_exports, require("./panel-view"), module.exports);
-__reExport(components_exports, require("./dropdown"), module.exports);
-__reExport(components_exports, require("./tooltip"), module.exports);
-__reExport(components_exports, require("./center-view"), module.exports);
+'use strict';
+
+var index$1 = require('./corner-glow/index.cjs');
+var index$3 = require('./panel-view/index.cjs');
+var index$6 = require('./widget/index.cjs');
+var index$4 = require('./title/index.cjs');
+var index$2 = require('./dropdown/index.cjs');
+var index$5 = require('./tooltip/index.cjs');
+var index = require('./center-view/index.cjs');
+
+
+
+exports.CornerGlow = index$1.CornerGlow;
+exports.PanelView = index$3.PanelView;
+exports.WidgetTitleView = index$6.WidgetTitleView;
+exports.WidgetView = index$6.WidgetView;
+exports.TitleView = index$4.TitleView;
+exports.Dropdown = index$2.Dropdown;
+exports.DropdownDivider = index$2.DropdownDivider;
+exports.DropdownItem = index$2.DropdownItem;
+exports.DropdownMenu = index$2.DropdownMenu;
+exports.DropdownSubmenu = index$2.DropdownSubmenu;
+exports.Tooltip = index$5.Tooltip;
+exports.CenterView = index.CenterView;