@wzyjs/uis 0.3.28 → 0.3.30

package/src/components/DragSort/index.tsx

@@ -1,77 +0,0 @@
-'use client'
-
-import React from 'react'
-
-import { Space } from 'antd'
-import {
-  DragDropContext,
-  Draggable,
-  Droppable,
-  type OnDragEndResponder,
-  type DraggableProvided,
-} from 'react-beautiful-dnd'
-
-interface DragSortProps<T> {
-  direction?: 'vertical' | 'horizontal'
-  droppableId?: string
-  list?: T[]
-  children: (item: T, provided: DraggableProvided) => React.ReactNode
-  lastChildren?: React.ReactNode
-  onDragEnd?: OnDragEndResponder
-  hasContext?: boolean
-  dropType?: string
-}
-
-export { type DropResult, type DraggableProvided } from 'react-beautiful-dnd'
-
-export const DragSort = <T extends { id: string }>(props: DragSortProps<T>) => {
-  const {
-    dropType,
-    direction = 'vertical',
-    droppableId = 'list',
-    list,
-    children,
-    hasContext = true,
-    lastChildren,
-    onDragEnd = () => undefined,
-  } = props
-
-  const content = (
-    <Droppable
-      type={dropType}
-      droppableId={droppableId}
-      direction={direction}
-      isDropDisabled={false}
-      isCombineEnabled={false}
-      ignoreContainerClipping
-    >
-      {provided => (
-        <div ref={provided.innerRef} {...provided.droppableProps}>
-          <Space orientation={direction} wrap style={{ width: '100%' }}>
-            {list?.map((item, index) => (
-              <Draggable key={item.id} disableInteractiveElementBlocking draggableId={item.id.toString()} index={index}>
-                {provided => (
-                  <div ref={provided.innerRef} {...provided.draggableProps} >
-                    {children(item, provided)}
-                  </div>
-                )}
-              </Draggable>
-            ))}
-            {provided.placeholder}
-            {lastChildren}
-          </Space>
-        </div>
-      )}
-    </Droppable>
-  )
-
-  if (!hasContext) {
-    return content
-  }
-
-  return (
-    <DragDropContext onDragEnd={onDragEnd}>
-      {content}
-    </DragDropContext>
-  )
-}

package/src/components/DynamicSelect/index.tsx

@@ -1,74 +0,0 @@
-import React from 'react'
-import { AutoComplete, Button, Space } from 'antd'
-
-interface DynamicSelectProps {
-  value?: string[]
-  onChange?: (value: string[]) => void
-  options?: Option[]
-}
-
-export const DynamicSelect = (props: DynamicSelectProps) => {
-  const { value = [''], onChange, options = [] } = props
-
-  const removeOption = (index: number) => {
-    const newOptions = [...value]
-    newOptions.splice(index, 1)
-    onChange?.(newOptions)
-  }
-
-  const handleChange = (index: number, val: string) => {
-    const newValue = [...[...value].slice(0, index), val]
-    onChange?.(newValue)
-
-    if (newValue.every(item => item)) {
-      onChange?.([...newValue, ''])
-    }
-  }
-
-  const getOptions = (options: Option[], index: number): Option[] => {
-    if (index === 0) {
-      return options
-    }
-
-    const currentValue = value[value.length - 1 - index]
-    if (!currentValue) return []
-
-    return getOptions(
-      options.find(item => item.value === currentValue)?.children || [],
-      index - 1,
-    )
-  }
-
-  return (
-    <Space size={8} align='center'>
-      {value.map((val, index) => (
-        <Space key={index} size={4} align='center'>
-          <AutoComplete
-            style={{
-              minWidth: '120px',
-              maxWidth: '300px',
-              width: 'auto',
-            }}
-            value={val}
-            onChange={val => handleChange(index, val)}
-            options={getOptions(options, index)}
-            placeholder={`请选择第 ${index + 1} 级`}
-          />
-          {index !== 0 && (
-            <Button
-              type='text'
-              danger
-              size='small'
-              onClick={() => removeOption(index)}
-            >
-              删除
-            </Button>
-          )}
-          {index < value.length - 1 && (
-            <span style={{ color: '#999' }}>/</span>
-          )}
-        </Space>
-      ))}
-    </Space>
-  )
-}

package/src/components/DynamicSelect/utils.ts

@@ -1,45 +0,0 @@
-export const transformOptions = (data: string[][]): Option[] => {
-  const result: Option[] = []
-
-  data.forEach((item = []) => {
-    let currentNode: Option | undefined
-    let parentNode: Option | undefined
-
-    for (let i = 0; i < item.length; i++) {
-      const currentValue = item[i]
-      if (!currentValue) continue
-
-      if (i === 0) {
-        currentNode = result.find(r => r.value === currentValue)
-
-        if (!currentNode) {
-          currentNode = {
-            label: currentValue,
-            value: currentValue,
-          }
-          result.push(currentNode)
-        }
-
-        parentNode = currentNode
-      } else {
-        currentNode = parentNode?.children?.find((c: Option) => c.value === currentValue)
-
-        if (!currentNode) {
-          currentNode = {
-            label: currentValue,
-            value: currentValue,
-          }
-          if (!parentNode) {
-            return
-          }
-          parentNode.children = parentNode.children || []
-          parentNode.children.push(currentNode)
-        }
-
-        parentNode = currentNode
-      }
-    }
-  })
-
-  return result
-}

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/Fold/index.tsx

@@ -1,52 +0,0 @@
-'use client'
-
-import React, { useState } from 'react'
-import { Button } from 'antd'
-import { DownOutlined, UpOutlined } from '@ant-design/icons'
-
-interface FoldProps {
-  max: number
-  children?: React.ReactNode
-  btnStyle?: React.CSSProperties
-}
-
-export const Fold = (props: FoldProps) => {
-  const { max, children, btnStyle = {} } = props
-
-  const [collapsed, setCollapsed] = useState<boolean | undefined>(undefined)
-
-  const divRef = React.useRef<HTMLDivElement>(null)
-
-  React.useEffect(() => {
-    if (divRef.current) {
-      const { clientHeight } = divRef.current
-      if (clientHeight > max) {
-        setCollapsed(true)
-      }
-    }
-  }, [divRef.current])
-
-  return (
-    <div ref={divRef} style={{ overflow: 'hidden' }}>
-      <div style={{ maxHeight: collapsed ? max : undefined }}>
-        {children}
-      </div>
-
-      <div style={{ textAlign: 'center', ...btnStyle }}>
-        {collapsed === undefined ? null : collapsed ? (
-          <Button
-            size='small'
-            icon={<DownOutlined />}
-            onClick={() => setCollapsed(false)}
-          />
-        ) : (
-          <Button
-            size='small'
-            icon={<UpOutlined />}
-            onClick={() => setCollapsed(true)}
-          />
-        )}
-      </div>
-    </div>
-  )
-}

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 }}
-    />
-  )
-}