npm - ll-plus - Versions diffs - 2.3.6 → 2.3.7 - Mend

ll-plus 2.3.6 → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/es/components/api-component/src/api-component.vue.d.ts CHANGED Viewed

@@ -1,18 +1,20 @@
 import { IMethod } from './config';
 declare const _default: import("vue").DefineComponent<{
-    readonly url: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly method: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod))[], unknown, unknown, "GET", boolean>;
-    readonly requestParams: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]) | ((new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]))[], unknown, unknown, () => import("./config").IParam[], boolean>;
-    readonly headerParams: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]) | ((new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]))[], unknown, unknown, () => import("./config").IParam[], boolean>;
-    readonly bodyParams: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {
-        none: null;
-        'form-data': never[];
-        json: never[];
-        xml: never[];
-        raw: string;
-        'x-www-form-urlencoded': never[];
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel) | ((new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel))[], unknown, unknown, () => {
+        url: string;
+        method: string;
+        requestParams: never[];
+        headerParams: never[];
+        bodyParams: {
+            none: null;
+            'form-data': never[];
+            json: never[];
+            xml: never[];
+            raw: string;
+            'x-www-form-urlencoded': never[];
+        };
     }, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly isValid: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly rules: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
         [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
@@ -37,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     }, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly value: import("./config").HttpModel;
         readonly rules: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => {
             [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
         }) | (() => {
@@ -47,15 +50,11 @@ declare const _default: import("vue").DefineComponent<{
             [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
         } | undefined))[], unknown, unknown>;
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod))[], unknown, unknown>;
-        readonly url: string;
-        readonly requestParams: import("./config").IParam[];
-        readonly headerParams: import("./config").IParam[];
-        readonly bodyParams: Record<string, any>;
         readonly isValid: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly onChange?: ((value: Record<string, any>) => any) | undefined;
+        readonly onChange?: ((value: import("./config").HttpModel) => any) | undefined;
+        readonly "onUpdate:value"?: ((value: import("./config").HttpModel) => any) | undefined;
     } & {}>;
-    emits: (event: "change", value: Record<string, any>) => void;
+    emits: ((event: "change", value: import("./config").HttpModel) => void) & ((event: "update:value", value: import("./config").HttpModel) => void);
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -80,10 +79,9 @@ declare const _default: import("vue").DefineComponent<{
     }) | (() => {
         [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
     } | undefined))[], unknown, unknown>>;
-    httpModel: {
+    httpModel: import("vue").Ref<{
         url: string;
-        method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod))[], unknown, unknown>;
-        bodyParams: Record<string, any>;
+        method: IMethod;
         requestParams: {
             [x: string]: any;
             required?: boolean | undefined;
@@ -108,7 +106,55 @@ declare const _default: import("vue").DefineComponent<{
             chineseName?: string | undefined;
             children?: any[] | undefined;
         }[];
-    };
+        bodyParams: {
+            none: null;
+            'form-data': {
+                [x: string]: any;
+                required?: boolean | undefined;
+                name?: string | undefined;
+                value?: string | undefined;
+                type?: any;
+                static?: boolean | undefined;
+                contentType?: string | undefined;
+                description?: string | undefined;
+                chineseName?: string | undefined;
+                children?: any[] | undefined;
+            }[];
+            json: {
+                [x: string]: any;
+                name?: string | undefined;
+                type?: import("./config").IType | undefined;
+                value?: any;
+                mock?: string | undefined;
+                chineseName?: string | undefined;
+                description?: string | undefined;
+                children?: any[] | undefined;
+            }[];
+            xml: {
+                [x: string]: any;
+                name?: string | undefined;
+                type?: import("./config").IType | undefined;
+                value?: any;
+                mock?: string | undefined;
+                chineseName?: string | undefined;
+                description?: string | undefined;
+                children?: any[] | undefined;
+            }[];
+            raw: string;
+            'x-www-form-urlencoded': {
+                [x: string]: any;
+                required?: boolean | undefined;
+                name?: string | undefined;
+                value?: string | undefined;
+                type?: any;
+                static?: boolean | undefined;
+                contentType?: string | undefined;
+                description?: string | undefined;
+                chineseName?: string | undefined;
+                children?: any[] | undefined;
+            }[];
+        };
+    }>;
     computedRequestList: import("vue").ComputedRef<{
         key: string;
         name: string;
@@ -120,6 +166,7 @@ declare const _default: import("vue").DefineComponent<{
         url: string;
         method: IMethod;
     }) => void;
+    setValue: () => void;
     readonly paramsTableColumns: ({
         key: string;
         dataIndex: string;
@@ -158,64 +205,133 @@ declare const _default: import("vue").DefineComponent<{
         span: number;
     })[];
     ApiUrl: import("vue").DefineComponent<{
-        readonly value: {
-            readonly type: import("vue").PropType<any>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel) | ((new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel))[], unknown, unknown, () => {
+            url: string;
+            method: string;
+            requestParams: never[];
+            headerParams: never[];
+            bodyParams: {
+                none: null;
+                'form-data': never[];
+                json: never[];
+                xml: never[];
+                raw: string;
+                'x-www-form-urlencoded': never[];
+            };
+        }, boolean>;
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly value?: any;
-            readonly onChange?: ((params: {
-                method: IMethod;
-                url: string;
-            }) => any) | undefined;
-            readonly "onUpdate:value"?: ((params: {
-                method: IMethod;
-                url: string;
-            }) => any) | undefined;
+            readonly value: import("./config").HttpModel;
+            readonly onChange?: ((params: import("./config").HttpModel) => any) | undefined;
+            readonly "onUpdate:value"?: ((params: import("./config").HttpModel) => any) | undefined;
         } & {}>;
-        emits: ((event: "change", params: {
-            method: IMethod;
+        emits: ((event: "change", params: import("./config").HttpModel) => void) & ((event: "update:value", params: import("./config").HttpModel) => void);
+        disabled: unknown;
+        innerValue: import("vue").Ref<{
             url: string;
-        }) => void) & ((event: "update:value", params: {
             method: IMethod;
-            url: string;
-        }) => void);
-        disabled: unknown;
-        innerValue: import("vue").Ref<any>;
+            requestParams: {
+                [x: string]: any;
+                required?: boolean | undefined;
+                name?: string | undefined;
+                value?: string | undefined;
+                type?: any;
+                static?: boolean | undefined;
+                contentType?: string | undefined;
+                description?: string | undefined;
+                chineseName?: string | undefined;
+                children?: any[] | undefined;
+            }[];
+            headerParams: {
+                [x: string]: any;
+                required?: boolean | undefined;
+                name?: string | undefined;
+                value?: string | undefined;
+                type?: any;
+                static?: boolean | undefined;
+                contentType?: string | undefined;
+                description?: string | undefined;
+                chineseName?: string | undefined;
+                children?: any[] | undefined;
+            }[];
+            bodyParams: {
+                none: null;
+                'form-data': {
+                    [x: string]: any;
+                    required?: boolean | undefined;
+                    name?: string | undefined;
+                    value?: string | undefined;
+                    type?: any;
+                    static?: boolean | undefined;
+                    contentType?: string | undefined;
+                    description?: string | undefined;
+                    chineseName?: string | undefined;
+                    children?: any[] | undefined;
+                }[];
+                json: {
+                    [x: string]: any;
+                    name?: string | undefined;
+                    type?: import("./config").IType | undefined;
+                    value?: any;
+                    mock?: string | undefined;
+                    chineseName?: string | undefined;
+                    description?: string | undefined;
+                    children?: any[] | undefined;
+                }[];
+                xml: {
+                    [x: string]: any;
+                    name?: string | undefined;
+                    type?: import("./config").IType | undefined;
+                    value?: any;
+                    mock?: string | undefined;
+                    chineseName?: string | undefined;
+                    description?: string | undefined;
+                    children?: any[] | undefined;
+                }[];
+                raw: string;
+                'x-www-form-urlencoded': {
+                    [x: string]: any;
+                    required?: boolean | undefined;
+                    name?: string | undefined;
+                    value?: string | undefined;
+                    type?: any;
+                    static?: boolean | undefined;
+                    contentType?: string | undefined;
+                    description?: string | undefined;
+                    chineseName?: string | undefined;
+                    children?: any[] | undefined;
+                }[];
+            };
+        }>;
         handleChange: () => void;
         readonly methods: {
             label: string;
             value: string;
         }[];
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:value': (params: {
-            method: IMethod;
-            url: string;
-        }) => boolean;
-        change: (params: {
-            method: IMethod;
-            url: string;
-        }) => boolean;
+        'update:value': (params: import("./config").HttpModel) => boolean;
+        change: (params: import("./config").HttpModel) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly value: {
-            readonly type: import("vue").PropType<any>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-    }>> & {
-        onChange?: ((params: {
-            method: IMethod;
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel) | ((new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel))[], unknown, unknown, () => {
             url: string;
-        }) => any) | undefined;
-        "onUpdate:value"?: ((params: {
-            method: IMethod;
-            url: string;
-        }) => any) | undefined;
-    }, {}, {}>;
+            method: string;
+            requestParams: never[];
+            headerParams: never[];
+            bodyParams: {
+                none: null;
+                'form-data': never[];
+                json: never[];
+                xml: never[];
+                raw: string;
+                'x-www-form-urlencoded': never[];
+            };
+        }, boolean>;
+    }>> & {
+        onChange?: ((params: import("./config").HttpModel) => any) | undefined;
+        "onUpdate:value"?: ((params: import("./config").HttpModel) => any) | undefined;
+    }, {
+        readonly value: import("./config").HttpModel;
+    }, {}>;
     JsonXml: import("vue").DefineComponent<{
         readonly value: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => void, boolean>;
     }, {
@@ -488,21 +604,24 @@ declare const _default: import("vue").DefineComponent<{
         readonly dataSource: import("./config").IParamsData[];
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: Record<string, any>) => boolean;
+    change: (value: import("./config").HttpModel) => boolean;
+    'update:value': (value: import("./config").HttpModel) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly url: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly method: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod))[], unknown, unknown, "GET", boolean>;
-    readonly requestParams: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]) | ((new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]))[], unknown, unknown, () => import("./config").IParam[], boolean>;
-    readonly headerParams: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]) | ((new (...args: any[]) => import("./config").IParam[]) | (() => import("./config").IParam[]))[], unknown, unknown, () => import("./config").IParam[], boolean>;
-    readonly bodyParams: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {
-        none: null;
-        'form-data': never[];
-        json: never[];
-        xml: never[];
-        raw: string;
-        'x-www-form-urlencoded': never[];
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel) | ((new (...args: any[]) => import("./config").HttpModel) | (() => import("./config").HttpModel))[], unknown, unknown, () => {
+        url: string;
+        method: string;
+        requestParams: never[];
+        headerParams: never[];
+        bodyParams: {
+            none: null;
+            'form-data': never[];
+            json: never[];
+            xml: never[];
+            raw: string;
+            'x-www-form-urlencoded': never[];
+        };
     }, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly isValid: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly rules: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
         [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
@@ -526,8 +645,10 @@ declare const _default: import("vue").DefineComponent<{
         })[];
     }, boolean>;
 }>> & {
-    onChange?: ((value: Record<string, any>) => any) | undefined;
+    onChange?: ((value: import("./config").HttpModel) => any) | undefined;
+    "onUpdate:value"?: ((value: import("./config").HttpModel) => any) | undefined;
 }, {
+    readonly value: import("./config").HttpModel;
     readonly rules: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => {
         [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
     }) | (() => {
@@ -538,11 +659,6 @@ declare const _default: import("vue").DefineComponent<{
         [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
     } | undefined))[], unknown, unknown>;
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => IMethod))[], unknown, unknown>;
-    readonly url: string;
-    readonly requestParams: import("./config").IParam[];
-    readonly headerParams: import("./config").IParam[];
-    readonly bodyParams: Record<string, any>;
     readonly isValid: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/es/components/api-component/src/api-component.vue2.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, provide, reactive, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, normalizeProps, guardReactiveProps, withDirectives, vShow, createElementVNode, createBlock, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, provide, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, normalizeProps, guardReactiveProps, withDirectives, vShow, createElementVNode, createBlock, createCommentVNode } from 'vue';
 import { Form } from 'ant-design-vue';
 import './config/index.mjs';
 import '../../../utils/index.mjs';
@@ -26,15 +26,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const bodyKey = ref("form-data");
     const computedRules = computed(() => props.isValid ? props.rules : {});
     provide("disabled", props.disabled);
-    const httpModel = reactive({
-      url: props.url,
-      method: props.method,
-      bodyParams: props.bodyParams,
-      requestParams: props.requestParams,
-      headerParams: props.headerParams
-    });
+    const httpModel = ref(props.value);
     const computedRequestList = computed(() => {
-      if (httpModel.method === "GET") {
+      if (httpModel.value.method === "GET") {
         return requestList.filter((item) => item.key !== "body");
       }
       return requestList;
@@ -49,19 +43,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const handleChange = (params) => {
-      httpModel.method = params.method;
-      httpModel.url = params.url;
+      httpModel.value.method = params.method;
+      httpModel.value.url = params.url;
       formItemContext.onFieldChange();
-      emits("change", httpModel);
+      setValue();
+    };
+    const setValue = () => {
+      emits("change", httpModel.value);
+      emits("update:value", httpModel.value);
     };
+    watch(
+      () => props.value,
+      (val) => {
+        httpModel.value = val;
+      },
+      {
+        deep: true
+      }
+    );
     watch(
       () => httpModel,
-      (n) => {
-        emits("change", n);
+      () => {
+        setValue();
       },
       {
-        deep: true,
-        immediate: true
+        deep: true
       }
     );
     __expose({
@@ -94,8 +100,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   {
                     default: withCtx(() => [
                       createVNode(ApiUrl, {
-                        value: httpModel,
-                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => httpModel = $event),
+                        value: httpModel.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => httpModel.value = $event),
                         class: normalizeClass(unref(bem).m("header")),
                         onChange: handleChange
                       }, null, 8, ["value", "class"])
@@ -114,13 +120,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["active-key", "tabs", "class"]),
                 withDirectives(createVNode(paramsTable, {
                   columns: unref(paramsTableColumns),
-                  "data-source": httpModel.requestParams
+                  "data-source": httpModel.value.requestParams
                 }, null, 8, ["columns", "data-source"]), [
                   [vShow, activeKey.value === "params"]
                 ]),
                 withDirectives(createVNode(paramsTable, {
                   columns: unref(headersTableColumns),
-                  "data-source": httpModel.headerParams
+                  "data-source": httpModel.value.headerParams
                 }, null, 8, ["columns", "data-source"]), [
                   [vShow, activeKey.value === "headers"]
                 ]),
@@ -135,31 +141,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(unref(bem).m("body-tab"))
                     }, null, 8, ["active-key", "tabs", "class"]),
                     withDirectives(createVNode(JsonXml, {
-                      value: httpModel.bodyParams["json"],
-                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => httpModel.bodyParams["json"] = $event)
+                      value: httpModel.value.bodyParams["json"],
+                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => httpModel.value.bodyParams["json"] = $event)
                     }, null, 8, ["value"]), [
                       [vShow, bodyKey.value === "json"]
                     ]),
                     withDirectives(createVNode(JsonXml, {
-                      value: httpModel.bodyParams["xml"],
-                      "onUpdate:value": _cache[4] || (_cache[4] = ($event) => httpModel.bodyParams["xml"] = $event)
+                      value: httpModel.value.bodyParams["xml"],
+                      "onUpdate:value": _cache[4] || (_cache[4] = ($event) => httpModel.value.bodyParams["xml"] = $event)
                     }, null, 8, ["value"]), [
                       [vShow, bodyKey.value === "xml"]
                     ]),
                     bodyKey.value === "raw" ? (openBlock(), createBlock(_component_ll_code_editor, {
                       key: 0,
-                      value: httpModel.bodyParams["raw"],
-                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => httpModel.bodyParams["raw"] = $event)
+                      value: httpModel.value.bodyParams["raw"],
+                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => httpModel.value.bodyParams["raw"] = $event)
                     }, null, 8, ["value"])) : createCommentVNode("v-if", true),
                     withDirectives(createVNode(paramsTable, {
                       columns: unref(paramsTableColumns),
-                      "data-source": httpModel.bodyParams["x-www-form-urlencoded"]
+                      "data-source": httpModel.value.bodyParams["x-www-form-urlencoded"]
                     }, null, 8, ["columns", "data-source"]), [
                       [vShow, bodyKey.value === "x-www-form-urlencoded"]
                     ]),
                     withDirectives(createVNode(paramsTable, {
                       columns: unref(formdataTableColumns),
-                      "data-source": httpModel.bodyParams["form-data"]
+                      "data-source": httpModel.value.bodyParams["form-data"]
                     }, null, 8, ["columns", "data-source"]), [
                       [vShow, bodyKey.value === "form-data"]
                     ]),

package/es/components/api-component/src/api-component.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api-component.vue2.mjs","sources":["../../../../../packages/components/api-component/src/api-component.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-form ref=\"form\">\n <ll-form-item v-bind=\"validateInfos.url\">\n <api-url\n v-model:value=\"httpModel\"\n :class=\"bem.m('header')\"\n @change=\"handleChange\"\n />\n </ll-form-item>\n\n <ll-tabs-simple\n v-model:active-key=\"activeKey\"\n :tabs=\"computedRequestList\"\n :class=\"bem.m('tab')\"\n />\n <params-table\n v-show=\"activeKey === 'params'\"\n :columns=\"paramsTableColumns\"\n :data-source=\"httpModel.requestParams\"\n />\n <params-table\n v-show=\"activeKey === 'headers'\"\n :columns=\"headersTableColumns\"\n :data-source=\"httpModel.headerParams\"\n />\n <div v-show=\"activeKey === 'body'\">\n <ll-tabs-simple\n v-model:active-key=\"bodyKey\"\n :tabs=\"bodyList\"\n :class=\"bem.m('body-tab')\"\n />\n <json-xml\n v-show=\"bodyKey === 'json'\"\n v-model:value=\"httpModel.bodyParams['json']\"\n />\n\n <json-xml\n v-show=\"bodyKey === 'xml'\"\n v-model:value=\"httpModel.bodyParams['xml']\"\n />\n <ll-code-editor\n v-if=\"bodyKey === 'raw'\"\n v-model:value=\"httpModel.bodyParams['raw']\"\n />\n <params-table\n v-show=\"bodyKey === 'x-www-form-urlencoded'\"\n :columns=\"paramsTableColumns\"\n :data-source=\"httpModel.bodyParams['x-www-form-urlencoded']\"\n />\n <params-table\n v-show=\"bodyKey === 'form-data'\"\n :columns=\"formdataTableColumns\"\n :data-source=\"httpModel.bodyParams['form-data']\"\n />\n <ll-empty v-show=\"bodyKey === 'none'\" />\n </div>\n </a-form>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, ~~reactive,~~ watch, provide } from 'vue'\n\nimport { Form } from 'ant-design-vue'\n\nimport {\n apiComponentProps,\n apiComponentEmits,\n requestList,\n paramsTableColumns,\n bodyList,\n headersTableColumns,\n formdataTableColumns,\n IMethod\n} from './config'\n\nimport { createNamespace } from '@ll-plus/utils'\n// Components\nimport ApiUrl from './components/api-url.vue'\n\nimport JsonXml from './components/json-xml.vue'\n\nimport paramsTable from './components/params-table.vue'\n\ndefineOptions({ name: 'LlApiComponent' })\n\nconst props = defineProps(apiComponentProps)\n\nconst emits = defineEmits(apiComponentEmits)\n\nconst bem = createNamespace('api-component')\n\nconst useForm = Form.useForm\n\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst form = ref()\n\nconst activeKey = ref('params')\n\nconst bodyKey = ref('form-data')\n\nconst computedRules = computed(() => (props.isValid ? props.rules : {}))\n\nprovide('disabled', props.disabled)\n\nconst httpModel = ~~reactive~~(~~{\n url:~~ props.~~url,\n method: props.method,\n bodyParams: props.bodyParams,\n requestParams: props.requestParams,\n headerParams: props.headerParams\n}~~)\n\nconst computedRequestList = computed(() => {\n if (httpModel.method === 'GET') {\n return requestList.filter(item => item.key !== 'body')\n }\n return requestList\n})\n\nconst { resetFields, validate, validateInfos } = useForm(\n httpModel,\n computedRules.value,\n {\n onValidate: (...args) => {\n console.log('onValidate', args)\n }\n }\n)\n\nconst handleChange = (params: { url: string; method: IMethod }) => {\n httpModel.method = params.method\n httpModel.url = params.url\n formItemContext.onFieldChange()\n emits('change', httpModel)\n}\n\nwatch(\n () => ~~httpModel~~,\n n => {\n ~~emits('change',~~ n)\n },\n {\n deep: true,\n ~~immediate~~: true\n }\n)\n\ndefineExpose({\n validate,\n resetFields\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,eAAe,CAAA,CAAA;AAE3C,IAAA,MAAM,UAAU,IAAK,CAAA,OAAA,CAAA;AAErB,IAAM,MAAA,eAAA,GAAkB,KAAK,wBAAyB,EAAA,CAAA;AAEtD,IAAA,MAAM,OAAO,GAAI,EAAA,CAAA;AAEjB,IAAM,MAAA,SAAA,GAAY,IAAI,QAAQ,CAAA,CAAA;AAE9B,IAAM,MAAA,OAAA,GAAU,IAAI,WAAW,CAAA,CAAA;AAE/B,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAO,KAAA,CAAM,UAAU,KAAM,CAAA,KAAA,GAAQ,EAAG,CAAA,CAAA;AAEvE,IAAQ,OAAA,CAAA,UAAA,EAAY,MAAM,QAAQ,CAAA,CAAA;AAElC,~~IAAA~~,~~MAAM,YAAY,QAAS,CAAA;AAAA,MACzB,KAAK,KAAM,CAAA,GAAA;AAAA,MACX,QAAQ,KAAM,CAAA,~~MAAA~~;AAAA~~,~~MACd~~,~~YAAY~~,~~KAAM~~,CAAA,~~UAAA;AAAA~~,~~MAClB~~,~~eAAe~~,~~KAAM,~~CAAA,~~aAAA;AAAA,MACrB,cAAc,KAAM,~~CAAA~~,YAAA~~;~~AAAA~~,~~KACrB,CAAA,CAAA;AAED,~~IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAI,IAAA,SAAA,CAAU,~~WAAW~~,KAAO,EAAA;~~AAC9B~~,QAAA,OAAO,WAAY,CAAA,MAAA,CAAO,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAQ,MAAM,CAAA,CAAA;AAAA,OACvD;AACA,MAAO,OAAA,WAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,WAAA,EAAa,QAAU,EAAA,aAAA,EAAkB,GAAA,OAAA;AAAA,MAC/C,SAAA;AAAA,MACA,aAAc,CAAA,KAAA;AAAA,MACd;AAAA,QACE,UAAA,EAAY,IAAI,IAAS,KAAA;AACvB,UAAQ,OAAA,CAAA,GAAA,CAAI,cAAc,IAAI,CAAA,CAAA;AAAA,SAChC;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,MAA6C,KAAA;AACjE,~~MAAA~~,SAAA,~~CAAU~~,SAAS,MAAO,CAAA,MAAA,CAAA;~~AAC1B~~,~~MAAA~~,SAAA,~~CAAU~~,MAAM,MAAO,CAAA,GAAA,CAAA;~~AACvB~~,MAAA,eAAA,CAAgB,aAAc,EAAA,CAAA;AAC9B,~~MAAA~~,KAAA,~~CAAM~~,UAAU,~~SAAS~~,CAAA,CAAA;AAAA,~~KAC3B~~,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,~~SAAA~~;AAAA,~~MACN~~,~~CAAK~~,~~CAAA~~,KAAA;~~AACH~~,QAAA,~~KAAA~~,~~CAAM~~,~~UAAU~~,~~CAAC~~,~~CAAA~~,CAAA;AAAA,~~OACnB~~;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,~~QACN~~,~~SAAW~~,EAAA,IAAA;AAAA,~~OACb~~;AAAA,KACF,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"api-component.vue2.mjs","sources":["../../../../../packages/components/api-component/src/api-component.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-form ref=\"form\">\n <ll-form-item v-bind=\"validateInfos.url\">\n <api-url\n v-model:value=\"httpModel\"\n :class=\"bem.m('header')\"\n @change=\"handleChange\"\n />\n </ll-form-item>\n\n <ll-tabs-simple\n v-model:active-key=\"activeKey\"\n :tabs=\"computedRequestList\"\n :class=\"bem.m('tab')\"\n />\n <params-table\n v-show=\"activeKey === 'params'\"\n :columns=\"paramsTableColumns\"\n :data-source=\"httpModel.requestParams\"\n />\n <params-table\n v-show=\"activeKey === 'headers'\"\n :columns=\"headersTableColumns\"\n :data-source=\"httpModel.headerParams\"\n />\n <div v-show=\"activeKey === 'body'\">\n <ll-tabs-simple\n v-model:active-key=\"bodyKey\"\n :tabs=\"bodyList\"\n :class=\"bem.m('body-tab')\"\n />\n <json-xml\n v-show=\"bodyKey === 'json'\"\n v-model:value=\"httpModel.bodyParams['json']\"\n />\n\n <json-xml\n v-show=\"bodyKey === 'xml'\"\n v-model:value=\"httpModel.bodyParams['xml']\"\n />\n <ll-code-editor\n v-if=\"bodyKey === 'raw'\"\n v-model:value=\"httpModel.bodyParams['raw']\"\n />\n <params-table\n v-show=\"bodyKey === 'x-www-form-urlencoded'\"\n :columns=\"paramsTableColumns\"\n :data-source=\"httpModel.bodyParams['x-www-form-urlencoded']\"\n />\n <params-table\n v-show=\"bodyKey === 'form-data'\"\n :columns=\"formdataTableColumns\"\n :data-source=\"httpModel.bodyParams['form-data']\"\n />\n <ll-empty v-show=\"bodyKey === 'none'\" />\n </div>\n </a-form>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, provide } from 'vue'\n\nimport { Form } from 'ant-design-vue'\n\nimport {\n apiComponentProps,\n apiComponentEmits,\n requestList,\n paramsTableColumns,\n bodyList,\n headersTableColumns,\n formdataTableColumns,\n IMethod\n} from './config'\n\nimport { createNamespace } from '@ll-plus/utils'\n// Components\nimport ApiUrl from './components/api-url.vue'\n\nimport JsonXml from './components/json-xml.vue'\n\nimport paramsTable from './components/params-table.vue'\n\ndefineOptions({ name: 'LlApiComponent' })\n\nconst props = defineProps(apiComponentProps)\n\nconst emits = defineEmits(apiComponentEmits)\n\nconst bem = createNamespace('api-component')\n\nconst useForm = Form.useForm\n\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst form = ref()\n\nconst activeKey = ref('params')\n\nconst bodyKey = ref('form-data')\n\nconst computedRules = computed(() => (props.isValid ? props.rules : {}))\n\nprovide('disabled', props.disabled)\n\nconst httpModel = ref(props.value)\n\nconst computedRequestList = computed(() => {\n if (httpModel.value.method === 'GET') {\n return requestList.filter(item => item.key !== 'body')\n }\n return requestList\n})\n\nconst { resetFields, validate, validateInfos } = useForm(\n httpModel,\n computedRules.value,\n {\n onValidate: (...args) => {\n console.log('onValidate', args)\n }\n }\n)\n\nconst handleChange = (params: { url: string; method: IMethod }) => {\n httpModel.value.method = params.method\n httpModel.value.url = params.url\n formItemContext.onFieldChange()\n setValue()\n}\n\nconst setValue = () => {\n emits('change', httpModel.value)\n emits('update:value', httpModel.value)\n}\n\nwatch(\n () => props.value,\n val => {\n httpModel.value = val\n },\n {\n deep: true\n }\n)\n\nwatch(\n () => httpModel,\n () => {\n setValue()\n },\n {\n deep: true\n }\n)\n\ndefineExpose({\n validate,\n resetFields\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,eAAe,CAAA,CAAA;AAE3C,IAAA,MAAM,UAAU,IAAK,CAAA,OAAA,CAAA;AAErB,IAAM,MAAA,eAAA,GAAkB,KAAK,wBAAyB,EAAA,CAAA;AAEtD,IAAA,MAAM,OAAO,GAAI,EAAA,CAAA;AAEjB,IAAM,MAAA,SAAA,GAAY,IAAI,QAAQ,CAAA,CAAA;AAE9B,IAAM,MAAA,OAAA,GAAU,IAAI,WAAW,CAAA,CAAA;AAE/B,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAO,KAAA,CAAM,UAAU,KAAM,CAAA,KAAA,GAAQ,EAAG,CAAA,CAAA;AAEvE,IAAQ,OAAA,CAAA,UAAA,EAAY,MAAM,QAAQ,CAAA,CAAA;AAElC,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAEjC,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAI,IAAA,SAAA,CAAU,KAAM,CAAA,MAAA,KAAW,KAAO,EAAA;AACpC,QAAA,OAAO,WAAY,CAAA,MAAA,CAAO,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAQ,MAAM,CAAA,CAAA;AAAA,OACvD;AACA,MAAO,OAAA,WAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,WAAA,EAAa,QAAU,EAAA,aAAA,EAAkB,GAAA,OAAA;AAAA,MAC/C,SAAA;AAAA,MACA,aAAc,CAAA,KAAA;AAAA,MACd;AAAA,QACE,UAAA,EAAY,IAAI,IAAS,KAAA;AACvB,UAAQ,OAAA,CAAA,GAAA,CAAI,cAAc,IAAI,CAAA,CAAA;AAAA,SAChC;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,MAA6C,KAAA;AACjE,MAAU,SAAA,CAAA,KAAA,CAAM,SAAS,MAAO,CAAA,MAAA,CAAA;AAChC,MAAU,SAAA,CAAA,KAAA,CAAM,MAAM,MAAO,CAAA,GAAA,CAAA;AAC7B,MAAA,eAAA,CAAgB,aAAc,EAAA,CAAA;AAC9B,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAM,KAAA,CAAA,QAAA,EAAU,UAAU,KAAK,CAAA,CAAA;AAC/B,MAAM,KAAA,CAAA,cAAA,EAAgB,UAAU,KAAK,CAAA,CAAA;AAAA,KACvC,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,OACpB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,SAAA;AAAA,MACN,MAAM;AACJ,QAAS,QAAA,EAAA,CAAA;AAAA,OACX;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}