ll-plus 2.3.5 → 2.3.7

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

@@ -27,98 +27,110 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ll_switch = resolveComponent("ll-switch");
       const _component_a_auto_complete = resolveComponent("a-auto-complete");
       const _component_a_col = resolveComponent("a-col");
-      const _component_a_popconfirm = resolveComponent("a-popconfirm");
       const _component_a_row = resolveComponent("a-row");
+      const _component_a_popconfirm = resolveComponent("a-popconfirm");
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_a_row, {
           gutter: 20,
           class: normalizeClass(unref(bem).e("table-row"))
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(props.columns, (col, index) => {
-                return openBlock(), createBlock(_component_a_col, {
-                  key: index,
-                  span: col.span || 24 / props.columns.length,
-                  class: normalizeClass(unref(bem).e("table-col"))
-                }, {
+            createVNode(_component_a_col, { span: 22 }, {
+              default: withCtx(() => [
+                createVNode(_component_a_row, { gutter: 20 }, {
                   default: withCtx(() => [
-                    col.key === "name" ? (openBlock(), createBlock(_component_ll_input, {
-                      key: 0,
-                      value: innerData.value.name,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerData.value.name = $event),
-                      disabled: unref(disabled),
-                      placeholder: "\u8BF7\u8F93\u5165"
-                    }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true),
-                    col.key === "required" ? (openBlock(), createBlock(_component_ll_button, {
-                      key: 1,
-                      type: "link",
-                      disabled: unref(disabled),
-                      class: normalizeClass(`${unref(bem).m("required")} ${innerData.value.required ? unref(bem).is("required") : ""}`),
-                      onClick: _cache[1] || (_cache[1] = ($event) => innerData.value.required = !innerData.value.required)
-                    }, {
-                      default: withCtx(() => [
-                        withDirectives(createVNode(
-                          _component_ll_icon,
-                          { "icon-name": "icon-radio-check" },
-                          null,
-                          512
-                          /* NEED_PATCH */
-                        ), [
-                          [vShow, innerData.value.required]
-                        ])
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled", "class"])) : createCommentVNode("v-if", true),
-                    col.key === "type" ? (openBlock(), createBlock(_component_ll_select, {
-                      key: 2,
-                      value: innerData.value.type,
-                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerData.value.type = $event),
-                      options: unref(paramsOptions),
-                      disabled: unref(disabled),
-                      placeholder: "\u8BF7\u9009\u62E9",
-                      style: { "width": "100%" }
-                    }, null, 8, ["value", "options", "disabled"])) : createCommentVNode("v-if", true),
-                    col.key === "value" ? (openBlock(), createBlock(ClickInput, {
-                      key: 3,
-                      value: innerData.value.value,
-                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => innerData.value.value = $event),
-                      type: "code",
-                      placeholder: "\u8BF7\u8F93\u5165",
-                      style: { "width": "100%" }
-                    }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-                    col.key === "static" ? (openBlock(), createBlock(_component_ll_switch, {
-                      key: 4,
-                      value: innerData.value[col.key],
-                      "onUpdate:value": ($event) => innerData.value[col.key] = $event,
-                      disabled: unref(disabled)
-                    }, null, 8, ["value", "onUpdate:value", "disabled"])) : createCommentVNode("v-if", true),
-                    col.key === "description" ? (openBlock(), createBlock(_component_ll_input, {
-                      key: 5,
-                      value: innerData.value[col.key],
-                      "onUpdate:value": ($event) => innerData.value[col.key] = $event,
-                      placeholder: col.placeholder || "\u8BF7\u8F93\u5165",
-                      disabled: unref(disabled)
-                    }, null, 8, ["value", "onUpdate:value", "placeholder", "disabled"])) : createCommentVNode("v-if", true),
-                    col.key === "contentType" ? (openBlock(), createBlock(_component_a_auto_complete, {
-                      key: 6,
-                      value: innerData.value[col.key],
-                      "onUpdate:value": ($event) => innerData.value[col.key] = $event,
-                      disabled: unref(disabled),
-                      options: unref(contentTypeOptions),
-                      placeholder: col.placeholder || "\u8BF7\u8F93\u5165"
-                    }, null, 8, ["value", "onUpdate:value", "disabled", "options", "placeholder"])) : createCommentVNode("v-if", true)
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(props.columns, (col, index) => {
+                        return openBlock(), createBlock(_component_a_col, {
+                          key: index,
+                          span: col.span || 24 / props.columns.length,
+                          class: normalizeClass(unref(bem).e("table-col"))
+                        }, {
+                          default: withCtx(() => [
+                            col.key === "name" ? (openBlock(), createBlock(_component_ll_input, {
+                              key: 0,
+                              value: innerData.value.name,
+                              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerData.value.name = $event),
+                              disabled: unref(disabled),
+                              placeholder: "\u8BF7\u8F93\u5165"
+                            }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "required" ? (openBlock(), createBlock(_component_ll_button, {
+                              key: 1,
+                              type: "link",
+                              disabled: unref(disabled),
+                              class: normalizeClass(`${unref(bem).m("required")} ${innerData.value.required ? unref(bem).is("required") : ""}`),
+                              onClick: _cache[1] || (_cache[1] = ($event) => innerData.value.required = !innerData.value.required)
+                            }, {
+                              default: withCtx(() => [
+                                withDirectives(createVNode(
+                                  _component_ll_icon,
+                                  { "icon-name": "icon-radio-check" },
+                                  null,
+                                  512
+                                  /* NEED_PATCH */
+                                ), [
+                                  [vShow, innerData.value.required]
+                                ])
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }, 8, ["disabled", "class"])) : createCommentVNode("v-if", true),
+                            col.key === "type" ? (openBlock(), createBlock(_component_ll_select, {
+                              key: 2,
+                              value: innerData.value.type,
+                              "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerData.value.type = $event),
+                              options: unref(paramsOptions),
+                              disabled: unref(disabled),
+                              placeholder: "\u8BF7\u9009\u62E9",
+                              style: { "width": "100%" }
+                            }, null, 8, ["value", "options", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "value" ? (openBlock(), createBlock(ClickInput, {
+                              key: 3,
+                              value: innerData.value.value,
+                              "onUpdate:value": _cache[3] || (_cache[3] = ($event) => innerData.value.value = $event),
+                              type: "code",
+                              placeholder: "\u8BF7\u8F93\u5165",
+                              style: { "width": "100%" }
+                            }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+                            col.key === "static" ? (openBlock(), createBlock(_component_ll_switch, {
+                              key: 4,
+                              checked: innerData.value[col.key],
+                              "onUpdate:checked": ($event) => innerData.value[col.key] = $event,
+                              disabled: unref(disabled)
+                            }, null, 8, ["checked", "onUpdate:checked", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "description" ? (openBlock(), createBlock(_component_ll_input, {
+                              key: 5,
+                              value: innerData.value[col.key],
+                              "onUpdate:value": ($event) => innerData.value[col.key] = $event,
+                              placeholder: col.placeholder || "\u8BF7\u8F93\u5165",
+                              disabled: unref(disabled)
+                            }, null, 8, ["value", "onUpdate:value", "placeholder", "disabled"])) : createCommentVNode("v-if", true),
+                            col.key === "contentType" ? (openBlock(), createBlock(_component_a_auto_complete, {
+                              key: 6,
+                              value: innerData.value[col.key],
+                              "onUpdate:value": ($event) => innerData.value[col.key] = $event,
+                              disabled: unref(disabled),
+                              options: unref(contentTypeOptions),
+                              placeholder: col.placeholder || "\u8BF7\u8F93\u5165"
+                            }, null, 8, ["value", "onUpdate:value", "disabled", "options", "placeholder"])) : createCommentVNode("v-if", true)
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["span", "class"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
                   ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["span", "class"]);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            )),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }),
             createVNode(_component_a_col, {
               span: 2,
               class: normalizeClass(unref(bem).e("table-col"))

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

@@ -1 +1 @@
-{"version":3,"file":"params-table-row.vue2.mjs","sources":["../../../../../../packages/components/api-component/src/components/params-table-row.vue"],"sourcesContent":["<template>\n  <div>\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=\"innerData.name\"\n            :disabled=\"disabled\"\n            placeholder=\"请输入\"\n          />\n        </template>\n        <template v-if=\"col.key === 'required'\">\n          <ll-button\n            type=\"link\"\n            :disabled=\"disabled\"\n            :class=\"`${bem.m('required')} ${\n              innerData.required ? bem.is('required') : ''\n            }`\"\n            @click=\"innerData.required = !innerData.required\"\n          >\n            <ll-icon v-show=\"innerData.required\" icon-name=\"icon-radio-check\" />\n          </ll-button>\n        </template>\n\n        <template v-if=\"col.key === 'type'\">\n          <ll-select\n            v-model:value=\"innerData.type\"\n            :options=\"paramsOptions\"\n            :disabled=\"disabled\"\n            placeholder=\"请选择\"\n            style=\"width: 100%\"\n          />\n        </template>\n        <template v-if=\"col.key === 'value'\">\n          <click-input\n            v-model:value=\"innerData.value\"\n            type=\"code\"\n            placeholder=\"请输入\"\n            style=\"width: 100%\"\n          />\n        </template>\n        <template v-if=\"col.key === 'static'\">\n          <ll-switch v-model:value=\"innerData[col.key]\" :disabled=\"disabled\" />\n        </template>\n\n        <template v-if=\"col.key === 'description'\">\n          <ll-input\n            v-model:value=\"innerData[col.key]\"\n            :placeholder=\"col.placeholder || '请输入'\"\n            :disabled=\"disabled\"\n          />\n        </template>\n        <template v-if=\"col.key === 'contentType'\">\n          <a-auto-complete\n            v-model:value=\"innerData[col.key]\"\n            :disabled=\"disabled\"\n            :options=\"contentTypeOptions\"\n            :placeholder=\"col.placeholder || '请输入'\"\n          />\n        </template>\n      </a-col>\n      <a-col :span=\"2\" :class=\"bem.e('table-col')\">\n        <a-popconfirm\n          title=\"你确定要移除吗？\"\n          ok-text=\"确认\"\n          cancel-text=\"取消\"\n          placement=\"topRight\"\n          :disabled=\"disabled\"\n          :overlay-class-name=\"bem.e('popconfirm')\"\n          @confirm=\"handleDelete(props.dataSource, innerData)\"\n        >\n          <ll-button type=\"link\" :disabled=\"disabled\">\n            <ll-icon icon-name=\"icon-remove\" />\n          </ll-button>\n        </a-popconfirm>\n      </a-col>\n    </a-row>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, inject } from 'vue'\n// paramsTableRowEmits\nimport {\n  paramsTableRowProps,\n  paramsOptions,\n  contentTypeOptions\n} from '../config'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport ClickInput from './click-input.vue'\n\ndefineOptions({ name: 'LlParamsTableRow' })\n\nconst props = defineProps(paramsTableRowProps)\n\n// const emits = defineEmits(paramsTableRowEmits)\n\nconst bem = createNamespace('params-table')\n\nconst disabled = inject('disabled')\n\nconst innerData = ref(props.data)\n\nconst handleDelete = (list, data) => {\n  const index = list.findIndex(item => item.name === data.name)\n  list.splice(index, 1)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoGA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAM,MAAA,QAAA,GAAW,OAAO,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAe,CAAC,IAAA,EAAM,IAAS,KAAA;AACnC,MAAA,MAAM,QAAQ,IAAK,CAAA,SAAA,CAAU,UAAQ,IAAK,CAAA,IAAA,KAAS,KAAK,IAAI,CAAA,CAAA;AAC5D,MAAK,IAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAA;AAAA,KACtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"params-table-row.vue2.mjs","sources":["../../../../../../packages/components/api-component/src/components/params-table-row.vue"],"sourcesContent":["<template>\n  <div>\n    <a-row :gutter=\"20\" :class=\"bem.e('table-row')\">\n      <a-col :span=\"22\">\n        <a-row :gutter=\"20\">\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=\"innerData.name\"\n                :disabled=\"disabled\"\n                placeholder=\"请输入\"\n              />\n            </template>\n            <template v-if=\"col.key === 'required'\">\n              <ll-button\n                type=\"link\"\n                :disabled=\"disabled\"\n                :class=\"`${bem.m('required')} ${\n                  innerData.required ? bem.is('required') : ''\n                }`\"\n                @click=\"innerData.required = !innerData.required\"\n              >\n                <ll-icon\n                  v-show=\"innerData.required\"\n                  icon-name=\"icon-radio-check\"\n                />\n              </ll-button>\n            </template>\n\n            <template v-if=\"col.key === 'type'\">\n              <ll-select\n                v-model:value=\"innerData.type\"\n                :options=\"paramsOptions\"\n                :disabled=\"disabled\"\n                placeholder=\"请选择\"\n                style=\"width: 100%\"\n              />\n            </template>\n            <template v-if=\"col.key === 'value'\">\n              <click-input\n                v-model:value=\"innerData.value\"\n                type=\"code\"\n                placeholder=\"请输入\"\n                style=\"width: 100%\"\n              />\n            </template>\n            <template v-if=\"col.key === 'static'\">\n              <ll-switch\n                v-model:checked=\"innerData[col.key]\"\n                :disabled=\"disabled\"\n              />\n            </template>\n\n            <template v-if=\"col.key === 'description'\">\n              <ll-input\n                v-model:value=\"innerData[col.key]\"\n                :placeholder=\"col.placeholder || '请输入'\"\n                :disabled=\"disabled\"\n              />\n            </template>\n            <template v-if=\"col.key === 'contentType'\">\n              <a-auto-complete\n                v-model:value=\"innerData[col.key]\"\n                :disabled=\"disabled\"\n                :options=\"contentTypeOptions\"\n                :placeholder=\"col.placeholder || '请输入'\"\n              />\n            </template>\n          </a-col>\n        </a-row>\n      </a-col>\n      <a-col :span=\"2\" :class=\"bem.e('table-col')\">\n        <a-popconfirm\n          title=\"你确定要移除吗？\"\n          ok-text=\"确认\"\n          cancel-text=\"取消\"\n          placement=\"topRight\"\n          :disabled=\"disabled\"\n          :overlay-class-name=\"bem.e('popconfirm')\"\n          @confirm=\"handleDelete(props.dataSource, innerData)\"\n        >\n          <ll-button type=\"link\" :disabled=\"disabled\">\n            <ll-icon icon-name=\"icon-remove\" />\n          </ll-button>\n        </a-popconfirm>\n      </a-col>\n    </a-row>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, inject } from 'vue'\n// paramsTableRowEmits\nimport {\n  paramsTableRowProps,\n  paramsOptions,\n  contentTypeOptions\n} from '../config'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport ClickInput from './click-input.vue'\n\ndefineOptions({ name: 'LlParamsTableRow' })\n\nconst props = defineProps(paramsTableRowProps)\n\n// const emits = defineEmits(paramsTableRowEmits)\n\nconst bem = createNamespace('params-table')\n\nconst disabled = inject('disabled')\n\nconst innerData = ref(props.data)\n\nconst handleDelete = (list, data) => {\n  const index = list.findIndex(item => item.name === data.name)\n  list.splice(index, 1)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8GA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAM,MAAA,QAAA,GAAW,OAAO,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAEhC,IAAM,MAAA,YAAA,GAAe,CAAC,IAAA,EAAM,IAAS,KAAA;AACnC,MAAA,MAAM,QAAQ,IAAK,CAAA,SAAA,CAAU,UAAQ,IAAK,CAAA,IAAA,KAAS,KAAK,IAAI,CAAA,CAAA;AAC5D,MAAK,IAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAA;AAAA,KACtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -46,42 +46,57 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             gutter: 20
           }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(props.columns, (col, index) => {
-                  return openBlock(), createBlock(_component_a_col, {
-                    key: index,
-                    span: col.span,
-                    class: normalizeClass(unref(bem).e("table-header-col"))
-                  }, {
+              createVNode(_component_a_col, { span: 22 }, {
+                default: withCtx(() => [
+                  createVNode(_component_a_row, { gutter: 20 }, {
                     default: withCtx(() => [
-                      createElementVNode(
-                        "span",
+                      (openBlock(true), createElementBlock(
+                        Fragment,
                         null,
-                        toDisplayString(col.title),
-                        1
-                        /* TEXT */
-                      ),
-                      col.key === "static" ? (openBlock(), createBlock(_component_ll_tooltip, {
-                        key: 0,
-                        tip: "Content-Type \u5B57\u6BB5\u7528\u4E8E\u6307\u5B9A\u8BF7\u6C42\u90E8\u5206\u7684\u5A92\u4F53\u7C7B\u578B"
-                      })) : createCommentVNode("v-if", true)
+                        renderList(props.columns, (col, index) => {
+                          return openBlock(), createBlock(_component_a_col, {
+                            key: index,
+                            span: col.span,
+                            class: normalizeClass(unref(bem).e("table-header-col"))
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode(
+                                "span",
+                                null,
+                                toDisplayString(col.title),
+                                1
+                                /* TEXT */
+                              ),
+                              col.key === "static" ? (openBlock(), createBlock(_component_ll_tooltip, {
+                                key: 0,
+                                tip: "Content-Type \u5B57\u6BB5\u7528\u4E8E\u6307\u5B9A\u8BF7\u6C42\u90E8\u5206\u7684\u5A92\u4F53\u7C7B\u578B"
+                              })) : createCommentVNode("v-if", true)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["span", "class"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
                     ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["span", "class"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              )),
-              createVNode(_component_a_col, { span: 2 }, {
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_a_col, {
+                class: normalizeClass(unref(bem).e("table-header-col")),
+                span: 2
+              }, {
                 default: withCtx(() => [
                   createTextVNode(" \u64CD\u4F5C ")
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              }, 8, ["class"])
             ]),
             _: 1
             /* STABLE */

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=\"2\"> 操作 </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              :disabled=\"disabled\"\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, inject } 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 disabled = inject('disabled')\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":";;;;;;;;;;;;;AA0DA,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,QAAA,GAAW,OAAO,UAAU,CAAA,CAAA;AAElC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 :span=\"22\">\n        <a-row :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-row>\n      </a-col>\n\n      <a-col :class=\"bem.e('table-header-col')\" :span=\"2\"> 操作 </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              :disabled=\"disabled\"\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, inject } 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 disabled = inject('disabled')\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":";;;;;;;;;;;;;AA+DA,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,QAAA,GAAW,OAAO,UAAU,CAAA,CAAA;AAElC,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

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
 import type ApiComponent from '../api-component.vue';
+import type { IJsonXmlItem } from './';
 export type IMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';
 export type IValueType = 'string' | 'integer' | 'boolean' | 'number' | 'array' | null | any;
 export interface IParam {
@@ -30,23 +31,63 @@ export interface IApiParams {
     headerParams?: IParam[];
     bodyParams?: Record<string, any>;
 }
+export type BodyParams = {
+    none: null;
+    'form-data': IParam[];
+    json: IJsonXmlItem[];
+    xml: IJsonXmlItem[];
+    raw: string;
+    'x-www-form-urlencoded': IParam[];
+};
+export type HttpModel = {
+    url: string;
+    method: IMethod;
+    requestParams: IParam[];
+    headerParams: IParam[];
+    bodyParams: BodyParams;
+};
 export declare const apiComponentProps: {
-    readonly url: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HttpModel) | (() => HttpModel) | ((new (...args: any[]) => HttpModel) | (() => 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 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[]) => IParam[]) | (() => IParam[]) | ((new (...args: any[]) => IParam[]) | (() => IParam[]))[], unknown, unknown, () => IParam[], boolean>;
-    readonly headerParams: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IParam[]) | (() => IParam[]) | ((new (...args: any[]) => IParam[]) | (() => IParam[]))[], unknown, unknown, () => 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 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[];
+    }) | (() => {
+        [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
+    } | undefined) | ((new (...args: any[]) => {
+        [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
+    }) | (() => {
+        [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
+    } | undefined))[], unknown, unknown, () => {
+        url: ({
+            required: boolean;
+            trigger: string;
+            message: string;
+            pattern?: undefined;
+        } | {
+            trigger: string;
+            pattern: RegExp;
+            message: string;
+            required?: undefined;
+        })[];
     }, boolean>;
 };
 export declare const apiComponentEmits: {
-    change: (value: Record<string, any>) => boolean;
+    change: (value: HttpModel) => boolean;
+    'update:value': (value: HttpModel) => boolean;
 };
 export type ApiComponentProps = ExtractPropTypes<typeof apiComponentProps>;
 export type ApiComponentEmits = typeof apiComponentEmits;

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

@@ -44,40 +44,52 @@ const bodyList = [
   }
 ];
 const apiComponentProps = buildProps({
-  url: {
-    type: String,
-    default: ""
+  value: {
+    type: definePropType(Object),
+    default: () => ({
+      url: "",
+      method: DEFAULT_METHOD,
+      requestParams: [],
+      headerParams: [],
+      bodyParams: {
+        none: null,
+        "form-data": [],
+        json: [],
+        xml: [],
+        raw: "",
+        "x-www-form-urlencoded": []
+      }
+    })
   },
   disabled: {
     type: Boolean,
     default: false
   },
-  method: {
-    type: definePropType(String),
-    default: DEFAULT_METHOD
-  },
-  requestParams: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  headerParams: {
-    type: definePropType(Array),
-    default: () => []
+  isValid: {
+    type: Boolean,
+    default: false
   },
-  bodyParams: {
-    type: Object,
+  rules: {
+    type: definePropType(Object),
     default: () => ({
-      none: null,
-      "form-data": [],
-      json: [],
-      xml: [],
-      raw: "",
-      "x-www-form-urlencoded": []
+      url: [
+        {
+          required: true,
+          trigger: "blur",
+          message: "\u8BF7\u8F93\u5165url"
+        },
+        {
+          trigger: "change",
+          pattern: /^(http|https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w .-]*)*\/?$/,
+          message: "\u8F93\u5165url\u683C\u5F0F\u9519\u8BEF"
+        }
+      ]
     })
   }
 });
 const apiComponentEmits = {
-  change: (value) => !!value
+  change: (value) => !!value,
+  "update:value": (value) => !!value
 };
 
 export { DEFAULT_METHOD, apiComponentEmits, apiComponentProps, bodyList, requestList };

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 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  disabled: {\n    type: Boolean,\n    default: false\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,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;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;;;;"}
+{"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\nimport type { FormProps } from 'ant-design-vue'\n\nimport type { IJsonXmlItem } from './'\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\n// export const httpModel = 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// export type HttpModel = ExtractPropTypes<typeof httpModel>\nexport type BodyParams = {\n  none: null\n  'form-data': IParam[]\n  json: IJsonXmlItem[]\n  xml: IJsonXmlItem[]\n  raw: string\n  'x-www-form-urlencoded': IParam[]\n}\n\nexport type HttpModel = {\n  url: string\n  method: IMethod\n  requestParams: IParam[]\n  headerParams: IParam[]\n  bodyParams: BodyParams\n}\n\nexport const apiComponentProps = buildProps({\n  value: {\n    type: definePropType<HttpModel>(Object),\n    default: () => ({\n      url: '',\n      method: DEFAULT_METHOD,\n      requestParams: [],\n      headerParams: [],\n      bodyParams: {\n        none: null,\n        'form-data': [],\n        json: [],\n        xml: [],\n        raw: '',\n        'x-www-form-urlencoded': []\n      }\n    })\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  isValid: {\n    type: Boolean,\n    default: false\n  },\n  rules: {\n    type: definePropType<FormProps['rules']>(Object),\n    default: () => ({\n      url: [\n        {\n          required: true,\n          trigger: 'blur',\n          message: '请输入url'\n        },\n        {\n          trigger: 'change',\n          pattern:\n            /^(http|https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-]*)*\\/?$/,\n          message: '输入url格式错误'\n        }\n      ]\n    })\n  }\n} as const)\n\nexport const apiComponentEmits = {\n  change: (value: HttpModel) => !!value,\n  'update:value': (value: HttpModel) => !!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":";;;;AAkCO,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;AA0DO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA0B,MAAM,CAAA;AAAA,IACtC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,MAAQ,EAAA,cAAA;AAAA,MACR,eAAe,EAAC;AAAA,MAChB,cAAc,EAAC;AAAA,MACf,UAAY,EAAA;AAAA,QACV,IAAM,EAAA,IAAA;AAAA,QACN,aAAa,EAAC;AAAA,QACd,MAAM,EAAC;AAAA,QACP,KAAK,EAAC;AAAA,QACN,GAAK,EAAA,EAAA;AAAA,QACL,yBAAyB,EAAC;AAAA,OAC5B;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,IAC/C,SAAS,OAAO;AAAA,MACd,GAAK,EAAA;AAAA,QACH;AAAA,UACE,QAAU,EAAA,IAAA;AAAA,UACV,OAAS,EAAA,MAAA;AAAA,UACT,OAAS,EAAA,uBAAA;AAAA,SACX;AAAA,QACA;AAAA,UACE,OAAS,EAAA,QAAA;AAAA,UACT,OACE,EAAA,kEAAA;AAAA,UACF,OAAS,EAAA,yCAAA;AAAA,SACX;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,MAAQ,EAAA,CAAC,KAAqB,KAAA,CAAC,CAAC,KAAA;AAAA,EAChC,cAAgB,EAAA,CAAC,KAAqB,KAAA,CAAC,CAAC,KAAA;AAC1C;;;;"}

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

@@ -1,9 +1,25 @@
-import type { IMethod } from './';
+import { type HttpModel } from './';
 export declare const methods: {
     label: string;
     value: string;
 }[];
+export declare const apiUrlProps: {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => HttpModel) | (() => HttpModel) | ((new (...args: any[]) => HttpModel) | (() => 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>;
+};
 export declare const apiUrlEmits: {
-    "update:url": (url: string) => boolean;
-    "update:method": (method: IMethod) => boolean;
+    'update:value': (params: HttpModel) => boolean;
+    change: (params: HttpModel) => boolean;
 };

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

@@ -1,3 +1,8 @@
+import '../../../../utils/index.mjs';
+import './index.mjs';
+import { buildProps, definePropType } from '../../../../utils/props/runtime.mjs';
+import { DEFAULT_METHOD } from './api-component.mjs';
+
 "use strict";
 const methods = [
   {
@@ -17,10 +22,29 @@ const methods = [
     value: "DELETE"
   }
 ];
+const apiUrlProps = buildProps({
+  value: {
+    type: definePropType(Object),
+    default: () => ({
+      url: "",
+      method: DEFAULT_METHOD,
+      requestParams: [],
+      headerParams: [],
+      bodyParams: {
+        none: null,
+        "form-data": [],
+        json: [],
+        xml: [],
+        raw: "",
+        "x-www-form-urlencoded": []
+      }
+    })
+  }
+});
 const apiUrlEmits = {
-  ["update:url"]: (url) => !!url,
-  ["update:method"]: (method) => !!method
+  "update:value": (params) => !!params,
+  change: (params) => !!params
 };
 
-export { apiUrlEmits, methods };
+export { apiUrlEmits, apiUrlProps, methods };
 //# sourceMappingURL=api-url.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"api-url.mjs","sources":["../../../../../../packages/components/api-component/src/config/api-url.ts"],"sourcesContent":["// import { buildProps, definePropType } from '@ll-plus/utils'\n\n// import type { ExtractPropTypes } from 'vue'\n\nimport type { IMethod } from './'\n\nexport const methods = [\n  {\n    label: 'GET',\n    value: 'GET'\n  },\n  {\n    label: 'POST',\n    value: 'POST'\n  },\n  {\n    label: 'PUT',\n    value: 'PUT'\n  },\n  {\n    label: 'DELETE',\n    value: 'DELETE'\n  }\n]\n\nexport const apiUrlEmits = {\n  ['update:url']: (url: string) => !!url,\n  ['update:method']: (method: IMethod) => !!method\n}\n"],"names":[],"mappings":";AAMO,MAAM,OAAU,GAAA;AAAA,EACrB;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,GACT;AACF,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,CAAC,YAAY,GAAG,CAAC,GAAA,KAAgB,CAAC,CAAC,GAAA;AAAA,EACnC,CAAC,eAAe,GAAG,CAAC,MAAA,KAAoB,CAAC,CAAC,MAAA;AAC5C;;;;"}
+{"version":3,"file":"api-url.mjs","sources":["../../../../../../packages/components/api-component/src/config/api-url.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { type HttpModel, DEFAULT_METHOD } from './'\n\nexport const methods = [\n  {\n    label: 'GET',\n    value: 'GET'\n  },\n  {\n    label: 'POST',\n    value: 'POST'\n  },\n  {\n    label: 'PUT',\n    value: 'PUT'\n  },\n  {\n    label: 'DELETE',\n    value: 'DELETE'\n  }\n]\n\nexport const apiUrlProps = buildProps({\n  value: {\n    type: definePropType<HttpModel>(Object),\n    default: () => ({\n      url: '',\n      method: DEFAULT_METHOD,\n      requestParams: [],\n      headerParams: [],\n      bodyParams: {\n        none: null,\n        'form-data': [],\n        json: [],\n        xml: [],\n        raw: '',\n        'x-www-form-urlencoded': []\n      }\n    })\n  }\n} as const)\n\nexport const apiUrlEmits = {\n  'update:value': (params: HttpModel) => !!params,\n  change: (params: HttpModel) => !!params\n}\n"],"names":[],"mappings":";;;;;;AAIO,MAAM,OAAU,GAAA;AAAA,EACrB;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,GACT;AACF,EAAA;AAEO,MAAM,cAAc,UAAW,CAAA;AAAA,EACpC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA0B,MAAM,CAAA;AAAA,IACtC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,MAAQ,EAAA,cAAA;AAAA,MACR,eAAe,EAAC;AAAA,MAChB,cAAc,EAAC;AAAA,MACf,UAAY,EAAA;AAAA,QACV,IAAM,EAAA,IAAA;AAAA,QACN,aAAa,EAAC;AAAA,QACd,MAAM,EAAC;AAAA,QACP,KAAK,EAAC;AAAA,QACN,GAAK,EAAA,EAAA;AAAA,QACL,yBAAyB,EAAC;AAAA,OAC5B;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,WAAc,GAAA;AAAA,EACzB,cAAgB,EAAA,CAAC,MAAsB,KAAA,CAAC,CAAC,MAAA;AAAA,EACzC,MAAQ,EAAA,CAAC,MAAsB,KAAA,CAAC,CAAC,MAAA;AACnC;;;;"}