@cssui/react 1.0.0 → 1.0.1

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * DatePicker 日期选择器 - 框架无关逻辑
+ */
+export type DatePickerStatus = 'default' | 'error' | 'typing';
+export type DateRangeValue = [string, string];
+export type DatePickerValue = string | DateRangeValue;
+export interface DatePickerProps {
+    /** 组件标签，展示在上方 */
+    label?: string;
+    /** 当前值，格式 YYYY-MM-DD；range 模式为 [start, end] */
+    value?: DatePickerValue;
+    /** 非受控默认值，格式 YYYY-MM-DD；range 模式为 [start, end] */
+    defaultValue?: DatePickerValue;
+    /** 是否为范围选择 */
+    range?: boolean;
+    /** 不可选择日期列表，格式 YYYY-MM-DD */
+    disabledDates?: string[];
+    /** 不可选择日期判断函数 */
+    disabledDate?: (date: Date) => boolean;
+    /** 占位文案 */
+    placeholder?: string | [string, string];
+    /** 状态 */
+    status?: DatePickerStatus;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 变更事件 */
+    onChange?: (value: DatePickerValue, event?: Event) => void;
+}
+export interface CalendarDay {
+    date: Date;
+    inCurrentMonth: boolean;
+    key: string;
+}
+export declare function getDatePickerClassNames(props: DatePickerProps): string;
+export declare function formatDate(date: Date): string;
+export declare function normalizeDate(date: Date): Date;
+export declare function startOfMonth(date: Date): Date;
+export declare function addMonths(date: Date, offset: number): Date;
+export declare function getMonthKey(date: Date): string;
+export declare function isDateRangeValue(value: DatePickerValue | undefined): value is DateRangeValue;
+export declare function parseDate(value?: string): Date | null;
+export declare function isSameDay(a: Date | null, b: Date | null): boolean;
+export declare function compareDates(a: Date, b: Date): number;
+export declare function normalizeRangeValue(value?: DatePickerValue): DateRangeValue;
+export declare function sortRangeDates(start: Date, end: Date): [Date, Date];
+export declare function getRangeDisplayValue(value?: DatePickerValue): string;
+export declare function isDateInRange(date: Date, start: Date | null, end: Date | null): boolean;
+export declare function isDateDisabled(date: Date, disabledDates?: string[], disabledDate?: (date: Date) => boolean): boolean;
+export declare function getMonthLabel(date: Date): string;
+export declare function getCalendarDays(viewDate: Date): CalendarDay[];
+//# sourceMappingURL=index.d.ts.map

package/dist/components/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../date-picker/index.ts"],"names":[],"mappings":"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"}

package/dist/components/date-picker/index.js

@@ -0,0 +1,105 @@
+function getDatePickerClassNames(props) {
+  const { status = "default", disabled = false, className } = props;
+  const classes = ["css-date-picker"];
+  if (disabled) {
+    classes.push("css-date-picker--disabled");
+  } else {
+    classes.push(`css-date-picker--${status}`);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.join(" ");
+}
+function pad(value) {
+  return String(value).padStart(2, "0");
+}
+function formatDate(date) {
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function normalizeDate(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function startOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+function addMonths(date, offset) {
+  return new Date(date.getFullYear(), date.getMonth() + offset, 1);
+}
+function getMonthKey(date) {
+  return `${date.getFullYear()}-${date.getMonth() + 1}`;
+}
+function isDateRangeValue(value) {
+  return Array.isArray(value);
+}
+function parseDate(value) {
+  if (!value) return null;
+  const match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!match) return null;
+  const year = Number(match[1]);
+  const month = Number(match[2]) - 1;
+  const day = Number(match[3]);
+  const date = new Date(year, month, day);
+  if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {
+    return null;
+  }
+  return date;
+}
+function isSameDay(a, b) {
+  if (!a || !b) return false;
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function compareDates(a, b) {
+  const aTime = new Date(a.getFullYear(), a.getMonth(), a.getDate()).getTime();
+  const bTime = new Date(b.getFullYear(), b.getMonth(), b.getDate()).getTime();
+  if (aTime === bTime) return 0;
+  return aTime > bTime ? 1 : -1;
+}
+function normalizeRangeValue(value) {
+  if (!Array.isArray(value)) {
+    return ["", ""];
+  }
+  return [value[0] ?? "", value[1] ?? ""];
+}
+function sortRangeDates(start, end) {
+  return compareDates(start, end) <= 0 ? [start, end] : [end, start];
+}
+function isDateInRange(date, start, end) {
+  if (!start || !end) return false;
+  const [rangeStart, rangeEnd] = sortRangeDates(start, end);
+  return compareDates(date, rangeStart) >= 0 && compareDates(date, rangeEnd) <= 0;
+}
+function isDateDisabled(date, disabledDates, disabledDate) {
+  const normalized = normalizeDate(date);
+  const formatted = formatDate(normalized);
+  if (disabledDates?.includes(formatted)) {
+    return true;
+  }
+  return disabledDate?.(normalized) ?? false;
+}
+function getMonthLabel(date) {
+  return `${date.getFullYear()}\u5E74 ${date.getMonth() + 1}\u6708`;
+}
+function getCalendarDays(viewDate) {
+  const year = viewDate.getFullYear();
+  const month = viewDate.getMonth();
+  const firstDay = new Date(year, month, 1);
+  const startWeekDay = firstDay.getDay();
+  const daysInMonth = new Date(year, month + 1, 0).getDate();
+  const totalCells = startWeekDay + daysInMonth <= 35 ? 35 : 42;
+  const startDate = new Date(year, month, 1 - startWeekDay);
+  const days = [];
+  for (let i = 0; i < totalCells; i += 1) {
+    const current = new Date(startDate);
+    current.setDate(startDate.getDate() + i);
+    days.push({
+      date: current,
+      inCurrentMonth: current.getMonth() === month,
+      key: `${current.getFullYear()}-${current.getMonth()}-${current.getDate()}`
+    });
+  }
+  return days;
+}
+
+export { addMonths, compareDates, formatDate, getCalendarDays, getDatePickerClassNames, getMonthKey, getMonthLabel, isDateDisabled, isDateInRange, isDateRangeValue, isSameDay, normalizeDate, normalizeRangeValue, parseDate, sortRangeDates, startOfMonth };
+//# sourceMappingURL=index.js.map

package/dist/components/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/date-picker/index.ts"],"sourcesContent":["/**\n * DatePicker 日期选择器 - 框架无关逻辑\n */\n\nexport type DatePickerStatus = 'default' | 'error' | 'typing'\nexport type DateRangeValue = [string, string]\nexport type DatePickerValue = string | DateRangeValue\n\nexport interface DatePickerProps {\n  /** 组件标签，展示在上方 */\n  label?: string\n  /** 当前值，格式 YYYY-MM-DD；range 模式为 [start, end] */\n  value?: DatePickerValue\n  /** 非受控默认值，格式 YYYY-MM-DD；range 模式为 [start, end] */\n  defaultValue?: DatePickerValue\n  /** 是否为范围选择 */\n  range?: boolean\n  /** 不可选择日期列表，格式 YYYY-MM-DD */\n  disabledDates?: string[]\n  /** 不可选择日期判断函数 */\n  disabledDate?: (date: Date) => boolean\n  /** 占位文案 */\n  placeholder?: string | [string, string]\n  /** 状态 */\n  status?: DatePickerStatus\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 自定义类名 */\n  className?: string\n  /** 变更事件 */\n  onChange?: (value: DatePickerValue, event?: Event) => void\n}\n\nexport interface CalendarDay {\n  date: Date\n  inCurrentMonth: boolean\n  key: string\n}\n\nexport function getDatePickerClassNames(props: DatePickerProps): string {\n  const { status = 'default', disabled = false, className } = props\n  const classes = ['css-date-picker']\n\n  if (disabled) {\n    classes.push('css-date-picker--disabled')\n  } else {\n    classes.push(`css-date-picker--${status}`)\n  }\n\n  if (className) {\n    classes.push(className)\n  }\n\n  return classes.join(' ')\n}\n\nfunction pad(value: number): string {\n  return String(value).padStart(2, '0')\n}\n\nexport function formatDate(date: Date): string {\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`\n}\n\nexport function normalizeDate(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate())\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1)\n}\n\nexport function addMonths(date: Date, offset: number): Date {\n  return new Date(date.getFullYear(), date.getMonth() + offset, 1)\n}\n\nexport function getMonthKey(date: Date): string {\n  return `${date.getFullYear()}-${date.getMonth() + 1}`\n}\n\nexport function isDateRangeValue(value: DatePickerValue | undefined): value is DateRangeValue {\n  return Array.isArray(value)\n}\n\nexport function parseDate(value?: string): Date | null {\n  if (!value) return null\n  const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})$/)\n  if (!match) return null\n\n  const year = Number(match[1])\n  const month = Number(match[2]) - 1\n  const day = Number(match[3])\n\n  const date = new Date(year, month, day)\n  if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {\n    return null\n  }\n\n  return date\n}\n\nexport function isSameDay(a: Date | null, b: Date | null): boolean {\n  if (!a || !b) return false\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  )\n}\n\nexport function compareDates(a: Date, b: Date): number {\n  const aTime = new Date(a.getFullYear(), a.getMonth(), a.getDate()).getTime()\n  const bTime = new Date(b.getFullYear(), b.getMonth(), b.getDate()).getTime()\n  if (aTime === bTime) return 0\n  return aTime > bTime ? 1 : -1\n}\n\nexport function normalizeRangeValue(value?: DatePickerValue): DateRangeValue {\n  if (!Array.isArray(value)) {\n    return ['', '']\n  }\n\n  return [value[0] ?? '', value[1] ?? '']\n}\n\nexport function sortRangeDates(start: Date, end: Date): [Date, Date] {\n  return compareDates(start, end) <= 0 ? [start, end] : [end, start]\n}\n\nexport function getRangeDisplayValue(value?: DatePickerValue): string {\n  const [start, end] = normalizeRangeValue(value)\n\n  if (start && end) {\n    return `${start} → ${end}`\n  }\n\n  if (start) {\n    return `${start} →`\n  }\n\n  if (end) {\n    return `→ ${end}`\n  }\n\n  return ''\n}\n\nexport function isDateInRange(date: Date, start: Date | null, end: Date | null): boolean {\n  if (!start || !end) return false\n\n  const [rangeStart, rangeEnd] = sortRangeDates(start, end)\n  return compareDates(date, rangeStart) >= 0 && compareDates(date, rangeEnd) <= 0\n}\n\nexport function isDateDisabled(\n  date: Date,\n  disabledDates?: string[],\n  disabledDate?: (date: Date) => boolean\n): boolean {\n  const normalized = normalizeDate(date)\n  const formatted = formatDate(normalized)\n\n  if (disabledDates?.includes(formatted)) {\n    return true\n  }\n\n  return disabledDate?.(normalized) ?? false\n}\n\nexport function getMonthLabel(date: Date): string {\n  return `${date.getFullYear()}年 ${date.getMonth() + 1}月`\n}\n\nexport function getCalendarDays(viewDate: Date): CalendarDay[] {\n  const year = viewDate.getFullYear()\n  const month = viewDate.getMonth()\n  const firstDay = new Date(year, month, 1)\n  const startWeekDay = firstDay.getDay()\n  const daysInMonth = new Date(year, month + 1, 0).getDate()\n  const totalCells = startWeekDay + daysInMonth <= 35 ? 35 : 42\n\n  const startDate = new Date(year, month, 1 - startWeekDay)\n  const days: CalendarDay[] = []\n\n  for (let i = 0; i < totalCells; i += 1) {\n    const current = new Date(startDate)\n    current.setDate(startDate.getDate() + i)\n\n    days.push({\n      date: current,\n      inCurrentMonth: current.getMonth() === month,\n      key: `${current.getFullYear()}-${current.getMonth()}-${current.getDate()}`,\n    })\n  }\n\n  return days\n}\n"],"names":[],"mappings":"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"}

package/dist/components/date-picker/style.css

@@ -0,0 +1,491 @@
+/**
+ * DatePicker 组件样式
+ * 参考 canlender.png：Input + CalendarMonth 图标 + 月历面板
+ */
+
+.css-date-picker {
+  position: relative;
+  width: 240px;
+}
+
+.css-date-picker-field {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  width: fit-content;
+  max-width: 100%;
+}
+
+.css-date-picker-field__label {
+  display: block;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.css-date-picker__control {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  min-height: 36px;
+  padding: 8px;
+  border: 1px solid #c2c2c2;
+  border-radius: 4px;
+  background: #ffffff;
+  box-sizing: border-box;
+  transition: border-color var(--transition-duration-150) var(--transition-timing);
+  cursor: pointer;
+}
+
+.css-date-picker__control--range {
+  padding: 0;
+  border: none;
+  background: transparent;
+}
+
+.css-date-picker--default .css-date-picker__control {
+  border-color: #c2c2c2;
+}
+
+.css-date-picker--typing .css-date-picker__control {
+  border-color: var(--color-dark);
+}
+
+.css-date-picker--error .css-date-picker__control {
+  border-color: var(--color-error);
+}
+
+.css-date-picker:not(.css-date-picker--disabled):focus-within .css-date-picker__control,
+.css-date-picker:not(.css-date-picker--disabled).css-date-picker--open .css-date-picker__control {
+  border-color: var(--color-dark);
+}
+
+.css-date-picker--disabled .css-date-picker__control {
+  border-color: #c2c2c2;
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-date-picker__input {
+  width: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  padding: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.css-date-picker__input::placeholder {
+  color: var(--color-dark-03);
+}
+
+.css-date-picker__range-display {
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  gap: 6px;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  box-sizing: border-box;
+  display: none;
+}
+
+.css-date-picker__range-fields {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
+}
+
+.css-date-picker__range-field {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 36px;
+  flex: 1;
+  min-width: 0;
+  padding: 8px;
+  border: 1px solid #c2c2c2;
+  border-radius: 4px;
+  background: var(--color-background);
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  box-sizing: border-box;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.css-date-picker__range-field-text {
+  min-width: 0;
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.css-date-picker__range-field-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-dark-03);
+  flex-shrink: 0;
+  margin-left: 8px;
+}
+
+.css-date-picker__range-field--placeholder {
+  color: var(--color-dark-03);
+}
+
+.css-date-picker__range-text {
+  min-width: 0;
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.css-date-picker__range-text--placeholder {
+  color: var(--color-dark-03);
+}
+
+.css-date-picker__range-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-primary);
+  flex: 1;
+}
+
+.css-date-picker--disabled .css-date-picker__input {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}
+
+.css-date-picker--disabled .css-date-picker__range-field {
+  color: var(--color-dark-03);
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-date-picker--disabled .css-date-picker__range-field-icon {
+  color: var(--color-dark-03);
+}
+
+.css-date-picker__suffix {
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-dark-03);
+  pointer-events: none;
+}
+
+.css-date-picker__panel {
+  position: absolute;
+  top: calc(100% + 8px);
+  left: 0;
+  z-index: var(--z-dropdown);
+  width: 300px;
+  padding: 12px;
+  border-radius: 3px;
+  background: var(--color-background);
+  box-shadow: 0px 4px 4px 0px #00000040;
+  box-sizing: border-box;
+}
+
+.css-date-picker__panel--range {
+  width: 612px;
+}
+
+.css-date-picker__panel--range .css-date-picker__panel-nav {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  right: 12px;
+  margin-bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.css-date-picker__panel--range .css-date-picker__nav {
+  pointer-events: auto;
+}
+
+.css-date-picker__panel-nav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.css-date-picker__content {
+  display: block;
+}
+
+.css-date-picker__content--range {
+  display: flex;
+  gap: 16px;
+}
+
+.css-date-picker__panel--range .css-date-picker__content--range {
+  align-items: flex-start;
+}
+
+.css-date-picker__panel--range .css-date-picker__calendar {
+  flex: 1 1 0;
+}
+
+.css-date-picker__panel--range .css-date-picker__header {
+  min-height: 24px;
+  margin-bottom: 8px;
+}
+
+.css-date-picker__panel--range .css-date-picker__month-label {
+  line-height: 24px;
+}
+
+.css-date-picker__content--range .css-date-picker__grid {
+  column-gap: 0;
+}
+
+.css-date-picker__calendar {
+  flex: 1;
+  min-width: 0;
+}
+
+.css-date-picker__header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 8px;
+}
+
+.css-date-picker__header--single {
+  justify-content: space-between;
+  gap: 24px;
+}
+
+.css-date-picker__header-group {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.css-date-picker__header-group--month {
+  justify-content: flex-start;
+}
+
+.css-date-picker__header-group--year {
+  justify-content: flex-end;
+}
+
+.css-date-picker__month-label {
+  font-size: var(--font-size-base);
+  color: var(--color-dark);
+  font-weight: var(--font-weight-medium);
+}
+
+.css-date-picker__month-label--single,
+.css-date-picker__year-label {
+  min-width: 48px;
+  text-align: center;
+}
+
+.css-date-picker__year-label {
+  font-size: var(--font-size-base);
+  color: var(--color-dark);
+  font-weight: var(--font-weight-medium);
+}
+
+.css-date-picker__nav {
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: transparent;
+  color: var(--color-dark);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+}
+
+.css-date-picker__nav:hover {
+  background: var(--color-primary-golden-05);
+}
+
+.css-date-picker__weekdays,
+.css-date-picker__grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  column-gap: 3px;
+  row-gap: 4px;
+}
+
+.css-date-picker__weekday {
+  text-align: center;
+  font-size: var(--font-size-caption);
+  line-height: var(--line-height-caption);
+  color: var(--color-dark-03);
+  height: 18px;
+  line-height: 18px;
+}
+
+.css-date-picker__weekdays--fixed {
+  display: none;
+}
+
+.css-date-picker__day {
+  height: 36px;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--color-dark);
+  font-size: var(--font-size-caption);
+  font-weight: var(--font-weight-medium);
+  line-height: 1;
+  cursor: pointer;
+}
+
+.css-date-picker__day:hover {
+  background: var(--color-primary-golden-05);
+}
+
+.css-date-picker__day:disabled,
+.css-date-picker__day--disabled {
+  color: var(--color-dark-03);
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-date-picker__day:disabled:hover,
+.css-date-picker__day--disabled:hover {
+  background: var(--color-dark-01);
+}
+
+.css-date-picker__day--in-range {
+  background: var(--color-primary-golden-04);
+  color: var(--color-dark);
+  border-radius: 0;
+}
+
+.css-date-picker__day--in-range:hover {
+  background: var(--color-primary-golden-04);
+}
+
+.css-date-picker__day--muted {
+  color: var(--color-dark-03);
+}
+
+.css-date-picker__day--muted:hover {
+  background: transparent;
+}
+
+.css-date-picker__content--range .css-date-picker__day--muted {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.css-date-picker__day--today {
+  border: 1px solid var(--color-primary);
+}
+
+.css-date-picker__day--selected {
+  background: var(--color-primary);
+  color: #ffffff;
+}
+
+.css-date-picker__day--selected:hover {
+  background: var(--color-primary);
+}
+
+.css-date-picker__day--range-start,
+.css-date-picker__day--range-end {
+  border-radius: 4px;
+}
+
+@media (max-width: 768px) {
+  .css-date-picker {
+    width: 100%;
+  }
+
+  .css-date-picker__control--range {
+    padding: 8px;
+    border: 1px solid #c2c2c2;
+    background: #ffffff;
+  }
+
+  .css-date-picker__range-fields {
+    display: none;
+  }
+
+  .css-date-picker__range-display {
+    display: inline-flex;
+  }
+
+  .css-date-picker__panel {
+    width: 326px;
+    height: 438px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding: 12px 12px 0;
+    transition:
+      top var(--transition-duration-150) var(--transition-timing),
+      left var(--transition-duration-150) var(--transition-timing);
+    will-change: top, left;
+  }
+
+  .css-date-picker__panel-nav {
+    display: none;
+  }
+
+  .css-date-picker__weekdays--fixed {
+    display: grid;
+    flex-shrink: 0;
+    padding-bottom: 4px;
+    border-bottom: 1px solid var(--color-dark-03);
+    background: var(--color-background);
+  }
+
+  .css-date-picker__header {
+    justify-content: flex-start;
+  }
+
+  .css-date-picker__content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-bottom: 12px;
+  }
+
+  .css-date-picker__calendar {
+    flex: none;
+    width: 100%;
+  }
+
+  .css-date-picker__content--range {
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .css-date-picker__content .css-date-picker__calendar + .css-date-picker__calendar {
+    margin-top: 16px;
+  }
+}

package/dist/components/divider/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Divider 组件 - 逻辑部分
+ */
+export interface DividerProps {
+    type?: 'horizontal' | 'vertical';
+    dashed?: boolean;
+    orientation?: 'left' | 'right' | 'center';
+    children?: any;
+    className?: string;
+}
+export declare function getDividerClassNames(props: DividerProps): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../divider/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAE3B,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAEzC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAwBhE"}