@ajaxjs/ui 1.3.12 → 1.4.1

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;
-};

package/src/libs/common.d.ts

@@ -1,201 +0,0 @@
-/**
- * 后端响应的消息
- */
-declare interface RepsonseResult {
-    /**
-     * 操作代码
-     */
-    code?: number;
-
-    /**
-     * 操作是否成功
-     */
-    status: boolean;
-
-    /**
-     * 操作说明
-     */
-    message: string;
-
-    /**
-     * 结果，实体，
-     */
-    data: any;
-
-    /**
-     * 进行新建的时候返回的实体 id
-     */
-    newlyId?: number;
-
-    /**
-     * 分页列表的总数
-     */
-    total?: number;
-}
-
-/**
- * JSON 接口返回的通用
- */
-type JsonResponse = {
-    /**
-     * 1 = 成功，0 = 失败
-     */
-    status: number;
-
-    /**
-     * 信息
-     */
-    message: string;
-
-    /**
-     * 分页的总数
-     */
-    total?: number;
-
-    /**
-     * 返回数据
-     */
-    data: any;
-};
-
-// 官方 API 还没提供，自己写一个
-interface FileReaderEventTarget extends EventTarget {
-    result: string
-}
-
-interface FileReaderEvent extends Event {
-    target: FileReaderEventTarget;
-    getMessage(): string;
-}
-
-/**
- * JSON 实体
- */
-declare type JsonParam = { [key: string]: string | number | boolean | JsonParam | any[] };
-
-/**
- * key 和 value 都是 string 类型的 JSON 实体
- */
-declare type StringJsonParam = { [key: string]: string };
-
-/*
- * 公共类型
- */
-
-declare type ManagedWidget = {
-};
-
-/**
- * 按钮事件
- */
-declare type ButtonEvent = {
-    /**
-     * 按钮文本
-     */
-    name: string;
-
-    /**
-     * JS 事件代码
-     */
-    event: string;
-}
-
-/**
- * 数据绑定配置
- */
-declare type DataBinding = {
-    /**
-     * 请求方法
-     */
-    httpMethod?: string;
-
-    /**
-     * 请求地址
-     */
-    url: string,
-
-    /**
-     * 固定参数
-     */
-    baseParams: string,
-
-    /**
-     * 动态获取参数的函数
-     */
-    beforeRequest: string;
-};
-
-/**
- * 解析过后的请求对象
- */
-type ManagedRequest = {
-    /**
-     * 请求地址
-     */
-    url: string;
-
-    /**
-     * 请求参数
-     */
-    params: any;
-};
-
-/**
- * 模型与表单共有的字段
- */
-declare type BaseModel = {
-    /**
-    * 字段名、Key
-    */
-    name: string;
-
-    /**
-     * 名称，UI 外显名称
-     */
-    label: string;
-
-    /**
-     * 说明
-     */
-    comment?: string;
-
-    /**
-    * 是否必填
-    */
-    isNull?: boolean;
-
-    /**
-     * 数据长度/最大长度
-     */
-    length?: number;
-
-    /**
-     * 其他扩展属性
-     */
-    ext_attribs?: any;
-};
-
-/**
- * 模型
- */
-declare type Model = BaseModel & {
-    /**
-     * 数据类型
-     */
-    dataType?: string;
-
-    /**
-     * 是否主键
-     */
-    isKey?: boolean;
-
-    /**
-     *默认值
-    */
-    defaultValue?: string | number | boolean | null;
-
-    /**
-     * 是否跨表字段
-     */
-    isCrossTable?: boolean;
-};

package/src/libs/entity.ts

@@ -1,31 +0,0 @@
-type Entity = {
-    /**
-     * 类型
-     */
-    type: string;
-
-    /**
-     * 数据长度
-     */
-    width: number;
-
-    /**
-     * 是否允许为空
-     */
-    isNotNull: boolean;
-
-    /**
-     * 默认值
-     */
-    defaultValue: any;
-
-    /**
-     * 校验规则
-     */
-    regexp: RegExp;
-
-    /**
-     * 注释说明
-     */
-    comment: string;
-};

package/src/libs/iview-widgets.ts

@@ -1,73 +0,0 @@
-// iView 组件的配置定义
-
-//  cfg: any;
-
-/**
- * iView Table 配置字段， data 字段
- */
-type TableListConfig = {
-    /**
-     * 列定义
-     */
-    columns: any[];
-
-    /**
-     * 表格数据
-     */
-    data: any[];
-
-    /**
-     * 记录总数
-     */
-    total: number;
-
-    /**
-     * MySQL 分页方式 start
-     */
-    start?: number;
-
-    /**
-     * MySQL 分页方式 limit
-     */
-    limit?: number;
-
-    /**
-     * 页码，表示第几页
-     */
-    pageNo?: number;
-
-    /**
-     * 每页记录数，等同于 MySQL 分页方式 limit
-     */
-    pageSize?: number;
-
-    /**
-     * 表格处于加载中状态
-     */
-    loading?: boolean;
-};
-
-/**
- * iView Table 配置方法
- */
-type TableListMethod = {
-    /**
-     * 异步加载列表数据
-     */
-    getData(): void;
-
-    /**
-     * 打开详情 UI
-     * 
-     * @param id 
-     */
-    openInfo?(id: number): void;
-
-    /**
-     * 删除
-     * 
-     * @param id 
-     * @param index 行号
-     */
-    deleteInfo?(id: number, index: number): void;
-};

package/src/main.ts

@@ -1,7 +0,0 @@
-import Vue from 'vue';
-import App from '../examples/App.vue';
-import 'view-design/dist/styles/iview.css';
-
-Vue.config.productionTip = false;
-
-new Vue({ render: h => h(App) }).$mount('#app');