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

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 import './ibiz-autocomplete.scss';
+import { IAppDEUIActionGroupDetail } from '@ibiz/model-core';
 import { AutoCompleteEditorController } from '../autocomplete-editor.controller';
 export declare const IBizAutoComplete: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -40,10 +41,13 @@ export declare const IBizAutoComplete: import("vue").DefineComponent<{
     handleKeyUp: (e: KeyboardEvent) => void;
     editorRef: Ref<any>;
     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,7 +77,7 @@ export declare const IBizAutoComplete: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

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

@@ -21,6 +21,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     const isEditable = ref(false);
     const editorRef = ref();
     const isSearched = ref(false);
+    const isReverse = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -52,7 +53,14 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
           items.value = res.data;
           isSearched.value = true;
           if (cb && cb instanceof Function) {
-            cb(items.value);
+            if (items.value.length) {
+              cb([...items.value, ...c.actionDetails]);
+            } else {
+              const empty = {
+                srftype: "empty"
+              };
+              cb([empty, ...c.actionDetails]);
+            }
           }
         }
       }
@@ -92,10 +100,29 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       }
       emit("change", data[c.keyName]);
     };
+    const resetValue = () => {
+      if (!items.value.length) {
+        onSearch("");
+      } else {
+        const index = items.value.findIndex((item) => Object.is(item[c.keyName], props.value));
+        if (index !== -1) {
+          curValue.value = items.value[index][c.textName];
+        }
+      }
+    };
     const onACSelect = async (item) => {
-      await handleDataSelect(item);
       isShowAll.value = true;
       setEditable(false);
+      if (item.srftype === "empty") {
+        resetValue();
+        return;
+      }
+      if (item.detailType === "DEUIACTION") {
+        c.onActionClick(item, props.data);
+        resetValue();
+      } else {
+        await handleDataSelect(item);
+      }
     };
     const onClear = () => {
       const dataItems = c.dataItems;
@@ -107,10 +134,12 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       emit("change", null);
     };
     const onFocus = (e) => {
+      isReverse.value = true;
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
+      isReverse.value = false;
       emit("blur", e);
       setEditable(false);
     };
@@ -142,6 +171,24 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         emit("enter", e);
       }
     };
+    const renderActionItem = (detail) => {
+      if (!c.groupActionState[detail.id].visible) {
+        return;
+      }
+      return createVNode("div", {
+        "class": [ns.e("action-item"), ns.is("disabled", c.groupActionState[detail.id].disabled)],
+        "onClick": (event) => c.onActionClick(detail, props.data, event),
+        "title": showTitle(detail.tooltip)
+      }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": detail.sysImage
+      }, null), detail.showCaption ? detail.caption : ""]);
+    };
+    const renderEmpty = () => {
+      return createVNode(resolveComponent("iBizNoData"), {
+        "class": ns.e("empty"),
+        "onClick": (event) => event.stopPropagation()
+      }, null);
+    };
     return {
       ns,
       c,
@@ -159,13 +206,22 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       handleKeyUp,
       editorRef,
       isEditable,
+      isReverse,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      renderActionItem,
+      renderEmpty
     };
   },
   render() {
+    var _a;
     const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
+    const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
+    const {
+      context,
+      params
+    } = this.c;
     const editContent = createVNode(resolveComponent("el-autocomplete"), mergeProps({
       "class": this.ns.b("input"),
       "ref": "editorRef",
@@ -175,7 +231,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"), this.ns.is("empty", !this.items.length)],
       "teleported": !this.showFormDefaultContent,
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
@@ -190,6 +246,12 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       default: ({
         item
       }) => {
+        if (item.srftype === "empty") {
+          return this.renderEmpty();
+        }
+        if (item.detailType === "DEUIACTION") {
+          return this.renderActionItem(item);
+        }
         if (this.c.acItemProvider) {
           const component = resolveComponent(this.c.acItemProvider.component);
           return h(component, {
@@ -197,12 +259,31 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
             controller: this.c
           });
         }
+        const className = [this.ns.is("ellipsis", isEllipsis), this.ns.e("transfer-item")];
+        if (panel) {
+          return createVNode(resolveComponent("iBizControlShell"), {
+            "data": item,
+            "class": className,
+            "modelData": panel,
+            "context": context,
+            "params": params,
+            "onClick": () => {
+              this.onACSelect(item);
+            }
+          }, null);
+        }
         return createVNode("div", {
-          "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
+          "class": className,
           "title": showTitle(isEllipsis ? item[this.c.textName] : "")
         }, [item[this.c.textName]]);
       },
       suffix: () => {
+        if (this.controller.model.showTrigger) {
+          return createVNode("ion-icon", {
+            "name": "chevron-down-outline",
+            "class": [this.ns.e("suffix"), this.ns.is("reverse", this.isReverse)]
+          }, null);
+        }
       }
     });
     const readonlyContent = createVNode("div", {
@@ -210,7 +291,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     }, [this.curValue]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.curValue : "-"]);
+    }, [this.curValue ? this.curValue : 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/carousel/ibiz-carousel/ibiz-carousel.d.ts

@@ -36,7 +36,7 @@ export declare const IBizCarousel: import("vue").DefineComponent<{
     isAuto: Ref<boolean>;
     timeSpan: Ref<number>;
 }, 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;
@@ -66,7 +66,7 @@ export declare const IBizCarousel: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts

@@ -56,7 +56,7 @@ export declare const IBizCascader: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     handleKeyUp: (e: KeyboardEvent) => 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;
     enter: (_event?: IData | undefined) => boolean;
@@ -86,7 +86,7 @@ export declare const IBizCascader: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

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

@@ -459,7 +459,7 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.valueText ? this.valueText : "-"]);
+    }, [this.valueText ? this.valueText : 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)],
       "onKeyup": this.handleKeyUp

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -29,7 +29,7 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, 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;
@@ -59,7 +59,7 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -1,5 +1,5 @@
-import './ibiz-checkbox-list.scss';
 import { CheckBoxListEditorController } from '../checkbox-list-editor.controller';
+import './ibiz-checkbox-list.scss';
 export declare const IBizCheckboxList: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxListEditorController>, undefined, undefined>;
@@ -65,7 +65,7 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
     onSelectArrayChange: (value: Array<string | number>) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, 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;
@@ -95,7 +95,7 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -1,8 +1,8 @@
 import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getCheckboxListProps, getEditorEmits, useNamespace, useCodeListListen, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
-import './ibiz-checkbox-list.css';
 import { useCalcOrMode, useCodeListSelection } from '@ibiz-template/runtime';
+import './ibiz-checkbox-list.css';
 
 "use strict";
 function _isSlot(s) {
@@ -41,9 +41,8 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
     });
     const calcOrMode = useCalcOrMode(currentMode.value, c.model.valueType);
     const fn = (data) => {
-      if (data) {
+      if (data)
         items.value = c.handleCodeListAllItems(data);
-      }
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     let valueSeparator = ",";

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -40,7 +40,7 @@ export declare const IBizCode: import("vue").DefineComponent<{
     renderCodeContent: () => JSX.Element;
     changeFullScreenState: () => Promise<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;
     enter: (_event?: IData | undefined) => boolean;
@@ -76,7 +76,7 @@ export declare const IBizCode: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/color-picker/color-picker-editor.controller.d.ts

@@ -10,4 +10,11 @@ import { ITextBox } from '@ibiz/model-core';
  * @extends {EditorController}
  */
 export declare class ColorPickerEditorController extends EditorController<ITextBox> {
+    /**
+     * @description 默认显示颜色
+     * @type {string[]}
+     * @memberof ColorPickerEditorController
+     */
+    defaultVal: string[];
+    protected onInit(): Promise<void>;
 }

package/es/editor/color-picker/color-picker-editor.controller.mjs

@@ -1,7 +1,29 @@
 import { EditorController } 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 ColorPickerEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 默认显示颜色
+     * @type {string[]}
+     * @memberof ColorPickerEditorController
+     */
+    __publicField(this, "defaultVal", []);
+  }
+  async onInit() {
+    await super.onInit();
+    const { defaultVal } = this.editorParams;
+    if (defaultVal) {
+      this.defaultVal = JSON.parse(defaultVal);
+    }
+  }
 }
 
 export { ColorPickerEditorController };

package/es/editor/color-picker/ibiz-color-mpicker-custom/ibiz-color-mpicker-custom.css

@@ -1 +1 @@
-.ibiz-color-mpicker-custom{--ibiz-color-mpicker-custom-select-color:var(--ibiz-color-primary-light-active);display:flex;gap:var(--ibiz-spacing-base)}.ibiz-color-mpicker-custom__tabs{flex-shrink:0}.ibiz-color-mpicker-custom__tabs--tab{height:var(--ibiz-form-item-line-height);cursor:pointer}.ibiz-color-mpicker-custom__tabs--tab.is-selected{color:var(--ibiz-color-mpicker-custom-select-color)}.ibiz-color-mpicker-custom__anchor{position:relative;height:-moz-max-content;height:max-content}.ibiz-color-mpicker-custom__anchor::before{position:absolute;top:0;right:-10px;z-index:10;width:3px;height:50%;content:"";background-color:var(--ibiz-color-mpicker-custom-select-color);transition:all ease .3s}.ibiz-color-mpicker-custom__anchor::after{position:absolute;top:0;right:-10px;width:3px;height:100%;content:"";background-color:var(--ibiz-color-border)}.ibiz-color-mpicker-custom__anchor.is-select-text::before{top:50%}.ibiz-color-mpicker-custom__content{flex:1;padding:0 var(--ibiz-spacing-base)}.ibiz-color-mpicker-custom__color-list{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight)}.ibiz-color-mpicker-custom__color-list--add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-color-mpicker-custom__color-list--add:hover{border-color:var(--ibiz-color-primary)}
+.ibiz-color-mpicker-custom{--ibiz-color-mpicker-custom-select-color:var(--ibiz-color-primary-light-active);display:flex;gap:var(--ibiz-spacing-base)}.ibiz-color-mpicker-custom__tabs{flex-shrink:0}.ibiz-color-mpicker-custom__tabs--tab{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height);cursor:pointer}.ibiz-color-mpicker-custom__tabs--tab.is-selected{color:var(--ibiz-color-mpicker-custom-select-color)}.ibiz-color-mpicker-custom__anchor{position:relative;height:-moz-max-content;height:max-content}.ibiz-color-mpicker-custom__anchor::before{position:absolute;top:0;right:-10px;z-index:10;width:3px;height:50%;content:"";background-color:var(--ibiz-color-mpicker-custom-select-color);transition:all ease .3s}.ibiz-color-mpicker-custom__anchor::after{position:absolute;top:0;right:-10px;width:3px;height:100%;content:"";background-color:var(--ibiz-color-border)}.ibiz-color-mpicker-custom__anchor.is-select-text::before{top:50%}.ibiz-color-mpicker-custom__content{flex:1;padding:0 var(--ibiz-spacing-base)}.ibiz-color-mpicker-custom__content .el-textarea,.ibiz-color-mpicker-custom__content .el-textarea__inner{height:100%}.ibiz-color-mpicker-custom__color-list{display:flex;flex-wrap:wrap;gap:var(--ibiz-spacing-extra-tight)}.ibiz-color-mpicker-custom__color-list--add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-color-mpicker-custom__color-list--add:hover{border-color:var(--ibiz-color-primary)}.ibiz-color-mpicker-custom__color-list--item{position:relative}.ibiz-color-mpicker-custom__color-list--item:hover ion-icon{display:block}.ibiz-color-mpicker-custom__color-list--item ion-icon{position:absolute;top:0;right:0;display:none;cursor:pointer;transform:translate(50%,-50%)}

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

@@ -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

@@ -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-picker/ibiz-color-picker.d.ts

@@ -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,7 +71,7 @@ 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;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.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

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

@@ -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,7 +75,7 @@ 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;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {