{{ config.site.name }}
+ {{ config.site.name }}
-
-
- {%- for item in resource.pages %}
- {%- if item.meta.category === 'Components' %}
-
- {%- endif %}
- {%- endfor %}
-
-
+
+
+
-
-
+
+
+{%- include "footer.html" %}
diff --git a/site/templates/page.html b/site/templates/page.html
index d33b4882366741b53d6a09ab91fb654ac14efa07..5a11df32e27d43e2465ddb5f14aee29e55493b9c 100644
--- a/site/templates/page.html
+++ b/site/templates/page.html
@@ -10,10 +10,6 @@
{% block description %}{% if post.summay %}{{post.summary}}{% endif %}{% endblock %}
-{% block styles %}
-
-{% endblock %}
-
{% block aside %}
{%- include "aside.html" %}
{% endblock %}
diff --git a/static/script.js b/static/script.js
index d409ceb5de65cb44ac304d8a9a0d1d65f56a734a..c4e95eef7228ff9616701ec08c398ea1e42a1d24 100644
--- a/static/script.js
+++ b/static/script.js
@@ -1,52 +1,4 @@
$(function() {
-
- // 获取搜索数据
- var searchData = [];
- $('.hidden input').each(function(i, item) {
- var obj = {};
- obj.english = item.value.split(' ')[0];
- obj.chinese = item.value.split(' ')[1];
- obj.value = item.value.toLowerCase().replace(/\s+/g, "");
-
- searchData.push(obj);
- });
-
- seajs.config({
- base: 'http://static.alipayobjects.com',
- alias: {
- 'jquery': 'jquery/1.7.2/jquery',
- 'autocomplete': 'arale-autocomplete/1.4.1/autocomplete'
- }
- });
-
- seajs.use(['jquery', 'autocomplete'], function($, AutoComplete){
- $(function() {
- var ac = new AutoComplete({
- trigger: '.search-input',
- selectFirst: true,
- submitOnEnter: false,
- dataSource: searchData,
- html: '{{english}} {{chinese}}',
- filter: function(data, query) {
- var result = [];
- query = query.toLowerCase().replace(/^\s+|\s+$/g, '');
- if (!query) return result;
- $.each(data, function(index, item) {
- if (new RegExp(query).test(item.value)) {
- result.push(item);
- }
- });
- return result;
- }
- }).render();
-
- ac.on('itemSelected', function(item) {
- $(ac.get('trigger')).val('正转到 ' + item.english + ' ' + item.chinese).attr('disabled', 'disabled');
- location.href = '/components/' + item.english.toLowerCase();
- });
- });
- });
-
$('.component-demos .icon-all').on('click', function() {
if ($(this).hasClass('expand')) {
$(this).removeClass('expand');
@@ -102,7 +54,6 @@ $(function() {
self.navBar = self.navBox.find(".bar");
self.navList = self.navBox.find("ul li");
self.navNum = $(".current").index();
- self.search($(".search"));
self.navBarAnim();
self.navResize(null);
$(window).bind("resize", self.navResize);
@@ -114,25 +65,6 @@ $(function() {
self.navList.eq(self.navNum).find("a").addClass("hover");
},
- search: function(c) {
- var self = this;
- self.searchBox = c;
- self.searchInput = self.searchBox.find("input[type='text']");
- self.searchBtn = self.searchBox.find("button");
- self.searchInput.focus(function(e) {
- $(this).addClass("focus");
- self.searchBtn.css("left", self.searchBox.width() + 13);
- });
- self.searchInput.blur(function(e) {
- if (!self.searchInput.val()) {
- self.searchBtn.attr("style", "");
- $(this).removeClass("focus");
- }
- });
- self.searchBtn.click(function(e) {
- self.searchBox.find("form").submit();
- });
- },
navBarAnim: function() {
var self = this,
delay;
diff --git a/style/components/select.less b/style/components/select.less
index 3bbcbb1095013bce791a1610c8f5ea3702c107d3..ae6fdc6357a39fc92ee471590adf7bdc0b19f228 100644
--- a/style/components/select.less
+++ b/style/components/select.less
@@ -104,6 +104,31 @@
}
}
+ &-disabled &-selection__choice__remove {
+ color: #ccc;
+ cursor: default;
+ &:hover {
+ color: #ccc;
+ }
+ }
+
+ &-search--inline {
+ float: left;
+
+ .@{selectPrefixCls}-search__field {
+ border: none;
+ font-size: 100%;
+ //margin-top: 5px;
+ background: transparent;
+ outline: 0;
+ }
+ > i {
+ float: right;
+ }
+ }
+
+
+
&-selection--multiple {
min-height: 28px;
cursor: text;
@@ -160,21 +185,6 @@
}
}
- &-search--inline {
- float: left;
-
- .@{selectPrefixCls}-search__field {
- border: none;
- font-size: 100%;
- //margin-top: 5px;
- background: transparent;
- outline: 0;
- }
- > i {
- float: right;
- }
- }
-
&-dropdown {
display: none;
background-color: white;
@@ -182,17 +192,78 @@
box-shadow: 0 0px 4px #d9d9d9;
border-radius: 4px;
box-sizing: border-box;
- width: 100%;
z-index: 100;
- //border-top: none;
- //border-top-left-radius: 0;
- //border-top-right-radius: 0;
+ left: -9999px;
+ top: -9999px;
position: absolute;
- top: 100%;
- margin-top: 4px;
outline: none;
- .@{selectPrefixCls}-menu-item[aria-selected=true] {
- background-color: #ddd;
+
+ &-menu {
+ outline: none;
+ margin-bottom: 0;
+ padding-left: 0; // Override default ul/ol
+ list-style: none;
+ z-index: 9999;
+ max-height: 250px;
+ overflow: auto;
+
+ > li {
+ margin: 0;
+ padding: 0;
+ }
+
+ & > &-item {
+ position: relative;
+ display: block;
+ padding: 7px 16px;
+ font-weight: normal;
+ color: #666666;
+ white-space: nowrap;
+ cursor: pointer;
+
+ &:hover, &-active, &-selected {
+ background-color: tint(@primary-color, 90%) !important;
+ }
+
+ &-selected {
+ position: relative;
+ &:after {
+ content: '\e613';
+ font-family: 'anticon';
+ font-weight: bold;
+ position: absolute;
+ top: 6px;
+ right: 16px;
+ color: @primary-color;
+ }
+ }
+
+ &-disabled {
+ color: #ccc;
+ cursor: not-allowed;
+ pointer-events: none;
+
+ &:hover {
+ color: #ccc;
+ background-color: #fff;
+ cursor: not-allowed;
+ }
+ }
+
+ &-divider {
+ height: 1px;
+ margin: 1px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
+ line-height: 0;
+ }
+ }
+ }
+ }
+
+ &-dropdown-container-open, &-open {
+ .@{selectPrefixCls}-dropdown {
+ display: block;
}
}
@@ -217,77 +288,11 @@
.ie-rotate(3);
.rotate(270deg);
}
- .@{selectPrefixCls}-dropdown {
- display: block;
- }
.@{selectPrefixCls}-selection {
border-color: @primary-color;
box-shadow: 0 0 3px tint(@primary-color, 20%);
}
}
-
- &-menu {
- outline: none;
- margin-bottom: 0;
- padding-left: 0; // Override default ul/ol
- list-style: none;
- z-index: 9999;
- max-height: 250px;
- overflow: auto;
-
- > li {
- margin: 0;
- padding: 0;
- }
-
- & > &-item {
- position: relative;
- display: block;
- padding: 7px 16px;
- font-weight: normal;
- color: #666666;
- white-space: nowrap;
- cursor: pointer;
-
- &:hover, &-active, &-selected {
- background-color: tint(@primary-color, 90%) !important;
- }
-
- &-selected {
- position: relative;
- &:after {
- content: '\e613';
- font-family: 'anticon';
- font-weight: bold;
- position: absolute;
- top: 6px;
- right: 16px;
- color: @primary-color;
- }
- }
-
- &-disabled {
- color: #ccc;
- cursor: not-allowed;
- pointer-events: none;
-
- &:hover {
- color: #ccc;
- background-color: #fff;
- cursor: not-allowed;
- }
- }
-
- &-divider {
- height: 1px;
- margin: 1px 0;
- overflow: hidden;
- background-color: #e5e5e5;
- line-height: 0;
- }
- }
- }
-
&-combobox {
.@{selectPrefixCls}-arrow {
display: none;
diff --git a/webpack.config.js b/webpack.config.js
index 0bd99851b4f313220bd08458d9ace9d639d057a0..cbd5fedb521cf94fdbb8d09af719dce6ca6e7317 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,7 +12,7 @@ module.exports = {
entry: entry,
resolve: {
- extensions: ['', '.js', '.jsx'],
+ extensions: ['', '.js', '.jsx']
},
output: {
@@ -22,7 +22,7 @@ module.exports = {
externals: {
react: "React",
- jquery: 'jQuery'
+ jquery:"jQuery"
},
module: {
{% block aside %}{% endblock %} {% block content %}{% endblock %}
-
- {%- include "footer.html" %}
+