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

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -7,9 +7,6 @@ require('./ibiz-picker-dropdown.css');
 var core = require('@ibiz-template/core');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
   name: "IBizPickerDropDown",
   props: vue3Util.getDataPickerProps(),
@@ -34,29 +31,32 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
+    const resetCurValue = () => {
+      if (c.model.valueType === "OBJECT") {
+        curValue.value = props.value ? props.value[c.objectNameField] : null;
+      } else {
+        curValue.value = props.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) {
+        return;
+      }
+      items.value = [];
+      if (!ramda.isNil(props.value) && !ramda.isNil(value)) {
+        items.value.push({
+          [c.textName]: props.value,
+          [c.keyName]: value
+        });
+      }
+    };
     vue.watch(() => props.value, (newVal) => {
       if (newVal || newVal === null) {
-        if (c.model.valueType === "OBJECT") {
-          curValue.value = newVal ? newVal[c.objectNameField] : null;
-        } else {
-          curValue.value = newVal;
-        }
-        if (newVal === 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) {
-          return;
-        }
-        items.value = [];
-        if (!ramda.isNil(newVal) && !ramda.isNil(value)) {
-          items.value.push({
-            [c.textName]: newVal,
-            [c.keyName]: value
-          });
-        }
+        resetCurValue();
       }
     }, {
       immediate: true
@@ -94,22 +94,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
         waitQuery = query;
       }
     };
-    vue.onMounted(() => {
-      vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
-        if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
-            await onSearch("");
-          }
-          refValue.value = newVal;
-          if (newVal === null) {
-            emit("change", null);
-          }
-        }
-      }, {
-        immediate: true,
-        deep: true
-      });
-    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -142,11 +126,22 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       setEditable(false);
     };
     const onSelect = (select) => {
+      shouldLoad.value = false;
+      setEditable(false);
+      if (select === "empty") {
+        resetCurValue();
+        return;
+      }
+      const actionItem = c.actionDetails.find((detail) => detail.id === select);
+      if (actionItem) {
+        c.onActionClick(actionItem, props.data);
+        resetCurValue();
+        return;
+      }
       const index = items.value.findIndex((item) => Object.is(item[c.keyName], select));
       if (index >= 0) {
         onACSelect(items.value[index]);
       }
-      shouldLoad.value = false;
     };
     const onOpenChange = (isOpen) => {
       if (isOpen) {
@@ -187,6 +182,10 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     const valueText = vue.computed(() => {
       return vue3Util.renderString(curValue.value);
     });
+    const {
+      popoverid,
+      setPopoverZIndex
+    } = vue3Util.usePopoverzIndex();
     vue.watch(valueText, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         emit("infoTextChange", newVal);
@@ -194,6 +193,71 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    vue.onMounted(() => {
+      vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          if (!isLoaded.value && editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+            shouldLoad.value = true;
+            await onSearch("");
+            shouldLoad.value = false;
+          }
+          const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
+          if (curItem) {
+            curValue.value = curItem[c.textName];
+            if (editorRef.value && ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+              emit("change", curValue.value, c.model.id, true);
+            }
+          }
+          refValue.value = newVal;
+          if (newVal === null) {
+            emit("change", null, c.model.id, true);
+          }
+        }
+      }, {
+        immediate: true,
+        deep: true
+      });
+      setPopoverZIndex("--".concat(ns.namespace, "-picker-dropdown-transfer-zindex"));
+    });
+    const renderActionItem = (detail) => {
+      if (!c.groupActionState[detail.id].visible) {
+        return;
+      }
+      return vue.createVNode(vue.resolveComponent("el-option"), {
+        "value": detail.id,
+        "title": core.showTitle(detail.tooltip),
+        "disabled": c.groupActionState[detail.id].disabled
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": ns.e("action-item"),
+          "onClick": (event) => c.onActionClick(detail, props.data, event)
+        }, [detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "icon": detail.sysImage
+        }, null), detail.showCaption ? detail.caption : ""])]
+      });
+    };
+    const renderGroupAction = () => {
+      const actionDetails = c.actionDetails;
+      if (!actionDetails.length || !c.groupActionState.visible) {
+        return;
+      }
+      return actionDetails.map((item) => {
+        return renderActionItem(item);
+      });
+    };
+    const renderEmpty = () => {
+      if (items.value.length) {
+        return;
+      }
+      return vue.createVNode(vue.resolveComponent("el-option"), {
+        "value": "empty"
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("iBizNoData"), {
+          "class": ns.e("empty"),
+          "onClick": (event) => event.stopPropagation()
+        }, null)]
+      });
+    };
     return {
       ns,
       c,
@@ -213,11 +277,13 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       editorRef,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      renderGroupAction,
+      renderEmpty,
+      popoverid
     };
   },
   render() {
-    let _slot;
     const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.readonly ? this.value : vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
@@ -229,6 +295,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       "remote": true,
       "remote-show-suffix": this.c.model.showTrigger,
       "clearable": true,
+      "popper-class": [this.popoverid, this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
       "loading": this.loading,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "remote-method": this.onSearch,
@@ -241,43 +308,43 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       "onKeyup": this.handleKeyUp,
       "onClick": this.onClick,
       "fit-input-width": isEllipsis
-    }, this.$attrs), _isSlot(_slot = this.items.map((item) => {
-      return vue.createVNode(vue.resolveComponent("el-option"), {
-        "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
-        "value": item[this.c.keyName],
-        "key": item[this.c.keyName],
-        "label": item[this.c.textName]
-      }, {
-        default: () => {
-          var _a;
-          if (this.c.acItemProvider) {
-            const component = vue.resolveComponent(this.c.acItemProvider.component);
-            return vue.h(component, {
-              item,
-              controller: this.c
-            });
+    }, this.$attrs), {
+      default: () => [this.items.map((item) => {
+        return vue.createVNode(vue.resolveComponent("el-option"), {
+          "title": core.showTitle(isEllipsis ? item[this.c.textName] : ""),
+          "value": item[this.c.keyName],
+          "key": item[this.c.keyName],
+          "label": item[this.c.textName]
+        }, {
+          default: () => {
+            var _a;
+            if (this.c.acItemProvider) {
+              const component = vue.resolveComponent(this.c.acItemProvider.component);
+              return vue.h(component, {
+                item,
+                controller: this.c
+              });
+            }
+            const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
+            if (panel) {
+              return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+                "data": item,
+                "modelData": panel,
+                "context": this.c.context,
+                "params": this.c.params
+              }, null);
+            }
+            return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
           }
-          const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
-          if (panel) {
-            return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-              "data": item,
-              "modelData": panel,
-              "context": this.c.context,
-              "params": this.c.params
-            }, null);
-          }
-          return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
-        }
-      });
-    })) ? _slot : {
-      default: () => [_slot]
+        });
+      }), this.renderEmpty(), this.renderGroupAction()]
     });
     const readonlyContent = vue.createVNode("div", {
       "class": (this.ns.b(), this.ns.m("readonly"))
     }, [this.valueText]);
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.valueText : "-"]);
+    }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
     return vue.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/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.css

@@ -1 +1 @@
-.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-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-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/lib/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.cjs

@@ -18,6 +18,11 @@ const IBizPickerEmbedView = /* @__PURE__ */ vue.defineComponent({
     const params = vue.ref({
       ...c.params
     });
+    const cloneParams = vue.computed(() => {
+      return {
+        ...params.value
+      };
+    });
     vue.watch(() => props.data, (newVal) => {
       const {
         context: _context,
@@ -103,6 +108,7 @@ const IBizPickerEmbedView = /* @__PURE__ */ vue.defineComponent({
       checkStrictly,
       isShowText,
       selectedData,
+      cloneParams,
       onSelectionChange
     };
   },
@@ -115,7 +121,7 @@ const IBizPickerEmbedView = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("view")
     }, [vue.h(viewShell, {
       context: this.context,
-      params: this.params,
+      params: this.cloneParams,
       viewId: this.c.model.pickupAppViewId,
       state: {
         singleSelect: this.singleSelect,

package/lib/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css

@@ -1 +1 @@
-.ibiz-picker-embed-view{width:100%;height:100%}.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view--show-value .ibiz-picker-embed-view-view{height:calc(100% - var(--ibiz-form-item-line-height))!important}.ibiz-picker-embed-view .ibiz-picker-embed-view-view{height:100%}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height)}
+.ibiz-picker-embed-view{width:100%;height:100%;--ibiz-form-item-container-error-color:none}.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view--show-value .ibiz-picker-embed-view-view{height:calc(100% - var(--ibiz-form-item-line-height))!important}.ibiz-picker-embed-view .ibiz-picker-embed-view-view{height:100%}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
 require('./ibiz-picker-link.css');
 var ramda = require('ramda');
 
@@ -61,9 +62,12 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
+            if (ramda.isNil(props.value) && !ramda.isNil(newVal)) {
+              emit("change", curValue.value, c.model.id, true);
+            }
           }
           if (newVal === null) {
-            emit("change", null);
+            emit("change", null, c.model.id, true);
           }
         }
       }, {
@@ -115,12 +119,21 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    var _a;
+    const isEmpty = this.curValue == null || this.curValue === "";
+    const isEllipsis = ((_a = this.controller.editorParams) == null ? void 0 : _a.overflowMode) === "ellipsis";
     return vue.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": core.showTitle(isEmpty ? "" : this.curValue)
     }, [vue.createVNode("a", {
-      "onClick": this.openLinkView
-    }, [this.curValue])]);
+      "onClick": () => {
+        if (isEmpty) {
+          return;
+        }
+        this.openLinkView();
+      }
+    }, [isEmpty ? ibiz.config.common.emptyText : this.curValue])]);
   }
 });
 

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.css

@@ -1 +1 @@
-.ibiz-picker-link{height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}.ibiz-form-item .ibiz-picker-link.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-picker-link{height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link.is-empty{color:inherit;cursor:auto}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link--readonly.is-empty{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link.is-ellipsis a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-picker-link a{display:inline-block;height:100%}.ibiz-form-item .ibiz-picker-link.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -17,6 +17,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("picker-select-view");
     const c = props.controller;
     const editorModel = c.model;
@@ -50,6 +51,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const multipleTempText = vue.ref(null);
     const multipleObjs = vue.ref(null);
     const showView = vue.ref(false);
+    const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -86,7 +88,9 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.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],
@@ -502,7 +506,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("content-item")
     }, [this.valueText]) : this.valueText.split(",").map((item) => vue.createVNode("span", {
       "class": this.ns.b("content-item")
-    }, [item])) : "-"]);
+    }, [item])) : ibiz.config.common.emptyText]);
     return vue.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/lib/editor/data-picker/picker-editor.controller.cjs

@@ -76,6 +76,16 @@ class PickerEditorController extends runtime.EditorController {
      * @type {IAcItemProvider}
      */
     __publicField(this, "acItemProvider");
+    /**
+     * 分组行为状态
+     */
+    __publicField(this, "groupActionState", new runtime.ButtonContainerState());
+    /**
+     * @description 自填模式行为行为组
+     * @type {IAppDEUIActionGroupDetail[]}
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "actionDetails", []);
   }
   async onInit() {
     var _a, _b, _c, _d;
@@ -122,7 +132,8 @@ class PickerEditorController extends runtime.EditorController {
     const embedViewEditors = [
       "PICKEREX_DROPDOWNVIEW",
       "PICKEREX_DROPDOWNVIEW_LINK",
-      "PICKUPVIEW"
+      "PICKUPVIEW",
+      "MOBPICKER_DROPDOWNVIEW"
     ];
     if (this.model.editorType && embedViewEditors.includes(this.model.editorType)) {
       this.initPickupViewParams();
@@ -130,6 +141,37 @@ class PickerEditorController extends runtime.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 runtime.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
@@ -181,6 +223,9 @@ class PickerEditorController extends runtime.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 });
     }
@@ -327,6 +372,30 @@ class PickerEditorController extends runtime.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 runtime.UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.context,
+        params: this.params,
+        data: [data],
+        view: this.view,
+        event
+      },
+      detail.appId
+    );
+  }
 }
 
 exports.PickerEditorController = PickerEditorController;

package/lib/editor/data-picker/picker-editor.provider.cjs

@@ -23,10 +23,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/lib/editor/date-picker/date-picker-editor.controller.cjs

@@ -15,20 +15,27 @@ class DatePickerEditorController extends runtime.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/lib/editor/date-picker/ibiz-date-picker/ibiz-date-picker.cjs

@@ -30,10 +30,13 @@ const IBizDatePicker = /* @__PURE__ */ vue.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;
@@ -42,6 +45,10 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
       case "DATEPICKEREX_SECOND":
       case "DATEPICKEREX_NOSECOND":
       case "DATEPICKER":
+      case "MOBDATE":
+      case "MOBDATE_HOUR":
+      case "MOBDATE_MINUTE":
+      case "MOBDATE_SECOND":
       default:
         type.value = "datetime";
     }
@@ -151,7 +158,7 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     const readonlyContent = this.formatValue;
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.formatValue ? this.formatValue : "-"]);
+    }, [this.formatValue ? this.formatValue : ibiz.config.common.emptyText]);
     return vue.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/lib/editor/date-range/date-range-editor.controller.cjs

@@ -33,8 +33,10 @@ class DateRangeEditorController extends runtime.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/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -36,9 +36,11 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
     const type = vue.ref("daterange");
     switch (editorModel.editorType) {
       case "DATERANGE":
+      case "MOBDATERANGE":
         type.value = "datetimerange";
         break;
       case "DATERANGE_NOTIME":
+      case "MOBDATERANGE_NOTIME":
         type.value = "daterange";
         break;
       default:
@@ -192,7 +194,7 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, this.$attrs), null) : "-"]);
+    }, this.$attrs), null) : ibiz.config.common.emptyText]);
     return vue.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/lib/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/lib/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var dayjs = require('dayjs');
-require('../../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.cjs');
+require('../../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.cjs');
 require('./week-range-select.css');
 
 "use strict";