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.
- package/dist/cjs/components/center-view/index.cjs +18 -28
- package/dist/cjs/components/corner-glow/index.cjs +11 -28
- package/dist/cjs/components/dropdown/index.cjs +136 -130
- package/dist/cjs/components/icon/index.cjs +29 -51
- package/dist/cjs/components/index.cjs +24 -25
- package/dist/cjs/components/panel-view/index.cjs +111 -114
- package/dist/cjs/components/popup/index.cjs +166 -151
- package/dist/cjs/components/title/index.cjs +34 -47
- package/dist/cjs/components/tooltip/index.cjs +70 -61
- package/dist/cjs/components/widget/index.cjs +52 -72
- package/dist/cjs/index.cjs +13 -40
- package/dist/cjs/layout/glass-overlay.cjs +15 -28
- package/dist/cjs/layout/layered-manager.cjs +20 -29
- package/dist/cjs/layout/layplux.cjs +19 -32
- package/dist/cjs/layout/root-pane.cjs +20 -38
- package/dist/cjs/layout/skeleton/bottom-area.cjs +26 -43
- package/dist/cjs/layout/skeleton/bottom-left-area.cjs +12 -29
- package/dist/cjs/layout/skeleton/bottom-right-area.cjs +11 -28
- package/dist/cjs/layout/skeleton/center-area.cjs +278 -371
- package/dist/cjs/layout/skeleton/index.cjs +7 -24
- package/dist/cjs/layout/skeleton/left-bottom-area.cjs +12 -29
- package/dist/cjs/layout/skeleton/left-top-area.cjs +12 -29
- package/dist/cjs/layout/skeleton/right-bottom-area.cjs +11 -28
- package/dist/cjs/layout/skeleton/right-top-area.cjs +11 -28
- package/dist/cjs/layout/skeleton/skeleton.cjs +55 -60
- package/dist/cjs/layout/skeleton/top-area.cjs +26 -43
- package/dist/cjs/locales/en-US.cjs +11 -30
- package/dist/cjs/locales/index.cjs +12 -30
- package/dist/cjs/locales/zh-CN.cjs +11 -30
- package/dist/cjs/managers/area.cjs +12 -25
- package/dist/cjs/managers/index.cjs +12 -20
- package/dist/cjs/managers/pane.cjs +12 -26
- package/dist/cjs/managers/skeleton.cjs +112 -124
- package/dist/cjs/managers/theme.cjs +8 -29
- package/dist/cjs/managers/widget-container.cjs +31 -31
- package/dist/cjs/managers/widget.cjs +63 -50
- package/dist/cjs/types/config.cjs +2 -16
- package/dist/cjs/types/index.cjs +2 -18
- package/dist/cjs/types/locale.cjs +2 -16
- package/dist/cjs/utils/event-bus.cjs +53 -49
- package/dist/cjs/utils/focus-tracker.cjs +66 -42
- package/dist/cjs/utils/index.cjs +23 -31
- package/dist/cjs/utils/unique-id.cjs +5 -24
- package/dist/cjs/utils/vue.cjs +20 -30
- package/dist/esm/components/center-view/index.mjs +15 -7
- package/dist/esm/components/corner-glow/index.mjs +8 -7
- package/dist/esm/components/dropdown/index.mjs +117 -101
- package/dist/esm/components/icon/index.mjs +24 -30
- package/dist/esm/components/index.mjs +7 -8
- package/dist/esm/components/panel-view/index.mjs +107 -98
- package/dist/esm/components/popup/index.mjs +155 -130
- package/dist/esm/components/title/index.mjs +29 -24
- package/dist/esm/components/tooltip/index.mjs +67 -40
- package/dist/esm/components/widget/index.mjs +45 -48
- package/dist/esm/index.mjs +4 -10
- package/dist/esm/layout/glass-overlay.mjs +12 -7
- package/dist/esm/layout/layered-manager.mjs +17 -8
- package/dist/esm/layout/layplux.mjs +14 -11
- package/dist/esm/layout/root-pane.mjs +16 -16
- package/dist/esm/layout/skeleton/bottom-area.mjs +23 -22
- package/dist/esm/layout/skeleton/bottom-left-area.mjs +9 -8
- package/dist/esm/layout/skeleton/bottom-right-area.mjs +8 -7
- package/dist/esm/layout/skeleton/center-area.mjs +251 -333
- package/dist/esm/layout/skeleton/index.mjs +1 -4
- package/dist/esm/layout/skeleton/left-bottom-area.mjs +9 -8
- package/dist/esm/layout/skeleton/left-top-area.mjs +9 -8
- package/dist/esm/layout/skeleton/right-bottom-area.mjs +8 -7
- package/dist/esm/layout/skeleton/right-top-area.mjs +8 -7
- package/dist/esm/layout/skeleton/skeleton.mjs +52 -39
- package/dist/esm/layout/skeleton/top-area.mjs +23 -22
- package/dist/esm/locales/en-US.mjs +9 -10
- package/dist/esm/locales/index.mjs +7 -9
- package/dist/esm/locales/zh-CN.mjs +9 -10
- package/dist/esm/managers/area.mjs +10 -5
- package/dist/esm/managers/index.mjs +3 -3
- package/dist/esm/managers/pane.mjs +9 -5
- package/dist/esm/managers/skeleton.mjs +97 -95
- package/dist/esm/managers/theme.mjs +6 -9
- package/dist/esm/managers/widget-container.mjs +28 -10
- package/dist/esm/managers/widget.mjs +55 -25
- package/dist/esm/types/config.mjs +1 -0
- package/dist/esm/types/index.mjs +1 -1
- package/dist/esm/types/locale.mjs +1 -0
- package/dist/esm/utils/event-bus.mjs +46 -17
- package/dist/esm/utils/focus-tracker.mjs +63 -23
- package/dist/esm/utils/index.mjs +7 -10
- package/dist/esm/utils/unique-id.mjs +3 -4
- package/dist/esm/utils/vue.mjs +13 -5
- package/dist/types/managers/skeleton.d.ts.map +1 -1
- package/dist/umd/index.js +0 -2
- package/package.json +11 -8
|
@@ -1,24 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
|
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(
|
|
20
|
+
}).map(widget => widget.renderTitle())]);
|
|
40
21
|
};
|
|
41
22
|
}
|
|
42
23
|
});
|
|
24
|
+
|
|
25
|
+
exports.LeftBottomArea = LeftBottomArea;
|
|
@@ -1,30 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
|
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(
|
|
20
|
+
}).map(widget => widget.renderTitle())]);
|
|
40
21
|
};
|
|
41
22
|
}
|
|
42
23
|
});
|
|
24
|
+
|
|
25
|
+
exports.LeftTopArea = LeftTopArea;
|
|
@@ -1,30 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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 () =>
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 {
|
|
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(
|
|
42
|
-
const content =
|
|
43
|
-
|
|
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 ===
|
|
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
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
-
|
|
2
|
-
|
|
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:
|
|
27
|
-
dockPinned:
|
|
28
|
-
dockUnpinned:
|
|
29
|
-
undock:
|
|
30
|
-
help:
|
|
31
|
-
more:
|
|
32
|
-
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
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
|
|
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
|
-
|
|
30
|
-
|
|
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
|
|
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
|
-
|
|
2
|
-
|
|
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:
|
|
27
|
-
dockPinned:
|
|
28
|
-
dockUnpinned:
|
|
29
|
-
undock:
|
|
30
|
-
help:
|
|
31
|
-
more:
|
|
32
|
-
minimize:
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 {
|
|
13
|
+
return {
|
|
14
|
+
add,
|
|
15
|
+
container
|
|
16
|
+
};
|
|
32
17
|
}
|
|
18
|
+
|
|
19
|
+
exports.useArea = useArea;
|