@ajaxjs/ui 1.0.7 → 1.1.2

package/dist/components/list/list.ts

@@ -1,261 +0,0 @@
-
-
-// namespace aj.list {
-// 	/**
-// 	 * 分页列表专用的结果数据
-// 	 */
-// 	interface PageListRepsonseResult extends RepsonseResult {
-// 		/**
-// 		 * 结果总数
-// 		 */
-// 		total: number;
-// 	}
-
-// 	/**
-// 	 * 列表数据
-// 	 */
-// 	interface DataStore extends Ajax {
-// 		/**
-// 		 * 是否分页，false=读取所有数据
-// 		 */
-// 		isPage: boolean;
-
-// 		pageStart: number;
-
-// 		pageSize: number;
-
-// 		initPageSize: number;
-
-// 		total: number;
-
-// 		/**
-// 		 * 请求结果
-// 		 */
-// 		result: BaseObject[];
-
-// 		totalPage: number;
-
-// 		currentPage: number;
-
-// 		/**
-// 		 * 默认的分页参数其名字
-// 		 */
-// 		pageParamNames: string[];
-
-// 		/**
-// 		 * 计算分页
-// 		 */
-// 		count(): void;
-// 	}
-
-// 	/**
-// 	 * 本地数据仓库
-// 	 * 一般情况下不会单独使用这个组件
-// 	 */
-// 	export var datastore = {
-// 		props: {
-// 			apiUrl: { type: String, required: true },                       // JSON 接口地址
-// 			isPage: { type: Boolean, default: true },
-// 			initPageSize: { type: Number, required: false, default: 9 },
-// 			isAutoLoad: { type: Boolean, default: true },
-// 			baseParam: { type: Object, default() { return {}; } },
-// 			pageParamNames: { type: Array, default() { return ['start', 'limit']; } }, 	// 默认的分页参数其名字
-// 			onLoad: Function
-// 		},
-// 		data(this: DataStore) {
-// 			return {
-// 				result: [],
-// 				extraParam: {},	                // 与 baseParam 合并后每次请求可发送的，可以修改的
-// 				pageSize: this.initPageSize,
-// 				total: 0,
-// 				totalPage: 0,
-// 				pageStart: 0,
-// 				currentPage: 0
-// 			};
-// 		},
-
-// 		methods: {
-// 			/**
-// 			 * 分页，跳到第几页，下拉控件传入指定的页码
-// 			 * 
-// 			 * @param this 
-// 			 * @param ev 
-// 			 */
-// 			jumpPageBySelect(this: DataStore, ev: Event): void {
-// 				let selectEl: HTMLSelectElement = <HTMLSelectElement>ev.target;
-// 				let currentPage: string = selectEl.options[selectEl.selectedIndex].value;
-
-// 				this.pageStart = (Number(currentPage) - 1) * this.pageSize;
-// 				this.getData();
-// 			},
-
-// 			/**
-// 			 * PageSize 改变时候重新分页
-// 			 * 
-// 			 * @param this 
-// 			 * @param ev 
-// 			 */
-// 			onPageSizeChange(this: DataStore, ev: Event): void {
-// 				this.pageSize = Number((<HTMLInputElement>ev.target).value);
-// 				this.count();
-// 				this.getData();
-// 			},
-
-// 			count(this: DataStore): void {
-// 				let totalPage: number = this.total / this.pageSize, yushu: number = this.total % this.pageSize;
-// 				this.totalPage = parseInt(String(yushu == 0 ? totalPage : totalPage + 1));
-// 				//@ts-ignore
-// 				this.currentPage = parseInt((this.pageStart / this.pageSize) + 1);
-// 			},
-
-// 			/**
-// 			 * 前一页
-// 			 * 
-// 			 * @param this 
-// 			 */
-// 			previousPage(this: DataStore): void {
-// 				this.pageStart -= this.pageSize;
-// 				//@ts-ignore
-// 				this.currentPage = parseInt((this.pageStart / this.pageSize) + 1);
-
-// 				this.getData();
-// 			},
-
-// 			/**
-// 			 * 下一页
-// 			 * 
-// 			 * @param this
-// 			 */
-// 			nextPage(this: DataStore): void {
-// 				this.pageStart += this.pageSize;
-// 				this.currentPage = (this.pageStart / this.pageSize) + 1;
-
-// 				this.getData();
-// 			}
-// 		}
-// 	};
-
-// 	/**
-// 	 * 列表控件
-// 	 */
-// 	interface List extends DataStore, Vue {
-// 		/**
-// 		 * 数据分页是否追加模式，默认不追加 = false。 App 一般采用追加模式
-// 		 */
-// 		isDataAppend: boolean;
-
-// 		/**
-// 		 * 到达底部是否自动加载下一页，通常在 移动端使用，这个应该是元素的 CSS Selector
-// 		 */
-// 		autoLoadWhenReachedBottom: boolean;
-// 	}
-
-// 	Vue.component('aj-list', {
-// 		mixins: [datastore],
-// 		template: html`
-// 			<div class="aj-list">
-// 				<slot name="header" v-if="total != 0"></slot>
-// 				<ul v-if="showDefaultUi && (total != 0)">
-// 					<li v-for="(item, index) in result">
-// 						<slot v-bind="item">
-// 							<a href="#" @click="show(item.id, index, $event)" :id="item.id">{{item.name}}</a>
-// 						</slot>
-// 					</li>
-// 				</ul>
-// 				<div class="no-data" v-show="isPage && total == 0">未有任何数据</div>
-// 				<footer v-if="isPage" class="pager">
-// 					<a v-if="pageStart > 0" href="#" @click="previousPage">上一页</a>
-// 					<a v-if="(pageStart > 0 ) && (pageStart + pageSize < total)" style="text-decoration: none;">&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</a>
-// 					<a v-if="pageStart + pageSize < total" href="#" @click="nextPage">下一页</a>
-// 					<a href="javascript:;" @click="getData"><i class="fa fa-refresh" aria-hidden="true"></i> 刷新</a>
-// 					<input type="hidden" name="start" :value="pageStart" />
-// 					页数：{{currentPage}}/{{totalPage}} 记录数：{{pageStart}}/{{total}}
-// 					每页记录数： <input size="2" title="输入一个数字确定每页记录数" type="text" :value="pageSize" @change="onPageSizeChange" />
-// 					跳转：
-// 					<select @change="jumpPageBySelect">
-// 						<option :value="n" v-for="n in totalPage">{{n}}</option>
-// 					</select>
-// 				</footer>
-// 				<div v-show="!!autoLoadWhenReachedBottom" class="buttom"></div>
-// 			</div>
-// 		`,
-// 		props: {
-// 			showDefaultUi: { type: Boolean, default: true },		 // 如果只是单纯作为分页组件，那么则不需要 UI
-// 			isShowFooter: { type: Boolean, default: true },			 // 是否显示分页 UI
-// 			hrefStr: { type: String, required: false },
-// 			autoLoadWhenReachedBottom: { type: String, default: '' },
-// 			isDataAppend: { type: Boolean, default: false }
-// 		},
-// 		mounted(this: List): void {
-// 			this.isAutoLoad && this.getData();
-
-// 			// this.BUS.$on('base-param-change', this.onExtraParamChange.bind(this));
-// 			if (!!this.autoLoadWhenReachedBottom) {
-// 				// var scrollSpy = new aj.scrollSpy({ scrollInElement: aj(this.autoLoadWhenReachedBottom), spyOn: thish.$el.$('.buttom') });
-// 				// scrollSpy.onScrollSpyBackInSight = e => this.nextPage();
-// 			}
-// 		},
-// 		methods: {
-// 			getData(this: List): void {
-// 				this.lastRequestParam = {};
-// 				aj.apply(this.lastRequestParam, this.baseParam);
-// 				aj.apply(this.lastRequestParam, this.extraParam);
-// 				initPageParams.call(this);
-
-// 				xhr.get(this.apiUrl, this.onLoad || ((j: PageListRepsonseResult) => {
-// 					if (j.result) {
-// 						if (this.isPage && j.total === undefined)
-// 							aj.alert('JSON 缺少 total 字段');
-
-// 						if (j.total == 0 || j.result.length == 0)
-// 							aj.alert('没有找到任何记录');
-
-// 						this.result = j.result;
-
-// 						if (this.isPage) {
-// 							this.total = j.total;
-// 							this.count();
-// 						}
-// 					}
-
-// 					this.$emit('pager-result', this.result);
-// 				}), this.lastRequestParam);
-// 			},
-
-// 			/**
-// 			 * 复位
-// 			 * 
-// 			 * @param this 
-// 			 */
-// 			reset(this: List): void {
-// 				this.total = this.totalPage = this.pageStart = this.currentPage = 0;
-// 				this.pageSize = this.initPageSize;
-// 			},
-
-// 			onExtraParamChange(this: List, params: JsonParam): void {
-// 				aj.apply(this.extraParam, params);
-
-// 				this.pageStart = 0; // 每次 extraParam 被改变，都是从第一笔开始
-// 				this.getData();
-// 			}
-// 		},
-// 		watch: {
-// 			extraParam(this: List): void {
-// 				this.getData();
-// 			}
-// 		}
-// 	});
-
-// 	/**
-// 	 * 生成分页参数的名字
-// 	 * 
-// 	 * @param this 
-// 	 */
-// 	function initPageParams(this: List) {
-// 		let params: { [key: string]: number } = {};
-// 		params[this.pageParamNames[0]] = this.pageStart;
-// 		params[this.pageParamNames[1]] = this.pageSize;
-
-// 		this.isPage && aj.apply(this.lastRequestParam, params);
-// 	}
-// }

package/dist/components/widgets/AjAvatar.vue

@@ -1,42 +0,0 @@
-<template>
-  <a :href="avatar" target="_blank">
-    <img :src="avatar" style="max-width:50px;max-height:60px;vertical-align: middle;" @mouseenter="mouseEnter" @mouseleave="mouseLeave" />
-  </a>
-</template>
-
-<script lang="ts">
-/**
- * 显示头像
- */
-export default {
-  props: {
-    avatar: {
-      // 头像图片地址
-      type: String,
-      required: true,
-    },
-  },
-  methods: {
-    mouseEnter(): void {
-      // @ts-ignore
-      if (window.aj_avatar_imgUrl)
-        // @ts-ignore
-        window.aj_avatar_imgUrl = this.avatar;
-    },
-    mouseLeave(): void {
-      // @ts-ignore
-      if (window.aj_avatar_imgUrl)
-        // @ts-ignore
-        window.aj_avatar_imgUrl = null;
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.aj-img-thumb img {
-  max-width: 50px;
-  max-height: 60px;
-  vertical-align: middle;
-}
-</style>

package/public/index.html

@@ -1,24 +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">
-
-<!--     <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
-    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> -->
-
-<!--     <link href="https://cdn.bootcdn.net/ajax/libs/ionicons/3.0.0/css/ionicons-core.min.css" rel="stylesheet">
-    <link href="https://cdn.bootcdn.net/ajax/libs/ionicons/3.0.0/css/ionicons.min.css" rel="stylesheet"> -->
- <!--    <link href="//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" /> -->
-    <title><%= htmlWebpackPlugin.options.title %></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/App.vue

@@ -1,32 +0,0 @@
-<template>
-  <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
-    <router-view />
-  </div>
-</template>
-
-<style lang="less">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-
-#nav {
-  padding: 30px;
-
-  a {
-    font-weight: bold;
-    color: #2c3e50;
-
-    &.router-link-exact-active {
-      color: #42b983;
-    }
-  }
-}
-</style>

package/src/components/form/AjSelect.vue

@@ -1,33 +0,0 @@
-<template>
-  <select :name="name" class="aj-form-select">
-    <template v-for="value, key, index in options">
-      <option v-if="index === selectedIndex" selected :value="value" :key="index">{{key}}</option>
-      <option v-else :value="value" :key="index">{{key}}</option>
-    </template>
-  </select>
-</template>
-
-<script>
-/**
- * 最简单的下拉列表
- */
-export default {
-  props: {
-    name: { type: String, required: true }, // name for form
-    options: { type: Object, required: true }, // JSON input data
-    selectedIndex: { type: Number }, // starts form 0
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.aj-form-select {
-  padding: 1px 4px;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  border-color: #abadb3;
-  background: white
-    url("data:image/gif;base64,R0lGODlhCwAGAIABAGBgYP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0MzQyLCAyMDEwLzAxLzEwLTE4OjA2OjQzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1MEE0M0UzRTU5RDExRTVBNjNDRDVBNzRBRkUxMjYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1MEE0M0U0RTU5RDExRTVBNjNDRDVBNzRBRkUxMjYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzUwQTQzRTFFNTlEMTFFNUE2M0NENUE3NEFGRTEyNjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzUwQTQzRTJFNTlEMTFFNUE2M0NENUE3NEFGRTEyNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAACwAGAAACD0R+hqDB6B5radL1ILynAAA7")
-    no-repeat right;
-}
-</style>

package/src/components/form/HtmlEditor/HtmlEditor.less

@@ -1,165 +0,0 @@
-@import 'https://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css';
-
-.aj-form-html-editor {
-    ul.toolbar {
-        border          : 1px solid #C5C5C5;
-        border-radius   : 4px 4px 0 0;
-        border-bottom   : 0;
-        background-color: #E8E7E4;
-        width           : 100%;
-        height          : 30px;
-        margin          : 0;
-        box-sizing      : border-box;
-        padding         : 3px 4px;
-
-        &>li {
-            list-style: none;
-            float     : left;
-            cursor    : pointer;
-
-            &>i {
-                border     : 1px solid transparent;
-                min-width  : 25px;
-                height     : 20px;
-                line-height: 20px;
-                text-align : center;
-                display    : block;
-                padding-top: 2px;
-                font       : normal normal normal 18px/1 FontAwesome;
-
-                &:hover {
-                    border-right-color : #aaa;
-                    border-bottom-color: #aaa;
-                    border-top-color   : #fff;
-                    border-left-color  : #fff;
-                }
-
-                &:active {
-                    border-right-color : #f3f8fc;
-                    border-bottom-color: #f3f8fc;
-                    border-top-color   : #ccc;
-                    border-left-color  : #ccc;
-                }
-            }
-
-            ul li {
-                padding: 3px;
-                cursor : pointer;
-
-                &:hover {
-                    background-color: lightgray;
-                }
-            }
-
-            .cleanHTML {
-                background-size: 16px 16px;
-            }
-
-            .noBg {
-                background-image: none;
-            }
-        }
-    }
-
-    .editorBody {
-        iframe,
-        textarea {
-            border          : 1px solid #C5C5C5;
-            border-radius   : 0 0 4px 4px;
-            border-top-width: 0;
-            box-sizing      : border-box;
-            background-color: white;
-            min-height          : 300px;
-            width           : 100%;
-        }
-
-        textarea {
-            resize: none;
-            display: none;
-            &.show{
-                display: block;
-            }
-        }
-    }
-
-    .colorPicker {
-        width   : 210px;
-        border  : 1px solid #D3D3D3;
-        position: absolute;
-
-        table {
-            border-collapse: collapse;
-        }
-
-        .colorhead {
-            height     : 23px;
-            line-height: 23px;
-            font-weight: bold;
-            width      : 100%;
-        }
-
-        .colortitle {
-            margin-left: 6px;
-            font-size  : 12px;
-        }
-
-        .colorpanel td {
-            border   : 1px solid #000;
-            height   : 10px;
-            width    : 10px;
-            overflow : hidden;
-            font-size: 1px;
-            cursor   : pointer;
-        }
-    }
-
-    // 字体演示
-    .fontfamilyChoser,
-    .fontsizeChoser {
-        a {
-            padding-right  : 2px;
-            display        : block;
-            padding-left   : 2px;
-            padding-bottom : 2px;
-            color          : #000;
-            line-height    : 120%;
-            padding-top    : 2px;
-            text-decoration: none;
-
-            &:hover {
-                background: #e5e5e5
-            }
-        }
-    }
-
-    // 登录面板 和忘记密码
-    .dorpdown {
-        position: relative;
-
-        &:hover .fontfamilyChoser,
-        .fontfamilyChoser:hover,
-        &:hover .fontsizeChoser,
-        .fontsizeChoser:hover,
-        &:hover .colorPicker,
-        .colorPicker:hover {
-            display: block;
-        }
-
-        &>div {
-            display         : none;
-            position        : absolute;
-            top             : 22px;
-            left            : 0;
-            background-color: #f5f5f5;
-            border          : 1px solid lightgray;
-            border-top      : 0;
-            padding         : 5px;
-            width           : 230px;
-        }
-
-        .fontsizeChoser {
-            top  : inherit;
-            right: 0;
-        }
-    }
-}