@vef-framework/components 1.0.5 → 1.0.7

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

@@ -1,6 +1,5 @@
-import type { ColorType } from "@vef-framework/shared";
+import type { ColorType, Except } from "@vef-framework/shared";
 import type { TagProps } from "antd";
-import type { Except } from "@vef-framework/shared";
 /**
  * The props of VefTag component.
  */

package/dist/vef-temporal-picker/{hooks/use-temporal-formats.d.ts → helper.d.ts}

@@ -1,8 +1,8 @@
-import type { TemporalPickerMode } from "../props";
+import type { TemporalPickerMode } 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: TemporalPickerMode): string[];
+export declare function getTemporalFormats(mode: TemporalPickerMode): string[];

package/dist/vef-temporal-picker/{hooks/use-temporal-formats.js → helper.js}

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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 getTemporalFormats};
 /*! 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-picker/hooks/use-dayjs-value.js

@@ -1,3 +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 m}from"@vef-framework/shared";import{useMemo as t}from"react";function e(e,f){return t((()=>o(e)?e:m(e)?e.map((o=>r(o,f))):r(e,f)),[e,f])}export{e as useDayjsValue};
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{isNullish as r,isArray as o}from"@vef-framework/shared";import m from"dayjs";import{useMemo as t}from"react";function e(e,f){return t((()=>r(e)?e:o(e)?e.map((r=>m(r,f))):m(e,f)),[e,f])}export{e as useDayjsValue};
 /*! 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-picker/hooks/use-temporal-limit.js

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function r({maxDate:r,minDate:i,disabledDate:o,disabledTime:m}){const[d,f]=t((()=>[i?a(i):void 0,r?a(r):void 0]),[i,r]);return{minDateValue:d,maxDateValue:f,disabledTimeValue:t((()=>{if(e(m))return e=>m(e.toDate())}),[m]),disabledDateValue:t((()=>{if(e(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-picker/hooks/use-temporal-picker-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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 useTemporalPickerInstance};
 /*! 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-picker/index.js

@@ -1,3 +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,isArray as i}from"@vef-framework/shared";import{useMemo as l,memo as m,forwardRef as r}from"react";import"../internal/index.js";import{useDayjsValue as u}from"./hooks/use-dayjs-value.js";import{useTemporalFormats as s}from"./hooks/use-temporal-formats.js";import{useTemporalLimit as n}from"./hooks/use-temporal-limit.js";import{useTemporalPickerInstance as d}from"./hooks/use-temporal-picker-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=m(r((function({defaultValue:m,value:r,clearable:f,size:D,mode:h="date",multiple:c=!1,minDate:b,maxDate:k,disabledTime:V,disabledDate:j,hourStep:x,minuteStep:S,secondStep:v,onChange:C,...w},T){const g=s(h),z=u(r,g),y=u(m,g),{minDateValue:N,maxDateValue:P,disabledTimeValue:q,disabledDateValue:A}=n({maxDate:k,minDate:b,disabledTime:V,disabledDate:j}),B=d(T),E=l((()=>{if(o(C))return(e,a)=>{if(!e)return void C(null,null);const t=i(e)?e.map((e=>e.toDate())):e.toDate();C(a,t)}}),[C]);return"time"===h||"hour"===h||"minute"===h?e(a,{ref:B,allowClear:f,defaultValue:y,disabledTime:q,format:g,hourStep:x,minuteStep:S,multiple:c,secondStep:v,showNow:"hour"!==h,size:p(D),value:z,onChange:E,...w}):e(t,"datetime"===h?{ref:B,allowClear:f,defaultValue:y,disabledDate:A,disabledTime:q,format:g,hourStep:x,maxDate:P,minDate:N,minuteStep:S,multiple:c,picker:"date",size:p(D),value:z,onChange:E,...w}:{ref:B,allowClear:f,defaultValue:y,disabledDate:A,format:g,maxDate:P,minDate:N,multiple:c,picker:h,size:p(D),value:z,onChange:E,...w})})));f.displayName="VefTemporalPicker";export{f as default};
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a,isArray as t}from"@vef-framework/shared";import{TimePicker as i,DatePicker as l}from"antd";import{useMemo as o,memo as m,forwardRef as r}from"react";import"../internal/index.js";import{getTemporalFormats as u}from"./helper.js";import{useDayjsValue as n}from"./hooks/use-dayjs-value.js";import{useTemporalLimit as s}from"./hooks/use-temporal-limit.js";import{useTemporalPickerInstance as d}from"./hooks/use-temporal-picker-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=m(r((function({defaultValue:m,value:r,clearable:f,size:D,mode:h="date",multiple:c=!1,minDate:b,maxDate:V,disabledTime:j,disabledDate:k,hourStep:x,minuteStep:S,secondStep:v,onChange:C,...w},T){const g=u(h),z=n(r,g),y=n(m,g),{minDateValue:N,maxDateValue:P,disabledTimeValue:q,disabledDateValue:A}=s({maxDate:V,minDate:b,disabledTime:j,disabledDate:k}),B=d(T),E=o((()=>{if(a(C))return(e,a)=>{if(!e)return void C(null,null);const i=t(e)?e.map((e=>e.toDate())):e.toDate();C(a,i)}}),[C]);return"time"===h||"hour"===h||"minute"===h?e(i,{ref:B,allowClear:f,defaultValue:y,disabledTime:q,format:g,hourStep:x,minuteStep:S,multiple:c,secondStep:v,showNow:"hour"!==h,size:p(D),value:z,onChange:E,...w}):e(l,"datetime"===h?{ref:B,allowClear:f,defaultValue:y,disabledDate:A,disabledTime:q,format:g,hourStep:x,maxDate:P,minDate:N,minuteStep:S,multiple:c,picker:"date",size:p(D),value:z,onChange:E,...w}:{ref:B,allowClear:f,defaultValue:y,disabledDate:A,format:g,maxDate:P,minDate:N,multiple:c,picker:h,size:p(D),value:z,onChange:E,...w})})));f.displayName="VefTemporalPicker";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/{hooks/use-temporal-formats.d.ts → helper.d.ts}

@@ -1,8 +1,8 @@
-import type { TemporalRangePickerMode } from "../props";
+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[];
+export declare function getTemporalFormats(mode: TemporalRangePickerMode): string[];

package/dist/vef-temporal-range-picker/{hooks/use-temporal-formats.js → helper.js}

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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 getTemporalFormats};
 /*! 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-dayjs-values.js

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{isNullish as r,isArray as o}from"@vef-framework/shared";import t from"dayjs";import{useMemo as m}from"react";import{stringFormatSeparator as e}from"../props.js";function f(f,p){return m((()=>{if(r(f))return f;if(o(f))return f.map((r=>t(r,p)));const[m,i]=f.split(e);return[t(m,p),t(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-limit.js

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function r({maxDate:r,minDate:i,disabledDate:o,disabledTime:m}){const[d,f]=t((()=>[i?a(i):void 0,r?a(r):void 0]),[i,r]);return{minDateValue:d,maxDateValue:f,disabledTimeValue:t((()=>{if(e(m))return e=>m(e.toDate())}),[m]),disabledDateValue:t((()=>{if(e(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.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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.js

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a}from"@vef-framework/shared";import{TimePicker as t,DatePicker as i}from"antd";import{useMemo as r,memo as o,forwardRef as m}from"react";import"../internal/index.js";import{getTemporalFormats as l}from"./helper.js";import{useDayjsValues as n}from"./hooks/use-dayjs-values.js";import{useTemporalLimit as s}from"./hooks/use-temporal-limit.js";import{useTemporalRangePickerInstance as d}from"./hooks/use-temporal-range-picker-instance.js";import{stringFormatSeparator as u}from"./props.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=o(m((function({defaultValue:o,value:m,clearable:f,mode:c="date",size:D,useStringFormat:h=!1,maxDate:b,minDate:j,disabledTime:k,disabledDate:S,hourStep:g,minuteStep:V,secondStep:x,onChange:v,...C},T){const w=l(c),z=n(m,w),P=n(m,w),{minDateValue:R,maxDateValue:y,disabledTimeValue:F,disabledDateValue:N}=s({maxDate:b,minDate:j,disabledTime:k,disabledDate:S}),q=d(T),A=r((()=>{if(a(v))return(e,a)=>{if(!e)return void v(null,null);const t=[e[0].toDate(),e[1].toDate()];v(h?a.join(u):a,t)}}),[v,h]);return"time"===c||"hour"===c||"minute"===c?e(t.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(i.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.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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

@@ -1,9 +1,8 @@
-import type { ColorType } from "@vef-framework/shared";
+import type { ColorType, Except } 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.
  */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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.js

@@ -1,3 +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 version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{Input as r}from"antd";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}=r;function s(e){return""===e?null:e}const i=t((({defaultValue:r,value:t,size:i,clearable:m,showCount:f,onChange:v,onEnterKeyPress:c,onBlur:d,onFocus:p,...g},h)=>{const x=a((()=>({onChange:o(v)?e=>v(s(e.target.value)):void 0,onPressEnter:o(c)?e=>c(s(e.target.value)):void 0,onBlur:o(d)?e=>d(s(e.target.value)):void 0,onFocus:o(p)?e=>p(s(e.target.value)):void 0})),[v,c,d,p]),C=n(h);return e(l,{ref:C,allowClear:m,defaultValue:r,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-title/index.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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`

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

@@ -1,7 +1,6 @@
-import type { ColorType } from "@vef-framework/shared";
+import type { ColorType, Except } 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.
  */

package/dist/vef-tooltip/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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-tree-select/hooks/use-change-handler.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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

@@ -1,5 +1,4 @@
-import type { EmptyObject } from "@vef-framework/shared";
-import { type DataOption, type ObjectType, type PureDataOption } from "@vef-framework/shared";
+import { type DataOption, type EmptyObject, 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">;

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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 */

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

@@ -1,6 +1,5 @@
-import type { BasicSize, BiConsumer, DataOption, DataOptionConfig, Handler, IdValue, Mapper, MaybeArray, MaybeNull, MaybePromise, NormalizedDataOption, ObjectType, Provider, PureDataOption, QueryApi, QueryConfig, QueryParamsWithKeyword, QueryParamsWithValues, StringKey } from "@vef-framework/shared";
+import type { BasicSize, BiConsumer, DataOption, DataOptionConfig, EmptyObject, Handler, IdValue, Mapper, MaybeArray, MaybeNull, MaybePromise, NormalizedDataOption, ObjectType, Provider, PureDataOption, QueryApi, QueryConfig, QueryParamsWithKeyword, QueryParamsWithValues, StringKey } from "@vef-framework/shared";
 import type { TreeSelectProps } from "antd";
-import type { EmptyObject } from "@vef-framework/shared";
 /**
  * The instance of the VefTreeSelect component.
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/components",
   "type": "module",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "private": false,
   "description": "Components fundamental to the VEF framework",
   "author": "Venus",
@@ -33,15 +33,16 @@
     "@emotion/styled": "11.13.5",
     "antd": "5.22.3",
     "tslib": "2.8.1",
+    "use-sync-external-store": "^1.4.0",
     "@ant-design/icons": "5.5.2",
     "@dnd-kit/core": "6.2.0",
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@radix-ui/react-scroll-area": "1.2.1",
-    "@vef-framework/core": "1.0.5",
-    "@vef-framework/hooks": "1.0.5",
-    "@vef-framework/shared": "1.0.5",
+    "@vef-framework/core": "1.0.7",
+    "@vef-framework/hooks": "1.0.7",
+    "@vef-framework/shared": "1.0.7",
     "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "lucide-react": "^0.468.0",