@ajaxjs/ui 1.2.2 → 1.2.4

package/dist/api-helper2/request-body.vue

@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <RadioGroup v-model="requestType" type="button" size="small">
+      <Radio label="Form"></Radio>
+      <Radio label="FormData"></Radio>
+      <Radio label="JSON"></Radio>
+      <Radio label="Raw"></Radio>
+    </RadioGroup>
+
+    <span v-if="requestType == 'JSON'" class="jsonRootType">JSON 根类型
+      <RadioGroup v-model="json.rootType" size="small">
+        <Radio label="Object" size="small"></Radio>
+        <Radio label="Array"></Radio>
+      </RadioGroup>
+    </span>
+
+    <div style="margin-top: 20px">
+      <section v-if="requestType == 'Form'">
+        <Table mode="SIMPLE" />
+
+      </section>
+      <section v-if="requestType == 'JSON'">
+        <Table mode="SCHEME" />
+
+      </section>
+
+      <section v-if="requestType == 'Raw'">
+        <div style="width:500px;margin:10px 0;">
+          ContentType
+          <Select v-model="raw.contentType" style="width:200px;" size="small" transfer>
+            <Option value="application/json">application/json</Option>
+            <Option value="application/x-www-form-urlencoded">application/x-www-form-urlencoded</Option>
+            <Option value="multipart/form-data">multipart/form-data</Option>
+            <Option value="text/plain">text/plain</Option>
+            <Option value="text/plain">text/xml</Option>
+          </Select>
+        </div>
+        <Input type="textarea" :rows="4" />
+      </section>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Table from "./table.vue";
+
+export default {
+  components: { Table },
+  data() {
+    return {
+      requestType: "JSON",
+      json: {
+        rootType: "Object",
+      },
+      raw: {
+        contentType: "application/json",
+      },
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.jsonRootType {
+  font-size: 9pt;
+  padding-left: 20px;
+}
+</style>

package/dist/api-helper2/table.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="table" :class="mode">
+    <header>
+      <ul>
+        <li class="check"><input type="checkbox" /></li>
+        <li class="name">参数变量名</li>
+        <li class="type">类型</li>
+        <li class="value">参数值</li>
+        <li class="default">值示例</li>
+        <li class="required">必填</li>
+        <li class="comment">说明</li>
+        <li class="action">操作</li>
+      </ul>
+    </header>
+
+    <ul class="tableBody">
+      <li>
+        <div class="row check">
+          <input type="checkbox" />
+        </div>
+        <div class="row name">
+          <Input value="dfgg" size="small" />
+        </div>
+        <div class="row type">
+          <Select size="small" transfer>
+            <Option value="string">string</Option>
+            <Option value="number">number</Option>
+            <Option value="boolean">boolean</Option>
+            <Option value="object">object</Option>
+            <Option value="array">array</Option>
+            <Option value="null">null</Option>
+          </Select>
+        </div>
+        <div class="row value">
+          <Input value="dfgg" size="small" />
+        </div>
+
+        <div class="row comment">
+          <Input value="dfgg" size="small" />
+        </div>
+        <div class="row action"></div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts">
+import "./api-helper";
+
+export default {
+  props: {
+    mode: String,
+  },
+  data() {
+    return {
+      //   mode: "SCHEME",
+    } as API_HELPER_TABLE;
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.table {
+  width: 100%;
+
+  .check {
+    width: 50px;
+  }
+  .name {
+    width: 200px;
+  }
+  .type {
+    width: 100px;
+  }
+  .value {
+    width: 200px;
+  }
+  .comment {
+    width: 300px;
+  }
+  .action {
+    width: 100px;
+  }
+
+  .row {
+    display: inline-block;
+    padding: 0 4px;
+    box-sizing: border-box;
+  }
+}
+
+.SCHEME {
+  .default,
+  .required {
+    display: none;
+  }
+}
+
+header {
+  background-color: #f8f8f9;
+  li {
+    // text-align: center;
+    padding: 6px 14px;
+    display: inline-block;
+    font-weight: bold;
+    box-sizing: border-box;
+  }
+}
+
+.tableBody {
+  li {
+    padding: 10px;
+    box-sizing: border-box;
+  }
+}
+</style>

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    data(): {};
+    methods: {
+        getDataService(): void;
+        /**
+         * 加载表列表和配置。点击 表名 时候执行
+         */
+        loadTablesCfg(item: any, callback: Function): void;
+        renderDataServiceNode(dir: string, method: string, cfg: any, isAddTypeNode?: boolean): {};
+        /**
+         * 点击加载接口详情
+         *
+         * @param data
+         */
+        appendDataServiceDetail(data: any): void;
+    };
+};
+export default _default;

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

@@ -0,0 +1,209 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const xhr_1 = require("@ajaxjs/util/dist/util/xhr");
+const test_dataservice_1 = __importDefault(require("./test-dataservice"));
+exports.default = {
+    data() {
+        return {
+            DataServiceTreeData: test_dataservice_1.default,
+            DataServiceFilter: {
+                keyword: "", data: ['foo', 'bar']
+            },
+        };
+    },
+    methods: {
+        getDataService() {
+            (0, xhr_1.xhr_get)(`${this.API}/datasource`, (j) => {
+                // console.log(j.result);
+                let DataServiceTreeData = [];
+                // let i: number = 0;
+                if (j.data) {
+                    j.data.forEach((item) => {
+                        DataServiceTreeData.push({
+                            title: '数据源：' + item.name,
+                            loading: false,
+                            datasourceId: item.id,
+                            urlDir: item.urlDir,
+                            children: []
+                        });
+                    });
+                }
+                this.DataServiceTreeData = DataServiceTreeData;
+            }, { start: 0, limit: 999, appId: window.sessionStorage.getItem('APP_ID') || 1432285183943376896 });
+        },
+        /**
+         * 加载表列表和配置。点击 表名 时候执行
+         */
+        loadTablesCfg(item, callback) {
+            let datasourceDir = item.urlDir;
+            let datasourceId = item.datasourceId;
+            (0, xhr_1.xhr_get)(`${this.API}/data_service?datasourceId=${datasourceId}`, (j) => {
+                if (j.data) {
+                    this.list = j.data;
+                    let data = [];
+                    let i = 0;
+                    j.data.forEach((item) => {
+                        let children = [];
+                        let urlDir = item.urlDir; // 配置目录
+                        if (item.json) {
+                            let cfgs = JSON.parse(item.json);
+                            // console.log(":::::::::", item);
+                            for (let key in cfgs) {
+                                let cfg = cfgs[key];
+                                // console.log(":::::::::》》》》", cfg);
+                                cfg.type = key;
+                                cfg.datasourceId = datasourceId;
+                                cfg.tableName = item.tableName;
+                                if (!cfg.enable)
+                                    continue;
+                                let dir = "/" + datasourceDir + "/" + urlDir;
+                                if (cfg.dir)
+                                    dir += "/" + cfg.dir;
+                                switch (key) {
+                                    case 'info':
+                                    case 'list':
+                                        children.push(this.renderDataServiceNode(dir, "GET", cfg));
+                                        break;
+                                    case 'create':
+                                        children.push(this.renderDataServiceNode(dir, "POST", cfg));
+                                        break;
+                                    case 'update':
+                                        children.push(this.renderDataServiceNode(dir + "/?id=${id}", "PUT", cfg));
+                                        break;
+                                    case 'delete':
+                                        children.push(this.renderDataServiceNode(dir + "/?id=${id}", "DELETE", cfg));
+                                        break;
+                                }
+                            }
+                        }
+                        data.push({
+                            title: item.tableName,
+                            children: children
+                        });
+                    });
+                    callback(data);
+                }
+                else {
+                    this.$Message.error('该数据源下尚未有任何表的配置');
+                    callback([]);
+                }
+            });
+        },
+        renderDataServiceNode(dir, method, cfg, isAddTypeNode) {
+            return {
+                title: dir,
+                render: (h, { root, node, data }) => {
+                    this.$set(data, 'method', method);
+                    this.$set(data, 'cfg', cfg);
+                    let nodeCfg = {
+                        on: {
+                            click: () => {
+                                this.appendDataServiceDetail(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 dataservice' }, '数')); // 头部加入
+                    return arr;
+                }
+            };
+        },
+        /**
+         * 点击加载接口详情
+         *
+         * @param data
+         */
+        appendDataServiceDetail(data) {
+            if (!data.isLoaded) {
+                // 预先加载
+                let tableFields = [];
+                (0, xhr_1.xhr_get)(`${this.API}/data_service/getAllFieldsByDataSourceAndTablename?datasourceId=${data.cfg.datasourceId}&tableName=${data.cfg.tableName}`, (j) => {
+                    console.log(j);
+                    //@ts-ignore
+                    j.result.forEach(item => {
+                        tableFields.push({
+                            name: item.name, type: item.type, required: item.null == 'YES', description: item.comment
+                        });
+                    });
+                });
+                // 请求参数
+                let params = [];
+                switch (data.cfg.type) {
+                    case 'info':
+                    case 'delete':
+                        params.push({ name: 'id', type: 'int', required: true, description: '实体 id' });
+                        break;
+                    case 'list':
+                        params.push({ name: 'start', type: 'int', required: true, description: '分页 start' });
+                        params.push({ name: 'limit', type: 'int', required: true, description: '分页 limit' });
+                        break;
+                    case 'create':
+                    case 'update':
+                        params = tableFields;
+                        break;
+                }
+                let paramsChildren = [];
+                params.forEach((item) => {
+                    let desc = item.description;
+                    paramsChildren.push({ title: `${item.name}: ${item.type}，必填：${item.required ? '是' : '否'} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true });
+                });
+                // 响应结果
+                let resp = [];
+                switch (data.cfg.type) {
+                    case 'info':
+                    case 'list':
+                        resp = tableFields;
+                        break;
+                    case 'create':
+                        resp.push({ name: 'isOk', type: 'boolean', description: '是否创建成功' });
+                        resp.push({ name: 'newlyId', type: 'long', description: '新增记录之 id' });
+                        break;
+                    case 'update':
+                        resp.push({ name: 'isOk', type: 'boolean', description: '是否更新成功' });
+                        break;
+                    case 'delete':
+                        resp.push({ name: 'isOk', type: 'boolean', description: '是否删除成功' });
+                        break;
+                }
+                let respChildren = [];
+                resp.forEach((item) => {
+                    let desc = item.description;
+                    respChildren.push({ title: `${item.name}: ${item.type} ${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 ? respChildren : [{ title: '无', disableCheckbox: true }]
+                });
+                this.$set(data, 'children', children);
+                this.$set(data, 'expand', true);
+                this.$set(data, 'isLoaded', true);
+            }
+        },
+    }
+};
+//# sourceMappingURL=api-list-dataservice.js.map

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

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

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

@@ -0,0 +1,232 @@
+import { xhr_get } from '@ajaxjs/util/dist/util/xhr';
+import test from './test-dataservice';
+
+export default {
+    data(): {} {
+        return {
+            DataServiceTreeData: test,
+            DataServiceFilter: {
+                keyword: "", data: ['foo', 'bar']
+            },
+        };
+    },
+    methods: {
+        getDataService(): void {
+            xhr_get(`${this.API}/datasource`, (j: RepsonseResult) => {
+                // console.log(j.result);
+                let DataServiceTreeData: any[] = [];
+                // let i: number = 0;
+
+                if (j.data) {
+                    j.data.forEach((item: any) => {
+                        DataServiceTreeData.push({
+                            title: '数据源：' + item.name,
+                            loading: false,
+                            datasourceId: item.id,
+                            urlDir: item.urlDir,
+                            children: []
+                        })
+                    });
+                }
+
+                this.DataServiceTreeData = DataServiceTreeData;
+            }, { start: 0, limit: 999, appId: window.sessionStorage.getItem('APP_ID') || 1432285183943376896 });
+        },
+
+        /**
+         * 加载表列表和配置。点击 表名 时候执行
+         */
+        loadTablesCfg(item: any, callback: Function): void {
+            let datasourceDir: string = item.urlDir;
+            let datasourceId: number = item.datasourceId;
+
+            xhr_get(`${this.API}/data_service?datasourceId=${datasourceId}`, (j: RepsonseResult) => {
+                if (j.data) {
+                    this.list = j.data;
+                    let data: any[] = [];
+                    let i: number = 0;
+
+                    j.data.forEach((item: any) => {
+                        let children: any[] = [];
+                        let urlDir: string = item.urlDir; // 配置目录
+
+                        if (item.json) {
+                            let cfgs: any = JSON.parse(item.json);
+                            // console.log(":::::::::", item);
+
+                            for (let key in cfgs) {
+                                let cfg = cfgs[key];
+                                // console.log(":::::::::》》》》", cfg);
+                                cfg.type = key;
+                                cfg.datasourceId = datasourceId;
+                                cfg.tableName = item.tableName;
+
+                                if (!cfg.enable)
+                                    continue;
+
+                                let dir: string = "/" + datasourceDir + "/" + urlDir;
+                                if (cfg.dir)
+                                    dir += "/" + cfg.dir;
+
+                                switch (key) {
+                                    case 'info':
+                                    case 'list':
+                                        children.push(this.renderDataServiceNode(dir, "GET", cfg));
+                                        break;
+                                    case 'create':
+                                        children.push(this.renderDataServiceNode(dir, "POST", cfg));
+                                        break;
+                                    case 'update':
+                                        children.push(this.renderDataServiceNode(dir + "/?id=${id}", "PUT", cfg));
+                                        break;
+                                    case 'delete':
+                                        children.push(this.renderDataServiceNode(dir + "/?id=${id}", "DELETE", cfg));
+                                        break;
+                                }
+                            }
+                        }
+
+                        data.push({
+                            title: item.tableName,
+                            children: children
+                        });
+                    });
+
+                    callback(data);
+                } else {
+                    this.$Message.error('该数据源下尚未有任何表的配置');
+                    callback([]);
+                }
+            });
+        },
+
+        renderDataServiceNode(dir: string, method: string, cfg: any, isAddTypeNode?: boolean): {} {
+            return {
+                title: dir,
+                render: (h: Function, { root, node, data }) => {
+                    this.$set(data, 'method', method);
+                    this.$set(data, 'cfg', cfg);
+
+                    let nodeCfg = { // 节点事件的配置
+                        on: {
+                            click: () => {
+                                this.appendDataServiceDetail(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 dataservice' }, '数')); // 头部加入
+
+                    return arr;
+                }
+            }
+        },
+
+        /**
+         * 点击加载接口详情
+         * 
+         * @param data 
+         */
+        appendDataServiceDetail(data: any): void {
+            if (!data.isLoaded) {
+                // 预先加载
+                let tableFields: any[] = [];
+                xhr_get(`${this.API}/data_service/getAllFieldsByDataSourceAndTablename?datasourceId=${data.cfg.datasourceId}&tableName=${data.cfg.tableName}`,
+                    (j: RepsonseResult) => {
+                        console.log(j)
+                        //@ts-ignore
+                        j.result.forEach(item => {
+                            tableFields.push({
+                                name: item.name, type: item.type, required: item.null == 'YES', description: item.comment
+                            });
+                        });
+                    });
+
+                // 请求参数
+                let params: any[] = [];
+                switch (data.cfg.type) {
+                    case 'info':
+                    case 'delete':
+                        params.push({ name: 'id', type: 'int', required: true, description: '实体 id' });
+                        break;
+                    case 'list':
+                        params.push({ name: 'start', type: 'int', required: true, description: '分页 start' });
+                        params.push({ name: 'limit', type: 'int', required: true, description: '分页 limit' });
+                        break;
+                    case 'create':
+                    case 'update':
+                        params = tableFields;
+                        break;
+                }
+
+                let paramsChildren: any[] = [];
+
+                params.forEach((item: any) => {
+                    let desc: string = item.description;
+                    paramsChildren.push({ title: `${item.name}: ${item.type}，必填：${item.required ? '是' : '否'} ${desc ? '，说明：' + desc : ''}`, disableCheckbox: true });
+                });
+
+                // 响应结果
+                let resp: any[] = [];
+                switch (data.cfg.type) {
+                    case 'info':
+                    case 'list':
+                        resp = tableFields;
+                        break;
+                    case 'create':
+                        resp.push({ name: 'isOk', type: 'boolean', description: '是否创建成功' });
+                        resp.push({ name: 'newlyId', type: 'long', description: '新增记录之 id' });
+                        break;
+                    case 'update':
+                        resp.push({ name: 'isOk', type: 'boolean', description: '是否更新成功' });
+                        break;
+                    case 'delete':
+                        resp.push({ name: 'isOk', type: 'boolean', description: '是否删除成功' });
+                        break;
+                }
+
+                let respChildren: any[] = [];
+                resp.forEach((item: any) => {
+                    let desc: string = item.description;
+                    respChildren.push({ title: `${item.name}: ${item.type} ${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 ? respChildren : [{ title: '无', disableCheckbox: true }]
+                });
+
+                this.$set(data, 'children', children);
+                this.$set(data, 'expand', true);
+                this.$set(data, 'isLoaded', true);
+            }
+        },
+    }
+};