@tmagic/editor 1.3.0-beta.5 → 1.3.0-beta.6

package/dist/tmagic-editor.umd.cjs

@@ -38,7 +38,7 @@
     },
     __name: "CodeEditor",
     props: {
-      initValues: {},
+      initValues: { default: "" },
       modifiedValues: {},
       type: {},
       language: { default: "javascript" },
@@ -786,47 +786,72 @@
     ...BaseFormConfig(),
     ...config,
     {
-      type: "panel",
-      title: "数据定义",
+      type: "tab",
       items: [
         {
-          name: "fields",
-          type: "data-source-fields",
-          defaultValue: () => []
-        }
-      ]
-    },
-    {
-      type: "panel",
-      title: "方法定义",
-      items: [
+          title: "数据定义",
+          items: [
+            {
+              name: "fields",
+              type: "data-source-fields",
+              defaultValue: () => []
+            }
+          ]
+        },
         {
-          name: "methods",
-          type: "data-source-methods",
-          defaultValue: () => []
-        }
-      ]
-    },
-    {
-      type: "panel",
-      title: "事件配置",
-      display: false,
-      items: [
+          title: "方法定义",
+          items: [
+            {
+              name: "methods",
+              type: "data-source-methods",
+              defaultValue: () => []
+            }
+          ]
+        },
         {
-          name: "events",
-          src: "datasource",
-          type: "event-select"
-        }
-      ]
-    },
-    {
-      type: "panel",
-      title: "mock数据",
-      items: [
+          title: "事件配置",
+          display: false,
+          items: [
+            {
+              name: "events",
+              src: "datasource",
+              type: "event-select"
+            }
+          ]
+        },
+        {
+          title: "mock数据",
+          items: [
+            {
+              name: "mocks",
+              type: "data-source-mocks",
+              defaultValue: () => []
+            }
+          ]
+        },
+        {
+          title: "请求参数裁剪",
+          display: (formState, { model }) => model.type === "http",
+          items: [
+            {
+              name: "beforeRequest",
+              type: "vs-code",
+              parse: true,
+              height: "600px"
+            }
+          ]
+        },
         {
-          name: "mocks",
-          type: "data-source-mocks",
-          defaultValue: () => []
+          title: "响应数据裁剪",
+          display: (formState, { model }) => model.type === "http",
+          items: [
+            {
+              name: "afterResponse",
+              type: "vs-code",
+              parse: true,
+              height: "600px"
+            }
+          ]
         }
       ]
     }
@@ -841,6 +866,62 @@
         return fillConfig$1(configs[type] || []);
     }
   };
+  const getFormValue = (type, values) => {
+    if (type !== "http") {
+      return values;
+    }
+    return {
+      beforeRequest: `(options, context) => {
+  /**
+   * 用户可以直接编写函数，在原始接口调用之前，会运行该函数，将这个函数的返回值作为该数据源接口的入参
+   *
+   * options: HttpOptions
+   *
+   * interface HttpOptions {
+   *  // 请求链接
+   *  url: string;
+   *  // query参数
+   *  params?: Record<string, string>;
+   *  // body数据
+   *  data?: Record<string, any>;
+   *  // 请求头
+   *  headers?: Record<string, string>;
+   *  // 请求方法 GET/POST
+   *  method?: Method;
+   * }
+   *
+   * context：上下文对象
+   *
+   * interface Content {
+   *  app: AppCore;
+   *  dataSource: HttpDataSource;
+   * }
+   *
+   * return: HttpOptions
+   */
+
+  // 此处的返回值会作为这个接口的入参
+  return options;
+}`,
+      afterResponse: `(response, context) => {
+  /**
+   * 用户可以直接编写函数，在原始接口返回之后，会运行该函数，将这个函数的返回值作为该数据源接口的返回
+
+    * context：上下文对象
+    *
+    * interface Content {
+    *  app: AppCore;
+    *  dataSource: HttpDataSource;
+    * }
+    *
+    */
+
+  // 此处的返回值会作为这个接口的返回值
+  return response;
+}`,
+      ...values
+    };
+  };
   const getDisplayField = (dataSources, key) => {
     const displayState = [];
     const matches = key.matchAll(/\$\{([\s\S]+?)\}/g);
@@ -1026,7 +1107,7 @@
       this.get("configs")[type] = config;
     }
     getFormValue(type = "base") {
-      return this.get("values")[type];
+      return getFormValue(type, this.get("values")[type]);
     }
     setFormValue(type, value) {
       this.get("values")[type] = value;
@@ -4625,6 +4706,7 @@
       };
       const deleteHandler = (index) => {
         records.value.splice(index, 1);
+        emit("change", getValue());
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
@@ -10376,6 +10458,7 @@
   exports.getDefaultConfig = getDefaultConfig;
   exports.getDisplayField = getDisplayField;
   exports.getFormConfig = getFormConfig;
+  exports.getFormValue = getFormValue;
   exports.getGuideLineFromCache = getGuideLineFromCache;
   exports.getInitPositionStyle = getInitPositionStyle;
   exports.getNodeIndex = getNodeIndex;