antd-solid 0.0.3 → 0.0.5

package/docs/components/collapse/Base.tsx

@@ -1,25 +0,0 @@
-import { type Component } from 'solid-js'
-import { Collapse } from 'antd-solid'
-
-const Index: Component = () => {
-  const items = [
-    {
-      key: '1',
-      label: 'Tab 1',
-      children: 'Content of Tab Pane 1',
-    },
-    {
-      key: '2',
-      label: 'Tab 2',
-      children: 'Content of Tab Pane 2',
-    },
-    {
-      key: '3',
-      label: 'Tab 3',
-      children: 'Content of Tab Pane 3',
-    },
-  ]
-  return <Collapse items={items} />
-}
-
-export default Index

package/docs/components/collapse.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Collapse 折叠面板 {#title}
-
-可以折叠/展开的内容区域。
-
-## 代码演示
-
-### 折叠面板
-
-可以同时展开多个面板，这个例子默认展开了第一个。
-
-<Code path="collapse/Base" />
-
-## API
-
-### Collapse
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/color-picker/Base.tsx

@@ -1,14 +0,0 @@
-import { type Component } from 'solid-js'
-import { ColorPicker } from 'antd-solid'
-
-const Base: Component = () => {
-  return (
-    <ColorPicker
-      onChange={(value, hex) => {
-        console.log('onChange', value, hex)
-      }}
-    />
-  )
-}
-
-export default Base

package/docs/components/color-picker.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# ColorPicker 颜色选择器 {#title}
-
-提供颜色选取的组件。
-
-## 代码演示
-
-### 基本用法
-
-最简单的使用方法。
-
-<Code path="color-picker/Base" />
-
-## API
-
-### InputNumber
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/compact/Base.tsx

@@ -1,27 +0,0 @@
-import { type Component } from 'solid-js'
-import { Compact, Input, InputNumber } from 'antd-solid'
-
-const Index: Component = () => {
-  return (
-    <div style={{
-      display: 'grid',
-      gap: '8px',
-    }}>
-      <Compact>
-        <Input style={{ width: '20%' }} />
-        <InputNumber style={{ width: '30%' }} />
-        <Input style={{ width: '20%' }} />
-      </Compact>
-      <Compact>
-        <Input style={{ width: '50%' }} prefix="$" suffix=".00" />
-        <Input style={{ width: '50%' }} prefix="$" suffix=".00" />
-      </Compact>
-      <Compact>
-        <Input style={{ width: '50%' }} addonBefore="$" addonAfter=".00" />
-        <Input style={{ width: '50%' }} addonBefore="$" addonAfter=".00" />
-      </Compact>
-    </div>
-  )
-}
-
-export default Index

package/docs/components/compact.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Compact 压缩 {#title}
-
-需要表单组件之间紧凑连接且合并边框时，使用 Compact。
-
-## 代码演示
-
-### 基本
-
-使用 Compact 让表单组件之间紧凑连接且合并边框。
-
-<Code path="compact/Base" />
-
-## API
-
-### Compact
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/date-picker/Base.tsx

@@ -1,15 +0,0 @@
-import { type Component } from 'solid-js'
-import { DatePicker } from 'antd-solid'
-
-const Index: Component = () => {
-  return (
-    <DatePicker
-      placeholder="请选择日期"
-      onChange={value => {
-        console.log('onChange', value)
-      }}
-    />
-  )
-}
-
-export default Index

package/docs/components/date-picker.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# DatePicker 日期选择框 {#title}
-
-输入或选择日期的控件。
-
-## 代码演示
-
-### 基本
-
-最简单的用法，在浮层中可以选择或者输入日期。
-
-<Code path="date-picker/Base" />
-
-## API
-
-### DatePicker
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/empty/Base.tsx

@@ -1,8 +0,0 @@
-import { type Component } from 'solid-js'
-import { Empty } from 'antd-solid'
-
-const App: Component = () => {
-  return <Empty />
-}
-
-export default App

package/docs/components/empty/PRESENTED_IMAGE_SIMPLE.tsx

@@ -1,8 +0,0 @@
-import { type Component } from 'solid-js'
-import { Empty } from 'antd-solid'
-
-const App: Component = () => {
-  return <Empty.PRESENTED_IMAGE_SIMPLE />
-}
-
-export default App

package/docs/components/empty.md

@@ -1,32 +0,0 @@
----
-outline: deep
----
-
-# Empty 空状态 {#title}
-
-空状态时的展示占位图。
-
-## 代码演示
-
-### 基本
-
-简单的展示。
-
-<Code path="empty/Base" />
-
-### 选择图片
-
-可以通过设置 `image` 为 `Empty.PRESENTED_IMAGE_SIMPLE` 选择另一种风格的图片。
-
-<Code path="empty/PRESENTED_IMAGE_SIMPLE" />
-
-## API
-
-### Empty
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/form/Base.tsx

@@ -1,63 +0,0 @@
-import { type Component } from 'solid-js'
-import { Button, Form, type FormInstance, Input } from 'antd-solid'
-import { string } from 'yup'
-
-const Base: Component = () => {
-  let ref: FormInstance
-
-  return (
-    <Form ref={ref!}>
-      <Form.Item
-        label="Username"
-        name="username"
-        component={props => (
-          <Input
-            {...props}
-            onChange={e => {
-              props.onChange?.(e.target.value)
-            }}
-          />
-        )}
-        required
-        rules={[string().required('Please input your username!')]}
-      />
-      <Form.Item
-        label="Password"
-        name="password"
-        component={props => (
-          <Input
-            {...props}
-            type="password"
-            onChange={e => {
-              props.onChange?.(e.target.value)
-            }}
-          />
-        )}
-        required
-        rules={[string().required('Please input your password!')]}
-      />
-      <Form.Item
-        component={() => (
-          <Button
-            type="primary"
-            // eslint-disable-next-line solid/reactivity
-            onClick={() => {
-              ref
-                .validateFields()
-                .then(resp => {
-                  console.log('resp', resp)
-                })
-                .catch(err => {
-                  console.log('catch', err)
-                })
-            }}
-          >
-            提交
-          </Button>
-        )}
-      />
-    </Form>
-  )
-}
-
-export default Base

package/docs/components/form.md

@@ -1,27 +0,0 @@
----
-outline: deep
----
-
-# Form 表单 {#title}
-
-高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
-
-## 代码演示
-
-### 基本用法
-
-基本的表单数据域控制展示，包含布局、初始化、验证、提交。
-
-<Code path="form/Base" />
-
-## API
-
-### Form
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-| layout      | 表单布局	 | `horizontal` \| `vertical` \| `inline` | `horizontal` |
-
-</div>

package/docs/components/image/Base.tsx

@@ -1,13 +0,0 @@
-import { type Component } from 'solid-js'
-import { Image } from 'antd-solid'
-
-const Index: Component = () => {
-  return (
-    <Image
-      width={200}
-      src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-    />
-  )
-}
-
-export default Index

package/docs/components/image.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Image 图片 {#title}
-
-可预览的图片。
-
-## 代码演示
-
-### 基本
-
-单击图像可以放大显示。
-
-<Code path="image/Base" />
-
-## API
-
-### Image
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/input/AddonBeforeAndAfter.tsx

@@ -1,14 +0,0 @@
-import { type Component } from 'solid-js'
-import { Input } from 'antd-solid'
-
-const AddonBeforeAndAfter: Component = () => {
-  return (
-    <div class='ant-flex ant-flex-col ant-gap-8px'>
-      <Input addonBefore="http://" addonAfter=".com" defaultValue="mysite" />
-      <Input addonBefore="http://" defaultValue="mysite" />
-      <Input addonAfter=".com" defaultValue="mysite" />
-    </div>
-  )
-}
-
-export default AddonBeforeAndAfter

package/docs/components/input/Base.tsx

@@ -1,15 +0,0 @@
-import { type Component } from 'solid-js'
-import { Input } from 'antd-solid'
-
-const Base: Component = () => {
-  return (
-    <Input
-      placeholder="Basic usage"
-      onChange={e => {
-        console.log('onChange', e.target.value)
-      }}
-    />
-  )
-}
-
-export default Base

package/docs/components/input/Disabled.tsx

@@ -1,19 +0,0 @@
-import { type Component } from 'solid-js'
-import { Input } from 'antd-solid'
-
-const App: Component = () => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        'flex-direction': 'column',
-        gap: '8px',
-      }}
-    >
-      <Input disabled placeholder="disabled" />
-      <Input.TextArea disabled placeholder="disabled" />
-    </div>
-  )
-}
-
-export default App

package/docs/components/input/PrefixAndSuffix.tsx

@@ -1,14 +0,0 @@
-import { type Component } from 'solid-js'
-import { Input } from 'antd-solid'
-
-const PrefixAndSuffix: Component = () => {
-  return (
-    <div class="ant-flex ant-flex-col ant-gap-8px">
-      <Input prefix="http://" suffix=".com" defaultValue="mysite" />
-      <Input prefix="http://" defaultValue="mysite" />
-      <Input suffix=".com" defaultValue="mysite" />
-    </div>
-  )
-}
-
-export default PrefixAndSuffix

package/docs/components/input/Status.tsx

@@ -1,25 +0,0 @@
-import { type Component } from 'solid-js'
-import { Input } from 'antd-solid'
-
-const Status: Component = () => {
-  return (
-    <div class="ant-flex ant-flex-col ant-gap-8px">
-      <Input
-        placeholder="Error"
-        status="error"
-        onChange={e => {
-          console.log('onChange', e.target.value)
-        }}
-      />
-      <Input
-        placeholder="Warning"
-        status="warning"
-        onChange={e => {
-          console.log('onChange', e.target.value)
-        }}
-      />
-    </div>
-  )
-}
-
-export default Status

package/docs/components/input/TextArea.tsx

@@ -1,14 +0,0 @@
-import { type Component } from 'solid-js'
-import { Input } from 'antd-solid'
-
-const TextArea: Component = () => {
-  return (
-    <Input.TextArea
-      onChange={e => {
-        console.log('onChange', e.target.value)
-      }}
-    />
-  )
-}
-
-export default TextArea

package/docs/components/input-number/Base.tsx

@@ -1,15 +0,0 @@
-import { type Component } from 'solid-js'
-import { InputNumber } from 'antd-solid'
-
-const Base: Component = () => {
-  return (
-    <InputNumber
-      placeholder="请输入"
-      onChange={value => {
-        console.log('onChange', value)
-      }}
-    />
-  )
-}
-
-export default Base

package/docs/components/input-number/MinMax.tsx

@@ -1,17 +0,0 @@
-import { type Component } from 'solid-js'
-import { InputNumber } from 'antd-solid'
-
-const Index: Component = () => {
-  return (
-    <InputNumber
-      min={1}
-      max={10}
-      placeholder="最小值 & 最大值"
-      onChange={value => {
-        console.log('onChange', value)
-      }}
-    />
-  )
-}
-
-export default Index

package/docs/components/input-number.md

@@ -1,34 +0,0 @@
----
-outline: deep
----
-
-# InputNumber 数字输入框 {#title}
-
-通过鼠标或键盘，输入范围内的数值。
-
-## 代码演示
-
-### 基本用法
-
-数字输入框。
-
-<Code path="input-number/Base" />
-
-### 最小值 & 最大值
-
-你可以设定最小值和最大值。
-
-<Code path="input-number/MinMax" />
-
-## API
-
-### InputNumber
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-| max      | 最大值			       | number | Infinity |
-| min      | 最小值			       | number | -Infinity |
-
-</div>

package/docs/components/input.md

@@ -1,57 +0,0 @@
----
-outline: deep
----
-
-# Input 输入框 {#title}
-
-通过鼠标或键盘输入内容，是最基础的表单域的包装。
-
-## 代码演示
-
-### 基本用法
-
-基本用法。
-
-<Code path="input/Base" />
-
-### 前置/后置标签
-
-用于配置一些固定组合。
-
-<Code path="input/AddonBeforeAndAfter" />
-
-### 文本域
-
-用于多行输入。
-
-<Code path="input/TextArea" />
-
-### 前缀和后缀
-
-在输入框上添加前缀或后缀图标。
-
-<Code path="input/PrefixAndSuffix" />
-
-### 不可用状态
-
-Input 不可用状态
-
-<Code path="input/Disabled" />
-
-### 自定义状态
-
-使用 `status` 为 Input 添加状态，可选 `error` 或者 `warning`。
-
-<Code path="input/Status" />
-
-## API
-
-### Input
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-| status      | 设置校验状态 | 'error' \| 'warning' | - |
-
-</div>

package/docs/components/modal/Base.tsx

@@ -1,35 +0,0 @@
-import { type Component } from 'solid-js'
-import { Button, Modal, type ModalInstance } from 'antd-solid'
-
-const Index: Component = () => {
-  let ref: ModalInstance
-
-  const showModal = () => {
-    ref.open()
-  }
-
-  const handleOk = () => {
-    console.log('确定')
-    return true
-  }
-
-  const afterClose = () => {
-    console.log('取消')
-  }
-
-  return (
-    <>
-      <Button type="primary" onClick={showModal}>
-        Open Modal
-      </Button>
-      <Modal ref={ref!} title="Basic Modal" onOk={handleOk} afterClose={afterClose}>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-      </Modal>
-    </>
-  )
-}
-
-export default Index

package/docs/components/modal.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Modal 对话框 {#title}
-
-模态对话框。
-
-## 代码演示
-
-### 基本
-
-基础弹框。
-
-<Code path="modal/Base" />
-
-## API
-
-### Modal
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>