@vef-framework/components 1.0.40 → 1.0.42

package/lib/vef-tabs/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-tag/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("antd"),o=require("react");exports.default=({closable:t=!1,color:s,inverse:l=!1,...u})=>{const i=o.useMemo((()=>l?`${s}-inverse`:s),[s,l]);return e.jsx(r.Tag,{closeIcon:t?null:void 0,color:i,...u})};
 /*! 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/lib/vef-tag/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-temporal-picker/helper.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"];exports.getTemporalFormats=function(o){return"year"===o?Y:"quarter"===o?M:"month"===o?m:"week"===o?D:"datetime"===o?r:"date"===o?H:"time"===o?s:"hour"===o?e:"minute"===o?t:[]};
 /*! 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/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("dayjs"),s=require("react");exports.useDayjsValue=function(t,u){return s.useMemo((()=>e.isNullish(t)?t:e.isArray(t)?t.map((e=>r(e,u))):r(t,u)),[t,u])};
 /*! 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/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("dayjs"),a=require("react");exports.useTemporalLimit=function({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,n]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:n,disabledTimeValue:a.useMemo((()=>{if(e.isFunction(u))return e=>u(e.toDate())}),[u]),disabledDateValue:a.useMemo((()=>{if(e.isFunction(o))return(e,{from:t})=>o(e.toDate(),t?.toDate())}),[o])}};
 /*! 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/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalPickerInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>{t.current?.blur()},focus:()=>{t.current?.focus({preventScroll:!0})}}))),t};
 /*! 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/lib/vef-temporal-picker/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.cjs");const r=require("./helper.cjs"),l=require("./hooks/use-dayjs-value.cjs"),u=require("./hooks/use-temporal-limit.cjs"),s=require("./hooks/use-temporal-picker-instance.cjs"),o=require("../internal/utils.cjs");const n=t.memo(t.forwardRef((function({defaultValue:n,value:m,clearable:d,size:c,mode:p="date",multiple:D=!1,minDate:f,maxDate:S,disabledTime:h,disabledDate:j,hourStep:T,minuteStep:b,secondStep:k,onChange:v,...x},V){const q=r.getTemporalFormats(p),z=l.useDayjsValue(m,q),g=l.useDayjsValue(n,q),{minDateValue:w,maxDateValue:C,disabledTimeValue:y,disabledDateValue:P}=u.useTemporalLimit({maxDate:S,minDate:f,disabledTime:h,disabledDate:j}),B=s.useTemporalPickerInstance(V),M=t.useMemo((()=>{if(a.isFunction(v))return(e,i)=>{if(!e)return void v(null,null);const t=a.isArray(e)?e.map((e=>e.toDate())):e.toDate();v(i,t)}}),[v]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker,{ref:B,allowClear:d,defaultValue:g,disabledTime:y,format:q,hourStep:T,minuteStep:b,multiple:D,secondStep:k,showNow:"hour"!==p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):"datetime"===p?e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:P,disabledTime:y,format:q,hourStep:T,maxDate:C,minDate:w,minuteStep:b,multiple:D,picker:"date",size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:P,format:q,maxDate:C,minDate:w,multiple:D,picker:p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x})})));n.displayName="VefTemporalPicker",exports.default=n;
 /*! 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/lib/vef-temporal-picker/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-temporal-range-picker/helper.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"];exports.getTemporalFormats=function(o){return"year"===o?Y:"quarter"===o?M:"month"===o?m:"week"===o?D:"datetime"===o?r:"date"===o?H:"time"===o?s:"hour"===o?e:"minute"===o?t:[]};
 /*! 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/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vef-framework/shared"),e=require("dayjs"),t=require("react"),s=require("../props.cjs");exports.useDayjsValues=function(u,i){return t.useMemo((()=>{if(r.isNullish(u))return u;if(r.isArray(u))return u.map((r=>e(r,i)));const[t,o]=u.split(s.stringFormatSeparator);return[e(t,i),e(o,i)]}),[u,i])};
 /*! 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/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("dayjs"),a=require("react");exports.useTemporalLimit=function({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,n]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:n,disabledTimeValue:a.useMemo((()=>{if(e.isFunction(u))return e=>u(e.toDate())}),[u]),disabledDateValue:a.useMemo((()=>{if(e.isFunction(o))return(e,{from:t})=>o(e.toDate(),t?.toDate())}),[o])}};
 /*! 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/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalRangePickerInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>{t.current?.blur()},focus:()=>{t.current?.focus({preventScroll:!0})}}))),t};
 /*! 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/lib/vef-temporal-range-picker/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.cjs");const r=require("./helper.cjs"),s=require("./hooks/use-dayjs-values.cjs"),o=require("./hooks/use-temporal-limit.cjs"),l=require("./hooks/use-temporal-range-picker-instance.cjs"),u=require("./props.cjs"),n=require("../internal/utils.cjs");const m=t.memo(t.forwardRef((function({defaultValue:m,value:d,clearable:c,mode:p="date",size:D,useStringFormat:f=!1,maxDate:S,minDate:j,disabledTime:g,disabledDate:k,hourStep:T,minuteStep:h,secondStep:b,onChange:v,...x},q){const V=r.getTemporalFormats(p),z=s.useDayjsValues(d,V),P=s.useDayjsValues(d,V),{minDateValue:C,maxDateValue:w,disabledTimeValue:R,disabledDateValue:y}=o.useTemporalLimit({maxDate:S,minDate:j,disabledTime:g,disabledDate:k}),F=l.useTemporalRangePickerInstance(q),B=t.useMemo((()=>{if(a.isFunction(v))return(e,a)=>{if(!e)return void v(null,null);const i=[e[0].toDate(),e[1].toDate()];v(f?a.join(u.stringFormatSeparator):a,i)}}),[v,f]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker.RangePicker,{ref:F,allowClear:c,defaultValue:P,disabledTime:R,format:V,hourStep:T,minuteStep:h,secondStep:b,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x}):"datetime"===p?e.jsx(i.DatePicker.RangePicker,{ref:F,showTime:!0,allowClear:c,defaultValue:P,disabledDate:y,disabledTime:R,format:V,hourStep:T,maxDate:w,minDate:C,minuteStep:h,picker:"date",secondStep:b,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x}):e.jsx(i.DatePicker.RangePicker,{ref:F,allowClear:c,defaultValue:P,disabledDate:y,format:V,maxDate:w,minDate:C,picker:p,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x})})));m.displayName="VefTemporalRangePicker",exports.default=m;
 /*! 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/lib/vef-temporal-range-picker/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.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/lib/vef-text/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),r=require("antd"),t=require("react"),{Text:s}=r.Typography;exports.default=({variant:r,color:i,bold:l,ellipsis:n,ellipsisTip:u,ellipsisTipPlacement:a,copyable:c,copiedText:p,onCopy:d,...y})=>{const m=t.useMemo((()=>{if(n)return{tooltip:u??y.children,placement:a}}),[n,u,a,y.children]),x=o.useColorTokens(),f=t.useMemo((()=>{const e={};return"shortcut"===r?e.keyboard=!0:"strikethrough"===r?e.delete=!0:r&&(e[r]=!0),"secondary"===i?e.type="secondary":i&&(e.css={color:x.get(i)}),l&&(e.strong=!0),e}),[l,i,x,r]),h=t.useMemo((()=>{if(c)return{format:"text/plain",text:p,onCopy:d}}),[c,p,d]);return e.jsx(s,{copyable:h,ellipsis:m,...f,...y})};
 /*! 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/lib/vef-text/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-textarea/hooks/use-textarea-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTextareaInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
 /*! 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/lib/vef-textarea/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("antd"),n=require("react");require("../internal/index.cjs");const o=require("./hooks/use-textarea-instance.cjs"),u=require("../internal/utils.cjs"),{TextArea:a}=t.Input;function s(e){return""===e?null:e}const i=n.forwardRef((({defaultValue:t,value:i,size:l,clearable:c,showCount:d,onChange:v,onEnterKeyPress:f,onBlur:g,onFocus:x,...q},h)=>{const j=n.useMemo((()=>({onChange:r.isFunction(v)?e=>v(s(e.target.value)):void 0,onPressEnter:r.isFunction(f)?e=>f(s(e.target.value)):void 0,onBlur:r.isFunction(g)?e=>g(s(e.target.value)):void 0,onFocus:r.isFunction(x)?e=>x(s(e.target.value)):void 0})),[v,f,g,x]),F=o.useTextareaInstance(h);return e.jsx(a,{ref:F,allowClear:c,defaultValue:t,showCount:d,size:u.convertBasicSizeToUiSize(l),value:i,...q,...j})}));exports.default=i;
 /*! 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/lib/vef-textarea/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-title/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),s=require("antd"),o=require("react"),a=require("../vef-divider/index.cjs"),{Title:l}=s.Typography,n=r.css`
   margin: ${i.themeVariables.marginSm} 0 ${i.themeVariables.marginLg};
 `,c=r.css`

package/lib/vef-title/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-tooltip/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("antd"),t=require("react"),n=t.forwardRef((({content:n,trigger:o="hover",arrow:a=!0,delay:u=.1,defaultOpened:l,opened:i,onOpenedChange:d,...s},p)=>{const c=t.useRef(null);return t.useImperativeHandle(p,(()=>c.current.nativeElement)),e.jsx(r.Tooltip,{ref:c,arrow:a,defaultOpen:l,mouseEnterDelay:u,open:i,title:n,trigger:o,onOpenChange:d,...s})}));exports.default=n;
 /*! 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/lib/vef-tooltip/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-tree-select/hooks/use-change-handler.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useChangeHandler=function(t,u){const n=r.useMemo((()=>u.reduce(((e,r)=>(e.set(r.value,r),e)),new Map)),[u]);return r.useMemo((()=>{if(e.isFunction(t))return r=>{r?e.isArray(r)?t(r,r.map((e=>n.get(e)))):t(r,n.get(r)):t(null,null)}}),[t,n])};
 /*! 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/lib/vef-tree-select/hooks/use-data-options.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),i=require("react");exports.useDataOptions=function({value:t,multiple:a=!1,onChange:n,...s}){const{onFilterKeywordChange:r,normalizedOptions:l,defaultOption:u,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}=e.useComputedOptions({...s,selectedOptionValues:o.isArray(t)?t:t?[t]:[]});return i.useLayoutEffect((()=>{u&&o.isFunction(n)&&o.isNullish(t)&&n(a?[u.value]:u.value,a?[u]:u)}),[u,a,n,t]),{onFilterKeywordChange:r,normalizedOptions:l,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}};
 /*! 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/lib/vef-tree-select/hooks/use-tree-select-instance.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTreeSelectInstance=function(t,r){const u=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>{u.current?.blur()},focus:()=>{u.current?.focus({preventScroll:!0})},getDataOptions:()=>r}))),u};
 /*! 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/lib/vef-tree-select/index.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("antd"),l=require("react");require("../internal/index.cjs");const a=require("../vef-loading-placeholder/index.cjs"),i=require("./hooks/use-change-handler.cjs"),n=require("./hooks/use-data-options.cjs"),s=require("./hooks/use-tree-select-instance.cjs"),u=require("../internal/utils.cjs"),c=e.jsx("div",{css:{height:140},children:e.jsx(a.default,{})}),d={showLeafIcon:!1};const h=l.memo(l.forwardRef((function({defaultValue:l,value:a,size:h,clearable:f,disabled:m,placeholder:p,variant:v,onClear:g,onBlur:j,onFocus:q,onChange:C,onSelect:S,onDeselect:x,multiple:b=!1,filterable:k=!0,filterFromRemote:T=!1,...w},F){const{normalizedOptions:z,isLoading:D}=n.useDataOptions({value:a,multiple:b,onChange:C,filterable:k,filterFromRemote:T,...w}),O=r.useOptionFilter(k,!1),y=i.useChangeHandler(C,z),B=s.useTreeSelectInstance(F,z);return e.jsx(t.TreeSelect,{ref:B,allowClear:f,css:o.styles.fullWidth,defaultValue:l,disabled:m,filterTreeNode:O,listHeight:280,loading:D,maxTagCount:b?"responsive":void 0,multiple:b,notFoundContent:D?c:void 0,placeholder:p,showSearch:k,size:u.convertBasicSizeToUiSize(h),treeCheckable:b,treeData:z,treeLine:d,value:a,variant:v,onBlur:j,onChange:y,onClear:g,onDeselect:x,onFocus:q,onSelect:S})})));h.displayName="VefTreeSelect",exports.default=h;
 /*! 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/lib/vef-tree-select/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-virtual-grid/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),s=require("react"),l=require("../vef-auto-sizer/index.cjs"),u=require("../vef-scroll-area/index.cjs"),o={willChange:"transform"},n=t.css`
   position: relative;
   width: var(--vef-virtual-grid-width);

package/lib/vef-virtual-grid/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/lib/vef-virtual-list/index.cjs

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),l=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),r=require("react"),s=require("../vef-auto-sizer/index.cjs"),v=require("../vef-scroll-area/index.cjs"),o={willChange:"transform"},u=t.css`
   position: relative;
   width: var(--vef-virtual-list-width, auto);

package/lib/vef-virtual-list/props.cjs

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.40, build time: 2024-12-22T15:06:10.264Z, made by Venus. */
+/*! VefFramework version: 1.0.42, build time: 2024-12-25T09:18:18.918Z, made by Venus. */
 "use strict";
 /*! 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/components",
   "type": "module",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "private": false,
   "packageManager": "pnpm@9.15.0",
   "description": "Components fundamental to the VEF framework",
@@ -41,9 +41,9 @@
     "@dnd-kit/utilities": "3.2.2",
     "@radix-ui/react-scroll-area": "1.2.2",
     "@tanstack/react-virtual": "3.11.2",
-    "@vef-framework/core": "1.0.40",
-    "@vef-framework/hooks": "1.0.40",
-    "@vef-framework/shared": "1.0.40",
+    "@vef-framework/core": "1.0.42",
+    "@vef-framework/hooks": "1.0.42",
+    "@vef-framework/shared": "1.0.42",
     "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "lucide-react": "0.469.0",

package/types/index.d.ts

@@ -5,6 +5,7 @@ export { default as VefAvatar, type VefAvatarProps } from "./vef-avatar";
 export { default as VefAvatarGroup, type VefAvatarGroupProps } from "./vef-avatar-group";
 export { default as VefBadge, type VefBadgeProps } from "./vef-badge";
 export { default as VefBool, type VefBoolInstance, type VefBoolProps } from "./vef-bool";
+export { default as VefBreadcrumb, type BreadcrumbItem, type DropdownItem, type VefBreadcrumbProps } from "./vef-breadcrumb";
 export { default as VefButton, type VefButtonProps } from "./vef-button";
 export { default as VefCard, type VefCardProps } from "./vef-card";
 export { default as VefCardMeta, type VefCardMetaProps } from "./vef-card-meta";

package/types/vef-breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+import type { BreadcrumbItem, DropdownItem, VefBreadcrumbProps } from "./props";
+declare function VefBreadcrumb<T extends readonly BreadcrumbItem[] = readonly BreadcrumbItem[]>({ items, onClick }: VefBreadcrumbProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { BreadcrumbItem, DropdownItem, VefBreadcrumbProps };
+export default VefBreadcrumb;

package/types/vef-breadcrumb/props.d.ts

@@ -0,0 +1,48 @@
+import type { Consumer, IdValue, IfNever, SetOptional, UnionToTuple } from "@vef-framework/shared";
+import type { ReactNode } from "react";
+export type BreadcrumbItemKey<T extends readonly BreadcrumbItem[]> = GetBreadcrumbItemKeys<BreadcrumbItemKeys<T>>;
+type GetBreadcrumbItemKeys<T extends readonly IdValue[]> = IfNever<T[number], IdValue, T[number]>;
+type BreadcrumbItemKeys<T extends readonly BreadcrumbItem[], Keys extends readonly unknown[] = []> = T extends readonly [infer F extends BreadcrumbItem, ...infer R extends readonly BreadcrumbItem[]] ? F["dropdownItems"] extends readonly DropdownItem[] ? BreadcrumbItemKeys<R, [
+    ...Keys,
+    F["key"] extends IdValue ? F["key"] : never,
+    ...IfNever<F["dropdownItems"][number], [], UnionToTuple<F["dropdownItems"][number]["key"]>>
+]> : BreadcrumbItemKeys<R, [
+    ...Keys,
+    F["key"] extends IdValue ? F["key"] : never
+]> : Keys;
+/**
+ * The dropdown item.
+ */
+export interface DropdownItem {
+    /**
+     * The label of the item.
+     */
+    label: ReactNode;
+    /**
+     * The key of the item.
+     */
+    key: IdValue;
+}
+/**
+ * The props of the breadcrumb item.
+ */
+export interface BreadcrumbItem<T extends readonly DropdownItem[] = readonly DropdownItem[]> extends SetOptional<DropdownItem, "key"> {
+    /**
+     * The dropdown items of the breadcrumb item.
+     */
+    dropdownItems?: T;
+}
+/**
+ * The props of the VefBreadcrumb component.
+ */
+export interface VefBreadcrumbProps<T extends readonly BreadcrumbItem[] = readonly BreadcrumbItem[]> {
+    /**
+     * The items of the breadcrumb.
+     */
+    items: T;
+    /**
+     * The click handler of the breadcrumb item.
+     */
+    onClick?: Consumer<BreadcrumbItemKey<T>>;
+}
+export {};

package/types/vef-config-provider/global-style.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The reset style is based on antd's reset style.
+ */
+export declare const resetStyle: import("@emotion/react").SerializedStyles;
+export declare const globalStyle: import("@emotion/react").SerializedStyles;
+export declare const nprogressStyle: import("@emotion/react").SerializedStyles;

package/types/vef-config-provider/props.d.ts

@@ -1,5 +1,5 @@
 import type { ApiClient } from "@vef-framework/core";
-import type { ChildrenProps, DataDictionaryQueryApi, PermissionChecker } from "@vef-framework/shared";
+import type { ChildrenProps, DataDictionaryApi, FetchAuthenticatedUserApi, LoginApi, LogoutApi, PermissionChecker } from "@vef-framework/shared";
 import type { AppConfig } from "./hooks/use-ui-config";
 /**
  * The props of the VefConfigProvider component.
@@ -12,7 +12,19 @@ export interface VefConfigProviderProps extends AppConfig, ChildrenProps {
     /**
      * The data dictionary api.
      */
-    dataDictionaryQueryApi?: Readonly<DataDictionaryQueryApi>;
+    dataDictionaryApi?: DataDictionaryApi;
+    /**
+     * The login api.
+     */
+    loginApi: LoginApi;
+    /**
+     * The logout api.
+     */
+    logoutApi: LogoutApi;
+    /**
+     * The fetch authenticated user api.
+     */
+    fetchAuthenticatedUserApi: FetchAuthenticatedUserApi;
     /**
      * The permission checker.
      */

package/types/vef-layout/common-styles.d.ts

@@ -0,0 +1 @@
+export declare const iconStyle: import("@emotion/react").SerializedStyles;

package/types/vef-layout/components/icon-boy.d.ts

@@ -0,0 +1,4 @@
+import { type SVGProps } from "react";
+declare function SvgIconBoy(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Memo: import("react").MemoExoticComponent<typeof SvgIconBoy>;
+export default Memo;

package/types/vef-layout/components/icon-girl.d.ts

@@ -0,0 +1,4 @@
+import { type SVGProps } from "react";
+declare function SvgIconGirl(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Memo: import("react").MemoExoticComponent<typeof SvgIconGirl>;
+export default Memo;

package/types/vef-layout/components/icon-menu-fold-left.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare function VefIconMenuFoldLeft(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefIconMenuFoldLeft;

package/types/vef-layout/components/icon-menu-unfold-left.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare function VefIconMenuUnfoldLeft(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefIconMenuUnfoldLeft;

package/types/vef-layout/components/menu-groups.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+declare const VefMenuGroups: FC;
+export default VefMenuGroups;

package/types/vef-layout/components/message.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+declare const VefMessage: FC;
+export default VefMessage;

package/types/vef-layout/components/search.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+declare const VefSearch: FC;
+export default VefSearch;

package/types/vef-layout/components/sider.d.ts

@@ -1,17 +1,2 @@
-import { type Consumer, type IdValue, type MenuItem } from "@vef-framework/shared";
-import { type VefTitleProps } from "./title";
-/**
- * The props of the layout sider component.
- */
-interface VefSiderProps extends VefTitleProps {
-    /**
-     * The items of the sider.
-     */
-    items: MenuItem[];
-    /**
-     * The on menu switch callback.
-     */
-    onMenuSwitch?: Consumer<IdValue>;
-}
-declare const VefSider: import("react").NamedExoticComponent<VefSiderProps>;
+declare const VefSider: import("react").NamedExoticComponent<{}>;
 export default VefSider;

package/types/vef-layout/components/title.d.ts

@@ -1,16 +1,2 @@
-import { type ReactNode } from "react";
-/**
- * The props of the layout title component.
- */
-export interface VefTitleProps {
-    /**
-     * The logo of the layout.
-     */
-    logo?: ReactNode;
-    /**
-     * The title of the layout.
-     */
-    title?: ReactNode;
-}
-declare const VefTitle: import("react").NamedExoticComponent<VefTitleProps>;
+declare const VefTitle: import("react").NamedExoticComponent<{}>;
 export default VefTitle;

package/types/vef-layout/components/user-avatar.d.ts

@@ -1,3 +1,3 @@
-import type { FC } from "react";
+import { type FC } from "react";
 declare const VefUserAvatar: FC;
 export default VefUserAvatar;

package/types/vef-layout/hooks/use-layout-context.d.ts

@@ -0,0 +1,12 @@
+import { type Except } from "@vef-framework/shared";
+import type { VefLayoutProps } from "../props";
+/**
+ * The context of the layout.
+ */
+export interface LayoutContext extends Except<VefLayoutProps, "children"> {
+}
+declare const useLayoutContextSelector: <R>(selector: import("@vef-framework/shared").Mapper<LayoutContext, R>) => R, useLayoutContext: import("@vef-framework/shared").Provider<LayoutContext>, LayoutContextProvider: import("react").ComponentType<{
+    value: LayoutContext;
+    children: import("react").ReactNode;
+}>;
+export { LayoutContextProvider, useLayoutContext, useLayoutContextSelector, };

package/types/vef-layout/props.d.ts

@@ -1,5 +1,6 @@
-import type { ChildrenProps, Consumer, IdValue, MenuItem } from "@vef-framework/shared";
+import type { ChildrenProps, Consumer, Gender, IdValue, MaybePromise, MenuItem, Provider } from "@vef-framework/shared";
 import type { ReactNode } from "react";
+import type { BreadcrumbItem } from "../vef-breadcrumb/props";
 /**
  * The props of the VefLayout component.
  */
@@ -12,12 +13,48 @@ export interface VefLayoutProps extends Required<ChildrenProps> {
      * The title of the system.
      */
     title?: ReactNode;
+    /**
+     * The authenticated user name of the system.
+     */
+    userName?: string;
+    /**
+     * The authenticated user gender of the system.
+     */
+    userGender?: Gender;
+    /**
+     * The authenticated user avatar of the system.
+     */
+    userAvatar?: string;
+    /**
+     * The authenticated user description of the system.
+     */
+    userDescription?: string;
     /**
      * The menu items of the system.
      */
-    menuItems?: MenuItem[];
+    menuItems?: readonly MenuItem[];
+    /**
+     * The default opened menu keys.
+     */
+    defaultOpenedMenuKeys?: IdValue[];
+    /**
+     * The active menu key.
+     */
+    activeMenuKey?: IdValue;
+    /**
+     * The breadcrumb items of the layout.
+     */
+    breadcrumbItems?: readonly BreadcrumbItem[];
+    /**
+     * The on breadcrumb click callback.
+     */
+    onBreadcrumbClick?: Consumer<IdValue>;
+    /**
+     * The on active menu key change callback.
+     */
+    onActiveMenuKeyChange?: Consumer<IdValue>;
     /**
-     * The on menu switch callback.
+     * The logout event handler.
      */
-    onMenuSwitch?: Consumer<IdValue>;
+    onLogout?: Provider<MaybePromise<void>>;
 }

package/types/vef-loading-placeholder/props.d.ts

@@ -2,5 +2,5 @@ import type { VefSpinProps } from "../vef-spin";
 /**
  * The props of VefLoadingPlaceholder component.
  */
-export interface VefLoadingPlaceholderProps extends Pick<VefSpinProps, "size" | "delay"> {
+export interface VefLoadingPlaceholderProps extends Pick<VefSpinProps, "size" | "delay" | "tip"> {
 }

package/types/vef-login/props.d.ts

@@ -1,31 +1,5 @@
-import type { Consumer, MutationApi } from "@vef-framework/shared";
+import type { Consumer, LoginResult } from "@vef-framework/shared";
 import type { ReactNode } from "react";
-/**
- * The values of the login form.
- */
-export interface LoginValues {
-    /**
-     * The account of the login.
-     */
-    account: string;
-    /**
-     * The password of the login.
-     */
-    password: string;
-}
-/**
- * The result of the login.
- */
-export interface LoginResult {
-    /**
-     * The access token of the login.
-     */
-    accessToken: string;
-    /**
-     * The refresh token of the login.
-     */
-    refreshToken: string;
-}
 /**
  * The props of VefLogin component.
  */
@@ -46,12 +20,8 @@ export interface VefLoginProps {
      * The public key for encrypting the password.
      */
     publicKey?: string;
-    /**
-     * The login API of the login page.
-     */
-    loginApi: Readonly<MutationApi<LoginValues, LoginResult>>;
     /**
      * The handler for processing the login success.
      */
-    onLoginSuccess: Consumer<LoginResult>;
+    onLoginSuccess?: Consumer<LoginResult>;
 }

package/types/vef-page/props.d.ts

@@ -16,7 +16,7 @@ export interface VefPageProps extends Required<ChildrenProps> {
      * The header of the page.
      * Note: It will override the title and actions content.
      */
-    header?: ReactNode;
+    header?: false | ReactNode;
     /**
      * The footer of the page.
      */