@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.51

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

@@ -1,6 +1,7 @@
-import { ref, computed, watch, onMounted, resolveComponent, createVNode, h, mergeProps, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
+import { defineComponent, resolveComponent, h, createVNode, mergeProps, ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';
+import { useNamespace, renderString, getEditorEmits, getDataPickerProps } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
+import { debounce } from 'lodash-es';
 import { showTitle } from '@ibiz-template/core';
 import './ibiz-picker.css';
 
@@ -12,6 +13,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("picker");
     const c = props.controller;
     const curValue = ref("");
@@ -21,6 +23,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     const editorRef = ref();
     const isLoaded = ref(false);
     const isReverse = ref(false);
+    const actionPostion = ((_a = c.model.editorParams) == null ? void 0 : _a.actionpostion) || "bottom";
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -28,20 +31,18 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       return false;
     });
     const resetCurValue = () => {
-      const value = props.value;
+      const {
+        value
+      } = props;
       if (c.model.valueType === "OBJECT") {
-        curValue.value = value ? value[c.objectNameField] : null;
+        curValue.value = value && c.objectNameField ? value[c.objectNameField] : "";
       } else {
-        curValue.value = value;
-      }
-      if (value === null) {
-        curValue.value = "";
+        curValue.value = value || "";
       }
       const valueItem = props.data[c.valueItem];
       const index = items.value.findIndex((item) => Object.is(item[c.keyName], valueItem));
-      if (index !== -1) {
+      if (index !== -1)
         return;
-      }
       items.value = [];
       if (value && !isEmpty(valueItem)) {
         items.value.push({
@@ -50,10 +51,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -87,9 +86,25 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       }
       setEditable(false);
     };
+    const calcSelectItem = () => {
+      const selectItems = [];
+      if (curValue.value) {
+        const selectItem = {
+          srfkey: props.data[c.valueItem],
+          srfmajortext: curValue.value,
+          ...c.model.valueType === "OBJECT" && props.value && c.objectValueField ? props.value[c.objectValueField] : {}
+        };
+        if (c.deACMode && c.dataItems.length)
+          c.dataItems.forEach((item) => Object.assign(selectItem, {
+            [item.appDEFieldId]: props.data[item.id]
+          }));
+        selectItems.push(selectItem);
+      }
+      return selectItems;
+    };
     const openPickUpView = async (e) => {
       e.stopPropagation();
-      const res = await c.openPickUpView(props.data);
+      const res = await c.openPickUpView(props.data, JSON.stringify(calcSelectItem()));
       if (res && res[0]) {
         await handleDataSelect(res[0]);
       }
@@ -101,6 +116,20 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         await handleDataSelect(res.data[0]);
       }
     };
+    let listCallback;
+    let searchQuery = "";
+    const handleCallback = (cb) => {
+      const callbackItems = items.value.length ? [...items.value] : [{
+        srftype: "empty"
+      }];
+      actionPostion === "top" ? callbackItems.unshift(...c.actionDetails) : callbackItems.push(...c.actionDetails);
+      if (c.isShowLoadMore) {
+        callbackItems.push({
+          srftype: "loadmore"
+        });
+      }
+      cb(callbackItems);
+    };
     const onSearch = async (query, cb) => {
       if (c.model.appDataEntityId) {
         let trimQuery = "";
@@ -112,14 +141,22 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
           items.value = res.data;
           isLoaded.value = true;
           if (cb && cb instanceof Function) {
-            if (items.value.length) {
-              cb([...items.value, ...c.actionDetails]);
-            } else {
-              const empty = {
-                srftype: "empty"
-              };
-              cb([empty, ...c.actionDetails]);
-            }
+            searchQuery = trimQuery;
+            listCallback = cb;
+            handleCallback(cb);
+          }
+        }
+      }
+    };
+    const loadMore = async () => {
+      if (c.total > items.value.length && c.model.appDataEntityId) {
+        const res = await c.getServiceData(searchQuery, props.data, {
+          isLoadMore: true
+        });
+        if (res) {
+          items.value = [...items.value, ...res.data];
+          if (listCallback) {
+            handleCallback(listCallback);
           }
         }
       }
@@ -127,16 +164,9 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     const onACSelect = async (item) => {
       isShowAll.value = true;
       setEditable(false);
-      if (item.srftype === "empty") {
-        resetCurValue();
-        return;
-      }
-      if (item.detailType === "DEUIACTION") {
-        c.onActionClick(item, props.data);
-        resetCurValue();
-      } else {
-        await handleDataSelect(item);
-      }
+      if (item.srftype === "empty" || item.detailType === "DEUIACTION" || item.srftype === "loadmore")
+        return resetCurValue();
+      await handleDataSelect(item);
     };
     const onClear = () => {
       const dataItems = c.dataItems;
@@ -185,6 +215,57 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const loadmoreRef = ref();
+    const isClosePopper = ref(false);
+    const onLoadMoreClick = async (_event) => {
+      var _a2, _b;
+      _event.preventDefault();
+      _event.stopPropagation();
+      loadMore();
+      (_b = (_a2 = editorRef.value) == null ? void 0 : _a2.popperRef) == null ? void 0 : _b.onOpen();
+      isClosePopper.value = true;
+    };
+    const handlePopperClose = (_event) => {
+      var _a2, _b, _c, _d, _e;
+      const isClickInside = (_a2 = loadmoreRef.value) == null ? void 0 : _a2.contains(_event.target);
+      const isFocus = (_c = (_b = editorRef.value) == null ? void 0 : _b.inputRef) == null ? void 0 : _c.input.contains(_event.target);
+      if (!isClickInside && !isFocus && isClosePopper.value) {
+        (_e = (_d = editorRef.value) == null ? void 0 : _d.popperRef) == null ? void 0 : _e.onClose();
+        isClosePopper.value = false;
+      }
+    };
+    const getPopperScroll = () => {
+      var _a2, _b;
+      return (_b = (_a2 = editorRef.value) == null ? void 0 : _a2.popperRef) == null ? void 0 : _b.popperRef.contentRef.querySelector(".el-scrollbar__wrap");
+    };
+    const handleScrollLoad = async () => {
+      const infiniteScroll = getPopperScroll();
+      if (!infiniteScroll)
+        return;
+      const {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = infiniteScroll;
+      const distanceToBottom = scrollHeight - scrollTop - clientHeight;
+      if (distanceToBottom <= 20) {
+        await loadMore();
+      }
+    };
+    const debScrollLoad = debounce(handleScrollLoad, 300);
+    const initLazyLoad = () => {
+      var _a2;
+      switch (c.pagingMode) {
+        case 3:
+          document.addEventListener("mouseup", handlePopperClose);
+          break;
+        case 2:
+          (_a2 = getPopperScroll()) == null ? void 0 : _a2.addEventListener("scroll", debScrollLoad);
+          break;
+        default:
+          break;
+      }
+    };
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
@@ -202,21 +283,40 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
             emit("change", null, c.model.id, true);
           }
         }
+        initLazyLoad();
       }, {
         immediate: true
       });
     });
+    onBeforeUnmount(() => {
+      var _a2;
+      switch (c.pagingMode) {
+        case 3:
+          document.removeEventListener("mouseup", handlePopperClose);
+          break;
+        case 2:
+          (_a2 = getPopperScroll()) == null ? void 0 : _a2.removeEventListener("scroll", debScrollLoad);
+          break;
+        default:
+          break;
+      }
+    });
     const renderActionItem = (detail) => {
-      if (!c.groupActionState[detail.id].visible) {
+      if (!c.groupActionState[detail.id].visible)
         return;
-      }
       return createVNode("div", {
+        "title": showTitle(detail.tooltip),
         "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)
+        "onClick": (event) => {
+          if (!c.groupActionState[detail.id].disabled)
+            c.onActionClick(detail, props.data, event);
+        }
       }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.em("action-item", "icon"),
         "icon": detail.sysImage
-      }, null), detail.showCaption ? detail.caption : ""]);
+      }, null), createVNode("span", {
+        "class": ns.em("action-item", "caption")
+      }, [detail.showCaption ? detail.caption : ""])]);
     };
     const renderEmpty = () => {
       return createVNode(resolveComponent("iBizNoData"), {
@@ -224,32 +324,40 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         "onClick": (event) => event.stopPropagation()
       }, null);
     };
+    const renderLoadMore = () => {
+      return createVNode("div", {
+        "ref": loadmoreRef,
+        "class": ns.e("loadmore"),
+        "onClick": (_event) => onLoadMoreClick(_event)
+      }, [ibiz.i18n.t("editor.common.loadMore")]);
+    };
     return {
       ns,
       c,
+      items,
       curValue,
       valueText,
-      items,
-      openPickUpView,
-      openLinkView,
-      onACSelect,
-      onSearch,
       editorRef,
-      onClear,
-      onFocus,
-      onBlur,
-      handleKeyUp,
       closeCircle,
       isEditable,
       isReverse,
-      setEditable,
       showFormDefaultContent,
-      renderActionItem,
-      renderEmpty
+      onBlur,
+      onFocus,
+      onClear,
+      onSearch,
+      onACSelect,
+      handleKeyUp,
+      setEditable,
+      renderEmpty,
+      renderLoadMore,
+      openLinkView,
+      openPickUpView,
+      renderActionItem
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const itemContent = (item) => {
       var _a;
@@ -258,7 +366,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
         context,
         params
       } = this.c;
-      let selected = item[this.c.textName] || item.srfmajortext === this.curValue;
+      let selected = (item[this.c.textName] || item.srfmajortext) === this.curValue;
       if (this.c.valueItem) {
         selected = (item[this.c.keyName] || item.srfkey) === this.data[this.c.valueItem];
       }
@@ -329,7 +437,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       "value-key": this.c.textName,
       "placeholder": this.c.placeHolder,
       "clearable": true,
-      "popper-class": [this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
+      "popper-class": [this.ns.e("transfer"), this.ns.bm("popper", "".concat(this.c.model.id)), this.ns.is("empty", !this.items.length)],
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
       "onBlur": this.onBlur,
@@ -342,21 +450,19 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       default: ({
         item
       }) => {
-        if (this.$slots.append) {
+        if (this.$slots.append)
           return this.$slots.append({});
-        }
-        if (item.srftype === "empty") {
+        if (item.srftype === "empty")
           return this.renderEmpty();
-        }
-        if (item.detailType === "DEUIACTION") {
+        if (item.srftype === "loadmore")
+          return this.renderLoadMore();
+        if (item.detailType === "DEUIACTION")
           return this.renderActionItem(item);
-        }
         return itemContent(item);
       },
       suffix: () => {
-        if (this.c.noButton) {
+        if (this.c.noButton)
           return;
-        }
         return [this.c.model.pickupAppViewId ? createVNode("ion-icon", {
           "onClick": this.openPickUpView,
           "name": "search"
@@ -374,7 +480,10 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", 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-dropdown/ibiz-picker-dropdown.css

@@ -1 +1 @@
-.ibiz-picker-dropdown{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000}.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .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-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .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-dropdown--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-dropdown__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker-dropdown__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker-dropdown__transfer{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000;z-index:var(--ibiz-picker-dropdown-transfer-zindex)!important}.ibiz-picker-dropdown__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-picker-dropdown__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-dropdown-empty-bg-color)}.ibiz-picker-dropdown__hidden-input{position:relative;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}
+.ibiz-picker-dropdown{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000}.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .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-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .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-dropdown--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-dropdown__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-picker-dropdown__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-picker-dropdown__transfer{--ibiz-picker-dropdown-height:var(--ibiz-editor-default-line-height);--ibiz-picker-dropdown-empty-bg-color:var(--ibiz-color-bg-3);--ibiz-picker-dropdown-transfer-zindex:1000;z-index:var(--ibiz-picker-dropdown-transfer-zindex)!important}.ibiz-picker-dropdown__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-picker-dropdown__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-picker-dropdown-empty-bg-color)}.ibiz-picker-dropdown__hidden-input{position:absolute;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}

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

@@ -1,5 +1,5 @@
-import { ref, computed, watch, nextTick, onMounted, resolveComponent, createVNode, mergeProps, h, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, renderString, usePopoverzIndex } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, h, ref, computed, watch, nextTick, onMounted } from 'vue';
+import { useNamespace, renderString, usePopoverzIndex, getEditorEmits, getDataPickerProps } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import { showTitle } from '@ibiz-template/core';
 import './ibiz-picker-dropdown.css';
@@ -31,32 +31,29 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       return false;
     });
     const resetCurValue = () => {
+      const {
+        value
+      } = props;
       if (c.model.valueType === "OBJECT") {
-        curValue.value = props.value ? props.value[c.objectNameField] : null;
+        curValue.value = value && c.objectNameField ? value[c.objectNameField] : "";
       } else {
-        curValue.value = props.value;
+        curValue.value = value || "";
       }
-      if (props.value === null) {
-        curValue.value = "";
-      }
-      const value = props.data[c.valueItem];
-      refValue.value = value || curValue.value;
-      const index = items.value.findIndex((item) => Object.is(item[c.keyName], value));
-      if (index !== -1) {
+      const valueItem = props.data[c.valueItem];
+      refValue.value = valueItem || curValue.value;
+      const index = items.value.findIndex((item) => Object.is(item[c.keyName], valueItem));
+      if (index !== -1)
         return;
-      }
       items.value = [];
-      if (!isNil(props.value) && !isNil(value)) {
+      if (!isNil(props.value) && !isNil(valueItem)) {
         items.value.push({
           [c.textName]: props.value,
-          [c.keyName]: value
+          [c.keyName]: valueItem
         });
       }
     };
-    watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        resetCurValue();
-      }
+    watch(() => props.value, () => {
+      resetCurValue();
     }, {
       immediate: true
     });
@@ -296,7 +293,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.readonly ? this.value : createVNode(resolveComponent("el-select"), mergeProps({
       "ref": "editorRef",
@@ -356,7 +353,10 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs

@@ -1,5 +1,5 @@
-import { ref, computed, watch, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { defineComponent, resolveComponent, createVNode, h, createTextVNode, ref, computed, watch } from 'vue';
+import { useNamespace, useFocusAndBlur, getEditorEmits, getDataPickerProps } from '@ibiz-template/vue3-util';
 import './ibiz-picker-embed-view.css';
 
 "use strict";
@@ -18,22 +18,23 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
     });
     const cloneParams = computed(() => {
       return {
+        checkstrictly: true,
         ...params.value
       };
     });
     watch(() => props.data, (newVal) => {
       const {
-        context: _context,
-        params: _params
+        context: tempContext,
+        params: tempParams
       } = c.handlePublicParams(newVal, c.context, c.params);
-      const newContext = Object.assign(c.context.clone(), _context);
+      const newContext = Object.assign(c.context.clone(), tempContext);
       const newParams = Object.assign({
         ...c.params
-      }, _params);
-      if (JSON.stringify(context.value) !== JSON.stringify(newContext) || JSON.stringify(params.value) !== JSON.stringify(newParams)) {
+      }, tempParams);
+      if (JSON.stringify(context.value) !== JSON.stringify(newContext))
         context.value = newContext;
+      if (JSON.stringify(params.value) !== JSON.stringify(newParams))
         params.value = newParams;
-      }
     }, {
       deep: true,
       immediate: true
@@ -49,9 +50,15 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
       if (editorParams.checkStrictly) {
         checkStrictly.value = c.toBoolean(editorParams.checkStrictly);
       }
+      if (editorParams.checkstrictly) {
+        checkStrictly.value = c.toBoolean(editorParams.checkstrictly);
+      }
       if (editorParams.isShowText) {
         isShowText.value = c.toBoolean(editorParams.isShowText);
       }
+      if (editorParams.isshowtext) {
+        isShowText.value = c.toBoolean(editorParams.isshowtext);
+      }
     }
     const selectedData = ref([]);
     watch(() => props.value, (newVal) => {
@@ -102,11 +109,11 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
       context,
       params,
       editorRef,
-      singleSelect,
-      checkStrictly,
       isShowText,
-      selectedData,
       cloneParams,
+      singleSelect,
+      selectedData,
+      checkStrictly,
       onSelectionChange
     };
   },

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

@@ -1,5 +1,5 @@
-import { ref, computed, watch, onMounted, createVNode, defineComponent } from 'vue';
-import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch, onMounted } from 'vue';
+import { useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString, getEditorEmits, getDataPickerProps } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { isNil } from 'ramda';
 import './ibiz-picker-link.css';
@@ -40,13 +40,11 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    watch(() => props.value, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : "";
-        } else {
-          curValue.value = newVal;
-        }
+    watch(() => props.value, (newVal) => {
+      if (c.model.valueType === "OBJECT") {
+        curValue.value = newVal && c.objectNameField ? newVal[c.objectNameField] : "";
+      } else {
+        curValue.value = newVal || "";
       }
     }, {
       immediate: true
@@ -117,9 +115,9 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a;
+    var _a, _b;
     const isEmpty = this.curValue == null || this.curValue === "";
-    const isEllipsis = ((_a = this.controller.editorParams) == null ? void 0 : _a.overflowMode) === "ellipsis";
+    const isEllipsis = ((_a = this.controller.editorParams) == null ? void 0 : _a.overflowMode) === "ellipsis" || ((_b = this.controller.editorParams) == null ? void 0 : _b.overflowmode) === "ellipsis";
     return createVNode("div", {
       "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",
@@ -131,7 +129,10 @@ const IBizPickerLink = /* @__PURE__ */ defineComponent({
         }
         this.openLinkView();
       }
-    }, [isEmpty ? ibiz.config.common.emptyText : this.curValue])]);
+    }, [isEmpty ? createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.controller.emptyShowPlaceholder,
+      "placeHolder": this.controller.placeHolder
+    }, null) : this.curValue])]);
   }
 });