@vef-framework/components 1.0.16 → 1.0.18

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

@@ -1,3 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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-textarea/hooks/use-textarea-instance.js

@@ -1,3 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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,15 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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=1}=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-tooltip/index.js

@@ -1,3 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{Tooltip as r}from"antd";import{forwardRef as t,useRef as n,useImperativeHandle as o}from"react";const a=t((({content:t,trigger:a="hover",arrow:m=!0,delay:p=.1,defaultOpened:i,opened:l,onOpenedChange:d,...u},f)=>{const c=n(null);return o(f,(()=>c.current.nativeElement)),e(r,{ref:c,arrow:m,defaultOpen:i,mouseEnterDelay:p,open:l,title:t,trigger:a,onOpenChange:d,...u})}));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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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.js

@@ -1,3 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, 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-virtual-grid/index.js

@@ -1,14 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{useVirtualizer as i}from"@tanstack/react-virtual";import{useGapSizeNormalizer as r}from"@vef-framework/hooks";import{isArray as a,isNumber as l}from"@vef-framework/shared";import{useMemo as o,memo as n,useRef as m,Fragment as s,createElement as d}from"react";import v from"../vef-auto-sizer/index.js";import h from"../vef-scroll-area/index.js";const f={willChange:"transform"},g=e`
-  position: relative;
-  width: var(--vef-virtual-grid-width);
-  height: var(--vef-virtual-grid-height);
-`,u=e`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: var(--vef-virtual-grid-item-width);
-  height: var(--vef-virtual-grid-item-height);
-  transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
-`;const c=n((function({className:e,style:c,items:p,renderItem:x,itemClassName:w,itemStyle:z,rowHeight:S,columnWidth:y,gap:k,...$}){const I=o((()=>n(x)),[x]),N=m(null),T=r(),[V,j]=o((()=>{if(a(k))return[T(k[0]),T(k[1])];if(k){const t=T(k);return[t,t]}return[0,0]}),[k,T]),b=i({count:p.length,getScrollElement:()=>N.current,estimateSize:l(S)?()=>S:S,overscan:2,gap:V}),C=i({horizontal:!0,count:p[0]?.length??0,getScrollElement:()=>N.current,estimateSize:l(y)?()=>y:y,overscan:2,gap:j}),E=o((()=>({"--vef-virtual-grid-height":`${b.getTotalSize()}px`,"--vef-virtual-grid-width":`${C.getTotalSize()}px`})),[b.getTotalSize(),C.getTotalSize()]),G=(i,r)=>t(h,{className:e,height:i,scrollbarSize:"small",style:c,viewportRef:N,viewportStyle:f,width:r,children:t("div",{css:g,style:E,children:b.getVirtualItems().map((e=>t(s,{children:C.getVirtualItems().map((i=>{const r=p[e.index][i.index];return t("div",{className:w,css:u,style:{...z,"--vef-virtual-grid-item-width":`${i.size}px`,"--vef-virtual-grid-item-height":`${e.size}px`,"--vef-virtual-grid-item-x":`${i.start}px`,"--vef-virtual-grid-item-y":`${e.start}px`},children:r&&d(I,{item:r,rowIndex:e.index,columnIndex:i.index})},i.key)}))},e.key)))})});if(!$.autoSize){const{height:t,width:e}=$;return G(t,e)}return t(v,{children:({height:t,width:e})=>G(t,e)})}));c.displayName="VefVirtualGrid";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-virtual-list/index.js

@@ -1,20 +0,0 @@
-/*! VefFramework version: 1.0.16, build time: 2024-12-19T10:34:00.337Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useVirtualizer as e}from"@tanstack/react-virtual";import{useNormalizedGapSize as l}from"@vef-framework/hooks";import{isFunction as a}from"@vef-framework/shared";import{useMemo as r,memo as s,useRef as o,createElement as v}from"react";import m from"../vef-auto-sizer/index.js";import n from"../vef-scroll-area/index.js";const f={willChange:"transform"},h=i`
-  position: relative;
-  width: var(--vef-virtual-list-width, auto);
-  height: var(--vef-virtual-list-height, auto);
-`,u=i`
-  position: absolute;
-  top: var(--vef-virtual-list-item-top, 0);
-  left: var(--vef-virtual-list-item-left, 0);
-  width: var(--vef-virtual-list-item-width, auto);
-  height: var(--vef-virtual-list-item-height, auto);
-  transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
-`,d=i`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  transform: translateY(var(--vef-virtual-list-frame-y, 0)); 
-`;const c=s((function({className:i,style:c,items:p,renderItem:x,itemClassName:g,itemStyle:y,itemSize:w,autoItemSize:z=!1,gap:S=0,lanes:$=1,itemKey:N,...k}){const b=r((()=>s(x)),[x]),I=r((()=>{if(a(N))return t=>N({index:t,item:p[t]})}),[N,p]),j=r((()=>a(w)?t=>w({index:t,item:p[t]}):()=>w),[w,p]),T=l(S),V=o(null),{orientation:C}=k,E=e({horizontal:"horizontal"===C,count:p.length,getScrollElement:()=>V.current,estimateSize:j,overscan:2,getItemKey:I,gap:T,lanes:$}),K=E.getVirtualItems(),R=100/$,Y=r((()=>"horizontal"===C?{"--vef-virtual-list-width":`${E.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${E.getTotalSize()}px`,"--vef-virtual-list-width":"100%"}),[C,E.getTotalSize()]),H=r((()=>z&&"horizontal"!==C?{...f,contain:"strict"}:f),[z,C]),L=(e,l)=>t(n,z?{className:i,height:e,scrollbarSize:"small",style:c,viewportRef:V,viewportStyle:H,width:l,children:t("div",{css:h,style:Y,children:"horizontal"===C?K.map((({index:i,key:e,start:l})=>t("div",{className:g,css:u,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${l}px`,"--vef-virtual-list-item-y":0},children:v(b,{index:i,item:p[i]})},e))):t("div",{css:d,style:{"--vef-virtual-list-frame-y":`${K[0]?.start??0}px`},children:K.map((({index:i,key:e})=>t("div",{ref:E.measureElement,className:g,"data-index":i,style:y,children:v(b,{index:i,item:p[i]})},e)))})})}:{className:i,height:e,scrollbarSize:"small",style:c,viewportRef:V,viewportStyle:H,width:l,children:t("div",{css:h,style:Y,children:K.map((({index:i,key:e,size:l,start:a,lane:r})=>t("div",{className:g,css:u,style:"horizontal"===C?{"--vef-virtual-list-item-top":0===r?0:r*R+"%","--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${l}px`,"--vef-virtual-list-item-height":`${R}%`,"--vef-virtual-list-item-x":`${a}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0===r?0:r*R+"%","--vef-virtual-list-item-width":`${R}%`,"--vef-virtual-list-item-height":`${l}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${a}px`},children:v(b,{index:i,item:p[i]})},e)))})});return k.autoSize?"horizontal"===k.orientation?t(m,{disableHeight:!0,children:({width:t})=>L("100%",t)}):t(m,{disableWidth:!0,children:({height:t})=>L(t,"100%")}):"horizontal"===k.orientation?L("100%",k.width):L(k.height,"100%")}));c.displayName="VefVirtualList";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 */