antd-solid 0.0.2 → 0.0.4

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 'antd/locale/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,48 +0,0 @@
-import React from 'react'
-import { type JSXElement , type JSX } from 'solid-js'
-import { isNil } from 'lodash-es'
-import SolidToReact from './SolidToReact'
-
-/**
- * 判断 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);
-}

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "strictNullChecks": true,
-    "noImplicitAny": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "jsxImportSource": "solid-js",
-    "jsx": "preserve",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "baseUrl": ".",
-    "paths": {
-      "antd-solid": ["src/index"],
-    },
-  },
-  "include": [
-    "./src/**/*",
-    "./docs/**/*",
-  ],
-}

package/unocss.config.ts

@@ -1,92 +0,0 @@
-/* eslint-disable @typescript-eslint/promise-function-async */
-import { defineConfig } from '@unocss/vite'
-import { presetMini } from '@unocss/preset-mini'
-import transformerVariantGroup from '@unocss/transformer-variant-group'
-import presetIcons from '@unocss/preset-icons'
-
-export default defineConfig({
-  presets: [
-    presetMini({
-      prefix: 'ant-'
-    }),
-    presetIcons({
-      collections: {
-        'ant-design': () => import('@iconify-json/ant-design').then(i => i.icons),
-      },
-      extraProperties: {
-        display: 'inline-block',
-        'vertical-align': 'middle',
-      },
-    }) as any,
-  ],
-  transformers: [transformerVariantGroup()],
-  variants: [
-    /**
-     * not[.*]:
-     */
-    matcher => {
-      const prevReg = /^not\[(.*)\]:/
-      const match = matcher.match(prevReg)
-      if (!match) return matcher
-      return {
-        matcher: matcher.slice(match[0].length),
-        selector: s => `${s}:not(${match[1]})`,
-      }
-    },
-    /**
-     * where:
-     */
-    matcher => {
-      const prev = 'where:'
-      if (!matcher.startsWith(prev)) {
-        return matcher
-      }
-      return {
-        matcher: matcher.slice(prev.length),
-        selector: s => `:where(${s})`,
-      }
-    },
-    /**
-     * 定义子级的样式
-     * child[.*]:
-     */
-    matcher => {
-      const prevReg = /^child\[(.*)\]:/
-      const match = matcher.match(prevReg)
-      if (!match) return matcher
-      return {
-        matcher: matcher.slice(match[0].length),
-        selector: s => `${s} ${match[1] || '*'}`,
-      }
-    },
-    /**
-     * 父级 hover 的状态定义子级的样式
-     * p-hover-child[.*]:
-     */
-    matcher => {
-      const prevReg = /^p-hover-child\[(.*)\]:/
-      const match = matcher.match(prevReg)
-      if (!match) return matcher
-      return {
-        matcher: matcher.slice(match[0].length),
-        selector: s => `${s}:hover ${match[1] || '*'}`,
-      }
-    },
-  ],
-  rules: [
-    ['rm-size-btn', { padding: 0, border: 'none', height: 'auto' }],
-    [
-      /^keyframes-spin$/,
-      () => {
-        return `@keyframes spin {
-          from {
-              transform: rotate(0deg);
-          }
-          to {
-              transform: rotate(360deg);
-          }
-        }`
-      },
-    ],
-  ],
-})