Showing preview only (578K chars total). Download the full file or copy to clipboard to get everything.
Repository: tower1229/WidgetsPlayground
Branch: master
Commit: f7e929200993
Files: 97
Total size: 539.5 KB
Directory structure:
gitextract_n72xu_uf/
├── .gitattributes
├── CODE_OF_CONDUCT.md
├── README.md
├── index.html
├── licence
├── src/
│ ├── app.js
│ ├── assets/
│ │ ├── common.js
│ │ ├── util.js
│ │ └── wilddog.js
│ ├── component/
│ │ ├── blank.js
│ │ ├── body.js
│ │ ├── component-list.js
│ │ ├── config-pannel.js
│ │ ├── data-count.js
│ │ ├── filter.js
│ │ ├── head.js
│ │ ├── login.js
│ │ ├── main.js
│ │ ├── nav.js
│ │ ├── play-time.js
│ │ ├── quick-start.js
│ │ ├── regist.js
│ │ └── user-set.js
│ ├── plugin/
│ │ └── dropdown.js
│ ├── router.js
│ └── store/
│ ├── actions.js
│ ├── getters.js
│ ├── mutations.js
│ └── store.js
├── static/
│ ├── css/
│ │ ├── platform.css
│ │ └── ui.css
│ └── lib/
│ ├── etpl.js
│ ├── sea.js
│ ├── vue-router.js
│ ├── vue.js
│ └── vuex.js
└── widgets/
├── bread/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── data.json
├── download/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── form/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── history/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── job/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── nav/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── newsdetail/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── newslist/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── page/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── prodetail/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── prolist/
│ ├── 1/
│ │ ├── config.json
│ │ ├── script.js
│ │ ├── style.css
│ │ └── temp.htm
│ └── 2/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── qa/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── search/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
└── table/
└── 1/
├── config.json
├── script.js
├── style.css
└── temp.htm
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitattributes
================================================
*.js linguist-language=vue
================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Code of Conduct
## 1. Purpose
A primary goal of Widgets Playground is to be inclusive to the largest number of contributors, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).
This code of conduct outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior.
We invite all those who participate in Widgets Playground to help us create safe and positive experiences for everyone.
## 2. Open Source Citizenship
A supplemental goal of this Code of Conduct is to increase open source citizenship by encouraging participants to recognize and strengthen the relationships between our actions and their effects on our community.
Communities mirror the societies in which they exist and positive action is essential to counteract the many forms of inequality and abuses of power that exist in society.
If you see someone who is making an extra effort to ensure our community is welcoming, friendly, and encourages all participants to contribute to the fullest extent, we want to know.
## 3. Expected Behavior
The following behaviors are expected and requested of all community members:
* Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
* Exercise consideration and respect in your speech and actions.
* Attempt collaboration before conflict.
* Refrain from demeaning, discriminatory, or harassing behavior and speech.
* Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
* Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
## 4. Unacceptable Behavior
The following behaviors are considered harassment and are unacceptable within our community:
* Violence, threats of violence or violent language directed against another person.
* Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
* Posting or displaying sexually explicit or violent material.
* Posting or threatening to post other people’s personally identifying information ("doxing").
* Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
* Inappropriate photography or recording.
* Inappropriate physical contact. You should have someone’s consent before touching them.
* Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
* Deliberate intimidation, stalking or following (online or in person).
* Advocating for, or encouraging, any of the above behavior.
* Sustained disruption of community events, including talks and presentations.
## 5. Consequences of Unacceptable Behavior
Unacceptable behavior from any community member, including sponsors and those with decision-making authority, will not be tolerated.
Anyone asked to stop unacceptable behavior is expected to comply immediately.
If a community member engages in unacceptable behavior, the community organizers may take any action they deem appropriate, up to and including a temporary ban or permanent expulsion from the community without warning (and without refund in the case of a paid event).
## 6. Reporting Guidelines
If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer as soon as possible. tower1229@gmail.com.
Additionally, community organizers are available to help community members engage with local law enforcement or to otherwise help those experiencing unacceptable behavior feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.
## 7. Addressing Grievances
If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify Tower1229 with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies.
## 8. Scope
We expect all community participants (contributors, paid or otherwise; sponsors; and other guests) to abide by this Code of Conduct in all community venues–online and in-person–as well as in all one-on-one communications pertaining to community business.
This code of conduct and its related procedures also applies to unacceptable behavior occurring outside the scope of community activities when such behavior has the potential to adversely affect the safety and well-being of community members.
## 9. Contact info
tower1229@gmail.com
## 10. License and attribution
This Code of Conduct is distributed under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
Portions of text derived from the [Django Code of Conduct](https://www.djangoproject.com/conduct/) and the [Geek Feminism Anti-Harassment Policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy).
Retrieved on November 22, 2016 from [http://citizencodeofconduct.org/](http://citizencodeofconduct.org/)
================================================
FILE: README.md
================================================
# WidgetsPlayground
[]() []() []()
## 介绍
前端组件管理系统，前端基于Vue2/Vue-router/Vuex实现，界面基于[Flow-UI](http://flow-ui.refined-x.com/)实现，后端基于野狗云实现。
除了组件管理以外，本项目同时演示了一种不依赖构建工具开发Vue项目的思路，详细介绍参见[如何不用构建工具开发Vue全家桶项目](https://refined-x.com/2017/10/28/%E5%A6%82%E4%BD%95%E4%B8%8D%E7%94%A8%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%BC%80%E5%8F%91Vue%E5%85%A8%E5%AE%B6%E6%A1%B6%E9%A1%B9%E7%9B%AE/)
## 功能
### 组件管理
- 二级分类
- 标签筛选
- 时间/名称排序
- 关键词搜索
### 组件演示
- 实时编辑
- 多组件组合
- 所见即所得
### 组件应用
- HTML/CSS/JS代码一键复制
- 还可以将编辑结果生成配置代码，实现编辑结果一键再现
### 用户管理
- 接入野狗云后端，实现用户管理
- 用户使用痕迹数据统计
## 配置
- 项目直接丢进服务器环境就可以运行
- 运行前，先修改`index.html`底部脚本中的`seajs.root`为`""`（以项目所在的服务路径为准）
- `seajs.widgetRootPath`变量是演示组件库（`/widgets`）的位置，通常不需要修改
- `seajs.config.base`是Flow-UI模块库的地址，通常不需要修改
## 演示
http://refined-x.com/WidgetsPlayground/
================================================
FILE: index.html
================================================
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>前端组件管理系统</title>
<meta content="Widgets,前端组件管理系统,前端路上" name="Keywords">
<meta content="前端组件管理系统，集存储、检索、调试、应用于一体的组件库2.0，旨在提高组件定制性和复用性，提高基于组件的前端开发效率。" name="Description">
<meta name="author" content="http://refined-x.com/">
<link rel="icon" href="favicon.ico">
<meta name="format-detection" content="telephone=no">
<link href="./static/css/ui.css" rel="stylesheet" />
<link href="./static/css/platform.css" rel="stylesheet" />
<style id="playingCss"></style>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f10103677155b485824f29def715eb5d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body style="background-image: url('//host.refined-x.com/bing.php')">
<a href="http://refined-x.com" class="hide">前端路上</a>
<div id="app" class="body">
<router-view></router-view>
<loading></loading>
</div>
<script src="./static/lib/sea.js" id="seajsnode"></script>
<script src="./static/lib/vue.js"></script>
<script src="./static/lib/vuex.js"></script>
<script src="./static/lib/vue-router.js"></script>
<script src="./static/lib/axios.min.js"></script>
<script src="./static/lib/etpl.js"></script>
<script src="https://cdn.wilddog.com/sdk/js/2.5.8/wilddog.js"></script>
<script>
seajs.root = '/WidgetsPlayground';
seajs.widgetRootPath = seajs.root + '/widgets';
seajs.config({
base: "//static-zt.oss-cn-qingdao.aliyuncs.com/modules",
paths: {
"js": seajs.root + "/src"
},
alias: {
"audio": "audio/audio",
"copy": "copy/ZeroClipboard",
"flv": "flv/flv",
"hook": "hook/hook",
"jquery": "jquery/2/jquery",
"validform": "validform/validform",
"raty": "raty/raty",
"upload": "upload/upload",
"makethumb": "upload/makethumb",
"localResizeIMG": "upload/localResizeIMG",
"video": "video/video"
}
});
seajs.use('js/app');
</script>
</body>
</html>
================================================
FILE: licence
================================================
GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users. We, the Free Software Foundation, use the
GNU General Public License for most of our software; it applies also to
any other work released this way by its authors. You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you have
certain responsibilities if you distribute copies of the software, or if
you modify it: responsibilities to respect the freedom of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the manufacturer
can do so. This is fundamentally incompatible with the aim of
protecting users' freedom to change the software. The systematic
pattern of such abuse occurs in the area of products for individuals to
use, which is precisely where it is most unacceptable. Therefore, we
have designed this version of the GPL to prohibit the practice for those
products. If such problems arise substantially in other domains, we
stand ready to extend this provision to those domains in future versions
of the GPL, as needed to protect the freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish to
avoid the special danger that patents applied to a free program could
make it effectively proprietary. To prevent this, the GPL assures that
patents cannot be used to render the program non-free.
The precise terms and conditions for copying, distribution and
modification follow.
TERMS AND CONDITIONS
0. Definitions.
"This License" refers to version 3 of the GNU General Public License.
"Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy. The resulting work is called a "modified version" of the
earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.
An interactive user interface displays "Appropriate Legal Notices"
to the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
1. Source Code.
The "source code" for a work means the preferred form of the work
for making modifications to it. "Object code" means any non-source
form of a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.
The Corresponding Source for a work in source code form is that
same work.
2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.
You may make, run and propagate covered works that you do not
convey, without conditions so long as your license otherwise remains
in force. You may convey covered works to others for the sole purpose
of having them make modifications exclusively for you, or provide you
with facilities for running those works, provided that you comply with
the terms of this License in conveying all material for which you do
not control copyright. Those thus making or running the covered works
for you must do so exclusively on your behalf, under your direction
and control, on terms that prohibit them from making any copies of
your copyrighted material outside their relationship with you.
Conveying under any other circumstances is permitted solely under
the conditions stated below. Sublicensing is not allowed; section 10
makes it unnecessary.
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.
When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such circumvention
is effected by exercising rights under this License with respect to
the covered work, and you disclaim any intention to limit operation or
modification of the work as a means of enforcing, against the work's
users, your or third parties' legal rights to forbid circumvention of
technological measures.
4. Conveying Verbatim Copies.
You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.
You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.
5. Conveying Modified Source Versions.
You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these conditions:
a) The work must carry prominent notices stating that you modified
it, and giving a relevant date.
b) The work must carry prominent notices stating that it is
released under this License and any conditions added under section
7. This requirement modifies the requirement in section 4 to
"keep intact all notices".
c) You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy. This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged. This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
d) If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.
A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
"aggregate" if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit. Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.
6. Conveying Non-Source Forms.
You may convey a covered work in object code form under the terms
of sections 4 and 5, provided that you also convey the
machine-readable Corresponding Source under the terms of this License,
in one of these ways:
a) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
b) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either (1) a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or (2) access to copy the
Corresponding Source from a network server at no charge.
c) Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source. This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
d) Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge. You need not require recipients to copy the
Corresponding Source along with the object code. If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source. Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
e) Convey the object code using peer-to-peer transmission, provided
you inform other peers where the object code and Corresponding
Source of the work are being offered to the general public at no
charge under subsection 6d.
A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.
A "User Product" is either (1) a "consumer product", which means any
tangible personal property which is normally used for personal, family,
or household purposes, or (2) anything designed or sold for incorporation
into a dwelling. In determining whether a product is a consumer product,
doubtful cases shall be resolved in favor of coverage. For a particular
product received by a particular user, "normally used" refers to a
typical or common use of that class of product, regardless of the status
of the particular user or of the way in which the particular user
actually uses, or expects or is expected to use, the product. A product
is a consumer product regardless of whether the product has substantial
commercial, industrial or non-consumer uses, unless such uses represent
the only significant mode of use of the product.
"Installation Information" for a User Product means any methods,
procedures, authorization keys, or other information required to install
and execute modified versions of a covered work in that User Product from
a modified version of its Corresponding Source. The information must
suffice to ensure that the continued functioning of the modified object
code is in no case prevented or interfered with solely because
modification has been made.
If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information. But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).
The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or updates
for a work that has been modified or installed by the recipient, or for
the User Product in which it has been modified or installed. Access to a
network may be denied when the modification itself materially and
adversely affects the operation of the network or violates the rules and
protocols for communication across the network.
Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.
7. Additional Terms.
"Additional permissions" are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law. If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.
When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it. (Additional permissions may be written to require their own
removal in certain cases when you modify the work.) You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.
Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders of
that material) supplement the terms of this License with terms:
a) Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
b) Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
c) Prohibiting misrepresentation of the origin of that material, or
requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
d) Limiting the use for publicity purposes of names of licensors or
authors of the material; or
e) Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
f) Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions of
it) with contractual assumptions of liability to the recipient, for
any liability that these contractual assumptions directly impose on
those licensors and authors.
All other non-permissive additional terms are considered "further
restrictions" within the meaning of section 10. If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term. If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.
If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.
Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions;
the above requirements apply either way.
8. Termination.
You may not propagate or modify a covered work except as expressly
provided under this License. Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).
However, if you cease all violation of this License, then your
license from a particular copyright holder is reinstated (a)
provisionally, unless and until the copyright holder explicitly and
finally terminates your license, and (b) permanently, if the copyright
holder fails to notify you of the violation by some reasonable means
prior to 60 days after the cessation.
Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.
Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License. If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.
9. Acceptance Not Required for Having Copies.
You are not required to accept this License in order to receive or
run a copy of the Program. Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance. However,
nothing other than this License grants you permission to propagate or
modify any covered work. These actions infringe copyright if you do
not accept this License. Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.
10. Automatic Licensing of Downstream Recipients.
Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License. You are not responsible
for enforcing compliance by third parties with this License.
An "entity transaction" is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations. If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.
You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License. For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.
11. Patents.
A "contributor" is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based. The
work thus licensed is called the contributor's "contributor version".
A contributor's "essential patent claims" are all patent claims
owned or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version. For
purposes of this definition, "control" includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.
Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.
In the following three paragraphs, a "patent license" is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement). To "grant" such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.
If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either (1) cause the Corresponding Source to be so
available, or (2) arrange to deprive yourself of the benefit of the
patent license for this particular work, or (3) arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients. "Knowingly relying" means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.
If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.
A patent license is "discriminatory" if it does not include within
the scope of its coverage, prohibits the exercise of, or is
conditioned on the non-exercise of one or more of the rights that are
specifically granted under this License. You may not convey a covered
work if you are a party to an arrangement with a third party that is
in the business of distributing software, under which you make payment
to the third party based on the extent of your activity of conveying
the work, and under which the third party grants, to any of the
parties who would receive the covered work from you, a discriminatory
patent license (a) in connection with copies of the covered work
conveyed by you (or copies made from those copies), or (b) primarily
for and in connection with specific products or compilations that
contain the covered work, unless you entered into that arrangement,
or that patent license was granted, prior to 28 March 2007.
Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.
12. No Surrender of Others' Freedom.
If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot convey a
covered work so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you may
not convey it at all. For example, if you agree to terms that obligate you
to collect a royalty for further conveying from those to whom you convey
the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program.
13. Use with the GNU Affero General Public License.
Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU Affero General Public License into a single
combined work, and to convey the resulting work. The terms of this
License will continue to apply to the part which is the covered work,
but the special requirements of the GNU Affero General Public License,
section 13, concerning interaction through a network will apply to the
combination as such.
14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of
the GNU General Public License from time to time. Such new versions will
be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.
Each version is given a distinguishing version number. If the
Program specifies that a certain numbered version of the GNU General
Public License "or any later version" applies to it, you have the
option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software
Foundation. If the Program does not specify a version number of the
GNU General Public License, you may choose any version ever published
by the Free Software Foundation.
If the Program specifies that a proxy can decide which future
versions of the GNU General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.
17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
{one line to give the program's name and a brief idea of what it does.}
Copyright (C) {year} {name of author}
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
{project} Copyright (C) {year} {fullname}
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands `show w' and `show c' should show the appropriate
parts of the General Public License. Of course, your program's commands
might be different; for a GUI interface, you would use an "about box".
You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary.
For more information on this, and how to apply and follow the GNU GPL, see
<http://www.gnu.org/licenses/>.
The GNU General Public License does not permit incorporating your program
into proprietary programs. If your program is a subroutine library, you
may consider it more useful to permit linking proprietary applications with
the library. If this is what you want to do, use the GNU Lesser General
Public License instead of this License. But first, please read
<http://www.gnu.org/philosophy/why-not-lgpl.html>.
================================================
FILE: src/app.js
================================================
/**
* index
*/
define(function(require, exports, module) {
"use strict";
const router = require('js/router');
const store = require('js/store/store');
const wilddogApp = require('js/assets/wilddog');
let app = new Vue({
el: '#app',
router,
store,
components: {
"loading": {
template: `<div v-if="show" class="globalMask">
<div class="bubblingG">
<span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span>
</div>
</div>`,
computed: {
show: function() {
return this.$store.state.showLoading;
}
}
}
},
methods: {
sendEmailVerified: function(cb) {
let user = wilddogApp.auth().currentUser;
if (user) {
user.sendEmailVerification()
.then(function() {
console.log('验证邮件发送成功');
if (typeof cb === 'function') {
cb(user);
}
});
}
}
}
});
});
================================================
FILE: src/assets/common.js
================================================
/**
* name: common
* version: v4.1.2
* update: placeholder inline
* date: 2017-05-11
*/
define(function(require, exports, module) {
var $ = require('jquery');
var base = require('base');
if (base.browser.ie < 8) {
alert('您的浏览器版本过低，请升级或使用chrome、Firefox等高级浏览器！');
//屏蔽ie78 console未定义错误
if (typeof console === 'undefined') {
console = {
log: function() {},
warn: function() {}
};
}
}
//返回顶部
$('body').on('click', '.gotop', function() {
$('html,body').stop(1).animate({
scrollTop: '0'
}, 300);
return false;
});
//textarea扩展max-length
$('textarea[max-length]').on('change blur keyup', function() {
var _val = $(this).val(),
_max = $(this).attr('max-length');
if (_val.length > _max) {
$(this).val(_val.substr(0, _max));
}
});
//延时显示
if (base.browser.ie < 9) {
$('.opc0').css('filter', 'unset');
} else {
$('.opc0').animate({
'opacity': '1'
}, 160);
}
// placeholder
(function(){var isOperaMini=Object.prototype.toString.call(window.operamini)=='[object OperaMini]';var isInputSupported='placeholder'in document.createElement('input')&&!isOperaMini;var isTextareaSupported='placeholder'in document.createElement('textarea')&&!isOperaMini;var valHooks=$.valHooks;var propHooks=$.propHooks;var hooks;var placeholder;if(isInputSupported&&isTextareaSupported){placeholder=$.fn.placeholder=function(){return this};placeholder.input=placeholder.textarea=true}else{var settings={};placeholder=$.fn.placeholder=function(options){var defaults={customClass:'placeholder'};settings=$.extend({},defaults,options);var $this=this;$this.filter((isInputSupported?'textarea':':input')+'[placeholder]').not('.'+settings.customClass).bind({'focus.placeholder':clearPlaceholder,'blur.placeholder':setPlaceholder}).data('placeholder-enabled',true).trigger('blur.placeholder');return $this};placeholder.input=isInputSupported;placeholder.textarea=isTextareaSupported;hooks={'get':function(element){var $element=$(element);var $passwordInput=$element.data('placeholder-password');if($passwordInput){return $passwordInput[0].value}return $element.data('placeholder-enabled')&&$element.hasClass(settings.customClass)?'':element.value},'set':function(element,value){var $element=$(element);var $passwordInput=$element.data('placeholder-password');if($passwordInput){return $passwordInput[0].value=value}if(!$element.data('placeholder-enabled')){return element.value=value}if(value===''){element.value=value;if(element!=safeActiveElement()){setPlaceholder.call(element)}}else if($element.hasClass(settings.customClass)){clearPlaceholder.call(element,true,value)||(element.value=value)}else{element.value=value}return $element}};if(!isInputSupported){valHooks.input=hooks;propHooks.value=hooks}if(!isTextareaSupported){valHooks.textarea=hooks;propHooks.value=hooks}$(function(){$(document).delegate('form','submit.placeholder',function(){var $inputs=$('.'+settings.customClass,this).each(clearPlaceholder);setTimeout(function(){$inputs.each(setPlaceholder)},10)})});$(window).bind('beforeunload.placeholder',function(){$('.'+settings.customClass).each(function(){this.value=''})})}function args(elem){var newAttrs={};var rinlinejQuery=/^jQuery\d+$/;$.each(elem.attributes,function(i,attr){if(attr.specified&&!rinlinejQuery.test(attr.name)){newAttrs[attr.name]=attr.value}});return newAttrs}function clearPlaceholder(event,value){var input=this;var $input=$(input);if(input.value==$input.attr('placeholder')&&$input.hasClass(settings.customClass)){if($input.data('placeholder-password')){$input=$input.hide().nextAll('input[type="password"]:first').show().attr('id',$input.removeAttr('id').data('placeholder-id'));if(event===true){return $input[0].value=value}$input.focus()}else{input.value='';$input.removeClass(settings.customClass);input==safeActiveElement()&&input.select()}}}function setPlaceholder(){var $replacement;var input=this;var $input=$(input);var id=this.id;if(input.value===''){if(input.type==='password'){if(!$input.data('placeholder-textinput')){try{$replacement=$input.clone().attr({'type':'text'})}catch(e){$replacement=$('<input>').attr($.extend(args(this),{'type':'text'}))}$replacement.removeAttr('name').data({'placeholder-password':$input,'placeholder-id':id}).bind('focus.placeholder',clearPlaceholder);$input.data({'placeholder-textinput':$replacement,'placeholder-id':id}).before($replacement)}$input=$input.removeAttr('id').hide().prevAll('input[type="text"]:first').attr('id',id).show()}$input.addClass(settings.customClass);$input[0].value=$input.attr('placeholder')}else{$input.removeClass(settings.customClass)}}function safeActiveElement(){try{return document.activeElement}catch(exception){}}})();
$('input, textarea').placeholder();
/*
* 输出
*/
module.exports = {
demo: function() {
var directHash = {
"0": "重定向",
"1": "刷新",
"2": "历史记录"
};
console.log('页面来自' + directHash[window.performance.navigation.type]);
}
};
/*
* 站内公用
*/
});
================================================
FILE: src/assets/util.js
================================================
/**
* name: util
* version: v1.0.1
* update: 潜在的日期排序bug
* date: 2015-07-03
*/
define(function(require, exports, module) {
"use strict";
const $ = require('jquery');
module.exports = {
flatData: function(widgets) {
let flatData = [];
let each = function(eachArray) {
eachArray.forEach(function(e) {
if (e.list && e.list.length) {
each(e.list);
}
if (e.widget) {
flatData.push(e);
}
});
};
each(widgets);
return flatData;
},
storage: {
prefix: 'WDP-',
support: function() {
return localStorage
},
set: function(key, val) {
if (this.support) {
if ($.isPlainObject(val) || $.isArray(val)) {
val = JSON.stringify(val);
};
key = this.prefix + key;
localStorage.setItem(key, val);
}
},
get: function(key) {
if (this.support) {
key = this.prefix + key;
if (localStorage.getItem(key) && (localStorage.getItem(key).match(/^\[(.*){1,}$/) || localStorage.getItem(key).match(/^\{(.+:.+,*){1,}\}$/))) {
return JSON.parse(localStorage.getItem(key));
};
return localStorage.getItem(key);
}
},
remove: function(key) {
if (this.support) {
key = this.prefix + key;
localStorage.removeItem(key);
}
},
clear: function() {
if (this.support) {
var prefix = this.prefix;
for (var item in localStorage) {
if (item.indexOf(prefix) === 0) {
localStorage.removeItem(item);
}
}
}
}
},
getDate: function() {
let myDate = new Date();
return myDate.getFullYear() + '-' + (myDate.getMonth() + 1) + '-' + myDate.getDate();
},
sortByProp: function(array, sort) {
let output = {};
if (Array.isArray(array)) {
array.forEach(function(e, i) {
if (e[sort]) {
let thisSort = e[sort];
if (!Array.isArray(output[thisSort])) {
output[thisSort] = [];
}
output[thisSort].push(e);
}
});
}
return output;
},
copyArr: function(arr) {
return arr.map((e) => {
if (typeof e === 'object') {
return Object.assign({}, e);
} else {
return e;
}
});
},
arrIncludes: function(arr, ele){
if(Array.isArray(arr) && ele!==void 0){
if(Array.prototype.includes){
return arr.includes(ele);
}else{
let isIn;
arr.forEach(function(e,i){
if(e===ele){
isIn = true;
}
});
return isIn;
}
}
}
};
});
================================================
FILE: src/assets/wilddog.js
================================================
define(function(require, exports, module) {
"use strict";
const app = wilddog.initializeApp({
syncURL: "https://wild-boar-02388.wilddogio.com",
authDomain: "wild-boar-02388.wilddog.com"
});
module.exports = app;
});
================================================
FILE: src/component/blank.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
};
});
================================================
FILE: src/component/body.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
template: `<div class="scroller flex-1" id="main">
<div class="welcome" id="welcome">
<div class="_cont wrap">
<div class="_T">欢迎使用前端组件管理系统</div>
<div class="_p">  集存储、检索、调试、应用于一体的组件库2.0，旨在提高组件定制性和复用性，提高基于组件的前端开发效率。</div>
<quick-start></quick-start>
</div>
</div>
<div class="wrap mainCont">
<!-- 筛选 -->
<v-filter></v-filter>
<!-- 列表 -->
<component-list></component-list>
</div>
<play-time v-show="!this.$store.state.waitToChoose" v-if="this.$store.state.playingWidgets && this.$store.state.playingWidgets.length"></play-time>
<div class="foot">
<div>
<p>© 2014 - 3014 
Author
<a href="http://refined-x.com/" target="_blank">前端路上</a>
 Powered By
[ <a href="https://github.com/tower1229/Flow-UI" target="_blank">Flow-UI</a>,
<a href="https://github.com/vuejs/vue" target="_blank">Vue</a>,
<a href="https://www.wilddog.com" target="_blank">wilddog</a> ]
</p>
</div>
</div>
</div>`,
components: {
"quick-start": require('js/component/quick-start'),
"v-filter": require('js/component/filter'),
"component-list": require('js/component/component-list'),
"play-time": require('js/component/play-time')
}
};
});
================================================
FILE: src/component/component-list.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
template: `<div class="widget-list" id="widgetList">
<transition-group name="list" tag="ul" class="row">
<li v-if="!widgets.length" class="span-12" :key="0">
<p class="widget_empty_tip">组件去哪儿了？</p>
</li>
<li v-for="(widget,index) in widgets" class="span-3 midd-4 smal-12"
:key="index"
@click="liClick(widget.widget)">
<div class="_layer">
<div class="_album rect-618"><img :src="widget.album" @error="albumerror" class="_full"></div>
<h4 class="_t el">{{widget.title}}</h4>
<p>作者：{{widget.author}}</p>
<p>日期：{{widget.date}}</p>
<div class="_name"><span>{{widget.widget}}</span></div>
</div>
</li>
</transition-group>
</div>`,
computed: {
showingWidgets: function() {
return this.$store.getters.showingWidgets;
},
sort: function() {
return this.$store.state.sortBy;
},
widgets: function() {
let dateToNum = function(dataType) {
var _num = 0,
_array = dataType.split('-');
if (_array.length === 3) {
_num += parseInt(_array[0]) * 10000;
_num += parseInt(_array[1]) * 100;
_num += parseInt(_array[2]);
}
return _num;
};
let result;
switch (this.sort) {
case 'title':
result = this.showingWidgets.sort(function(a, b) {
return a.title.localeCompare(b.title);
});
break;
case 'date':
result = this.showingWidgets.sort(function(a, b) {
return dateToNum(b.date) - dateToNum(a.date);
});
break;
default:
result = this.showingWidgets;
break;
}
result.forEach(function(e, i) {
const widgetInfo = e.widget.split('-');
let widgetPath = seajs.widgetRootPath + '/' + widgetInfo[0] + '/';
const widgetExt = {
temp: 'temp.htm',
css: 'style.css',
script: 'script.js',
album: 'album.jpg',
conf: 'config.json'
};
if (widgetInfo.length === 2) {
widgetPath += (widgetInfo[1] + '/');
}
for (let x in widgetExt) {
e[x] = widgetPath + widgetExt[x];
}
});
return result;
}
},
methods: {
liClick: function(widgetName) {
if (widgetName) {
let widget = this.widgets.find(function(value) {
return value.widget === widgetName;
});
this.$store.dispatch('widgetClick', widget);
}
},
albumerror: function(event) {
event.target.src = seajs.root + '/static/images/nopic.jpg';
}
}
};
});
================================================
FILE: src/component/config-pannel.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
template: `<div class="playTime_panel">
<div :class="showingPannel==='config' ? 'show' : ''" class="_configpanel playTime_mark">
<div class="_tag" @click="togglePannel('config')">配置面板</div>
<form class="panelWrap p form-horizontal config-pannel" @change="configChange($event.target)">
<template v-for="(widget, index) in widgets">
<h5 class="tc m-b-sm">{{widget.title + '/' + widget.widget}}</h5>
<div v-for="(configObject, configName) in widget.configFinnal" class="section">
<div v-if="key !== 'id'" v-for="(item,key) in configObject" class="form-group form-group-sm row">
<label class="control-label span-6" :for="key">{{item.name}}：</label>
<div class="span-5">
<select v-if="item.type=='select'" :data-key="key" :data-item="configName" :data-index="index" class="form-control">
<option v-for="option in item.option" :value="option" v-bind:selected="option==item.value">{{option}}</option>
</select>
<input v-else :data-key="key" :data-item="configName" :data-index="index" :type="item.type" class="form-control" :value="item.value">
</div>
</div>
</div>
</template>
<div class="row">
<div class="span-10 center">
<button type="button" class="btn btn-block btn-primary" @click="reset">恢复默认配置</button>
</div>
</div>
</form>
</div>
<div :class="showingPannel==='queue' ? 'show' : ''" class="_getmerge playTime_mark">
<div class="_tag" @click="togglePannel('queue')">组件合并</div>
<div class="panelWrap p-lr">
<form class="mergeQueue flex-col">
<div class="btn btn-block btn-success _before" @click="add('before')"><i class="ion"></i></div>
<ul class="_queue flex-1">
<li v-for="(wid, index) in widgets" :style="{backgroundImage: 'url('+wid.album+')'}" class="m-tb-sm">
<div class="_layer p">
<div class="_del text-danger"
@click="delQueue(index)"
><i class="ion"></i></div>
<h5>{{wid.widget}}</h5>
<p>{{wid.title}}</p>
</div>
</li>
</ul>
<div class="btn btn-block btn-success _after" @click="add('after')"><i class="ion"></i></div>
</form>
</div>
</div>
<div :class="showingPannel==='generate' ? 'show' : ''" class="_getconfig playTime_mark">
<div class="_tag" @click="togglePannel('generate')">获取代码</div>
<div class="panelWrap p-lr">
<form class="flex-col">
<div class="form-group">
<button type="button" class="btn btn-block btn-primary btn-lg" @click="copyDiff">复制配置代码</button>
</div>
<div class="form-group flex-1">
<textarea class="form-control configCodeBox" id="configCodeBox" :value="JSON.stringify(diffCode)"></textarea>
</div>
<div class="form-group">
<div class="btn btn-block btn-default btn-lg" @click="copyHTML">复制HTML到剪贴板</div>
<div class="btn btn-block btn-info btn-lg" @click="copyCSS">复制CSS到剪贴板</div>
<div class="btn btn-block btn-primary btn-lg" @click="copyJS">复制JS到剪贴板</div>
</div>
</form>
</div>
</div>
</div>`,
props: ['widgets', 'diffCode'],
data: function() {
return {
showingPannel: '',
timer: null
};
},
methods: {
togglePannel: function(pannelName) {
if (this.showingPannel === pannelName) {
this.showingPannel = '';
} else {
this.showingPannel = pannelName;
}
},
configChange: function(target) {
let vm = this;
let key = target.dataset.key;
let val = isNaN(parseFloat(target.value)) ? target.value : parseFloat(target.value);
let configItem = target.dataset.item;
let widgetIndex = target.dataset.index;
if (!vm.widgets[widgetIndex].userConfig[configItem]) {
vm.widgets[widgetIndex].userConfig[configItem] = {};
}
if (!vm.widgets[widgetIndex].userConfig[configItem][key]) {
vm.widgets[widgetIndex].userConfig[configItem][key] = {};
}
vm.widgets[widgetIndex].userConfig[configItem][key].value = val;
vm.$emit('updateUserConfig');
},
reset: function() {
let vm = this;
vm.widgets.forEach(function(e, i) {
e.userConfig = {};
Vue.set(vm.widgets, i, e);
});
vm.$emit('updateUserConfig');
},
copyDiff: function() {
this.$emit('copy', JSON.stringify(this.diffCode));
},
copyHTML: function() {
this.$emit('copy', 'html');
},
copyCSS: function() {
this.$emit('copy', 'css');
},
copyJS: function() {
this.$emit('copy', 'js');
},
add: function(place) {
this.$emit('add', place);
},
delQueue: function(index) {
if (this.widgets.length > 1 && (this.widgets.length - index > 0)) {
this.widgets.splice(index, 1);
}
}
}
};
});
================================================
FILE: src/component/data-count.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
module.exports = {
template: `<div class="userCount boxLayout">
<div class="boxHead tr">
<i class="ion _clo" @click="close"></i>
</div>
<table class="table" v-for="(onday, date) in track">
<thead>
<tr>
<th>{{date}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<dl class="dl dl-table">
<template v-for="dayWidget in onday">
<dt v-bind:title="dayWidget.title">{{dayWidget.widget}}</dt>
<dd class="m-b-sm">
<template v-if="dayWidget.set.length">
<div class="text-primary" v-for="set in dayWidget.set"><code>{{set}}</code></div>
</template>
<template v-else>
<div class="text-danger">Unmodified</div>
</template>
</dd>
</template>
</dl>
</td>
</tr>
</tbody>
</table>
</div>`,
data: function() {
let userTrackRecord = this.$store.state.userInfo.track.record;
let trackData = util.sortByProp(userTrackRecord.reverse(), 'date');
return {
track: trackData
};
},
methods: {
close: function() {
this.$emit('close');
}
}
};
});
================================================
FILE: src/component/filter.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
module.exports = {
template: `<div class="filter" id="filter">
<form>
<fieldset>
<legend>{{bread}}</legend>
<div class="form-group tagWrap" id="tagWrap">
<label>标签：</label>
<span class="btn btn-primary btn-sm chooseAll" :class="showtag.length ? '' : 'active'"
@click="allClick">全部</span>
<span v-for="tag in tags" class="btn btn-primary btn-sm"
:class="includes(tag) ? 'active' : ''"
@click="tagClick">{{tag}}</span>
</div>
<div class="form-group" id="sortWrap">
<label>排序：</label>
<span class="btn btn-default" :class="sortBy === 'title' ? 'active' : ''" @click="triggerSort('title')">名称排序</span>
<span class="btn btn-default" :class="sortBy === 'date' ? 'active' : ''" @click="triggerSort('date')">时间排序</span>
</div>
</fieldset>
</form>
</div>`,
computed: {
tags: function() {
return this.$store.state.tags;
},
bread: function() {
return this.$store.state.bread;
}
},
data: function() {
return {
showtag: [],
sortBy: ''
};
},
methods: {
includes: function(tag) {
let vm = this;
return util.arrIncludes(vm.showtag, tag);
},
tagClick: function(event) {
let text = event.target.innerText;
let index = this.showtag.findIndex(function(value) {
return value === text;
});
if (index > -1) {
this.showtag.splice(index, 1);
} else {
this.showtag.push(text);
}
this.doFilter();
},
allClick: function() {
this.showtag = [];
this.doFilter();
},
triggerSort: function(by) {
if (this.sortBy === by) {
this.sortBy = '';
} else {
this.sortBy = by;
}
this.doFilter();
},
doFilter: function(to) {
let thePath = to ? to.path : null;
let theQuery = {};
if (this.showtag.length) {
theQuery.tag = JSON.stringify(this.showtag);
}
if (this.sortBy) {
theQuery.sort = this.sortBy;
}
this.$router.push({
path: thePath,
query: theQuery
});
this.$store.commit('filterTag', this.showtag);
this.$store.commit('sort', this.sortBy);
}
},
created: function() {
if (this.$route.query.tag) {
this.showtag = JSON.parse(this.$route.query.tag);
}
if (this.$route.query.sort) {
this.sortBy = this.$route.query.sort;
}
this.doFilter();
}
};
});
================================================
FILE: src/component/head.js
================================================
define(function(require, exports, module) {
"use strict";
const wilddogApp = require('js/assets/wilddog');
const Dropdown = require('js/plugin/dropdown');
Vue.use(Dropdown);
const util = require('js/assets/util');
const UserSet = require('js/component/user-set');
const DataCount = require('js/component/data-count');
module.exports = {
template: `<div class="head" id="head">
<h1 class="head_T"><a href="http://refined-x.com" target="_blank">前端组件管理系统</a></h1>
<div class="head_right form-inline">
<span class="form-control-static"><i class="ion"></i> {{info.displayName}}</span>
<Dropdown class="btn btn-primary"
:items="menuItems"
@onClick="menuClick"
>菜单</Dropdown>
<a href="https://github.com/tower1229/WidgetsPlayground" target="_blank" class="btn btn-success" id="issue"><i class="ion"></i>源码</a>
<a href="https://github.com/tower1229/WidgetsPlayground/issues" target="_blank" class="btn btn-warning" id="issue"><i class="ion"></i>反馈</a>
</div>
<div class="search" v-bind:class="focusClass">
<input id="globalSearch" class="form-control input-lg" type="text" placeholder="搜索：组件名称、编号、标签..."
@keypress="input" @enter="input" @focus="focus" @blur="blur">
</div>
<user-set v-if="popwin==='userset'" :info="info" @subInfo="subInfo" @close="popwin=''"></user-set>
<data-count v-if="popwin==='dadtacount'" @close="popwin=''"></data-count>
</div>`,
components: {
"user-set": UserSet,
"data-count": DataCount
},
computed: {
info: function() {
return this.$store.state.userInfo
}
},
data: function() {
return {
focusClass: '',
menuItems: [{
text: '个人设置',
win: 'userset'
}, {
text: '数据统计',
win: 'dadtacount'
}, {
text: '立即更新',
win: 'checkupdate'
}, {
text: '退出',
win: 'logout'
}],
popwin: ''
};
},
methods: {
input: function(event) {
let vm = this;
setTimeout(function() {
vm.$store.commit('search', event.target.value);
}, 0);
},
focus: function() {
this.focusClass = 'focus';
this.$store.commit('scrollTop');
},
blur: function(event) {
let vm = this;
this.focusClass = '';
setTimeout(function() {
vm.$store.commit('search', event.target.value);
}, 0);
},
menuClick: function(item) {
let vm = this;
switch (item.win) {
case "logout":
wilddogApp.auth().signOut().then(function() {
box.hide();
vm.$router.push('/login');
}).catch(function(error) {
box.msg(error, {
color: 'danger'
});
});
break;
case "checkupdate":
util.storage.clear();
vm.$store.dispatch('update');
break;
default:
vm.popwin = item.win;
}
},
subInfo: function(info) {
this.$store.dispatch('setUserInfo', info);
this.popwin = '';
}
}
};
});
================================================
FILE: src/component/login.js
================================================
define(function(require, exports, module) {
"use strict";
const box = require('box');
const wilddogApp = require('js/assets/wilddog');
module.exports = {
template: `<div class="screenLayer">
<div class="g-center">
<div class="wrap">
<div class="row">
<div class="span-8 center">
<div class="loginWrapper bg-primary">
<div class="full-row">
<div class="span-6" style="background:#fff">
<div class="p-lg">
<div class="h1" style="color:#434343">登录</div>
<p class="text-muted">登录您的账号</p>
<form class="form" id="validForm">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="ion"></i></span>
<input type="text" class="form-control" name="email" placeholder="邮箱" datatype="e" nullmsg="请输入登录邮箱">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="ion"></i></span>
<input type="password" class="form-control" name="pwd" placeholder="密码" datatype="s4-16" nullmsg="请输入密码">
</div>
</div>
<div class="form-group m-t-lg">
<button type="submit" class="btn btn-primary">登录</button>
<div class="btn btn-info" @click="qqSignIn">
<i class="ion"></i> QQ登录
</div>
<span class="r btn btn-link resetPsw">忘记密码？</span>
</div>
</form>
</div>
</div>
<div class="span-6">
<div class="p-lg">
<div class="h1 tc">注册</div>
<p class="m-b-lg">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="tc">
<router-link to="/regist"><span class="btn btn-info">马上注册</span></router-link>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>`,
methods: {
signIn: function(eml, psw, cb) {
let vm = this;
wilddogApp.auth().signInWithEmailAndPassword(eml, psw)
.then(function(user) {
if (typeof cb === 'function') {
cb(user);
}
}).catch(function(error) {
vm.$store.commit('callLoading', false);
box.msg(error, {
color: 'danger'
});
});
},
qqSignIn: function() {
let vm = this;
let provider = new wilddog.auth.QQAuthProvider();
wilddogApp.auth().signInWithPopup(provider).then(function(user) {
vm.signInDirect();
}).catch(function(error) {
vm.$store.commit('callLoading', false);
box.msg(error, {
color: 'danger'
});
});
},
signInDirect: function() {
let vm = this;
vm.$store.commit('callLoading', false);
box.hide();
vm.$router.push('/');
}
},
created: function() {
let vm = this;
require.async(['jquery', 'validform'], function($) {
vm.$nextTick(function() {
let validIns = $('#validForm').Validform({
tipSweep: false,
beforeSubmit: function(form) {
vm.$store.commit('callLoading', true);
vm.signIn(form.find('input[name="email"]').val(), form.find('input[name="pwd"]').val(), function(user) {
vm.signInDirect();
});
return false;
}
});
//忘记密码
$('.resetPsw').on('click', function() {
var hasEml = validIns.check(false, 'input[name="email"]');
let emlVal = $('#validForm').find('input[name="email"]').val();
if (hasEml) {
wilddogApp.auth().sendPasswordResetEmail(emlVal).then(function() {
box.msg('重置密码邮件已发送到 ' + emlVal);
});
}
});
});
});
}
};
});
================================================
FILE: src/component/main.js
================================================
define(function(require, exports, module) {
"use strict";
const box = require('box');
const wilddogApp = require('js/assets/wilddog');
module.exports = {
template: `<div class="body flex-col">
<v-head></v-head>
<div class="flex-1 flex-col main">
<v-nav></v-nav>
<v-body></v-body>
</div>
</div>`,
components: {
"v-head": require('js/component/head'),
"v-nav": require('js/component/nav'),
"v-body": require('js/component/body')
},
created: function() {
let vm = this;
//登录状态检测
vm.$store.commit('callLoading', true);
wilddog.auth().onAuthStateChanged(function() {
let currentUser = wilddogApp.auth().currentUser;
vm.$store.commit('callLoading', false);
if (currentUser) {
vm.$store.commit('updateUserInfo', currentUser);
vm.$store.dispatch('update');
if (currentUser.email && !currentUser.emailVerified) {
box.msg('邮箱未验证，请前往注册邮箱验证。没有到验证邮件？[<a href="javascript:;" class="btn btn-link resendvalidemail">点此重发</a>]', {
color: 'info',
onshow: function($box) {
$box.find('.resendvalidemail').on('click', function() {
vm.sendEmailVerified(function() {
box.msg('验证邮件发送成功', {
color: 'success'
});
});
});
}
});
}
//同步云端数据
let ref = wilddogApp.sync().ref();
ref.child('/users/' + currentUser.uid).on('value', function(snapshot) {
let userInfo = snapshot.val();
if (userInfo.track.record && userInfo.track.record.split) {
userInfo.track.record = JSON.parse(userInfo.track.record);
vm.$store.commit('updateUserInfo', userInfo);
} else {
console.warn('用户数据异常', userInfo);
}
});
} else {
box.hide();
return vm.$router.replace('/login');
}
});
}
};
});
================================================
FILE: src/component/nav.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
template: `<div class="menu-bar" id="nav">
<ul class="main-nav">
<li v-for="(main,index) in navdata" :class="['main-nav-'+index, currentNav[0]==index ? 'cur' : '']"
@mouseenter="mainNavIn(index)"
@mouseleave="mainNavOut"
@click="mainNavClick(index)">
<router-link :to="{ path: index ? '/channel/' + index : '/'}">
<i class="ion" v-html="main.icon"></i>
<span>{{main.title}}</span> ({{main.nums}})
</router-link>
</li>
</ul>
<div class="sub-nav" :class="hoverMenu!=='' ? 'show' : ''">
<ul v-if="sub.list" v-show="hoverMenu===index" v-for="(sub,index) in navdata" :class="'sub-nav-'+index"
@mouseenter="subNavIn"
@mouseleave="subNavOut"
@click="subNavClick">
<li v-for="(subnav,index2) in sub.list" :class="['sub-nav-'+index+'-'+index2, currentNav[1]==index2 ? 'cur' : '']" :data-nav="index+','+index2">
<router-link :to="{ path: '/channel/' + index + '/type/' + index2 }">
{{subnav.title}} ({{subnav.list.length}})
</router-link>
</li>
</ul>
</div>
</div>`,
computed: {
navdata: function() {
return this.$store.getters.navData;
}
},
data: function() {
return {
hoverMenu: '',
currentNav: ['0', '0'],
navSync: null
};
},
methods: {
mainNavIn: function(index) {
if (this.navdata[index].list) {
this.hoverMenu = index;
clearTimeout(this.navSync);
} else {
this.hoverMenu = '';
}
},
mainNavOut: function() {
var that = this;
that.navSync = setTimeout(function() {
that.hoverMenu = '';
}, 160);
},
mainNavClick: function(index) {
this.$store.commit('scrollTop');
},
subNavIn: function() {
clearTimeout(this.navSync);
},
subNavOut: function() {
var that = this;
that.navSync = setTimeout(function() {
that.hoverMenu = '';
}, 160);
},
subNavClick: function(event) {
this.$store.commit('scrollTop');
},
getNav: function(router) {
if (router.params.cid !== void 0) {
this.currentNav.splice(0, 1, router.params.cid);
} else {
this.currentNav.splice(0, 1, '0');
}
if (this.$route.params.tid !== void 0) {
this.currentNav.splice(1, 1, router.params.tid);
} else {
this.currentNav.splice(1);
}
this.$store.commit('updateNav', this.currentNav);
}
},
watch: {
$route: function(to, from) {
this.getNav(to);
}
},
created: function() {
this.getNav(this.$route);
}
};
});
================================================
FILE: src/component/play-time.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
const box = require('box');
module.exports = {
template: `<div class="playTime">
<div class="playTime_head">
<div class="playTime_title">{{title}}</div>
<div class="playTime_close text-danger" @click="close"><i class="ion"></i></div>
</div>
<div class="wrap play_area">
<div class="row" v-html="html"></div>
</div>
<input type="text" style="position:absolute;top:-999em;z-index:-1;" id="copyTargetInput" />
<config-pannel v-if="playWidgets.length"
:widgets="playWidgets"
:diffCode="diffCode"
@copy="pannelCopyHandle"
@add="addWidget"
@updateUserConfig="genHtml"
></config-pannel>
</div>`,
components: {
"config-pannel": require('js/component/config-pannel')
},
data: function() {
return {
playWidgets: [],
html: '',
css: '',
js: '',
insertPlace: '',
diffCode: []
};
},
computed: {
choosen: function() {
return this.$store.state.choosenWidget;
},
title: function() {
let result = [];
this.playWidgets.forEach(function(e, i) {
result.push(e.title);
});
return result.join(' + ');
}
},
methods: {
genHtml: function() {
let html = '';
let css = '';
let js = '';
let vm = this;
if (vm.playWidgets.length) {
let scriptNode = document.getElementById('widgetJsNode');
if (scriptNode) {
document.body.removeChild(scriptNode);
}
let diff = [];
vm.playWidgets.forEach(function(e, i) {
let configFinnal = JSON.parse(JSON.stringify(e.confBack)); //深拷贝
for (let x in configFinnal) {
if (e.userConfig[x]) {
for (let uckey in e.userConfig[x]) {
Object.assign(configFinnal[x][uckey], e.userConfig[x][uckey]);
}
}
}
e.configFinnal = configFinnal;
let htmlfragment = '<div class="' + 'span-' + (e.configFinnal.showConfig.viewWidth.value || 12) + '">' + etpl.compile(e.htmlTemp)(Object.assign({}, e.configFinnal.showConfig, {
id: e.id
})) + '</div>';
html += vm.wrapString(htmlfragment, 'html', e.widget);
let cssfragment = etpl.compile(e.cssTemp)(Object.assign({}, e.configFinnal.cssConfig, {
id: e.id
}));
css += vm.wrapString(cssfragment, 'css', e.widget);
let jsfragment = etpl.compile(e.jsTemp)(Object.assign({}, e.configFinnal.jsConfig, {
id: e.id
}));
js += vm.wrapString(jsfragment, 'javascript', e.widget);
//diffCode
diff.push({
userConfig: e.userConfig,
widget: e.widget
});
vm.diffCode = diff;
});
console.log('组件html加载完成');
css = css.trim();
js = js.trim();
if (css) {
document.getElementById('playingCss').innerHTML = css;
vm.css = css;
console.log('组件css加载完成');
}
if (js) {
scriptNode = document.createElement('script');
let scriptName = vm.playWidgets[0].widget + '-script-' + parseInt(Math.random() * 1e6);
let scriptText = `
define("${scriptName}", function(require) {
var $ = require("jquery"),base = require("base"),com = require("js/assets/common");
${js}
});
seajs.use("${scriptName}")`;
scriptNode.innerHTML = scriptText;
scriptNode.setAttribute('id', 'widgetJsNode');
setTimeout(function() {
document.body.appendChild(scriptNode);
console.log('组件js加载完成');
}, 0);
vm.js = js;
}
}
vm.html = html.trim();
},
promiseGet: function(road) {
if (util.storage.get(road) !== null) {
return new Promise(function(resolve, reject) {
resolve({
data: util.storage.get(road),
config: {
url: road
}
});
});
} else {
return axios.get(road);
}
},
getTemp: function(widgetArray, cb) {
if (!Array.isArray(widgetArray)) {
return [];
}
let vm = this;
vm.$store.commit('callLoading', true);
Promise.all(widgetArray.map(function(widget) {
return vm.promiseGet(widget.conf); //axios.get(widget.conf);
})).then(function(posts) {
widgetArray.forEach(function(e, i) {
e.confBack = posts[i].data;
e.id = parseInt(Math.random() * 1e6);
e.userConfig = e.userConfig || {};
if (!util.storage.get(posts[i].config.url)) {
util.storage.set(posts[i].config.url, e.confBack);
}
let configFinnal = JSON.parse(JSON.stringify(e.confBack)); //深拷贝
for (let x in configFinnal) {
if (e.userConfig[x]) {
for (let uckey in e.userConfig[x]) {
configFinnal[x][uckey] = e.userConfig[x][uckey];
}
}
}
e.configFinnal = configFinnal;
});
return Promise.all(widgetArray.map(function(widget) {
return vm.promiseGet(widget.css);
}));
}).then(function(posts) {
posts.forEach(function(e, i) {
widgetArray[i].cssTemp = e.data;
if (!util.storage.get(posts[i].config.url)) {
util.storage.set(posts[i].config.url, e.data);
}
});
return Promise.all(widgetArray.map(function(widget) {
return vm.promiseGet(widget.temp);
}));
}).then(function(posts) {
posts.forEach(function(e, i) {
widgetArray[i].htmlTemp = e.data;
if (!util.storage.get(posts[i].config.url)) {
util.storage.set(posts[i].config.url, e.data);
}
});
return Promise.all(widgetArray.map(function(widget) {
return vm.promiseGet(widget.script);
}));
}).then(function(posts) {
posts.forEach(function(e, i) {
widgetArray[i].jsTemp = e.data;
if (!util.storage.get(posts[i].config.url)) {
util.storage.set(posts[i].config.url, e.data);
}
});
vm.$store.commit('callLoading', false);
if (typeof cb === 'function') {
cb(widgetArray);
} else {
vm.playWidgets = widgetArray;
vm.genHtml();
}
});
},
copy: function(text) {
if (text) {
let inputText = document.getElementById('copyTargetInput');
let currentFocus = document.activeElement;
inputText.value = text;
inputText.focus();
inputText.setSelectionRange(0, inputText.value.length);
document.execCommand('copy');
currentFocus.focus();
box.msg('复制成功', {
delay: 2000
});
} else {
box.msg('复制内容为空', {
delay: 2000
});
}
},
pannelCopyHandle: function(command) {
switch (command) {
case "html":
this.copy(this.html);
break;
case "css":
this.copy(this.css);
break;
case "js":
this.copy(this.js);
break;
default:
this.copy(command);
}
},
getConfigArray: function(userConfig) {
let conf = [];
for (let x in userConfig) {
if (userConfig.hasOwnProperty(x)) {
let confPreFix = x + '-';
let subConf = userConfig[x];
for (let y in subConf) {
let confObj = confPreFix + y + " = " + subConf[y].value;
conf.push(confObj);
}
}
}
return conf;
},
close: function() {
let vm = this;
//保存使用数据
let _userInfo = vm.$store.state.userInfo;
vm.playWidgets.forEach(function(e, i) {
let thisone = Object.assign({}, e);
thisone.date = util.getDate();
thisone.set = vm.getConfigArray(e.userConfig);
_userInfo.track.record.push(thisone);
});
vm.$store.dispatch('setUserRecord', _userInfo);
vm.$store.commit('setPlaying', []);
},
wrapString: function(string, type, decorate) {
var _before = '',
_after = '',
_decorate = decorate || '';
if (string !== '') {
switch (type) {
case "html":
_before = '<!-- ' + _decorate + ' start-->\n';
_after = '\n<!-- ' + _decorate + ' over-->\n';
break;
case "css":
_before = '/* ' + _decorate + ' start*/\n';
_after = '\n';
break;
default:
_before = '// ' + _decorate + '\n';
_after = '\n';
break;
}
}
return _before + string + _after;
},
addWidget: function(place) {
this.insertPlace = place;
this.$store.commit('setWaitToChoose', true);
}
},
watch: {
choosen: function(newVal) {
let vm = this;
if (newVal && vm.insertPlace) {
vm.getTemp([newVal], function(choosenWidget) {
switch (vm.insertPlace) {
case 'before':
vm.playWidgets.unshift(choosenWidget[0]);
break;
case 'after':
vm.playWidgets.push(choosenWidget[0]);
break;
default:
console.warn('insert place error!');
}
vm.genHtml();
});
}
}
},
created: function() {
this.getTemp(this.$store.state.playingWidgets);
}
};
});
================================================
FILE: src/component/quick-start.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
template: `<div class="quickStart">
<form v-on:submit.prevent="callWidget">
<div class="form-group">
<textarea v-model="callCode" class="form-control" id="configCode" placeholder="输入组件配置代码" spellcheck="false"></textarea>
</div>
<div class="form-group tc">
<button type="submit" class="btn btn-block btn-lg btn-primary">召唤组件</button>
</div>
</form>
</div>`,
computed: {
callCode: {
get: function() {
return this.$store.state.callCode;
},
set: function(value) {
this.$store.commit('setCallCode', value);
}
}
},
methods: {
callWidget: function() {
this.$store.commit('callWidget');
}
}
};
});
================================================
FILE: src/component/regist.js
================================================
define(function(require, exports, module) {
"use strict";
const box = require('box');
const wilddogApp = require('js/assets/wilddog');
module.exports = {
template: `<div class="screenLayer">
<div class="g-center">
<div class="wrap">
<div class="row">
<div class="span-6 center" style="background:#fff">
<div class="card card-bordered">
<div class="card-body">
<div class="h1" style="color:#434343">注册</div>
<p class="text-muted">创建您的账号</p>
<form class="form" id="validForm">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="ion"></i></span>
<input type="text" class="form-control" placeholder="用户名" name="username" datatype="s4-16" nullmsg="请填写用户名！">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="ion"></i></span>
<input type="text" class="form-control" name="email" placeholder="邮箱" datatype="e" errormsg="请输入正确的邮箱!" ignore="ignore">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="ion"></i></span>
<input type="password" class="form-control" placeholder="密码" name="userpassword" datatype="s4-16" nullmsg="请输入密码">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="ion"></i></span>
<input type="password" class="form-control" placeholder="密码" recheck="userpassword" datatype="*" nullmsg="请再次输入密码">
</div>
</div>
<div class="form-group m-t-lg">
<button type="submit" class="btn btn-primary btn-block btn-lg">注册</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>`,
methods: {
registUser: function(eml, psw, cb) {
let vm = this;
wilddogApp.auth().createUserWithEmailAndPassword(eml, psw)
.then(function(user) {
vm.$root.sendEmailVerified();
let ref = wilddogApp.sync().ref();
ref.child('/users/' + user.uid + '/track').set({
"record": "[]"
}, function(error) {
if (error) {
box.msg(error, {
color:'danger'
});
}else{
console.log('新用户同步到野狗云端成功');
}
});
if (typeof cb === 'function') {
cb(user);
}
}).catch(function(error) {
vm.$store.commit('callLoading', false);
box.msg(error, {
color: 'danger'
});
});
}
},
created: function() {
let vm = this;
require.async(['jquery', 'validform'], function($) {
vm.$nextTick(function() {
$('#validForm').Validform({
tipSweep: false,
beforeSubmit: function(form) {
vm.$store.commit('callLoading', true);
require.async('jquery', function($) {
vm.registUser(form.find('input[name="email"]').val(), form.find('input[name="userpassword"]').val(), function(user) {
vm.$store.dispatch('setUserInfo', Object.assign(user, {
displayName: form.find('input[name="username"]').val()
})).then(function(user) {
vm.$store.commit('callLoading', false);
vm.$router.push('/');
});
});
});
return false;
}
});
});
});
}
};
});
================================================
FILE: src/component/user-set.js
================================================
define(function(require, exports, module) {
"use strict";
module.exports = {
template: `<form class="userSetForm boxLayout" v-on:submit.prevent="subInfo">
<div class="boxHead tr">
<i class="ion _clo" @click="close"></i>
</div>
<div class="form-group">
<label class="control-label" for="userSetName">怎么称呼：</label>
<input type="text" class="form-control" id="userSetName" v-model="info.displayName">
</div>
<button type="submit" class="btn btn-default">OK</button>
</form>`,
computed: {
info: {
get: function() {
return this.$store.state.userInfo;
},
set: function(value) {
this.$store.commit('updateUserInfo', {
displayName: value
});
}
}
},
methods: {
subInfo: function() {
this.$emit('subInfo', this.info);
},
close: function() {
this.$emit('close');
}
}
};
});
================================================
FILE: src/plugin/dropdown.js
================================================
define(function(require, exports, module) {
"use strict";
seajs.importStyle(`
.dropdown-fade-enter-active {transition: all .3s ease-in;}
.dropdown-fade-leave-active {transition: all .3s ease-out;}
.dropdown-fade-enter, .dropdown-fade-leave-active {transform: translateY(-10px);opacity: 0;}
.dropdown{position:relative;}
.dropdown-head{cursor:pointer;user-select:none;}
.dropdown-menu{position:absolute;left:0;top:100%; padding:3px 0;}
.dropdown-menu ul{background:#fff;border-radius:4px;color:#434343;overflow:hidden;box-shadow: 0 1px 6px rgba(0,0,0,.2);}
.dropdown-item{padding:0 1em;line-height:2.6em;cursor:pointer;white-space:nowrap;}
.dropdown-item:hover{background:#dedede;}`, module.uri);
module.exports = {
install: function(Vue, options) {
Vue.mixin({
components: {
Dropdown: {
template: `<div class="dropdown"
@mouseenter="handleMouseenter"
@mouseleave="handleMouseleave">
<div class="dropdown-head" @click="handleClick"><slot>{{name}}</slot></div>
<transition name="dropdown-fade">
<div class="dropdown-menu" v-show="visible">
<ul>
<li class="dropdown-item" v-for="item in items" @click="onClick(item)">{{item.text}}</li>
</ul>
</div>
</transition>
</div>`,
props: {
name: {
type: String,
required: false,
default: ""
},
items: {
type: Array,
required: true
},
trigger: {
type: String,
default: "hover"
}
},
data() {
return {
visible: false,
timeout: null
};
},
methods: {
documentHandler(e) {
if (this.$el.contains(e.target)) {
return false;
}
this.handleClose();
},
handleClick() {
if (this.trigger === 'custom') return false;
if (this.trigger !== 'click') {
return false;
}
this.visible = !this.visible;
},
handleMouseenter() {
if (this.trigger === 'custom') return false;
if (this.trigger !== 'hover') {
return false;
}
clearTimeout(this.timeout);
this.timeout = setTimeout(() => {
this.visible = true;
}, 250);
},
handleMouseleave() {
if (this.trigger === 'custom') return false;
if (this.trigger !== 'hover') {
return false;
}
clearTimeout(this.timeout);
this.timeout = setTimeout(() => {
this.visible = false;
}, 150);
},
handleClose() {
if (this.trigger === 'custom') return false;
if (this.trigger !== 'click') {
return false;
}
this.visible = false;
},
onClick: function(item){
this.visible = false;
this.$emit("onClick", item);
}
},
created: function() {
document.addEventListener('click', this.documentHandler);
},
beforeDestroy: function() {
document.removeEventListener('click', this.documentHandler);
}
}
}
});
}
};
});
================================================
FILE: src/router.js
================================================
define(function(require, exports, module) {
"use strict";
const router = new VueRouter({
base: seajs.root,
routes: [{
path: '/',
component: function (resolve, reject) {
require.async('js/component/main', function(main){
resolve(main);
});
},
children: [{
path: '/channel/:cid',
children: [{
path: 'type/:tid'
}]
}]
}, {
path: '/login',
component: function (resolve, reject) {
require.async('js/component/login', function(login){
resolve(login);
});
}
}, {
path: '/regist',
component: function (resolve, reject) {
require.async('js/component/regist', function(regist){
resolve(regist);
});
}
}, {
path: '*',
redirect: '/'
}]
});
module.exports = router;
});
================================================
FILE: src/store/actions.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
const box = require('box');
const notice = require('notice');
const wilddogApp = require('js/assets/wilddog');
module.exports = {
setUserRecord: function(context, user) {
let ref = wilddogApp.sync().ref();
ref.child('/users/' + user.uid + '/track').set({
"record": JSON.stringify(user.track.record)
}, function(error) {
if (error) {
box.msg(error, {
color:'danger'
});
}else{
console.log('同步用户记录到野狗云端成功');
}
});
},
setUserInfo: function(context, info) {
let currentUser = wilddogApp.auth().currentUser;
return new Promise(function(resolve, reject) {
if (info && currentUser) {
currentUser.updateProfile({
'photoURL': info.photoUrl || '',
'displayName': info.displayName || '',
})
.then(function(user) {
context.commit('updateUserInfo', user);
resolve(user);
})
.catch(function(err) {
console.info("update user info failed.", err);
});
} else {
reject(error);
}
});
},
update: function(context) {
context.commit('callLoading', true);
axios.get(seajs.widgetRootPath + "/data.json", {
emulateJSON: true
}).then(response => {
let res = response.data;
let localVersion = util.storage.get('version');
if (localVersion && (localVersion.value !== res.version.value)) {
util.storage.clear();
notice({
title: "升级到" + res.version.value,
desc: res.version.description
});
}
context.commit('setVersion', res.version);
context.commit('setWidgets', res.widgets);
context.commit('callLoading', false);
});
},
widgetClick: function(context, widgetObject) {
if (context.state.waitToChoose) {
context.commit('setWaitToChoose', false);
context.commit('setChoosen', widgetObject);
} else {
let _playingWidgets = context.state.playingWidgets;
_playingWidgets.push(widgetObject);
context.commit('setPlaying', _playingWidgets);
}
}
};
});
================================================
FILE: src/store/getters.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
module.exports = {
navData: function(state) {
let allwidgetsnum = 0;
let homeIndex;
let navData = JSON.parse(JSON.stringify(state.widgets));
if (Array.isArray(navData) && navData.length) {
navData.forEach(function(cell, i) {
let channelwidgetsnum = 0;
if (Array.isArray(cell.list) && cell.list.length) {
cell.list.forEach(function(e) {
if (e.list) {
channelwidgetsnum += e.list.length;
}
});
}
cell.nums = channelwidgetsnum;
allwidgetsnum += channelwidgetsnum;
if (cell.title === '首页') {
homeIndex = i;
}
});
navData[homeIndex].nums = allwidgetsnum;
}
return navData;
},
flatData: function(state) {
return util.flatData(state.widgets);
},
showingWidgets: function(state, getters) {
let result = [];
if (state.keywords) {
result = getters.filterSearch;
} else {
result = getters.filterChannel;
}
//标签筛选
if (state.filtertag.length) {
let newresult = [];
let copyfiltertag = state.filtertag;
result.forEach(function(wid, i) {
let mytag = wid.tag.split('/');
copyfiltertag.forEach(function(tag, o) {
if (util.arrIncludes(mytag, tag)) {
newresult.push(wid);
}
});
});
result = newresult;
} else {
let mytags = new Set();
result.forEach(function(e, i) {
if (e.tag) {
let thisTag = e.tag.split('/');
thisTag.forEach(function(tag) {
if (tag.trim()) {
mytags.add(tag.trim());
}
});
}
});
state.tags = Array.from(mytags);
}
return result;
},
filterChannel: function(state, getters) {
let result = [];
if (state.widgets.length) {
let n_0 = parseInt(state.currentNav[0]);
let n_1 = parseInt(state.currentNav[1]);
if (!n_0 || isNaN(n_0)) {
result = getters.flatData;
state.bread = state.widgets[0].title;
} else if(n_1 === void(0) || isNaN(n_1)){
result = util.flatData(state.widgets[n_0].list);
state.bread = state.widgets[n_0].title;
} else {
result = state.widgets[n_0].list.length ? state.widgets[n_0].list[n_1].list : [];
state.bread = state.widgets[n_0].title + ' / ' + (state.widgets[n_0].list[n_1] ? state.widgets[n_0].list[n_1].title : '');
}
state.showingWidgets = result;
}
return result;
},
filterSearch: function(state, getters) {
//搜索
let result = getters.flatData;
if (result.length && state.keywords) {
let key = state.keywords;
let search = new Set();
let nums = result.length;
//title完全匹配
result.forEach(function(e, i) {
if (e.title === key) {
search.add(e);
}
});
//widget完全匹配
result.forEach(function(e, i) {
if (e.widget === key) {
search.add(e);
}
});
//title包含匹配
result.forEach(function(e, i) {
if (e.title.indexOf(key) > -1) {
search.add(e);
}
});
//widget包含匹配
result.forEach(function(e, i) {
if (e.widget.indexOf(key) > -1) {
search.add(e);
}
});
//tag匹配
result.forEach(function(e, i) {
if (e.tag.indexOf(key) > -1) {
search.add(e);
}
});
//author匹配
result.forEach(function(e, i) {
if (e.author.indexOf(key) > -1) {
search.add(e);
}
});
result = Array.from(search);
state.showingWidgets = result;
return result;
} else {
state.showingWidgets = state.filterChannel;
}
return [];
}
};
});
================================================
FILE: src/store/mutations.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
module.exports = {
setChoosen: function(state, choosenWidget) {
state.choosenWidget = choosenWidget;
},
setWaitToChoose: function(state, bool) {
state.waitToChoose = !!bool;
},
setPlaying: function(state, playingWidgets) {
state.playingWidgets = playingWidgets;
},
callLoading: function(state, bool) {
state.showLoading = !!bool;
},
search: function(state, value) {
state.keywords = value.trim();
},
scrollTop: function() {
let Main = document.getElementById("main");
let Target = document.getElementById("welcome");
if(Main && Target){
Main.scrollTop = Target.offsetHeight;
}else{
console.warn('scrollTop: error');
}
},
updateNav: function(state, currentNav) {
if (Array.isArray(currentNav)) {
state.currentNav = currentNav;
}
state.keywords = '';
},
filterTag: function(state, tags) {
state.filtertag = tags;
},
sort: function(state, by) {
state.sortBy = by;
},
setCallCode: function(state, callCode) {
state.callCode = callCode;
},
callWidget: function(state) {
if (state.callCode.trim() && state.callCode.match(/^\[(.+:.+,*){1,}\]$/)) {
let vm = this;
let newWidget = JSON.parse(state.callCode);
let flatData = util.flatData(state.widgets);
let result = [];
newWidget.forEach(function(e) {
let clean = flatData.find(function(value) {
return e.widget === value.widget;
});
if (e.userConfig) {
clean.userConfig = e.userConfig;
}
result.push(clean);
});
state.playingWidgets = result;
} else {
state.callCode = '';
}
},
updateUserInfo: function(state, info) {
Object.keys(state.userInfo).forEach(function(e,i){
state.userInfo[e] = info[e] || state.userInfo[e];
});
},
setWidgets: function(state, widgets) {
state.widgets = widgets;
},
setVersion: function(state, version) {
state.version = version;
util.storage.set('version', version);
}
};
});
================================================
FILE: src/store/store.js
================================================
define(function(require, exports, module) {
"use strict";
const util = require('js/assets/util');
const getters = require('./getters');
const mutations = require('./mutations');
const actions = require('./actions');
const store = new Vuex.Store({
state: {
userInfo: {
displayName: '',
phone: '',
email: '',
photoURL: '',
emailVerified: false,
uid:'',
track: {
record: []
}
},
widgets: [],
version: [],
currentNav: [],
sortBy: '',
keywords: '',
bread: '',
tags: [],
filtertag: [],
callCode: '',
playingWidgets: [],
waitToChoose: false,
insertPlace: '',
choosenWidget: null,
showLoading: false
},
getters,
mutations,
actions
});
module.exports = store;
});
================================================
FILE: static/css/platform.css
================================================
/*webkit scroll*/
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;}
::-webkit-scrollbar {width:6px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c2c2c2;background-clip:padding-box;min-height:28px;border-radius:3px;}
::-webkit-scrollbar-thumb:hover {border:1px solid #636363;background-color:#929292;}
/* style */
body,html{height: 100%;overflow: hidden;background-color:#efefef;}
body{ background-size:cover;background-position: center;background-attachment: fixed;}
.body{position: relative;height: 100%;}
.head{position: relative; background:#333;height: 45px; color:#fff;z-index: 2;}
.head_T{position: absolute; font-size:22px;opacity: .9;float: left;margin:0 1em;
font-family: arial;line-height: 45px;cursor: pointer;}
.head_T:hover{opacity: 1;}
.head_right{position: absolute;right:0;top:0; margin:0 1em; line-height: 45px;}
.head_right .ion{font-size:1.2em;}
.head_right .userMenu{width:8em;}
.search{ width: 440px;margin:auto;opacity: .5;transition:all ease .3s;height: 100%;}
.search.focus{width: 900px;opacity: 1;}
.search .input-lg{height: 45px;line-height: 45px;}
.main{position: relative; z-index: 1;}
.main .scroller{ height: 100%; overflow: auto;}
.foot{background: #333; padding: 24px; overflow: hidden;color:#666;margin:50px 0 0 45px;
border-top:10px solid #ff6908;font-size:14px;}
.foot a:hover{color:#eee;}
.menu-bar{position: absolute;left: 0;top:0;width: 45px;height: 100%;background:#fff;opacity: .6;
-webkit-transition:all ease .32s;
transition:all ease .32s; z-index: 1;border-right:1px solid #ccc;background:#fff;}
.menu-bar:empty{left:-45px;}
.menu-bar:hover{opacity: 1;width: 150px;}
.main-nav{width: 100%;overflow: hidden; }
.main-nav li{height: 45px;line-height: 45px;width: 150px;cursor: pointer;color:#777;}
.main-nav li a{display: block;color: inherit;}
.main-nav .ion{margin:0;width: 45px;text-align: center;font-size:22px;}
.main-nav .cur{background:#ccc;color:#333;}
.main-nav li a:hover{background:#eee;color:#333;}
.sub-nav{position: absolute;left: 100%;top:0;height: 100%;overflow: hidden;background:#eee;
border-right: 1px solid #ccc;color:#aaa;width: 0;overflow: hidden;-webkit-transition:width ease .32s;transition:width ease .32s;}
.sub-nav ul{padding:0 0 14px; width: 120px;}
.sub-nav li{height: 45px;line-height: 45px;cursor: pointer;color:#666;}
.sub-nav li a{display: block;color: inherit;padding:0 14px;}
.sub-nav .cur{background:#aaa;color:#fff;}
.sub-nav li a:hover{background:#666;color:#fff;}
.sub-nav.show{width: 120px;}
.mainCont{padding: 60px 20px 20px;background:rgba(255,255,255,.7);border-radius: 4px;}
/*欢迎屏*/
.welcome{padding-bottom: 20%;padding-top: 10%;}
.welcome ._cont{padding: 20px; background: rgba(255,255,255,.7);width:400px;border-radius: 4px;}
.welcome ._T{ text-align: center; border-bottom: solid 1px #e5e5e5;
padding-bottom: 15px; margin: 0 0 20px;font-size: 30px;}
.welcome ._p{ font-size: 20px; color: #777;line-height: 1.6;}
.quickStart{margin:80px auto 0;}
.filter{margin-bottom: 40px;}
#configCode{height: 100px;resize:none;border-style: dashed;line-height: 1.7;
font-family: 'Consolas', 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
.tagWrap .btn{margin:0 .5em .5em 0;}
/*组件列表*/
.widget-list {position: relative; min-height: 300px;}
.widget-list li{margin-bottom:30px;cursor: pointer;}
.widget-list ._layer{ position: relative; background:#fff;padding:0 0 14px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);overflow: hidden;}
.widget-list ._album{margin-bottom: .5em;background:#eee;}
.widget-list ._album:after{position: absolute;content: "";left: 0;width: 100%;bottom:0;
border-top:1px solid #eee;}
.widget-list ._full{/*width:auto;height: auto;*/ max-height:100%;}
.widget-list ._t{font-size:18px;font-weight: 100;padding:0 10px ;}
.widget-list p{padding:0 1em;font-size:12px;color:#999;}
.widget-list ._name{position: absolute;right: -150px;top:-80px;width:150px;height: 80px;line-height: 50px;
text-align: right; -webkit-transition:all ease .32s; transition:all ease .32s;}
.widget-list ._name span{display: block;position: relative;z-index: 2;color: #fff;padding:0 .5em;}
.widget-list ._name:before{content: ""; position: absolute;width:0;height: 0;border-style:solid;
border-color:#c5a167 #c5a167 transparent transparent;right: 0;top:0;border-width:40px 75px;
z-index: 1;}
.widget-list ._layer:hover{box-shadow: 0 0 4px rgba(0,0,0,.3);}
.widget-list ._layer:hover ._album:after{border-color:#ccc;}
.widget-list ._layer:hover ._name{right: 0;top:0;}
.widget-list .widget_empty_tip{font-size:42px;text-align: center;padding:30px 0;}
/*弹窗*/
.playTime{position: absolute;left:0;top:0; width:100%;height:100%; background:#eee;box-sizing:border-box;padding-top: 45px;z-index: 10;}
.playTime_head{position: absolute;left:0;top:0;width:100%; height: 45px;}
.playTime_title{text-align:center;line-height: 45px;font-size:18px;color:#333;}
.playTime_close{position: absolute; font-size:22px;cursor: pointer;width:45px;text-align: center;
height: 40px;line-height: 40px;right: 0;top:0;}
.playTime_close:hover{opacity: .8;}
.play_area{width:1200px; background:#fff; height: 90%;padding:20px;border-radius: 4px;box-sizing:border-box;
box-shadow: 1px 1px 4px rgba(0,0,0,.3) inset; overflow-x:hidden;overflow-y:auto;}
/*去滚动条*/
.docStatic{height: 100%;}
.docStatic body{height: 100%;overflow: hidden;}
.playTime_panel{position: fixed;right: 0;top:0;height: 100%;width:0;z-index: 12;}
.playTime_mark{position: absolute;left: 0;width: 280px;height: 80%;top:10%;border-radius: 4px 0 0 4px;padding:36px 0 15px;
-webkit-transition:left ease .32s; transition:left ease .32s;z-index: 1;background:#434343;color:#dedede;font-family: serif;}
.playTime_mark.show{left: -280px;z-index: 2;}
.playTime_mark ._tag{position: absolute;width: 100px;height: 40px;line-height: 40px;background:#333;
color:#fff;font-size:14px;border-radius: 0 16px;text-align: center;
left: -100px;cursor: pointer;}
.playTime_mark .panelWrap{height: 100%; overflow-y: auto;overflow-x: hidden;}
.playTime_mark .config-pannel{padding:0;}
.playTime_mark .config-pannel .form-group:hover{background:#333;color:#fff;}
.playTime_mark .config-pannel .control-label{cursor: pointer;}
.playTime_panel ._configpanel ._tag{ top:100px;}
.playTime_panel ._getmerge ._tag{ top:150px;}
.playTime_panel ._getconfig ._tag{ top:200px;}
.playTime_panel ._getconfig form{height: 100%;}
.playTime_panel ._getconfig .configCodeBox{height: 100%;resize:none;cursor: pointer;
background:rgba(255,255,255,.8);color:#666;overflow: auto;line-height: 1.7;
font-family: 'Consolas', 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
.playTime_panel ._getconfig .configCodeBox:hover{background:#fff;color:#333;}
/*mergeQueue*/
.innerList{width:100%;max-width: 1200px;height:90%;margin:auto; padding:1% 0;
overflow-y: auto;overflow-x: hidden;}
.choosewidget .wrap_body{background:#bad0f1;}
.mergeQueue{height: 100%;}
.mergeQueue ._queue{overflow: auto;}
.mergeQueue ._queue li{position: relative; background:#fff; background-size:cover;}
.mergeQueue ._queue ._layer{background:rgba(255,255,255,.68);color:#666;}
.mergeQueue ._queue ._del{position: absolute;right: .5em;top:.5em;font-size: 1.5em; cursor: pointer;}
.mergeQueue ._queue ._del:hover{opacity: .8;}
.mergeQueue ._queue h5{font-size:1.2em; color:#333;}
/*loading*/
.bubblingG {position: absolute;left:50%;top:50%; width: 80px; height: 50px; text-align: center;
margin:-40px 0 0 -25px;}
.bubblingG span { display: inline-block; width: 10px; height: 10px; margin: 25px auto;
-webkit-animation: bubblingG .6s infinite alternate;
animation: bubblingG .6s infinite alternate;
vertical-align: middle; border-radius: 50px; background: #000;}
#bubblingG_1 {-webkit-animation-delay: 0s; animation-delay: 0s;}
#bubblingG_2 {-webkit-animation-delay: 0.18s; animation-delay: 0.18s;}
#bubblingG_3 {-webkit-animation-delay: 0.36s; animation-delay: 0.36s;}
@-webkit-keyframes bubblingG { 0% { width: 10px; height: 10px; -webkit-transform: translateY(0);background-color: #000; }
100% { width: 24px; height: 24px; -webkit-transform: translateY(-21px);background-color: #fff; }}
@keyframes bubblingG { 0% { width: 10px; height: 10px; transform: translateY(0);background-color: #000; }
100% { width: 24px; height: 24px; transform: translateY(-21px);background-color: #fff; }}
.boxLayout{position: fixed;width:300px; padding:20px;left: 50%;top:35%; background:#fff;border-radius: 4px;overflow: hidden;
margin-left: -160px;box-shadow: 0 1px 6px rgba(0,0,0,.2);color:#434343;}
.boxHead{padding:.5em;}
.boxHead ._clo{cursor: pointer;font-size:1.5em;}
.userCount{padding:10px; height: 600px;overflow: auto;width:600px;font-family: serif;top:50%;margin-top: -300px;}
.select-ui-options-thin li .ion{margin-right: .5em;font-size:1.3em;vertical-align: middle;}
.globalMask{position: fixed;left: 0;top:0;width:100%;height: 100%;
cursor: default;z-index: 999;}
.list-item {
display: inline-block;
margin-right: 10px;
}
.list-enter-active, .list-leave-active {
transition: all 1s;
}
.list-enter, .list-leave-active {
opacity: 0;
transform: translateY(30px);
}
/* login */
.screenLayer{position: relative; width:100%;height: 100%;display: table;background:#fff;z-index: 99;}
.g-center{display: table-cell;background-color: #f5f5f5;border: 1px solid #e8e9eb;vertical-align: middle;}
================================================
FILE: static/css/ui.css
================================================
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
overflow-x: hidden;
font-family: Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', '\5fae\8f6f\96c5\9ed1', 'SimSun', sans-serif;
font-size: 14px;
line-height: 1.7;
min-width: 1200px;
color: #555555;
background: #fff;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dd,
dl,
form {
margin: 0;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
-ms-interpolation-mode: bicubic;
border: 0 ;
}
ul {
padding-left: 0;
list-style-type: none;
}
i,
em {
font-style: normal;
}
big {
font-size: 16px;
}
small {
font-size: 12px;
}
a {
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
outline: 0;
}
a:hover {
color: #2EA9DF;
}
article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu,
audio,
canvas,
progress,
video {
display: block;
}
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
outline: 0;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
box-sizing: border-box;
-webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type='file'] {
display: block;
}
input[type='range'] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type=submit] {
cursor: pointer;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 2.5;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
table {
border-spacing: 0;
background-color: transparent;
}
td,
th {
padding: 0;
}
@-ms-viewport {
width: device-width;
}
::-moz-selection {
color: #fff;
background: #39f;
}
::selection {
color: #fff;
background: #39f;
}
::-webkit-input-placeholder {
color: #aaa;
}
.placeholder {
color: #aaa;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
margin-bottom: 0.5em;
color: inherit;
}
h1,
.h1 {
font-size: 2.5em;
}
h2,
.h2 {
font-size: 2em;
}
h3,
.h3 {
font-size: 1.75em;
}
h4,
.h4 {
font-size: 1.5em;
}
h5,
.h5 {
font-size: 1.25em;
}
h6,
.h6 {
font-size: 1em;
}
.badge {
display: inline-block;
position: relative;
line-height: 1;
vertical-align: middle;
}
.badge-count {
position: absolute;
z-index: 90;
top: -10px;
right: -18px;
font-size: 12px;
line-height: 18px;
min-width: 20px;
height: 20px;
padding: 0 6px;
text-align: center;
white-space: nowrap;
color: #fff;
border: 0;
border-radius: 10px;
background: #CB4042;
box-shadow: 0 0 0 1px #fff;
}
.badge-dot {
position: absolute;
z-index: 90;
top: -4px;
right: -4px;
width: 8px;
height: 8px;
-webkit-transform-origin: 0 center;
transform-origin: 0 center;
border-radius: 100%;
background: #CB4042;
box-shadow: 0 0 0 1px #fff;
}
.badge-count-alone {
display: block;
position: relative;
top: auto;
right: 0;
}
.badge-primary .badge-count,
.badge-primary .badge-dot {
background: #2EA9DF;
}
.badge-auxiliary .badge-count,
.badge-auxiliary .badge-dot {
background: #FFC408;
}
.badge-info .badge-count,
.badge-info .badge-dot {
background: #4fcbf0;
}
.badge-success .badge-count,
.badge-success .badge-dot {
background: #25ae88;
}
.badge-warning .badge-count,
.badge-warning .badge-dot {
background: #F05E1C;
}
.bread {
font-size: 14px;
color: #555555;
}
.bread > .bread-sep {
margin: 0 .5em;
color: #dbdbdb;
}
.bread > span.bread-link {
font-weight: 700;
}
.btn {
font-size: 14px;
font-weight: normal;
line-height: 32px;
display: inline-block;
margin-bottom: 0;
cursor: pointer;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
min-width: 4em;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 0;
padding: 0 1em;
}
.btn > .ion {
vertical-align: middle;
font-size: 1.1em;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
}
.btn:hover,
.btn:focus,
.btn.focus {
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
box-shadow: none;
filter: alpha(opacity=65);
}
.btn-default {
color: #555555;
border-color: #e8e9eb;
background-color: #eeeeee;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #fff;
border-color: #eeeeee;
background-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
border-color: #e8e9eb;
background-color: #fff;
}
.btn-primary {
color: #fff;
background-color: #2EA9DF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
border-color: #1979a3;
background-color: #1979a3;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
border-color: #2EA9DF;
background-color: #2EA9DF;
}
.btn-auxiliary {
color: #fff;
background-color: #FFC408;
}
.btn-auxiliary:hover,
.btn-auxiliary:focus,
.btn-auxiliary.focus,
.btn-auxiliary:active,
.btn-auxiliary.active,
.open > .dropdown-toggle.btn-auxiliary {
color: #fff;
border-color: #b58a00;
background-color: #b58a00;
}
.btn-auxiliary.disabled,
.btn-auxiliary[disabled],
fieldset[disabled] .btn-auxiliary,
.btn-auxiliary.disabled:hover,
.btn-auxiliary[disabled]:hover,
fieldset[disabled] .btn-auxiliary:hover,
.btn-auxiliary.disabled:focus,
.btn-auxiliary[disabled]:focus,
fieldset[disabled] .btn-auxiliary:focus,
.btn-auxiliary.disabled.focus,
.btn-auxiliary[disabled].focus,
fieldset[disabled] .btn-auxiliary.focus,
.btn-auxiliary.disabled:active,
.btn-auxiliary[disabled]:active,
fieldset[disabled] .btn-auxiliary:active,
.btn-auxiliary.disabled.active,
.btn-auxiliary[disabled].active,
fieldset[disabled] .btn-auxiliary.active {
border-color: #FFC408;
background-color: #FFC408;
}
.btn-success {
color: #fff;
background-color: #25ae88;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
border-color: #176b53;
background-color: #176b53;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
border-color: #25ae88;
background-color: #25ae88;
}
.btn-info {
color: #fff;
background-color: #4fcbf0;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
border-color: #13addb;
background-color: #13addb;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
border-color: #4fcbf0;
background-color: #4fcbf0;
}
.btn-warning {
color: #fff;
background-color: #F05E1C;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
border-color: #af3e0c;
background-color: #af3e0c;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
border-color: #e8e9eb;
background-color: #F05E1C;
}
.btn-danger {
color: #fff;
background-color: #CB4042;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
border-color: #922829;
background-color: #922829;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
border-color: #CB4042;
background-color: #CB4042;
}
.btn-link {
font-weight: normal;
color: #2EA9DF;
padding: 0;
white-space: normal;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
text-decoration: underline;
color: #1979a3;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
text-decoration: none;
color: #555555;
}
.btn-lg {
font-size: 16px;
height: 40px;
line-height: 40px;
min-width: 7em;
}
.btn-sm {
font-size: 12px;
height: 25px;
line-height: 25px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 7px;
}
.btn .jon,
.form-mark .jon {
line-height: 1.2;
margin: 0;
vertical-align: baseline;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
width: 100%;
}
.btn-ghost {
background: none;
border-color: inherit;
border: 1px solid transparent;
line-height: 30px;
}
.btn-ghost.btn-primary {
border-color: #2EA9DF;
}
.btn-ghost.btn-auxiliary {
border-color: #FFC408;
}
.btn-ghost.btn-success {
border-color: #25ae88;
}
.btn-ghost.btn-info {
border-color: #4fcbf0;
}
.btn-ghost.btn-warning {
border-color: #F05E1C;
}
.btn-ghost.btn-danger {
border-color: #CB4042;
}
.btn.btn-ghost:hover {
color: #fff;
}
.btn-link.btn-ghost {
padding-left: 1em;
padding-right: 1em;
}
.btn-link.btn-ghost:hover {
color: #1979a3;
border-color: #1979a3;
}
.card {
display: block;
font-size: 14px;
position: relative;
overflow: hidden;
transition: all 0.2s ease-in-out;
border-radius: 4px;
background: #fff;
}
.card:hover {
border-color: #eeeeee;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.card-shadow {
border-color: #eeeeee;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.card-bordered {
border: 1px solid #e8e9eb;
}
.card-head {
position: relative;
line-height: 1;
line-height: 32px;
height: 32px;
padding: 4px 22.4px;
border-bottom: 1px solid #e8e9eb;
color: #555555;
}
.card-title {
font-weight: 700;
display: inline-block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.card-extra {
position: absolute;
top: 4px;
right: 22.4px;
}
.card-body {
padding: 22.4px;
}
.card-foot {
padding: 4px 22.4px;
background-color: #eeeeee;
border-top: 1px solid #e8e9eb;
overflow: hidden;
}
.card.card-primary .card-head,
.card.card-primary .card-foot {
background: #2EA9DF;
color: #fff;
border-color: #1979a3;
}
.card.card-primary.card-inverse .card-head,
.card.card-primary.card-inverse .card-foot {
background: #1979a3;
border-color: #2EA9DF;
}
.card.card-primary.card-inverse .card-body {
background: #2EA9DF;
color: #fff;
}
.card.card-auxiliary .card-head,
.card.card-auxiliary .card-foot {
background: #FFC408;
color: #fff;
border-color: #b58a00;
}
.card.card-auxiliary.card-inverse .card-head,
.card.card-auxiliary.card-inverse .card-foot {
background: #b58a00;
border-color: #FFC408;
}
.card.card-auxiliary.card-inverse .card-body {
background: #FFC408;
color: #fff;
}
.card.card-info .card-head,
.card.card-info .card-foot {
background: #4fcbf0;
color: #fff;
border-color: #13addb;
}
.card.card-info.card-inverse .card-head,
.card.card-info.card-inverse .card-foot {
background: #13addb;
border-color: #4fcbf0;
}
.card.card-info.card-inverse .card-body {
background: #4fcbf0;
color: #fff;
}
.card.card-success .card-head,
.card.card-success .card-foot {
background: #25ae88;
color: #fff;
border-color: #176b53;
}
.card.card-success.card-inverse .card-head,
.card.card-success.card-inverse .card-foot {
background: #176b53;
border-color: #25ae88;
}
.card.card-success.card-inverse .card-body {
background: #25ae88;
color: #fff;
}
.card.card-warning .card-head,
.card.card-warning .card-foot {
background: #F05E1C;
color: #fff;
border-color: #af3e0c;
}
.card.card-warning.card-inverse .card-head,
.card.card-warning.card-inverse .card-foot {
background: #af3e0c;
border-color: #F05E1C;
}
.card.card-warning.card-inverse .card-body {
background: #F05E1C;
color: #fff;
}
.card.card-danger .card-head,
.card.card-danger .card-foot {
background: #CB4042;
color: #fff;
border-color: #922829;
}
.card.card-danger.card-inverse .card-head,
.card.card-danger.card-inverse .card-foot {
background: #922829;
border-color: #CB4042;
}
.card.card-danger.card-inverse .card-body {
background: #CB4042;
color: #fff;
}
.text-muted {
color: #dbdbdb;
}
.text-black {
color: #000;
}
.text-light {
color: #fff;
}
.text-primary,
.btn-ghost.btn-primary {
color: #2EA9DF;
}
a.text-primary:hover {
color: #1979a3;
}
.text-auxiliary,
.btn-ghost.btn-auxiliary {
color: #FFC408;
}
a.text-auxiliary:hover {
color: #b58a00;
}
.text-success,
.btn-ghost.btn-success {
color: #25ae88;
}
a.text-success:hover {
color: #176b53;
}
.text-info,
.btn-ghost.btn-info {
color: #4fcbf0;
}
a.text-info:hover {
color: #13addb;
}
.text-warning,
.btn-ghost.btn-warning {
color: #F05E1C;
}
a.text-warning:hover {
color: #af3e0c;
}
.text-danger,
.btn-ghost.btn-danger {
color: #CB4042;
}
a.text-danger:hover {
color: #922829;
}
.bg-black {
background-color: #000;
}
.bg-light {
background-color: #fff;
}
.bg-gray-light {
background-color: #dbdbdb;
}
.bg-gray-lighter {
background-color: #eeeeee;
}
.bg-primary {
color: #fff;
background-color: #2EA9DF;
}
a.bg-primary:hover {
background-color: #1979a3;
}
.bg-auxiliary {
color: #fff;
background-color: #FFC408;
}
a.bg-auxiliary:hover {
background-color: #b58a00;
}
.bg-muted {
background: #eeeeee;
}
.bg-success {
color: #fff;
background-color: #25ae88;
}
a.bg-success:hover {
background-color: #176b53;
}
.bg-info {
color: #fff;
background-color: #4fcbf0;
}
a.bg-info:hover {
background-color: #13addb;
}
.bg-warning {
color: #fff;
background-color: #F05E1C;
}
a.bg-warning:hover {
background-color: #af3e0c;
}
.bg-danger {
color: #fff;
background-color: #CB4042;
}
a.bg-danger:hover {
background-color: #922829;
}
.dl dt {
font-weight: 700;
padding: 0.2em 0.5em;
}
.dl dd {
padding: 0.2em 0.5em;
}
.dl-table dt {
float: left;
clear: left;
overflow: hidden;
width: 10em;
padding-left: 0;
padding-right: 0;
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
}
.dl-table dd {
margin-left: 11em;
padding-left: 0;
padding-right: 0;
}
.flex-col {
overflow: hidden;
display: -webkit-box;
display: -ms-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
}
.flex-row {
overflow: hidden;
display: -webkit-box;
display: -ms-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-2 {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.flex-3 {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.flex-4 {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4;
}
.align-stretch {
-webkit-box-align: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-center {
-webkit-box-align: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.justify-center {
-webkit-box-pack: center;
-ms-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-control {
line-height: 32px;
height: 32px;
padding: 0 8px;
display: block;
width: 100%;
box-sizing: border-box;
vertical-align: middle;
transition: border-color ease-in-out 0.1s;
color: #555555;
border: 1px solid #e8e9eb;
background: #fff;
border-radius: 4px;
}
.form-control:focus {
border-color: #2EA9DF;
outline: 0;
}
.form-control-blank {
border-width: 0 0 1px 0;
background: none;
border-radius: 0;
}
.form-control-blank:focus {
box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
opacity: 1;
background-color: #eee;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
select.form-control {
min-width: 4em;
}
input[type='search'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea.form-control {
height: 119px;
line-height: 1.7;
}
textarea.input-lg {
height: 217.6px;
font-size: 16px;
}
textarea.input-sm {
height: 61.2px;
font-size: 12px;
}
.form-group {
margin-bottom: 11.2px;
}
.radio,
.checkbox {
position: relative;
display: block;
line-height: normal;
padding-left: 20px;
margin-top: 11.2px;
margin-bottom: 11.2px;
cursor: pointer;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5.6px;
}
.form-group .radio,
.form-group .checkbox {
margin-top: 0;
margin-bottom: 0;
}
.radio input[type='radio'],
.checkbox input[type='checkbox'] {
float: left;
margin-left: -20px;
}
.radio-inline,
.checkbox-inline,
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline,
.form-inline .radio + .radio,
.form-inline .checkbox + .checkbox {
margin-top: 0;
margin-left: 8px;
}
.radio.disabled,
.checkbox.disabled,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
input[type='radio'][disabled],
input[type='checkbox'][disabled] {
cursor: not-allowed;
}
/* radio & check runtime */
.radio.runtime input[type='radio'],
.checkbox.runtime input[type='checkbox'] {
visibility: hidden;
}
.radio.runtime:before,
.checkbox.runtime:before,
.radio.runtime:after,
.checkbox.runtime:after {
content: "";
position: absolute;
top: 0;
left: 0;
}
.checkbox.runtime:before,
.radio.runtime:before {
top: 50%;
width: 14px;
height: 14px;
margin: -8px 4px 0 0;
border: 1px solid #d7dde4;
border-radius: 2px;
background: #fff;
}
.checkbox.runtime:after {
top: 50%;
left: 5px;
width: 4px;
height: 8px;
margin-top: -6px;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.checkbox.checked.runtime:before {
border-color: #2EA9DF;
background-color: #2EA9DF;
}
.checkbox.checked.runtime:after {
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
.radio.runtime:before {
border-radius: 8px;
border-color: #2EA9DF;
}
.radio.disabled:before {
border-color: #d7dde4;
}
.radio.runtime:after {
top: 50%;
left: 4px;
width: 8px;
height: 8px;
border-radius: 4px;
background: #2EA9DF;
margin-top: -4px;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
visibility: hidden;
}
.radio.checked.runtime:after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
visibility: visible;
}
.form-control-static {
height: 32px;
line-height: 32px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.help-block {
display: block;
margin-top: 8px;
margin-bottom: 11.9px;
color: #dbdbdb;
}
.form-mark {
display: inline-block;
margin: 0 0.3em;
color: #CB4042;
vertical-align: text-top;
line-height: normal;
}
big.form-mark {
font-size: 1.5em;
}
.input-sm {
font-size: 12px;
height: 25px;
line-height: 25px;
}
.form-group-sm .form-control {
font-size: 12px;
line-height: 25px;
height: 25px;
padding: 5px 8px;
}
.form-group-sm .form-control-static {
font-size: 12px;
line-height: 25px;
height: 25px;
min-height: 25px;
padding: 5px 8px;
}
.input-lg {
font-size: 16px;
line-height: 40px;
height: 40px;
}
.form-group-lg .form-control {
font-size: 16px;
height: 40px;
padding: 4.32727273px 8px;
}
.form-group-lg .form-control-static {
font-size: 16px;
line-height: 1.3333333;
height: 40px;
min-height: 32px;
padding: 8px 16px;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 32px;
}
.has-feedback .input-group .form-control {
padding-right: 0;
}
.form-group .form-control-feedback {
line-height: 32px;
position: absolute;
z-index: 2;
top: 0;
right: 0;
display: block;
width: 32px;
height: 32px;
text-align: center;
pointer-events: none;
}
.has-feedback .input-group .form-control {
padding-left: 32px;
}
.form-group-lg .form-control-feedback,
.input-lg + .form-control-feedback {
line-height: 40px;
width: 40px;
height: 40px;
}
.form-group-sm .form-control-feedback,
.input-sm + .form-control-feedback {
line-height: 25px;
width: 25px;
height: 25px;
}
.has-feedback .form-control-feedback {
right: 2%;
}
.has-primary .help-block,
.has-primary .control-label,
.has-primary .radio,
.has-primary .checkbox {
color: #2EA9DF;
}
.has-primary .form-control {
border-color: #2EA9DF;
}
.has-primary .form-control:focus {
border-color: #1979a3;
}
.has-primary .input-group-addon {
color: #fff;
border-color: #2EA9DF;
background-color: #2EA9DF;
}
.has-primary .form-control-feedback {
color: #2EA9DF;
}
.has-auxiliary .help-block,
.has-auxiliary .control-label,
.has-auxiliary .radio,
.has-auxiliary .checkbox {
color: #FFC408;
}
.has-auxiliary .form-control {
border-color: #FFC408;
}
.has-auxiliary .form-control:focus {
border-color: #b58a00;
}
.has-auxiliary .input-group-addon {
color: #fff;
border-color: #FFC408;
background-color: #FFC408;
}
.has-auxiliary .form-control-feedback {
color: #FFC408;
}
.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox {
color: #4fcbf0;
}
.has-info .form-control {
border-color: #4fcbf0;
}
.has-info .form-control:focus {
border-color: #13addb;
}
.has-info .input-group-addon {
color: #fff;
border-color: #4fcbf0;
background-color: #4fcbf0;
}
.has-info .form-control-feedback {
color: #4fcbf0;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox {
color: #25ae88;
}
.has-success .form-control {
border-color: #25ae88;
}
.has-success .form-control:focus {
border-color: #176b53;
}
.has-success .input-group-addon {
color: #fff;
border-color: #25ae88;
background-color: #25ae88;
}
.has-success .form-control-feedback {
color: #25ae88;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox {
color: #F05E1C;
}
.has-warning .form-control {
border-color: #F05E1C;
}
.has-warning .form-control:focus {
border-color: #af3e0c;
}
.has-warning .input-group-addon {
color: #F05E1C;
border-color: #F05E1C;
background-color: #F05E1C;
}
.has-warning .form-control-feedback {
color: #F05E1C;
}
.has-danger .help-block,
.has-danger .control-label,
.has-danger .radio,
.has-danger .checkbox {
color: #CB4042;
}
.has-danger .form-control {
border-color: #CB4042;
}
.has-danger .form-control:focus {
border-color: #922829;
}
.has-danger .input-group-addon {
color: #CB4042;
border-color: #CB4042;
background-color: #CB4042;
}
.has-danger .form-control-feedback {
color: #CB4042;
}
.form-inline .form-group .help-block {
display: inline-block;
margin: 0 1em;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
margin: 0 1em;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
width: auto;
}
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
min-width: 5em;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
.control-label {
margin-bottom: 0;
height: 32px;
line-height: 32px;
overflow: hidden;
text-align: right;
}
.form-group-lg .control-label {
font-size: 16px;
height: 40px;
line-height: 40px;
}
.form-group-sm .control-label {
font-size: 12px;
height: 25px;
line-height: 25px;
}
.input-group {
display: table;
width: 100%;
position: relative;
overflow: hidden;
border-collapse: separate;
}
.input-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
font-size: 16px;
line-height: 1.3333333;
height: 40px;
padding: 8px 16px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
font-size: 12px;
line-height: 1.5;
height: 25px;
padding: 0 8px;
}
.input-group-sm > .input-group-addon {
width: 25px;
height: 23px;
padding: 0;
}
.input-group-lg > .input-group-addon {
height: 38px;
padding-top: 0;
padding-bottom: 0;
}
.input-group-addon {
border-radius: 4px;
font-size: 14px;
font-weight: normal;
text-align: center;
background-color: #eeeeee;
color: #555555;
border: 1px solid #e8e9eb;
border-left-width: 0;
border-right-width: 0;
width: 32px;
box-sizing: content-box;
height: 30px;
line-height: 30px;
border-right-width: 1px\9;
}
.input-group-addon.noborder {
border: 0;
}
.input-group-lg > .input-group-addon.noborder {
padding: 0;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn > .btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon .btn {
vertical-align: top;
}
.input-group-addon,
.input-group-btn {
vertical-align: middle;
white-space: nowrap;
}
.input-group-addon.input-sm {
font-size: 12px;
padding: 5px 8px;
}
.input-group-addon.input-lg {
font-size: 16px;
padding: 8px;
}
.input-group-addon input[type='radio'],
.input-group-addon input[type='checkbox'] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn > .btn:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-left-width: 1px;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn > .btn:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-right-width: 1px;
}
.input-group-addon:last-child .btn {
border-radius: 0 4px 4px 0;
}
.input-group-btn {
font-size: 14px;
position: relative;
white-space: nowrap;
font-size: 0;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn {
margin-right: -1px;
}
.input-group-btn:last-child > .btn {
margin-left: -1px;
}
.row {
display: block;
width: 102%;
transition: 0.2s width ease;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
clear: both;
content: '';
}
.row > [class*="span-"] {
float: left;
margin-right: 2%;
*margin-right: 1.89%;
}
.row > .span-1 {
width: 6.33333333%;
}
.row > .span-2 {
width: 14.66666667%;
}
.row > .span-3 {
width: 23%;
}
.row > .span-4 {
width: 31.33333333%;
}
.row > .span-5 {
width: 39.66666667%;
}
.row > .span-6 {
width: 48%;
}
.row > .span-7 {
width: 56.33333333%;
}
.row > .span-8 {
width: 64.66666667%;
}
.row > .span-9 {
width: 73%;
}
.row > .span-10 {
width: 81.33333333%;
}
.row > .span-11 {
width: 89.66666667%;
}
.row > .span-12 {
width: 98%;
}
/*
* 无间距模式
*/
.full-row {
width: 100%;
transition: 0.2s width ease;
*zoom: 1;
}
.full-row:before,
.full-row:after {
display: table;
clear: both;
content: '';
}
.full-row > [class*='span'] {
float: left;
}
.full-row > .span-1 {
width: 8.33333333%;
*width: 8.22333333%;
}
.full-row > .span-2 {
width: 16.66666667%;
*width: 16.55666667%;
}
.full-row > .span-3 {
width: 25%;
*width: 24.89%;
}
.full-row > .span-4 {
width: 33.33333333%;
*width: 33.22333333%;
}
.full-row > .span-5 {
width: 41.66666667%;
*width: 41.55666667%;
}
.full-row > .span-6 {
width: 50%;
*width: 49.89%;
}
.full-row > .span-7 {
width: 58.33333333%;
*width: 58.22333333%;
}
.full-row > .span-8 {
width: 66.66666667%;
*width: 66.55666667%;
}
.full-row > .span-9 {
width: 75%;
*width: 74.89%;
}
.full-row > .span-10 {
width: 83.33333333%;
*width: 83.22333333%;
}
.full-row > .span-11 {
width: 91.66666667%;
*width: 91.55666667%;
}
.full-row > .span-12 {
width: 100%;
*width: 99.89%;
}
/*
* 工具
*/
.row > .pull-right,
.full-row > .pull-right {
float: right;
}
.row > .center {
position: relative;
left: -1%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto;
}
.full-row > .center {
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto;
}
.pull-left-1 {
position: relative;
left: -8.33333333%;
}
.pull-left-2 {
position: relative;
left: -16.66666667%;
}
.pull-left-3 {
position: relative;
left: -25%;
}
.pull-left-4 {
position: relative;
left: -33.33333333%;
}
.pull-left-5 {
position: relative;
left: -41.66666667%;
}
.pull-left-6 {
position: relative;
left: -50%;
}
.pull-left-7 {
position: relative;
left: -58.33333333%;
}
.pull-left-8 {
position: relative;
left: -66.66666667%;
}
.pull-left-9 {
position: relative;
left: -75%;
}
.pull-left-10 {
position: relative;
left: -83.33333333%;
}
.pull-left-11 {
position: relative;
left: -91.66666667%;
}
.pull-left-12 {
position: relative;
left: -100%;
}
.pull-right-1 {
position: relative;
left: 8.33333333%;
}
.pull-right-2 {
position: relative;
left: 16.66666667%;
}
.pull-right-3 {
position: relative;
left: 25%;
}
.pull-right-4 {
position: relative;
left: 33.33333333%;
}
.pull-right-5 {
position: relative;
left: 41.66666667%;
}
.pull-right-6 {
position: relative;
left: 50%;
}
.pull-right-7 {
position: relative;
left: 58.33333333%;
}
.pull-right-8 {
position: relative;
left: 66.66666667%;
}
.pull-right-9 {
position: relative;
left: 75%;
}
.pull-right-10 {
position: relative;
left: 83.33333333%;
}
.pull-right-11 {
position: relative;
left: 91.66666667%;
}
.pull-right-12 {
position: relative;
left: 100%;
}
@media only screen and (max-device-width: 1024px) {
/*
* 中屏
*/
.row > .midd-1 {
width: 6.33333333%;
}
.row > .midd-2 {
width: 14.66666667%;
}
.row > .midd-3 {
width: 23%;
}
.row > .midd-4 {
width: 31.33333333%;
}
.row > .midd-5 {
width: 39.66666667%;
}
.row > .midd-6 {
width: 48%;
}
.row > .midd-7 {
width: 56.33333333%;
}
.row > .midd-8 {
width: 64.66666667%;
}
.row > .midd-9 {
width: 73%;
}
.row > .midd-10 {
width: 81.33333333%;
}
.row > .midd-11 {
width: 89.66666667%;
}
.row > .midd-12 {
width: 98%;
}
/*
* 工具
*/
.midd-hide {
display: none;
}
.midd-center {
position: relative;
left: -1%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto;
}
/*
* 无间距模式
*/
.full-row > .midd-1 {
width: 8.33333333%;
}
.full-row > .midd-2 {
width: 16.66666667%;
}
.full-row > .midd-3 {
width: 25%;
}
.full-row > .midd-4 {
width: 33.33333333%;
}
.full-row > .midd-5 {
width: 41.66666667%;
}
.full-row > .midd-6 {
width: 50%;
}
.full-row > .midd-7 {
width: 58.33333333%;
}
.full-row > .midd-8 {
width: 66.66666667%;
}
.full-row > .midd-9 {
width: 75%;
}
.full-row > .midd-10 {
width: 83.33333333%;
}
.full-row > .midd-11 {
width: 91.66666667%;
}
.full-row > .midd-12 {
width: 100%;
}
}
@media only screen and (max-device-width: 640px) {
/*
* 小屏栅格
*/
.row > .smal-1 {
width: 6.33333333%;
}
.row > .smal-2 {
width: 14.66666667%;
}
.row > .smal-3 {
width: 23%;
}
.row > .smal-4 {
width: 31.33333333%;
}
.row > .smal-5 {
width: 39.66666667%;
}
.row > .smal-6 {
width: 48%;
}
.row > .smal-7 {
width: 56.33333333%;
}
.row > .smal-8 {
width: 64.66666667%;
}
.row > .smal-9 {
width: 73%;
}
.row > .smal-10 {
width: 81.33333333%;
}
.row > .smal-11 {
width: 89.66666667%;
}
.row > .smal-12 {
width: 98%;
}
/*
* 工具
*/
.smal-hide {
display: none;
}
.smal-show {
display: block;
}
.smal-center {
position: relative;
left: -1%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto;
}
/*
* 清除位移
*/
[class*='pull-left-'],
[class*='pull-right-'] {
right: auto;
left: auto;
}
/*
* 无间距模式
*/
.full-row > .smal-1 {
width: 8.33333333%;
}
.full-row > .smal-2 {
width: 16.66666667%;
}
.full-row > .smal-3 {
width: 25%;
}
.full-row > .smal-4 {
width: 33.33333333%;
}
.full-row > .smal-5 {
width: 41.66666667%;
}
.full-row > .smal-6 {
width: 50%;
}
.full-row > .smal-7 {
width: 58.33333333%;
}
.full-row > .smal-8 {
width: 66.66666667%;
}
.full-row > .smal-9 {
width: 75%;
}
.full-row > .smal-10 {
width: 83.33333333%;
}
.full-row > .smal-11 {
width: 91.66666667%;
}
.full-row > .smal-12 {
width: 100%;
}
}
@font-face {
font-family: "flow-icon";
src: url('../font/iconfont.eot');
/* IE9*/
src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg');
/* iOS 4.1- */
}
.ion {
font-family: "flow-icon" !important;
display: inline-block;
line-height: 1;
font-style: normal;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
}
.ico {
display: inline-block;
width: 25px;
height: 25px;
white-space: nowrap;
letter-spacing: -1em;
text-indent: -99em;
color: transparent;
background: url(../img/ico.png);
}
.ico:before {
content: '\3000';
}
.ico1_1 {
background-position: 0px 0px;
}
.ico1_2 {
background-position: -25px 0px;
}
.ico1_3 {
background-position: -50px 0px;
}
.ico1_4 {
background-position: -75px 0px;
}
.ico1_5 {
background-position: -100px 0px;
}
.ico2_1 {
background-position: 0px -25px;
}
.ico2_2 {
background-position: -25px -25px;
}
.ico2_3 {
background-position: -50px -25px;
}
.ico2_4 {
background-position: -75px -25px;
}
.ico2_5 {
background-position: -100px -25px;
}
.ico3_1 {
background-position: 0px -50px;
}
.ico3_2 {
background-position: -25px -50px;
}
.ico3_3 {
background-position: -50px -50px;
}
.ico3_4 {
background-position: -75px -50px;
}
.ico3_5 {
background-position: -100px -50px;
}
.ico4_1 {
background-position: 0px -75px;
}
.ico4_2 {
background-position: -25px -75px;
}
.ico4_3 {
background-position: -50px -75px;
}
.ico4_4 {
background-position: -75px -75px;
}
.ico4_5 {
background-position: -100px -75px;
}
.ico5_1 {
background-position: 0px -100px;
}
.ico5_2 {
background-position: -25px -100px;
}
.ico5_3 {
background-position: -50px -100px;
}
.ico5_4 {
background-position: -75px -100px;
}
.ico5_5 {
background-position: -100px -100px;
}
.items .item > a {
display: block;
position: relative;
padding: 10px 15px;
border-radius: 4px;
}
.items .item .ion:first-child {
color: #555555;
margin-right: 6px;
}
.items .item-extra {
float: right;
color: #2EA9DF;
}
.items .item-extra .badge-count {
background: #dbdbdb;
}
.items .item > a:hover {
background-color: #eeeeee;
}
.items .active > a,
.items .active > a:hover {
color: #fff;
background-color: #2EA9DF;
}
.items .active .item-extra .badge-count {
background: #fff;
color: inherit;
}
.items-inverse .item-extra {
color: #fff;
}
.items-primary .item > a {
color: #2EA9DF;
}
.items-primary .item > a:hover,
.items-inverse .active .item-extra,
.items-inverse .item > a:hover .item-extra {
color: #1979a3;
}
.items-primary .active > a,
.items-primary .active > a:hover {
color: #fff;
}
.items-auxiliary .item > a {
color: #FFC408;
}
.items-auxiliary .item > a:hover,
.items-auxiliary.items-inverse .active .item-extra,
.items-auxiliary .item > a:hover .item-extra {
color: #b58a00;
}
.items-auxiliary .active > a,
.items-auxiliary .active > a:hover {
color: #fff;
background-color: #FFC408;
}
.items-auxiliary .active .item-extra .badge-count {
color: #FFC408;
}
.items-info .item > a {
color: #4fcbf0;
}
.items-info .item > a:hover,
.items-info.items-inverse .active .item-extra,
.items-info .item > a:hover .item-extra {
color: #13addb;
}
.items-info .active > a,
.items-info .active > a:hover {
color: #fff;
background-color: #4fcbf0;
}
.items-info .active .item-extra .badge-count {
color: #4fcbf0;
}
.items-success .item > a {
color: #25ae88;
}
.items-success .item > a:hover,
.items-success.items-inverse .active .item-extra,
.items-success .item > a:hover .item-extra {
color: #176b53;
}
.items-success .active > a,
.items-success .active > a:hover {
color: #fff;
background-color: #25ae88;
}
.items-success .active .item-extra .badge-count {
color: #25ae88;
}
.items-warning .item > a {
color: #F05E1C;
}
.items-warning .item > a:hover,
.items-warning.items-inverse .active .item-extra,
.items-warning .item > a:hover .item-extra {
color: #af3e0c;
}
.items-warning .active > a,
.items-warning .active > a:hover {
color: #fff;
background-color: #F05E1C;
}
.items-warning .active .item-extra .badge-count {
color: #F05E1C;
}
.items-danger .item > a {
color: #CB4042;
}
.items-danger .item > a:hover,
.items-danger.items-inverse .active .item-extra,
.items-danger .item > a:hover .item-extra {
color: #922829;
}
.items-danger .active > a,
.items-danger .active > a:hover {
color: #fff;
background-color: #CB4042;
}
.items-danger .active .item-extra .badge-count {
color: #CB4042;
}
.label {
display: inline-block;
font-size: 14px;
line-height: 1.7;
margin: 0 0.2em .2em 0;
padding: 0 0.6em;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
border: 1px solid;
border-radius: 4px;
background: #2EA9DF;
}
.label-sm {
font-size: 12px;
line-height: 1.6em;
}
.label-lg {
font-size: 16px;
line-height: 2em;
}
.label:first-child {
margin-left: 0;
}
.label.label-auxiliary {
background: #FFC408;
}
.label.label-success {
background: #25ae88;
}
.label.label-info {
background: #4fcbf0;
}
.label.label-warning {
background: #F05E1C;
}
.label.label-danger {
background: #CB4042;
}
.label.label-bordered {
color: #2EA9DF;
background: #fff;
}
.label-bordered.label-auxiliary {
color: #FFC408;
}
.label-bordered.label-success {
color: #25ae88;
}
.label-bordered.label-info {
color: #4fcbf0;
}
.label-bordered.label-warning {
color: #F05E1C;
}
.label-bordered.label-danger {
color: #CB4042;
}
.label-closable {
cursor: pointer;
}
.label-closable .ion:last-child {
font-size: 1em;
margin-left: 0.4em;
vertical-align: baseline;
opacity: 0.7;
transition: opacity ease .3s;
}
.label-closable.label-bordered {
position: relative;
padding-right: .5em;
}
.label-closable.label-bordered .ion:last-child {
margin-left: 0.7em;
}
.label-closable.label-bordered .ion:last-child:after {
position: absolute;
top: 0;
right: 1.9em;
width: 0;
height: 100%;
content: '';
border-left: 1px solid;
}
.label-closable:hover .ion {
opacity: 1;
}
.menu-ui {
display: block;
overflow: hidden;
position: relative;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
}
.menu-item {
display: block;
position: relative;
z-index: 1;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.menu-item > .ion,
.menu-item-title > .ion {
margin-right: 0.5em;
vertical-align: middle;
}
.menu-horizontal {
line-height: 59px;
height: 59px;
}
.menu-horizontal .menu-item,
.menu-horizontal .menu-submenu {
float: left;
position: relative;
z-index: 3;
padding: 0 22.4px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.menu-light {
background: #fff;
}
.menu-light .menu-item {
border-bottom: 2px solid transparent;
}
.menu-light.menu-horizontal .menu-item,
.menu-light.menu-horizontal .menu-submenu {
line-height: 57px;
height: 57px;
}
.menu-light.menu-horizontal .menu-item-active,
.menu-light.menu-horizontal .menu-item:hover,
.menu-light.menu-horizontal .menu-opened {
color: #2EA9DF;
border-bottom-color: #2EA9DF;
}
.menu-horizontal.menu-light:after,
.menu-vertical.menu-light:after {
display: block;
position: absolute;
bottom: 0;
content: '';
background: #e8e9eb;
}
.menu-horizontal.menu-light:after {
left: 0;
width: 100%;
height: 1px;
}
.menu-dark {
background: #333333;
}
.menu-dark.menu-horizontal .menu-item,
.menu-dark.menu-horizontal .menu-submenu {
color: #dbdbdb;
}
.menu-dark.menu-horizontal .menu-item-active,
.menu-dark.menu-horizontal .menu-item:hover,
.menu-dark.menu-horizontal .menu-opened,
.menu-primary.menu-horizontal .menu-item {
color: #fff;
}
.menu-primary {
background: #2EA9DF;
}
.menu-primary.menu-horizontal .menu-item-active,
.menu-primary.menu-horizontal .menu-item:hover {
background: #1979a3;
}
.menu-vertical {
height: 100%;
overflow-y: auto;
}
.menu-vertical::-webkit-scrollbar {
position: absolute;
width: 10px;
margin-left: -10px;
-webkit-appearance: none;
}
.menu-vertical::-webkit-scrollbar-track {
background-color: #eee;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.menu-vertical::-webkit-scrollbar-thumb {
height: 50px;
background-color: #ccc;
background-clip: content-box;
border-color: transparent;
border-style: solid;
border-width: 1px 2px;
}
.menu-vertical.menu-dark::-webkit-scrollbar-track {
background-color: #444d50;
border-right: 1px solid #2c3334;
border-left: 1px solid #2c3334;
}
.menu-vertical.menu-dark::-webkit-scrollbar-thumb {
background-color: #212526;
}
.menu-vertical.menu-light:after {
z-index: 1;
top: 0;
right: 0;
width: 1px;
height: 100%;
}
.menu-vertical .menu-item,
.menu-vertical .menu-item-title {
position: relative;
z-index: 1;
padding: 11.2px 23.8px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.menu-sub-group .menu-item {
padding-top: 11.2px;
padding-bottom: 11.2px;
}
.menu-vertical .menu-item:hover,
.menu-vertical .menu-item-title:hover {
background: #eeeeee;
}
.menu-vertical .menu-submenu .menu-item {
padding-left: 37.8px;
}
.menu-vertical .menu-sub-group {
display: none;
}
.menu-vertical .menu-opened .menu-sub-group {
display: block;
}
.menu-light.menu-vertical .menu-item {
border-right: 2px solid transparent;
}
.menu-light.menu-vertical .menu-item:hover {
color: #2EA9DF;
}
.menu-light.menu-vertical .menu-item-active {
z-index: 2;
color: #2EA9DF;
border-right: 2px solid #2EA9DF;
}
.menu-dark.menu-vertical .menu-item,
.menu-dark.menu-vertical .menu-item-title {
color: #dbdbdb;
}
.menu-dark.menu-vertical .menu-item:hover,
.menu-dark.menu-vertical .menu-item-title:hover {
color: #fff;
background: inherit;
}
.menu-dark.menu-vertical .menu-item-active,
.menu-dark.menu-vertical .menu-item-active:hover,
.menu-dark.menu-vertical .menu-item-active a:hover {
color: #fff;
background: #2EA9DF;
}
.menu-dark.menu-vertical .menu-opened {
background: #222222;
}
.menu-dark.menu-vertical .menu-opened .menu-item-title {
color: #fff;
background: #333333;
}
.menu-primary.menu-vertical .menu-item,
.menu-primary.menu-vertical .menu-item-title {
color: #eeeeee;
}
.menu-primary.menu-vertical .menu-item:hover,
.menu-primary.menu-vertical .menu-item-title:hover {
color: #fff;
background: #1979a3;
}
.menu-primary.menu-vertical .menu-sub-group .menu-item:hover {
color: #1979a3;
background: inherit;
}
.menu-primary.menu-vertical .menu-item-active,
.menu-primary.menu-vertical .menu-sub-group .menu-item-active,
.menu-primary.menu-vertical .menu-sub-group .menu-item-active:hover,
.menu-primary.menu-vertical .menu-item-active:hover {
color: #fff;
background: #1979a3;
}
.menu-primary.menu-vertical .menu-opened {
background: #86cded;
}
.menu-primary.menu-vertical .menu-opened .menu-item-title {
color: #fff;
background: #2EA9DF;
}
.menu-sub-ion {
font-size: 0.9em;
margin: 0 0.5em;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.menu-vertical .menu-sub-ion {
float: right;
position: relative;
top: 4px;
margin-right: 0;
}
.menu-opened .menu-sub-ion {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination {
display: inline-block;
padding-left: 0;
border-radius: 4px;
font-size: 14px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
line-height: 1.42857143;
position: relative;
float: left;
margin-left: -1px;
padding: 8px 15px;
text-decoration: none;
color: #2EA9DF;
border: 1px solid #e8e9eb;
background-color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
color: #2EA9DF;
background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
z-index: 2;
cursor: default;
color: #fff;
border-color: #2EA9DF;
background-color: #2EA9DF;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
cursor: not-allowed;
color: #777;
border-color: #ddd;
background-color: #fff;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
font-size: 16px;
line-height: 1.3333333;
padding: 10px 16px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pagination > li > .unable,
.pagination > .unable:hover {
cursor: default;
color: #ccc;
background: #fff;
}
.progress {
display: block;
position: relative;
font-size: 12px;
}
.progress-show-info {
padding-right: 3.5em;
}
.progress-inner {
display: block;
border-radius: 100px;
background-color: #dbdbdb;
}
.progress-bg {
overflow: hidden;
position: relative;
height: 10px;
transition: all 0.2s linear;
border-radius: 100px;
background-color: #fff;
}
.progress-text {
position: absolute;
top: 50%;
right: 0;
line-height: 1;
width: 3em;
height: 1em;
margin-top: -0.5em;
text-align: left;
}
.progress-active .progress-bg:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
-webkit-animation: progress-active 2s ease-in-out infinite;
animation: progress-active 2s ease-in-out infinite;
opacity: 0;
background: #fff;
}
.progress-primary .progress-inner,
.progress-auxiliary .progress-inner,
.progress-info .progress-inner,
.progress-success .progress-inner,
.progress-warning .progress-inner,
.progress-danger .progress-inner {
background-color: #eeeeee;
}
.progress-primary .progress-bg {
background-color: #2EA9DF;
}
.progress-primary {
color: #2EA9DF;
}
.progress-auxiliary .progress-bg {
background-color: #FFC408;
}
.progress-auxiliary {
color: #FFC408;
}
.progress-info .progress-bg {
background-color: #4fcbf0;
}
.progress-info {
color: #4fcbf0;
}
.progress-success .progress-bg {
background-color: #25ae88;
}
.progress-success {
color: #25ae88;
}
.progress-warning .progress-bg {
background-color: #F05E1C;
}
.progress-warning {
color: #F05E1C;
}
.progress-danger .progress-bg {
background-color: #CB4042;
}
.progress-danger {
color: #CB4042;
}
@-webkit-keyframes progress-active {
0% {
width: 0;
opacity: 0.3;
}
to {
width: 100%;
opacity: 0;
}
}
@keyframes progress-active {
0% {
width: 0;
opacity: 0.3;
}
to {
width: 100%;
opacity: 0;
}
}
*[class*="rect-"] {
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
}
*[class*="rect-"] ._full {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
*height: auto;
}
.rect-4854 {
padding-bottom: 48.54%;
}
.rect-50 {
padding-bottom: 50%;
}
.rect-5625 {
padding-bottom: 56.25%;
}
.rect-60 {
padding-bottom: 60%;
}
.rect-618 {
padding-bottom: 61.8%;
}
.rect-70 {
padding-bottom: 70%;
}
.rect-75 {
padding-bottom: 75%;
}
.rect-80 {
padding-bottom: 80%;
}
.rect-90 {
padding-bottom: 90%;
}
.rect-100 {
padding-bottom: 100%;
}
.m {
margin: 22.4px;
}
.m-0 {
margin: 0;
}
.m-l {
margin-left: 22.4px;
}
.m-t {
margin-top: 22.4px;
}
.m-r {
margin-right: 22.4px;
}
.m-b {
margin-bottom: 22.4px;
}
.m-lr {
margin-left: 22.4px;
margin-right: 22.4px;
}
.m-tb {
margin-top: 22.4px;
margin-bottom: 22.4px;
}
.m-sm {
margin: 11.2px;
}
.m-l-sm {
margin-left: 11.2px;
}
.m-t-sm {
margin-top: 11.2px;
}
.m-r-sm {
margin-right: 11.2px;
}
.m-b-sm {
margin-bottom: 11.2px;
}
.m-lr-sm {
margin-left: 11.2px;
margin-right: 11.2px;
}
.m-tb-sm {
margin-top: 11.2px;
margin-bottom: 11.2px;
}
.m-lg {
margin: 33.6px;
}
.m-l-lg {
margin-left: 33.6px;
}
.m-t-lg {
margin-top: 33.6px;
}
.m-r-lg {
margin-right: 33.6px;
}
.m-b-lg {
margin-bottom: 33.6px;
}
.m-lr-lg {
margin-left: 33.6px;
margin-right: 33.6px;
}
.m-tb-lg {
margin-top: 33.6px;
margin-bottom: 33.6px;
}
.p {
padding: 22.4px;
}
.p-0 {
padding: 0;
}
.p-l {
padding-left: 22.4px;
}
.p-t {
padding-top: 22.4px;
}
.p-r {
padding-right: 22.4px;
}
.p-b {
padding-bottom: 22.4px;
}
.p-lr {
padding-left: 22.4px;
padding-right: 22.4px;
}
.p-tb {
padding-top: 22.4px;
padding-bottom: 22.4px;
}
.p-sm {
padding: 11.2px;
}
.p-l-sm {
padding-left: 11.2px;
}
.p-t-sm {
padding-top: 11.2px;
}
.p-r-sm {
padding-right: 11.2px;
}
.p-b-sm {
padding-bottom: 11.2px;
}
.p-lr-sm {
padding-left: 11.2px;
padding-right: 11.2px;
}
.p-tb-sm {
padding-top: 11.2px;
padding-bottom: 11.2px;
}
.p-lg {
padding: 33.6px;
}
.p-l-lg {
padding-left: 33.6px;
}
.p-t-lg {
padding-top: 33.6px;
}
.p-r-lg {
padding-right: 33.6px;
}
.p-b-lg {
padding-bottom: 33.6px;
}
.p-lr-lg {
padding-left: 33.6px;
padding-right: 33.6px;
}
.p-tb-lg {
padding-top: 33.6px;
padding-bottom: 33.6px;
}
.spin-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: table;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
font-size: 14px;
}
.spin-main {
display: table-cell;
width: inherit;
height: inherit;
vertical-align: middle;
}
.spin-text .ion {
font-size: 2.5em;
}
.spin-icon-load {
-webkit-animation: ani-spin-load 1s linear infinite;
animation: ani-spin-load 1s linear infinite;
}
.spin-size-sm {
font-size: 12px;
}
.spin-size-lg {
font-size: 16px;
}
@-webkit-keyframes ani-spin-load {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ani-spin-load {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.switch {
display: inline-block;
position: relative;
cursor: pointer;
font-size: 14px;
}
.switch .track {
display: block;
overflow: hidden;
position: relative;
width: 64px;
height: 28px;
content: ' ';
transition-timing-function: ease-in-out;
transition-duration: 0.3s;
transition-property: background-color border;
border: solid 2px #d5d5d5;
border-radius: 4px;
background-color: #eeeeee;
}
.switch .handle {
display: block;
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 28px;
transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
transition-property: background-color, left;
background-color: #fff;
}
.switch .handle:before,
.switch .handle:after {
position: absolute;
height: 28px;
line-height: 28px;
width: 36px;
text-align: center;
overflow: hidden;
}
.switch .handle:before {
content: "ON";
left: -36px;
color: #fff;
}
.switch .handle:after {
content: "OFF";
left: 100%;
color: #d5d5d5;
}
.switch-on .track {
border-color: #dbdbdb;
background-color: #dbdbdb;
}
.switch-on .handle {
left: 36px;
}
.switch-disabled {
cursor: not-allowed;
}
.switch-disabled .track {
opacity: 0.6;
}
.switch-round .track {
border-radius: 32px;
}
.switch-round .handle {
border-radius: 32px;
box-shadow: 0 2px 0.56em rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.switch-sm {
font-size: 12px;
}
.switch-sm .track {
width: 50px;
height: 21px;
}
.switch-sm .handle {
width: 21px;
height: 21px;
}
.switch-sm.switch-on .handle {
left: 29px;
}
.switch-sm .handle:before,
.switch-sm .handle:after {
width: 29px;
height: 21px;
line-height: 21px;
}
.switch-sm .handle:before {
left: -29px;
}
.switch-lg {
font-size: 16px;
}
.switch-lg .track {
width: 80px;
height: 36px;
}
.switch-lg .handle {
width: 36px;
height: 36px;
}
.switch-lg.switch-on .handle {
left: 44px;
}
.switch-lg .handle:before,
.switch-lg .handle:after {
width: 44px;
height: 36px;
line-height: 36px;
}
.switch-lg .handle:before {
left: -44px;
}
.switch-primary.switch-on .track {
border-color: #2EA9DF;
background-color: #2EA9DF;
}
.switch-auxiliary.switch-on .track {
border-color: #FFC408;
background-color: #FFC408;
}
.switch-success.switch-on .track {
border-color: #25ae88;
background-color: #25ae88;
}
.switch-info.switch-on .track {
border-color: #4fcbf0;
background-color: #4fcbf0;
}
.switch-warning.switch-on .track {
border-color: #F05E1C;
background-color: #F05E1C;
}
.switch-danger.switch-on .track {
border-color: #CB4042;
background-color: #CB4042;
}
.tab {
overflow: hidden;
position: relative;
font-size: 14px;
padding-top: 30.8px;
}
.tab .tab-nav {
position: absolute;
z-index: 1;
top: 0;
width: 100%;
height: 30.8px;
border-bottom: 1px solid #dbdbdb;
}
.tab .tab-title {
float: left;
line-height: 29.8px;
height: 29.8px;
margin-right: 4px;
padding: 0 1em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #dbdbdb;
border-bottom: 0;
border-radius: 4px 4px 0 0;
background: #eeeeee;
}
.tab .tab-title:hover {
color: #2EA9DF;
}
.tab .tab-title.tab-actived {
height: 30.8px;
cursor: default;
color: #2EA9DF;
background: #fff;
}
.tab .tab-title.tab-disabled {
cursor: default;
pointer-events: none;
color: #dbdbdb;
}
.tab .tab-extra {
position: absolute;
z-index: 2;
top: 0;
right: 0;
}
.tab .tab-cont-wrap {
border: 1px solid #dbdbdb;
border-top: 0;
border-radius: 0 0 4px 4px;
background: #fff;
}
.tab .tab-cont {
display: none;
padding: 11.2px;
}
.tab .tab-cont:empty {
padding: 0;
}
.tab .tab-cont.tab-actived {
display: block;
}
.tab-title.tab-primary {
color: #fff;
background: #2EA9DF;
}
.tab-title.tab-primary.tab-actived,
.tab-title.tab-primary:hover {
color: #fff;
background: #1979a3;
}
.tab-title.tab-auxiliary {
color: #fff;
background: #FFC408;
}
.tab-title.tab-auxiliary.tab-actived,
.tab-title.tab-auxiliary:hover {
color: #fff;
background: #b58a00;
}
.tab-title.tab-info {
color: #fff;
background: #4fcbf0;
}
.tab-title.tab-info.tab-actived,
.tab-title.tab-info:hover {
color: #fff;
background: #13addb;
}
.tab-title.tab-success {
color: #fff;
background: #25ae88;
}
.tab-title.tab-success.tab-actived,
.tab-title.tab-success:hover {
color: #fff;
background: #176b53;
}
.tab-title.tab-warning {
color: #fff;
background: #F05E1C;
}
.tab-title.tab-warning.tab-actived,
.tab-title.tab-warning:hover {
color: #fff;
background: #af3e0c;
}
.tab-title.tab-danger {
color: #fff;
background: #CB4042;
}
.tab-title.tab-danger.tab-actived,
.tab-title.tab-danger:hover {
color: #fff;
background: #922829;
}
.table {
font-size: 14px;
width: 100%;
max-width: 100%;
border: 1px solid #e8e9eb;
border-radius: 4px;
background: #fff;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
font-weight: normal;
line-height: 1.42857143;
height: 48px;
padding: 0 18px;
vertical-align: inherit;
border-top: 1px solid #e8e9eb;
}
.table > thead > tr > th,
.table > thead > tr > td {
font-weight: normal;
line-height: 40px;
height: 40px;
padding-top: 0;
padding-bottom: 0;
vertical-align: bottom;
background: #eeeeee;
}
.table > tbody > tr:first-child > th,
.table > tbody > tr:first-child > td {
border-top: 0;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #e8e9eb;
}
.table .table {
background-color: #fff;
}
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border-right: 1px solid #e8e9eb;
}
.table-striped > tbody > tr:nth-of-type(even) {
background-color: #eeeeee;
}
.table-hover > tbody > tr:hover,
.table-tr-hover {
background-color: #eeeeee;
}
table col[class*='col-'] {
display: table-column;
float: none;
position: static;
}
table td[class*='col-'],
table th[class*='col-'] {
display: table-cell;
float: none;
position: static;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-device-width: 640px) {
.table-responsive {
overflow-y: hidden;
width: 100%;
border: 1px solid #e8e9eb;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
/* for table plugin */
.table-wrapper {
overflow-x: hidden;
overflow-y: hidden;
position: relative;
box-sizing: border-box;
cursor: default;
border: 1px solid #e8e9eb;
border-radius: 4px;
}
.table-wrapper .table > thead > tr > th,
.table-wrapper .table > thead > tr > td,
.table-wrapper .table > tbody > tr > th,
.table-wrapper .table > tfoot > tr > th,
.table-wrapper .table > tbody > tr > td,
.table-wrapper .table > tfoot > tr > td {
padding: 0;
}
.table-wrapper .table-cell {
overflow: hidden;
padding: 0 15px;
white-space: normal;
word-break: break-all;
}
.table-scroll-x {
overflow-x: auto;
overflow-y: hidden;
}
.table-header .table,
.table-body .table {
border: 0;
}
.table-body {
overflow-x: hidden;
overflow-y: auto;
}
.table-body .table .table-cell {
line-height: 1.7;
}
.table-body .table .table-cell-dirty,
.table-body .table .table-cell-editable {
position: relative;
}
.table-body .table .table-cell-dirty:before {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
content: '';
border: 4px solid;
border-color: #2EA9DF transparent transparent #2EA9DF;
}
.table-highlight,
.table-hover > tbody > .table-highlight:hover {
color: #fff;
background: #2EA9DF;
}
.table-sort,
.table-filter {
display: inline-block;
overflow: hidden;
position: relative;
line-height: 1.4em;
width: 1.4em;
height: 1.4em;
margin: -1px 0 0 4px;
cursor: pointer;
vertical-align: middle;
color: #c3cbd6;
}
.table-sort .ion {
display: block;
overflow: hidden;
position: absolute;
font-size: 1.3em;
line-height: 0.7em;
height: 0.7em;
transition: color 0.2s ease-in-out;
}
.table-sort .table-sort-up {
top: 0;
}
.table-sort .table-sort-down {
bottom: 0;
}
.table-sort .ion.on {
color: #2EA9DF;
}
.table-fixed {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2);
}
.table-fixed .table-header,
.table-fixed .table-body {
overflow: hidden;
}
.table-wrapper .table-cell-editer {
position: absolute;
z-index: 9;
top: 0;
line-height: 1.7;
height: 100%;
padding-top: 8px;
padding-bottom: 8px;
}
.wrap {
width: 1200px;
margin-right: auto;
margin-left: auto;
}
.fix {
*zoom: 1;
*clear: both;
}
.fix:before,
.fix:after {
display: table;
clear: both;
content: '';
}
.oh {
overflow: hidden;
*zoom: 1;
}
.l {
float: left;
}
.r {
float: right;
}
.dib {
display: inline-block;
*display: inline;
*zoom: 1;
}
.pr {
position: relative;
}
.pa {
position: absolute;
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.el {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.justify {
overflow: hidden;
text-align: justify !important;
}
.justify:after {
content: ' 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888';
}
.hide {
display: none;
}
.hidetext {
font: 0/0 a;
letter-spacing: -9px;
}
.arr {
display: inline-block;
overflow: hidden;
width: 0;
height: 0;
}
.opc0 {
opacity: 0 ;
filter: alpha(opacity=0);
}
.scrollbar::-webkit-scrollbar {
position: absolute;
width: 10px;
margin-left: -10px;
-webkit-appearance: none;
}
.scrollbar::-webkit-scrollbar-track {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background-color: #eee;
}
.scrollbar::-webkit-scrollbar-thumb {
height: 50px;
border-width: 1px 2px;
border-style: solid;
border-color: transparent;
background-color: #ccc;
background-clip: content-box;
}
.scrollbar-dark::-webkit-scrollbar-track {
border-right: 1px solid #2c3334;
border-left: 1px solid #2c3334;
background-color: #444d50;
}
.scrollbar-dark::-webkit-scrollbar-thumb {
background-color: #212526;
}
.ztree {
font-size: 14px;
}
.ztree li {
list-style-type: none;
white-space: nowrap;
outline: none;
}
.ztree li ul {
position: relative;
padding: 0 0 0 20px;
}
.ztree li ul.line:before {
position: absolute;
top: 0;
left: 10px;
height: 100%;
content: '';
border-right: 1px dotted #dbdbdb;
}
.ztree li .center_docu:before,
.ztree li .bottom_docu:before,
.ztree li .center_docu:after,
.ztree li .bottom_docu:after {
position: absolute;
content: '';
border: 0 dotted #dbdbdb;
}
.ztree li .center_docu:before {
left: 10px;
height: 100%;
border-left-width: 1px;
}
.ztree li .center_docu:after {
top: 50%;
left: 11px;
width: 50%;
border-top-width: 1px;
}
.ztree li .bottom_docu:before {
left: 10px;
height: 50%;
border-left-width: 1px;
}
.ztree li .bottom_docu:after {
top: 50%;
left: 11px;
width: 50%;
border-top-width: 1px;
}
.ztree li a {
display: inline-block;
line-height: 22px;
height: 22px;
margin: 0;
padding: 0 3px;
cursor: pointer;
transition: none;
vertical-align: middle;
color: #555555;
}
.ztree li a.curSelectedNode {
color: #000;
border-radius: 4px;
background-color: #c9e9f7;
}
.ztree li a.curSelectedNode_Edit {
height: 20px;
opacity: 0.8;
color: #000;
border: 1px #6cc2e8 solid;
background-color: #9dd6f0;
}
.ztree li a.tmpTargetNode_inner {
opacity: 0.8;
color: #fff;
background-color: #4fcbf0;
filter: alpha(opacity=80);
}
.ztree li a input.rename {
font-size: 12px;
line-height: 22px;
width: 80px;
height: 22px;
margin: 0;
padding: 0;
vertical-align: top;
border: 0;
background: none;
}
.ztree li span {
display: inline-block;
line-height: 22px;
height: 22px;
margin-right: 2px;
}
.ztree li span.button {
position: relative;
width: 22px;
margin: 0;
cursor: pointer;
text-align: center;
vertical-align: middle;
}
.ztree li span.button.edit {
color: #25ae88;
}
.ztree li span.button.remove {
color: #CB4042;
}
.ztree li span.button.chk {
position: relative;
width: 14px;
height: 14px;
margin: 0 4px 0 0;
border: 1px solid #d7dde4;
border-radius: 2px;
background: #fff;
}
.ztree li span.chk.radio_true_full,
.ztree li span.chk.radio_false_full,
.ztree li span.chk.radio_true_full_focus,
.ztree li span.chk.radio_false_full_focus,
.ztree li span.chk.radio_false_disable,
.ztree li span.chk.radio_true_disable,
.ztree li span.chk.radio_true_part,
.ztree li span.chk.radio_false_part,
.ztree li span.chk.radio_true_part_focus,
.ztree li span.chk.radio_false_part_focus {
border-radius: 8px;
}
.ztree li span.button.chk:after {
position: absolute;
top: 1px;
left: 4px;
width: 4px;
height: 8px;
content: '';
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-transform: rotate(0deg) scale(0);
transform: rotate(0deg) scale(0);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.ztree li span.button.checkbox_false_full_focus {
border-color: #ccc;
}
.ztree li span.button.checkbox_true_full,
.ztree li span.button.checkbox_true_full_focus,
.ztree li span.button.checkbox_true_part,
.ztree li span.button.checkbox_true_part_focus,
.ztree li span.button.checkbox_true_disable {
border-color: #39f;
background-color: #39f;
}
.ztree li span.button.checkbox_true_full:after,
.ztree li span.button.checkbox_true_full_focus:after,
.ztree li span.button.checkbox_true_disable:after {
-webkit-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
}
.ztree li span.button.checkbox_true_part:after,
.ztree li span.button.checkbox_true_part_focus:after {
top: 5px;
left: 2px;
width: 10px;
height: 1px;
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
border-right: 0;
}
.ztree li span.button.radio_true_full,
.ztree li span.chk.radio_true_full_focus,
.ztree li span.chk.radio_true_part,
.ztree li span.chk.radio_true_part_focus {
border-color: #39f;
}
.ztree li span.button.radio_true_full:after,
.ztree li span.chk.radio_true_full_focus:after,
.ztree li span.chk.radio_true_part:after,
.ztree li span.chk.radio_true_part_focus:after {
top: 3px;
left: 3px;
width: 8px;
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
border: 0;
border-radius: 4px;
background: #39f;
}
.ztree li span.button.checkbox_true_disable,
.ztree li span.button.checkbox_false_disable,
.ztree li span.chk.radio_false_disable,
.ztree li span.chk.radio_true_disable {
cursor: not-allowed;
}
.ztree li span.button.checkbox_false_disable {
background-color: #f3f3f3;
}
.ztree li span.button.noline_close:before,
.ztree li span.button.noline_open:before,
.ztree li span.button.roots_open:before,
.ztree li span.button.roots_close:before,
.ztree li span.button.bottom_open:before,
.ztree li span.button.bottom_close:before,
.ztree li span.button.center_open:before,
.ztree li span.button.center_close:before {
position: absolute;
top: 5px;
left: 5px;
content: '';
transition: -webkit-transform ease 0.3s;
transition: transform ease 0.3s;
transition: transform ease 0.3s, -webkit-transform ease 0.3s;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transform-origin: 25% 50%;
transform-origin: 25% 50%;
border: 6px solid;
border-color: transparent transparent transparent #666;
}
.ztree li span.button.noline_open:before,
.ztree li span.button.roots_open:before,
.ztree li span.button.bottom_open:before,
.ztree li span.button.center_open:before {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.ztree li span.button.ico_loading {
margin-right: 2px;
background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') 0 center no-repeat;
}
ul.tmpTargetzTree {
opacity: 0.8;
background-color: #2EA9DF;
filter: alpha(opacity=80);
}
span.tmpzTreeMove_arrow {
position: absolute;
width: 18px;
height: 18px;
color: #4fcbf0;
}
ul.ztree.zTreeDragUL {
overflow: hidden;
position: absolute;
width: auto;
height: auto;
margin: 0;
padding: 0;
opacity: 0.8;
border: 1px #176b53 dotted;
background-color: #dbdbdb;
filter: alpha(opacity=80);
}
.zTreeMask {
position: absolute;
z-index: 10000;
opacity: 0.0;
background-color: #cfcfcf;
filter: alpha(opacity=0);
}
/* mystyle */
================================================
FILE: static/lib/etpl.js
================================================
function extend(target,source){for(var key in source){if(source.hasOwnProperty(key)){target[key]=source[key]}}return target}function Stack(){this.raw=[];this.length=0}Stack.prototype={push:function(elem){this.raw[this.length++]=elem},pop:function(){if(this.length>0){var elem=this.raw[--this.length];this.raw.length=this.length;return elem}},top:function(){return this.raw[this.length-1]},bottom:function(){return this.raw[0]},find:function(condition){var index=this.length;while(index--){var item=this.raw[index];if(condition(item)){return item}}}};var guidIndex=0x2B845;function generateGUID(){return'___'+(guidIndex++)}function inherits(subClass,superClass){var F=new Function();F.prototype=superClass.prototype;subClass.prototype=new F();subClass.prototype.constructor=subClass}var HTML_ENTITY={'&':'&','<':'<','>':'>','"':'"',"'":'''};function htmlFilterReplacer(c){return HTML_ENTITY[c]}var DEFAULT_FILTERS={html:function(source){return source.replace(/[&<>"']/g,htmlFilterReplacer)},url:encodeURIComponent,raw:function(source){return source}};function stringLiteralize(source){return'"'+source.replace(/\x5C/g,'\\\\').replace(/"/g,'\\"').replace(/\x0A/g,'\\n').replace(/\x09/g,'\\t').replace(/\x0D/g,'\\r')+'"'}function regexpLiteral(source){return source.replace(/[\^\[\]\$\(\)\{\}\?\*\.\+]/g,function(c){return'\\'+c})}function stringFormat(source){var args=arguments;return source.replace(/\{([0-9]+)\}/g,function(match,index){return args[index-0+1]})}var RENDER_STRING_DECLATION='var r="";';var RENDER_STRING_ADD_START='r+=';var RENDER_STRING_ADD_END=';';var RENDER_STRING_RETURN='return r;';if(typeof navigator!=='undefined'&&/msie\s*([0-9]+)/i.test(navigator.userAgent)&&RegExp.$1-0<8){RENDER_STRING_DECLATION='var r=[],ri=0;';RENDER_STRING_ADD_START='r[ri++]=';RENDER_STRING_RETURN='return r.join("");'}function toGetVariableLiteral(name){name=name.replace(/^\s*\*/,'');return stringFormat('gv({0},["{1}"])',stringLiteralize(name),name.replace(/\[['"]?([^'"]+)['"]?\]/g,function(match,name){return'.'+name}).split('.').join('","'))}function parseTextBlock(source,open,close,greedy,onInBlock,onOutBlock){var closeLen=close.length;var texts=source.split(open);var level=0;var buf=[];for(var i=0,len=texts.length;i<len;i++){var text=texts[i];if(i){var openBegin=1;level++;while(1){var closeIndex=text.indexOf(close);if(closeIndex<0){buf.push(level>1&&openBegin?open:'',text);break}level=greedy?level-1:0;buf.push(level>0&&openBegin?open:'',text.slice(0,closeIndex),level>0?close:'');text=text.slice(closeIndex+closeLen);openBegin=0;if(level===0){break}}if(level===0){onInBlock(buf.join(''));onOutBlock(text);buf=[]}}else{text&&onOutBlock(text)}}if(level>0&&buf.length>0){onOutBlock(open);onOutBlock(buf.join(''))}}function compileVariable(source,engine,forText){var code=[];var options=engine.options;var toStringHead='';var toStringFoot='';var wrapHead='';var wrapFoot='';var defaultFilter;if(forText){toStringHead='ts(';toStringFoot=')';wrapHead=RENDER_STRING_ADD_START;wrapFoot=RENDER_STRING_ADD_END;defaultFilter=options.defaultFilter}parseTextBlock(source,options.
gitextract_n72xu_uf/
├── .gitattributes
├── CODE_OF_CONDUCT.md
├── README.md
├── index.html
├── licence
├── src/
│ ├── app.js
│ ├── assets/
│ │ ├── common.js
│ │ ├── util.js
│ │ └── wilddog.js
│ ├── component/
│ │ ├── blank.js
│ │ ├── body.js
│ │ ├── component-list.js
│ │ ├── config-pannel.js
│ │ ├── data-count.js
│ │ ├── filter.js
│ │ ├── head.js
│ │ ├── login.js
│ │ ├── main.js
│ │ ├── nav.js
│ │ ├── play-time.js
│ │ ├── quick-start.js
│ │ ├── regist.js
│ │ └── user-set.js
│ ├── plugin/
│ │ └── dropdown.js
│ ├── router.js
│ └── store/
│ ├── actions.js
│ ├── getters.js
│ ├── mutations.js
│ └── store.js
├── static/
│ ├── css/
│ │ ├── platform.css
│ │ └── ui.css
│ └── lib/
│ ├── etpl.js
│ ├── sea.js
│ ├── vue-router.js
│ ├── vue.js
│ └── vuex.js
└── widgets/
├── bread/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── data.json
├── download/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── form/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── history/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── job/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── nav/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── newsdetail/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── newslist/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── page/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── prodetail/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── prolist/
│ ├── 1/
│ │ ├── config.json
│ │ ├── script.js
│ │ ├── style.css
│ │ └── temp.htm
│ └── 2/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── qa/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
├── search/
│ └── 1/
│ ├── config.json
│ ├── script.js
│ ├── style.css
│ └── temp.htm
└── table/
└── 1/
├── config.json
├── script.js
├── style.css
└── temp.htm
SYMBOL INDEX (493 symbols across 7 files)
FILE: src/assets/common.js
function args (line 46) | function args(elem){var newAttrs={};var rinlinejQuery=/^jQuery\d+$/;$.ea...
function clearPlaceholder (line 46) | function clearPlaceholder(event,value){var input=this;var $input=$(input...
function setPlaceholder (line 46) | function setPlaceholder(){var $replacement;var input=this;var $input=$(i...
function safeActiveElement (line 46) | function safeActiveElement(){try{return document.activeElement}catch(exc...
FILE: src/plugin/dropdown.js
method data (line 46) | data() {
method documentHandler (line 53) | documentHandler(e) {
method handleClick (line 59) | handleClick() {
method handleMouseenter (line 66) | handleMouseenter() {
method handleMouseleave (line 76) | handleMouseleave() {
method handleClose (line 86) | handleClose() {
FILE: static/lib/etpl.js
function extend (line 1) | function extend(target,source){for(var key in source){if(source.hasOwnPr...
function Stack (line 1) | function Stack(){this.raw=[];this.length=0}
function generateGUID (line 1) | function generateGUID(){return'___'+(guidIndex++)}
function inherits (line 1) | function inherits(subClass,superClass){var F=new Function();F.prototype=...
function htmlFilterReplacer (line 1) | function htmlFilterReplacer(c){return HTML_ENTITY[c]}
function stringLiteralize (line 1) | function stringLiteralize(source){return'"'+source.replace(/\x5C/g,'\\\\...
function regexpLiteral (line 1) | function regexpLiteral(source){return source.replace(/[\^\[\]\$\(\)\{\}\...
function stringFormat (line 1) | function stringFormat(source){var args=arguments;return source.replace(/...
function toGetVariableLiteral (line 1) | function toGetVariableLiteral(name){name=name.replace(/^\s*\*/,'');retur...
function parseTextBlock (line 1) | function parseTextBlock(source,open,close,greedy,onInBlock,onOutBlock){v...
function compileVariable (line 1) | function compileVariable(source,engine,forText){var code=[];var options=...
function TextNode (line 1) | function TextNode(value,engine){this.value=value;this.engine=engine}
function Command (line 1) | function Command(value,engine){this.value=value;this.engine=engine;this....
function autoCloseCommand (line 1) | function autoCloseCommand(context,CommandType){var stack=context.stack;v...
function TargetCommand (line 1) | function TargetCommand(value,engine){if(!/^\s*([a-z0-9\/_-]+)\s*(\(\s*ma...
function BlockCommand (line 1) | function BlockCommand(value,engine){if(!/^\s*([a-z0-9\/_-]+)\s*$/i.test(...
function ImportCommand (line 1) | function ImportCommand(value,engine){if(!/^\s*([a-z0-9\/_-]+)\s*$/i.test...
function VarCommand (line 1) | function VarCommand(value,engine){if(!/^\s*([a-z0-9_]+)\s*=([\s\S]*)$/i....
function FilterCommand (line 1) | function FilterCommand(value,engine){if(!/^\s*([a-z0-9_-]+)\s*(\(([\s\S]...
function UseCommand (line 1) | function UseCommand(value,engine){if(!/^\s*([a-z0-9\/_-]+)\s*(\(([\s\S]*...
function ForCommand (line 1) | function ForCommand(value,engine){var rule=new RegExp(stringFormat('^\\s...
function IfCommand (line 1) | function IfCommand(value,engine){Command.call(this,value,engine)}
function ElifCommand (line 1) | function ElifCommand(value,engine){IfCommand.call(this,value,engine)}
function ElseCommand (line 1) | function ElseCommand(value,engine){Command.call(this,value,engine)}
function replaceBlock (line 1) | function replaceBlock(node){var children=node.children;if(children insta...
function checkReadyState (line 1) | function checkReadyState(node){for(var i=0,len=node.children.length;i<le...
function addTargetToContext (line 1) | function addTargetToContext(target,context){context.target=target;var en...
function addCommandType (line 1) | function addCommandType(name,Type){commandTypes[name]=Type;Type.prototyp...
function Engine (line 1) | function Engine(options){this.options={commandOpen:'<!--',commandClose:'...
function parseSource (line 1) | function parseSource(source,engine){var commandOpen=engine.options.comma...
FILE: static/lib/sea.js
function c (line 2) | function c(a){return function(b){return{}.toString.call(b)=="[object "+a...
function d (line 2) | function d(){return z++}
function e (line 2) | function e(a){return a.match(C)[0]}
function f (line 2) | function f(a){for(a=a.replace(D,"/"),a=a.replace(F,"$1/");a.match(E);)a=...
function g (line 2) | function g(a){var b=a.length-1,c=a.charAt(b);return"#"===c?a.substring(0...
function h (line 2) | function h(a){var b=u.alias;return b&&w(b[a])?b[a]:a}
function i (line 2) | function i(a){var b=u.paths,c;return b&&(c=a.match(G))&&w(b[c[1]])&&(a=b...
function j (line 2) | function j(a){var b=u.vars;return b&&a.indexOf("{")>-1&&(a=a.replace(H,f...
function k (line 2) | function k(a){var b=u.map,c=a;if(b)for(var d=0,e=b.length;e>d;d++){var f...
function l (line 2) | function l(a,b){var c,d=a.charAt(0);if(I.test(a))c=a;else if("."===d)c=f...
function m (line 2) | function m(a,b){if(!a)return"";a=h(a),a=i(a),a=j(a),a=g(a);var c=l(a,b);...
function n (line 2) | function n(a){return a.hasAttribute?a.src:a.getAttribute("src",4)}
function o (line 2) | function o(a,b,c){var d=K.createElement("script");if(c){var e=y(c)?c(a):...
function p (line 2) | function p(a,b,c){function d(){a.onload=a.onerror=a.onreadystatechange=n...
function q (line 2) | function q(){if(R)return R;if(S&&"interactive"===S.readyState)return S;f...
function r (line 2) | function r(a){var b=[];return a.replace(U,"").replace(T,function(a,c,d){...
function s (line 2) | function s(a,b){this.uri=a,this.dependencies=b||[],this.exports=null,thi...
function c (line 2) | function c(){t.request(g.requestUri,g.onRequest,g.charset)}
function d (line 2) | function d(){delete X[h],Y[h]=!0,W&&(s.save(f,W),W=null);var a,b=Z[h];fo...
function a (line 2) | function a(b){return s.get(a.resolve(b)).exec()}
FILE: static/lib/vue-router.js
function assert (line 15) | function assert(condition, message) {
function warn (line 21) | function warn(condition, message) {
function isError (line 27) | function isError(err) {
function resolveProps (line 123) | function resolveProps(route, config) {
function extend (line 144) | function extend(to, from) {
function resolveQuery (line 170) | function resolveQuery(
function parseQuery (line 191) | function parseQuery(query) {
function stringifyQuery (line 217) | function stringifyQuery(obj) {
function createRoute (line 256) | function createRoute(
function clone (line 285) | function clone(value) {
function formatMatch (line 304) | function formatMatch(record) {
function getFullPath (line 313) | function getFullPath(
function isSameRoute (line 327) | function isSameRoute(a, b) {
function isObjectEqual (line 350) | function isObjectEqual(a, b) {
function isIncludedRoute (line 374) | function isIncludedRoute(current, target) {
function queryIncludes (line 384) | function queryIncludes(current, target) {
function guardEvent (line 494) | function guardEvent(e) {
function findAnchor (line 521) | function findAnchor(children) {
function install (line 538) | function install(Vue) {
function resolvePath (line 600) | function resolvePath(
function parsePath (line 642) | function parsePath(path) {
function cleanPath (line 665) | function cleanPath(path) {
function parse (line 707) | function parse(str, options) {
function compile (line 780) | function compile(str, options) {
function encodeURIComponentPretty (line 790) | function encodeURIComponentPretty(str) {
function encodeAsterisk (line 802) | function encodeAsterisk(str) {
function tokensToFunction (line 811) | function tokensToFunction(tokens) {
function escapeString (line 898) | function escapeString(str) {
function escapeGroup (line 908) | function escapeGroup(group) {
function attachKeys (line 919) | function attachKeys(re, keys) {
function flags (line 930) | function flags(options) {
function regexpToRegexp (line 941) | function regexpToRegexp(path, keys) {
function arrayToRegexp (line 971) | function arrayToRegexp(path, keys, options) {
function stringToRegexp (line 991) | function stringToRegexp(path, keys, options) {
function tokensToRegExp (line 1003) | function tokensToRegExp(tokens, keys, options) {
function pathToRegexp (line 1079) | function pathToRegexp(path, keys, options) {
function fillParams (line 1108) | function fillParams(
function createRouteMap (line 1130) | function createRouteMap(
function addRouteRecord (line 1163) | function addRouteRecord(
function compileRouteRegex (line 1271) | function compileRouteRegex(path, pathToRegexpOptions) {
function normalizePath (line 1282) | function normalizePath(path, parent, strict) {
function normalizeLocation (line 1298) | function normalizeLocation(
function assign (line 1352) | function assign(a, b) {
function createMatcher (line 1362) | function createMatcher(
function matchRoute (line 1531) | function matchRoute(
function resolveRecordPath (line 1555) | function resolveRecordPath(path, record) {
function setupScroll (line 1564) | function setupScroll() {
function handleScroll (line 1577) | function handleScroll(
function saveScrollPosition (line 1619) | function saveScrollPosition() {
function getScrollPosition (line 1629) | function getScrollPosition() {
function getElementPosition (line 1636) | function getElementPosition(el, offset) {
function isValidPosition (line 1646) | function isValidPosition(obj) {
function normalizePosition (line 1650) | function normalizePosition(obj) {
function normalizeOffset (line 1657) | function normalizeOffset(obj) {
function isNumber (line 1664) | function isNumber(v) {
function scrollToPosition (line 1668) | function scrollToPosition(shouldScroll, position) {
function genKey (line 1710) | function genKey() {
function getStateKey (line 1714) | function getStateKey() {
function setStateKey (line 1718) | function setStateKey(key) {
function pushState (line 1722) | function pushState(url, replace) {
function replaceState (line 1743) | function replaceState(url) {
function runQueue (line 1749) | function runQueue(queue, fn, cb) {
function resolveAsyncComponents (line 1768) | function resolveAsyncComponents(matched) {
function flatMapComponents (line 1832) | function flatMapComponents(
function flatten (line 1847) | function flatten(arr) {
function isESModule (line 1855) | function isESModule(obj) {
function once (line 1863) | function once(fn) {
function normalizeBase (line 2056) | function normalizeBase(base) {
function resolveQueue (line 2076) | function resolveQueue(
function extractGuards (line 2094) | function extractGuards(
function extractGuard (line 2111) | function extractGuard(
function extractLeaveGuards (line 2122) | function extractLeaveGuards(deactivated) {
function extractUpdateHooks (line 2126) | function extractUpdateHooks(updated) {
function bindGuard (line 2130) | function bindGuard(guard, instance) {
function extractEnterGuards (line 2138) | function extractEnterGuards(
function bindEnterGuard (line 2148) | function bindEnterGuard(
function poll (line 2172) | function poll(
function HTML5History (line 2191) | function HTML5History(router, base) {
function getLocation (line 2267) | function getLocation(base) {
function HashHistory (line 2279) | function HashHistory(router, base, fallback) {
function checkFallback (line 2363) | function checkFallback(base) {
function ensureSlash (line 2373) | function ensureSlash() {
function getHash (line 2382) | function getHash() {
function getUrl (line 2390) | function getUrl(path) {
function pushHash (line 2397) | function pushHash(path) {
function replaceHash (line 2405) | function replaceHash(path) {
function AbstractHistory (line 2417) | function AbstractHistory(router, base) {
function registerHook (line 2656) | function registerHook(list, fn) {
function createHref (line 2666) | function createHref(base, fullPath, mode) {
FILE: static/lib/vue.js
function e (line 11) | function e(e) {
function t (line 15) | function t(e) {
function n (line 19) | function n(e) {
function r (line 23) | function r(e) {
function i (line 27) | function i(e) {
function o (line 31) | function o(e) {
function a (line 35) | function a(e) {
function s (line 39) | function s(e) {
function c (line 43) | function c(e) {
function u (line 48) | function u(e) {
function l (line 52) | function l(e) {
function f (line 57) | function f(e, t) {
function d (line 66) | function d(e, t) {
function p (line 73) | function p(e, t) {
function v (line 77) | function v(e) {
function h (line 84) | function h(e, t) {
function m (line 92) | function m(e, t) {
function y (line 98) | function y(e, t) {
function g (line 103) | function g(e) {
function _ (line 108) | function _(e, t, n) {}
function b (line 110) | function b(e, t) {
function $ (line 132) | function $(e, t) {
function C (line 138) | function C(e) {
function w (line 145) | function w(e) {
function x (line 150) | function x(e, t, n, r) {
function k (line 159) | function k(e) {
function A (line 172) | function A(e) {
function O (line 176) | function O(e) {
function S (line 180) | function S() {
function T (line 184) | function T(e) {
function E (line 188) | function E(e, t) {
function j (line 193) | function j(e, t) {
function L (line 198) | function L(e, t, n) {
function N (line 202) | function N(e, t, n) {
function I (line 209) | function I(e, t) {
function M (line 216) | function M(e, t, n, r, i) {
function P (line 238) | function P(e, t, n) {
function D (line 245) | function D(e, t) {
function R (line 253) | function R(e) {
function F (line 257) | function F(e, t) {
function H (line 263) | function H(e, t, n) {
function B (line 273) | function B(e, t) {
function U (line 277) | function U(e, t, n, r) {
function V (line 282) | function V(e, t) {
function z (line 298) | function z(e, t) {
function K (line 316) | function K(e) {
function J (line 328) | function J(e, t, n) {
function q (line 343) | function q(e, t, n, r) {
function W (line 356) | function W(e, t, n, r) {
function G (line 368) | function G(e, t, n) {
function Z (line 375) | function Z(e) {
function Y (line 380) | function Y(e, t) {
function Q (line 387) | function Q(e, t, n) {
function X (line 401) | function X(e, t, n) {
function ee (line 410) | function ee(e, t, n) {
function te (line 415) | function te() {
function ne (line 422) | function ne(e) {
function re (line 430) | function re(e, t) {
function ie (line 443) | function ie(e) {
function oe (line 453) | function oe(t, n, r, i, o) {
function ae (line 459) | function ae(r, i, o) {
function se (line 467) | function se(n, r, i) {
function ce (line 482) | function ce(e, n, r, i, o) {
function ue (line 490) | function ue(e) {
function le (line 496) | function le(e) {
function fe (line 500) | function fe(e) {
function de (line 504) | function de(r, o) {
function pe (line 510) | function pe(e, t) {
function ve (line 514) | function ve(e, t, n, r, i) {
function he (line 524) | function he(r, i, a) {
function me (line 550) | function me(e) {
function ye (line 554) | function ye(e) {
function ge (line 562) | function ge(e) {
function _e (line 568) | function _e(e, t, n) {
function be (line 572) | function be(e, t) {
function $e (line 576) | function $e(e, t, n) {
function Ce (line 580) | function Ce(e, t) {
function we (line 596) | function we(e) {
function xe (line 600) | function xe(e, t) {
function ke (line 606) | function ke(e) {
function Ae (line 616) | function Ae(e, t, n) {
function Oe (line 624) | function Oe(e, t, n, r, i) {
function Se (line 641) | function Se(e) {
function Te (line 647) | function Te(e, t) {
function Ee (line 658) | function Ee(e, t) {
function je (line 666) | function je(e, t) {
function Le (line 677) | function Le() {
function Ne (line 681) | function Ne() {
function Ie (line 692) | function Ie(e) {
function Me (line 700) | function Me(e) {
function Pe (line 704) | function Pe(e) {
function De (line 708) | function De(e) {
function Re (line 719) | function Re(e) {
function Fe (line 723) | function Fe(e, t) {
function He (line 738) | function He(e, t, n) {
function Be (line 746) | function Be(e) {
function Ue (line 752) | function Ue(e, t) {
function Ve (line 766) | function Ve(e) {
function ze (line 776) | function ze(e, t) {
function Ke (line 784) | function Ke(e, t) {
function Je (line 794) | function Je(e, t, n) {
function qe (line 799) | function qe(e) {
function We (line 806) | function We(e, t) {
function Ge (line 810) | function Ge(e, t) {
function Ze (line 819) | function Ze(e, t, n, r) {
function Ye (line 823) | function Ye(e) {
function Qe (line 828) | function Qe(e) {
function Xe (line 835) | function Xe(e, t) {
function et (line 856) | function et(e, n) {
function tt (line 867) | function tt(e, t, n, r) {
function nt (line 874) | function nt(e) {
function rt (line 878) | function rt(e, t, n, r) {
function it (line 883) | function it(e, t, n, r, i) {
function ot (line 902) | function ot(e, t) {
function at (line 909) | function at(e, t, n) {
function st (line 913) | function st(e, t, n) {
function ct (line 919) | function ct(e, t, n) {
function ut (line 923) | function ut(e, t) {
function lt (line 936) | function lt(e) {
function ft (line 940) | function ft(e, t, r, i, o) {
function dt (line 956) | function dt(e, n, r, i, o) {
function pt (line 968) | function pt(e, t) {
function vt (line 972) | function vt(r, i, a, s, c) {
function ht (line 999) | function ht(e, n, r, i) {
function mt (line 1016) | function mt(e) {
function yt (line 1026) | function yt(e, t) {
function gt (line 1032) | function gt(e, n) {
function _t (line 1040) | function _t(e, t, r, o, a, s) {
function bt (line 1044) | function bt(e, n, r, i, o) {
function $t (line 1058) | function $t(r, i, o) {
function Ct (line 1066) | function Ct(e) {
function wt (line 1080) | function wt(e, t) {
function xt (line 1085) | function xt(e) {
function kt (line 1098) | function kt(e) {
function At (line 1106) | function At(e, t, n) {
function Ot (line 1116) | function Ot(e) {
function St (line 1120) | function St(e) {
function Tt (line 1129) | function Tt(e) {
function Et (line 1135) | function Et(e) {
function jt (line 1154) | function jt(e) {
function Lt (line 1159) | function Lt(e) {
function Nt (line 1164) | function Nt(e) {
function It (line 1175) | function It(e) {
function Mt (line 1179) | function Mt(e, t) {
function Pt (line 1183) | function Pt(e, t) {
function Dt (line 1196) | function Dt(e, t, n, r) {
function Rt (line 1201) | function Rt(e) {
function Ft (line 1207) | function Ft(e, n) {
function Ht (line 1214) | function Ht(e, n) {
function Bt (line 1218) | function Bt(e, t) {
function Ut (line 1222) | function Ut(e) {
function Vt (line 1226) | function Vt(e) {
function zt (line 1231) | function zt(e) {
function Kt (line 1237) | function Kt(e) {
function Jt (line 1241) | function Jt(e) {
function qt (line 1249) | function qt(e, t) {
function Wt (line 1259) | function Wt(r, i) {
function Gt (line 1263) | function Gt(e, n) {
function Zt (line 1270) | function Zt(e, n, r) {
function Yt (line 1276) | function Yt(e, t) {
function Qt (line 1280) | function Qt(e, t) {
function Xt (line 1300) | function Xt(e, t) {
function en (line 1308) | function en(e) {
function tn (line 1312) | function tn(e, t, n, r, i) {
function nn (line 1321) | function nn(n, r) {
function rn (line 1334) | function rn(e, t, n) {
function on (line 1338) | function on(n, r) {
function an (line 1349) | function an(e) {
function sn (line 1405) | function sn(e, t) {
function cn (line 1410) | function cn(e) {
function un (line 1414) | function un(e, t) {
function ln (line 1422) | function ln(e, t, n) {
function fn (line 1429) | function fn(e, t, n) {
function dn (line 1436) | function dn(e, t, n, r, i, o) {
function pn (line 1446) | function pn(e, t, n, r, i, o) {
function vn (line 1458) | function vn(e, t, n) {
function hn (line 1467) | function hn(e, t, n) {
function mn (line 1478) | function mn(e, t, n) {
function yn (line 1491) | function yn(e, t) {
function gn (line 1496) | function gn(e) {
function _n (line 1511) | function _n() {
function bn (line 1515) | function bn() {
function $n (line 1519) | function $n(e) {
function Cn (line 1523) | function Cn(e) {
function wn (line 1533) | function wn(e) {
function xn (line 1537) | function xn(e, t, n) {
function kn (line 1545) | function kn(e, t, n) {
function An (line 1551) | function An(e, t, n) {
function On (line 1556) | function On(e, t, n) {
function Sn (line 1570) | function Sn(e) {
function Tn (line 1578) | function Tn(e, t, n) {
function En (line 1585) | function En(e, t, n, r, i) {
function jn (line 1592) | function jn(e, t, n, r) {
function Ln (line 1596) | function Ln(t, n) {
function Nn (line 1604) | function Nn(n, r) {
function In (line 1625) | function In(e, t) {
function Mn (line 1629) | function Mn(e, t) {
function Pn (line 1637) | function Pn(e, n) {
function Dn (line 1643) | function Dn(e) {
function Rn (line 1648) | function Rn(e) {
function Fn (line 1652) | function Fn(e, t) {
function Hn (line 1661) | function Hn(n, r) {
function Bn (line 1677) | function Bn(e, t) {
function Un (line 1688) | function Un(e, t) {
function Vn (line 1699) | function Vn(e) {
function zn (line 1709) | function zn(e) {
function Kn (line 1715) | function Kn(e, t) {
function Jn (line 1720) | function Jn(e, t) {
function qn (line 1724) | function qn(e, t, n) {
function Wn (line 1743) | function Wn(e, t) {
function Gn (line 1761) | function Gn(e, t) {
function Zn (line 1768) | function Zn(e) {
function Yn (line 1772) | function Yn(n, r) {
function Qn (line 1804) | function Qn(n, r) {
function Xn (line 1836) | function Xn(e) {
function er (line 1840) | function er(n) {
function tr (line 1846) | function tr(e, t) {
function nr (line 1850) | function nr(e, t, n) {
function rr (line 1856) | function rr(e, t, n) {
function ir (line 1867) | function ir(e, t) {
function or (line 1873) | function or(e) {
function ar (line 1877) | function ar(e) {
function sr (line 1881) | function sr(e) {
function cr (line 1885) | function cr(e, t) {
function ur (line 1890) | function ur(e) {
function lr (line 1894) | function lr(e) {
function fr (line 1899) | function fr(e) {
function dr (line 1908) | function dr(e, t) {
function pr (line 1914) | function pr(e) {
function vr (line 1919) | function vr(e, t) {
function hr (line 1923) | function hr(e) {
function mr (line 1927) | function mr(e) {
function yr (line 1931) | function yr(e) {
function gr (line 1943) | function gr(e, t) {
function _r (line 1955) | function _r(e, t) {
function br (line 1962) | function br(e, t) {
function $r (line 2067) | function $r(e, t, n) {
function Cr (line 2078) | function Cr(e, t) {
function wr (line 2144) | function wr(e) {
function xr (line 2148) | function xr(e) {
function kr (line 2158) | function kr(e, t) {
function Ar (line 2164) | function Ar(e) {
function Or (line 2169) | function Or(e) {
function Sr (line 2174) | function Sr(e) {
function Tr (line 2186) | function Tr(e) {
function Er (line 2199) | function Er(e, t) {
function jr (line 2207) | function jr(e) {
function Lr (line 2214) | function Lr(e, t) {
function Nr (line 2218) | function Nr(e) {
function Ir (line 2222) | function Ir(e) {
function Mr (line 2232) | function Mr(e) {
function Pr (line 2237) | function Pr(e) {
function Dr (line 2250) | function Dr(e) {
function Rr (line 2258) | function Rr(e) {
function Fr (line 2268) | function Fr(e) {
function Hr (line 2273) | function Hr(e) {
function Br (line 2277) | function Br(e) {
function Ur (line 2281) | function Ur(e) {
function Vr (line 2289) | function Vr(e) {
function zr (line 2293) | function zr(e, t, n) {
function Kr (line 2300) | function Kr(e, t) {
function Jr (line 2304) | function Jr(e) {
function qr (line 2319) | function qr(e, t) {
function Wr (line 2329) | function Wr(e) {
function Gr (line 2333) | function Gr(e) {
function Zr (line 2341) | function Zr(e, t, n) {
function Yr (line 2350) | function Yr(e, t) {
function Qr (line 2376) | function Qr(e) {
function Xr (line 2380) | function Xr(e) {
function ei (line 2387) | function ei(e, t) {
function ti (line 2395) | function ti(e, t) {
function ni (line 2415) | function ni(e, t) {
function ri (line 2419) | function ri(e, t) {
function ii (line 2434) | function ii(e, t, n, r) {
function oi (line 2438) | function oi(e, t, n, r) {
function ai (line 2447) | function ai(e, t, n, r) {
function si (line 2455) | function si(e, t) {
function ci (line 2467) | function ci(e, t) {
function ui (line 2481) | function ui(e, t) {
function li (line 2491) | function li(e, t) {
function fi (line 2497) | function fi(e, t, n) {
function di (line 2501) | function di(e, t, n) {
function pi (line 2509) | function pi(e, t, n, r, i) {
function vi (line 2522) | function vi(e, t) {
function hi (line 2539) | function hi(e) {
function mi (line 2543) | function mi(e, t) {
function yi (line 2547) | function yi(e) {
function gi (line 2551) | function gi(e) {
function _i (line 2555) | function _i(e, t) {
function bi (line 2566) | function bi(e, t, n) {
function $i (line 2571) | function $i(e) {
function Ci (line 2579) | function Ci(e) {
function wi (line 2583) | function wi(e, t) {
function xi (line 2594) | function xi(e) {
function ki (line 2609) | function ki(e) {
function e (line 2684) | function e() {
function n (line 2947) | function n() {
function o (line 3259) | function o(e) {
function a (line 3263) | function a(e, t) {
function s (line 3270) | function s(e) {
function c (line 3275) | function c(e, r, i, o, a) {
function u (line 3284) | function u(e, r, i, o) {
function l (line 3292) | function l(e, n) {
function d (line 3296) | function d(e, n, r, i) {
function p (line 3306) | function p(e, n, r) {
function v (line 3310) | function v(e, t, n) {
function h (line 3316) | function h(e) {
function m (line 3321) | function m(e, n) {
function y (line 3326) | function y(e) {
function g (line 3334) | function g(e, t, n, r, i, o) {
function _ (line 3338) | function _(e) {
function b (line 3346) | function b(e, n, r, i) {
function $ (line 3353) | function $(e, n) {
function C (line 3361) | function C(n, r, i, o, a) {
function w (line 3366) | function w(e, n, r, i) {
function x (line 3373) | function x(r, i, o, a) {
function k (line 3392) | function k(e, r, i) {
function A (line 3398) | function A(e, r, i) {
function n (line 3847) | function n(n, r) {
FILE: static/lib/vuex.js
function vuexInit (line 36) | function vuexInit() {
function devtoolPlugin (line 51) | function devtoolPlugin(store) {
function forEachValue (line 91) | function forEachValue(obj, fn) {
function isObject (line 97) | function isObject(obj) {
function isPromise (line 101) | function isPromise(val) {
function assert (line 105) | function assert(condition, msg) {
function update (line 235) | function update(path, targetModule, newModule) {
function assertRawModule (line 285) | function assertRawModule(path, rawModule) {
function makeAssertionMessage (line 302) | function makeAssertionMessage(path, key, type, value, expected) {
function genericSubscribe (line 549) | function genericSubscribe(fn, subs) {
function resetStore (line 561) | function resetStore(store, hot) {
function resetStoreVM (line 573) | function resetStoreVM(store, state, hot) {
function installModule (line 625) | function installModule(store, rootState, path, module, hot) {
function makeLocalContext (line 670) | function makeLocalContext(store, namespace, path) {
function makeLocalGetters (line 729) | function makeLocalGetters(store, namespace) {
function registerMutation (line 756) | function registerMutation(store, type, handler, local) {
function registerAction (line 763) | function registerAction(store, type, handler, local) {
function registerGetter (line 788) | function registerGetter(store, type, rawGetter, local) {
function enableStrictMode (line 805) | function enableStrictMode(store) {
function getNestedState (line 818) | function getNestedState(state, path) {
function unifyObjectStyle (line 824) | function unifyObjectStyle(type, payload, options) {
function install (line 842) | function install(_Vue) {
function normalizeMap (line 962) | function normalizeMap(map) {
function normalizeNamespace (line 976) | function normalizeNamespace(fn) {
function getModuleByNamespace (line 988) | function getModuleByNamespace(store, helper, namespace) {
Condensed preview — 97 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (601K chars).
[
{
"path": ".gitattributes",
"chars": 27,
"preview": "*.js linguist-language=vue\n"
},
{
"path": "CODE_OF_CONDUCT.md",
"chars": 5481,
"preview": "# Code of Conduct\n\n## 1. Purpose\n\nA primary goal of Widgets Playground is to be inclusive to the largest number of contr"
},
{
"path": "README.md",
"chars": 1047,
"preview": "# WidgetsPlayground\n\n[]() [![Git"
},
{
"path": "index.html",
"chars": 2621,
"preview": "<!doctype html>\n<html>\n\n<head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initi"
},
{
"path": "licence",
"chars": 35141,
"preview": " GNU GENERAL PUBLIC LICENSE\n Version 3, 29 June 2007\n\n Copyright (C) 2007 Free "
},
{
"path": "src/app.js",
"chars": 890,
"preview": "/**\n * index\n */\ndefine(function(require, exports, module) {\n\t\"use strict\";\n\tconst router = require('js/router');\n\tconst"
},
{
"path": "src/assets/common.js",
"chars": 4952,
"preview": "/**\n * name: common\n * version: v4.1.2\n * update: placeholder inline\n * date: 2017-05-11\n */\ndefine(function(require, ex"
},
{
"path": "src/assets/util.js",
"chars": 2436,
"preview": "/**\n * name: util\n * version: v1.0.1\n * update: 潜在的日期排序bug\n * date: 2015-07-03\n */\ndefine(function(require, exports, mod"
},
{
"path": "src/assets/wilddog.js",
"chars": 223,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst app = wilddog.initializeApp({\n\t\tsyncURL: \"https://wild"
},
{
"path": "src/component/blank.js",
"chars": 90,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\t\n\t};\n});"
},
{
"path": "src/component/body.js",
"chars": 1555,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\ttemplate: `<div class=\"scroller flex-1"
},
{
"path": "src/component/component-list.js",
"chars": 2493,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\ttemplate: `<div class=\"widget-list\" id"
},
{
"path": "src/component/config-pannel.js",
"chars": 5201,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\ttemplate: `<div class=\"playTime_panel\""
},
{
"path": "src/component/data-count.js",
"chars": 1196,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\t\n\tmodule.exports = "
},
{
"path": "src/component/filter.js",
"chars": 2586,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\t\n\tmodule.exports = "
},
{
"path": "src/component/head.js",
"chars": 2868,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst wilddogApp = require('js/assets/wilddog');\n\tconst Drop"
},
{
"path": "src/component/login.js",
"chars": 5816,
"preview": "define(function(require, exports, module) {\n \"use strict\";\n const box = require('box');\n const wilddogApp = req"
},
{
"path": "src/component/main.js",
"chars": 1817,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst box = require('box');\n\tconst wilddogApp = require('js/"
},
{
"path": "src/component/nav.js",
"chars": 2517,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\ttemplate: `<div class=\"menu-bar\" id=\"n"
},
{
"path": "src/component/play-time.js",
"chars": 8680,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\tconst box = require"
},
{
"path": "src/component/quick-start.js",
"chars": 786,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\ttemplate: `<div class=\"quickStart\">\n "
},
{
"path": "src/component/regist.js",
"chars": 5358,
"preview": "define(function(require, exports, module) {\n \"use strict\";\n const box = require('box');\n const wilddogApp = req"
},
{
"path": "src/component/user-set.js",
"chars": 858,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tmodule.exports = {\n\t\ttemplate: `<form class=\"userSetForm bo"
},
{
"path": "src/plugin/dropdown.js",
"chars": 3101,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tseajs.importStyle(`\n\t\t.dropdown-fade-enter-active {transitio"
},
{
"path": "src/router.js",
"chars": 770,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\n\tconst router = new VueRouter({\n\t\tbase: seajs.root,\n\t\troutes"
},
{
"path": "src/store/actions.js",
"chars": 2263,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\tconst box = require"
},
{
"path": "src/store/getters.js",
"chars": 3568,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\n\tmodule.exports = {"
},
{
"path": "src/store/mutations.js",
"chars": 2066,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\n\tmodule.exports = {"
},
{
"path": "src/store/store.js",
"chars": 760,
"preview": "define(function(require, exports, module) {\n\t\"use strict\";\n\tconst util = require('js/assets/util');\n\tconst getters = req"
},
{
"path": "static/css/platform.css",
"chars": 9331,
"preview": "/*webkit scroll*/\n::-webkit-scrollbar-track-piece {background-color:#f5f5f5;}\n::-webkit-scrollbar {width:6px;height:13p"
},
{
"path": "static/css/ui.css",
"chars": 76341,
"preview": "html {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n font-family: Arial, 'Hiragino S"
},
{
"path": "static/lib/etpl.js",
"chars": 17061,
"preview": "function extend(target,source){for(var key in source){if(source.hasOwnProperty(key)){target[key]=source[key]}}return tar"
},
{
"path": "static/lib/sea.js",
"chars": 20506,
"preview": "/*! Sea.js 2.3.0 | seajs.org/LICENSE.md */\n!function(a,b){function c(a){return function(b){return{}.toString.call(b)==\"["
},
{
"path": "static/lib/vue-router.js",
"chars": 82444,
"preview": "/**\n * vue-router v3.0.1\n * (c) 2017 Evan You\n * @license MIT\n */\n(function(global, factory) {\n typeof exports === 'o"
},
{
"path": "static/lib/vue.js",
"chars": 143276,
"preview": "/*!\n * Vue.js v2.5.2\n * (c) 2014-2017 Evan You\n * Released under the MIT License.\n */\n! function(e, t) {\n \"object\" =="
},
{
"path": "static/lib/vuex.js",
"chars": 31628,
"preview": "/**\n * vuex v3.0.0\n * (c) 2017 Evan You\n * @license MIT\n */\n(function(global, factory) {\n typeof exports === 'object'"
},
{
"path": "widgets/bread/1/config.json",
"chars": 701,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"fontSize\": {\n\t\t\t\"name\": \"字号\",\n\t\t\t\"value\": \"12px\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"textColor\": {\n\t\t\t\"name\""
},
{
"path": "widgets/bread/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/bread/1/style.css",
"chars": 261,
"preview": ".widget-bread-1 {font-size: ${fontSize.value}; color: ${textColor.value}; }\n.widget-bread-1 a { color: ${textColor.value"
},
{
"path": "widgets/bread/1/temp.htm",
"chars": 170,
"preview": "<div class=\"widget-bread-1\">\n\t${headText.value}<a href=\"#\">首页</a><i class=\"ion\">${sep.value | raw}</i><a href=\"#\">产品中心</"
},
{
"path": "widgets/data.json",
"chars": 2611,
"preview": "{\n\t\"version\": {\n\t\t\"value\": \"1.1.1\",\n\t\t\"description\": \"组件模板将优先使用本地缓存，可以通过'菜单-立即更新'清除缓存。\"\n\t},\n\t\"widgets\": [{\n\t\t\"title\": \"首"
},
{
"path": "widgets/download/1/config.json",
"chars": 1698,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"channelTitleSize\": {\n\t\t\t\"name\": \"标题栏字号\",\n\t\t\t\"value\": \"16px\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"channelTitle"
},
{
"path": "widgets/download/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/download/1/style.css",
"chars": 1049,
"preview": ".widget-download-1-bar {font-size: ${channelTitleSize.value}; font-weight: ${channelTitleWeight.value}; \nline-height: ${"
},
{
"path": "widgets/download/1/temp.htm",
"chars": 1625,
"preview": "<div class=\"widget-download-1\">\n <div class=\"widget-download-1-bar\">${channelTitle.value}</div>\n <ul class=\"widget"
},
{
"path": "widgets/form/1/config.json",
"chars": 1042,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"borderRadius\": {\n\t\t\t\"name\": \"圆角大小\",\n\t\t\t\"value\": \"0px\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"borderColor\": {\n\t\t"
},
{
"path": "widgets/form/1/script.js",
"chars": 116,
"preview": "require('validform');\n$('#${id}').Validform({\n\ttiptype:1, \n ajaxPost:true,\n callback:function(res){\n\n }\n})\n"
},
{
"path": "widgets/form/1/style.css",
"chars": 334,
"preview": ".widget-form-1 ._act{margin-top: 30px;}\n.widget-form-1 .form-control{border-radius: ${borderRadius.value};border-color:$"
},
{
"path": "widgets/form/1/temp.htm",
"chars": 4359,
"preview": "<form class=\"widget-form-1 form-horizontal\" id=\"${id}\">\n <div class=\"row\">\n <div class=\"span-${leftWidth.value}\">\n "
},
{
"path": "widgets/history/1/config.json",
"chars": 304,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"yqBDColor\":{\n\t\t\t\"name\": \"圆圈线颜色\",\n\t\t\t\"value\": \"#3bb4f2\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"sjBDColor\":{\n\t\t\t\""
},
{
"path": "widgets/history/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/history/1/style.css",
"chars": 895,
"preview": ".widget-history-1 { background: #ffffff; }\n.widget-history-1 ._year { position: relative; height: 40px; margin-top: 12px"
},
{
"path": "widgets/history/1/temp.htm",
"chars": 846,
"preview": "<div class=\"widget-history-1\" >\n\t<div class=\"_year\">\n\t\t<strong>2014</strong>\n\t</div>\n\t<div class=\"_list\">\n\t\t<ul>\n\t\t\t<li>"
},
{
"path": "widgets/job/1/config.json",
"chars": 304,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"yqBDColor\":{\n\t\t\t\"name\": \"圆圈线颜色\",\n\t\t\t\"value\": \"#3bb4f2\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"sjBDColor\":{\n\t\t\t\""
},
{
"path": "widgets/job/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/job/1/style.css",
"chars": 1126,
"preview": ".widget-job-1 li.first { background: #e2f4fd; border-bottom: none; padding: 0; }\n.widget-job-1 li { border-bottom: 1px s"
},
{
"path": "widgets/job/1/temp.htm",
"chars": 1694,
"preview": "<div class=\"widget-job-1\">\n <ul class=\"fix\">\n <li class=\"first\">\n <div class=\"_ut _t1\">职位名称</div>\n <div cl"
},
{
"path": "widgets/nav/1/config.json",
"chars": 391,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"layerWidth\": {\n\t\t\t\"name\": \"下拉宽度(%或px)\",\n\t\t\t\"value\": \"150%\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"layerColor\": "
},
{
"path": "widgets/nav/1/script.js",
"chars": 598,
"preview": "var resp = require('responsive');\n//扫描按需加载\nresp.scanpush();\n\n//nav\nvar _li = $('#menu').children('ul').children('li');\ni"
},
{
"path": "widgets/nav/1/style.css",
"chars": 1034,
"preview": ".widget-nav { position:relative; z-index:10;}\n.widget-nav > ul > li { width:20%; float:left; position:relative; border-b"
},
{
"path": "widgets/nav/1/temp.htm",
"chars": 1896,
"preview": "<nav class=\"widget-nav\" id=\"menu\">\n <ul class=\"fix\">\n <li><a href=\"#\">首页</a></li>\n <li><a href=\"#\">关于我们</a>\n "
},
{
"path": "widgets/newsdetail/1/config.json",
"chars": 1994,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"tagB\": {\n\t\t\t\"name\": \"标签背景\",\n\t\t\t\"value\": \"#cccccc\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"tagColor\": {\n\t\t\t\"name\""
},
{
"path": "widgets/newsdetail/1/script.js",
"chars": 204,
"preview": "//扫描按需加载\nvar resp = require('responsive');\nresp.scanpush();\n//百度分享\nrequire.async('bdshare', function(bs) {\n\tbs([{\n\t\ttag:"
},
{
"path": "widgets/newsdetail/1/style.css",
"chars": 2704,
"preview": ".widget-newsdetail-1 ._head { position: relative; margin: 0 75px 30px;}\n.widget-newsdetail-1 ._detailPage { position: ab"
},
{
"path": "widgets/newsdetail/1/temp.htm",
"chars": 1981,
"preview": "<article class=\"widget-newsdetail-1\">\n\t<header class=\"_head\">\n \t<div class=\"_detailPage UnmobilePush\">\n \t<textarea"
},
{
"path": "widgets/newslist/1/config.json",
"chars": 566,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"partWidth\": {\n\t\t\t\"name\": \"左右版块宽度(%)\",\n\t\t\t\"value\": \"49%\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"titleBG\": {\n\t\t\t\""
},
{
"path": "widgets/newslist/1/script.js",
"chars": 118,
"preview": "require('slide');\n$('#${id}').slide({\n\twrap:'._wrap',\n\tcell:'._cell',\n\teffect:'toggle',\n\tinterval:5000,\n\tauto:true\n});"
},
{
"path": "widgets/newslist/1/style.css",
"chars": 2755,
"preview": ".widget-newstop-1 { margin-bottom:20px; }\n.widget-newstop-1,.widget-newstop-1 ._wrap,.widget-newstop-1 ._cell,.widget-ne"
},
{
"path": "widgets/newslist/1/temp.htm",
"chars": 1966,
"preview": "<div class=\"widget-newstop-1\" id=\"${id}\">\n\t<div class=\"hd\">\n\t\t<h2 class=\"_title\">最新发布</h2>\n\t\t<div class=\"_en\">THE LASTES"
},
{
"path": "widgets/page/1/config.json",
"chars": 719,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"fontSize\": {\n\t\t\t\"name\": \"字号\",\n\t\t\t\"value\": \"12px\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"textColor\": {\n\t\t\t\"name\""
},
{
"path": "widgets/page/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/page/1/style.css",
"chars": 621,
"preview": ".page{font-size: ${fontSize.value}; color: ${textColor.value}; text-align: center;}\n.page a,.page span { color: ${textCo"
},
{
"path": "widgets/page/1/temp.htm",
"chars": 271,
"preview": "<div class=\"page\">\n <span class=\"goprev\">上一页</span>\n <span>1</span><a href=\"#\">2</a><a href=\"#\">3</a><a href=\"#\">4"
},
{
"path": "widgets/prodetail/1/config.json",
"chars": 2187,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"leftWidth\": {\n\t\t\t\"name\": \"左边宽度(%)\",\n\t\t\t\"value\": \"48\",\n\t\t\t\"type\": \"number\"\n\t\t},\n\t\t\"rightWidth\":{\n\t\t\t"
},
{
"path": "widgets/prodetail/1/script.js",
"chars": 546,
"preview": "var widget = $('#${id}'),\n imgWrap = widget.find('._img'),\n imgList = widget.find('._album_list'),\n albumAct = "
},
{
"path": "widgets/prodetail/1/style.css",
"chars": 2194,
"preview": ".widget-prodetail-1 { overflow: hidden; *zoom: 1;}\n.widget-prodetail-1-img { float: left; width: ${leftWidth.value}%;}\n."
},
{
"path": "widgets/prodetail/1/temp.htm",
"chars": 2826,
"preview": "<div class=\"widget-prodetail-1\" id=\"${id}\">\n <div class=\"widget-prodetail-1-img\">\n <div class=\"_img rect-${img"
},
{
"path": "widgets/prolist/1/config.json",
"chars": 1323,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"leftWidth\": {\n\t\t\t\"name\": \"左边宽度(px)\",\n\t\t\t\"value\": 200,\n\t\t\t\"type\": \"number\"\n\t\t},\n\t\t\"imgMargin\": {\n\t\t\t"
},
{
"path": "widgets/prolist/1/script.js",
"chars": 90,
"preview": "var widget = $('#${id}');\nrequire('select');\nwidget.find('li').find('._prosele').select();"
},
{
"path": "widgets/prolist/1/style.css",
"chars": 1222,
"preview": ".widget-prolist-1 li { border-bottom: 1px solid #cccccc; padding: 15px 0; }\n.widget-prolist-1 ._img { float: left; width"
},
{
"path": "widgets/prolist/1/temp.htm",
"chars": 2138,
"preview": "<div class=\"widget-prolist-1\" id=\"${id}\">\n <ul>\n <li class=\"fix\">\n <a href=\"#\" target=\"_blank\" clas"
},
{
"path": "widgets/prolist/2/config.json",
"chars": 1404,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"tabHeaderBG\":{\n\t\t\t\"name\": \"头部背景色\",\n\t\t\t\"value\":\"#ededed\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"tabtBTC\":{\n\t\t\t\"n"
},
{
"path": "widgets/prolist/2/script.js",
"chars": 93,
"preview": "var widget = $('#${id}');\n\n\nrequire('tab');\nwidget.tab({\n\tleft:40,\n\tact:\"${tabAct.value}\"\n});"
},
{
"path": "widgets/prolist/2/style.css",
"chars": 1205,
"preview": ".widget-prolist-2-tab .tab_header { height: 58px; background: ${tabHeaderBG.value}; margin-bottom: 20px; }\n.widget-proli"
},
{
"path": "widgets/prolist/2/temp.htm",
"chars": 3970,
"preview": "<div class=\"widget-prolist-2\" id=\"${id}\">\n\t<div class=\"widget-prolist-2-tab\">\n\t\t<div class=\"tab_header\"></div>\n\t\t<h3 cla"
},
{
"path": "widgets/qa/1/config.json",
"chars": 640,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"fontSizeTitle\": {\n\t\t\t\"name\": \"标题字号\",\n\t\t\t\"value\": \"14px\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"fontSizeText\": {"
},
{
"path": "widgets/qa/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/qa/1/style.css",
"chars": 690,
"preview": ".widget-qa-1 { font-size: ${fontSizeText.value}; }\n.widget-qa-1 li { background: #ffffff; position: relative; padding-le"
},
{
"path": "widgets/qa/1/temp.htm",
"chars": 1352,
"preview": "<div class=\"widget-qa-1\">\n <ul>\n <li>\n <span class=\"_data\">Q1</span>\n <h3 class=\"_title\""
},
{
"path": "widgets/search/1/config.json",
"chars": 1157,
"preview": "{\n\t\"cssConfig\": {\n\t\t\"channelTitleSize\": {\n\t\t\t\"name\": \"标题栏字号\",\n\t\t\t\"value\": \"16px\",\n\t\t\t\"type\": \"text\"\n\t\t},\n\t\t\"inputHeight\""
},
{
"path": "widgets/search/1/script.js",
"chars": 128,
"preview": "require('validform');\nvar ${id} = $('#${id}').Validform({\n\ttiptype:1, \n ajaxPost:true,\n callback:function(res){\n\n "
},
{
"path": "widgets/search/1/style.css",
"chars": 1490,
"preview": ".Search-S1-head { overflow: hidden; padding: ${channelTitlePadd.value}; background: ${channelBackground.value}; margin-b"
},
{
"path": "widgets/search/1/temp.htm",
"chars": 1820,
"preview": "<div class=\"Search-S1\">\n <div class=\"Search-S1-head\">\n <form name=\"theform\" method=\"post\" action=\"\" id=\"${id}\""
},
{
"path": "widgets/table/1/config.json",
"chars": 536,
"preview": "{\n\t\"cssConfig\": {\n\t\t\n\t},\n\t\"jsConfig\": {\n\n\t},\n\t\"showConfig\": {\n\t\t\"viewWidth\": {\n\t\t\t\"name\": \"栅格宽度\",\n\t\t\t\"value\": 8,\n\t\t\t\"typ"
},
{
"path": "widgets/table/1/script.js",
"chars": 0,
"preview": ""
},
{
"path": "widgets/table/1/style.css",
"chars": 144,
"preview": ".widget-table-1{width:100%;overflow-x: auto;overflow-y: hidden;}\n.widget-table-1 th{background: #eee;}\n.widget-table-1 ."
},
{
"path": "widgets/table/1/temp.htm",
"chars": 622,
"preview": "<div class=\"widget-table-1\">\n\t<table class=\"table <!--if: ${border.value}=='有'-->table-bordered <!--/if-->\n\t<!--if: ${ho"
}
]
About this extraction
This page contains the full source code of the tower1229/WidgetsPlayground GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 97 files (539.5 KB), approximately 153.1k tokens, and a symbol index with 493 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.