{"version":3,"sources":["webpack:///./src/templates/projects.module.styl","webpack:///./src/components/cover.module.styl","webpack:///./src/components/nBox.js","webpack:///./src/components/cover.js","webpack:///./src/templates/projects.js","webpack:///./src/components/nbox.module.styl"],"names":["module","exports","NBox","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","_boxClick","this","props","img","src","cdn","onClick","render","video","React","createElement","className","styles","mbox","bind","filter","jsx","alt","childImageSharp","publicURL","Img","fixed","Video","vclass","poster","type","vid","Cuplayer","ratio","zoom","Component","Cover","_zoomPic","console","log","componentDidMount","window","Zmage","require","default","fluidSrc","srcArr","fluid","srcSet","split","length","originalImg","browsing","directZoom","newprops","title","imgCDN","bgcolor","fit","cover","coverClass","index","href","style","cursor","intro","title_en","Projects","pageContext","data","previousPagePath","nextPagePath","Layout","page","SEO","description","pathname","main","moreee","allProjectsJson","edges","map","obj","Object","assign","key","node","Link","to","pagePre","pageNext"],"mappings":"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","file":"component---src-templates-projects-js-9cd243476334378b6e20.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"projects-module--main--2S3ak\",\"moreee\":\"projects-module--moreee--quOjf\",\"page\":\"projects-module--page--8tkxN\",\"pagePre\":\"projects-module--pagePre--2mI5Z\",\"pageNext\":\"projects-module--pageNext--3Q79M\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cover\":\"cover-module--cover--41U4l\",\"intro\":\"cover-module--intro--2mEm4\",\"too_width\":\"cover-module--too_width--1u3Mq\",\"width_375\":\"cover-module--width_375--2I4zQ\"};","import React from \"react\"\nimport styles from \"./nbox.module.styl\"\nimport Img from \"gatsby-image\"\nimport Video from \"./video\"\nimport Cuplayer from \"./cuplayer\"\n\n/**\n  @props {\n    img: {\n      src: \"../images/xxx.jpg\",\n      alt: \"name\",\n      cdn: \"http://xxx.jpg\",\n      bgcolor: #000,\n      fit: default | cover | contain,\n      onClick: func(img)\n    },\n    video: {\n      src: \"../xxx/xxx.mp4\",\n      vid: \"xxxxx\",\n      ratio: 2,\n      zoom: 70%,\n      poster: \"http://xxx.jpg\",\n      bgcolor: #000,\n      fit: default | cover | contain,\n      vclass: \"min\",\n      type: \"local\"\n    }\n  }\n*/\n\nclass NBox extends React.Component {\n  _boxClick() {\n    if (this.props.img.src || this.props.img.cdn) {\n      this.props.img.onClick()\n    }\n  }\n\n  render() {\n    let { img = {}, video = {} } = this.props\n    const bgcolor = \"blue\"\n\n    const filter = () => {\n      let jsx = null\n      if (img.cdn) {\n        jsx = <img src={img.cdn} alt={img.alt} />\n      } else if (img.src && !img.src.childImageSharp) {\n        jsx = <img src={img.src.publicURL} alt={img.alt} />\n      } else if (img.src) {\n        jsx = (\n          <Img\n            fixed={{\n              ...img.src.childImageSharp.fixed,\n            }}\n            alt={img.alt}\n          />\n        )\n      } else if (video.src) {\n        jsx = (\n          <Video\n            src={video.src.publicURL}\n            vclass={video.vclass}\n            poster={video.poster}\n            type={video.type}\n          />\n        )\n      } else if (video.vid) {\n        jsx = (\n          <Cuplayer vid={video.vid[0]} ratio={video.ratio} zoom={video.zoom} />\n        )\n      }\n      return jsx\n    }\n\n    return (\n      <div className={styles.mbox} onClick={this._boxClick.bind(this)}>\n        {filter()}\n      </div>\n    )\n  }\n}\n\nexport default NBox\n","import React from \"react\"\nimport styles from \"./cover.module.styl\"\nimport NBox from \"./nBox\"\n\nclass Cover extends React.Component {\n  // 缩放图片\n  _zoomPic(img) {\n    console.log(\"没被替换\")\n  }\n\n  componentDidMount() {\n    if (typeof window !== `undefined`) {\n      const Zmage = require(\"react-zmage-bobo\").default\n\n      this._zoomPic = img => {\n        let src = \"\",\n          fluidSrc = \"\"\n\n        if (img.childImageSharp) {\n          let srcArr = img.childImageSharp.fluid.srcSet.split(\",\")\n          fluidSrc = srcArr[srcArr.length - 1].split(\" \")[0]\n        }\n\n        if (typeof img === \"string\") {\n          src = img\n        } else {\n          src =\n            fluidSrc || img.publicURL || img.childImageSharp.fluid.originalImg\n        }\n\n        Zmage.browsing({\n          src: src,\n          directZoom: true,\n        })\n      }\n    }\n  }\n\n  render() {\n    const props = this.props\n\n    const newprops = {\n      img: {\n        src: props.img,\n        alt: props.title,\n        cdn: props.imgCDN,\n        bgcolor: \"#000\",\n        fit: props.fit,\n        onClick: () => {\n          if (props.zoom) this._zoomPic(props.img || props.imgCDN)\n        },\n      },\n      video: {\n        src: props.video,\n        vid: props.vid,\n        poster: props.poster,\n        fit: props.fit,\n      },\n    }\n\n    return (\n      <a\n        className={styles.cover + \" \" + styles[props.coverClass]}\n        index={props.index}\n        href={props.href}\n        style={{\n          cursor: props.zoom ? \"zoom-in\" : \"\",\n        }}\n      >\n        <NBox {...newprops} />\n\n        <div className={styles.intro}>\n          <div>{props.title_en}</div>\n          <div>{props.title}</div>\n        </div>\n      </a>\n    )\n  }\n}\n\nexport default Cover\n","import React from \"react\"\nimport Layout from \"../components/layout\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Cover from \"../components/cover.js\"\nimport SEO from \"../components/seo\"\nimport styles from \"./projects.module.styl\"\nimport { Link } from \"gatsby\"\n\nconst Projects = props => {\n  const { pageContext, data } = props\n  const { previousPagePath, nextPagePath } = pageContext\n\n  return (\n    <Layout page=\"projects\">\n      <SEO\n        title=\"Projects\"\n        description=\"设计师蔡依东作品集，包含相宜本草……\"\n        pathname=\"/projects/\"\n      />\n      <main className={styles.main}>\n        <span className={styles.moreee}>2009-2023-moreee</span>\n\n        {data.allProjectsJson.edges.map((obj, index) => (\n          <Cover key={index} {...obj.node} />\n        ))}\n\n        <div className={styles.page}>\n          {previousPagePath ? (\n            <Link to={previousPagePath} className={styles.pagePre}>\n              Previous\n            </Link>\n          ) : null}\n          {nextPagePath ? (\n            <Link to={nextPagePath} className={styles.pageNext}>\n              Next\n            </Link>\n          ) : null}\n        </div>\n      </main>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query($skip: Int!, $limit: Int!) {\n    allProjectsJson(skip: $skip, limit: $limit) {\n      edges {\n        node {\n          color\n          href\n          title\n          title_en\n          coverClass\n          img {\n            childImageSharp {\n              fixed(height: 600, quality: 100) {\n                ...GatsbyImageSharpFixed\n              }\n              sizes {\n                src\n                srcSet\n                sizes\n              }\n            }\n            publicURL\n          }\n          video {\n            publicURL\n          }\n          poster\n        }\n      }\n    }\n  }\n`\n\nexport default Projects\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mbox\":\"nbox-module--mbox--3pe4E\"};"],"sourceRoot":""}