@ibiz-template/vue3-components 0.7.41-alpha.12 → 0.7.41-alpha.14

package/lib/control/index.cjs

@@ -5,29 +5,29 @@ var index$1 = require('./app-menu-icon-view/index.cjs');
 require('./grid/index.cjs');
 var index$9 = require('./list/index.cjs');
 require('./form/index.cjs');
-var index$n = require('./toolbar/index.cjs');
-var index$o = require('./caption-bar/index.cjs');
-var index$p = require('./data-view/index.cjs');
-var index$q = require('./tree/index.cjs');
-var index$r = require('./pickup-view-panel/index.cjs');
-var index$s = require('./tab-exp-panel/index.cjs');
+var index$o = require('./toolbar/index.cjs');
+var index$p = require('./caption-bar/index.cjs');
+var index$q = require('./data-view/index.cjs');
+var index$r = require('./tree/index.cjs');
+var index$s = require('./pickup-view-panel/index.cjs');
+var index$t = require('./tab-exp-panel/index.cjs');
 require('./exp-bar/index.cjs');
-var index$z = require('./search-bar/index.cjs');
-var index$A = require('./chart/index.cjs');
-var index$B = require('./wizard-panel/index.cjs');
-var index$C = require('./drbar/index.cjs');
-var index$D = require('./drtab/index.cjs');
-var index$E = require('./dashboard/index.cjs');
-var index$P = require('./calendar/index.cjs');
-var index$Q = require('./kanban/index.cjs');
-var index$R = require('./tree-grid-ex/index.cjs');
-var index$S = require('./tree-grid/index.cjs');
-var index$T = require('./medit-view-panel/index.cjs');
-var index$U = require('./map/index.cjs');
-var index$V = require('./report-panel/index.cjs');
-var index$W = require('./gantt/index.cjs');
-var index$X = require('./context-menu/index.cjs');
-var index$Y = require('./view-panel/index.cjs');
+var index$A = require('./search-bar/index.cjs');
+var index$B = require('./chart/index.cjs');
+var index$C = require('./wizard-panel/index.cjs');
+var index$D = require('./drbar/index.cjs');
+var index$E = require('./drtab/index.cjs');
+var index$F = require('./dashboard/index.cjs');
+var index$Q = require('./calendar/index.cjs');
+var index$R = require('./kanban/index.cjs');
+var index$S = require('./tree-grid-ex/index.cjs');
+var index$T = require('./tree-grid/index.cjs');
+var index$U = require('./medit-view-panel/index.cjs');
+var index$V = require('./map/index.cjs');
+var index$W = require('./report-panel/index.cjs');
+var index$X = require('./gantt/index.cjs');
+var index$Y = require('./context-menu/index.cjs');
+var index$Z = require('./view-panel/index.cjs');
 var gridControl_util = require('./grid/grid/grid-control.util.cjs');
 var index$2 = require('./grid/grid/index.cjs');
 var index$3 = require('./grid/grid-column/grid-field-column/index.cjs');
@@ -49,66 +49,67 @@ var index$h = require('./form/form-detail/form-rawitem/index.cjs');
 var index$i = require('./form/form-detail/form-tab-panel/index.cjs');
 var index$j = require('./form/form-detail/form-tab-page/index.cjs');
 var index$k = require('./form/form-detail/form-button-list/index.cjs');
-var index$l = require('./form/edit-form/index.cjs');
-var index$m = require('./form/form/index.cjs');
+var index$l = require('./form/form-detail/form-iframe/index.cjs');
+var index$m = require('./form/edit-form/index.cjs');
+var index$n = require('./form/form/index.cjs');
 var dataView_provider = require('./data-view/data-view.provider.cjs');
-var index$t = require('./exp-bar/tree-exp-bar/index.cjs');
-var index$u = require('./exp-bar/list-exp-bar/index.cjs');
-var index$v = require('./exp-bar/grid-exp-bar/index.cjs');
-var index$w = require('./exp-bar/data-view-exp-bar/index.cjs');
-var index$x = require('./exp-bar/calendar-exp-bar/index.cjs');
-var index$y = require('./exp-bar/chart-exp-bar/index.cjs');
+var index$u = require('./exp-bar/tree-exp-bar/index.cjs');
+var index$v = require('./exp-bar/list-exp-bar/index.cjs');
+var index$w = require('./exp-bar/grid-exp-bar/index.cjs');
+var index$x = require('./exp-bar/data-view-exp-bar/index.cjs');
+var index$y = require('./exp-bar/calendar-exp-bar/index.cjs');
+var index$z = require('./exp-bar/chart-exp-bar/index.cjs');
 var drbar_controller = require('./drbar/drbar.controller.cjs');
 var drtab_controller = require('./drtab/drtab.controller.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
-var index$F = require('./dashboard/portlet/container-portlet/index.cjs');
+var index$G = require('./dashboard/portlet/container-portlet/index.cjs');
 var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
 var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
-var index$G = require('./dashboard/portlet/view-portlet/index.cjs');
+var index$H = require('./dashboard/portlet/view-portlet/index.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
-var index$H = require('./dashboard/portlet/menu-portlet/index.cjs');
+var index$I = require('./dashboard/portlet/menu-portlet/index.cjs');
 var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
-var index$I = require('./dashboard/portlet/chart-portlet/index.cjs');
+var index$J = require('./dashboard/portlet/chart-portlet/index.cjs');
 var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
-var index$J = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var index$K = require('./dashboard/portlet/rawitem-portlet/index.cjs');
 var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
-var index$K = require('./dashboard/portlet/list-portlet/index.cjs');
+var index$L = require('./dashboard/portlet/list-portlet/index.cjs');
 var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
-var index$L = require('./dashboard/portlet/html-portlet/index.cjs');
+var index$M = require('./dashboard/portlet/html-portlet/index.cjs');
 var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
-var index$M = require('./dashboard/portlet/actionbar-portlet/index.cjs');
+var index$N = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var reportPortlet = require('./dashboard/portlet/report-portlet/report-portlet.cjs');
-var index$N = require('./dashboard/portlet/report-portlet/index.cjs');
+var index$O = require('./dashboard/portlet/report-portlet/index.cjs');
 var filterPortlet = require('./dashboard/portlet/filter-portlet/filter-portlet.cjs');
-var index$O = require('./dashboard/portlet/filter-portlet/index.cjs');
+var index$P = require('./dashboard/portlet/filter-portlet/index.cjs');
 
 "use strict";
 
 exports.IBizAppMenuControl = index.IBizAppMenuControl;
 exports.IBizAppMenuIconViewControl = index$1.IBizAppMenuIconViewControl;
 exports.IBizListControl = index$9.IBizListControl;
-exports.IBizToolbarControl = index$n.IBizToolbarControl;
-exports.IBizCaptionBarControl = index$o.IBizCaptionBarControl;
-exports.IBizDataViewControl = index$p.IBizDataViewControl;
-exports.IBizTreeControl = index$q.IBizTreeControl;
-exports.IBizPickupViewPanelControl = index$r.IBizPickupViewPanelControl;
-exports.IBizTabExpPanelControl = index$s.IBizTabExpPanelControl;
-exports.IBizSearchBarControl = index$z.IBizSearchBarControl;
-exports.IBizChartControl = index$A.IBizChartControl;
-exports.IBizWizardPanelControl = index$B.IBizWizardPanelControl;
-exports.IBizDRBarControl = index$C.IBizDRBarControl;
-exports.IBizDRTabControl = index$D.IBizDRTabControl;
-exports.IBizDashboardControl = index$E.IBizDashboardControl;
-exports.IBizCalendarControl = index$P.IBizCalendarControl;
-exports.IBizKanbanControl = index$Q.IBizKanbanControl;
-exports.IBizTreeGridExControl = index$R.IBizTreeGridExControl;
-exports.IBizTreeGridControl = index$S.IBizTreeGridControl;
-exports.IBizMEditViewPanelControl = index$T.IBizMEditViewPanelControl;
-exports.IBizMapControl = index$U.IBizMapControl;
-exports.IBizReportPanelControl = index$V.IBizReportPanelControl;
-exports.IBizGanttControl = index$W.IBizGanttControl;
-exports.IBizContextMenuControl = index$X.IBizContextMenuControl;
-exports.IBizViewPanelControl = index$Y.IBizViewPanelControl;
+exports.IBizToolbarControl = index$o.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$p.IBizCaptionBarControl;
+exports.IBizDataViewControl = index$q.IBizDataViewControl;
+exports.IBizTreeControl = index$r.IBizTreeControl;
+exports.IBizPickupViewPanelControl = index$s.IBizPickupViewPanelControl;
+exports.IBizTabExpPanelControl = index$t.IBizTabExpPanelControl;
+exports.IBizSearchBarControl = index$A.IBizSearchBarControl;
+exports.IBizChartControl = index$B.IBizChartControl;
+exports.IBizWizardPanelControl = index$C.IBizWizardPanelControl;
+exports.IBizDRBarControl = index$D.IBizDRBarControl;
+exports.IBizDRTabControl = index$E.IBizDRTabControl;
+exports.IBizDashboardControl = index$F.IBizDashboardControl;
+exports.IBizCalendarControl = index$Q.IBizCalendarControl;
+exports.IBizKanbanControl = index$R.IBizKanbanControl;
+exports.IBizTreeGridExControl = index$S.IBizTreeGridExControl;
+exports.IBizTreeGridControl = index$T.IBizTreeGridControl;
+exports.IBizMEditViewPanelControl = index$U.IBizMEditViewPanelControl;
+exports.IBizMapControl = index$V.IBizMapControl;
+exports.IBizReportPanelControl = index$W.IBizReportPanelControl;
+exports.IBizGanttControl = index$X.IBizGanttControl;
+exports.IBizContextMenuControl = index$Y.IBizContextMenuControl;
+exports.IBizViewPanelControl = index$Z.IBizViewPanelControl;
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
 exports.useGridDraggable = gridControl_util.useGridDraggable;
@@ -134,35 +135,36 @@ exports.IBizFormRawItem = index$h.IBizFormRawItem;
 exports.IBizFormTabPanel = index$i.IBizFormTabPanel;
 exports.IBizFormTabPage = index$j.IBizFormTabPage;
 exports.IBizFormButtonList = index$k.IBizFormButtonList;
-exports.IBizEditFormControl = index$l.IBizEditFormControl;
-exports.IBizFormControl = index$m.IBizFormControl;
+exports.IBizFormIFrame = index$l.IBizFormIFrame;
+exports.IBizEditFormControl = index$m.IBizEditFormControl;
+exports.IBizFormControl = index$n.IBizFormControl;
 exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
-exports.IBizTreeExpBarControl = index$t.IBizTreeExpBarControl;
-exports.IBizListExpBarControl = index$u.IBizListExpBarControl;
-exports.IBizGridExpBarControl = index$v.IBizGridExpBarControl;
-exports.IBizDataViewExpBarControl = index$w.IBizDataViewExpBarControl;
-exports.IBizCalendarExpBarControl = index$x.IBizCalendarExpBarControl;
-exports.IBizChartExpBarControl = index$y.IBizChartExpBarControl;
+exports.IBizTreeExpBarControl = index$u.IBizTreeExpBarControl;
+exports.IBizListExpBarControl = index$v.IBizListExpBarControl;
+exports.IBizGridExpBarControl = index$w.IBizGridExpBarControl;
+exports.IBizDataViewExpBarControl = index$x.IBizDataViewExpBarControl;
+exports.IBizCalendarExpBarControl = index$y.IBizCalendarExpBarControl;
+exports.IBizChartExpBarControl = index$z.IBizChartExpBarControl;
 exports.DRBarController = drbar_controller.DRBarController;
 exports.DRTabController = drtab_controller.DRTabController;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
-exports.IBizContainerPortlet = index$F.IBizContainerPortlet;
+exports.IBizContainerPortlet = index$G.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.ViewPortlet = viewPortlet.ViewPortlet;
-exports.IBizViewPortlet = index$G.IBizViewPortlet;
+exports.IBizViewPortlet = index$H.IBizViewPortlet;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
-exports.IBizMenuPortlet = index$H.IBizMenuPortlet;
+exports.IBizMenuPortlet = index$I.IBizMenuPortlet;
 exports.ChartPortlet = chartPortlet.ChartPortlet;
-exports.IBizChartPortlet = index$I.IBizChartPortlet;
+exports.IBizChartPortlet = index$J.IBizChartPortlet;
 exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
-exports.IBizRawItemPortlet = index$J.IBizRawItemPortlet;
+exports.IBizRawItemPortlet = index$K.IBizRawItemPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
-exports.IBizListPortlet = index$K.IBizListPortlet;
+exports.IBizListPortlet = index$L.IBizListPortlet;
 exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
-exports.IBizHtmlPortlet = index$L.IBizHtmlPortlet;
+exports.IBizHtmlPortlet = index$M.IBizHtmlPortlet;
 exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
-exports.IBizActionBarPortlet = index$M.IBizActionBarPortlet;
+exports.IBizActionBarPortlet = index$N.IBizActionBarPortlet;
 exports.ReportPortlet = reportPortlet.ReportPortlet;
-exports.IBizReportPortlet = index$N.IBizReportPortlet;
+exports.IBizReportPortlet = index$O.IBizReportPortlet;
 exports.FilterPortlet = filterPortlet.FilterPortlet;
-exports.IBizFilterPortlet = index$O.IBizFilterPortlet;
+exports.IBizFilterPortlet = index$P.IBizFilterPortlet;

package/lib/control/kanban/kanban.cjs

@@ -60,6 +60,20 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+      type: Array,
+      required: false
+    },
     /**
      * @description 是否默认加载数据
      * @default true
@@ -78,6 +92,26 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
     const disabled = vue.computed(() => {
       return !c.state.draggable || c.state.updating;
     });
+    const initSimpleData = () => {
+      if (!props.data) {
+        return;
+      }
+      c.state.items = props.data.map((item) => new runtime.ControlVO(item));
+      c.afterLoad({}, c.state.items);
+    };
+    c.evt.on("onCreated", async () => {
+      if (props.isSimple) {
+        initSimpleData();
+        c.state.isSimple = true;
+        c.state.isLoaded = true;
+      }
+    });
+    vue.watch(() => props.data, () => {
+      if (props.isSimple)
+        initSimpleData();
+    }, {
+      deep: true
+    });
     const batchKey = vue.computed(() => {
       return c.state.batching ? c.state.selectGroupKey : "";
     });

package/lib/control/list/list.cjs

@@ -298,7 +298,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       if (c.state.enableGroup && !c.state.isSimple) {
         if (c.model.groupStyle === "STYLE2") {
           return vue.createVNode("div", {
-            "class": [ns.b("content"), ns.b("group-style2-content")]
+            "class": [ns.b("content"), ns.b("scroll"), ns.b("group-style2-content")]
           }, [renderGroupStyle2()]);
         }
         return vue.createVNode(vue.resolveComponent("el-collapse"), {

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

@@ -70,6 +70,9 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     });
     const onGroupClick = (item) => {
       c.state.selectedGroupItem = item;
+      c.evt.emit("onTabChange", {
+        data: [item]
+      });
       onSearch();
     };
     if (c.model.enableGroup && c.model.searchBarGroups && ((_a = c.model.searchBarGroups) == null ? void 0 : _a.length) > 0) {

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./tab-exp-panel.css');
 var runtime = require('@ibiz-template/runtime');
 var vueRouter = require('vue-router');
+var ramda = require('ramda');
 
 "use strict";
 function _isSlot(s) {
@@ -53,6 +54,19 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.TabExpPanelController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const counterData = vue.ref({});
+    const fn = (counter) => {
+      counterData.value = counter;
+    };
+    c.evt.on("onCreated", () => {
+      if (c.counter) {
+        c.counter.onChange(fn, true);
+      }
+    });
+    vue.onUnmounted(() => {
+      var _a2;
+      (_a2 = c.counter) == null ? void 0 : _a2.offChange(fn);
+    });
     const handleTabChange = () => {
       c.handleTabChange();
     };
@@ -86,6 +100,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       tabPosition,
+      counterData,
       handleTabChange
     };
   },
@@ -104,6 +119,7 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
         "tabPosition": this.tabPosition,
         "onTabChange": this.handleTabChange
       }, _isSlot(_slot = tabPages.map((tab) => {
+        const counterNum = tab.counterId ? this.counterData[tab.counterId] : void 0;
         return vue.createVNode(vue.resolveComponent("el-tab-pane"), {
           "class": [this.ns.e("tab-item")],
           "label": tab.caption,
@@ -114,7 +130,10 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
               "class": [...tab.class]
             }, [this.c.isShowIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "icon": tab.sysImage
-            }, null), this.c.isShowCaption && tab.caption]);
+            }, null), this.c.isShowCaption && tab.caption, !ramda.isNil(counterNum) && vue.createVNode(vue.resolveComponent("iBizBadge"), {
+              "class": this.ns.e("counter"),
+              "value": counterNum
+            }, null)]);
           }
         });
       })) ? _slot : {

package/lib/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}
+.ibiz-control-tabexppanel{--ibiz-control-tabexppanel-color:var(--ibiz-color-text-2);--ibiz-control-tabexppanel-hover-color:var(--ibiz-color-text-0);--ibiz-control-tabexppanel-active-color:var(--ibiz-color-primary);--ibiz-control-tabexppanel-bar-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-tabexppanel-bar-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-tabexppanel-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-tabexppanel-hover-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-tabexppanel-active-color)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel .el-tabs__item{padding:var(--ibiz-spacing-base)}.ibiz-control-tabexppanel__counter{margin-left:var(--ibiz-spacing-tight)}

package/lib/control/tree/tree.cjs

@@ -590,7 +590,10 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       if (!contextMenuC.model.detoolbarItems) {
         return;
       }
-      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId);
+      await contextMenuC.calcButtonState(nodeData._deData || (nodeData.srfkey ? nodeData : void 0), nodeModel.appDataEntityId, {
+        view: c.view,
+        ctrl: c
+      });
       const menuState = contextMenuC.state.buttonsState;
       const menus = calcContextMenuItems(contextMenuC.model.detoolbarItems, nodeData, evt, menuState);
       if (!menus.length) {

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

@@ -185,6 +185,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:modelValue": ($event) => item.value = $event,
         "placeholder": this.c.placeHolder,
         "disabled": this.disabled,
+        "readonly": this.readonly,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,
         "onKeyup": this.handleKeyUp,
@@ -192,7 +193,8 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
         "onInput": (val) => this.handleInput(val, index)
       }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("el-tooltip"), {
         "placement": "bottom",
-        "trigger": "hover"
+        "trigger": "hover",
+        "popper-class": this.ns.b("tooltip")
       }, {
         default: () => {
           return vue.createVNode(vue.resolveComponent("el-input"), vue.mergeProps({
@@ -202,6 +204,7 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
             "onUpdate:modelValue": ($event) => item.value = $event,
             "placeholder": this.c.placeHolder,
             "disabled": this.disabled,
+            "readonly": this.readonly,
             "maxlength": Object.is(this.editorStyle, "url") ? this.maxLength : null,
             "show-word-limit": Object.is(this.editorStyle, "url") ? this.showWordLimit : null,
             "onBlur": this.onBlur,

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

@@ -1 +1 @@
-.ibiz-array{height:100%;line-height:var(--ibiz-editor-default-line-height)}.ibiz-array ion-icon{cursor:pointer}
+.ibiz-array{height:100%;line-height:var(--ibiz-editor-default-line-height)}.ibiz-array ion-icon{cursor:pointer}.ibiz-array-tooltip .el-link{--el-link-text-color:inherit}

package/lib/editor/date-range-select/date-range-select.controller.cjs

@@ -181,12 +181,21 @@ class DateRangeSelectEditorController extends runtime.EditorController {
       if (this.editorParams.switchUnit) {
         this.switchUnit = this.editorParams.switchUnit === "true";
       }
+      if (this.editorParams.switchunit) {
+        this.switchUnit = this.editorParams.switchunit === "true";
+      }
       if (this.editorParams.defaultUnit) {
         this.defaultUnit = this.editorParams.defaultUnit;
       }
+      if (this.editorParams.defaultunit) {
+        this.defaultUnit = this.editorParams.defaultunit;
+      }
       if (this.editorParams.emitMode) {
         this.emitMode = this.editorParams.emitMode;
       }
+      if (this.editorParams.emitmode) {
+        this.emitMode = this.editorParams.emitmode;
+      }
     }
   }
   /**

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

@@ -186,7 +186,7 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
             emitVal = Number(select);
           emit("change", emitVal);
         }
-        if (c.editorParams.alwaysLoad === "true") {
+        if (c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true") {
           loadCodeList();
         }
         if (props.autoFocus) {
@@ -242,7 +242,7 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           vue.nextTick(() => {
@@ -321,7 +321,7 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = vue.createVNode(vue.resolveComponent("el-select-v2"), vue.mergeProps({
       "ref": "editorRef",
@@ -336,7 +336,7 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
       "disabled": this.disabled,
       "loading": this.isLoading,
       "fit-input-width": isEllipsis,
-      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id))),
+      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id)), " ").concat(this.ns.b("virtualized-list-popper")),
       "onFocus": this.onFocus,
       "onClear": this.handleClear,
       "onKeyup": this.handleKeyUp,
@@ -386,7 +386,7 @@ const IBizVirtualizedList = /* @__PURE__ */ vue.defineComponent({
       }, [text])]);
     });
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round")]
+      "class": [this.ns.b(), this.ns.b("virtualized-list"), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round"), this.ns.is("has-value", this.value != null && this.value !== "")]
     }, [this.readonly ? readonlyContent : editContent]);
   }
 });

package/lib/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list.is-has-value .el-select-v2__placeholder{display:none}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select .el-select-v2__wrapper{line-height:28px}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select .el-select-v2__selected-item{display:none}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select-option-text{margin:2px 0 2px 6px}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .ibiz-dropdown-select-option-content{flex:0 1 auto}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .ibiz-dropdown-select-option-content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .el-select-dropdown__option-item{display:flex;align-items:center}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .select-v2-option-item{display:flex;align-items:center;width:100%}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}

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

@@ -177,7 +177,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const editorInit = () => {
-      if (props.disabled) {
+      if (props.disabled || props.readonly) {
         defaultModel.value = "previewOnly";
       }
       vue.nextTick(() => {