ll-plus 2.2.1 → 2.2.2

package/es/components/api-component/index.d.ts

@@ -19,7 +19,9 @@ export declare const LlApiComponent: import("ll-plus/es/utils").SFCWithInstall<i
         readonly requestParams: import("./src/config").IParam[];
         readonly headerParams: import("./src/config").IParam[];
         readonly bodyParams: Record<string, any>;
+        readonly onChange?: ((value: Record<string, any>) => any) | undefined;
     } & {}>;
+    emits: (event: "change", value: Record<string, any>) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -30,35 +32,37 @@ export declare const LlApiComponent: import("ll-plus/es/utils").SFCWithInstall<i
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    method: import("vue").Ref<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod))[], unknown, unknown>>;
-    url: import("vue").Ref<string>;
     activeKey: import("vue").Ref<string>;
     bodyKey: import("vue").Ref<string>;
-    requestParams: import("vue").Ref<{
-        [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: import("vue").Ref<{
-        [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: Record<string, any>;
+    httpModel: {
+        url: string;
+        method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod))[], unknown, unknown>;
+        bodyParams: Record<string, 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;
+        }[];
+    };
     computedRequestList: import("vue").ComputedRef<{
         key: string;
         name: string;
@@ -413,7 +417,9 @@ export declare const LlApiComponent: import("ll-plus/es/utils").SFCWithInstall<i
         readonly columns: import("./src/config").IParamsColumn[];
         readonly dataSource: import("./src/config").IParamsData[];
     }, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: Record<string, any>) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly url: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly method: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod))[], unknown, unknown, "GET", boolean>;
     readonly requestParams: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IParam[]) | (() => import("./src/config").IParam[]) | ((new (...args: any[]) => import("./src/config").IParam[]) | (() => import("./src/config").IParam[]))[], unknown, unknown, () => import("./src/config").IParam[], boolean>;
@@ -426,7 +432,9 @@ export declare const LlApiComponent: import("ll-plus/es/utils").SFCWithInstall<i
         raw: string;
         'x-www-form-urlencoded': never[];
     }, boolean>;
-}>>, {
+}>> & {
+    onChange?: ((value: Record<string, any>) => any) | undefined;
+}, {
     readonly method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./src/config").IMethod))[], unknown, unknown>;
     readonly url: string;
     readonly requestParams: import("./src/config").IParam[];

package/es/components/api-component/index.mjs

@@ -2,7 +2,7 @@ import '../../utils/index.mjs';
 import ApiComponent from './src/api-component.vue.mjs';
 import './src/config/index.mjs';
 import { withInstall } from '../../utils/with-install.mjs';
-export { DEFAULT_METHOD, apiComponentProps, bodyList, requestList } from './src/config/api-component.mjs';
+export { DEFAULT_METHOD, apiComponentEmits, apiComponentProps, bodyList, requestList } from './src/config/api-component.mjs';
 export { apiModalEmits, apiModalProps } from './src/config/api-modal.mjs';
 export { apiUrlEmits, methods } from './src/config/api-url.mjs';
 export { batchEditingEmits, batchEditingOptions, batchEditingProps } from './src/config/batch-editing.mjs';

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

@@ -18,7 +18,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly requestParams: import("./config").IParam[];
         readonly headerParams: import("./config").IParam[];
         readonly bodyParams: Record<string, any>;
+        readonly onChange?: ((value: Record<string, any>) => any) | undefined;
     } & {}>;
+    emits: (event: "change", value: Record<string, any>) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -29,35 +31,37 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    method: import("vue").Ref<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod))[], unknown, unknown>>;
-    url: import("vue").Ref<string>;
     activeKey: import("vue").Ref<string>;
     bodyKey: import("vue").Ref<string>;
-    requestParams: import("vue").Ref<{
-        [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: import("vue").Ref<{
-        [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: Record<string, any>;
+    httpModel: {
+        url: string;
+        method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod))[], unknown, unknown>;
+        bodyParams: Record<string, 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;
+        }[];
+    };
     computedRequestList: import("vue").ComputedRef<{
         key: string;
         name: string;
@@ -412,7 +416,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly columns: import("./config").IParamsColumn[];
         readonly dataSource: import("./config").IParamsData[];
     }, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: Record<string, any>) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly url: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly method: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").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>;
@@ -425,7 +431,9 @@ declare const _default: import("vue").DefineComponent<{
         raw: string;
         'x-www-form-urlencoded': never[];
     }, boolean>;
-}>>, {
+}>> & {
+    onChange?: ((value: Record<string, any>) => any) | undefined;
+}, {
     readonly method: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod) | ((new (...args: any[]) => "POST" | "PUT" | "GET" | "DELETE") | (() => import("./config").IMethod))[], unknown, unknown>;
     readonly url: string;
     readonly requestParams: import("./config").IParam[];

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

@@ -4,7 +4,7 @@ import '../../../utils/index.mjs';
 import ApiUrl from './components/api-url.vue.mjs';
 import JsonXml from './components/json-xml.vue.mjs';
 import paramsTable from './components/params-table.vue.mjs';
-import { apiComponentProps, requestList, bodyList } from './config/api-component.mjs';
+import { apiComponentProps, apiComponentEmits, requestList, bodyList } from './config/api-component.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 import { paramsTableColumns, headersTableColumns, formdataTableColumns } from './config/table.mjs';
 
@@ -13,38 +13,34 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "LlApiComponent" },
   __name: "api-component",
   props: apiComponentProps,
-  setup(__props) {
+  emits: apiComponentEmits,
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const bem = createNamespace("api-component");
-    const method = ref(props.method);
-    const url = ref(props.url);
     const activeKey = ref("params");
     const bodyKey = ref("form-data");
-    const requestParams = ref(props.requestParams);
-    const headerParams = ref(props.headerParams);
-    const bodyParams = reactive(props.bodyParams);
+    const httpModel = reactive({
+      url: props.url,
+      method: props.method,
+      bodyParams: props.bodyParams,
+      requestParams: props.requestParams,
+      headerParams: props.headerParams
+    });
     const computedRequestList = computed(() => {
-      if (method.value === "GET") {
+      if (httpModel.method === "GET") {
         return requestList.filter((item) => item.key !== "body");
       }
       return requestList;
     });
     watch(
-      requestParams,
-      (n) => {
-        console.log("requestParams", n);
-      },
-      {
-        deep: true
-      }
-    );
-    watch(
-      bodyParams,
+      () => httpModel,
       (n) => {
-        console.log("bodyParams", n);
+        emits("change", n);
       },
       {
-        deep: true
+        deep: true,
+        immediate: true
       }
     );
     return (_ctx, _cache) => {
@@ -58,10 +54,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         },
         [
           createVNode(ApiUrl, {
-            method: method.value,
-            "onUpdate:method": _cache[0] || (_cache[0] = ($event) => method.value = $event),
-            url: url.value,
-            "onUpdate:url": _cache[1] || (_cache[1] = ($event) => url.value = $event),
+            method: httpModel.method,
+            "onUpdate:method": _cache[0] || (_cache[0] = ($event) => httpModel.method = $event),
+            url: httpModel.url,
+            "onUpdate:url": _cache[1] || (_cache[1] = ($event) => httpModel.url = $event),
             class: normalizeClass(unref(bem).m("header"))
           }, null, 8, ["method", "url", "class"]),
           createVNode(_component_ll_tabs_simple, {
@@ -72,13 +68,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["active-key", "tabs", "class"]),
           withDirectives(createVNode(paramsTable, {
             columns: unref(paramsTableColumns),
-            "data-source": requestParams.value
+            "data-source": httpModel.requestParams
           }, null, 8, ["columns", "data-source"]), [
             [vShow, activeKey.value === "params"]
           ]),
           withDirectives(createVNode(paramsTable, {
             columns: unref(headersTableColumns),
-            "data-source": headerParams.value
+            "data-source": httpModel.headerParams
           }, null, 8, ["columns", "data-source"]), [
             [vShow, activeKey.value === "headers"]
           ]),
@@ -93,31 +89,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(bem).m("body-tab"))
               }, null, 8, ["active-key", "tabs", "class"]),
               withDirectives(createVNode(JsonXml, {
-                value: bodyParams["json"],
-                "onUpdate:value": _cache[4] || (_cache[4] = ($event) => bodyParams["json"] = $event)
+                value: httpModel.bodyParams["json"],
+                "onUpdate:value": _cache[4] || (_cache[4] = ($event) => httpModel.bodyParams["json"] = $event)
               }, null, 8, ["value"]), [
                 [vShow, bodyKey.value === "json"]
               ]),
               withDirectives(createVNode(JsonXml, {
-                value: bodyParams["xml"],
-                "onUpdate:value": _cache[5] || (_cache[5] = ($event) => bodyParams["xml"] = $event)
+                value: httpModel.bodyParams["xml"],
+                "onUpdate:value": _cache[5] || (_cache[5] = ($event) => httpModel.bodyParams["xml"] = $event)
               }, null, 8, ["value"]), [
                 [vShow, bodyKey.value === "xml"]
               ]),
               bodyKey.value === "raw" ? (openBlock(), createBlock(_component_ll_code_editor, {
                 key: 0,
-                value: bodyParams["raw"],
-                "onUpdate:value": _cache[6] || (_cache[6] = ($event) => bodyParams["raw"] = $event)
+                value: httpModel.bodyParams["raw"],
+                "onUpdate:value": _cache[6] || (_cache[6] = ($event) => httpModel.bodyParams["raw"] = $event)
               }, null, 8, ["value"])) : createCommentVNode("v-if", true),
               withDirectives(createVNode(paramsTable, {
                 columns: unref(paramsTableColumns),
-                "data-source": bodyParams["x-www-form-urlencoded"]
+                "data-source": httpModel.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": bodyParams["form-data"]
+                "data-source": httpModel.bodyParams["form-data"]
               }, null, 8, ["columns", "data-source"]), [
                 [vShow, bodyKey.value === "form-data"]
               ]),

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

@@ -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    <api-url\n      v-model:method=\"method\"\n      v-model:url=\"url\"\n      :class=\"bem.m('header')\"\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=\"requestParams\"\n    />\n    <params-table\n      v-show=\"activeKey === 'headers'\"\n      :columns=\"headersTableColumns\"\n      :data-source=\"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=\"bodyParams['json']\"\n      />\n\n      <json-xml v-show=\"bodyKey === 'xml'\" v-model:value=\"bodyParams['xml']\" />\n      <ll-code-editor\n        v-if=\"bodyKey === 'raw'\"\n        v-model:value=\"bodyParams['raw']\"\n      />\n      <params-table\n        v-show=\"bodyKey === 'x-www-form-urlencoded'\"\n        :columns=\"paramsTableColumns\"\n        :data-source=\"bodyParams['x-www-form-urlencoded']\"\n      />\n      <params-table\n        v-show=\"bodyKey === 'form-data'\"\n        :columns=\"formdataTableColumns\"\n        :data-source=\"bodyParams['form-data']\"\n      />\n      <ll-empty v-show=\"bodyKey === 'none'\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, reactive, watch } from 'vue'\n\nimport {\n  apiComponentProps,\n  requestList,\n  paramsTableColumns,\n  bodyList,\n  headersTableColumns,\n  formdataTableColumns\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 bem = createNamespace('api-component')\n\nconst method = ref(props.method)\n\nconst url = ref(props.url)\n\nconst activeKey = ref('params')\n\nconst bodyKey = ref('form-data')\n\nconst requestParams = ref(props.requestParams)\n\nconst headerParams = ref(props.headerParams)\n\nconst bodyParams = reactive(props.bodyParams)\n\nconst computedRequestList = computed(() => {\n  if (method.value === 'GET') {\n    return requestList.filter(item => item.key !== 'body')\n  }\n  return requestList\n})\nwatch(\n  requestParams,\n  n => {\n    console.log('requestParams', n)\n  },\n  {\n    deep: true\n  }\n)\nwatch(\n  bodyParams,\n  n => {\n    console.log('bodyParams', n)\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,eAAe,CAAA,CAAA;AAE3C,IAAM,MAAA,MAAA,GAAS,GAAI,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAE/B,IAAM,MAAA,GAAA,GAAM,GAAI,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAEzB,IAAM,MAAA,SAAA,GAAY,IAAI,QAAQ,CAAA,CAAA;AAE9B,IAAM,MAAA,OAAA,GAAU,IAAI,WAAW,CAAA,CAAA;AAE/B,IAAM,MAAA,aAAA,GAAgB,GAAI,CAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAE7C,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AAE3C,IAAM,MAAA,UAAA,GAAa,QAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAE5C,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAI,IAAA,MAAA,CAAO,UAAU,KAAO,EAAA;AAC1B,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;AACD,IAAA,KAAA;AAAA,MACE,aAAA;AAAA,MACA,CAAK,CAAA,KAAA;AACH,QAAQ,OAAA,CAAA,GAAA,CAAI,iBAAiB,CAAC,CAAA,CAAA;AAAA,OAChC;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAK,CAAA,KAAA;AACH,QAAQ,OAAA,CAAA,GAAA,CAAI,cAAc,CAAC,CAAA,CAAA;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"api-component.vue2.mjs","sources":["../../../../../packages/components/api-component/src/api-component.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <api-url\n      v-model:method=\"httpModel.method\"\n      v-model:url=\"httpModel.url\"\n      :class=\"bem.m('header')\"\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  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, reactive, watch } from 'vue'\n\nimport {\n  apiComponentProps,\n  apiComponentEmits,\n  requestList,\n  paramsTableColumns,\n  bodyList,\n  headersTableColumns,\n  formdataTableColumns\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 activeKey = ref('params')\n\nconst bodyKey = ref('form-data')\n\n// const method = ref(props.method)\n\n// const url = ref(props.url)\n\n// const requestParams = ref(props.requestParams)\n\n// const headerParams = ref(props.headerParams)\n\n// const bodyParams = reactive(props.bodyParams)\n\n// const httpModel = reactive({\n//   url: props.url,\n//   method: props.method,\n//   bodyParams: props.bodyParams,\n//   requestParams: props.requestParams,\n//   headerParams: props.headerParams\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\nwatch(\n  () => httpModel,\n  n => {\n    emits('change', n)\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,eAAe,CAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAY,IAAI,QAAQ,CAAA,CAAA;AAE9B,IAAM,MAAA,OAAA,GAAU,IAAI,WAAW,CAAA,CAAA;AAmB/B,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/api-component/src/components/params-table.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode } from 'vue';
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode } from 'vue';
 import '../config/index.mjs';
 import '../../../../utils/index.mjs';
 import TableRow from './params-table-row.vue.mjs';
@@ -29,15 +29,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         addData.value = "";
       }
     };
-    watch(
-      () => props.dataSource,
-      (n) => {
-        console.log({ n });
-      },
-      {
-        deep: true
-      }
-    );
     return (_ctx, _cache) => {
       const _component_ll_tooltip = resolveComponent("ll-tooltip");
       const _component_a_col = resolveComponent("a-col");

package/es/components/api-component/src/components/params-table.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"params-table.vue2.mjs","sources":["../../../../../../packages/components/api-component/src/components/params-table.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-row :class=\"bem.m('table-header')\" :gutter=\"20\">\n      <a-col\n        v-for=\"(col, index) in props.columns\"\n        :key=\"index\"\n        :span=\"col.span\"\n        :class=\"bem.e('table-header-col')\"\n      >\n        <span>{{ col.title }}</span>\n        <ll-tooltip\n          v-if=\"col.key === 'static'\"\n          tip=\"Content-Type 字段用于指定请求部分的媒体类型\"\n        />\n      </a-col>\n      <a-col :span=\"1\"> 操作 </a-col>\n    </a-row>\n    <div :class=\"bem.m('table-body')\">\n      <table-row\n        v-for=\"(item, index) in props.dataSource\"\n        :key=\"index\"\n        :data=\"item\"\n        :columns=\"props.columns\"\n        :data-source=\"props.dataSource\"\n      />\n      <a-row :gutter=\"20\" :class=\"bem.e('table-row')\">\n        <a-col\n          v-for=\"(col, index) in props.columns\"\n          :key=\"index\"\n          :span=\"col.span || 24 / props.columns.length\"\n          :class=\"bem.e('table-col')\"\n        >\n          <template v-if=\"col.key === 'name'\">\n            <ll-input\n              v-model:value=\"addData\"\n              placeholder=\"添加参数\"\n              :bordered=\"false\"\n              @blur=\"handleAdd(props.dataSource)\"\n            />\n          </template>\n        </a-col>\n      </a-row>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\n\nimport { paramsTableProps } from '../config'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport TableRow from './params-table-row.vue'\n\ndefineOptions({ name: 'LlParamsTable' })\n\nconst bem = createNamespace('params-table')\n\nconst props = defineProps(paramsTableProps)\n\nconst addData = ref('')\n\nconst handleAdd = dataSource => {\n  if (\n    (addData.value && dataSource.find(e => e.name !== addData.value)) ||\n    !dataSource.length\n  ) {\n    if (!addData.value) return\n    dataSource.push({\n      name: addData.value,\n      required: false,\n      value: '',\n      static: false,\n      description: '',\n      contentType: ''\n    })\n    addData.value = ''\n  }\n}\nwatch(\n  () => props.dataSource,\n  n => {\n    console.log({ n })\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyDA,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,OAAA,GAAU,IAAI,EAAE,CAAA,CAAA;AAEtB,IAAA,MAAM,YAAY,CAAc,UAAA,KAAA;AAC9B,MAAA,IACG,OAAQ,CAAA,KAAA,IAAS,UAAW,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAA,CAAE,IAAS,KAAA,OAAA,CAAQ,KAAK,CAAA,IAC/D,CAAC,UAAA,CAAW,MACZ,EAAA;AACA,QAAA,IAAI,CAAC,OAAQ,CAAA,KAAA;AAAO,UAAA,OAAA;AACpB,QAAA,UAAA,CAAW,IAAK,CAAA;AAAA,UACd,MAAM,OAAQ,CAAA,KAAA;AAAA,UACd,QAAU,EAAA,KAAA;AAAA,UACV,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA,KAAA;AAAA,UACR,WAAa,EAAA,EAAA;AAAA,UACb,WAAa,EAAA,EAAA;AAAA,SACd,CAAA,CAAA;AACD,QAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,CAAA,EAAG,CAAA,CAAA;AAAA,OACnB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"params-table.vue2.mjs","sources":["../../../../../../packages/components/api-component/src/components/params-table.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-row :class=\"bem.m('table-header')\" :gutter=\"20\">\n      <a-col\n        v-for=\"(col, index) in props.columns\"\n        :key=\"index\"\n        :span=\"col.span\"\n        :class=\"bem.e('table-header-col')\"\n      >\n        <span>{{ col.title }}</span>\n        <ll-tooltip\n          v-if=\"col.key === 'static'\"\n          tip=\"Content-Type 字段用于指定请求部分的媒体类型\"\n        />\n      </a-col>\n      <a-col :span=\"1\"> 操作 </a-col>\n    </a-row>\n    <div :class=\"bem.m('table-body')\">\n      <table-row\n        v-for=\"(item, index) in props.dataSource\"\n        :key=\"index\"\n        :data=\"item\"\n        :columns=\"props.columns\"\n        :data-source=\"props.dataSource\"\n      />\n      <a-row :gutter=\"20\" :class=\"bem.e('table-row')\">\n        <a-col\n          v-for=\"(col, index) in props.columns\"\n          :key=\"index\"\n          :span=\"col.span || 24 / props.columns.length\"\n          :class=\"bem.e('table-col')\"\n        >\n          <template v-if=\"col.key === 'name'\">\n            <ll-input\n              v-model:value=\"addData\"\n              placeholder=\"添加参数\"\n              :bordered=\"false\"\n              @blur=\"handleAdd(props.dataSource)\"\n            />\n          </template>\n        </a-col>\n      </a-row>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nimport { paramsTableProps } from '../config'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport TableRow from './params-table-row.vue'\n\ndefineOptions({ name: 'LlParamsTable' })\n\nconst bem = createNamespace('params-table')\n\nconst props = defineProps(paramsTableProps)\n\nconst addData = ref('')\n\nconst handleAdd = dataSource => {\n  if (\n    (addData.value && dataSource.find(e => e.name !== addData.value)) ||\n    !dataSource.length\n  ) {\n    if (!addData.value) return\n    dataSource.push({\n      name: addData.value,\n      required: false,\n      value: '',\n      static: false,\n      description: '',\n      contentType: ''\n    })\n    addData.value = ''\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyDA,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,OAAA,GAAU,IAAI,EAAE,CAAA,CAAA;AAEtB,IAAA,MAAM,YAAY,CAAc,UAAA,KAAA;AAC9B,MAAA,IACG,OAAQ,CAAA,KAAA,IAAS,UAAW,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAA,CAAE,IAAS,KAAA,OAAA,CAAQ,KAAK,CAAA,IAC/D,CAAC,UAAA,CAAW,MACZ,EAAA;AACA,QAAA,IAAI,CAAC,OAAQ,CAAA,KAAA;AAAO,UAAA,OAAA;AACpB,QAAA,UAAA,CAAW,IAAK,CAAA;AAAA,UACd,MAAM,OAAQ,CAAA,KAAA;AAAA,UACd,QAAU,EAAA,KAAA;AAAA,UACV,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA,KAAA;AAAA,UACR,WAAa,EAAA,EAAA;AAAA,UACb,WAAa,EAAA,EAAA;AAAA,SACd,CAAA,CAAA;AACD,QAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/api-component/src/config/api-component.d.ts

@@ -23,6 +23,13 @@ export declare const bodyList: {
     key: string;
     name: string;
 }[];
+export interface IApiParams {
+    url?: string;
+    method?: IMethod;
+    requestParams?: IParam[];
+    headerParams?: IParam[];
+    bodyParams?: Record<string, any>;
+}
 export declare const apiComponentProps: {
     readonly url: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", 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>;
@@ -37,5 +44,9 @@ export declare const apiComponentProps: {
         'x-www-form-urlencoded': never[];
     }, boolean>;
 };
+export declare const apiComponentEmits: {
+    change: (value: Record<string, any>) => boolean;
+};
 export type ApiComponentProps = ExtractPropTypes<typeof apiComponentProps>;
+export type ApiComponentEmits = typeof apiComponentEmits;
 export type ApiComponentInstance = InstanceType<typeof ApiComponent>;

package/es/components/api-component/src/config/api-component.mjs

@@ -72,6 +72,9 @@ const apiComponentProps = buildProps({
     })
   }
 });
+const apiComponentEmits = {
+  change: (value) => !!value
+};
 
-export { DEFAULT_METHOD, apiComponentProps, bodyList, requestList };
+export { DEFAULT_METHOD, apiComponentEmits, apiComponentProps, bodyList, requestList };
 //# sourceMappingURL=api-component.mjs.map

package/es/components/api-component/src/config/api-component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"api-component.mjs","sources":["../../../../../../packages/components/api-component/src/config/api-component.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type ApiComponent from '../api-component.vue'\n\nexport type IMethod = 'GET' | 'POST' | 'PUT' | 'DELETE'\n\nexport type IValueType =\n  | 'string'\n  | 'integer'\n  | 'boolean'\n  | 'number'\n  | 'array'\n  | null\n  | any\n\nexport interface IParam {\n  required?: boolean\n  name?: string\n  value?: string\n  type?: IValueType\n  static?: boolean\n  contentType?: string\n  description?: string\n  chineseName?: string\n  children?: IParam[]\n  [key: string]: any\n}\n\nexport const DEFAULT_METHOD = 'GET'\n\nexport const requestList = [\n  {\n    key: 'params',\n    name: '请求参数'\n  },\n  {\n    key: 'body',\n    name: '请求报文体'\n  },\n  {\n    key: 'headers',\n    name: '请求头'\n  }\n]\n\nexport const bodyList = [\n  {\n    key: 'none',\n    name: 'none'\n  },\n  {\n    key: 'form-data',\n    name: 'form-data'\n  },\n  {\n    key: 'x-www-form-urlencoded',\n    name: 'x-www-form-urlencoded'\n  },\n  {\n    key: 'json',\n    name: 'json'\n  },\n  {\n    key: 'xml',\n    name: 'xml'\n  },\n  {\n    key: 'raw',\n    name: 'raw'\n  }\n]\n\nexport const apiComponentProps = buildProps({\n  url: {\n    type: String,\n    default: ''\n  },\n  method: {\n    type: definePropType<IMethod>(String),\n    default: DEFAULT_METHOD\n  },\n  requestParams: {\n    type: definePropType<IParam[]>(Array),\n    default: () => [] as IParam[]\n  },\n  headerParams: {\n    type: definePropType<IParam[]>(Array),\n    default: () => [] as IParam[]\n  },\n  bodyParams: {\n    type: Object,\n    default: () => ({\n      none: null,\n      'form-data': [],\n      json: [],\n      xml: [],\n      raw: '',\n      'x-www-form-urlencoded': []\n    })\n  }\n} as const)\n\n// props\nexport type ApiComponentProps = ExtractPropTypes<typeof apiComponentProps>\n\n// emits\n// export type TabsSimpleEmits = typeof tabsSimpleEmits\n\n// instance\nexport type ApiComponentInstance = InstanceType<typeof ApiComponent>\n"],"names":[],"mappings":";;;;AA8BO,MAAM,cAAiB,GAAA,MAAA;AAEvB,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,QAAA;AAAA,IACL,IAAM,EAAA,0BAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,MAAA;AAAA,IACL,IAAM,EAAA,gCAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,SAAA;AAAA,IACL,IAAM,EAAA,oBAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,QAAW,GAAA;AAAA,EACtB;AAAA,IACE,GAAK,EAAA,MAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,WAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,uBAAA;AAAA,IACL,IAAM,EAAA,uBAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,MAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,eAAwB,MAAM,CAAA;AAAA,IACpC,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,IAAA;AAAA,MACN,aAAa,EAAC;AAAA,MACd,MAAM,EAAC;AAAA,MACP,KAAK,EAAC;AAAA,MACN,GAAK,EAAA,EAAA;AAAA,MACL,yBAAyB,EAAC;AAAA,KAC5B,CAAA;AAAA,GACF;AACF,CAAU;;;;"}
+{"version":3,"file":"api-component.mjs","sources":["../../../../../../packages/components/api-component/src/config/api-component.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type ApiComponent from '../api-component.vue'\n\nexport type IMethod = 'GET' | 'POST' | 'PUT' | 'DELETE'\n\nexport type IValueType =\n  | 'string'\n  | 'integer'\n  | 'boolean'\n  | 'number'\n  | 'array'\n  | null\n  | any\n\nexport interface IParam {\n  required?: boolean\n  name?: string\n  value?: string\n  type?: IValueType\n  static?: boolean\n  contentType?: string\n  description?: string\n  chineseName?: string\n  children?: IParam[]\n  [key: string]: any\n}\n\nexport const DEFAULT_METHOD = 'GET'\n\nexport const requestList = [\n  {\n    key: 'params',\n    name: '请求参数'\n  },\n  {\n    key: 'body',\n    name: '请求报文体'\n  },\n  {\n    key: 'headers',\n    name: '请求头'\n  }\n]\n\nexport const bodyList = [\n  {\n    key: 'none',\n    name: 'none'\n  },\n  {\n    key: 'form-data',\n    name: 'form-data'\n  },\n  {\n    key: 'x-www-form-urlencoded',\n    name: 'x-www-form-urlencoded'\n  },\n  {\n    key: 'json',\n    name: 'json'\n  },\n  {\n    key: 'xml',\n    name: 'xml'\n  },\n  {\n    key: 'raw',\n    name: 'raw'\n  }\n]\n\nexport interface IApiParams {\n  url?: string\n  method?: IMethod\n  requestParams?: IParam[]\n  headerParams?: IParam[]\n  bodyParams?: Record<string, any>\n}\n\nexport const apiComponentProps = buildProps({\n  url: {\n    type: String,\n    default: ''\n  },\n  method: {\n    type: definePropType<IMethod>(String),\n    default: DEFAULT_METHOD\n  },\n  requestParams: {\n    type: definePropType<IParam[]>(Array),\n    default: () => [] as IParam[]\n  },\n  headerParams: {\n    type: definePropType<IParam[]>(Array),\n    default: () => [] as IParam[]\n  },\n  bodyParams: {\n    type: Object,\n    default: () => ({\n      none: null,\n      'form-data': [],\n      json: [],\n      xml: [],\n      raw: '',\n      'x-www-form-urlencoded': []\n    })\n  }\n} as const)\n\nexport const apiComponentEmits = {\n  change: (value: Record<string, any>) => !!value\n}\n// props\nexport type ApiComponentProps = ExtractPropTypes<typeof apiComponentProps>\n\n// emits\nexport type ApiComponentEmits = typeof apiComponentEmits\n\n// instance\nexport type ApiComponentInstance = InstanceType<typeof ApiComponent>\n"],"names":[],"mappings":";;;;AA8BO,MAAM,cAAiB,GAAA,MAAA;AAEvB,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,QAAA;AAAA,IACL,IAAM,EAAA,0BAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,MAAA;AAAA,IACL,IAAM,EAAA,gCAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,SAAA;AAAA,IACL,IAAM,EAAA,oBAAA;AAAA,GACR;AACF,EAAA;AAEO,MAAM,QAAW,GAAA;AAAA,EACtB;AAAA,IACE,GAAK,EAAA,MAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,WAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,uBAAA;AAAA,IACL,IAAM,EAAA,uBAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,MAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,GACR;AACF,EAAA;AAUO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,eAAwB,MAAM,CAAA;AAAA,IACpC,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,IAAA;AAAA,MACN,aAAa,EAAC;AAAA,MACd,MAAM,EAAC;AAAA,MACP,KAAK,EAAC;AAAA,MACN,GAAK,EAAA,EAAA;AAAA,MACL,yBAAyB,EAAC;AAAA,KAC5B,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,MAAQ,EAAA,CAAC,KAA+B,KAAA,CAAC,CAAC,KAAA;AAC5C;;;;"}

package/es/components/api-component/src/config/index.mjs

@@ -1,4 +1,4 @@
-export { DEFAULT_METHOD, apiComponentProps, bodyList, requestList } from './api-component.mjs';
+export { DEFAULT_METHOD, apiComponentEmits, apiComponentProps, bodyList, requestList } from './api-component.mjs';
 export { apiModalEmits, apiModalProps } from './api-modal.mjs';
 export { apiUrlEmits, methods } from './api-url.mjs';
 export { batchEditingEmits, batchEditingOptions, batchEditingProps } from './batch-editing.mjs';