@ibiz-template/vue3-components 0.7.30-alpha.2 → 0.7.30

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -32,7 +32,7 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
         srfsessionid: string;
         srfappid: string;
         srfsimple?: boolean | undefined;
-        srfpaginationviewid?: string | undefined;
+        srfnavctrlid?: string | undefined;
     }>;
     params: import("vue").Ref<IParams>;
     onSelectionChange: (event: EventBase) => void;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -156,6 +156,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           emit("change", codeItemValueNumber.value ? Number(select) : select);
         }
         setEditable(false);
+        if (c.editorParams.alwaysLoad === "true") {
+          loadCodeList();
+        }
         if (props.autoFocus) {
           editorState = "blur";
           emit("blur");

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

@@ -418,12 +418,14 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           return createVNode("i", {
             "class": "fa fa-compress",
             "aria-hidden": "true",
+            "title": ibiz.i18n.t("editor.html.reduce"),
             "onClick": () => changeFullScreenState()
           }, null);
         }
         return createVNode("i", {
           "class": "fa fa-expand",
           "aria-hidden": "true",
+          "title": ibiz.i18n.t("editor.html.expand"),
           "onClick": () => changeFullScreenState()
         }, null);
       }
@@ -436,6 +438,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? createVNode("i", {
           "class": "fa fa-edit",
           "aria-hidden": "true",
+          "title": ibiz.i18n.t("editor.html.enableedit"),
           "onClick": () => changeEditState()
         }, null) : null, isAllowRenderFullScreen()]);
       }

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-image-upload{--ibiz-image-upload-box-width:120px;--ibiz-image-upload-box-height:120px;--ibiz-image-upload-list-item-margin:5px;--ibiz-image-upload-list-item-bg-color:var(--ibiz-bg-color);--ibiz-image-upload-list-item-border:1px solid var(--ibiz-border-color-light);--ibiz-image-upload-list-item-border-radius:var(--ibiz-border-radius-base);--ibiz-image-upload-list-item-box-shadow:var(--ibiz-box-shadow);--ibiz-image-upload-list-item-cover-bg-color:rgba(0, 0, 0, 0.6);--ibiz-image-upload-list-item-cover-i-color:var(--ibiz-color-white);--ibiz-image-upload-list-item-cover-i-size:var(--ibiz-font-size-extra-large);--ibiz-image-upload-list-item-cover-i-margin:0 2px;--ibiz-grid-image-upload-box-width:80px;--ibiz-grid-image-upload-box-height:32px;display:flex;align-items:center}.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__btn{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);line-height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__list-item{position:relative;display:inline-block;width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);margin-right:var(--ibiz-image-upload-list-item-margin);line-height:var(--ibiz-image-upload-box-height);text-align:center;background:var(--ibiz-image-upload-list-item-bg-color);border:var(--ibiz-image-upload-list-item-border);border-radius:var(--ibiz-image-upload-list-item-border-radius);box-shadow:var(--ibiz-image-upload-list-item-box-shadow)}.ibiz-image-upload__list-item img{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.ibiz-image-upload__list-item:hover .ibiz-image-upload__list-item-cover{display:block}.ibiz-image-upload__list-item-cover{position:absolute;inset:0;display:none;background:var(--ibiz-image-upload-list-item-cover-bg-color)}.ibiz-image-upload__list-item-cover ion-icon{margin:var(--ibiz-image-upload-list-item-cover-i-margin);font-size:var(--ibiz-image-upload-list-item-cover-i-size);color:var(--ibiz-image-upload-list-item-cover-i-color);cursor:pointer}.ibiz-image-upload__list-item-cover img{width:100%;height:100%;vertical-align:top}.ibiz-image-upload__image-upload-add{font-size:var(--ibiz-font-size-header-2);color:var(--ibiz-color-text-3)}.ibiz-image-upload--disabled .ibiz-image-upload__download-icon{display:none}.ibiz-image-upload--disabled .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .el-upload--picture-card{display:none}.ibiz-image-upload-modal__img{width:100%}.ibiz-image-upload-icon.is-not-show{display:none}.ibiz-grid-field-edit-column__editor.ibiz-image-upload{flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__image-upload-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0;line-height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item img{-o-object-fit:fill;object-fit:fill}.ibiz-form-item .ibiz-image-upload.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+@charset "UTF-8";.ibiz-image-upload{--ibiz-image-upload-box-width:120px;--ibiz-image-upload-box-height:120px;--ibiz-image-upload-list-item-margin:5px;--ibiz-image-upload-list-item-bg-color:var(--ibiz-bg-color);--ibiz-image-upload-list-item-border:1px solid var(--ibiz-border-color-light);--ibiz-image-upload-list-item-border-radius:var(--ibiz-border-radius-base);--ibiz-image-upload-list-item-box-shadow:var(--ibiz-box-shadow);--ibiz-image-upload-list-item-cover-bg-color:rgba(0, 0, 0, 0.6);--ibiz-image-upload-list-item-cover-i-color:var(--ibiz-color-white);--ibiz-image-upload-list-item-cover-i-size:var(--ibiz-font-size-extra-large);--ibiz-image-upload-list-item-cover-i-margin:0 2px;--ibiz-grid-image-upload-box-width:80px;--ibiz-grid-image-upload-box-height:32px;display:flex;align-items:center}.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__btn{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);line-height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__list-item{position:relative;display:inline-block;width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);margin-right:var(--ibiz-image-upload-list-item-margin);line-height:var(--ibiz-image-upload-box-height);text-align:center;background:var(--ibiz-image-upload-list-item-bg-color);border:var(--ibiz-image-upload-list-item-border);border-radius:var(--ibiz-image-upload-list-item-border-radius);box-shadow:var(--ibiz-image-upload-list-item-box-shadow)}.ibiz-image-upload__list-item img{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.ibiz-image-upload__list-item:hover .ibiz-image-upload__list-item-cover{display:block}.ibiz-image-upload__list-item-cover{position:absolute;inset:0;display:none;background:var(--ibiz-image-upload-list-item-cover-bg-color)}.ibiz-image-upload__list-item-cover ion-icon{margin:var(--ibiz-image-upload-list-item-cover-i-margin);font-size:var(--ibiz-image-upload-list-item-cover-i-size);color:var(--ibiz-image-upload-list-item-cover-i-color);cursor:pointer}.ibiz-image-upload__list-item-cover img{width:100%;height:100%;vertical-align:top}.ibiz-image-upload__image-upload-add{font-size:var(--ibiz-font-size-header-2);color:var(--ibiz-color-text-3)}.ibiz-image-upload--disabled .ibiz-image-upload__download-icon{display:none}.ibiz-image-upload--disabled .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .el-upload--picture-card{display:none}.ibiz-image-upload--autosize{-o-object-fit:cover;object-fit:cover;justify-content:center}.ibiz-image-upload--autosize .ibiz-image-upload__list-item{width:100%;height:100%}.ibiz-image-upload--autosize .ibiz-image-upload__list-item-cover{display:none;visibility:hidden}.ibiz-image-upload-modal__img{width:100%}.ibiz-image-upload-icon.is-not-show{display:none}.ibiz-grid-field-edit-column__editor.ibiz-image-upload{flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__image-upload-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0;line-height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item img{-o-object-fit:fill;object-fit:fill}.ibiz-form-item .ibiz-image-upload.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -83,7 +83,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.readonly && this.c.autoPreview && this.ns.m("autosize"), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "componentRef"
     }, [createVNode("div", {
       "class": this.ns.e("image-upload-list")

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

@@ -34,5 +34,13 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      * 下载参数
      */
     exportParams?: IParams;
+    /**
+     * 自适应预览
+     * 只读状态下且配置了编辑器参数autoPreview ，加载完图片后自动调整大小达到预览态，且禁用图片hover工具栏
+     *
+     * @type {boolean}
+     * @memberof UploadEditorController
+     */
+    autoPreview: boolean;
     protected onInit(): Promise<void>;
 }

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

@@ -38,6 +38,14 @@ class UploadEditorController extends EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 自适应预览
+     * 只读状态下且配置了编辑器参数autoPreview ，加载完图片后自动调整大小达到预览态，且禁用图片hover工具栏
+     *
+     * @type {boolean}
+     * @memberof UploadEditorController
+     */
+    __publicField(this, "autoPreview", false);
   }
   async onInit() {
     var _a;
@@ -51,10 +59,21 @@ class UploadEditorController extends EditorController {
       this.multiple = false;
     }
     if (this.editorParams) {
-      const { isDrag, multiple, accept, size, uploadParams, exportParams } = this.editorParams;
+      const {
+        isDrag,
+        multiple,
+        accept,
+        size,
+        uploadParams,
+        exportParams,
+        autoPreview
+      } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
       }
+      if (autoPreview) {
+        this.autoPreview = autoPreview;
+      }
       if (multiple) {
         this.multiple = Boolean(multiple);
       }

package/es/locale/en/index.d.ts

@@ -669,6 +669,11 @@ declare const _default: {
                 conditionalValues: string;
             };
             firstregister: string;
+            recordNav: {
+                noFoundCtrl: string;
+                firstRecord: string;
+                lastRecord: string;
+            };
         };
         deAction: {
             responseDataError: string;
@@ -741,9 +746,6 @@ declare const _default: {
         refreshRemind: string;
         confirmRefreshPrompt: string;
         missingErr: string;
-        noFoundViewId: string;
-        firstPieceOfData: string;
-        lastPieceOfData: string;
         subclassAchieve: string;
         missingConfigErr: string;
         noFoundLayoutOccupied: string;
@@ -969,7 +971,7 @@ declare const _default: {
         };
         chart: {
             chartPlaceholder: string;
-            drillDown: string;
+            drillDetail: string;
         };
         dashboard: {
             customDashboardContainer: {
@@ -1170,6 +1172,9 @@ declare const _default: {
                 customTips: string;
                 emoji: string;
             };
+            enableedit: string;
+            expand: string;
+            reduce: string;
         };
         markdown: {
             uploadJsonFormatErr: string;

package/es/locale/en/index.mjs

@@ -73,10 +73,7 @@ var index = {
     refreshPagePrompt: "The data has been modified. Do you want to refresh the page?",
     refreshRemind: "Refresh reminder",
     confirmRefreshPrompt: "The form data has been modified. Are you sure you want to refresh it?",
-    missingErr: "context missing srfpaginationviewid",
-    noFoundViewId: "Cannot find the view whose id is {id}",
-    firstPieceOfData: "This is already the first piece of data",
-    lastPieceOfData: "This is already the last piece of data",
+    missingErr: "context missing srfnavctrlid",
     subclassAchieve: "Subclass implementation",
     missingConfigErr: "Missing configuration for a list component called simplelist",
     noFoundLayoutOccupied: "No tabexppanel layout placeholders found",
@@ -303,7 +300,7 @@ var index = {
     },
     chart: {
       chartPlaceholder: "Chart",
-      drillDown: "DrillDown"
+      drillDetail: "drillDetail"
     },
     dashboard: {
       customDashboardContainer: {
@@ -505,7 +502,10 @@ var index = {
       wangEditor: {
         customTips: "Custom tip",
         emoji: "Emoji"
-      }
+      },
+      enableedit: "Enable edit",
+      expand: "Expand",
+      reduce: "Reduce"
     },
     markdown: {
       uploadJsonFormatErr: "The configuration of uploadparams did not follow the standard JSON format",

package/es/locale/zh-CN/index.d.ts

@@ -667,6 +667,11 @@ declare const _default: {
                 conditionalValues: string;
             };
             firstregister: string;
+            recordNav: {
+                noFoundCtrl: string;
+                firstRecord: string;
+                lastRecord: string;
+            };
         };
         deAction: {
             responseDataError: string;
@@ -739,9 +744,6 @@ declare const _default: {
         refreshRemind: string;
         confirmRefreshPrompt: string;
         missingErr: string;
-        noFoundViewId: string;
-        firstPieceOfData: string;
-        lastPieceOfData: string;
         subclassAchieve: string;
         missingConfigErr: string;
         noFoundLayoutOccupied: string;
@@ -963,7 +965,7 @@ declare const _default: {
         };
         chart: {
             chartPlaceholder: string;
-            drillDown: string;
+            drillDetail: string;
         };
         dashboard: {
             customDashboardContainer: {
@@ -1164,6 +1166,9 @@ declare const _default: {
                 customTips: string;
                 emoji: string;
             };
+            enableedit: string;
+            expand: string;
+            reduce: string;
         };
         markdown: {
             uploadJsonFormatErr: string;

package/es/locale/zh-CN/index.mjs

@@ -73,10 +73,7 @@ var index = {
     refreshPagePrompt: "\u6570\u636E\u5DF2\u88AB\u4FEE\u6539\u662F\u5426\u5237\u65B0\u9875\u9762\uFF1F",
     refreshRemind: "\u5237\u65B0\u63D0\u9192",
     confirmRefreshPrompt: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5237\u65B0\uFF1F",
-    missingErr: "context\u7F3A\u5C11srfpaginationviewid",
-    noFoundViewId: "\u627E\u4E0D\u5230id\u662F{id}\u7684\u89C6\u56FE",
-    firstPieceOfData: "\u5DF2\u7ECF\u662F\u7B2C\u4E00\u6761\u6570\u636E\u4E86",
-    lastPieceOfData: "\u5DF2\u7ECF\u662F\u6700\u540E\u4E00\u6761\u6570\u636E\u4E86",
+    missingErr: "\u5E94\u7528\u4E0A\u4E0B\u6587\u7F3A\u5C11srfnavctrlid",
     subclassAchieve: "\u5B50\u7C7B\u5B9E\u73B0",
     missingConfigErr: "\u7F3A\u5C11\u914D\u7F6E\u53EBsimplelist\u7684\u5217\u8868\u90E8\u4EF6",
     noFoundLayoutOccupied: "\u672A\u627E\u5230tabexppanel\u5E03\u5C40\u5360\u4F4D",
@@ -299,7 +296,7 @@ var index = {
     },
     chart: {
       chartPlaceholder: "\u56FE\u8868",
-      drillDown: "\u68C0\u67E5\u660E\u7EC6"
+      drillDetail: "\u68C0\u67E5\u660E\u7EC6"
     },
     dashboard: {
       customDashboardContainer: {
@@ -501,7 +498,10 @@ var index = {
       wangEditor: {
         customTips: "\u81EA\u5B9A\u4E49\u63D0\u793A",
         emoji: "\u8868\u60C5"
-      }
+      },
+      enableedit: "\u7F16\u8F91",
+      expand: "\u653E\u5927",
+      reduce: "\u7F29\u5C0F"
     },
     markdown: {
       uploadJsonFormatErr: "\u914D\u7F6Euploadparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",

package/es/panel-component/short-cut/index.d.ts

@@ -19,7 +19,7 @@ export declare const IBizShortCut: import("@ibiz-template/vue3-util").TypeWithIn
             srfsessionid: string;
             srfappid: string;
             srfsimple?: boolean | undefined;
-            srfpaginationviewid?: string | undefined;
+            srfnavctrlid?: string | undefined;
         };
         params: IParams;
         openMode: string;

package/es/panel-component/short-cut/short-cut.d.ts

@@ -23,7 +23,7 @@ export declare const ShortCut: import("vue").DefineComponent<{
             srfsessionid: string;
             srfappid: string;
             srfsimple?: boolean | undefined;
-            srfpaginationviewid?: string | undefined;
+            srfnavctrlid?: string | undefined;
         };
         params: IParams;
         openMode: string;

package/es/util/fullscreen/fullscreen-util.d.ts

@@ -10,16 +10,22 @@ export declare class FullscreenUtil {
      * @memberof FullscreenUtil
      */
     constructor();
+    /**
+     * 全屏样式
+     * @author fzh
+     * @date 2024-07-15 19:39:40
+     */
+    FullscreenClass: string;
     /**
      * 指定元素全屏
      * @author fzh
      * @date 2024-07-09 19:39:40
      */
-    openElementFullscreen(div: HTMLDivElement): void;
+    openElementFullscreen(div: HTMLDivElement, data?: IData): void;
     /**
      * 页面退出全屏
      * @author fzh
      * @date 2024-07-09 19:39:40
      */
-    closeFullscreen(): void;
+    closeElementFullscreen(): void;
 }

package/es/util/fullscreen/fullscreen-util.mjs

@@ -3,21 +3,41 @@ import ElementPlus from 'element-plus';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "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 FullscreenUtil {
   /**
    * Creates an instance of FullscreenUtil.
    * @memberof FullscreenUtil
    */
   constructor() {
+    /**
+     * 全屏样式
+     * @author fzh
+     * @date 2024-07-15 19:39:40
+     */
+    __publicField(this, "FullscreenClass", "");
   }
   /**
    * 指定元素全屏
    * @author fzh
    * @date 2024-07-09 19:39:40
    */
-  openElementFullscreen(div) {
+  openElementFullscreen(div, data) {
+    if (!this.FullscreenClass && data) {
+      if (data.class) {
+        this.FullscreenClass = data.class;
+      }
+    }
     if (!document.fullscreenElement && div) {
       div.requestFullscreen();
+      if (this.FullscreenClass) {
+        div.classList.toggle(this.FullscreenClass);
+      }
       div.style.background = "white";
       const content = document.createElement("div");
       content.id = "fullscreen";
@@ -35,7 +55,7 @@ class FullscreenUtil {
    * @author fzh
    * @date 2024-07-09 19:39:40
    */
-  closeFullscreen() {
+  closeElementFullscreen() {
     document.exitFullscreen();
   }
 }

package/es/view-engine/edit-view.engine.mjs

@@ -424,55 +424,52 @@ class EditViewEngine extends ViewEngineBase {
    * @param {string} type
    */
   async changeRecord(type) {
-    const viewId = this.view.context.srfpaginationviewid;
-    if (!viewId) {
+    var _a;
+    const controlId = "".concat(this.view.context.srfnavctrlid);
+    if (!controlId) {
       throw new RuntimeError(ibiz.i18n.t("viewEngine.missingErr"));
     }
-    const view = ibiz.util.viewStack.getView(viewId);
-    if (!view) {
-      throw new RuntimeError(
-        ibiz.i18n.t("viewEngine.noFoundViewId", { id: viewId })
-      );
-    }
-    const items = await view.call(ViewCallTag.GET_ALL_DATA);
-    const index = items.findIndex(
-      (item) => item.srfkey === this.form.state.data.srfkey
-    );
+    const dataKey = this.form.state.data.srfkey;
     let targetItem;
     switch (type) {
       case SysUIActionTag.FIRST_RECORD:
-        if (index === 0) {
-          ibiz.message.info(ibiz.i18n.t("viewEngine.firstPieceOfData"));
-          return;
-        }
-        targetItem = items[0];
+        targetItem = await ibiz.util.record.getFirstRecord(controlId, dataKey);
         break;
       case SysUIActionTag.LAST_RECORD:
-        if (index === items.length - 1) {
-          ibiz.message.info(ibiz.i18n.t("viewEngine.lastPieceOfData"));
-          return;
-        }
-        targetItem = items[items.length - 1];
+        targetItem = await ibiz.util.record.getLastRecord(controlId, dataKey);
         break;
       case SysUIActionTag.PREV_RECORD:
-        if (index === 0) {
-          ibiz.message.info(ibiz.i18n.t("viewEngine.firstPieceOfData"));
-          return;
-        }
-        targetItem = items[index - 1];
+        targetItem = await ibiz.util.record.getPreviousRecord(
+          controlId,
+          dataKey
+        );
         break;
       case SysUIActionTag.NEXT_RECORD:
-        if (index === items.length - 1) {
-          ibiz.message.info(ibiz.i18n.t("viewEngine.lastPieceOfData"));
-          return;
-        }
-        targetItem = items[index + 1];
+        targetItem = await ibiz.util.record.getNextRecord(controlId, dataKey);
         break;
       default:
         break;
     }
     if (targetItem) {
+      const appDataEntity = await ibiz.hub.getAppDataEntity(
+        this.form.model.appDataEntityId,
+        this.form.context.srfappid
+      );
+      if (appDataEntity && appDataEntity.minorAppDERSs && appDataEntity.minorAppDERSs.length > 0) {
+        (_a = appDataEntity.minorAppDERSs) == null ? void 0 : _a.forEach((minorAppDERS) => {
+          if (minorAppDERS.majorAppDataEntityId && minorAppDERS.parentAppDEFieldId) {
+            const majorAppDataEntityCodeName = calcDeCodeNameById(
+              minorAppDERS.majorAppDataEntityId
+            );
+            if (majorAppDataEntityCodeName && targetItem[minorAppDERS.parentAppDEFieldId]) {
+              this.view.context[majorAppDataEntityCodeName] = targetItem[minorAppDERS.parentAppDEFieldId];
+              this.form.context[majorAppDataEntityCodeName] = targetItem[minorAppDERS.parentAppDEFieldId];
+            }
+          }
+        });
+      }
       this.view.context[this.deName] = targetItem.srfkey;
+      this.form.context[this.deName] = targetItem.srfkey;
       this.load();
     }
   }

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.cjs

@@ -106,10 +106,19 @@ const IBizFullscreenToolbar = /* @__PURE__ */ vue.defineComponent({
         app.mount(content);
       }
     };
+    const clearFullscreenClass = () => {
+      if (ibiz.fullscreenUtil.FullscreenClass) {
+        const divFull = document.querySelector(".".concat(ibiz.fullscreenUtil.FullscreenClass));
+        if (divFull) {
+          divFull.classList.toggle(ibiz.fullscreenUtil.FullscreenClass);
+        }
+      }
+    };
     const compressArrowsClick = () => {
       const div = document.getElementById("fullscreen");
       if (div) {
         document.exitFullscreen();
+        clearFullscreenClass();
         if (div.parentElement) {
           div.parentElement.removeChild(div);
         }
@@ -121,6 +130,7 @@ const IBizFullscreenToolbar = /* @__PURE__ */ vue.defineComponent({
       } else {
         const div = document.getElementById("fullscreen");
         if (div) {
+          clearFullscreenClass();
           if (div.parentElement) {
             div.parentElement.removeChild(div);
           }

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.css

@@ -1 +1 @@
-.ibiz-fullscreen-toolbar{position:fixed;bottom:28px;left:0;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:30px}.ibiz-fullscreen-toolbar__wrapper{z-index:101;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:inherit}.ibiz-fullscreen-toolbar__wrapper:hover .ibiz-fullscreen-toolbar__wrapper-content{display:flex}.ibiz-fullscreen-toolbar__wrapper-content{z-index:101;display:none;flex-flow:row nowrap;place-content:center center;align-items:center;width:169px;height:56px;padding:12px 16px;background-color:#333;border-radius:6px}.ibiz-fullscreen-toolbar__item{display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:32px;height:32px;padding:8px;margin-right:8px;cursor:pointer;border-radius:4px;fill:#fff}.ibiz-fullscreen-toolbar__item:hover{background-color:#5c5c5c;fill:#6698ff}.ibiz-fullscreen-toolbar__divider{position:relative;box-sizing:border-box;display:inline-block;height:1rem;padding:0;margin:0;margin:0 16px;font-size:.875rem;line-height:1.5715;color:#333;vertical-align:middle;list-style:none;border-top:0;border-left:1px solid #666}.ibiz-fullscreen-toolbar__canvas{z-index:100}.ibiz-fullscreen-toolbar__canvas>.cursor{cursor:none!important}.ibiz-fullscreen-toolbar__canvas>.nocursor{display:none!important}.ibiz-fullscreen-toolbar__canvas>canvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background:0 0}.ibiz-fullscreen-toolbar__tooltip .el-popper__arrow{display:block}
+.ibiz-fullscreen-toolbar{position:fixed;bottom:28px;left:0;z-index:100;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:30px}.ibiz-fullscreen-toolbar__wrapper{z-index:101;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:inherit}.ibiz-fullscreen-toolbar__wrapper:hover .ibiz-fullscreen-toolbar__wrapper-content{display:flex}.ibiz-fullscreen-toolbar__wrapper-content{z-index:101;display:none;flex-flow:row nowrap;place-content:center center;align-items:center;width:169px;height:56px;padding:12px 16px;background-color:#333;border-radius:6px}.ibiz-fullscreen-toolbar__item{display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:32px;height:32px;padding:8px;margin-right:8px;cursor:pointer;border-radius:4px;fill:#fff}.ibiz-fullscreen-toolbar__item:hover{background-color:#5c5c5c;fill:#6698ff}.ibiz-fullscreen-toolbar__divider{position:relative;box-sizing:border-box;display:inline-block;height:1rem;padding:0;margin:0;margin:0 16px;font-size:.875rem;line-height:1.5715;color:#333;vertical-align:middle;list-style:none;border-top:0;border-left:1px solid #666}.ibiz-fullscreen-toolbar__canvas{z-index:100}.ibiz-fullscreen-toolbar__canvas>.cursor{cursor:none!important}.ibiz-fullscreen-toolbar__canvas>.nocursor{display:none!important}.ibiz-fullscreen-toolbar__canvas>canvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background:0 0}.ibiz-fullscreen-toolbar__tooltip .el-popper__arrow{display:block}

package/lib/control/chart/chart.cjs

@@ -48,7 +48,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       required: false
     }
   },
-  emits: ["drillDown"],
+  emits: ["drillDetail"],
   setup(props, {
     emit
   }) {
@@ -58,8 +58,8 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const maxHeight = vue.ref(0);
     const uuid = qxUtil.createUUID();
     const showCheck = vue.ref(false);
-    const drillDownPos = vue.ref({});
-    const drillDownRef = vue.ref();
+    const drillDetailPos = vue.ref({});
+    const drillDetailRef = vue.ref();
     let func;
     let tempParams;
     const initSimpleData = () => {
@@ -97,7 +97,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
     const getGridData = () => {
       return c.state.gridData || [];
     };
-    const computedDrillDownPos = (params) => {
+    const computedDrillDetailPos = (params) => {
       if (params.event) {
         const event = params.event.event;
         event.stopPropagation();
@@ -106,7 +106,7 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
           offsetX,
           offsetY
         } = params.event;
-        drillDownPos.value = {
+        drillDetailPos.value = {
           top: "".concat(offsetY, "px"),
           left: "".concat(offsetX + 16, "px")
         };
@@ -125,31 +125,42 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.observe(chartRef.value);
       }
       setHeight();
-      if ((_b = (_a = props.modelData.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.ENABLEDRILLDOWN) {
+      const drillDetails = (_b = (_a = props.modelData.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.ENABLEDRILLDETAIL;
+      if (drillDetails == null ? void 0 : drillDetails.length) {
         chart.on("click", (params) => {
+          const serieModel = c.computedClickSerieModel(params);
+          if (!serieModel) {
+            return;
+          }
+          const tempDrill = drillDetails.find((item) => {
+            return item.name === serieModel.valueField;
+          });
+          if (!tempDrill || !tempDrill.isDrill) {
+            return;
+          }
           tempParams = params;
           chart.dispatchAction({
             type: "hideTip"
           });
           showCheck.value = true;
           c.changeTooltipState(false);
-          func = vue3Util.useClickOutside(drillDownRef, () => {
+          func = vue3Util.useClickOutside(drillDetailRef, () => {
             showCheck.value = false;
             c.changeTooltipState(true);
             func.stop();
           });
-          computedDrillDownPos(params);
+          computedDrillDetailPos(params);
         });
       }
     });
-    const openDrillDown = (_event) => {
+    const openDrillDetail = (_event) => {
       showCheck.value = false;
       if (func) {
         func.stop();
       }
       c.changeTooltipState(true);
-      const param = c.computedDrillDownParam(tempParams);
-      emit("drillDown", param);
+      const param = c.computedDrillDetailParam(tempParams);
+      emit("drillDetail", param);
     };
     vue.watch(() => c.state.showGrid, () => {
       setHeight();
@@ -187,9 +198,9 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       chartRef,
       uuid,
       showCheck,
-      drillDownPos,
-      drillDownRef,
-      openDrillDown,
+      drillDetailPos,
+      drillDetailRef,
+      openDrillDetail,
       renderGrid
     };
   },
@@ -213,11 +224,12 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
         "ref": "chartRef",
         "class": [this.ns.e("chart")]
       }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? vue.createVNode("div", {
-        "ref": "drillDownRef",
-        "class": this.ns.e("drill-down"),
-        "style": this.drillDownPos
+        "ref": "drillDetailRef",
+        "class": this.ns.e("drill-detail"),
+        "style": this.drillDetailPos,
+        "onClick": this.openDrillDetail
       }, [vue.createVNode("div", {
-        "class": this.ns.em("drill-down", "item")
+        "class": this.ns.em("drill-detail", "item")
       }, [vue.createVNode("svg", {
         "viewBox": "0 0 16 16",
         "xmlns": "http://www.w3.org/2000/svg",
@@ -233,9 +245,8 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
         "d": "M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",
         "id": "asp\u5408\u5E76\u5F62\u72B6"
       }, null)])]), vue.createVNode("div", {
-        "class": this.ns.em("drill-down", "item-text"),
-        "onClick": this.openDrillDown
-      }, [ibiz.i18n.t("control.chart.drillDown")])])]) : null]), this.c.state.showGrid ? vue.createVNode("div", {
+        "class": this.ns.em("drill-detail", "item-text")
+      }, [ibiz.i18n.t("control.chart.drillDetail")])])]) : null]), this.c.state.showGrid ? vue.createVNode("div", {
         "class": this.ns.e("grid")
       }, [this.renderGrid()]) : null])])]
     });

package/lib/control/chart/chart.css

@@ -1 +1 @@
-.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart-grid{width:100%;height:100%}.ibiz-control-chart__chart-grid.is-show-grid{display:flex;height:calc(100% - 16px)}.ibiz-control-chart__chart-grid--bottom{flex-direction:column}.ibiz-control-chart__chart-grid--top{flex-direction:column-reverse}.ibiz-control-chart__chart-grid--left{flex-direction:row-reverse}.ibiz-control-chart__chart-grid--right{flex-direction:row}.ibiz-control-chart__chart-grid.is-no-data{display:none}.ibiz-control-chart__chart-grid-container{position:relative;flex:1;height:50%}.ibiz-control-chart__chart-grid-container.is-bottom{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-top{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-left{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-right{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-no-grid{flex:unset;width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__drill-down{position:absolute;top:0;left:0;width:150px;padding:var(--ibiz-spacing-tight) 0;background:var(--ibiz-color-bg-1);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:var(--ibiz-color-elevated)}.ibiz-control-chart__drill-down--item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:40px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-chart__drill-down--item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-control-chart__drill-down--item-text{margin-bottom:var(--ibiz-spacing-super-tight)}.ibiz-control-chart__grid{flex:1;height:auto}.ibiz-control-chart__grid .cell{text-overflow:ellipsis;white-space:nowrap}.ibiz-control-chart__grid .el-table__body-wrapper{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}.ibiz-control-chart-chart-container{width:100%;height:100%}
+.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart-grid{width:100%;height:100%}.ibiz-control-chart__chart-grid.is-show-grid{display:flex;height:calc(100% - 16px)}.ibiz-control-chart__chart-grid--bottom{flex-direction:column}.ibiz-control-chart__chart-grid--top{flex-direction:column-reverse}.ibiz-control-chart__chart-grid--left{flex-direction:row-reverse}.ibiz-control-chart__chart-grid--right{flex-direction:row}.ibiz-control-chart__chart-grid.is-no-data{display:none}.ibiz-control-chart__chart-grid-container{position:relative;flex:1;height:50%}.ibiz-control-chart__chart-grid-container.is-bottom{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-top{width:100%;height:50%;min-height:50%}.ibiz-control-chart__chart-grid-container.is-left{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-right{width:50%;min-width:50%;height:100%}.ibiz-control-chart__chart-grid-container.is-no-grid{flex:unset;width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__drill-detail{position:absolute;top:0;left:0;width:150px;padding:var(--ibiz-spacing-tight) 0;background:var(--ibiz-color-bg-1);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:var(--ibiz-color-elevated)}.ibiz-control-chart__drill-detail--item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:40px;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-chart__drill-detail--item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-control-chart__drill-detail--item-text{margin-bottom:var(--ibiz-spacing-super-tight)}.ibiz-control-chart__grid{flex:1;height:auto}.ibiz-control-chart__grid .cell{text-overflow:ellipsis;white-space:nowrap}.ibiz-control-chart__grid .el-table__body-wrapper{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}.ibiz-control-chart-chart-container{width:100%;height:100%}

package/lib/control/dashboard/dashboard-design/dashboard-design.cjs

@@ -474,6 +474,9 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
       "onChange": this.handleRolHChange
     }, null)]), vue.createVNode(vue.resolveComponent("el-button"), {
       "class": this.ns.be("header-utils", "reset"),
+      "style": {
+        display: this.customC.multiMode ? "none" : "inline-flex"
+      },
       "onClick": this.onReset
     }, _isSlot(_slot3 = ibiz.i18n.t("control.dashboard.dashboardDesign.restoreDefault")) ? _slot3 : {
       default: () => [_slot3]