@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

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

@@ -1,10 +1,13 @@
-import { ref, computed, watch, onMounted, resolveComponent, createVNode, mergeProps, h, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, onMounted, resolveComponent, createVNode, h, mergeProps, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'lodash-es';
 import { showTitle } from '@ibiz-template/core';
 import './ibiz-mpicker.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const IBizMPicker = /* @__PURE__ */ defineComponent({
   name: "IBizMPicker",
   props: getDataPickerProps(),
@@ -12,6 +15,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("mpicker");
     const c = props.controller;
     const curValue = ref([]);
@@ -21,6 +25,9 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
     const loading = ref(false);
     const isEditable = ref(false);
     const editorRef = ref();
+    const actionPostion = ((_a = c.model.editorParams) == null ? void 0 : _a.actionpostion) || "bottom";
+    const overflowMode = c.editorParams.overflowMode || c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -94,22 +101,42 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
-    const handleOpenViewClose = (result) => {
+    const handleOpenViewClose = async (result) => {
       const selects = [];
       if (result && Array.isArray(result)) {
-        result.forEach((select) => {
+        const calcPromises = result.map(async (select) => {
+          const item = select;
+          if (select.srfnodeid) {
+            Object.assign(item, select._deData);
+          }
+          const dataItems = await c.calcFillDataItems(item);
+          const res = {};
+          dataItems.forEach((dataItem) => {
+            Object.assign(res, {
+              [dataItem.id]: dataItem.value
+            });
+          });
+          return res;
+        });
+        const dataItemsList = await Promise.all(calcPromises);
+        result.forEach((select, _index) => {
           Object.assign(select, {
             [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
             [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
           });
+          const data = dataItemsList[_index];
           if (c.model.valueType === "OBJECTS") {
-            selects.push(c.handleObjectParams(select));
+            selects.push({
+              ...c.handleObjectParams(select),
+              ...data
+            });
           } else if (c.objectIdField) {
             selects.push(select[c.keyName]);
           } else {
             selects.push({
               [c.keyName]: select[c.keyName],
-              [c.textName]: select[c.textName]
+              [c.textName]: select[c.textName],
+              ...data
             });
           }
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
@@ -144,15 +171,16 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         handleOpenViewClose(res);
       }
     };
-    const onSelect = (selects) => {
+    const onSelect = async (selects) => {
+      var _a2;
       setEditable(false);
-      if (selects.includes("empty")) {
-        resetCurValue();
-        return;
+      if (selects.includes("empty") || selects.some((selectKey) => selectKey.includes("DEUIACTION"))) {
+        (_a2 = editorRef.value) == null ? void 0 : _a2.blur();
+        return resetCurValue();
       }
       const val = [];
       let value = null;
-      selects.forEach((select) => {
+      const selections = selects.map((select) => {
         let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
         let item = {};
         if (index >= 0) {
@@ -163,14 +191,33 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
             item = selectItems.value[index];
           }
         }
+        return item;
+      });
+      const calcPromises = selections.map(async (select) => {
+        const dataItems = await c.calcFillDataItems(select);
+        const res = {};
+        dataItems.forEach((dataItem) => {
+          Object.assign(res, {
+            [dataItem.id]: dataItem.value
+          });
+        });
+        return res;
+      });
+      const dataItemsList = await Promise.all(calcPromises);
+      selections.forEach((item, index) => {
+        const data = dataItemsList[index];
         if (c.model.valueType === "OBJECTS") {
-          val.push(c.handleObjectParams(item));
+          val.push({
+            ...c.handleObjectParams(item),
+            ...data
+          });
         } else if (c.objectIdField) {
           val.push(item[c.keyName]);
         } else {
           val.push({
             [c.keyName]: item[c.keyName],
-            [c.textName]: item[c.textName]
+            [c.textName]: item[c.textName],
+            ...data
           });
         }
       });
@@ -263,45 +310,102 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         onSearch("");
       }
     });
-    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)]
+    const renderActionItems = () => {
+      return c.actionDetails.map((item) => {
+        if (!c.groupActionState[item.id].visible)
+          return;
+        return createVNode(resolveComponent("el-option"), {
+          "key": item.id,
+          "label": item.caption,
+          "value": "DEUIACTION-".concat(item.id),
+          "disabled": c.groupActionState[item.id].disabled,
+          "title": showTitle(isEllipsis ? item.tooltip : "")
+        }, {
+          default: () => createVNode("div", {
+            "class": [ns.e("action-item"), ns.is("disabled", c.groupActionState[item.id].disabled)],
+            "onClick": (event) => {
+              if (!c.groupActionState[item.id].disabled)
+                c.onActionClick(item, props.data, event);
+            }
+          }, [item.showIcon && item.sysImage && createVNode(resolveComponent("iBizIcon"), {
+            "class": ns.em("action-item", "icon"),
+            "icon": item.sysImage
+          }, null), createVNode("span", {
+            "class": ns.em("action-item", "caption")
+          }, [item.showCaption ? item.caption : ""])])
+        });
       });
     };
+    const renderListItems = () => {
+      if (!items.value.length)
+        return [createVNode(resolveComponent("el-option"), {
+          "value": "empty"
+        }, {
+          default: () => [createVNode(resolveComponent("iBizNoData"), {
+            "class": ns.e("empty"),
+            "onClick": (event) => event.stopPropagation()
+          }, null)]
+        })];
+      return items.value.map((item) => {
+        return createVNode(resolveComponent("el-option"), {
+          "key": item[c.keyName],
+          "value": item[c.keyName],
+          "label": item[c.textName],
+          "title": showTitle(isEllipsis ? item[c.textName] : "")
+        }, {
+          default: () => {
+            var _a2;
+            if (c.acItemProvider) {
+              const component = resolveComponent(c.acItemProvider.component);
+              return h(component, {
+                item,
+                controller: c
+              });
+            }
+            const panel = (_a2 = c.deACMode) == null ? void 0 : _a2.itemLayoutPanel;
+            if (panel)
+              return createVNode(resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": c.context,
+                "params": c.params
+              }, null);
+            return createVNode("span", null, [item[c.textName] != null ? item[c.textName] : ""]);
+          }
+        });
+      });
+    };
+    const renderListContent = () => {
+      if (actionPostion === "top")
+        return [...renderActionItems(), ...renderListItems()];
+      return [...renderListItems(), ...renderActionItems()];
+    };
     return {
-      ns,
       c,
-      curValue,
-      loading,
+      ns,
       items,
+      loading,
+      curValue,
       valueText,
+      editorRef,
+      isEllipsis,
+      isEditable,
+      selectItems,
+      showFormDefaultContent,
+      onBlur,
+      onFocus,
       onSearch,
-      onOpenChange,
       onSelect,
       onRemove,
-      openPickUpView,
-      onFocus,
-      onBlur,
+      onOpenChange,
       handleKeyUp,
-      selectItems,
-      editorRef,
-      isEditable,
       setEditable,
-      showFormDefaultContent,
-      renderEmpty
+      openPickUpView,
+      renderListContent
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
-    const isEllipsis = overflowMode === "ellipsis";
+    let _slot;
     const editContent = [!this.readonly && createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -322,38 +426,10 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp,
-      "fit-input-width": isEllipsis,
+      "fit-input-width": this.isEllipsis,
       "remote-show-suffix": this.c.model.showTrigger
-    }, this.$attrs), {
-      default: () => [this.items.map((item) => {
-        return createVNode(resolveComponent("el-option"), {
-          "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
-          "key": item[this.c.keyName],
-          "value": 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] : ""]);
-          }
-        });
-      }), this.renderEmpty()]
+    }, this.$attrs), _isSlot(_slot = this.renderListContent()) ? _slot : {
+      default: () => [_slot]
     }), !this.readonly && createVNode("div", {
       "class": this.ns.e("buns-position")
     }, [this.c.model.pickupAppViewId ? createVNode("div", {
@@ -371,7 +447,10 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       return createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : ibiz.config.common.emptyText]);
+    }) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     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/ibiz-picker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-picker .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 .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .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 ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker .ibiz-picker-input{width:100%}.ibiz-picker .ibiz-picker-input .el-input__wrapper{width:100%}.ibiz-picker-input__buns-position{position:relative;display:inline-block}.ibiz-picker-input__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker-input__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker-input__autocomplete{display:flex}.ibiz-picker-input__autocomplete .el-autocomplete{width:100%}.ibiz-picker-input__transfer-item{padding:var(--ibiz-spacing-extra-tight);cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:var(--ibiz-font-size-header-1);height:var(--ibiz-font-size-header-1);padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6)}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--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__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-picker__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker__transfer{--ibiz-picker-height:var(--ibiz-editor-default-line-height);--ibiz-picker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-picker__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-picker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-empty-bg-color)}.ibiz-picker__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-picker__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-input{display:block}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-picker-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.is-show-default .ibiz-picker-input{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-input{display:block}
+@charset "UTF-8";.ibiz-picker .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 .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .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 ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker .ibiz-picker-input{width:100%}.ibiz-picker .ibiz-picker-input .el-input__wrapper{width:100%}.ibiz-picker-input__buns-position{position:relative;display:inline-block}.ibiz-picker-input__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker-input__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker-input__autocomplete{display:flex}.ibiz-picker-input__autocomplete .el-autocomplete{width:100%}.ibiz-picker-input__transfer-item{padding:var(--ibiz-spacing-extra-tight);cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:var(--ibiz-font-size-header-1);height:var(--ibiz-font-size-header-1);padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-6)}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--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__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-picker__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-link)}.ibiz-picker__action-item--caption{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-picker__action-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-picker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker__transfer{--ibiz-picker-height:var(--ibiz-editor-default-line-height);--ibiz-picker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-picker__transfer.is-empty .el-autocomplete-suggestion li{padding:0}.ibiz-picker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-empty-bg-color)}.ibiz-picker__suffix{cursor:pointer;visibility:inherit;transition:var(--el-transition-duration);transform:rotate(0)}.ibiz-picker__suffix.is-reverse{transform:rotate(-180deg)}.ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-input{display:block}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-picker-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.is-show-default .ibiz-picker-input{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-input{display:block}

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

@@ -7,7 +7,13 @@ import './ibiz-picker.scss';
  *
  * @description 使用el-input和el-autocomplete组件封装，用于选择单项数据，支持 AC 实时搜索，输入关键词即可从服务器获取数据；通过模态窗口呈现自定义样式的选择界面，解决下拉选择展示、检索及样式的局限，支持打开数据链接视图。支持编辑器类型包含：`数据选择`、`数据选择（无AC）`、`数据选择（无AC、数据链接）`、`数据选择（下拉、数据链接）`、`数据选择（数据链接）`、`数据选择（无按钮）`
  * @primary
- * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @editorparams {"name":"overflowmode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现 tooltip 提示信息"}
+ * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
+ * @editorparams {"name":"objectidfield","parameterType":"string","description":"值类型为OBJECT时的对象标识属性"}
+ * @editorparams {"name":"objectnamefield","parameterType":"string","description":"值类型为OBJECT时的对象名称属性"}
+ * @editorparams {"name":"objectvaluefield","parameterType":"string","description":"值类型为OBJECT时的对象值属性"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @editorparams {"name":"actionpostion","parameterType":"'top' | 'bottom'","defaultvalue":"'bottom'","description":"设置AC模式行为组位置，默认在下拉底部"}
  * @ignoreprops overflowMode
  */
 export declare const IBizPicker: import("vue").DefineComponent<{
@@ -35,25 +41,25 @@ export declare const IBizPicker: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
+    items: Ref<import("@ibiz-template/core").IApiData[]>;
     curValue: Ref<string | string[] | null>;
     valueText: import("vue").ComputedRef<string>;
-    items: Ref<import("@ibiz-template/core").IApiData[]>;
-    openPickUpView: (e: MouseEvent) => Promise<void>;
-    openLinkView: (e: MouseEvent) => Promise<void>;
-    onACSelect: (item: IData) => Promise<void>;
-    onSearch: (query: string, cb?: ((_items: IData[]) => void) | undefined) => Promise<void>;
     editorRef: Ref<any>;
-    onClear: () => void;
-    onFocus: (e: IData) => void;
-    onBlur: (e: IData) => void;
-    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;
+    onBlur: (e: IData) => void;
+    onFocus: (e: IData) => void;
+    onClear: () => void;
+    onSearch: (query: string, cb?: ((_items: IData[]) => void) | undefined) => Promise<void>;
+    onACSelect: (item: IData) => Promise<void>;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    setEditable: (flag: boolean) => void;
     renderEmpty: () => JSX.Element;
+    openLinkView: (e: MouseEvent) => Promise<void>;
+    openPickUpView: (e: MouseEvent) => Promise<void>;
+    renderActionItem: (detail: IAppDEUIActionGroupDetail) => JSX.Element | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;

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

@@ -12,6 +12,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("picker");
     const c = props.controller;
     const curValue = ref("");
@@ -21,6 +22,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     const editorRef = ref();
     const isLoaded = ref(false);
     const isReverse = ref(false);
+    const actionPostion = ((_a = c.model.editorParams) == null ? void 0 : _a.actionpostion) || "bottom";
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -28,20 +30,18 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       return false;
     });
     const resetCurValue = () => {
-      const value = props.value;
+      const {
+        value
+      } = props;
       if (c.model.valueType === "OBJECT") {
-        curValue.value = value ? value[c.objectNameField] : null;
+        curValue.value = value && c.objectNameField ? value[c.objectNameField] : "";
       } else {
-        curValue.value = value;
-      }
-      if (value === null) {
-        curValue.value = "";
+        curValue.value = value || "";
       }
       const valueItem = props.data[c.valueItem];
       const index = items.value.findIndex((item) => Object.is(item[c.keyName], valueItem));
-      if (index !== -1) {
+      if (index !== -1)
         return;
-      }
       items.value = [];
       if (value && !isEmpty(valueItem)) {
         items.value.push({
@@ -50,10 +50,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -87,9 +85,25 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       }
       setEditable(false);
     };
+    const calcSelectItem = () => {
+      const selectItems = [];
+      if (curValue.value) {
+        const selectItem = {
+          srfkey: props.data[c.valueItem],
+          srfmajortext: curValue.value,
+          ...c.model.valueType === "OBJECT" && props.value && c.objectValueField ? props.value[c.objectValueField] : {}
+        };
+        if (c.deACMode && c.dataItems.length)
+          c.dataItems.forEach((item) => Object.assign(selectItem, {
+            [item.appDEFieldId]: props.data[item.id]
+          }));
+        selectItems.push(selectItem);
+      }
+      return selectItems;
+    };
     const openPickUpView = async (e) => {
       e.stopPropagation();
-      const res = await c.openPickUpView(props.data);
+      const res = await c.openPickUpView(props.data, JSON.stringify(calcSelectItem()));
       if (res && res[0]) {
         await handleDataSelect(res[0]);
       }
@@ -112,14 +126,11 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
           items.value = res.data;
           isLoaded.value = true;
           if (cb && cb instanceof Function) {
-            if (items.value.length) {
-              cb([...items.value, ...c.actionDetails]);
-            } else {
-              const empty = {
-                srftype: "empty"
-              };
-              cb([empty, ...c.actionDetails]);
-            }
+            const callbackItems = items.value.length ? [...items.value] : [{
+              srftype: "empty"
+            }];
+            actionPostion === "top" ? callbackItems.unshift(...c.actionDetails) : callbackItems.push(...c.actionDetails);
+            cb(callbackItems);
           }
         }
       }
@@ -127,16 +138,9 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     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);
-      }
+      if (item.srftype === "empty" || item.detailType === "DEUIACTION")
+        return resetCurValue();
+      await handleDataSelect(item);
     };
     const onClear = () => {
       const dataItems = c.dataItems;
@@ -207,16 +211,21 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       });
     });
     const renderActionItem = (detail) => {
-      if (!c.groupActionState[detail.id].visible) {
+      if (!c.groupActionState[detail.id].visible)
         return;
-      }
       return createVNode("div", {
+        "title": showTitle(detail.tooltip),
         "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)
+        "onClick": (event) => {
+          if (!c.groupActionState[detail.id].disabled)
+            c.onActionClick(detail, props.data, event);
+        }
       }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.em("action-item", "icon"),
         "icon": detail.sysImage
-      }, null), detail.showCaption ? detail.caption : ""]);
+      }, null), createVNode("span", {
+        "class": ns.em("action-item", "caption")
+      }, [detail.showCaption ? detail.caption : ""])]);
     };
     const renderEmpty = () => {
       return createVNode(resolveComponent("iBizNoData"), {
@@ -227,29 +236,29 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     return {
       ns,
       c,
+      items,
       curValue,
       valueText,
-      items,
-      openPickUpView,
-      openLinkView,
-      onACSelect,
-      onSearch,
       editorRef,
-      onClear,
-      onFocus,
-      onBlur,
-      handleKeyUp,
       closeCircle,
       isEditable,
       isReverse,
-      setEditable,
       showFormDefaultContent,
-      renderActionItem,
-      renderEmpty
+      onBlur,
+      onFocus,
+      onClear,
+      onSearch,
+      onACSelect,
+      handleKeyUp,
+      setEditable,
+      renderEmpty,
+      openLinkView,
+      openPickUpView,
+      renderActionItem
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const itemContent = (item) => {
       var _a;
@@ -342,21 +351,17 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       default: ({
         item
       }) => {
-        if (this.$slots.append) {
+        if (this.$slots.append)
           return this.$slots.append({});
-        }
-        if (item.srftype === "empty") {
+        if (item.srftype === "empty")
           return this.renderEmpty();
-        }
-        if (item.detailType === "DEUIACTION") {
+        if (item.detailType === "DEUIACTION")
           return this.renderActionItem(item);
-        }
         return itemContent(item);
       },
       suffix: () => {
-        if (this.c.noButton) {
+        if (this.c.noButton)
           return;
-        }
         return [this.c.model.pickupAppViewId ? createVNode("ion-icon", {
           "onClick": this.openPickUpView,
           "name": "search"
@@ -374,7 +379,10 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     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.d.ts

@@ -6,7 +6,12 @@ import './ibiz-picker-dropdown.scss';
  *
  * @description 使用el-select组件封装，用于选择单项数据，仅以下拉列表的方式呈现选择数据。支持编辑器类型包含：`数据选择（下拉）`
  * @primary
- * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @editorparams {"name":"overflowmode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现 tooltip 提示信息"}
+ * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
+ * @editorparams {"name":"objectidfield","parameterType":"string","description":"值类型为OBJECT时的对象标识属性"}
+ * @editorparams {"name":"objectnamefield","parameterType":"string","description":"值类型为OBJECT时的对象名称属性"}
+ * @editorparams {"name":"objectvaluefield","parameterType":"string","description":"值类型为OBJECT时的对象值属性"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  */
 export declare const IBizPickerDropDown: import("vue").DefineComponent<{