hello
54 | API这样设计的原因，请查看alert模块
10 |-
11 |
- prompt('your title', 'your default text', callback) 12 |
2 |
9 |
14 |
15 |
18 |
22 |
23 |
24 |
25 |
29 |
--------------------------------------------------------------------------------
/src/baseCSS/bootstrap/less/breadcrumbs.less:
--------------------------------------------------------------------------------
1 | //
2 | // Breadcrumbs
3 | // --------------------------------------------------
4 |
5 |
6 | .breadcrumb {
7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
8 | margin-bottom: @line-height-computed;
9 | list-style: none;
10 | background-color: @breadcrumb-bg;
11 | border-radius: @border-radius-base;
12 |
13 | > li {
14 | display: inline-block;
15 |
16 | + li:before {
17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
18 | padding: 0 5px;
19 | color: @breadcrumb-color;
20 | }
21 | }
22 |
23 | > .active {
24 | color: @breadcrumb-active-color;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/baseCSS/bootstrap/less/responsive-embed.less:
--------------------------------------------------------------------------------
1 | // Embeds responsive
2 | //
3 | // Credit: Nicolas Gallagher and SUIT CSS.
4 |
5 | .embed-responsive {
6 | position: relative;
7 | display: block;
8 | height: 0;
9 | padding: 0;
10 | overflow: hidden;
11 |
12 | .embed-responsive-item,
13 | iframe,
14 | embed,
15 | object,
16 | video {
17 | position: absolute;
18 | top: 0;
19 | left: 0;
20 | bottom: 0;
21 | height: 100%;
22 | width: 100%;
23 | border: 0;
24 | }
25 | }
26 |
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 | padding-bottom: 56.25%;
30 | }
31 |
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 | padding-bottom: 75%;
35 | }
36 |
--------------------------------------------------------------------------------
/src/_fixDesktop/AJAX.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 26 | hello list2! 27 |
28 |-
11 |
- 使用data-url指定json文件的路径 12 |
- 使用data-default指定未选择时显示的文字，默认为“--请选择--” 13 |
- 使用_selected方法，可以指定初始值 14 |
16 |
17 |
18 |
19 |
20 |
21 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/src/CSS-Controls/radio/ui-radio.css:
--------------------------------------------------------------------------------
1 | .ui-radio {
2 | transition: all .5s;
3 | height: 1em;
4 | width: 1em;
5 | background-image: none;
6 | display: inline-block;
7 | background-color: transparent;
8 | -webkit-appearance: none;
9 | appearance: none;
10 | border: solid .2em #ccc;
11 | border-radius: 50%;
12 | outline: none !important;
13 | position: relative;
14 | box-sizing: content-box;
15 | margin: 3px;
16 | }
17 | .ui-radio:checked {
18 | border: solid .2em #34b93d;
19 | }
20 | .ui-radio:before {
21 | transition: all .5s;
22 | content: "";
23 | position: absolute;
24 | height: 50%;
25 | width: 50%;
26 | display: block;
27 | border-radius: 100%;
28 | left: 25%;
29 | top: 25%;
30 | }
31 | .ui-radio:checked:before {
32 | background-color: #34b93d;
33 | }
34 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "modules-js",
3 | "version": "1.0.0",
4 | "description": "",
5 | "scripts": {
6 | "grunt": "node -e \"require('grunt').tasks(['default']);\""
7 | },
8 | "dependencies": {
9 | "clean-css": "^3.4.10",
10 | "express": "~4.12.2",
11 | "requirejs": "^2.1.22"
12 | },
13 | "devDependencies": {
14 | "grunt": "~0.4.5",
15 | "grunt-contrib-clean": "^0.5.0",
16 | "grunt-contrib-jshint": "^0.9.2",
17 | "grunt-contrib-nodeunit": "^0.3.3",
18 | "grunt-contrib-requirejs": "~0.4.0",
19 | "grunt-contrib-uglify": "^0.9.1",
20 | "grunt-contrib-copy": "~0.8.0",
21 | "grunt-banner": "~0.3.1",
22 | "grunt-contrib-concat": "^0.5.1",
23 | "grunt-contrib-less": "~1.0.0",
24 | "grunt-contrib-cssmin": "~0.12.2"
25 | },
26 | "license": "MIT"
27 | }
28 |
--------------------------------------------------------------------------------
/src/_fixDesktop/onended.js:
--------------------------------------------------------------------------------
1 | !(function () {
2 |
3 | var init = function () {
4 | var hasOnendedElements = document.querySelectorAll('[onended]')
5 | for (var i = 0; i < hasOnendedElements.length; i++) {
6 | if (!hasOnendedElements[i].onended) {
7 | hasOnendedElements[i].onended = new Function(hasOnendedElements[i].getAttribute('onended'));
8 | }
9 | }
10 | }
11 |
12 | if (document.readyState === 'complete' || document.readyState === 'interactive') {
13 | init()
14 | } else {
15 | document.addEventListener('readystatechange', function(e) {
16 | if (document.readyState === 'interactive') {
17 | init();
18 | }
19 | })
20 | }
21 |
22 | document.body.addEventListener('click', init);
23 | document.body.addEventListener('touchend', init);
24 |
25 | })();
26 |
--------------------------------------------------------------------------------
/test/SpecRunner.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 该插件使用window.loadingPage全局对象，也可通过模块加载引用
17 |loadingPage.loading() 显示正在加载的画面
18 |loadingPage.loaded() 隐藏加载画面
19 | 20 | 21 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /src/loadpage/demo2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /src/popup/popup.css: -------------------------------------------------------------------------------- 1 | @CHARSET "UTF-8"; 2 | .page-popup{ 3 | position: fixed; 4 | width: 100%; 5 | height: 100%; 6 | background-color: rgba(0, 0, 0, 0.8); 7 | z-index: 101; 8 | color: #fff; 9 | /*transition: left .5s;*/ 10 | overflow-y: scroll; 11 | top: 0; 12 | left: 0; 13 | } 14 | .popup-close{ 15 | text-align: right; 16 | padding: 1em; 17 | margin: 0; 18 | font-size: 1.2em; 19 | } 20 | .popup-list{ 21 | margin: 0; 22 | list-style: none; 23 | padding: 0; 24 | } 25 | .popup-list li{ 26 | display: block; 27 | width: 12em; 28 | margin: auto; 29 | position: relative; 30 | padding: .5em 1em .5em 4em; 31 | } 32 | .popup-list li + li{ 33 | border-top: solid 1px #fff; 34 | } 35 | .popup-list img{ 36 | position: absolute; 37 | width: 2em; 38 | height: 2em; 39 | left: 1em; 40 | top: 1em; 41 | } 42 | .popup-list a{ 43 | display: block; 44 | margin: 1em 0; 45 | color: #fff; 46 | text-decoration: none; 47 | } -------------------------------------------------------------------------------- /src/preview/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/src/imageView/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 
18 | 
19 | 
20 | 
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/src/_fixDesktop/_fixCSS.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 在含有IE 5, 7, 8, 9, 10, 11下的测试结果，游览器内核为 IE 11
22 |css hacker:
23 |-
24 |
- "\9" IE 5,7,8,9,10 识别 IE 11 不识别 25 |
- "\0" IE 5,7,8,9,10,11 识别 26 |
- "*" IE 5,7 识别（推荐） 27 |
- "+" IE 5,7 识别 28 |
- "_" IE 5 识别 29 |
background-size:
31 |filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/home/down.png', sizingMethod='scale');
32 | 33 | 34 | -------------------------------------------------------------------------------- /src/baseCSS/bootstrap/less/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | .clearfix(); 11 | } 12 | .center-block { 13 | .center-block(); 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | .text-hide(); 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | } 48 | 49 | 50 | // For Affix plugin 51 | // ------------------------- 52 | 53 | .affix { 54 | position: fixed; 55 | } 56 | -------------------------------------------------------------------------------- /src/editor/ueditor/public/ueditor/dialogs/table/edittip.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
20 |
27 |
32 |
33 |
--------------------------------------------------------------------------------
/src/toast/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
21 |
22 |
23 |
24 |
25 |
26 | 当body背景色在toast弹出时变色时，请尝试将body指定颜色
15 | 16 | 17 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /src/ui-like/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |From: http://codepen.io/thebabydino/pen/RRRRZE, https://github.com/you-dont-need/You-Dont-Need-Javascript
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/src/paging/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
11 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/src/alert/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
12 |
17 |
21 |
22 |
13 |
14 |
15 |
16 | 由于：
10 |-
11 |
- 需要兼容游览器本身的alert方法 12 |
- 能使原有alert能够正常同步执行(即在开发者不知情的情况下，引用该js不会破坏原有的代码逻辑) 13 |
- 原生alert是同步执行的，而js无法实现同步执行，只能使用callback 14 |
- 任何库的学习都是有代价的，使用系统提供的API并增强API的功能，能够有效降低学习成本，降低学习曲率 15 |
所以：
17 |-
18 |
- 简单调用，没有额外的代码块需要执行的情况下。调用alert('your message', false)函数直接调用即可，后面的false参数表示不使用系统原生的弹出框 19 |
- alert后还有代码块需要执行，使用alert('your message', callback-function)，在callback-function中加入需要执行的代码 20 |
15 |
22 |
27 |
28 |
31 |
35 |
36 |
37 |
38 |
42 | ```
43 |
--------------------------------------------------------------------------------
/src/template/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 39 | hello list2! 40 |
41 |
11 |
21 |
22 |
31 |
32 |
--------------------------------------------------------------------------------
/src/pull-v2/pullUp.js:
--------------------------------------------------------------------------------
1 | //
2 | (function(factory) {
3 | if (typeof define === "function" && define.amd) {
4 | define([ "jquery" ], factory);
5 | } else {
6 | factory(jQuery);
7 | }
8 | }(function($) {
9 |
10 | $.fn.pullUp = function(callback) {
11 | var eleH = $(this)[0].offsetTop,
12 | winH = $(window).height(),
13 | loading = false,
14 | $this = $(this);
15 |
16 | // 监听滚动事件
17 | $(window).scroll(function() {
18 |
19 | if ($(window).scrollTop() + winH >= eleH && loading == false)
20 | {
21 | loading = true;
22 | callback($this, function() {
23 | loading = false;
24 | eleH = $this[0].offsetTop;
25 | });
26 | }
27 | });
28 |
29 | // 但正在加载，却没有加载成功的时候，可以通过定时函数来保证再次加载
30 | setInterval(function() {
31 |
32 | if ($(window).scrollTop() + winH >= eleH && loading == false)
33 | {
34 | loading = true;
35 | callback($this, function() {
36 | loading = false;
37 | eleH = $this[0].offsetTop;
38 | });
39 | }
40 |
41 | }, 500);
42 | }
43 |
44 | return $;
45 | }));
--------------------------------------------------------------------------------
/src/baseUtils/dateFormater.js:
--------------------------------------------------------------------------------
1 | (function(global) {
2 |
3 | global.Date.prototype.format = function (str) {
4 | var d = this;
5 | if (!(d instanceof Date)) {
6 | return 'Date-error';
7 | }
8 | var res = str + '',
9 | year = d.getFullYear(), // yyyy yy
10 | month = d.getMonth() + 1, // MM M
11 | day = d.getDate(), // dd d
12 | hour = d.getHours(), // hh h
13 | minite = d.getMinutes(), // mm m
14 | second = d.getSeconds(); // ss s
15 |
16 | res = res
17 | .replace(/yyyy/, year)
18 | .replace(/yy/, (year + '').substr(2, 2))
19 | .replace(/MM/, (month > 9 ? month + '' : '0' + month))
20 | .replace(/M/, month)
21 | .replace(/dd/, (day > 9 ? day + '' : '0' + day))
22 | .replace(/d/, day)
23 | .replace(/hh/, (hour > 9 ? hour + '' : '0' + hour))
24 | .replace(/h/, hour)
25 | .replace(/mm/, (minite > 9 ? minite + '' : '0' + minite))
26 | .replace(/m/, minite)
27 | .replace(/ss/, (second > 9 ? second + '' : '0' + second))
28 | .replace(/s/, second);
29 | return res;
30 | }
31 |
32 | })(window);
33 |
--------------------------------------------------------------------------------
/src/baseCSS/bootstrap/less/pager.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: @line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | &:extend(.clearfix all);
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: @pager-bg;
19 | border: 1px solid @pager-border;
20 | border-radius: @pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: @pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: @pager-disabled-color;
50 | background-color: @pager-bg;
51 | cursor: @cursor-disabled;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/webcom/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
13 |
14 |
15 |
16 |
17 |
19 |
20 |
18 |
webcom-test
10 | 11 | 12 | 13 | 14 | 15 | 18 | 19 | 20 | 21 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /src/editor/ueditor/public/ueditor/dialogs/template/template.css: -------------------------------------------------------------------------------- 1 | .wrap{ padding: 5px;font-size: 14px;} 2 | .left{width:425px;float: left;} 3 | .right{width:160px;border: 1px solid #ccc;float: right;padding: 5px;margin-right: 5px;} 4 | .right .pre{height: 332px;overflow-y: auto;} 5 | .right .preitem{border: white 1px solid;margin: 5px 0;padding: 2px 0;} 6 | .right .preitem:hover{background-color: lemonChiffon;cursor: pointer;border: #ccc 1px solid;} 7 | .right .preitem img{display: block;margin: 0 auto;width:100px;} 8 | .clear{clear: both;} 9 | .top{height:26px;line-height: 26px;padding: 5px;} 10 | .bottom{height:320px;width:100%;margin: 0 auto;} 11 | .transparent{ background: url("images/bg.gif") repeat;} 12 | .bottom table tr td{border:1px dashed #ccc;} 13 | #colorPicker{width: 17px;height: 17px;border: 1px solid #CCC;display: inline-block;border-radius: 3px;box-shadow: 2px 2px 5px #D3D6DA;} 14 | .border_style1{padding:2px;border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;} 15 | p{margin: 5px 0} 16 | table{clear:both;margin-bottom:10px;border-collapse:collapse;word-break:break-all;} 17 | li{clear:both} 18 | ol{padding-left:40px; } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 keke 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /src/menu/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Please view this demo on mobile device.
29 |请在chrome的手机模式下查看，长按，左划，右划
30 |a
31 | b
32 | c
33 |
34 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/src/baseCSS/bootstrap/less/mixins/image.less:
--------------------------------------------------------------------------------
1 | // Image Mixins
2 | // - Responsive image
3 | // - Retina image
4 |
5 |
6 | // Responsive image
7 | //
8 | // Keep images from scaling beyond the width of their parents.
9 | .img-responsive(@display: block) {
10 | display: @display;
11 | max-width: 100%; // Part 1: Set a maximum relative to the parent
12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13 | }
14 |
15 |
16 | // Retina image
17 | //
18 | // Short retina mixin for setting background-image and -size. Note that the
19 | // spelling of `min--moz-device-pixel-ratio` is intentional.
20 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
21 | background-image: url("@{file-1x}");
22 |
23 | @media
24 | only screen and (-webkit-min-device-pixel-ratio: 2),
25 | only screen and ( min--moz-device-pixel-ratio: 2),
26 | only screen and ( -o-min-device-pixel-ratio: 2/1),
27 | only screen and ( min-device-pixel-ratio: 2),
28 | only screen and ( min-resolution: 192dpi),
29 | only screen and ( min-resolution: 2dppx) {
30 | background-image: url("@{file-2x}");
31 | background-size: @width-1x @height-1x;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/baseCSS/bootstrap/less/jumbotron.less:
--------------------------------------------------------------------------------
1 | //
2 | // Jumbotron
3 | // --------------------------------------------------
4 |
5 |
6 | .jumbotron {
7 | padding: @jumbotron-padding (@jumbotron-padding / 2);
8 | margin-bottom: @jumbotron-padding;
9 | color: @jumbotron-color;
10 | background-color: @jumbotron-bg;
11 |
12 | h1,
13 | .h1 {
14 | color: @jumbotron-heading-color;
15 | }
16 |
17 | p {
18 | margin-bottom: (@jumbotron-padding / 2);
19 | font-size: @jumbotron-font-size;
20 | font-weight: 200;
21 | }
22 |
23 | > hr {
24 | border-top-color: darken(@jumbotron-bg, 10%);
25 | }
26 |
27 | .container &,
28 | .container-fluid & {
29 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
30 | }
31 |
32 | .container {
33 | max-width: 100%;
34 | }
35 |
36 | @media screen and (min-width: @screen-sm-min) {
37 | padding: (@jumbotron-padding * 1.6) 0;
38 |
39 | .container &,
40 | .container-fluid & {
41 | padding-left: (@jumbotron-padding * 2);
42 | padding-right: (@jumbotron-padding * 2);
43 | }
44 |
45 | h1,
46 | .h1 {
47 | font-size: (@font-size-base * 4.5);
48 | }
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/src/editor/ueditor/public/ueditor/php/action_crawler.php:
--------------------------------------------------------------------------------
1 | $CONFIG['catcherPathFormat'],
14 | "maxSize" => $CONFIG['catcherMaxSize'],
15 | "allowFiles" => $CONFIG['catcherAllowFiles'],
16 | "oriName" => "remote.png"
17 | );
18 | $fieldName = $CONFIG['catcherFieldName'];
19 |
20 | /* 抓取远程图片 */
21 | $list = array();
22 | if (isset($_POST[$fieldName])) {
23 | $source = $_POST[$fieldName];
24 | } else {
25 | $source = $_GET[$fieldName];
26 | }
27 | foreach ($source as $imgUrl) {
28 | $item = new Uploader($imgUrl, $config, "remote");
29 | $info = $item->getFileInfo();
30 | array_push($list, array(
31 | "state" => $info["state"],
32 | "url" => $info["url"],
33 | "size" => $info["size"],
34 | "title" => htmlspecialchars($info["title"]),
35 | "original" => htmlspecialchars($info["original"]),
36 | "source" => htmlspecialchars($imgUrl)
37 | ));
38 | }
39 |
40 | /* 返回抓取数据 */
41 | return json_encode(array(
42 | 'state'=> count($list) ? 'SUCCESS':'ERROR',
43 | 'list'=> $list
44 | ));
--------------------------------------------------------------------------------
/src/editor/level2/rich-text-editor_example.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Rich Text Editor Example
21 | 33 | 34 | -------------------------------------------------------------------------------- /src/_lib/jquery.cookie.min.js: -------------------------------------------------------------------------------- 1 | /*! jquery.cookie v1.4.1 | MIT */ 2 | !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?a(require("jquery")):a(jQuery)}(function(a){function b(a){return h.raw?a:encodeURIComponent(a)}function c(a){return h.raw?a:decodeURIComponent(a)}function d(a){return b(h.json?JSON.stringify(a):String(a))}function e(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return a=decodeURIComponent(a.replace(g," ")),h.json?JSON.parse(a):a}catch(b){}}function f(b,c){var d=h.raw?b:e(b);return a.isFunction(c)?c(d):d}var g=/\+/g,h=a.cookie=function(e,g,i){if(void 0!==g&&!a.isFunction(g)){if(i=a.extend({},h.defaults,i),"number"==typeof i.expires){var j=i.expires,k=i.expires=new Date;k.setTime(+k+864e5*j)}return document.cookie=[b(e),"=",d(g),i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}for(var l=e?void 0:{},m=document.cookie?document.cookie.split("; "):[],n=0,o=m.length;o>n;n++){var p=m[n].split("="),q=c(p.shift()),r=p.join("=");if(e&&e===q){l=f(r,g);break}e||void 0===(r=f(r))||(l[q]=r)}return l};h.defaults={},a.removeCookie=function(b,c){return void 0===a.cookie(b)?!1:(a.cookie(b,"",a.extend({},c,{expires:-1})),!a.cookie(b))}}); 3 | -------------------------------------------------------------------------------- /src/baseCSS/bootstrap/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text.less"; 6 | @import "mixins/opacity.less"; 7 | @import "mixins/image.less"; 8 | @import "mixins/labels.less"; 9 | @import "mixins/reset-filter.less"; 10 | @import "mixins/resize.less"; 11 | @import "mixins/responsive-visibility.less"; 12 | @import "mixins/size.less"; 13 | @import "mixins/tab-focus.less"; 14 | @import "mixins/text-emphasis.less"; 15 | @import "mixins/text-overflow.less"; 16 | @import "mixins/vendor-prefixes.less"; 17 | 18 | // Components 19 | @import "mixins/alerts.less"; 20 | @import "mixins/buttons.less"; 21 | @import "mixins/panels.less"; 22 | @import "mixins/pagination.less"; 23 | @import "mixins/list-group.less"; 24 | @import "mixins/nav-divider.less"; 25 | @import "mixins/forms.less"; 26 | @import "mixins/progress-bar.less"; 27 | @import "mixins/table-row.less"; 28 | 29 | // Skins 30 | @import "mixins/background-variant.less"; 31 | @import "mixins/border-radius.less"; 32 | @import "mixins/gradients.less"; 33 | 34 | // Layout 35 | @import "mixins/clearfix.less"; 36 | @import "mixins/center-block.less"; 37 | @import "mixins/nav-vertical-align.less"; 38 | @import "mixins/grid-framework.less"; 39 | @import "mixins/grid.less"; 40 | -------------------------------------------------------------------------------- /src/loadingPage/loadingPage.js: -------------------------------------------------------------------------------- 1 | !(function(factory) { 2 | if (typeof define === "function" && define.amd) { 3 | define(factory); 4 | } else { 5 | factory(); 6 | } 7 | }(function() { 8 | 9 | var loading = function() { 10 | if (document.querySelector('.loadingPage')) return; 11 | var ele = document.createElement("div"); 12 | ele.setAttribute("class", "loadingPage"); 13 | ele.innerHTML = '' 14 | try { 15 | document.querySelector("body").appendChild(ele); 16 | } catch (e) { 17 | alert('Please place #loadingPage# after body.') 18 | } 19 | } 20 | 21 | loading(); 22 | 23 | 24 | document.addEventListener('loadingPageLoaded', function(e) { 25 | var ele = document.querySelector('.loadingPage'); 26 | if (ele) { 27 | try{ 28 | ele.remove(); 29 | } catch (e) { 30 | ele.parentNode.removeChild(ele) 31 | } 32 | } 33 | }); 34 | 35 | document.addEventListener('loadingPageLoading', function() { 36 | loading(); 37 | }); 38 | 39 | window.loadingPage = { 40 | loading: function() { 41 | document.dispatchEvent(new Event('loadingPageLoading')); 42 | }, 43 | loaded: function() { 44 | document.dispatchEvent(new Event('loadingPageLoaded')); 45 | } 46 | }; 47 | 48 | })); 49 | -------------------------------------------------------------------------------- /src/formValidator/formValidator.css: -------------------------------------------------------------------------------- 1 | .formValidator-invalid { 2 | outline: none !important; 3 | border-color: #a94442; 4 | border-width: 1px; 5 | border-style: solid; 6 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; 7 | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 8 | } 9 | .formValidator-valid { 10 | outline: none !important; 11 | border-color: #3c763d; 12 | border-width: 1px; 13 | border-style: solid; 14 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; 15 | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 16 | } 17 | .formValidator-errorMsgBox { 18 | position: absolute; 19 | padding: 5px 10px; 20 | background-color: #fff; 21 | border: solid 1px #a94442; 22 | border-radius: 8px; 23 | margin-top: 10px; 24 | margin-left: -10px; 25 | color: #a94442; 26 | font-size: 14px; 27 | z-index: 9999; 28 | } 29 | .formValidator-errorMsgBox:before, 30 | .formValidator-errorMsgBox:after { 31 | content: ''; 32 | position: absolute; 33 | height: 0; 34 | width: 0; 35 | border: solid 8px; 36 | border-color: transparent transparent #a94442; 37 | left: 6px; 38 | top: -16px; 39 | } 40 | .formValidator-errorMsgBox:after { 41 | border-color: transparent transparent #fff; 42 | top: -15px; 43 | } 44 | -------------------------------------------------------------------------------- /src/lazyload/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |Set default img's source to "data:image/gif;base64,.."
16 |
17 | 
18 | 
19 |
20 | 
21 | 
22 | 
23 | 
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/src/paging/paging.scss:
--------------------------------------------------------------------------------
1 | @CHARSET "UTF-8";
2 |
3 | $color : #B41800;
4 | $border-color : #A2A2A2;
5 |
6 | .paging {
7 | display: inline-block;
8 |
9 | ul {
10 | margin: 0;
11 | padding: 0;
12 | display: block;
13 | list-style: none;
14 | }
15 | li {
16 | display: block;
17 | background-color: #fff;
18 | padding: 3px;
19 | width: 25px;
20 | text-align: center;
21 | font-family: sans-serif;
22 | color: $color;
23 | text-decoration: none;
24 | float: left;
25 | border-right: solid $border-color 1px;
26 | border-top: solid $border-color 1px;
27 | border-bottom: solid $border-color 1px;
28 | cursor: pointer;
29 | font-weight: bolder;
30 | box-sizing: content-box;
31 |
32 | &.first-child{
33 | border-left: solid $border-color 1px;
34 | border-radius: 5px 0 0 5px;
35 | }
36 | &.last-child{
37 | border-radius: 0 5px 5px 0;
38 | }
39 | &:hover {
40 | color: #fff;
41 | background-color: lighten($color, 5%);
42 | }
43 | &.disabled:hover{
44 | cursor: no-drop;
45 | }
46 | &.active,&.active:hover{
47 | color: #FFF;
48 | background-color: $color;
49 | }
50 | }
51 |
52 | &:after {
53 | content: "";
54 | clear: both;
55 | display: block;
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/alert/alert.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AAAA,qBAAsB;EACpB,QAAQ,EAAE,KAAK;EACf,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,gBAAgB,EAAE,mBAAmB;EACrC,qBAAqB,EAAC,IAAI;EAC1B,mBAAmB,EAAC,IAAI;EACxB,kBAAkB,EAAC,IAAI;EACvB,gBAAgB,EAAC,IAAI;EACrB,eAAe,EAAC,IAAI;EACpB,WAAW,EAAC,IAAI;;AAElB,aAAc;EACZ,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,GAAG;EACT,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;EAClB,gBAAgB,EAAE,mBAAmB;EACrC,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,KAAK;EACjB,SAAS,EAAE,gBAAgB;EAC3B,iBAAiB,EAAE,gBAAgB;EAEnC,wBAAW;IACT,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,SAAS;EAGvB,sBAAS;IACP,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,gBAAgB,EAAE,OAAO;IACzB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,aAAa;IAC5B,MAAM,EAAE,OAAO;;AAKjB,+BAEC;EAUD,IAAK;IACH,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,CAAC;EAEZ,EAAG;IACD,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,CAAC;AAfZ,4BAEC;EAOD,IAAK;IACH,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,CAAC;EAEZ,EAAG;IACD,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,CAAC;AAZZ,uBAEC;EAID,IAAK;IACH,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,CAAC;EAEZ,EAAG;IACD,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,CAAC",
4 | "sources": ["alert.scss"],
5 | "names": [],
6 | "file": "alert.css"
7 | }
--------------------------------------------------------------------------------
/src/deletable/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 请在chrome的手机模式下查看，长按，左划，右划
28 |-
29 |
- a 30 |
- b 31 |
- c 32 |
- d 33 |
27 |
28 |
29 |
30 |
40 |
--------------------------------------------------------------------------------
/src/datetime/index.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | var loadScript = function(url, callback) {
3 | var script = document.createElement('script');
4 | script.src = url;
5 | script.onload = callback;
6 | document.head.appendChild(script);
7 | }
8 |
9 | loadScript('./rome.min.js', function() {
10 |
11 | rome.moment.defineLocale('zh-cn', {
12 | months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
13 | monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
14 | weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
15 | weekdaysShort : '周日_周一_周二_周三_周四_周五_周六'.split('_'),
16 | weekdaysMin : '日_一_二_三_四_五_六'.split('_')
17 | });
18 | rome.moment.locale('zh-cn');
19 |
20 | var datetime = document.querySelectorAll('input[type=datetime-local]');
21 | for (var i = datetime.length - 1; i >= 0; i--) {
22 | rome(datetime[i])
23 | datetime[i].type = 'text';
24 | datetime[i].value = datetime[i].value.replace('T', ' ');
25 | }
26 |
27 | var date = document.querySelectorAll('input[type=date]');
28 | for (var i = date.length - 1; i >= 0; i--) {
29 | rome(date[i], {time: false});
30 | date[i].type = 'text';
31 | }
32 |
33 | })
34 |
35 | // load CSS
36 | var link = document.createElement('link');
37 | link.rel = 'stylesheet';
38 | link.href = './rome.css';
39 | document.head.appendChild(link);
40 | })();
41 |
--------------------------------------------------------------------------------
/src/lazyload/demo4.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Lazyload for background-image.
16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /src/baseCSS/bootstrap-sass/buttons.scss: -------------------------------------------------------------------------------- 1 | 2 | /* @see https://github.com/twbs/bootstrap/blob/master/less/mixins/buttons.less */ 3 | @mixin button($color, $background, $border) { 4 | color: $color; 5 | background-color: $background; 6 | border-color: $border; 7 | 8 | &:hover, 9 | &:focus, 10 | &.focus, 11 | &:active, 12 | &.active { 13 | color: $color; 14 | background-color: darken($background, 10%); 15 | border-color: darken($border, 12%); 16 | } 17 | &:active, 18 | &.active { 19 | background-image: none; 20 | } 21 | &.disabled, 22 | &[disabled], 23 | fieldset[disabled] & { 24 | &, 25 | &:hover, 26 | &:focus, 27 | &.focus, 28 | &:active, 29 | &.active { 30 | background-color: $background; 31 | border-color: $border; 32 | } 33 | } 34 | } 35 | 36 | .btn-red { 37 | @include button(#fff, #B41800, #B41800) 38 | } 39 | .btn-success, 40 | .btn-upload, 41 | .btn-primary { 42 | @include button(#1F1F1F, #EAEAEA, #e0e0e0) 43 | } 44 | 45 | .btn-red.btn-wide, 46 | .btn-success.btn-wide, 47 | .btn-upload.btn-wide, 48 | .btn-primary.btn-wide { 49 | width: 200px; 50 | } 51 | 52 | .btn-text { 53 | cursor: pointer; 54 | display: inline-block; 55 | padding: 5px 0; 56 | color: #666; 57 | &:hover, 58 | &:focus, 59 | &.focus, 60 | &:active, 61 | &.active { 62 | color: #000; 63 | text-decoration: none; 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /src/alert/alert.js: -------------------------------------------------------------------------------- 1 | !(function(factory) { 2 | if (typeof define === "function" && define.amd) { 3 | define(factory); 4 | } else { 5 | factory(); 6 | } 7 | }(function() { 8 | 9 | var _alert = window.alert 10 | , temp = null 11 | , dialog = '
41 |
42 |
43 |
44 |
45 |
46 |
47 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/src/_fixDesktop/Event.js:
--------------------------------------------------------------------------------
1 | //
2 | // IE
3 | if (navigator.appName.indexOf("Internet Explorer") !== -1) {
4 |
5 | // IE 8, OK!
6 | if (navigator.appVersion.indexOf("MSIE 8") !== -1) {
7 | Element.prototype.addEventListener = function (name, callback) {
8 | this.attachEvent('on' + name, callback);
9 | }
10 |
11 | // Test it on IE 7
12 | // IE 6 ? I don't know.
13 | } else if (navigator.appVersion.indexOf("MSIE 7") !== -1 || navigator.appVersion.indexOf("MSIE 6") !== -1) {
14 |
15 | var _getElementById = document.getElementById;
16 | document.getElementById = function(str) {
17 | var ele = _getElementById(str);
18 | ele.addEventListener = function(name, callback) {
19 | this.attachEvent('on' + name, callback);
20 | }
21 | return ele;
22 | }
23 |
24 | // document.getElementsByClassName
25 | // document.getElementsByName
26 | // document.getElementsByTagName
27 | // document.getElementsByTagNameNS
28 | //
29 | //
30 | // var _getElementsByTagName = document.getElementsByTagName;
31 | // document.getElementsByTagName = function(str) {
32 | // var eles = _getElementsByTagName(str);
33 | // var ele;
34 | // for (ele in eles) {
35 | // ele.addEventListener = function(name, callback) {
36 | // this.attachEvent('on' + name, callback);
37 | // }
38 | // }
39 | // return eles;
40 | // }
41 | //
42 | }
43 |
44 | }
45 |
--------------------------------------------------------------------------------
/src/editor/ueditor/public/ueditor/third-party/highcharts/modules/no-data-to-display.js:
--------------------------------------------------------------------------------
1 | /*
2 | Highcharts JS v3.0.6 (2013-10-04)
3 | Plugin for displaying a message when there is no data visible in chart.
4 |
5 | (c) 2010-2013 Highsoft AS
6 | Author: Øystein Moseng
7 |
8 | License: www.highcharts.com/license
9 | */
10 | (function(c){function f(){return!!this.points.length}function g(){this.hasData()?this.hideNoData():this.showNoData()}var d=c.seriesTypes,e=c.Chart.prototype,h=c.getOptions(),i=c.extend;i(h.lang,{noData:"No data to display"});h.noData={position:{x:0,y:0,align:"center",verticalAlign:"middle"},attr:{},style:{fontWeight:"bold",fontSize:"12px",color:"#60606a"}};d.pie.prototype.hasData=f;if(d.gauge)d.gauge.prototype.hasData=f;if(d.waterfall)d.waterfall.prototype.hasData=f;c.Series.prototype.hasData=function(){return this.dataMax!==
11 | void 0&&this.dataMin!==void 0};e.showNoData=function(a){var b=this.options,a=a||b.lang.noData,b=b.noData;if(!this.noDataLabel)this.noDataLabel=this.renderer.label(a,0,0,null,null,null,null,null,"no-data").attr(b.attr).css(b.style).add(),this.noDataLabel.align(i(this.noDataLabel.getBBox(),b.position),!1,"plotBox")};e.hideNoData=function(){if(this.noDataLabel)this.noDataLabel=this.noDataLabel.destroy()};e.hasData=function(){for(var a=this.series,b=a.length;b--;)if(a[b].hasData()&&!a[b].options.isInternal)return!0;
12 | return!1};e.callbacks.push(function(a){c.addEvent(a,"load",g);c.addEvent(a,"redraw",g)})})(Highcharts);
13 |
--------------------------------------------------------------------------------
/src/confirm/confirm.js:
--------------------------------------------------------------------------------
1 | !(function(factory) {
2 | if (typeof define === "function" && define.amd) {
3 | define(factory);
4 | } else {
5 | factory();
6 | }
7 | }(function() {
8 |
9 | var _confirm = window.confirm,
10 | temp;
11 | window.confirm = function(msg, option) {
12 |
13 | // Use custom confirm.
14 | if (typeof option === 'function') {
15 |
16 | var dialog =
17 | '' +
18 | msg +
19 | '
16 |
35 |
36 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/src/lazyload/demo3.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
17 |
26 | -
18 |
- 未付款订单 19 |
- 待发货订单 20 |
- 已发货订单 21 |
- 完成订单 22 |
- 已关闭订单 23 |
- 全部订单 24 |
27 |
34 | tabs-1
28 | tabs-2
29 | tabs-3
30 | tabs-4
31 | tabs-5
32 | tabs-6
33 | You should change your imgs source before lazyload.
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/src/baseCSS/bootstrap/less/badges.less:
--------------------------------------------------------------------------------
1 | //
2 | // Badges
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .badge {
8 | display: inline-block;
9 | min-width: 10px;
10 | padding: 3px 7px;
11 | font-size: @font-size-small;
12 | font-weight: @badge-font-weight;
13 | color: @badge-color;
14 | line-height: @badge-line-height;
15 | vertical-align: baseline;
16 | white-space: nowrap;
17 | text-align: center;
18 | background-color: @badge-bg;
19 | border-radius: @badge-border-radius;
20 |
21 | // Empty badges collapse automatically (not available in IE8)
22 | &:empty {
23 | display: none;
24 | }
25 |
26 | // Quick fix for badges in buttons
27 | .btn & {
28 | position: relative;
29 | top: -1px;
30 | }
31 |
32 | .btn-xs &,
33 | .btn-group-xs > .btn & {
34 | top: 0;
35 | padding: 1px 5px;
36 | }
37 |
38 | // Hover state, but only for links
39 | a& {
40 | &:hover,
41 | &:focus {
42 | color: @badge-link-hover-color;
43 | text-decoration: none;
44 | cursor: pointer;
45 | }
46 | }
47 |
48 | // Account for badges in navs
49 | .list-group-item.active > &,
50 | .nav-pills > .active > a > & {
51 | color: @badge-active-color;
52 | background-color: @badge-active-bg;
53 | }
54 |
55 | .list-group-item > & {
56 | float: right;
57 | }
58 |
59 | .list-group-item > & + & {
60 | margin-right: 5px;
61 | }
62 |
63 | .nav-pills > li > a > & {
64 | margin-left: 3px;
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/clearable/clearable.css:
--------------------------------------------------------------------------------
1 | .clearable {
2 | display: inline-block;
3 | position: relative;
4 | }
5 | .clearable .clearable-button {
6 | display: none;
7 | position: absolute;
8 | top: 0;
9 | right: 0;
10 | padding: 4px 8px;
11 | }
12 | .clearable.active .clearable-button {
13 | display: block;
14 | }
15 | .clearable .clearable-button:after {
16 | content:'';
17 | height: 14px;
18 | width: 14px;
19 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKESURBVFiFzdc9iF1VEAfw317jusRsZZPFgCkCFsEypBGMsRA2ySaN1aLloKW9pAix3lL3tGIRbMIWAT+y+aqWlCGQIphGfIKV7PoSbNbinEfevrz78S77IH+4xeXOmf//npkzM2dhf39fF6SUFnEeaziNlfLAoDyPsYXtiPivi9+FNgEppRVcxTqWO6llFz/iWkQMeglIKS3hG3yNox2JJzHEBq5HxIvOAlJKx3ETZ3sST2IHVyLir1YBKaUPcAsnDol8hD+wGhGPagWUP384B/JxEWfGd6IaI1+St31e5Irvm4XroAA54Q4r5k04W7hQQlCO2lP9s31WDHEqIgajHbjaQP5cLjwf4e8Ozn/Gu4gGm6OFU1Uq3HqL2t8j4j4+aRHxi3zc/sSTFqHrKaXFSi6vTRXuHdxIKS2WI1Qn4ldcjogXKaWT+KFFwDLOV3Jtb8MafmoQ8dsE+V2818VvJce3C+pE3MZaRDyfkRxOV152tD4iPsSlnuSwsrC5ubmLYzMsIrfcz0Yttyc57FXtNlOxjDfG3pfwVh9HlTxIzIK7uFi2/XgJxxN8jFe6XQsGswq4V8iHKaUTeOBlTvQRMajkMaoL7uNCRPxbyO/glIOJOauIx5WcUG14UEM+Ql8RWxW25RmuDv/IR22vhrxOxOct5LvYHnXD7/BljeEe3sfb8qQ0jXwcW/gCn+JGg933EfHVkfJyrSya1hGP4RmOODg/1GFNrpBvNtgMC2d2WEbnjYYFix3JR2gih43RuD7u9Lo8vc4bO4ULr9NQCuXDajGcB/nq5N3glbiWLnfG4YZjR/7zR5MfpiZWUXkO38oZ2xfD4uPctFsRr/PldIqQuVzP/wfq4CUgNa1WoAAAAABJRU5ErkJggg==);
20 | display: block;
21 | background-size: contain;
22 | }
23 |
--------------------------------------------------------------------------------
/src/CSS-Controls/like/test-perspective.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
53 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/src/panel/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
38 |
50 |
51 |
52 |
53 |
76 |
77 |
78 |
--------------------------------------------------------------------------------
/src/prompt/prompt.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AAEA,sBAAuB;EACrB,QAAQ,EAAE,KAAK;EACf,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,gBAAgB,EAAE,mBAAmB;EACrC,qBAAqB,EAAC,IAAI;EAC1B,mBAAmB,EAAC,IAAI;EACxB,kBAAkB,EAAC,IAAI;EACvB,gBAAgB,EAAC,IAAI;EACrB,eAAe,EAAC,IAAI;EACpB,WAAW,EAAC,IAAI;;AAElB,cAAe;EACb,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,GAAG;EACT,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,aAAa,EAzBE,IAAI;EA0BnB,UAAU,EAAE,MAAM;EAClB,gBAAgB,EAAE,sBAAsB;EACxC,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,KAAK;EACjB,SAAS,EAAE,iBAAiB;EAC5B,iBAAiB,EAAE,iBAAiB;EAEpC,uBAAS;IACP,SAAS,EAAE,KAAK;IACZ,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,QAAQ;EAGvB,yBAAW;IACT,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,SAAS;IAErB,iCAAQ;MACN,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,GAAG;MACZ,UAAU,EAAE,UAAU;MACtB,MAAM,EAAE,IAAI;EAMd,8DAAqB;IACnB,OAAO,EAxDI,IAAI;IAyDf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,gBAAgB,EAAE,OAAO;IACzB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,IAAI;EAGb,4BAAQ;IACN,aAAa,EAAE,UAAoB;IACnC,YAAY,EAAE,cAAc;EAG9B,gCAAY;IACV,aAAa,EAAE,UAAoB;;AAMvC,gCAEC;EAUD,IAAK;IACH,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,CAAC;EAEZ,EAAG;IACD,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,CAAC;AAfZ,6BAEC;EAOD,IAAK;IACH,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,CAAC;EAEZ,EAAG;IACD,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,CAAC;AAZZ,wBAEC;EAID,IAAK;IACH,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,CAAC;EAEZ,EAAG;IACD,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,CAAC",
4 | "sources": ["prompt.scss"],
5 | "names": [],
6 | "file": "prompt.css"
7 | }
--------------------------------------------------------------------------------
/src/alert/alert.scss:
--------------------------------------------------------------------------------
1 | .system-alert-wrapper {
2 | position: fixed;
3 | left: 0;
4 | top: 0;
5 | width: 100%;
6 | height: 100%;
7 | content: "";
8 | display: block;
9 | background-color: rgba(0, 0, 0, 0.42);
10 | -webkit-touch-callout:none;
11 | -webkit-user-select:none;
12 | -khtml-user-select:none;
13 | -moz-user-select:none;
14 | -ms-user-select:none;
15 | user-select:none;
16 | }
17 | .system-alert {
18 | position: absolute;
19 | left: 50%;
20 | top: 50%;
21 | width: 250px;
22 | margin-left: -125px;
23 | margin-top: -100px;
24 | border-radius: 10px;
25 | transition: all 1s;
26 | background-color: rgba(0, 0, 0, 0.85);
27 | color: #fff;
28 | text-align: right;
29 | animation: system-alert .5s;
30 | -webkit-animation: system-alert .5s;
31 |
32 | > .content {
33 | padding: 20px;
34 | color: #FFF;
35 | text-align: center;
36 | word-break: break-all;
37 | }
38 |
39 | > .close {
40 | padding: 10px;
41 | border: none;
42 | color: #FFF;
43 | background-color: #FFB100;
44 | font-size: 14px;
45 | display: block;
46 | width: 100%;
47 | border-radius: 0 0 10px 10px;
48 | cursor: pointer;
49 | }
50 | }
51 |
52 | @mixin keyframes($name) {
53 | @-webkit-keyframes #{$name} {
54 | @content;
55 | }
56 | @-moz-keyframes #{$name} {
57 | @content;
58 | }
59 | @keyframes #{$name} {
60 | @content;
61 | }
62 | }
63 |
64 | @include keyframes(system-alert) {
65 | from {
66 | transform: scale(1.5);
67 | opacity: 0;
68 | }
69 | to {
70 | transform: scale(1);
71 | opacity: 1;
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/src/lazyload/demo2.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | -
39 |
- 1123 40 |
- 1123 41 |
- 1123 42 |
- 1123 43 |
- 1123 44 |
- 1123 45 |
- 1123 46 |
- 1123 47 |
- 1123 48 |
Dynamic dom.
16 | 17 | 18 | 19 | 20 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /src/editor/ueditor/public/ueditor/dialogs/table/edittable.css: -------------------------------------------------------------------------------- 1 | body{ 2 | overflow: hidden; 3 | width: 540px; 4 | } 5 | .wrapper { 6 | margin: 10px auto 0; 7 | font-size: 12px; 8 | overflow: hidden; 9 | width: 520px; 10 | height: 315px; 11 | } 12 | 13 | .clear { 14 | clear: both; 15 | } 16 | 17 | .wrapper .left { 18 | float: left; 19 | margin-left: 10px;; 20 | } 21 | 22 | .wrapper .right { 23 | float: right; 24 | border-left: 2px dotted #EDEDED; 25 | padding-left: 15px; 26 | } 27 | 28 | .section { 29 | margin-bottom: 15px; 30 | width: 240px; 31 | overflow: hidden; 32 | } 33 | 34 | .section h3 { 35 | font-weight: bold; 36 | padding: 5px 0; 37 | margin-bottom: 10px; 38 | border-bottom: 1px solid #EDEDED; 39 | font-size: 12px; 40 | } 41 | 42 | .section ul { 43 | list-style: none; 44 | overflow: hidden; 45 | clear: both; 46 | 47 | } 48 | 49 | .section li { 50 | float: left; 51 | width: 120px;; 52 | } 53 | 54 | .section .tone { 55 | width: 80px;; 56 | } 57 | 58 | .section .preview { 59 | width: 220px; 60 | } 61 | 62 | .section .preview table { 63 | text-align: center; 64 | vertical-align: middle; 65 | color: #666; 66 | } 67 | 68 | .section .preview caption { 69 | font-weight: bold; 70 | } 71 | 72 | .section .preview td { 73 | border-width: 1px; 74 | border-style: solid; 75 | height: 22px; 76 | } 77 | 78 | .section .preview th { 79 | border-style: solid; 80 | border-color: #DDD; 81 | border-width: 2px 1px 1px 1px; 82 | height: 22px; 83 | background-color: #F7F7F7; 84 | } -------------------------------------------------------------------------------- /src/popup/popup.js: -------------------------------------------------------------------------------- 1 | !(function(factory) { 2 | if (typeof define === "function" && define.amd) { 3 | define([ "jquery" ], factory); 4 | } else { 5 | var init = factory(jQuery); 6 | init(); 7 | } 8 | }(function($) { 9 | 10 | var Init = function() { 11 | 12 | // Popup page 13 | $("[data-role='popup']").hide().each(function() { 14 | 15 | var $this = $(this); 16 | var closeAnimate = $this.find(".popup-close").data("transition"); 17 | 18 | if (closeAnimate == undefined) 19 | closeAnimate = "bounceOutLeft"; 20 | 21 | $this.find(".popup-close,a").click(function() { 22 | 23 | $this 24 | .addClass("animated " + closeAnimate) 25 | .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 26 | $(this).removeClass("animated " + closeAnimate).hide(); 27 | }); 28 | }); 29 | }); 30 | 31 | 32 | // Popup button 33 | $("[data-rel='popup']").each(function() { 34 | 35 | // 36 | $(this).click(function() { 37 | var selector = $(this).data("href"); 38 | var animate = $(this).data("transition"); 39 | if (animate == undefined) 40 | animate = "bounceInLeft"; 41 | $(selector) 42 | .show() 43 | .addClass("animated " + animate) 44 | .one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 45 | $(this).removeClass("animated " + animate); 46 | }); 47 | }); 48 | }); 49 | 50 | 51 | // Back button 52 | $("[data-rel='back']").click(function() { 53 | history.back(); 54 | }); 55 | }; 56 | 57 | return Init; 58 | 59 | })); -------------------------------------------------------------------------------- /src/prompt/prompt.js: -------------------------------------------------------------------------------- 1 | !(function(factory) { 2 | if (typeof define === "function" && define.amd) { 3 | define(factory); 4 | } else { 5 | factory(); 6 | } 7 | }(function() { 8 | 9 | var _prompt = window.prompt, 10 | temp; 11 | window.prompt = function(title, defaultText, callback) { 12 | 13 | // Use custom prompt. 14 | if (typeof callback === 'function') { 15 | 16 | var dialog = 17 | '' +
18 | title +
19 | '