@vef-framework/components 1.0.63 → 1.0.64

package/lib/vef-not-found/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-page/index.cjs

@@ -1,15 +1,27 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),i=require("motion/react"),o=require("../vef-scroll-area/index.cjs"),l=require("../vef-title/index.cjs"),n=a.css`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+const clsx = require('clsx');
+const react$1 = require('motion/react');
+const index$1 = require('../vef-scroll-area/index.cjs');
+const index = require('../vef-title/index.cjs');
+
+const pageStyle = react.css`
   height: 100%;
   display: flex;
   flex-direction: column;
-  background-color: ${t.themeVariables.colorBgLayout};
+  background-color: ${shared.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};
+    background-color: ${shared.themeVariables.colorBgContainer};
+    padding: ${shared.themeVariables.paddingSm} ${shared.themeVariables.paddingLg};
+    border-bottom: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorderSecondary};
 
     &.vef-page-header-default {
       display: flex;
@@ -37,10 +49,10 @@
   }
 
   .vef-page-content {
-    margin: ${t.themeVariables.marginSm};
+    margin: ${shared.themeVariables.marginSm};
 
     &.vef-page-content-footer-padding {
-      padding-bottom: calc(${t.themeVariables.controlHeight} * 2);
+      padding-bottom: calc(${shared.themeVariables.controlHeight} * 2);
     }
   }
 
@@ -50,10 +62,78 @@
     left: 0;
     right: 0;
     z-index: 9;
-    border-top: ${t.themeVariables.lineWidth} ${t.themeVariables.lineType} ${t.themeVariables.colorBorderSecondary};
+    border-top: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorderSecondary};
     background-color: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(8px);
-    height: calc(${t.themeVariables.controlHeight} * 2);
+    height: calc(${shared.themeVariables.controlHeight} * 2);
   }
-`;exports.default=function({title:a,actions:t,header:s,footer:c,scrollable:d=!1,children:f}){return e.jsxs("div",{css:n,children:[!1!==s&&e.jsx("div",{className:r("vef-page-header",{"vef-page-header-default":!s}),children:s||e.jsxs(e.Fragment,{children:[e.jsx(l.default,{noPaddingBottom:!0,showLeftBar:!0,className:"vef-page-title",level:5,children:a??"无标题"}),e.jsx("div",{className:"vef-page-actions",children:t})]})}),d?e.jsxs(o.default,{className:"vef-page-body",scrollDirection:"both",children:[e.jsx("div",{className:r("vef-page-content",{"vef-page-content-footer-padding":!!c}),children:f}),e.jsx(i.AnimatePresence,{children:c&&e.jsx(i.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:c})})]}):e.jsx("div",{className:"vef-page-body vef-page-content",children:f})]})};
+`;
+function VefPage({
+  title,
+  actions,
+  header,
+  footer,
+  scrollable = false,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: pageStyle, children: [
+    header !== false && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx("vef-page-header", {
+          "vef-page-header-default": !header
+        }),
+        children: header || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            index.default,
+            {
+              noPaddingBottom: true,
+              showLeftBar: true,
+              className: "vef-page-title",
+              level: 5,
+              children: title ?? "\u65E0\u6807\u9898"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-page-actions", children: actions })
+        ] })
+      }
+    ),
+    scrollable ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { className: "vef-page-body", scrollDirection: "both", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: clsx("vef-page-content", {
+            "vef-page-content-footer-padding": !!footer
+          }),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: footer && /* @__PURE__ */ jsxRuntime.jsx(
+        react$1.motion.div,
+        {
+          className: "vef-page-footer",
+          animate: {
+            opacity: 1,
+            y: 0
+          },
+          exit: {
+            opacity: 0,
+            y: 60
+          },
+          initial: {
+            opacity: 0,
+            y: 60
+          },
+          transition: {
+            duration: 0.2,
+            ease: "easeInOut"
+          },
+          children: footer
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-page-body vef-page-content", children })
+  ] });
+}
+
+exports.default = VefPage;
 /*! 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.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.cjs

@@ -1,3 +1,62 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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.cjs"),o=require("./props.cjs");function r(t){return e.jsxs(e.Fragment,{children:["共"," ",e.jsx(i.default,{bold:!0,children:t})," ","条"]})}const n={listHeight:300};const u=a.memo((function({defaultPageNumber:a,defaultPageSize:i,pageNumber:u,pageSize:s,total:l,size:g,pageSizeOptions:d=o.defaultPageSizeOptions,allowChangePageSize:c=!0,showTotal:p=!0,compact:m,allowQuickJump:f,onChange:h,...z}){return e.jsx(t.Pagination,{current:u,defaultCurrent:a,defaultPageSize:i,pageSize:s,pageSizeOptions:d,showQuickJumper:f,showSizeChanger:c?n:c,showTotal:p?r:void 0,simple:m,size:"medium"===g?"default":g,total:l,onChange:h,...z})}));u.displayName="VefPagination",exports.default=u;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+const react = require('react');
+const index = require('../vef-text/index.cjs');
+const props = require('./props.cjs');
+
+function renderTotal(total) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "\u5171",
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { bold: true, children: total }),
+    " ",
+    "\u6761"
+  ] });
+}
+const sizeChangerProps = {
+  listHeight: 300
+};
+function VefPaginationBase({
+  defaultPageNumber,
+  defaultPageSize,
+  pageNumber,
+  pageSize,
+  total,
+  size,
+  pageSizeOptions = props.defaultPageSizeOptions,
+  allowChangePageSize = true,
+  showTotal = true,
+  compact,
+  allowQuickJump,
+  onChange,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Pagination,
+    {
+      current: pageNumber,
+      defaultCurrent: defaultPageNumber,
+      defaultPageSize,
+      pageSize,
+      pageSizeOptions,
+      showQuickJumper: allowQuickJump,
+      showSizeChanger: allowChangePageSize ? sizeChangerProps : allowChangePageSize,
+      showTotal: showTotal ? renderTotal : void 0,
+      simple: compact,
+      size: size === "medium" ? "default" : size,
+      total,
+      onChange,
+      ...restProps
+    }
+  );
+}
+const VefPagination = react.memo(VefPaginationBase);
+VefPagination.displayName = "VefPagination";
+
+exports.default = VefPagination;
 /*! 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.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.defaultPageSizeOptions=[5,10,15,20,30,40,50,100];
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const defaultPageSizeOptions = [
+  5,
+  10,
+  15,
+  20,
+  30,
+  40,
+  50,
+  100
+];
+
+exports.defaultPageSizeOptions = defaultPageSizeOptions;
 /*! 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.cjs

@@ -1,3 +1,94 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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:n}=t.Typography;exports.default=function({variant:t,color:s,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"===s?e.type="secondary":s&&(e.css={color:v.get(s)}),d&&(e.strong=!0),e}),[d,s,v,t]),k=a.useMemo((()=>{if(x)return{format:"text/plain",text:f,onCopy:y}}),[x,f,y]);return e.jsx(n,{copyable:k,ellipsis:g,...h,...b})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+
+const { Paragraph } = antd.Typography;
+function VefParagraph({
+  variant,
+  color,
+  bold,
+  ellipsis,
+  ellipsisRows = 2,
+  expandable,
+  defaultExpanded,
+  expanded,
+  copyable,
+  copiedText,
+  onCopy,
+  onExpand,
+  ...restProps
+}) {
+  const ellipsisConfig = react.useMemo(() => {
+    if (ellipsis) {
+      return {
+        rows: ellipsisRows,
+        expandable: expandable ? "collapsible" : void 0,
+        defaultExpanded,
+        expanded,
+        onExpand: shared.isFunction(onExpand) ? (_, { expanded: expanded2 }) => {
+          onExpand(expanded2);
+        } : void 0
+      };
+    }
+  }, [
+    expandable,
+    defaultExpanded,
+    ellipsis,
+    ellipsisRows,
+    expanded,
+    onExpand
+  ]);
+  const colorTokens = hooks.useColorTokens();
+  const styleProps = react.useMemo(() => {
+    const props = {};
+    if (variant === "strikethrough") {
+      props.delete = true;
+    } else if (variant) {
+      props[variant] = true;
+    }
+    if (color === "secondary") {
+      props.type = "secondary";
+    } else if (color) {
+      props.css = {
+        color: colorTokens.get(color)
+      };
+    }
+    if (bold) {
+      props.strong = true;
+    }
+    return props;
+  }, [
+    bold,
+    color,
+    colorTokens,
+    variant
+  ]);
+  const copyConfig = react.useMemo(() => {
+    if (copyable) {
+      return {
+        format: "text/plain",
+        text: copiedText,
+        onCopy
+      };
+    }
+  }, [copyable, copiedText, onCopy]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Paragraph,
+    {
+      copyable: copyConfig,
+      ellipsis: ellipsisConfig,
+      ...styleProps,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefParagraph;
 /*! 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.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function usePasswordInstance(ref) {
+  const passwordRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => passwordRef.current?.blur(),
+    focus: () => passwordRef.current?.focus({ preventScroll: true })
+  }));
+  return passwordRef;
+}
+
+exports.usePasswordInstance = 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/lib/vef-password/index.cjs

@@ -1,3 +1,72 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),o=require("antd"),n=require("react");require("../internal/index.cjs");const s=require("./hooks/use-password-instance.cjs"),t=require("../internal/utils.cjs"),{Password:u}=o.Input;function a(e){return""===e?null:e}const i=n.forwardRef((({defaultValue:o,value:i,size:l,clearable:c,showCount:d,onChange:v,onEnterKeyPress:f,onBlur:w,onFocus:g,...q},h)=>{const j=n.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(w)?e=>w(a(e.target.value)):void 0,onFocus:r.isFunction(g)?e=>g(a(e.target.value)):void 0})),[v,f,w,g]),m=s.usePasswordInstance(h);return e.jsx(u,{ref:m,allowClear:c,defaultValue:o,showCount:d,size:t.convertBasicSizeToUiSize(l),value:i,...q,...j})}));i.displayName="VefPassword",exports.default=i;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const usePasswordInstance = require('./hooks/use-password-instance.cjs');
+const utils = require('../internal/utils.cjs');
+
+const { Password } = antd.Input;
+function normalizeValue(value) {
+  if (value === "") {
+    return null;
+  }
+  return value;
+}
+const VefPassword = react.forwardRef(
+  ({
+    defaultValue,
+    value,
+    size,
+    clearable,
+    showCount,
+    onChange,
+    onEnterKeyPress,
+    onBlur,
+    onFocus,
+    ...restProps
+  }, ref) => {
+    const eventHandlers = react.useMemo(() => ({
+      onChange: shared.isFunction(onChange) ? (event) => onChange(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onPressEnter: shared.isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onBlur: shared.isFunction(onBlur) ? (event) => onBlur(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onFocus: shared.isFunction(onFocus) ? (event) => onFocus(
+        normalizeValue(event.target.value)
+      ) : void 0
+    }), [
+      onChange,
+      onEnterKeyPress,
+      onBlur,
+      onFocus
+    ]);
+    const passwordRef = usePasswordInstance.usePasswordInstance(ref);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Password,
+      {
+        ref: passwordRef,
+        allowClear: clearable,
+        defaultValue,
+        showCount,
+        size: utils.convertBasicSizeToUiSize(size),
+        value,
+        ...restProps,
+        ...eventHandlers
+      }
+    );
+  }
+);
+VefPassword.displayName = "VefPassword";
+
+exports.default = VefPassword;
 /*! 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.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.cjs

@@ -1,3 +1,61 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),o=require("antd"),t=require("lucide-react"),r=require("react"),a=require("../vef-icon/index.cjs"),c={autoInsertSpace:!1,icon:e.jsx(a.default,{children:e.jsx(t.CheckIcon,{})})},i={autoInsertSpace:!1,variant:"text",color:"default"};function u(e){e.stopPropagation()}const l=r.forwardRef((({title:t=n.defaultMessageTitle,content:a,cancelable:l=!0,defaultOpened:s,opened:p,onOpenedChange:d,onOk:f,onCancel:m,...x},C)=>{const v=r.useRef(null);return r.useImperativeHandle(C,(()=>v.current.nativeElement)),e.jsx(o.Popconfirm,{ref:v,cancelButtonProps:i,defaultOpen:s,description:a,icon:n.infoIcon,okButtonProps:c,open:p,showCancel:l,title:t,onCancel:m,onConfirm:f,onOpenChange:d,onPopupClick:u,...x})}));l.displayName="VefPopconfirm",exports.default=l;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const lucideReact = require('lucide-react');
+const react = require('react');
+const index = require('../vef-icon/index.cjs');
+
+const okButtonProps = {
+  autoInsertSpace: false,
+  icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+};
+const cancelButtonProps = {
+  autoInsertSpace: false,
+  variant: "text",
+  color: "default"
+};
+function popupClickHandler(event) {
+  event.stopPropagation();
+}
+const VefPopconfirm = react.forwardRef(({
+  title = shared.defaultMessageTitle,
+  content,
+  cancelable = true,
+  defaultOpened,
+  opened,
+  onOpenedChange,
+  onOk,
+  onCancel,
+  ...restProps
+}, ref) => {
+  const tooltipRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => tooltipRef.current.nativeElement);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Popconfirm,
+    {
+      ref: tooltipRef,
+      cancelButtonProps,
+      defaultOpen: defaultOpened,
+      description: content,
+      icon: shared.infoIcon,
+      okButtonProps,
+      open: opened,
+      showCancel: cancelable,
+      title,
+      onCancel,
+      onConfirm: onOk,
+      onOpenChange: onOpenedChange,
+      onPopupClick: popupClickHandler,
+      ...restProps
+    }
+  );
+});
+VefPopconfirm.displayName = "VefPopconfirm";
+
+exports.default = VefPopconfirm;
 /*! 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.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.cjs

@@ -1,3 +1,34 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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:i,trigger:n="click",arrow:a=!1,...u},l)=>{const s=t.useRef(null);return t.useImperativeHandle(l,(()=>s.current.nativeElement)),e.jsx(r.Popover,{ref:s,arrow:a,content:i,title:o,trigger:n,...u})}));o.displayName="VefPopover",exports.default=o;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+const react = require('react');
+
+const VefPopover = react.forwardRef(({
+  title,
+  content,
+  trigger = "click",
+  arrow = false,
+  ...restProps
+}, ref) => {
+  const popoverRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => popoverRef.current.nativeElement);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Popover,
+    {
+      ref: popoverRef,
+      arrow,
+      content,
+      title,
+      trigger,
+      ...restProps
+    }
+  );
+});
+VefPopover.displayName = "VefPopover";
+
+exports.default = VefPopover;
 /*! 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.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.cjs

@@ -1,3 +1,45 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useDataOptions({
+  value,
+  onChange,
+  ...rest
+}) {
+  const {
+    normalizedOptions,
+    defaultOption,
+    isLoading
+  } = hooks.useComputedOptions({
+    ...rest,
+    isGrouped: false,
+    filterable: false,
+    selectedOptionValues: value ? [value] : []
+  });
+  const optionsMap = react.useMemo(() => normalizedOptions.reduce((map, option) => {
+    map.set(option.value, option);
+    return map;
+  }, /* @__PURE__ */ new Map()), [normalizedOptions]);
+  react.useLayoutEffect(() => {
+    if (defaultOption && shared.isFunction(onChange) && shared.isNullish(value)) {
+      onChange(
+        defaultOption.value,
+        defaultOption
+      );
+    }
+  }, [defaultOption, onChange, value]);
+  return {
+    optionsMap,
+    normalizedOptions,
+    isLoading
+  };
+}
+
+exports.useDataOptions = 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/lib/vef-radio/hooks/use-radio-instance.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useRadioInstance(ref, dataOptions) {
+  const radioRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => {
+      radioRef.current?.blur();
+    },
+    focus: () => {
+      radioRef.current?.focus({
+        preventScroll: true
+      });
+    },
+    getDataOptions: () => dataOptions
+  }));
+  return radioRef;
+}
+
+exports.useRadioInstance = 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 */