@wzyjs/uis 0.3.29 → 0.3.30

package/src/components/EnumTag/index.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-
-import { Tag } from 'antd'
-
-type EnumTagProps = {
-  value: string
-  map: Map<string, { label: string; value: string; extra?: { color?: string } }>
-}
-
-export const EnumTag = (props: EnumTagProps) => {
-  const { value, map } = props
-
-  const enumItem = map.get(value)
-
-  if (!enumItem) {
-    return <Tag>{value}</Tag>
-  }
-
-  return (
-    <Tag color={enumItem.extra?.color}>
-      {enumItem.label}
-    </Tag>
-  )
-}

package/src/components/FetchSelect/index.tsx

@@ -1,57 +0,0 @@
-'use client'
-
-import { useImperativeHandle } from 'react'
-import { Select, SelectProps, Spin } from 'antd'
-import { useRequest } from '@wzyjs/hooks/web'
-
-export interface FetchSelectProps<I> extends SelectProps {
-  selectRef?: any,
-  isDetail?: boolean, // 只返回id 还是返回整个信息
-  searchApi: (params: { search: string }) => Promise<any>,
-  convertData?: (data: I[]) => any[],
-  onChange?: (value: any) => void
-}
-
-export interface FetchSelectRef {
-  refresh: () => void
-}
-
-export const FetchSelect = <I extends { id: string | number }, >(props: FetchSelectProps<I>) => {
-  const { searchApi, convertData, onChange, isDetail = false, selectRef, ...other } = props
-
-  const { data, run, loading, refresh } = useRequest(searchApi, {
-    debounceWait: 100,
-  })
-
-  const onSearch = (value: string) => {
-    run({ search: value })
-  }
-
-  useImperativeHandle(selectRef, () => ({
-    refresh,
-  }))
-
-  return (
-    <Select
-      showSearch
-      defaultActiveFirstOption={false}
-      popupMatchSelectWidth={false}
-      suffixIcon={null}
-      filterOption={false}
-      notFoundContent={loading ? <Spin size='small' /> : null}
-      loading={loading}
-      {...other}
-
-      options={convertData ? convertData(data?.data || []) : data?.data}
-      onSearch={onSearch}
-      onChange={value => {
-        if (isDetail) {
-          const detail = data?.data?.find(item => item.id === value)
-          onChange?.(detail)
-        } else {
-          onChange?.(value)
-        }
-      }}
-    />
-  )
-}

package/src/components/FormPro/index.tsx

@@ -1,28 +0,0 @@
-'use client'
-
-import React, { useImperativeHandle, useRef } from 'react'
-import { BetaSchemaForm, ProFormInstance } from '@ant-design/pro-components'
-import { FormSchema } from '@ant-design/pro-form/es/components/SchemaForm'
-
-export type { ProFormColumnsType, ProFormInstance } from '@ant-design/pro-components'
-
-export type FormProProps<T, ValueType> = FormSchema<T, ValueType>
-
-export const FormPro = <T, ValueType>(props: FormProProps<T, ValueType>) => {
-
-  const formRef = useRef<ProFormInstance>(null)
-  useImperativeHandle(props.formRef, () => formRef?.current, [formRef])
-
-  // useEffect(() => {
-  //   if (props.value) {
-  //     formRef.current?.setFieldsValue(props.value)
-  //   }
-  // }, [JSON.stringify(props.value)])
-
-  return (
-    <BetaSchemaForm
-      {...props}
-      formRef={formRef}
-    />
-  )
-}

package/src/components/GroupLayout/index.tsx

@@ -1,45 +0,0 @@
-import { CSSProperties, ReactNode } from 'react'
-
-import GridLayout, { Layout } from 'react-grid-layout'
-import 'react-grid-layout/css/styles.css'
-
-export type { Layout as GridLayoutItem } from 'react-grid-layout'
-
-interface GridLayoutProps<I> {
-  layout: I[]
-  style?: CSSProperties
-  onChange?: (layout: I[]) => void
-  renderItem?: (item: I) => ReactNode
-}
-
-export const GroupLayout = <I extends Layout>(props: GridLayoutProps<I>) => {
-  const { style, layout, onChange, renderItem = item => item.i } = props
-
-  const onLayoutChange = (items: Layout[]) => {
-    onChange?.(items.map(item => ({
-      ...layout.find(i => i.i === item.i),
-      ...item,
-    }) as I))
-  }
-
-  return (
-    <GridLayout
-      layout={layout}
-      cols={24}
-      rowHeight={50}
-      width={1200}
-      useCSSTransforms={false}
-      containerPadding={[0, 0]}
-      style={{ width: '100%', height: '100%', userSelect: 'none', ...style }}
-      draggableHandle='.drag-handle'
-      resizeHandles={['se']}
-      onLayoutChange={onLayoutChange}
-    >
-      {layout.map(item => (
-        <div key={item.i}>
-          {renderItem(item)}
-        </div>
-      ))}
-    </GridLayout>
-  )
-}

package/src/components/HtmlPro/index.tsx

@@ -1,18 +0,0 @@
-'use client'
-
-import React, { CSSProperties } from 'react'
-
-export interface HtmlProProps {
-  html: string;
-  style?: CSSProperties
-}
-
-export const HtmlPro = (props: HtmlProProps) => {
-  const { html, style = {} } = props
-  return (
-    <div
-      style={{ minWidth: '100%', ...style }}
-      dangerouslySetInnerHTML={{ __html: html }}
-    />
-  )
-}

package/src/components/IframePro/index.tsx

@@ -1,52 +0,0 @@
-'use client'
-
-import React, { useEffect, CSSProperties } from 'react'
-import { Spin } from 'antd'
-import { useBoolean } from '@wzyjs/hooks/web'
-
-export interface IframeProProps {
-  url: string;
-  errMessage?: string;
-  style?: CSSProperties;
-  isShowLoading?: boolean;
-}
-
-export const IframePro = (props: IframeProProps) => {
-  const { url, style, errMessage = '', isShowLoading = false } = props
-
-  const [loading, { setTrue, setFalse }] = useBoolean(true)
-
-  useEffect(() => {
-    setTrue()
-  }, [url])
-
-  if (!url) {
-    return (
-      <span
-        style={{
-          ...style,
-          color: '#ccc',
-          fontSize: 14,
-          display: 'flex',
-          flexDirection: 'column',
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}
-      >
-        {errMessage || '没有url'}
-      </span>
-    )
-  }
-
-  return (
-    <Spin spinning={loading && isShowLoading}>
-      <iframe
-        src={url}
-        width='100%'
-        height='100%'
-        style={style}
-        onLoad={setFalse}
-      />
-    </Spin>
-  )
-}

package/src/components/JsonRenderer/index.tsx

@@ -1,114 +0,0 @@
-import React from 'react'
-import {
-  Divider,
-  Flex,
-  Space,
-  Typography,
-  Steps,
-  Tabs,
-  Collapse,
-  Descriptions,
-  Image,
-  List,
-  Popover,
-  Tooltip,
-  Card,
-  QRCode,
-  Segmented,
-  Table,
-  Tag,
-  Timeline,
-  Tree,
-  Alert,
-  Progress,
-} from 'antd'
-
-const ComponentMap = {
-  // 布局结构类
-  Divider,
-  Flex,
-  Space,
-
-  // 信息展示类
-  Typography,
-  'Typography.Title': Typography.Title,
-  'Typography.Text': Typography.Text,
-  'Typography.Paragraph': Typography.Paragraph,
-  'Typography.Link': Typography.Link,
-  Steps,
-  Tabs,
-  Collapse,
-  'Collapse.Panel': Collapse.Panel,
-  Description: Descriptions,
-  Image,
-  List,
-  Popover,
-  Tooltip,
-  Card,
-  QRCode,
-  Segmented,
-  Table,
-  Tag,
-  Timeline,
-  Tree,
-  Alert,
-  Progress,
-}
-
-export interface Content {
-  component: keyof typeof ComponentMap // 对应 Ant Design 组件的枚举值
-  props?: Record<string, any>       // 对应组件的 props 配置
-  children?: Content[] | string     // 子节点，可递归嵌套，或直接是字符串
-}
-
-interface JsonRendererProps {
-  content: Content[]
-}
-
-export const JsonRenderer = (props: JsonRendererProps) => {
-  const { content } = props
-
-  // 递归渲染组件的函数
-  const renderContent = (item: Content | string) => {
-    // 如果是字符串，直接返回
-    if (typeof item === 'string') {
-      return item
-    }
-
-    const { component, props = {}, children } = item
-
-    // 获取对应的组件
-    const Component = ComponentMap[component] as React.ComponentType<any>
-
-    if (!Component) {
-      return <Alert type='error' message={`未找到组件: ${component}`} />
-    }
-
-    // 处理子节点
-    let childrenContent
-    if (children) {
-      if (Array.isArray(children)) {
-        childrenContent = children.map((child, index) => (
-          <React.Fragment key={index}>
-            {renderContent(child)}
-          </React.Fragment>
-        ))
-      } else {
-        childrenContent = renderContent(children)
-      }
-    }
-
-    // 渲染组件，传递 props 和 children
-    return <Component {...props}>{childrenContent}</Component>
-  }
-
-  return (
-    <>
-      {content.map((item, index) => (
-        <React.Fragment key={index}>
-          {renderContent(item)}
-        </React.Fragment>
-      ))}
-    </>
-  )
-}

package/src/components/JsonView/index.tsx

@@ -1,21 +0,0 @@
-'use client'
-
-import React from 'react'
-import ReactJson, { ReactJsonViewProps } from 'react-json-view'
-
-export type JsonViewProps = ReactJsonViewProps
-
-export const JsonView = (props: JsonViewProps) => {
-  const { style } = props
-
-  return (
-    <ReactJson
-      enableClipboard={false}
-      collapsed={true}
-      displayObjectSize={false}
-      displayDataTypes={false}
-      {...props}
-      style={{ overflow: 'auto', ...style }}
-    />
-  )
-}

package/src/components/Markdown/index.tsx

@@ -1,152 +0,0 @@
-'use client'
-
-import { useMemo } from 'react'
-import ReactMarkdown from 'react-markdown'
-import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
-import { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'
-import remarkGfm from 'remark-gfm'
-import rehypeSlug from 'rehype-slug'
-import rehypeAutolinkHeadings from 'rehype-autolink-headings'
-
-import 'github-markdown-css/github-markdown-light.css'
-import { style } from './style'
-
-interface MarkdownProps {
-  content: string
-  showToc?: boolean // 是否显示目录
-}
-
-interface TocItem {
-  id: string
-  text: string
-  level: number
-}
-
-export const Markdown = (props: MarkdownProps) => {
-  const { content = '', showToc = true } = props
-
-  // 提取标题生成目录
-  const tocItems = useMemo(() => {
-    if (!showToc) {
-      return []
-    }
-
-    const lines = content.split('\n')
-    const items: TocItem[] = []
-
-    lines.forEach((line) => {
-      const match = line.match(/^(#{2,4})\s+(.+)$/)
-      if (match && match[1] && match[2]) {
-        const level = match[1].length
-        const text = match[2].trim()
-        const id = text
-        .toLowerCase()
-        .replace(/[^\w\u4e00-\u9fa5\s-]/g, '') // 保留中文、英文、数字、空格和连字符
-        .replace(/\s+/g, '-') // 空格替换为连字符
-
-        items.push({ id, text, level })
-      }
-    })
-
-    return items
-  }, [content, showToc])
-
-  // 渲染目录
-  const renderToc = () => {
-    if (!showToc || tocItems.length === 0) {
-      return null
-    }
-
-    return (
-      <div
-        className='markdown-toc-container'
-        style={{
-          padding: '10px 20px 10px 0',
-          backgroundColor: '#f8f9fa',
-          borderLeft: '4px solid #1890ff',
-          borderRadius: '4px',
-          overflowY: 'auto',
-          height: '100%'
-        }}
-      >
-        <ul style={{ margin: 0, padding: 0 }}>
-          {tocItems.map((item, index) => (
-            <li
-              key={index}
-              style={{
-                marginBottom: '4px',
-                marginLeft: `${(item.level - 1) * 16}px`,
-                listStyle: 'none',
-                position: 'relative',
-              }}
-            >
-              <a
-                href={`#${item.id}`}
-                style={{
-                  textDecoration: 'none',
-                  color: '#1890ff',
-                  fontSize: item.level <= 2 ? '14px' : '13px',
-                  fontWeight: item.level === 1 ? 600 : 400,
-                }}
-                onClick={(e) => {
-                  e.preventDefault()
-                  const element = document.getElementById(item.id)
-                  if (element) {
-                    element.scrollIntoView({ behavior: 'smooth' })
-                  }
-                }}
-              >
-                {item.text}
-              </a>
-            </li>
-          ))}
-        </ul>
-      </div>
-    )
-  }
-
-  return (
-    <div style={{ height: '100%' }}>
-      <style>{style}</style>
-      <div className='markdown-body markdown-toc' style={{ height: '100%', display: 'flex' }}>
-        <div style={{ marginRight: 14 }}>
-          {renderToc()}
-        </div>
-        <div style={{ overflow: 'auto', flex: 1 }}>
-          <ReactMarkdown
-            remarkPlugins={[remarkGfm]}
-            rehypePlugins={[
-              rehypeSlug,
-              [rehypeAutolinkHeadings, {
-                behavior: 'wrap',
-                properties: {
-                  className: ['anchor'],
-                },
-              }],
-            ]}
-            components={{
-              code(props) {
-                const { children, className } = props
-                const match = /language-(\w+)/.exec(className || '')
-                return match ? (
-                  <SyntaxHighlighter
-                    PreTag='div'
-                    children={String(children).replace(/\n$/, '')}
-                    language={match[1]}
-                    style={oneLight}
-                  />
-                ) : (
-                  <code className={className}>
-                    {children}
-                  </code>
-                )
-              },
-            }}
-          >
-            {content}
-          </ReactMarkdown>
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/components/MindMap/context.tsx

@@ -1,29 +0,0 @@
-'use client'
-
-import { createContext, useContext, type ReactNode } from 'react'
-
-export interface MindMapDndState {
-  draggingNodeId: string | null
-  dropTargetNodeId: string | null
-}
-
-const MindMapDndContext = createContext<MindMapDndState | null>(null)
-
-interface MindMapDndProviderProps {
-  value: MindMapDndState
-  children: ReactNode
-}
-
-export const MindMapDndProvider = (props: MindMapDndProviderProps) => {
-  const { value, children } = props
-  return (
-    <MindMapDndContext.Provider value={value}>
-      {children}
-    </MindMapDndContext.Provider>
-  )
-}
-
-export const useMindMapDndState = (): MindMapDndState => {
-  const value = useContext(MindMapDndContext)
-  return value ?? { draggingNodeId: null, dropTargetNodeId: null }
-}