@ajaxjs/ui 1.3.11 → 1.4.0

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');

package/src/shims-tsx.d.ts

@@ -1,11 +0,0 @@
-import Vue, { VNode } from 'vue'
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}

package/src/shims-vue.d.ts

@@ -1,4 +0,0 @@
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}

package/src/style/common-functions.less

@@ -1,286 +0,0 @@
-:root {
-    --admin-main-color: #1e6bb8;
-}
-
-.aj-center-title () {
-    text-align    : center;
-    font-size     : 1.3rem;
-    font-weight   : bold;
-    letter-spacing: 5px;
-    padding       : 20px 0;
-}
-
-.aj-text-function() {
-    color         : #333;
-    line-height   : 160%;
-    margin        : 15px 0;
-    font-size     : .95rem;
-    letter-spacing: 1px;
-    text-align    : justify;
-}
-
-.centerBody (@defaultWidth: 1300px) {
-    max-width: @defaultWidth;
-    margin   : 0 auto;
-    width    : 100%;
-    height   : 100%;
-}
-
-.transition (@t) {
-    -webkit-transition: @t;
-    -moz-transition   : @t;
-    -ms-transition    : @t;
-    -o-transition     : @t;
-    transition        : @t;
-}
-
-.transition_withTransform (@t) {
-    -webkit-transition: -webkit-transform @t;
-    -moz-transition   : -moz-transform @t;
-    -ms-transition    : -moz-transform @t;
-    -o-transition     : -o-transform @t;
-    transition        : transform @t;
-}
-
-.transform (@t) {
-    -webkit-transform: @t;
-    -moz-transform   : @t;
-    -ms-transform    : @t;
-    -o-transform     : @t;
-    -transform       : @t;
-}
-
-.heightFx () {
-    .transition (300ms height ease-out);
-}
-
-.widthFx () {
-    .transition (200ms width ease-out);
-}
-
-.leftFx () {
-    .transition (200ms left linear);
-}
-
-// 解决使用CSS动画时闪烁的问题
-// http://ued.taobao.com/blog/2012/01/chrome%E6%B8%B2%E6%9F%93transition%E6%97%B6%E9%A1%B5%E9%9D%A2%E9%97%AA%E5%8A%A8bug/
-.fixTransitionFlash () {
-    backface-visibility        : hidden;
-    -webkit-backface-visibility: hidden;
-    -moz-backface-visibility   : hidden;
-}
-
-// 解决高度塌陷的问题 – 清除浮动 或叫 闭合浮动
-// http://www.iyunlu.com/view/css-xhtml/55.html
-// http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%BA%8C/
-// 强制换行
-.forceBreak () {
-    word-wrap : break-word;
-    word-break: break-all;
-}
-
-.giveHeight () {
-    overflow: hidden;
-    zoom    : 1;
-}
-
-// 透明度
-.imgOpacityShow (@time: 300ms) {
-    .transition (opacity @time ease-in);
-}
-
-// 旋转角度
-.rotate (@ro: 30deg) {
-    .transform (rotate(@ro));
-}
-
-// 渐变
-.gradient (@direction , @startColor , @endColor) {
-    background-image: -webkit-linear-gradient(@direction, @startColor, @endColor);
-    background-image: -moz-linear-gradient(@direction, @startColor, @endColor);
-    background-image: -ms-linear-gradient(@direction, @startColor, @endColor);
-    background-image: -o-linear-gradient(@direction, @startColor, @endColor);
-    background-image: linear-gradient(@direction, @startColor, @endColor);
-}
-
-// 渐变
-.gradient (@direction , @startColor , @midColor , @endColor) {
-    background-image: -webkit-linear-gradient(@direction, @startColor, @midColor, @endColor);
-    background-image: -moz-linear-gradient(@direction, @startColor, @midColor, @endColor);
-    background-image: -ms-linear-gradient(@direction, @startColor, @midColor, @endColor);
-    background-image: -o-linear-gradient(@direction, @startColor, @midColor, @endColor);
-    background-image: linear-gradient(@direction, @startColor, @midColor, @endColor);
-}
-
-.fadeIn (@duration) {
-    animation         : fade-in;
-    animation-duration: @duration;
-    -webkit-animation : fade-in @duration;
-}
-
-.fadeOut (@duration) {
-    animation         : fade-out-hide;
-    animation-duration: @duration;
-    -webkit-animation : fade-out-hide @duration;
-}
-.aj-text-title {
-    letter-spacing: 2px;
-    margin: 10px;
-}
-
-// 快速制作1px 表格边框，为需要设置的 table 元素加上 border 的class即可
-.aj-table {
-    border         : 1px lightgray solid;
-    border-collapse: collapse;
-    border-spacing : 0;
-
-    th {
-        background-color: #efefef;
-        letter-spacing  : 3px;
-    }
-
-    td,
-    th {
-        border     : 1px lightgray solid;
-        line-height: 160%;
-        height     : 120%;
-        padding    : 6px;
-    }
-
-    tr {
-        .transition (background-color 400ms ease-out);
-
-        &:nth-child(odd) {
-            background: #f5f5f5;
-            box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
-        }
-
-        &:hover {
-            background-color: #fbf8e9;
-        }
-    }
-
-}
-
-.aj-form-table {
-    border-collapse: collapse;
-    border-spacing : 0;
-
-    th {
-        background-color: #efefef;
-        letter-spacing  : 3px;
-    }
-
-    td,
-    th {
-        line-height: 160%;
-        height     : 120%;
-        padding    : 10px 15px;
-    }
-
-    tr {
-        .transition (background-color 400ms ease-out);
-
-        &:nth-child(odd) {
-            background: #f5f5f5;
-            box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
-        }
-
-        &:hover {
-            background-color: #fbf8e9;
-        }
-    }
-}
-
-.aj-btn-base() {
-    min-height         : 26px;
-    font-size          : .8rem;
-    //line-height: 100%;
-    padding            : .3em 2.3em;
-    margin             : 10px auto;
-    color              : #333;
-    letter-spacing     : .3em;
-    border-radius      : 4px;
-    border             : 1px solid #ccc;
-    border-bottom-color: #B4B4B4;
-    box-shadow         : 0 1px 3px rgba(0, 0, 0, 0.12);
-    text-shadow        : 0 1px 0 rgba(255, 255, 255, 0.8);
-    background-color   : lightgray;
-    background-repeat  : repeat-x;
-    transition         : background-image 0.5s linear 1s;
-    cursor             : pointer;
-    outline            : 0;
-    .gradient (to bottom, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 60%, rgba(225, 223, 226, 1) 100%);
-
-    img {
-        vertical-align: middle;
-    }
-
-    &:hover {
-        color       : black;
-        border-color: lighten(black, 65%);
-    }
-
-    &:active {
-        box-shadow  : inset 0 3px 5px rgba(0, 0, 0, .2);
-        border-color: lighten(black, 55%);
-    }
-
-    &:focus {
-        border-color: lighten(black, 60%);
-    }
-
-    &:hover {
-        background-position: 0px -10px;
-    }
-}
-
-.aj-btnsHolder {
-    text-align: center;
-    padding   : 2% 0;
-
-    button {
-        margin-right: 3% !important;
-    }
-}
-
-.aj-input-base() {
-    min-height      : 25px;
-    font-size       : .9rem;
-    border          : 1px solid #abadb3;
-    // border-radius   : 3px;
-    box-sizing      : border-box;
-    background-color: white;
-    transition      : border-color ease-in-out 200ms;
-    outline         : 0;
-    padding         : 2px;
-    vertical-align  : middle;
-    color           : #333;
-    // letter-spacing  : 1px;
-
-    &:hover,
-    &:focus {
-        // box-shadow      : 1px 2px 3px #e5e5e5 inset;
-        border-color: lighten(black, 45);
-    }
-}
-
-form.aj-form {
-    input[type=text], .form input[type=password], .form textarea{
-        .aj-input-base();
-    }
-    button {
-        .aj-btn-base();
-    }
-
-    select {
-        color: gray;
-        height: 25px;
-        border: 1px solid gray;
-    }
-    
-    select:hover {
-        border-color: black;
-    }
-    
-}

package/src/style/reset.less

@@ -1,19 +0,0 @@
-/* AJAXJS Base CSS */
-body,dl,dt,dd,ul,li,pre,form,fieldset,input,p,blockquote,th,td,h1,h2,h3,h4,h5{margin:0;padding:0;}
-h1,h2,h3,h4,h5{font-weight: normal;}img{border:0;}ul li{list-style-type:none}.hide{display:none}
-body {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;
-    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
-
-/* a{text-decoration:none;color:#666;transition:color .4s ease-in-out;}
-a:hover{color:#000;}
-button{border:none;outline:0;cursor:pointer;letter-spacing:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-input[type=password],input[type=text],select,textarea{outline:0;-moz-appearance:none;} */
-
-/* 手机端浏览器所显示的网页 CSS */
-@media screen and (max-width:480px) {
-    * {
-        -webkit-tap-highlight-color: transparent; /* 很多 Android 浏览器的 a 链接有边框，这里取消它  */
-        -webkit-touch-callout: none; /* 在 iOS 浏览器里面，假如用户长按 a 标签，都会出现默认的弹出菜单事件 */
-        /* -webkit-user-select:none; */
-    }
-}	

package/src/style/reset2.less

@@ -1,49 +0,0 @@
-/* AJAXJS Base CSS */
-body,dl,dt,dd,ul,li,pre,form,fieldset,input,p,blockquote,th,td,h1,h2,h3,h4,h5{margin:0;padding:0;}
-h1,h2,h3,h4,h5{font-weight: normal;}img{border:0;}ul li{list-style-type:none}.hide{display:none}
-body {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;
-    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
-
-/* a{text-decoration:none;color:#666;transition:color .4s ease-in-out;}
-a:hover{color:#000;}
-button{border:none;outline:0;cursor:pointer;letter-spacing:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-input[type=password],input[type=text],select,textarea{outline:0;-moz-appearance:none;} */
-
-/* 手机端浏览器所显示的网页 CSS */
-@media screen and (max-width:480px) {
-    * {
-        -webkit-tap-highlight-color: transparent; /* 很多 Android 浏览器的 a 链接有边框，这里取消它  */
-        -webkit-touch-callout: none; /* 在 iOS 浏览器里面，假如用户长按 a 标签，都会出现默认的弹出菜单事件 */
-        /* -webkit-user-select:none; */
-    }
-}	
-
-::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background-color: #fff;
-    border-radius: 10px;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: lightgray;
-    border-radius: 10px;
-}
-
-/* 修改 firefox 滚动条的样式 */
-* {
-    /* 宽度 */
-    scrollbar-width: thin;
-    /* "auto" 或 "thin" 或 "none" */
-    /* 轨道颜色 */
-    scrollbar-track-color: #f1f1f1;
-    /* 滑块颜色 */
-    scrollbar-thumb-color: #888;
-    /* 滑块圆角 */
-    scrollbar-thumb-border-radius: 10px;
-    /* 滑块悬停时的样式 */
-    scrollbar-thumb-hover-color: #555;
-}