@sia.soul/sia-react-ui 0.1.22 → 0.1.24

package/dist/select-date-range.css

@@ -0,0 +1,20 @@
+/* src/title-tooltip.css */
+body > .sia-title-tooltip[data-sia-popup-layer] {
+  position: fixed;
+  z-index: 1800;
+  display: block;
+  box-sizing: border-box;
+  width: max-content;
+  max-width: min(320px, calc(100vw - 16px));
+  max-height: calc(100vh - 16px);
+  padding: 7px 10px;
+  color: var(--sia-color-text, #1f2329);
+  background: var(--sia-color-surface, #fff);
+  border: 1px solid var(--sia-color-border, #d9d9d9);
+  border-radius: var(--sia-radius, 6px);
+  box-shadow: var(--sia-shadow-popup, 0 4px 16px rgb(0 0 0 / 12%));
+  font: 400 13px/1.5 system-ui, sans-serif;
+  pointer-events: none;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}

package/dist/select-date-range.d.cts

@@ -1,4 +1,4 @@
-export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-DDmYGDD4.cjs';
+export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-C9w8z3G8.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';
-import './Select-4hGJt3RJ.cjs';
+import './Select-W_xpkpOW.cjs';

package/dist/select-date-range.d.ts

@@ -1,4 +1,4 @@
-export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-CGRb3-W8.js';
+export { S as SelectDateRange, i as SelectDateRangeProps, j as SelectDateRangeValue } from './select-date-range-BjqFUeU6.js';
 import 'react';
 import './shared-Bx4B28Wh.js';
-import './Select-BNSE67xn.js';
+import './Select-O_yY51vc.js';

package/dist/select-date-range.js

@@ -1,10 +1,10 @@
 import {
   SelectDateRange
-} from "./chunk-VN6PIPP7.js";
-import "./chunk-3TRRBMXY.js";
-import "./chunk-KLI65JVD.js";
-import "./chunk-TZGUBGA4.js";
-import "./chunk-3VJ4CZDQ.js";
+} from "./chunk-T2QIW4OO.js";
+import "./chunk-6R7JY7IY.js";
+import "./chunk-LRPQ5FGE.js";
+import "./chunk-6WBABNAX.js";
+import "./chunk-NSSPGXNM.js";
 export {
   SelectDateRange
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",
@@ -53,7 +53,7 @@
   "scripts": {
     "build": "tsup src/index.ts src/core.ts src/select-date-range.ts src/rich-text-editor.ts src/markdown-editor.ts src/chart.ts --format esm,cjs --dts --clean",
     "typecheck": "tsc -p tsconfig.json",
-    "prepublishOnly": "pnpm typecheck && pnpm build"
+    "prepublishOnly": "node ../../scripts/check-api-docs.cjs && pnpm typecheck && pnpm build && node ../../scripts/test-api-docs.cjs"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/Select-4hGJt3RJ.d.cts

@@ -1,142 +0,0 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
-
-/** 选择器的值类型。 */
-type SelectValue = string | number;
-/** 选择器的模式类型。 */
-type SelectMode = "single" | "multiple";
-/** 选择变更后的值：单选为字符串、数字或 null，多选为值数组。 */
-type SelectChangeValue = SelectValue | SelectValue[] | null;
-/** 选择器的候选项定义。 */
-type SelectOption = {
-    /** 展示给用户的名称，可传入文本或 React 节点。 */
-    label: ReactNode;
-    /** 该项目对应的数据值，用于标识、选择或计算。 */
-    value: SelectValue;
-    /** 是否禁用交互。 */
-    disabled?: boolean;
-    /** 弹框模式中的分组标题。 */
-    group?: string;
-};
-/** 选择器的属性配置。 */
-interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> {
-    /** 下拉选项 */
-    options: readonly SelectOption[];
-    /**
-     * 单选或多选模式
-     * @defaultValue "single"
-     */
-    mode?: SelectMode;
-    /** 显式指定下拉或弹框。未设置时根据 options 总数判断：超过 modalThreshold 使用弹框。显式配置优先于阈值；弹框点击确定才提交。 */
-    popupMode?: "dropdown" | "modal";
-    /**
-     * 未指定 popupMode 时，选项总数超过此值自动使用弹框，等于阈值时仍使用下拉。
-     * @defaultValue 15
-     */
-    modalThreshold?: number;
-    /** 弹框 title、width、columns、maxHeight 与左下角扩展 footerExtra */
-    modalConfig?: {
-        /** 弹框标题，未设置时使用 Select 的 placeholder。 */
-        title?: ReactNode;
-        /** 弹框宽度，默认 900px。 */
-        width?: number | string;
-        /** 每行选项列数，默认 3 列。 */
-        columns?: number;
-        /** 列表最大可视高度，默认 360px。 */
-        maxHeight?: number;
-        /** 底部左侧扩展内容，例如维护按钮。 */
-        footerExtra?: ReactNode;
-    };
-    /** 当前值（受控） */
-    value?: SelectChangeValue;
-    /** 初始选中值 */
-    defaultValue?: SelectChangeValue;
-    /** 确认选择或清空时调用。单选返回单值及对应选项，清空返回 null；多选返回值数组及选项数组。弹框中的草稿变化不会直接触发。 */
-    onChange?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null) => void;
-    /**
-     * 未选择时的提示
-     * @defaultValue "请选择"
-     */
-    placeholder?: ReactNode;
-    /** 占位提示的显示模式；floating 为浮动标签。 */
-    placeholderMode?: InputPlaceholderMode;
-    /** small / medium / large 高度为 22 / 30 / 38px；默认继承 Form，组件自身 size 优先 */
-    size?: ControlSize;
-    /**
-     * 当前状态，用于选择对应的状态样式。
-     * @defaultValue "default"
-     */
-    status?: ControlStatus;
-    /**
-     * 是否允许清空当前选择；单选弹框中同时允许再次点击已选项取消选择。显式设为 false 可禁用。
-     * @defaultValue true
-     */
-    allowClear?: boolean;
-    /**
-     * 显示加载状态并禁用展开
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     是否显示搜索输入框。
-     * @defaultValue false
-     */
-    showSearch?: boolean;
-    /** 在选项名称下方显示对应的 value。 */
-    showValue?: boolean;
-    /** 允许将搜索框内容作为自定义选项提交。 */
-    allowInput?: boolean;
-    /** 手动输入内容的最大长度 */
-    inputMaxLength?: number;
-    /**
-     * 搜索框的占位提示文字。
-     * @defaultValue "搜索选项"
-     */
-    searchPlaceholder?: string;
-    /** 搜索条件变化或提交搜索时调用，具体参数见签名。 */
-    onSearch?: (query: string) => void;
-    /**
-     * 自定义搜索匹配函数，返回 true 时保留该选项。
-     * @defaultValue defaultFilterOption
-     */
-    filterOption?: (query: string, option: SelectOption) => boolean;
-    /**
-     * 多选时显示全选、反选；下拉操作栏固定在列表底部
-     * @defaultValue true
-     */
-    showSelectAll?: boolean;
-    /** 是否显示下拉面板底部的条数统计与操作行；默认单选隐藏、多选显示，不影响弹框模式。 */
-    showActions?: boolean;
-    /** 最多显示的标签数；空间不足时会继续折叠，并为 +N 预留宽度。 */
-    maxTagCount?: number;
-    /**
-     * 长列表启用窗口化渲染
-     * @defaultValue true
-     */
-    virtual?: boolean;
-    /**
-     * 启用虚拟滚动的选项数量
-     * @defaultValue 100
-     */
-    virtualThreshold?: number;
-    /**
-     * 选项列表的最大可视高度，单位为像素。
-     * @defaultValue 256
-     */
-    listHeight?: number;
-    /**
-     * 单个选项的高度，虚拟列表据此计算可见区域。
-     * @defaultValue showValue ? 54 : 34
-     */
-    optionHeight?: number;
-    /**
-     * 没有匹配选项时的提示内容。
-     * @defaultValue "暂无数据"
-     */
-    notFoundContent?: ReactNode;
-}
-/** 选择器组件。 */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { type SelectOption as S, type SelectChangeValue as a, type SelectProps as b, Select as c, type SelectMode as d, type SelectValue as e };

package/dist/Select-BNSE67xn.d.ts

@@ -1,142 +0,0 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { I as InputPlaceholderMode, C as ControlSize, a as ControlStatus } from './shared-Bx4B28Wh.js';
-
-/** 选择器的值类型。 */
-type SelectValue = string | number;
-/** 选择器的模式类型。 */
-type SelectMode = "single" | "multiple";
-/** 选择变更后的值：单选为字符串、数字或 null，多选为值数组。 */
-type SelectChangeValue = SelectValue | SelectValue[] | null;
-/** 选择器的候选项定义。 */
-type SelectOption = {
-    /** 展示给用户的名称，可传入文本或 React 节点。 */
-    label: ReactNode;
-    /** 该项目对应的数据值，用于标识、选择或计算。 */
-    value: SelectValue;
-    /** 是否禁用交互。 */
-    disabled?: boolean;
-    /** 弹框模式中的分组标题。 */
-    group?: string;
-};
-/** 选择器的属性配置。 */
-interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> {
-    /** 下拉选项 */
-    options: readonly SelectOption[];
-    /**
-     * 单选或多选模式
-     * @defaultValue "single"
-     */
-    mode?: SelectMode;
-    /** 显式指定下拉或弹框。未设置时根据 options 总数判断：超过 modalThreshold 使用弹框。显式配置优先于阈值；弹框点击确定才提交。 */
-    popupMode?: "dropdown" | "modal";
-    /**
-     * 未指定 popupMode 时，选项总数超过此值自动使用弹框，等于阈值时仍使用下拉。
-     * @defaultValue 15
-     */
-    modalThreshold?: number;
-    /** 弹框 title、width、columns、maxHeight 与左下角扩展 footerExtra */
-    modalConfig?: {
-        /** 弹框标题，未设置时使用 Select 的 placeholder。 */
-        title?: ReactNode;
-        /** 弹框宽度，默认 900px。 */
-        width?: number | string;
-        /** 每行选项列数，默认 3 列。 */
-        columns?: number;
-        /** 列表最大可视高度，默认 360px。 */
-        maxHeight?: number;
-        /** 底部左侧扩展内容，例如维护按钮。 */
-        footerExtra?: ReactNode;
-    };
-    /** 当前值（受控） */
-    value?: SelectChangeValue;
-    /** 初始选中值 */
-    defaultValue?: SelectChangeValue;
-    /** 确认选择或清空时调用。单选返回单值及对应选项，清空返回 null；多选返回值数组及选项数组。弹框中的草稿变化不会直接触发。 */
-    onChange?: (value: SelectChangeValue, option: SelectOption | SelectOption[] | null) => void;
-    /**
-     * 未选择时的提示
-     * @defaultValue "请选择"
-     */
-    placeholder?: ReactNode;
-    /** 占位提示的显示模式；floating 为浮动标签。 */
-    placeholderMode?: InputPlaceholderMode;
-    /** small / medium / large 高度为 22 / 30 / 38px；默认继承 Form，组件自身 size 优先 */
-    size?: ControlSize;
-    /**
-     * 当前状态，用于选择对应的状态样式。
-     * @defaultValue "default"
-     */
-    status?: ControlStatus;
-    /**
-     * 是否允许清空当前选择；单选弹框中同时允许再次点击已选项取消选择。显式设为 false 可禁用。
-     * @defaultValue true
-     */
-    allowClear?: boolean;
-    /**
-     * 显示加载状态并禁用展开
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     是否显示搜索输入框。
-     * @defaultValue false
-     */
-    showSearch?: boolean;
-    /** 在选项名称下方显示对应的 value。 */
-    showValue?: boolean;
-    /** 允许将搜索框内容作为自定义选项提交。 */
-    allowInput?: boolean;
-    /** 手动输入内容的最大长度 */
-    inputMaxLength?: number;
-    /**
-     * 搜索框的占位提示文字。
-     * @defaultValue "搜索选项"
-     */
-    searchPlaceholder?: string;
-    /** 搜索条件变化或提交搜索时调用，具体参数见签名。 */
-    onSearch?: (query: string) => void;
-    /**
-     * 自定义搜索匹配函数，返回 true 时保留该选项。
-     * @defaultValue defaultFilterOption
-     */
-    filterOption?: (query: string, option: SelectOption) => boolean;
-    /**
-     * 多选时显示全选、反选；下拉操作栏固定在列表底部
-     * @defaultValue true
-     */
-    showSelectAll?: boolean;
-    /** 是否显示下拉面板底部的条数统计与操作行；默认单选隐藏、多选显示，不影响弹框模式。 */
-    showActions?: boolean;
-    /** 最多显示的标签数；空间不足时会继续折叠，并为 +N 预留宽度。 */
-    maxTagCount?: number;
-    /**
-     * 长列表启用窗口化渲染
-     * @defaultValue true
-     */
-    virtual?: boolean;
-    /**
-     * 启用虚拟滚动的选项数量
-     * @defaultValue 100
-     */
-    virtualThreshold?: number;
-    /**
-     * 选项列表的最大可视高度，单位为像素。
-     * @defaultValue 256
-     */
-    listHeight?: number;
-    /**
-     * 单个选项的高度，虚拟列表据此计算可见区域。
-     * @defaultValue showValue ? 54 : 34
-     */
-    optionHeight?: number;
-    /**
-     * 没有匹配选项时的提示内容。
-     * @defaultValue "暂无数据"
-     */
-    notFoundContent?: ReactNode;
-}
-/** 选择器组件。 */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { type SelectOption as S, type SelectChangeValue as a, type SelectProps as b, Select as c, type SelectMode as d, type SelectValue as e };

package/dist/chunk-3VJ4CZDQ.js

@@ -1,43 +0,0 @@
-// src/components/shared.ts
-import { createContext, useCallback, useContext, useState } from "react";
-var ControlSizeContext = createContext("medium");
-function useControlSize(size) {
-  const inherited = useContext(ControlSizeContext);
-  return size ?? inherited;
-}
-var PlaceholderModeContext = createContext("default");
-function usePlaceholderMode(mode) {
-  const inherited = useContext(PlaceholderModeContext);
-  return mode ?? inherited;
-}
-function useControllableState({ value, defaultValue, onChange }) {
-  const [internalValue, setInternalValue] = useState(defaultValue);
-  const controlled = value !== void 0;
-  const currentValue = controlled ? value : internalValue;
-  const setValue = useCallback((nextValue) => {
-    if (Object.is(currentValue, nextValue)) return;
-    if (!controlled) setInternalValue(nextValue);
-    onChange?.(nextValue);
-  }, [controlled, currentValue, onChange]);
-  return [currentValue, setValue];
-}
-
-// src/components/FloatingPlaceholder.tsx
-import { jsx } from "react/jsx-runtime";
-function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
-  const enabled = usePlaceholderMode(mode) === "floating" && Boolean(placeholder);
-  return {
-    enabled,
-    className: enabled ? ` sia-placeholder-floating${filled ? " sia-placeholder-floating--filled" : ""}${active ? " sia-placeholder-floating--active" : ""}` : "",
-    label: enabled ? /* @__PURE__ */ jsx("span", { className: "sia-floating-placeholder", "aria-hidden": "true", children: placeholder }) : null
-  };
-}
-
-export {
-  ControlSizeContext,
-  useControlSize,
-  PlaceholderModeContext,
-  usePlaceholderMode,
-  useControllableState,
-  useFloatingPlaceholder
-};