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

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/data-picker/ibiz-transfer-picker/components/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var transfer = require('./transfer/transfer.cjs');
+
+"use strict";
+
+exports.TransferSelect = transfer.TransferSelect;

package/lib/editor/data-picker/ibiz-transfer-picker/components/transfer/icon.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const arrowLeft = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+}, null)]);
+const arrowRight = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+}, null)]);
+
+exports.arrowLeft = arrowLeft;
+exports.arrowRight = arrowRight;

package/lib/editor/data-picker/ibiz-transfer-picker/components/transfer/interface.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var lodashEs = require('lodash-es');
+
+"use strict";
+const UPDATE_MODEL_EVENT = "update:modelValue";
+const CHANGE_EVENT = "change";
+const INPUT_EVENT = "input";
+const LEFT_CHECK_CHANGE_EVENT = "leftCheckChange";
+const RIGHT_CHECK_CHANGE_EVENT = "rightCheckChange";
+const LEFT_AC_SEARCH = "leftAcSearch";
+const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(lodashEs.isArray) || lodashEs.isArray(value) && lodashEs.isNil(movedKeys);
+const transferProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  titles: {
+    type: Array,
+    default: () => []
+  },
+  buttonTexts: {
+    type: Array,
+    default: () => []
+  },
+  filterPlaceholder: String,
+  filterMethod: {
+    type: Function
+  },
+  rightSearchMethod: {
+    type: Function
+  },
+  leftDefaultChecked: {
+    type: Array,
+    default: () => []
+  },
+  rightDefaultChecked: {
+    type: Array,
+    default: () => []
+  },
+  renderContent: {
+    type: Function
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  format: {
+    type: Object,
+    default: () => ({})
+  },
+  filterable: Boolean,
+  props: {
+    type: Object,
+    default: () => ({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    })
+  },
+  targetOrder: {
+    type: String,
+    values: ["original", "push", "unshift"],
+    default: "original"
+  },
+  enableRemoteSearch: {
+    type: Boolean,
+    default: false
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+};
+const transferEmits = {
+  [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(lodashEs.isArray) && ["left", "right"].includes(direction),
+  [UPDATE_MODEL_EVENT]: (value) => lodashEs.isArray(value),
+  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+  [LEFT_AC_SEARCH]: (query) => query
+};
+
+exports.CHANGE_EVENT = CHANGE_EVENT;
+exports.INPUT_EVENT = INPUT_EVENT;
+exports.LEFT_AC_SEARCH = LEFT_AC_SEARCH;
+exports.LEFT_CHECK_CHANGE_EVENT = LEFT_CHECK_CHANGE_EVENT;
+exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
+exports.UPDATE_MODEL_EVENT = UPDATE_MODEL_EVENT;
+exports.transferCheckedChangeFn = transferCheckedChangeFn;
+exports.transferEmits = transferEmits;
+exports.transferProps = transferProps;