@ibiz-template/vue3-components 0.7.1 → 0.7.2

package/lib/control/grid/grid/grid.cjs

@@ -140,7 +140,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = vue3Util.useControlController((...args) => new runtime.GridController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const {
@@ -218,6 +220,15 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.b("batch-toolbar-items")
       }, null)])]);
     };
+    const renderTableColumn = (model, index) => {
+      if (slots[model.id]) {
+        return vue.renderSlot(slots, model.id, {
+          model,
+          data: c.state.items
+        });
+      }
+      return renderChildColumn(c, model, renderColumns.value, index);
+    };
     vue.onUnmounted(() => {
       zIndex.decrement();
     });
@@ -227,6 +238,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       tableRef,
       tableData,
       renderColumns,
+      renderTableColumn,
       onDbRowClick,
       onRowClick,
       onSelectionChange,
@@ -284,7 +296,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
             "type": "selection",
             "width": "55"
           }, null), this.renderColumns.map((model, index) => {
-            return renderChildColumn(this.c, model, this.renderColumns, index);
+            return this.renderTableColumn(model, index);
           })];
         },
         append: () => {

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

@@ -60,7 +60,9 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = vue3Util.useControlController((...args) => new runtime.TreeGridController(...args));
     const ns = vue3Util.useNamespace("control-grid");
     const ns2 = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
@@ -162,6 +164,15 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.b("batch-toolbar-items")
       }, null)])]);
     };
+    const renderColumn = (model, index) => {
+      if (slots[model.id]) {
+        return vue.renderSlot(slots, model.id, {
+          model,
+          data: c.state.items
+        });
+      }
+      return grid.renderChildColumn(c, model, renderColumns.value, index);
+    };
     return {
       c,
       ns,
@@ -170,6 +181,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
       treeGirdData,
       tableData,
       renderColumns,
+      renderColumn,
       defaultSort,
       onDbRowClick,
       onRowClick,
@@ -229,7 +241,7 @@ const TreeGridControl = /* @__PURE__ */ vue.defineComponent({
             "type": "selection",
             "width": "55"
           }, null), state.isCreated && this.renderColumns.map((model, index) => {
-            return grid.renderChildColumn(this.c, model, this.renderColumns, index);
+            return this.renderColumn(model, index);
           })];
         },
         append: () => {

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

@@ -175,6 +175,12 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
   render() {
     const renderColumn = (model, index) => {
       var _a, _b;
+      if (this.$slots[model.id]) {
+        return vue.renderSlot(this.$slots, model.id, {
+          model,
+          data: this.c.state.items
+        });
+      }
       const {
         codeName: columnName,
         width

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -157,6 +157,8 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const overflowMode = ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = vue.createVNode(vue.resolveComponent("el-autocomplete"), vue.mergeProps({
       "class": this.ns.b("input"),
       "ref": "editorRef",
@@ -166,7 +168,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.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,
@@ -175,13 +177,15 @@ const IBizAutoComplete = /* @__PURE__ */ vue.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 vue.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/lib/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/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -281,6 +281,8 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
+    const overflowMode = ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -299,9 +301,11 @@ const IBizMPicker = /* @__PURE__ */ vue.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 vue.createVNode(vue.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/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -198,6 +198,8 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const 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;
@@ -214,7 +216,8 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
           this.onACSelect(item);
         }
       }, null) : vue.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);
         }
@@ -258,13 +261,14 @@ const IBizPicker = /* @__PURE__ */ vue.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/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: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/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -213,6 +213,8 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
+    const overflowMode = ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.readonly ? this.value : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "class": [this.ns.b("select")],
@@ -232,9 +234,11 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.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 vue.createVNode(vue.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/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -235,6 +235,8 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     let _slot;
+    const overflowMode = ibiz.config.pickerEditor.overflowMode;
+    const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.hasChildren ? vue.createVNode(vue.resolveComponent("el-tree-select"), vue.mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
@@ -250,6 +252,7 @@ const IBizDropdown = /* @__PURE__ */ vue.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,
@@ -257,7 +260,15 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       "props": {
         class: this.customNodeClass
       }
-    }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
+    }, this.$attrs), {
+      default: (node) => {
+        const data = node.data || {};
+        const label = data.label || "";
+        return vue.createVNode("span", {
+          "title": isEllipsis ? label : ""
+        }, [label]);
+      }
+    }) : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",
       "modelValue": this.curValue,
       "onUpdate:modelValue": ($event) => this.curValue = $event,
@@ -270,6 +281,7 @@ const IBizDropdown = /* @__PURE__ */ vue.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,
@@ -283,7 +295,8 @@ const IBizDropdown = /* @__PURE__ */ vue.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 vue.createVNode("div", {
@@ -293,7 +306,9 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
             }) : ""
           }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
             "icon": item.sysImage
-          }, null), item.text]);
+          }, null), vue.createVNode("span", {
+            "class": [isEllipsis && this.ns.be("select-option-content", "text")]
+          }, [item.text])]);
         }
       });
     })) ? _slot : {

package/lib/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/lib/index.cjs

@@ -3,9 +3,9 @@
 var index$1 = require('./common/index.cjs');
 require('./control/index.cjs');
 var index$V = require('./panel-component/index.cjs');
-var index$12 = require('./editor/index.cjs');
+var index$13 = require('./editor/index.cjs');
 require('./view/index.cjs');
-var index$15 = require('./view-engine/index.cjs');
+var index$16 = require('./view-engine/index.cjs');
 require('./util/index.cjs');
 var index = require('./locale/index.cjs');
 require('./web-app/index.cjs');
@@ -100,10 +100,11 @@ var splitContainer_controller = require('./panel-component/split-container/split
 var index$$ = require('./panel-component/split-container/index.cjs');
 var index$10 = require('./panel-component/panel-index-view-search/index.cjs');
 var index$11 = require('./panel-component/index-actions/index.cjs');
+var index$12 = require('./panel-component/user-action/index.cjs');
 var _404View = require('./view/404-view/404-view.cjs');
 var loginView = require('./view/login-view/login-view.cjs');
-var index$13 = require('./view/wf-step-trace-view/index.cjs');
-var index$14 = require('./view/sub-app-ref-view/index.cjs');
+var index$14 = require('./view/wf-step-trace-view/index.cjs');
+var index$15 = require('./view/sub-app-ref-view/index.cjs');
 var errorView = require('./view/error-view/error-view.cjs');
 var gridView_engine = require('./view-engine/grid-view.engine.cjs');
 var indexView_engine = require('./view-engine/index-view.engine.cjs');
@@ -122,14 +123,14 @@ var usePagination = require('./util/pagination/use-pagination.cjs');
 var noticeUtil = require('./util/notice-util/notice-util.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
-var index$16 = require('./web-app/router/index.cjs');
+var index$17 = require('./web-app/router/index.cjs');
 
 "use strict";
 
 exports.IBizCommonComponents = index$1.IBizCommonComponents;
 exports.IBizPanelComponents = index$V.IBizPanelComponents;
-exports.IBizEditor = index$12.IBizEditor;
-exports.IBizViewEngine = index$15.IBizViewEngine;
+exports.IBizEditor = index$13.IBizEditor;
+exports.IBizViewEngine = index$16.IBizViewEngine;
 exports.i18n = index.i18n;
 exports.DoingNotice = doingNotice.DoingNotice;
 exports.IBizCol = col.IBizCol;
@@ -225,10 +226,11 @@ exports.SplitContainerController = splitContainer_controller.SplitContainerContr
 exports.IBizSplitContainer = index$$.IBizSplitContainer;
 exports.IBizPanelIndexViewSearch = index$10.IBizPanelIndexViewSearch;
 exports.IBizIndexActions = index$11.IBizIndexActions;
+exports.IBizUserAction = index$12.IBizUserAction;
 exports.View404 = _404View.View404;
 exports.LoginView = loginView.LoginView;
-exports.IBizWFStepTraceView = index$13.IBizWFStepTraceView;
-exports.IBizSubAppRefView = index$14.IBizSubAppRefView;
+exports.IBizWFStepTraceView = index$14.IBizWFStepTraceView;
+exports.IBizSubAppRefView = index$15.IBizSubAppRefView;
 exports.ErrorView = errorView.ErrorView;
 exports.GridViewEngine = gridView_engine.GridViewEngine;
 exports.IndexViewEngine = indexView_engine.IndexViewEngine;
@@ -247,4 +249,4 @@ exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;
-exports.AppRouter = index$16.AppRouter;
+exports.AppRouter = index$17.AppRouter;

package/lib/panel-component/data-import/data-import-shell.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./data-import-shell.css');
+
+"use strict";
+const DataImportShell = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizDataImportShell",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(prop) {
+    const ns = vue3Util.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 vue.h(vue.resolveComponent(importComponentName), {
+      dismiss: this.onDismiss,
+      dataImport: deDataImport,
+      appDataEntity,
+      context: this.c.panel.context,
+      params: this.c.panel.params,
+      class: classNames
+    });
+  }
+});
+
+exports.DataImportShell = DataImportShell;

package/lib/panel-component/data-import/data-import.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@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 runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.DataImportProvider = DataImportProvider;

package/lib/panel-component/data-import/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var dataImportShell = require('./data-import-shell.cjs');
+var dataImport_provider = require('./data-import.provider.cjs');
+
+"use strict";
+const IBizDataImport = vue3Util.withInstall(dataImportShell.DataImportShell, function(v) {
+  v.component(dataImportShell.DataImportShell.name, dataImportShell.DataImportShell);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_DATA_IMPORT",
+    () => new dataImport_provider.DataImportProvider()
+  );
+});
+
+exports.IBizDataImport = IBizDataImport;
+exports.default = IBizDataImport;

package/lib/panel-component/index.cjs

@@ -5,25 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue3Util = require('@ibiz-template/vue3-util');
 var index = require('./auth-userinfo/index.cjs');
 var index$1 = require('./nav-pos-index/index.cjs');
-var index$8 = require('./nav-tabs/index.cjs');
+var index$9 = require('./nav-tabs/index.cjs');
 var index$2 = require('./panel-button/index.cjs');
 var index$3 = require('./panel-app-title/index.cjs');
-var index$9 = require('./panel-app-header/index.cjs');
-var index$a = require('./panel-view-header/index.cjs');
-var index$b = require('./panel-exp-header/index.cjs');
-var index$c = require('./panel-view-content/index.cjs');
+var index$a = require('./panel-app-header/index.cjs');
+var index$b = require('./panel-view-header/index.cjs');
+var index$c = require('./panel-exp-header/index.cjs');
+var index$d = require('./panel-view-content/index.cjs');
 var index$4 = require('./panel-tab-panel/index.cjs');
 var index$5 = require('./split-container/index.cjs');
 var index$6 = require('./panel-index-view-search/index.cjs');
-var index$d = require('./panel-app-login-view/index.cjs');
-var index$e = require('./panel-remember-me/index.cjs');
+var index$e = require('./panel-app-login-view/index.cjs');
+var index$f = require('./panel-remember-me/index.cjs');
 var index$7 = require('./index-actions/index.cjs');
-var index$f = require('./user-message/index.cjs');
-var index$g = require('./searchform-buttons/index.cjs');
-var index$h = require('./view-message/index.cjs');
-var index$i = require('./panel-static-carousel/index.cjs');
-var index$j = require('./coop-pos/index.cjs');
-var index$k = require('./view-msg-pos/index.cjs');
+var index$g = require('./user-message/index.cjs');
+var index$h = require('./searchform-buttons/index.cjs');
+var index$i = require('./view-message/index.cjs');
+var index$j = require('./panel-static-carousel/index.cjs');
+var index$k = require('./coop-pos/index.cjs');
+var index$l = require('./view-msg-pos/index.cjs');
+var index$8 = require('./user-action/index.cjs');
+var index$m = require('./data-import/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -38,37 +40,39 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizScrollContainer);
     v.use(index.IBizAuthUserinfo);
     v.use(index$1.IBizNavPosIndex);
-    v.use(index$8.IBizNavTabs);
+    v.use(index$9.IBizNavTabs);
     v.use(index$2.IBizPanelButton);
     v.use(vue3Util.IBizNavPos);
     v.use(index$3.IBizPanelAppTitle);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
     v.use(vue3Util.IBizPanelField);
-    v.use(index$9.IBizPanelAppHeader);
-    v.use(index$a.IBizPanelViewHeader);
-    v.use(index$b.IBizPanelExpHeader);
+    v.use(index$a.IBizPanelAppHeader);
+    v.use(index$b.IBizPanelViewHeader);
+    v.use(index$c.IBizPanelExpHeader);
     v.use(vue3Util.IBizPanelRawItem);
-    v.use(index$c.IBizPanelViewContent);
+    v.use(index$d.IBizPanelViewContent);
     v.use(vue3Util.IBizGridContainer);
     v.use(index$4.IBizPanelTabPanel);
     v.use(vue3Util.IBizPanelTabPage);
     v.use(index$5.IBizSplitContainer);
     v.use(index$6.IBizPanelIndexViewSearch);
-    v.use(index$d.IBizPanelAppLoginView);
-    v.use(index$e.IBizPanelRememberMe);
+    v.use(index$e.IBizPanelAppLoginView);
+    v.use(index$f.IBizPanelRememberMe);
     v.use(index$7.IBizIndexActions);
     v.use(vue3Util.IBizPanelContainerGroup);
-    v.use(index$f.IBizUserMessage);
+    v.use(index$g.IBizUserMessage);
     v.use(vue3Util.IBizPanelContainerImage);
-    v.use(index$g.IBizSearchFormButtons);
+    v.use(index$h.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
-    v.use(index$h.IBizViewMessage);
-    v.use(index$i.IBizPanelStaticCarousel);
+    v.use(index$i.IBizViewMessage);
+    v.use(index$j.IBizPanelStaticCarousel);
     v.use(vue3Util.IBizTeleportPlaceholder);
     v.use(vue3Util.IBizPanelContainerTabs);
-    v.use(index$j.IBizCoopPos);
-    v.use(index$k.IBizViewMsgPos);
+    v.use(index$k.IBizCoopPos);
+    v.use(index$l.IBizViewMsgPos);
+    v.use(index$8.IBizUserAction);
+    v.use(index$m.IBizDataImport);
   }
 };
 
@@ -80,6 +84,7 @@ exports.IBizPanelTabPanel = index$4.IBizPanelTabPanel;
 exports.IBizSplitContainer = index$5.IBizSplitContainer;
 exports.IBizPanelIndexViewSearch = index$6.IBizPanelIndexViewSearch;
 exports.IBizIndexActions = index$7.IBizIndexActions;
+exports.IBizUserAction = index$8.IBizUserAction;
 exports.NavPosIndexState = navPosIndex_state.NavPosIndexState;
 exports.NavPosIndexController = navPosIndex_controller.NavPosIndexController;
 exports.PanelButtonController = panelButton_controller.PanelButtonController;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.cjs

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

package/lib/panel-component/user-action/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var userAction = require('./user-action.cjs');
+var userActionProvider = require('./user-action-provider.cjs');
+
+"use strict";
+const IBizUserAction = vue3Util.withInstall(userAction.UserAction, function(v) {
+  v.component(userAction.UserAction.name, userAction.UserAction);
+  runtime.registerPanelItemProvider("RAWITEM_SETTING", () => new userActionProvider.UserActionProvider());
+  runtime.registerPanelItemProvider("RAWITEM_HELPER", () => new userActionProvider.UserActionProvider());
+  runtime.registerPanelItemProvider("RAWITEM_CUSTOM", () => new userActionProvider.UserActionProvider());
+});
+
+exports.IBizUserAction = IBizUserAction;
+exports.default = IBizUserAction;

package/lib/panel-component/user-action/user-action-provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@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 runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.UserActionProvider = UserActionProvider;