@vef-framework/components 1.0.5

package/dist/vef-temporal-picker/props.d.ts

@@ -0,0 +1,101 @@
+import type { BasicSize, BiConsumer, BiMapper, BiMapperOptional1, Handler, Mapper, MaybeNull, Provider } from "@vef-framework/shared";
+import type { DatePickerProps } from "antd";
+/**
+ * The instance of the VefTemporalPicker component.
+ */
+export interface VefTemporalPickerInstance {
+    /**
+     * Focus the temporal picker.
+     */
+    focus: Handler;
+    /**
+     * Blur the temporal picker.
+     */
+    blur: Handler;
+}
+/**
+ * The mode of the temporal picker.
+ */
+export type TemporalPickerMode = "minute" | "hour" | "time" | "date" | "datetime" | "week" | "month" | "quarter" | "year";
+/**
+ * The value type of the temporal picker.
+ */
+export type TemporalValueType<T, M extends boolean> = M extends true ? T[] : T;
+/**
+ * The disabled time providers.
+ */
+export interface DisabledTimeProviders {
+    /**
+     * The disabled hours.
+     */
+    disabledHours?: Provider<number[]>;
+    /**
+     * The disabled minutes.
+     */
+    disabledMinutes?: Mapper<number, number[]>;
+    /**
+     * The disabled seconds.
+     */
+    disabledSeconds?: BiMapper<number, number, number[]>;
+}
+/**
+ * The disabled time type.
+ */
+export type DisabledTimeType = Mapper<Date, DisabledTimeProviders>;
+/**
+ * The disabled date type.
+ */
+export type DisabledDateType = BiMapperOptional1<Date, Date, boolean>;
+/**
+ * The props of the VefTemporalPicker component
+ */
+export interface VefTemporalPickerProps<M extends boolean = false> extends Pick<DatePickerProps, "disabled" | "variant" | "hourStep" | "minuteStep" | "secondStep"> {
+    /**
+     * The default value of the temporal picker.
+     */
+    defaultValue?: TemporalValueType<string, M>;
+    /**
+     * The value of the temporal picker.
+     */
+    value?: MaybeNull<TemporalValueType<string, M>>;
+    /**
+     * The mode of the temporal picker.
+     */
+    mode?: TemporalPickerMode;
+    /**
+     * The size of the temporal picker.
+     */
+    size?: BasicSize;
+    /**
+     * Whether to allow clearing the value.
+     */
+    clearable?: boolean;
+    /**
+     * The placeholder of the temporal picker.
+     */
+    placeholder?: string;
+    /**
+     * Whether to allow multiple selection.
+     */
+    multiple?: M;
+    /**
+     * The minimum date of the temporal picker.
+     */
+    minDate?: Date;
+    /**
+     * The maximum date of the temporal picker.
+     */
+    maxDate?: Date;
+    /**
+     * The disabled date of the temporal picker.
+     */
+    disabledDate?: DisabledDateType;
+    /**
+     * The disabled time of the temporal picker.
+     */
+    disabledTime?: DisabledTimeType;
+    /**
+     * The callback function when the value changes.
+     */
+    onChange?: BiConsumer<MaybeNull<TemporalValueType<string, M>>, MaybeNull<TemporalValueType<Date, M>>>;
+}

package/dist/vef-temporal-range-picker/hooks/use-dayjs-values.d.ts

@@ -0,0 +1,10 @@
+import type { MaybeNullish } from "@vef-framework/shared";
+import { type Dayjs } from "dayjs";
+import { type TemporalRangeValueType } from "../props";
+/**
+ * Convert the value to a dayjs objects.
+ *
+ * @param value - The value to convert.
+ * @param formats - The formats to use for the conversion.
+ */
+export declare function useDayjsValues<S extends boolean = false>(value: MaybeNullish<TemporalRangeValueType<string, S>>, formats: string[]): MaybeNullish<[Dayjs, Dayjs]>;

package/dist/vef-temporal-range-picker/hooks/use-dayjs-values.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import r from"dayjs";import{isNullish as o,isArray as t}from"@vef-framework/shared";import{useMemo as m}from"react";import{stringFormatSeparator as e}from"../props.js";function f(f,p){return m((()=>{if(o(f))return f;if(t(f))return f.map((o=>r(o,p)));const[m,i]=f.split(e);return[r(m,p),r(i,p)]}),[f,p])}export{f as useDayjsValues};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-temporal-range-picker/hooks/use-temporal-formats.d.ts

@@ -0,0 +1,8 @@
+import type { TemporalRangePickerMode } from "../props";
+/**
+ * The hook to get the formats of the temporal picker.
+ *
+ * @param mode - The mode of the temporal picker.
+ * @returns The formats of the temporal picker.
+ */
+export declare function useTemporalFormats(mode: TemporalRangePickerMode): string[];

package/dist/vef-temporal-range-picker/hooks/use-temporal-formats.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+const Y=["YYYY"],M=["YYYY-Q季度"],m=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],D=["YYYY-wo"],H=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],s=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],t=["HH:mm","HH.mm","HHmm"],r=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function n(n){return"year"===n?Y:"quarter"===n?M:"month"===n?m:"week"===n?D:"datetime"===n?r:"date"===n?H:"time"===n?s:"hour"===n?e:"minute"===n?t:[]}export{n as useTemporalFormats};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-temporal-range-picker/hooks/use-temporal-limit.d.ts

@@ -0,0 +1,13 @@
+import dayjs, { type Dayjs } from "dayjs";
+import type { VefTemporalRangePickerProps } from "../props";
+/**
+ * The hook to get the limit of the temporal range picker.
+ */
+export declare function useTemporalLimit({ maxDate, minDate, disabledDate, disabledTime, }: Pick<VefTemporalRangePickerProps, "maxDate" | "minDate" | "disabledDate" | "disabledTime">): {
+    minDateValue: dayjs.Dayjs | undefined;
+    maxDateValue: dayjs.Dayjs | undefined;
+    disabledTimeValue: ((now: Dayjs) => import("../..").DisabledTimeProviders) | undefined;
+    disabledDateValue: ((now: Dayjs, { from }: {
+        from?: Dayjs;
+    }) => boolean) | undefined;
+};

package/dist/vef-temporal-range-picker/hooks/use-temporal-limit.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import e from"dayjs";import{isFunction as a}from"@vef-framework/shared";import{useMemo as t}from"react";function r({maxDate:r,minDate:i,disabledDate:o,disabledTime:m}){const[d,f]=t((()=>[i?e(i):void 0,r?e(r):void 0]),[i,r]);return{minDateValue:d,maxDateValue:f,disabledTimeValue:t((()=>{if(a(m))return e=>m(e.toDate())}),[m]),disabledDateValue:t((()=>{if(a(o))return(e,{from:a})=>o(e.toDate(),a?.toDate())}),[o])}}export{r as useTemporalLimit};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.d.ts

@@ -0,0 +1,12 @@
+import type { DatePicker, GetRef } from "antd";
+import { type ForwardedRef, type RefObject } from "react";
+import type { VefTemporalRangePickerInstance } from "../props";
+type PickerRef = GetRef<typeof DatePicker.RangePicker>;
+/**
+ * The hook to get the instance of the temporal range picker.
+ *
+ * @param ref - The forwarded ref.
+ * @returns The ref of the temporal range picker.
+ */
+export declare function useTemporalRangePickerInstance(ref: ForwardedRef<VefTemporalRangePickerInstance>): RefObject<PickerRef>;
+export {};

package/dist/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})}}))),c}export{u as useTemporalRangePickerInstance};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-temporal-range-picker/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC, type ReactNode, type RefAttributes } from "react";
+import { type TemporalRangePickerMode, type VefTemporalRangePickerInstance, type VefTemporalRangePickerProps } from "./props";
+declare const VefTemporalRangePicker: (<S extends boolean = false>(props: VefTemporalRangePickerProps<S> & RefAttributes<VefTemporalRangePickerInstance>) => ReactNode) & Pick<FC, "displayName">;
+export type { TemporalRangePickerMode, VefTemporalRangePickerInstance, VefTemporalRangePickerProps };
+export default VefTemporalRangePicker;

package/dist/vef-temporal-range-picker/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{TimePicker as a,DatePicker as t}from"antd";import{isFunction as o}from"@vef-framework/shared";import{useMemo as r,memo as i,forwardRef as m}from"react";import"../internal/index.js";import{useDayjsValues as l}from"./hooks/use-dayjs-values.js";import{useTemporalFormats as s}from"./hooks/use-temporal-formats.js";import{useTemporalLimit as n}from"./hooks/use-temporal-limit.js";import{useTemporalRangePickerInstance as u}from"./hooks/use-temporal-range-picker-instance.js";import{stringFormatSeparator as d}from"./props.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=i(m((function({defaultValue:i,value:m,clearable:f,mode:c="date",size:D,useStringFormat:h=!1,maxDate:b,minDate:k,disabledTime:j,disabledDate:S,hourStep:g,minuteStep:V,secondStep:x,onChange:v,...C},T){const w=s(c),z=l(m,w),P=l(m,w),{minDateValue:R,maxDateValue:y,disabledTimeValue:F,disabledDateValue:N}=n({maxDate:b,minDate:k,disabledTime:j,disabledDate:S}),q=u(T),A=r((()=>{if(o(v))return(e,a)=>{if(!e)return void v(null,null);const t=[e[0].toDate(),e[1].toDate()];v(h?a.join(d):a,t)}}),[v,h]);return"time"===c||"hour"===c||"minute"===c?e(a.RangePicker,{ref:q,allowClear:f,defaultValue:P,disabledTime:F,format:w,hourStep:g,minuteStep:V,secondStep:x,size:p(D),value:z,onChange:A,...C}):e(t.RangePicker,"datetime"===c?{ref:q,showTime:!0,allowClear:f,defaultValue:P,disabledDate:N,disabledTime:F,format:w,hourStep:g,maxDate:y,minDate:R,minuteStep:V,picker:"date",secondStep:x,size:p(D),value:z,onChange:A,...C}:{ref:q,allowClear:f,defaultValue:P,disabledDate:N,format:w,maxDate:y,minDate:R,picker:c,size:p(D),value:z,onChange:A,...C})})));f.displayName="VefTemporalRangePicker";export{f as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-temporal-range-picker/props.d.ts

@@ -0,0 +1,82 @@
+import type { BasicSize, BiConsumer, Handler, MaybeNull } from "@vef-framework/shared";
+import type { DatePickerProps } from "antd";
+import type { DisabledTimeType } from "../vef-temporal-picker";
+import type { DisabledDateType } from "../vef-temporal-picker/props";
+/**
+ * The instance of the VefTemporalRangePicker component.
+ */
+export interface VefTemporalRangePickerInstance {
+    /**
+     * Focus the temporal range picker.
+     */
+    focus?: Handler;
+    /**
+     * Blur the temporal range picker.
+     */
+    blur?: Handler;
+}
+/**
+ * The separator of the string format.
+ */
+export declare const stringFormatSeparator = "_";
+/**
+ * The mode of the temporal range picker.
+ */
+export type TemporalRangePickerMode = "minute" | "hour" | "time" | "date" | "datetime" | "week" | "month" | "quarter" | "year";
+/**
+ * The value type of the temporal range picker.
+ */
+export type TemporalRangeValueType<T, S extends boolean> = S extends true ? T : [T, T];
+/**
+ * The props of the VefTemporalRangePicker component.
+ */
+export interface VefTemporalRangePickerProps<S extends boolean = false> extends Pick<DatePickerProps, "disabled" | "variant" | "hourStep" | "minuteStep" | "secondStep"> {
+    /**
+     * The default value of the temporal range picker.
+     */
+    defaultValue?: TemporalRangeValueType<string, S>;
+    /**
+     * The value of the temporal range picker.
+     */
+    value?: MaybeNull<TemporalRangeValueType<string, S>>;
+    /**
+     * The mode of the temporal range picker.
+     */
+    mode?: TemporalRangePickerMode;
+    /**
+     * The size of the temporal range picker.
+     */
+    size?: BasicSize;
+    /**
+     * Whether to use the string format.
+     */
+    useStringFormat?: S;
+    /**
+     * Whether to allow clear.
+     */
+    clearable?: boolean;
+    /**
+     * The placeholder of the temporal range picker.
+     */
+    placeholder?: [string, string];
+    /**
+     * The maximum date of the temporal range picker.
+     */
+    maxDate?: Date;
+    /**
+     * The minimum date of the temporal range picker.
+     */
+    minDate?: Date;
+    /**
+     * The disabled date of the temporal range picker.
+     */
+    disabledDate?: DisabledDateType;
+    /**
+     * The disabled time of the temporal range picker.
+     */
+    disabledTime?: DisabledTimeType;
+    /**
+     * The callback function when the value changes.
+     */
+    onChange?: BiConsumer<MaybeNull<TemporalRangeValueType<string, S>>, MaybeNull<[Date, Date]>>;
+}

package/dist/vef-temporal-range-picker/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+const o="_";export{o as stringFormatSeparator};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-text/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from "react";
+import type { VefTextProps } from "./props";
+declare const VefText: FC<VefTextProps>;
+export type { VefTextProps };
+export default VefText;

package/dist/vef-text/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Typography as t}from"antd";import{useMemo as r}from"react";const{Text:i}=t,l=({variant:t,color:l,bold:n,ellipsis:s,ellipsisTip:p,ellipsisTipPlacement:c,copyable:a,copiedText:m,onCopy:d,...f})=>{const u=r((()=>{if(s)return{tooltip:p??f.children,placement:c}}),[s,p,c,f.children]),y=o(),h=r((()=>{const e={};return"shortcut"===t?e.keyboard=!0:"strikethrough"===t?e.delete=!0:t&&(e[t]=!0),"secondary"===l?e.type="secondary":l&&(e.css={color:y.get(l)}),n&&(e.strong=!0),e}),[n,l,y,t]),x=r((()=>{if(a)return{format:"text/plain",text:m,onCopy:d}}),[a,m,d]);return e(i,{copyable:x,ellipsis:u,...h,...f})};export{l as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-text/props.d.ts

@@ -0,0 +1,47 @@
+import type { ColorType } from "@vef-framework/shared";
+import type { TooltipPlacement } from "antd/es/tooltip";
+import type { CopyConfig } from "antd/es/typography/Base";
+import type { TextProps } from "antd/es/typography/Text";
+import type { ReactNode } from "react";
+import type { Except } from "@vef-framework/shared";
+/**
+ * The props of the VefText component.
+ */
+export interface VefTextProps extends Except<TextProps, "type" | "delete" | "ellipsis" | "color" | "strong" | "editable" | "keyboard" | "mark" | "code" | "underline" | "onCopy" | "prefixCls" | "rootClassName"> {
+    /**
+     * The variant of the text.
+     */
+    variant?: "code" | "mark" | "shortcut" | "underline" | "strikethrough";
+    /**
+     * The color of the text.
+     */
+    color?: "secondary" | ColorType;
+    /**
+     * Whether to display the text in bold.
+     */
+    bold?: boolean;
+    /**
+     * Whether to ellipsis text when it is too long.
+     */
+    ellipsis?: boolean;
+    /**
+     * The tooltip text when the text is ellipsis.
+     *
+     * @default The same as the children.
+     */
+    ellipsisTip?: ReactNode;
+    /**
+     * The placement of the tooltip when the text is ellipsis.
+     */
+    ellipsisTipPlacement?: TooltipPlacement;
+    /**
+     * The text to be copied.
+     *
+     * @default The same as the children.
+     */
+    copiedText?: string;
+    /**
+     * The callback function when the text is copied.
+     */
+    onCopy?: NonNullable<CopyConfig["onCopy"]>;
+}

package/dist/vef-textarea/hooks/use-textarea-instance.d.ts

@@ -0,0 +1,13 @@
+import type { GetRef } from "antd";
+import type TextArea from "antd/es/input/TextArea";
+import { type ForwardedRef, type RefObject } from "react";
+import type { VefTextareaInstance } from "../props";
+type TextareaRef = GetRef<typeof TextArea>;
+/**
+ * The hook to get the instance of the VefTextarea component.
+ *
+ * @param ref - The forwarded ref.
+ * @returns The ref object.
+ */
+export declare function useTextareaInstance(ref: ForwardedRef<VefTextareaInstance>): RefObject<TextareaRef>;
+export {};

package/dist/vef-textarea/hooks/use-textarea-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus({preventScroll:!0})}))),c}export{u as useTextareaInstance};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-textarea/index.d.ts

@@ -0,0 +1,4 @@
+import type { VefTextareaInstance, VefTextareaProps } from "./props";
+declare const VefTextarea: import("react").ForwardRefExoticComponent<VefTextareaProps & import("react").RefAttributes<VefTextareaInstance>>;
+export type { VefTextareaInstance, VefTextareaProps };
+export default VefTextarea;

package/dist/vef-textarea/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Input as o}from"antd";import{isFunction as r}from"@vef-framework/shared";import{forwardRef as t,useMemo as a}from"react";import"../internal/index.js";import{useTextareaInstance as n}from"./hooks/use-textarea-instance.js";import{convertBasicSizeToUiSize as u}from"../internal/utils.js";const{TextArea:l}=o;function s(e){return""===e?null:e}const i=t((({defaultValue:o,value:t,size:i,clearable:m,showCount:f,onChange:v,onEnterKeyPress:c,onBlur:d,onFocus:p,...g},h)=>{const x=a((()=>({onChange:r(v)?e=>v(s(e.target.value)):void 0,onPressEnter:r(c)?e=>c(s(e.target.value)):void 0,onBlur:r(d)?e=>d(s(e.target.value)):void 0,onFocus:r(p)?e=>p(s(e.target.value)):void 0})),[v,c,d,p]),C=n(h);return e(l,{ref:C,allowClear:m,defaultValue:o,showCount:f,size:u(i),value:t,...g,...x})}));export{i as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-textarea/props.d.ts

@@ -0,0 +1,58 @@
+import type { BasicSize, Consumer, Handler, MaybeNull } from "@vef-framework/shared";
+import type { TextAreaProps } from "antd/es/input";
+/**
+ * The instance of the VefTextarea component.
+ */
+export interface VefTextareaInstance {
+    /**
+     * The blur handler.
+     */
+    blur: Handler;
+    /**
+     * The focus handler.
+     */
+    focus: Handler;
+}
+/**
+ * The props of the VefTextarea component.
+ */
+export interface VefTextareaProps extends Pick<TextAreaProps, "className" | "style" | "placeholder" | "disabled" | "maxLength" | "status" | "variant" | "onClear"> {
+    /**
+     * The default value of the textarea.
+     */
+    defaultValue?: string;
+    /**
+     * The value of the textarea.
+     */
+    value?: MaybeNull<string>;
+    /**
+     * The size of the textarea.
+     */
+    size?: BasicSize;
+    /**
+     * Whether to allow clear.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Whether to show the count of the textarea.
+     * @default false
+     */
+    showCount?: boolean;
+    /**
+     * The change handler.
+     */
+    onChange?: Consumer<MaybeNull<string>>;
+    /**
+     * The enter key press handler.
+     */
+    onEnterKeyPress?: Consumer<MaybeNull<string>>;
+    /**
+     * The blur handler.
+     */
+    onBlur?: Consumer<MaybeNull<string>>;
+    /**
+     * The focus handler.
+     */
+    onFocus?: Consumer<MaybeNull<string>>;
+}

package/dist/vef-title/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from "react";
+import type { VefTitleProps } from "./props";
+declare const VefTitle: FC<VefTitleProps>;
+export type { VefTitleProps };
+export default VefTitle;

package/dist/vef-title/index.js

@@ -0,0 +1,15 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as e,Fragment as r,jsx as t}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{useColorTokens as i}from"@vef-framework/hooks";import{themeVariables as n}from"@vef-framework/shared";import{Typography as a}from"antd";import{useMemo as l}from"react";import s from"../vef-divider/index.js";const{Title:m}=a,f=o`
+  margin: ${n.marginSm} 0 ${n.marginLg};
+`,p=o`
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 6px;
+    height: var(--vef-title-left-bar-height);
+    border-radius: 3px;
+    background: linear-gradient(to top, ${n.colorPrimary}, ${n.blue5});
+    margin-right: ${n.paddingSm};
+  }
+`,c=({showLeftBar:o,showBottomLine:n,noPaddingBottom:a,variant:c,color:d,ellipsis:h,ellipsisTip:g,...v})=>{const{level:u}=v,y=l((()=>{if(h)return{tooltip:g??v.children}}),[h,g,v.children]),b=i(),$=l((()=>{const e={};if("secondary"===d)e.type="secondary";else{const r=[];d&&r.push({color:b.get(d)}),o&&r.push(p),e.css=r}return c&&(e[c]=!0),o&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${u}) * 0.8)`}),a&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e}),[d,c,o,b,u,a]);return e(r,{children:[t(m,{ellipsis:y,...$,...v}),n&&t(s,{css:f})]})};export{c as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-title/props.d.ts

@@ -0,0 +1,39 @@
+import type { ColorType } from "@vef-framework/shared";
+import type { TitleProps } from "antd/es/typography/Title";
+import type { ReactNode } from "react";
+import type { Except } from "@vef-framework/shared";
+/**
+ * The props for the VefTitle component.
+ */
+export interface VefTitleProps extends Except<TitleProps, "type" | "keyboard" | "color" | "ellipsis" | "code" | "copyable" | "delete" | "disabled" | "editable" | "mark" | "underline" | "prefixCls" | "rootClassName"> {
+    /**
+     * Whether to show the left bar.
+     */
+    showLeftBar?: boolean;
+    /**
+     * Whether to show the bottom line.
+     */
+    showBottomLine?: boolean;
+    /**
+     * Whether to remove the bottom padding.
+     */
+    noPaddingBottom?: boolean;
+    /**
+     * The variant of the text.
+     */
+    variant?: "mark" | "underline";
+    /**
+     * The color of the title.
+     */
+    color?: "secondary" | ColorType;
+    /**
+     * Whether to ellipsis title when it is too long.
+     */
+    ellipsis?: boolean;
+    /**
+     * The tooltip text when the title is ellipsis.
+     *
+     * @default The same as the children.
+     */
+    ellipsisTip?: ReactNode;
+}

package/dist/vef-tooltip/index.d.ts

@@ -0,0 +1,5 @@
+import type { MaybeUndefined } from "@vef-framework/shared";
+import type { VefTooltipProps } from "./props";
+declare const VefTooltip: import("react").ForwardRefExoticComponent<VefTooltipProps & import("react").RefAttributes<MaybeUndefined<HTMLElement>>>;
+export type { VefTooltipProps };
+export default VefTooltip;

package/dist/vef-tooltip/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{Tooltip as t}from"antd";import{forwardRef as e,useRef as o,useImperativeHandle as n}from"react";const a=e((({content:e,trigger:a="hover",arrow:m=!0,delay:i=.1,...l},c)=>{const u=o(null);return n(c,(()=>u.current?.nativeElement)),r(t,{ref:u,arrow:m,mouseEnterDelay:i,title:e,trigger:a,...l})}));export{a as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-tooltip/props.d.ts

@@ -0,0 +1,30 @@
+import type { TooltipProps } from "antd";
+import type { ReactNode } from "react";
+/**
+ * The trigger mode of the tooltip.
+ */
+export type TooltipTrigger = "hover" | "click" | "focus";
+/**
+ * The props of the VefTooltip component.
+ */
+export interface VefTooltipProps extends Pick<TooltipProps, "placement" | "open" | "defaultOpen" | "onOpenChange" | "children"> {
+    /**
+     * The content of the tooltip.
+     */
+    content: ReactNode;
+    /**
+     * The trigger mode of the tooltip.
+     * @default "hover"
+     */
+    trigger?: TooltipTrigger;
+    /**
+     * Whether to show the arrow of the tooltip.
+     * @default true
+     */
+    arrow?: boolean;
+    /**
+     * The delay time of the tooltip to show. Unit: seconds.
+     * @default 0.1
+     */
+    delay?: number;
+}

package/dist/vef-tree-select/hooks/use-change-handler.d.ts

@@ -0,0 +1,10 @@
+import type { DataOption, IdValue, MaybeArray, MaybeNull, NormalizedDataOption } from "@vef-framework/shared";
+import type { VefTreeSelectProps } from "../props";
+/**
+ * The change handler of the tree select.
+ *
+ * @param onChange The onChange handler
+ * @param options The normalized options
+ * @returns The change handler
+ */
+export declare function useChangeHandler<T extends DataOption<T>>(onChange: VefTreeSelectProps["onChange"], options: Array<NormalizedDataOption<T>>): ((value: MaybeNull<MaybeArray<IdValue>>) => void) | undefined;

package/dist/vef-tree-select/hooks/use-change-handler.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isFunction as e,isArray as r}from"@vef-framework/shared";import{useMemo as t}from"react";function n(n,o){const u=t((()=>o.reduce(((e,r)=>(e.set(r.value,r),e)),new Map)),[o]);return t((()=>{if(e(n))return e=>{e?r(e)?n(e,e.map((e=>u.get(e)))):n(e,u.get(e)):n(null,null)}}),[n,u])}export{n as useChangeHandler};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-tree-select/hooks/use-data-options.d.ts

@@ -0,0 +1,36 @@
+import type { DataOption, EmptyObject, Except, ObjectType, PureDataOption } from "@vef-framework/shared";
+import type { VefTreeSelectProps } from "../props";
+/**
+ * The hook to use data options.
+ */
+export declare function useDataOptions<T extends DataOption<T> = PureDataOption, P extends ObjectType = EmptyObject, R = T[], KK extends string = "keyword", VK extends string = "ids", FP extends ObjectType = EmptyObject>({ value, multiple, onChange, ...rest }: Except<VefTreeSelectProps<T, P, R, KK, VK, FP>, "size" | "clearable" | "disabled" | "placeholder" | "variant" | "onClear" | "onBlur" | "onFocus" | "onSelect" | "onDeselect">): {
+    onFilterKeywordChange: import("radashi").DebounceFunction<[keyword: string]> | undefined;
+    normalizedOptions: ({
+        [x: string]: any;
+        description?: import("react").ReactNode;
+        labelText?: string | undefined;
+        descriptionText?: string | undefined;
+        label: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | null;
+        value: import("@vef-framework/shared").IdValue;
+        disabled: boolean;
+    } & {
+        children?: import("@vef-framework/shared").NormalizedDataOption<PureDataOption>[] | undefined;
+        labelPinyin?: string;
+        descriptionPinyin?: string;
+    } & T)[] | ({
+        [x: string]: any;
+        description?: import("react").ReactNode;
+        labelText?: string | undefined;
+        descriptionText?: string | undefined;
+        label: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | null;
+        value: import("@vef-framework/shared").IdValue;
+        disabled: boolean;
+    } & {
+        children?: import("@vef-framework/shared").NormalizedDataOption<PureDataOption>[] | undefined;
+        labelPinyin?: string;
+        descriptionPinyin?: string;
+    } & T)[];
+    isLoading: boolean;
+    fallbackOptions: T[] | undefined;
+    isFallbackOptionsLoading: boolean;
+};

package/dist/vef-tree-select/hooks/use-data-options.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as a,isFunction as e,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function r({value:r,multiple:t=!1,onChange:l,...s}){const{onFilterKeywordChange:p,normalizedOptions:d,defaultOption:f,isLoading:m,fallbackOptions:c,isFallbackOptionsLoading:u}=o({...s,selectedOptionValues:a(r)?r:r?[r]:[]});return n((()=>{f&&e(l)&&i(r)&&l(t?[f.value]:f.value,t?[f]:f)}),[f,t,l,r]),{onFilterKeywordChange:p,normalizedOptions:d,isLoading:m,fallbackOptions:c,isFallbackOptionsLoading:u}}export{r as useDataOptions};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-tree-select/hooks/use-tree-select-instance.d.ts

@@ -0,0 +1,11 @@
+import type { DataOption, NormalizedDataOption } from "@vef-framework/shared";
+import { type ForwardedRef } from "react";
+import type { VefTreeSelectInstance } from "../props";
+/**
+ * Creates an instance ref for the tree-select component, providing access to its methods.
+ *
+ * @param ref - The forwarded component instance ref.
+ * @param dataOptions - An array of normalized data options.
+ * @returns The ref of the tree-select component.
+ */
+export declare function useTreeSelectInstance<T extends DataOption<T>>(ref: ForwardedRef<VefTreeSelectInstance<T>>, dataOptions: Array<NormalizedDataOption<T>>): import("react").RefObject<import("antd").RefSelectProps>;

package/dist/vef-tree-select/hooks/use-tree-select-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as r,useImperativeHandle as t}from"react";function n(n,o){const u=r(null);return t(n,(()=>({blur:()=>{u.current?.blur()},focus:()=>{u.current?.focus({preventScroll:!0})},getDataOptions:()=>o}))),u}export{n as useTreeSelectInstance};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-tree-select/index.d.ts

@@ -0,0 +1,7 @@
+import type { EmptyObject } from "@vef-framework/shared";
+import { type DataOption, type ObjectType, type PureDataOption } from "@vef-framework/shared";
+import { type FC, type ReactNode, type RefAttributes } from "react";
+import type { VefTreeSelectInstance, VefTreeSelectProps } from "./props";
+declare const VefTreeSelect: (<T extends DataOption<T> = PureDataOption, P extends ObjectType = EmptyObject, R = T[], KK extends string = "keyword", VK extends string = "ids", FP extends ObjectType = EmptyObject>(props: VefTreeSelectProps<T, P, R, KK, VK, FP> & RefAttributes<VefTreeSelectInstance<T>>) => ReactNode) & Pick<FC, "displayName">;
+export type { VefTreeSelectInstance, VefTreeSelectProps };
+export default VefTreeSelect;

package/dist/vef-tree-select/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{TreeSelect as t}from"antd";import{memo as l,forwardRef as a}from"react";import"../internal/index.js";import i from"../vef-loading-placeholder/index.js";import{useChangeHandler as n}from"./hooks/use-change-handler.js";import{useDataOptions as s}from"./hooks/use-data-options.js";import{useTreeSelectInstance as m}from"./hooks/use-tree-select-instance.js";import{convertBasicSizeToUiSize as d}from"../internal/utils.js";const f=e("div",{css:{height:140},children:e(i,{})}),c={showLeafIcon:!1};const u=l(a((function({defaultValue:l,value:a,size:i,clearable:u,disabled:h,placeholder:p,variant:v,onClear:g,onBlur:C,onFocus:j,onChange:k,onSelect:b,onDeselect:w,multiple:x=!1,filterable:F=!0,filterFromRemote:S=!1,...z},D){const{normalizedOptions:L,isLoading:T}=s({value:a,multiple:x,onChange:k,filterable:F,filterFromRemote:S,...z}),V=o(F,!1),B=n(k,L),N=m(D,L);return e(t,{ref:N,allowClear:u,css:r.fullWidth,defaultValue:l,disabled:h,filterTreeNode:V,listHeight:280,loading:T,maxTagCount:x?"responsive":void 0,multiple:x,notFoundContent:T?f:void 0,placeholder:p,showSearch:F,size:d(i),treeCheckable:x,treeData:L,treeLine:c,value:a,variant:v,onBlur:C,onChange:B,onClear:g,onDeselect:w,onFocus:j,onSelect:b})})));u.displayName="VefTreeSelect";export{u as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */