@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.40

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-number-range-picker.css');
 var lodashEs = require('lodash-es');
+require('./ibiz-number-range-picker.css');
 
 "use strict";
 const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
+var core = require('@ibiz-template/core');
 require('./ibiz-radio.css');
 
 "use strict";
@@ -84,10 +85,13 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    var _a;
     let _slot;
+    const itemWidth = (_a = this.controller.editorParams) == null ? void 0 : _a.itemwidth;
+    const width = itemWidth ? "".concat(itemWidth, "px") : "";
     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), this.ns.is("grid-layout", !!this.controller.rowNumber)],
-      "style": this.controller.rowNumber ? "--ibiz-radio-group-row-number:".concat(this.controller.rowNumber) : "",
+      "style": this.controller.rowNumber ? "".concat(this.ns.cssVarBlockName("group-row-number"), ":").concat(this.controller.rowNumber) : "",
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : this.renderMode !== "tab" ? vue.createVNode(vue.resolveComponent("el-radio-group"), vue.mergeProps({
       "class": this.ns.e("group"),
@@ -95,6 +99,10 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       "onChange": this.onSelectValueChange
     }, this.$attrs), _isSlot(_slot = this.items.map((_item, index) => this.renderMode === "radio" ? vue.createVNode(vue.resolveComponent("el-radio"), {
       "key": index,
+      "style": {
+        width
+      },
+      "title": core.showTitle(_item.text),
       "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
@@ -106,6 +114,10 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     }) : vue.createVNode(vue.resolveComponent("el-radio-button"), {
       "key": index,
       "class": [this.ns.e("button"), this.isBtnRoundCorner ? this.ns.em("button", "round-corner") : ""],
+      "style": {
+        width
+      },
+      "title": core.showTitle(_item.text),
       "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
@@ -124,6 +136,10 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       const disabled = this.disabled || _item.disableSelect === true;
       return vue.createVNode("span", {
         "class": [this.ns.b("tab-item"), this.ns.is("selected", currentValue === value), this.ns.is("disabled", disabled)],
+        "style": {
+          width
+        },
+        "title": core.showTitle(_item.text),
         "onClick": () => {
           if (disabled) {
             return;
@@ -132,7 +148,9 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
         }
       }, [_item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": _item.sysImage
-      }, null), _item.text || ""]);
+      }, null), vue.createVNode("span", {
+        "class": this.ns.be("tab-item", "text")
+      }, [_item.text || ""])]);
     })])]);
   }
 });

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.css

@@ -1 +1 @@
-.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--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-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio__button .el-radio-button__inner{display:flex;align-items:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{display:flex;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;display:flex;align-items:center;width:auto;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center;overflow:hidden}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{overflow:hidden;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-radio--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-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio__button .el-radio-button__inner{display:flex;align-items:center;justify-content:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__button--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{display:flex;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;display:flex;align-items:center;justify-content:center;width:auto;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}.ibiz-radio-tab-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

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

@@ -117,10 +117,10 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
         pieStyle.value = "height:".concat(pieSize.value, "px;width:").concat(pieSize.value, "px;min-width:unset;min-height:unset;");
       }
       if (pieBg) {
-        pieStyle.value += "--ibiz-editor-slider-pie-bg:".concat(pieBg, ";");
+        pieStyle.value += "".concat(ns.cssVarName("editor-slider-pie-bg"), ":").concat(pieBg, ";");
       }
       if (piePercentBg) {
-        pieStyle.value += "--ibiz-editor-slider-pie-percent-bg:".concat(piePercentBg, ";");
+        pieStyle.value += "".concat(ns.cssVarName("editor-slider-pie-percent-bg"), ":").concat(piePercentBg, ";");
       }
       pieStyle.value += "animation-delay:-".concat(currentVal.value, "s;");
     };

package/lib/editor/switch/ibiz-switch-tristate/ibiz-switch-tristate.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-switch-tristate.css');
+
+"use strict";
+const IBizSwitchTriState = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSwitchTriState",
+  props: vue3Util.getSwitchProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("switch-tristate");
+    const c = props.controller;
+    const lastVal = vue.ref(null);
+    const currentVal = vue.ref(null);
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal === 0) {
+          currentVal.value = 0;
+        } else if (newVal === 1) {
+          currentVal.value = 1;
+        } else {
+          currentVal.value = null;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const onSwitchClick = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (currentVal.value === null) {
+        if (lastVal.value === null || lastVal.value === 0) {
+          lastVal.value = null;
+          emit("change", 1);
+        }
+        if (lastVal.value === 1) {
+          lastVal.value = null;
+          emit("change", 0);
+        }
+      }
+      if (currentVal.value === 1) {
+        lastVal.value = 1;
+        emit("change", null);
+      }
+      if (currentVal.value === 0) {
+        lastVal.value = 0;
+        emit("change", null);
+      }
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      onSwitchClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()]
+    }, [vue.createVNode("div", {
+      "class": [this.ns.e("switch-wrapper"), this.ns.is("left", this.currentVal === 0), this.ns.is("center", this.currentVal === null), this.ns.is("right", this.currentVal === 1), this.ns.is("disabled", this.disabled || this.readonly)],
+      "onClick": this.onSwitchClick
+    }, null)]);
+  }
+});
+
+exports.IBizSwitchTriState = IBizSwitchTriState;

package/lib/editor/switch/ibiz-switch-tristate/ibiz-switch-tristate.css

@@ -0,0 +1 @@
+.ibiz-switch-tristate{--ibiz-switch-tristate-leftbg:var(--ibiz-color-danger);--ibiz-switch-tristate-rightbg:var(--ibiz-color-primary);--ibiz-switch-tristate-centerbg:var(--ibiz-color-fill-1);display:flex;flex-direction:column;justify-content:center;width:100%;height:32px}.ibiz-switch-tristate__switch-wrapper{position:relative;display:inline-block;width:44px;height:20px;cursor:pointer;border-radius:10px}.ibiz-switch-tristate__switch-wrapper::after{position:absolute;top:2px;width:16px;height:16px;content:"";background-color:var(--ibiz-color-white);border-radius:50%;transition:all .3s}.ibiz-switch-tristate__switch-wrapper.is-left{background-color:var(--ibiz-switch-tristate-leftbg)}.ibiz-switch-tristate__switch-wrapper.is-left::after{left:2px}.ibiz-switch-tristate__switch-wrapper.is-right{background-color:var(--ibiz-switch-tristate-rightbg)}.ibiz-switch-tristate__switch-wrapper.is-right::after{left:26px}.ibiz-switch-tristate__switch-wrapper.is-center{background-color:var(--ibiz-switch-tristate-centerbg)}.ibiz-switch-tristate__switch-wrapper.is-center::after{left:14px}.ibiz-switch-tristate__switch-wrapper.is-disabled{cursor:not-allowed}.ibiz-switch-tristate__switch-wrapper.is-disabled::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--ibiz-color-bg-4);opacity:.3}

package/lib/editor/switch/index.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
 var ibizSwitch = require('./ibiz-switch/ibiz-switch.cjs');
+var ibizSwitchTristate = require('./ibiz-switch-tristate/ibiz-switch-tristate.cjs');
 var switchEditor_controller = require('./switch-editor.controller.cjs');
 var switchEditor_provider = require('./switch-editor.provider.cjs');
 
 "use strict";
 
 exports.IBizSwitch = ibizSwitch.IBizSwitch;
+exports.IBizSwitchTriState = ibizSwitchTristate.IBizSwitchTriState;
 exports.SwitchEditorController = switchEditor_controller.SwitchEditorController;
 exports.SwitchEditorProvider = switchEditor_provider.SwitchEditorProvider;

package/lib/editor/switch/switch-editor.provider.cjs

@@ -10,9 +10,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class SwitchEditorProvider {
-  constructor() {
+  constructor(editorStyle) {
     __publicField(this, "formEditor", "IBizSwitch");
     __publicField(this, "gridEditor", "IBizSwitch");
+    if (editorStyle === "TRISTATE") {
+      this.formEditor = "IBizSwitchTriState";
+      this.gridEditor = "IBizSwitchTriState";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new switchEditor_controller.SwitchEditorController(editorModel, parentController);

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-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);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input .el-textarea__inner{min-height:32px!important}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-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);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

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

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-file-upload.css');
 var useIviewUpload = require('../use/use-iview-upload.cjs');
+require('./ibiz-file-upload.css');
 
 "use strict";
 function _isSlot(s) {

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

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-image-cropping.css');
 var useIviewUpload = require('../use/use-iview-upload.cjs');
+require('./ibiz-image-cropping.css');
 
 "use strict";
 const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({

package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -2,10 +2,10 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-searchcond-edit.css');
 var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
+require('./ibiz-searchcond-edit.css');
 
 "use strict";
 const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({

package/lib/ibiz-vue3.cjs

@@ -7,7 +7,7 @@ var runtime = require('@ibiz-template/runtime');
 var index$1 = require('./common/index.cjs');
 var index$2 = require('./panel-component/index.cjs');
 require('./control/index.cjs');
-var index$E = require('./editor/index.cjs');
+var index$F = require('./editor/index.cjs');
 require('./view/index.cjs');
 var index = require('./locale/index.cjs');
 var index$3 = require('./view-engine/index.cjs');
@@ -49,6 +49,7 @@ var index$A = require('./control/map/index.cjs');
 var index$B = require('./control/report-panel/index.cjs');
 var index$C = require('./control/gantt/index.cjs');
 var index$D = require('./control/context-menu/index.cjs');
+var index$E = require('./control/view-panel/index.cjs');
 
 "use strict";
 var IBizVue3 = {
@@ -102,7 +103,8 @@ var IBizVue3 = {
     v.use(index$B.IBizReportPanelControl);
     v.use(index$C.IBizGanttControl);
     v.use(index$D.IBizContextMenuControl);
-    v.use(index$E.IBizEditor);
+    v.use(index$E.IBizViewPanelControl);
+    v.use(index$F.IBizEditor);
   }
 };