@ibiz-template/vue3-components 0.7.18 → 0.7.19-alpha.0
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/index-DSuPqXOB.js +4 -0
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/{xlsx-util-wSE1X5Fm.js → xlsx-util-OC1lZ9lp.js} +1 -1
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts +2 -0
- package/es/control/toolbar/short-cut-button/short-cut-button.css +1 -0
- package/es/control/toolbar/short-cut-button/short-cut-button.mjs +1 -1
- package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/index.d.ts +1 -1
- package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.d.ts +1 -1
- package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs +12 -7
- package/es/util/app-popover/app-popover-component.css +1 -1
- package/es/view-engine/edit-view.engine.mjs +3 -1
- package/lib/control/toolbar/short-cut-button/short-cut-button.cjs +1 -1
- package/lib/control/toolbar/short-cut-button/short-cut-button.css +1 -0
- package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs +11 -6
- package/lib/util/app-popover/app-popover-component.css +1 -1
- package/lib/view-engine/edit-view.engine.cjs +3 -1
- package/package.json +5 -5
- package/dist/index-iWPyEUNq.js +0 -4
|
@@ -13,6 +13,8 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
|
|
|
13
13
|
load: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<IData>;
|
|
14
14
|
save: (args?: import("@ibiz-template/runtime").FormSaveParams | undefined) => Promise<IData>;
|
|
15
15
|
remove: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<boolean>;
|
|
16
|
+
autoSave: () => Promise<void>;
|
|
17
|
+
immediateAutoSave: () => Promise<void>;
|
|
16
18
|
wfSubmit: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<void>;
|
|
17
19
|
wfStart: (args?: import("@ibiz-template/runtime").IDataAbilityParams | undefined) => Promise<void>;
|
|
18
20
|
getData: () => IData[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ibiz-short-cut-button__icon svg{width:var(--ibiz-font-size-regular);height:var(--ibiz-font-size-regular);font-size:var(--ibiz-font-size-regular)}
|
|
@@ -58,7 +58,7 @@ const IBizShortCutButton = /* @__PURE__ */ defineComponent({
|
|
|
58
58
|
"onClick": this.onClick
|
|
59
59
|
}, {
|
|
60
60
|
default: () => [this.item.showIcon && this.item.sysImage && createVNode("span", {
|
|
61
|
-
"class": this.ns2.b("icon")
|
|
61
|
+
"class": [this.ns2.b("icon"), this.ns.e("icon")]
|
|
62
62
|
}, [createVNode(resolveComponent("iBizIcon"), {
|
|
63
63
|
"icon": this.item.sysImage
|
|
64
64
|
}, null)]), this.item.showCaption && createVNode("span", {
|
|
@@ -10,7 +10,7 @@ export declare const IBizTreeGridExFieldColumn: import("@ibiz-template/vue3-util
|
|
|
10
10
|
}, {
|
|
11
11
|
ns: import("@ibiz-template/core").Namespace;
|
|
12
12
|
nodeColumn: import("vue").ComputedRef<import("@ibiz-template/runtime").TreeGridExNodeColumnController | undefined>;
|
|
13
|
-
fieldValue: import("vue").
|
|
13
|
+
fieldValue: import("vue").Ref<any>;
|
|
14
14
|
showText: import("vue").ComputedRef<any>;
|
|
15
15
|
clickable: import("vue").ComputedRef<any>;
|
|
16
16
|
tooltip: import("vue").ComputedRef<any>;
|
|
@@ -13,7 +13,7 @@ export declare const TreeGridExFieldColumn: import("vue").DefineComponent<{
|
|
|
13
13
|
}, {
|
|
14
14
|
ns: import("@ibiz-template/core").Namespace;
|
|
15
15
|
nodeColumn: import("vue").ComputedRef<import("@ibiz-template/runtime").TreeGridExNodeColumnController | undefined>;
|
|
16
|
-
fieldValue: import("vue").
|
|
16
|
+
fieldValue: import("vue").Ref<any>;
|
|
17
17
|
showText: import("vue").ComputedRef<any>;
|
|
18
18
|
clickable: import("vue").ComputedRef<any>;
|
|
19
19
|
tooltip: import("vue").ComputedRef<any>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
2
|
import { useNamespace } from '@ibiz-template/vue3-util';
|
|
3
3
|
import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
|
|
4
4
|
import { isNotNil } from 'ramda';
|
|
@@ -19,14 +19,19 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
},
|
|
20
20
|
setup(props) {
|
|
21
21
|
const ns = useNamespace("tree-grid-ex-field-column");
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
});
|
|
25
|
-
const fieldValue = computed(() => {
|
|
22
|
+
const fieldValue = ref();
|
|
23
|
+
watch(() => props.row.data, () => {
|
|
26
24
|
if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
|
|
27
|
-
|
|
25
|
+
fieldValue.value = props.row.data._text;
|
|
26
|
+
} else {
|
|
27
|
+
fieldValue.value = props.row.data[props.controller.name];
|
|
28
28
|
}
|
|
29
|
-
|
|
29
|
+
}, {
|
|
30
|
+
deep: true,
|
|
31
|
+
immediate: true
|
|
32
|
+
});
|
|
33
|
+
const nodeColumn = computed(() => {
|
|
34
|
+
return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
|
|
30
35
|
});
|
|
31
36
|
const codeListText = ref("");
|
|
32
37
|
const onInfoTextChange = (text) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
|
|
1
|
+
.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;z-index:-1;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
|
|
@@ -63,7 +63,9 @@ class EditViewEngine extends ViewEngineBase {
|
|
|
63
63
|
modal.hooks.shouldDismiss.tapPromise(async (context) => {
|
|
64
64
|
const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
|
|
65
65
|
const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
|
|
66
|
-
if (isChange &&
|
|
66
|
+
if (isChange && this.form.model.enableAutoSave) {
|
|
67
|
+
await this.form.immediateAutoSave();
|
|
68
|
+
} else if (isChange && context.allowClose == null) {
|
|
67
69
|
const isAllow = await ibiz.confirm.error({
|
|
68
70
|
title: ibiz.i18n.t("viewEngine.closeRemind"),
|
|
69
71
|
desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")
|
|
@@ -60,7 +60,7 @@ const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
|
|
|
60
60
|
"onClick": this.onClick
|
|
61
61
|
}, {
|
|
62
62
|
default: () => [this.item.showIcon && this.item.sysImage && vue.createVNode("span", {
|
|
63
|
-
"class": this.ns2.b("icon")
|
|
63
|
+
"class": [this.ns2.b("icon"), this.ns.e("icon")]
|
|
64
64
|
}, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
|
|
65
65
|
"icon": this.item.sysImage
|
|
66
66
|
}, null)]), this.item.showCaption && vue.createVNode("span", {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ibiz-short-cut-button__icon svg{width:var(--ibiz-font-size-regular);height:var(--ibiz-font-size-regular);font-size:var(--ibiz-font-size-regular)}
|
|
@@ -23,14 +23,19 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
|
|
|
23
23
|
},
|
|
24
24
|
setup(props) {
|
|
25
25
|
const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
});
|
|
29
|
-
const fieldValue = vue.computed(() => {
|
|
26
|
+
const fieldValue = vue.ref();
|
|
27
|
+
vue.watch(() => props.row.data, () => {
|
|
30
28
|
if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
|
|
31
|
-
|
|
29
|
+
fieldValue.value = props.row.data._text;
|
|
30
|
+
} else {
|
|
31
|
+
fieldValue.value = props.row.data[props.controller.name];
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
}, {
|
|
34
|
+
deep: true,
|
|
35
|
+
immediate: true
|
|
36
|
+
});
|
|
37
|
+
const nodeColumn = vue.computed(() => {
|
|
38
|
+
return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
|
|
34
39
|
});
|
|
35
40
|
const codeListText = vue.ref("");
|
|
36
41
|
const onInfoTextChange = (text) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
|
|
1
|
+
.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;z-index:-1;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
|
|
@@ -65,7 +65,9 @@ class EditViewEngine extends runtime.ViewEngineBase {
|
|
|
65
65
|
modal.hooks.shouldDismiss.tapPromise(async (context) => {
|
|
66
66
|
const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
|
|
67
67
|
const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
|
|
68
|
-
if (isChange &&
|
|
68
|
+
if (isChange && this.form.model.enableAutoSave) {
|
|
69
|
+
await this.form.immediateAutoSave();
|
|
70
|
+
} else if (isChange && context.allowClose == null) {
|
|
69
71
|
const isAllow = await ibiz.confirm.error({
|
|
70
72
|
title: ibiz.i18n.t("viewEngine.closeRemind"),
|
|
71
73
|
desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ibiz-template/vue3-components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.19-alpha.0",
|
|
4
4
|
"description": "使用 rollup 编译 vue 组件或者 jsx",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@floating-ui/dom": "^1.5.3",
|
|
31
31
|
"@ibiz-template-plugin/ai-chat": "^0.0.5",
|
|
32
|
-
"@ibiz-template-plugin/gantt": "0.1.
|
|
32
|
+
"@ibiz-template-plugin/gantt": "0.1.6-alpha.0",
|
|
33
33
|
"@ibiz-template/core": "0.7.18",
|
|
34
34
|
"@ibiz-template/devtool": "0.0.1-dev.6",
|
|
35
|
-
"@ibiz-template/model-helper": "0.7.
|
|
36
|
-
"@ibiz-template/runtime": "0.7.
|
|
35
|
+
"@ibiz-template/model-helper": "0.7.19-alpha.0",
|
|
36
|
+
"@ibiz-template/runtime": "0.7.19-alpha.0",
|
|
37
37
|
"@ibiz-template/theme": "^0.7.0",
|
|
38
|
-
"@ibiz-template/vue3-util": "0.7.
|
|
38
|
+
"@ibiz-template/vue3-util": "0.7.19-alpha.0",
|
|
39
39
|
"@ibiz-template/web-theme": "^1.1.17",
|
|
40
40
|
"@ibiz/model-core": "^0.1.27",
|
|
41
41
|
"@imengyu/vue3-context-menu": "^1.3.5",
|