@ibiz-template/vue3-components 0.4.4 → 0.4.5
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/chart-ImL2qyp9.js +0 -1
- package/dist/ibiz-markdown-editor-BQsiQfa2.js +0 -1
- package/dist/index-UNZ1dtt_.js +0 -1
- package/dist/index-Ul84JXar.js +0 -1
- package/dist/index-zzHHP33g.js +13 -0
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -2
- package/dist/map-chart-7nfIdU3w.js +0 -1
- package/dist/wang-editor-f4440Xvw.js +0 -1
- package/dist/{xlsx-util-5UOUTynl.js → xlsx-util-FO177Hj_.js} +1 -2
- package/es/common/data-import2/data-import2.d.ts +29 -6
- package/es/common/data-import2/data-import2.mjs +19 -13
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs +2 -2
- package/es/control/tree/tree.mjs +22 -10
- package/es/index.mjs +0 -1
- package/es/panel-component/index.d.ts +0 -1
- package/es/panel-component/index.mjs +2 -4
- package/lib/common/data-import2/data-import2.cjs +19 -13
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs +1 -1
- package/lib/control/tree/tree.cjs +21 -9
- package/lib/index.cjs +15 -17
- package/lib/panel-component/index.cjs +29 -32
- package/package.json +7 -7
- package/dist/chart-ImL2qyp9.js.map +0 -1
- package/dist/ibiz-markdown-editor-BQsiQfa2.js.map +0 -1
- package/dist/index-ErDi07y2.js +0 -14
- package/dist/index-ErDi07y2.js.map +0 -1
- package/dist/index-UNZ1dtt_.js.map +0 -1
- package/dist/index-Ul84JXar.js.map +0 -1
- package/dist/index.system.min.js.map +0 -1
- package/dist/map-chart-7nfIdU3w.js.map +0 -1
- package/dist/wang-editor-f4440Xvw.js.map +0 -1
- package/dist/xlsx-util-5UOUTynl.js.map +0 -1
- package/es/panel-component/panel-container-group/index.d.ts +0 -28
- package/es/panel-component/panel-container-group/index.mjs +0 -20
- package/es/panel-component/panel-container-group/panel-container-group.controller.d.ts +0 -31
- package/es/panel-component/panel-container-group/panel-container-group.controller.mjs +0 -35
- package/es/panel-component/panel-container-group/panel-container-group.css +0 -1
- package/es/panel-component/panel-container-group/panel-container-group.d.ts +0 -28
- package/es/panel-component/panel-container-group/panel-container-group.mjs +0 -107
- package/es/panel-component/panel-container-group/panel-container-group.provider.d.ts +0 -15
- package/es/panel-component/panel-container-group/panel-container-group.provider.mjs +0 -21
- package/es/panel-component/panel-container-group/panel-container-group.state.d.ts +0 -12
- package/es/panel-component/panel-container-group/panel-container-group.state.mjs +0 -7
- package/es/panel-component/panel-tab-page/index.d.ts +0 -23
- package/es/panel-component/panel-tab-page/index.mjs +0 -12
- package/es/panel-component/panel-tab-page/panel-tab-page.d.ts +0 -25
- package/es/panel-component/panel-tab-page/panel-tab-page.mjs +0 -62
- package/es/panel-component/panel-tab-page/panel-tab-page.provider.d.ts +0 -13
- package/es/panel-component/panel-tab-page/panel-tab-page.provider.mjs +0 -21
- package/lib/panel-component/panel-container-group/index.cjs +0 -27
- package/lib/panel-component/panel-container-group/panel-container-group.cjs +0 -109
- package/lib/panel-component/panel-container-group/panel-container-group.controller.cjs +0 -37
- package/lib/panel-component/panel-container-group/panel-container-group.css +0 -1
- package/lib/panel-component/panel-container-group/panel-container-group.provider.cjs +0 -23
- package/lib/panel-component/panel-container-group/panel-container-group.state.cjs +0 -9
- package/lib/panel-component/panel-tab-page/index.cjs +0 -17
- package/lib/panel-component/panel-tab-page/panel-tab-page.cjs +0 -64
- package/lib/panel-component/panel-tab-page/panel-tab-page.provider.cjs +0 -23
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { PanelContainerGroupState } from './panel-container-group.state';
|
|
2
|
-
import { PanelContainerGroupController } from './panel-container-group.controller';
|
|
3
|
-
export { PanelContainerGroupState, PanelContainerGroupController };
|
|
4
|
-
export declare const IBizPanelContainerGroup: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
|
|
5
|
-
modelData: {
|
|
6
|
-
type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
controller: {
|
|
10
|
-
type: typeof PanelContainerGroupController;
|
|
11
|
-
required: true;
|
|
12
|
-
};
|
|
13
|
-
}, {
|
|
14
|
-
ns: import("@ibiz-template/core").Namespace;
|
|
15
|
-
captionText: import("vue").ComputedRef<any>;
|
|
16
|
-
changeCollapse: () => void;
|
|
17
|
-
isCollapse: import("vue").Ref<boolean>;
|
|
18
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
-
modelData: {
|
|
20
|
-
type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
|
|
21
|
-
required: true;
|
|
22
|
-
};
|
|
23
|
-
controller: {
|
|
24
|
-
type: typeof PanelContainerGroupController;
|
|
25
|
-
required: true;
|
|
26
|
-
};
|
|
27
|
-
}>>, {}, {}>>;
|
|
28
|
-
export default IBizPanelContainerGroup;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { registerPanelItemProvider } from '@ibiz-template/runtime';
|
|
2
|
-
import { withInstall } from '@ibiz-template/vue3-util';
|
|
3
|
-
export { PanelContainerGroupState } from './panel-container-group.state.mjs';
|
|
4
|
-
import { PanelContainerGroupProvider } from './panel-container-group.provider.mjs';
|
|
5
|
-
export { PanelContainerGroupController } from './panel-container-group.controller.mjs';
|
|
6
|
-
import { PanelContainerGroup } from './panel-container-group.mjs';
|
|
7
|
-
|
|
8
|
-
"use strict";
|
|
9
|
-
const IBizPanelContainerGroup = withInstall(
|
|
10
|
-
PanelContainerGroup,
|
|
11
|
-
function(v) {
|
|
12
|
-
v.component(PanelContainerGroup.name, PanelContainerGroup);
|
|
13
|
-
registerPanelItemProvider(
|
|
14
|
-
"CONTAINER_CONTAINER_GROUP",
|
|
15
|
-
() => new PanelContainerGroupProvider()
|
|
16
|
-
);
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
export { IBizPanelContainerGroup, IBizPanelContainerGroup as default };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
-
import { IPanelContainer } from '@ibiz/model-core';
|
|
3
|
-
import { PanelContainerGroupState } from './panel-container-group.state';
|
|
4
|
-
/**
|
|
5
|
-
* 面板分组容器控制器
|
|
6
|
-
*
|
|
7
|
-
* @export
|
|
8
|
-
* @class PanelContainerGroupController
|
|
9
|
-
* @extends {PanelItemController}
|
|
10
|
-
*/
|
|
11
|
-
export declare class PanelContainerGroupController extends PanelItemController<IPanelContainer> {
|
|
12
|
-
state: PanelContainerGroupState;
|
|
13
|
-
protected createState(): PanelContainerGroupState;
|
|
14
|
-
/**
|
|
15
|
-
* 禁用关闭
|
|
16
|
-
*
|
|
17
|
-
* @author chitanda
|
|
18
|
-
* @date 2022-09-14 14:09:51
|
|
19
|
-
* @readonly
|
|
20
|
-
* @type {boolean}
|
|
21
|
-
*/
|
|
22
|
-
get disableClose(): boolean;
|
|
23
|
-
/**
|
|
24
|
-
* 是否默认展开分组
|
|
25
|
-
*
|
|
26
|
-
* @author chitanda
|
|
27
|
-
* @date 2022-09-14 14:09:09
|
|
28
|
-
* @readonly
|
|
29
|
-
*/
|
|
30
|
-
get defaultExpansion(): boolean;
|
|
31
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
-
import { PanelContainerGroupState } from './panel-container-group.state.mjs';
|
|
3
|
-
|
|
4
|
-
"use strict";
|
|
5
|
-
class PanelContainerGroupController extends PanelItemController {
|
|
6
|
-
createState() {
|
|
7
|
-
var _a;
|
|
8
|
-
return new PanelContainerGroupState((_a = this.parent) == null ? void 0 : _a.state);
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* 禁用关闭
|
|
12
|
-
*
|
|
13
|
-
* @author chitanda
|
|
14
|
-
* @date 2022-09-14 14:09:51
|
|
15
|
-
* @readonly
|
|
16
|
-
* @type {boolean}
|
|
17
|
-
*/
|
|
18
|
-
get disableClose() {
|
|
19
|
-
const { titleBarCloseMode: mode } = this.model;
|
|
20
|
-
return mode === 0 || mode === void 0;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* 是否默认展开分组
|
|
24
|
-
*
|
|
25
|
-
* @author chitanda
|
|
26
|
-
* @date 2022-09-14 14:09:09
|
|
27
|
-
* @readonly
|
|
28
|
-
*/
|
|
29
|
-
get defaultExpansion() {
|
|
30
|
-
const { titleBarCloseMode: mode } = this.model;
|
|
31
|
-
return this.disableClose || mode === 1;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export { PanelContainerGroupController };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content__row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { IPanelContainer } from '@ibiz/model-core';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
import { PanelContainerGroupController } from './panel-container-group.controller';
|
|
4
|
-
import './panel-container-group.scss';
|
|
5
|
-
export declare const PanelContainerGroup: import("vue").DefineComponent<{
|
|
6
|
-
modelData: {
|
|
7
|
-
type: PropType<IPanelContainer>;
|
|
8
|
-
required: true;
|
|
9
|
-
};
|
|
10
|
-
controller: {
|
|
11
|
-
type: typeof PanelContainerGroupController;
|
|
12
|
-
required: true;
|
|
13
|
-
};
|
|
14
|
-
}, {
|
|
15
|
-
ns: import("@ibiz-template/core").Namespace;
|
|
16
|
-
captionText: import("vue").ComputedRef<any>;
|
|
17
|
-
changeCollapse: () => void;
|
|
18
|
-
isCollapse: import("vue").Ref<boolean>;
|
|
19
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
20
|
-
modelData: {
|
|
21
|
-
type: PropType<IPanelContainer>;
|
|
22
|
-
required: true;
|
|
23
|
-
};
|
|
24
|
-
controller: {
|
|
25
|
-
type: typeof PanelContainerGroupController;
|
|
26
|
-
required: true;
|
|
27
|
-
};
|
|
28
|
-
}>>, {}, {}>;
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
|
-
import { useNamespace } from '@ibiz-template/vue3-util';
|
|
3
|
-
import { PanelContainerGroupController } from './panel-container-group.controller.mjs';
|
|
4
|
-
import './panel-container-group.css';
|
|
5
|
-
|
|
6
|
-
"use strict";
|
|
7
|
-
function _isSlot(s) {
|
|
8
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
9
|
-
}
|
|
10
|
-
const PanelContainerGroup = /* @__PURE__ */ defineComponent({
|
|
11
|
-
name: "IBizPanelContainerGroup",
|
|
12
|
-
props: {
|
|
13
|
-
modelData: {
|
|
14
|
-
type: Object,
|
|
15
|
-
required: true
|
|
16
|
-
},
|
|
17
|
-
controller: {
|
|
18
|
-
type: PanelContainerGroupController,
|
|
19
|
-
required: true
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
setup(props) {
|
|
23
|
-
const ns = useNamespace("panel-container-group");
|
|
24
|
-
const isCollapse = ref(!props.controller.defaultExpansion);
|
|
25
|
-
const changeCollapse = () => {
|
|
26
|
-
if (!props.controller.disableClose) {
|
|
27
|
-
isCollapse.value = !isCollapse.value;
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const captionText = computed(() => {
|
|
31
|
-
const {
|
|
32
|
-
captionItemName,
|
|
33
|
-
caption,
|
|
34
|
-
capLanguageRes
|
|
35
|
-
} = props.modelData;
|
|
36
|
-
if (captionItemName) {
|
|
37
|
-
return props.controller.data[captionItemName];
|
|
38
|
-
}
|
|
39
|
-
let text = caption;
|
|
40
|
-
if (capLanguageRes) {
|
|
41
|
-
text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
|
|
42
|
-
}
|
|
43
|
-
return text;
|
|
44
|
-
});
|
|
45
|
-
return {
|
|
46
|
-
ns,
|
|
47
|
-
captionText,
|
|
48
|
-
changeCollapse,
|
|
49
|
-
isCollapse
|
|
50
|
-
};
|
|
51
|
-
},
|
|
52
|
-
render() {
|
|
53
|
-
var _a, _b;
|
|
54
|
-
let _slot;
|
|
55
|
-
const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
|
|
56
|
-
if (this.modelData.showCaption === true) {
|
|
57
|
-
classArr.push(this.ns.m("show-header"));
|
|
58
|
-
classArr.push(this.ns.b("collapse"));
|
|
59
|
-
classArr.push(this.ns.is("collapse", this.isCollapse));
|
|
60
|
-
if (this.controller.disableClose) {
|
|
61
|
-
classArr.push(this.ns.bm("collapse", "disable-close"));
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
|
|
65
|
-
const content = createVNode(resolveComponent("iBizRow"), {
|
|
66
|
-
"slot": "content",
|
|
67
|
-
"layout": this.modelData.layout
|
|
68
|
-
}, _isSlot(_slot = defaultSlots.map((slot) => {
|
|
69
|
-
const props = slot.props;
|
|
70
|
-
if (!props || !props.controller) {
|
|
71
|
-
return slot;
|
|
72
|
-
}
|
|
73
|
-
return createVNode(resolveComponent("iBizCol"), {
|
|
74
|
-
"layoutPos": props.modelData.layoutPos,
|
|
75
|
-
"state": props.controller.state
|
|
76
|
-
}, _isSlot(slot) ? slot : {
|
|
77
|
-
default: () => [slot]
|
|
78
|
-
});
|
|
79
|
-
})) ? _slot : {
|
|
80
|
-
default: () => [_slot]
|
|
81
|
-
});
|
|
82
|
-
let header = null;
|
|
83
|
-
if (this.modelData.showCaption) {
|
|
84
|
-
header = createVNode("div", {
|
|
85
|
-
"class": [this.ns.b("header")],
|
|
86
|
-
"onClick": this.changeCollapse
|
|
87
|
-
}, [createVNode("div", {
|
|
88
|
-
"class": [this.ns.be("header", "left")]
|
|
89
|
-
}, [createVNode("div", {
|
|
90
|
-
"class": [this.ns.e("caption"), ...this.controller.labelClass]
|
|
91
|
-
}, [this.captionText])]), createVNode("div", {
|
|
92
|
-
"class": [this.ns.be("header", "right")]
|
|
93
|
-
}, [this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? createVNode("ion-icon", {
|
|
94
|
-
"name": "caret-forward-sharp"
|
|
95
|
-
}, null) : createVNode("ion-icon", {
|
|
96
|
-
"name": "caret-down-sharp"
|
|
97
|
-
}, null))])]);
|
|
98
|
-
}
|
|
99
|
-
return createVNode("div", {
|
|
100
|
-
"class": classArr
|
|
101
|
-
}, [header, createVNode("div", {
|
|
102
|
-
"class": [this.ns.b("content")]
|
|
103
|
-
}, [content])]);
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
export { PanelContainerGroup };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
-
import { IPanelContainer } from '@ibiz/model-core';
|
|
3
|
-
/**
|
|
4
|
-
* 面板分组容器适配器
|
|
5
|
-
*
|
|
6
|
-
* @author lxm
|
|
7
|
-
* @date 2022-09-19 22:09:03
|
|
8
|
-
* @export
|
|
9
|
-
* @class PanelContainerGroupProvider
|
|
10
|
-
* @implements {EditorProvider}
|
|
11
|
-
*/
|
|
12
|
-
export declare class PanelContainerGroupProvider implements IPanelItemProvider {
|
|
13
|
-
component: string;
|
|
14
|
-
createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
|
|
15
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { PanelContainerGroupController } from './panel-container-group.controller.mjs';
|
|
2
|
-
|
|
3
|
-
"use strict";
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __publicField = (obj, key, value) => {
|
|
7
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
8
|
-
return value;
|
|
9
|
-
};
|
|
10
|
-
class PanelContainerGroupProvider {
|
|
11
|
-
constructor() {
|
|
12
|
-
__publicField(this, "component", "IBizPanelContainerGroup");
|
|
13
|
-
}
|
|
14
|
-
async createController(panelItem, panel, parent) {
|
|
15
|
-
const c = new PanelContainerGroupController(panelItem, panel, parent);
|
|
16
|
-
await c.init();
|
|
17
|
-
return c;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { PanelContainerGroupProvider };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { PanelItemState } from '@ibiz-template/runtime';
|
|
2
|
-
/**
|
|
3
|
-
* 面板分组容器状态
|
|
4
|
-
*
|
|
5
|
-
* @author lxm
|
|
6
|
-
* @date 2023-02-07 06:04:27
|
|
7
|
-
* @export
|
|
8
|
-
* @class PanelContainerGroupState
|
|
9
|
-
* @extends {PanelItemState}
|
|
10
|
-
*/
|
|
11
|
-
export declare class PanelContainerGroupState extends PanelItemState {
|
|
12
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export declare const IBizPanelTabPage: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
|
|
2
|
-
modelData: {
|
|
3
|
-
type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
|
|
4
|
-
required: true;
|
|
5
|
-
};
|
|
6
|
-
controller: {
|
|
7
|
-
type: typeof import("@ibiz-template/runtime").PanelItemController;
|
|
8
|
-
required: true;
|
|
9
|
-
};
|
|
10
|
-
}, {
|
|
11
|
-
ns: import("@ibiz-template/core").Namespace;
|
|
12
|
-
classArr: import("vue").ComputedRef<(string | false)[]>;
|
|
13
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
14
|
-
modelData: {
|
|
15
|
-
type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
|
|
16
|
-
required: true;
|
|
17
|
-
};
|
|
18
|
-
controller: {
|
|
19
|
-
type: typeof import("@ibiz-template/runtime").PanelItemController;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
}>>, {}, {}>>;
|
|
23
|
-
export default IBizPanelTabPage;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { registerPanelItemProvider } from '@ibiz-template/runtime';
|
|
2
|
-
import { withInstall } from '@ibiz-template/vue3-util';
|
|
3
|
-
import { PanelTabPage } from './panel-tab-page.mjs';
|
|
4
|
-
import { PanelTabPageProvider } from './panel-tab-page.provider.mjs';
|
|
5
|
-
|
|
6
|
-
"use strict";
|
|
7
|
-
const IBizPanelTabPage = withInstall(PanelTabPage, function(v) {
|
|
8
|
-
v.component(PanelTabPage.name, PanelTabPage);
|
|
9
|
-
registerPanelItemProvider("TABPAGE", () => new PanelTabPageProvider());
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
export { IBizPanelTabPage, IBizPanelTabPage as default };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { IPanelContainer } from '@ibiz/model-core';
|
|
3
|
-
import { PanelItemController } from '@ibiz-template/runtime';
|
|
4
|
-
export declare const PanelTabPage: import("vue").DefineComponent<{
|
|
5
|
-
modelData: {
|
|
6
|
-
type: PropType<IPanelContainer>;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
controller: {
|
|
10
|
-
type: typeof PanelItemController;
|
|
11
|
-
required: true;
|
|
12
|
-
};
|
|
13
|
-
}, {
|
|
14
|
-
ns: import("@ibiz-template/core").Namespace;
|
|
15
|
-
classArr: import("vue").ComputedRef<(string | false)[]>;
|
|
16
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
-
modelData: {
|
|
18
|
-
type: PropType<IPanelContainer>;
|
|
19
|
-
required: true;
|
|
20
|
-
};
|
|
21
|
-
controller: {
|
|
22
|
-
type: typeof PanelItemController;
|
|
23
|
-
required: true;
|
|
24
|
-
};
|
|
25
|
-
}>>, {}, {}>;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
|
-
import { useNamespace } from '@ibiz-template/vue3-util';
|
|
3
|
-
import { PanelItemController } from '@ibiz-template/runtime';
|
|
4
|
-
|
|
5
|
-
"use strict";
|
|
6
|
-
function _isSlot(s) {
|
|
7
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
8
|
-
}
|
|
9
|
-
const PanelTabPage = /* @__PURE__ */ defineComponent({
|
|
10
|
-
name: "IBizPanelTabPage",
|
|
11
|
-
props: {
|
|
12
|
-
modelData: {
|
|
13
|
-
// IPanelTabPage 不能使用 IPanelTabPage模型 否则会类型报错
|
|
14
|
-
type: Object,
|
|
15
|
-
required: true
|
|
16
|
-
},
|
|
17
|
-
controller: {
|
|
18
|
-
type: PanelItemController,
|
|
19
|
-
required: true
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
setup(props) {
|
|
23
|
-
const ns = useNamespace("panel-tab-page");
|
|
24
|
-
const classArr = computed(() => {
|
|
25
|
-
const {
|
|
26
|
-
id
|
|
27
|
-
} = props.modelData;
|
|
28
|
-
const result = [ns.b(), ns.m(id)];
|
|
29
|
-
result.push(...props.controller.containerClass);
|
|
30
|
-
return result;
|
|
31
|
-
});
|
|
32
|
-
return {
|
|
33
|
-
ns,
|
|
34
|
-
classArr
|
|
35
|
-
};
|
|
36
|
-
},
|
|
37
|
-
render() {
|
|
38
|
-
var _a, _b;
|
|
39
|
-
let _slot;
|
|
40
|
-
const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
|
|
41
|
-
return createVNode(resolveComponent("iBizRow"), {
|
|
42
|
-
"class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.classArr],
|
|
43
|
-
"layout": this.modelData.layout
|
|
44
|
-
}, _isSlot(_slot = defaultSlots.map((slot) => {
|
|
45
|
-
const props = slot.props;
|
|
46
|
-
if (!props || !props.controller) {
|
|
47
|
-
return slot;
|
|
48
|
-
}
|
|
49
|
-
const c = props.controller;
|
|
50
|
-
return createVNode(resolveComponent("iBizCol"), {
|
|
51
|
-
"layoutPos": c.model.layoutPos,
|
|
52
|
-
"state": c.state
|
|
53
|
-
}, _isSlot(slot) ? slot : {
|
|
54
|
-
default: () => [slot]
|
|
55
|
-
});
|
|
56
|
-
})) ? _slot : {
|
|
57
|
-
default: () => [_slot]
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
export { PanelTabPage };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
-
import { IPanelItem } from '@ibiz/model-core';
|
|
3
|
-
/**
|
|
4
|
-
* 面板分页适配器
|
|
5
|
-
*
|
|
6
|
-
* @export
|
|
7
|
-
* @class PanelTabPageController
|
|
8
|
-
* @implements {IPanelItemProvider}
|
|
9
|
-
*/
|
|
10
|
-
export declare class PanelTabPageProvider implements IPanelItemProvider {
|
|
11
|
-
component: string;
|
|
12
|
-
createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
|
|
13
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
-
|
|
3
|
-
"use strict";
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __publicField = (obj, key, value) => {
|
|
7
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
8
|
-
return value;
|
|
9
|
-
};
|
|
10
|
-
class PanelTabPageProvider {
|
|
11
|
-
constructor() {
|
|
12
|
-
__publicField(this, "component", "IBizPanelTabPage");
|
|
13
|
-
}
|
|
14
|
-
async createController(panelItem, panel, parent) {
|
|
15
|
-
const c = new PanelItemController(panelItem, panel, parent);
|
|
16
|
-
await c.init();
|
|
17
|
-
return c;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { PanelTabPageProvider };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var runtime = require('@ibiz-template/runtime');
|
|
6
|
-
var vue3Util = require('@ibiz-template/vue3-util');
|
|
7
|
-
var panelContainerGroup_state = require('./panel-container-group.state.cjs');
|
|
8
|
-
var panelContainerGroup_provider = require('./panel-container-group.provider.cjs');
|
|
9
|
-
var panelContainerGroup_controller = require('./panel-container-group.controller.cjs');
|
|
10
|
-
var panelContainerGroup = require('./panel-container-group.cjs');
|
|
11
|
-
|
|
12
|
-
"use strict";
|
|
13
|
-
const IBizPanelContainerGroup = vue3Util.withInstall(
|
|
14
|
-
panelContainerGroup.PanelContainerGroup,
|
|
15
|
-
function(v) {
|
|
16
|
-
v.component(panelContainerGroup.PanelContainerGroup.name, panelContainerGroup.PanelContainerGroup);
|
|
17
|
-
runtime.registerPanelItemProvider(
|
|
18
|
-
"CONTAINER_CONTAINER_GROUP",
|
|
19
|
-
() => new panelContainerGroup_provider.PanelContainerGroupProvider()
|
|
20
|
-
);
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
exports.PanelContainerGroupState = panelContainerGroup_state.PanelContainerGroupState;
|
|
25
|
-
exports.PanelContainerGroupController = panelContainerGroup_controller.PanelContainerGroupController;
|
|
26
|
-
exports.IBizPanelContainerGroup = IBizPanelContainerGroup;
|
|
27
|
-
exports.default = IBizPanelContainerGroup;
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var vue = require('vue');
|
|
4
|
-
var vue3Util = require('@ibiz-template/vue3-util');
|
|
5
|
-
var panelContainerGroup_controller = require('./panel-container-group.controller.cjs');
|
|
6
|
-
require('./panel-container-group.css');
|
|
7
|
-
|
|
8
|
-
"use strict";
|
|
9
|
-
function _isSlot(s) {
|
|
10
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
|
|
11
|
-
}
|
|
12
|
-
const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
|
|
13
|
-
name: "IBizPanelContainerGroup",
|
|
14
|
-
props: {
|
|
15
|
-
modelData: {
|
|
16
|
-
type: Object,
|
|
17
|
-
required: true
|
|
18
|
-
},
|
|
19
|
-
controller: {
|
|
20
|
-
type: panelContainerGroup_controller.PanelContainerGroupController,
|
|
21
|
-
required: true
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
setup(props) {
|
|
25
|
-
const ns = vue3Util.useNamespace("panel-container-group");
|
|
26
|
-
const isCollapse = vue.ref(!props.controller.defaultExpansion);
|
|
27
|
-
const changeCollapse = () => {
|
|
28
|
-
if (!props.controller.disableClose) {
|
|
29
|
-
isCollapse.value = !isCollapse.value;
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const captionText = vue.computed(() => {
|
|
33
|
-
const {
|
|
34
|
-
captionItemName,
|
|
35
|
-
caption,
|
|
36
|
-
capLanguageRes
|
|
37
|
-
} = props.modelData;
|
|
38
|
-
if (captionItemName) {
|
|
39
|
-
return props.controller.data[captionItemName];
|
|
40
|
-
}
|
|
41
|
-
let text = caption;
|
|
42
|
-
if (capLanguageRes) {
|
|
43
|
-
text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
|
|
44
|
-
}
|
|
45
|
-
return text;
|
|
46
|
-
});
|
|
47
|
-
return {
|
|
48
|
-
ns,
|
|
49
|
-
captionText,
|
|
50
|
-
changeCollapse,
|
|
51
|
-
isCollapse
|
|
52
|
-
};
|
|
53
|
-
},
|
|
54
|
-
render() {
|
|
55
|
-
var _a, _b;
|
|
56
|
-
let _slot;
|
|
57
|
-
const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
|
|
58
|
-
if (this.modelData.showCaption === true) {
|
|
59
|
-
classArr.push(this.ns.m("show-header"));
|
|
60
|
-
classArr.push(this.ns.b("collapse"));
|
|
61
|
-
classArr.push(this.ns.is("collapse", this.isCollapse));
|
|
62
|
-
if (this.controller.disableClose) {
|
|
63
|
-
classArr.push(this.ns.bm("collapse", "disable-close"));
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
|
|
67
|
-
const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
|
|
68
|
-
"slot": "content",
|
|
69
|
-
"layout": this.modelData.layout
|
|
70
|
-
}, _isSlot(_slot = defaultSlots.map((slot) => {
|
|
71
|
-
const props = slot.props;
|
|
72
|
-
if (!props || !props.controller) {
|
|
73
|
-
return slot;
|
|
74
|
-
}
|
|
75
|
-
return vue.createVNode(vue.resolveComponent("iBizCol"), {
|
|
76
|
-
"layoutPos": props.modelData.layoutPos,
|
|
77
|
-
"state": props.controller.state
|
|
78
|
-
}, _isSlot(slot) ? slot : {
|
|
79
|
-
default: () => [slot]
|
|
80
|
-
});
|
|
81
|
-
})) ? _slot : {
|
|
82
|
-
default: () => [_slot]
|
|
83
|
-
});
|
|
84
|
-
let header = null;
|
|
85
|
-
if (this.modelData.showCaption) {
|
|
86
|
-
header = vue.createVNode("div", {
|
|
87
|
-
"class": [this.ns.b("header")],
|
|
88
|
-
"onClick": this.changeCollapse
|
|
89
|
-
}, [vue.createVNode("div", {
|
|
90
|
-
"class": [this.ns.be("header", "left")]
|
|
91
|
-
}, [vue.createVNode("div", {
|
|
92
|
-
"class": [this.ns.e("caption"), ...this.controller.labelClass]
|
|
93
|
-
}, [this.captionText])]), vue.createVNode("div", {
|
|
94
|
-
"class": [this.ns.be("header", "right")]
|
|
95
|
-
}, [this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? vue.createVNode("ion-icon", {
|
|
96
|
-
"name": "caret-forward-sharp"
|
|
97
|
-
}, null) : vue.createVNode("ion-icon", {
|
|
98
|
-
"name": "caret-down-sharp"
|
|
99
|
-
}, null))])]);
|
|
100
|
-
}
|
|
101
|
-
return vue.createVNode("div", {
|
|
102
|
-
"class": classArr
|
|
103
|
-
}, [header, vue.createVNode("div", {
|
|
104
|
-
"class": [this.ns.b("content")]
|
|
105
|
-
}, [content])]);
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
|
|
109
|
-
exports.PanelContainerGroup = PanelContainerGroup;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var runtime = require('@ibiz-template/runtime');
|
|
4
|
-
var panelContainerGroup_state = require('./panel-container-group.state.cjs');
|
|
5
|
-
|
|
6
|
-
"use strict";
|
|
7
|
-
class PanelContainerGroupController extends runtime.PanelItemController {
|
|
8
|
-
createState() {
|
|
9
|
-
var _a;
|
|
10
|
-
return new panelContainerGroup_state.PanelContainerGroupState((_a = this.parent) == null ? void 0 : _a.state);
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* 禁用关闭
|
|
14
|
-
*
|
|
15
|
-
* @author chitanda
|
|
16
|
-
* @date 2022-09-14 14:09:51
|
|
17
|
-
* @readonly
|
|
18
|
-
* @type {boolean}
|
|
19
|
-
*/
|
|
20
|
-
get disableClose() {
|
|
21
|
-
const { titleBarCloseMode: mode } = this.model;
|
|
22
|
-
return mode === 0 || mode === void 0;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* 是否默认展开分组
|
|
26
|
-
*
|
|
27
|
-
* @author chitanda
|
|
28
|
-
* @date 2022-09-14 14:09:09
|
|
29
|
-
* @readonly
|
|
30
|
-
*/
|
|
31
|
-
get defaultExpansion() {
|
|
32
|
-
const { titleBarCloseMode: mode } = this.model;
|
|
33
|
-
return this.disableClose || mode === 1;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
exports.PanelContainerGroupController = PanelContainerGroupController;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content__row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
|