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

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -1,10 +1,15 @@
 'use strict';
 
 var vue = require('vue');
-require('./monaco-editor.css');
 var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
 var ElementPlus = require('element-plus');
 require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
+var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
+require('../../../util/index.cjs');
+require('./monaco-editor.css');
+var aiUtil = require('../../../util/ai-util/ai-util.cjs');
 var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
 
 "use strict";
@@ -15,14 +20,17 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    const codeEditBox = vue.ref();
     const ns = vue3Util.useNamespace("code");
     const c = props.controller;
+    const UUID = qxUtil.createUUID();
     const currentVal = vue.ref("");
     const enableEdit = vue.ref(true);
     const hasEnableEdit = vue.ref(false);
     const readonlyState = vue.ref(false);
     const enableFullScreen = vue.ref(false);
     const isFullScreen = vue.ref(false);
+    const isLoading = vue.ref(false);
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -36,10 +44,20 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     }
     let editor;
     let monacoEditor;
+    let codeLensProviderDisposable;
+    let inlineCompletionsProviderDisposable;
+    let decorationsCollection;
+    let chatInstance;
     const {
-      UIStore
+      UIStore,
+      zIndex
     } = vue3Util.useUIStore();
     const getMonacoTheme = (name) => {
+      var _a;
+      const customTheme = (_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme;
+      if (customTheme) {
+        return customTheme === "dark" ? "vs-dark" : "vs";
+      }
       return name === "dark" ? "vs-".concat(UIStore.theme) : "vs";
     };
     vue.watch(() => UIStore.theme, (newVal) => {
@@ -71,15 +89,232 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props.disabled, updateEditorOptions, {
       immediate: true
     });
-    const codeEditBox = vue.ref();
+    const unload = () => {
+      editor == null ? void 0 : editor.dispose();
+      editor = null;
+      decorationsCollection == null ? void 0 : decorationsCollection.clear();
+      decorationsCollection = null;
+      codeLensProviderDisposable == null ? void 0 : codeLensProviderDisposable.dispose();
+      codeLensProviderDisposable = null;
+      inlineCompletionsProviderDisposable == null ? void 0 : inlineCompletionsProviderDisposable.dispose();
+      inlineCompletionsProviderDisposable = null;
+      chatInstance == null ? void 0 : chatInstance.close();
+    };
+    const openAIChat = async () => {
+      if (!c.deACMode || !c.model.appDataEntityId)
+        return;
+      const {
+        contentToolbarItems,
+        footerToolbarItems,
+        questionToolbarItems,
+        otherToolbarItems
+      } = aiUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const module = await import('@ibiz-template-plugin/ai-chat');
+      chatInstance = module.chat || module.default.chat;
+      let id = "";
+      let abortController;
+      chatInstance.create({
+        containerOptions: {
+          zIndex: zIndex.increment()
+        },
+        chatOptions: {
+          caption: c.deACMode.logicName,
+          context: {
+            ...c.context
+          },
+          params: {
+            ...c.params,
+            srfactag: c.deACMode.codeName
+          },
+          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
+          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
+          // 编辑器参数srfaiappendcurcontent，传入编辑内容作为用户消息,获取历史数据后附加
+          appendCurContent: c.editorParams.srfaiappendcurcontent ? core.StringUtil.fill(c.editorParams.srfaiappendcurcontent, c.context, c.params, props.data) : void 0,
+          appDataEntityId: c.model.appDataEntityId,
+          contentToolbarItems,
+          footerToolbarItems,
+          questionToolbarItems,
+          otherToolbarItems,
+          question: async (aiChat, ctx, param, other, arr) => {
+            id = qxUtil.createUUID();
+            abortController = new AbortController();
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            try {
+              await deService.aiChatSse((msg) => {
+                if (msg.actionstate === 20 && msg.actionresult) {
+                  aiChat.addMessage({
+                    messageid: id,
+                    state: msg.actionstate,
+                    type: "DEFAULT",
+                    role: "ASSISTANT",
+                    content: msg.actionresult
+                  });
+                } else if (msg.actionstate === 30 && msg.actionresult) {
+                  const result = JSON.parse(msg.actionresult);
+                  const choices = result.choices;
+                  if (choices && choices.length > 0) {
+                    aiChat.replaceMessage({
+                      messageid: id,
+                      state: msg.actionstate,
+                      type: "DEFAULT",
+                      role: "ASSISTANT",
+                      content: choices[0].content || ""
+                    });
+                  }
+                } else if (msg.actionstate === 40) {
+                  aiChat.replaceMessage({
+                    messageid: id,
+                    state: msg.actionstate,
+                    type: "ERROR",
+                    role: "ASSISTANT",
+                    content: msg.actionresult
+                  });
+                }
+              }, abortController, ctx, param, {
+                messages: arr
+              });
+            } catch (error) {
+              aiChat.replaceMessage({
+                messageid: id,
+                state: 40,
+                type: "ERROR",
+                role: "ASSISTANT",
+                content: error.message || ibiz.i18n.t("app.aiError")
+              });
+              abortController == null ? void 0 : abortController.abort();
+            } finally {
+              aiChat.completeMessage(id, true);
+              return true;
+            }
+          },
+          abortQuestion: async (aiChat) => {
+            abortController == null ? void 0 : abortController.abort();
+            await aiChat.stopMessage({
+              messageid: id,
+              state: 30,
+              type: "DEFAULT",
+              role: "ASSISTANT",
+              content: ""
+            });
+            await aiChat.completeMessage(id, true);
+          },
+          action: (action, message) => {
+            if (action === "backfill")
+              emit("change", message.realcontent);
+          },
+          history: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const historyData = other.appendCurData ? other.appendCurData : {};
+            const result = await deService.aiChatHistory(ctx, param, historyData);
+            if (result.data && Array.isArray(result.data)) {
+              let preMsg;
+              result.data.forEach((item) => {
+                if (item.role === "TOOL") {
+                  if (preMsg && item.content) {
+                    chatInstance.aiChat.updateRecommendPrompt(preMsg, item.content);
+                  }
+                } else {
+                  const msg = {
+                    messageid: qxUtil.createUUID(),
+                    state: 30,
+                    type: "DEFAULT",
+                    role: item.role,
+                    content: item.content,
+                    completed: true
+                  };
+                  preMsg = msg;
+                  chatInstance.aiChat.addMessage(msg);
+                }
+              });
+            }
+            return true;
+          },
+          recommendPrompt: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const result = await deService.aiChatRecommendPrompt(ctx, param, other.message);
+            if (result.ok && result.data) {
+              const choices = result.data.choices;
+              if (choices && choices.length > 0) {
+                return choices[0];
+              }
+              return null;
+            }
+            return null;
+          },
+          uploader: {
+            onUpload: async (file, reportProgress, options) => {
+              const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
+              const uploadHeaders = {};
+              const token = core.getAppCookie(core.CoreConst.TOKEN);
+              if (token) {
+                Object.assign(uploadHeaders, {
+                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
+                });
+              }
+              const formData = new FormData();
+              formData.append("file", file);
+              const res = await ibiz.net.axios({
+                url: fileMeata.uploadUrl,
+                method: "post",
+                headers: uploadHeaders,
+                data: formData,
+                onUploadProgress: (progressEvent) => {
+                  const percent = progressEvent.loaded / progressEvent.total * 100;
+                  reportProgress(percent);
+                }
+              });
+              return res.data;
+            }
+          },
+          extendToolbarClick: async (event, source, context, params, data) => {
+            var _a, _b;
+            const result = await runtime.UIActionUtil.exec(source.id, {
+              view: c.view,
+              ctrl: c.ctrl,
+              context: core.IBizContext.create(context),
+              params,
+              data: [data],
+              event
+            }, source.appId);
+            if (result.closeView) {
+              c.view.closeView({
+                ok: true
+              });
+            } else if (result.refresh) {
+              switch (result.refreshMode) {
+                case 1:
+                  c.view.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                case 2:
+                  (_a = c.view.parentView) == null ? void 0 : _a.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                case 3:
+                  (_b = c.view.getTopView()) == null ? void 0 : _b.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                default:
+              }
+            }
+            return result;
+          }
+        }
+      });
+    };
+    const validate = (model) => {
+      const currentEditor = monacoEditor.getEditors().find((e) => e.getModel() === model);
+      if (!currentEditor || currentEditor.__instanceId !== UUID)
+        return false;
+      return true;
+    };
     const editorInit = () => {
       vue.nextTick(() => {
+        isLoading.value = true;
         index.default.config({
           paths: {
             vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.45.0/min/vs")
           }
         });
         index.default.init().then((loaderMonaco) => {
+          isLoading.value = false;
           if (!editor) {
             monacoEditor = loaderMonaco.editor;
             editor = monacoEditor.create(codeEditBox.value, {
@@ -101,16 +336,71 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
               },
               fontSize: 16,
               // 字体大小
+              fixedOverflowWidgets: true,
+              // 确保悬浮提示不会被裁剪
               scrollBeyondLastLine: false,
               // 取消代码后面一大段空白
               overviewRulerBorder: false
               // 不要滚动条的边框
             });
+            editor.__instanceId = UUID;
+            if (c.deACMode && ibiz.env.enableAI) {
+              codeLensProviderDisposable = loaderMonaco.languages.registerCodeLensProvider(props.language || props.controller.language, {
+                provideCodeLenses: function(model, _token) {
+                  if (!validate(model))
+                    return {
+                      lenses: [],
+                      dispose: () => {
+                      }
+                    };
+                  return {
+                    lenses: [{
+                      id: "AI",
+                      range: new loaderMonaco.Range(1, 1, 1, 1),
+                      command: {
+                        title: "".concat(c.deACMode.logicName),
+                        id: editor.addCommand(0, () => openAIChat())
+                      }
+                    }],
+                    dispose: () => {
+                    }
+                  };
+                },
+                resolveCodeLens: (_model, codeLens, _token) => codeLens
+              });
+            }
           }
           setTimeout(() => {
             editor.layout();
             editor.setValue(currentVal.value);
           });
+          const createDecorationsCollection = () => {
+            if (decorationsCollection)
+              decorationsCollection.clear();
+            if (c.placeHolder && !(editor == null ? void 0 : editor.getValue())) {
+              decorationsCollection = editor.createDecorationsCollection([{
+                range: new loaderMonaco.Range(1, 1, 1, 1),
+                // 影响第1行的开始位置
+                options: {
+                  isWholeLine: true,
+                  // 是否作用于整行
+                  beforeContentClassName: "".concat(ns.e("first-prompt"), " ghost-text-decoration")
+                  // 在内容前加修饰 mtk8为注释样式类名
+                }
+              }]);
+            }
+          };
+          const originalSetValue = editor.setValue.bind(editor);
+          editor.setValue = (newValue) => {
+            originalSetValue(newValue);
+            createDecorationsCollection();
+          };
+          editor.onDidFocusEditorText(() => {
+            decorationsCollection == null ? void 0 : decorationsCollection.clear();
+          });
+          editor.onDidBlurEditorText(() => {
+            createDecorationsCollection();
+          });
           editor.onDidChangeModelContent(() => {
             if (!hasEnableEdit.value) {
               currentVal.value = editor.getValue();
@@ -120,6 +410,8 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
           window.addEventListener("resize", () => {
             editor.layout();
           });
+        }).catch(() => {
+          isLoading.value = false;
         });
       });
     };
@@ -139,8 +431,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     };
     const changeFullScreenState = async () => {
       currentVal.value = String(editor == null ? void 0 : editor.getValue());
-      editor == null ? void 0 : editor.dispose();
-      editor = null;
+      unload();
       isFullScreen.value = !isFullScreen.value;
       editorInit();
     };
@@ -229,14 +520,17 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     const renderCodeContent = () => {
       return vue.createVNode("div", {
         "ref": codeEditBox,
-        "class": ns.e("box")
+        "class": ns.e("box"),
+        "style": {
+          [ns.cssVarBlockName("placeholder")]: '"'.concat(c.placeHolder, '"')
+        }
       }, null);
     };
     vue.onMounted(() => {
       editorInit();
     });
     vue.onUnmounted(() => {
-      editor == null ? void 0 : editor.dispose();
+      unload();
     });
     return {
       ns,
@@ -245,6 +539,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
       isFullScreen,
       hasEnableEdit,
       readonlyState,
+      isLoading,
       renderFooter,
       renderHeaderToolbar,
       renderCodeContent,
@@ -252,13 +547,15 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    return !this.isFullScreen ? vue.createVNode("div", {
+    var _a, _b;
+    const isLoading = !((_b = (_a = this.controller.view) == null ? void 0 : _a.state) == null ? void 0 : _b.isLoading) && this.isLoading;
+    return !this.isFullScreen ? vue.withDirectives(vue.createVNode("div", {
       "class": [this.ns.b(), {
         [this.ns.b("editor-readonly")]: this.readonlyState
       }, {
         [this.ns.b("editor-enable")]: !this.readonlyState
-      }]
-    }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]) : vue.createVNode(vue.resolveComponent("el-dialog"), {
+      }, this.ns.is("enable", this.hasEnableEdit)]
+    }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[vue.resolveDirective("loading"), isLoading]]) : vue.createVNode(vue.resolveComponent("el-dialog"), {
       "modelValue": this.isFullScreen,
       "onUpdate:modelValue": ($event) => this.isFullScreen = $event,
       "width": "80%",
@@ -266,13 +563,13 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("dialog-full-screen"),
       "onClose": () => this.changeFullScreenState()
     }, {
-      default: () => [vue.createVNode("div", {
+      default: () => [vue.withDirectives(vue.createVNode("div", {
         "class": [this.ns.b(), {
           [this.ns.b("editor-readonly")]: this.readonlyState
         }, {
           [this.ns.b("editor-enable")]: !this.readonlyState
         }]
-      }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null])]
+      }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[vue.resolveDirective("loading"), isLoading]])]
     });
   }
 });

package/lib/editor/code/monaco-editor/monaco-editor.css

@@ -1 +1 @@
-.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code-toolbar{display:flex;align-items:center;justify-content:end;width:100%;min-height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar i{cursor:pointer}.ibiz-code-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-code-footer{display:flex;align-items:center;justify-content:end;width:100%;min-height:36px;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable .ibiz-code__box{height:calc(100% - 68px)}.ibiz-code-dialog-full-screen{height:80%!important}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code__box{height:calc(100% - 124px)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{min-height:56px}.ibiz-code-footer-dialog{min-height:68px;margin-top:0}
+.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code__first-prompt::before{padding-right:var(--ibiz-spacing-base);content:var(--ibiz-code-placeholder)}.ibiz-code-toolbar{display:flex;align-items:center;justify-content:end;width:100%;min-height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar i{cursor:pointer}.ibiz-code-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-code-footer{display:flex;align-items:center;justify-content:end;width:100%;min-height:36px;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable.is-enable .ibiz-code__box{height:calc(100% - 68px)}.ibiz-code-dialog-full-screen{height:80%!important}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code__box{height:calc(100% - 124px)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{min-height:56px}.ibiz-code-footer-dialog{min-height:68px;margin-top:0}

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

@@ -160,6 +160,9 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     });
     const onFocus = (e) => {
       isReverse.value = true;
+      if (!c.noAC) {
+        editorRef.value.loading = true;
+      }
       emit("focus", e);
       setEditable(true);
     };

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

@@ -182,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);
@@ -213,6 +217,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
         immediate: true,
         deep: true
       });
+      setPopoverZIndex("--".concat(ns.namespace, "-picker-dropdown-transfer-zindex"));
     });
     const renderActionItem = (detail) => {
       if (!c.groupActionState[detail.id].visible) {
@@ -274,7 +279,8 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       setEditable,
       showFormDefaultContent,
       renderGroupAction,
-      renderEmpty
+      renderEmpty,
+      popoverid
     };
   },
   render() {
@@ -289,7 +295,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       "remote": true,
       "remote-show-suffix": this.c.model.showTrigger,
       "clearable": true,
-      "popper-class": [this.ns.e("transfer"), this.ns.is("empty", !this.items.length)],
+      "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,

package/lib/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 .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.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}
+.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-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],

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

@@ -132,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();
@@ -222,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 });
     }

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";
     }

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:

package/lib/editor/dropdown-list/dropdown-list-editor.controller.cjs

@@ -42,7 +42,7 @@ class DropDownListEditorController extends runtime.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) {