antd-solid 0.0.3 → 0.0.5

package/docs/components/popconfirm/Base.tsx

@@ -1,25 +0,0 @@
-import { type Component } from 'solid-js'
-import { Button, Popconfirm, message } from 'antd-solid'
-
-const Index: Component = () => {
-  const confirm = () => {
-    message.success('Click on Yes')
-  }
-  const cancel = () => {
-    message.error('Click on No');
-  };
-
-  return (
-    <Popconfirm
-      title="是否同步删除后续继承节点"
-      okText="是"
-      cancelText="否"
-      onConfirm={confirm}
-      onCancel={cancel}
-    >
-      <Button danger>Delete</Button>
-    </Popconfirm>
-  )
-}
-
-export default Index

package/docs/components/popconfirm.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Popconfirm 气泡确认框 {#title}
-
-点击元素，弹出气泡式的确认框。
-
-## 代码演示
-
-### 基本
-
-最简单的用法，支持确认标题和描述。
-
-<Code path="popconfirm/Base" />
-
-## API
-
-### Popconfirm
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/popover/Base.tsx

@@ -1,19 +0,0 @@
-import { type Component } from 'solid-js'
-import { Button, Popover } from 'antd-solid'
-
-const content = (
-  <div style={{ width: '150px' }}>
-    <p>Content</p>
-    <p>Content</p>
-  </div>
-);
-
-const Index: Component = () => {
-  return (
-    <Popover content={content} title="Title">
-      <Button type="primary">Hover me</Button>
-    </Popover>
-  )
-}
-
-export default Index

package/docs/components/popover.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Popover 气泡卡片 {#title}
-
-点击/鼠标移入元素，弹出气泡式的卡片浮层。
-
-## 代码演示
-
-### 基本
-
-最简单的用法，浮层的大小由内容区域决定。
-
-<Code path="popover/Base" />
-
-## API
-
-### Popover
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/progress/Base.tsx

@@ -1,16 +0,0 @@
-import { type Component } from 'solid-js'
-import { Progress } from 'antd-solid'
-
-const Index: Component = () => {
-  return (
-    <>
-      <Progress percent={30} />
-      <Progress percent={50} status="active" />
-      <Progress percent={70} status="exception" />
-      <Progress percent={100} />
-      <Progress percent={50} showInfo={false} />
-    </>
-  )
-}
-
-export default Index

package/docs/components/progress.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Progress 进度条 {#title}
-
-展示操作的当前进度。
-
-## 代码演示
-
-### 基本
-
-标准的进度条。
-
-<Code path="progress/Base" />
-
-## API
-
-### Progress
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/radio/Base.tsx

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

package/docs/components/radio.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Radio 单选框 {#title}
-
-单选框。
-
-## 代码演示
-
-### 基本
-
-最简单的用法。
-
-<Code path="radio/Base" />
-
-## API
-
-### Radio
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/segmented/Base.tsx

@@ -1,10 +0,0 @@
-import { type Component } from 'solid-js'
-import { Segmented } from 'antd-solid'
-
-const App: Component = () => {
-  const options = ['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']
-
-  return <Segmented options={options} onChange={console.log} />
-}
-
-export default App

package/docs/components/segmented/Block.tsx

@@ -1,10 +0,0 @@
-import { type Component } from 'solid-js'
-import { Segmented } from 'antd-solid'
-
-const App: Component = () => {
-  const options = ['第一章', '第二章', '第三章']
-
-  return <Segmented block options={options} onChange={console.log} />
-}
-
-export default App

package/docs/components/segmented/Disabled.tsx

@@ -1,28 +0,0 @@
-import { type Component } from 'solid-js'
-import { Segmented } from 'antd-solid'
-
-const App: Component = () => {
-  const options = [
-    'Daily',
-    { label: () => 'Weekly', value: 'Weekly', disabled: true },
-    'Monthly',
-    { label: () => 'Quarterly', value: 'Quarterly', disabled: true },
-    'Yearly',
-  ]
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        'flex-direction': 'column',
-        'align-items': 'flex-start',
-        gap: '8px',
-      }}
-    >
-      <Segmented disabled options={options} onChange={console.log} />
-      <Segmented options={options} onChange={console.log} />
-    </div>
-  )
-}
-
-export default App

package/docs/components/segmented.md

@@ -1,38 +0,0 @@
----
-outline: deep
----
-
-# Segmented 分段控制器 {#title}
-
-选项卡切换组件。
-
-## 代码演示
-
-### 基本
-
-默认选中第一项。
-
-<Code path="segmented/Base" />
-
-### Block 分段选择器
-
-`block` 属性使其适合父元素宽度。
-
-<Code path="segmented/Block" />
-
-### 不可用
-
-Segmented 不可用。
-
-<Code path="segmented/Disabled" />
-
-## API
-
-### Segmented
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/select/AllowClear.tsx

@@ -1,18 +0,0 @@
-import { type Component } from 'solid-js'
-import { Select } from 'antd-solid'
-
-const AllowClear: Component = () => {
-  return (
-    <Select
-      placeholder="请选择"
-      allowClear
-      options={[
-        { value: 'jack', label: 'Jack' },
-        { value: 'lucy', label: 'Lucy' },
-        { value: 'yiminghe', label: 'Yiminghe' },
-      ]}
-    />
-  )
-}
-
-export default AllowClear

package/docs/components/select/Base.tsx

@@ -1,17 +0,0 @@
-import { type Component } from 'solid-js'
-import { Select } from 'antd-solid'
-
-const Base: Component = () => {
-  return (
-    <Select
-      placeholder="请选择"
-      options={[
-        { value: 'jack', label: 'Jack' },
-        { value: 'lucy', label: 'Lucy' },
-        { value: 'yiminghe', label: 'Yiminghe' },
-      ]}
-    />
-  )
-}
-
-export default Base

package/docs/components/select.md

@@ -1,35 +0,0 @@
----
-outline: deep
----
-
-# Select 选择器 {#title}
-
-下拉选择器。
-
-## 代码演示
-
-### 基本用法
-
-选择器的基础用法。
-
-<Code path="select/Base" />
-
-### 可清空
-
-注意只有选了值才能清空值。
-
-<Code path="select/AllowClear" />
-
-## API
-
-### Table
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-| allowClear      | 支持清除		       | boolean | false |
-| options   | 数据化配置选项内容，相比 jsx 定义会获得更好的渲染性能        | { label, value }[] | - |
-| placeholder   | 选择框默认文本        | string | - |
-
-</div>

package/docs/components/switch/Base.tsx

@@ -1,14 +0,0 @@
-import { type Component } from 'solid-js'
-import { Switch } from 'antd-solid'
-
-const Index: Component = () => {
-  const onChange = (checked: boolean) => {
-    console.log(`switch to ${checked}`);
-  };
-
-  return (
-    <Switch onChange={onChange} />
-  )
-}
-
-export default Index

package/docs/components/switch.md

@@ -1,26 +0,0 @@
----
-outline: deep
----
-
-# Switch 开关 {#title}
-
-开关选择器。
-
-## 代码演示
-
-### 基本
-
-最简单的用法。
-
-<Code path="switch/Base" />
-
-## API
-
-### Switch
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>

package/docs/components/table/Base.tsx

@@ -1,34 +0,0 @@
-import { type Component } from 'solid-js'
-import { type TableColumn, Table } from 'antd-solid'
-
-interface Row {
-  name: string
-}
-
-const Index: Component = () => {
-  const columns: Array<TableColumn<Row>> = [
-    {
-      title: '动画',
-      render(row) {
-        return <div>{row.name}</div>
-      },
-    },
-    {
-      title: '属性',
-      render(row) {
-        return <div>{row.name}</div>
-      },
-    },
-  ]
-  const dataSource = [
-    {
-      name: '1',
-    },
-    {
-      name: '2',
-    },
-  ]
-  return <Table columns={columns} dataSource={dataSource} />
-}
-
-export default Index

package/docs/components/table.md

@@ -1,29 +0,0 @@
----
-outline: deep
----
-
-# Table 表格 {#title}
-
-展示行列数据。
-
-## 代码演示
-
-
-### 基本用法
-
-简单的表格
-
-<Code path="table/Base" />
-
-## API
-
-### Table
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-| columns      | 表格列的配置描述，具体项见下表	       | Column[] | - |
-| dataSource   | 数据数组        | object[] | - |
-
-</div>

package/docs/components/tabs/Base.tsx

@@ -1,25 +0,0 @@
-import { type Component } from 'solid-js'
-import { Tabs } from 'antd-solid'
-
-const App: 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 <Tabs items={items} />
-}
-
-export default App

package/docs/components/tabs/Segment.tsx

@@ -1,25 +0,0 @@
-import { type Component } from 'solid-js'
-import { Tabs } from 'antd-solid'
-
-const App: 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 <Tabs type="segment" items={items} />
-}
-
-export default App

package/docs/components/tabs.md

@@ -1,33 +0,0 @@
----
-outline: deep
----
-
-# Tabs 标签页 {#title}
-
-选项卡切换组件。
-
-## 代码演示
-
-### 基本
-
-默认选中第一项。
-
-<Code path="tabs/Base" />
-
-### 分段
-
-分段类型的标签页。
-
-<Code path="tabs/Segment" />
-
-## API
-
-### Tabs
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-| type | 页签的基本样式，可选 `line`、`segment` 类型 | string | `line` |
-
-</div>

package/docs/components/tooltip/Base.tsx

@@ -1,12 +0,0 @@
-import { type Component } from 'solid-js'
-import { Tooltip } from 'antd-solid'
-
-const Index: Component = () => {
-  return (
-    <Tooltip content="prompt text">
-      <span>Tooltip will show on mouse enter.</span>
-    </Tooltip>
-  )
-}
-
-export default Index

package/docs/components/tooltip/Placement.tsx

@@ -1,90 +0,0 @@
-import { type Component } from 'solid-js'
-import { Button, Tooltip } from 'antd-solid'
-
-const buttonWidth = 80
-
-const text = <span>prompt text</span>
-
-const App: Component = () => {
-  return (
-    <div>
-      <div
-        style={{
-          'margin-inline-start': `${buttonWidth}px`,
-          'white-space': 'nowrap',
-          display: 'flex',
-          gap: '8px',
-        }}
-      >
-        <Tooltip placement="topLeft" content={text}>
-          <Button style={{ width: '80px' }}>TL</Button>
-        </Tooltip>
-        <Tooltip placement="top" content={text}>
-          <Button style={{ width: '80px' }}>Top</Button>
-        </Tooltip>
-        <Tooltip placement="topRight" content={text}>
-          <Button style={{ width: '80px' }}>TR</Button>
-        </Tooltip>
-      </div>
-      <div
-        style={{
-          width: `${buttonWidth}px`,
-          float: 'inline-start',
-          display: 'flex',
-          'flex-direction': 'column',
-          gap: '8px',
-        }}
-      >
-        <Tooltip placement="leftTop" content={text}>
-          <Button style={{ width: '80px' }}>LT</Button>
-        </Tooltip>
-        <Tooltip placement="left" content={text}>
-          <Button style={{ width: '80px' }}>Left</Button>
-        </Tooltip>
-        <Tooltip placement="leftBottom" content={text}>
-          <Button style={{ width: '80px' }}>LB</Button>
-        </Tooltip>
-      </div>
-      <div
-        style={{
-          width: `${buttonWidth}px`,
-          'margin-inline-start': `${buttonWidth * 4 + 24}px`,
-          display: 'flex',
-          'flex-direction': 'column',
-          gap: '8px',
-        }}
-      >
-        <Tooltip placement="rightTop" content={text}>
-          <Button style={{ width: '80px' }}>RT</Button>
-        </Tooltip>
-        <Tooltip placement="right" content={text}>
-          <Button style={{ width: '80px' }}>Right</Button>
-        </Tooltip>
-        <Tooltip placement="rightBottom" content={text}>
-          <Button style={{ width: '80px' }}>RB</Button>
-        </Tooltip>
-      </div>
-      <div
-        style={{
-          'margin-inline-start': `${buttonWidth}px`,
-          clear: 'both',
-          'white-space': 'nowrap',
-          display: 'flex',
-          gap: '8px',
-        }}
-      >
-        <Tooltip placement="bottomLeft" content={text}>
-          <Button style={{ width: '80px' }}>BL</Button>
-        </Tooltip>
-        <Tooltip placement="bottom" content={text}>
-          <Button style={{ width: '80px' }}>Bottom</Button>
-        </Tooltip>
-        <Tooltip placement="bottomRight" content={text}>
-          <Button style={{ width: '80px' }}>BR</Button>
-        </Tooltip>
-      </div>
-    </div>
-  )
-}
-
-export default App

package/docs/components/tooltip.md

@@ -1,32 +0,0 @@
----
-outline: deep
----
-
-# Tooltip 文字提示 {#title}
-
-简单的文字提示气泡框。
-
-## 代码演示
-
-### 基本
-
-最简单的用法。
-
-<Code path="tooltip/Base" />
-
-### 位置
-
-位置有 12 个方向。
-
-<Code path="tooltip/Placement" />
-
-## API
-
-### Tooltip
-
-<div class="vp-table">
-
-| 参数      | 说明 | 类型 | 默认值
-| ----------- | ----------- | ----------- | ----------- |
-
-</div>