antd-solid 0.0.12 → 0.0.13

package/src/utils/SolidToReact.tsx

@@ -1,27 +0,0 @@
-import React, { type FunctionComponent, type ReactElement, useEffect, useRef } from 'react'
-import { type JSX } from 'solid-js'
-import { render } from 'solid-js/web'
-
-export interface SolidToReactProps {
-  children?: JSX.Element
-  container?: ReactElement
-}
-
-const SolidToReact: FunctionComponent<SolidToReactProps> = ({ children, container }) => {
-  const ref = useRef<HTMLDivElement>()
-
-  useEffect(() => render(() => children, ref.current!), [])
-
-  // if (import.meta.env.SSR) {
-  //   return React.createElement('div', {
-  //     dangerouslySetInnerHTML: { __html: renderToString(() => children) },
-  //   })
-  // }
-  return container
-    ? React.cloneElement(container, {
-      ref,
-    })
-    : React.createElement('div', { ref, role: 'SolidToReact' })
-}
-
-export default SolidToReact

package/src/utils/array.ts

@@ -1,21 +0,0 @@
-/**
- * 如果传入一个非数组字段，则将其转化为数组
- * @param value
- * @returns
- */
-export function toArray<T>(value: T | T[]) {
-  return Array.isArray(value) ? value : [value]
-}
-
-export interface StandardNode {
-  children?: this[]
-}
-/**
- * 将数组中每个对象的 children 拍扁后返回
- * @param nodes
- * @returns
- */
-export function flatChildren<T extends StandardNode = StandardNode>(nodes: T[] | undefined): T[] {
-  if (!nodes) return []
-  return nodes.flatMap(node => [node, ...flatChildren(node.children)])
-}

package/src/utils/component.tsx

@@ -1,85 +0,0 @@
-import React from 'react'
-import { type Component, createMemo, type JSXElement } from 'solid-js'
-import { omit } from 'lodash-es'
-import { solidToReact } from './solid'
-import ReactToSolid from './ReactToSolid'
-import { ConfigProvider } from 'antd'
-import zhCN from './zh_CN'
-import { type ConfigProviderProps } from 'antd/es/config-provider'
-
-/**
- * 将组件 props 中的 className 替换为 class
- * @param C
- * @returns
- */
-export function replaceClassName<
-  T extends { className?: string },
-  Target extends Omit<T, 'className'> & { class?: string },
->(C: Component<T>): Component<Target> {
-  return function (_props: Target) {
-    const props = createMemo(() => {
-      return {
-        ...omit(_props, 'class'),
-        className: _props.class,
-      }
-    })
-    return <C {...(props() as unknown as T)} />
-  }
-}
-
-/**
- * 将组件 props 中的 children 替换为 JSXElement
- * @param C
- * @returns
- */
-export function replaceChildren<
-  T extends { children?: React.ReactNode },
-  Target extends Omit<T, 'children'> & { children?: JSXElement },
->(C: Component<T>): Component<Target> {
-  return function (_props: Target) {
-    const props = createMemo(() => {
-      return {
-        ..._props,
-        children: solidToReact(_props.children),
-      }
-    })
-    return <C {...(props() as unknown as T)} />
-  }
-}
-
-export function reactToSolidComponent<P extends {} = {}>(
-  component: React.FunctionComponent<P> | React.ComponentClass<P>,
-  container?: Element | (() => Element),
-) {
-  return function (props: P) {
-    return (
-      <ReactToSolid
-        component={component}
-        props={props}
-        container={typeof container === 'function' ? container() : container}
-      />
-    )
-  }
-}
-
-/**
- * 返回被 ConfigProvider 包裹后的 component
- * @param component
- * @param configProviderProps
- * @returns
- */
-export function configProvider<P extends {} = {}>(
-  component: React.FunctionComponent<P> | React.ComponentClass<P>,
-  configProviderProps?: ConfigProviderProps,
-) {
-  return function (props: P) {
-    return React.createElement(
-      ConfigProvider,
-      {
-        locale: zhCN,
-        ...configProviderProps,
-      },
-      React.createElement(component, props),
-    )
-  }
-}

package/src/utils/solid.ts

@@ -1,61 +0,0 @@
-import React from 'react'
-import { type JSXElement, type JSX, untrack, type Ref } from 'solid-js'
-import { isNil } from 'lodash-es'
-import SolidToReact from './SolidToReact'
-import { type StringOrJSXElement } from '../types'
-
-/**
- * 判断 JSXElement 是否是基础类型
- * @param value JSXElement
- * @returns
- */
-export function isBaseType(
-  value: JSXElement,
-): value is string | number | boolean | null | undefined {
-  return (
-    typeof value === 'string' ||
-    typeof value === 'number' ||
-    typeof value === 'boolean' ||
-    value === null ||
-    value === undefined
-  )
-}
-
-export function solidToReact(children: JSXElement) {
-  return isBaseType(children)
-    ? children
-    : React.createElement(SolidToReact, {
-      children,
-    })
-}
-
-export function dispatchEventHandlerUnion<T, E extends Event>(
-  handler: JSX.EventHandlerUnion<T, E> | undefined,
-  e: E & {
-    currentTarget: T
-    target: Element
-  },
-) {
-  if (isNil(handler)) {
-    return
-  }
-
-  if (typeof handler === 'function') {
-    handler(e)
-    return
-  }
-
-  handler[0](handler[1], e)
-}
-
-export function unwrapStringOrJSXElement(value: StringOrJSXElement): JSXElement {
-  return typeof value === 'function' ? value() : value
-}
-
-export function setRef<T>(props: { ref?: Ref<T> }, value: T | null) {
-  untrack(() => {
-    if (typeof props.ref === 'function') {
-      ;(props.ref as (v: T | null) => void)?.(value)
-    }
-  })
-}

package/src/utils/zh_CN.ts

@@ -1,236 +0,0 @@
-import { type ConfigProviderProps } from 'antd/es/config-provider'
-
-export default {
-  locale: 'zh-cn',
-  Pagination: {
-    items_per_page: '条/页',
-    jump_to: '跳至',
-    jump_to_confirm: '确定',
-    page: '页',
-    prev_page: '上一页',
-    next_page: '下一页',
-    prev_5: '向前 5 页',
-    next_5: '向后 5 页',
-    prev_3: '向前 3 页',
-    next_3: '向后 3 页',
-    page_size: '页码',
-  },
-  DatePicker: {
-    lang: {
-      placeholder: '请选择日期',
-      yearPlaceholder: '请选择年份',
-      quarterPlaceholder: '请选择季度',
-      monthPlaceholder: '请选择月份',
-      weekPlaceholder: '请选择周',
-      rangePlaceholder: ['开始日期', '结束日期'],
-      rangeYearPlaceholder: ['开始年份', '结束年份'],
-      rangeMonthPlaceholder: ['开始月份', '结束月份'],
-      rangeQuarterPlaceholder: ['开始季度', '结束季度'],
-      rangeWeekPlaceholder: ['开始周', '结束周'],
-      locale: 'zh_CN',
-      today: '今天',
-      now: '此刻',
-      backToToday: '返回今天',
-      ok: '确定',
-      timeSelect: '选择时间',
-      dateSelect: '选择日期',
-      weekSelect: '选择周',
-      clear: '清除',
-      month: '月',
-      year: '年',
-      previousMonth: '上个月 (翻页上键)',
-      nextMonth: '下个月 (翻页下键)',
-      monthSelect: '选择月份',
-      yearSelect: '选择年份',
-      decadeSelect: '选择年代',
-      yearFormat: 'YYYY年',
-      dayFormat: 'D日',
-      dateFormat: 'YYYY年M月D日',
-      dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
-      previousYear: '上一年 (Control键加左方向键)',
-      nextYear: '下一年 (Control键加右方向键)',
-      previousDecade: '上一年代',
-      nextDecade: '下一年代',
-      previousCentury: '上一世纪',
-      nextCentury: '下一世纪',
-    },
-    timePickerLocale: {
-      placeholder: '请选择时间',
-      rangePlaceholder: ['开始时间', '结束时间'],
-    },
-  },
-  TimePicker: {
-    placeholder: '请选择时间',
-    rangePlaceholder: ['开始时间', '结束时间'],
-  },
-  Calendar: {
-    lang: {
-      placeholder: '请选择日期',
-      yearPlaceholder: '请选择年份',
-      quarterPlaceholder: '请选择季度',
-      monthPlaceholder: '请选择月份',
-      weekPlaceholder: '请选择周',
-      rangePlaceholder: ['开始日期', '结束日期'],
-      rangeYearPlaceholder: ['开始年份', '结束年份'],
-      rangeMonthPlaceholder: ['开始月份', '结束月份'],
-      rangeQuarterPlaceholder: ['开始季度', '结束季度'],
-      rangeWeekPlaceholder: ['开始周', '结束周'],
-      locale: 'zh_CN',
-      today: '今天',
-      now: '此刻',
-      backToToday: '返回今天',
-      ok: '确定',
-      timeSelect: '选择时间',
-      dateSelect: '选择日期',
-      weekSelect: '选择周',
-      clear: '清除',
-      month: '月',
-      year: '年',
-      previousMonth: '上个月 (翻页上键)',
-      nextMonth: '下个月 (翻页下键)',
-      monthSelect: '选择月份',
-      yearSelect: '选择年份',
-      decadeSelect: '选择年代',
-      yearFormat: 'YYYY年',
-      dayFormat: 'D日',
-      dateFormat: 'YYYY年M月D日',
-      dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
-      previousYear: '上一年 (Control键加左方向键)',
-      nextYear: '下一年 (Control键加右方向键)',
-      previousDecade: '上一年代',
-      nextDecade: '下一年代',
-      previousCentury: '上一世纪',
-      nextCentury: '下一世纪',
-    },
-    timePickerLocale: {
-      placeholder: '请选择时间',
-      rangePlaceholder: ['开始时间', '结束时间'],
-    },
-  },
-  global: {
-    placeholder: '请选择',
-  },
-  Table: {
-    filterTitle: '筛选',
-    filterConfirm: '确定',
-    filterReset: '重置',
-    filterEmptyText: '无筛选项',
-    filterCheckall: '全选',
-    filterSearchPlaceholder: '在筛选项中搜索',
-    selectAll: '全选当页',
-    selectInvert: '反选当页',
-    selectNone: '清空所有',
-    selectionAll: '全选所有',
-    sortTitle: '排序',
-    expand: '展开行',
-    collapse: '关闭行',
-    triggerDesc: '点击降序',
-    triggerAsc: '点击升序',
-    cancelSort: '取消排序',
-  },
-  Modal: {
-    okText: '确定',
-    cancelText: '取消',
-    justOkText: '知道了',
-  },
-  Tour: {
-    Next: '下一步',
-    Previous: '上一步',
-    Finish: '结束导览',
-  },
-  Popconfirm: {
-    cancelText: '取消',
-    okText: '确定',
-  },
-  Transfer: {
-    titles: ['', ''],
-    searchPlaceholder: '请输入搜索内容',
-    itemUnit: '项',
-    itemsUnit: '项',
-    remove: '删除',
-    selectCurrent: '全选当页',
-    removeCurrent: '删除当页',
-    selectAll: '全选所有',
-    removeAll: '删除全部',
-    selectInvert: '反选当页',
-  },
-  Upload: {
-    uploading: '文件上传中',
-    removeFile: '删除文件',
-    uploadError: '上传错误',
-    previewFile: '预览文件',
-    downloadFile: '下载文件',
-  },
-  Empty: {
-    description: '暂无数据',
-  },
-  Icon: {
-    icon: '图标',
-  },
-  Text: {
-    edit: '编辑',
-    copy: '复制',
-    copied: '复制成功',
-    expand: '展开',
-  },
-  PageHeader: {
-    back: '返回',
-  },
-  Form: {
-    optional: '（可选）',
-    defaultValidateMessages: {
-      default: '字段验证错误${label}',
-      required: '请输入${label}',
-      enum: '${label}必须是其中一个[${enum}]',
-      whitespace: '${label}不能为空字符',
-      date: {
-        format: '${label}日期格式无效',
-        parse: '${label}不能转换为日期',
-        invalid: '${label}是一个无效日期',
-      },
-      types: {
-        string: '${label}不是一个有效的${type}',
-        method: '${label}不是一个有效的${type}',
-        array: '${label}不是一个有效的${type}',
-        object: '${label}不是一个有效的${type}',
-        number: '${label}不是一个有效的${type}',
-        date: '${label}不是一个有效的${type}',
-        boolean: '${label}不是一个有效的${type}',
-        integer: '${label}不是一个有效的${type}',
-        float: '${label}不是一个有效的${type}',
-        regexp: '${label}不是一个有效的${type}',
-        email: '${label}不是一个有效的${type}',
-        url: '${label}不是一个有效的${type}',
-        hex: '${label}不是一个有效的${type}',
-      },
-      string: {
-        len: '${label}须为${len}个字符',
-        min: '${label}最少${min}个字符',
-        max: '${label}最多${max}个字符',
-        range: '${label}须在${min}-${max}字符之间',
-      },
-      number: {
-        len: '${label}必须等于${len}',
-        min: '${label}最小值为${min}',
-        max: '${label}最大值为${max}',
-        range: '${label}须在${min}-${max}之间',
-      },
-      array: {
-        len: '须为${len}个${label}',
-        min: '最少${min}个${label}',
-        max: '最多${max}个${label}',
-        range: '${label}数量须在${min}-${max}之间',
-      },
-      pattern: {
-        mismatch: '${label}与模式不匹配${pattern}',
-      },
-    },
-  },
-  Image: {
-    preview: '预览',
-  },
-  QRCode: {
-    expired: '二维码过期',
-    refresh: '点击刷新',
-  },
-} as ConfigProviderProps['locale']