@ibiz-template/vue3-components 0.7.7-dev.0 → 0.7.8
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-oydyrl0O.js +4 -0
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/wang-editor-XnzvMz46.js +1 -0
- package/dist/{xlsx-util-2bS-pf2I.js → xlsx-util-3My8gW7-.js} +1 -1
- package/es/common/action-toolbar/action-toolbar.d.ts +2 -0
- package/es/common/action-toolbar/action-toolbar.mjs +4 -2
- package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts +7 -1
- package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs +19 -6
- package/es/control/dashboard/dashboard-design/dashboard-design.d.ts +3 -2
- package/es/control/dashboard/dashboard-design/dashboard-design.mjs +9 -4
- package/es/control/dashboard/dashboard.d.ts +1 -0
- package/es/control/dashboard/dashboard.mjs +10 -3
- package/es/control/dashboard/index.d.ts +1 -0
- package/es/control/dashboard/portlet/portlet-layout/portlet-layout.d.ts +1 -0
- package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs +4 -0
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts +41 -0
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts +1 -0
- package/es/control/form/form-detail/form-mdctrl/form-mdctrl.mjs +3 -1
- package/es/control/form/form-detail/form-mdctrl/index.d.ts +1 -0
- package/es/control/toolbar/toolbar.css +1 -1
- package/es/control/toolbar/toolbar.mjs +21 -10
- package/es/editor/html/wang-editor/wang-editor.css +1 -1
- package/es/editor/html/wang-editor/wang-editor.mjs +9 -6
- package/lib/common/action-toolbar/action-toolbar.cjs +4 -2
- package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs +19 -6
- package/lib/control/dashboard/dashboard-design/dashboard-design.cjs +9 -4
- package/lib/control/dashboard/dashboard.cjs +9 -2
- package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs +4 -0
- package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.cjs +3 -1
- package/lib/control/toolbar/toolbar.cjs +21 -10
- package/lib/control/toolbar/toolbar.css +1 -1
- package/lib/editor/html/wang-editor/wang-editor.cjs +8 -5
- package/lib/editor/html/wang-editor/wang-editor.css +1 -1
- package/package.json +6 -6
- package/dist/index-FAFZUJRc.js +0 -4
- package/dist/wang-editor-Zc_Y0dGt.js +0 -1
|
@@ -11,6 +11,7 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
|
|
|
11
11
|
c: import("@ibiz-template/runtime").FormMDCtrlController;
|
|
12
12
|
ns: import("@ibiz-template/core").Namespace;
|
|
13
13
|
hasCaption: boolean | undefined;
|
|
14
|
+
hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
|
|
14
15
|
onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
|
|
15
16
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
17
|
modelData: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title
|
|
1
|
+
@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu-rawitem{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}
|
|
@@ -26,6 +26,10 @@ const btnContent = (item) => {
|
|
|
26
26
|
}
|
|
27
27
|
return result;
|
|
28
28
|
};
|
|
29
|
+
const calcCssName = (item) => {
|
|
30
|
+
var _a;
|
|
31
|
+
return (_a = item == null ? void 0 : item.sysCss) == null ? void 0 : _a.cssName;
|
|
32
|
+
};
|
|
29
33
|
const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
30
34
|
name: "IBizToolbarControl",
|
|
31
35
|
props: {
|
|
@@ -58,10 +62,6 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
|
58
62
|
const handleClick = async (item, event, params) => {
|
|
59
63
|
await c.onItemClick(item, event, params);
|
|
60
64
|
};
|
|
61
|
-
const calcCssName = (item) => {
|
|
62
|
-
var _a2;
|
|
63
|
-
return (_a2 = item == null ? void 0 : item.sysCss) == null ? void 0 : _a2.cssName;
|
|
64
|
-
};
|
|
65
65
|
const renderExtraButtons = (extraButtons) => {
|
|
66
66
|
return extraButtons.map((button) => {
|
|
67
67
|
let _slot;
|
|
@@ -79,12 +79,22 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
|
79
79
|
};
|
|
80
80
|
const renderSubmenu = (item) => {
|
|
81
81
|
const detoolbarItems = item.detoolbarItems || [];
|
|
82
|
-
const
|
|
82
|
+
const ploading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
|
|
83
|
+
const pvisible = detoolbarItems.findIndex((item2) => {
|
|
84
|
+
return c.state.buttonsState[item2.id].visible === true;
|
|
85
|
+
}) !== -1;
|
|
86
|
+
if (!pvisible) {
|
|
87
|
+
return null;
|
|
88
|
+
}
|
|
89
|
+
const pdisabled = detoolbarItems.findIndex((item2) => {
|
|
90
|
+
return c.state.buttonsState[item2.id].disabled === false;
|
|
91
|
+
}) === -1;
|
|
92
|
+
const groupButtonStyle = item.buttonStyle || "";
|
|
83
93
|
return createVNode(resolveComponent("el-sub-menu"), {
|
|
84
|
-
"class": ns.b("submenu"),
|
|
94
|
+
"class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
|
|
85
95
|
"index": item.id,
|
|
86
96
|
"title": item.tooltip,
|
|
87
|
-
"popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.bm("submenu-popper", calcCssName(item))]
|
|
97
|
+
"popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.em("submenu-popper", groupButtonStyle.toLowerCase()), ns.bm("submenu-popper", calcCssName(item))]
|
|
88
98
|
}, {
|
|
89
99
|
default: () => {
|
|
90
100
|
return detoolbarItems.map((item2) => {
|
|
@@ -147,8 +157,8 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
|
147
157
|
title: () => {
|
|
148
158
|
let _slot3;
|
|
149
159
|
return createVNode(resolveComponent("el-button"), {
|
|
150
|
-
"
|
|
151
|
-
"
|
|
160
|
+
"loading": ploading,
|
|
161
|
+
"disabled": pdisabled
|
|
152
162
|
}, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
|
|
153
163
|
default: () => [_slot3]
|
|
154
164
|
});
|
|
@@ -209,9 +219,10 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
|
|
|
209
219
|
}
|
|
210
220
|
if (item.itemType === "ITEMS") {
|
|
211
221
|
let _slot5;
|
|
222
|
+
const groupButtonStyle = item.buttonStyle || "";
|
|
212
223
|
return createVNode(resolveComponent("el-menu"), {
|
|
213
224
|
"mode": "horizontal",
|
|
214
|
-
"class": [ns.e("menu")],
|
|
225
|
+
"class": [ns.e("menu"), ns.em("menu", groupButtonStyle.toLowerCase()), calcCssName(item)],
|
|
215
226
|
"ellipsis": false,
|
|
216
227
|
"menu-trigger": "hover"
|
|
217
228
|
}, _isSlot(_slot5 = renderSubmenu(item)) ? _slot5 : {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.
|
|
1
|
+
.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref, shallowRef, watch, onBeforeUnmount, onMounted, createTextVNode, createVNode,
|
|
1
|
+
import { ref, shallowRef, watch, onBeforeUnmount, nextTick, onMounted, createTextVNode, createVNode, onUnmounted, resolveComponent, defineComponent } from 'vue';
|
|
2
2
|
import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
|
|
3
3
|
import { getCookie } from 'qx-util';
|
|
4
4
|
import { isNil } from 'ramda';
|
|
@@ -147,12 +147,11 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
|
|
|
147
147
|
};
|
|
148
148
|
const handleChange = (editor) => {
|
|
149
149
|
const html = editor.getHtml();
|
|
150
|
-
|
|
150
|
+
const emitValue = html === "<p><br></p>" ? "" : html;
|
|
151
151
|
if (emitValue === props.value || emitValue === "" && isNil(props.value)) {
|
|
152
152
|
return;
|
|
153
153
|
}
|
|
154
154
|
if (!hasEnableEdit.value && editor.isFocused()) {
|
|
155
|
-
emitValue = emitValue.replaceAll('class="rich-html-table"', "").replace(/<table/g, '<table class="rich-html-table"');
|
|
156
155
|
emit("change", emitValue);
|
|
157
156
|
}
|
|
158
157
|
};
|
|
@@ -198,9 +197,13 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
|
|
|
198
197
|
watch(() => props.value, (newVal, oldVal) => {
|
|
199
198
|
if (newVal !== oldVal && (typeof props.value === "string" || newVal == null)) {
|
|
200
199
|
if (newVal == null) {
|
|
201
|
-
|
|
200
|
+
nextTick(() => {
|
|
201
|
+
valueHtml.value = "";
|
|
202
|
+
});
|
|
202
203
|
} else {
|
|
203
|
-
|
|
204
|
+
nextTick(() => {
|
|
205
|
+
valueHtml.value = newVal;
|
|
206
|
+
});
|
|
204
207
|
}
|
|
205
208
|
}
|
|
206
209
|
}, {
|
|
@@ -289,7 +292,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
|
|
|
289
292
|
const save = () => {
|
|
290
293
|
readonlyState.value = true;
|
|
291
294
|
editorRef.value.disable();
|
|
292
|
-
const value = valueHtml.value
|
|
295
|
+
const value = valueHtml.value;
|
|
293
296
|
emit("change", value);
|
|
294
297
|
if (isFullScreen.value) {
|
|
295
298
|
isFullScreen.value = false;
|
|
@@ -33,7 +33,8 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
|
|
|
33
33
|
zIndex: {
|
|
34
34
|
type: Number,
|
|
35
35
|
required: true
|
|
36
|
-
}
|
|
36
|
+
},
|
|
37
|
+
popperClass: String
|
|
37
38
|
},
|
|
38
39
|
setup(props, {
|
|
39
40
|
emit
|
|
@@ -153,7 +154,8 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
|
|
|
153
154
|
return vue.createVNode(vue.resolveComponent("el-dropdown"), {
|
|
154
155
|
"ref": "dropdownRef",
|
|
155
156
|
"onCommand": (command) => this.handleClick(command, new MouseEvent("click")),
|
|
156
|
-
"class": [this.ns.b(), this.ns.m("dropdown")]
|
|
157
|
+
"class": [this.ns.b(), this.ns.m("dropdown")],
|
|
158
|
+
"popper-class": this.popperClass
|
|
157
159
|
}, {
|
|
158
160
|
default: () => vue.createVNode("span", {
|
|
159
161
|
"class": this.ns.e("caption")
|
|
@@ -56,23 +56,34 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
|
|
|
56
56
|
}
|
|
57
57
|
return tempModelDatas;
|
|
58
58
|
};
|
|
59
|
-
const
|
|
59
|
+
const handleCustomModelChange = async (args) => {
|
|
60
|
+
await props.dashboard.initPortlets(args.model);
|
|
61
|
+
await props.dashboard.initPortletsConfig(args.config);
|
|
62
|
+
};
|
|
63
|
+
const onSaved = async (args) => {
|
|
60
64
|
isShowDesign.value = false;
|
|
61
65
|
const tempModelDatas = convertData(args.model);
|
|
66
|
+
await handleCustomModelChange({
|
|
67
|
+
model: tempModelDatas,
|
|
68
|
+
config: args.config
|
|
69
|
+
});
|
|
62
70
|
emit("changed", {
|
|
63
71
|
model: tempModelDatas
|
|
64
72
|
});
|
|
65
73
|
};
|
|
74
|
+
const onReset = () => {
|
|
75
|
+
isShowDesign.value = false;
|
|
76
|
+
props.dashboard.resetPortlets();
|
|
77
|
+
};
|
|
66
78
|
const isShowDefault = vue.computed(() => {
|
|
67
79
|
return customC.customModelData.length === 0;
|
|
68
80
|
});
|
|
69
|
-
const handleCustomModelChange = async (args) => {
|
|
70
|
-
await props.dashboard.initPortlets(args.model);
|
|
71
|
-
await props.dashboard.initPortletsConfig(args.config);
|
|
72
|
-
};
|
|
73
81
|
vue.onMounted(async () => {
|
|
74
82
|
const response = await customC.loadCustomModelData();
|
|
75
83
|
const tempModelDatas = convertData(response.model);
|
|
84
|
+
emit("changed", {
|
|
85
|
+
model: tempModelDatas
|
|
86
|
+
});
|
|
76
87
|
await handleCustomModelChange({
|
|
77
88
|
model: tempModelDatas,
|
|
78
89
|
config: response.config
|
|
@@ -97,6 +108,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
|
|
|
97
108
|
showTypeDir,
|
|
98
109
|
openDesign,
|
|
99
110
|
onSaved,
|
|
111
|
+
onReset,
|
|
100
112
|
clickCollapse
|
|
101
113
|
};
|
|
102
114
|
},
|
|
@@ -139,7 +151,8 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
|
|
|
139
151
|
"dashboard": this.dashboard,
|
|
140
152
|
"custom-dashboard": this.customC,
|
|
141
153
|
"is-show-design": this.isShowDesign,
|
|
142
|
-
"onSaved": this.onSaved
|
|
154
|
+
"onSaved": this.onSaved,
|
|
155
|
+
"onReset": this.onReset
|
|
143
156
|
}, null)]
|
|
144
157
|
}), this.isInited && (this.isShowDefault ? (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a) : this.customC.customModelData.map((item) => {
|
|
145
158
|
var _a2, _b2;
|
|
@@ -26,7 +26,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
|
|
|
26
26
|
required: true
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
|
-
emits: ["saved"],
|
|
29
|
+
emits: ["saved", "reset"],
|
|
30
30
|
setup(props, {
|
|
31
31
|
emit
|
|
32
32
|
}) {
|
|
@@ -221,13 +221,18 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
|
|
|
221
221
|
const model = layoutModel.value.find((item) => item.i === child.portletCodeName);
|
|
222
222
|
return !!model;
|
|
223
223
|
};
|
|
224
|
-
const onReset = () => {
|
|
225
|
-
|
|
224
|
+
const onReset = async () => {
|
|
225
|
+
customC.portletConfig = {};
|
|
226
|
+
const res = await customC.saveCustomModelData([]);
|
|
227
|
+
layoutModel.value = res.model;
|
|
228
|
+
layoutConfig.value = res.config;
|
|
229
|
+
emit("reset");
|
|
226
230
|
};
|
|
227
231
|
const onSave = async () => {
|
|
228
232
|
const res = await customC.saveCustomModelData(layoutModel.value);
|
|
229
233
|
emit("saved", {
|
|
230
|
-
model: res.model
|
|
234
|
+
model: res.model,
|
|
235
|
+
config: res.config
|
|
231
236
|
});
|
|
232
237
|
};
|
|
233
238
|
const removeItem = async (child) => {
|
|
@@ -58,6 +58,7 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
58
58
|
},
|
|
59
59
|
setup() {
|
|
60
60
|
const c = vue3Util.useControlController((...args) => new runtime.DashboardController(...args));
|
|
61
|
+
const vue$1 = vue.getCurrentInstance().proxy;
|
|
61
62
|
const customModelDatas = vue.ref([]);
|
|
62
63
|
const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
|
|
63
64
|
c.evt.on("onCreated", () => {
|
|
@@ -65,10 +66,15 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
65
66
|
portlet.state = vue.reactive(portlet.state);
|
|
66
67
|
});
|
|
67
68
|
});
|
|
69
|
+
const handleCustomModelChange = (args) => {
|
|
70
|
+
customModelDatas.value = args.model;
|
|
71
|
+
vue$1.$forceUpdate();
|
|
72
|
+
};
|
|
68
73
|
return {
|
|
69
74
|
c,
|
|
70
75
|
ns,
|
|
71
|
-
customModelDatas
|
|
76
|
+
customModelDatas,
|
|
77
|
+
handleCustomModelChange
|
|
72
78
|
};
|
|
73
79
|
},
|
|
74
80
|
render() {
|
|
@@ -114,7 +120,8 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
114
120
|
}, {
|
|
115
121
|
default: () => [state.isCreated && (model.enableCustomized ? vue.createVNode(vue.resolveComponent("iBizCustomDashboardContainer"), {
|
|
116
122
|
"modelData": this.modelData,
|
|
117
|
-
"dashboard": this.c
|
|
123
|
+
"dashboard": this.c,
|
|
124
|
+
"onChanged": this.handleCustomModelChange
|
|
118
125
|
}, _isSlot(_slot2 = renderCustomSlots()) ? _slot2 : {
|
|
119
126
|
default: () => [_slot2]
|
|
120
127
|
}) : renderDefaultContent())]
|
|
@@ -15,7 +15,9 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
|
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
setup(props) {
|
|
18
|
+
var _a;
|
|
18
19
|
const ns = vue3Util.useNamespace("portlet-layout");
|
|
20
|
+
const portletType = "portlet-".concat((_a = props.controller.model.portletType) == null ? void 0 : _a.toLowerCase());
|
|
19
21
|
const c = props.controller;
|
|
20
22
|
const isShowHeader = vue.computed(() => {
|
|
21
23
|
return c.model.showTitleBar && (c.model.title || c.model.sysImage) || c.model.uiactionGroup;
|
|
@@ -26,6 +28,7 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
|
|
|
26
28
|
return {
|
|
27
29
|
c,
|
|
28
30
|
ns,
|
|
31
|
+
portletType,
|
|
29
32
|
isShowHeader,
|
|
30
33
|
onActionClick
|
|
31
34
|
};
|
|
@@ -58,6 +61,7 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
|
|
|
58
61
|
"action-details": model.uiactionGroup.uiactionGroupDetails,
|
|
59
62
|
"actions-state": state.actionGroupState,
|
|
60
63
|
"mode": model.actionGroupExtractMode === "ITEMS" ? "dropdown" : "buttons",
|
|
64
|
+
"popperClass": this.ns.em("toolbar", "".concat(this.portletType, "-").concat(model.id)),
|
|
61
65
|
"onActionClick": this.onActionClick
|
|
62
66
|
}, null)])]), vue.createVNode("div", {
|
|
63
67
|
"key": "content",
|
|
@@ -25,6 +25,7 @@ const FormMDCtrl = /* @__PURE__ */ vue.defineComponent({
|
|
|
25
25
|
vue3Util.useController(props.controller);
|
|
26
26
|
const c = props.controller;
|
|
27
27
|
const hasCaption = c.model.showCaption && !!c.model.caption;
|
|
28
|
+
const hasHeader = hasCaption || c.model.uiactionGroup;
|
|
28
29
|
const onActionClick = async (detail, event) => {
|
|
29
30
|
await props.controller.onActionClick(detail, event);
|
|
30
31
|
};
|
|
@@ -32,6 +33,7 @@ const FormMDCtrl = /* @__PURE__ */ vue.defineComponent({
|
|
|
32
33
|
c,
|
|
33
34
|
ns,
|
|
34
35
|
hasCaption,
|
|
36
|
+
hasHeader,
|
|
35
37
|
onActionClick
|
|
36
38
|
};
|
|
37
39
|
},
|
|
@@ -64,7 +66,7 @@ const FormMDCtrl = /* @__PURE__ */ vue.defineComponent({
|
|
|
64
66
|
}
|
|
65
67
|
return vue.createVNode("div", {
|
|
66
68
|
"class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
|
|
67
|
-
}, [vue.createVNode("div", {
|
|
69
|
+
}, [this.hasHeader && vue.createVNode("div", {
|
|
68
70
|
"class": this.ns.b("header")
|
|
69
71
|
}, [vue.createVNode("div", {
|
|
70
72
|
"class": this.ns.e("title")
|
|
@@ -28,6 +28,10 @@ const btnContent = (item) => {
|
|
|
28
28
|
}
|
|
29
29
|
return result;
|
|
30
30
|
};
|
|
31
|
+
const calcCssName = (item) => {
|
|
32
|
+
var _a;
|
|
33
|
+
return (_a = item == null ? void 0 : item.sysCss) == null ? void 0 : _a.cssName;
|
|
34
|
+
};
|
|
31
35
|
const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
|
|
32
36
|
name: "IBizToolbarControl",
|
|
33
37
|
props: {
|
|
@@ -60,10 +64,6 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
60
64
|
const handleClick = async (item, event, params) => {
|
|
61
65
|
await c.onItemClick(item, event, params);
|
|
62
66
|
};
|
|
63
|
-
const calcCssName = (item) => {
|
|
64
|
-
var _a2;
|
|
65
|
-
return (_a2 = item == null ? void 0 : item.sysCss) == null ? void 0 : _a2.cssName;
|
|
66
|
-
};
|
|
67
67
|
const renderExtraButtons = (extraButtons) => {
|
|
68
68
|
return extraButtons.map((button) => {
|
|
69
69
|
let _slot;
|
|
@@ -81,12 +81,22 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
81
81
|
};
|
|
82
82
|
const renderSubmenu = (item) => {
|
|
83
83
|
const detoolbarItems = item.detoolbarItems || [];
|
|
84
|
-
const
|
|
84
|
+
const ploading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
|
|
85
|
+
const pvisible = detoolbarItems.findIndex((item2) => {
|
|
86
|
+
return c.state.buttonsState[item2.id].visible === true;
|
|
87
|
+
}) !== -1;
|
|
88
|
+
if (!pvisible) {
|
|
89
|
+
return null;
|
|
90
|
+
}
|
|
91
|
+
const pdisabled = detoolbarItems.findIndex((item2) => {
|
|
92
|
+
return c.state.buttonsState[item2.id].disabled === false;
|
|
93
|
+
}) === -1;
|
|
94
|
+
const groupButtonStyle = item.buttonStyle || "";
|
|
85
95
|
return vue.createVNode(vue.resolveComponent("el-sub-menu"), {
|
|
86
|
-
"class": ns.b("submenu"),
|
|
96
|
+
"class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
|
|
87
97
|
"index": item.id,
|
|
88
98
|
"title": item.tooltip,
|
|
89
|
-
"popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.bm("submenu-popper", calcCssName(item))]
|
|
99
|
+
"popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.em("submenu-popper", groupButtonStyle.toLowerCase()), ns.bm("submenu-popper", calcCssName(item))]
|
|
90
100
|
}, {
|
|
91
101
|
default: () => {
|
|
92
102
|
return detoolbarItems.map((item2) => {
|
|
@@ -149,8 +159,8 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
149
159
|
title: () => {
|
|
150
160
|
let _slot3;
|
|
151
161
|
return vue.createVNode(vue.resolveComponent("el-button"), {
|
|
152
|
-
"
|
|
153
|
-
"
|
|
162
|
+
"loading": ploading,
|
|
163
|
+
"disabled": pdisabled
|
|
154
164
|
}, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
|
|
155
165
|
default: () => [_slot3]
|
|
156
166
|
});
|
|
@@ -211,9 +221,10 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
|
|
|
211
221
|
}
|
|
212
222
|
if (item.itemType === "ITEMS") {
|
|
213
223
|
let _slot5;
|
|
224
|
+
const groupButtonStyle = item.buttonStyle || "";
|
|
214
225
|
return vue.createVNode(vue.resolveComponent("el-menu"), {
|
|
215
226
|
"mode": "horizontal",
|
|
216
|
-
"class": [ns.e("menu")],
|
|
227
|
+
"class": [ns.e("menu"), ns.em("menu", groupButtonStyle.toLowerCase()), calcCssName(item)],
|
|
217
228
|
"ellipsis": false,
|
|
218
229
|
"menu-trigger": "hover"
|
|
219
230
|
}, _isSlot(_slot5 = renderSubmenu(item)) ? _slot5 : {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title
|
|
1
|
+
@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu-rawitem{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}
|
|
@@ -151,12 +151,11 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
|
|
|
151
151
|
};
|
|
152
152
|
const handleChange = (editor) => {
|
|
153
153
|
const html = editor.getHtml();
|
|
154
|
-
|
|
154
|
+
const emitValue = html === "<p><br></p>" ? "" : html;
|
|
155
155
|
if (emitValue === props.value || emitValue === "" && ramda.isNil(props.value)) {
|
|
156
156
|
return;
|
|
157
157
|
}
|
|
158
158
|
if (!hasEnableEdit.value && editor.isFocused()) {
|
|
159
|
-
emitValue = emitValue.replaceAll('class="rich-html-table"', "").replace(/<table/g, '<table class="rich-html-table"');
|
|
160
159
|
emit("change", emitValue);
|
|
161
160
|
}
|
|
162
161
|
};
|
|
@@ -202,9 +201,13 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
|
|
|
202
201
|
vue.watch(() => props.value, (newVal, oldVal) => {
|
|
203
202
|
if (newVal !== oldVal && (typeof props.value === "string" || newVal == null)) {
|
|
204
203
|
if (newVal == null) {
|
|
205
|
-
|
|
204
|
+
vue.nextTick(() => {
|
|
205
|
+
valueHtml.value = "";
|
|
206
|
+
});
|
|
206
207
|
} else {
|
|
207
|
-
|
|
208
|
+
vue.nextTick(() => {
|
|
209
|
+
valueHtml.value = newVal;
|
|
210
|
+
});
|
|
208
211
|
}
|
|
209
212
|
}
|
|
210
213
|
}, {
|
|
@@ -293,7 +296,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
|
|
|
293
296
|
const save = () => {
|
|
294
297
|
readonlyState.value = true;
|
|
295
298
|
editorRef.value.disable();
|
|
296
|
-
const value = valueHtml.value
|
|
299
|
+
const value = valueHtml.value;
|
|
297
300
|
emit("change", value);
|
|
298
301
|
if (isFullScreen.value) {
|
|
299
302
|
isFullScreen.value = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.
|
|
1
|
+
.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ibiz-template/vue3-components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.8",
|
|
4
4
|
"description": "使用 rollup 编译 vue 组件或者 jsx",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
"@ibiz-template-plugin/gantt": "0.1.3-alpha.46",
|
|
33
33
|
"@ibiz-template/core": "0.7.7-dev.0",
|
|
34
34
|
"@ibiz-template/devtool": "0.0.1-dev.6",
|
|
35
|
-
"@ibiz-template/model-helper": "0.7.
|
|
36
|
-
"@ibiz-template/runtime": "0.7.
|
|
35
|
+
"@ibiz-template/model-helper": "0.7.8",
|
|
36
|
+
"@ibiz-template/runtime": "0.7.8",
|
|
37
37
|
"@ibiz-template/theme": "^0.7.0",
|
|
38
|
-
"@ibiz-template/vue3-util": "0.7.
|
|
38
|
+
"@ibiz-template/vue3-util": "0.7.8",
|
|
39
39
|
"@ibiz-template/web-theme": "^1.1.16",
|
|
40
|
-
"@ibiz/model-core": "^0.1.
|
|
40
|
+
"@ibiz/model-core": "^0.1.23",
|
|
41
41
|
"@imengyu/vue3-context-menu": "^1.3.5",
|
|
42
42
|
"@monaco-editor/loader": "^1.4.0",
|
|
43
43
|
"@wangeditor/editor": "^5.1.23",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"@ibiz-template/runtime": "^0.7.0",
|
|
101
101
|
"@ibiz-template/theme": "^0.7.0",
|
|
102
102
|
"@ibiz-template/vue3-util": "^0.7.0",
|
|
103
|
-
"@ibiz/model-core": "^0.1.
|
|
103
|
+
"@ibiz/model-core": "^0.1.23",
|
|
104
104
|
"@imengyu/vue3-context-menu": "^1.3.3",
|
|
105
105
|
"@monaco-editor/loader": "^1.3.3",
|
|
106
106
|
"@wangeditor/editor": "^5.1.23",
|