@ibiz-template/vue3-components 0.7.41-alpha.1 → 0.7.41-alpha.3
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-wTJRDY6L.js +4 -0
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/{wang-editor-6EirGFoh.js → wang-editor-F-NQHCVT.js} +1 -1
- package/dist/{xlsx-util-J1RHk00u.js → xlsx-util-0wARAx2L.js} +1 -1
- package/es/common/split/split.css +1 -1
- package/es/control/drtab/drtab-control.util.mjs +1 -1
- package/es/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
- package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs +25 -4
- package/es/control/grid/grid/grid-control.util.d.ts +1 -1
- package/es/control/grid/grid/grid-control.util.mjs +31 -4
- package/es/control/grid/grid/grid.mjs +7 -5
- package/es/control/tree/el-tree-util.d.ts +23 -1
- package/es/control/tree/el-tree-util.mjs +30 -1
- package/es/control/tree/tree.d.ts +5 -1
- package/es/control/tree/tree.mjs +90 -10
- package/es/control/tree-grid/tree-grid.mjs +1 -1
- package/es/util/fullscreen/fullscreen-util.mjs +1 -1
- package/lib/common/split/split.css +1 -1
- package/lib/control/drtab/drtab-control.util.cjs +1 -1
- package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs +25 -4
- package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
- package/lib/control/grid/grid/grid-control.util.cjs +30 -3
- package/lib/control/grid/grid/grid.cjs +7 -5
- package/lib/control/tree/el-tree-util.cjs +31 -0
- package/lib/control/tree/tree.cjs +88 -8
- package/lib/control/tree-grid/tree-grid.cjs +1 -1
- package/lib/util/fullscreen/fullscreen-util.cjs +1 -1
- package/package.json +7 -7
- package/dist/index-eIKUlAq_.js +0 -4
- /package/es/node_modules/.pnpm/{@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1 → @ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1}/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs +0 -0
- /package/lib/node_modules/.pnpm/{@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1 → @ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1}/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-
|
|
1
|
+
.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref, watch, watchEffect, onUnmounted } from 'vue';
|
|
2
|
-
import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.
|
|
2
|
+
import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
|
|
3
3
|
|
|
4
4
|
"use strict";
|
|
5
5
|
function useAppDRTab(c, controlRef, counterData) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
|
|
1
|
+
.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container__popper.is-md.el-popper.el-popper{padding:0}.ibiz-form-item-container__popper.is-md.el-popper.el-popper .ibiz-form-item-container__popper--content{padding:0}.ibiz-form-item-container__popper.is-md .ibiz-markdown{max-height:100vh;padding:0 calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight));overflow:auto}.ibiz-form-item-container__popper.is-md .ibiz-form-item-container__popper--tooltip{padding:calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight)) 0}.ibiz-form-item-container__popper.is-md .ibiz-markdown-cherry{width:auto!important}.ibiz-form-item-container__popper.is-md .cherry-previewer p:only-child{margin:0}.ibiz-form-item-container__popper.is-md .cherry-previewer>p:first-child{margin-top:0}.ibiz-form-item-container__popper.is-md .cherry-sidebar,.ibiz-form-item-container__popper.is-md .cherry-toolbar,.ibiz-form-item-container__popper.is-md .cherry-toolbar-button{display:none}.ibiz-form-item-container__popper.is-md .cherry{font-size:inherit;line-height:inherit}.ibiz-form-item-container__popper.is-md .cherry,.ibiz-form-item-container__popper.is-md .cherry .cherry-previewer{padding:0;background-color:transparent;border:none!important;box-shadow:none}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
|
|
@@ -26,12 +26,34 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
|
|
|
26
26
|
c.loadInputTip();
|
|
27
27
|
});
|
|
28
28
|
onUnmounted(() => c.clearTipsCache());
|
|
29
|
+
const renderTipContent = () => {
|
|
30
|
+
const {
|
|
31
|
+
inputTip
|
|
32
|
+
} = c.state;
|
|
33
|
+
switch (ibiz.config.tooltiprendermode) {
|
|
34
|
+
case "none":
|
|
35
|
+
return createVNode("span", {
|
|
36
|
+
"class": ns.m("text")
|
|
37
|
+
}, [inputTip]);
|
|
38
|
+
case "html":
|
|
39
|
+
return createVNode("div", {
|
|
40
|
+
"class": ns.m("html"),
|
|
41
|
+
"innerHTML": inputTip
|
|
42
|
+
}, null);
|
|
43
|
+
case "md":
|
|
44
|
+
default:
|
|
45
|
+
return createVNode(resolveComponent("iBizMarkDown"), {
|
|
46
|
+
"value": inputTip,
|
|
47
|
+
"disabled": true
|
|
48
|
+
}, null);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
29
51
|
const renderInputTip = () => {
|
|
30
52
|
return createVNode(resolveComponent("el-tooltip"), {
|
|
31
53
|
"effect": "light",
|
|
32
54
|
"visible": visible.value,
|
|
33
55
|
"onUpdate:visible": ($event) => visible.value = $event,
|
|
34
|
-
"popper-class": ns.e("popper"),
|
|
56
|
+
"popper-class": [ns.e("popper"), ns.is(ibiz.config.tooltiprendermode.toLowerCase(), true)],
|
|
35
57
|
"disabled": !enableInputTip,
|
|
36
58
|
"placement": labelPos === "RIGHT" ? "right" : "left"
|
|
37
59
|
}, {
|
|
@@ -52,9 +74,8 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
|
|
|
52
74
|
return createVNode("div", {
|
|
53
75
|
"class": ns.em("popper", "content")
|
|
54
76
|
}, [createVNode("div", {
|
|
55
|
-
"class": ns.em("popper", "tooltip")
|
|
56
|
-
|
|
57
|
-
}, null), c.state.inputTipUrl && createVNode("a", {
|
|
77
|
+
"class": ns.em("popper", "tooltip")
|
|
78
|
+
}, [renderTipContent()]), c.state.inputTipUrl && createVNode("a", {
|
|
58
79
|
"target": "_blank",
|
|
59
80
|
"href": c.state.inputTipUrl,
|
|
60
81
|
"title": ibiz.i18n.t("component.formItemContainer.more")
|
|
@@ -69,7 +69,7 @@ export declare function useAppGridPagination(c: GridController): {
|
|
|
69
69
|
onPageSizeChange: (size: number) => void;
|
|
70
70
|
onPageRefresh: () => void;
|
|
71
71
|
};
|
|
72
|
-
export declare function useAppGridBase(c: GridController, props: IGridProps): {
|
|
72
|
+
export declare function useAppGridBase(c: GridController, props: IGridProps, tableRef: Ref<IData | undefined>): {
|
|
73
73
|
tableData: Ref<IData>;
|
|
74
74
|
renderColumns: Ref<IDEGridColumn[]>;
|
|
75
75
|
defaultSort: Ref<IData>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { NOOP, eventPath, listenJSEvent, recursiveIterate } from '@ibiz-template/core';
|
|
2
|
-
import { Srfuf, ControlVO, GridRowState } from '@ibiz-template/runtime';
|
|
2
|
+
import { Srfuf, ControlVO, GridRowState, ScriptFactory } from '@ibiz-template/runtime';
|
|
3
3
|
import { orderBy, chunk } from 'lodash-es';
|
|
4
4
|
import { ref, computed, watch, nextTick, watchEffect, onUnmounted } from 'vue';
|
|
5
5
|
import '../../../util/index.mjs';
|
|
@@ -71,6 +71,14 @@ function useITableEvent(c) {
|
|
|
71
71
|
}
|
|
72
72
|
}, 300);
|
|
73
73
|
}
|
|
74
|
+
const allGridColumns = [];
|
|
75
|
+
recursiveIterate(
|
|
76
|
+
c.model,
|
|
77
|
+
(column) => {
|
|
78
|
+
allGridColumns.push(column);
|
|
79
|
+
},
|
|
80
|
+
{ childrenFields: ["degridColumns"] }
|
|
81
|
+
);
|
|
74
82
|
c.evt.on("onToggleRowExpansion", (event) => {
|
|
75
83
|
const { row, expand } = event;
|
|
76
84
|
if (tableRef.value) {
|
|
@@ -357,8 +365,7 @@ function useITableEvent(c) {
|
|
|
357
365
|
_rowIndex,
|
|
358
366
|
_columnIndex
|
|
359
367
|
}) {
|
|
360
|
-
|
|
361
|
-
const columnModel = (_a = c.model.degridColumns) == null ? void 0 : _a.find((gridColumn) => {
|
|
368
|
+
const columnModel = allGridColumns.find((gridColumn) => {
|
|
362
369
|
return gridColumn.codeName === column.property;
|
|
363
370
|
});
|
|
364
371
|
if (columnModel && columnModel.headerSysCss && columnModel.headerSysCss.cssName) {
|
|
@@ -433,7 +440,7 @@ function useAppGridPagination(c) {
|
|
|
433
440
|
}
|
|
434
441
|
return { onPageChange, onPageSizeChange, onPageRefresh };
|
|
435
442
|
}
|
|
436
|
-
function useAppGridBase(c, props) {
|
|
443
|
+
function useAppGridBase(c, props, tableRef) {
|
|
437
444
|
const initSimpleData = () => {
|
|
438
445
|
if (!props.data) {
|
|
439
446
|
return;
|
|
@@ -588,6 +595,26 @@ function useAppGridBase(c, props) {
|
|
|
588
595
|
rowIndex,
|
|
589
596
|
columnIndex
|
|
590
597
|
}) => {
|
|
598
|
+
var _a;
|
|
599
|
+
const spanMethodAttribute = (_a = c.model.controlAttributes) == null ? void 0 : _a.find((item) => {
|
|
600
|
+
return item.attrName === "span-method" && item.attrValue;
|
|
601
|
+
});
|
|
602
|
+
if (spanMethodAttribute) {
|
|
603
|
+
return ScriptFactory.execScriptFn(
|
|
604
|
+
{
|
|
605
|
+
...c.getEventArgs(),
|
|
606
|
+
metadata: {
|
|
607
|
+
row,
|
|
608
|
+
column,
|
|
609
|
+
rowIndex,
|
|
610
|
+
columnIndex,
|
|
611
|
+
items: tableRef.value.store.states.data.value
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
spanMethodAttribute.attrValue,
|
|
615
|
+
{ isAsync: false }
|
|
616
|
+
);
|
|
617
|
+
}
|
|
591
618
|
const { property } = column;
|
|
592
619
|
const { rowspankeys = [], colspankeys = [] } = c.controlParams;
|
|
593
620
|
if (rowspankeys.length > 0 && rowspankeys.includes(property)) {
|
|
@@ -18,10 +18,12 @@ function renderAttrs(model, params) {
|
|
|
18
18
|
var _a;
|
|
19
19
|
const attrs = {};
|
|
20
20
|
(_a = model.controlAttributes) == null ? void 0 : _a.forEach((item) => {
|
|
21
|
-
if (item.attrName
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
if (item.attrName !== "span-method") {
|
|
22
|
+
if (item.attrName && item.attrValue) {
|
|
23
|
+
attrs[item.attrName] = ScriptFactory.execSingleLine(item.attrValue, {
|
|
24
|
+
...params
|
|
25
|
+
});
|
|
26
|
+
}
|
|
25
27
|
}
|
|
26
28
|
});
|
|
27
29
|
return attrs;
|
|
@@ -390,7 +392,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
|
|
|
390
392
|
summaryMethod,
|
|
391
393
|
spanMethod,
|
|
392
394
|
headerDragend
|
|
393
|
-
} = useAppGridBase(c, props);
|
|
395
|
+
} = useAppGridBase(c, props, tableRef);
|
|
394
396
|
const {
|
|
395
397
|
renderPopover
|
|
396
398
|
} = useRowEditPopover(tableRef, c);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IControlProvider, ITreeController, ITreeNodeData, TreeController } from '@ibiz-template/runtime';
|
|
2
|
-
import { IDETree } from '@ibiz/model-core';
|
|
2
|
+
import { IControlRender, IDETree, IPanel } from '@ibiz/model-core';
|
|
3
3
|
import { ElTree } from 'element-plus';
|
|
4
4
|
import { NodeDropType } from 'element-plus/es/components/tree/src/tree.type';
|
|
5
5
|
import { Ref } from 'vue';
|
|
@@ -956,3 +956,25 @@ export declare function useAppTreeBase(c: TreeController, props: ITreeProps): vo
|
|
|
956
956
|
* @param {IData} curItem
|
|
957
957
|
*/
|
|
958
958
|
export declare function findChildItems(c: TreeController, modelData: IData, curItem: IData): IData[];
|
|
959
|
+
/**
|
|
960
|
+
* 获取树节点布局面板
|
|
961
|
+
*
|
|
962
|
+
* @param {{
|
|
963
|
+
* controlRenders?: IControlRender[];
|
|
964
|
+
* }} control
|
|
965
|
+
* @return {*} {(IPanel | undefined)}
|
|
966
|
+
*/
|
|
967
|
+
export declare function getNodeControlPanel(control: {
|
|
968
|
+
controlRenders?: IControlRender[];
|
|
969
|
+
}): IPanel | undefined;
|
|
970
|
+
/**
|
|
971
|
+
* 获取新建树节点布局面板
|
|
972
|
+
*
|
|
973
|
+
* @param {{
|
|
974
|
+
* controlRenders?: IControlRender[];
|
|
975
|
+
* }} control
|
|
976
|
+
* @return {*} {(IPanel | undefined)}
|
|
977
|
+
*/
|
|
978
|
+
export declare function getNewNodeControlPanel(control: {
|
|
979
|
+
controlRenders?: IControlRender[];
|
|
980
|
+
}): IPanel | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { RuntimeError } from '@ibiz-template/core';
|
|
2
|
+
import { getControlPanel, ScriptFactory } from '@ibiz-template/runtime';
|
|
2
3
|
import { createUUID } from 'qx-util';
|
|
3
4
|
import { debounce, cloneDeep } from 'lodash-es';
|
|
4
5
|
import { watch } from 'vue';
|
|
@@ -141,5 +142,33 @@ function findChildItems(c, modelData, curItem) {
|
|
|
141
142
|
});
|
|
142
143
|
return children;
|
|
143
144
|
}
|
|
145
|
+
function getNodeControlPanel(control) {
|
|
146
|
+
if (control.controlRenders) {
|
|
147
|
+
const controlRenders = control.controlRenders.filter(
|
|
148
|
+
(item) => (item.id || "").split("_")[0] !== "newnoderender"
|
|
149
|
+
);
|
|
150
|
+
return getControlPanel({ controlRenders });
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
function getNewNodeControlPanel(control) {
|
|
154
|
+
if (control.controlRenders) {
|
|
155
|
+
const controlRender = control.controlRenders.find(
|
|
156
|
+
(item) => (item.id || "").split("_")[0] === "newnoderender"
|
|
157
|
+
);
|
|
158
|
+
if (!controlRender)
|
|
159
|
+
return;
|
|
160
|
+
if (controlRender.renderType === "LAYOUTPANEL_MODEL" && controlRender.layoutPanelModel) {
|
|
161
|
+
const layoutPanelModel = ScriptFactory.execScriptFn(
|
|
162
|
+
{},
|
|
163
|
+
controlRender.layoutPanelModel,
|
|
164
|
+
{ isAsync: false }
|
|
165
|
+
);
|
|
166
|
+
return layoutPanelModel;
|
|
167
|
+
}
|
|
168
|
+
if (controlRender.renderType === "LAYOUTPANEL" && controlRender.layoutPanel) {
|
|
169
|
+
return controlRender.layoutPanel;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
}
|
|
144
173
|
|
|
145
|
-
export { findChildItems, findNodeData, formatNodeDropType, useAppTreeBase, useElTreeUtil };
|
|
174
|
+
export { findChildItems, findNodeData, formatNodeDropType, getNewNodeControlPanel, getNodeControlPanel, useAppTreeBase, useElTreeUtil };
|
|
@@ -257,7 +257,11 @@ export declare const TreeControl: import("vue").DefineComponent<{
|
|
|
257
257
|
}>;
|
|
258
258
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
259
259
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
260
|
-
$emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void;
|
|
260
|
+
$emit: (event: "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", ...args: any[]) => void; /**
|
|
261
|
+
* 处理键盘ESC事件
|
|
262
|
+
* @author tony001
|
|
263
|
+
* @date 2023-12-15 05:37:03
|
|
264
|
+
*/
|
|
261
265
|
$el: any;
|
|
262
266
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
263
267
|
data: {
|
package/es/control/tree/tree.mjs
CHANGED
|
@@ -2,11 +2,11 @@ import { isVNode, ref, reactive, onUnmounted, watch, computed, nextTick, resolve
|
|
|
2
2
|
import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
|
|
3
3
|
import { createUUID } from 'qx-util';
|
|
4
4
|
import { cloneDeep, debounce } from 'lodash-es';
|
|
5
|
-
import { TreeController,
|
|
5
|
+
import { TreeController, AppDataEntity, PanelItemEventName } from '@ibiz-template/runtime';
|
|
6
6
|
import './tree.css';
|
|
7
7
|
import { RuntimeError } from '@ibiz-template/core';
|
|
8
8
|
import { isNil } from 'ramda';
|
|
9
|
-
import { useAppTreeBase, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType } from './el-tree-util.mjs';
|
|
9
|
+
import { useAppTreeBase, getNewNodeControlPanel, findNodeData, useElTreeUtil, findChildItems, formatNodeDropType, getNodeControlPanel } from './el-tree-util.mjs';
|
|
10
10
|
|
|
11
11
|
"use strict";
|
|
12
12
|
function _isSlot(s) {
|
|
@@ -133,21 +133,38 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
133
133
|
const treeNodeTextInputRef = ref(null);
|
|
134
134
|
const editingNodeKey = ref(null);
|
|
135
135
|
const editingNodeText = ref(null);
|
|
136
|
+
const newNodePanelRef = ref();
|
|
136
137
|
const newTreeNodeText = ref(null);
|
|
137
138
|
const newNodeModel = ref(null);
|
|
138
139
|
const newDefaultValue = ref(null);
|
|
139
140
|
const newNodeKey = ref("".concat(createUUID(), "-").concat(createUUID()));
|
|
140
141
|
const newNodeData = ref(null);
|
|
141
|
-
|
|
142
|
+
const newNodeDeData = ref(null);
|
|
143
|
+
const newNodeControlPanel = ref(null);
|
|
144
|
+
c.evt.on("onNewTreeNode", async (args) => {
|
|
145
|
+
var _a;
|
|
142
146
|
const {
|
|
143
147
|
nodeModel,
|
|
144
148
|
defaultValue,
|
|
145
149
|
parentNodeData
|
|
146
150
|
} = args;
|
|
147
|
-
|
|
151
|
+
const {
|
|
152
|
+
appId,
|
|
153
|
+
appDataEntityId
|
|
154
|
+
} = nodeModel;
|
|
155
|
+
const entityModel = await ibiz.hub.getAppDataEntity(appDataEntityId, appId);
|
|
156
|
+
const layoutPanel = getNewNodeControlPanel(nodeModel);
|
|
157
|
+
if (layoutPanel) {
|
|
158
|
+
newNodeDeData.value = new AppDataEntity(entityModel, {});
|
|
159
|
+
newNodeControlPanel.value = layoutPanel || null;
|
|
160
|
+
}
|
|
148
161
|
newDefaultValue.value = defaultValue;
|
|
149
162
|
editingNodeKey.value = null;
|
|
150
163
|
editingNodeText.value = null;
|
|
164
|
+
if (newNodeData.value) {
|
|
165
|
+
(_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
|
|
166
|
+
newNodeData.value = null;
|
|
167
|
+
}
|
|
151
168
|
if (parentNodeData && treeRef.value) {
|
|
152
169
|
const _newNodeData = {};
|
|
153
170
|
Object.assign(_newNodeData, {
|
|
@@ -158,6 +175,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
158
175
|
treeRef.value.append(_newNodeData, parentNodeData);
|
|
159
176
|
newNodeData.value = _newNodeData;
|
|
160
177
|
}
|
|
178
|
+
newNodeModel.value = nodeModel;
|
|
161
179
|
});
|
|
162
180
|
watch(() => treeNodeTextInputRef.value, (newVal) => {
|
|
163
181
|
if (newVal) {
|
|
@@ -189,7 +207,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
189
207
|
}
|
|
190
208
|
}
|
|
191
209
|
if (newNodeModel.value) {
|
|
192
|
-
|
|
210
|
+
const hasNonNullValue = newNodeDeData.value && Object.values(newNodeDeData.value).some((_val) => !!_val);
|
|
211
|
+
if (newNodeControlPanel.value && hasNonNullValue) {
|
|
212
|
+
const {
|
|
213
|
+
textAppDEFieldId,
|
|
214
|
+
id
|
|
215
|
+
} = newNodeModel.value;
|
|
216
|
+
const nodeData = {
|
|
217
|
+
_nodeId: id,
|
|
218
|
+
_text: [newNodeDeData.value[textAppDEFieldId]],
|
|
219
|
+
_deData: {}
|
|
220
|
+
};
|
|
221
|
+
Object.assign(nodeData._deData, newNodeDeData.value);
|
|
222
|
+
if (newDefaultValue.value) {
|
|
223
|
+
Object.keys(newDefaultValue.value).forEach((_key) => {
|
|
224
|
+
if (!nodeData._deData[_key])
|
|
225
|
+
Object.assign(nodeData._deData, {
|
|
226
|
+
[_key]: newDefaultValue.value[_key]
|
|
227
|
+
});
|
|
228
|
+
});
|
|
229
|
+
}
|
|
230
|
+
await c.createDeNodeData([nodeData]);
|
|
231
|
+
} else if (newTreeNodeText.value) {
|
|
193
232
|
const {
|
|
194
233
|
textAppDEFieldId,
|
|
195
234
|
id
|
|
@@ -213,6 +252,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
213
252
|
newNodeModel.value = null;
|
|
214
253
|
newTreeNodeText.value = null;
|
|
215
254
|
newDefaultValue.value = null;
|
|
255
|
+
newNodeDeData.value = null;
|
|
256
|
+
newNodeControlPanel.value = null;
|
|
257
|
+
newNodePanelRef.value = null;
|
|
216
258
|
if (newNodeData.value)
|
|
217
259
|
(_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
|
|
218
260
|
newNodeData.value = null;
|
|
@@ -228,6 +270,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
228
270
|
newNodeModel.value = null;
|
|
229
271
|
newTreeNodeText.value = null;
|
|
230
272
|
newDefaultValue.value = null;
|
|
273
|
+
newNodeDeData.value = null;
|
|
274
|
+
newNodeControlPanel.value = null;
|
|
275
|
+
newNodePanelRef.value = null;
|
|
231
276
|
if (newNodeData.value)
|
|
232
277
|
(_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
|
|
233
278
|
newNodeData.value = null;
|
|
@@ -242,6 +287,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
242
287
|
onNodeTextEditEsc();
|
|
243
288
|
}
|
|
244
289
|
};
|
|
290
|
+
const onPanelItemEvent = (_args) => {
|
|
291
|
+
if (!_args)
|
|
292
|
+
return;
|
|
293
|
+
const {
|
|
294
|
+
panelItemEventName
|
|
295
|
+
} = _args;
|
|
296
|
+
if (panelItemEventName === PanelItemEventName.ENTER) {
|
|
297
|
+
onNodeTextEditBlur();
|
|
298
|
+
}
|
|
299
|
+
};
|
|
300
|
+
const onPanelItemKeydown = (e) => {
|
|
301
|
+
if (e.code === "Escape" || e.keyCode === 27)
|
|
302
|
+
onNodeTextEditEsc();
|
|
303
|
+
};
|
|
245
304
|
const {
|
|
246
305
|
updateUI,
|
|
247
306
|
triggerNodeExpand
|
|
@@ -594,12 +653,20 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
594
653
|
editCurrentNodeText();
|
|
595
654
|
}
|
|
596
655
|
};
|
|
656
|
+
const handleMouseup = () => {
|
|
657
|
+
var _a;
|
|
658
|
+
const isFoucs = (_a = newNodePanelRef.value) == null ? void 0 : _a.$el.querySelector(".is-focus");
|
|
659
|
+
if (newNodeControlPanel.value && !isFoucs)
|
|
660
|
+
onNodeTextEditBlur();
|
|
661
|
+
};
|
|
597
662
|
onMounted(() => {
|
|
598
663
|
var _a;
|
|
664
|
+
document.addEventListener("mouseup", handleMouseup.bind(this));
|
|
599
665
|
(_a = treeviewRef.value) == null ? void 0 : _a.$el.addEventListener("keydown", keydownHandle);
|
|
600
666
|
});
|
|
601
667
|
onUnmounted(() => {
|
|
602
668
|
var _a;
|
|
669
|
+
document.removeEventListener("mouseup", handleMouseup.bind(this));
|
|
603
670
|
(_a = treeviewRef.value) == null ? void 0 : _a.$el.removeEventListener("keydown", keydownHandle);
|
|
604
671
|
});
|
|
605
672
|
const renderCounter = (nodeModel) => {
|
|
@@ -618,19 +685,32 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
618
685
|
}
|
|
619
686
|
};
|
|
620
687
|
const renderNewNode = () => {
|
|
621
|
-
var _a, _b, _c;
|
|
688
|
+
var _a, _b, _c, _d;
|
|
622
689
|
if (!newNodeModel.value) {
|
|
623
690
|
return null;
|
|
624
691
|
}
|
|
692
|
+
if (newNodeControlPanel.value) {
|
|
693
|
+
return createVNode(resolveComponent("iBizControlShell"), {
|
|
694
|
+
"class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
|
|
695
|
+
"ref": newNodePanelRef,
|
|
696
|
+
"data": newNodeDeData.value,
|
|
697
|
+
"modelData": newNodeControlPanel.value,
|
|
698
|
+
"context": c.context,
|
|
699
|
+
"params": c.params,
|
|
700
|
+
"onMouseup": (_e) => _e.stopPropagation(),
|
|
701
|
+
"onPanelItemEvent": onPanelItemEvent,
|
|
702
|
+
"onKeydown": onPanelItemKeydown
|
|
703
|
+
}, null);
|
|
704
|
+
}
|
|
625
705
|
return createVNode("div", {
|
|
626
|
-
"class": [ns.b("new-node"), (
|
|
706
|
+
"class": [ns.b("new-node"), (_b = newNodeModel.value.sysCss) == null ? void 0 : _b.cssName],
|
|
627
707
|
"onClick": (_e) => {
|
|
628
708
|
_e.preventDefault();
|
|
629
709
|
_e.stopPropagation();
|
|
630
710
|
}
|
|
631
|
-
}, [((
|
|
711
|
+
}, [((_c = newNodeModel.value) == null ? void 0 : _c.sysImage) ? createVNode(iBizIcon, {
|
|
632
712
|
"class": ns.be("node", "icon"),
|
|
633
|
-
"icon": (
|
|
713
|
+
"icon": (_d = newNodeModel.value) == null ? void 0 : _d.sysImage
|
|
634
714
|
}, null) : null, createVNode(resolveComponent("el-input"), {
|
|
635
715
|
"modelValue": newTreeNodeText.value,
|
|
636
716
|
"onUpdate:modelValue": ($event) => newTreeNodeText.value = $event,
|
|
@@ -757,7 +837,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
757
837
|
}
|
|
758
838
|
}, null)]);
|
|
759
839
|
}
|
|
760
|
-
const layoutPanel =
|
|
840
|
+
const layoutPanel = getNodeControlPanel(nodeModel);
|
|
761
841
|
let content;
|
|
762
842
|
if (layoutPanel) {
|
|
763
843
|
content = createVNode(resolveComponent("iBizControlShell"), {
|
|
@@ -110,7 +110,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
|
|
|
110
110
|
defaultSort,
|
|
111
111
|
summaryMethod,
|
|
112
112
|
headerDragend
|
|
113
|
-
} = useAppGridBase(c, props);
|
|
113
|
+
} = useAppGridBase(c, props, tableRef);
|
|
114
114
|
const {
|
|
115
115
|
renderPopover
|
|
116
116
|
} = useRowEditPopover(tableRef, c);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createApp } from 'vue';
|
|
2
2
|
import ElementPlus from 'element-plus';
|
|
3
|
-
import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.
|
|
3
|
+
import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
|
|
4
4
|
import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-
|
|
1
|
+
.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var vue = require('vue');
|
|
4
|
-
var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.
|
|
4
|
+
var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.2_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
7
7
|
function useAppDRTab(c, controlRef, counterData) {
|
|
@@ -28,12 +28,34 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
|
|
|
28
28
|
c.loadInputTip();
|
|
29
29
|
});
|
|
30
30
|
vue.onUnmounted(() => c.clearTipsCache());
|
|
31
|
+
const renderTipContent = () => {
|
|
32
|
+
const {
|
|
33
|
+
inputTip
|
|
34
|
+
} = c.state;
|
|
35
|
+
switch (ibiz.config.tooltiprendermode) {
|
|
36
|
+
case "none":
|
|
37
|
+
return vue.createVNode("span", {
|
|
38
|
+
"class": ns.m("text")
|
|
39
|
+
}, [inputTip]);
|
|
40
|
+
case "html":
|
|
41
|
+
return vue.createVNode("div", {
|
|
42
|
+
"class": ns.m("html"),
|
|
43
|
+
"innerHTML": inputTip
|
|
44
|
+
}, null);
|
|
45
|
+
case "md":
|
|
46
|
+
default:
|
|
47
|
+
return vue.createVNode(vue.resolveComponent("iBizMarkDown"), {
|
|
48
|
+
"value": inputTip,
|
|
49
|
+
"disabled": true
|
|
50
|
+
}, null);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
31
53
|
const renderInputTip = () => {
|
|
32
54
|
return vue.createVNode(vue.resolveComponent("el-tooltip"), {
|
|
33
55
|
"effect": "light",
|
|
34
56
|
"visible": visible.value,
|
|
35
57
|
"onUpdate:visible": ($event) => visible.value = $event,
|
|
36
|
-
"popper-class": ns.e("popper"),
|
|
58
|
+
"popper-class": [ns.e("popper"), ns.is(ibiz.config.tooltiprendermode.toLowerCase(), true)],
|
|
37
59
|
"disabled": !enableInputTip,
|
|
38
60
|
"placement": labelPos === "RIGHT" ? "right" : "left"
|
|
39
61
|
}, {
|
|
@@ -54,9 +76,8 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
|
|
|
54
76
|
return vue.createVNode("div", {
|
|
55
77
|
"class": ns.em("popper", "content")
|
|
56
78
|
}, [vue.createVNode("div", {
|
|
57
|
-
"class": ns.em("popper", "tooltip")
|
|
58
|
-
|
|
59
|
-
}, null), c.state.inputTipUrl && vue.createVNode("a", {
|
|
79
|
+
"class": ns.em("popper", "tooltip")
|
|
80
|
+
}, [renderTipContent()]), c.state.inputTipUrl && vue.createVNode("a", {
|
|
60
81
|
"target": "_blank",
|
|
61
82
|
"href": c.state.inputTipUrl,
|
|
62
83
|
"title": ibiz.i18n.t("component.formItemContainer.more")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
|
|
1
|
+
.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base-tight) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--content{display:flex;align-items:center;max-width:100%}.ibiz-form-item-container__label--content.is-tooltip{cursor:pointer}.ibiz-form-item-container__label--icon{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__label--text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item-container__popper.el-popper{padding:var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-border);border-radius:0;box-shadow:var(--ibiz-shadow-elevated)}.ibiz-form-item-container__popper.el-popper table{border-spacing:0;border-collapse:collapse}.ibiz-form-item-container__popper.el-popper table tr td,.ibiz-form-item-container__popper.el-popper table tr th{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-form-item-container__popper.el-popper .el-popper__arrow{display:block}.ibiz-form-item-container__popper--content{max-width:500px;padding:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container__popper--content a{color:var(--ibiz-color-link)}.ibiz-form-item-container__popper--tooltip{min-width:50px;min-height:20px}.ibiz-form-item-container__popper.is-md.el-popper.el-popper{padding:0}.ibiz-form-item-container__popper.is-md.el-popper.el-popper .ibiz-form-item-container__popper--content{padding:0}.ibiz-form-item-container__popper.is-md .ibiz-markdown{max-height:100vh;padding:0 calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight));overflow:auto}.ibiz-form-item-container__popper.is-md .ibiz-form-item-container__popper--tooltip{padding:calc(var(--ibiz-spacing-extra-tight) + var(--ibiz-spacing-extra-tight)) 0}.ibiz-form-item-container__popper.is-md .ibiz-markdown-cherry{width:auto!important}.ibiz-form-item-container__popper.is-md .cherry-previewer p:only-child{margin:0}.ibiz-form-item-container__popper.is-md .cherry-previewer>p:first-child{margin-top:0}.ibiz-form-item-container__popper.is-md .cherry-sidebar,.ibiz-form-item-container__popper.is-md .cherry-toolbar,.ibiz-form-item-container__popper.is-md .cherry-toolbar-button{display:none}.ibiz-form-item-container__popper.is-md .cherry{font-size:inherit;line-height:inherit}.ibiz-form-item-container__popper.is-md .cherry,.ibiz-form-item-container__popper.is-md .cherry .cherry-previewer{padding:0;background-color:transparent;border:none!important;box-shadow:none}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--left .ibiz-form-item-container__content,.ibiz-form-item-container--right .ibiz-form-item-container__content{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label--content{float:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--right .ibiz-form-item-container__label--content{float:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label--content::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .ibiz-form-item-container__editor .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
|