@ibiz-template/vue3-components 0.7.1 → 0.7.3

package/es/util/modal-util/modal-util.mjs

@@ -3,16 +3,28 @@ import { ElMessageBox } from 'element-plus';
 "use strict";
 class ModalUtil {
   async info(params) {
-    await ElMessageBox.alert(params.desc, params.title, { type: "info" });
+    await ElMessageBox.alert(params.desc, params.title, {
+      ...params.options,
+      type: "info"
+    });
   }
   async success(params) {
-    await ElMessageBox.alert(params.desc, params.title, { type: "success" });
+    await ElMessageBox.alert(params.desc, params.title, {
+      ...params.options,
+      type: "success"
+    });
   }
   async warning(params) {
-    await ElMessageBox.alert(params.desc, params.title, { type: "warning" });
+    await ElMessageBox.alert(params.desc, params.title, {
+      ...params.options,
+      type: "warning"
+    });
   }
   async error(params) {
-    await ElMessageBox.alert(params.desc, params.title, { type: "error" });
+    await ElMessageBox.alert(params.desc, params.title, {
+      ...params.options,
+      type: "error"
+    });
   }
   async confirm(params) {
     return new Promise((resolve) => {

package/es/view-engine/app-data-upload-view.engine.d.ts

@@ -0,0 +1,13 @@
+import { IAppDataUploadViewState, IViewEvent, ViewController, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppView } from '@ibiz/model-core';
+/**
+ * 应用数据上传视图引擎
+ * @author lxm
+ * @date 2024-04-15 04:03:03
+ * @export
+ * @class AppDataUploadViewEngine
+ * @extends {ViewEngineBase}
+ */
+export declare class AppDataUploadViewEngine extends ViewEngineBase {
+    protected view: ViewController<IAppView, IAppDataUploadViewState, IViewEvent>;
+}

package/es/view-engine/app-data-upload-view.engine.mjs

@@ -0,0 +1,7 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class AppDataUploadViewEngine extends ViewEngineBase {
+}
+
+export { AppDataUploadViewEngine };

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

@@ -1,4 +1,4 @@
-import { ViewEngineBase, ViewCallTag } from '@ibiz-template/runtime';
+import { ViewEngineBase, OpenAppViewCommand, ViewCallTag } from '@ibiz-template/runtime';
 
 "use strict";
 class IndexViewEngine extends ViewEngineBase {
@@ -30,6 +30,18 @@ class IndexViewEngine extends ViewEngineBase {
   }
   async onMounted() {
     await super.onMounted();
+    if (!this.isExistAndInLayout("appmenu")) {
+      const { model, context, params } = this.view;
+      const { defAppViewId } = model;
+      if (defAppViewId) {
+        ibiz.commands.execute(
+          OpenAppViewCommand.TAG,
+          defAppViewId,
+          context,
+          params
+        );
+      }
+    }
     if (window.innerWidth <= 1200) {
       this.toggleCollapse();
     }

package/es/view-engine/index.mjs

@@ -44,6 +44,7 @@ import { GanttViewEngine } from './gantt-view.engine.mjs';
 import { DEIndexViewEngine } from './de-index-view-engine.mjs';
 import { SubAppRefViewEngine } from './sub-app-ref-view.engine.mjs';
 import { TabSearchViewEngine } from './tab-search-view.engine.mjs';
+import { AppDataUploadViewEngine } from './app-data-upload-view.engine.mjs';
 
 "use strict";
 const IBizViewEngine = {
@@ -236,6 +237,10 @@ const IBizViewEngine = {
       "VIEW_DESUBAPPREFVIEW",
       (c) => new SubAppRefViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_APPDATAUPLOADVIEW",
+      (c) => new AppDataUploadViewEngine(c)
+    );
     ibiz.engine.register(
       "VIEW_GridView9",
       (c) => new GridViewEngine(c)

package/lib/common/data-import/data-import.cjs

@@ -35,7 +35,6 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("data-import");
-    const inputUpLoad = vue.ref();
     const message = vue.ref({
       state: "ready",
       message: ""
@@ -45,86 +44,50 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     const onCancelButtonClick = () => {
       props.dismiss();
     };
-    const onFileChange = async ($event) => {
-      const obj = $event.target;
-      if (!obj.files) {
+    const onLinkClick = async () => {
+      runtime.downloadImportTemplate(props.appDataEntity, props.dataImport);
+    };
+    const selectFile = async () => {
+      isLoading.value = true;
+      const result = await runtime.selectAndImport({
+        appDataEntity: props.appDataEntity,
+        dataImport: props.dataImport,
+        context: props.context
+      });
+      if (result.cancel) {
+        isLoading.value = false;
         return;
       }
-      errorMessage.value = "";
-      const selectedFile = obj.files[0];
-      obj.value = null;
-      let result;
-      isLoading.value = true;
-      try {
-        if (ibiz.env.enableMqtt) {
-          runtime.asyncImportData(selectedFile, props.appDataEntity, props.dataImport, props.context);
-          ibiz.notification.info({
-            desc: ibiz.i18n.t("component.dataImport.startImport")
+      if (!result.isAsync) {
+        if (result.errorMessage) {
+          errorMessage.value = result.errorMessage;
+        } else {
+          const {
+            success,
+            total,
+            message: _message
+          } = result;
+          const totalNum = total ? Number(total) : 0;
+          const successNum = success ? Number(success) : 0;
+          const errorNum = total - success;
+          message.value.state = _message ? "error" : "over";
+          message.value.message = _message || ibiz.i18n.t("component.dataImport.importSuccess", {
+            totalNum,
+            successNum,
+            errorNum
           });
-          onCancelButtonClick();
-          return;
-        }
-        result = await runtime.importData(selectedFile, props.appDataEntity, props.dataImport, props.context);
-        ibiz.mc.command.send({
-          srfdecodename: props.appDataEntity.codeName
-        }, "OBJECTCREATED", "DATAIMPORT");
-        const {
-          success,
-          total,
-          message: _message
-        } = result;
-        const totalNum = total ? Number(total) : 0;
-        const successNum = success ? Number(success) : 0;
-        const errorNum = total - success;
-        message.value.state = _message ? "error" : "over";
-        message.value.message = _message || ibiz.i18n.t("component.dataImport.importSuccess", {
-          totalNum,
-          successNum,
-          errorNum
-        });
-      } catch (error) {
-        if (error instanceof Error) {
-          errorMessage.value = error.message;
         }
-      } finally {
-        isLoading.value = false;
       }
-    };
-    const onLinkClick = async () => {
-      var _a, _b;
-      let templateUrl = "".concat(props.appDataEntity.codeName2.toLowerCase(), "/importtemplate");
-      if ((_a = props.dataImport) == null ? void 0 : _a.codeName) {
-        templateUrl += "?srfimporttag=".concat(props.dataImport.codeName);
+      isLoading.value = false;
+      if (result.isAsync) {
+        onCancelButtonClick();
       }
-      const res = await ibiz.net.request(templateUrl, {
-        responseType: "blob"
-      });
-      if (res.status === 200) {
-        let fileName = ((_b = res.headers["content-disposition"].split(";").find((str) => str.indexOf("filename=") !== -1)) == null ? void 0 : _b.slice(9)) || "";
-        fileName = decodeURIComponent(fileName);
-        const blob = new Blob([res.data], {
-          type: "application/vnd.ms-excel"
-        });
-        const elink = document.createElement("a");
-        elink.download = fileName;
-        elink.style.display = "none";
-        elink.href = URL.createObjectURL(blob);
-        document.body.appendChild(elink);
-        elink.click();
-        URL.revokeObjectURL(elink.href);
-        document.body.removeChild(elink);
-      }
-    };
-    const selectFile = () => {
-      inputUpLoad.value.click();
     };
     return {
       ns,
       onLinkClick,
       selectFile,
       onCancelButtonClick,
-      onFileChange,
-      inputUpLoad,
       isLoading,
       message,
       errorMessage
@@ -134,13 +97,7 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     let _slot, _slot2;
     return vue.withDirectives(vue.createVNode("div", {
       "class": this.ns.b()
-    }, [vue.createVNode("input", {
-      "ref": "inputUpLoad",
-      "type": "file",
-      "style": "display: none",
-      "accept": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-      "onChange": this.onFileChange
-    }, null), vue.createVNode("div", {
+    }, [vue.createVNode("div", {
       "class": this.ns.e("caption")
     }, [ibiz.i18n.t("component.dataImport.importData")]), this.message.state === "ready" ? vue.createVNode("div", {
       "class": this.ns.b("upload"),

package/lib/common/data-import2/data-import2.cjs

@@ -13,17 +13,6 @@ var runtime = require('@ibiz-template/runtime');
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-async function importMapping(method, id, data) {
-  let url = "extension/import_schemas";
-  if (id) {
-    url = "".concat(url, "/").concat(id);
-  }
-  const res = await ibiz.net.request(url, {
-    method,
-    data
-  });
-  return res;
-}
 const DataImport2 = /* @__PURE__ */ vue.defineComponent({
   name: "DataImport2",
   props: {
@@ -67,6 +56,7 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
     const columnMappingListMap = /* @__PURE__ */ new Map();
     const options = vue.ref([]);
     const isNoPersonel = vue.ref(false);
+    const dataImport = props.dataImport || runtime.getDefaultDataImport(props.appDataEntity);
     const clearSelect = () => {
       const keys = [...columnMap.keys()];
       keys.forEach((item) => {
@@ -87,7 +77,7 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
         }
         let columnMapData = columnData.fields;
         if (!columnData.fields) {
-          const res = await importMapping("get", columnData.id);
+          const res = await runtime.getImportSchema(columnData.id);
           if (res.status === 200 && res.data) {
             columnMapData = res.data.fields;
           }
@@ -129,7 +119,6 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
       watchValue(newValue);
     });
     const onButtonColumnMappingImportClick = async () => {
-      var _a;
       const string = selectValues.value.join("");
       if (string === "") {
         ibiz.message.warning(ibiz.i18n.t("component.dataImport2.atLastOne"));
@@ -140,32 +129,25 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
         const columnMapArr = [...columnMap.values()];
         const fields = columnMapArr.filter((columnitem) => columnitem.name !== "");
         const data = {
-          // schame_tag: '', // 导入模式标记 不传
-          // id: '', // 导入模式标识 也不用传
           name: "".concat(fileName.value.split(".")[0], "|").concat((/* @__PURE__ */ new Date()).toLocaleString()),
           // 导入模式名称 按照导入的名称|时间来生成
-          // order_value: '', // 排序值  也不用传
-          fields,
+          fields
           // 导入模式属性 {name:'',order_value:1}
-          // type: '', // 导入模式类型  暂时不用传
-          system_tag: (_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid,
-          // 系统标记
-          data_entity_tag: props.appDataEntity.codeName,
-          // 数据实体标记
-          import_tag: props.appDataEntity.defaultAppDEDataImportId,
-          // 导入标记 导入模型的代码名称
-          owner_type: "PERSONAL"
-          // 所有者类型
         };
         if (props.params) {
           Object.assign(data, props.params);
         }
         if (listValue.value) {
           const columnData = columnMappingListMap.get(listValue.value);
-          if (columnData && columnData.name) {
+          if (columnData) {
             data.name = columnData.name;
+            data.id = columnData.id;
           }
-          const resput = await importMapping("put", columnData == null ? void 0 : columnData.id, data);
+          const resput = await runtime.updateImportSchema({
+            appDataEntity: props.appDataEntity,
+            dataImport,
+            data
+          });
           if (resput.status === 200 && resput.ok) {
             columnMappingListMap.set(listValue.value, resput.data);
           }
@@ -178,7 +160,11 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
             checkmark: false,
             close: false
           });
-          const res = await importMapping("post", "", data);
+          const res = await runtime.createImportSchema({
+            appDataEntity: props.appDataEntity,
+            dataImport,
+            data
+          });
           if (res.status === 200 && res.ok) {
             columnMappingListMap.set(data.name, res.data);
           }
@@ -196,33 +182,11 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
           if (data) {
             id = data.id;
           }
-          let path = "/".concat(props.appDataEntity.codeName2.toLowerCase());
-          const srfimporttag = props.appDataEntity.defaultAppDEDataImportId;
-          if (props.context) {
-            const resPath = runtime.calcResPath(props.context, props.appDataEntity);
-            path = resPath + path;
-          }
-          let url = "".concat(path, "/asyncimportdata2");
-          const queryData = {
-            srfossfileid: fileid,
-            srfimportschemaid: id
-          };
-          if (srfimporttag) {
-            Object.assign(queryData, {
-              srfimporttag
-            });
-          }
-          if (props.params) {
-            Object.assign(queryData, props.params);
-          }
-          url += qs.stringify(queryData, {
-            addQueryPrefix: true
-          });
-          await ibiz.net.request(url, {
-            method: "get"
-          });
-          ibiz.notification.info({
-            desc: ibiz.i18n.t("component.dataImport.startImport")
+          await runtime.asyncImportData2({
+            appDataEntity: props.appDataEntity,
+            dataImport,
+            fileId: fileid,
+            schemaId: id
           });
           onCancelButtonClick();
         } else {
@@ -244,13 +208,10 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const columnMappingListQuery = async () => {
-      var _a;
-      const params = {
-        n_import_tag_eq: props.appDataEntity.defaultAppDEDataImportId,
-        n_system_tag_eq: (_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid,
-        n_data_entity_tag_eq: props.appDataEntity.codeName
-      };
-      const res = await importMapping("post", "fetch_cur_user", params);
+      const res = await runtime.fetchImportSchemas({
+        appDataEntity: props.appDataEntity,
+        dataImport
+      });
       if (res.status === 200 && res.data) {
         res.data.forEach((item) => {
           options.value.push({
@@ -266,8 +227,6 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.onMounted(() => {
-      var _a;
-      const dataImport = (_a = props.appDataEntity.appDEDataImports) == null ? void 0 : _a.find((importItem) => importItem.id === props.appDataEntity.defaultAppDEDataImportId);
       if (dataImport && dataImport.dedataImportItems) {
         dataOption.value = dataImport.dedataImportItems;
       } else if (props.appDataEntity.appDEFields) {
@@ -473,4 +432,3 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
 });
 
 exports.DataImport2 = DataImport2;
-exports.importMapping = importMapping;

package/lib/common/data-import2-select/data-import2-select.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var dataImport2 = require('../data-import2/data-import2.cjs');
 require('./data-import2-select.css');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
 function _isSlot(s) {
@@ -56,7 +56,9 @@ const DataImport2Select = /* @__PURE__ */ vue.defineComponent({
       const data = props.columnMappingListMap.get(item.oldLabel);
       if (data) {
         data.name = item.label;
-        const result = await dataImport2.importMapping("put", data.id, data);
+        const result = await runtime.updateImportSchema({
+          data
+        });
         if (result.status === 200 && result.ok) {
           emit("columnMappingListMapChange", item.label, result.data);
         }
@@ -81,7 +83,7 @@ const DataImport2Select = /* @__PURE__ */ vue.defineComponent({
       e.stopPropagation();
       const columnData = props.columnMappingListMap.get(str);
       if (columnData) {
-        const res = await dataImport2.importMapping("delete", columnData.id);
+        const res = await runtime.deleteImportSchema(columnData.id);
         if (res.status === 200 && res.ok) {
           emit("optionsChange", str);
           emit("columnMappingListMapChange", str);

package/lib/control/form/form/form.cjs

@@ -43,16 +43,11 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const detailId = detail.id;
-      const detailProps = {
-        modelData: detail,
-        controller: c.details[detailId],
-        key: detail.id,
-        attrs: renderAttrs(detail)
-      };
       if (slots[detailId]) {
         return vue.renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
+          model: detail,
+          data: c.state.data,
+          value: c.state.data[detailId]
         });
       }
       const childSlots = {};
@@ -75,7 +70,10 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
       }
       const component = vue.resolveComponent(provider.component);
       return vue.h(component, {
-        ...detailProps
+        modelData: detail,
+        controller: c.details[detailId],
+        key: detail.id,
+        attrs: renderAttrs(detail)
       }, childSlots);
     };
     const FormDetail = (_props) => {

package/lib/control/grid/grid/grid.cjs

@@ -140,7 +140,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = vue3Util.useControlController((...args) => new runtime.GridController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
@@ -218,6 +220,15 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.b("batch-toolbar-items")
       }, null)])]);
     };
+    const renderTableColumn = (model, index) => {
+      if (slots[model.id]) {
+        return vue.renderSlot(slots, model.id, {
+          model,
+          data: c.state.items
+        });
+      }
+      return renderChildColumn(c, model, renderColumns.value, index);
+    };
     vue.onUnmounted(() => {
       zIndex.decrement();
     });
@@ -227,6 +238,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       tableRef,
       tableData,
       renderColumns,
+      renderTableColumn,
       onDbRowClick,
       onRowClick,
       onSelectionChange,
@@ -284,7 +296,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
             "type": "selection",
             "width": "55"
           }, null), this.renderColumns.map((model, index) => {
-            return renderChildColumn(this.c, model, this.renderColumns, index);
+            return this.renderTableColumn(model, index);
           })];
         },
         append: () => {

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -380,7 +380,12 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
           }, null);
         })) ? _slot2 : {
           default: () => [_slot2]
-        }), renderEditor(child, itemsC)];
+        }), vue.createVNode(vue.resolveComponent("iBizFilterModeSelect"), {
+          "disabled": true,
+          "class": ns.e("mode-select"),
+          "value": child.valueOP,
+          "modes": [child.valueOP]
+        }, null), renderEditor(child, itemsC)];
       }
       return vue.createVNode("div", {
         "class": (ns.b("group"), ns.bm("group", "items"))

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

@@ -60,7 +60,9 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = vue3Util.useControlController((...args) => new runtime.TreeGridController(...args));
     const ns = vue3Util.useNamespace("control-grid");
     const ns2 = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
@@ -162,6 +164,15 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.b("batch-toolbar-items")
       }, null)])]);
     };
+    const renderColumn = (model, index) => {
+      if (slots[model.id]) {
+        return vue.renderSlot(slots, model.id, {
+          model,
+          data: c.state.items
+        });
+      }
+      return grid.renderChildColumn(c, model, renderColumns.value, index);
+    };
     return {
       c,
       ns,
@@ -170,6 +181,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       treeGirdData,
       tableData,
       renderColumns,
+      renderColumn,
       defaultSort,
       onDbRowClick,
       onRowClick,
@@ -229,7 +241,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
             "type": "selection",
             "width": "55"
           }, null), state.isCreated && this.renderColumns.map((model, index) => {
-            return grid.renderChildColumn(this.c, model, this.renderColumns, index);
+            return this.renderColumn(model, index);
           })];
         },
         append: () => {

package/lib/control/tree-grid-ex/tree-grid-ex.cjs

@@ -175,6 +175,12 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
   render() {
     const renderColumn = (model, index) => {
       var _a, _b;
+      if (this.$slots[model.id]) {
+        return vue.renderSlot(this.$slots, model.id, {
+          model,
+          data: this.c.state.items
+        });
+      }
       const {
         codeName: columnName,
         width

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -157,6 +157,8 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = vue.createVNode(vue.resolveComponent("el-autocomplete"), vue.mergeProps({
       "class": this.ns.b("input"),
       "ref": "editorRef",
@@ -166,7 +168,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       "placeholder": this.c.placeHolder,
       "placement": "bottom",
       "clearable": this.autoCompleteClearable,
-      "popper-class": this.ns.e("transfer"),
+      "popper-class": [this.ns.e("transfer")],
       "teleported": !this.showFormDefaultContent,
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
@@ -175,13 +177,15 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       "onInput": this.handleInput,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
-      "onKeyup": this.handleKeyUp
+      "onKeyup": this.handleKeyUp,
+      "fit-input-width": isEllipsis
     }, this.$attrs), {
       default: ({
         item
       }) => {
         return vue.createVNode("div", {
-          "class": this.ns.e("transfer-item")
+          "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
+          "title": isEllipsis ? item[this.c.textName] : ""
         }, [item[this.c.textName]]);
       },
       suffix: () => {

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

@@ -1 +1 @@
-.ibiz-autocomplete{width:100%}.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{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}

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -281,6 +281,8 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -299,9 +301,11 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
-      "onKeyup": this.handleKeyUp
+      "onKeyup": this.handleKeyUp,
+      "fit-input-width": isEllipsis
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
+        "title": isEllipsis ? item[this.c.textName] : "",
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]