@ibiz-template/vue3-components 0.7.26 → 0.7.27
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-RwYoggQd.js → index-0TO7mjm5.js} +1 -1
- package/dist/index-Dq21zXhV.js +4 -0
- package/dist/{index-s7g1-ymW.js → index-g6o3vQXo.js} +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/{xlsx-util-Rf5FMxyR.js → xlsx-util-qdXxbg2A.js} +1 -1
- package/es/common/action-toolbar/action-toolbar.mjs +1 -1
- package/es/common/custom-theme/custom-theme.mjs +1 -1
- package/es/common/data-import2/data-import2.mjs +4 -1
- package/es/control/context-menu/context-menu.mjs +2 -2
- package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs +1 -1
- package/es/control/drtab/drtab-control.util.mjs +7 -11
- package/es/control/form/form-detail/form-button/form-button.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.d.ts +28 -0
- package/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs +52 -7
- package/es/control/form/form-detail/form-item/form-item.mjs +4 -0
- package/es/control/grid/grid/grid-control.util.mjs +15 -11
- package/es/control/search-bar/search-bar.mjs +2 -2
- package/es/control/toolbar/export-excel/export-excel.mjs +2 -2
- package/es/control/toolbar/short-cut-button/short-cut-button.mjs +4 -1
- package/es/control/toolbar/toolbar.mjs +2 -2
- package/es/control/tree/index.d.ts +9 -0
- package/es/control/tree/tree.d.ts +9 -0
- package/es/control/tree/tree.mjs +5 -1
- package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
- package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs +2 -2
- package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css +1 -1
- package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts +4 -0
- package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs +48 -3
- package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs +2 -2
- package/es/editor/data-picker/picker-editor.controller.d.ts +2 -2
- package/es/editor/dropdown-list/dropdown-list-editor.controller.d.ts +6 -0
- package/es/editor/dropdown-list/dropdown-list-editor.controller.mjs +10 -1
- package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts +1 -1
- package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs +17 -4
- package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.css +1 -1
- package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts +2 -0
- package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs +33 -12
- package/es/editor/span/span/span.mjs +3 -1
- package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs +12 -10
- package/es/editor/text-box/input/input.mjs +3 -0
- package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs +1 -1
- package/es/locale/en/index.d.ts +3 -0
- package/es/locale/en/index.mjs +3 -0
- package/es/locale/zh-CN/index.d.ts +3 -0
- package/es/locale/zh-CN/index.mjs +3 -0
- package/es/panel-component/nav-tabs/nav-tabs.controller.mjs +3 -2
- package/es/panel-component/panel-button/panel-button.mjs +1 -1
- package/es/view-engine/edit-view.engine.mjs +3 -2
- package/es/view-engine/opt-view.engine.mjs +2 -1
- package/es/view-engine/pickup-tree-view.engine.mjs +1 -0
- package/es/web-app/attach-environment-config.mjs +2 -1
- package/lib/common/action-toolbar/action-toolbar.cjs +1 -1
- package/lib/common/custom-theme/custom-theme.cjs +1 -1
- package/lib/common/data-import2/data-import2.cjs +4 -1
- package/lib/control/context-menu/context-menu.cjs +2 -2
- package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs +1 -1
- package/lib/control/drtab/drtab-control.util.cjs +7 -11
- package/lib/control/form/form-detail/form-button/form-button.cjs +1 -1
- package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs +51 -6
- package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css +1 -1
- package/lib/control/form/form-detail/form-item/form-item.cjs +4 -0
- package/lib/control/grid/grid/grid-control.util.cjs +15 -11
- package/lib/control/search-bar/search-bar.cjs +2 -2
- package/lib/control/toolbar/export-excel/export-excel.cjs +2 -2
- package/lib/control/toolbar/short-cut-button/short-cut-button.cjs +4 -1
- package/lib/control/toolbar/toolbar.cjs +2 -2
- package/lib/control/tree/tree.cjs +5 -1
- package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css +1 -1
- package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs +2 -2
- package/lib/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.cjs +48 -3
- package/lib/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css +1 -1
- package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs +2 -2
- package/lib/editor/dropdown-list/dropdown-list-editor.controller.cjs +10 -1
- package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs +17 -4
- package/lib/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs +31 -10
- package/lib/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.css +1 -1
- package/lib/editor/span/span/span.cjs +2 -0
- package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs +12 -10
- package/lib/editor/text-box/input/input.cjs +3 -0
- package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs +1 -1
- package/lib/locale/en/index.cjs +3 -0
- package/lib/locale/zh-CN/index.cjs +3 -0
- package/lib/panel-component/nav-tabs/nav-tabs.controller.cjs +3 -2
- package/lib/panel-component/panel-button/panel-button.cjs +1 -1
- package/lib/view-engine/edit-view.engine.cjs +3 -2
- package/lib/view-engine/opt-view.engine.cjs +2 -1
- package/lib/view-engine/pickup-tree-view.engine.cjs +1 -0
- package/lib/web-app/attach-environment-config.cjs +2 -1
- package/package.json +7 -7
- package/dist/index-28jZm-aB.js +0 -4
- /package/es/node_modules/.pnpm/{@ibiz-template_core@0.7.26_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.27_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.26_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.27_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
|
@@ -104,7 +104,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
|
|
|
104
104
|
"text": true,
|
|
105
105
|
"size": "small",
|
|
106
106
|
"onClick": (e) => this.handleClick(detail, e),
|
|
107
|
-
"title": detail.tooltip,
|
|
107
|
+
"title": ibiz.env.enableTitle ? detail.tooltip : void 0,
|
|
108
108
|
"disabled": this.actionsState[detail.id].disabled,
|
|
109
109
|
"class": this.calcActionItemClass(detail)
|
|
110
110
|
}, {
|
|
@@ -124,7 +124,7 @@ const CustomTheme = /* @__PURE__ */ defineComponent({
|
|
|
124
124
|
}, [c.predefineType.map((item) => {
|
|
125
125
|
return createVNode(resolveComponent("el-button"), {
|
|
126
126
|
"color": item.color,
|
|
127
|
-
"title": ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)),
|
|
127
|
+
"title": ibiz.env.enableTitle ? ibiz.i18n.t("control.common.customTheme.".concat(item.labelLang)) : void 0,
|
|
128
128
|
"onClick": () => {
|
|
129
129
|
handleThemeChange(item.codeName);
|
|
130
130
|
}
|
|
@@ -413,7 +413,10 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
|
|
|
413
413
|
}, [createVNode(resolveComponent("el-button"), {
|
|
414
414
|
"onClick": this.onButtonImportClick,
|
|
415
415
|
"disabled": !this.selectValues.join(""),
|
|
416
|
-
"title":
|
|
416
|
+
"title": (
|
|
417
|
+
// eslint-disable-next-line no-nested-ternary
|
|
418
|
+
ibiz.env.enableTitle ? !this.selectValues.join("") ? ibiz.i18n.t("component.dataImport2.selectProperties") : "" : void 0
|
|
419
|
+
)
|
|
417
420
|
}, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
|
|
418
421
|
default: () => [_slot2]
|
|
419
422
|
})]) : ""])])])]), createVNode(resolveComponent("data-import2-table"), {
|
|
@@ -139,7 +139,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
|
|
|
139
139
|
"text": true,
|
|
140
140
|
"size": "small",
|
|
141
141
|
"onClick": (e) => this.handleClick(detail, e),
|
|
142
|
-
"title": detail.tooltip,
|
|
142
|
+
"title": ibiz.env.enableTitle ? detail.tooltip : void 0,
|
|
143
143
|
"disabled": this.c.state.buttonsState[detail.id].disabled,
|
|
144
144
|
"class": this.calcActionItemClass(detail)
|
|
145
145
|
}, {
|
|
@@ -165,7 +165,7 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
|
|
|
165
165
|
"text": true,
|
|
166
166
|
"size": "small",
|
|
167
167
|
"onClick": (e) => this.handleClick(detail, e),
|
|
168
|
-
"title": detail.tooltip,
|
|
168
|
+
"title": ibiz.env.enableTitle ? detail.tooltip : void 0,
|
|
169
169
|
"disabled": this.c.state.buttonsState[detail.id].disabled,
|
|
170
170
|
"class": this.calcActionItemClass(detail)
|
|
171
171
|
}, {
|
|
@@ -132,7 +132,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
|
|
|
132
132
|
"class": this.ns.b("build-btn")
|
|
133
133
|
}, [this.showTypeDir ? createVNode("div", null, [createVNode(resolveComponent("el-button"), {
|
|
134
134
|
"class": this.ns.b("deisgn-btn"),
|
|
135
|
-
"title": ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt"),
|
|
135
|
+
"title": ibiz.env.enableTitle ? ibiz.i18n.t("control.dashboard.customDashboardContainer.portalCustomPrompt") : void 0,
|
|
136
136
|
"onClick": this.openDesign
|
|
137
137
|
}, {
|
|
138
138
|
default: () => [createVNode("ion-icon", {
|
|
@@ -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.
|
|
2
|
+
import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.27_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) {
|
|
@@ -34,9 +34,10 @@ function useAppDRTab(c, controlRef, counterData) {
|
|
|
34
34
|
const totalDom = controlRef.value.$el;
|
|
35
35
|
const totalWidth = totalDom.offsetWidth;
|
|
36
36
|
let accumulatedWidth = 0;
|
|
37
|
-
|
|
37
|
+
visibleItems.value = [];
|
|
38
|
+
moreItems.value = [];
|
|
38
39
|
drTabPages.forEach((tab, index) => {
|
|
39
|
-
if (
|
|
40
|
+
if (!tab.hidden) {
|
|
40
41
|
const caption = tab.caption || "";
|
|
41
42
|
const counterNum = tab.counterId ? counterData[tab.counterId] : void 0;
|
|
42
43
|
const fontSize = "var(--".concat(defaultNamespace, "-font-size-regular)");
|
|
@@ -64,17 +65,12 @@ function useAppDRTab(c, controlRef, counterData) {
|
|
|
64
65
|
moreStyle
|
|
65
66
|
);
|
|
66
67
|
if (accumulatedWidth + moreWidth > totalWidth) {
|
|
67
|
-
|
|
68
|
+
moreItems.value.push(tab);
|
|
69
|
+
} else {
|
|
70
|
+
visibleItems.value.push(tab);
|
|
68
71
|
}
|
|
69
72
|
}
|
|
70
73
|
});
|
|
71
|
-
if (splitIndex !== -1) {
|
|
72
|
-
visibleItems.value = drTabPages.slice(0, splitIndex);
|
|
73
|
-
moreItems.value = drTabPages.slice(splitIndex);
|
|
74
|
-
} else {
|
|
75
|
-
visibleItems.value = drTabPages;
|
|
76
|
-
moreItems.value = [];
|
|
77
|
-
}
|
|
78
74
|
}
|
|
79
75
|
const calcDrTabWidth = () => {
|
|
80
76
|
if (window.ResizeObserver) {
|
|
@@ -44,7 +44,7 @@ const FormButton = /* @__PURE__ */ defineComponent({
|
|
|
44
44
|
"onClick": this.controller.onClick.bind(this.controller),
|
|
45
45
|
"loading": this.controller.state.loading,
|
|
46
46
|
"disabled": this.controller.state.disabled,
|
|
47
|
-
"title": this.modelData.tooltip
|
|
47
|
+
"title": ibiz.env.enableTitle ? this.modelData.tooltip : void 0
|
|
48
48
|
}, {
|
|
49
49
|
default: () => [createVNode("div", {
|
|
50
50
|
"class": this.ns.b("content")
|
|
@@ -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:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) 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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.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--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);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::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 .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:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) 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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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--tooltip{--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:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) 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);max-width:150px;font-size:var(--ibiz-form-item-container-font-size);line-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-spacing-base-tight)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;top:var(--ibiz-spacing-base-tight);right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-large)}.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--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);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::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 .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
|
|
@@ -34,9 +34,23 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
|
|
|
34
34
|
type: NumberConstructor;
|
|
35
35
|
default: number;
|
|
36
36
|
};
|
|
37
|
+
enableInputTip: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
};
|
|
40
|
+
inputTip: {
|
|
41
|
+
type: StringConstructor;
|
|
42
|
+
};
|
|
43
|
+
inputTipUrl: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
};
|
|
46
|
+
inputTipClosable: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
};
|
|
37
49
|
}, {
|
|
38
50
|
ns: import("@ibiz-template/core").Namespace;
|
|
39
51
|
cssVars: import("vue").ComputedRef<Record<string, string>>;
|
|
52
|
+
tooltip: import("vue").Ref<any>;
|
|
53
|
+
renderLabel: () => JSX.Element;
|
|
40
54
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
41
55
|
required: {
|
|
42
56
|
type: BooleanConstructor;
|
|
@@ -72,6 +86,20 @@ export declare const IBizFormItemContainer: import("vue").DefineComponent<{
|
|
|
72
86
|
type: NumberConstructor;
|
|
73
87
|
default: number;
|
|
74
88
|
};
|
|
89
|
+
enableInputTip: {
|
|
90
|
+
type: BooleanConstructor;
|
|
91
|
+
};
|
|
92
|
+
inputTip: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
};
|
|
95
|
+
inputTipUrl: {
|
|
96
|
+
type: StringConstructor;
|
|
97
|
+
};
|
|
98
|
+
inputTipClosable: {
|
|
99
|
+
type: BooleanConstructor;
|
|
100
|
+
};
|
|
75
101
|
}>>, {
|
|
76
102
|
labelWidth: number;
|
|
103
|
+
enableInputTip: boolean;
|
|
104
|
+
inputTipClosable: boolean;
|
|
77
105
|
}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed, createVNode, defineComponent } from 'vue';
|
|
1
|
+
import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
|
|
2
2
|
import { useNamespace } from '@ibiz-template/vue3-util';
|
|
3
3
|
import './form-item-container.css';
|
|
4
4
|
|
|
@@ -26,10 +26,23 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
|
|
|
26
26
|
labelWidth: {
|
|
27
27
|
type: Number,
|
|
28
28
|
default: 130
|
|
29
|
+
},
|
|
30
|
+
enableInputTip: {
|
|
31
|
+
type: Boolean
|
|
32
|
+
},
|
|
33
|
+
inputTip: {
|
|
34
|
+
type: String
|
|
35
|
+
},
|
|
36
|
+
inputTipUrl: {
|
|
37
|
+
type: String
|
|
38
|
+
},
|
|
39
|
+
inputTipClosable: {
|
|
40
|
+
type: Boolean
|
|
29
41
|
}
|
|
30
42
|
},
|
|
31
43
|
setup(props) {
|
|
32
44
|
const ns = useNamespace("form-item-container");
|
|
45
|
+
const tooltip = ref();
|
|
33
46
|
const cssVars = computed(() => {
|
|
34
47
|
if (props.labelWidth !== 130) {
|
|
35
48
|
return ns.cssVarBlock({
|
|
@@ -38,17 +51,49 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
|
|
|
38
51
|
}
|
|
39
52
|
return {};
|
|
40
53
|
});
|
|
54
|
+
const hiddenTooltip = () => {
|
|
55
|
+
if (tooltip.value) {
|
|
56
|
+
tooltip.value.hide();
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
const renderLabel = () => {
|
|
60
|
+
const classList = [ns.e("label"), ...props.labelClass || []];
|
|
61
|
+
if (props.enableInputTip) {
|
|
62
|
+
return createVNode(resolveComponent("el-tooltip"), {
|
|
63
|
+
"ref": "tooltip"
|
|
64
|
+
}, {
|
|
65
|
+
default: () => {
|
|
66
|
+
return createVNode("div", {
|
|
67
|
+
"class": classList
|
|
68
|
+
}, [props.label]);
|
|
69
|
+
},
|
|
70
|
+
content: () => {
|
|
71
|
+
return createVNode("div", {
|
|
72
|
+
"class": ns.em("label", "tooltip")
|
|
73
|
+
}, [props.inputTip || props.label, props.inputTipUrl && createVNode("a", {
|
|
74
|
+
"href": props.inputTipUrl,
|
|
75
|
+
"target": "_blank"
|
|
76
|
+
}, [ibiz.i18n.t("component.formItemContainer.more")]), props.inputTipClosable && createVNode("ion-icon", {
|
|
77
|
+
"name": "close-outline",
|
|
78
|
+
"onClick": hiddenTooltip
|
|
79
|
+
}, null)]);
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
return createVNode("div", {
|
|
84
|
+
"class": classList,
|
|
85
|
+
"title": props.label
|
|
86
|
+
}, [props.label]);
|
|
87
|
+
};
|
|
41
88
|
return {
|
|
42
89
|
ns,
|
|
43
|
-
cssVars
|
|
90
|
+
cssVars,
|
|
91
|
+
tooltip,
|
|
92
|
+
renderLabel
|
|
44
93
|
};
|
|
45
94
|
},
|
|
46
95
|
render() {
|
|
47
96
|
var _a, _b;
|
|
48
|
-
const label = createVNode("div", {
|
|
49
|
-
"class": [this.ns.e("label"), ...this.labelClass || []],
|
|
50
|
-
"title": this.label
|
|
51
|
-
}, [this.label]);
|
|
52
97
|
const content = createVNode("div", {
|
|
53
98
|
"class": [this.ns.e("content"), this.ns.em("content", "label-".concat(this.labelPos.toLowerCase()))]
|
|
54
99
|
}, [createVNode("div", {
|
|
@@ -60,7 +105,7 @@ const IBizFormItemContainer = /* @__PURE__ */ defineComponent({
|
|
|
60
105
|
return createVNode("div", {
|
|
61
106
|
"class": [this.ns.b(), this.ns.m(this.labelPos.toLowerCase()), this.ns.is("required", this.required), this.ns.is("error", !!this.error)],
|
|
62
107
|
"style": this.cssVars
|
|
63
|
-
}, [this.labelPos === "LEFT" || this.labelPos === "TOP" ?
|
|
108
|
+
}, [this.labelPos === "LEFT" || this.labelPos === "TOP" ? this.renderLabel() : null, content, this.labelPos === "RIGHT" || this.labelPos === "BOTTOM" ? this.renderLabel() : null]);
|
|
64
109
|
}
|
|
65
110
|
});
|
|
66
111
|
|
|
@@ -77,6 +77,10 @@ const FormItem = /* @__PURE__ */ defineComponent({
|
|
|
77
77
|
"labelClass": this.controller.labelClass,
|
|
78
78
|
"label-pos": this.c.model.labelPos,
|
|
79
79
|
"label-width": this.c.model.labelWidth,
|
|
80
|
+
"enableInputTip": this.modelData.enableInputTip,
|
|
81
|
+
"inputTip": this.modelData.inputTip,
|
|
82
|
+
"inputTipUrl": this.modelData.inputTipUrl,
|
|
83
|
+
"inputTipClosable": this.modelData.inputTipClosable,
|
|
80
84
|
"onClick": (event) => this.c.onClick(event)
|
|
81
85
|
}, _isSlot(editor) ? editor : {
|
|
82
86
|
default: () => [editor]
|
|
@@ -448,13 +448,13 @@ function useGridHeaderStyle(tableRef, ns) {
|
|
|
448
448
|
};
|
|
449
449
|
}
|
|
450
450
|
function useGridDraggable(tableRef, ns, c) {
|
|
451
|
-
if (!c.enableRowEditOrder
|
|
451
|
+
if (!c.enableRowEditOrder) {
|
|
452
452
|
return {};
|
|
453
453
|
}
|
|
454
|
-
let draggingDom = null;
|
|
455
454
|
let dragIndex = 0;
|
|
456
|
-
let
|
|
455
|
+
let dropIndex = 0;
|
|
457
456
|
let draggingData = null;
|
|
457
|
+
let dropData = null;
|
|
458
458
|
const cleanups = [];
|
|
459
459
|
const calcSrfKeyByClass = (classList) => {
|
|
460
460
|
let result = "";
|
|
@@ -472,9 +472,9 @@ function useGridDraggable(tableRef, ns, c) {
|
|
|
472
472
|
"dragstart",
|
|
473
473
|
(event) => {
|
|
474
474
|
if (event.target) {
|
|
475
|
-
draggingDom = event.target;
|
|
475
|
+
const draggingDom = event.target;
|
|
476
476
|
event.dataTransfer.effectAllowed = "move";
|
|
477
|
-
draggingKey = calcSrfKeyByClass(draggingDom.classList);
|
|
477
|
+
const draggingKey = calcSrfKeyByClass(draggingDom.classList);
|
|
478
478
|
dragIndex = c.state.rows.findIndex(
|
|
479
479
|
(row) => row.data.srfkey === draggingKey
|
|
480
480
|
);
|
|
@@ -489,15 +489,13 @@ function useGridDraggable(tableRef, ns, c) {
|
|
|
489
489
|
event.preventDefault();
|
|
490
490
|
const targetDom = event.currentTarget;
|
|
491
491
|
const targetKey = calcSrfKeyByClass(targetDom.classList);
|
|
492
|
-
|
|
492
|
+
dropIndex = c.state.rows.findIndex(
|
|
493
493
|
(row) => row.data.srfkey === targetKey
|
|
494
494
|
);
|
|
495
|
-
if (
|
|
495
|
+
if ((draggingData == null ? void 0 : draggingData.data.srfkey) === targetKey || dropIndex === -1) {
|
|
496
496
|
return;
|
|
497
497
|
}
|
|
498
|
-
c.state.rows
|
|
499
|
-
c.state.rows.splice(targetIndex, 0, draggingData);
|
|
500
|
-
dragIndex = targetIndex;
|
|
498
|
+
dropData = c.state.rows[dropIndex];
|
|
501
499
|
}
|
|
502
500
|
);
|
|
503
501
|
const cleanDragOver = listenJSEvent(
|
|
@@ -509,7 +507,13 @@ function useGridDraggable(tableRef, ns, c) {
|
|
|
509
507
|
);
|
|
510
508
|
const cleanDragEnd = listenJSEvent(item, "dragend", (event) => {
|
|
511
509
|
event.preventDefault();
|
|
512
|
-
|
|
510
|
+
if (draggingData && dropData) {
|
|
511
|
+
c.onDragChange(
|
|
512
|
+
draggingData,
|
|
513
|
+
dropData,
|
|
514
|
+
dropIndex > dragIndex ? "next" : "prev"
|
|
515
|
+
);
|
|
516
|
+
}
|
|
513
517
|
});
|
|
514
518
|
cleanups.push(cleanDragStart);
|
|
515
519
|
cleanups.push(cleanDragEnter);
|
|
@@ -137,7 +137,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
|
|
|
137
137
|
}, [groupItem.caption]);
|
|
138
138
|
})])), this.c.model.enableGroup && this.c.isBackendSearchGroup && createVNode(resolveComponent("el-button"), {
|
|
139
139
|
"class": this.ns.b("save"),
|
|
140
|
-
"title": ibiz.i18n.t("control.searchBar.saveGroup"),
|
|
140
|
+
"title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.saveGroup") : void 0,
|
|
141
141
|
"onClick": this.handleSave
|
|
142
142
|
}, {
|
|
143
143
|
default: () => [createVNode("ion-icon", {
|
|
@@ -161,7 +161,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
|
|
|
161
161
|
}), this.c.enableFilter && createVNode(resolveComponent("el-button"), {
|
|
162
162
|
"ref": "filterButtonRef",
|
|
163
163
|
"type": "primary",
|
|
164
|
-
"title": ibiz.i18n.t("control.searchBar.filter"),
|
|
164
|
+
"title": ibiz.env.enableTitle ? ibiz.i18n.t("control.searchBar.filter") : void 0,
|
|
165
165
|
"class": this.ns.b("filter"),
|
|
166
166
|
"onClick": () => this.triggerFilter()
|
|
167
167
|
}, {
|
|
@@ -62,7 +62,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
|
|
|
62
62
|
title: () => {
|
|
63
63
|
let _slot;
|
|
64
64
|
return createVNode(resolveComponent("el-button"), {
|
|
65
|
-
"title": this.item.tooltip,
|
|
65
|
+
"title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
|
|
66
66
|
"size": this.$props.size,
|
|
67
67
|
"class": this.ns.b("submenu-button")
|
|
68
68
|
}, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
|
|
@@ -137,7 +137,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
|
|
|
137
137
|
default: () => {
|
|
138
138
|
let _slot6;
|
|
139
139
|
return createVNode(resolveComponent("el-button"), {
|
|
140
|
-
"title": this.item.tooltip,
|
|
140
|
+
"title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
|
|
141
141
|
"size": this.$props.size,
|
|
142
142
|
"class": this.ns.e("button")
|
|
143
143
|
}, _isSlot(_slot6 = this.btnContent(this.item)) ? _slot6 : {
|
|
@@ -49,7 +49,10 @@ const IBizShortCutButton = /* @__PURE__ */ defineComponent({
|
|
|
49
49
|
return createVNode("div", {
|
|
50
50
|
"class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
|
|
51
51
|
}, [createVNode(resolveComponent("el-button"), {
|
|
52
|
-
"title":
|
|
52
|
+
"title": (
|
|
53
|
+
// eslint-disable-next-line no-nested-ternary
|
|
54
|
+
ibiz.env.enableTitle ? this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip : void 0
|
|
55
|
+
),
|
|
53
56
|
"size": this.size,
|
|
54
57
|
"text": Object.is(this.buttonType, "inverse"),
|
|
55
58
|
"type": this.buttonType,
|
|
@@ -70,7 +70,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
|
70
70
|
"key": button.id,
|
|
71
71
|
"class": [ns.e("item")]
|
|
72
72
|
}, [createVNode(resolveComponent("el-button"), {
|
|
73
|
-
"title": button.tooltip,
|
|
73
|
+
"title": ibiz.env.enableTitle ? button.tooltip : void 0,
|
|
74
74
|
"size": btnSize.value,
|
|
75
75
|
"onClick": (e) => handleClick(button, e)
|
|
76
76
|
}, _isSlot(_slot = btnContent(button)) ? _slot : {
|
|
@@ -243,7 +243,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
|
243
243
|
"key": itemId,
|
|
244
244
|
"class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]
|
|
245
245
|
}, [createVNode(resolveComponent("el-button"), {
|
|
246
|
-
"title": item.tooltip,
|
|
246
|
+
"title": ibiz.env.enableTitle ? item.tooltip : void 0,
|
|
247
247
|
"size": btnSize.value,
|
|
248
248
|
"text": Object.is(buttonType, "inverse"),
|
|
249
249
|
"type": buttonType,
|
|
@@ -33,6 +33,10 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
|
|
|
33
33
|
type: BooleanConstructor;
|
|
34
34
|
default: boolean;
|
|
35
35
|
};
|
|
36
|
+
checkStrictly: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
36
40
|
}, {
|
|
37
41
|
c: import("@ibiz-template/runtime").TreeController<import("@ibiz/model-core").IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
|
|
38
42
|
ns: import("@ibiz-template/core").Namespace;
|
|
@@ -987,11 +991,16 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
|
|
|
987
991
|
type: BooleanConstructor;
|
|
988
992
|
default: boolean;
|
|
989
993
|
};
|
|
994
|
+
checkStrictly: {
|
|
995
|
+
type: BooleanConstructor;
|
|
996
|
+
default: boolean;
|
|
997
|
+
};
|
|
990
998
|
}>>, {
|
|
991
999
|
params: IParams;
|
|
992
1000
|
mdctrlActiveMode: number;
|
|
993
1001
|
singleSelect: boolean;
|
|
994
1002
|
loadDefault: boolean;
|
|
1003
|
+
checkStrictly: boolean;
|
|
995
1004
|
navigational: boolean;
|
|
996
1005
|
}, {}>>;
|
|
997
1006
|
export default IBizTreeControl;
|
|
@@ -54,6 +54,10 @@ export declare const TreeControl: import("vue").DefineComponent<{
|
|
|
54
54
|
type: BooleanConstructor;
|
|
55
55
|
default: boolean;
|
|
56
56
|
};
|
|
57
|
+
checkStrictly: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
default: boolean;
|
|
60
|
+
};
|
|
57
61
|
}, {
|
|
58
62
|
c: TreeController<IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
|
|
59
63
|
ns: import("@ibiz-template/core").Namespace;
|
|
@@ -1023,10 +1027,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
|
|
|
1023
1027
|
type: BooleanConstructor;
|
|
1024
1028
|
default: boolean;
|
|
1025
1029
|
};
|
|
1030
|
+
checkStrictly: {
|
|
1031
|
+
type: BooleanConstructor;
|
|
1032
|
+
default: boolean;
|
|
1033
|
+
};
|
|
1026
1034
|
}>>, {
|
|
1027
1035
|
params: IParams;
|
|
1028
1036
|
mdctrlActiveMode: number;
|
|
1029
1037
|
singleSelect: boolean;
|
|
1030
1038
|
loadDefault: boolean;
|
|
1039
|
+
checkStrictly: boolean;
|
|
1031
1040
|
navigational: boolean;
|
|
1032
1041
|
}, {}>;
|
package/es/control/tree/tree.mjs
CHANGED
|
@@ -63,6 +63,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
63
63
|
loadDefault: {
|
|
64
64
|
type: Boolean,
|
|
65
65
|
default: true
|
|
66
|
+
},
|
|
67
|
+
checkStrictly: {
|
|
68
|
+
type: Boolean,
|
|
69
|
+
default: true
|
|
66
70
|
}
|
|
67
71
|
},
|
|
68
72
|
setup() {
|
|
@@ -473,7 +477,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
|
|
|
473
477
|
"expand-on-click-node": false,
|
|
474
478
|
"auto-expand-parent": false,
|
|
475
479
|
"show-checkbox": !this.c.state.singleSelect,
|
|
476
|
-
"check-strictly": !this.cascadeSelect,
|
|
480
|
+
"check-strictly": !this.cascadeSelect && this.checkStrictly,
|
|
477
481
|
"default-expanded-keys": this.c.state.expandedKeys,
|
|
478
482
|
"props": {
|
|
479
483
|
label: "_text",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;
|
|
1
|
+
@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{right:26px;cursor:pointer;position:relative;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
|
|
@@ -91,8 +91,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
|
|
|
91
91
|
const openLinkView = async (e) => {
|
|
92
92
|
e.stopPropagation();
|
|
93
93
|
const res = await c.openLinkView(props.data);
|
|
94
|
-
if (res && res
|
|
95
|
-
await handleDataSelect(res[0]);
|
|
94
|
+
if (res && res.ok && res.data && res.data.length > 0) {
|
|
95
|
+
await handleDataSelect(res.data[0]);
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
const onACSelect = async (item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}
|
|
1
|
+
.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}
|
|
@@ -38,6 +38,10 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
|
|
|
38
38
|
onSelectionChange: (event: EventBase) => void;
|
|
39
39
|
editorRef: import("vue").Ref<any>;
|
|
40
40
|
pickupViewModel: import("vue").ComputedRef<import("@ibiz-template/runtime").IViewConfig | null>;
|
|
41
|
+
singleSelect: import("vue").Ref<boolean>;
|
|
42
|
+
checkStrictly: import("vue").Ref<boolean>;
|
|
43
|
+
isShowText: import("vue").Ref<boolean>;
|
|
44
|
+
selectedData: import("vue").Ref<IData[]>;
|
|
41
45
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
42
46
|
change: (_value: unknown, _name?: string | undefined) => boolean;
|
|
43
47
|
blur: (_event?: IData | undefined) => boolean;
|
|
@@ -29,6 +29,42 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
|
|
|
29
29
|
setViewParam();
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
+
const editorParams = c.model.editorParams;
|
|
33
|
+
const singleSelect = ref(true);
|
|
34
|
+
const checkStrictly = ref(true);
|
|
35
|
+
const isShowText = ref(true);
|
|
36
|
+
if (editorParams) {
|
|
37
|
+
if (editorParams.multiple) {
|
|
38
|
+
singleSelect.value = !c.toBoolean(editorParams.multiple);
|
|
39
|
+
}
|
|
40
|
+
if (editorParams.checkStrictly) {
|
|
41
|
+
checkStrictly.value = c.toBoolean(editorParams.checkStrictly);
|
|
42
|
+
}
|
|
43
|
+
if (editorParams.isShowText) {
|
|
44
|
+
isShowText.value = c.toBoolean(editorParams.isShowText);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
const selectedData = ref([]);
|
|
48
|
+
watch(() => props.value, (newVal) => {
|
|
49
|
+
var _a, _b, _c, _d;
|
|
50
|
+
selectedData.value = [];
|
|
51
|
+
if (newVal) {
|
|
52
|
+
if (c.valueItem) {
|
|
53
|
+
const tempValue = (_c = (_b = (_a = props.data) == null ? void 0 : _a[c.valueItem]) == null ? void 0 : _b.split) == null ? void 0 : _c.call(_b, ",");
|
|
54
|
+
const tempText = (_d = newVal == null ? void 0 : newVal.split) == null ? void 0 : _d.call(newVal, ",");
|
|
55
|
+
if (tempValue && tempText) {
|
|
56
|
+
selectedData.value = tempValue.map((srfkey, index) => {
|
|
57
|
+
return {
|
|
58
|
+
srfkey,
|
|
59
|
+
srfmajortext: tempText[index]
|
|
60
|
+
};
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}, {
|
|
66
|
+
immediate: true
|
|
67
|
+
});
|
|
32
68
|
const onViewDataChange = (event) => {
|
|
33
69
|
let tempValue = "";
|
|
34
70
|
let temText = "";
|
|
@@ -61,14 +97,18 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
|
|
|
61
97
|
params,
|
|
62
98
|
onSelectionChange,
|
|
63
99
|
editorRef,
|
|
64
|
-
pickupViewModel
|
|
100
|
+
pickupViewModel,
|
|
101
|
+
singleSelect,
|
|
102
|
+
checkStrictly,
|
|
103
|
+
isShowText,
|
|
104
|
+
selectedData
|
|
65
105
|
};
|
|
66
106
|
},
|
|
67
107
|
render() {
|
|
68
108
|
var _a;
|
|
69
109
|
const viewShell = resolveComponent("IBizViewShell");
|
|
70
110
|
return createVNode("div", {
|
|
71
|
-
"class": [this.ns.b()],
|
|
111
|
+
"class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""],
|
|
72
112
|
"ref": "editorRef"
|
|
73
113
|
}, [this.pickupViewModel ? [createVNode("div", {
|
|
74
114
|
"class": this.ns.b("view")
|
|
@@ -76,8 +116,13 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
|
|
|
76
116
|
context: this.context,
|
|
77
117
|
params: this.params,
|
|
78
118
|
viewId: (_a = this.c.pickupView) == null ? void 0 : _a.id,
|
|
119
|
+
state: {
|
|
120
|
+
singleSelect: this.singleSelect,
|
|
121
|
+
checkStrictly: this.checkStrictly,
|
|
122
|
+
selectedData: this.selectedData
|
|
123
|
+
},
|
|
79
124
|
onSelectionChange: this.onSelectionChange
|
|
80
|
-
})]), createVNode("div", {
|
|
125
|
+
})]), this.isShowText && createVNode("div", {
|
|
81
126
|
"class": this.ns.b("value")
|
|
82
127
|
}, [this.$props.value ? this.$props.value.split(",").map((item) => {
|
|
83
128
|
return createVNode("span", null, [item, createTextVNode("; ")]);
|
|
@@ -266,8 +266,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
|
|
|
266
266
|
const openLinkView = async (e) => {
|
|
267
267
|
e.stopPropagation();
|
|
268
268
|
const res = await c.openLinkView(props.data);
|
|
269
|
-
if (res) {
|
|
270
|
-
onViewDataChange(res);
|
|
269
|
+
if (res && res.ok && res.data) {
|
|
270
|
+
onViewDataChange(res.data);
|
|
271
271
|
}
|
|
272
272
|
};
|
|
273
273
|
const onSelectChange = (selects) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IHttpResponse } from '@ibiz-template/core';
|
|
2
|
-
import { EditorController, IViewConfig, IAcItemProvider } from '@ibiz-template/runtime';
|
|
2
|
+
import { EditorController, IViewConfig, IModalData, IAcItemProvider } from '@ibiz-template/runtime';
|
|
3
3
|
import { IAppDEACMode, IDEACModeDataItem, IPicker } from '@ibiz/model-core';
|
|
4
4
|
/**
|
|
5
5
|
* 数据选择编辑器控制器
|
|
@@ -101,7 +101,7 @@ export declare class PickerEditorController extends EditorController<IPicker> {
|
|
|
101
101
|
/**
|
|
102
102
|
* 打开数据链接视图
|
|
103
103
|
*/
|
|
104
|
-
openLinkView(data: IData): Promise<
|
|
104
|
+
openLinkView(data: IData): Promise<IModalData | undefined>;
|
|
105
105
|
/**
|
|
106
106
|
* 计算回填数据
|
|
107
107
|
*
|