@ajaxjs/ui 1.3.12 → 1.4.1

package/src/data-source/data-source.less

@@ -1,46 +0,0 @@
-.datasource {
-    .left {
-        float: left;
-        width: 28%;
-        height: 300px;
-        border-right: 1px solid #f5f5f5;
-
-        ul {
-            margin: 0 2%;
-        }
-
-        li {
-            border-bottom: 1px solid #eaeaea;
-            padding: 5px 8px;
-            cursor: pointer;
-        }
-
-        li:hover {
-            border-bottom-color: lightgray;
-        }
-
-        li.actived {
-            font-weight: bold;
-        }
-    }
-
-    .right {
-        float: right;
-        width: 70%;
-        padding-left: 10px;
-    }
-
-    .add {
-        display: block;
-        padding: 5px 10px;
-    }
-
-    .del-icon {
-        float: right;
-        margin-top: 3px
-    }
-
-    .del-icon:hover {
-        color: brown;
-    }
-}

package/src/data-source/data-source.ts

@@ -1,97 +0,0 @@
-import { Xhr } from "@ajaxjs/util";
-import Vue from "vue";
-
-const DBType = { 'MY_SQL': 'MySQL', 'ORACLE': 'Oracle', 'SQL_SERVER': 'Sql Server', 'SPARK': 'Spark', 'SQLITE': 'SQLite', DB2: 'DB2' };
-// @ts-ignore xxxxxxxx
-const DATASOURCE_API = window.API_ROOT ? API_ROOT + '/data_service/datasource' : '../../data_service/datasource';
-// @ts-ignore xxxxxxxxxx
-const DATA_SERVICE_API = window.API_ROOT ? API_ROOT + '/data_service/admin' : '../../data_service/admin';
-
-export default Vue.extend({
-	name: 'DataSource',
-	data(): object {
-		return {
-			isCreate: true,
-			datasources: [
-				{
-					id: 1,
-					name: '加载中……'
-				}
-			],
-			activedItem: null,
-			editing: {},
-			form: {
-				data: {},
-				rules: {
-					name: [
-						{ required: true, message: '数据源名称不能为空', trigger: 'blur' }
-					],
-				}
-			},
-			DBType: DBType
-		};
-	},
-	mounted(): void {
-		this.getList();
-	},
-	methods: {
-		active(item): void {
-			this.activedItem = item.id;
-			this.form.data = item;
-		},
-		getList(cb): void {
-			// @ts-ignore xxxx
-			xhr_get(`${window.config.dsApiRoot}/datasource`, (j: RepsonseResult) => {
-				this.datasources = j.data;
-			}, { start: 0, limit: 99 });
-		},
-		add(): void {
-			this.activedItem = null;
-			this.form.data = {
-				name: ''
-			};
-		},
-		create(): void {
-			this.$refs.editForm.validate((valid) => {
-				if (valid) {
-					Xhr.xhr_post(DATASOURCE_API, this.form.data, j => {
-						if (j.status === 1) {
-							const newlyId = j.data;
-							this.getList(() => this.activedItem = newlyId);
-							this.$Message.success('创建数据源成功');
-							this.form.data.id = newlyId;
-						}
-					});
-				} else
-					this.$Message.error('表单验证不通过');
-			});
-		},
-		update(): void {
-			const entity = Object.assign({}, this.form.data);
-			Xhr.xhr_put(DATASOURCE_API, entity, j => {
-				if (j.status === 1) {
-					this.$Message.success('修改数据源成功');
-				}
-			});
-		},
-		del(id, name): void {
-			this.$Modal.confirm({
-				title: '删除数据源',
-				content: `是否删除数据源 #${name}？`,
-				onOk: () => {
-					Xhr.xhr_del(DATASOURCE_API + id, j => {
-						this.$Message.success('删除数据源成功');
-						this.getList(() => this.add());
-					});
-				}
-			});
-		},
-		test(): void {
-			// @ts-ignore xxxxxx
-			xhr_get(`${window.config.dsApiRoot}/datasource/test/` + this.activedItem, (j: RepsonseResult) => {
-				if (j.status)
-					this.$Modal.success({ title: '连接数据源成功' });
-			});
-		}
-	}
-});

package/src/data-source/data-source.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="datasource" style="overflow: hidden">
-    <div class="left">
-      <ul>
-        <li v-for="datasource in datasources" :key="datasource.id" @click="active(datasource)" :class="{ actived: activedItem == datasource.id }">
-          <span>
-            <Icon type="md-trash" class="del-icon" title="删除此数据源" @click="del(datasource.id, datasource.name)" />
-          </span>
-          {{datasource.name}}
-        </li>
-      </ul>
-      <a class="add" @click="add">+ 新建……</a>
-    </div>
-    <div class="right">
-      <i-Form ref="editForm" :model="form.data" :rules="form.rules" :label-width="120" style="margin-right:100px">
-        <form-item label="数据源名称" prop="name">
-          <i-Input v-model="form.data.name" placeholder="数据源名称" />
-        </form-item>
-        <form-item label="数据源编码" prop="urlDir">
-          <i-Input v-model="form.data.urlDir" placeholder="数据源编码全局唯一不重复" />
-        </form-item>
-        <form-item label="数据库类型" prop="type">
-          <i-Select v-model="form.data.type">
-            <i-Option v-for="(value, key) in DBType" :value="key" :key="key">{{ value }}</i-Option>
-          </i-Select>
-        </form-item>
-        <form-item label="连接地址" prop="url">
-          <i-Input v-model="form.data.url" maxlength="200" show-word-limit type="textarea" :rows="4" placeholder="数据库连接 URL，注意无须携带用户名和密码，且不需要 URL 转义" />
-        </form-item>
-        <form-item label="登录用户" prop="username">
-          <i-Input v-model="form.data.username" placeholder="请输入数据库用户账号" />
-        </form-item>
-        <form-item label="登录密码" prop="password">
-          <i-Input v-model="form.data.password" type="password" password placeholder="请输入账号密码" />
-        </form-item>
-        <form-item label="是否跨库" prop="crossDb">
-          <i-switch v-model="form.data.crossDb" />
-        </form-item>
-      </i-Form>
-
-      <div align="center">
-        <i-Button v-if="!activedItem" icon="md-checkmark" @click="create">保存新建</i-Button>
-        <i-Button v-if="activedItem" @click="update">保存</i-Button>&nbsp;&nbsp;
-        <i-Button v-if="activedItem" @click="test">测试连接</i-Button>&nbsp;&nbsp;
-        <i-Button v-if="activedItem" @click="$emit('change_datasource', form.data)">切换</i-Button>
-      </div>
-      <!--                 <i-Input v-model="editing.name" ref="inputName">
-                <span slot="prepend">环境名称</span>
-            </i-Input>
-            <br />
-            <i-Input v-model="editing.urlPrefix">
-                <span slot="prepend">URL前缀</span>
-            </i-Input> -->
-    </div>
-  </div>
-</template>
-
-<script lang="ts" src="./data-source.ts"></script>
-<style lang="less" scoped src="./data-source.less"></style>

package/src/iam/iam.ts

@@ -1,65 +0,0 @@
-import { Xhr } from "@ajaxjs/util";
-
-/**
- * 获取登录信息
- * 
- * @returns 用户 JWT
- */
-export default {
-    /**
-     * 
-     * 
-     * @param loginUrl      登录页面地址
-     * @param thisPageUrl   前端页面的地址，最后返回这里
-     * @returns 
-     */
-    getLoginInfo(loginUrl: string, thisPageUrl: string): any {
-        const token = getQueryParam("token", false);
-        let accessToken: string = localStorage.getItem("accessToken");
-
-        if (!accessToken && !token) {
-            console.log('你未登录！');
-            const target = `${loginUrl}?web_url=${encodeURIComponent(thisPageUrl)}`;
-
-            confirm('你未登录。是否跳转到登录页面？') && location.assign(target);
-
-            return;
-        }
-
-        if (token) {
-            accessToken = decodeURIComponent(token);
-            localStorage.setItem("accessToken", accessToken);
-
-            // 只需要第一次的参数，之后不需要，现在清除       
-            const url: URL = new URL(location.href); // 创建一个包含查询参数的URL
-            const params: URLSearchParams = new URLSearchParams(url.search);// 获取URL中的查询参数
-            params.delete('token');// 删除名为'b'的参数
-            url.search = params.toString();// 更新URL的查询参数
-
-            location.assign(url.href);
-        }
-
-        // window.JWT_TOKEN = JSON.parse(accessToken);
-        Xhr.setBaseHeadParams({ Authorization: 'Bearer ' + accessToken });
-
-        // 将 JWT Token 拆分为三个部分
-        const tokenParts: string[] = accessToken.split('.')
-        const payload = JSON.parse(atob(tokenParts[1])); // 解析载荷
-
-        return payload;
-    }
-};
-
-function getQueryParam(variable: string, isParent: boolean): string | null {
-    const query: string = (isParent ? parent.location : window.location).search.substring(1);
-    const vars: string[] = query.split("&");
-
-    for (let i = 0; i < vars.length; i++) {
-        const pair: string[] = vars[i].split("=");
-
-        if (pair[0] == variable)
-            return pair[1];
-    }
-
-    return null;
-}

package/src/iam/user.vue

@@ -1,53 +0,0 @@
-<template>
-  <a @click="showUserInfo">{{ state }}</a>
-</template>
-
-<script lang="ts">
-import {  Utils } from "@ajaxjs/util";
-import Vue from "vue";
-
-const logout = "localStorage.removeItem('accessToken');location.reload();";
-
-export default Vue.extend({
-  name: 'IamUser',
-  data() {
-    return {
-      state: "未登录",
-      isShowInfo: false,
-      payload: null,
-    };
-  },
-
-  mounted(): void {
-    // localStorage.setItem("accessToken", 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwibmFtZSI6ImFkbWluIiwiYXVkIjoiREVGQVVMVF9TQ09QRTt0ZW5hbnRJZD0wIiwiZXhwIjoxNzIxMjMzMTE0LCJpc3MiOiJmb29AYmFyLm5ldCIsImlhdCI6MTcyMTE0NjcxNH0.mykPFQv2fkqmEk1UJs6vErtwATIdUmmbNvJDCMP4pMI');
-    let accessToken: string = localStorage.getItem("accessToken");
-
-    if (accessToken) {
-      // 将 JWT Token 拆分为三个部分
-      const tokenParts: string[] = accessToken.split(".");
-      const payload = JSON.parse(atob(tokenParts[1])); // 解析载荷
-
-      this.payload = payload;
-      this.state = payload.name + "已登录";
-    }
-  },
-  methods: {
-    showUserInfo(): void {
-      if (this.state === "未登录") {
-        // @ts-ignore xxx
-        location.assign(window.config.loginUrl);
-      } else {
-        this.$Modal.info({
-          title: "当前用户信息",
-          content: `<p>用户名： ${
-            this.payload.name
-          }</p><p>Token 过期时间：${Utils.dateFormat.call(
-            new Date(this.payload.exp * 1000),
-            "yyyy-MM-dd hh:mm:ss"
-          )}</p><p><a href="#" onclick="${logout}">用户登出</a></p>`,
-        });
-      }
-    },
-  },
-});
-</script>

package/src/index.js

@@ -1,52 +0,0 @@
-// 动态引入组件
-const requireComponent = require.context('./', true, /\.vue$/);
-import List from './iview-ext/list';
-import IAM from './iam/iam';
-
-const components = {};
-
-requireComponent.keys().forEach(fileName => {
-    if (fileName != './App.vue') {
-        const cmp = requireComponent(fileName).default || requireComponent(fileName);
-        if (cmp.extendOptions)
-            components[cmp.extendOptions.name] = cmp;
-    }
-});
-
-// 插件
-const install = (Vue) => {
-    if (install.installed)
-        return install.installed;
-
-    requireComponent.keys().forEach(fileName => {
-        if (fileName != './App.vue') {
-            // 第i个组件
-            const cmp = requireComponent(fileName).default || requireComponent(fileName);
-
-            if (cmp.extendOptions && cmp.extendOptions.name) {
-                // console.log(fileName, cmp.extendOptions.name);
-
-                // 注册组件（组件名，组件）
-                Vue.component(cmp.extendOptions.name, cmp);
-            }
-        }
-    });
-
-    // 全局自定义指令
-    Vue.directive('focus', {
-        inserted: function (el) {
-            el.focus();
-        }
-    });
-}
-
-// 环境检测
-if (typeof window !== 'undefined' && window.Vue)
-    install(window.Vue);
-
-export default {
-    install,
-    List,
-    IAM,
-    ...components//组件也一样要暴露
-}

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

@@ -1,133 +0,0 @@
-import Vue from "vue";
-import List from "./list";
-import { Xhr } from '@ajaxjs/util';
-
-export default Vue.extend({
-    name: "FastViewTable",
-    props: {
-        widgetName: { type: String, required: false },
-        apiUrl: { type: String, required: false },  // 接口地址
-        columnsDef: { type: Array, required: false },  // 列定义
-        listApiUrl: { type: String, required: true },
-        createRoute: { type: String, required: false },     // 新建事件触发时候，进入的路由地址
-        editRoute: { type: String, required: false },       // 编辑事件触发时候，进入的路由地址
-        pickup: { type: Boolean, required: false },       // 编辑事件触发时候，进入的路由地址
-    },
-    data() {
-        return {
-            widgetName_: this.widgetName,
-            listApiUrl_: this.listApiUrl,
-            colDefId: 0,
-            list: {
-                columns: this.columnsDef || [],
-                data: [],
-                total: 0,
-                start: 0,
-                limit: 9,
-                pageNo: 1,
-                pageSize: 9,
-                loading: false,
-                search: {
-                    name: ''
-                },
-            } as TableListConfig
-        };
-    },
-    mounted() {
-        this.getData();
-    },
-    methods: {
-        getData(): void {
-            this.list.loading = true;
-            const params: any = { pageNo: this.list.pageNo, pageSize: this.list.pageSize };
-
-            // if (this.list.search.name)
-            //     params.where = `name LIKE '%${this.list.search.name}%'`;
-
-            this.listApiUrl_ && Xhr.xhr_get(this.listApiUrl_, (j: RepsonseResult) => {
-                this.list.loading = false;
-
-                if (j.status) {
-                    this.list.data = j.data.rows;
-                    this.list.total = j.data.total;
-                } else
-                    this.$Message.warning(j.message || '获取列表失败');
-            }, params);
-        },
-
-        /**
-         * 分页记录数
-         */
-        handleChangePageSize(pageSize: number): void {
-            this.list.limit = pageSize;
-            this.getData();
-        },
-        reset(): void {
-            for (const i in this.search)
-                this.search[i] = "";
-
-            this.getData();
-        },
-
-        /**
-         * 新建
-         */
-        onCreate(): void {
-            if (this.createRoute)
-                this.$router.push({ path: this.createRoute }); // 进入详情页，采用相对路径
-            else {
-                if (!this.$parent.onCreate)
-                    throw '请设置父组件的 onCreate 事件处理器';
-
-                this.$parent.onCreate();
-            }
-        },
-
-        /**
-         * 编辑
-         */
-        onEdit(id: number): void {
-            if (this.editRoute)
-                this.$router.push({ path: this.editRoute, query: { id } }); // 进入详情页，采用相对路径
-            else {
-                if (!this.$parent.onEdit)
-                    throw '请设置父组件的 onEdit 事件处理器';
-
-                this.$parent.onEdit(id);
-            }
-        },
-
-        doPickup(data: any): void {
-            this.$emit("on-select", data);
-        },
-        deleteInfo(id: number, index: number): void {
-            this.list.loading = true;
-            Xhr.xhr_del(`${this.apiUrl}/${id}`, List.afterDelete(() => {
-                this.list.data.splice(index, 1);
-                this.list.total--;
-                this.list.loading = false;
-            }).bind(this));
-        },
-    },
-    watch: {
-        listApiUrl(v: string): void {
-            // debugger
-            this.listApiUrl_ = v;
-            this.getData();
-        },
-
-        /**
-         * 分页
-         * 
-         * @param v 
-         */
-        current(v: number): void {
-            this.start = (v - 1) * this.list.limit;
-            this.getData();
-        },
-        'list.pageNo'(v: number): void {
-            this.list.start = (v - 1) * this.list.limit;
-            this.getData();
-        }
-    },
-});

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