@ibiz-template/vue3-components 0.7.1 → 0.7.3

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.css

@@ -1 +1 @@
-.ibiz-autocomplete{width:100%}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--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-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-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-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}
+.ibiz-autocomplete{width:100%}.ibiz-autocomplete__transfer-item.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete--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-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-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-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -155,6 +155,8 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = createVNode(resolveComponent("el-autocomplete"), mergeProps({
       "class": this.ns.b("input"),
       "ref": "editorRef",
@@ -164,7 +166,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       "placeholder": this.c.placeHolder,
       "placement": "bottom",
       "clearable": this.autoCompleteClearable,
-      "popper-class": this.ns.e("transfer"),
+      "popper-class": [this.ns.e("transfer")],
       "teleported": !this.showFormDefaultContent,
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
@@ -173,13 +175,15 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       "onInput": this.handleInput,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
-      "onKeyup": this.handleKeyUp
+      "onKeyup": this.handleKeyUp,
+      "fit-input-width": isEllipsis
     }, this.$attrs), {
       default: ({
         item
       }) => {
         return createVNode("div", {
-          "class": this.ns.e("transfer-item")
+          "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
+          "title": isEllipsis ? item[this.c.textName] : ""
         }, [item[this.c.textName]]);
       },
       suffix: () => {

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

@@ -279,6 +279,8 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
   },
   render() {
     let _slot;
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = [!this.readonly && createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -297,9 +299,11 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
-      "onKeyup": this.handleKeyUp
+      "onKeyup": this.handleKeyUp,
+      "fit-input-width": isEllipsis
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
+        "title": isEllipsis ? item[this.c.textName] : "",
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]

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:5px;cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:32px;height:32px;padding:0 6px;font-size:16px}.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-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:5px;cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:32px;height:32px;padding:0 6px;font-size:16px}.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-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.mjs

@@ -196,6 +196,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const itemContent = (item) => {
       var _a;
       const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
@@ -212,7 +214,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
           this.onACSelect(item);
         }
       }, null) : createVNode("div", {
-        "class": this.ns.e("transfer-item"),
+        "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
+        "title": isEllipsis ? item[this.c.textName] : "",
         "onClick": () => {
           this.onACSelect(item);
         }
@@ -256,13 +259,14 @@ 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")],
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
-      "disabled": this.disabled
+      "disabled": this.disabled,
+      "fit-input-width": isEllipsis
     }, this.$attrs), {
       default: ({
         item

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

@@ -211,6 +211,8 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
   },
   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({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -230,9 +232,11 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp,
-      "onClick": this.onClick
+      "onClick": this.onClick,
+      "fit-input-width": isEllipsis
     }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
+        "title": isEllipsis ? item[this.c.textName] : "",
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],
         "label": item[this.c.textName]

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;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-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;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-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -233,6 +233,8 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
   },
   render() {
     let _slot;
+    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.hasChildren ? createVNode(resolveComponent("el-tree-select"), mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
@@ -248,6 +250,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "disabled": this.disabled,
       "loading": this.isLoading,
+      "fit-input-width": isEllipsis,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
@@ -255,7 +258,15 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "props": {
         class: this.customNodeClass
       }
-    }, this.$attrs), null) : createVNode(resolveComponent("el-select"), mergeProps({
+    }, this.$attrs), {
+      default: (node) => {
+        const data = node.data || {};
+        const label = data.label || "";
+        return createVNode("span", {
+          "title": isEllipsis ? label : ""
+        }, [label]);
+      }
+    }) : createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -268,6 +279,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "disabled": this.disabled,
       "loading": this.isLoading,
+      "fit-input-width": isEllipsis,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
       "onKeyup": this.handleKeyUp,
@@ -281,7 +293,8 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         "style": item.bkcolor ? this.ns.cssVarBlock({
           "select-option-item-bkcolor": "".concat(item.bkcolor)
         }) : "",
-        "class": [item.cls ? item.cls : null]
+        "class": [item.cls ? item.cls : null],
+        "title": isEllipsis ? item.text : ""
       }, {
         default: () => {
           return createVNode("div", {
@@ -291,7 +304,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
             }) : ""
           }, [item.sysImage && createVNode(resolveComponent("iBizIcon"), {
             "icon": item.sysImage
-          }, null), item.text]);
+          }, null), createVNode("span", {
+            "class": [isEllipsis && this.ns.be("select-option-content", "text")]
+          }, [item.text])]);
         }
       });
     })) ? _slot : {

package/es/editor/text-box/input/input.d.ts

@@ -26,7 +26,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     c: TextBoxEditorController;
     ns: import("@ibiz-template/core").Namespace;
     rows: import("vue").Ref<number>;
-    type: import("vue").ComputedRef<"string" | "text" | "password" | "textarea">;
+    type: import("vue").ComputedRef<"string" | "text" | "textarea" | "password">;
     currentVal: import("vue").Ref<string>;
     readonlyText: import("vue").ComputedRef<string>;
     handleChange: (val: string | number) => void;

package/es/editor/text-box/input/input.mjs

@@ -283,7 +283,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         width: editorWidth ? "".concat(editorWidth, "px") : "",
         height: editorHeight ? "".concat(editorHeight, "px") : ""
       }
-    }, [this.showFormDefaultContent && formDefaultContent, content, this.c.chatCompletion ? createVNode("div", {
+    }, [this.showFormDefaultContent && formDefaultContent, this.type === "password" && this.shouldAutoComplete === "new-password" ? createVNode("input", {
+      "type": "text",
+      "style": "opacity: 0;position:absolute;width:0;height:0;"
+    }, null) : null, content, this.c.chatCompletion ? createVNode("div", {
       "class": this.ns.e("ai-chat"),
       "onClick": this.onClick
     }, [createVNode("ion-icon", {

package/es/index.mjs

@@ -98,6 +98,7 @@ export { SplitContainerController } from './panel-component/split-container/spli
 export { IBizSplitContainer } from './panel-component/split-container/index.mjs';
 export { IBizPanelIndexViewSearch } from './panel-component/panel-index-view-search/index.mjs';
 export { IBizIndexActions } from './panel-component/index-actions/index.mjs';
+export { IBizUserAction } from './panel-component/user-action/index.mjs';
 export { View404 } from './view/404-view/404-view.mjs';
 export { LoginView } from './view/login-view/login-view.mjs';
 export { IBizWFStepTraceView } from './view/wf-step-trace-view/index.mjs';

package/es/panel-component/data-import/data-import-shell.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './data-import-shell.scss';
+export declare const DataImportShell: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    onDismiss: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/data-import/data-import-shell.mjs

@@ -0,0 +1,49 @@
+import { resolveComponent, h, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './data-import-shell.css';
+
+"use strict";
+const DataImportShell = /* @__PURE__ */ defineComponent({
+  name: "IBizDataImportShell",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(prop) {
+    const ns = useNamespace("data-import-shell");
+    const c = prop.controller;
+    const onDismiss = () => {
+      c.panel.view.closeView();
+    };
+    return {
+      ns,
+      c,
+      onDismiss
+    };
+  },
+  render() {
+    const {
+      deDataImport,
+      appDataEntity
+    } = this.c.panel.view.state;
+    const classNames = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass];
+    const importComponentName = deDataImport.enableCustomized ? "DataImport2" : "DataImport";
+    return h(resolveComponent(importComponentName), {
+      dismiss: this.onDismiss,
+      dataImport: deDataImport,
+      appDataEntity,
+      context: this.c.panel.context,
+      params: this.c.panel.params,
+      class: classNames
+    });
+  }
+});
+
+export { DataImportShell };

package/es/panel-component/data-import/data-import.provider.d.ts

@@ -0,0 +1,15 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+/**
+ * 用户信息适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class DataImportProvider
+ * @implements {EditorProvider}
+ */
+export declare class DataImportProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/data-import/data-import.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class DataImportProvider {
+  constructor() {
+    __publicField(this, "component", "IBizDataImportShell");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { DataImportProvider };

package/es/panel-component/data-import/index.d.ts

@@ -0,0 +1,24 @@
+export declare const IBizDataImport: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    onDismiss: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizDataImport;

package/es/panel-component/data-import/index.mjs

@@ -0,0 +1,15 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { DataImportShell } from './data-import-shell.mjs';
+import { DataImportProvider } from './data-import.provider.mjs';
+
+"use strict";
+const IBizDataImport = withInstall(DataImportShell, function(v) {
+  v.component(DataImportShell.name, DataImportShell);
+  registerPanelItemProvider(
+    "RAWITEM_DATA_IMPORT",
+    () => new DataImportProvider()
+  );
+});
+
+export { IBizDataImport, IBizDataImport as default };

package/es/panel-component/index.d.ts

@@ -7,6 +7,7 @@ export * from './panel-tab-panel';
 export * from './split-container';
 export * from './panel-index-view-search';
 export * from './index-actions';
+export * from './user-action';
 export declare const IBizPanelComponents: {
     install: (v: App) => void;
 };

package/es/panel-component/index.mjs

@@ -20,6 +20,8 @@ import { IBizViewMessage } from './view-message/index.mjs';
 import { IBizPanelStaticCarousel } from './panel-static-carousel/index.mjs';
 import { IBizCoopPos } from './coop-pos/index.mjs';
 import { IBizViewMsgPos } from './view-msg-pos/index.mjs';
+import { IBizUserAction } from './user-action/index.mjs';
+import { IBizDataImport } from './data-import/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -65,7 +67,9 @@ const IBizPanelComponents = {
     v.use(IBizPanelContainerTabs);
     v.use(IBizCoopPos);
     v.use(IBizViewMsgPos);
+    v.use(IBizUserAction);
+    v.use(IBizDataImport);
   }
 };
 
-export { IBizAuthUserinfo, IBizIndexActions, IBizNavPosIndex, IBizPanelAppTitle, IBizPanelButton, IBizPanelComponents, IBizPanelIndexViewSearch, IBizPanelTabPanel, IBizSplitContainer, IBizPanelComponents as default };
+export { IBizAuthUserinfo, IBizIndexActions, IBizNavPosIndex, IBizPanelAppTitle, IBizPanelButton, IBizPanelComponents, IBizPanelIndexViewSearch, IBizPanelTabPanel, IBizSplitContainer, IBizUserAction, IBizPanelComponents as default };

package/es/panel-component/panel-index-view-search/panel-index-view-search.mjs

@@ -91,7 +91,6 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("search"),
       "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
       "onInput": this.onInput,
-      "onChange": this.onSearch,
       "onKeyup": this.onEnter
     }, {
       prefix: () => {

package/es/panel-component/user-action/index.d.ts

@@ -0,0 +1,25 @@
+export declare const IBizUserAction: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    onClick: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizUserAction;

package/es/panel-component/user-action/index.mjs

@@ -0,0 +1,14 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { UserAction } from './user-action.mjs';
+import { UserActionProvider } from './user-action-provider.mjs';
+
+"use strict";
+const IBizUserAction = withInstall(UserAction, function(v) {
+  v.component(UserAction.name, UserAction);
+  registerPanelItemProvider("RAWITEM_SETTING", () => new UserActionProvider());
+  registerPanelItemProvider("RAWITEM_HELPER", () => new UserActionProvider());
+  registerPanelItemProvider("RAWITEM_CUSTOM", () => new UserActionProvider());
+});
+
+export { IBizUserAction, IBizUserAction as default };

package/es/panel-component/user-action/user-action-provider.d.ts

@@ -0,0 +1,6 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+export declare class UserActionProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/user-action/user-action-provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class UserActionProvider {
+  constructor() {
+    __publicField(this, "component", "IBizUserAction");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { UserActionProvider };

package/es/panel-component/user-action/user-action.css

@@ -0,0 +1 @@
+.ibiz-user-action{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-action__image{display:flex;place-items:center center;justify-content:center;width:28px;height:28px;margin-bottom:6px;cursor:pointer}

package/es/panel-component/user-action/user-action.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+import './user-action.scss';
+export declare const UserAction: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    onClick: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/user-action/user-action.mjs

@@ -0,0 +1,74 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { AppFuncCommand } from '@ibiz-template/runtime';
+import './user-action.css';
+
+"use strict";
+const UserAction = /* @__PURE__ */ defineComponent({
+  name: "IBizUserAction",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("user-action");
+    const c = props.controller;
+    const imgConfig = {
+      SETTING: {
+        imagePath: "svg/setting.svg"
+      },
+      HELPER: {
+        imagePath: "svg/helper.svg"
+      },
+      CUSTOM: {
+        imagePath: "svg/custom-workbench.svg"
+      }
+    };
+    let sysImage = props.modelData.sysImage;
+    if (!sysImage && props.modelData && props.modelData.rawItem) {
+      const predefinedType = props.modelData.rawItem.predefinedType;
+      if (predefinedType) {
+        sysImage = imgConfig[predefinedType];
+      }
+    }
+    const onClick = async () => {
+      const id = props.modelData.id;
+      const menuC = c.panel.view.getController("appmenu");
+      if (menuC) {
+        const targetMenu = menuC.allAppMenuItems.find((item) => {
+          return item.id === id;
+        });
+        if (targetMenu) {
+          const tempContext = c.panel.context.clone();
+          const tempParam = c.panel.params;
+          tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
+          await ibiz.commands.execute(AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {});
+        }
+      }
+    };
+    return {
+      ns,
+      c,
+      sysImage,
+      onClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.onClick,
+      "title": this.modelData.caption
+    }, [createVNode(resolveComponent("i-biz-icon"), {
+      "class": [this.ns.e("image")],
+      "icon": this.sysImage
+    }, null)]);
+  }
+});
+
+export { UserAction };