npm - @ibiz-template/vue3-components - Versions diffs - 0.7.38-alpha.43 → 0.7.39 - Mend

@ibiz-template/vue3-components 0.7.38-alpha.43 → 0.7.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (790) hide show

package/es/editor/color-picker/ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.d.ts CHANGED Viewed

@@ -24,6 +24,23 @@ export declare const IBizColorMPickerCustom: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultVal: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     tabs: IData[];
@@ -58,9 +75,27 @@ export declare const IBizColorMPickerCustom: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultVal: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;
+    defaultVal: string[];
 }, {}>;

package/es/editor/color-picker/ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createVNode, resolveComponent, watch } from 'vue';
+import { ref, resolveComponent, createVNode, watch, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-color-mpicker-custom.css';
@@ -16,6 +16,10 @@ const IBizColorMPickerCustom = /* @__PURE__ */ defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    defaultVal: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["change"],
@@ -56,6 +60,14 @@ const IBizColorMPickerCustom = /* @__PURE__ */ defineComponent({
       items.value.push("#FFFFFF");
       emit("change", [...items.value]);
     };
+    const onRemove = (index) => {
+      items.value.splice(index, 1);
+      if (items.value.length) {
+        emit("change", [...items.value]);
+      } else {
+        emit("change", null);
+      }
+    };
     const onBlur = () => {
       if (curSelect.value === "select") {
         emit("change", items.value);
@@ -77,13 +89,16 @@ const IBizColorMPickerCustom = /* @__PURE__ */ defineComponent({
           "disabled": props.disabled || props.readonly,
           "predefine": predefineColors.value,
           "onChange": (value) => onColorChange(index, value)
+        }, null), createVNode("ion-icon", {
+          "name": "close-circle-outline",
+          "onClick": () => onRemove(index)
         }, null)]);
       });
     };
     watch(() => props.value, () => {
       if (!props.value || props.value.length === 0) {
         colorStr.value = "";
-        items.value = [];
+        items.value = props.defaultVal || [];
       } else {
         items.value = props.value;
         colorStr.value = items.value.toString();
@@ -125,14 +140,14 @@ const IBizColorMPickerCustom = /* @__PURE__ */ defineComponent({
       "title": ibiz.i18n.t("editor.colorPicker.add")
     }, [createVNode("ion-icon", {
       "name": "add-outline"
-    }, null)])]) : createVNode("div", null, [createVNode(resolveComponent("el-input"), {
+    }, null)])]) : createVNode(resolveComponent("el-input"), {
       "type": "textarea",
       "modelValue": this.colorStr,
       "onUpdate:modelValue": ($event) => this.colorStr = $event,
       "disabled": this.disabled,
       "readonly": this.readonly,
       "onBlur": this.onBlur
-    }, null)])])]);
+    }, null)])]);
   }
 });

package/es/editor/color-picker/ibiz-color-mpicker-default/ibiz-color-mpicker-default.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-color-mpicker-default.css';

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts CHANGED Viewed

@@ -41,13 +41,9 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     onChange: (value: string | string[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined) => boolean;
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
     focus: (_event?: IData | undefined) => boolean;
-    /**
-     *  配置示例：
-     *    CUSTOMCOLORLIST = [{"text":"颜色名字","value":["#123123","#111222","#333322","#11ff33"]}]
-     */
     enter: (_event?: IData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -75,9 +71,9 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
 import { getColorPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-color-picker.css';
 import { IBizColorMPickerCustom } from '../ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.mjs';
@@ -101,7 +101,8 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
           "value": this.currentVal || [],
           "onChange": this.onChange,
           "readonly": this.readonly,
-          "disabled": this.disabled
+          "disabled": this.disabled,
+          "defaultVal": this.controller.defaultVal
         }, null);
       }
       return createVNode(IBizColorMPickerDefault, {

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ibiz-mpicker{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-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}
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}

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts CHANGED Viewed

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

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

@@ -1,13 +1,10 @@
-import { isVNode, defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent, mergeProps, h } from 'vue';
+import { ref, computed, watch, onMounted, resolveComponent, createVNode, mergeProps, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';
 import { showTitle } from '@ibiz-template/core';
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const IBizMPicker = /* @__PURE__ */ defineComponent({
   name: "IBizMPicker",
   props: getDataPickerProps(),
@@ -30,12 +27,12 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    watch(() => props.value, (newVal) => {
+    const resetCurValue = () => {
       curValue.value = [];
       selectItems.value = [];
-      if (newVal) {
+      if (props.value) {
         if (c.model.valueType === "OBJECTS") {
-          newVal.forEach((item) => {
+          props.value.forEach((item) => {
             const _item = clone(item);
             Object.assign(_item, {
               [c.keyName]: item[c.objectIdField],
@@ -52,7 +49,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
             }
           });
         } else if (c.objectIdField && c.model.valueSeparator) {
-          const values = newVal.split(c.model.valueSeparator);
+          const values = props.value.split(c.model.valueSeparator);
           values.forEach((value) => {
             selectItems.value.push({
               [c.keyName]: value
@@ -60,9 +57,9 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
           });
         } else {
           try {
-            selectItems.value = JSON.parse(newVal);
+            selectItems.value = JSON.parse(props.value);
           } catch (error) {
-            ibiz.log.error("SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F".concat(newVal, "\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"));
+            ibiz.log.error("SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F".concat(props.value, "\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"));
           }
         }
         selectItems.value.forEach((item) => {
@@ -76,6 +73,9 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
           }
         });
       }
+    };
+    watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true,
       deep: true
@@ -145,41 +145,43 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       }
     };
     const onSelect = (selects) => {
+      setEditable(false);
+      if (selects.includes("empty")) {
+        resetCurValue();
+        return;
+      }
       const val = [];
       let value = null;
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
-          let item = {};
+      selects.forEach((select) => {
+        let index = items.value.findIndex((item2) => Object.is(item2[c.keyName], select));
+        let item = {};
+        if (index >= 0) {
+          item = items.value[index];
+        } else {
+          index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
           if (index >= 0) {
-            item = items.value[index];
-          } else {
-            index = selectItems.value.findIndex((selectItem) => Object.is(selectItem[c.keyName], select));
-            if (index >= 0) {
-              item = selectItems.value[index];
-            }
-          }
-          if (c.model.valueType === "OBJECTS") {
-            val.push(c.handleObjectParams(item));
-          } else if (c.objectIdField) {
-            val.push(item[c.keyName]);
-          } else {
-            val.push({
-              [c.keyName]: item[c.keyName],
-              [c.textName]: item[c.textName]
-            });
-          }
-        });
-        if (val.length > 0) {
-          if (c.model.valueType === "OBJECTS") {
-            value = val;
-          } else {
-            value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+            item = selectItems.value[index];
           }
         }
-        emit("change", value);
+        if (c.model.valueType === "OBJECTS") {
+          val.push(c.handleObjectParams(item));
+        } else if (c.objectIdField) {
+          val.push(item[c.keyName]);
+        } else {
+          val.push({
+            [c.keyName]: item[c.keyName],
+            [c.textName]: item[c.textName]
+          });
+        }
+      });
+      if (val.length > 0) {
+        if (c.model.valueType === "OBJECTS") {
+          value = val;
+        } else {
+          value = c.objectIdField ? val.join(c.model.valueSeparator) : JSON.stringify(val);
+        }
       }
-      setEditable(false);
+      emit("change", value);
     };
     const onRemove = (tag) => {
       const index = selectItems.value.findIndex((item) => Object.is(item[c.keyName], tag));
@@ -261,6 +263,19 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         onSearch("");
       }
     });
+    const renderEmpty = () => {
+      if (items.value.length) {
+        return;
+      }
+      return createVNode(resolveComponent("el-option"), {
+        "value": "empty"
+      }, {
+        default: () => [createVNode(resolveComponent("iBizNoData"), {
+          "class": ns.e("empty"),
+          "onClick": (event) => event.stopPropagation()
+        }, null)]
+      });
+    };
     return {
       ns,
       c,
@@ -280,11 +295,11 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       editorRef,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      renderEmpty
     };
   },
   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({
@@ -295,6 +310,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "filterable": true,
       "remote": true,
       "multiple": true,
+      "popper-class": [this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
       "teleported": !this.showFormDefaultContent,
       "loading": this.loading,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
@@ -308,36 +324,36 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       "onKeyup": this.handleKeyUp,
       "fit-input-width": isEllipsis,
       "remote-show-suffix": this.c.model.showTrigger
-    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
-      return createVNode(resolveComponent("el-option"), {
-        "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
-        "key": item[this.c.keyName],
-        "value": item[this.c.keyName],
-        "label": item[this.c.textName]
-      }, {
-        default: () => {
-          var _a;
-          if (this.c.acItemProvider) {
-            const component = resolveComponent(this.c.acItemProvider.component);
-            return h(component, {
-              item,
-              controller: this.c
-            });
-          }
-          const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
-          if (panel) {
-            return createVNode(resolveComponent("iBizControlShell"), {
-              "data": item,
-              "modelData": panel,
-              "context": this.c.context,
-              "params": this.c.params
-            }, null);
+    }, this.$attrs), {
+      default: () => [this.items.map((item) => {
+        return createVNode(resolveComponent("el-option"), {
+          "title": showTitle(isEllipsis ? item[this.c.textName] : ""),
+          "key": item[this.c.keyName],
+          "value": item[this.c.keyName],
+          "label": item[this.c.textName]
+        }, {
+          default: () => {
+            var _a;
+            if (this.c.acItemProvider) {
+              const component = resolveComponent(this.c.acItemProvider.component);
+              return h(component, {
+                item,
+                controller: this.c
+              });
+            }
+            const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
+            if (panel) {
+              return createVNode(resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": this.c.context,
+                "params": this.c.params
+              }, null);
+            }
+            return createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
           }
-          return createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
-        }
-      });
-    })) ? _slot : {
-      default: () => [_slot]
+        });
+      }), this.renderEmpty()]
     }), !this.readonly && createVNode("div", {
       "class": this.ns.e("buns-position")
     }, [this.c.model.pickupAppViewId ? createVNode("div", {
@@ -355,7 +371,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       return createVNode("span", {
         "class": this.ns.b("content-item")
       }, [item[this.c.textName]]);
-    }) : "-"]);
+    }) : ibiz.config.common.emptyText]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/es/editor/data-picker/ibiz-picker/ibiz-picker.css CHANGED Viewed

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

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

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