@ajaxjs/ui 1.2.2 → 1.2.4

package/dist/api-selector/api-list-swagger.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    data(): {};
+    methods: {
+        getSwaggerData(): void;
+        renderSwaggerNode(dir: string, method: string, isAddTypeNode?: boolean): {};
+        /**
+         * 点击加载接口详情
+         *
+         * @param data
+         */
+        appendApiDetail(data: any): void;
+        /**
+         * 获取实体字段
+         *
+         * @param item
+         * @returns
+         */
+        getFields(item: any): any | null;
+        treeSwaggerHandler(nodeArr: any, node: any): void;
+        /**
+         * 在过滤器中选择结果
+         *
+         * @param value
+         */
+        filterHandler(value: string): void;
+    };
+};
+export default _default;

package/dist/api-selector/api-list-swagger.js

@@ -0,0 +1,179 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_swagger_1 = __importDefault(require("./test-swagger"));
+exports.default = {
+    data() {
+        return {
+            SwaggerTreeData: [],
+            SwaggerFilter: {
+                keyword: "", data: []
+            },
+            SwaggerTreeRootNode: null
+        };
+    },
+    methods: {
+        getSwaggerData() {
+            let tagMap = {};
+            for (let path in test_swagger_1.default.paths) {
+                let _path = test_swagger_1.default.paths[path];
+                for (let method in _path) {
+                    let tag = _path[method].tags[0];
+                    // console.log('http method::', method)
+                    // console.log('tag::', tag);
+                    if (!tagMap[tag])
+                        tagMap[tag] = [];
+                    tagMap[tag].push({ method, path });
+                }
+            }
+            let i = 0;
+            // 转换为符合 tree 的数据格式
+            for (let tag in tagMap) {
+                let children = [];
+                let arr = tagMap[tag];
+                arr.forEach(({ method, path }) => children.push(this.renderSwaggerNode(path, method.toUpperCase())));
+                this.SwaggerTreeData.push({
+                    title: tag,
+                    expand: ((i++) === 0),
+                    children: children
+                });
+            }
+        },
+        renderSwaggerNode(dir, method, isAddTypeNode) {
+            this.SwaggerFilter.data.push(method + " " + dir); // 加入搜索
+            return {
+                title: dir,
+                render: (h, { root, node, data }) => {
+                    this.$set(data, 'method', method);
+                    if (!this.SwaggerTreeRootNode)
+                        this.SwaggerTreeRootNode = root;
+                    let nodeCfg = {
+                        on: { click: () => this.appendApiDetail(data) } // 点击加载接口详情
+                    };
+                    if (isAddTypeNode) // 右键点击事件
+                        nodeCfg.on['contextmenu'] = (e) => {
+                            e.preventDefault();
+                            this.contextSelectdNode.root = root;
+                            this.contextSelectdNode.node = node;
+                            // this.contextSelectdNode.data = data;
+                            this.$refs.contentFileMenu.$refs.reference = e.target;
+                            this.$refs.contentFileMenu.currentVisible = !this.$refs.contentFileMenu.currentVisible;
+                        };
+                    let arr = [
+                        h('span', Object.assign({ class: 'http-method ' + method.toLowerCase() }, nodeCfg), method),
+                        h('span', nodeCfg, data.title)
+                    ];
+                    if (isAddTypeNode)
+                        arr.unshift(h('span', { class: 'api-type swagger' }, 'S')); // 头部加入
+                    return arr;
+                }
+            };
+        },
+        /**
+         * 点击加载接口详情
+         *
+         * @param data
+         */
+        appendApiDetail(data) {
+            if (!data.isLoaded) {
+                console.log(test_swagger_1.default.paths[data.title][data.method.toLowerCase()]);
+                let meta = test_swagger_1.default.paths[data.title][data.method.toLowerCase()];
+                // 请求参数
+                let paramsChildren = [];
+                let params = meta.parameters;
+                params.forEach((item) => {
+                    if (!item.type && item.schema && item.schema.$ref) {
+                        let fields = this.getFields(item);
+                        for (let field in fields) {
+                            let type = fields[field].type;
+                            let desc = fields[field].description;
+                            paramsChildren.push({
+                                title: `${field}: ${type || field} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true,
+                            });
+                        }
+                    }
+                    else {
+                        let desc = item.description;
+                        paramsChildren.push({
+                            title: `${item.name}: ${item.type}，必填：${item.required ? '是' : '否'} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true,
+                        });
+                    }
+                });
+                // 响应结果
+                let respChildren = [];
+                let resp = meta.responses['200'];
+                if (resp && resp.schema && resp.schema.$ref) {
+                    // debugger
+                    let fields = this.getFields(resp);
+                    for (let field in fields) {
+                        let type = fields[field].type;
+                        let desc = fields[field].description;
+                        respChildren.push({
+                            title: `${field}: ${type || field} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true,
+                        });
+                    }
+                }
+                // 整理为树节点
+                const children = data.children || [];
+                children.push({
+                    title: '请求参数',
+                    disableCheckbox: true,
+                    expand: true,
+                    children: paramsChildren.length ? paramsChildren : [{ title: '无', disableCheckbox: true }]
+                }, {
+                    title: '响应结果',
+                    disableCheckbox: true,
+                    expand: true,
+                    children: respChildren
+                });
+                this.$set(data, 'children', children);
+                this.$set(data, 'expand', true);
+                this.$set(data, 'isLoaded', true);
+            }
+        },
+        /**
+         * 获取实体字段
+         *
+         * @param item
+         * @returns
+         */
+        getFields(item) {
+            let arr = item.schema.$ref.split('/');
+            let schema = arr.pop();
+            let _schema = test_swagger_1.default.definitions[schema];
+            if (_schema)
+                return _schema.properties;
+            else
+                console.warn('找不到元数据 ' + schema);
+            return null;
+        },
+        treeSwaggerHandler(nodeArr, node) {
+            // console.log(arguments)
+        },
+        /**
+         * 在过滤器中选择结果
+         *
+         * @param value
+         */
+        filterHandler(value) {
+            let arr = value.split(' ');
+            let method = arr[0], url = arr[1];
+            let target = this.SwaggerTreeRootNode.find((el) => el.node.method == method && el.node.title == url);
+            if (!target)
+                console.log('找不到目标节点', method, url);
+            else {
+                console.log(target);
+                target.checked = true;
+                target.expand = true;
+                target.node.checked = true;
+                target.node.expand = true;
+                // this.$set( target.node, 'expand', true);
+                this.$set(target, 'checked', true);
+                this.$set(target.node, 'checked', true);
+            }
+        }
+    }
+};
+//# sourceMappingURL=api-list-swagger.js.map

package/dist/api-selector/api-list-swagger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-list-swagger.js","sourceRoot":"","sources":["../../src/api-selector/api-list-swagger.ts"],"names":[],"mappings":";;;;;AAAA,kEAAsC;AAEtC,kBAAe;IACX,IAAI;QACA,OAAO;YACH,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE;gBACX,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;aACxB;YACD,mBAAmB,EAAE,IAAI;SAC5B,CAAC;IACN,CAAC;IACD,OAAO,EAAE;QACL,cAAc;YACV,IAAI,MAAM,GAAG,EAAE,CAAC;YAEhB,KAAK,IAAI,IAAI,IAAI,sBAAQ,CAAC,KAAK,EAAE;gBAC7B,IAAI,KAAK,GAAQ,sBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAEtC,KAAK,IAAI,MAAM,IAAI,KAAK,EAAE;oBACtB,IAAI,GAAG,GAAW,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACxC,uCAAuC;oBACvC,6BAA6B;oBAE7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;wBACZ,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;oBAErB,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;iBACtC;aACJ;YAED,IAAI,CAAC,GAAW,CAAC,CAAC;YAElB,mBAAmB;YACnB,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;gBACpB,IAAI,QAAQ,GAAU,EAAE,CAAC;gBACzB,IAAI,GAAG,GAAU,MAAM,CAAC,GAAG,CAAC,CAAC;gBAE7B,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;gBACrG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;oBACtB,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;oBACrB,QAAQ,EAAE,QAAQ;iBACrB,CAAC,CAAC;aACN;QACL,CAAC;QACD,iBAAiB,CAAC,GAAW,EAAE,MAAc,EAAE,aAAuB;YAClE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO;YAEzD,OAAO;gBACH,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,CAAC,CAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;oBAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;oBAElC,IAAI,CAAC,IAAI,CAAC,mBAAmB;wBACzB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;oBAEpC,IAAI,OAAO,GAAG;wBACV,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAA,WAAW;qBAC7D,CAAC;oBAEF,IAAI,aAAa,EAAC,SAAS;wBACvB,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAQ,EAAE,EAAE;4BACrC,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,IAAI,CAAC,kBAAkB,CAAC,IAAI,GAAG,IAAI,CAAC;4BACpC,IAAI,CAAC,kBAAkB,CAAC,IAAI,GAAG,IAAI,CAAC;4BAEpC,uCAAuC;4BACvC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;4BACtD,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC;wBAC3F,CAAC,CAAC;oBAEN,IAAI,GAAG,GAAU;wBACb,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,cAAc,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC;wBAC3F,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;qBACjC,CAAC;oBAEF,IAAI,aAAa;wBACb,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO;oBAEvE,OAAO,GAAG,CAAC;gBACf,CAAC;aACJ,CAAA;QACL,CAAC;QAED;;;;WAIG;QACH,eAAe,CAAC,IAAS;YACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAChB,OAAO,CAAC,GAAG,CAAC,sBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;gBACnE,IAAI,IAAI,GAAQ,sBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;gBAEtE,OAAO;gBACP,IAAI,cAAc,GAAU,EAAE,CAAC;gBAC/B,IAAI,MAAM,GAAU,IAAI,CAAC,UAAU,CAAC;gBAEpC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;oBACzB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;wBAC/C,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;wBAElC,KAAK,IAAI,KAAK,IAAI,MAAM,EAAE;4BACtB,IAAI,IAAI,GAAW,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;4BACtC,IAAI,IAAI,GAAW,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC;4BAE7C,cAAc,CAAC,IAAI,CAAC;gCAChB,KAAK,EAAE,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI;6BAC1F,CAAC,CAAC;yBACN;qBACJ;yBAAM;wBACH,IAAI,IAAI,GAAW,IAAI,CAAC,WAAW,CAAC;wBACpC,cAAc,CAAC,IAAI,CAAC;4BAChB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI;yBAC1H,CAAC,CAAC;qBACN;gBACL,CAAC,CAAC,CAAC;gBAEH,OAAO;gBACP,IAAI,YAAY,GAAU,EAAE,CAAC;gBAC7B,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAEjC,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;oBACzC,WAAW;oBACX,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBAElC,KAAK,IAAI,KAAK,IAAI,MAAM,EAAE;wBACtB,IAAI,IAAI,GAAW,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;wBACtC,IAAI,IAAI,GAAW,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC;wBAE7C,YAAY,CAAC,IAAI,CAAC;4BACd,KAAK,EAAE,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI;yBAC1F,CAAC,CAAC;qBACN;iBACJ;gBAED,SAAS;gBACT,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;gBAErC,QAAQ,CAAC,IAAI,CAAC;oBACV,KAAK,EAAE,MAAM;oBACb,eAAe,EAAE,IAAI;oBACrB,MAAM,EAAE,IAAI;oBACZ,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;iBAC7F,EAAE;oBACC,KAAK,EAAE,MAAM;oBACb,eAAe,EAAE,IAAI;oBACrB,MAAM,EAAE,IAAI;oBACZ,QAAQ,EAAE,YAAY;iBACzB,CAAC,CAAC;gBAEH,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;gBACtC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;gBAChC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;aACrC;QACL,CAAC;QAED;;;;;WAKG;QACH,SAAS,CAAC,IAAS;YACf,IAAI,GAAG,GAAa,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChD,IAAI,MAAM,GAAW,GAAG,CAAC,GAAG,EAAE,CAAC;YAC/B,IAAI,OAAO,GAAG,sBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE3C,IAAI,OAAO;gBACP,OAAO,OAAO,CAAC,UAAU,CAAC;;gBACzB,OAAO,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;YAEtC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,kBAAkB,CAAC,OAAO,EAAE,IAAI;YAC5B,yBAAyB;QAC7B,CAAC;QAED;;;;WAIG;QACH,aAAa,CAAC,KAAa;YACvB,IAAI,GAAG,GAAa,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACrC,IAAI,MAAM,GAAW,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,GAAW,GAAG,CAAC,CAAC,CAAC,CAAC;YAClD,IAAI,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;YAE1G,IAAI,CAAC,MAAM;gBACP,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;iBACnC;gBACD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACnB,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;gBACtB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;gBACrB,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC3B,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC1B,2CAA2C;gBAC3C,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;gBACnC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;aAC3C;QACL,CAAC;KAEJ;CACJ,CAAC"}

package/dist/api-selector/api-list-swagger.ts

@@ -0,0 +1,206 @@
+import testData from './test-swagger';
+
+export default {
+    data(): {} {
+        return {
+            SwaggerTreeData: [],
+            SwaggerFilter: {
+                keyword: "", data: []
+            },
+            SwaggerTreeRootNode: null
+        };
+    },
+    methods: {
+        getSwaggerData(): void {
+            let tagMap = {};
+
+            for (let path in testData.paths) {
+                let _path: any = testData.paths[path];
+
+                for (let method in _path) {
+                    let tag: string = _path[method].tags[0];
+                    // console.log('http method::', method)
+                    // console.log('tag::', tag);
+
+                    if (!tagMap[tag])
+                        tagMap[tag] = [];
+
+                    tagMap[tag].push({ method, path });
+                }
+            }
+
+            let i: number = 0;
+
+            // 转换为符合 tree 的数据格式
+            for (let tag in tagMap) {
+                let children: any[] = [];
+                let arr: any[] = tagMap[tag];
+
+                arr.forEach(({ method, path }) => children.push(this.renderSwaggerNode(path, method.toUpperCase())));
+                this.SwaggerTreeData.push({
+                    title: tag,
+                    expand: ((i++) === 0),
+                    children: children
+                });
+            }
+        },
+        renderSwaggerNode(dir: string, method: string, isAddTypeNode?: boolean): {} {
+            this.SwaggerFilter.data.push(method + " " + dir); // 加入搜索
+
+            return {
+                title: dir,
+                render: (h: Function, { root, node, data }) => {
+                    this.$set(data, 'method', method);
+
+                    if (!this.SwaggerTreeRootNode)
+                        this.SwaggerTreeRootNode = root;
+
+                    let nodeCfg = { // 节点事件的配置
+                        on: { click: () => this.appendApiDetail(data) }// 点击加载接口详情
+                    };
+
+                    if (isAddTypeNode)// 右键点击事件
+                        nodeCfg.on['contextmenu'] = (e: Event) => {
+                            e.preventDefault();
+                            this.contextSelectdNode.root = root;
+                            this.contextSelectdNode.node = node;
+
+                            // this.contextSelectdNode.data = data;
+                            this.$refs.contentFileMenu.$refs.reference = e.target;
+                            this.$refs.contentFileMenu.currentVisible = !this.$refs.contentFileMenu.currentVisible;
+                        };
+
+                    let arr: any[] = [
+                        h('span', Object.assign({ class: 'http-method ' + method.toLowerCase() }, nodeCfg), method),
+                        h('span', nodeCfg, data.title)
+                    ];
+
+                    if (isAddTypeNode)
+                        arr.unshift(h('span', { class: 'api-type swagger' }, 'S')); // 头部加入
+
+                    return arr;
+                }
+            }
+        },
+
+        /**
+         * 点击加载接口详情
+         * 
+         * @param data 
+         */
+        appendApiDetail(data: any): void {
+            if (!data.isLoaded) {
+                console.log(testData.paths[data.title][data.method.toLowerCase()]);
+                let meta: any = testData.paths[data.title][data.method.toLowerCase()];
+
+                // 请求参数
+                let paramsChildren: any[] = [];
+                let params: any[] = meta.parameters;
+
+                params.forEach((item: any) => {
+                    if (!item.type && item.schema && item.schema.$ref) {
+                        let fields = this.getFields(item);
+
+                        for (let field in fields) {
+                            let type: string = fields[field].type;
+                            let desc: string = fields[field].description;
+
+                            paramsChildren.push({
+                                title: `${field}: ${type || field} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true,
+                            });
+                        }
+                    } else {
+                        let desc: string = item.description;
+                        paramsChildren.push({
+                            title: `${item.name}: ${item.type}，必填：${item.required ? '是' : '否'} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true,
+                        });
+                    }
+                });
+
+                // 响应结果
+                let respChildren: any[] = [];
+                let resp = meta.responses['200'];
+
+                if (resp && resp.schema && resp.schema.$ref) {
+                    // debugger
+                    let fields = this.getFields(resp);
+
+                    for (let field in fields) {
+                        let type: string = fields[field].type;
+                        let desc: string = fields[field].description;
+
+                        respChildren.push({
+                            title: `${field}: ${type || field} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true,
+                        });
+                    }
+                }
+
+                // 整理为树节点
+                const children = data.children || [];
+
+                children.push({
+                    title: '请求参数',
+                    disableCheckbox: true,
+                    expand: true,
+                    children: paramsChildren.length ? paramsChildren : [{ title: '无', disableCheckbox: true }]
+                }, {
+                    title: '响应结果',
+                    disableCheckbox: true,
+                    expand: true,
+                    children: respChildren
+                });
+
+                this.$set(data, 'children', children);
+                this.$set(data, 'expand', true);
+                this.$set(data, 'isLoaded', true);
+            }
+        },
+
+        /**
+         * 获取实体字段
+         * 
+         * @param item 
+         * @returns 
+         */
+        getFields(item: any): any | null {
+            let arr: string[] = item.schema.$ref.split('/');
+            let schema: string = arr.pop();
+            let _schema = testData.definitions[schema];
+
+            if (_schema)
+                return _schema.properties;
+            else console.warn('找不到元数据 ' + schema);
+
+            return null;
+        },
+
+        treeSwaggerHandler(nodeArr, node): void {
+            // console.log(arguments)
+        },
+
+        /**
+         * 在过滤器中选择结果
+         * 
+         * @param value 
+         */
+        filterHandler(value: string): void {
+            let arr: string[] = value.split(' ');
+            let method: string = arr[0], url: string = arr[1];
+            let target = this.SwaggerTreeRootNode.find((el: any) => el.node.method == method && el.node.title == url);
+
+            if (!target)
+                console.log('找不到目标节点', method, url);
+            else {
+                console.log(target)
+                target.checked = true;
+                target.expand = true;
+                target.node.checked = true;
+                target.node.expand = true;
+                // this.$set( target.node, 'expand', true);
+                this.$set(target, 'checked', true);
+                this.$set(target.node, 'checked', true);
+            }
+        }
+
+    }
+};

package/dist/api-selector/api-list.d.ts

@@ -0,0 +1,80 @@
+declare const _default: {
+    props: {
+        apiRoot: {
+            type: StringConstructor;
+            required: boolean;
+        };
+    };
+    mixins: ({
+        data(): {};
+        methods: {
+            getDataService(): void;
+            loadTablesCfg(item: any, callback: Function): void; /**
+             * 测试 API
+             */
+            renderDataServiceNode(dir: string, method: string, cfg: any, isAddTypeNode?: boolean): {};
+            appendDataServiceDetail(data: any): void;
+        };
+    } | {
+        data(): {};
+        methods: {
+            getSwaggerData(): void;
+            renderSwaggerNode(dir: string, method: string, isAddTypeNode?: boolean): {};
+            appendApiDetail(data: any): void;
+            getFields(item: any): any;
+            treeSwaggerHandler(nodeArr: any, node: any): void;
+            filterHandler(value: string): void;
+        };
+    })[];
+    data(): {
+        API: string;
+        showSelector: boolean;
+        selectedTab: string;
+        treeAllApi: any[];
+        selectedApi: {
+            DataService: {};
+            Swagger: {};
+        };
+        contextSelectdNode: {
+            root: {};
+            node: {};
+            data: {};
+        };
+    };
+    mounted(): void;
+    methods: {
+        /**
+         * 自动填充的过滤
+         *
+         * @param value
+         * @param option
+         * @returns
+         */
+        auotCompleteFilter(value: string, option: string): boolean;
+        /**
+         * 选好了，加入到列表中
+         */
+        selectHandler(): void;
+        /**
+         * watch 无效，于是写到了这里
+         *
+         * @private
+         */
+        sendSelected(): void;
+        /**
+         * 删除树节点
+         */
+        handleContextMenuDelete(): void;
+        /**
+         * 测试 API
+         */
+        handleContextMenuTest(): void;
+    };
+    watch: {
+        selectedApi: {
+            deep: boolean;
+            handler(v: any): void;
+        };
+    };
+};
+export default _default;

package/dist/api-selector/api-list.js

@@ -0,0 +1,129 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const api_list_dataservice_1 = __importDefault(require("./api-list-dataservice"));
+const api_list_swagger_1 = __importDefault(require("./api-list-swagger"));
+exports.default = {
+    props: {
+        apiRoot: { type: String, required: true } // 接口前缀
+    },
+    mixins: [api_list_dataservice_1.default, api_list_swagger_1.default],
+    data() {
+        return {
+            API: this.apiRoot + '/admin',
+            showSelector: false,
+            selectedTab: 'dataservice',
+            treeAllApi: [],
+            selectedApi: {
+                DataService: {},
+                Swagger: {}
+            },
+            contextSelectdNode: {
+                root: {}, node: {}, data: {}
+            }
+        };
+    },
+    mounted() {
+        this.getDataService();
+        this.getSwaggerData();
+    },
+    methods: {
+        /**
+         * 自动填充的过滤
+         *
+         * @param value
+         * @param option
+         * @returns
+         */
+        auotCompleteFilter(value, option) {
+            return option.toUpperCase().indexOf(value.toUpperCase()) !== -1;
+        },
+        /**
+         * 选好了，加入到列表中
+         */
+        selectHandler() {
+            let arr;
+            // if ('dataservice' == this.selectedTab) {
+            arr = this.$refs.treeDataservice.getCheckedNodes();
+            if (arr && arr.length) {
+                arr.forEach((treeNode) => {
+                    if (treeNode.method && treeNode.title) {
+                        let key = treeNode.method + '_' + treeNode.title;
+                        if (!this.selectedApi.DataService[key]) { // 防止重复加入相同的 
+                            this.treeAllApi.push(this.renderDataServiceNode(treeNode.title, treeNode.method, treeNode.cfg, true));
+                            this.selectedApi.DataService[key] = true;
+                        }
+                        else {
+                            // this.$Message.error(`已加入相同的 ${treeNode.title} API`);
+                        }
+                    }
+                });
+            }
+            // } else if ('swagger' == this.selectedTab) {
+            arr = this.$refs.treeSwagger.getCheckedNodes();
+            if (arr && arr.length) {
+                arr.forEach((treeNode) => {
+                    if (treeNode.method && treeNode.title) {
+                        let key = treeNode.method + '_' + treeNode.title;
+                        if (!this.selectedApi.Swagger[key]) { // 防止重复加入相同的 
+                            this.treeAllApi.push(this.renderSwaggerNode(treeNode.title, treeNode.method, true));
+                            this.selectedApi.Swagger[key] = true;
+                        }
+                        else {
+                            /*                   if (treeNode.title == '请求参数')
+                                                  debugger;
+                                              this.$Message.error(`已加入相同的 ${treeNode.title} API`); */
+                        }
+                    }
+                });
+            }
+            // }
+            this.sendSelected();
+        },
+        /**
+         * watch 无效，于是写到了这里
+         *
+         * @private
+         */
+        sendSelected() {
+            let arr = [];
+            for (let key in this.selectedApi.DataService) {
+                let _arr = key.split('_');
+                arr.push({ method: _arr[0], url: key.replace(_arr[0] + '_', '') });
+            }
+            this.$emit('apiselected', arr);
+        },
+        /**
+         * 删除树节点
+         */
+        handleContextMenuDelete() {
+            let { root, node } = this.contextSelectdNode;
+            console.log(node);
+            const index = root.indexOf(node);
+            this.treeAllApi.splice(index, 1);
+            let key = node.node.method + '_' + node.node.title;
+            if (this.selectedApi.Swagger[key])
+                delete this.selectedApi.Swagger[key];
+            if (this.selectedApi.DataService[key])
+                delete this.selectedApi.DataService[key];
+        },
+        /**
+         * 测试 API
+         */
+        handleContextMenuTest() {
+            alert('TODO');
+        }
+    },
+    watch: {
+        selectedApi: {
+            deep: false,
+            handler(v) {
+                alert(this.$emit);
+                this.$emit('apiselected', 888);
+            }
+        }
+    }
+};
+//# sourceMappingURL=api-list.js.map

package/dist/api-selector/api-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-list.js","sourceRoot":"","sources":["../../src/api-selector/api-list.ts"],"names":[],"mappings":"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"}