diff --git a/scripts/demo.js b/scripts/demo.js deleted file mode 100644 index 9aad398c00..0000000000 --- a/scripts/demo.js +++ /dev/null @@ -1,490 +0,0 @@ -require('../style/index.less'); -require('../site/static/style.less'); -require('../site/static/tomorrow.less'); - -window['css-animation'] = require('css-animation'); -window['react-router'] = require('react-router'); -window['rc-form'] = require('rc-form'); -window.CopyToClipboard = require('react-copy-to-clipboard'); -var antd = require('../index'); -var React = require('react'); -var ReactDOM = require('react-dom'); -var semver = require('semver'); -window.antd = antd; -window.React = React; -window.ReactDOM = ReactDOM; -window['object-assign'] = require('object-assign'); -window['classnames'] = require('classnames'); -window['reqwest'] = require('reqwest'); -window['jsonp'] = require('jsonp'); -window['querystring'] = require('querystring'); -window['Values'] = require('values.js'); -window['InstantClick'] = require('instantclick'); -require('./home')(); - -function camelize(str) { - return str.replace(/(?:^|[-_])(\w)/g, function (_, c) { - return c ? c.toUpperCase() : ''; - }); -} - -window.require = function (path) { - var result = window; - var namespaces = path.split('/'); - namespaces.forEach(function (key, i) { - if (i === 2) { - key = camelize(key); - } - if (key !== 'lib') { - if (result[key]) { - result = result[key]; - } else { - throw 'There should not have modules here: ' + path; - } - } - }); - return result; -}; - -antd.DatePicker.locale = { - en_US: require('../components/date-picker/locale/en_US'), - zh_CN: require('../components/date-picker/locale/zh_CN'), -}; - -antd.Calendar.locale = { - en_US: require('../components/calendar/locale/en_US'), - zh_CN: require('../components/calendar/locale/zh_CN'), -}; - -antd.Pagination.locale = { - en_US: require('../components/pagination/locale/en_US'), - zh_CN: require('../components/pagination/locale/zh_CN'), -}; - -antd.LocaleProvider['en_US'] = require('../components/locale-provider/en_US'), - -InstantClickChangeFns.push(function () { - // auto complete for components - var Select = antd.Select; - var Option = Select.Option; - // 获取搜索数据 - var searchData = window.ANT_COMPONENTS.sort(function (a, b) { - return a.title.localeCompare(b.title); - }); - - var AutoComplete = React.createClass({ - getOptions() { - return searchData.map(function (s) { - return ; - }); - }, - - handleSelect(value) { - location.href = rootUrl + '/components/' + value.replace(/([a-z])([A-Z])/g, function (m, m1, m2) { - return m1 + '-' + m2; - }).toLowerCase() + '/'; - }, - - filterOption(input, option) { - return option.props.sData.title.toLowerCase().indexOf(input.toLowerCase()) !== -1 || option.props.sData.desc.indexOf(input) !== -1; - }, - - render() { - return ; - } - }); - - ReactDOM.render(, document.getElementById('autoComplete')); -}); - -InstantClickChangeFns.push(function () { - var Select = antd.Select; - var Option = Select.Option; - var versionsHistory = { - '0.9.x': '09x.ant.design', - '0.10.x': '010x.ant.design', - '0.11.x': '011x.ant.design', - }; - versionsHistory[antdVersion.latest] = - versionsHistory[antdVersion.latest] || 'ant.design'; - var versions = Object.keys(versionsHistory).sort(function (a, b) { - return semver.lt(a.replace('.x', '.0'), b.replace('.x', '.0')); - }); - var options = versions.map(function (version) { - var link = versionsHistory[version]; - return ; - }); - - function onChange(value) { - if (versionsHistory[value]) { - location.href = location.href.replace(location.host, versionsHistory[value]); - } - } - - ReactDOM.render( - - , document.getElementById('versions-select')); -}); - -window.BrowserDemo = React.createClass({ - render() { - return ( -
-
-
-
-
-
-
- -
-
- {this.props.children} -
-
- ); - } -}); - -const { Modal, Carousel } = antd; -const PriviewImg = React.createClass({ - getInitialState() { - return { - visible: false, - current: 0, - }; - }, - showImageModal() { - this.setState({ - visible: true - }); - }, - handleCancel() { - this.setState({ - visible: false - }); - }, - handleImgChange(current) { - this.setState({current}); - }, - render() { - const goodCls = this.props.good ? 'good' : ''; - const badCls = this.props.bad ? 'bad' : ''; - const imgsPack = this.props.imgsPack || [{ - src: this.props.src, - alt: this.props.alt, - }]; - const imgStyle = {}; - if (this.props.noPadding) { - imgStyle.padding = '0'; - imgStyle.background = 'none'; - } - const current = this.state.current; - const arrows = imgsPack.length > 1; - const createMarkup = () => { - return {__html: this.props.description} - }; - return ( -
-
- Sample Picture -
-
{this.props.alt}
-
- - - { - imgsPack.map((img, i) => -
-
- -
-
- ) - } - -
{imgsPack[current].alt}
- -
- ); - } -}); - -InstantClickChangeFns.push(function () { - const previewImageBoxes = $('.preview-img').parent(); - previewImageBoxes.each(function (i, box) { - box = $(box); - let priviewImgs = []; - const priviewImgNodes = box.find('.preview-img'); - - // 判断是否要做成图片集合 - // 指定了封面图片就是 - let coverImg; - priviewImgNodes.each(function (i, img) { - if (img.hasAttribute('as-cover')) { - coverImg = img; - return false; - } - }); - - if (coverImg) { - const imgs = []; - priviewImgNodes.each((i, img) => imgs.push(img)); - priviewImgs = ; - } else { - priviewImgNodes.each(function (i, img) { - priviewImgs.push( - - ); - }); - } - - // 计算宽度 - let width = ''; - if (priviewImgs.length === 1) { - width = priviewImgNodes[0].getAttribute('width') || ''; - } else if (coverImg) { - width = coverImg.getAttribute('width'); - } - if (width && width.indexOf('%') < 0 && width !== 'auto') { - width += 'px'; - } - - let mountNode = $('
')[0]; - box.replaceWith(mountNode); - ReactDOM.render({priviewImgs}, mountNode); - }); -}); - -InstantClickChangeFns.push(function() { - // fix hash id link - if (window.location.href.indexOf('#') > 0) { - setTimeout(function() { - window.location.href = window.location.href; - }, 0); - } - - $('.component-demos .icon-all').off('click'); - $('.component-demos .icon-all').on('click', function() { - if ($(this).hasClass('expand')) { - $(this).removeClass('expand'); - $('.code-box .highlight').animate({ - height: 'hide', - opacity: 0 - }, 150); - } else { - $(this).addClass('expand'); - $('.code-box .highlight').animate({ - height: 'show', - opacity: 1 - }, 150); - } - }); - - $('.code-box').each(function(i, item) { - item = $(item); - item.find('.highlight').appendTo(item); - }); - - $('.code-boxes').off('click'); - $('.code-boxes').on('click', '.collapse', function() { - var highlightBox = $(this).parent().parent().find('.highlight'); - var codeVisible = highlightBox.is(':visible'); - highlightBox.animate({ - height: codeVisible ? 'hide' : 'show', - opacity: codeVisible ? 0 : 1 - }, 150); - if (codeVisible) { - $(this).parent().parent().removeClass('expand'); - } else { - $(this).parent().parent().addClass('expand'); - } - }); - - function hashChange() { - $('.demos-anchor a').removeClass('current'); - $('.demos-anchor a[href="' + decodeURI(location.hash) + '"]').addClass('current'); - } - - hashChange(); - - // 高亮侧边演示菜单 - $(window).off('hashchange'); - $(window).on('hashchange', hashChange); - - // 移动 API 文档到演示下方 - $('.markdown #api').nextAll().andSelf().appendTo('.api-container'); - - // 滚动时固定锚点、高亮当前项 - if ($('.demos-anchor')[0]) { - var doc = $(document); - var tocTop = $('.toc').offset().top; - function onScroll() { - var top = doc.scrollTop(); - if (top >= tocTop) { - $('.toc').addClass('sticky'); - } else { - $('.toc').removeClass('sticky'); - } - } - onScroll(); - $(window).off('scroll'); - $(window).on('scroll', onScroll); - } - - // 添加上一页下一页 - if ($('.aside-container li > a').length > 0) { - var links = $('.aside-container li > a'); - var currentLinkIndex = -1; - links.each(function(i, item) { - if ($(item).parent().hasClass('current')) { - currentLinkIndex = i; - } - }); - var prevNextNavNode = $('
'); - var prevLink = links[currentLinkIndex - 1]; - var nextLink = links[currentLinkIndex + 1]; - if (prevLink) { - var prevLinkNavNode = $('' + prevLink.innerHTML + ''); - if (prevLink.className.indexOf('nav-link-disabled') >= 0) { - prevLinkNavNode.attr('disabled', true); - } - prevNextNavNode.append(prevLinkNavNode); - } else { - prevNextNavNode.append(''); - } - if (nextLink) { - var nextLinkNavNode = $('' + nextLink.innerHTML + ''); - if (nextLink.className.indexOf('nav-link-disabled') >= 0) { - nextLinkNavNode.attr('disabled', true); - } - prevNextNavNode.append(nextLinkNavNode); - } else { - prevNextNavNode.append(''); - } - prevNextNavNode.appendTo('.main-container'); - } - - $('.nav-phone-icon').click(function() { - var navMenu = $(this).prev(); - navMenu.removeClass('nav-hide').addClass('nav-show').focus(); - navMenu.one('blur', function() { - navMenu.removeClass('nav-show').addClass('nav-hide'); - }); - }); - - $.easing['jswing'] = $.easing['swing']; - $.extend($.easing,{ - easeInCirc: function (x, t, b, c, d) { - return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; - }, - easeOutCirc: function (x, t, b, c, d) { - return c * Math.sqrt(1 - (t=t/d-1)*t) + b; - }, - easeInOutCirc: function (x, t, b, c, d) { - if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; - return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; - } - }); - - var navFunc = { - navStrArr: [], - init: function() { - if (this.navBar) { - return; - } - this.navBox = $(".nav"); - this.navBar = this.navBox.find(".bar"); - this.navList = this.navBox.find("ul li"); - this.navNum = $(".current").index(); - this.navBarAnim(); - this.highlightCurrentNav(); - $(window).bind("resize", this.highlightCurrentNav); - this.navBar.show(); - }, - highlightCurrentNav: function(target) { - target = target || this.navList.eq(this.navNum); - this.navBar && this.navBar.css({ - left: target.position().left, - width: target.outerWidth() - }); - }, - navBarAnim: function() { - var self = this, delay; - self.navList.bind("mouseenter", function(e) { - clearTimeout(delay); - self.highlightCurrentNav($(e.currentTarget)); - }); - self.navList.bind("mouseleave", function(e) { - delay = setTimeout(function() { - self.highlightCurrentNav(); - }, 500); - }); - } - }; - navFunc.init(); - var listFunc = { - num: 0, - init: function() { - this.listBox = $(".aside-container>ul"); - if (!this.listBox.length) { - return; - } - this.getUrlNum(); - this.addTitleEvent(); - }, - getUrlNum: function() { - var self = this, - url = location.href, - str = ""; - for (var i = 0; i < self.listBox.find("a").length; i++) { - var m = self.listBox.find("a").eq(i); - if (m.attr("href") == "./" || url.indexOf(m.attr("href")) >= 0) { - self.num = m.parent().parent().parent().index(); - } - } - }, - addTitleEvent: function() { - var self = this; - var title = self.listBox.find("h4"); - title.bind("click", function(e) { - var parent = $(this).parent(), - list=parent.find("ul"); - if (parent.attr("open")) { - parent.removeAttr("open"); - if (parent.index() == self.num) { - $(this).addClass("current"); - } - list.animate({marginTop:-list.height()},400,"easeInOutCirc",function (){ - list.css({"display":"none"}) - }) - } else { - parent.attr("open", true); - if (parent.index() == self.num) { - $(this).removeClass("current"); - } - list.css({"display":"block","margin-top":-list.height()}); - list.animate({marginTop:0},400,"easeInOutCirc") - } - }); - } - }; - listFunc.init(); -}); - -antd.version = require('../package.json').version; -module.exports = antd;