- \n
\n
\n { items.map((item) => (\n \n
\n )\n if(!hompageImages) return [];\n const fullImages = objectToArray(hompageImages);\n\n return (\n \n \n { fullImages.map((x, idx) => (\n \n \n ))}\n \n
\n );\n }\n\n renderNoFound = () => {\n const { intl: { messages: { Header } } } = this.props;\n\n return (\n \n {Header['noFound']}\n
\n )\n }\n\n render() {\n const {\n route: { routes },\n location: { pathname },\n show\n } = this.props;\n \n const mainPathname = pathname.slice(1).split('/')[0];\n const noPage = routes.find((page) => (page.path.slice(1).split('/')[0] === mainPathname)) || pathname === '/';\n \n return (\n \n
\n \n
\n \n
\n \n \n
\n \n \n 繁體中文\n \n /\n \n English\n \n
\n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default injectIntl(Footer);","import React, { Component } from 'react';\nimport { injectIntl } from 'react-intl';\nimport { withRouter } from 'react-router-dom';\nimport styles from './Card.module.scss';\n\nclass NewsCard extends Component {\n goToPage = (url) => () => {\n const { history } = this.props;\n history.push(url);\n }\n\n render() {\n const {\n intl: { messages: { Home } },\n info,\n } = this.props;\n\n return (\n \n
\n \n
\n Knowledge and experience gives us a step up over the competition.
\n CONTACT US
\n \n
\n \n
\n \n
\n \n \n \n
\n \n {Footer['addressTitle']}：{Footer['address']}
\n {Footer['numberTitle']}：+886-7-6076626
\n {Footer['emailTitle']}：sales@mini-fastener.com.tw
\n
\n \n {Footer['numberTitle']}：+886-7-6076626
\n {Footer['emailTitle']}：sales@mini-fastener.com.tw
\n
\n
\n - \n
- \n
\n \n \n - \n
\n Copyright @ Mini Fastner Developer CO., LTD All rights reserved.\n
\n \n
\n );\n }\n}\n\nexport default withRouter(injectIntl(NewsCard));","export const HomeList = [\n {\n key: 1,\n imgUrl: 'http://www.mini-fastener.com.tw/images/home/home01.png',\n title: 'directoryDL',\n linkTitle: 'download',\n linkUrl: 'download',\n }, {\n key: 2,\n imgUrl: 'http://www.mini-fastener.com.tw/images/home/home02.png',\n title: 'facilityQuality',\n linkTitle: 'more',\n linkUrl: '/facility-quality',\n }, {\n key: 3,\n imgUrl: 'http://www.mini-fastener.com.tw/images/home/home03.png',\n title: 'news',\n linkTitle: 'more',\n linkUrl: '/news',\n }\n];\n\n","import React, { Component } from 'react';\nimport cx from 'classnames';\nimport { injectIntl } from 'react-intl';\nimport Card from 'components/Card/Card';\nimport styles from './Home.module.scss';\nimport { HomeList } from './HomeConst';\n\nclass Home extends Component {\n render() {\n const {\n intl: { messages: { Home } },\n } = this.props;\n\n return (\n \n ![{Home[info.title]}]({info.imgUrl})
\n
\n \n \n
\n {Home[info.title]}
\n \n {Home[info.linkTitle]}\n
\n \n
\n );\n }\n}\n\nexport default injectIntl(Home);","import React, { Component, Fragment } from 'react';\nimport { renderRoutes } from 'react-router-config';\nimport Header from 'containers/Header/Header';\nimport Footer from 'containers/Footer/Footer';\nimport Home from 'containers/Home/Home';\nclass App extends Component {\n\trender() {\n\t\tconst { props, props: { route, location }} = this;\n\t\tconst user = location.pathname.indexOf('/admin') < 0;\n\t\tconst home = location.pathname === '/';\n\n\t\treturn (\n\t\t\t\n
\n \n
\n {\n HomeList.map((list) => {\n if(list.linkUrl === 'download') return false;\n return (\n \n ![{Home['directoryDL']}]({HomeList[0].imgUrl})
\n
\n \n \n \n {Home['download']}\n \n
\n {Home['directoryDL']}
\n \n
\n );\n }\n}\n\nexport default Top;","import React, { Component } from 'react';\nimport cx from 'classnames';\nimport { injectIntl } from 'react-intl';\nimport Images from 'utils/imageList';\nimport Top from 'components/Top/Top'\nimport styles from './About.module.scss';\n\nclass About extends Component {\n render() {\n const { intl: { messages: { About } }} = this.props;\n\n return (\n \n
\n );\n }\n}\n\nexport default injectIntl(About);","import React, { Component } from 'react';\nimport { injectIntl } from 'react-intl';\nimport { withRouter } from 'react-router-dom';\nimport styles from './ProductCard.module.scss';\n\nclass ProductCard extends Component {\n goToPage = (productUid) => () => {\n const { history } = this.props;\n history.push(`/product-detail/${productUid}`);\n }\n\n render() {\n const {\n intl: { locale, messages: { Product }},\n info,\n } = this.props;\n \n const zh = locale === 'zh';\n const fullUid = parseInt(info.productUid, 10) < 10 ? `0${info.productUid}` : info.productUid;\n const fullImage = info ?\n `http://www.mini-fastener.com.tw/${info.productImages[0].productImage}` :\n `http://www.mini-fastener.com.tw/images/product/preset.png`;\n \n return (\n {About['aboutUs']}
\n \n
\n {About['companyProfile']}
\n \n \n ![\"\"](\"http://www.mini-fastener.com.tw/images/about/about.png\")
\n
\n \n \n
\n OUTESTANDING SERVICES
\n WHY CHOOSE US
\n \n \n
\n OUTESTANDING SERVICES
\n WHY CHOOSE US
\n \n
\n \n
\n \n
\n \n {About['technical']}\n
\n \n
\n \n
\n \n {About['professinoal']}\n
\n \n
\n \n
\n \n {About['quality']}\n
\n \n
\n \n
\n \n {About['partner']}\n
\n \n
\n );\n }\n}\n\nexport default withRouter(injectIntl(ProductCard));","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { injectIntl } from 'react-intl';\nimport styles from './Menu.module.scss';\n\nclass Menu extends Component {\n goToPage = (productUid) => () => {\n const { history } = this.props;\n history.push(`/product-detail/${productUid}`);\n }\n\n render() {\n const {\n intl: { locale, messages: { Product }},\n list,\n } = this.props;\n\n const zh = locale === 'zh';\n return (\n \n 
\n
\n \n
\n \n {fullUid}\n
\n \n {zh ? info.productTWName : info.productENName }\n
\n \n {Product['more']}\n
\n \n \n \n {zh ? list.productTWName : list.productENName}\n \n \n ))\n }\n
\n );\n }\n}\n\nexport default withRouter(injectIntl(Menu));","import React, { Component } from 'react';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { isEqual } from 'lodash';\nimport { injectIntl } from 'react-intl';\nimport cx from 'classnames';\nimport * as actions from 'redux/actions/productMgmtActions';\nimport ProductCard from 'components/ProductCard/ProductCard';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCloudDownloadAlt } from '@fortawesome/free-solid-svg-icons';\nimport Top from 'components/Top/Top';\nimport Menu from 'components/Menu/Menu';\nimport styles from './Product.module.scss';\n\nclass Product extends Component {\n state = {\n page: {\n page: 1,\n count: 10,\n }\n }\n\n componentDidMount() {\n const { search } = this.props.location;\n this.props.getProductListRequest({\n ...this.state.page,\n search\n });\n }\n\n componentDidUpdate(prevProps) {\n if (!isEqual(prevProps.location, this.props.location)) {\n const { search } = this.props.location;\n return this.props.getProductListRequest({ search });\n }\n }\n\n render() {\n const {\n intl: { messages: { Product } },\n productList,\n } = this.props;\n \n const noData = productList.message;\n const fullProductList = productList.list ? productList.list : [];\n\n return (\n {Product['productList']}
\n {\n list.map((list) => (\n \n
\n );\n }\n}\n\nconst mapStateToProps = (store) => ({\n productList: store.getProductListStore\n});\n\nconst mapDispatchToProps = {\n ...actions,\n};\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps);\nexport default compose(withConnect)(injectIntl(Product));","import React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport Magnifier from \"react-magnifier\";\nimport styles from './MagnifierImage.module.scss';\n\nclass MagnifierImage extends Component {\n state = {\n showImage: 'http://www.mini-fastener.com.tw/images/product/preset.png',\n }\n\n componentDidUpdate(prevProps) {\n const { images } = this.props;\n if(!isEqual(prevProps, this.props)) {\n const fullImage = images.find((image, idx) => (idx === 0));\n this.setState({\n showImage: `http://www.mini-fastener.com.tw${fullImage.productImage}`,\n })\n }\n }\n\n changeImage = (imageUrl) => () => {\n this.setState({\n showImage: imageUrl\n })\n }\n\n render() {\n const { images } = this.props;\n const { showImage } = this.state;\n\n return (\n {Product['products']}
\n \n \n
\n \n
\n \n \n
\n \n
\n {noData ? Product['noSearch'] : Product['allProducts']}
\n \n {\n fullProductList.map((product) => (\n
\n \n
\n );\n }\n}\n\nexport default MagnifierImage;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Icon } from 'antd';\nimport styles from './BreadCrumbs.module.scss';\n\nclass BreadCrumbs extends Component {\n goToPage = (link) => () => {\n const { history } = this.props;\n history.push(link);\n }\n\n render() {\n const { breadCrumbsRoute } = this.props;\n\n return (\n \n {\n images.map((image) => {\n const fullImage = `http://www.mini-fastener.com.tw${image.productImage}`;\n return (\n \n \n \n )\n })\n }\n
\n \n {\n breadCrumbsRoute.map((breadCrumb, idx) => {\n if(!breadCrumb.url) return breadCrumb.name;\n \n return(\n \n \n {breadCrumb.name}\n
\n \n
\n );\n }\n}\n\nconst mapStateToProps = (store) => ({\n productInfo: store.getProductInfoStore\n});\n\nconst mapDispatchToProps = {\n ...actions,\n};\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps);\nexport default compose(withConnect)(injectIntl(ProductDetail));","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { injectIntl } from 'react-intl';\nimport styles from './EQPCard.module.scss';\n\nclass EQPCard extends Component {\n goToPage = (equipUid) => () => {\n const { history } = this.props;\n history.push(`/equipment-detail/${equipUid}`);\n }\n\n render() {\n const {\n intl: {\n locale,\n messages: { Equipment }\n },\n info\n } = this.props;\n\n const zh = locale === 'zh';\n const fullImage = info ?\n `http://www.mini-fastener.com.tw/${info.eqpImages[0].eqpImage}` :\n `http://www.mini-fastener.com.tw/images/product/preset.png`;\n\n return (\n \n
\n {fullUid}
\n \n
\n \n
\n \n \n
\n \n {zh ? productInfo.productTWName : productInfo.productENName }\n
\n \n
\n \n {Product['material']}\n
\n - \n {\n fullMaterial.map((material) => {\n if(\n material.productTWMaterialName === '' &&\n material.productENMaterialName === ''\n ) return null;\n return (\n
- \n {zh ? material.productTWMaterialName : material.productENMaterialName}\n \n );\n })\n }\n
\n {Product['range']}\n
\n - \n
- {Product['holeDiameter']}：{productInfo.holeDiameter} \n
- {Product['stickDiameter']}：{productInfo.stickDiameter} \n
- {Product['roundEdge']}：{productInfo.roundEdge} \n
- {Product['rangeLength']}：{productInfo.rangeLength} \n
\n {zh ? productInfo.productTWIntro : productInfo.productENIntro}\n
\n \n
\n {Product['emailUs']}\n \n \n
\n );\n }\n}\n\nexport default withRouter(injectIntl(EQPCard));","import React, { Component } from 'react';\nimport { injectIntl } from 'react-intl';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport * as eqpActions from 'redux/actions/eqpMgmtActions';\nimport * as qualityActions from 'redux/actions/qualityMgmtActions';\nimport Top from 'components/Top/Top';\nimport Carousel from 'react-bootstrap/Carousel';\nimport EQPCard from 'components/EQPCard/EQPCard';\nimport styles from './Quality.module.scss';\n\nclass Quality extends Component {\n state = {\n page: {\n page: 1,\n count: 10,\n }\n }\n\n componentDidMount() {\n this.props.getEQPCategoryListRequest(this.state.page);\n this.props.getQualityRequest();\n }\n\n renderCarousel = () => {\n const { intl: { locale }, qualityInfo } = this.props;\n const zh = locale === 'zh';\n \n return (\n \n \n
\n \n
\n {zh ? info.eqpTWName : info.eqpENName}
\n \n {Equipment['more']}\n
\n \n
\n );\n }\n}\n\nconst mapStateToProps = (store) => ({\n eqpList: store.getEQPCategoryListStore,\n qualityInfo: store.getQualityStore\n});\n\nconst mapDispatchToProps = {\n ...eqpActions,\n ...qualityActions,\n};\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps);\nexport default compose(withConnect)(injectIntl(Quality));","export const columns = [\n {\n title: '機型',\n dataIndex: 'eqpDetailType',\n key: 'eqpDetailType',\n }, {\n title: '沖程數',\n dataIndex: 'eqpDetailStroke',\n key: 'eqpDetailStroke',\n }, {\n title: '數量',\n dataIndex: 'eqpDetailCount',\n key: 'eqpDetailCount',\n }\n];\n","import React, { Component } from 'react';\nimport { injectIntl } from 'react-intl';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport * as actions from 'redux/actions/eqpMgmtActions';\nimport { Table } from 'antd';\nimport { columns } from './EQPDetailConst';\nimport Carousel from 'react-bootstrap/Carousel';\nimport Top from 'components/Top/Top';\nimport BreadCrumbs from 'components/BreadCrumbs/BreadCrumbs';\nimport styles from './EQPDetail.module.scss';\n\nclass EQPDetail extends Component {\n state = {\n page: {\n page: 1,\n count: 10,\n }\n }\n\n componentDidMount() {\n const { match: { params: equipUid } } = this.props;\n this.props.getEQPCategoryRequest(equipUid);\n this.props.getEQPListRequest({\n ...equipUid,\n ...this.state.page,\n });\n }\n\n renderCarousel = () => {\n const { equipInfo } = this.props;\n \n return (\n {Quality['title']}
\n - {Quality['title2']} -
\n \n {\n eqpList.list.map((eqp) => (\n
\n - {Quality['title2']} -
\n \n
\n \n \n { this.renderCarousel() }\n \n
\n \n
\n \n { zh ? qualityInfo.acredTWName : qualityInfo.acredENName }\n
\n \n { zh ? qualityInfo.acredTWIntro : qualityInfo.acredENIntro}\n
\n \n ![\"iso\"]({require(\"../../static/images/iso.png\")})
\n
\n \n \n
\n );\n }\n}\n\n\nconst mapStateToProps = (store) => ({\n equipInfo: store.getEQPCategoryStore,\n equipDetailInfo: store.getEQPListStore,\n});\n\nconst mapDispatchToProps = {\n ...actions,\n};\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps);\nexport default compose(withConnect)(injectIntl(EQPDetail));","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { injectIntl } from 'react-intl';\nimport moment from 'moment';\nimport styles from './NewsCard.module.scss';\n\nclass NewsCard extends Component {\n goToPage = (newsUid) => () => {\n const { history, haveData } = this.props;\n return haveData ? history.push(`/news-detail/${newsUid}`) : '';\n }\n\n render() {\n const {\n intl: {\n locale,\n messages: { News }\n },\n haveData,\n info\n } = this.props;\n\n const zh = locale === 'zh';\n const fullImage = info ?\n `http://www.mini-fastener.com.tw/${info.newsImages[0].newsImage}` :\n `http://www.mini-fastener.com.tw/images/product/preset.png`;\n\n const fullStartDate = haveData && info ? moment(info.newsStartDate).format('YYYY/MM/DD') : '';\n const fullEndDate = haveData && info ? moment(info.newsEndDate).format('YYYY/MM/DD') : '';\n \n return (\n \n
\n \n \n { this.renderCarousel() }\n \n
\n \n
\n \n 成型長度(MAX.)：長度：80mm、外徑：Ø35mm\n
\n \n
\n );\n }\n}\n\nexport default withRouter(injectIntl(NewsCard));","export const NewsList = [\n {\n 'newsUid': '1',\n 'newsTWName': 'Comming Soon!',\n 'newsENName': 'Comming Soon!',\n 'newsShowDateStart': null,\n 'newsShowDateEnd': null,\n 'newsBooth': '',\n 'newsImages': [\n {\n 'newsImageUid': '1',\n 'newsImage': '/images/news/preset.png',\n }\n ],\n }, {\n 'newsUid': '2',\n 'newsTWName': 'Comming Soon!',\n 'newsENName': 'Comming Soon!',\n 'newsShowDateStart': null,\n 'newsShowDateEnd': null,\n 'newsBooth': '',\n 'newsImages': [\n {\n 'newsImageUid': '1',\n 'newsImage': '/images/news/preset.png',\n }\n ],\n }, {\n 'newsUid': '3',\n 'newsTWName': 'Comming Soon!',\n 'newsENName': 'Comming Soon!',\n 'newsShowDateStart': null,\n 'newsShowDateEnd': null,\n 'newsBooth': '',\n 'newsImages': [\n {\n 'newsImageUid': '1',\n 'newsImage': '/images/news/preset.png',\n }\n ],\n }\n]","import React, { Component } from 'react';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { injectIntl } from 'react-intl';\nimport * as actions from 'redux/actions/newsMgmtActions';\nimport NewsCard from 'components/NewsCard/NewsCard';\nimport Top from 'components/Top/Top';\nimport { NewsList } from './NewsConst';\nimport styles from './News.module.scss';\n\nclass News extends Component {\n state = {\n page: {\n page: 1,\n count: 10,\n }\n }\n\n componentDidMount() {\n this.props.getNewsListRequest(this.state.page);\n }\n\n render() {\n const {\n intl: { messages: { News }},\n newsList\n } = this.props;\n \n const haveData = newsList.list.length > 0;\n const fullNewsList = haveData ?\n newsList.list :\n NewsList;\n\n return (\n \n \n
\n \n
\n {zh ? info.newsTWName : info.newsENName}
\n {News['date']}：{fullStartDate}-{fullEndDate}
\n {News['boothNo']}：{info.newsBooth}
\n {News['more']}
\n \n
\n );\n }\n}\n\nconst mapStateToProps = (store) => ({\n newsList: store.getNewsListStore,\n});\n\nconst mapDispatchToProps = {\n ...actions,\n};\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps);\nexport default compose(withConnect)(injectIntl(News));","import React, { Component } from 'react';\nimport moment from 'moment';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { injectIntl } from 'react-intl';\nimport Carousel from 'react-bootstrap/Carousel';\nimport * as actions from 'redux/actions/newsMgmtActions';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faEnvelope } from '@fortawesome/free-solid-svg-icons';\nimport BreadCrumbs from 'components/BreadCrumbs/BreadCrumbs';\nimport Top from 'components/Top/Top';\nimport styles from './NewsDetail.module.scss';\n\nclass NewsDetail extends Component {\n componentDidMount() {\n const { match: { params: newsUid } } = this.props;\n this.props.getNewsRequest(newsUid);\n }\n\n renderCarousel = () => {\n const { newsInfo } = this.props;\n \n return (\n {News['title']}
\n \n {\n fullNewsList.map((newsInfo) => {\n return (\n
\n \n
\n );\n }\n}\n\nconst mapStateToProps = (store) => ({\n newsInfo: store.getNewsInfoStore\n});\n\nconst mapDispatchToProps = {\n ...actions,\n};\n\nconst withConnect = connect(mapStateToProps, mapDispatchToProps);\nexport default compose(withConnect)(injectIntl(NewsDetail));","import React, { Component } from 'react';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { Form } from 'react-bootstrap';\nimport { injectIntl } from 'react-intl';\nimport * as actions from 'redux/actions/contactActions';\nimport Top from 'components/Top/Top';\nimport styles from './Contact.module.scss';\n\nclass Contact extends Component {\n statc = {\n user: '',\n email: '',\n telephone: '',\n message: '',\n }\n\n handleOnChange = (value, key) => {\n this.setState({\n [key]: value\n })\n }\n\n handleOnSend = () => {\n this.props.sendMessageRequest(this.state);\n }\n\n render() {\n const {\n intl: { messages: { Contact }},\n } = this.props;\n\n return (\n \n
\n \n {this.renderCarousel()}\n
\n \n \n
\n Welocome to our booth.
\n {zh ? newsInfo.newsTWName : newsInfo.newsENName}
\n \n
\n - \n
- {News['date']}：{fullStartDate}-{fullEndDate} \n
- {News['boothNo']}：{newsInfo.newsBooth} \n
- {News['location']}：{newsInfo.newsSite} \n
\n {News['contact']}：{zh ? newsInfo.newsTWContact : newsInfo.newsENContact}
\n {News['email']}：{newsInfo.newsEmail}
\n {News['intro']}
\n
\n \n {News['email']}：{newsInfo.newsEmail}
\n {News['intro']}
\n
\n
\n {News['emailUs']}\n \n \n
\n \n
\n \n
\n \n \n {Contact['send']}\n
\n {Contact['yourName']}
\n \n this.handleOnChange(e.target.value, 'user')}\n />\n
\n {Contact['yourEmail']}
\n \n this.handleOnChange(e.target.value, 'email')}\n />\n
\n {Contact['contactNumber']}
\n \n this.handleOnChange(e.target.value, 'telephone')}\n />\n
\n {Contact['message']}
\n \n this.handleOnChange(e.target.value, 'message')}\n />\n
\n \n
\n {Contact['contactUs']}
\n \n
\n \n
\n {Contact['ourAddress']}
\n {Contact['address']}
\n \n
\n {Contact['phone']}
\n +886-7-6076626
\n \n
\n {Contact['email']}
\n \n \n
\n \n 管理工具
\n {this.props.children}\n \n \n \n
\n \n { renderRoutes(routes) }\n
\n \n );\n }\n}\n\nexport default Admin;","const zh_CN = {\n Header: {\n 'home': \"首頁\",\n 'about': '關於我們',\n 'product': '產品',\n 'facilityQuality': '生產與品質',\n 'news': '最新消息',\n 'contact': '聯絡我們',\n 'search': '搜尋商品',\n 'noFound': '找不到此頁面',\n },\n Home: {\n 'directoryDL': '目錄下載',\n 'facilityQuality': '生產與品質',\n 'news': '最新消息',\n 'more': '了解更多',\n 'download': 'DOWNLOAD',\n },\n Footer: {\n 'addressTitle': '地址',\n 'numberTitle': '電話',\n 'emailTitle': '電子信箱',\n 'address': '高雄市鳳山區鳳東路506號6樓',\n },\n About: {\n 'aboutUs': '關於我們',\n 'companyProfile': '公司簡介',\n 'companyProfileInfo': '迷你豬貿易有限公司（MINI FASTNER ) 投入扣件產業已超過30年，我們專精於冷鍛成型，並致力於製造非標準化的緊固件，
從模具開發設計、PPAP 文件開發到量產出貨，
都具備完善的專業技術及良好品質，為您客製優質的緊固件，
是您值得信賴的好夥伴。',\n 'chooseUsInfo': '我們致力於生產非標準化的緊固件，
大部分都是根據客戶的特殊應用設計去開發製造，
憑藉著工廠多年來的經驗，我們接觸各種工業領域，
期待收到您的樣品或圖稿，透過專業的生產技術和滿意的服務，
讓我們成為您在零件上可靠的供應商。
',\n 'technical': '技術諮詢',\n 'professinoal': '專業技術',\n 'quality': '品質控管',\n 'partner': '信賴夥伴',\n },\n Quality: {\n 'title': '生產與品質',\n 'title1': '生產設備',\n 'title2': '品質認證',\n },\n Product: {\n 'products': '產品',\n 'allProducts': '所有產品',\n 'download': '目錄下載',\n 'material': '材質',\n 'range': '尺寸範圍',\n 'holeDiameter' : '孔徑',\n 'stickDiameter' : '桿徑',\n 'roundEdge' : '輪緣',\n 'rangeLength': '長度',\n 'emailUs': '歡迎來信詢問',\n 'more': '了解更多',\n 'productList': '產品列表',\n 'noSearch': '找無此產品，請重新搜尋',\n },\n Equipment: {\n 'more': '了解更多',\n },\n News: {\n 'news': '新聞',\n 'title': '最新消息',\n 'date': '展覽日期',\n 'boothNo': '攤位編號',\n 'more': '了解更多',\n 'location': '攤位地點',\n 'contact': '聯絡人',\n 'email': '電子信箱',\n 'intro': '期待與您的交流與指教。',\n 'emailUs': '歡迎來信詢問',\n },\n Contact : {\n 'yourName': '您的大名',\n 'yourEmail': '電子信箱',\n 'contactNumber': '聯絡電話',\n 'message': 'Message',\n 'send': '傳送訊息',\n 'contactUs': '聯絡資訊',\n 'ourAddress': '地址',\n 'phone': '電話',\n 'email': '電子信箱',\n 'address': '高雄市鳳山區鳳東路506號6樓',\n }\n}\nexport default zh_CN;","const en_US = {\n Header: {\n 'home': \"HOME\",\n 'about': 'ABOUT US',\n 'product': 'PRODUCTS',\n 'facilityQuality': 'FACILITY & QUALITY',\n 'news': 'NEWS',\n 'contact': 'CONTACT US',\n 'search': 'Product Search ...',\n 'noFound': 'No found this page.',\n },\n Home: {\n 'directoryDL': 'Catalog',\n 'facilityQuality': 'Facility & Quality',\n 'news': 'News',\n 'more': 'read more',\n 'download': 'DOWNLOAD',\n },\n Footer: {\n 'addressTitle': 'Address',\n 'numberTitle': 'Contact Number',\n 'emailTitle': 'Email',\n 'address': '6th, No. 506, Fengdong Rd, Fengshan Dist., Kaohsiung City 830, Taiwan (R.O.C.)',\n },\n About: {\n 'aboutUs': 'About Us',\n 'companyProfile': 'COMPANY PROFILE',\n 'companyProfileInfo': 'Mini Fastener Developer CO., Ltd. (MINI-Fastener) have invested in the fastener industry for more than 30 years.
MINI specialize in cold formed and involve in the business of customized component.
With well-know for stable quality and dependability,
along with capability from tooling design to PPAP development, and mass production.
We are keenly turning to be your reliable supplier on the related parts.',\n 'chooseUsInfo': 'MINI has been a reliable fastener manufacturer operated for various industrial sectors.
We focus on manufacturing of non-standardized bolts, nuts and rivets.
Most of our production is produced according to customer’s design that are for particular application.
MINI is looking forward to receiving sample or drawings of your
requirement for our quoting. With providing our quality products and satisfactory serviices, we are keenly turning to be your reliable supplier on the related parts.',\n 'technical': 'Technical Consulting',\n 'professinoal': 'Professinoal Technology',\n 'quality': 'Quality Control',\n 'partner': 'Trust Partner',\n },\n Quality: {\n 'title': 'Facility & Quality',\n 'title1': 'Facility',\n 'title2': 'Quality',\n },\n Product: {\n 'products': 'Products',\n 'allProducts': 'All Products',\n 'download': 'download',\n 'material': 'Material',\n 'range': 'Range',\n 'holeDiameter' : 'Hole diameter',\n 'stickDiameter' : 'Body diameter',\n 'roundEdge' : 'Flange diameter',\n 'rangeLength': 'Length Max',\n 'emailUs': 'Email Us',\n 'more': 'read more',\n 'productList': 'Products',\n 'noSearch': 'No search, research please.',\n },\n Equipment: {\n 'more': 'read more',\n },\n News: {\n 'news': 'News',\n 'title': 'News',\n 'date': 'Date',\n 'boothNo': 'Boot No',\n 'more': 'read more',\n 'location': 'Location',\n 'contact': 'Contact',\n 'email': 'Email',\n 'intro': 'Look forward to seeing you soon!',\n 'emailUs': 'Email Us',\n },\n Contact : {\n 'yourName': 'Your Name',\n 'yourEmail': 'Your Email',\n 'contactNumber': 'Contact Number',\n 'message': 'Message',\n 'send': 'Send',\n 'contactUs': 'Contact Us',\n 'ourAddress': 'Our Address',\n 'phone': 'Phone',\n 'email': 'Email',\n 'address': '6F., No. 506, Fengdong Rd., Fengshan Dist., Kaohsiung City 830, Taiwan (R.O.C.)',\n }\n} \nexport default en_US;","import React, { Component } from 'react';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { IntlProvider } from 'react-intl';\n// import en from 'react-intl/locale-data/en';\n// import zh from 'react-intl/locale-data/zh';\nimport zhCN from 'locale/zh.js';\nimport enUS from 'locale/en.js';\n\nclass InitialLocale extends Component {\n render() {\n const { children, currLocale } = this.props;\n const msgLocale = currLocale === 'zh' ? zhCN : enUS;\n \n return (\n