@vef-framework/components 1.0.18 → 1.0.20

package/esm/vef-paragraph/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{isFunction as r}from"@vef-framework/shared";import{Typography as t}from"antd";import{useMemo as a}from"react";const{Paragraph:n}=t,p=({variant:t,color:p,bold:d,ellipsis:i,ellipsisRows:s=2,expandable:l,defaultExpanded:f,expanded:m,copyable:c,copiedText:x,onCopy:u,onExpand:y,...b})=>{const h=a((()=>{if(i)return{rows:s,expandable:l?"collapsible":void 0,defaultExpanded:f,expanded:m,onExpand:r(y)?(e,{expanded:o})=>{y(o)}:void 0}}),[l,f,i,s,m,y]),v=o(),g=a((()=>{const e={};return"strikethrough"===t?e.delete=!0:t&&(e[t]=!0),"secondary"===p?e.type="secondary":p&&(e.css={color:v.get(p)}),d&&(e.strong=!0),e}),[d,p,v,t]),k=a((()=>{if(c)return{format:"text/plain",text:x,onCopy:u}}),[c,x,u]);return e(n,{copyable:k,ellipsis:h,...g,...b})};export{p 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/esm/vef-paragraph/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-password/hooks/use-password-instance.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, 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 usePasswordInstance};
+/*! 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/esm/vef-password/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{isFunction as e}from"@vef-framework/shared";import{Input as r}from"antd";import{forwardRef as t,useMemo as a}from"react";import"../internal/index.mjs";import{usePasswordInstance as n}from"./hooks/use-password-instance.mjs";import{convertBasicSizeToUiSize as s}from"../internal/utils.mjs";const{Password:u}=r;function l(o){return""===o?null:o}const i=t((({defaultValue:r,value:t,size:i,clearable:m,showCount:f,onChange:d,onEnterKeyPress:v,onBlur:c,onFocus:p,...g},h)=>{const w=a((()=>({onChange:e(d)?o=>d(l(o.target.value)):void 0,onPressEnter:e(v)?o=>v(l(o.target.value)):void 0,onBlur:e(c)?o=>c(l(o.target.value)):void 0,onFocus:e(p)?o=>p(l(o.target.value)):void 0})),[d,v,c,p]),C=n(h);return o(u,{ref:C,allowClear:m,defaultValue:r,showCount:f,size:s(i),value:t,...g,...w})}));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/esm/vef-password/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-popconfirm/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{infoIcon as o,defaultMessageTitle as n}from"@vef-framework/shared";import{Popconfirm as t}from"antd";import{CheckIcon as r}from"lucide-react";import{forwardRef as a,useRef as c,useImperativeHandle as i}from"react";import p from"../vef-icon/index.mjs";const l={autoInsertSpace:!1,icon:e(p,{children:e(r,{})})},m={autoInsertSpace:!1,variant:"text",color:"default"};function f(e){e.stopPropagation()}const u=a((({title:r=n,content:a,cancelable:p=!0,defaultOpened:u,opened:s,onOpenedChange:d,onOk:C,onCancel:h,...O},k)=>{const v=c(null);return i(k,(()=>v.current.nativeElement)),e(t,{ref:v,cancelButtonProps:m,defaultOpen:u,description:a,icon:o,okButtonProps:l,open:s,showCancel:p,title:r,onCancel:h,onConfirm:C,onOpenChange:d,onPopupClick:f,...O})}));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/esm/vef-popconfirm/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-popover/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Popover as r}from"antd";import{forwardRef as e,useRef as o,useImperativeHandle as n}from"react";const i=e((({title:e,content:i,trigger:c="click",arrow:m=!1,...a},l)=>{const f=o(null);return n(l,(()=>f.current.nativeElement)),t(r,{ref:f,arrow:m,content:i,title:e,trigger:c,...a})}));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/esm/vef-popover/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-radio/hooks/use-data-options.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{useComputedOptions as e}from"@vef-framework/hooks";import{isFunction as o,isNullish as r}from"@vef-framework/shared";import{useMemo as a,useLayoutEffect as i}from"react";function t({value:t,onChange:n,...p}){const{normalizedOptions:s,defaultOption:f,isLoading:l}=e({...p,isGrouped:!1,filterable:!1,selectedOptionValues:t?[t]:[]}),m=a((()=>s.reduce(((e,o)=>(e.set(o.value,o),e)),new Map)),[s]);return i((()=>{f&&o(n)&&r(t)&&n(f.value,f)}),[f,n,t]),{optionsMap:m,normalizedOptions:s,isLoading:l}}export{t 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/esm/vef-radio/hooks/use-radio-instance.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, 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 useRadioInstance};
+/*! 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/esm/vef-radio/index.mjs

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isFunction as i}from"@vef-framework/shared";import{Radio as r}from"antd";import{useMemo as n,memo as a,forwardRef as l}from"react";import"../internal/index.mjs";import d from"../vef-loading-placeholder/index.mjs";import m from"../vef-tooltip/index.mjs";import{useDataOptions as s}from"./hooks/use-data-options.mjs";import{useRadioInstance as u}from"./hooks/use-radio-instance.mjs";import{convertBasicSizeToUiSize as p}from"../internal/utils.mjs";const{Group:c}=r,f=e("div",{css:o`
+      height: ${t.controlHeight}
+    `,children:e(d,{})});const h=a(l((function({defaultValue:o,value:t,disabled:a,block:l,variant:d,buttonVariant:h,buttonSize:v,onChange:b,...g},j){const{optionsMap:k,normalizedOptions:x,isLoading:V}=s({value:t,onChange:b,...g}),y=u(j,x),z=n((()=>{if(i(b))return({target:{value:e}})=>{b(e,k.get(e))}}),[b,k]);if(V)return f;const C=x.map((o=>{const{value:t,label:i,disabled:n,description:a}=o;return a?e(m,{content:a,children:e(r,{disabled:n,value:t,children:i})},t):e(r,{disabled:n,value:t,children:i},t)}));return e(c,{ref:y,block:l,buttonStyle:h,defaultValue:o,disabled:a,optionType:d,size:p(v),onChange:z,...void 0===t?{}:{value:t},children:C})})));h.displayName="VefRadio";export{h 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/esm/vef-radio/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-rate/hooks/use-rate-instance.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{useRef as r,useImperativeHandle as u}from"react";function t(t){const c=r(null);return u(t,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus()}))),c}export{t as useRateInstance};
+/*! 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/esm/vef-rate/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{isFunction as t}from"@vef-framework/shared";import{Rate as o}from"antd";import{forwardRef as e,useMemo as m}from"react";import{useRateInstance as a}from"./hooks/use-rate-instance.mjs";const c=e((({character:e,...c},f)=>{const i=m((()=>t(e)?({index:r})=>e(r):e),[e]),n=a(f);return r(o,{ref:n,character:i,...c})}));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/esm/vef-rate/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-responsive-container/index.mjs

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as t}from"@vef-framework/shared";import{motion as n}from"motion/react";import{forwardRef as i,Children as a,isValidElement as s,useMemo as m,memo as p}from"react";import f from"../vef-responsive-item/index.mjs";const v=r`
+  display: grid;
+  grid-template-columns: repeat(var(--vef-responsive-container-auto-mode), minmax(var(--vef-responsive-container-base-width), 1fr));
+  gap: var(--vef-responsive-container-gap);
+`,c=p(i((({style:r,baseItemWidth:i=320,autoExpand:p=!0,gap:c=0,children:d,...l},u)=>{if(i%2!=0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");a.forEach(d,(e=>{if(!s(e)||e.type!==f)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")}));const h=o(),w=m((()=>t(c)?c.map((e=>h(e))).join(" "):h(c)),[c,h]),b=m((()=>{const e=p?"auto-fit":"auto-fill";return{...r,"--vef-responsive-container-auto-mode":e,"--vef-responsive-container-base-width":i/2+"px","--vef-responsive-container-gap":w}}),[p,i,w,r]);return e(n.div,{ref:u,css:v,style:b,...l,children:d})})));c.displayName="VefResponsiveContainer";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/esm/vef-responsive-container/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-responsive-item/index.mjs

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{motion as t}from"motion/react";import{forwardRef as o,useMemo as i}from"react";const n=r`
+  grid-column: span var(--vef-responsive-item-span);
+`,s=o((({style:r,span:o=1,children:s,...m},a)=>{const p=i((()=>({...r,"--vef-responsive-item-span":2*o})),[o,r]);return e(t.div,{ref:a,css:n,style:p,...m,children:s})}));export{s 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/esm/vef-responsive-item/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-ribbon/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as r}from"@vef-framework/hooks";import{Badge as t}from"antd";import{useMemo as e}from"react";const{Ribbon:n}=t,i=({color:t,position:i="right",children:a})=>{const m=r(),c=e((()=>{if(!t)return{placement:"right"===i?"end":"start",text:a};if(m.has(t))return{color:t?m.get(t):void 0,placement:"right"===i?"end":"start",text:a};throw new Error(`Invalid color value "${t}" of VefRibbon component. Color must be a valid color token.`)}),[a,t,m,i]);return o(n,{...c})};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/esm/vef-ribbon/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-row/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Row as o}from"antd";const r=r=>t(o,{...r});export{r 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/esm/vef-row/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-scroll-area/components/scrollbar.mjs

@@ -0,0 +1,34 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{ScrollAreaScrollbar as a,ScrollAreaThumb as e}from"@radix-ui/react-scroll-area";import{themeVariables as i}from"@vef-framework/shared";import{forwardRef as l}from"react";const t=o`
+  --vef-scroll-area-scrollbar-padding: 2px;
+
+  display: flex;
+  touch-action: none;
+  user-select: none;
+`,n=o`
+  height: 100%;
+  width: var(--vef-scroll-area-scrollbar-size);
+  border-left-width: 1px;
+  border-left-color: transparent;
+  padding: var(--vef-scroll-area-scrollbar-padding);
+`,c=o`
+  flex-direction: column;
+  height: var(--vef-scroll-area-scrollbar-size);
+  border-top-width: 1px;
+  border-top-color: transparent;
+  padding: var(--vef-scroll-area-scrollbar-padding);
+`,s=o`
+  position: relative;
+  z-index: 2;
+  flex: 1;
+  border-radius: calc(var(--vef-scroll-area-scrollbar-size) - var(--vef-scroll-area-scrollbar-padding) * 2);
+  background-color: hsl(240 5.9% 90%);
+  transition-property: background-color;
+  transition-timing-function: ${i.motionEaseInOutCirc};
+  transition-duration: ${i.motionDurationMid};
+
+  &:hover {
+    background-color: hsl(240 5.9% 84%);
+  }
+`,d=l((({orientation:o="vertical",...i},l)=>r(a,{ref:l,orientation:o,css:[t,"vertical"===o&&n,"horizontal"===o&&c],...i,children:r(e,{css:s})})));d.displayName="VefScrollbar";export{d 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/esm/vef-scroll-area/index.mjs

@@ -0,0 +1,13 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsxs as r,jsx as o}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{Root as t,Viewport as l,Corner as i}from"@radix-ui/react-scroll-area";import{isNumber as a}from"@vef-framework/shared";import{forwardRef as s,useMemo as c}from"react";import h from"./components/scrollbar.mjs";const m=e`
+  position: relative;
+  overflow: hidden;
+  height: var(--vef-scroll-area-height, 100%);
+  width: var(--vef-scroll-area-width, auto);
+`,n=e`
+  height: 100%;
+  width: 100%;
+  border-radius: inherit;
+  -webkit-overflow-scrolling: touch;
+`,d=s((({style:e,height:s,width:d,scrollDirection:f="y",scrollbarSize:p="medium",autoHideScrollbar:v=!0,viewportClassName:w,viewportStyle:u,viewportRef:b,onScroll:x,children:y,...g},S)=>{const z=c((()=>({...e,"--vef-scroll-area-height":(a(s)?`${s}px`:s)??"100%","--vef-scroll-area-width":(a(d)?`${d}px`:d)??"auto"})),[s,e,d]),j=c((()=>({"--vef-scroll-area-scrollbar-size":"small"===p?"10px":"medium"===p?"12px":"14px"})),[p]),k=c((()=>({...u,overflowX:""+("x"===f||"both"===f?"scroll":"hidden"),overflowY:""+("y"===f||"both"===f?"scroll":"hidden")})),[f,u]);return r(t,{ref:S,css:m,style:z,type:v?"hover":"auto",...g,children:[o(l,{ref:b,className:w,css:n,style:k,onScroll:x,children:y}),("y"===f||"both"===f)&&o(h,{orientation:"vertical",style:j}),("x"===f||"both"===f)&&o(h,{orientation:"horizontal",style:j}),o(i,{})]})}));export{d 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/esm/vef-scroll-area/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-select/components/option.mjs

@@ -0,0 +1,11 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{memo as l}from"react";import t from"../../vef-text/index.mjs";const s=r`
+  display: flex;
+  flex-direction: column;
+  row-gap: 4px;
+
+  > .vef-typography-secondary {
+    font-size: ${o.fontSizeSm};
+  }
+`,p=l((({label:r,description:o})=>o?e("div",{css:s,children:[i(t,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),i(t,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:o})]}):i(t,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})));p.displayName="VefOption";export{p 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/esm/vef-select/hooks/use-data-options.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as e,isFunction as a,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function r({value:r,grouped:t=!1,multiple:l=!1,onChange:s,...p}){const{onFilterKeywordChange:d,normalizedOptions:f,defaultOption:m,isLoading:u,fallbackOptions:c,isFallbackOptionsLoading:g}=o({...p,isGrouped:t,selectedOptionValues:e(r)?r:r?[r]:[]});return n((()=>{m&&a(s)&&i(r)&&s(l?[m.value]:m.value,l?[m]:m)}),[m,l,s,r]),{onFilterKeywordChange:d,normalizedOptions:f,isLoading:u,fallbackOptions:c,isFallbackOptionsLoading:g}}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/esm/vef-select/hooks/use-field-names.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{useMemo as l}from"react";function e(e){return l((()=>e?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[e])}export{e as useFieldNames};
+/*! 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/esm/vef-select/hooks/use-render-label.mjs

@@ -0,0 +1,10 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as i}from"@emotion/react/jsx-runtime";import{LoadingOutlined as r}from"@ant-design/icons";import{css as e}from"@emotion/react";import{useCallback as n}from"react";import t from"../../vef-spin/index.mjs";const o=e`
+  display: inline-flex;
+  align-items: center;
+
+  .vef-spin {
+    color: inherit;
+  }
+`;function m(e,m){return n((({label:n,value:s})=>{if(n)return n;if(e)return i("span",{css:o,children:i(t,{indicator:i(r,{}),size:"small"})});const l=m?.find((i=>i.value===s));return l?.label??s}),[e,m])}export{m as useRenderLabel};
+/*! 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/esm/vef-select/hooks/use-render-option.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{isFunction as r}from"@vef-framework/shared";import{useMemo as e}from"react";import t from"../components/option.mjs";function i(i){return e((()=>r(i)?({data:o},{index:r})=>i({...o,index:r}):({data:{label:r,description:e}})=>o(t,{description:e,label:r??"Missing Label"})),[i])}export{i as useRenderOption};
+/*! 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/esm/vef-select/hooks/use-select-instance.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, 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 useSelectInstance};
+/*! 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/esm/vef-select/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, 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{Select as t}from"antd";import{memo as i,forwardRef as n}from"react";import"../internal/index.mjs";import l from"../vef-loading-placeholder/index.mjs";import{useDataOptions as a}from"./hooks/use-data-options.mjs";import{useFieldNames as s}from"./hooks/use-field-names.mjs";import{useRenderLabel as m}from"./hooks/use-render-label.mjs";import{useRenderOption as d}from"./hooks/use-render-option.mjs";import{useSelectInstance as p}from"./hooks/use-select-instance.mjs";import{convertBasicSizeToUiSize as f}from"../internal/utils.mjs";const u=e("div",{css:{height:140},children:e(l,{})});const c=i(n((function({defaultValue:i,value:n,size:l,clearable:c,disabled:h,placeholder:v,variant:g,onClear:C,onBlur:k,onFocus:b,onChange:j,onSelect:F,onDeselect:x,multiple:O=!1,grouped:w=!1,maxCount:S,renderOption:R,filterable:z=!0,filterFromRemote:V=!1,...y},B){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:A,isFallbackOptionsLoading:H}=a({value:n,grouped:w,multiple:O,onChange:j,filterable:z,filterFromRemote:V,...y}),K=d(R),T=o(z,V),W=s(w),q=m(H,A),E=p(B,L);return e(t,{ref:E,defaultActiveFirstOption:!0,allowClear:c,css:r.fullWidth,defaultValue:i,disabled:h,fieldNames:W,filterOption:T,labelRender:q,listHeight:280,loading:N,maxCount:O?S:void 0,maxTagCount:O?"responsive":void 0,mode:O?"multiple":void 0,notFoundContent:N?u:void 0,optionRender:K,options:L,placeholder:v,showSearch:z,size:f(l),value:n,variant:g,onBlur:k,onChange:j,onClear:C,onDeselect:x,onFocus:b,onSearch:D,onSelect:F})})));c.displayName="VefSelect";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/esm/vef-select/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-slider/hooks/use-slider-instance.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{useRef as r,useImperativeHandle as u}from"react";function t(t){const c=r(null);return u(t,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus()}))),c}export{t as useSliderInstance};
+/*! 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/esm/vef-slider/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Slider as r}from"antd";import{forwardRef as o,useMemo as e}from"react";import{useSliderInstance as m}from"./hooks/use-slider-instance.mjs";const n=o((({step:o,tipFormatter:n,onChange:a,...i},s)=>{const p=e((()=>{if(n)return{formatter:t=>n(t)}}),[n]),f=m(s);return t(r,{ref:f,step:"mark"===o?null:o,tooltip:p,onChange:a,...i})}));export{n 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/esm/vef-slider/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-sortable-list/components/overlay-item.mjs

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e,jsxs as n,Fragment as o}from"@emotion/react/jsx-runtime";import{HolderOutlined as t}from"@ant-design/icons";import{css as r}from"@emotion/react";const s=e(t,{}),a=r`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;function c({item:t,renderItem:r,useHandle:c,handleClassName:i,handleStyle:m,handleIcon:l}){return n(o,{children:[c&&e("div",{className:i,css:a,style:m,children:l??s}),r(t,!0)]})}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/esm/vef-sortable-list/components/sortable-item.mjs

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as i}from"@ant-design/icons";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";import{css as s}from"@emotion/react";const o=e(i,{}),a=s`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;function m({item:i,itemKey:s,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:h,handleIcon:v,disabled:y}){const{isDragging:N,attributes:g,listeners:x,setNodeRef:b,setActivatorNodeRef:I,transition:S,transform:k}=r({id:s,disabled:y,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&N?{position:"relative",zIndex:999}:{}};return t("div",{ref:b,className:d,style:C,...g,...f?{}:x,children:[f&&e("div",{ref:I,className:p,css:a,style:h,...x,children:v??o}),c(i,!1)]})}export{m 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/esm/vef-sortable-list/hooks/use-merged-items.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{isNullish as r}from"@vef-framework/shared";import{useState as e,useCallback as o}from"react";function t(t,f,m){if(r(t)&&r(f))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[n,a]=e(t??[]);return[f??n,o((r=>{f?m?.(r(f)):a(r)}),[f,m])]}export{t as useMergedItems};
+/*! 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/esm/vef-sortable-list/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as m,DndContext as o,closestCenter as a,DragOverlay as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as c,SortableContext as l,verticalListSortingStrategy as p,horizontalListSortingStrategy as f}from"@dnd-kit/sortable";import{isFunction as u}from"@vef-framework/shared";import{useMemo as y,useState as v,useCallback as h,memo as g}from"react";import x from"./components/overlay-item.mjs";import k from"./components/sortable-item.mjs";import{useMergedItems as N}from"./hooks/use-merged-items.mjs";const b=g((function({defaultItems:g,items:b,itemKey:j="id",className:S,style:D,orientation:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,O]=N(g,b,I),V=r(i(m)),q=y((()=>u(j)?j:e=>e[j]),[j]),[z,A]=v(),B=h((({active:e})=>{A(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&O((r=>c(r,e.data.current.index,t.data.current.index)))}),[O]),G=L.map((e=>q(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(o,{collisionDetection:a,sensors:V,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:B,children:e(l,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:S,style:D,children:[L.map(((t,r)=>{const i=q(t);return e(k,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(s,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:z&&e(x,{item:z,...P})})]})})})}));b.displayName="VefSortableList";export{b 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/esm/vef-sortable-list/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-space/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as m}from"@vef-framework/shared";import{Space as t}from"antd";import{useMemo as e}from"react";const a=({gap:a,...f})=>{const i=o(),p=e((()=>m(a)?a.map((r=>i(r))):a?i(a):a),[a,i]);return r(t,{size:p,...f})};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/esm/vef-space/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-spin/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Spin as e}from"antd";const m=({size:m,...o})=>t(e,{size:"medium"===m?"default":m,...o});export{m 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/esm/vef-spin/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-splitter/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as o}from"antd";const e=({orientation:e,onResizeBegin:i,...n})=>t(o,{layout:e,onResizeStart:i,...n});export{e 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/esm/vef-splitter/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-splitter-panel/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as o}from"antd";const{Panel:r}=o,e=({...o})=>t(r,{...o});export{e 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/esm/vef-splitter-panel/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-status/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";const a=({processing:a=!1,color:f="default",children:n})=>{const s=o(),l=e((()=>{if("default"===f)return{status:"default",text:n};if(s.has(f))return{status:a?"processing":"default",color:s.get(f),text:n};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,s,a,n]);return t(r,{...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/esm/vef-status/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-table/components/columns/bool.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isEqual as l}from"@vef-framework/shared";import{useMemo as i,memo as m}from"react";import u from"../../../vef-text/index.mjs";import{useComputedValues as n}from"../../hooks/use-computed-values.mjs";const c=m((function({value:l,record:m,rowIndex:c,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:s="是",falseText:p="否",bold:w,italic:x,color:h,width:V}=f,[b,k,v]=n([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,c),y=i((()=>r(v)?v:v?!a(l)&&Object.hasOwn(v,l)?v[l]:v["*"]:void 0),[v,l]),j=i((()=>l?l?s:p:d),[l,s,p,d]),B=i((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(u,{bold:b,color:y,css:B,italic:k,children:j})}),l);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/esm/vef-table/components/columns/code.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r 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/esm/vef-table/components/columns/data-dictionary.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as t,isString as r,isNullish as a}from"@vef-framework/shared";import{useMemo as i}from"react";import l from"../../../vef-text/index.mjs";import{useComputedValues as m}from"../../hooks/use-computed-values.mjs";const u="Name";function c({value:c,record:n,rowIndex:s,columnProps:d}){if("DataDictionary"!==d.type)throw new t(-1,"Column type must be DataDictionary");const{name:f,defaultValue:p,ellipsis:w,bold:h,italic:x,color:y,width:V}=d,[b,k,v]=m([{key:"bold",rawValue:h,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:y}],c,n,s),$=i((()=>r(v)?v:v?!a(c)&&Object.hasOwn(v,c)?v[c]:v["*"]:void 0),[v,c]),j=i((()=>a(c)||a(n[`${f}${u}`])?p:n[`${f}${u}`]),[c,n,f,p]),D=i((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(l,{bold:b,color:$,css:D,ellipsis:w,italic:k,children:j})}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/esm/vef-table/components/columns/enum.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isString as t,isNullish as i}from"@vef-framework/shared";import{useMemo as l}from"react";import a from"../../../vef-tag/index.mjs";import m from"../../../vef-text/index.mjs";import{useComputedValues as n}from"../../hooks/use-computed-values.mjs";const c="Name",s=o({color:"inherit",fontSize:"inherit"});function u({value:u,record:d,rowIndex:f,columnProps:p}){if("Enum"!==p.type)throw new r(-1,"Column type must be Enum");const{name:h,defaultValue:w,showAsTag:x=!0,bold:b,italic:v,ellipsis:V,color:j,width:k}=p,[y,$,g]=n([{key:"bold",rawValue:b,defaultValue:!1},{key:"italic",rawValue:v,defaultValue:!1},{key:"color",rawValue:j}],u,d,f),E=l((()=>t(g)?g:g?!i(u)&&Object.hasOwn(g,u)?g[u]:g["*"]:void 0),[g,u]),O=l((()=>i(u)||i(d[`${h}${c}`])?w:d[`${h}${c}`]),[u,d,h,w]),z=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return x?e(a,{color:E,children:e(m,{bold:y,css:s,italic:$,children:O})}):e(m,{bold:y,color:E,css:z,ellipsis:V,italic:$,children:O})}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/esm/vef-table/components/columns/file.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r 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/esm/vef-table/components/columns/icon.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r 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/esm/vef-table/components/columns/id.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.mjs";import{useComputedValues as i}from"../../hooks/use-computed-values.mjs";const m=/Id$/;function u({value:u,record:c,rowIndex:n,columnProps:s}){if("Id"!==s.type)throw new r(-1,"Column type must be Id");const{name:d,defaultValue:f,ellipsis:p,bold:w,italic:x,color:h,width:V}=s,[k,y,b]=i([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],u,c,n),v=a((()=>{const e=d.replace(m,"Name");return t(u)||t(c[e])?f:c[e]}),[u,c,d,f]),I=a((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(l,{bold:k,color:b,css:I,ellipsis:p,italic:y,children:v})}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/esm/vef-table/components/columns/image.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{extractBaseName as e}from"@vef-framework/shared";function t({value:t}){return r("img",{alt:e(t),src:t})}export{t 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/esm/vef-table/components/columns/index.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import m from"./bool.mjs";import o from"./code.mjs";import r from"./data-dictionary.mjs";import t from"./enum.mjs";import i from"./file.mjs";import e from"./icon.mjs";import p from"./id.mjs";import s from"./image.mjs";import f from"./markdown.mjs";import j from"./number.mjs";import n from"./render.mjs";import a from"./rich-text.mjs";import d from"./text.mjs";import"./props.mjs";const c={Text:d,Number:j,Enum:t,Boolean:m,DataDictionary:r,Id:p,Render:n,Markdown:f,Icon:e,File:i,RichText:a,Image:s,Code:o};export{c as columnComponents};
+/*! 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/esm/vef-table/components/columns/markdown.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r 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/esm/vef-table/components/columns/number.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{VefError as o,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import m from"../../../vef-text/index.mjs";import{useComputedValues as l}from"../../hooks/use-computed-values.mjs";import{useDisplayValue as u}from"../../hooks/use-display-value.mjs";function i({value:i,record:f,rowIndex:s,columnProps:d}){if("Number"!==d.type)throw new o(-1,"Column type must be Number");const{defaultValue:p,formatter:c,prefix:n,suffix:x,bold:w,italic:h,color:V,width:b}=d,k=u(i,f,s,{defaultValue:p,formatter:c,prefix:n,suffix:x}),[y,v,j]=l([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],i,f,s),N=a((()=>{if(b)return r({maxWidth:`${b}px !important`})}),[b]);return t(k)?null:e(m,{bold:y,color:j,css:N,italic:v,children:k})}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/esm/vef-table/components/columns/props.mjs

@@ -0,0 +1,2 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+/*! 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/esm/vef-table/components/columns/render.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t}from"@vef-framework/shared";import{useMemo as o}from"react";function m({value:m,record:n,rowIndex:i,columnProps:d}){if("Render"!==d.type)throw new t(-1,"Column type must be Render");const{render:a,width:f}=d,p=a?.(m,n,i),c=o((()=>{if(f)return e({maxWidth:`${f}px !important`})}),[f]);return r("div",{css:c,children:p})}export{m 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/esm/vef-table/components/columns/rich-text.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r 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/esm/vef-table/components/columns/text.mjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as l}from"react";import i from"../../../vef-text/index.mjs";import{useComputedValues as a}from"../../hooks/use-computed-values.mjs";import{useDisplayValue as m}from"../../hooks/use-display-value.mjs";function u({value:u,record:f,rowIndex:s,columnProps:p}){if("Text"!==p.type)throw new r(-1,"Column type must be Text");const{defaultValue:c,formatter:d,prefix:n,suffix:x,ellipsis:w,bold:y,italic:h,color:V,copyable:b,width:k}=p,[v,j,T]=a([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],u,f,s),C=m(u,f,s,{defaultValue:c,formatter:d,prefix:n,suffix:x}),I=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return t(C)?null:e(i,{bold:v,color:T,copyable:b,css:I,ellipsis:w,ellipsisTip:w?C:void 0,italic:j,children:C})}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/esm/vef-table/components/columns-settings.mjs

@@ -0,0 +1,54 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{RollbackOutlined as i,VerticalRightOutlined as l,VerticalLeftOutlined as a}from"@ant-design/icons";import{css as o}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import{Checkbox as s}from"antd";import{useMemo as m,useCallback as d,memo as c}from"react";import f from"../../vef-bool/index.mjs";import u from"../../vef-button/index.mjs";import p from"../../vef-divider/index.mjs";import g from"../../vef-sortable-list/index.mjs";import v from"../../vef-text/index.mjs";import{useTableContextSelector as h}from"../hooks/use-table-context.mjs";const b=o`
+  width: 260px;
+  padding: ${r.paddingSm};
+
+  .vef-divider-horizontal {
+    margin: ${r.marginSm} 0;
+  }
+
+  .vef-table-columns-settings-panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: ${r.paddingSm};
+  }
+
+  .vef-table-columns-settings-panel-body {
+    width: 100%;
+
+    .vef-table-columns-settings-panel-columns {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+
+      .vef-table-columns-settings-panel-column {
+        display: grid;
+        grid-template-columns: max-content 1fr max-content;
+        align-items: center;
+        padding: ${r.paddingXs};
+        border-radius: ${r.borderRadius};
+
+        &:hover {
+          background-color: ${r.colorPrimaryBg};
+        }
+
+        .vef-table-columns-settings-panel-column-drag-icon {
+          cursor: move;
+          color: ${r.colorTextSecondary};
+          padding-right: ${r.padding};
+        }
+
+        .vef-table-columns-settings-panel-column-fixed-icon {
+          display: flex;
+          align-items: center;
+
+          .vef-divider {
+            --vef-divider-vertical-margin-inline: 0;
+          }
+        }
+      }
+    }
+  }
+`,x=c((()=>{const{defaultColumnConfigMap:o,columnConfigMap:r,setColumnConfigMap:c}=h((e=>{const{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}=e;return{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}})),x=m((()=>[...r.entries()].sort((([e,n],[t,i])=>n.order-i.order)).map((([e,n])=>{const{title:t,configurable:i,...l}=n;return{value:e,label:t,disabled:!i,...l}}))),[r]),C=d((e=>{const n=e.reduce(((e,n,t)=>{const{value:i,label:l,disabled:a,order:o,...r}=n,s={title:l,configurable:!a,order:t+1,...r};return e.set(i,s),e}),new Map);c(n)}),[c]),y=m((()=>x.filter((e=>e.show)).map((e=>e.value))),[x]),k=m((()=>{const e=y.length;return e===x.length?"checked":e>0?"indeterminate":"unchecked"}),[y.length,x.length]),w=d((e=>{const n=new Set(e),t=x.map((e=>({...e,show:n.has(e.value)})));C(t)}),[x,C]),M=d(((e,n)=>{const t=x.map((t=>({...t,fixed:t.value===e?n:t.fixed})));C(t)}),[x,C]),j=d((e=>{C(e)}),[C]),$=d((()=>{c(new Map(o))}),[o,c]);return e("div",{css:b,children:[e("div",{className:"vef-table-columns-settings-panel-header",children:[n(f,{indeterminate:"indeterminate"===k,label:n(v,{bold:!0,children:"列显示"}),value:"checked"===k,variant:"checkbox",onChange:e=>{w(e?x.map((e=>e.value)):[])}}),n(u,{color:"primary",variant:"text",onClick:$,children:"重置"})]}),n(p,{}),n(s.Group,{className:"vef-table-columns-settings-panel-body",value:y,onChange:w,children:n(g,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:x,useOverlay:!1,renderItem:({value:o,label:r,disabled:m,fixed:d,show:c})=>e(t,{children:[n(s,{disabled:m,value:o,children:r}),e("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[n(u,{color:"left"===d?"primary":"default",disabled:m||!c,icon:n("left"===d?i:l,{}),size:"small",tip:"left"===d?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{"left"===d?M(o):M(o,"left")}}),n(p,{orientation:"vertical"}),n(u,{color:"right"===d?"primary":"default",disabled:m||!c,icon:n("right"===d?i:a,{}),size:"small",tip:"right"===d?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{"right"===d?M(o):M(o,"right")}})]})]}),onChange:j})})]})}),(()=>!1));x.displayName="VefColumnsSettings";export{x 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/esm/vef-table/components/operation-buttons.mjs

@@ -0,0 +1,12 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{MoreOutlined as o}from"@ant-design/icons";import{css as t}from"@emotion/react";import{useComputedActionButtons as i}from"@vef-framework/hooks";import{invokeMaybeAsyncFn as r,showConfirmation as l}from"@vef-framework/shared";import{useMemo as c,useState as a,useCallback as s}from"react";import d from"../../vef-button/index.mjs";import m from"../../vef-dropdown/index.mjs";import f from"../../vef-flex/index.mjs";import p from"../../vef-popconfirm/index.mjs";import{useTableContextSelector as h}from"../hooks/use-table-context.mjs";const u=t`
+  .vef-btn-sm {
+    --vef-control-height-sm: 24px;
+    --vef-button-padding-inline-sm: 4px;
+
+    &.vef-btn-icon-only {
+      padding-inline: 2px;
+    }
+  }
+`;function x({record:t,rowIndex:x,operationButtons:b,maxVisibleOperationButtons:k}){const{externalContext:g,refetch:y,isFetching:C,selectedKeys:v,selectedRecords:j}=h((e=>{const{externalContext:n,refetch:o,isFetching:t,selectedKeys:i,selectedRecords:r}=e;return{externalContext:n,refetch:o,isFetching:t,selectedKeys:i,selectedRecords:r}})),w=c((()=>({record:t,rowIndex:x,refetch:y,isFetching:C,selectedKeys:v,selectedRecords:j,...g??{}})),[g,C,t,y,x,v,j]),F=i(b,w),[K,R]=a(!1),q=c((()=>F.length>k?F.slice(k).map((e=>{const{key:n,label:o,icon:t,disabled:i}=e;return{type:"item",key:n,label:o,icon:t,disabled:i}})):[]),[F,k]),[z,I]=a(!1),[M,O]=a(null),T=s((()=>{I(!1),O(null)}),[]),B=c((()=>{if(0!==q.length)return async e=>{const{requireConfirmation:n,confirmationMode:o,confirmationTitle:t,confirmationContent:i,onClick:c}=F.find((n=>n.key===e)),a=async()=>{try{await r(c,{beforeInvoke:()=>{R(!0)},onFinally:()=>{R(!1)}},w)}finally{T()}};n?"simple"===o?(O({title:t,content:i,okHandler:a}),I(!0)):l(t,i,a,{onCancel:()=>{O(null)}}):await a()}}),[F,w,T,q.length]);return e(f,{align:"center",css:u,gap:"small",justify:"center",children:[F.slice(0,k).map((e=>{const{key:o,label:t,icon:i,color:r,disabled:l,requireConfirmation:c,confirmationMode:a,confirmationTitle:s,confirmationContent:m,onClick:f}=e;return n(d,c?{requireConfirmation:!0,color:r,confirmationContent:m,confirmationMode:a,confirmationTitle:s,disabled:l||K,icon:i,size:"small",variant:"filled",onConfirmationOk:()=>f(w),children:t}:{color:r,disabled:l||K,icon:i,size:"small",variant:"filled",onClick:e=>(e.stopPropagation(),f(w)),children:t},o)})),F.length>k&&n(m,{disabled:K,items:q,onClick:B,children:n(p,{content:M?.content,disabled:K,opened:z,title:M?.title,onCancel:T,onOk:M?.okHandler,children:n(d,{color:"primary",disabled:K,icon:n(o,{}),loading:K,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}export{x 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/esm/vef-table/components/settings-icon.mjs

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as m}from"@vef-framework/shared";import{SettingsIcon as t}from"lucide-react";import{memo as e}from"react";import i from"../../vef-icon/index.mjs";import{useTableContextSelector as c}from"../hooks/use-table-context.mjs";const a=r`
+  color: ${m.colorPrimary};
+`,n=e((()=>{const r=c((o=>o.columnConfigMapHasChanged));return o(i,{css:r?a:void 0,children:o(t,{})})}),(()=>!1));export{n 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/esm/vef-table/components/table-footer.mjs

@@ -0,0 +1,19 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as t,invokeMaybeAsyncFn as n}from"@vef-framework/shared";import{useMemo as r,memo as a}from"react";import l from"../../vef-button/index.mjs";import c from"../../vef-pagination/index.mjs";import m from"../../vef-text/index.mjs";import{useTableContextSelector as d}from"../hooks/use-table-context.mjs";const f=i`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--vef-table-footer-gap);
+
+  > div {
+    flex: auto;
+    display: flex;
+    align-items: center;
+    gap: ${t.padding};
+  }
+
+  > .vef-pagination {
+    flex: none;
+  }
+`;const s=a((function({selectionSummary:i,size:t,paginationProps:a,batchActionButtons:s,batchActionButtonContext:p}){const u=d((o=>o.selectedRecords)),b=r((()=>{if(!1!==i)return i?i(u):u.length>0?o(m,{color:"secondary",children:["已选择"," ",e(m,{bold:!0,color:"blue",children:u.length})," ","项"]}):void 0}),[i,u]),v=r((()=>s.map((o=>{const{key:i,label:t,icon:r,disabled:a,color:c,requireConfirmation:m,confirmationMode:d,confirmationTitle:f,confirmationContent:s,onClick:u}=o,b=async()=>{await n(u,{},p)};return e(l,m?{requireConfirmation:!0,color:c,confirmationContent:s,confirmationMode:d,confirmationTitle:f,disabled:a,icon:r,onConfirmationOk:b,children:t}:{color:c,disabled:a,icon:r,onClick:b,children:t},i)}))),[s,p]),g=r((()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${"small"===t?"-sm":"medium"===t?"-md":""})`})),[t]);return o("div",{css:f,style:g,children:[o("div",{children:[b,v]}),e(c,{...a})]})}));s.displayName="VefTableFooter";export{s 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 */