@rainte/ant 0.0.1

package/src/components/ValueType/components/Upload.tsx

@@ -0,0 +1,74 @@
+import React from 'react'
+import {
+  Button,
+  Space,
+  Upload as AntUpload,
+  UploadProps,
+  Typography,
+} from 'antd'
+import { PlusOutlined, UploadOutlined } from '@ant-design/icons'
+import { RenderProps, FieldProps } from '../index'
+
+export const files = (e: any) => (Array.isArray(e) ? e : e && e.fileList)
+
+const links = (text: any[], dom: any) => {
+  return text.map((item: any) => {
+    if (item && item.url) {
+      return (
+        <Typography.Link href={item.url} target="_blank" key={item.url}>
+          {item.url}
+        </Typography.Link>
+      )
+    }
+
+    return dom
+  })
+}
+
+const Upload: React.FC<UploadProps & { value?: any }> = props => {
+  const { value, ...attrs } = props
+  const fileList = files(value)
+  const length = Array.isArray(fileList) ? fileList.length : 0
+  const max = attrs.maxCount ?? 1
+
+  let button
+  if (length < max) {
+    if (props.listType === 'picture-card') {
+      button = <PlusOutlined />
+    } else {
+      button = <Button icon={<UploadOutlined />}>上传</Button>
+    }
+  }
+
+  return (
+    <AntUpload {...attrs} fileList={fileList}>
+      {button}
+    </AntUpload>
+  )
+}
+
+const Render: RenderProps = {
+  name: 'upload',
+  render: (text, props, dom) => {
+    const value = files(text)
+
+    if (Array.isArray(value) && value.length) {
+      return <Space>{links(value, dom)}</Space>
+    }
+
+    return <>{dom}</>
+  },
+  renderFormItem: (_, props: FieldProps) => {
+    return <Upload {...props.fieldProps} />
+  },
+}
+
+export default Render
+
+Upload.defaultProps = {
+  listType: 'picture-card',
+  value: [],
+  maxCount: 1,
+  multiple: true,
+  showUploadList: true,
+}

package/src/components/ValueType/index.ts

@@ -0,0 +1,33 @@
+import {
+  ProRenderFieldPropsType,
+  ProFieldFCRenderProps,
+} from '@ant-design/pro-provider'
+
+import Cascader from './components/Cascader'
+import Editor from './components/Editor'
+import TreeSelect from './components/TreeSelect'
+import Upload from './components/Upload'
+
+export type RenderProps = ProRenderFieldPropsType & { name: string }
+export type FieldProps = ProFieldFCRenderProps & {
+  params?: any
+  request?: <T = any>(params: T, props: any) => Promise<any>
+}
+export type RequestProps = {
+  iParams?: any
+  iRequest?: <T = any>(params: T, props: any) => Promise<any>
+}
+export type ValueTypeEnum =
+  | 'text'
+  | 'cascader'
+  | 'editor'
+  | 'treeSelect'
+  | 'upload'
+
+const modules = [Cascader, Editor, TreeSelect, Upload]
+const ValueTypeMap: Record<string, ProRenderFieldPropsType> = {}
+modules.forEach((module: any) => {
+  ValueTypeMap[module.name] = module as ProRenderFieldPropsType
+})
+
+export default ValueTypeMap

package/src/index.ts

@@ -0,0 +1,12 @@
+/// <reference path="../typings.d.ts" />
+
+export { default as Editor } from './components/Editor'
+export type { EditorProps } from './components/Editor'
+export { default as Form } from './components/Form'
+export type { FormProps } from './components/Form'
+export { default as Image } from './components/Image'
+export type { ImageProps } from './components/Image'
+export { default as Table } from './components/Table'
+export type { TableProps } from './components/Table'
+export { default as Tabs } from './components/Tabs'
+export type { TabsProps } from './components/Tabs'

package/src/utils/Swr.ts

@@ -0,0 +1,29 @@
+import { useMemo } from 'react'
+import { v4 as uuid } from 'uuid'
+import useSWR from 'swr'
+
+const key = (request: any, params: any) => {
+  return useMemo(() => {
+    if (!request) {
+      return 'no-fetch'
+    }
+
+    if (!params) {
+      return uuid()
+    }
+
+    return JSON.stringify(params)
+  }, [params, request])
+}
+
+export const fetch = (request: any, params: any, props: any) => {
+  const fetcher = async () => (request ? await request(params, props) : [])
+
+  const { data } = useSWR(key(request, params), fetcher, {
+    revalidateOnFocus: false,
+    shouldRetryOnError: false,
+    revalidateOnReconnect: false,
+  })
+
+  return data
+}

package/src/utils/Tree.ts

@@ -0,0 +1,51 @@
+export const equal: any = (rows: any[], props: Record<string, any>) => {
+  for (const row of rows) {
+    let flag = true
+
+    for (const key in props) {
+      if (props[key] !== row[key]) {
+        flag = false
+        break
+      }
+    }
+
+    if (flag) {
+      return row
+    }
+
+    if (row.children) {
+      const node = equal(row.children, props)
+      if (node) {
+        return node
+      }
+    }
+  }
+}
+
+export const intact = (
+  rows: any[],
+  equal: Record<string, any>,
+  prop: string,
+) => {
+  for (const row of rows) {
+    let flag = true
+
+    for (const key in equal) {
+      if (equal[key] !== row[key]) {
+        flag = false
+        break
+      }
+    }
+
+    if (!flag && row.children) {
+      const sonids: any = intact(row.children, equal, prop)
+      if (sonids && Array.isArray(sonids)) {
+        return [row[prop], ...sonids]
+      }
+    }
+
+    if (flag) {
+      return [row[prop]]
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "./",
+    "declaration": true,
+    "esModuleInterop": true,
+    "importHelpers": true,
+    "jsx": "react",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "target": "esnext",
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"]
+    }
+  },
+  "exclude": [
+    "node_modules",
+    "lib",
+    "es",
+    "dist",
+    "typings",
+    "**/__test__",
+    "test",
+    "docs",
+    "tests"
+  ]
+}

package/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css'
+declare module '*.less'
+declare module 'uuid'
+declare module 'braft-extensions/dist/*'