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

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

@@ -3,7 +3,7 @@ import './ibiz-emoji-picker.scss';
 export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -35,14 +35,14 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     renderReference: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -62,10 +62,10 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;

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

@@ -4,7 +4,7 @@ import './ibiz-virtualized-list.scss';
 export declare const IBizVirtualizedList: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -27,16 +27,16 @@ export declare const IBizVirtualizedList: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
     curValue: import("vue").WritableComputedRef<string | string[] | undefined>;
-    items: Ref<readonly IData[]>;
+    items: Ref<readonly import("@ibiz-template/core").IApiData[]>;
     customNodeClass: (data: IData, _node: Node) => string | null;
     valueText: import("vue").ComputedRef<string>;
     hasChildren: Ref<boolean>;
     onBlur: (e: IData) => void;
     onFocus: (e: IData) => void;
     editorRef: Ref<any>;
-    treeNodes: Ref<IData[]>;
+    treeNodes: Ref<import("@ibiz-template/core").IApiData[]>;
     handleKeyUp: (e: KeyboardEvent) => void;
-    getCodeListItem: (text: string) => IData | undefined;
+    getCodeListItem: (text: string) => import("@ibiz-template/core").IApiData | undefined;
     onVisibleChange: (visible: boolean) => Promise<void>;
     isLoading: Ref<boolean>;
     prefix: {
@@ -44,14 +44,14 @@ export declare const IBizVirtualizedList: import("vue").DefineComponent<{
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -71,10 +71,10 @@ export declare const IBizVirtualizedList: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs

@@ -30,12 +30,10 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
         return [];
       }
       const list = [];
+      const existingValues = new Set(codeListItems.value.map((item) => item.value));
       nodes.forEach((codeItem) => {
         var _a;
-        const index = codeListItems.value.findIndex((_item) => {
-          return _item.value === codeItem.value;
-        });
-        if (index === -1) {
+        if (!existingValues.has(codeItem.value)) {
           codeListItems.value.push(codeItem);
         }
         const tempObj = {

package/es/editor/html/html-editor.controller.mjs

@@ -146,7 +146,7 @@ class HtmlEditorController extends EditorController {
    * @memberof HtmlEditorController
    */
   customRegister() {
-    if (!window.aichartRegister) {
+    if (!window.aichartRegister && ibiz.env.enableAI) {
       Boot.registerMenu(AIMenu);
       window.aichartRegister = true;
     }

package/es/editor/html/wang-editor/wang-editor.d.ts

@@ -6,7 +6,7 @@ import './wang-editor.scss';
 declare const IBizHtml: import("vue").DefineComponent<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<HtmlEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -55,14 +55,14 @@ declare const IBizHtml: import("vue").DefineComponent<{
     changeFullScreenState: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<HtmlEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -82,10 +82,10 @@ declare const IBizHtml: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -2,10 +2,13 @@ import { defineComponent, ref, shallowRef, watch, onBeforeUnmount, onMounted, ne
 import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { createUUID } from 'qx-util';
 import { isNil } from 'ramda';
-import { getHtmlProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import { getAppCookie, CoreConst, awaitTimeout } from '@ibiz-template/core';
+import { getHtmlProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
+import { getAppCookie, CoreConst, StringUtil, IBizContext, awaitTimeout } from '@ibiz-template/core';
+import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
 import { ElMessageBox } from 'element-plus';
+import '../../../util/index.mjs';
 import './wang-editor.css';
+import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
 
 "use strict";
 const IBizHtml = /* @__PURE__ */ defineComponent({
@@ -147,82 +150,213 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     });
     let chatInstance;
     const onClickAI = async () => {
-      var _a;
-      if (c.deService) {
-        const module = await import('@ibiz-template-plugin/ai-chat');
-        const chat = module.chat || module.default.chat;
-        chatInstance = chat;
-        const aiChat = chat.create({
-          question: async (arr) => {
-            var _a2;
-            const id = createUUID();
-            await ((_a2 = c.deService) == null ? void 0 : _a2.aiChatSse((msg) => {
-              ibiz.log.info("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({
+      const appDataEntityId = c.model.appDataEntityId;
+      if (!appDataEntityId || !c.deACMode)
+        return;
+      const {
+        contentToolbarItems,
+        footerToolbarItems,
+        questionToolbarItems,
+        otherToolbarItems
+      } = calcAiToolbarItemsByAc(c.deACMode);
+      const {
+        zIndex
+      } = useUIStore();
+      const containerZIndex = zIndex.increment();
+      const module = await import('@ibiz-template-plugin/ai-chat');
+      chatInstance = module.chat || module.default.chat;
+      let id = "";
+      let abortController;
+      chatInstance.create({
+        containerOptions: {
+          zIndex: containerZIndex
+        },
+        chatOptions: {
+          caption: c.deACMode.logicName,
+          context: {
+            ...c.context
+          },
+          params: {
+            ...c.params,
+            srfactag: c.deACMode.codeName
+          },
+          appDataEntityId,
+          contentToolbarItems,
+          footerToolbarItems,
+          questionToolbarItems,
+          otherToolbarItems,
+          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
+          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
+          // 编辑器参数srfaiappendcurcontent，传入编辑内容作为用户消息,获取历史数据后附加
+          appendCurContent: c.editorParams.srfaiappendcurcontent ? StringUtil.fill(c.editorParams.srfaiappendcurcontent, c.context, c.params, props.data) : void 0,
+          question: async (aiChat, ctx, param, other, arr) => {
+            id = 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: choices[0].content || ""
+                    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
                   });
                 }
-              } else if (msg.actionstate === 40) {
-                aiChat.replaceMessage({
-                  messageid: id,
-                  state: msg.actionstate,
-                  type: "ERROR",
-                  role: "ASSISTANT",
-                  content: msg.actionresult
-                });
-              }
-            }, c.context, {}, {
-              messages: arr
-            }));
-            aiChat.addMessage({
+              }, 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: 10,
+              state: 30,
               type: "DEFAULT",
               role: "ASSISTANT",
               content: ""
             });
-            return true;
+            await aiChat.completeMessage(id, true);
           },
           action: (action, message) => {
             if (action === "backfill") {
               if (hasEnableEdit.value) {
-                valueHtml.value = message.content;
+                valueHtml.value = message.realcontent || "";
               } else {
-                emit("change", message.content);
+                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: 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 = getAppCookie(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 UIActionUtil.exec(source.id, {
+              view: c.view,
+              ctrl: c.ctrl,
+              context: 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(SysUIActionTag.REFRESH);
+                  break;
+                case 2:
+                  (_a = c.view.parentView) == null ? void 0 : _a.callUIAction(SysUIActionTag.REFRESH);
+                  break;
+                case 3:
+                  (_b = c.view.getTopView()) == null ? void 0 : _b.callUIAction(SysUIActionTag.REFRESH);
+                  break;
+                default:
+              }
+            }
+            return result;
           }
-        });
-        const res = await ((_a = c.deService) == null ? void 0 : _a.aiChatHistory(c.context, {}));
-        if (res.data && Array.isArray(res.data)) {
-          res.data.forEach((item) => {
-            const msg = {
-              messageid: createUUID(),
-              state: 30,
-              type: "DEFAULT",
-              role: item.role,
-              content: item.content
-            };
-            aiChat.addMessage(msg);
-          });
         }
-      }
+      });
     };
     const handleCreated = (editor) => {
       editorRef.value = editor;

package/es/editor/index.mjs

@@ -168,10 +168,25 @@ const IBizEditor = {
       "IPADDRESSTEXTBOX",
       () => new TextBoxEditorProvider("IPADDRESSTEXTBOX")
     );
+    registerEditorProvider("MOBTEXT", () => textBoxEditorProvider);
+    registerEditorProvider(
+      "MOBNUMBER",
+      () => new TextBoxEditorProvider("NUMBER")
+    );
+    registerEditorProvider("MOBTEXTAREA", () => textBoxEditorProvider);
+    registerEditorProvider("MOBPASSWORD", () => textBoxEditorProvider);
     registerEditorProvider(
       "DROPDOWNLIST",
       () => new DropDownListEditorProvider()
     );
+    registerEditorProvider(
+      "MOBDROPDOWNLIST",
+      () => new DropDownListEditorProvider()
+    );
+    registerEditorProvider(
+      "MOBCHECKLIST",
+      () => new DropDownListEditorProvider()
+    );
     registerEditorProvider(
       "DROPDOWNLIST_100",
       () => new DropDownListEditorProvider()
@@ -201,6 +216,10 @@ const IBizEditor = {
       "RADIOBUTTONLIST",
       () => new RadioButtonListEditorProvider()
     );
+    registerEditorProvider(
+      "MOBRADIOLIST",
+      () => new RadioButtonListEditorProvider()
+    );
     const datePickerProvider = new DatePickerEditorProvider();
     registerEditorProvider("DATEPICKER", () => datePickerProvider);
     registerEditorProvider("DATEPICKEREX", () => datePickerProvider);
@@ -213,6 +232,13 @@ const IBizEditor = {
       "DATEPICKEREX_NODAY_NOSECOND",
       () => datePickerProvider
     );
+    registerEditorProvider("MOBDATE", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_HOUR", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_MINUTE", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_NODAY", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_NODAY_NOSECOND", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_NOTIME", () => datePickerProvider);
+    registerEditorProvider("MOBDATE_SECOND", () => datePickerProvider);
     registerEditorProvider(
       "DATERANGE_SWITCHUNIT",
       () => new DateRangeSelectProvider()
@@ -225,6 +251,14 @@ const IBizEditor = {
       "FILEUPLOADER_ONE",
       () => new FileUploaderEditorProvider("FILEUPLOADER_ONE")
     );
+    registerEditorProvider(
+      "MOBSINGLEFILEUPLOAD",
+      () => new FileUploaderEditorProvider("MOBSINGLEFILEUPLOAD")
+    );
+    registerEditorProvider(
+      "MOBMULTIFILEUPLOAD",
+      () => new FileUploaderEditorProvider("MOBMULTIFILEUPLOAD")
+    );
     registerEditorProvider(
       "PICTURE",
       () => new FileUploaderEditorProvider("PICTURE")
@@ -237,15 +271,31 @@ const IBizEditor = {
       "PICTURE_ONE_RAW",
       () => new FileUploaderEditorProvider("PICTURE_ONE_RAW")
     );
+    registerEditorProvider(
+      "MOBPICTURE",
+      () => new FileUploaderEditorProvider("MOBPICTURE")
+    );
+    registerEditorProvider(
+      "MOBPICTURE_RAW",
+      () => new FileUploaderEditorProvider("MOBPICTURE_RAW")
+    );
+    registerEditorProvider(
+      "MOBPICTURELIST",
+      () => new FileUploaderEditorProvider("MOBPICTURELIST")
+    );
     registerEditorProvider(
       "PICTURE_CROPPING",
       () => new FileUploaderEditorProvider("PICTURE_CROPPING")
     );
     registerEditorProvider("RAW", () => new RawEditorProvider());
     registerEditorProvider("STEPPER", () => new StepperEditorProvider());
+    registerEditorProvider("MOBSTEPPER", () => new StepperEditorProvider());
     registerEditorProvider("RATING", () => new RateEditorProvider());
+    registerEditorProvider("MOBRATING", () => new RateEditorProvider());
     registerEditorProvider("SLIDER", () => new SliderEditorProvider());
+    registerEditorProvider("MOBSLIDER", () => new SliderEditorProvider());
     registerEditorProvider("SWITCH", () => new SwitchEditorProvider());
+    registerEditorProvider("MOBSWITCH", () => new SwitchEditorProvider());
     registerEditorProvider("LISTBOX", () => new ListBoxEditorProvider());
     registerEditorProvider("LISTBOXPICKUP", () => new ListBoxEditorProvider());
     const AutoCompleteProvider = new AutoCompleteEditorProvider();
@@ -305,24 +355,54 @@ const IBizEditor = {
       "PICKUPVIEW",
       () => new DataPickerEditorProvider("PICKUPVIEW")
     );
+    registerEditorProvider(
+      "MOBPICKER",
+      () => new DataPickerEditorProvider("MOBPICKER")
+    );
+    registerEditorProvider(
+      "MOBPICKER_DROPDOWNVIEW",
+      () => new DataPickerEditorProvider("MOBPICKER_DROPDOWNVIEW")
+    );
+    registerEditorProvider(
+      "MOBMPICKER",
+      () => new DataPickerEditorProvider("MOBMPICKER")
+    );
     registerEditorProvider(
       "NUMBERRANGE",
       () => new NumberRangeEditorProvider()
     );
+    registerEditorProvider(
+      "MOBNUMBERRANGE",
+      () => new NumberRangeEditorProvider()
+    );
     registerEditorProvider("DATERANGE", () => new DateRangeEditorProvider());
     registerEditorProvider(
       "DATERANGE_NOTIME",
       () => new DateRangeEditorProvider()
     );
+    registerEditorProvider("MOBDATERANGE", () => new DateRangeEditorProvider());
+    registerEditorProvider(
+      "MOBDATERANGE_NOTIME",
+      () => new DateRangeEditorProvider()
+    );
     registerEditorProvider("CODE", () => new CodeEditorProvider());
+    registerEditorProvider("MOBCODE", () => new CodeEditorProvider());
     registerEditorProvider("HTMLEDITOR", () => new HtmlEditorProvider());
+    registerEditorProvider("MOBHTMLTEXT", () => new HtmlEditorProvider());
     registerEditorProvider("MARKDOWN", () => new MarkDownEditorProvider());
+    registerEditorProvider("MOBMARKDOWN", () => new MarkDownEditorProvider());
     registerEditorProvider("ARRAY", () => new ArrayEditorProvider());
+    registerEditorProvider("MOBARRAY", () => new ArrayEditorProvider());
     registerEditorProvider("CASCADER", () => new CascaderEditorProvider());
+    registerEditorProvider("MOBCASCADER", () => new CascaderEditorProvider());
     registerEditorProvider(
       "COLORPICKER",
       () => new ColorPickerEditorProvider()
     );
+    registerEditorProvider(
+      "MOBCOLORPICKER",
+      () => new ColorPickerEditorProvider()
+    );
     registerEditorProvider(
       "PICKER_searchCondEdit",
       () => new SearchCondEditEditorProvider()