@ibiz-template/vue3-components 0.7.7 → 0.7.9

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>;
@@ -2063,7 +2064,8 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
     isShowDefault: import("vue").ComputedRef<boolean>;
     showTypeDir: import("vue").Ref<boolean>;
     openDesign: () => void;
-    onSaved: (args: IData) => void;
+    onSaved: (args: IData) => Promise<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';
@@ -54,23 +54,38 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       }
       return tempModelDatas;
     };
-    const onSaved = (args) => {
+    const handleCustomModelChange = async (args) => {
+      await props.dashboard.initPortlets(args.model);
+      await props.dashboard.initPortletsConfig(args.config);
+    };
+    const onSaved = async (args) => {
       isShowDesign.value = false;
       const tempModelDatas = convertData(args.model);
+      await handleCustomModelChange({
+        model: tempModelDatas,
+        config: args.config
+      });
+      await props.dashboard.evt.emit("onSavePortlet", void 0);
       emit("changed", {
         model: tempModelDatas
       });
     };
+    const onReset = async () => {
+      isInited.value = false;
+      isShowDesign.value = false;
+      await props.dashboard.resetPortlets();
+      await nextTick();
+      isInited.value = true;
+    };
     const isShowDefault = computed(() => {
       return customC.customModelData.length === 0;
     });
-    const handleCustomModelChange = async (args) => {
-      await props.dashboard.initPortlets(args.model);
-      await props.dashboard.initPortletsConfig(args.config);
-    };
     onMounted(async () => {
       const response = await customC.loadCustomModelData();
       const tempModelDatas = convertData(response.model);
+      emit("changed", {
+        model: tempModelDatas
+      });
       await handleCustomModelChange({
         model: tempModelDatas,
         config: response.config
@@ -95,6 +110,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       showTypeDir,
       openDesign,
       onSaved,
+      onReset,
       clickCollapse
     };
   },
@@ -137,7 +153,8 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         "dashboard": this.dashboard,
         "custom-dashboard": this.customC,
         "is-show-design": this.isShowDesign,
-        "onSaved": this.onSaved
+        "onSaved": this.onSaved,
+        "onReset": this.onReset
       }, null)]
     }), this.isInited && (this.isShowDefault ? (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a) : this.customC.customModelData.map((item) => {
       var _a2, _b2;

package/es/control/dashboard/dashboard-design/dashboard-design.d.ts

@@ -63,7 +63,7 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
     filterVal: Ref<string>;
     defaultOpens: import("vue").ComputedRef<string[]>;
     layoutModel: Ref<IData[]>;
-    onReset: () => void;
+    onReset: () => Promise<void>;
     onSave: () => Promise<void>;
     removeItem: (child: IData) => Promise<void>;
     addLayoutItem: (child: IPortletList) => Promise<void>;
@@ -79,7 +79,7 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
     getPortletByCodeName: (codeName: string) => IDBPortletPart | undefined;
     maskSize: import("vue").ComputedRef<string>;
     designPanel: Ref<Element | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "saved"[], "saved", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "saved")[], "reset" | "saved", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dashboard: {
         type: PropType<DashboardController>;
         required: true;
@@ -93,6 +93,7 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
+    onReset?: ((...args: any[]) => any) | undefined;
     onSaved?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export {};

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

@@ -24,7 +24,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  emits: ["saved"],
+  emits: ["saved", "reset"],
   setup(props, {
     emit
   }) {
@@ -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;
@@ -219,13 +229,17 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       const model = layoutModel.value.find((item) => item.i === child.portletCodeName);
       return !!model;
     };
-    const onReset = () => {
-      layoutModel.value = [];
+    const onReset = async () => {
+      const res = await customC.resetCustomModelData();
+      layoutModel.value = res.model;
+      layoutConfig.value = res.config;
+      emit("reset");
     };
     const onSave = async () => {
       const res = await customC.saveCustomModelData(layoutModel.value);
       emit("saved", {
-        model: res.model
+        model: res.model,
+        config: res.config
       });
     };
     const removeItem = async (child) => {
@@ -357,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/dashboard.d.ts

@@ -22,6 +22,7 @@ export declare const DashboardControl: import("vue").DefineComponent<{
     c: DashboardController;
     ns: import("@ibiz-template/core").Namespace;
     customModelDatas: import("vue").Ref<never[]>;
+    handleCustomModelChange: (args: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDashboard>;

package/es/control/dashboard/dashboard.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, h, ref, reactive, defineComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, reactive, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';
@@ -56,6 +56,7 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new DashboardController(...args));
+    const vue = getCurrentInstance().proxy;
     const customModelDatas = ref([]);
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onCreated", () => {
@@ -63,10 +64,15 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
         portlet.state = reactive(portlet.state);
       });
     });
+    const handleCustomModelChange = (args) => {
+      customModelDatas.value = args.model;
+      vue.$forceUpdate();
+    };
     return {
       c,
       ns,
-      customModelDatas
+      customModelDatas,
+      handleCustomModelChange
     };
   },
   render() {
@@ -112,7 +118,8 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
     }, {
       default: () => [state.isCreated && (model.enableCustomized ? createVNode(resolveComponent("iBizCustomDashboardContainer"), {
         "modelData": this.modelData,
-        "dashboard": this.c
+        "dashboard": this.c,
+        "onChanged": this.handleCustomModelChange
       }, _isSlot(_slot2 = renderCustomSlots()) ? _slot2 : {
         default: () => [_slot2]
       }) : renderDefaultContent())]

package/es/control/dashboard/index.d.ts

@@ -19,6 +19,7 @@ export declare const IBizDashboardControl: import("@ibiz-template/vue3-util").Ty
     c: import("@ibiz-template/runtime").DashboardController;
     ns: import("@ibiz-template/core").Namespace;
     customModelDatas: import("vue").Ref<never[]>;
+    handleCustomModelChange: (args: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDashboard>;

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/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts

@@ -15,6 +15,7 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
     c: FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
     onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<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/form/form-detail/form-mdctrl/form-mdctrl.mjs

@@ -21,6 +21,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     useController(props.controller);
     const c = props.controller;
     const hasCaption = c.model.showCaption && !!c.model.caption;
+    const hasHeader = hasCaption || c.model.uiactionGroup;
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, event);
     };
@@ -28,6 +29,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       hasCaption,
+      hasHeader,
       onActionClick
     };
   },
@@ -60,7 +62,7 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     }
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
-    }, [createVNode("div", {
+    }, [this.hasHeader && createVNode("div", {
       "class": this.ns.b("header")
     }, [createVNode("div", {
       "class": this.ns.e("title")

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -11,6 +11,7 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     c: import("@ibiz-template/runtime").FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    hasHeader: true | import("@ibiz/model-core").IUIActionGroup | undefined;
     onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<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/toolbar/toolbar.css

@@ -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>span{font-size:var(--ibiz-font-size-regular);display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>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>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>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>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>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: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}
+@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}

package/es/control/toolbar/toolbar.mjs

@@ -79,7 +79,16 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     };
     const renderSubmenu = (item) => {
       const detoolbarItems = item.detoolbarItems || [];
-      const loading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
+      const ploading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
+      const pvisible = detoolbarItems.findIndex((item2) => {
+        return c.state.buttonsState[item2.id].visible === true;
+      }) !== -1;
+      if (!pvisible) {
+        return null;
+      }
+      const pdisabled = detoolbarItems.findIndex((item2) => {
+        return c.state.buttonsState[item2.id].disabled === false;
+      }) === -1;
       const groupButtonStyle = item.buttonStyle || "";
       return createVNode(resolveComponent("el-sub-menu"), {
         "class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
@@ -148,7 +157,8 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         title: () => {
           let _slot3;
           return createVNode(resolveComponent("el-button"), {
-            "loading": loading
+            "loading": ploading,
+            "disabled": pdisabled
           }, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
             default: () => [_slot3]
           });
@@ -209,9 +219,10 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       }
       if (item.itemType === "ITEMS") {
         let _slot5;
+        const groupButtonStyle = item.buttonStyle || "";
         return createVNode(resolveComponent("el-menu"), {
           "mode": "horizontal",
-          "class": [ns.e("menu")],
+          "class": [ns.e("menu"), ns.em("menu", groupButtonStyle.toLowerCase()), calcCssName(item)],
           "ellipsis": false,
           "menu-trigger": "hover"
         }, _isSlot(_slot5 = renderSubmenu(item)) ? _slot5 : {

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,4 @@
-import { EditorController } from '@ibiz-template/runtime';
+import { EditorController, getDeACMode } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -18,6 +18,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 +69,20 @@ 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;
+        }
+      }
+    }
   }
 }
 

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

@@ -0,0 +1,9 @@
+import { IButtonMenu, IDomEditor } from '@wangeditor/editor';
+export declare class AIMenu implements IButtonMenu {
+    title: 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() {
+    // TS 语法
+    __publicField(this, "title", "AI");
+    __publicField(this, "tag", "button");
+  }
+  // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+  isActive(editor) {
+    return true;
+  }
+  // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+  getValue(editor) {
+    return "aichart";
+  }
+  // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+  isDisabled(editor) {
+    return false;
+  }
+  // 点击菜单时触发的函数
+  exec(editor, value) {
+    editor.emit("aiClick");
+  }
+}
+
+export { AIMenu };