@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Select/index.js

@@ -0,0 +1,151 @@
+import DisabledContext from "../ConfigProvider/DisabledContext.js";
+import { noOpFilter, toArray, toString } from "./utils/commonUtil.js";
+import useOptions, { isRawValue } from "./hooks/useOptions.js";
+import useCache_default from "./hooks/useCache.js";
+import BaseSelect, { isMultiple } from "./BaseSelect.js";
+import { injectPropsWithOption } from "./utils/valueUtil.js";
+import useDisplayMenu from "./hooks/useDisplayMenu.js";
+import React, { forwardRef, useCallback, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import useMergedState from "rc-util/es/hooks/useMergedState";
+//#region src/Select/index.tsx
+var Select_default = forwardRef(function Select(props, ref) {
+	const { value, defaultValue, mode, menu, options, onChange, onSelect, onSearch, onDeselect, labelInValue, filterOption, searchValue, optionLabelProp, listHeight, disabled: customDisabled } = props;
+	const [internalValue, setInternalValue] = useMergedState(defaultValue, { value });
+	const disabled = useContext(DisabledContext);
+	const mergedDisabled = customDisabled ?? disabled;
+	const { menu: mergedMenu, keyMenuItems } = useOptions({
+		menu,
+		options,
+		value: internalValue,
+		optionLabelProp,
+		listHeight
+	});
+	const multiple = mode && isMultiple(mode);
+	const [innerSearchValue, setInnerSearchValue] = useMergedState(void 0, { value: searchValue });
+	const convert2LabelValues = React.useCallback((draftValues) => {
+		return toArray(draftValues).map((val) => {
+			let rawValue;
+			let rawLabel;
+			let rawDisabled;
+			if (isRawValue(val)) rawValue = val;
+			else {
+				rawLabel = val.label;
+				rawValue = val.value ?? val.key;
+			}
+			const menuItem = keyMenuItems.get(toString(rawValue));
+			if (menuItem) {
+				if (rawLabel === void 0) if (optionLabelProp) rawLabel = menuItem[optionLabelProp] || menuItem.label;
+				else rawLabel = menuItem.label;
+				rawDisabled = menuItem.disabled;
+			}
+			return {
+				label: rawLabel,
+				value: rawValue,
+				disabled: rawDisabled
+			};
+		});
+	}, [keyMenuItems, optionLabelProp]);
+	const [mergedValues, getMixedOption] = useCache_default(React.useMemo(() => {
+		return convert2LabelValues(internalValue);
+	}, [internalValue, convert2LabelValues]), keyMenuItems);
+	const displayValues = React.useMemo(() => {
+		if (!mode && mergedValues.length === 1) {
+			const firstValue = mergedValues[0];
+			if (firstValue.value === null && (firstValue.label === null || firstValue.label === void 0)) return [];
+		}
+		return mergedValues.map((item) => ({
+			...item,
+			label: item.label ?? item.value
+		}));
+	}, [mode, mergedValues]);
+	const triggerChange = useCallback((values) => {
+		const labeledValues = convert2LabelValues(values);
+		setInternalValue(labeledValues);
+		if (onChange && (labeledValues.length !== mergedValues.length || labeledValues.some((newVal, index) => mergedValues[index]?.value !== newVal?.value))) {
+			const returnValues = labelInValue ? labeledValues : labeledValues.map((v) => v.value);
+			const returnOptions = labeledValues.map((v) => injectPropsWithOption(getMixedOption(v.value)));
+			onChange(multiple ? returnValues : returnValues[0], multiple ? returnOptions : returnOptions[0]);
+		}
+	}, [
+		convert2LabelValues,
+		setInternalValue,
+		onChange,
+		mergedValues,
+		labelInValue,
+		multiple,
+		getMixedOption
+	]);
+	const triggerSelect = (val, selected, type) => {
+		const getSelectEnt = () => {
+			const option = getMixedOption(val);
+			return [labelInValue ? {
+				label: option.label,
+				value: val
+			} : val, injectPropsWithOption(option)];
+		};
+		if (selected && onSelect) {
+			const [wrappedValue, option] = getSelectEnt();
+			onSelect(wrappedValue, option);
+		} else if (!selected && onDeselect && type !== "clear") {
+			const [wrappedValue, option] = getSelectEnt();
+			onDeselect(wrappedValue, option);
+		}
+	};
+	const onOptionSelect = (val) => {
+		const menuItem = keyMenuItems.get(toString(val));
+		const originalValue = menuItem?.value !== void 0 ? menuItem.value : val;
+		const selected = displayValues.find((item) => toString(item.value) === toString(val));
+		if (isMultiple(mode)) if (!selected) triggerSelect(originalValue, true, "add");
+		else triggerSelect(originalValue, false, "remove");
+		else triggerSelect(originalValue, true, "add");
+	};
+	const onDisplayValuesChange = (nextValues, info) => {
+		triggerChange(nextValues);
+		const { type, values } = info;
+		if (type === "remove" || type === "clear") values.forEach((item) => {
+			triggerSelect(item.value, false, type);
+		});
+	};
+	const handleSearch = (value) => {
+		setInnerSearchValue(value);
+		if (onSearch) onSearch(value);
+	};
+	const selectMenu = useMemo(() => {
+		return {
+			...mergedMenu,
+			items: mergedMenu?.items || [],
+			onClick: (menuInfo) => {
+				const menuItem = keyMenuItems.get(menuInfo.key);
+				const originalValue = menuItem?.value !== void 0 ? menuItem.value : menuInfo.key;
+				if (mode && isMultiple(mode)) if (displayValues.find((item) => toString(item.value) === menuInfo.key)) triggerChange(displayValues.filter((item) => toString(item.value) !== menuInfo.key).map((item) => item.value));
+				else triggerChange([...displayValues, originalValue]);
+				else triggerChange(originalValue);
+				mergedMenu?.onClick?.(menuInfo);
+			}
+		};
+	}, [
+		mergedMenu,
+		mode,
+		displayValues,
+		triggerChange,
+		keyMenuItems
+	]);
+	const displayMenu = useDisplayMenu(selectMenu, onSearch ? filterOption || noOpFilter : filterOption, innerSearchValue);
+	return /* @__PURE__ */ jsx(BaseSelect, {
+		...props,
+		ref,
+		disabled: mergedDisabled,
+		displayValues,
+		onDisplayValuesChange,
+		setInnerSearchValue: handleSearch,
+		innerSearchValue: searchValue === void 0 ? innerSearchValue : searchValue,
+		onOptionSelect,
+		menu: selectMenu,
+		displayMenu
+	});
+});
+//#endregion
+export { Select_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Select/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useContext, useMemo } from 'react';\nimport {\n  BaseSelectRef,\n  DefaultOptionType,\n  DisplayInfoType,\n  DraftValueType,\n  ISelectProps,\n  LabelInValueType,\n  RawValueType,\n} from './interface';\n\nimport useOptions, { isRawValue } from './hooks/useOptions';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\nimport { noOpFilter, toArray } from './utils/commonUtil';\nimport useCache from './hooks/useCache';\nimport BaseSelect, { BaseSelectProps, isMultiple } from './BaseSelect';\nimport { MenuInfo } from '../Menu';\nimport { injectPropsWithOption } from './utils/valueUtil';\nimport useDisplayMenu from './hooks/useDisplayMenu';\nimport { toString } from './utils/commonUtil';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\n\nexport default forwardRef(function Select(\n  props: ISelectProps,\n  ref: React.Ref<BaseSelectRef>,\n) {\n  const {\n    value,\n    defaultValue,\n    mode,\n    menu,\n    options,\n    onChange,\n    onSelect,\n    onSearch,\n    onDeselect,\n    labelInValue,\n    filterOption,\n    searchValue,\n    optionLabelProp,\n    listHeight,\n    disabled: customDisabled,\n  } = props;\n\n  // =========================== Values ===========================\n  const [internalValue, setInternalValue] = useMergedState(defaultValue, {\n    value,\n  });\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n  const parsedOptions = useOptions({\n    menu,\n    options,\n    value: internalValue,\n    optionLabelProp,\n    listHeight,\n  });\n  const { menu: mergedMenu, keyMenuItems } = parsedOptions;\n  const multiple = mode && isMultiple(mode);\n  // ============================== SearchValue ==============================\n  const [innerSearchValue, setInnerSearchValue] = useMergedState<\n    string | undefined\n  >(undefined, {\n    value: searchValue,\n  });\n  // ========================= Wrap Value =========================\n  const convert2LabelValues = React.useCallback(\n    (draftValues: DraftValueType) => {\n      // Convert to array\n      const valueList = toArray(draftValues);\n\n      // Convert to labelInValue type\n      return valueList.map((val) => {\n        let rawValue: RawValueType;\n        let rawLabel: React.ReactNode;\n        let rawDisabled: boolean | undefined;\n\n        if (isRawValue(val)) {\n          rawValue = val;\n        } else {\n          rawLabel = val.label;\n          // @ts-ignore val.key是为了兼容存在key的情况\n          rawValue = (val.value as RawValueType) ?? (val.key as RawValueType);\n        }\n\n        const menuItem = keyMenuItems.get(toString(rawValue));\n        if (menuItem) {\n          // Fill missing props\n          if (rawLabel === undefined) {\n            if (optionLabelProp) {\n              rawLabel = menuItem[optionLabelProp] || menuItem.label;\n            } else {\n              rawLabel = menuItem.label;\n            }\n          }\n          rawDisabled = menuItem.disabled;\n        }\n\n        return {\n          label: rawLabel,\n          value: rawValue,\n          disabled: rawDisabled,\n        };\n      });\n    },\n    [keyMenuItems, optionLabelProp],\n  );\n\n  // Merged value with LabelValueType\n  const rawLabeledValues = React.useMemo(() => {\n    const values = convert2LabelValues(internalValue);\n\n    return values;\n  }, [internalValue, convert2LabelValues]);\n\n  // Fill label with cache to avoid option remove\n  const [mergedValues, getMixedOption] = useCache(\n    rawLabeledValues,\n    keyMenuItems,\n  );\n\n  const displayValues = React.useMemo(() => {\n    // `null` need show as placeholder instead\n    if (!mode && mergedValues.length === 1) {\n      const firstValue = mergedValues[0];\n      if (\n        firstValue.value === null &&\n        (firstValue.label === null || firstValue.label === undefined)\n      ) {\n        return [] as LabelInValueType[];\n      }\n    }\n\n    return mergedValues.map((item) => ({\n      ...item,\n      label: item.label ?? item.value,\n    }));\n  }, [mode, mergedValues]);\n\n  // =========================== Change ===========================\n  const triggerChange = useCallback(\n    (values: DraftValueType) => {\n      const labeledValues = convert2LabelValues(values);\n      setInternalValue(labeledValues);\n\n      if (\n        onChange &&\n        // Trigger event only when value changed\n        (labeledValues.length !== mergedValues.length ||\n          labeledValues.some(\n            (newVal, index) => mergedValues[index]?.value !== newVal?.value,\n          ))\n      ) {\n        const returnValues = labelInValue\n          ? labeledValues\n          : labeledValues.map((v) => v.value);\n        const returnOptions = labeledValues.map((v) =>\n          injectPropsWithOption(getMixedOption(v.value)),\n        );\n\n        onChange(\n          // Value\n          multiple ? returnValues : returnValues[0],\n          // Option\n          multiple ? returnOptions : returnOptions[0],\n        );\n      }\n    },\n    [\n      convert2LabelValues,\n      setInternalValue,\n      onChange,\n      mergedValues,\n      labelInValue,\n      multiple,\n      getMixedOption,\n    ],\n  );\n  // ========================= OptionList =========================\n  const triggerSelect = (\n    val: RawValueType,\n    selected: boolean,\n    type?: DisplayInfoType,\n  ) => {\n    const getSelectEnt = (): [\n      RawValueType | LabelInValueType,\n      DefaultOptionType,\n    ] => {\n      const option = getMixedOption(val);\n\n      return [\n        labelInValue\n          ? {\n              label: option.label,\n              value: val,\n            }\n          : val,\n        injectPropsWithOption(option),\n      ];\n    };\n\n    if (selected && onSelect) {\n      const [wrappedValue, option] = getSelectEnt();\n      onSelect(wrappedValue, option);\n    } else if (!selected && onDeselect && type !== 'clear') {\n      const [wrappedValue, option] = getSelectEnt();\n      onDeselect(wrappedValue, option);\n    }\n  };\n  // Used for OptionList selection\n  const onOptionSelect = (val: RawValueType) => {\n    // Get the original value from keyMenuItems to preserve the type (number/string)\n    const menuItem = keyMenuItems.get(toString(val));\n    const originalValue = menuItem?.value !== undefined ? menuItem.value : val;\n\n    const selected = displayValues.find(\n      (item) => toString(item.value) === toString(val),\n    );\n    if (isMultiple(mode)) {\n      if (!selected) {\n        triggerSelect(originalValue, true, 'add');\n      } else {\n        triggerSelect(originalValue, false, 'remove');\n      }\n    } else {\n      triggerSelect(originalValue, true, 'add');\n    }\n  };\n  // ======================= Display Change =======================\n  // BaseSelect display values change\n  const onDisplayValuesChange: BaseSelectProps['onDisplayValuesChange'] = (\n    nextValues,\n    info,\n  ) => {\n    triggerChange(nextValues);\n    const { type, values } = info;\n\n    if (type === 'remove' || type === 'clear') {\n      values.forEach((item) => {\n        triggerSelect(item.value, false, type);\n      });\n    }\n  };\n  const handleSearch = (value: string) => {\n    setInnerSearchValue(value);\n    if (onSearch) {\n      onSearch(value);\n    }\n  };\n\n  const selectMenu = useMemo(() => {\n    return {\n      ...mergedMenu,\n      items: mergedMenu?.items || [],\n      onClick: (menuInfo: MenuInfo) => {\n        // Get the original value from keyMenuItems to preserve the type (number/string)\n        const menuItem = keyMenuItems.get(menuInfo.key);\n        const originalValue =\n          menuItem?.value !== undefined ? menuItem.value : menuInfo.key;\n\n        if (mode && isMultiple(mode)) {\n          if (\n            displayValues.find((item) => toString(item.value) === menuInfo.key)\n          ) {\n            triggerChange(\n              displayValues\n                .filter((item) => toString(item.value) !== menuInfo.key)\n                .map((item) => item.value),\n            );\n          } else {\n            triggerChange([...displayValues, originalValue]);\n          }\n        } else {\n          triggerChange(originalValue);\n        }\n        mergedMenu?.onClick?.(menuInfo);\n      },\n    };\n  }, [mergedMenu, mode, displayValues, triggerChange, keyMenuItems]);\n\n  const displayMenu = useDisplayMenu(\n    selectMenu,\n    // 如果用户接管了搜索，则默认不做搜索过滤\n    onSearch ? filterOption || noOpFilter : filterOption,\n    innerSearchValue,\n  );\n\n  return (\n    <BaseSelect\n      {...props}\n      ref={ref}\n      disabled={mergedDisabled}\n      displayValues={displayValues}\n      onDisplayValuesChange={onDisplayValuesChange}\n      setInnerSearchValue={handleSearch}\n      innerSearchValue={\n        searchValue === undefined ? innerSearchValue : searchValue\n      }\n      onOptionSelect={onOptionSelect}\n      menu={selectMenu}\n      displayMenu={displayMenu}\n    ></BaseSelect>\n  );\n});\n"],"mappings":"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"}

package/dist/{AldSelect → Select}/interface.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PlacementType } from '../Dropdown';
 import { ItemType, MenuDividerType, MenuHeaderType, MenuProps, SubMenuType } from '../Menu';
-import { CustomTagProps, Mode } from './BaseSelect';
+import { CustomTagProps, Mode } from './BaseSelect.js';
 type ArrayElementType<T> = T extends (infer E)[] ? E : T;
 export interface ISelectProps<ValueType = any, OptionType extends BaseOptionType = DefaultOptionType> {
     prefix?: React.ReactNode;
@@ -43,6 +42,7 @@ export interface ISelectProps<ValueType = any, OptionType extends BaseOptionType
     onDeselect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;
     notFoundContent?: React.ReactNode;
     onSearch?: (value: string) => void;
+    loading?: boolean;
     filterOption?: (inputValue: string, option: OptionType) => boolean;
     tagRender?: (props: CustomTagProps, isPreview?: boolean) => React.ReactNode;
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);

package/dist/Select/interface.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/{AldSelect → Select}/utils/commonUtil.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultOptionType, SelectMenuProps } from '../interface';
 export declare function toArray<T>(value: T | T[]): T[];
 export declare const isClient: false | HTMLElement;

package/dist/Select/utils/commonUtil.js

@@ -0,0 +1,38 @@
+import _ from "lodash";
+//#region src/Select/utils/commonUtil.ts
+function toArray(value) {
+	if (Array.isArray(value)) return value;
+	return value !== void 0 ? [value] : [];
+}
+typeof window !== "undefined" && window.document && window.document.documentElement;
+var toString = (value) => _.toString(value);
+process.env.NODE_ENV;
+function convertOptionsToMenu(options, selectedKeys) {
+	const keyCountMap = /* @__PURE__ */ new Map();
+	return {
+		items: options.map((option, index) => {
+			const baseKey = toString(option.value);
+			const count = keyCountMap.get(baseKey) ?? 0;
+			keyCountMap.set(baseKey, count + 1);
+			const uniqueKey = count > 0 ? `${baseKey}-${index}` : baseKey;
+			return {
+				...option,
+				label: option.label,
+				key: uniqueKey,
+				disabled: option.disabled,
+				onClick: option.onClick,
+				className: option.className,
+				danger: option.danger,
+				icon: option.icon
+			};
+		}),
+		selectedKeys
+	};
+}
+function noOpFilter() {
+	return true;
+}
+//#endregion
+export { convertOptionsToMenu, noOpFilter, toArray, toString };
+
+//# sourceMappingURL=commonUtil.js.map

package/dist/Select/utils/commonUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonUtil.js","names":[],"sources":["../../../src/Select/utils/commonUtil.ts"],"sourcesContent":["import _ from 'lodash';\nimport { DefaultOptionType, SelectMenuProps } from '../interface';\nexport function toArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value;\n  }\n  return value !== undefined ? [value] : [];\n}\n\nexport const isClient =\n  typeof window !== 'undefined' &&\n  window.document &&\n  window.document.documentElement;\nexport const toString = (value: any) => _.toString(value);\n/** Is client side and not jsdom */\nexport const isBrowserClient = process.env.NODE_ENV !== 'test' && isClient;\n\nexport function convertOptionsToMenu(\n  options: DefaultOptionType[],\n  selectedKeys: React.Key[],\n): SelectMenuProps {\n  // 使用 Map 来跟踪每个 key 出现的次数，确保 key 的唯一性\n  const keyCountMap = new Map<string, number>();\n\n  return {\n    items: options.map((option, index) => {\n      const baseKey = toString(option.value);\n      // 如果 key 已存在，添加索引后缀确保唯一性\n      const count = keyCountMap.get(baseKey) ?? 0;\n      keyCountMap.set(baseKey, count + 1);\n      const uniqueKey = count > 0 ? `${baseKey}-${index}` : baseKey;\n\n      return {\n        ...option,\n        label: option.label,\n        key: uniqueKey,\n        disabled: option.disabled,\n        onClick: option.onClick,\n        className: option.className,\n        danger: option.danger,\n        icon: option.icon,\n      };\n    }),\n    selectedKeys: selectedKeys as string[],\n  };\n}\n\nexport function noOpFilter() {\n  return true;\n}\n"],"mappings":";;AAEA,SAAgB,QAAW,OAAqB;AAC9C,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,QAAO,UAAU,SAAY,CAAC,MAAM,GAAG,EAAE;;AAIzC,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAClB,IAAa,YAAY,UAAe,EAAE,SAAS,MAAM;AAE5C,QAAA,IAAA;AAEb,SAAgB,qBACd,SACA,cACiB;CAEjB,MAAM,8BAAc,IAAI,KAAqB;AAE7C,QAAO;EACL,OAAO,QAAQ,KAAK,QAAQ,UAAU;GACpC,MAAM,UAAU,SAAS,OAAO,MAAM;GAEtC,MAAM,QAAQ,YAAY,IAAI,QAAQ,IAAI;AAC1C,eAAY,IAAI,SAAS,QAAQ,EAAE;GACnC,MAAM,YAAY,QAAQ,IAAI,GAAG,QAAQ,GAAG,UAAU;AAEtD,UAAO;IACL,GAAG;IACH,OAAO,OAAO;IACd,KAAK;IACL,UAAU,OAAO;IACjB,SAAS,OAAO;IAChB,WAAW,OAAO;IAClB,QAAQ,OAAO;IACf,MAAM,OAAO;IACd;IACD;EACY;EACf;;AAGH,SAAgB,aAAa;AAC3B,QAAO"}

package/dist/Select/utils/getWidthStyle.js

@@ -0,0 +1,11 @@
+//#region src/Select/utils/getWidthStyle.ts
+function getWidthStyle(width) {
+	if (typeof width === "number") return { width: `${width}px` };
+	if (width === "fill") return { width: "100%" };
+	if (width === "auto") return { width: "auto" };
+	return {};
+}
+//#endregion
+export { getWidthStyle as default };
+
+//# sourceMappingURL=getWidthStyle.js.map

package/dist/Select/utils/getWidthStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWidthStyle.js","names":[],"sources":["../../../src/Select/utils/getWidthStyle.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport default function getWidthStyle(\n  width?: number | 'auto' | 'fill',\n): CSSProperties {\n  if (typeof width === 'number') {\n    return { width: `${width}px` };\n  }\n  if (width === 'fill') {\n    return { width: '100%' };\n  }\n  if (width === 'auto') {\n    return { width: 'auto' };\n  }\n  return {};\n}\n"],"mappings":";AAEA,SAAwB,cACtB,OACe;AACf,KAAI,OAAO,UAAU,SACnB,QAAO,EAAE,OAAO,GAAG,MAAM,KAAK;AAEhC,KAAI,UAAU,OACZ,QAAO,EAAE,OAAO,QAAQ;AAE1B,KAAI,UAAU,OACZ,QAAO,EAAE,OAAO,QAAQ;AAE1B,QAAO,EAAE"}

package/dist/Select/utils/keyUtil.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};

package/dist/{AldSelect → Select}/utils/valueUtil.d.ts

@@ -1,6 +1,5 @@
-import type { BaseOptionType, DefaultOptionType } from '../Select';
-import type { FieldNames } from '../Select';
-import type { FlattenOptionData } from '../interface';
+import { BaseOptionType, DefaultOptionType, FieldNames } from '../Select';
+import { FlattenOptionData } from '../interface';
 export declare function fillFieldNames(fieldNames: FieldNames | undefined, childrenAsData: boolean): {
     label: any;
     value: any;

package/dist/Select/utils/valueUtil.js

@@ -0,0 +1,16 @@
+import warning from "rc-util/es/warning";
+/**
+* Inject `props` into `option` for legacy usage
+*/
+function injectPropsWithOption(option) {
+	const newOption = { ...option };
+	if (!("props" in newOption)) Object.defineProperty(newOption, "props", { get() {
+		warning(false, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`.");
+		return newOption;
+	} });
+	return newOption;
+}
+//#endregion
+export { injectPropsWithOption };
+
+//# sourceMappingURL=valueUtil.js.map

package/dist/Select/utils/valueUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valueUtil.js","names":[],"sources":["../../../src/Select/utils/valueUtil.ts"],"sourcesContent":["// @ts-nocheck\nimport type { BaseOptionType, DefaultOptionType } from '../Select';\nimport warning from 'rc-util/es/warning';\nimport type { RawValueType, FieldNames } from '../Select';\nimport type { FlattenOptionData } from '../interface';\n\nfunction getKey(data: BaseOptionType, index: number) {\n  const { key } = data;\n  let value: RawValueType;\n\n  if ('value' in data) {\n    ({ value } = data);\n  }\n\n  if (key !== null && key !== undefined) {\n    return key;\n  }\n  if (value !== undefined) {\n    return value;\n  }\n  return `rc-index-key-${index}`;\n}\n\nexport function fillFieldNames(\n  fieldNames: FieldNames | undefined,\n  childrenAsData: boolean,\n) {\n  const { label, value, options } = fieldNames || {};\n\n  return {\n    label: label || (childrenAsData ? 'children' : 'label'),\n    value: value || 'value',\n    options: options || 'options',\n  };\n}\n\n/**\n * Flat options into flatten list.\n * We use `optionOnly` here is aim to avoid user use nested option group.\n * Here is simply set `key` to the index if not provided.\n */\nexport function flattenOptions<\n  OptionType extends BaseOptionType = DefaultOptionType,\n>(\n  options: OptionType[],\n  {\n    fieldNames,\n    childrenAsData,\n  }: { fieldNames?: FieldNames; childrenAsData?: boolean } = {},\n): FlattenOptionData<OptionType>[] {\n  const flattenList: FlattenOptionData<OptionType>[] = [];\n\n  const {\n    label: fieldLabel,\n    value: fieldValue,\n    options: fieldOptions,\n  } = fillFieldNames(fieldNames, false);\n\n  function dig(list: OptionType[], isGroupOption: boolean) {\n    list.forEach((data) => {\n      const label = data[fieldLabel];\n\n      if (isGroupOption || !(fieldOptions in data)) {\n        const value = data[fieldValue];\n\n        // Option\n        flattenList.push({\n          key: getKey(data, flattenList.length),\n          groupOption: isGroupOption,\n          data,\n          label,\n          value,\n        });\n      } else {\n        let grpLabel = label;\n        if (grpLabel === undefined && childrenAsData) {\n          grpLabel = data.label;\n        }\n\n        // Option Group\n        flattenList.push({\n          key: getKey(data, flattenList.length),\n          group: true,\n          data,\n          label: grpLabel,\n        });\n\n        dig(data[fieldOptions], true);\n      }\n    });\n  }\n\n  dig(options, false);\n\n  return flattenList;\n}\n\n/**\n * Inject `props` into `option` for legacy usage\n */\nexport function injectPropsWithOption<T>(option: T): T {\n  const newOption = { ...option };\n  if (!('props' in newOption)) {\n    Object.defineProperty(newOption, 'props', {\n      get() {\n        warning(\n          false,\n          'Return type is option instead of Option instance. Please read value directly instead of reading from `props`.',\n        );\n        return newOption;\n      },\n    });\n  }\n\n  return newOption;\n}\n\nexport function getSeparatedContent(text: string, tokens: string[]): string[] {\n  if (!tokens || !tokens.length) {\n    return null;\n  }\n\n  let match = false;\n\n  function separate(str: string, [token, ...restTokens]: string[]) {\n    if (!token) {\n      return [str];\n    }\n\n    const list = str.split(token);\n    match = match || list.length > 1;\n\n    return list\n      .reduce(\n        (prevList, unitStr) => [...prevList, ...separate(unitStr, restTokens)],\n        [],\n      )\n      .filter((unit) => unit);\n  }\n\n  const list = separate(text, tokens);\n  return match ? list : null;\n}\n"],"mappings":";;;;AAoGA,SAAgB,sBAAyB,QAAc;CACrD,MAAM,YAAY,EAAE,GAAG,QAAQ;AAC/B,KAAI,EAAE,WAAW,WACf,QAAO,eAAe,WAAW,SAAS,EACxC,MAAM;AACJ,UACE,OACA,gHACD;AACD,SAAO;IAEV,CAAC;AAGJ,QAAO"}

package/dist/Skeleton/index.d.ts

@@ -1,3 +1,57 @@
-import Skeleton from 'antd/lib/skeleton/Skeleton';
-export type { SkeletonProps } from 'antd/lib/skeleton/Skeleton';
+import { default as React } from 'react';
+export interface SkeletonProps {
+    active?: boolean;
+    loading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    avatar?: boolean | {
+        size?: number | 'small' | 'default' | 'large';
+        shape?: 'circle' | 'square';
+    };
+    title?: boolean | {
+        width?: number | string;
+    };
+    paragraph?: boolean | {
+        rows?: number;
+        width?: number | string | (number | string)[];
+    };
+    round?: boolean;
+}
+type SkeletonElementSize = 'small' | 'default' | 'large';
+interface SkeletonElementBaseProps {
+    active?: boolean;
+    size?: SkeletonElementSize;
+    className?: string;
+    style?: React.CSSProperties;
+}
+interface SkeletonButtonProps extends SkeletonElementBaseProps {
+    shape?: 'circle' | 'round' | 'square';
+    block?: boolean;
+}
+interface SkeletonAvatarProps extends SkeletonElementBaseProps {
+    shape?: 'circle' | 'square';
+}
+interface SkeletonInputProps extends SkeletonElementBaseProps {
+    block?: boolean;
+}
+interface SkeletonImageProps {
+    active?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var Button: React.FC<SkeletonButtonProps>;
+    var Avatar: React.FC<SkeletonAvatarProps>;
+    var Input: React.FC<SkeletonInputProps>;
+    var Image: React.FC<SkeletonImageProps>;
+    var Node: typeof SkeletonNode;
+}
+declare function SkeletonNode({ active, className, style, children, }: {
+    active?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export default Skeleton;

package/dist/Skeleton/index.js

@@ -1,2 +1,130 @@
-import Skeleton from 'antd/lib/skeleton/Skeleton';
-export default Skeleton;
+import { cn } from "../lib/utils.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Skeleton/index.tsx
+var BUTTON_SIZE_MAP = {
+	small: {
+		width: 64,
+		height: 24
+	},
+	default: {
+		width: 80,
+		height: 32
+	},
+	large: {
+		width: 96,
+		height: 40
+	}
+};
+var AVATAR_SIZE_MAP = {
+	small: 24,
+	default: 32,
+	large: 40
+};
+var INPUT_SIZE_MAP = {
+	small: 24,
+	default: 32,
+	large: 40
+};
+var SkeletonButton = ({ active, size = "default", shape = "square", block, className, style }) => {
+	const animClass = active ? "tw-animate-pulse" : "";
+	const dims = BUTTON_SIZE_MAP[size];
+	const borderRadius = shape === "circle" ? "50%" : shape === "round" ? `${dims.height / 2}px` : "4px";
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ald-skeleton-button tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, block && "tw-block tw-w-full", className),
+		style: {
+			width: shape === "circle" ? dims.height : block ? void 0 : dims.width,
+			height: dims.height,
+			borderRadius,
+			...style
+		}
+	});
+};
+var SkeletonAvatar = ({ active, size = "default", shape = "circle", className, style }) => {
+	const animClass = active ? "tw-animate-pulse" : "";
+	const dim = typeof size === "number" ? size : AVATAR_SIZE_MAP[size];
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ald-skeleton-avatar tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, className),
+		style: {
+			width: dim,
+			height: dim,
+			borderRadius: shape === "circle" ? "50%" : "4px",
+			...style
+		}
+	});
+};
+var SkeletonInput = ({ active, size = "default", block, className, style }) => {
+	const animClass = active ? "tw-animate-pulse" : "";
+	const height = INPUT_SIZE_MAP[size];
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ald-skeleton-input tw-inline-block tw-bg-[var(--background-neutral-subtle)]", animClass, block && "tw-block tw-w-full", className),
+		style: {
+			width: block ? void 0 : 200,
+			height,
+			borderRadius: 4,
+			...style
+		}
+	});
+};
+var SkeletonImage = ({ active, className, style }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ald-skeleton-image tw-flex tw-items-center tw-justify-center tw-bg-[var(--background-neutral-subtle)]", active ? "tw-animate-pulse" : "", className),
+		style: {
+			width: 96,
+			height: 96,
+			borderRadius: 4,
+			...style
+		},
+		children: /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 1098 1024",
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "48",
+			height: "48",
+			fill: "currentColor",
+			style: { opacity: .2 },
+			children: /* @__PURE__ */ jsx("path", { d: "M365.714 329.143q0 45.714-32.036 77.75t-77.75 32.036-77.75-32.036-32.036-77.75 32.036-77.75 77.75-32.036 77.75 32.036 32.036 77.75zM950.857 548.571v256H146.286V694.857l182.857-182.857 91.429 91.429 292.571-292.571zM1005.714 146.286H91.429q-7.46 0-12.873 5.413T73.143 164.571v694.857q0 7.46 5.413 12.873t12.873 5.413h914.286q7.46 0 12.873-5.413t5.413-12.873V164.571q0-7.46-5.413-12.873t-12.873-5.413zm91.429 18.286v694.857q0 37.714-26.857 64.571t-64.571 26.857H91.429q-37.714 0-64.571-26.857T0 859.429V164.571q0-37.714 26.857-64.571T91.429 73.143h914.286q37.714 0 64.571 26.857t26.857 64.571z" })
+		})
+	});
+};
+function Skeleton(props) {
+	const { active = false, loading = true, className, style, children, avatar, title = true, paragraph = true, round } = props;
+	if (!loading) return /* @__PURE__ */ jsx(Fragment, { children });
+	const animClass = active ? "tw-animate-pulse" : "";
+	const rows = typeof paragraph === "object" ? paragraph.rows || 3 : paragraph ? 3 : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-skeleton tw-flex tw-gap-4", className),
+		style,
+		children: [avatar && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-skeleton-avatar tw-shrink-0 tw-rounded-full tw-bg-[var(--background-neutral-subtle)]", animClass, typeof avatar === "object" && avatar.shape === "square" ? "tw-rounded-r-50" : "tw-rounded-full"),
+			style: {
+				width: 40,
+				height: 40
+			}
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "ald-skeleton-content tw-flex-1",
+			children: [title && /* @__PURE__ */ jsx("div", {
+				className: cn("ald-skeleton-title tw-mb-4 tw-h-4 tw-bg-[var(--background-neutral-subtle)]", animClass, round ? "tw-rounded-full" : "tw-rounded-r-25"),
+				style: { width: typeof title === "object" ? title.width : "38%" }
+			}), paragraph && Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx("div", {
+				className: cn("ald-skeleton-paragraph tw-mb-3 tw-h-4 tw-bg-[var(--background-neutral-subtle)]", animClass, round ? "tw-rounded-full" : "tw-rounded-r-25"),
+				style: { width: i === rows - 1 ? "61%" : "100%" }
+			}, i))]
+		})]
+	});
+}
+function SkeletonNode({ active, className, style, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-skeleton-node tw-inline-flex tw-items-center tw-justify-center tw-rounded-r-25 tw-bg-[var(--background-neutral-subtle)]", active && "tw-animate-pulse", className),
+		style,
+		children
+	});
+}
+Skeleton.Button = SkeletonButton;
+Skeleton.Avatar = SkeletonAvatar;
+Skeleton.Input = SkeletonInput;
+Skeleton.Image = SkeletonImage;
+Skeleton.Node = SkeletonNode;
+//#endregion
+export { Skeleton as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Skeleton/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface SkeletonProps {\n  active?: boolean;\n  loading?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  avatar?:\n    | boolean\n    | {\n        size?: number | 'small' | 'default' | 'large';\n        shape?: 'circle' | 'square';\n      };\n  title?: boolean | { width?: number | string };\n  paragraph?:\n    | boolean\n    | { rows?: number; width?: number | string | (number | string)[] };\n  round?: boolean;\n}\n\n// --- Shared types for sub-components ---\n\ntype SkeletonElementSize = 'small' | 'default' | 'large';\n\ninterface SkeletonElementBaseProps {\n  active?: boolean;\n  size?: SkeletonElementSize;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\ninterface SkeletonButtonProps extends SkeletonElementBaseProps {\n  shape?: 'circle' | 'round' | 'square';\n  block?: boolean;\n}\n\ninterface SkeletonAvatarProps extends SkeletonElementBaseProps {\n  shape?: 'circle' | 'square';\n}\n\ninterface SkeletonInputProps extends SkeletonElementBaseProps {\n  block?: boolean;\n}\n\ninterface SkeletonImageProps {\n  active?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n// --- Size maps ---\n\nconst BUTTON_SIZE_MAP: Record<\n  SkeletonElementSize,\n  { width: number; height: number }\n> = {\n  small: { width: 64, height: 24 },\n  default: { width: 80, height: 32 },\n  large: { width: 96, height: 40 },\n};\n\nconst AVATAR_SIZE_MAP: Record<SkeletonElementSize, number> = {\n  small: 24,\n  default: 32,\n  large: 40,\n};\n\nconst INPUT_SIZE_MAP: Record<SkeletonElementSize, number> = {\n  small: 24,\n  default: 32,\n  large: 40,\n};\n\n// --- Sub-components ---\n\nconst SkeletonButton: React.FC<SkeletonButtonProps> = ({\n  active,\n  size = 'default',\n  shape = 'square',\n  block,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const dims = BUTTON_SIZE_MAP[size];\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n      ? `${dims.height / 2}px`\n      : '4px';\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-button tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        block && 'tw-block tw-w-full',\n        className,\n      )}\n      style={{\n        width:\n          shape === 'circle' ? dims.height : block ? undefined : dims.width,\n        height: dims.height,\n        borderRadius,\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonAvatar: React.FC<SkeletonAvatarProps> = ({\n  active,\n  size = 'default',\n  shape = 'circle',\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const dim = typeof size === 'number' ? size : AVATAR_SIZE_MAP[size];\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-avatar tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        className,\n      )}\n      style={{\n        width: dim,\n        height: dim,\n        borderRadius: shape === 'circle' ? '50%' : '4px',\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonInput: React.FC<SkeletonInputProps> = ({\n  active,\n  size = 'default',\n  block,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const height = INPUT_SIZE_MAP[size];\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-input tw-inline-block tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        block && 'tw-block tw-w-full',\n        className,\n      )}\n      style={{\n        width: block ? undefined : 200,\n        height,\n        borderRadius: 4,\n        ...style,\n      }}\n    />\n  );\n};\n\nconst SkeletonImage: React.FC<SkeletonImageProps> = ({\n  active,\n  className,\n  style,\n}) => {\n  const animClass = active ? 'tw-animate-pulse' : '';\n\n  return (\n    <span\n      className={cn(\n        'ald-skeleton-image tw-flex tw-items-center tw-justify-center tw-bg-[var(--background-neutral-subtle)]',\n        animClass,\n        className,\n      )}\n      style={{\n        width: 96,\n        height: 96,\n        borderRadius: 4,\n        ...style,\n      }}\n    >\n      <svg\n        viewBox=\"0 0 1098 1024\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"48\"\n        height=\"48\"\n        fill=\"currentColor\"\n        style={{ opacity: 0.2 }}\n      >\n        <path d=\"M365.714 329.143q0 45.714-32.036 77.75t-77.75 32.036-77.75-32.036-32.036-77.75 32.036-77.75 77.75-32.036 77.75 32.036 32.036 77.75zM950.857 548.571v256H146.286V694.857l182.857-182.857 91.429 91.429 292.571-292.571zM1005.714 146.286H91.429q-7.46 0-12.873 5.413T73.143 164.571v694.857q0 7.46 5.413 12.873t12.873 5.413h914.286q7.46 0 12.873-5.413t5.413-12.873V164.571q0-7.46-5.413-12.873t-12.873-5.413zm91.429 18.286v694.857q0 37.714-26.857 64.571t-64.571 26.857H91.429q-37.714 0-64.571-26.857T0 859.429V164.571q0-37.714 26.857-64.571T91.429 73.143h914.286q37.714 0 64.571 26.857t26.857 64.571z\" />\n      </svg>\n    </span>\n  );\n};\n\n// --- Main Skeleton component ---\n\nfunction Skeleton(props: SkeletonProps) {\n  const {\n    active = false,\n    loading = true,\n    className,\n    style,\n    children,\n    avatar,\n    title = true,\n    paragraph = true,\n    round,\n  } = props;\n\n  if (!loading) {\n    return <>{children}</>;\n  }\n\n  const animClass = active ? 'tw-animate-pulse' : '';\n  const rows =\n    typeof paragraph === 'object' ? paragraph.rows || 3 : paragraph ? 3 : 0;\n\n  return (\n    <div\n      className={cn('ald-skeleton tw-flex tw-gap-4', className)}\n      style={style}\n    >\n      {avatar && (\n        <div\n          className={cn(\n            'ald-skeleton-avatar tw-shrink-0 tw-rounded-full tw-bg-[var(--background-neutral-subtle)]',\n            animClass,\n            typeof avatar === 'object' && avatar.shape === 'square'\n              ? 'tw-rounded-r-50'\n              : 'tw-rounded-full',\n          )}\n          style={{ width: 40, height: 40 }}\n        />\n      )}\n      <div className=\"ald-skeleton-content tw-flex-1\">\n        {title && (\n          <div\n            className={cn(\n              'ald-skeleton-title tw-mb-4 tw-h-4 tw-bg-[var(--background-neutral-subtle)]',\n              animClass,\n              round ? 'tw-rounded-full' : 'tw-rounded-r-25',\n            )}\n            style={{\n              width: typeof title === 'object' ? title.width : '38%',\n            }}\n          />\n        )}\n        {paragraph &&\n          Array.from({ length: rows }).map((_, i) => (\n            <div\n              key={i}\n              className={cn(\n                'ald-skeleton-paragraph tw-mb-3 tw-h-4 tw-bg-[var(--background-neutral-subtle)]',\n                animClass,\n                round ? 'tw-rounded-full' : 'tw-rounded-r-25',\n              )}\n              style={{\n                width: i === rows - 1 ? '61%' : '100%',\n              }}\n            />\n          ))}\n      </div>\n    </div>\n  );\n}\n\nfunction SkeletonNode({\n  active,\n  className,\n  style,\n  children,\n}: {\n  active?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        'ald-skeleton-node tw-inline-flex tw-items-center tw-justify-center tw-rounded-r-25 tw-bg-[var(--background-neutral-subtle)]',\n        active && 'tw-animate-pulse',\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n\n// Attach sub-components\nSkeleton.Button = SkeletonButton;\nSkeleton.Avatar = SkeletonAvatar;\nSkeleton.Input = SkeletonInput;\nSkeleton.Image = SkeletonImage;\nSkeleton.Node = SkeletonNode;\n\nexport default Skeleton;\n"],"mappings":"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"}

package/dist/Slider/index.d.ts

@@ -1,5 +1,35 @@
-import { SliderSingleProps } from 'antd';
-import { SliderRangeProps } from 'antd/es/slider';
-import React from 'react';
-declare function Slider(props: SliderSingleProps | SliderRangeProps): React.JSX.Element;
+import { default as React } from 'react';
+interface SliderBaseProps {
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    vertical?: boolean;
+    marks?: Record<number, React.ReactNode | {
+        style?: React.CSSProperties;
+        label?: React.ReactNode;
+    }>;
+    included?: boolean;
+    tooltip?: {
+        open?: boolean;
+        formatter?: (value?: number) => React.ReactNode;
+    };
+}
+interface SliderSingleProps extends SliderBaseProps {
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    onAfterChange?: (value: number) => void;
+}
+interface SliderRangeProps extends SliderBaseProps {
+    range: true;
+    value?: [number, number];
+    defaultValue?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    onAfterChange?: (value: [number, number]) => void;
+}
+declare function Slider(props: SliderSingleProps | SliderRangeProps): import("react/jsx-runtime").JSX.Element;
 export default Slider;