layplux 0.0.1

package/dist/cjs/layout/skeleton/left-bottom-area.cjs

@@ -0,0 +1,42 @@
+"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 left_bottom_area_exports = {};
+__export(left_bottom_area_exports, {
+  LeftBottomArea: () => LeftBottomArea
+});
+module.exports = __toCommonJS(left_bottom_area_exports);
+var import_jsx_runtime = require("vue/jsx-runtime");
+var import_vue = require("vue");
+const LeftBottomArea = (0, import_vue.defineComponent)({
+  name: "LeftBottomArea",
+  props: {
+    area: Object
+  },
+  setup(props) {
+    return () => {
+      const items = props.area?.container.items.value;
+      if (!items || items.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-left-bottom-area", children: items.slice().toSorted((a, b) => {
+        const i1 = a.config?.index ?? 0;
+        const i2 = b.config?.index ?? 0;
+        return i1 === i2 ? 0 : i1 > i2 ? 1 : -1;
+      }).map((widget) => widget.renderTitle()) });
+    };
+  }
+});

package/dist/cjs/layout/skeleton/left-top-area.cjs

@@ -0,0 +1,42 @@
+"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 left_top_area_exports = {};
+__export(left_top_area_exports, {
+  LeftTopArea: () => LeftTopArea
+});
+module.exports = __toCommonJS(left_top_area_exports);
+var import_jsx_runtime = require("vue/jsx-runtime");
+var import_vue = require("vue");
+const LeftTopArea = (0, import_vue.defineComponent)({
+  name: "LeftTopArea",
+  props: {
+    area: Object
+  },
+  setup(props) {
+    return () => {
+      const items = props.area?.container.items.value;
+      if (!items || items.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-left-top-area", children: items.slice().toSorted((a, b) => {
+        const i1 = a.config?.index ?? 0;
+        const i2 = b.config?.index ?? 0;
+        return i1 === i2 ? 0 : i1 > i2 ? 1 : -1;
+      }).map((widget) => widget.renderTitle()) });
+    };
+  }
+});

package/dist/cjs/layout/skeleton/right-bottom-area.cjs

@@ -0,0 +1,38 @@
+"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 right_bottom_area_exports = {};
+__export(right_bottom_area_exports, {
+  RightBottomArea: () => RightBottomArea
+});
+module.exports = __toCommonJS(right_bottom_area_exports);
+var import_jsx_runtime = require("vue/jsx-runtime");
+var import_vue = require("vue");
+const RightBottomArea = (0, import_vue.defineComponent)({
+  name: "RightBottomArea",
+  props: {
+    area: Object
+  },
+  setup(props) {
+    return () => {
+      const items = props.area?.container.items.value;
+      if (!items || items.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-right-bottom-area", children: items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map((widget) => widget.renderTitle()) });
+    };
+  }
+});

package/dist/cjs/layout/skeleton/right-top-area.cjs

@@ -0,0 +1,38 @@
+"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 right_top_area_exports = {};
+__export(right_top_area_exports, {
+  RightTopArea: () => RightTopArea
+});
+module.exports = __toCommonJS(right_top_area_exports);
+var import_jsx_runtime = require("vue/jsx-runtime");
+var import_vue = require("vue");
+const RightTopArea = (0, import_vue.defineComponent)({
+  name: "RightTopArea",
+  props: {
+    area: Object
+  },
+  setup(props) {
+    return () => {
+      const items = props.area?.container.items.value;
+      if (!items || items.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-right-top-area", children: items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map((widget) => widget.renderTitle()) });
+    };
+  }
+});

package/dist/cjs/layout/skeleton/skeleton.cjs

@@ -0,0 +1,66 @@
+"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 skeleton_exports = {};
+__export(skeleton_exports, {
+  Skeleton: () => Skeleton
+});
+module.exports = __toCommonJS(skeleton_exports);
+var import_jsx_runtime = require("vue/jsx-runtime");
+var import_vue = require("vue");
+var import_top_area = require("./top-area");
+var import_bottom_area = require("./bottom-area");
+var import_left_top_area = require("./left-top-area");
+var import_left_bottom_area = require("./left-bottom-area");
+var import_bottom_left_area = require("./bottom-left-area");
+var import_right_top_area = require("./right-top-area");
+var import_right_bottom_area = require("./right-bottom-area");
+var import_bottom_right_area = require("./bottom-right-area");
+var import_managers = require("../../managers");
+var import_center_area = require("./center-area");
+const Skeleton = (0, import_vue.defineComponent)({
+  name: "Skeleton",
+  props: {
+    skeleton: Object
+  },
+  setup(props) {
+    return () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_top_area.TopArea, { area: props.skeleton?.topArea }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe-top", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_left_top_area.LeftTopArea, { area: props.skeleton?.leftTopArea }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-skeleton__stripe-separator" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_left_bottom_area.LeftBottomArea, { area: props.skeleton?.leftBottomArea })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bottom_left_area.BottomLeftArea, { area: props.skeleton?.bottomLeftArea })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-skeleton__center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_center_area.CenterArea, { skeleton: props.skeleton, centerArea: props.skeleton?.centerArea }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe-top", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_right_top_area.RightTopArea, { area: props.skeleton?.rightTopArea }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-skeleton__stripe-separator" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_right_bottom_area.RightBottomArea, { area: props.skeleton?.rightBottomArea })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bottom_right_area.BottomRightArea, { area: props.skeleton?.bottomRightArea })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bottom_area.BottomArea, { area: props.skeleton?.bottomArea })
+    ] });
+  }
+});

package/dist/cjs/layout/skeleton/top-area.cjs

@@ -0,0 +1,64 @@
+"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 top_area_exports = {};
+__export(top_area_exports, {
+  TopArea: () => TopArea
+});
+module.exports = __toCommonJS(top_area_exports);
+var import_jsx_runtime = require("vue/jsx-runtime");
+var import_vue = require("vue");
+const TopArea = (0, import_vue.defineComponent)({
+  name: "TopArea",
+  props: {
+    area: Object
+  },
+  setup(props) {
+    return () => {
+      const { area } = props;
+      const left = [];
+      const center = [];
+      const right = [];
+      area?.container.items.value.slice().toSorted((a, b) => {
+        const index1 = a.config?.index || 0;
+        const index2 = b.config?.index || 0;
+        return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
+      }).forEach((item) => {
+        const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: item.renderContent() }, `top-area-${item.name}`);
+        if (item.align === "left") {
+          left.push(content);
+        } else if (item.align === "center") {
+          center.push(content);
+        } else {
+          right.push(content);
+        }
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area__toolbar-left", children: [
+          ...left
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area__toolbar-center", children: [
+          ...center
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area__toolbar-right", children: [
+          ...right
+        ] })
+      ] });
+    };
+  }
+});

package/dist/cjs/locales/en-US.cjs

@@ -0,0 +1,34 @@
+"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 en_US_exports = {};
+__export(en_US_exports, {
+  enUS: () => enUS
+});
+module.exports = __toCommonJS(en_US_exports);
+const enUS = {
+  panel: {
+    viewMode: "View Mode",
+    dockPinned: "Dock Pinned",
+    dockUnpinned: "Dock Unpinned",
+    undock: "Undock",
+    help: "Help",
+    more: "More",
+    minimize: "Minimize"
+  }
+};

package/dist/cjs/locales/index.cjs

@@ -0,0 +1,39 @@
+"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 locales_exports = {};
+__export(locales_exports, {
+  enUS: () => import_en_US.enUS,
+  getBuiltInLocale: () => getBuiltInLocale,
+  zhCN: () => import_zh_CN.zhCN
+});
+module.exports = __toCommonJS(locales_exports);
+var import_zh_CN = require("./zh-CN");
+var import_en_US = require("./en-US");
+const builtInLocales = {
+  "zh-CN": import_zh_CN.zhCN,
+  "en-US": import_en_US.enUS
+};
+function getBuiltInLocale(name) {
+  const locale = builtInLocales[name];
+  if (!locale) {
+    console.warn(`[Layplux] Unknown locale "${name}", falling back to zh-CN`);
+    return import_zh_CN.zhCN;
+  }
+  return locale;
+}

package/dist/cjs/locales/zh-CN.cjs

@@ -0,0 +1,34 @@
+"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 zh_CN_exports = {};
+__export(zh_CN_exports, {
+  zhCN: () => zhCN
+});
+module.exports = __toCommonJS(zh_CN_exports);
+const zhCN = {
+  panel: {
+    viewMode: "\u89C6\u56FE\u6A21\u5F0F",
+    dockPinned: "\u505C\u9760\u56FA\u5B9A",
+    dockUnpinned: "\u505C\u9760\u4E0D\u56FA\u5B9A",
+    undock: "\u53D6\u6D88\u505C\u9760",
+    help: "\u5E2E\u52A9",
+    more: "\u66F4\u591A",
+    minimize: "\u6700\u5C0F\u5316"
+  }
+};

package/dist/cjs/managers/area.cjs

@@ -0,0 +1,32 @@
+"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 area_exports = {};
+__export(area_exports, {
+  useArea: () => useArea
+});
+module.exports = __toCommonJS(area_exports);
+var import_widget_container = require("./widget-container");
+function useArea(skeleton, name, handle) {
+  const container = skeleton.createContainer(name, handle);
+  function add(config) {
+    const item = container.add(config);
+    return item;
+  }
+  return { add, container };
+}

package/dist/cjs/managers/index.cjs

@@ -0,0 +1,20 @@
+"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 managers_exports = {};
+module.exports = __toCommonJS(managers_exports);
+__reExport(managers_exports, require("./skeleton"), module.exports);
+__reExport(managers_exports, require("./area"), module.exports);
+__reExport(managers_exports, require("./widget"), module.exports);

package/dist/cjs/managers/pane.cjs

@@ -0,0 +1,34 @@
+"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 pane_exports = {};
+__export(pane_exports, {
+  usePane: () => usePane
+});
+module.exports = __toCommonJS(pane_exports);
+var import_vue = require("vue");
+function usePane(defaultViewMode = "DockPinned") {
+  const viewMode = (0, import_vue.ref)(defaultViewMode);
+  function setViewMode(mode) {
+    viewMode.value = mode;
+  }
+  return {
+    viewMode,
+    setViewMode
+  };
+}