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

package/es/control/chart/chart.mjs

@@ -211,7 +211,8 @@ const ChartControl = /* @__PURE__ */ defineComponent({
       }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? createVNode("div", {
         "ref": "drillDownRef",
         "class": this.ns.e("drill-down"),
-        "style": this.drillDownPos
+        "style": this.drillDownPos,
+        "onClick": this.openDrillDown
       }, [createVNode("div", {
         "class": this.ns.em("drill-down", "item")
       }, [createVNode("svg", {
@@ -229,8 +230,7 @@ const ChartControl = /* @__PURE__ */ 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)])]), createVNode("div", {
-        "class": this.ns.em("drill-down", "item-text"),
-        "onClick": this.openDrillDown
+        "class": this.ns.em("drill-down", "item-text")
       }, [ibiz.i18n.t("control.chart.drillDown")])])]) : null]), this.c.state.showGrid ? createVNode("div", {
         "class": this.ns.e("grid")
       }, [this.renderGrid()]) : null])])]

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

@@ -472,6 +472,9 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       "onChange": this.handleRolHChange
     }, null)]), createVNode(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]

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

@@ -342,6 +342,7 @@ function useAppGridBase(c, props) {
     const columnC = c.columns[property];
     if (columnC.isAdaptiveColumn) {
       columnC.isAdaptiveColumn = false;
+      columnC.model.width = newWidth;
       const index = renderColumns.value.findIndex((renderColumn) => {
         const renderColumnC = c.columns[renderColumn.codeName];
         return renderColumnC.isAdaptiveColumn;

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/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/view-engine/edit-view.engine.mjs

@@ -473,6 +473,7 @@ class EditViewEngine extends ViewEngineBase {
     }
     if (targetItem) {
       this.view.context[this.deName] = targetItem.srfkey;
+      this.form.context[this.deName] = targetItem.srfkey;
       this.load();
     }
   }

package/lib/control/chart/chart.cjs

@@ -215,7 +215,8 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
       }, [ibiz.i18n.t("control.chart.chartPlaceholder")]), this.showCheck ? vue.createVNode("div", {
         "ref": "drillDownRef",
         "class": this.ns.e("drill-down"),
-        "style": this.drillDownPos
+        "style": this.drillDownPos,
+        "onClick": this.openDrillDown
       }, [vue.createVNode("div", {
         "class": this.ns.em("drill-down", "item")
       }, [vue.createVNode("svg", {
@@ -233,8 +234,7 @@ 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
+        "class": this.ns.em("drill-down", "item-text")
       }, [ibiz.i18n.t("control.chart.drillDown")])])]) : null]), this.c.state.showGrid ? vue.createVNode("div", {
         "class": this.ns.e("grid")
       }, [this.renderGrid()]) : null])])]

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]

package/lib/control/grid/grid/grid-control.util.cjs

@@ -344,6 +344,7 @@ function useAppGridBase(c, props) {
     const columnC = c.columns[property];
     if (columnC.isAdaptiveColumn) {
       columnC.isAdaptiveColumn = false;
+      columnC.model.width = newWidth;
       const index = renderColumns.value.findIndex((renderColumn) => {
         const renderColumnC = c.columns[renderColumn.codeName];
         return renderColumnC.isAdaptiveColumn;

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

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

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.cjs

@@ -85,7 +85,7 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.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"
     }, [vue.createVNode("div", {
       "class": this.ns.e("image-upload-list")

package/lib/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/lib/editor/upload/upload-editor.controller.cjs

@@ -40,6 +40,14 @@ class UploadEditorController extends runtime.EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 自适应预览
+     * 只读状态下且配置了编辑器参数autoPreview ，加载完图片后自动调整大小达到预览态，且禁用图片hover工具栏
+     *
+     * @type {boolean}
+     * @memberof UploadEditorController
+     */
+    __publicField(this, "autoPreview", false);
   }
   async onInit() {
     var _a;
@@ -53,10 +61,21 @@ class UploadEditorController extends runtime.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/lib/view-engine/edit-view.engine.cjs

@@ -475,6 +475,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
     }
     if (targetItem) {
       this.view.context[this.deName] = targetItem.srfkey;
+      this.form.context[this.deName] = targetItem.srfkey;
       this.load();
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.30-alpha.2",
+  "version": "0.7.30-alpha.3",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,7 +30,7 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.6",
-    "@ibiz-template-plugin/bi-report": "0.0.10",
+    "@ibiz-template-plugin/bi-report": "0.0.11",
     "@ibiz-template/core": "0.7.28",
     "@ibiz-template/devtool": "0.0.1-dev.6",
     "@ibiz-template/model-helper": "0.7.30-alpha.0",