@rainte/ant 0.0.1 → 0.0.2

package/src/components/ValueType/components/Cascader.tsx

@@ -1,79 +0,0 @@
-import React from 'react'
-import {
-  Space,
-  Cascader as AntCascader,
-  CascaderProps as AntCascaderProps,
-} from 'antd'
-import { RenderProps, FieldProps, RequestProps } from '../index'
-import { fetch } from '../../../utils/Swr'
-import { equal, intact } from '../../../utils/Tree'
-
-type CascaderProps<T = any> = AntCascaderProps<T> & RequestProps
-type TextProps = CascaderProps & { iValue: any; iDom: any }
-
-const entire = (value: any, options: any[]) => {
-  if (Array.isArray(value)) {
-    if (value.length === 1) {
-      return intact(options, { value: value[0] }, 'value')
-    }
-
-    return value
-  }
-
-  return []
-}
-
-const combine = (text: any[], options: any[], dom: any) => {
-  return text
-    .map((item: any) => {
-      const node = equal(options, { value: item })
-      return node ? node.label : text ? text : dom
-    })
-    .join(' / ')
-}
-
-const Cascader: React.FC<CascaderProps> = props => {
-  const { iParams, iRequest, ...attrs } = props
-
-  const data = fetch(iRequest, iParams, attrs)
-
-  const options = (iRequest ? data : attrs.options) ?? []
-  const values = entire(attrs.value, options) ?? []
-
-  return <AntCascader {...attrs} options={options} value={values} />
-}
-
-const Text: React.FC<TextProps> = props => {
-  const { iValue, iDom, iParams, iRequest, ...attrs } = props
-
-  const data = fetch(iRequest, iParams, attrs)
-
-  const options = (iRequest ? data : attrs.options) ?? []
-  const values = entire(iValue, options) ?? []
-
-  const dom = values.length ? combine(values, options, iDom) : iDom
-
-  return <Space>{dom}</Space>
-}
-
-const Render: RenderProps = {
-  name: 'cascader',
-  render: (text, props: FieldProps, dom) => {
-    const { params, request, fieldProps } = props
-    const iParams = params
-    const iRequest = request
-    const attrs = { iValue: text, iDom: dom, iParams, iRequest }
-
-    return <Text {...fieldProps} {...attrs} />
-  },
-  renderFormItem: (_, props: FieldProps) => {
-    const { params, request, fieldProps } = props
-    const iParams = params
-    const iRequest = request
-    const attrs = { iParams, iRequest }
-
-    return <Cascader {...fieldProps} {...attrs} />
-  },
-}
-
-export default Render

package/src/components/ValueType/components/Editor.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import Editor from '../../Editor'
-import { RenderProps, FieldProps } from '../index'
-
-const Render: RenderProps = {
-  name: 'editor',
-  render: (text, props, dom) => {
-    if (text instanceof Object) {
-      return <>{text.toHTML()}</>
-    }
-    return dom
-  },
-  renderFormItem: (_, props: FieldProps) => {
-    return <Editor {...props.fieldProps} />
-  },
-}
-
-export default Render

package/src/components/ValueType/components/TreeSelect.tsx

@@ -1,74 +0,0 @@
-import React from 'react'
-import {
-  Tag,
-  TreeSelect as AntTreeSelect,
-  TreeSelectProps as AntTreeSelectProps,
-  Space,
-} from 'antd'
-import { RenderProps, FieldProps, RequestProps } from '../index'
-import { fetch } from '../../../utils/Swr'
-import { equal } from '../../../utils/Tree'
-
-type TreeSelectProps<T = any> = AntTreeSelectProps<T> & RequestProps
-type TextProps<T = any> = TreeSelectProps<T> & { iValue: any; iDom: any }
-
-const combine = (text: any[], options: any[], dom: any) => {
-  return text.map((item: any) => {
-    const node = equal(options, { value: item })
-
-    return <Tag>{node ? node.title : text ? text : dom}</Tag>
-  })
-}
-
-const TreeSelect: React.FC<TreeSelectProps> = props => {
-  const { iParams, iRequest, ...attrs } = props
-
-  const data = fetch(iRequest, iParams, attrs)
-
-  const options = (iRequest ? data : attrs.treeData) ?? []
-
-  return <AntTreeSelect {...attrs} treeData={options} />
-}
-
-const Text: React.FC<TextProps> = props => {
-  const { iValue, iDom, iParams, iRequest, ...attrs } = props
-
-  const data = fetch(iRequest, iParams, attrs)
-
-  const options = (iRequest ? data : attrs.treeData) ?? []
-
-  if (Array.isArray(iValue)) {
-    return <Space>{combine(iValue, options, iDom)}</Space>
-  }
-
-  const node = equal(options, { value: iValue })
-  return <>{node ? node.title : iValue ? iValue : iDom}</>
-}
-
-const Render: RenderProps = {
-  name: 'treeSelect',
-  render: (text, props: FieldProps, dom) => {
-    const { params, request, fieldProps } = props
-    const iParams = params
-    const iRequest = request
-    const attrs = { iValue: text, iDom: dom, iParams, iRequest }
-
-    return <Text {...fieldProps} {...attrs} />
-  },
-  renderFormItem: (_, props: FieldProps) => {
-    const { params, request, fieldProps } = props
-    const iParams = params
-    const iRequest = request
-    const attrs = { iParams, iRequest }
-
-    return <TreeSelect {...fieldProps} {...attrs} />
-  },
-}
-
-export default Render
-
-TreeSelect.defaultProps = {
-  allowClear: true,
-  showSearch: true,
-  treeNodeFilterProp: 'title',
-}

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

@@ -1,74 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

@@ -1,12 +0,0 @@
-/// <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

@@ -1,29 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1,31 +0,0 @@
-{
-  "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

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