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

package/lib/control/view-panel/view-panel.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./view-panel.css');
+
+"use strict";
+const ViewPanelControl = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewPanelControl",
+  props: {
+    /**
+     * @description 视图面板模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 应用上下文对象
+     */
+    context: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * @description 部件适配器
+     */
+    provider: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const c = vue3Util.useControlController((...args) => new runtime.ViewPanelController(...args));
+    const ns = vue3Util.useNamespace("control-".concat((_a = c.model.controlType) == null ? void 0 : _a.toLowerCase()));
+    const onCreated = (event) => {
+      if (event && event.view) {
+        c.setEmbedView(event.view);
+      }
+    };
+    return {
+      c,
+      ns,
+      onCreated
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && (this.$slots.default ? this.$slots.default({
+        context: this.c.context,
+        params: this.c.params,
+        onCreated: this.onCreated
+      }) : vue.h(vue.resolveComponent("IBizViewShell"), {
+        context: this.c.context,
+        params: this.c.params,
+        viewId: this.c.model.embeddedAppDEViewId,
+        onCreated: this.onCreated
+      }))]
+    });
+  }
+});
+
+exports.ViewPanelControl = ViewPanelControl;

package/lib/control/view-panel/view-panel.css

@@ -0,0 +1 @@
+.ibiz-control-viewpanel{width:100%}

package/lib/control/view-panel/view-panel.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ViewPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewPanelControl");
+  }
+}
+
+exports.ViewPanelProvider = ViewPanelProvider;

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -13,18 +13,31 @@ function _isSlot(s) {
 const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizWizardPanelControl",
   props: {
+    /**
+     * @description 向导面板模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }
@@ -56,7 +69,9 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
         formComponent = vue.h(component, {
           class: this.ns.e("form"),
           modelData: editForm,
-          context: this.c.context,
+          context: Object.assign(this.c.context, {
+            srfsilent: true
+          }),
           params: this.c.params,
           key: activeFormTag,
           onMounted: (event) => this.c.onFormMounted(activeFormTag, event),

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

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-array.css');
 var qxUtil = require('qx-util');
 var lodashEs = require('lodash-es');
+require('./ibiz-array.css');
 
 "use strict";
 function _isSlot(s) {

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

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-autocomplete.css');
 var lodashEs = require('lodash-es');
 var core = require('@ibiz-template/core');
+require('./ibiz-autocomplete.css');
 
 "use strict";
 const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({

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

@@ -7,7 +7,7 @@ require('./ibiz-carousel.css');
 "use strict";
 const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
   name: "IBizCarousel",
-  props: vue3Util.getDatePickerProps(),
+  props: vue3Util.getEditorProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props) {
     const ns = vue3Util.useNamespace("carousel");

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

@@ -2,9 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-cascader.css');
 var ramda = require('ramda');
-var runtime = require('@ibiz-template/runtime');
+require('./ibiz-cascader.css');
 
 "use strict";
 const IBizCascader = /* @__PURE__ */ vue.defineComponent({
@@ -173,14 +172,24 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
       const context = ramda.clone(c.context);
       const params = ramda.clone(c.params);
       if (index > 0) {
-        const valueItem = valueItems.value[index - 1];
-        Object.assign(context, {
-          [runtime.calcDeCodeNameById(valueItem.appDataEntityId)]: value
-        });
-        const appDataEntity = await ibiz.hub.getAppDataEntity(valueItem.appDataEntityId, valueItem.appId);
-        Object.assign(params, {
-          ["n_".concat(appDataEntity.keyAppDEFieldId.toLowerCase(), "_eq")]: value
-        });
+        const {
+          appDataEntityId: parentAppDataEntityId
+        } = valueItems.value[index - 1];
+        const {
+          appId,
+          appDataEntityId: childAppDataEntityId
+        } = valueItems.value[index];
+        const appDataEntity = await ibiz.hub.getAppDataEntity(childAppDataEntityId, appId);
+        const {
+          minorAppDERSs
+        } = appDataEntity;
+        if (minorAppDERSs) {
+          const appDeRSs = minorAppDERSs.find((DERSs) => DERSs.majorAppDataEntityId === parentAppDataEntityId);
+          if (appDeRSs && appDeRSs.parentAppDEFieldId)
+            Object.assign(params, {
+              ["n_".concat(appDeRSs.parentAppDEFieldId.toLowerCase(), "_eq")]: value
+            });
+        }
       }
       return {
         context,

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -129,7 +129,7 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "ref": "editorRef",
       "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-checkbox-list-group-row-number:".concat(this.controller.rowNumber) : ""
+      "style": this.controller.rowNumber ? "".concat(this.ns.cssVarBlockName("group-row-number"), ":").concat(this.controller.rowNumber) : ""
     }, [this.readonly ? this.valueText : vue.createVNode(vue.resolveComponent("el-checkbox-group"), vue.mergeProps({
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -436,20 +436,16 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
       editorInit();
     };
     const isAllowRenderFullScreen = () => {
-      if (enableFullScreen.value) {
-        if (isFullScreen.value) {
-          return vue.createVNode("i", {
-            "class": "fa fa-compress",
-            "aria-hidden": "true",
-            "onClick": () => changeFullScreenState()
-          }, null);
-        }
-        return vue.createVNode("i", {
-          "class": "fa fa-expand",
-          "aria-hidden": "true",
+      if (enableFullScreen.value)
+        return vue.createVNode("span", {
+          "class": ns.be("toolbar", "fullscreen"),
+          "title": ibiz.i18n.t("editor.common.".concat(isFullScreen.value ? "minimize" : "fullscreen")),
           "onClick": () => changeFullScreenState()
-        }, null);
-      }
+        }, [isFullScreen.value ? vue.createVNode("i", {
+          "class": "ch-icon ch-icon-minscreen"
+        }, null) : vue.createVNode("i", {
+          "class": "ch-icon ch-icon-fullscreen"
+        }, null)]);
       return null;
     };
     const renderCancelMessage = () => {
@@ -558,8 +554,6 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[vue.resolveDirective("loading"), isLoading]]) : vue.createVNode(vue.resolveComponent("el-dialog"), {
       "modelValue": this.isFullScreen,
       "onUpdate:modelValue": ($event) => this.isFullScreen = $event,
-      "width": "80%",
-      "top": "10vh",
       "class": this.ns.b("dialog-full-screen"),
       "onClose": () => this.changeFullScreenState()
     }, {

package/lib/editor/code/monaco-editor/monaco-editor.css

@@ -1 +1 @@
-.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code__first-prompt::before{padding-right:var(--ibiz-spacing-base);content:var(--ibiz-code-placeholder)}.ibiz-code-toolbar{display:flex;align-items:center;justify-content:end;width:100%;min-height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar i{cursor:pointer}.ibiz-code-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-code-footer{display:flex;align-items:center;justify-content:end;width:100%;min-height:36px;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable.is-enable .ibiz-code__box{height:calc(100% - 68px)}.ibiz-code-dialog-full-screen{height:80%!important}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code__box{height:calc(100% - 124px)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{min-height:56px}.ibiz-code-footer-dialog{min-height:68px;margin-top:0}
+.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code__first-prompt::before{padding-right:var(--ibiz-spacing-base);content:var(--ibiz-code-placeholder)}.ibiz-code-toolbar{position:absolute;top:4px;right:18px;z-index:10;display:flex;align-items:center;justify-content:end;width:auto;height:auto;padding-right:0;font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar__fullscreen{height:38px;padding:0 12px;font-size:var(--ibiz-font-size-regular);font-style:normal;line-height:2.8;cursor:pointer}.ibiz-code-toolbar__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-code-footer{--ibiz-code-footer-toolbar-height:36px;--ibiz-code-footer-button-height:36px;display:flex;align-items:center;justify-content:end;width:100%;min-height:var(--ibiz-code-footer-toolbar-height);margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:var(--ibiz-code-footer-button-height);line-height:var(--ibiz-code-footer-button-height);color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:var(--ibiz-code-footer-button-height);line-height:var(--ibiz-code-footer-button-height);color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable{--ibiz-code-footer-toolbar-height:36px;--ibiz-code-footer-button-height:36px}.ibiz-code-editor-enable .ibiz-code__box{height:100%}.ibiz-code-editor-enable:has(.ibiz-code-footer) .ibiz-code__box{height:calc(100% - var(--ibiz-code-footer-toolbar-height))}.ibiz-code-dialog-full-screen{width:100%!important;height:100%!important;margin:0!important}.ibiz-code-dialog-full-screen .ibiz-code-footer{--ibiz-code-footer-toolbar-height:68px}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{right:calc(var(--ibiz-spacing-extra-loose) + 18px)}.ibiz-code-dialog-full-screen .el-dialog__header{display:none!important}.ibiz-code-dialog-full-screen .el-dialog__body{width:100%;height:100%;padding:0 0 var(--ibiz-spacing-base)}.ibiz-code-dialog-full-screen .el-dialog__body:has(.ibiz-code-footer){padding-bottom:0}.ibiz-code-footer-dialog{margin-top:0}

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-color-picker.css');
 var ibizColorMpickerCustom = require('../ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.cjs');
 var ibizColorMpickerDefault = require('../ibiz-color-mpicker-default/ibiz-color-mpicker-default.cjs');
+require('./ibiz-color-picker.css');
 
 "use strict";
 const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({

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

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-mpicker.css');
 var lodashEs = require('lodash-es');
 var core = require('@ibiz-template/core');
+require('./ibiz-mpicker.css');
 
 "use strict";
 const IBizMPicker = /* @__PURE__ */ vue.defineComponent({

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

@@ -3,8 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
-require('./ibiz-picker.css');
 var core = require('@ibiz-template/core');
+require('./ibiz-picker.css');
 
 "use strict";
 const IBizPicker = /* @__PURE__ */ vue.defineComponent({
@@ -190,13 +190,13 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+          if (!isLoaded.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
             await onSearch("");
           }
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
-            if (editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+            if (ramda.isNil(props.value) && !ramda.isNil(newVal)) {
               emit("change", curValue.value, c.model.id, true);
             }
           }

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

@@ -3,8 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
-require('./ibiz-picker-dropdown.css');
 var core = require('@ibiz-template/core');
+require('./ibiz-picker-dropdown.css');
 
 "use strict";
 const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
@@ -25,6 +25,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     const loading = vue.ref(false);
     let waitQuery = null;
     const isLoaded = vue.ref(false);
+    const hiddenInputRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -144,9 +145,21 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const onOpenChange = (isOpen) => {
+      var _a, _b, _c;
       if (isOpen) {
         items.value = [];
         onSearch("");
+      } else {
+        const isSearchForm = (
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ((_c = (_b = (_a = c.parent) == null ? void 0 : _a.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
+        );
+        if (isSearchForm) {
+          vue.nextTick(() => {
+            var _a2;
+            (_a2 = hiddenInputRef.value) == null ? void 0 : _a2.focus();
+          });
+        }
       }
     };
     const onClear = () => {
@@ -196,7 +209,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+          if (!isLoaded.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
             shouldLoad.value = true;
             await onSearch("");
             shouldLoad.value = false;
@@ -204,7 +217,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
-            if (editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+            if (ramda.isNil(props.value) && !ramda.isNil(newVal)) {
               emit("change", curValue.value, c.model.id, true);
             }
           }
@@ -280,7 +293,8 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       showFormDefaultContent,
       renderGroupAction,
       renderEmpty,
-      popoverid
+      popoverid,
+      hiddenInputRef
     };
   },
   render() {
@@ -345,9 +359,16 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
     }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    const hiddenInput = vue.createVNode("input", {
+      "ref": "hiddenInputRef",
+      "type": "text",
+      "class": this.ns.e("hidden-input"),
+      "readonly": true,
+      "onKeyup": this.handleKeyUp
+    }, null);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
-    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);
+    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent, this.readonly ? null : hiddenInput]);
   }
 });
 

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.css

@@ -1 +1 @@
-.ibiz-picker-dropdown{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000}.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--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-picker-dropdown__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker-dropdown__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker-dropdown__transfer{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000;z-index:var(--ibiz-picker-dropdown-transfer-zindex)!important}.ibiz-picker-dropdown__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-picker-dropdown__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-dropdown-empty-bg-color)}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-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-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}
+.ibiz-picker-dropdown{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000}.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--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-picker-dropdown__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker-dropdown__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker-dropdown__transfer{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000;z-index:var(--ibiz-picker-dropdown-transfer-zindex)!important}.ibiz-picker-dropdown__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-picker-dropdown__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-dropdown-empty-bg-color)}.ibiz-picker-dropdown__hidden-input{position:relative;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-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-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}

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

@@ -3,8 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var core = require('@ibiz-template/core');
-require('./ibiz-picker-link.css');
 var ramda = require('ramda');
+require('./ibiz-picker-link.css');
 
 "use strict";
 const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-picker-select-view.css');
-var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
+var runtime = require('@ibiz-template/runtime');
+require('./ibiz-picker-select-view.css');
 
 "use strict";
 function _isSlot(s) {
@@ -476,6 +476,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
         });
       },
       dropdown: () => {
+        var _a;
         if (!this.showView) {
           return;
         }
@@ -485,7 +486,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
           params: this.params,
           viewId: this.c.pickupView.id,
           style: {
-            height: "100%",
+            height: "".concat(((_a = this.c.editorParams) == null ? void 0 : _a.pickupViewHeight) || 500, "px"),
             width: this.pickViewWidth
           },
           state: {

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--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-picker-select-view-popper.el-popper.el-dropdown__popper{min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-bg-3)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-bg-3)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-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-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--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-picker-select-view-popper.el-popper.el-dropdown__popper{overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-bg-3)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-bg-3)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-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-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/lib/editor/date-picker/date-picker-editor.controller.cjs

@@ -50,12 +50,12 @@ class DatePickerEditorController extends runtime.EditorController {
    * @Date: 2022-08-25 14:33:14
    */
   get valueFormat() {
-    if (this.model.dateTimeFormat) {
-      return this.model.dateTimeFormat;
-    }
     if (super.valueFormat) {
       return super.valueFormat;
     }
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
     return this.getFormatByType(this.model.editorType);
   }
 }

package/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-date-picker.css');
 var dayjs = require('dayjs');
+require('./ibiz-date-picker.css');
 
 "use strict";
 const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({

package/lib/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var dayjs = require('dayjs');
-require('../../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.cjs');
+require('../../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.cjs');
 require('./week-range-select.css');
 
 "use strict";

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

@@ -19,13 +19,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ vue.defineComponent({
     "bi-year-range-select": yearRangeSelect.default,
     "bi-week-range-select": weekRangeSelect.default
   },
-  props: {
-    ...vue3Util.getDatePickerProps(),
-    value: {
-      type: Object
-    }
-  },
-  emits: ["change"],
+  props: vue3Util.getDateRangeSelectProps(),
+  emits: vue3Util.getDateRangeSelectEmits(),
   setup(props, {
     emit
   }) {

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

@@ -28,6 +28,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     let editorState = "";
     let funcs;
     const codeItemValueNumber = vue.ref(false);
+    const hiddenInputRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -276,6 +277,17 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
+      var _a, _b, _c;
+      const isSearchForm = (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ((_c = (_b = (_a = c.parent) == null ? void 0 : _a.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
+      );
+      if (!visible && isSearchForm) {
+        vue.nextTick(() => {
+          var _a2;
+          (_a2 = hiddenInputRef.value) == null ? void 0 : _a2.focus();
+        });
+      }
       if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
@@ -346,7 +358,8 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       showFormDefaultContent,
       onVisibleChange,
       isLoading,
-      prefix
+      prefix,
+      hiddenInputRef
     };
   },
   render() {
@@ -466,10 +479,17 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.be("content-item", "label")
       }, [text])]);
     }) : ibiz.config.common.emptyText]);
+    const hiddenInput = vue.createVNode("input", {
+      "ref": "hiddenInputRef",
+      "type": "text",
+      "class": this.ns.e("hidden-input"),
+      "readonly": true,
+      "onKeyup": this.handleKeyUp
+    }, null);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent), this.c.editorParams.type === "round" && this.ns.m("round")],
       "style": this.cssVars
-    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);
+    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent, this.readonly ? null : hiddenInput]);
   }
 });
 

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.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-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)}.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__hidden-input{position:absolute;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-dropdown .el-select{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)}.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-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.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-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.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-popper .el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}