@ibiz-template/vue3-components 0.5.7-alpha.2 → 0.5.7-alpha.4
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/ibiz-markdown-editor-anJxfRF1.js +1 -0
- package/dist/index-knHzHtox.js +2 -0
- package/dist/index.min.css +1 -1
- package/dist/index.system.min.js +1 -1
- package/dist/wang-editor-R2mUYWuB.js +1 -0
- package/dist/{xlsx-util-BE5Eyj1T.js → xlsx-util-kzUgnbtt.js} +1 -1
- package/es/common/data-import2/data-import2.mjs +7 -1
- package/es/common/doing-notice/doing-notice.css +1 -0
- package/es/common/doing-notice/doing-notice.d.ts +19 -0
- package/es/common/doing-notice/doing-notice.mjs +38 -0
- package/es/common/index.d.ts +1 -0
- package/es/common/index.mjs +3 -1
- package/es/common/view-message/view-message.css +1 -0
- package/es/common/view-message/view-message.d.ts +1 -0
- package/es/common/view-message/view-message.mjs +2 -0
- package/es/control/drbar/drbar.controller.d.ts +8 -1
- package/es/control/drbar/drbar.controller.mjs +17 -6
- package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.mjs +4 -3
- package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs +6 -1
- package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs +46 -38
- package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs +4 -5
- package/es/editor/html/html-editor.controller.d.ts +0 -26
- package/es/editor/html/html-editor.controller.mjs +1 -64
- package/es/editor/html/wang-editor/wang-editor.mjs +1 -1
- package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs +5 -17
- package/es/editor/markdown/markdown-editor.controller.d.ts +0 -26
- package/es/editor/markdown/markdown-editor.controller.mjs +2 -64
- package/es/editor/text-box/input/input.mjs +3 -0
- package/es/editor/upload/upload-editor.controller.d.ts +0 -26
- package/es/editor/upload/upload-editor.controller.mjs +2 -64
- package/es/editor/upload/use/use-ibiz-upload.mjs +6 -1
- package/es/editor/upload/use/use-iview-upload.mjs +7 -2
- package/es/index.mjs +2 -0
- package/es/panel-component/index.mjs +2 -0
- package/es/panel-component/panel-button/index.d.ts +1 -0
- package/es/panel-component/panel-button/panel-button.d.ts +1 -0
- package/es/panel-component/panel-button/panel-button.mjs +4 -1
- package/es/panel-component/user-message/async-action/async-action/async-action.d.ts +18 -4
- package/es/panel-component/user-message/async-action/async-action/async-action.mjs +34 -15
- package/es/panel-component/user-message/async-action/async-action/async-action.provider.d.ts +35 -2
- package/es/panel-component/user-message/async-action/async-action/async-action.provider.mjs +9 -2
- package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.d.ts +11 -51
- package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.mjs +22 -44
- package/es/panel-component/user-message/index.d.ts +1 -0
- package/es/panel-component/user-message/index.mjs +7 -0
- package/es/panel-component/user-message/internal-message/index.d.ts +2 -0
- package/es/panel-component/user-message/internal-message/index.mjs +2 -0
- package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.css +1 -1
- package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.mjs +6 -5
- package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.provider.d.ts +19 -3
- package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.provider.mjs +9 -3
- package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.css +1 -0
- package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.d.ts +35 -0
- package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.mjs +80 -0
- package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.d.ts +40 -0
- package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.mjs +55 -0
- package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.css +1 -1
- package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.d.ts +10 -1
- package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.mjs +18 -34
- package/es/panel-component/user-message/user-message.d.ts +1 -0
- package/es/panel-component/user-message/user-message.mjs +6 -1
- package/es/panel-component/view-message/index.d.ts +24 -0
- package/es/panel-component/view-message/index.mjs +15 -0
- package/es/panel-component/view-message/view-message.d.ts +26 -0
- package/es/panel-component/view-message/view-message.mjs +46 -0
- package/es/panel-component/view-message/view-message.provider.d.ts +15 -0
- package/es/panel-component/view-message/view-message.provider.mjs +21 -0
- package/es/util/app-popover/app-popover-component.d.ts +4 -2
- package/es/util/app-popover/app-popover-component.mjs +6 -2
- package/es/util/index.d.ts +1 -0
- package/es/util/index.mjs +1 -0
- package/es/util/notice-util/notice-util.d.ts +13 -0
- package/es/util/notice-util/notice-util.mjs +62 -0
- package/es/util/open-view-util/open-view-util.d.ts +10 -9
- package/es/util/open-view-util/open-view-util.mjs +6 -6
- package/es/util/overlay-controller/overlay-controller.d.ts +3 -2
- package/lib/common/data-import2/data-import2.cjs +7 -1
- package/lib/common/doing-notice/doing-notice.cjs +40 -0
- package/lib/common/doing-notice/doing-notice.css +1 -0
- package/lib/common/index.cjs +3 -0
- package/lib/common/view-message/view-message.cjs +2 -0
- package/lib/common/view-message/view-message.css +1 -0
- package/lib/control/drbar/drbar.controller.cjs +17 -6
- package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.cjs +4 -3
- package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs +6 -1
- package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs +45 -37
- package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs +4 -5
- package/lib/editor/html/html-editor.controller.cjs +0 -63
- package/lib/editor/html/wang-editor/wang-editor.cjs +1 -1
- package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs +5 -17
- package/lib/editor/markdown/markdown-editor.controller.cjs +0 -62
- package/lib/editor/text-box/input/input.cjs +3 -0
- package/lib/editor/upload/upload-editor.controller.cjs +0 -62
- package/lib/editor/upload/use/use-ibiz-upload.cjs +6 -1
- package/lib/editor/upload/use/use-iview-upload.cjs +7 -2
- package/lib/index.cjs +4 -0
- package/lib/panel-component/index.cjs +2 -0
- package/lib/panel-component/panel-button/panel-button.cjs +4 -1
- package/lib/panel-component/user-message/async-action/async-action/async-action.cjs +34 -15
- package/lib/panel-component/user-message/async-action/async-action/async-action.provider.cjs +9 -2
- package/lib/panel-component/user-message/async-action/async-action-tab/async-action-tab.cjs +20 -42
- package/lib/panel-component/user-message/index.cjs +7 -0
- package/lib/panel-component/user-message/internal-message/index.cjs +4 -0
- package/lib/panel-component/user-message/internal-message/internal-message-default/internal-message-default.cjs +6 -5
- package/lib/panel-component/user-message/internal-message/internal-message-default/internal-message-default.css +1 -1
- package/lib/panel-component/user-message/internal-message/internal-message-default/internal-message-default.provider.cjs +9 -3
- package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.cjs +82 -0
- package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.css +1 -0
- package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.cjs +57 -0
- package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.cjs +17 -33
- package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.css +1 -1
- package/lib/panel-component/user-message/user-message.cjs +5 -0
- package/lib/panel-component/view-message/index.cjs +20 -0
- package/lib/panel-component/view-message/view-message.cjs +48 -0
- package/lib/panel-component/view-message/view-message.provider.cjs +23 -0
- package/lib/util/app-popover/app-popover-component.cjs +6 -2
- package/lib/util/index.cjs +2 -0
- package/lib/util/notice-util/notice-util.cjs +64 -0
- package/lib/util/open-view-util/open-view-util.cjs +6 -6
- package/package.json +6 -6
- package/dist/ibiz-markdown-editor-RaswfMqH.js +0 -1
- package/dist/index-p-YChWUE.js +0 -2
- package/dist/wang-editor-8iEE3iXJ.js +0 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
+
import { IPanelItem } from '@ibiz/model-core';
|
|
3
|
+
/**
|
|
4
|
+
* 预置视图消息适配器
|
|
5
|
+
*
|
|
6
|
+
* @author zk
|
|
7
|
+
* @date 2024-01-25 02:01:01
|
|
8
|
+
* @export
|
|
9
|
+
* @class ViewMessageProvider
|
|
10
|
+
* @implements {IPanelItemProvider}
|
|
11
|
+
*/
|
|
12
|
+
export declare class ViewMessageProvider implements IPanelItemProvider {
|
|
13
|
+
component: string;
|
|
14
|
+
createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PanelItemController } from '@ibiz-template/runtime';
|
|
2
|
+
|
|
3
|
+
"use strict";
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __publicField = (obj, key, value) => {
|
|
7
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
8
|
+
return value;
|
|
9
|
+
};
|
|
10
|
+
class ViewMessageProvider {
|
|
11
|
+
constructor() {
|
|
12
|
+
__publicField(this, "component", "IBizViewMessage");
|
|
13
|
+
}
|
|
14
|
+
async createController(panelItem, panel, parent) {
|
|
15
|
+
const c = new PanelItemController(panelItem, panel, parent);
|
|
16
|
+
await c.init();
|
|
17
|
+
return c;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export { ViewMessageProvider };
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { ComputePositionConfig } from '@floating-ui/dom';
|
|
1
2
|
import { IPopoverOptions } from '@ibiz-template/runtime';
|
|
2
3
|
import { OverlayPopoverContainer } from '@ibiz-template/vue3-util';
|
|
3
4
|
import { VNode } from 'vue';
|
|
4
5
|
import './app-popover-component.scss';
|
|
6
|
+
export type FloatingUIConfig = Partial<ComputePositionConfig>;
|
|
5
7
|
/**
|
|
6
8
|
* 创建飘窗
|
|
7
9
|
*
|
|
@@ -9,7 +11,7 @@ import './app-popover-component.scss';
|
|
|
9
11
|
* @date 2022-12-29 15:12:59
|
|
10
12
|
* @export
|
|
11
13
|
* @param {() => VNode} render
|
|
12
|
-
* @param {IPopoverOptions} [opts]
|
|
14
|
+
* @param {IPopoverOptions<FloatingUIConfig>} [opts]
|
|
13
15
|
* @return {*} {OverlayPopoverContainer}
|
|
14
16
|
*/
|
|
15
|
-
export declare function createPopover(render: () => VNode, opts?: IPopoverOptions): OverlayPopoverContainer;
|
|
17
|
+
export declare function createPopover(render: () => VNode, opts?: IPopoverOptions<FloatingUIConfig>): OverlayPopoverContainer;
|
|
@@ -12,11 +12,15 @@ async function computePos(element, el, arrEl, opts) {
|
|
|
12
12
|
element: arrEl
|
|
13
13
|
}));
|
|
14
14
|
}
|
|
15
|
-
const
|
|
15
|
+
const config = {
|
|
16
16
|
placement: opts.placement,
|
|
17
17
|
strategy: "absolute",
|
|
18
18
|
middleware: middlewareArr
|
|
19
|
-
}
|
|
19
|
+
};
|
|
20
|
+
if (opts.options) {
|
|
21
|
+
Object.assign(config, opts.options);
|
|
22
|
+
}
|
|
23
|
+
const options = await computePosition(element, el, config);
|
|
20
24
|
{
|
|
21
25
|
const {
|
|
22
26
|
x,
|
package/es/util/index.d.ts
CHANGED
|
@@ -6,3 +6,4 @@ export { NotificationUtil } from './notification-util/notification-util';
|
|
|
6
6
|
export { OpenViewUtil } from './open-view-util/open-view-util';
|
|
7
7
|
export { OverlayController } from './overlay-controller/overlay-controller';
|
|
8
8
|
export { usePagination } from './pagination/use-pagination';
|
|
9
|
+
export { NoticeUtil } from './notice-util/notice-util';
|
package/es/util/index.mjs
CHANGED
|
@@ -6,5 +6,6 @@ export { NotificationUtil } from './notification-util/notification-util.mjs';
|
|
|
6
6
|
export { OpenViewUtil } from './open-view-util/open-view-util.mjs';
|
|
7
7
|
export { OverlayController } from './overlay-controller/overlay-controller.mjs';
|
|
8
8
|
export { usePagination } from './pagination/use-pagination.mjs';
|
|
9
|
+
export { NoticeUtil } from './notice-util/notice-util.mjs';
|
|
9
10
|
|
|
10
11
|
"use strict";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IPortalAsyncAction } from '@ibiz-template/core';
|
|
2
|
+
import { INoticeUtil } from '@ibiz-template/runtime';
|
|
3
|
+
export declare class NoticeUtil implements INoticeUtil {
|
|
4
|
+
doingNotice?: {
|
|
5
|
+
info: IData;
|
|
6
|
+
close: () => void;
|
|
7
|
+
};
|
|
8
|
+
showAsyncAction(asyncAction: IPortalAsyncAction): Promise<void>;
|
|
9
|
+
showDoingNotice(info: {
|
|
10
|
+
num: number;
|
|
11
|
+
}): void;
|
|
12
|
+
closeDoingNotice(): void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { getAsyncActionProvider } from '@ibiz-template/runtime';
|
|
2
|
+
import { ElNotification } from 'element-plus';
|
|
3
|
+
import { reactive, h } from 'vue';
|
|
4
|
+
import { useNamespace } from '@ibiz-template/vue3-util';
|
|
5
|
+
import '../../common/index.mjs';
|
|
6
|
+
import { DoingNotice } from '../../common/doing-notice/doing-notice.mjs';
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
var __defProp = Object.defineProperty;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __publicField = (obj, key, value) => {
|
|
12
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
13
|
+
return value;
|
|
14
|
+
};
|
|
15
|
+
class NoticeUtil {
|
|
16
|
+
constructor() {
|
|
17
|
+
__publicField(this, "doingNotice");
|
|
18
|
+
}
|
|
19
|
+
async showAsyncAction(asyncAction) {
|
|
20
|
+
const ns = useNamespace("async-action-notice");
|
|
21
|
+
const porvider = await getAsyncActionProvider(asyncAction);
|
|
22
|
+
if (porvider.render) {
|
|
23
|
+
const ins = ElNotification({
|
|
24
|
+
customClass: ns.b(),
|
|
25
|
+
message: porvider.render({
|
|
26
|
+
action: asyncAction,
|
|
27
|
+
onClose: () => {
|
|
28
|
+
ins.close();
|
|
29
|
+
}
|
|
30
|
+
}),
|
|
31
|
+
position: "bottom-right",
|
|
32
|
+
duration: 0
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
showDoingNotice(info) {
|
|
37
|
+
if (!this.doingNotice) {
|
|
38
|
+
const reactiveInfo = reactive(info);
|
|
39
|
+
const ins = ElNotification({
|
|
40
|
+
message: h(DoingNotice, {
|
|
41
|
+
info: reactiveInfo
|
|
42
|
+
}),
|
|
43
|
+
onClose: () => {
|
|
44
|
+
this.closeDoingNotice();
|
|
45
|
+
},
|
|
46
|
+
position: "bottom-right",
|
|
47
|
+
duration: 0
|
|
48
|
+
});
|
|
49
|
+
this.doingNotice = { info: reactiveInfo, close: () => ins.close() };
|
|
50
|
+
} else {
|
|
51
|
+
Object.assign(this.doingNotice.info, info);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
closeDoingNotice() {
|
|
55
|
+
if (this.doingNotice) {
|
|
56
|
+
this.doingNotice.close();
|
|
57
|
+
this.doingNotice = void 0;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export { NoticeUtil };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { IModalData, IOpenViewUtil } from '@ibiz-template/runtime';
|
|
1
|
+
import { IModalData, IOpenViewUtil, IPopoverOptions } from '@ibiz-template/runtime';
|
|
2
2
|
import { Router } from 'vue-router';
|
|
3
|
+
import { FloatingUIConfig } from '../app-popover/app-popover-component';
|
|
3
4
|
/**
|
|
4
5
|
* 打开视图方式工具类
|
|
5
6
|
*
|
|
@@ -22,22 +23,22 @@ export declare class OpenViewUtil implements IOpenViewUtil {
|
|
|
22
23
|
* @author lxm
|
|
23
24
|
* @date 2022-09-12 01:09:06
|
|
24
25
|
* @param {string} appViewId
|
|
25
|
-
* @param {(IContext
|
|
26
|
-
* @param {(IParams
|
|
26
|
+
* @param {(IContext)} [context]
|
|
27
|
+
* @param {(IParams)} [params]
|
|
27
28
|
* @returns {*} {Promise<IModalData>}
|
|
28
29
|
*/
|
|
29
|
-
modal(appViewId: string, context: IContext, params?: IParams
|
|
30
|
-
popover(appViewId: string, event: MouseEvent, context: IContext, params?: IParams
|
|
30
|
+
modal(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
|
|
31
|
+
popover(appViewId: string, event: MouseEvent, context: IContext, params?: IParams, options?: IPopoverOptions<FloatingUIConfig>): Promise<IModalData>;
|
|
31
32
|
/**
|
|
32
33
|
* 抽屉打开视图
|
|
33
34
|
*
|
|
34
35
|
* @author lxm
|
|
35
36
|
* @date 2022-09-15 15:09:50
|
|
36
37
|
* @param {string} appViewId
|
|
37
|
-
* @param {(IContext
|
|
38
|
-
* @param {(IParams
|
|
38
|
+
* @param {(IContext)} [context]
|
|
39
|
+
* @param {(IParams)} [params]
|
|
39
40
|
* @returns {*} {Promise<IModalData>}
|
|
40
41
|
*/
|
|
41
|
-
drawer(appViewId: string, context: IContext, params?: IParams
|
|
42
|
-
custom(appViewId: string, context: IContext, params?: IParams
|
|
42
|
+
drawer(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
|
|
43
|
+
custom(appViewId: string, context: IContext, params?: IParams): Promise<IModalData>;
|
|
43
44
|
}
|
|
@@ -35,8 +35,8 @@ class OpenViewUtil {
|
|
|
35
35
|
* @author lxm
|
|
36
36
|
* @date 2022-09-12 01:09:06
|
|
37
37
|
* @param {string} appViewId
|
|
38
|
-
* @param {(IContext
|
|
39
|
-
* @param {(IParams
|
|
38
|
+
* @param {(IContext)} [context]
|
|
39
|
+
* @param {(IParams)} [params]
|
|
40
40
|
* @returns {*} {Promise<IModalData>}
|
|
41
41
|
*/
|
|
42
42
|
async modal(appViewId, context, params) {
|
|
@@ -55,7 +55,7 @@ class OpenViewUtil {
|
|
|
55
55
|
opts
|
|
56
56
|
);
|
|
57
57
|
}
|
|
58
|
-
async popover(appViewId, event, context, params) {
|
|
58
|
+
async popover(appViewId, event, context, params, options = {}) {
|
|
59
59
|
const appView = await ibiz.hub.config.view.get(appViewId);
|
|
60
60
|
return openViewPopover(
|
|
61
61
|
event,
|
|
@@ -64,7 +64,7 @@ class OpenViewUtil {
|
|
|
64
64
|
params,
|
|
65
65
|
viewId: appView.id
|
|
66
66
|
},
|
|
67
|
-
{ autoClose: true, placement: "bottom" }
|
|
67
|
+
{ autoClose: true, placement: "bottom", ...options }
|
|
68
68
|
);
|
|
69
69
|
}
|
|
70
70
|
/**
|
|
@@ -73,8 +73,8 @@ class OpenViewUtil {
|
|
|
73
73
|
* @author lxm
|
|
74
74
|
* @date 2022-09-15 15:09:50
|
|
75
75
|
* @param {string} appViewId
|
|
76
|
-
* @param {(IContext
|
|
77
|
-
* @param {(IParams
|
|
76
|
+
* @param {(IContext)} [context]
|
|
77
|
+
* @param {(IParams)} [params]
|
|
78
78
|
* @returns {*} {Promise<IModalData>}
|
|
79
79
|
*/
|
|
80
80
|
async drawer(appViewId, context, params) {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IOverlayController, IDrawerOptions, IPopoverOptions, IModalOptions, IOverlayContainer, IOverlayPopoverContainer, IFloatWindowOptions } from '@ibiz-template/runtime';
|
|
2
|
+
import { FloatingUIConfig } from '../app-popover/app-popover-component';
|
|
2
3
|
/**
|
|
3
4
|
* 用不同呈现方式绘制组件的通用工具类
|
|
4
5
|
*
|
|
@@ -9,8 +10,8 @@ import { IOverlayController, IDrawerOptions, IPopoverOptions, IModalOptions, IOv
|
|
|
9
10
|
* @implements {IOverlayController}
|
|
10
11
|
*/
|
|
11
12
|
export declare class OverlayController implements IOverlayController {
|
|
12
|
-
popover<T = void>(element: HTMLElement, component: unknown, props?: IParams, opts?: IPopoverOptions): Promise<T>;
|
|
13
|
-
createPopover(component: unknown, props?: IParams, opts?: IPopoverOptions): IOverlayPopoverContainer;
|
|
13
|
+
popover<T = void>(element: HTMLElement, component: unknown, props?: IParams, opts?: IPopoverOptions<FloatingUIConfig>): Promise<T>;
|
|
14
|
+
createPopover(component: unknown, props?: IParams, opts?: IPopoverOptions<FloatingUIConfig>): IOverlayPopoverContainer;
|
|
14
15
|
drawer<T = void>(component: unknown, props?: IParams, opts?: IDrawerOptions): Promise<T>;
|
|
15
16
|
createDrawer(component: unknown, props?: IParams, opts?: IDrawerOptions): IOverlayContainer;
|
|
16
17
|
modal<T = void>(component: unknown, props?: IParams, opts?: IModalOptions): Promise<T>;
|
|
@@ -282,7 +282,13 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
|
|
|
282
282
|
Authorization: "Bearer ".concat(qxUtil.getCookie(core.CoreConst.TOKEN))
|
|
283
283
|
});
|
|
284
284
|
const UploadUrl = vue.computed(() => {
|
|
285
|
-
let
|
|
285
|
+
let uploadFileUrl;
|
|
286
|
+
if (ibiz.env.uploadFileUrl.indexOf("{cat}") !== -1) {
|
|
287
|
+
uploadFileUrl = ibiz.env.uploadFileUrl.replace("/{cat}", "/temp");
|
|
288
|
+
} else {
|
|
289
|
+
uploadFileUrl = "".concat(ibiz.env.uploadFileUrl, "/temp");
|
|
290
|
+
}
|
|
291
|
+
let uploadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(uploadFileUrl);
|
|
286
292
|
uploadUrl += qs.stringify({
|
|
287
293
|
preview: true
|
|
288
294
|
}, {
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var vue = require('vue');
|
|
4
|
+
var vue3Util = require('@ibiz-template/vue3-util');
|
|
5
|
+
require('./doing-notice.css');
|
|
6
|
+
|
|
7
|
+
"use strict";
|
|
8
|
+
const DoingNotice = /* @__PURE__ */ vue.defineComponent({
|
|
9
|
+
name: "DoingNotice",
|
|
10
|
+
props: {
|
|
11
|
+
info: {
|
|
12
|
+
type: Object,
|
|
13
|
+
required: true
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
setup() {
|
|
17
|
+
const ns = vue3Util.useNamespace("doing-notice");
|
|
18
|
+
return {
|
|
19
|
+
ns
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
|
+
render() {
|
|
23
|
+
return vue.createVNode("div", {
|
|
24
|
+
"class": [this.ns.b()]
|
|
25
|
+
}, [vue.createVNode("span", {
|
|
26
|
+
"class": this.ns.e("text")
|
|
27
|
+
}, [vue.createTextVNode("\u6709"), vue.createVNode("span", {
|
|
28
|
+
"class": this.ns.e("num")
|
|
29
|
+
}, [this.info.num]), vue.createTextVNode("\u4E2A\u5F02\u6B65\u64CD\u4F5C\u6B63\u5728\u6267\u884C\uFF0C\u8BF7\u7A0D\u540E")]), vue.createVNode("svg", {
|
|
30
|
+
"class": this.ns.e("loading-icon"),
|
|
31
|
+
"viewBox": "-10, -10, 50, 50"
|
|
32
|
+
}, [vue.createVNode("path", {
|
|
33
|
+
"class": "path",
|
|
34
|
+
"d": "M 30 15 L 28 17 M 25.61 25.61 A 15 15, 0, 0, 1, 15 30 A 15 15, 0, 1, 1, 27.99 7.5 L 15 15",
|
|
35
|
+
"style": "stroke-width: 4px; fill: rgba(0, 0, 0, 0)"
|
|
36
|
+
}, null)])]);
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
exports.DoingNotice = DoingNotice;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ibiz-async-action-notice.el-notification{width:auto}.ibiz-async-action-notice.el-notification .el-notification__group{margin:0}.ibiz-async-action-notice.el-notification .el-notification__closeBtn{top:5px;right:5px}.ibiz-doing-notice__text{margin-right:8px}.ibiz-doing-notice__num{margin:0 8px;font-size:18px;font-weight:700;color:var(--ibiz-color-danger)}.ibiz-doing-notice__loading-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;animation:loading-rotate 2s linear infinite}.ibiz-doing-notice__loading-icon .path{stroke:var(--ibiz-color-primary);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2;animation:loading-dash 1.5s ease-in-out infinite}
|
package/lib/common/index.cjs
CHANGED
|
@@ -20,12 +20,14 @@ var dataImport2 = require('./data-import2/data-import2.cjs');
|
|
|
20
20
|
var dataImport2Table = require('./data-import2-table/data-import2-table.cjs');
|
|
21
21
|
var dataImport2Select = require('./data-import2-select/data-import2-select.cjs');
|
|
22
22
|
var gridSetting = require('./grid-setting/grid-setting.cjs');
|
|
23
|
+
var doingNotice = require('./doing-notice/doing-notice.cjs');
|
|
23
24
|
|
|
24
25
|
"use strict";
|
|
25
26
|
const IBizCommonComponents = {
|
|
26
27
|
install: (v) => {
|
|
27
28
|
v.component(vue3Util.IBizControlBase.name, vue3Util.IBizControlBase);
|
|
28
29
|
v.component(vue3Util.IBizIcon.name, vue3Util.IBizIcon);
|
|
30
|
+
v.component(doingNotice.DoingNotice.name, doingNotice.DoingNotice);
|
|
29
31
|
v.component(row.IBizRow.name, row.IBizRow);
|
|
30
32
|
v.component(col.IBizCol.name, col.IBizCol);
|
|
31
33
|
v.component(vue3Util.IBizRouterView.name, vue3Util.IBizRouterView);
|
|
@@ -63,5 +65,6 @@ exports.IBizRawItem = rawitem.IBizRawItem;
|
|
|
63
65
|
exports.IBizSplit = split.IBizSplit;
|
|
64
66
|
exports.IBizSplitTrigger = splitTrigger.IBizSplitTrigger;
|
|
65
67
|
exports.IBizSortBar = sortBar.IBizSortBar;
|
|
68
|
+
exports.DoingNotice = doingNotice.DoingNotice;
|
|
66
69
|
exports.IBizCommonComponents = IBizCommonComponents;
|
|
67
70
|
exports.default = IBizCommonComponents;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var vue = require('vue');
|
|
4
4
|
var vue3Util = require('@ibiz-template/vue3-util');
|
|
5
|
+
require('./view-message.css');
|
|
5
6
|
|
|
6
7
|
"use strict";
|
|
7
8
|
const ViewMessage = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -39,6 +40,7 @@ const ViewMessage = /* @__PURE__ */ vue.defineComponent({
|
|
|
39
40
|
return vue.createVNode(vue.resolveComponent("el-alert"), {
|
|
40
41
|
"type": this.getType(message.messageType),
|
|
41
42
|
"title": message.title,
|
|
43
|
+
"class": [this.ns.e("alert"), this.ns.is("no-title", !message.title)],
|
|
42
44
|
"description": message.message,
|
|
43
45
|
"closable": message.removeMode !== 0
|
|
44
46
|
}, null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ibiz-view-message__alert.is-no-title.el-alert .el-alert__description{margin:0}
|
|
@@ -37,6 +37,16 @@ class DRBarController extends runtime.ControlController {
|
|
|
37
37
|
var _a;
|
|
38
38
|
return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.nav_pos;
|
|
39
39
|
}
|
|
40
|
+
/**
|
|
41
|
+
* 导航视图容器控制器
|
|
42
|
+
* @return {*}
|
|
43
|
+
* @author: zhujiamin
|
|
44
|
+
* @Date: 2024-01-25 16:03:00
|
|
45
|
+
*/
|
|
46
|
+
get viewNavPos() {
|
|
47
|
+
var _a;
|
|
48
|
+
return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_nav_pos;
|
|
49
|
+
}
|
|
40
50
|
/**
|
|
41
51
|
* 表单部件
|
|
42
52
|
*
|
|
@@ -271,18 +281,18 @@ class DRBarController extends runtime.ControlController {
|
|
|
271
281
|
viewForm.state.visible = true;
|
|
272
282
|
viewForm.state.keepAlive = true;
|
|
273
283
|
}
|
|
274
|
-
if (this.
|
|
275
|
-
this.
|
|
276
|
-
this.
|
|
284
|
+
if (this.viewNavPos) {
|
|
285
|
+
this.viewNavPos.state.visible = false;
|
|
286
|
+
this.viewNavPos.state.keepAlive = true;
|
|
277
287
|
}
|
|
278
288
|
} else {
|
|
279
289
|
if (viewForm) {
|
|
280
290
|
viewForm.state.visible = false;
|
|
281
291
|
viewForm.state.keepAlive = true;
|
|
282
292
|
}
|
|
283
|
-
if (this.
|
|
284
|
-
this.
|
|
285
|
-
this.
|
|
293
|
+
if (this.viewNavPos) {
|
|
294
|
+
this.viewNavPos.state.visible = true;
|
|
295
|
+
this.viewNavPos.state.keepAlive = true;
|
|
286
296
|
}
|
|
287
297
|
}
|
|
288
298
|
}
|
|
@@ -337,6 +347,7 @@ class DRBarController extends runtime.ControlController {
|
|
|
337
347
|
doDefaultSelect() {
|
|
338
348
|
var _a;
|
|
339
349
|
if (!this.state.hideEditItem && !this.state.srfnav) {
|
|
350
|
+
this.setVisible("form");
|
|
340
351
|
return;
|
|
341
352
|
}
|
|
342
353
|
if (this.isCreate) {
|
|
@@ -35,13 +35,14 @@ const TreeGridExUAColumn = /* @__PURE__ */ vue.defineComponent({
|
|
|
35
35
|
};
|
|
36
36
|
},
|
|
37
37
|
render() {
|
|
38
|
-
var _a, _b
|
|
38
|
+
var _a, _b;
|
|
39
|
+
const uiactionGroup = this.controller.getUIActionGroup(this.row);
|
|
39
40
|
return vue.createVNode("div", {
|
|
40
41
|
"class": [this.ns.b(), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
|
|
41
42
|
"onDblclick": this.onStopPropagation,
|
|
42
43
|
"onClick": this.onStopPropagation
|
|
43
|
-
}, [((
|
|
44
|
-
"action-details":
|
|
44
|
+
}, [((_b = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _b.length) && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
|
|
45
|
+
"action-details": uiactionGroup.uiactionGroupDetails,
|
|
45
46
|
"actions-state": this.row.columnActionsStates[this.controller.model.codeName],
|
|
46
47
|
"onActionClick": this.onActionClick
|
|
47
48
|
}, null)]);
|
|
@@ -20,6 +20,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
|
|
|
20
20
|
const isShowAll = vue.ref(true);
|
|
21
21
|
const isEditable = vue.ref(false);
|
|
22
22
|
const editorRef = vue.ref();
|
|
23
|
+
const isLoaded = vue.ref(false);
|
|
23
24
|
const showFormDefaultContent = vue.computed(() => {
|
|
24
25
|
if (props.controlParams && props.controlParams.editmode === "hover") {
|
|
25
26
|
return true;
|
|
@@ -109,6 +110,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
|
|
|
109
110
|
const res = await c.getServiceData(trimQuery, props.data);
|
|
110
111
|
if (res) {
|
|
111
112
|
items.value = res.data;
|
|
113
|
+
isLoaded.value = true;
|
|
112
114
|
if (cb && cb instanceof Function) {
|
|
113
115
|
cb(items.value);
|
|
114
116
|
}
|
|
@@ -161,13 +163,16 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
|
|
|
161
163
|
vue.onMounted(() => {
|
|
162
164
|
vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
|
|
163
165
|
if (newVal !== oldVal) {
|
|
164
|
-
if (
|
|
166
|
+
if (!isLoaded.value && editorRef.value) {
|
|
165
167
|
await onSearch("");
|
|
166
168
|
}
|
|
167
169
|
const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
|
|
168
170
|
if (curItem) {
|
|
169
171
|
curValue.value = curItem[c.textName];
|
|
170
172
|
}
|
|
173
|
+
if (newVal === null) {
|
|
174
|
+
emit("change", null);
|
|
175
|
+
}
|
|
171
176
|
}
|
|
172
177
|
}, {
|
|
173
178
|
immediate: true
|
|
@@ -24,6 +24,9 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
|
|
|
24
24
|
const refValue = vue.ref("");
|
|
25
25
|
const isEditable = vue.ref(false);
|
|
26
26
|
const editorRef = vue.ref();
|
|
27
|
+
const loading = vue.ref(false);
|
|
28
|
+
let waitQuery = null;
|
|
29
|
+
const isLoaded = vue.ref(false);
|
|
27
30
|
const showFormDefaultContent = vue.computed(() => {
|
|
28
31
|
if (props.controlParams && props.controlParams.editmode === "hover") {
|
|
29
32
|
return true;
|
|
@@ -57,16 +60,50 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
|
|
|
57
60
|
}, {
|
|
58
61
|
immediate: true
|
|
59
62
|
});
|
|
60
|
-
|
|
61
|
-
if (
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
const onSearch = async (query) => {
|
|
64
|
+
if (!shouldLoad.value) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (c.model.appDataEntityId && loading.value === false) {
|
|
68
|
+
loading.value = true;
|
|
69
|
+
try {
|
|
70
|
+
let trimQuery = "";
|
|
71
|
+
if (query !== props.value) {
|
|
72
|
+
trimQuery = query.trim();
|
|
73
|
+
}
|
|
74
|
+
const res = await c.getServiceData(trimQuery, props.data);
|
|
75
|
+
if (res) {
|
|
76
|
+
items.value = res.data;
|
|
77
|
+
}
|
|
78
|
+
} finally {
|
|
79
|
+
loading.value = false;
|
|
80
|
+
isLoaded.value = true;
|
|
81
|
+
if (waitQuery != null) {
|
|
82
|
+
const selfQuery = waitQuery;
|
|
83
|
+
waitQuery = null;
|
|
84
|
+
await onSearch(selfQuery);
|
|
85
|
+
}
|
|
65
86
|
}
|
|
87
|
+
} else {
|
|
88
|
+
waitQuery = query;
|
|
66
89
|
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
90
|
+
};
|
|
91
|
+
vue.onMounted(() => {
|
|
92
|
+
vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
|
|
93
|
+
if (newVal !== oldVal) {
|
|
94
|
+
if (!isLoaded.value && editorRef.value) {
|
|
95
|
+
shouldLoad.value = true;
|
|
96
|
+
await onSearch("");
|
|
97
|
+
}
|
|
98
|
+
refValue.value = newVal;
|
|
99
|
+
if (newVal === null) {
|
|
100
|
+
emit("change", null);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}, {
|
|
104
|
+
immediate: true,
|
|
105
|
+
deep: true
|
|
106
|
+
});
|
|
70
107
|
});
|
|
71
108
|
const setEditable = (flag) => {
|
|
72
109
|
if (flag) {
|
|
@@ -77,7 +114,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
|
|
|
77
114
|
}, 100);
|
|
78
115
|
}
|
|
79
116
|
};
|
|
80
|
-
const loading = vue.ref(false);
|
|
81
117
|
const onACSelect = async (data) => {
|
|
82
118
|
const dataItems = await c.calcFillDataItems(data);
|
|
83
119
|
if (dataItems.length) {
|
|
@@ -107,34 +143,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
|
|
|
107
143
|
}
|
|
108
144
|
shouldLoad.value = false;
|
|
109
145
|
};
|
|
110
|
-
let waitQuery = null;
|
|
111
|
-
const onSearch = async (query) => {
|
|
112
|
-
if (!shouldLoad.value) {
|
|
113
|
-
return;
|
|
114
|
-
}
|
|
115
|
-
if (c.model.appDataEntityId && loading.value === false) {
|
|
116
|
-
loading.value = true;
|
|
117
|
-
try {
|
|
118
|
-
let trimQuery = "";
|
|
119
|
-
if (query !== props.value) {
|
|
120
|
-
trimQuery = query.trim();
|
|
121
|
-
}
|
|
122
|
-
const res = await c.getServiceData(trimQuery, props.data);
|
|
123
|
-
if (res) {
|
|
124
|
-
items.value = res.data;
|
|
125
|
-
}
|
|
126
|
-
} finally {
|
|
127
|
-
loading.value = false;
|
|
128
|
-
if (waitQuery != null) {
|
|
129
|
-
const selfQuery = waitQuery;
|
|
130
|
-
waitQuery = null;
|
|
131
|
-
await onSearch(selfQuery);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
} else {
|
|
135
|
-
waitQuery = query;
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
146
|
const onOpenChange = (isOpen) => {
|
|
139
147
|
if (isOpen) {
|
|
140
148
|
items.value = [];
|
|
@@ -15,7 +15,6 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
|
|
|
15
15
|
setup(props, {
|
|
16
16
|
emit
|
|
17
17
|
}) {
|
|
18
|
-
var _a;
|
|
19
18
|
const ns = vue3Util.useNamespace("dropdown");
|
|
20
19
|
const c = props.controller;
|
|
21
20
|
const items = vue.ref([]);
|
|
@@ -25,7 +24,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
|
|
|
25
24
|
const treeNodes = vue.ref([]);
|
|
26
25
|
const isEditable = vue.ref(false);
|
|
27
26
|
const editorRef = vue.ref();
|
|
28
|
-
const editorItems =
|
|
27
|
+
const editorItems = c.model.editorItems;
|
|
29
28
|
const isLoading = vue.ref(false);
|
|
30
29
|
let editorState = "";
|
|
31
30
|
let funcs;
|
|
@@ -105,15 +104,15 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
|
|
|
105
104
|
};
|
|
106
105
|
const curValue = vue.computed({
|
|
107
106
|
get() {
|
|
108
|
-
var
|
|
107
|
+
var _a, _b;
|
|
109
108
|
if (!isLoadedCodeList.value) {
|
|
110
|
-
return "";
|
|
109
|
+
return c.multiple ? [] : "";
|
|
111
110
|
}
|
|
112
111
|
if (editorItems && editorItems.length > 0 && !c.multiple) {
|
|
113
112
|
return props.data[editorItems[0].id];
|
|
114
113
|
}
|
|
115
114
|
if (props.value) {
|
|
116
|
-
return c.multiple ? (
|
|
115
|
+
return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
|
|
117
116
|
}
|
|
118
117
|
return (_b = props.value) == null ? void 0 : _b.toString();
|
|
119
118
|
},
|