@ibiz-template/vue3-components 0.7.41-alpha.19 → 0.7.41-alpha.20

package/lib/control/tree-grid/tree-grid.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var useRowEditPopover = require('../grid/row-edit-popover/use-row-edit-popover.cjs');
 require('../grid/grid/index.cjs');
@@ -97,10 +98,10 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       tableRef,
       onRowClick,
       onDbRowClick,
-      onSelectionChange,
-      handleHeaderCellClassName,
       onSortChange,
-      handleRowClassName
+      onSelectionChange,
+      handleRowClassName,
+      handleHeaderCellClassName
     } = gridControl_util.useITableEvent(c);
     const {
       onPageChange,
@@ -109,8 +110,8 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
     } = gridControl_util.useAppGridPagination(c);
     const {
       tableData,
-      renderColumns,
       defaultSort,
+      renderColumns,
       summaryMethod,
       headerDragend
     } = gridControl_util.useAppGridBase(c, props, tableRef);
@@ -152,11 +153,56 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       }
       return null;
     };
+    const handleDefaultSelect = () => {
+      const {
+        expandRowKeys,
+        selectedData,
+        singleSelect
+      } = c.state;
+      const table = tableRef.value;
+      if (!table || !selectedData.length)
+        return;
+      const treeData = table.store.states.treeData.value;
+      const expandKeys = Object.keys(treeData).filter((key) => treeData[key].loaded);
+      if (expandRowKeys.length === expandKeys.length && expandRowKeys.sort().every((item, index) => item === expandKeys.sort()[index])) {
+        const selection = [];
+        const selectKeys = selectedData.map((selected) => selected.srfkey);
+        core.recursiveIterate({
+          children: table.store.states.data.value
+        }, (item) => {
+          if (selectKeys.includes(item.srfkey))
+            selection.push(item);
+        });
+        vue.nextTick(() => {
+          if (singleSelect) {
+            table.setCurrentRow(selection[0]);
+          } else {
+            table.store.states.selection.value = selection;
+          }
+        });
+      }
+    };
+    const handleDefaultExpand = (nodes) => {
+      if (!tableRef.value || !c.state.expandRowKeys.length)
+        return;
+      c.state.expandRowKeys.forEach((key) => {
+        const node = nodes.find((item) => item.srfkey === key);
+        if (node)
+          vue.nextTick(() => {
+            tableRef.value.store.loadOrToggle(node);
+          });
+      });
+      handleDefaultSelect();
+    };
+    vue.watch(() => tableRef.value, () => {
+      handleDefaultExpand(c.state.treeGirdData);
+    });
     const loadData = async (item, _row, callback) => {
       const treeGirdItems = c.state.items.map((data) => c.getTreeGridDataItem(data));
       const items = treeGirdItems.filter((data) => item[c.treeGridValueField] === data[c.treeGridParentField]);
       item.children = items;
       callback(items);
+      handleDefaultExpand(items);
     };
     const renderBatchToolBar = () => {
       var _a;
@@ -198,25 +244,25 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       ns2,
       tableRef,
       tableData,
+      defaultSort,
       renderColumns,
+      headerCssVars,
+      loadData,
+      onRowClick,
       renderColumn,
-      defaultSort,
       onDbRowClick,
-      onRowClick,
-      onSelectionChange,
       onSortChange,
       onPageChange,
-      onPageSizeChange,
-      onPageRefresh,
-      handleRowClassName,
       renderNoData,
-      loadData,
+      onPageRefresh,
       summaryMethod,
       headerDragend,
       renderPopover,
+      onPageSizeChange,
+      onSelectionChange,
+      handleRowClassName,
       renderBatchToolBar,
-      handleHeaderCellClassName,
-      headerCssVars
+      handleHeaderCellClassName
     };
   },
   render() {
@@ -233,59 +279,66 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
         "controller": this.c,
         "style": this.headerCssVars
       }, {
-        default: () => [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), {
-          "ref": "tableRef",
-          "class": this.ns.e("table"),
-          "default-sort": this.defaultSort,
-          "border": true,
-          "show-header": !hideHeader,
-          "show-summary": this.c.enableAgg,
-          "summary-method": this.summaryMethod,
-          "highlight-current-row": state.singleSelect,
-          "row-class-name": this.handleRowClassName,
-          "header-cell-class-name": this.handleHeaderCellClassName,
-          "row-key": "srfkey",
-          "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData,
-          "onRowClick": this.onRowClick,
-          "onRowDblclick": this.onDbRowClick,
-          "onSelectionChange": this.onSelectionChange,
-          "onSortChange": this.onSortChange,
-          "onHeaderDragend": this.headerDragend,
-          "tooltip-effect": "light",
-          "tree-props": {
-            children: "children",
-            hasChildren: "hasChildren"
-          },
-          "load": this.loadData,
-          "lazy": true
-        }, {
-          empty: this.renderNoData,
-          default: () => {
-            return [!state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
-              "class-name": this.ns.e("selection"),
-              "type": "selection",
-              "width": "55"
-            }, null), state.isCreated && this.renderColumns.map((model, index) => {
-              return this.renderColumn(model, index);
-            })];
-          },
-          append: () => {
-            return this.renderPopover();
-          }
-        }), enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
-          "total": state.total,
-          "curPage": state.curPage,
-          "size": state.size,
-          "totalPages": state.totalPages,
-          "onChange": this.onPageChange,
-          "onPageSizeChange": this.onPageSizeChange,
-          "onPageRefresh": this.onPageRefresh
-        }, null), this.c.model.enableCustomized && !hideHeader && vue.createVNode("div", {
-          "class": this.ns.b("setting-box")
-        }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
-          "columnStates": state.columnStates,
-          "controller": this.c
-        }, null)]), this.renderBatchToolBar()]
+        default: () => {
+          var _a;
+          return [this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("el-table"), vue.mergeProps({
+            "lazy": true,
+            "border": true,
+            "ref": "tableRef",
+            "row-key": "srfkey",
+            "load": this.loadData,
+            "tooltip-effect": "light",
+            "show-header": !hideHeader,
+            "class": this.ns.e("table"),
+            "key": this.c.state.tableKey,
+            "onRowClick": this.onRowClick,
+            "default-sort": this.defaultSort,
+            "show-summary": this.c.enableAgg,
+            "onSortChange": this.onSortChange,
+            "onRowDblclick": this.onDbRowClick,
+            "summary-method": this.summaryMethod,
+            "onHeaderDragend": this.headerDragend,
+            "row-class-name": this.handleRowClassName,
+            "onSelectionChange": this.onSelectionChange,
+            "highlight-current-row": state.singleSelect,
+            "onExpandChange": (row, expanded) => this.c.expandChange(row, expanded),
+            "header-cell-class-name": this.handleHeaderCellClassName,
+            "tree-props": {
+              children: "children",
+              hasChildren: "hasChildren"
+            },
+            "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData
+          }, this.$attrs), {
+            empty: this.renderNoData,
+            default: () => {
+              return [!state.singleSelect && vue.createVNode(vue.resolveComponent("el-table-column"), {
+                "width": "55",
+                "type": "selection",
+                "reserve-selection": true,
+                "class-name": this.ns.e("selection")
+              }, null), state.isCreated && this.renderColumns.map((model, index) => {
+                return this.renderColumn(model, index);
+              })];
+            },
+            append: () => {
+              return this.renderPopover();
+            }
+          }), enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
+            "total": state.total,
+            "curPage": state.curPage,
+            "size": state.size,
+            "totalPages": state.totalPages,
+            "onChange": this.onPageChange,
+            "onPageSizeChange": this.onPageSizeChange,
+            "onPageRefresh": this.onPageRefresh,
+            "popperClass": "".concat(((_a = this.c.model.sysCss) == null ? void 0 : _a.cssName) || "default", "--popper")
+          }, null), this.c.model.enableCustomized && !hideHeader && vue.createVNode("div", {
+            "class": this.ns.b("setting-box")
+          }, [vue.createVNode(vue.resolveComponent("iBizGridSetting"), {
+            "columnStates": state.columnStates,
+            "controller": this.c
+          }, null)]), this.renderBatchToolBar()];
+        }
       })]
     });
   }

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

@@ -7,6 +7,9 @@ var core = require('@ibiz-template/core');
 require('./ibiz-mpicker.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMPicker",
   props: vue3Util.getDataPickerProps(),
@@ -14,6 +17,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("mpicker");
     const c = props.controller;
     const curValue = vue.ref([]);
@@ -23,6 +27,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     const loading = vue.ref(false);
     const isEditable = vue.ref(false);
     const editorRef = vue.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 = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -168,10 +175,8 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     };
     const onSelect = async (selects) => {
       setEditable(false);
-      if (selects.includes("empty")) {
-        resetCurValue();
-        return;
-      }
+      if (selects.includes("empty") || selects.some((selectKey) => selectKey.includes("DEUIACTION")))
+        return resetCurValue();
       const val = [];
       let value = null;
       const selections = selects.map((select) => {
@@ -304,45 +309,102 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         onSearch("");
       }
     });
-    const renderEmpty = () => {
-      if (items.value.length) {
-        return;
-      }
-      return vue.createVNode(vue.resolveComponent("el-option"), {
-        "value": "empty"
-      }, {
-        default: () => [vue.createVNode(vue.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 vue.createVNode(vue.resolveComponent("el-option"), {
+          "key": item.id,
+          "label": item.caption,
+          "value": "DEUIACTION-".concat(item.id),
+          "disabled": c.groupActionState[item.id].disabled,
+          "title": core.showTitle(isEllipsis ? item.tooltip : "")
+        }, {
+          default: () => vue.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 && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "class": ns.em("action-item", "icon"),
+            "icon": item.sysImage
+          }, null), vue.createVNode("span", {
+            "class": ns.em("action-item", "caption")
+          }, [item.showCaption ? item.caption : ""])])
+        });
       });
     };
+    const renderListItems = () => {
+      if (!items.value.length)
+        return [vue.createVNode(vue.resolveComponent("el-option"), {
+          "value": "empty"
+        }, {
+          default: () => [vue.createVNode(vue.resolveComponent("iBizNoData"), {
+            "class": ns.e("empty"),
+            "onClick": (event) => event.stopPropagation()
+          }, null)]
+        })];
+      return items.value.map((item) => {
+        return vue.createVNode(vue.resolveComponent("el-option"), {
+          "key": item[c.keyName],
+          "value": item[c.keyName],
+          "label": item[c.textName],
+          "title": core.showTitle(isEllipsis ? item[c.textName] : "")
+        }, {
+          default: () => {
+            var _a2;
+            if (c.acItemProvider) {
+              const component = vue.resolveComponent(c.acItemProvider.component);
+              return vue.h(component, {
+                item,
+                controller: c
+              });
+            }
+            const panel = (_a2 = c.deACMode) == null ? void 0 : _a2.itemLayoutPanel;
+            if (panel)
+              return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": c.context,
+                "params": c.params
+              }, null);
+            return vue.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 || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
-    const isEllipsis = overflowMode === "ellipsis";
+    let _slot;
     const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -363,38 +425,10 @@ const IBizMPicker = /* @__PURE__ */ vue.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 vue.createVNode(vue.resolveComponent("el-option"), {
-          "title": core.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 = vue.resolveComponent(this.c.acItemProvider.component);
-              return vue.h(component, {
-                item,
-                controller: this.c
-              });
-            }
-            const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
-            if (panel) {
-              return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-                "data": item,
-                "modelData": panel,
-                "context": this.c.context,
-                "params": this.c.params
-              }, null);
-            }
-            return vue.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 && vue.createVNode("div", {
       "class": this.ns.e("buns-position")
     }, [this.c.model.pickupAppViewId ? vue.createVNode("div", {

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--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-mpicker__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--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-mpicker__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-link)}.ibiz-mpicker__action-item--caption{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-mpicker__action-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-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-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}

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

@@ -14,6 +14,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("picker");
     const c = props.controller;
     const curValue = vue.ref("");
@@ -23,6 +24,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     const editorRef = vue.ref();
     const isLoaded = vue.ref(false);
     const isReverse = vue.ref(false);
+    const actionPostion = ((_a = c.model.editorParams) == null ? void 0 : _a.actionpostion) || "bottom";
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -126,14 +128,11 @@ const IBizPicker = /* @__PURE__ */ vue.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);
           }
         }
       }
@@ -141,16 +140,9 @@ const IBizPicker = /* @__PURE__ */ vue.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;
@@ -221,16 +213,21 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       });
     });
     const renderActionItem = (detail) => {
-      if (!c.groupActionState[detail.id].visible) {
+      if (!c.groupActionState[detail.id].visible)
         return;
-      }
       return vue.createVNode("div", {
+        "title": core.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": core.showTitle(detail.tooltip)
+        "onClick": (event) => {
+          if (!c.groupActionState[detail.id].disabled)
+            c.onActionClick(detail, props.data, event);
+        }
       }, [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": ns.em("action-item", "icon"),
         "icon": detail.sysImage
-      }, null), detail.showCaption ? detail.caption : ""]);
+      }, null), vue.createVNode("span", {
+        "class": ns.em("action-item", "caption")
+      }, [detail.showCaption ? detail.caption : ""])]);
     };
     const renderEmpty = () => {
       return vue.createVNode(vue.resolveComponent("iBizNoData"), {
@@ -241,25 +238,25 @@ const IBizPicker = /* @__PURE__ */ vue.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() {
@@ -356,21 +353,17 @@ const IBizPicker = /* @__PURE__ */ vue.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 ? vue.createVNode("ion-icon", {
           "onClick": this.openPickUpView,
           "name": "search"

package/lib/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}