@ibiz-template/vue3-components 0.7.38-alpha.43 → 0.7.38-alpha.56

package/es/control/toolbar/toolbar.d.ts

@@ -7,6 +7,10 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
         type: PropType<IDEToolbar>;
         required: true;
     };
+    runMode: {
+        type: PropType<"DESIGN" | "RUNTIME">;
+        default: string;
+    };
     context: {
         type: PropType<IContext>;
         required: true;
@@ -30,11 +34,15 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     handleClick: (item: IDEToolbarItem, event: MouseEvent, params?: IData) => Promise<void>;
     renderExtraButtons: (extraButtons: IExtraButton[]) => VNode[];
     renderToolbarItem: (item: IDEToolbarItem) => VNode | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEToolbar>;
         required: true;
     };
+    runMode: {
+        type: PropType<"DESIGN" | "RUNTIME">;
+        default: string;
+    };
     context: {
         type: PropType<IContext>;
         required: true;
@@ -50,7 +58,10 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     params: IParams;
+    runMode: "DESIGN" | "RUNTIME";
     manualCalcButtonState: boolean;
 }, {}>;

package/es/control/toolbar/toolbar.mjs

@@ -47,6 +47,10 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       type: Object,
       required: true
     },
+    runMode: {
+      type: String,
+      default: "RUNTIME"
+    },
     context: {
       type: Object,
       required: true
@@ -63,7 +67,10 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  setup() {
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
     var _a;
     const c = useControlController((...args) => new ToolbarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
@@ -71,15 +78,23 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     const btnSize = ref("default");
     const toolbarStyle = (_a = c.model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     const handleClick = async (item, event, params) => {
-      await c.onItemClick(item, event, params);
+      if (props.runMode === "RUNTIME") {
+        await c.onItemClick(item, event, params);
+      } else {
+        emit("click", item);
+      }
     };
     const handleActionClick = async (item, event, params) => {
-      const tempItem = {};
-      Object.assign(tempItem, {
-        ...item,
-        itemType: item.detailType
-      });
-      await handleClick(tempItem, event, params);
+      if (props.runMode === "RUNTIME") {
+        const tempItem = {};
+        Object.assign(tempItem, {
+          ...item,
+          itemType: item.detailType
+        });
+        await handleClick(tempItem, event, params);
+      } else {
+        emit("click", item);
+      }
     };
     const renderExtraButtons = (extraButtons) => {
       return extraButtons.map((button) => {
@@ -154,14 +169,16 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
               }, {
                 default: () => [createVNode(resolveComponent("iBizRawItem"), {
                   "rawItem": item2,
-                  "class": ns.b("submenu-rawitem")
+                  "content": item2.rawItem.content,
+                  "class": ns.b("submenu-rawitem"),
+                  "onClick": (e) => handleClick(item2, e)
                 }, null)]
               });
             }
             if (item2.itemType === "DEUIACTION") {
               let _slot2;
               const buttonType = (_b = item2.buttonStyle) == null ? void 0 : _b.toLowerCase();
-              if (actionId === "exportexcel") {
+              if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
                 return createVNode(IBizExportExcel, {
                   "class": [ns.e("menu-exportexcel"), ns.em("item", buttonType), calcCssName(item2)],
                   "mode": "menu",
@@ -356,14 +373,16 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-rawitem")]
         }, [createVNode(resolveComponent("iBizRawItem"), {
-          "rawItem": item
+          "rawItem": item,
+          "content": item.rawItem.content,
+          "onClick": (e) => handleClick(item, e)
         }, null)]);
       }
       if (item.itemType === "DEUIACTION") {
         let _slot8;
         const actionId = item.uiactionId;
         const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
-        if (actionId === "exportexcel") {
+        if (actionId === "exportexcel" || actionId === "gridview_exportaction") {
           return createVNode(IBizExportExcel, {
             "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item)],
             "item": item,

package/es/control/tree/el-tree-util.mjs

@@ -127,14 +127,16 @@ function findChildItems(c, modelData, curItem) {
     return a.ordervalue - b.ordervalue;
   });
   rss.forEach((_rss) => {
-    const child = c.state.items.find((_item) => {
+    const _children = c.state.items.filter((_item) => {
       var _a;
       return ((_a = _item._nodeId) == null ? void 0 : _a.toLowerCase()) === _rss.childDETreeNodeId;
     });
-    if (child) {
-      const temp = cloneDeep(child);
-      temp._id = createUUID();
-      children.push(temp);
+    if (_children.length) {
+      _children.forEach((child) => {
+        const temp = cloneDeep(child);
+        temp._id = createUUID();
+        children.push(temp);
+      });
     }
   });
   return children;

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

@@ -976,11 +976,10 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     allowDrop: (draggingNode: IData, dropNode: IData, type: import("element-plus/es/components/tree/src/tree.type").AllowDropType) => boolean;
     allowDrag: (draggingNode: IData) => boolean;
     handleDrop: (draggingNode: IData, dropNode: IData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
-    onShowNavView: () => void;
     onNodeTextEditBlur: () => Promise<void>;
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "nodeClick"[], "nodeClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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").IDETree>;
         required: true;
@@ -1040,9 +1039,7 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         };
         required: false;
     };
-}>> & {
-    onNodeClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;

package/es/control/tree/tree.d.ts

@@ -997,11 +997,10 @@ export declare const TreeControl: import("vue").DefineComponent<{
     allowDrop: (draggingNode: IData, dropNode: IData, type: AllowDropType) => boolean;
     allowDrag: (draggingNode: IData) => boolean;
     handleDrop: (draggingNode: IData, dropNode: IData, dropType: NodeDropType) => void;
-    onShowNavView: () => void;
     onNodeTextEditBlur: () => Promise<void>;
     renderNewNode: () => JSX.Element | null;
     handleEditKeyDown: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "nodeClick"[], "nodeClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDETree>;
         required: true;
@@ -1076,9 +1075,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
         };
         required: false;
     };
-}>> & {
-    onNodeClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, withDirectives, resolveDirective } from 'vue';
+import { isVNode, defineComponent, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, withDirectives, resolveDirective } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
@@ -77,10 +77,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       required: false
     }
   },
-  emits: ["nodeClick"],
-  setup(props, {
-    emit
-  }) {
+  setup(props) {
     const c = useControlController((...args) => new TreeController(...args));
     useAppTreeBase(c, props);
     const cascadeSelect = ref(false);
@@ -309,23 +306,11 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const readonly = computed(() => {
       return !!(c.context.srfreadonly === true || c.context.srfreadonly === "true");
     });
-    const onShowNavView = () => {
-      c.state.showNavView = !c.state.showNavView;
-    };
     const onNodeClick = (nodeData, data, evt) => {
       var _a, _b;
       evt.stopPropagation();
-      if (c.runMode === "DESIGN") {
-        emit("nodeClick", {
-          nodeData,
-          evt
-        });
-      }
-      if (nodeData._disableSelect)
-        return;
-      if (forbidClick) {
+      if (nodeData._disableSelect || forbidClick)
         return;
-      }
       if (((_a = treeRef.value) == null ? void 0 : _a.getCurrentKey()) === nodeData._id && !readonly.value) {
         editCurrentNodeText();
       }
@@ -466,8 +451,16 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       return result;
     };
     const onNodeContextmenu = async (nodeData, evt) => {
+      var _a;
       evt.preventDefault();
       evt.stopPropagation();
+      let stopClickTag = ibiz.config.tree.contextMenuRightClickInvoke;
+      if ((_a = c.controlParams) == null ? void 0 : _a.contextmenurightclickinvoke) {
+        stopClickTag = Object.is(c.controlParams.contextmenurightclickinvoke, "true");
+      }
+      if (!stopClickTag) {
+        return;
+      }
       const nodeModel = c.getNodeModel(nodeData._nodeId);
       if (!(nodeModel == null ? void 0 : nodeModel.decontextMenu)) {
         return;
@@ -504,7 +497,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         "nodeModel": nodeModel,
         "nodeData": nodeData,
         "context": c.context,
-        "onActionClick": (detail, e) => c.doUIAction(detail.uiactionId, nodeData, e, detail.appId)
+        "actionCallBack": (detail, e) => c.doUIAction(detail.uiactionId, nodeData, e, detail.appId)
       }, null);
     };
     const updateNodeExpand = (data, expanded) => {
@@ -620,7 +613,6 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       allowDrop,
       allowDrag,
       handleDrop,
-      onShowNavView,
       onNodeTextEditBlur,
       renderNewNode,
       handleEditKeyDown
@@ -650,7 +642,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const key = this.c.controlPanel ? "tree" : "default";
     slots[key] = () => {
       if (this.c.state.isLoaded && this.treeRefreshKey) {
-        return [createVNode(resolveComponent("el-tree"), {
+        return [createVNode(resolveComponent("el-tree"), mergeProps({
           "ref": "treeRef",
           "class": this.ns.b("tree"),
           "key": this.treeRefreshKey,
@@ -680,7 +672,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "allow-drop": this.allowDrop,
           "allow-drag": this.allowDrag,
           "onNodeDrop": this.handleDrop
-        }, {
+        }, this.$attrs), {
           default: ({
             data
           }) => {
@@ -733,16 +725,16 @@ const TreeControl = /* @__PURE__ */ defineComponent({
               "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
-        }), this.renderNewNode(), this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+        }), this.renderNewNode(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : null];
       }
     };

package/es/control/tree-grid/tree-grid.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, defineComponent, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
+import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
 import '../grid/grid/index.mjs';
@@ -7,6 +7,9 @@ import { renderChildColumn } from '../grid/grid/grid.mjs';
 import { useITableEvent, useAppGridPagination, useAppGridBase, useGridHeaderStyle } from '../grid/grid/grid-control.util.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const TreeGridControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridControl",
   props: {
@@ -105,10 +108,20 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
             "class": ns.b("quick-toolbar")
           }, null);
         }
+        const noDataSlots = {};
+        if (hasEmptyPanelRenderer(c)) {
+          Object.assign(noDataSlots, {
+            customRender: () => createVNode(IBizCustomRender, {
+              "controller": c
+            }, null)
+          });
+        }
         return createVNode(resolveComponent("iBizNoData"), {
           "text": c.model.emptyText,
           "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-        }, null);
+        }, _isSlot(noDataSlots) ? noDataSlots : {
+          default: () => [noDataSlots]
+        });
       }
       return null;
     };

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.mjs

@@ -51,7 +51,7 @@ function useCellEdit(props, componentRef) {
   const onBlur = () => {
     ibiz.log.debug("".concat(c.name, "\u5C5E\u6027\u7F16\u8F91\u5668blur\u4E8B\u4EF6"));
     setEditable(false);
-    if (ibiz.config.grid.editSaveMode === "cell-blur") {
+    if (c.treeGrid.editSaveMode === "cell-blur") {
       c.treeGrid.save(props.row.data);
     }
   };

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.d.ts

@@ -14,7 +14,7 @@ export declare const TreeGridExEditColumn: import("vue").DefineComponent<{
     fieldValue: import("vue").ComputedRef<any>;
     componentRef: import("vue").Ref<any>;
     tooltip: import("vue").ComputedRef<string | undefined>;
-    rowDataChange: (val: unknown, name?: string) => Promise<void>;
+    rowDataChange: (val: unknown, name?: string, ignore?: boolean) => Promise<void>;
     onInfoTextChange: (text: string) => void;
     gridEditItemProps: IData;
     editorProps: IData;

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.mjs

@@ -28,9 +28,9 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("tree-grid-ex-edit-column");
     const componentRef = ref();
     const c = props.controller;
-    const rowDataChange = async (val, name) => {
+    const rowDataChange = async (val, name, ignore = false) => {
       ibiz.log.debug("".concat(c.name, "\u503C\u53D8\u66F4"), val);
-      await c.setRowValue(props.row, val, name);
+      await c.setRowValue(props.row, val, name, ignore);
     };
     const useByShowMode = () => {
       switch (c.treeGrid.editShowMode) {
@@ -78,8 +78,8 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",
       required: !this.controller.nodeEditItem.allowEmpty,
-      overflowMode: this.controller.overflowMode,
-      class: [this.ns, this.ns.m(this.controller.overflowMode)],
+      overflowMode: this.controller.treeGrid.overflowMode,
+      class: [this.ns, this.ns.m(this.controller.treeGrid.overflowMode)],
       ...this.gridEditItemProps
     }, {
       default: () => [this.controller.editorProvider && h(resolveComponent(this.controller.editorProvider.gridEditor), {
@@ -87,7 +87,7 @@ const TreeGridExEditColumn = /* @__PURE__ */ defineComponent({
         value: this.fieldValue,
         data: this.row.data,
         controller: this.controller.editor,
-        overflowMode: this.controller.overflowMode,
+        overflowMode: this.controller.treeGrid.overflowMode,
         onChange: this.rowDataChange,
         onInfoTextChange: this.onInfoTextChange,
         title: this.tooltip,

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs

@@ -20,13 +20,6 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("tree-grid-ex-field-column");
-    let emptyHiddenUnit = ibiz.config.grid.emptyHiddenUnit;
-    const {
-      emptyhiddenunit
-    } = props.controller.treeGrid.controlParams;
-    if (emptyhiddenunit) {
-      emptyHiddenUnit = Object.is(emptyhiddenunit, "true");
-    }
     const fieldValue = computed(() => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
         return props.row.data._text;
@@ -51,7 +44,7 @@ const TreeGridExFieldColumn = /* @__PURE__ */ defineComponent({
           return codeListText.value;
         }
         let text = nodeColumnC.formatValue(fieldValue.value);
-        if (emptyHiddenUnit) {
+        if (props.controller.treeGrid.emptyHiddenUnit) {
           if (text) {
             text += nodeColumnC.unitName || ((_a = nodeColumnC.nodeColumn) == null ? void 0 : _a.unitName) || "";
           }

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, createVNode, resolveComponent, computed, ref, watchEffect, renderSlot, mergeProps, h } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, defineComponent, createVNode, resolveComponent, computed, ref, watchEffect, renderSlot, mergeProps, h } from 'vue';
+import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.css';
 import { RuntimeError } from '@ibiz-template/core';
@@ -7,6 +7,9 @@ import { createUUID } from 'qx-util';
 import { useRowEditPopover } from './use-row-edit-popover.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const TreeGridExControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridExControl",
   props: {
@@ -33,10 +36,20 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       const {
         isLoaded
       } = c.state;
+      const noDataSlots = {};
+      if (hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => createVNode(IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && createVNode(resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     const renderColumns = computed(() => {
       const columns = [];

package/es/control/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel__form.ibiz-control-form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}

package/es/editor/array/ibiz-array/ibiz-array.d.ts

@@ -72,7 +72,7 @@ export declare const IBizArray: import("vue").DefineComponent<{
     handleKeyUp: (e: KeyboardEvent) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -128,7 +128,7 @@ export declare const IBizArray: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

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

@@ -1,6 +1,6 @@
 import { IHttpResponse } from '@ibiz-template/core';
-import { EditorController, IAcItemProvider } from '@ibiz-template/runtime';
-import { IAppDEACMode, IAutoComplete, IDEACModeDataItem } from '@ibiz/model-core';
+import { EditorController, IAcItemProvider, IButtonContainerState } from '@ibiz-template/runtime';
+import { IAppDEACMode, IAppDEUIActionGroupDetail, IAutoComplete, IDEACModeDataItem, IUIActionGroupDetail } from '@ibiz/model-core';
 /**
  * 自动完成编辑器控制器
  * @return {*}
@@ -40,6 +40,16 @@ export declare class AutoCompleteEditorController extends EditorController<IAuto
      * @type {IAcItemProvider}
      */
     acItemProvider?: IAcItemProvider;
+    /**
+     * 分组行为状态
+     */
+    groupActionState: IButtonContainerState;
+    /**
+     * @description 自填模式行为行为组
+     * @type {IAppDEUIActionGroupDetail[]}
+     * @memberof AutoCompleteEditorController
+     */
+    actionDetails: IAppDEUIActionGroupDetail[];
     protected onInit(): Promise<void>;
     /**
      * 加载实体数据集数据
@@ -47,7 +57,7 @@ export declare class AutoCompleteEditorController extends EditorController<IAuto
      * @param {string} query 模糊匹配字符串
      * @param {IData} data 表单数据
      * @returns {*}  {Promise<IHttpResponse<IData[]>>}
-     * @memberof PickerEditorController
+     * @memberof AutoCompleteEditorController
      */
     getServiceData(query: string, data: IData): Promise<IHttpResponse<IData[]>>;
     /**
@@ -62,4 +72,12 @@ export declare class AutoCompleteEditorController extends EditorController<IAuto
         id: string;
         value: any;
     }>>;
+    /**
+     * @description 分组行为项点击
+     * @param {IUIActionGroupDetail} detail
+     * @param {MouseEvent} event
+     * @return {*}  {Promise<void>}
+     * @memberof AutoCompleteEditorController
+     */
+    onActionClick(detail: IUIActionGroupDetail, data: IData, event?: MouseEvent): Promise<void>;
 }

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

@@ -1,5 +1,5 @@
 import { RuntimeModelError } from '@ibiz-template/core';
-import { EditorController, getDeACMode, getAcItemProvider } from '@ibiz-template/runtime';
+import { EditorController, ButtonContainerState, getDeACMode, getAcItemProvider, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
 import { mergeDeepLeft } from 'ramda';
 
 "use strict";
@@ -44,6 +44,16 @@ class AutoCompleteEditorController extends EditorController {
      * @type {IAcItemProvider}
      */
     __publicField(this, "acItemProvider");
+    /**
+     * 分组行为状态
+     */
+    __publicField(this, "groupActionState", new ButtonContainerState());
+    /**
+     * @description 自填模式行为行为组
+     * @type {IAppDEUIActionGroupDetail[]}
+     * @memberof AutoCompleteEditorController
+     */
+    __publicField(this, "actionDetails", []);
   }
   async onInit() {
     super.onInit();
@@ -84,6 +94,37 @@ class AutoCompleteEditorController extends EditorController {
         }
       }
     }
+    if (this.model.uiactionGroup) {
+      this.actionDetails = this.model.uiactionGroup.uiactionGroupDetails || [];
+      if (this.actionDetails.length > 0) {
+        this.actionDetails.forEach((detail) => {
+          const actionid = detail.uiactionId;
+          if (actionid) {
+            const buttonState = new UIActionButtonState(
+              detail.id,
+              this.context.srfappid,
+              actionid
+            );
+            this.groupActionState.addState(detail.id, buttonState);
+          }
+        });
+        await this.groupActionState.init();
+        this.actionDetails.forEach((detail) => {
+          if (detail.capLanguageRes && detail.capLanguageRes.lanResTag) {
+            detail.caption = ibiz.i18n.t(
+              detail.capLanguageRes.lanResTag,
+              detail.caption
+            );
+          }
+          if (detail.tooltipLanguageRes && detail.tooltipLanguageRes.lanResTag) {
+            detail.tooltip = ibiz.i18n.t(
+              detail.tooltipLanguageRes.lanResTag,
+              detail.tooltip
+            );
+          }
+        });
+      }
+    }
   }
   /**
    * 加载实体数据集数据
@@ -91,7 +132,7 @@ class AutoCompleteEditorController extends EditorController {
    * @param {string} query 模糊匹配字符串
    * @param {IData} data 表单数据
    * @returns {*}  {Promise<IHttpResponse<IData[]>>}
-   * @memberof PickerEditorController
+   * @memberof AutoCompleteEditorController
    */
   async getServiceData(query, data) {
     const { context, params } = this.handlePublicParams(
@@ -150,6 +191,30 @@ class AutoCompleteEditorController extends EditorController {
     }
     return [];
   }
+  /**
+   * @description 分组行为项点击
+   * @param {IUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof AutoCompleteEditorController
+   */
+  async onActionClick(detail, data, event) {
+    if (event) {
+      event.stopPropagation();
+    }
+    const actionId = detail.uiactionId;
+    await UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.context,
+        params: this.params,
+        data: [data],
+        view: this.view,
+        event
+      },
+      detail.appId
+    );
+  }
 }
 
 export { AutoCompleteEditorController };

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.css

@@ -1 +1 @@
-.ibiz-autocomplete{width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}
+.ibiz-autocomplete{--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3);width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-autocomplete__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-autocomplete__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-autocomplete__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-autocomplete__transfer{--ibiz-autocomplete-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-autocomplete__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-autocomplete__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-autocomplete-empty-bg-color)}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-autocomplete .el-autocomplete{vertical-align:middle}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}