layplux 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/cjs/components/center-view/index.cjs +18 -28
  2. package/dist/cjs/components/corner-glow/index.cjs +11 -28
  3. package/dist/cjs/components/dropdown/index.cjs +136 -130
  4. package/dist/cjs/components/icon/index.cjs +29 -51
  5. package/dist/cjs/components/index.cjs +24 -25
  6. package/dist/cjs/components/panel-view/index.cjs +111 -114
  7. package/dist/cjs/components/popup/index.cjs +166 -151
  8. package/dist/cjs/components/title/index.cjs +34 -47
  9. package/dist/cjs/components/tooltip/index.cjs +70 -61
  10. package/dist/cjs/components/widget/index.cjs +52 -72
  11. package/dist/cjs/index.cjs +13 -40
  12. package/dist/cjs/layout/glass-overlay.cjs +15 -28
  13. package/dist/cjs/layout/layered-manager.cjs +20 -29
  14. package/dist/cjs/layout/layplux.cjs +19 -32
  15. package/dist/cjs/layout/root-pane.cjs +20 -38
  16. package/dist/cjs/layout/skeleton/bottom-area.cjs +26 -43
  17. package/dist/cjs/layout/skeleton/bottom-left-area.cjs +12 -29
  18. package/dist/cjs/layout/skeleton/bottom-right-area.cjs +11 -28
  19. package/dist/cjs/layout/skeleton/center-area.cjs +278 -371
  20. package/dist/cjs/layout/skeleton/index.cjs +7 -24
  21. package/dist/cjs/layout/skeleton/left-bottom-area.cjs +12 -29
  22. package/dist/cjs/layout/skeleton/left-top-area.cjs +12 -29
  23. package/dist/cjs/layout/skeleton/right-bottom-area.cjs +11 -28
  24. package/dist/cjs/layout/skeleton/right-top-area.cjs +11 -28
  25. package/dist/cjs/layout/skeleton/skeleton.cjs +55 -60
  26. package/dist/cjs/layout/skeleton/top-area.cjs +26 -43
  27. package/dist/cjs/locales/en-US.cjs +11 -30
  28. package/dist/cjs/locales/index.cjs +12 -30
  29. package/dist/cjs/locales/zh-CN.cjs +11 -30
  30. package/dist/cjs/managers/area.cjs +12 -25
  31. package/dist/cjs/managers/index.cjs +12 -20
  32. package/dist/cjs/managers/pane.cjs +12 -26
  33. package/dist/cjs/managers/skeleton.cjs +112 -124
  34. package/dist/cjs/managers/theme.cjs +8 -29
  35. package/dist/cjs/managers/widget-container.cjs +31 -31
  36. package/dist/cjs/managers/widget.cjs +63 -50
  37. package/dist/cjs/types/config.cjs +2 -16
  38. package/dist/cjs/types/index.cjs +2 -18
  39. package/dist/cjs/types/locale.cjs +2 -16
  40. package/dist/cjs/utils/event-bus.cjs +53 -49
  41. package/dist/cjs/utils/focus-tracker.cjs +66 -42
  42. package/dist/cjs/utils/index.cjs +23 -31
  43. package/dist/cjs/utils/unique-id.cjs +5 -24
  44. package/dist/cjs/utils/vue.cjs +20 -30
  45. package/dist/esm/components/center-view/index.mjs +15 -7
  46. package/dist/esm/components/corner-glow/index.mjs +8 -7
  47. package/dist/esm/components/dropdown/index.mjs +117 -101
  48. package/dist/esm/components/icon/index.mjs +24 -30
  49. package/dist/esm/components/index.mjs +7 -8
  50. package/dist/esm/components/panel-view/index.mjs +107 -98
  51. package/dist/esm/components/popup/index.mjs +155 -130
  52. package/dist/esm/components/title/index.mjs +29 -24
  53. package/dist/esm/components/tooltip/index.mjs +67 -40
  54. package/dist/esm/components/widget/index.mjs +45 -48
  55. package/dist/esm/index.mjs +4 -10
  56. package/dist/esm/layout/glass-overlay.mjs +12 -7
  57. package/dist/esm/layout/layered-manager.mjs +17 -8
  58. package/dist/esm/layout/layplux.mjs +14 -11
  59. package/dist/esm/layout/root-pane.mjs +16 -16
  60. package/dist/esm/layout/skeleton/bottom-area.mjs +23 -22
  61. package/dist/esm/layout/skeleton/bottom-left-area.mjs +9 -8
  62. package/dist/esm/layout/skeleton/bottom-right-area.mjs +8 -7
  63. package/dist/esm/layout/skeleton/center-area.mjs +251 -333
  64. package/dist/esm/layout/skeleton/index.mjs +1 -4
  65. package/dist/esm/layout/skeleton/left-bottom-area.mjs +9 -8
  66. package/dist/esm/layout/skeleton/left-top-area.mjs +9 -8
  67. package/dist/esm/layout/skeleton/right-bottom-area.mjs +8 -7
  68. package/dist/esm/layout/skeleton/right-top-area.mjs +8 -7
  69. package/dist/esm/layout/skeleton/skeleton.mjs +52 -39
  70. package/dist/esm/layout/skeleton/top-area.mjs +23 -22
  71. package/dist/esm/locales/en-US.mjs +9 -10
  72. package/dist/esm/locales/index.mjs +7 -9
  73. package/dist/esm/locales/zh-CN.mjs +9 -10
  74. package/dist/esm/managers/area.mjs +10 -5
  75. package/dist/esm/managers/index.mjs +3 -3
  76. package/dist/esm/managers/pane.mjs +9 -5
  77. package/dist/esm/managers/skeleton.mjs +97 -95
  78. package/dist/esm/managers/theme.mjs +6 -9
  79. package/dist/esm/managers/widget-container.mjs +28 -10
  80. package/dist/esm/managers/widget.mjs +55 -25
  81. package/dist/esm/types/config.mjs +1 -0
  82. package/dist/esm/types/index.mjs +1 -1
  83. package/dist/esm/types/locale.mjs +1 -0
  84. package/dist/esm/utils/event-bus.mjs +46 -17
  85. package/dist/esm/utils/focus-tracker.mjs +63 -23
  86. package/dist/esm/utils/index.mjs +7 -10
  87. package/dist/esm/utils/unique-id.mjs +3 -4
  88. package/dist/esm/utils/vue.mjs +13 -5
  89. package/dist/types/managers/skeleton.d.ts.map +1 -1
  90. package/dist/umd/index.js +0 -2
  91. package/package.json +11 -8
@@ -1,24 +1,7 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var skeleton_exports = {};
20
- __export(skeleton_exports, {
21
- Skeleton: () => import_skeleton.Skeleton
22
- });
23
- module.exports = __toCommonJS(skeleton_exports);
24
- var import_skeleton = require("./skeleton");
1
+ 'use strict';
2
+
3
+ var skeleton = require('./skeleton.cjs');
4
+
5
+
6
+
7
+ exports.Skeleton = skeleton.Skeleton;
@@ -1,30 +1,9 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var left_bottom_area_exports = {};
20
- __export(left_bottom_area_exports, {
21
- LeftBottomArea: () => LeftBottomArea
22
- });
23
- module.exports = __toCommonJS(left_bottom_area_exports);
24
- var import_jsx_runtime = require("vue/jsx-runtime");
25
- var import_vue = require("vue");
26
- const LeftBottomArea = (0, import_vue.defineComponent)({
27
- name: "LeftBottomArea",
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const LeftBottomArea = vue.defineComponent({
6
+ name: 'LeftBottomArea',
28
7
  props: {
29
8
  area: Object
30
9
  },
@@ -32,11 +11,15 @@ const LeftBottomArea = (0, import_vue.defineComponent)({
32
11
  return () => {
33
12
  const items = props.area?.container.items.value;
34
13
  if (!items || items.length === 0) return null;
35
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-left-bottom-area", children: items.slice().toSorted((a, b) => {
14
+ return vue.createVNode("div", {
15
+ "class": "layplux-left-bottom-area"
16
+ }, [items.slice().toSorted((a, b) => {
36
17
  const i1 = a.config?.index ?? 0;
37
18
  const i2 = b.config?.index ?? 0;
38
19
  return i1 === i2 ? 0 : i1 > i2 ? 1 : -1;
39
- }).map((widget) => widget.renderTitle()) });
20
+ }).map(widget => widget.renderTitle())]);
40
21
  };
41
22
  }
42
23
  });
24
+
25
+ exports.LeftBottomArea = LeftBottomArea;
@@ -1,30 +1,9 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var left_top_area_exports = {};
20
- __export(left_top_area_exports, {
21
- LeftTopArea: () => LeftTopArea
22
- });
23
- module.exports = __toCommonJS(left_top_area_exports);
24
- var import_jsx_runtime = require("vue/jsx-runtime");
25
- var import_vue = require("vue");
26
- const LeftTopArea = (0, import_vue.defineComponent)({
27
- name: "LeftTopArea",
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const LeftTopArea = vue.defineComponent({
6
+ name: 'LeftTopArea',
28
7
  props: {
29
8
  area: Object
30
9
  },
@@ -32,11 +11,15 @@ const LeftTopArea = (0, import_vue.defineComponent)({
32
11
  return () => {
33
12
  const items = props.area?.container.items.value;
34
13
  if (!items || items.length === 0) return null;
35
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-left-top-area", children: items.slice().toSorted((a, b) => {
14
+ return vue.createVNode("div", {
15
+ "class": "layplux-left-top-area"
16
+ }, [items.slice().toSorted((a, b) => {
36
17
  const i1 = a.config?.index ?? 0;
37
18
  const i2 = b.config?.index ?? 0;
38
19
  return i1 === i2 ? 0 : i1 > i2 ? 1 : -1;
39
- }).map((widget) => widget.renderTitle()) });
20
+ }).map(widget => widget.renderTitle())]);
40
21
  };
41
22
  }
42
23
  });
24
+
25
+ exports.LeftTopArea = LeftTopArea;
@@ -1,30 +1,9 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var right_bottom_area_exports = {};
20
- __export(right_bottom_area_exports, {
21
- RightBottomArea: () => RightBottomArea
22
- });
23
- module.exports = __toCommonJS(right_bottom_area_exports);
24
- var import_jsx_runtime = require("vue/jsx-runtime");
25
- var import_vue = require("vue");
26
- const RightBottomArea = (0, import_vue.defineComponent)({
27
- name: "RightBottomArea",
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const RightBottomArea = vue.defineComponent({
6
+ name: 'RightBottomArea',
28
7
  props: {
29
8
  area: Object
30
9
  },
@@ -32,7 +11,11 @@ const RightBottomArea = (0, import_vue.defineComponent)({
32
11
  return () => {
33
12
  const items = props.area?.container.items.value;
34
13
  if (!items || items.length === 0) return null;
35
- 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()) });
14
+ return vue.createVNode("div", {
15
+ "class": "layplux-right-bottom-area"
16
+ }, [items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map(widget => widget.renderTitle())]);
36
17
  };
37
18
  }
38
19
  });
20
+
21
+ exports.RightBottomArea = RightBottomArea;
@@ -1,30 +1,9 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var right_top_area_exports = {};
20
- __export(right_top_area_exports, {
21
- RightTopArea: () => RightTopArea
22
- });
23
- module.exports = __toCommonJS(right_top_area_exports);
24
- var import_jsx_runtime = require("vue/jsx-runtime");
25
- var import_vue = require("vue");
26
- const RightTopArea = (0, import_vue.defineComponent)({
27
- name: "RightTopArea",
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const RightTopArea = vue.defineComponent({
6
+ name: 'RightTopArea',
28
7
  props: {
29
8
  area: Object
30
9
  },
@@ -32,7 +11,11 @@ const RightTopArea = (0, import_vue.defineComponent)({
32
11
  return () => {
33
12
  const items = props.area?.container.items.value;
34
13
  if (!items || items.length === 0) return null;
35
- 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()) });
14
+ return vue.createVNode("div", {
15
+ "class": "layplux-right-top-area"
16
+ }, [items.slice().toSorted((a, b) => (a.config?.index ?? 0) - (b.config?.index ?? 0)).map(widget => widget.renderTitle())]);
36
17
  };
37
18
  }
38
19
  });
20
+
21
+ exports.RightTopArea = RightTopArea;
@@ -1,66 +1,61 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var skeleton_exports = {};
20
- __export(skeleton_exports, {
21
- Skeleton: () => Skeleton
22
- });
23
- module.exports = __toCommonJS(skeleton_exports);
24
- var import_jsx_runtime = require("vue/jsx-runtime");
25
- var import_vue = require("vue");
26
- var import_top_area = require("./top-area");
27
- var import_bottom_area = require("./bottom-area");
28
- var import_left_top_area = require("./left-top-area");
29
- var import_left_bottom_area = require("./left-bottom-area");
30
- var import_bottom_left_area = require("./bottom-left-area");
31
- var import_right_top_area = require("./right-top-area");
32
- var import_right_bottom_area = require("./right-bottom-area");
33
- var import_bottom_right_area = require("./bottom-right-area");
34
- var import_managers = require("../../managers");
35
- var import_center_area = require("./center-area");
36
- const Skeleton = (0, import_vue.defineComponent)({
37
- name: "Skeleton",
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+ var topArea = require('./top-area.cjs');
5
+ var bottomArea = require('./bottom-area.cjs');
6
+ var leftTopArea = require('./left-top-area.cjs');
7
+ var leftBottomArea = require('./left-bottom-area.cjs');
8
+ var bottomLeftArea = require('./bottom-left-area.cjs');
9
+ var rightTopArea = require('./right-top-area.cjs');
10
+ var rightBottomArea = require('./right-bottom-area.cjs');
11
+ var bottomRightArea = require('./bottom-right-area.cjs');
12
+ var centerArea = require('./center-area.cjs');
13
+
14
+ const Skeleton = vue.defineComponent({
15
+ name: 'Skeleton',
38
16
  props: {
39
17
  skeleton: Object
40
18
  },
41
19
  setup(props) {
42
- return () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton", children: [
43
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_top_area.TopArea, { area: props.skeleton?.topArea }),
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__body", children: [
45
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe", children: [
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe-top", children: [
47
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_left_top_area.LeftTopArea, { area: props.skeleton?.leftTopArea }),
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-skeleton__stripe-separator" }),
49
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_left_bottom_area.LeftBottomArea, { area: props.skeleton?.leftBottomArea })
50
- ] }),
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bottom_left_area.BottomLeftArea, { area: props.skeleton?.bottomLeftArea })
52
- ] }),
53
- /* @__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 }) }),
54
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe", children: [
55
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-skeleton__stripe-top", children: [
56
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_right_top_area.RightTopArea, { area: props.skeleton?.rightTopArea }),
57
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "layplux-skeleton__stripe-separator" }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_right_bottom_area.RightBottomArea, { area: props.skeleton?.rightBottomArea })
59
- ] }),
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bottom_right_area.BottomRightArea, { area: props.skeleton?.bottomRightArea })
61
- ] })
62
- ] }),
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bottom_area.BottomArea, { area: props.skeleton?.bottomArea })
64
- ] });
20
+ return () => vue.createVNode("div", {
21
+ "class": "layplux-skeleton"
22
+ }, [vue.createVNode(topArea.TopArea, {
23
+ "area": props.skeleton?.topArea
24
+ }, null), vue.createVNode("div", {
25
+ "class": "layplux-skeleton__body"
26
+ }, [vue.createVNode("div", {
27
+ "class": "layplux-skeleton__stripe"
28
+ }, [vue.createVNode("div", {
29
+ "class": "layplux-skeleton__stripe-top"
30
+ }, [vue.createVNode(leftTopArea.LeftTopArea, {
31
+ "area": props.skeleton?.leftTopArea
32
+ }, null), vue.createVNode("div", {
33
+ "class": "layplux-skeleton__stripe-separator"
34
+ }, null), vue.createVNode(leftBottomArea.LeftBottomArea, {
35
+ "area": props.skeleton?.leftBottomArea
36
+ }, null)]), vue.createVNode(bottomLeftArea.BottomLeftArea, {
37
+ "area": props.skeleton?.bottomLeftArea
38
+ }, null)]), vue.createVNode("div", {
39
+ "class": "layplux-skeleton__center"
40
+ }, [vue.createVNode(centerArea.CenterArea, {
41
+ "skeleton": props.skeleton,
42
+ "centerArea": props.skeleton?.centerArea
43
+ }, null)]), vue.createVNode("div", {
44
+ "class": "layplux-skeleton__stripe"
45
+ }, [vue.createVNode("div", {
46
+ "class": "layplux-skeleton__stripe-top"
47
+ }, [vue.createVNode(rightTopArea.RightTopArea, {
48
+ "area": props.skeleton?.rightTopArea
49
+ }, null), vue.createVNode("div", {
50
+ "class": "layplux-skeleton__stripe-separator"
51
+ }, null), vue.createVNode(rightBottomArea.RightBottomArea, {
52
+ "area": props.skeleton?.rightBottomArea
53
+ }, null)]), vue.createVNode(bottomRightArea.BottomRightArea, {
54
+ "area": props.skeleton?.bottomRightArea
55
+ }, null)])]), vue.createVNode(bottomArea.BottomArea, {
56
+ "area": props.skeleton?.bottomArea
57
+ }, null)]);
65
58
  }
66
59
  });
60
+
61
+ exports.Skeleton = Skeleton;
@@ -1,36 +1,17 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var top_area_exports = {};
20
- __export(top_area_exports, {
21
- TopArea: () => TopArea
22
- });
23
- module.exports = __toCommonJS(top_area_exports);
24
- var import_jsx_runtime = require("vue/jsx-runtime");
25
- var import_vue = require("vue");
26
- const TopArea = (0, import_vue.defineComponent)({
27
- name: "TopArea",
1
+ 'use strict';
2
+
3
+ var vue = require('vue');
4
+
5
+ const TopArea = vue.defineComponent({
6
+ name: 'TopArea',
28
7
  props: {
29
8
  area: Object
30
9
  },
31
10
  setup(props) {
32
11
  return () => {
33
- const { area } = props;
12
+ const {
13
+ area
14
+ } = props;
34
15
  const left = [];
35
16
  const center = [];
36
17
  const right = [];
@@ -38,27 +19,29 @@ const TopArea = (0, import_vue.defineComponent)({
38
19
  const index1 = a.config?.index || 0;
39
20
  const index2 = b.config?.index || 0;
40
21
  return index1 === index2 ? 0 : index1 > index2 ? 1 : -1;
41
- }).forEach((item) => {
42
- const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: item.renderContent() }, `top-area-${item.name}`);
43
- if (item.align === "left") {
22
+ }).forEach(item => {
23
+ const content = vue.createVNode("div", {
24
+ "key": `top-area-${item.name}`
25
+ }, [item.renderContent()]);
26
+ if (item.align === 'left') {
44
27
  left.push(content);
45
- } else if (item.align === "center") {
28
+ } else if (item.align === 'center') {
46
29
  center.push(content);
47
30
  } else {
48
31
  right.push(content);
49
32
  }
50
33
  });
51
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area", children: [
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area__toolbar-left", children: [
53
- ...left
54
- ] }),
55
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area__toolbar-center", children: [
56
- ...center
57
- ] }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { class: "layplux-top-area__toolbar-right", children: [
59
- ...right
60
- ] })
61
- ] });
34
+ return vue.createVNode("div", {
35
+ "class": "layplux-top-area"
36
+ }, [vue.createVNode("div", {
37
+ "class": "layplux-top-area__toolbar-left"
38
+ }, [...left]), vue.createVNode("div", {
39
+ "class": "layplux-top-area__toolbar-center"
40
+ }, [...center]), vue.createVNode("div", {
41
+ "class": "layplux-top-area__toolbar-right"
42
+ }, [...right])]);
62
43
  };
63
44
  }
64
45
  });
46
+
47
+ exports.TopArea = TopArea;
@@ -1,34 +1,15 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var en_US_exports = {};
20
- __export(en_US_exports, {
21
- enUS: () => enUS
22
- });
23
- module.exports = __toCommonJS(en_US_exports);
1
+ 'use strict';
2
+
24
3
  const enUS = {
25
4
  panel: {
26
- viewMode: "View Mode",
27
- dockPinned: "Dock Pinned",
28
- dockUnpinned: "Dock Unpinned",
29
- undock: "Undock",
30
- help: "Help",
31
- more: "More",
32
- minimize: "Minimize"
5
+ viewMode: 'View Mode',
6
+ dockPinned: 'Dock Pinned',
7
+ dockUnpinned: 'Dock Unpinned',
8
+ undock: 'Undock',
9
+ help: 'Help',
10
+ more: 'More',
11
+ minimize: 'Minimize'
33
12
  }
34
13
  };
14
+
15
+ exports.enUS = enUS;
@@ -1,39 +1,21 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var locales_exports = {};
20
- __export(locales_exports, {
21
- enUS: () => import_en_US.enUS,
22
- getBuiltInLocale: () => getBuiltInLocale,
23
- zhCN: () => import_zh_CN.zhCN
24
- });
25
- module.exports = __toCommonJS(locales_exports);
26
- var import_zh_CN = require("./zh-CN");
27
- var import_en_US = require("./en-US");
1
+ 'use strict';
2
+
3
+ var zhCN = require('./zh-CN.cjs');
4
+ var enUS = require('./en-US.cjs');
5
+
28
6
  const builtInLocales = {
29
- "zh-CN": import_zh_CN.zhCN,
30
- "en-US": import_en_US.enUS
7
+ 'zh-CN': zhCN.zhCN,
8
+ 'en-US': enUS.enUS
31
9
  };
32
10
  function getBuiltInLocale(name) {
33
11
  const locale = builtInLocales[name];
34
12
  if (!locale) {
35
13
  console.warn(`[Layplux] Unknown locale "${name}", falling back to zh-CN`);
36
- return import_zh_CN.zhCN;
14
+ return zhCN.zhCN;
37
15
  }
38
16
  return locale;
39
17
  }
18
+
19
+ exports.zhCN = zhCN.zhCN;
20
+ exports.enUS = enUS.enUS;
21
+ exports.getBuiltInLocale = getBuiltInLocale;
@@ -1,34 +1,15 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var zh_CN_exports = {};
20
- __export(zh_CN_exports, {
21
- zhCN: () => zhCN
22
- });
23
- module.exports = __toCommonJS(zh_CN_exports);
1
+ 'use strict';
2
+
24
3
  const zhCN = {
25
4
  panel: {
26
- viewMode: "\u89C6\u56FE\u6A21\u5F0F",
27
- dockPinned: "\u505C\u9760\u56FA\u5B9A",
28
- dockUnpinned: "\u505C\u9760\u4E0D\u56FA\u5B9A",
29
- undock: "\u53D6\u6D88\u505C\u9760",
30
- help: "\u5E2E\u52A9",
31
- more: "\u66F4\u591A",
32
- minimize: "\u6700\u5C0F\u5316"
5
+ viewMode: '视图模式',
6
+ dockPinned: '停靠固定',
7
+ dockUnpinned: '停靠不固定',
8
+ undock: '取消停靠',
9
+ help: '帮助',
10
+ more: '更多',
11
+ minimize: '最小化'
33
12
  }
34
13
  };
14
+
15
+ exports.zhCN = zhCN;
@@ -1,32 +1,19 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var area_exports = {};
20
- __export(area_exports, {
21
- useArea: () => useArea
22
- });
23
- module.exports = __toCommonJS(area_exports);
24
- var import_widget_container = require("./widget-container");
1
+ 'use strict';
2
+
3
+ /**
4
+ * `useArea` 只需要 skeleton 的 `createContainer` 能力,
5
+ * 不依赖完整的 ISkeleton(避免创建时的循环依赖)。
6
+ */
25
7
  function useArea(skeleton, name, handle) {
26
8
  const container = skeleton.createContainer(name, handle);
27
9
  function add(config) {
28
10
  const item = container.add(config);
29
11
  return item;
30
12
  }
31
- return { add, container };
13
+ return {
14
+ add,
15
+ container
16
+ };
32
17
  }
18
+
19
+ exports.useArea = useArea;