@ajaxjs/ui 1.2.1 → 1.2.3

package/dist/api-selector/index.vue

@@ -0,0 +1,125 @@
+<template>
+    <div class="api-selector" style="margin:0 auto;min-width:245px;">
+      <Tabs value="name1">
+        <TabPane label="接口数据" name="name1">
+          <header>
+            <div class="add" title="选择 API" @click="showSelector=true">+</div><span>数据源</span>
+          </header>
+          <Tree ref="treeAllApi" :data="treeAllApi" class="apiTree" empty-text="暂无选择 API，请点击上方 “+” 添加 API "></Tree>
+        </TabPane>
+        <TabPane label="静态数据" name="name2">静态数据 TODO</TabPane>
+      </Tabs>
+
+      <!-- 右键菜单 -->
+      <Dropdown transfer ref="contentFileMenu" style="display: none;" trigger="click">
+        <DropdownMenu slot="list" ref="pp">
+          <DropdownItem @click.native="handleContextMenuTest">测试</DropdownItem>
+          <Divider style="margin:0" />
+          <DropdownItem @click.native="handleContextMenuDelete" style="color: #ed4014">移除</DropdownItem>
+        </DropdownMenu>
+      </Dropdown>
+
+      <Modal v-model="showSelector" title="选择 API" ok-text="保存选择" @on-ok="selectHandler" cancel-text="关闭" width="470">
+        <Tabs v-model="selectedTab" :animated="false">
+          <TabPane label="数据服务" name="dataservice">
+            <AutoComplete v-model="SwaggerFilter.keyword" :data="SwaggerFilter.data" :filter-method="auotCompleteFilter" @on-select="filterHandler" icon="ios-search" placeholder="请输入 API 之 URL"></AutoComplete>
+            <Tree ref="treeDataservice" :data="DataServiceTreeData" :load-data="loadTablesCfg" show-checkbox class="apiTree"></Tree>
+          </TabPane>
+
+          <TabPane label="Swagger API" name="swagger">
+            <AutoComplete v-model="SwaggerFilter.keyword" :data="SwaggerFilter.data" :filter-method="auotCompleteFilter" @on-select="filterHandler" icon="ios-search" placeholder="请输入 API 之 URL"></AutoComplete>
+            <Tree ref="treeSwagger" :data="SwaggerTreeData" show-checkbox class="apiTree" @on-select-change="treeSwaggerHandler"></Tree>
+          </TabPane>
+        </Tabs>
+      </Modal>
+    </div>
+</template>
+<script lang="ts" src="./api-list.ts"></script>
+
+<style lang="less">
+.api-selector {
+    .add:hover {
+        color: #2d8cf0;
+    }
+    header {
+        height: 38px;
+        line-height: 38px;
+        border-bottom: 1px solid lightgray;
+        padding: 0 5px;
+        .add {
+            float: right;
+            font-size: 30px;
+            padding: 0;
+            cursor: pointer;
+        }
+    }
+
+    .ivu-tabs-bar {
+        margin-bottom: 0;
+    }
+
+    .ivu-menu-submenu-title {
+        border-bottom: 1px solid lightgray;
+    }
+
+    .ivu-tree-title {
+        // overflow: hidden;
+        // text-overflow: ellipsis;
+        // white-space: nowrap;
+        // max-width: 200px;
+    }
+    .ivu-tree li ul {
+        padding-left: 8px;
+    }
+}
+
+.http-method {
+    padding: 1px 6px;
+    margin-right: 5px;
+    border-radius: 3px;
+    font-size: 8px;
+
+    &.get {
+        color: #3175fe;
+        border: 1px solid #3175fe;
+    }
+
+    &.post {
+        color: green;
+        border: 1px solid green;
+    }
+    &.put {
+        color: rgb(224, 60, 254);
+        border: 1px solid rgb(224, 60, 254);
+    }
+    &.delete {
+        color: red;
+        border: 1px solid red;
+    }
+}
+
+.apiTree {
+    max-height: 500px;
+    overflow-y: auto;
+    margin-top: 5px;
+}
+
+.api-type {
+    padding: 1px 6px;
+    margin-right: 5px;
+    border-radius: 3px;
+    font-size: 8px;
+    border: 1px solid gray;
+    &.swagger {
+        border-color: #ffe1b3;
+        background-color: #fcffe4;
+        color: #fdc06e;
+    }
+    &.dataservice {
+        padding: 1px 4px;
+        border-color: #dc9ad8;
+        background-color: #fae4f8;
+        color: #dc9ad8;
+    }
+}
+</style>

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    title: string;
+    expand: boolean;
+    children: ({
+        title: string;
+        expand: boolean;
+        children: {
+            title: string;
+            render: (h: any, { root, node, data }: {
+                root: any;
+                node: any;
+                data: any;
+            }) => any[];
+        }[];
+    } | {
+        title: string;
+        expand: boolean;
+        children: {
+            title: string;
+        }[];
+    })[];
+}[];
+export default _default;

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        title: "parent 1",
+        expand: true,
+        children: [
+            {
+                title: "parent 1-1",
+                expand: true,
+                children: [
+                    {
+                        title: "leaf 1-1-2",
+                        render: (h, { root, node, data }) => {
+                            return [
+                                h("span", { class: "http-method get" }, "GET"),
+                                h("span", data.title),
+                            ];
+                        },
+                    },
+                    {
+                        title: "leaf 1-1-2",
+                        render: (h, { root, node, data }) => {
+                            return [
+                                h("span", { class: "http-method get" }, "GET"),
+                                h("span", data.title),
+                            ];
+                        },
+                    },
+                    {
+                        title: "leaf 1-1-1",
+                        render: (h, { root, node, data }) => {
+                            return [
+                                h("span", { class: "http-method post" }, "POST"),
+                                h("span", data.title),
+                            ];
+                        },
+                    },
+                    {
+                        title: "leaf 1-1-1",
+                        render: (h, { root, node, data }) => {
+                            return [
+                                h("span", { class: "http-method put" }, "PUT"),
+                                h("span", data.title),
+                            ];
+                        },
+                    },
+                    {
+                        title: "leaf 1-1-1",
+                        render: (h, { root, node, data }) => {
+                            return [
+                                h("span", { class: "http-method delete" }, "DELETE"),
+                                h("span", data.title),
+                            ];
+                        },
+                    },
+                ],
+            },
+            {
+                title: "parent 1-2",
+                expand: true,
+                children: [
+                    {
+                        title: "leaf 1-2-1",
+                    },
+                    {
+                        title: "leaf 1-2-1",
+                    },
+                ],
+            },
+        ],
+    },
+];
+//# sourceMappingURL=test-dataservice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"test-dataservice.js","sourceRoot":"","sources":["../../src/api-selector/test-dataservice.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb;QACE,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,IAAI;QAEZ,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,YAAY;wBACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;4BAClC,OAAO;gCACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC;gCAC9C,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;6BACtB,CAAC;wBACJ,CAAC;qBACF;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;4BAClC,OAAO;gCACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC;gCAC9C,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;6BACtB,CAAC;wBACJ,CAAC;qBACF;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;4BAClC,OAAO;gCACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC;gCAChD,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;6BACtB,CAAC;wBACJ,CAAC;qBACF;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;4BAClC,OAAO;gCACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC;gCAC9C,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;6BACtB,CAAC;wBACJ,CAAC;qBACF;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;4BAClC,OAAO;gCACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,QAAQ,CAAC;gCACpD,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;6BACtB,CAAC;wBACJ,CAAC;qBACF;iBACF;aACF;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,YAAY;qBACpB;oBACD;wBACE,KAAK,EAAE,YAAY;qBACpB;iBACF;aACF;SACF;KACF;CACF,CAAC"}