@gmfe/react 2.14.11 → 2.14.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gmfe/react",
-  "version": "2.14.11",
+  "version": "2.14.14",
   "description": "",
   "author": "liyatang <liyatang@qq.com>",
   "homepage": "https://github.com/gmfe/gmfe#readme",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@gm-common/tool": "^1.0.0",
-    "@gmfe/locales": "^2.14.11",
+    "@gmfe/locales": "^2.14.14",
     "big.js": "^5.2.2",
     "classnames": "^2.2.5",
     "lodash": "^4.17.14",
@@ -35,5 +35,5 @@
     "prop-types": "^15.7.2",
     "react-window": "^1.8.5"
   },
-  "gitHead": "2415091911db68597c5411e9c7657d88bdd8aad8"
+  "gitHead": "ecec41e60a1f8cb7646adf6728b1a7c5286e9711"
 }

package/src/component/pagination/base.js

@@ -8,7 +8,15 @@ import Right from './right'
 import PagePeek from './page_peek'
 
 const PaginationBase = props => {
-  const { data, onChange, showCount, _peekInfo, className, ...rest } = props
+  const {
+    data,
+    onChange,
+    showCount,
+    _peekInfo,
+    className,
+    limitData = [],
+    ...rest
+  } = props
 
   return (
     <Flex
@@ -16,7 +24,12 @@ const PaginationBase = props => {
       alignCenter
       className={classNames('gm-pagination', className)}
     >
-      <Left data={data} onChange={onChange} showCount={showCount} />
+      <Left
+        data={data}
+        limitData={limitData}
+        onChange={onChange}
+        showCount={showCount}
+      />
       {_peekInfo ? (
         <PagePeek data={data} _peekInfo={_peekInfo} onChange={onChange} />
       ) : (
@@ -44,7 +57,11 @@ PaginationBase.propTypes = {
   _peekInfo: PropTypes.shape({
     more: PropTypes.bool,
     peek: PropTypes.number
-  })
+  }),
+  /**
+   *自定义分页，默认
+   */
+  limitData: PropTypes.array
 }
 
 export default PaginationBase

package/src/component/pagination/left.js

@@ -3,29 +3,33 @@ import PropTypes from 'prop-types'
 import { Select } from '../select'
 import Flex from '../flex'
 
-const limitData = [
+const defaultLimitData = [
   { value: 10, text: 10 },
   { value: 20, text: 20 },
   { value: 50, text: 50 }
 ]
 
-const Limit = ({ value, onChange }) => {
+const Limit = ({ value, onChange, limitData }) => {
   return (
     <Select
       data={limitData}
       value={value}
       onChange={onChange}
-      style={{ width: '60px' }}
+      style={{ width: '70px' }}
     />
   )
 }
 
 Limit.propTypes = {
   value: PropTypes.any.isRequired,
-  onChange: PropTypes.func.isRequired
+  onChange: PropTypes.func.isRequired,
+  limitData: PropTypes.array
+}
+Limit.defaultProps = {
+  limitData: defaultLimitData
 }
 
-const Left = ({ data, onChange, showCount }) => {
+const Left = ({ data, onChange, showCount, limitData }) => {
   const handleChangeLimit = limit => {
     // 回到第一页
     onChange({
@@ -38,7 +42,11 @@ const Left = ({ data, onChange, showCount }) => {
     <Flex alignCenter>
       {showCount && <span>共{data.count}条记录,&nbsp;</span>}
       <span>每页&nbsp;</span>
-      <Limit value={data.limit} onChange={handleChangeLimit} />
+      <Limit
+        value={data.limit}
+        limitData={limitData}
+        onChange={handleChangeLimit}
+      />
       <span>&nbsp;条</span>
     </Flex>
   )
@@ -47,7 +55,11 @@ const Left = ({ data, onChange, showCount }) => {
 Left.propTypes = {
   data: PropTypes.object,
   onChange: PropTypes.func.isRequired,
-  showCount: PropTypes.bool
+  showCount: PropTypes.bool,
+  limitData: PropTypes.array
+}
+Left.defaultProps = {
+  limitData: defaultLimitData
 }
 
 export default Left

package/src/component/picture_preview/index.js

@@ -0,0 +1,21 @@
+import 'react-photo-view/dist/react-photo-view.css'
+import { PhotoProvider, PhotoView } from 'react-photo-view'
+import PropTypes from 'prop-types'
+import React from 'react'
+
+export default function PicturePreview({ images, className }) {
+  return (
+    <PhotoProvider>
+      {(images || []).map((item, index) => (
+        <PhotoView key={index} src={item}>
+          <img src={item} alt='' className={className} />
+        </PhotoView>
+      ))}
+    </PhotoProvider>
+  )
+}
+
+PicturePreview.propTypes = {
+  images: PropTypes.array,
+  className: PropTypes.string
+}

package/src/index.js

@@ -102,6 +102,7 @@ import Steps from './component/steps'
 import Selection from './component/selection'
 import TreeV2 from './component/tree_v2'
 import RecommendInput from './component/recommend_input'
+import PicturePreview from './component/picture_preview'
 
 Object.assign(Sheet, {
   SheetColumn,
@@ -231,5 +232,6 @@ export {
   Steps,
   Selection,
   TreeV2,
-  RecommendInput
+  RecommendInput,
+  PicturePreview
 }