@wzyjs/uis 0.3.29 → 0.3.31

package/src/components/Crud/utils/index.ts

@@ -1,87 +0,0 @@
-import type { PaginationState, ProColumnsPro } from '../types'
-
-export const transformPagination = (pagination: PaginationState) => {
-  return {
-    skip: (pagination.current - 1) * pagination.pageSize,
-    take: pagination.pageSize,
-  }
-}
-
-export const transformOrder = (sort: Record<string, 'ascend' | 'descend'>) => {
-  const orderByFields: Array<Record<string, 'asc' | 'desc'>> = []
-
-  Object.keys(sort).forEach((key) => {
-    if (sort[key]) {
-      orderByFields.push({
-        [key]: sort[key] === 'ascend' ? 'asc' : 'desc',
-      })
-    }
-  })
-
-  // 始终返回数组格式以支持多重排序
-  return orderByFields.length > 0 ? orderByFields : undefined
-}
-
-export const transformWhere = (filter: Record<string, (string | number)[] | null>, columns: ProColumnsPro[]) => {
-  const where: Record<string, any> = {}
-
-  Object.keys(filter).forEach((key) => {
-    const value = filter[key]
-    if (value !== null && value !== undefined) {
-      const column = columns.find(col => col.dataIndex === key)
-
-      // 根据字段类型转换过滤条件
-      if (column) {
-        switch (column.valueType) {
-          case 'text':
-          case 'textarea':
-            // 文本类型使用 contains 搜索
-            if (typeof value === 'string') {
-              where[key] = { contains: value }
-            }
-            break
-          case 'select':
-          case 'option':
-            if ((column?.fieldProps as any)?.multiple) {
-              where[key] = { in: value }
-            } else {
-              where[key] = { equals: value }
-            }
-            break
-          case 'dateRange':
-          case 'dateTimeRange':
-            // 日期范围搜索
-            if (value.length >= 2) {
-              where[key] = {
-                gte: value[0],
-                lte: value[1],
-              }
-            }
-            break
-          case 'digit':
-          case 'money':
-            // 数字类型
-            if (typeof value === 'number') {
-              where[key] = { equals: value }
-            }
-            break
-          case 'switch':
-            // 布尔类型
-            if (typeof value === 'boolean') {
-              where[key] = { equals: value }
-            }
-            break
-          case 'tags':
-            where[key] = { equals: value }
-            break
-          default:
-            where[key] = { equals: value }
-        }
-      } else {
-        where[key] = { equals: value }
-      }
-    }
-  })
-
-  return Object.keys(where).length > 0 ? where : undefined
-}

package/src/components/DateSwitcher/index.module.scss

@@ -1,10 +0,0 @@
-.picker {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-
-  :global(.ant-picker-input input) {
-    text-align: center !important;
-    cursor: pointer;
-  }
-}

package/src/components/DateSwitcher/index.tsx

@@ -1,75 +0,0 @@
-'use client'
-
-import React, { useState } from 'react'
-
-import { DatePicker, Button } from 'antd'
-import { LeftOutlined, RightOutlined } from '@ant-design/icons'
-
-import { dayjs, type Dayjs } from '@wzyjs/utils/web'
-
-import styles from './index.module.scss'
-
-interface DateSwitcherProps {
-  value?: Dayjs
-  onChange?: (date: Dayjs) => void
-}
-
-export const DateSwitcher = (props: DateSwitcherProps) => {
-  const { value = dayjs(), onChange } = props
-
-  const [selectedDate, setSelectedDate] = useState(value)
-
-  const handleDateChange = (date: Dayjs | null) => {
-    if (date) {
-      setSelectedDate(date)
-      onChange?.(date)
-    }
-  }
-
-  const handlePrevDay = () => {
-    const newDate = selectedDate.subtract(1, 'day')
-    handleDateChange(newDate)
-  }
-
-  const handleNextDay = () => {
-    const newDate = selectedDate.add(1, 'day')
-    handleDateChange(newDate)
-  }
-
-  const isToday = selectedDate.isSame(dayjs(), 'day')
-
-  return (
-    <div className={styles.picker}>
-      <Button
-        type='text'
-        icon={<LeftOutlined />}
-        onClick={handlePrevDay}
-        className='flex items-center justify-center'
-      />
-      <DatePicker
-        value={selectedDate}
-        onChange={handleDateChange}
-        allowClear={false}
-        suffixIcon={null}
-        className='w-40 text-center cursor-pointer'
-        style={{ border: 'none' }}
-        components={{
-          input: props => (
-            <div {...props} className={isToday ? 'text-green-600' : ''}>
-              <span>{selectedDate.format('YYYY-MM-DD')}</span>
-              <span style={{ marginLeft: 5 }}>
-                (周{['日', '一', '二', '三', '四', '五', '六'][dayjs(selectedDate).day()]})
-              </span>
-            </div>
-          ),
-        }}
-      />
-      <Button
-        type='text'
-        icon={<RightOutlined />}
-        onClick={handleNextDay}
-        className='flex items-center justify-center'
-      />
-    </div>
-  )
-}

package/src/components/DownloadLink/index.tsx

@@ -1,36 +0,0 @@
-'use client'
-
-import React from 'react'
-
-interface DownloadLinkProps {
-  url: string
-  filename?: string
-}
-
-export const DownloadLink = ({ url, filename }: DownloadLinkProps) => {
-  const handleDownload = (e: any) => {
-    e.preventDefault()
-    fetch(url, { method: 'GET' })
-    .then(response => response.blob())
-    .then(blob => {
-      const downloadUrl = window.URL.createObjectURL(blob)
-      const a = document.createElement('a')
-      a.href = downloadUrl
-      a.download = filename || '下载文件'
-      document.body.appendChild(a)
-      a.click()
-      a.remove()
-      window.URL.revokeObjectURL(downloadUrl)
-    })
-    .catch((err) => {
-      console.log(666, err)
-      alert('下载失败')
-    })
-  }
-
-  return (
-    <a href={url} onClick={handleDownload}>
-      下载
-    </a>
-  )
-}

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,76 +0,0 @@
-import React from 'react'
-import { AutoComplete, Button, Space } from 'antd'
-
-import type { Option } from './types'
-
-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/types.ts

@@ -1,8 +0,0 @@
-export type OptionValue = string | number | boolean
-
-export interface Option<V extends OptionValue = OptionValue> {
-  label: string
-  value: V
-  children?: Option<V>[]
-  extra?: Record<string, any>
-}

package/src/components/DynamicSelect/utils.ts

@@ -1,47 +0,0 @@
-import type { Option } from './types'
-
-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/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>
-  )
-}