@ibiz-template/vue3-components 0.7.8 → 0.7.10

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts

@@ -2056,6 +2056,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
         ownerType: string;
         ownerId: string;
         loadCustomModelData: () => Promise<IData>;
+        resetCustomModelData: () => Promise<IData>;
         saveCustomModelData: (model: IData[], config?: IData | undefined) => Promise<IData>;
     };
     isShowDesign: import("vue").Ref<boolean>;
@@ -2064,7 +2065,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
     showTypeDir: import("vue").Ref<boolean>;
     openDesign: () => void;
     onSaved: (args: IData) => Promise<void>;
-    onReset: () => void;
+    onReset: () => Promise<void>;
     clickCollapse: (type: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -1,4 +1,4 @@
-import { reactive, ref, computed, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { reactive, ref, nextTick, computed, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { CustomDashboardController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './custom-dashboard-container.css';
@@ -65,13 +65,17 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         model: tempModelDatas,
         config: args.config
       });
+      await props.dashboard.evt.emit("onSavePortlet", void 0);
       emit("changed", {
         model: tempModelDatas
       });
     };
-    const onReset = () => {
+    const onReset = async () => {
+      isInited.value = false;
       isShowDesign.value = false;
-      props.dashboard.resetPortlets();
+      await props.dashboard.resetPortlets();
+      await nextTick();
+      isInited.value = true;
     };
     const isShowDefault = computed(() => {
       return customC.customModelData.length === 0;

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -100,12 +100,25 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       const list2 = [];
       const app = ibiz.hub.getApp(ibiz.env.appId);
       if (app.model.appPortletCats && app.model.appPortlets) {
+        const isDEView = customC.model.appDataEntityId;
+        const categoryTag = props.dashboard.controlParams.categorytag;
         app.model.appPortlets.forEach((portlet) => {
           var _a;
+          if (!isDEView && !portlet.enableAppDashboard) {
+            return;
+          }
+          if (isDEView && !portlet.enableDEDashboard) {
+            return;
+          }
           const portletCat = (_a = app.model.appPortletCats) == null ? void 0 : _a.find((cat) => {
             var _a2;
             return cat.codeName === ((_a2 = portlet.appPortletCat) == null ? void 0 : _a2.codeName);
           });
+          if (categoryTag) {
+            if (!portletCat || portletCat.codeName !== categoryTag) {
+              return;
+            }
+          }
           const temp = {
             type: "app",
             portletCodeName: portlet.codeName,
@@ -143,11 +156,8 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       if (filterVal.value) {
         tempOpens = [filterVal.value];
       } else {
-        list.value.forEach((item, index) => {
-          tempOpens.push(item.type + index);
-          item.children.forEach((child, index2) => {
-            tempOpens.push(child.type + index2);
-          });
+        groups.value.forEach((item, index) => {
+          tempOpens.push(item.value + index);
         });
       }
       return tempOpens;
@@ -220,8 +230,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       return !!model;
     };
     const onReset = async () => {
-      customC.portletConfig = {};
-      const res = await customC.saveCustomModelData([]);
+      const res = await customC.resetCustomModelData();
       layoutModel.value = res.model;
       layoutConfig.value = res.config;
       emit("reset");
@@ -362,32 +371,17 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
         "class": this.ns.is("no-filter", true),
         "default-openeds": this.defaultOpens,
         "key": "default"
-      }, _isSlot(_slot2 = this.list.map((item, index) => {
+      }, _isSlot(_slot2 = this.groups.map((group, index) => {
         return createVNode(resolveComponent("el-sub-menu"), {
-          "key": item.type + index,
-          "index": item.type + index
+          "key": group.value + index,
+          "index": group.value + index
         }, {
           title: () => {
-            if (item.type === "app") {
-              return ibiz.i18n.t("control.dashboard.dashboardDesign.global");
-            }
-            return item.name;
+            return group.name;
           },
           default: () => {
-            return item.children.map((child, index2) => {
-              return createVNode(resolveComponent("el-sub-menu"), {
-                "key": child.type + index2,
-                "index": child.type + index2
-              }, {
-                title: () => {
-                  return child.name;
-                },
-                default: () => {
-                  return child.children.map((child2) => {
-                    return renderElMenuItem(child2);
-                  });
-                }
-              });
+            return group.children.map((child) => {
+              return renderElMenuItem(child);
             });
           }
         });

package/es/control/dashboard/portlet/chart-portlet/chart-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ChartPortletController, ControlType } from '@ibiz-template/runtime';
 
@@ -24,6 +24,18 @@ const ChartPortlet = /* @__PURE__ */ defineComponent({
     const chart = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === ControlType.CHART;
     });
+    let timerTag;
+    onMounted(() => {
+      const timer = props.controller.model.timer;
+      if (timer && timer > 0) {
+        timerTag = setInterval(() => {
+          props.controller.refresh();
+        }, timer);
+      }
+    });
+    onBeforeUnmount(() => {
+      clearInterval(timerTag);
+    });
     return {
       ns,
       chart

package/es/control/dashboard/portlet/list-portlet/list-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ListPortletController, ControlType } from '@ibiz-template/runtime';
 
@@ -24,6 +24,18 @@ const ListPortlet = /* @__PURE__ */ defineComponent({
     const list = (_b = props.modelData.controls) == null ? void 0 : _b.find((item) => {
       return item.controlType === ControlType.LIST;
     });
+    let timerTag;
+    onMounted(() => {
+      const timer = props.controller.model.timer;
+      if (timer && timer > 0) {
+        timerTag = setInterval(() => {
+          props.controller.refresh();
+        }, timer);
+      }
+    });
+    onBeforeUnmount(() => {
+      clearInterval(timerTag);
+    });
     return {
       ns,
       list

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.d.ts

@@ -12,6 +12,7 @@ export declare const PortletLayout: import("vue").DefineComponent<{
 }, {
     c: PortletPartController<import("@ibiz/model-core").IDBPortletPart>;
     ns: import("@ibiz-template/core").Namespace;
+    popperClass: import("vue").ComputedRef<string[]>;
     portletType: string;
     isShowHeader: import("vue").ComputedRef<string | import("@ibiz/model-core").ISysImage | import("@ibiz/model-core").IUIActionGroup | undefined>;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -17,6 +17,14 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("portlet-layout");
     const portletType = "portlet-".concat((_a = props.controller.model.portletType) == null ? void 0 : _a.toLowerCase());
     const c = props.controller;
+    const popperClass = computed(() => {
+      const classNames = [ns.em("toolbar", "".concat(portletType, "-").concat(c.model.id))];
+      const {
+        codeName
+      } = c.dashboard.view.model;
+      classNames.push(ns.em("toolbar", codeName));
+      return classNames;
+    });
     const isShowHeader = computed(() => {
       return c.model.showTitleBar && (c.model.title || c.model.sysImage) || c.model.uiactionGroup;
     });
@@ -26,6 +34,7 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
+      popperClass,
       portletType,
       isShowHeader,
       onActionClick
@@ -59,7 +68,7 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       "action-details": model.uiactionGroup.uiactionGroupDetails,
       "actions-state": state.actionGroupState,
       "mode": model.actionGroupExtractMode === "ITEMS" ? "dropdown" : "buttons",
-      "popperClass": this.ns.em("toolbar", "".concat(this.portletType, "-").concat(model.id)),
+      "popperClass": this.popperClass,
       "onActionClick": this.onActionClick
     }, null)])]), createVNode("div", {
       "key": "content",

package/es/control/dashboard/portlet/view-portlet/view-portlet.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, onMounted, onBeforeUnmount, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { ViewPortletController } from '@ibiz-template/runtime';
 
@@ -22,6 +22,18 @@ const ViewPortlet = /* @__PURE__ */ defineComponent({
     var _a;
     const ns = useNamespace("portlet-".concat((_a = props.modelData.portletType) == null ? void 0 : _a.toLowerCase()));
     const view = props.modelData.portletAppView;
+    let timerTag;
+    onMounted(() => {
+      const timer = props.controller.model.timer;
+      if (timer && timer > 0) {
+        timerTag = setInterval(() => {
+          props.controller.refresh();
+        }, timer);
+      }
+    });
+    onBeforeUnmount(() => {
+      clearInterval(timerTag);
+    });
     return {
       ns,
       view

package/es/editor/html/html-editor.controller.d.ts

@@ -1,5 +1,5 @@
-import { EditorController } from '@ibiz-template/runtime';
-import { IHtml } from '@ibiz/model-core';
+import { EditorController, IAppDEService } from '@ibiz-template/runtime';
+import { IAppDEACMode, IHtml } from '@ibiz/model-core';
 /**
  * html框编辑器控制器
  *
@@ -16,5 +16,28 @@ export declare class HtmlEditorController extends EditorController<IHtml> {
      * 下载参数
      */
     exportParams?: IParams;
+    /**
+     * 应用实体服务
+     *
+     * @type {IAppDEService}
+     * @memberof HtmlEditorController
+     */
+    deService?: IAppDEService;
+    /**
+     * 自填模式
+     *
+     * @author chitanda
+     * @date 2023-10-12 10:10:52
+     * @type {IAppDEACMode}
+     */
+    deACMode?: IAppDEACMode;
+    /**
+     * AI 聊天自填模式
+     *
+     * @author chitanda
+     * @date 2023-10-12 10:10:37
+     * @type {boolean}
+     */
+    chatCompletion: boolean;
     protected onInit(): Promise<void>;
 }

package/es/editor/html/html-editor.controller.mjs

@@ -1,4 +1,6 @@
-import { EditorController } from '@ibiz-template/runtime';
+import { EditorController, getDeACMode } from '@ibiz-template/runtime';
+import { Boot } from '@wangeditor/editor';
+import { AIMenu } from './wang-editor/ai/ai-modules.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -18,6 +20,29 @@ class HtmlEditorController extends EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 应用实体服务
+     *
+     * @type {IAppDEService}
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "deService");
+    /**
+     * 自填模式
+     *
+     * @author chitanda
+     * @date 2023-10-12 10:10:52
+     * @type {IAppDEACMode}
+     */
+    __publicField(this, "deACMode");
+    /**
+     * AI 聊天自填模式
+     *
+     * @author chitanda
+     * @date 2023-10-12 10:10:37
+     * @type {boolean}
+     */
+    __publicField(this, "chatCompletion", false);
   }
   async onInit() {
     await super.onInit();
@@ -46,6 +71,29 @@ class HtmlEditorController extends EditorController {
         }
       }
     }
+    const model = this.model;
+    if (model.appDEACModeId) {
+      this.deACMode = await getDeACMode(
+        model.appDEACModeId,
+        model.appDataEntityId,
+        this.context.srfappid
+      );
+      if (this.deACMode) {
+        if (this.deACMode.actype === "CHATCOMPLETION") {
+          this.deService = await ibiz.hub.getApp(model.appId).deService.getService(this.context, model.appDataEntityId);
+          this.chatCompletion = true;
+        }
+      }
+    }
+    if (!window.aichartRegister) {
+      Boot.registerMenu({
+        key: "aichart",
+        factory() {
+          return new AIMenu();
+        }
+      });
+      window.aichartRegister = true;
+    }
   }
 }
 

package/es/editor/html/wang-editor/ai/ai-modules.d.ts

@@ -0,0 +1,10 @@
+import { IButtonMenu, IDomEditor } from '@wangeditor/editor';
+export declare class AIMenu implements IButtonMenu {
+    title: string;
+    iconSvg: string;
+    tag: string;
+    isActive(editor: IDomEditor): boolean;
+    getValue(editor: IDomEditor): string | boolean;
+    isDisabled(editor: IDomEditor): boolean;
+    exec(editor: IDomEditor, value: string | boolean): void;
+}

package/es/editor/html/wang-editor/ai/ai-modules.mjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AIMenu {
+  constructor() {
+    __publicField(this, "title", "AI");
+    __publicField(this, "iconSvg", '<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <text x="0" y="15" fill="black">AI</text></svg>');
+    __publicField(this, "tag", "button");
+  }
+  // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+  isActive(editor) {
+    return false;
+  }
+  // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+  getValue(editor) {
+    return "aichart";
+  }
+  // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+  isDisabled(editor) {
+    return false;
+  }
+  // 点击菜单时触发的函数
+  exec(editor, value) {
+    editor.emit("aiClick");
+  }
+}
+
+export { AIMenu };

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -1,6 +1,6 @@
 import { ref, shallowRef, watch, onBeforeUnmount, nextTick, onMounted, createTextVNode, createVNode, onUnmounted, resolveComponent, defineComponent } from 'vue';
 import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
-import { getCookie } from 'qx-util';
+import { getCookie, createUUID } from 'qx-util';
 import { isNil } from 'ramda';
 import { getHtmlProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { CoreConst, awaitTimeout } from '@ibiz-template/core';
@@ -69,7 +69,11 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       return url;
     };
     const toolbarConfig = {
-      excludeKeys: ["group-video"]
+      excludeKeys: ["group-video"],
+      insertKeys: {
+        index: 60,
+        keys: ["|", "aichart"]
+      }
     };
     const editorConfig = {
       placeholder: c.placeHolder,
@@ -141,9 +145,87 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         return;
       editor.destroy();
     });
+    let chatInstance;
+    const onClickAI = async () => {
+      var _a;
+      if (c.deService) {
+        const module = await import('@ibiz-template-plugin/ai-chat');
+        const chat = module.chat || module.default.chat;
+        chatInstance = chat;
+        const aiChat = chat.create({
+          question: async (arr) => {
+            var _a2;
+            const id = createUUID();
+            await ((_a2 = c.deService) == null ? void 0 : _a2.aiChatSse((msg) => {
+              ibiz.log.info("aiChatSse", msg);
+              if (msg.actionstate === 20 && msg.actionresult) {
+                aiChat.addMessage({
+                  messageid: id,
+                  state: msg.actionstate,
+                  type: "DEFAULT",
+                  role: "ASSISTANT",
+                  content: msg.actionresult
+                });
+              } else if (msg.actionstate === 30 && msg.actionresult) {
+                const result = JSON.parse(msg.actionresult);
+                const choices = result.choices;
+                if (choices && choices.length > 0) {
+                  aiChat.replaceMessage({
+                    messageid: id,
+                    state: msg.actionstate,
+                    type: "DEFAULT",
+                    role: "ASSISTANT",
+                    content: choices[0].content || ""
+                  });
+                }
+              } else if (msg.actionstate === 40) {
+                aiChat.replaceMessage({
+                  messageid: id,
+                  state: msg.actionstate,
+                  type: "ERROR",
+                  role: "ASSISTANT",
+                  content: msg.actionresult
+                });
+              }
+            }, c.context, {}, {
+              messages: arr
+            }));
+            aiChat.addMessage({
+              messageid: id,
+              state: 10,
+              type: "DEFAULT",
+              role: "ASSISTANT",
+              content: ""
+            });
+            return true;
+          },
+          action: (action, message) => {
+            if (action === "backfill") {
+              emit("change", message.content);
+            }
+          }
+        });
+        const res = await ((_a = c.deService) == null ? void 0 : _a.aiChatHistory(c.context, {}));
+        if (res.data && Array.isArray(res.data)) {
+          res.data.forEach((item) => {
+            const msg = {
+              messageid: createUUID(),
+              state: 30,
+              type: "DEFAULT",
+              role: item.role,
+              content: item.content
+            };
+            aiChat.addMessage(msg);
+          });
+        }
+      }
+    };
     const handleCreated = (editor) => {
       editorRef.value = editor;
       editor.setHtml(valueHtml.value);
+      editor.on("aiClick", () => {
+        onClickAI();
+      });
     };
     const handleChange = (editor) => {
       const html = editor.getHtml();
@@ -387,6 +469,9 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
+      if (chatInstance) {
+        chatInstance.close();
+      }
     });
     return {
       ns,
@@ -422,7 +507,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     return !this.isFullScreen ? createVNode("div", {
       "class": [this.ns.b(), {
         [this.ns.b("editor-readonly")]: this.readonlyState
-      }]
+      }, this.ns.is("show-ai", true)]
     }, [this.renderHeaserToolbar(), this.renderEditorContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]) : createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.isFullScreen,
       "onUpdate:modelValue": ($event) => this.isFullScreen = $event,

package/es/editor/text-box/input/input.mjs

@@ -113,16 +113,16 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     };
     let chatInstance;
     const onClick = async () => {
-      var _a;
+      var _a, _b;
       if (c.deService) {
         const module = await import('@ibiz-template-plugin/ai-chat');
         const chat = module.chat || module.default.chat;
         chatInstance = chat;
         const aiChat = chat.create({
           question: async (arr) => {
-            var _a2;
+            var _a2, _b2;
             const id = createUUID();
-            await ((_a2 = c.deService) == null ? void 0 : _a2.aiChatSse((msg) => {
+            await ((_b2 = c.deService) == null ? void 0 : _b2.aiChatSse((msg) => {
               ibiz.log.info("aiChatSse", msg);
               if (msg.actionstate === 20 && msg.actionresult) {
                 aiChat.addMessage({
@@ -153,7 +153,9 @@ const IBizInput = /* @__PURE__ */ defineComponent({
                   content: msg.actionresult
                 });
               }
-            }, c.context, {}, {
+            }, c.context, {
+              srfactag: (_a2 = c.deACMode) == null ? void 0 : _a2.codeName
+            }, {
               messages: arr
             }));
             aiChat.addMessage({
@@ -171,7 +173,9 @@ const IBizInput = /* @__PURE__ */ defineComponent({
             }
           }
         });
-        const res = await ((_a = c.deService) == null ? void 0 : _a.aiChatHistory(c.context, {}));
+        const res = await ((_b = c.deService) == null ? void 0 : _b.aiChatHistory(c.context, {
+          srfactag: (_a = c.deACMode) == null ? void 0 : _a.codeName
+        }));
         if (res.data && Array.isArray(res.data)) {
           res.data.forEach((item) => {
             const msg = {