@ibiz-template/vue3-components 0.7.38-alpha.31 → 0.7.38-alpha.56

package/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 import './ibiz-picker.scss';
+import { IAppDEUIActionGroupDetail } from '@ibiz/model-core';
 import { PickerEditorController } from '../picker-editor.controller';
 export declare const IBizPicker: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
@@ -40,10 +41,13 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     handleKeyUp: (e: KeyboardEvent) => void;
     closeCircle: number;
     isEditable: Ref<boolean>;
+    isReverse: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    renderActionItem: (detail: IAppDEUIActionGroupDetail) => JSX.Element | undefined;
+    renderEmpty: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -73,7 +77,7 @@ export declare const IBizPicker: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onMounted, resolveComponent, h, createVNode, mergeProps } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent, h, mergeProps } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
@@ -20,34 +20,39 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     const isEditable = ref(false);
     const editorRef = ref();
     const isLoaded = ref(false);
+    const isReverse = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;
     });
+    const resetCurValue = () => {
+      const value = props.value;
+      if (c.model.valueType === "OBJECT") {
+        curValue.value = value ? value[c.objectNameField] : null;
+      } else {
+        curValue.value = value;
+      }
+      if (value === null) {
+        curValue.value = "";
+      }
+      const valueItem = props.data[c.valueItem];
+      const index = items.value.findIndex((item) => Object.is(item[c.keyName], valueItem));
+      if (index !== -1) {
+        return;
+      }
+      items.value = [];
+      if (value && !isEmpty(valueItem)) {
+        items.value.push({
+          [c.textName]: value,
+          [c.keyName]: valueItem
+        });
+      }
+    };
     watch(() => props.value, (newVal) => {
       if (newVal || newVal === null) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : null;
-        } else {
-          curValue.value = newVal;
-        }
-        if (newVal === null) {
-          curValue.value = "";
-        }
-        const value = props.data[c.valueItem];
-        const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
-        if (index !== -1) {
-          return;
-        }
-        items.value = [];
-        if (newVal && !isEmpty(value)) {
-          items.value.push({
-            [c.textName]: newVal,
-            [c.keyName]: value
-          });
-        }
+        resetCurValue();
       }
     }, {
       immediate: true
@@ -96,10 +101,6 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         await handleDataSelect(res.data[0]);
       }
     };
-    const onACSelect = async (item) => {
-      await handleDataSelect(item);
-      isShowAll.value = true;
-    };
     const onSearch = async (query, cb) => {
       if (c.model.appDataEntityId) {
         let trimQuery = "";
@@ -111,11 +112,32 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
           items.value = res.data;
           isLoaded.value = true;
           if (cb && cb instanceof Function) {
-            cb(items.value);
+            if (items.value.length) {
+              cb([...items.value, ...c.actionDetails]);
+            } else {
+              const empty = {
+                srftype: "empty"
+              };
+              cb([empty, ...c.actionDetails]);
+            }
           }
         }
       }
     };
+    const onACSelect = async (item) => {
+      isShowAll.value = true;
+      setEditable(false);
+      if (item.srftype === "empty") {
+        resetCurValue();
+        return;
+      }
+      if (item.detailType === "DEUIACTION") {
+        c.onActionClick(item, props.data);
+        resetCurValue();
+      } else {
+        await handleDataSelect(item);
+      }
+    };
     const onClear = () => {
       const dataItems = c.dataItems;
       if (dataItems == null ? void 0 : dataItems.length) {
@@ -135,10 +157,13 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       }
     });
     const onFocus = (e) => {
+      isReverse.value = true;
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
+      isReverse.value = false;
+      resetCurValue();
       emit("blur", e);
       setEditable(false);
     };
@@ -160,21 +185,42 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && isNil(props.value)) {
+          if (!isLoaded.value && editorRef.value && isNil(props.value) && !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 && isNil(props.value) && !isNil(newVal)) {
+              emit("change", curValue.value, c.model.id, true);
+            }
           }
           if (newVal === null) {
-            emit("change", null);
+            emit("change", null, c.model.id, true);
           }
         }
       }, {
         immediate: true
       });
     });
+    const renderActionItem = (detail) => {
+      if (!c.groupActionState[detail.id].visible) {
+        return;
+      }
+      return createVNode("div", {
+        "class": [ns.e("action-item"), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "onClick": (event) => c.onActionClick(detail, props.data, event),
+        "title": showTitle(detail.tooltip)
+      }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": detail.sysImage
+      }, null), detail.showCaption ? detail.caption : ""]);
+    };
+    const renderEmpty = () => {
+      return createVNode(resolveComponent("iBizNoData"), {
+        "class": ns.e("empty"),
+        "onClick": (event) => event.stopPropagation()
+      }, null);
+    };
     return {
       ns,
       c,
@@ -192,8 +238,11 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       handleKeyUp,
       closeCircle,
       isEditable,
+      isReverse,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      renderActionItem,
+      renderEmpty
     };
   },
   render() {
@@ -206,11 +255,17 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         context,
         params
       } = this.c;
+      let selected = item[this.c.textName] || item.srfmajortext === this.curValue;
+      if (this.c.valueItem) {
+        selected = (item[this.c.keyName] || item.srfkey) === this.data[this.c.valueItem];
+      }
+      const className = [this.ns.is("active", selected), this.ns.e("transfer-item")];
       if (this.c.acItemProvider) {
         const component = resolveComponent(this.c.acItemProvider.component);
         return h(component, {
           item,
           controller: this.c,
+          class: className,
           onClick: () => {
             this.onACSelect(item);
           }
@@ -218,6 +273,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       }
       return panel ? createVNode(resolveComponent("iBizControlShell"), {
         "data": item,
+        "class": className,
         "modelData": panel,
         "context": context,
         "params": params,
@@ -225,7 +281,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
           this.onACSelect(item);
         }
       }, null) : createVNode("div", {
-        "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
+        "class": [this.ns.is("ellipsis", isEllipsis), ...className],
         "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
         "onClick": () => {
           this.onACSelect(item);
@@ -270,12 +326,13 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       "value-key": this.c.textName,
       "placeholder": this.c.placeHolder,
       "clearable": true,
-      "popper-class": this.ns.e("transfer"),
+      "popper-class": [this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
+      "onSelect": this.onACSelect,
       "disabled": this.disabled,
       "fit-input-width": isEllipsis
     }, this.$attrs), {
@@ -285,6 +342,12 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         if (this.$slots.append) {
           return this.$slots.append({});
         }
+        if (item.srftype === "empty") {
+          return this.renderEmpty();
+        }
+        if (item.detailType === "DEUIACTION") {
+          return this.renderActionItem(item);
+        }
         return itemContent(item);
       },
       suffix: () => {
@@ -297,6 +360,9 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         }, null) : null, this.c.model.linkAppViewId && this.curValue ? createVNode("ion-icon", {
           "onClick": this.openLinkView,
           "name": "link-arrow"
+        }, null) : null, this.c.model.showTrigger && !this.c.model.pickupAppViewId ? createVNode("ion-icon", {
+          "name": "chevron-down-outline",
+          "class": [this.ns.e("suffix"), this.ns.is("reverse", this.isReverse)]
         }, null) : null];
       }
     })]);
@@ -305,7 +371,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : "-"]);
+    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

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

@@ -1 +1 @@
-.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-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 .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.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}

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.d.ts

@@ -43,8 +43,10 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    renderGroupAction: () => (JSX.Element | undefined)[] | undefined;
+    renderEmpty: () => JSX.Element | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -74,7 +76,7 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -1,13 +1,10 @@
-import { isVNode, defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent, mergeProps, h } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent, mergeProps, h } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import './ibiz-picker-dropdown.css';
 import { showTitle } from '@ibiz-template/core';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
   name: "IBizPickerDropDown",
   props: getDataPickerProps(),
@@ -32,29 +29,32 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const resetCurValue = () => {
+      if (c.model.valueType === "OBJECT") {
+        curValue.value = props.value ? props.value[c.objectNameField] : null;
+      } else {
+        curValue.value = props.value;
+      }
+      if (props.value === null) {
+        curValue.value = "";
+      }
+      const value = props.data[c.valueItem];
+      refValue.value = value || curValue.value;
+      const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
+      if (index !== -1) {
+        return;
+      }
+      items.value = [];
+      if (!isNil(props.value) && !isNil(value)) {
+        items.value.push({
+          [c.textName]: props.value,
+          [c.keyName]: value
+        });
+      }
+    };
     watch(() => props.value, (newVal) => {
       if (newVal || newVal === null) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : null;
-        } else {
-          curValue.value = newVal;
-        }
-        if (newVal === null) {
-          curValue.value = "";
-        }
-        refValue.value = curValue.value;
-        const value = props.data[c.valueItem];
-        const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
-        if (index !== -1) {
-          return;
-        }
-        items.value = [];
-        if (!isNil(newVal) && !isNil(value)) {
-          items.value.push({
-            [c.textName]: newVal,
-            [c.keyName]: value
-          });
-        }
+        resetCurValue();
       }
     }, {
       immediate: true
@@ -92,23 +92,6 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
         waitQuery = query;
       }
     };
-    onMounted(() => {
-      watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
-        if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && isNil(props.value)) {
-            shouldLoad.value = true;
-            await onSearch("");
-          }
-          refValue.value = newVal;
-          if (newVal === null) {
-            emit("change", null);
-          }
-        }
-      }, {
-        immediate: true,
-        deep: true
-      });
-    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -141,11 +124,22 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       setEditable(false);
     };
     const onSelect = (select) => {
+      shouldLoad.value = false;
+      setEditable(false);
+      if (select === "empty") {
+        resetCurValue();
+        return;
+      }
+      const actionItem = c.actionDetails.find((detail) => detail.id === select);
+      if (actionItem) {
+        c.onActionClick(actionItem, props.data);
+        resetCurValue();
+        return;
+      }
       const index = items.value.findIndex((item) => Object.is(item[c.keyName], select));
       if (index >= 0) {
         onACSelect(items.value[index]);
       }
-      shouldLoad.value = false;
     };
     const onOpenChange = (isOpen) => {
       if (isOpen) {
@@ -193,6 +187,70 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    onMounted(() => {
+      watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          if (!isLoaded.value && editorRef.value && isNil(props.value) && !isNil(newVal)) {
+            shouldLoad.value = true;
+            await onSearch("");
+            shouldLoad.value = false;
+          }
+          const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
+          if (curItem) {
+            curValue.value = curItem[c.textName];
+            if (editorRef.value && isNil(props.value) && !isNil(newVal)) {
+              emit("change", curValue.value, c.model.id, true);
+            }
+          }
+          refValue.value = newVal;
+          if (newVal === null) {
+            emit("change", null, c.model.id, true);
+          }
+        }
+      }, {
+        immediate: true,
+        deep: true
+      });
+    });
+    const renderActionItem = (detail) => {
+      if (!c.groupActionState[detail.id].visible) {
+        return;
+      }
+      return createVNode(resolveComponent("el-option"), {
+        "value": detail.id,
+        "title": showTitle(detail.tooltip),
+        "disabled": c.groupActionState[detail.id].disabled
+      }, {
+        default: () => [createVNode("div", {
+          "class": ns.e("action-item"),
+          "onClick": (event) => c.onActionClick(detail, props.data, event)
+        }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+          "icon": detail.sysImage
+        }, null), detail.showCaption ? detail.caption : ""])]
+      });
+    };
+    const renderGroupAction = () => {
+      const actionDetails = c.actionDetails;
+      if (!actionDetails.length || !c.groupActionState.visible) {
+        return;
+      }
+      return actionDetails.map((item) => {
+        return renderActionItem(item);
+      });
+    };
+    const renderEmpty = () => {
+      if (items.value.length) {
+        return;
+      }
+      return createVNode(resolveComponent("el-option"), {
+        "value": "empty"
+      }, {
+        default: () => [createVNode(resolveComponent("iBizNoData"), {
+          "class": ns.e("empty"),
+          "onClick": (event) => event.stopPropagation()
+        }, null)]
+      });
+    };
     return {
       ns,
       c,
@@ -212,11 +270,12 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       editorRef,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      renderGroupAction,
+      renderEmpty
     };
   },
   render() {
-    let _slot;
     const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.readonly ? this.value : createVNode(resolveComponent("el-select"), mergeProps({
@@ -228,6 +287,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "remote": true,
       "remote-show-suffix": this.c.model.showTrigger,
       "clearable": true,
+      "popper-class": [this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
       "loading": this.loading,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "remote-method": this.onSearch,
@@ -240,33 +300,43 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "onKeyup": this.handleKeyUp,
       "onClick": this.onClick,
       "fit-input-width": isEllipsis
-    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
-      return createVNode(resolveComponent("el-option"), {
-        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
-        "value": item[this.c.keyName],
-        "key": item[this.c.keyName],
-        "label": item[this.c.textName]
-      }, {
-        default: () => {
-          if (this.c.acItemProvider) {
-            const component = resolveComponent(this.c.acItemProvider.component);
-            return h(component, {
-              item,
-              controller: this.c
-            });
+    }, this.$attrs), {
+      default: () => [this.items.map((item) => {
+        return createVNode(resolveComponent("el-option"), {
+          "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
+          "value": item[this.c.keyName],
+          "key": item[this.c.keyName],
+          "label": item[this.c.textName]
+        }, {
+          default: () => {
+            var _a;
+            if (this.c.acItemProvider) {
+              const component = resolveComponent(this.c.acItemProvider.component);
+              return h(component, {
+                item,
+                controller: this.c
+              });
+            }
+            const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
+            if (panel) {
+              return createVNode(resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": this.c.context,
+                "params": this.c.params
+              }, null);
+            }
+            return createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
           }
-          return createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
-        }
-      });
-    })) ? _slot : {
-      default: () => [_slot]
+        });
+      }), this.renderEmpty(), this.renderGroupAction()]
     });
     const readonlyContent = createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : "-"]);
+    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
     return 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]);

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css

@@ -1 +1 @@
-.ibiz-picker-embed-view{width:100%;height:100%}.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view--show-value .ibiz-picker-embed-view-view{height:calc(100% - var(--ibiz-form-item-line-height))!important}.ibiz-picker-embed-view .ibiz-picker-embed-view-view{height:100%}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height)}
+.ibiz-picker-embed-view{width:100%;height:100%;--ibiz-form-item-container-error-color:none}.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view--show-value .ibiz-picker-embed-view-view{height:calc(100% - var(--ibiz-form-item-line-height))!important}.ibiz-picker-embed-view .ibiz-picker-embed-view-view{height:100%}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -36,9 +36,13 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     checkStrictly: import("vue").Ref<boolean>;
     isShowText: import("vue").Ref<boolean>;
     selectedData: import("vue").Ref<IData[]>;
+    cloneParams: import("vue").ComputedRef<{
+        [x: string]: any;
+        [x: symbol]: any;
+    }>;
     onSelectionChange: (event: EventBase) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
     enter: (_event?: IData | undefined) => boolean;
@@ -68,7 +72,7 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, resolveComponent, createVNode, h, createTextVNode } from 'vue';
+import { defineComponent, ref, computed, watch, resolveComponent, createVNode, h, createTextVNode } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-embed-view.css';
 
@@ -16,6 +16,11 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
     const params = ref({
       ...c.params
     });
+    const cloneParams = computed(() => {
+      return {
+        ...params.value
+      };
+    });
     watch(() => props.data, (newVal) => {
       const {
         context: _context,
@@ -101,6 +106,7 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
       checkStrictly,
       isShowText,
       selectedData,
+      cloneParams,
       onSelectionChange
     };
   },
@@ -113,7 +119,7 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("view")
     }, [h(viewShell, {
       context: this.context,
-      params: this.params,
+      params: this.cloneParams,
       viewId: this.c.model.pickupAppViewId,
       state: {
         singleSelect: this.singleSelect,

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.css

@@ -1 +1 @@
-.ibiz-picker-link{height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}.ibiz-form-item .ibiz-picker-link.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-picker-link{height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link.is-empty{color:inherit;cursor:auto}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link--readonly.is-empty{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link.is-ellipsis a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-picker-link a{display:inline-block;height:100%}.ibiz-form-item .ibiz-picker-link.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}