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

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

@@ -1,5 +1,6 @@
-import { defineComponent, ref, computed, watch, onMounted, createVNode } from 'vue';
+import { ref, computed, watch, onMounted, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
+import { showTitle } from '@ibiz-template/core';
 import './ibiz-picker-link.css';
 import { isNil } from 'ramda';
 
@@ -59,9 +60,12 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
+            if (isNil(props.value) && !isNil(newVal)) {
+              emit("change", curValue.value, c.model.id, true);
+            }
           }
           if (newVal === null) {
-            emit("change", null);
+            emit("change", null, c.model.id, true);
           }
         }
       }, {
@@ -113,12 +117,21 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    var _a;
+    const isEmpty = this.curValue == null || this.curValue === "";
+    const isEllipsis = ((_a = this.controller.editorParams) == null ? void 0 : _a.overflowMode) === "ellipsis";
     return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
-      "ref": "editorRef"
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("empty", isEmpty), this.ns.is("ellipsis", isEllipsis)],
+      "ref": "editorRef",
+      "title": showTitle(isEmpty ? "" : this.curValue)
     }, [createVNode("a", {
-      "onClick": this.openLinkView
-    }, [this.curValue])]);
+      "onClick": () => {
+        if (isEmpty) {
+          return;
+        }
+        this.openLinkView();
+      }
+    }, [isEmpty ? ibiz.config.common.emptyText : this.curValue])]);
   }
 });
 

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -58,7 +58,7 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     handleDropDownKeyDown: (e: KeyboardEvent) => void;
     arrow: () => 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;
@@ -88,9 +88,9 @@ export declare const IBizPickerSelectView: 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-picker-select-view/ibiz-picker-select-view.mjs

@@ -1,7 +1,7 @@
-import { isVNode, defineComponent, ref, watch, computed, onMounted, createVNode, resolveComponent, h } from 'vue';
+import { isVNode, ref, watch, computed, onMounted, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-select-view.css';
-import { Modal, ViewMode } from '@ibiz-template/runtime';
+import { ViewMode, Modal } from '@ibiz-template/runtime';
 import { clone } from 'ramda';
 
 "use strict";
@@ -15,6 +15,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("picker-select-view");
     const c = props.controller;
     const editorModel = c.model;
@@ -48,6 +49,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const multipleTempText = ref(null);
     const multipleObjs = ref(null);
     const showView = ref(false);
+    const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -84,7 +86,9 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           queryValue.value = newVal || "";
         }
         if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
-          ibiz.log.error("\u503C\u9879\u5F02\u5E38");
+          if (!isDesignPreview) {
+            ibiz.log.error("\u503C\u9879\u5F02\u5E38");
+          }
         } else {
           selectedData.value = [{
             srfkey: props.data[c.valueItem],
@@ -500,7 +504,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("content-item")
     }, [this.valueText]) : this.valueText.split(",").map((item) => createVNode("span", {
       "class": this.ns.b("content-item")
-    }, [item])) : "-"]);
+    }, [item])) : 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/picker-editor.controller.d.ts

@@ -1,6 +1,6 @@
 import { IHttpResponse } from '@ibiz-template/core';
-import { EditorController, IViewConfig, IModalData, IAcItemProvider } from '@ibiz-template/runtime';
-import { IAppDEACMode, IDEACModeDataItem, IPicker } from '@ibiz/model-core';
+import { EditorController, IViewConfig, IModalData, IAcItemProvider, IButtonContainerState } from '@ibiz-template/runtime';
+import { IAppDEACMode, IAppDEUIActionGroupDetail, IDEACModeDataItem, IPicker, IUIActionGroupDetail } from '@ibiz/model-core';
 /**
  * 数据选择编辑器控制器
  * @return {*}
@@ -67,6 +67,16 @@ export declare class PickerEditorController extends EditorController<IPicker> {
      * @type {IAcItemProvider}
      */
     acItemProvider?: IAcItemProvider;
+    /**
+     * 分组行为状态
+     */
+    groupActionState: IButtonContainerState;
+    /**
+     * @description 自填模式行为行为组
+     * @type {IAppDEUIActionGroupDetail[]}
+     * @memberof PickerEditorController
+     */
+    actionDetails: IAppDEUIActionGroupDetail[];
     protected onInit(): Promise<void>;
     /**
      * 初始化noAc和noButton
@@ -122,4 +132,12 @@ export declare class PickerEditorController extends EditorController<IPicker> {
      * @Date: 2023-08-22 15:58:56
      */
     handleObjectParams(select: IData): IData;
+    /**
+     * @description 分组行为项点击
+     * @param {IUIActionGroupDetail} detail
+     * @param {MouseEvent} event
+     * @return {*}  {Promise<void>}
+     * @memberof PickerEditorController
+     */
+    onActionClick(detail: IUIActionGroupDetail, data: IData, event?: MouseEvent): Promise<void>;
 }

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

@@ -1,5 +1,5 @@
 import { RuntimeModelError } from '@ibiz-template/core';
-import { EditorController, getDeACMode, getAcItemProvider, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { EditorController, ButtonContainerState, getDeACMode, getAcItemProvider, UIActionButtonState, OpenAppViewCommand, UIActionUtil } from '@ibiz-template/runtime';
 import { mergeDeepLeft } from 'ramda';
 
 "use strict";
@@ -74,6 +74,16 @@ class PickerEditorController extends EditorController {
      * @type {IAcItemProvider}
      */
     __publicField(this, "acItemProvider");
+    /**
+     * 分组行为状态
+     */
+    __publicField(this, "groupActionState", new ButtonContainerState());
+    /**
+     * @description 自填模式行为行为组
+     * @type {IAppDEUIActionGroupDetail[]}
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "actionDetails", []);
   }
   async onInit() {
     var _a, _b, _c, _d;
@@ -120,7 +130,8 @@ class PickerEditorController extends EditorController {
     const embedViewEditors = [
       "PICKEREX_DROPDOWNVIEW",
       "PICKEREX_DROPDOWNVIEW_LINK",
-      "PICKUPVIEW"
+      "PICKUPVIEW",
+      "MOBPICKER_DROPDOWNVIEW"
     ];
     if (this.model.editorType && embedViewEditors.includes(this.model.editorType)) {
       this.initPickupViewParams();
@@ -128,6 +139,37 @@ class PickerEditorController extends EditorController {
     this.objectIdField = (_b = this.model.objectIdField) == null ? void 0 : _b.toLowerCase();
     this.objectNameField = (_c = this.model.objectNameField) == null ? void 0 : _c.toLowerCase();
     this.objectValueField = (_d = this.model.objectValueField) == null ? void 0 : _d.toLowerCase();
+    if (this.model.uiactionGroup) {
+      this.actionDetails = this.model.uiactionGroup.uiactionGroupDetails || [];
+      if (this.actionDetails.length > 0) {
+        this.actionDetails.forEach((detail) => {
+          const actionid = detail.uiactionId;
+          if (actionid) {
+            const buttonState = new UIActionButtonState(
+              detail.id,
+              this.context.srfappid,
+              actionid
+            );
+            this.groupActionState.addState(detail.id, buttonState);
+          }
+        });
+        await this.groupActionState.init();
+        this.actionDetails.forEach((detail) => {
+          if (detail.capLanguageRes && detail.capLanguageRes.lanResTag) {
+            detail.caption = ibiz.i18n.t(
+              detail.capLanguageRes.lanResTag,
+              detail.caption
+            );
+          }
+          if (detail.tooltipLanguageRes && detail.tooltipLanguageRes.lanResTag) {
+            detail.tooltip = ibiz.i18n.t(
+              detail.tooltipLanguageRes.lanResTag,
+              detail.tooltip
+            );
+          }
+        });
+      }
+    }
   }
   /**
    * 初始化noAc和noButton
@@ -179,6 +221,9 @@ class PickerEditorController extends EditorController {
       this.params
     );
     const fixedParams = {};
+    if (ibiz.config.pickerdefaultsort) {
+      Object.assign(fixedParams, { sort: ibiz.config.pickerdefaultsort });
+    }
     if (this.sort && !Object.is(this.sort, "")) {
       Object.assign(fixedParams, { sort: this.sort });
     }
@@ -325,6 +370,30 @@ class PickerEditorController extends EditorController {
     }
     return object;
   }
+  /**
+   * @description 分组行为项点击
+   * @param {IUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof PickerEditorController
+   */
+  async onActionClick(detail, data, event) {
+    if (event) {
+      event.stopPropagation();
+    }
+    const actionId = detail.uiactionId;
+    await UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.context,
+        params: this.params,
+        data: [data],
+        view: this.view,
+        event
+      },
+      detail.appId
+    );
+  }
 }
 
 export { PickerEditorController };

package/es/editor/data-picker/picker-editor.provider.mjs

@@ -21,10 +21,12 @@ class DataPickerEditorProvider {
         break;
       case "ADDRESSPICKUP":
       case "ADDRESSPICKUP_AC":
+      case "MOBMPICKER":
         componentName = "IBizMPicker";
         break;
       case "PICKEREX_DROPDOWNVIEW":
       case "PICKEREX_DROPDOWNVIEW_LINK":
+      case "MOBPICKER_DROPDOWNVIEW":
         componentName = "IBizPickerSelectView";
         break;
       case "PICKUPVIEW":

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

@@ -13,20 +13,27 @@ class DatePickerEditorController extends EditorController {
   getFormatByType(editorType) {
     switch (editorType) {
       case "DATEPICKER":
+      case "MOBDATE":
         return "YYYY-MM-DD HH:mm:ss";
       case "DATEPICKEREX":
         return "YYYY-MM-DD HH:mm:ss";
       case "DATEPICKEREX_NOTIME":
+      case "MOBDATE_NOTIME":
         return "YYYY-MM-DD";
       case "DATEPICKEREX_HOUR":
+      case "MOBDATE_HOUR":
         return "YYYY-MM-DD HH";
       case "DATEPICKEREX_MINUTE":
+      case "MOBDATE_MINUTE":
         return "YYYY-MM-DD HH:mm";
       case "DATEPICKEREX_SECOND":
+      case "MOBDATE_SECOND":
         return "YYYY-MM-DD HH:mm:ss";
       case "DATEPICKEREX_NODAY":
+      case "MOBDATE_NODAY":
         return "HH:mm:ss";
       case "DATEPICKEREX_NODAY_NOSECOND":
+      case "MOBDATE_NODAY_NOSECOND":
         return "HH:mm";
       case "DATEPICKEREX_NOSECOND":
         return "YYYY-MM-DD HH:mm";

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.d.ts

@@ -39,7 +39,7 @@ export declare const IBizDatePicker: 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;
@@ -69,9 +69,9 @@ export declare const IBizDatePicker: 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/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDatePickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-date-picker.css';
 import dayjs from 'dayjs';
@@ -28,10 +28,13 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     switch (editorModel.editorType) {
       case "DATEPICKEREX":
       case "DATEPICKEREX_NOTIME":
+      case "MOBDATE_NOTIME":
         type.value = "date";
         break;
       case "DATEPICKEREX_NODAY":
       case "DATEPICKEREX_NODAY_NOSECOND":
+      case "MOBDATE_NODAY":
+      case "MOBDATE_NODAY_NOSECOND":
         isTimePicker.value = true;
         type.value = "time";
         break;
@@ -40,6 +43,10 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
       case "DATEPICKEREX_SECOND":
       case "DATEPICKEREX_NOSECOND":
       case "DATEPICKER":
+      case "MOBDATE":
+      case "MOBDATE_HOUR":
+      case "MOBDATE_MINUTE":
+      case "MOBDATE_SECOND":
       default:
         type.value = "datetime";
     }
@@ -149,7 +156,7 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
     const readonlyContent = this.formatValue;
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.formatValue ? this.formatValue : "-"]);
+    }, [this.formatValue ? this.formatValue : 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.e(this.editorModel.editorType), this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/es/editor/date-range/date-range-editor.controller.mjs

@@ -31,8 +31,10 @@ class DateRangeEditorController extends EditorController {
   getFormatByType() {
     switch (this.model.editorType) {
       case "DATERANGE":
+      case "MOBDATERANGE":
         return "YYYY-MM-DD HH:mm:ss";
       case "DATERANGE_NOTIME":
+      case "MOBDATERANGE_NOTIME":
         return "YYYY-MM-DD";
       default:
         return "YYYY-MM-DD HH:mm:ss";

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.css

@@ -1 +1 @@
-.ibiz-date-range-picker .el-date-editor{width:100%;line-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;justify-content:flex-start}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color);background-color:transparent}.ibiz-date-range-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-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-input{display:flex}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-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-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input{box-shadow:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content.is-has-val{padding:0}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-input{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-input{display:flex}
+.ibiz-date-range-picker .el-date-editor{width:100%;line-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;justify-content:flex-start}.ibiz-date-range-picker .el-date-editor .el-range-input{color:var(--ibiz-form-item-text-color);background-color:transparent}.ibiz-date-range-picker--readonly{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-readonly-color);line-height:var(--ibiz-editor-default-line-height)}.ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default:hover .ibiz-date-range-picker-input{display:flex}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-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-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content .ibiz-date-range-picker-default-input{box-shadow:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-form-default-content.is-has-val{padding:0}.ibiz-form-item .ibiz-date-range-picker.is-show-default .ibiz-date-range-picker-input{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-form-default-content{display:none}.ibiz-form-item .ibiz-date-range-picker.is-show-default.is-editable .ibiz-date-range-picker-input{display:flex}

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.d.ts

@@ -45,7 +45,7 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     handleKeyUp: (e: KeyboardEvent) => void;
     onCalendarChange: (val: IData) => 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;
@@ -75,9 +75,9 @@ export declare const IBizDateRangePicker: 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/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDateRangeProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';
 import dayjs from 'dayjs';
@@ -34,9 +34,11 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
     const type = ref("daterange");
     switch (editorModel.editorType) {
       case "DATERANGE":
+      case "MOBDATERANGE":
         type.value = "datetimerange";
         break;
       case "DATERANGE_NOTIME":
+      case "MOBDATERANGE_NOTIME":
         type.value = "daterange";
         break;
       default:
@@ -190,7 +192,7 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, this.$attrs), null) : "-"]);
+    }, this.$attrs), null) : 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/date-range-select/date-range-select-picker/components/quarter-range-select/quarter-range-select.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './quarter-range-select.css';
 

package/es/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
-import '../../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.mjs';
+import '../../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.mjs';
 import './week-range-select.css';
 
 "use strict";

package/es/editor/date-range-select/date-range-select-picker/components/year-range-select/year-range-select.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './year-range-select.css';
 

package/es/editor/date-range-select/date-range-select-picker/date-range-select.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount } from 'vue';
+import { isVNode, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount, defineComponent } from 'vue';
 import { getDatePickerProps, useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
 import quarterRangeSelect from './components/quarter-range-select/quarter-range-select.mjs';

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

@@ -40,7 +40,7 @@ class DropDownListEditorController extends CodeListEditorController {
   async onInit() {
     var _a, _b, _c;
     super.onInit();
-    if (this.model.editorType === "MDROPDOWNLIST") {
+    if (this.model.editorType === "MDROPDOWNLIST" || this.model.editorType === "MOBCHECKLIST") {
       this.multiple = true;
     }
     if ((_a = this.editorParams) == null ? void 0 : _a.forceSelection) {

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -47,7 +47,7 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
         prefix?: (() => JSX.Element[] | undefined) | 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;
@@ -77,9 +77,9 @@ export declare const IBizDropdown: 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/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { useCodeListSelection } from '@ibiz-template/runtime';
@@ -69,20 +69,12 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       });
       return list;
     };
-    const loadCodeList = async () => {
-      if (c.model.appCodeListId) {
-        const app = ibiz.hub.getApp(c.context.srfappid);
-        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
-        if (codeListModel) {
-          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
-        }
-      }
-      isLoading.value = true;
-      let codeList = await c.loadCodeList(props.data);
+    const afterLoadCodeList = (codeList) => {
+      items.value = [];
+      codeListItems.value = [];
       if (c.multiple && !codeList.some((item) => item.children)) {
         codeList = c.handleCodeListAllItems(codeList);
       }
-      isLoadedCodeList.value = true;
       if (c.blankItemName && !c.multiple) {
         items.value = [{
           value: void 0,
@@ -99,6 +91,19 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+    };
+    const loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
+      afterLoadCodeList(codeList);
+      isLoadedCodeList.value = true;
       isLoading.value = false;
     };
     watch(() => props.value, async (newVal, oldVal) => {
@@ -129,7 +134,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           }
         });
         return data;
-      }, () => loadCodeList(), {
+      }, () => {
+        if (props.data) {
+          loadCodeList();
+        }
+      }, {
         deep: true
       });
     };
@@ -171,7 +180,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           }
           return c.multiple ? props.value : props.value.toString();
         }
-        return (_c = props.value) == null ? void 0 : _c.toString();
+        return c.multiple ? [] : ((_c = props.value) == null ? void 0 : _c.toString()) || "";
       },
       set(_select) {
         let select = _select;
@@ -193,13 +202,21 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           }
           emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
-          emit("change", codeItemValueNumber.value ? Number(select) : select, editorItems[0].id);
+          let emitVal = select;
+          if (codeItemValueNumber.value) {
+            emitVal = select === "" ? null : Number(select);
+          }
+          emit("change", emitVal, editorItems[0].id);
           const selectItem = getCodeListItemByValue(codeItemValueNumber.value ? Number(select) : select);
           if (selectItem) {
             emit("change", selectItem.text);
           }
         } else {
-          emit("change", codeItemValueNumber.value ? Number(select) : select);
+          let emitVal = select;
+          if (codeItemValueNumber.value) {
+            emitVal = select === "" ? null : Number(select);
+          }
+          emit("change", emitVal);
         }
         setEditable(false);
         if (c.editorParams.alwaysLoad === "true") {
@@ -272,13 +289,8 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       }
     };
     const fn = (data) => {
-      if (data) {
-        if (c.multiple && !data.some((item) => item.children)) {
-          items.value = c.handleCodeListAllItems(data);
-          return;
-        }
-        items.value = data;
-      }
+      if (data)
+        afterLoadCodeList(data);
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     onMounted(() => {
@@ -453,7 +465,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       }, [createVNode("span", {
         "class": this.ns.be("content-item", "label")
       }, [text])]);
-    }) : "-"]);
+    }) : 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.c.editorParams.type === "round" && this.ns.m("round")],
       "style": this.cssVars

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -34,7 +34,7 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     onClearEmoji: (e: MouseEvent) => void;
     renderReference: () => 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;
@@ -64,9 +64,9 @@ export declare const IBizEmojiPicker: 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;