@vef-framework/components 1.0.17 → 1.0.18

package/lib/vef-page/index.js

@@ -0,0 +1,59 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@emotion/react"),t=require("@vef-framework/shared"),r=require("clsx"),o=require("motion/react"),i=require("../vef-scroll-area/index.js"),l=require("../vef-title/index.js"),n=a.css`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: ${t.themeVariables.colorBgLayout};
+
+  .vef-page-header {
+    flex: none;
+    background-color: ${t.themeVariables.colorBgContainer};
+    padding: ${t.themeVariables.paddingSm} ${t.themeVariables.paddingLg};
+    border-bottom: ${t.themeVariables.lineWidth} ${t.themeVariables.lineType} ${t.themeVariables.colorBorderSecondary};
+
+    &.vef-page-header-default {
+      display: flex;
+      align-items: center;
+
+      > *:first-of-type {
+        flex: none;
+      }
+
+      > *:last-of-type {
+        flex: auto;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+    }
+
+    .vef-typography {
+      font-weight: normal;
+    }
+  }
+
+  .vef-page-body {
+    flex: 1;
+  }
+
+  .vef-page-content {
+    margin: ${t.themeVariables.marginSm};
+
+    &.vef-page-content-footer-padding {
+      padding-bottom: calc(${t.themeVariables.controlHeight} * 2);
+    }
+  }
+
+  .vef-page-footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 9;
+    border-top: ${t.themeVariables.lineWidth} ${t.themeVariables.lineType} ${t.themeVariables.colorBorderSecondary};
+    background-color: rgba(255, 255, 255, 0.6);
+    backdrop-filter: blur(8px);
+    height: calc(${t.themeVariables.controlHeight} * 2);
+  }
+`;exports.default=({title:a,actions:t,header:s,footer:d,scrollable:c=!1,children:f})=>{const h=s||e.jsxs(e.Fragment,{children:[e.jsx(l.default,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:a}),e.jsx("div",{children:t})]});return e.jsxs("div",{css:n,children:[e.jsx("div",{className:r("vef-page-header",{"vef-page-header-default":!toolbar}),children:h}),c?e.jsxs(i.default,{className:"vef-page-body",scrollDirection:"both",children:[e.jsx("div",{className:r("vef-page-content",{"vef-page-content-footer-padding":!!d}),children:f}),e.jsx(o.AnimatePresence,{children:d&&e.jsx(o.motion.div,{className:"vef-page-footer",animate:{opacity:1,y:0},exit:{opacity:0,y:60},initial:{opacity:0,y:60},transition:{duration:.2,ease:"easeInOut"},children:d})})]}):e.jsx("div",{className:"vef-page-body vef-page-content",children:f})]})};
+/*! 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-page/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-pagination/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),a=require("react"),i=require("../vef-text/index.js"),o=require("./props.js");function r(t){return e.jsxs(e.Fragment,{children:["共"," ",e.jsx(i.default,{bold:!0,children:t})," ","条"]})}const u={listHeight:300},n=a.memo((({defaultPageNumber:a,defaultPageSize:i,pageNumber:n,pageSize:s,total:l,size:g,pageSizeOptions:d=o.defaultPageSizeOptions,allowChangePageSize:p=!0,showTotal:m=!0,compact:c,allowQuickJump:f,onChange:h,...z})=>e.jsx(t.Pagination,{current:n,defaultCurrent:a,defaultPageSize:i,pageSize:s,pageSizeOptions:d,showQuickJumper:f,showSizeChanger:p?u:p,showTotal:m?r:void 0,simple:c,size:"medium"===g?"default":g,total:l,onChange:h,...z})));n.displayName="VefPagination",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-pagination/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.defaultPageSizeOptions=[5,10,15,20,30,40,50,100];
+/*! 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-paragraph/index.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-password/hooks/use-password-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.usePasswordInstance=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-password/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),n=require("antd"),o=require("react");require("../internal/index.js");const t=require("./hooks/use-password-instance.js"),s=require("../internal/utils.js"),{Password:u}=n.Input;function a(e){return""===e?null:e}const i=o.forwardRef((({defaultValue:n,value:i,size:l,clearable:c,showCount:d,onChange:v,onEnterKeyPress:f,onBlur:g,onFocus:w,...q},h)=>{const j=o.useMemo((()=>({onChange:r.isFunction(v)?e=>v(a(e.target.value)):void 0,onPressEnter:r.isFunction(f)?e=>f(a(e.target.value)):void 0,onBlur:r.isFunction(g)?e=>g(a(e.target.value)):void 0,onFocus:r.isFunction(w)?e=>w(a(e.target.value)):void 0})),[v,f,g,w]),F=t.usePasswordInstance(h);return e.jsx(u,{ref:F,allowClear:c,defaultValue:n,showCount:d,size:s.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-password/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-popconfirm/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),t=require("antd"),o=require("lucide-react"),r=require("react"),a=require("../vef-icon/index.js"),c={autoInsertSpace:!1,icon:e.jsx(a.default,{children:e.jsx(o.CheckIcon,{})})},i={autoInsertSpace:!1,variant:"text",color:"default"};function u(e){e.stopPropagation()}const l=r.forwardRef((({title:o=n.defaultMessageTitle,content:a,cancelable:l=!0,defaultOpened:s,opened:d,onOpenedChange:p,onOk:f,onCancel:m,...x},C)=>{const v=r.useRef(null);return r.useImperativeHandle(C,(()=>v.current.nativeElement)),e.jsx(t.Popconfirm,{ref:v,cancelButtonProps:i,defaultOpen:s,description:a,icon:n.infoIcon,okButtonProps:c,open:d,showCancel:l,title:o,onCancel:m,onConfirm:f,onOpenChange:p,onPopupClick:u,...x})}));exports.default=l;
+/*! 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-popconfirm/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-popover/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),o=t.forwardRef((({title:o,content:n,trigger:i="click",arrow:u=!1,...a},l)=>{const s=t.useRef(null);return t.useImperativeHandle(l,(()=>s.current.nativeElement)),e.jsx(r.Popover,{ref:s,arrow:u,content:n,title:o,trigger:i,...a})}));exports.default=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-popover/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-radio/hooks/use-data-options.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("react");exports.useDataOptions=function({value:i,onChange:s,...r}){const{normalizedOptions:n,defaultOption:u,isLoading:a}=e.useComputedOptions({...r,isGrouped:!1,filterable:!1,selectedOptionValues:i?[i]:[]}),l=t.useMemo((()=>n.reduce(((e,o)=>(e.set(o.value,o),e)),new Map)),[n]);return t.useLayoutEffect((()=>{u&&o.isFunction(s)&&o.isNullish(i)&&s(u.value,u)}),[u,s,i]),{optionsMap:l,normalizedOptions:n,isLoading:a}};
+/*! 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-radio/hooks/use-radio-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useRadioInstance=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-radio/index.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-rate/hooks/use-rate-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useRateInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus()}))),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-rate/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),a=require("react"),s=require("./hooks/use-rate-instance.js"),o=a.forwardRef((({character:o,...u},i)=>{const n=a.useMemo((()=>r.isFunction(o)?({index:e})=>o(e):o),[o]),c=s.useRateInstance(i);return e.jsx(t.Rate,{ref:c,character:n,...u})}));exports.default=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-rate/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-responsive-container/index.js

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),i=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("motion/react"),n=require("react"),s=require("../vef-responsive-item/index.js"),a=r.css`
+  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);
+`,m=n.forwardRef((({style:r,baseItemWidth:m=320,autoExpand:u=!0,gap:f=0,children:p,...v},d)=>{if(m%2!=0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");n.Children.forEach(p,(e=>{if(!n.isValidElement(e)||e.type!==s.default)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")}));const l=i.useGapSizeNormalizer(),c=n.useMemo((()=>o.isArray(f)?f.map((e=>l(e))).join(" "):l(f)),[f,l]),h=n.useMemo((()=>{const e=u?"auto-fit":"auto-fill";return{...r,"--vef-responsive-container-auto-mode":e,"--vef-responsive-container-base-width":m/2+"px","--vef-responsive-container-gap":c}}),[u,m,c,r]);return e.jsx(t.motion.div,{ref:d,css:a,style:h,...v,children:p})})),u=n.memo(m);u.displayName="VefResponsiveContainer",exports.default=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-responsive-container/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-responsive-item/index.js

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),s=require("motion/react"),t=require("react"),o=r.css`
+  grid-column: span var(--vef-responsive-item-span);
+`,i=t.forwardRef((({style:r,span:i=1,children:n,...a},u)=>{const c=t.useMemo((()=>({...r,"--vef-responsive-item-span":2*i})),[i,r]);return e.jsx(s.motion.div,{ref:u,css:o,style:c,...a,children:n})}));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-responsive-item/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-ribbon/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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("antd"),t=require("react"),{Ribbon:n}=o.Badge;exports.default=({color:o,position:i="right",children:s})=>{const a=r.useColorTokens(),l=t.useMemo((()=>{if(!o)return{placement:"right"===i?"end":"start",text:s};if(a.has(o))return{color:o?a.get(o):void 0,placement:"right"===i?"end":"start",text:s};throw new Error(`Invalid color value "${o}" of VefRibbon component. Color must be a valid color token.`)}),[s,o,a,i]);return e.jsx(n,{...l})};
+/*! 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-ribbon/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-row/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=r=>e.jsx(t.Row,{...r});
+/*! 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-row/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-scroll-area/components/scrollbar.js

@@ -0,0 +1,34 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@emotion/react/jsx-runtime"),e=require("@emotion/react"),a=require("@radix-ui/react-scroll-area"),o=require("@vef-framework/shared"),l=require("react"),i=e.css`
+  --vef-scroll-area-scrollbar-padding: 2px;
+
+  display: flex;
+  touch-action: none;
+  user-select: none;
+`,t=e.css`
+  height: 100%;
+  width: var(--vef-scroll-area-scrollbar-size);
+  border-left-width: 1px;
+  border-left-color: transparent;
+  padding: var(--vef-scroll-area-scrollbar-padding);
+`,s=e.css`
+  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);
+`,c=e.css`
+  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: ${o.themeVariables.motionEaseInOutCirc};
+  transition-duration: ${o.themeVariables.motionDurationMid};
+
+  &:hover {
+    background-color: hsl(240 5.9% 84%);
+  }
+`,n=l.forwardRef((({orientation:e="vertical",...o},l)=>r.jsx(a.ScrollAreaScrollbar,{ref:l,orientation:e,css:[i,"vertical"===e&&t,"horizontal"===e&&s],...o,children:r.jsx(a.ScrollAreaThumb,{css:c})})));n.displayName="VefScrollbar",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-scroll-area/index.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-select/components/option.js

@@ -0,0 +1,11 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),r=require("@vef-framework/shared"),s=require("react"),l=require("../../vef-text/index.js"),t=i.css`
+  display: flex;
+  flex-direction: column;
+  row-gap: 4px;
+
+  > .vef-typography-secondary {
+    font-size: ${r.themeVariables.fontSizeSm};
+  }
+`,o=s.memo((({label:i,description:r})=>r?e.jsxs("div",{css:t,children:[e.jsx(l.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:i}),e.jsx(l.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:r})]}):e.jsx(l.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:i})));o.displayName="VefOption",exports.default=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-select/hooks/use-data-options.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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,grouped:a=!1,multiple:n=!1,onChange:r,...s}){const{onFilterKeywordChange:l,normalizedOptions:u,defaultOption:p,isLoading:d,fallbackOptions:c,isFallbackOptionsLoading:f}=e.useComputedOptions({...s,isGrouped:a,selectedOptionValues:o.isArray(t)?t:t?[t]:[]});return i.useLayoutEffect((()=>{p&&o.isFunction(r)&&o.isNullish(t)&&r(n?[p.value]:p.value,n?[p]:p)}),[p,n,r,t]),{onFilterKeywordChange:l,normalizedOptions:u,isLoading:d,fallbackOptions:c,isFallbackOptionsLoading:f}};
+/*! 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-select/hooks/use-field-names.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFieldNames=function(l){return e.useMemo((()=>l?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[l])};
+/*! 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-select/hooks/use-render-label.js

@@ -0,0 +1,10 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@ant-design/icons"),i=require("@emotion/react"),n=require("react"),t=require("../../vef-spin/index.js"),s=i.css`
+  display: inline-flex;
+  align-items: center;
+
+  .vef-spin {
+    color: inherit;
+  }
+`;exports.useRenderLabel=function(i,l){return n.useCallback((({label:n,value:a})=>{if(n)return n;if(i)return e.jsx("span",{css:s,children:e.jsx(t.default,{indicator:e.jsx(r.LoadingOutlined,{}),size:"small"})});const u=l?.find((e=>e.value===a));return u?.label??a}),[i,l])};
+/*! 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-select/hooks/use-render-option.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),i=require("../components/option.js");exports.useRenderOption=function(n){return t.useMemo((()=>r.isFunction(n)?({data:e},{index:r})=>n({...e,index:r}):({data:{label:r,description:t}})=>e.jsx(i.default,{description:t,label:r??"Missing Label"})),[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-select/hooks/use-select-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSelectInstance=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-select/index.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-slider/hooks/use-slider-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSliderInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus()}))),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-slider/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),o=require("./hooks/use-slider-instance.js"),s=t.forwardRef((({step:s,tipFormatter:n,onChange:i,...u},a)=>{const l=t.useMemo((()=>{if(n)return{formatter:e=>n(e)}}),[n]),d=o.useSliderInstance(a);return e.jsx(r.Slider,{ref:d,step:"mark"===s?null:s,tooltip:l,onChange:i,...u})}));exports.default=s;
+/*! 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-slider/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-sortable-list/components/overlay-item.js

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@ant-design/icons"),s=require("@emotion/react"),t=e.jsx(n.HolderOutlined,{}),r=s.css`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;exports.default=function({item:n,renderItem:s,useHandle:o,handleClassName:i,handleStyle:l,handleIcon:a}){return e.jsxs(e.Fragment,{children:[o&&e.jsx("div",{className:i,css:r,style:l,children:a??t}),s(n,!0)]})};
+/*! 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-sortable-list/components/sortable-item.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react");exports.useMergedItems=function(r,s,o){if(e.isNullish(r)&&e.isNullish(s))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[i,u]=t.useState(r??[]);return[s??i,t.useCallback((e=>{s?o?.(e(s)):u(e)}),[s,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-sortable-list/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@dnd-kit/core"),r=require("@dnd-kit/modifiers"),s=require("@dnd-kit/sortable"),i=require("@vef-framework/shared"),a=require("react"),n=require("./components/overlay-item.js"),o=require("./components/sortable-item.js"),d=require("./hooks/use-merged-items.js");const l=a.memo((function({defaultItems:l,items:c,itemKey:m="id",className:u,style:g,orientation:y="vertical",useOverlay:v=!0,restrictStrategy:x="parent",onChange:S,...p}){const[f,j]=d.useMergedItems(l,c,S),b=t.useSensors(t.useSensor(t.PointerSensor)),q=a.useMemo((()=>i.isFunction(m)?m:e=>e[m]),[m]),[h,k]=a.useState(),C=a.useCallback((({active:e})=>{k(f[e.data.current.index])}),[f]),E=a.useCallback((({active:e,over:t})=>{t&&e.id!==t.id&&j((r=>s.arrayMove(r,e.data.current.index,t.data.current.index)))}),[j]),D=f.map((e=>q(e))),{itemClassName:M,itemStyle:N,disabled:T,...w}=p;return e.jsx(t.DndContext,{collisionDetection:t.closestCenter,sensors:b,modifiers:["parent"===x?r.restrictToParentElement:r.restrictToWindowEdges],onDragEnd:E,onDragStart:C,children:e.jsx(s.SortableContext,{items:D,strategy:"vertical"===y?s.verticalListSortingStrategy:s.horizontalListSortingStrategy,children:e.jsxs("div",{className:u,style:g,children:[f.map(((t,r)=>{const s=q(t);return e.jsx(o.default,{item:t,itemIndex:r,itemKey:s,...p},s)})),v&&e.jsx(t.DragOverlay,{className:M,style:N,wrapperElement:"div",modifiers:["parent"===x?r.restrictToParentElement:r.restrictToWindowEdges],children:h&&e.jsx(n.default,{item:h,...w})})]})})})}));l.displayName="VefSortableList",exports.default=l;
+/*! 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-sortable-list/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-space/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),a=require("react");exports.default=({gap:s,...i})=>{const u=r.useGapSizeNormalizer(),m=a.useMemo((()=>o.isArray(s)?s.map((e=>u(e))):s?u(s):s),[s,u]);return e.jsx(t.Space,{size:m,...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-space/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-spin/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=({size:i,...r})=>e.jsx(t.Spin,{size:"medium"===i?"default":i,...r});
+/*! 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-spin/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-splitter/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=({orientation:o,onResizeBegin:r,...i})=>e.jsx(t.Splitter,{layout:o,onResizeStart:r,...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-splitter/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-splitter-panel/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),{Panel:r}=t.Splitter;exports.default=({...t})=>e.jsx(r,{...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-splitter-panel/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-status/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),t=require("antd"),o=require("react");exports.default=({processing:u=!1,color:s="default",children:a})=>{const l=r.useColorTokens(),n=o.useMemo((()=>{if("default"===s)return{status:"default",text:a};if(l.has(s))return{status:u?"processing":"default",color:l.get(s),text:a};throw new Error(`Invalid color value "${s}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[s,l,u,a]);return e.jsx(t.Badge,{...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-status/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-table/components/columns/bool.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children: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-table/components/columns/data-dictionary.js

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

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children: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-table/components/columns/icon.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children: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-table/components/columns/id.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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");exports.default=function({value:t}){return e.jsx("img",{alt:r.extractBaseName(t),src: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-table/components/columns/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bool.js"),r=require("./code.js"),u=require("./data-dictionary.js"),t=require("./enum.js"),i=require("./file.js"),a=require("./icon.js"),d=require("./id.js"),o=require("./image.js"),s=require("./markdown.js"),l=require("./number.js"),n=require("./render.js"),f=require("./rich-text.js"),j=require("./text.js");require("./props.js");const q={Text:j.default,Number:l.default,Enum:t.default,Boolean:e.default,DataDictionary:u.default,Id:d.default,Render:n.default,Markdown:s.default,Icon:a.default,File:i.default,RichText:f.default,Image:o.default,Code:r.default};exports.columnComponents=q;
+/*! 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-table/components/columns/markdown.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children: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-table/components/columns/number.js

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-table/components/columns/render.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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/shared"),o=require("react");exports.default=function({value:n,record:i,rowIndex:u,columnProps:s}){if("Render"!==s.type)throw new t.VefError(-1,"Column type must be Render");const{render:d,width:c}=s,a=d?.(n,i,u),m=o.useMemo((()=>{if(c)return r.css({maxWidth:`${c}px !important`})}),[c]);return e.jsx("div",{css:m,children:a})};
+/*! 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-table/components/columns/rich-text.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children: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-table/components/columns/text.js

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