@teamix-evo/ui 0.4.0 → 0.5.0

package/src/components/date-picker/date-picker.stories.tsx

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { DateRange } from 'react-day-picker';
-import { DatePicker, DateRangePicker } from './date-picker';
-
-const meta: Meta<typeof DatePicker> = {
-  title: '数据录入 · Data Entry/DatePicker',
-  component: DatePicker,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component:
-          'DatePicker 日期选择 —— 在面板上选取一个日期或日期区间,可选附带时间。Calendar(react-day-picker v9 实现)+ Popover 容器 + TimePickerPanel(showTime 模式复用):对齐 antd `DatePicker` / `DatePicker.RangePicker`(并集补足 `showTime`),关键 prop 包括 `value` / `format` / `disabledDates` / `numberOfMonths` / `showTime`。视觉走 OpenTrek semantic tokens,所有样式来自 `@teamix-evo/tokens`,无 mock。',
-      },
-    },
-  },
-  argTypes: {
-    placeholder: { control: 'text' },
-    format: { control: 'text' },
-    size: { control: 'inline-radio', options: ['sm', 'md', 'default', 'lg'] },
-    disabled: { control: 'boolean' },
-  },
-  args: { placeholder: '选择日期', format: 'yyyy-MM-dd', size: 'md' },
-};
-
-export default meta;
-type Story = StoryObj<typeof DatePicker>;
-
-export const Single: Story = {
-  render: (args) => {
-    const [d, setD] = React.useState<Date | undefined>();
-    return <DatePicker {...args} value={d} onChange={setD} />;
-  },
-};
-
-export const ChineseFormat: Story = {
-  parameters: { controls: { disable: true } },
-  render: () => {
-    const [d, setD] = React.useState<Date | undefined>(new Date());
-    return (
-      <DatePicker
-        value={d}
-        onChange={setD}
-        format="yyyy 年 M 月 d 日"
-        placeholder="预约日期"
-      />
-    );
-  },
-};
-
-export const WithTime: Story = {
-  name: 'showTime / 日期 + 时间',
-  parameters: { controls: { disable: true } },
-  render: () => {
-    const [d, setD] = React.useState<Date | undefined>();
-    return (
-      <DatePicker
-        value={d}
-        onChange={setD}
-        showTime
-        placeholder="选择日期时间"
-      />
-    );
-  },
-};
-
-export const WithTimeHourMinute: Story = {
-  name: 'showTime · 时:分',
-  parameters: { controls: { disable: true } },
-  render: () => {
-    const [d, setD] = React.useState<Date | undefined>();
-    return (
-      <DatePicker
-        value={d}
-        onChange={setD}
-        showTime={{ format: 'HH:mm' }}
-        format="yyyy-MM-dd HH:mm"
-        placeholder="选择日期时间"
-      />
-    );
-  },
-};
-
-export const Range: StoryObj<typeof DateRangePicker> = {
-  parameters: { controls: { disable: true } },
-  render: () => {
-    const [r, setR] = React.useState<DateRange | undefined>();
-    return <DateRangePicker value={r} onChange={setR} />;
-  },
-};
-
-export const RangeWithTime: StoryObj<typeof DateRangePicker> = {
-  name: 'Range · showTime',
-  parameters: { controls: { disable: true } },
-  render: () => {
-    const [r, setR] = React.useState<DateRange | undefined>();
-    return (
-      <DateRangePicker
-        value={r}
-        onChange={setR}
-        showTime
-        numberOfMonths={1}
-        placeholders={['起始时间', '结束时间']}
-      />
-    );
-  },
-};