npm - @ajaxjs/ui - Versions diffs - 1.3.11 → 1.4.0 - Mend

@ajaxjs/ui 1.3.11 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

package/README.md +1 -30
package/dist/ajaxjs-ui.cjs.js +1 -0
package/dist/ajaxjs-ui.es.js +33 -0
package/dist/ajaxjs-ui.umd.js +1 -0
package/dist/types/index.d.ts +1 -0
package/dist/utils.d.ts +18 -0
package/package.json +54 -49
package/.browserslistrc +0 -3
package/.eslintrc.js +0 -26
package/babel.config.js +0 -5
package/deprecated/api-helper.zip +0 -0
package/deprecated/api-helper2.zip +0 -0
package/deprecated/api-selector.zip +0 -0
package/deprecated/common-ui.zip +0 -0
package/deprecated/data-source.zip +0 -0
package/deprecated/table-selector.zip +0 -0
package/deprecated/utils.js +0 -220
package/dist/@ajaxjs/ui.common.js +0 -4321
package/dist/@ajaxjs/ui.common.js.map +0 -1
package/dist/@ajaxjs/ui.css +0 -1
package/dist/@ajaxjs/ui.umd.js +0 -4332
package/dist/@ajaxjs/ui.umd.js.map +0 -1
package/dist/@ajaxjs/ui.umd.min.js +0 -2
package/dist/@ajaxjs/ui.umd.min.js.map +0 -1
package/dist/demo.html +0 -1
package/examples/App.vue +0 -137
package/public/favicon.ico +0 -0
package/public/index.html +0 -17
package/src/data-source/data-source.less +0 -46
package/src/data-source/data-source.ts +0 -97
package/src/data-source/data-source.vue +0 -59
package/src/iam/iam.ts +0 -65
package/src/iam/user.vue +0 -53
package/src/index.js +0 -52
package/src/iview-ext/fast-iview-table.ts +0 -133
package/src/iview-ext/fast-iview-table.vue +0 -67
package/src/iview-ext/list.ts +0 -108
package/src/iview-ext/table-selector.vue +0 -185
package/src/iview-ext/tips.vue +0 -17
package/src/libs/api-helper.d.ts +0 -194
package/src/libs/api-list.d.ts +0 -15
package/src/libs/common.d.ts +0 -201
package/src/libs/entity.ts +0 -31
package/src/libs/iview-widgets.ts +0 -73
package/src/main.ts +0 -7
package/src/shims-tsx.d.ts +0 -11
package/src/shims-vue.d.ts +0 -4
package/src/style/common-functions.less +0 -286
package/src/style/reset.less +0 -19
package/src/style/reset2.less +0 -49
package/tsconfig.json +0 -40
package/vue.config.js +0 -14

package/examples/App.vue DELETED Viewed

@@ -1,137 +0,0 @@
-<template>
-  <div class="demo">
-    <menu>
-      <a href="#" @click="show = 'intro'">简介</a> |
-      <!-- <a href="#" @click="show = 'baseFn'">基础函数</a> | -->
-      <a href="#" @click="show = 'widget'">页面 widget</a> |
-      <a href="#" @click="show = 'form'">表单组件</a> |
-      <a href="#" @click="show = 'html-editor'">HTML 编辑器</a> |
-      <a href="#" @click="show = 'calendar'">日历选择器</a> |
-      <a href="#" @click="show = 'play-ground'">试验场</a>
-    </menu>
-    <table class="all-center" v-if="show == 'intro'">
-      <tr>
-        <td>
-          <h1>ajaxjs.js 前端组件库</h1>
-          <Tips text="Foo" />
-          <ul>
-            <li>
-              这是一个个人练手项目，组件不是很全，只有顶部导航列出那些。要求大而全的请参考
-              element/ant/iview
-            </li>
-            <li>
-              轻量级，原先打算做一个纯原生的 UI 库，啥都不依赖，后面入坑 vue 才只依赖 vue 2
-            </li>
-            <li>
-              简单易懂的代码，不折腾。当然了，是 typescript。不过我没有用 class 风格，只是加入参数类型、返回值类型，这就足够了
-            </li>
-            <li>CSS 基于 less.js</li>
-          </ul>
-          <p class="p">安装 npm i @ajaxjs/ui</p>
-          <p>
-            <a href="https://www.npmjs.com/package/@ajaxjs/ui">npm</a>
-            |
-            <a href="https://gitee.com/sp42_admin/ajaxjs/tree/master/aj-ui-widget/aj">源码</a>
-            |
-            <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=3877893a4ed3a5f0be01e809e7ac120e346102bd550deb6692239bb42de38e22">QQ 群：3150067</a>
-            |
-            <a href="mailto:frank@ajaxjs.com">Email</a> |
-            <a target="_blank" href="http://blog.csdn.net/zhangxin09">作者博客</a>
-            <center>©1999-2022 Frank Cheung</center>
-          </p>
-        </td>
-      </tr>
-    </table>
-  </div>
-</template>
-<script>
-import Tips from "../src/iview-ext/tips.vue";
-export default {
-  components: { Tips },
-  data() {
-    return {
-      show: "intro",
-    };
-  },
-};
-</script>
-<style lang="less">
-@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css";
-a {
-  color: gray;
-}
-a:hover {
-  color: black;
-}
-.demo {
-  font-size: 11pt;
-  menu {
-    margin: 0;
-    padding: 0;
-    line-height: 40px;
-    height: 40px;
-    // width: 300px;
-    text-align: center;
-    border-bottom: 1px solid lightgray;
-  }
-}
-table.all-center {
-  width: 100%;
-  font-size: 11pt;
-  td {
-    vertical-align: middle;
-    text-align: center;
-  }
-}
-h1 {
-  margin: 20px;
-}
-.home {
-  & > h2 {
-    margin: 30px auto;
-  }
-  & > h2,
-  & > p {
-    margin: 20px auto;
-    width: 600px;
-    text-align: justify;
-  }
-}
-</style>
-<style lang="less" scoped>
-h1 {
-  margin: 30px;
-}
-ul {
-  max-width: 500px;
-  margin: 20px auto;
-  color: gray;
-  li {
-    text-align: left;
-    list-style-type: initial;
-    padding-bottom: 10px;
-  }
-}
-p.p {
-  // .aj-text-function();
-  max-width: 500px;
-  margin: 20px auto;
-}
-center {
-  margin: 20px;
-  font-size: 9pt;
-  color: lightgray;
-}
-</style>

package/public/favicon.ico DELETED Viewed

Binary file

package/public/index.html DELETED Viewed

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Demo Page</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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();
-        }
-    },
-});