@ajaxjs/ui 1.3.11 → 1.4.0

package/src/iview-ext/fast-iview-table.vue

@@ -1,67 +0,0 @@
-<template>
-  <div>
-    <!-- 搜索表单 -->
-    <Card :bordered="false" dis-hover class="common-search-panel" style="text-align:left">
-      <span style="float:right;">
-        <Button type="primary" icon="ios-search" @click="$parent.getData()">查询</Button>
-        <Button style="margin-left:10px" @click="reset">重置</Button>
-      </span>
-      <Input suffix="ios-search" v-model="list.search.name" @on-enter="getData" clearable :placeholder="'请输入' + widgetName_ + '名称'" />
-    </Card>
-
-    <div>
-      <Card :bordered="false" dis-hover>
-        <div class="toolbar">
-          <Tooltip class="ivu-ml" content="刷新" placement="top">
-            <Icon size="20" type="ios-refresh" @click="getData" style="cursor: pointer;" />
-          </Tooltip>
-
-          <slot name="toolbar"></slot>
-          <Button v-if="!!createRoute || !! $parent.onCreate" type="primary" icon="md-add" @click="onCreate">新建{{widgetName_}}</Button>
-        </div>
-
-        <Table :columns="list.columns" :data="list.data" :loading="list.loading" height="500">
-          <template slot-scope="{ row, index }" slot="action">
-            <slot name="list_action" :item="row"></slot>
-            <a v-if="pickup" style="color:green;" @click="doPickup(row)">选择</a>
-
-            <span v-if="!pickup">
-              <a style="color:green;" @click="onEdit(row.id)">编辑</a>
-              <Divider type="vertical" />
-              <Poptip confirm transfer title="是否要删除此行？" @on-ok="deleteInfo(row.id, index)">
-                <a style="color:red;">删除</a>
-              </Poptip>
-            </span>
-          </template>
-        </Table>
-
-        <Page class="ivu-mt ivu-text-right" :total="list.total" :current.sync="list.pageNo" show-total show-sizer :page-size="list.limit" @on-page-size-change="handleChangePageSize" />
-      </Card>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.toolbar {
-  margin-bottom: 20px;
-  overflow: hidden;
-}
-
-.toolbar .ivu-ml {
-  float: right;
-  padding-top: 10px;
-}
-
-/* 分页控件有点问题，修改下 */
-.ivu-mt.ivu-text-right {
-  text-align: right;
-  margin-top: 20px;
-}
-
-.common-search-panel .ivu-input-type-text {
-  width: 280px;
-  margin: 0 10px 16px 0;
-}
-</style>
-
-<script lang="ts" src="./fast-iview-table.ts"></script>

package/src/iview-ext/list.ts

@@ -1,108 +0,0 @@
-import { Xhr, Utils } from "@ajaxjs/util";
-
-/**
- * 处理响应的回调函数
- */
-type XhrCallback = (json: object, text: string) => void;
-
-export default {
-    afterDelete(cb?: (a: RepsonseResult) => void): (j: RepsonseResult) => void {
-        return function (j: RepsonseResult): void {
-            if (j.status) {
-                cb && cb(j);
-                this.$Message.success('删除成功');
-            }
-            else
-                this.$Message.info('删除失败。' + j.message);
-        }
-    },
-
-    delInfo(index: number) {
-        Xhr.xhr_del(`${this.API}/${this.list.data[index].id}`, (j: RepsonseResult) => {
-            if (j.status) {
-                this.list.data.splice(index, 1);
-                this.list.total--;
-                this.$Message.success('删除成功');
-            } else
-                this.$Message.info('删除失败。' + j.message);
-        });
-    },
-
-    /**
-     * id 列
-     */
-    id: { title: '#', width: 60, key: 'id', align: 'center' },
-
-    /**
-     * 创建日期
-     */
-    createDate: {
-        title: '创建日期',/*  key: 'createDate', */ width: 160, align: 'center', render(h: (a: string, b: string) => object, params: any) {
-            return h('div', Utils.dateFormat.call(new Date(params.row.createDate), 'yyyy-MM-dd hh:mm'));
-        }
-    },
-
-    /**
-     * 分类标签
-     */
-    tags: { title: '分类标签', minWidth: 100, key: 'tagsNames', align: 'center', ellipsis: true },
-
-    status: {
-        title: '状态', width: 80,
-        render(h: (a: string, b: object, c: string) => void, params: any) {
-            let str = '', color = '';
-
-            switch (params.row.stat) {
-                case -1:
-                    str = '草稿';
-                    color = 'gray';
-                    break;
-                case 2:
-                    color = 'red';
-                    str = '禁用';
-                    break;
-                case 1:
-                    color = 'red';
-                    str = '已删除';
-                    break
-                case null:
-                case 0:
-                default:
-                    color = 'green';
-                    str = "启用";
-            }
-
-            return h('div', {
-                style: {
-                    color: color
-                }
-            }, str);
-        }
-    },
-    getPageList(self: any, listArray: any, callback?: () => void): XhrCallback {
-        return (j: JsonResponse) => {
-            if (j.status) {
-                listArray.total = j.data.total;
-                listArray.data = j.data.rows;
-
-                callback && callback();
-            } else
-                self.$Message.warning(j.message || '获取数据失败');
-        }
-    },
-
-    copyBeanClean(bean: object): object {
-        const deepCopy: any = JSON.parse(JSON.stringify(bean));
-
-        delete deepCopy.createDate;
-        delete deepCopy.updateDate;
-        delete deepCopy.updateDate;
-        delete deepCopy.creatorId;
-        delete deepCopy.updaterId;
-        delete deepCopy.creator;
-        delete deepCopy.updater;
-        delete deepCopy.extend;
-
-        return deepCopy;
-    }
-};

package/src/iview-ext/table-selector.vue

@@ -1,185 +0,0 @@
-<template>
-  <div class="table-selector">
-    <Row style="margin:20px 0;" type="flex" justify="center" align="middle">
-      <i-Col v-if="isCrossDb" span="6" style="padding-right:10px;">
-        <i-Select placeholder="请选择数据库名" v-model="databaseName">
-          <i-Option v-for="d in databaseList" :key="d" :value="d">{{d}}</i-Option>
-        </i-Select>
-      </i-Col>
-      <i-Col :span="isCrossDb ? 6 : 12">
-        <i-Input search enter-button placeholder="按表名模糊搜索" @on-keyup="search" ref="inputEl"></i-Input>
-      </i-Col>
-      <i-Col span="12">
-        &nbsp;&nbsp;&nbsp;<a @click="resetData">重置</a>
-      </i-Col>
-    </Row>
-
-    <i-Table :columns="list_column" :data="data" width="100%" @on-selection-change="onSelect" max-height="300" :loading="loading" class="table-selector-table">
-      <template slot-scope="{row}" slot="select">
-        <a @click="$emit('on-select', row, databaseName)">选择</a>
-      </template>
-    </i-Table>
-    <br />
-
-    <div class="ivu-mt ivu-text-right" v-if="!isFilter">
-      <Page :total="total" :current.sync="current" show-total :page-size="pageSize" />
-    </div>
-  </div>
-</template>
-
-<script>
-import Vue from "vue";
-import { Xhr, Utils } from "@ajaxjs/util";
-
-// 选择表
-export default Vue.extend({
-  name: "TableSelector",
-  data() {
-    return {
-      // isCrossDb: false,
-      list_column: [
-        {
-          title: "#",
-          // key: 'id',
-          width: 60,
-          type: "index",
-          // type: 'selection'
-        },
-        {
-          title: "表名",
-          key: "tableName",
-        },
-        {
-          title: "说明",
-          key: "comment",
-        },
-        {
-          title: "操作",
-          slot: "select",
-        },
-      ],
-      listData: [], // 显示数据
-      data: [], // 全部数据
-      total: 0,
-      current: 1,
-      pageSize: 5,
-      isFilter: false,
-      start: 0,
-      searchKeyword: "",
-      loading: false,
-      databaseList: [],
-      databaseName: "",
-    };
-  },
-  props: {
-    isCrossDb: { type: Boolean, required: true },
-    dataSourceId: { type: Number, required: true },
-  },
-  mounted() {
-    // this.isCrossDb = true;
-    this.getData();
-  },
-  methods: {
-    getData() {
-      this.loading = true;
-      let url = `${window.config.dsApiRoot}/datasource/${this.dataSourceId}/get_all_tables?start=${this.start}&limit=${this.pageSize}`;
-      // let url = `${DS_CONFIG.API_ROOT}/admin0/${this.dataSourceId}/getAllTables?start=${this.start}&limit=${this.pageSize}`;
-
-      if (this.searchKeyword) url += `&tableName=${this.searchKeyword}`;
-      if (this.databaseName) url += `&dbName=${this.databaseName}`;
-
-      Xhr.xhr_get(url, (j) => {
-        if (j.status) {
-          this.data = j.data.rows;
-          this.total = j.data.total;
-        } else this.$Message.error(j.message);
-
-        this.loading = false;
-      });
-    },
-    handleChangePageSize() {
-      let start = (this.current - 1) * this.pageSize,
-        end = start + this.pageSize;
-
-      this.listData = this.data.slice(start, end);
-    },
-    onSelect(arr) {
-      // arr.forEach((item) => {
-      //   this.data.forEach((_item) => {});
-      // });
-    },
-    resetData() {
-      this.searchKeyword = "";
-
-      this.start = 0;
-      this.getData();
-      this.$refs.inputEl.$el.querySelector("input").value = "";
-    },
-    search(ev) {
-      let input = ev.target,
-        v = input.value;
-
-      if (v) {
-        this.searchKeyword = v;
-        this.start = 0;
-        this.current = 1;
-        this.getData();
-      }
-    },
-    onkeypress(ev) {
-      let input = ev.target,
-        v = input.value;
-
-      if (v) {
-        this.isFilter = true;
-        let arr = this.data.filter((item) => item.tableName.indexOf(v) != -1);
-        this.listData = arr;
-      } else {
-        this.resetData();
-      }
-    },
-  },
-  watch: {
-    /**
-     * 分页
-     *
-     * @param v
-     */
-    current(v) {
-      this.start = (v - 1) * this.pageSize;
-      this.getData();
-    },
-    dataSourceId(id) {
-      if (id) {
-        if (this.isCrossDb)
-         Xhr.xhr_get(`/admin/${this.dataSourceId}/get_databases`, (j) => {
-              if (j.status) {
-                // 过滤 mysql 自带的库
-                let not = [
-                  "information_schema",
-                  "performance_schema",
-                  "sys",
-                  "mysql",
-                ];
-                let arr = j.data.filter((db) => !not.includes(db));
-                this.databaseList = arr;
-
-                // 默认选中第一个
-                this.start = 0;
-                this.current = 1;
-                this.databaseName = arr[0];
-              } else this.$Message.error(j.message);
-            }
-          );
-        else {
-          this.databaseName = null;
-          this.getData();
-        }
-      }
-    },
-    databaseName(v) {
-      this.getData(); // 会重复请求
-    },
-  },
-});
-</script>

package/src/iview-ext/tips.vue

@@ -1,17 +0,0 @@
-<template>
-  <i style="cursor: pointer;" class="ivu-icon ivu-icon-ios-help-circle-outline" :title="text"></i>
-</template>
-
-<script>
-import Vue from "vue";
-
-/**
- * 帮助图标
- */
-export default Vue.extend({
-  name: 'Tips',
-  props: {
-    text: { type: String, required: true },
-  },
-});
-</script>

package/src/libs/api-helper.d.ts

@@ -1,194 +0,0 @@
-/**
- * 表格定义
- */
-declare type API_HELPER_TABLE = {
-    mode: 'SIMPLE' | 'SCHEME';
-};
-
-/**
- * 环境
- */
-declare type API_HELPER_ENV = {
-    id: number;
-    name: string;
-
-    /**
-     * URL 前缀
-     */
-    urlPrefix: string;
-
-    /**
-     * 
-     */
-    actived: boolean;
-};
-
-/**
- * HTTP 方法
- */
-declare type API_HELPER_HTTP_METHOD = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'OPTION';
-
-/**
- * 历史记录
- */
-declare type API_HELPER_HISTORY = {
-    id: number;
-
-    /**
-     * 任务名称，可选
-     */
-    name?: string;
-
-    /**
-     * 任务 id，可选
-     */
-    nameId: number;
-
-    httpMethod: API_HELPER_HTTP_METHOD;
-
-    url: string;
-
-    /**
-     * 请求日期
-     */
-    date: string;
-
-    /**
-     * 耗时
-     */
-    time: number;
-
-    stateCode: number;
-};
-
-/**
- * 参数的枚举值
- */
-declare type API_HELPER_ARGUMENT_ENU = {
-    /**
-     * 是否默认
-     */
-    isDefault?: boolean;
-
-    /**
-     * 值
-     */
-    value: any;
-
-    /**
-     * 值是什么含义
-     */
-    comment: string;
-};
-
-/**
- * 参数
- */
-declare type API_HELPER_ARGUMENT = {
-    /**
-     * 是否使用
-     */
-    isEnable: boolean;
-
-    /**
-     * 变量
-     */
-    name: string;
-
-    /**
-     * 参数说明
-     */
-    desc: string;
-
-    /**
-     * 参数位置
-     */
-    type: 'HEADER' | 'PATH' | 'QUERY' | 'BODY' | 'FORM';
-
-    /**
-     * 数据类型
-     */
-    dataType: any;
-
-    /**
-     * 对应后端语言的类型或者枚举
-     */
-    mappingType?: any;
-
-    /**
-     * 值，枚举值
-     */
-    values?: API_HELPER_ARGUMENT_ENU[];
-
-    /**
-     * 是否必填
-     */
-    isRequired: boolean;
-
-    /**
-     * 说明，描述
-     */
-    comment: string;
-};
-
-/**
- * JSON 类型参数
- */
-declare type API_HELPER_JSON_ARGUMENT = API_HELPER_ARGUMENT & {
-    /**
-     * 类型
-     */
-    dataType: number | string | boolean | null | array | object;
-};
-
-/**
- * 文档
- */
-declare type API_HELPER_DOCUMENT = {
-    /**
-     * ID
-     */
-    id: any;
-
-    /**
-     * 名称
-     */
-    name: string;
-
-    /**
-     * 分组
-     */
-    catalogId: any;
-
-    /**
-     * 说明
-     */
-    description: string;
-
-    /**
-     * HTTP 请求方法
-     */
-    httpMethod: API_HELPER_HTTP_METHOD;
-
-    url: string;
-
-    /**
-     * 对应 UI，图片地址
-     */
-    ui: string;
-
-    /**
-     * 请求示例
-     */
-    demoUrl: string;
-
-    /**
-     * 接口编码状态
-     */
-    codeState: 'INITED' | 'DEFINED' | 'DONE';
-
-    /**
-     * 是否在文档汇总中展示
-     */
-    isShow: boolean;
-};

package/src/libs/api-list.d.ts

@@ -1,15 +0,0 @@
-
-/**
- * 选择 API 后返回的结果
- */
-type ApiListSelectedReuslt = {
-    /**
-     * HTTP 方法
-     */
-    method: string;
-
-    /**
-     * 接口地址
-     */
-    url: string;
-};