@ajaxjs/ui 1.0.7 → 1.1.2

package/src/pages/demo/Form.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="home">
-    <h2>HTML 编辑器</h2>
-    <p>HTML 编辑器，又叫富文本编辑器（Rich Text Editor），目的就是让用户可以在浏览器上编辑各种格式的文本，类似于 Word “即见即所得”那种可视化的特性，HTML 编辑器能直观地编辑文本并同时产生预期的效果。
-      不同的是 Word 最终成品是 *.doc 文件，而 HTML 编辑器的保存格式是 HTML。实际上，称为“富文本编辑器”或者更合适一些，盖因这类编辑器，最终的格式不一定是 HTML，可以被设计保存为 md（Markdown）或其他的格式。</p>
-    <p>
-      <a href="https://zhangxin.blog.csdn.net/article/details/113867893" target="_blank">查看教程</a>
-    </p>
-    <p>需要引入图标库；HTML 外层要有 textarea 元素包裹着。</p>
-
-    <textarea style="display:none;">
-        <h2>什么是Lorem Ipsum?</h2>
-        <p>Lorem Ipsum，也称乱数假文或者哑元文本， 是印刷及排版领域所常用的虚拟文字。由于曾经一台匿名的打印机刻意打乱了一盒印刷字体从而造出一本字体样品书，Lorem Ipsum从西元15世纪起就被作为此领域的标准文本使用。它不仅延续了五个世纪，还通过了电子排版的挑战，其雏形却依然保存至今。在1960年代，”Leatraset”公司发布了印刷着Lorem Ipsum段落的纸张，从而广泛普及了它的使用。最近，计算机桌面出版软件”Aldus PageMaker”也通过同样的方式使Lorem Ipsum落入大众的视野。</p>
-
-        <h2>我们为何用它？</h2>
-        <p>无可否认，当读者在浏览一个页面的排版时，难免会被可阅读的内容所分散注意力。Lorem Ipsum的目的就是为了保持字母多多少少标准及平均的分配，而不是“此处有文本，此处有文本”，从而让内容更像可读的英语。如今，很多桌面排版软件以及网页编辑用Lorem Ipsum作为默认的示范文本，搜一搜“Lorem Ipsum”就能找到这些网站的雏形。这些年来Lorem Ipsum演变出了各式各样的版本，有些出于偶然，有些则是故意的（刻意的幽默之类的）。</p>
-    </textarea>
-    <HtmlEditor :v-model="v" style="width:800px;margin:0 auto" @on-change="v=$event">
-    </HtmlEditor>
-
-    {{v}}
-    <Nav />
-  </div>
-</template>
-
-<script lang="ts">
-import HtmlEditor from "@/components/form/HtmlEditor/HtmlEditor.vue";
-import Nav from "../Nav.vue";
-
-export default {
-  components: {
-    HtmlEditor,
-    Nav,
-  },
-  data(): any {
-    return {
-      v: "",
-    };
-  },
-  mounted(): void {
-    this.v = this.$el.querySelector("textarea").value;
-  },
-};
-</script>
-
-<style lang="less" scoped src="../common.less"></style>

package/src/pages/demo/Wdigets.vue

@@ -1,168 +0,0 @@
-
-<template>
-  <div class="home">
-
-    <h2>展开闭合器 expander</h2>
-    <p>常用于展开正文详情。提供过渡效果的图层，如果不需要把 div class="mask" 去掉即可。注意加入容器的 padding 会导致关闭时高度异常。</p>
-    <table class="aj-table" align="center">
-      <thead>
-        <tr>
-          <th>属性</th>
-          <th>含义</th>
-          <th>类型</th>
-          <th>是否必填，默认值</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>openHeight</td>
-          <td>展开状态的高度</td>
-          <td>Number</td>
-          <td>n, 200</td>
-        </tr>
-        <tr>
-          <td>closeHeight</td>
-          <td>闭合状态的高度</td>
-          <td>Number</td>
-          <td>n, 50</td>
-        </tr>
-        <tr>
-          <td><code>&lt;slot</code>&gt;</td>
-          <td>正文内容扩展</td>
-          <td>String</td>
-          <td>n</td>
-        </tr>
-      </tbody>
-    </table>
-
-    <Expander :close-height="50" style="width: 300px;margin:5% auto;">
-      Lorem Ipsum，也称乱数假文或者哑元文本， 是印刷及排版领域所常用的虚拟文字。
-      由于曾经一台匿名的打印机刻意打乱了一盒印刷字体从而造出一本字体样品书， Lorem Ipsum从西元15世纪起就被作为此领域的标准文本使用。
-      <div class="mask-layer"></div>
-    </Expander>
-
-    <h2>渐现 Banner</h2>
-    <p>原理上讲，就是为每张图片准备好定时器 timer，使其控制图片的透明度。当图片从透明度 0 到 100，就是渐现的过程； 与此同时，另外一张图片由透明度 100 下降到 0。这两个过程是同时发生的，一个渐现一个渐隐，便会造成如此的目标效果。</p>
-    <p><a href="https://zhangxin.blog.csdn.net/article/details/112055111" target="_blank">查看教程</a>
-    </p>
-    <OpacityBanner style="width:300px;margin:0 auto">
-      <li><img src="http://inews.gtimg.com/newsapp_ls/0/14112395997_640330/0" /></li>
-      <li><img src="http://inews.gtimg.com/newsapp_ls/0/14112492527_640330/0" /></li>
-      <li><a target="iframepage" href="../job/job.jsp">招聘管理</a></li>
-    </OpacityBanner>
-    <br />
-    <br />
-    <br />
-    <br />
-    <h2>进度条 Process Line</h2>
-    <ProcessLine />
-
-    <h2>折叠菜单 Accordion Menu</h2>
-    <p>折叠菜单的特点是同一时间只展开一个区域，其他区域则处于闭合状态。</p>
-
-    <p>属性说明：</p>
-    <table class="aj-table" align="center" width="500">
-      <thead>
-        <tr>
-          <th>属性</th>
-          <th>含义</th>
-          <th>类型</th>
-          <th>是否必填，默认值</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td><code>&lt;slot&gt;</code></td>
-          <td>菜单内容</td>
-          <td>String</td>
-          <td>y</td>
-        </tr>
-      </tbody>
-    </table>
-    <br />
-    <br />
-    <br />
-    <AccordionMenu style="width:300px;margin:0 auto">
-      <li class="siteMgr">
-        <h3>网站管理</h3>
-        <ul>
-          <li><a target="iframepage" href="website/profile/changePassword.jsp">帐号信息</a></li>
-          <li><a target="iframepage" href="website/profile/companyInfo.jsp">公司信息</a></li>
-          <li><a target="iframepage" href="website/gallery/companyAlbum.jsp">相 册</a></li>
-          <li><a target="iframepage" href="website/pageEditor/index.jsp">页面维护</a></li>
-          <li><a target="iframepage" href="website/profile/global.jsp">全局信息</a></li>
-        </ul>
-      </li>
-
-      <li class="news">
-        <h3>新闻中心管理</h3>
-        <ul>
-          <li><a target="iframepage" href="entry/list/news">新闻管理</a></li>
-        </ul>
-      </li>
-      <li class="levelPoints">
-        <h3>积分系统</h3>
-        <ul>
-          <li><a target="iframepage" href="levelPoints/memberTree.jsp">会员下线一览</a>
-          </li>
-          <li><a target="iframepage" href="levelPoints/showUserPoints.jsp">显示会员积分</a></li>
-        </ul>
-      </li>
-      <li>
-        <h3>其他信息</h3>
-        <ul>
-          <li><a target="iframepage" href="../job/job.jsp">留言管理</a></li>
-          <li><a target="iframepage" href="../job/job.jsp">招聘管理</a></li>
-        </ul>
-      </li>
-    </AccordionMenu>
-
-    <br />
-    <br />
-    <br />
-
-    <h2>Baidu 自定义搜索</h2>
-    <table class="aj-table" align="center">
-      <thead>
-        <tr>
-          <th>属性</th>
-          <th>含义</th>
-          <th>类型</th>
-          <th>是否必填，默认值</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>siteDomainName</td>
-          <td>搜索网站之域名</td>
-          <td>String</td>
-          <td>n, 通过 js 返回域名</td>
-        </tr>
-      </tbody>
-    </table>
-    <br />
-    <br />
-    <BaiduSearch />
-    <Nav />
-
-    <br />
-    <br />
-  </div>
-</template>
-
-<script>
-import OpacityBanner from "@/components/widgets/OpacityBanner.vue";
-import ProcessLine from "@/components/widgets/ProcessLine.vue";
-import AccordionMenu from "@/components/widgets/AccordionMenu.vue";
-import Expander from "@/components/widgets/Expander.vue";
-import BaiduSearch from "@/components/widgets/BaiduSearch.vue";
-import Nav from "../Nav.vue";
-
-export default {
-  components: {
-    OpacityBanner, ProcessLine, AccordionMenu, Expander, BaiduSearch, Nav
-  },
-};
-</script>
-
-<style lang="less" scoped src="../common.less"></style>

package/src/router/index.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var vue_1 = (0, tslib_1.__importDefault)(require("vue"));
-var vue_router_1 = (0, tslib_1.__importDefault)(require("vue-router"));
-var Home_vue_1 = (0, tslib_1.__importDefault)(require("../views/Home.vue"));
-vue_1.default.use(vue_router_1.default);
-var routes = [
-    {
-        path: '/',
-        name: 'Home',
-        component: Home_vue_1.default
-    },
-    {
-        path: '/about',
-        name: 'About',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: function () { return Promise.resolve().then(function () { return (0, tslib_1.__importStar)(require(/* webpackChunkName: "about" */ '../views/About.vue')); }); }
-    },
-    {
-        path: '/demo/widget',
-        component: function () { return Promise.resolve().then(function () { return (0, tslib_1.__importStar)(require('../pages/demo/Wdigets.vue')); }); }
-    },
-    {
-        path: '/demo/Article',
-        component: function () { return Promise.resolve().then(function () { return (0, tslib_1.__importStar)(require('../pages/demo/Article.vue')); }); }
-    },
-    {
-        path: '/demo/form',
-        component: function () { return Promise.resolve().then(function () { return (0, tslib_1.__importStar)(require('../pages/demo/Form.vue')); }); }
-    },
-];
-var router = new vue_router_1.default({
-    routes: routes
-});
-exports.default = router;
-//# sourceMappingURL=index.js.map

package/src/router/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;AAAA,yDAAqB;AACrB,uEAAmD;AACnD,4EAAoC;AAEpC,aAAG,CAAC,GAAG,CAAC,oBAAS,CAAC,CAAA;AAElB,IAAM,MAAM,GAAuB;IACjC;QACE,IAAI,EAAE,GAAG;QACT,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,kBAAI;KAChB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO;QACb,6BAA6B;QAC7B,mEAAmE;QACnE,kDAAkD;QAClD,SAAS,EAAE,cAAM,qFAAO,+BAA+B,CAAC,oBAAoB,QAA3D,CAA4D;KAC9E;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,cAAM,qFAAO,2BAA2B,QAAlC,CAAmC;KACrD;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,cAAM,qFAAO,2BAA2B,QAAlC,CAAmC;KACrD;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,cAAM,qFAAO,wBAAwB,QAA/B,CAAgC;KAClD;CACF,CAAA;AAED,IAAM,MAAM,GAAG,IAAI,oBAAS,CAAC;IAC3B,MAAM,QAAA;CACP,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}

package/src/router/index.ts

@@ -1,39 +0,0 @@
-import Vue from 'vue'
-import VueRouter, { RouteConfig } from 'vue-router'
-import Home from '../views/Home.vue'
-
-Vue.use(VueRouter)
-
-const routes: Array<RouteConfig> = [
-  {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  {
-    path: '/about',
-    name: 'About',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
-  },
-  {
-    path: '/demo/widget',
-    component: () => import('../pages/demo/Wdigets.vue')
-  },
-  {
-    path: '/demo/Article',
-    component: () => import('../pages/demo/Article.vue')
-  },
-  {
-    path: '/demo/form',
-    component: () => import('../pages/demo/Form.vue')
-  },
-]
-
-const router = new VueRouter({
-  routes
-})
-
-export default router

package/src/shims-tsx.d.ts

@@ -1,13 +0,0 @@
-import Vue, { VNode } from 'vue'
-
-declare global {
-  namespace JSX {
-    // tslint:disable no-empty-interface
-    interface Element extends VNode {}
-    // tslint:disable no-empty-interface
-    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,171 +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;
-}
-.aj-text-function() {
-    color         : #333;
-    line-height   : 160%;
-    margin        : 15px 0;
-    font-size     : .95rem;
-    letter-spacing: 1px;
-    text-align    : justify;
-}
-
-// 快速制作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;
-        }
-    }
-
-}

package/src/style/reset.less

@@ -1,18 +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/views/About.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

package/src/views/Home.vue

@@ -1,49 +0,0 @@
-<template>
-  <div class="home">
-    <AccordionMenu style="width:300px;">
-      <li class="siteMgr">
-        <h3>网站管理</h3>
-        <ul>
-          <li><a target="iframepage" href="website/profile/changePassword.jsp">帐号信息</a></li>
-          <li><a target="iframepage" href="website/profile/companyInfo.jsp">公司信息</a></li>
-          <li><a target="iframepage" href="website/gallery/companyAlbum.jsp">相 册</a></li>
-          <li><a target="iframepage" href="website/pageEditor/index.jsp">页面维护</a></li>
-          <li><a target="iframepage" href="website/profile/global.jsp">全局信息</a></li>
-        </ul>
-      </li>
-
-      <li class="news">
-        <h3>新闻中心管理</h3>
-        <ul>
-          <li><a target="iframepage" href="entry/list/news">新闻管理</a></li>
-        </ul>
-      </li>
-      <li class="levelPoints">
-        <h3>积分系统</h3>
-        <ul>
-          <li><a target="iframepage" href="levelPoints/memberTree.jsp">会员下线一览</a>
-          </li>
-          <li><a target="iframepage" href="levelPoints/showUserPoints.jsp">显示会员积分</a></li>
-        </ul>
-      </li>
-      <li>
-        <h3>其他信息</h3>
-        <ul>
-          <li><a target="iframepage" href="../job/job.jsp">留言管理</a></li>
-          <li><a target="iframepage" href="../job/job.jsp">招聘管理</a></li>
-        </ul>
-      </li>
-    </AccordionMenu>
-  </div>
-</template>
-
-<script lang="ts">
-import AccordionMenu from "@/components/widgets/AccordionMenu.vue"; // @ is an alias to /src
-
-export default {
-  name: "Home",
-  components: {
-    AccordionMenu,
-  },
-};
-</script>