@vef-framework/components 1.0.62 → 1.0.64

package/lib/vef-access-denied/index.cjs

@@ -1,8 +1,21 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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("lucide-react"),t=require("../vef-button/index.cjs"),n=require("../vef-icon/index.cjs"),a=require("./access-denied-icon.cjs"),c=i.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 lucideReact = require('lucide-react');
+const index = require('../vef-button/index.cjs');
+const index$1 = require('../vef-icon/index.cjs');
+const accessDeniedIcon = require('./access-denied-icon.cjs');
+
+const accessDeniedStyle = react.css`
   height: 100%;
-  ${r.styles.flexCenter}
-`,o=i.css`
+  ${shared.styles.flexCenter}
+`;
+const contentStyle = react.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,20 +23,46 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${r.themeVariables.margin};
+  row-gap: ${shared.themeVariables.margin};
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${r.themeVariables.fontSizeLg};
+    font-size: ${shared.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${r.themeVariables.colorTextTertiary};
+    color: ${shared.themeVariables.colorTextTertiary};
   }
 
   span.vef-access-denied-uri {
-    padding-left: ${r.themeVariables.paddingSm};
-    color: ${r.themeVariables.colorWarningText};
+    padding-left: ${shared.themeVariables.paddingSm};
+    color: ${shared.themeVariables.colorWarningText};
   }
-`;exports.default=function({uri:i,title:r="抱歉，您没有权限访问该页面～～～",onNavigateHome:l}){return e.jsx("div",{css:c,children:e.jsxs("div",{css:o,children:[e.jsx(a.default,{}),e.jsx("span",{children:r}),i&&e.jsxs("span",{children:["路径:",e.jsx("span",{className:"vef-access-denied-uri",children:i})]}),e.jsx(t.default,{color:"primary",size:"large",icon:e.jsx(n.default,{children:e.jsx(s.ArrowLeftIcon,{})}),onClick:l,children:"回到首页"})]})})};
+`;
+function VefAccessDenied({
+  uri,
+  title = "\u62B1\u6B49\uFF0C\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u8BE5\u9875\u9762\uFF5E\uFF5E\uFF5E",
+  onNavigateHome
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: accessDeniedStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: contentStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(accessDeniedIcon.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+    uri && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "\u8DEF\u5F84:",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vef-access-denied-uri", children: uri })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color: "primary",
+        size: "large",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}) }),
+        onClick: onNavigateHome,
+        children: "\u56DE\u5230\u9996\u9875"
+      }
+    )
+  ] }) });
+}
+
+exports.default = VefAccessDenied;
 /*! 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-access-denied/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-action-buttons/index.cjs

@@ -1,3 +1,80 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),n=require("react"),i=require("../vef-button/index.cjs"),t=require("../vef-flex/index.cjs");const r=n.memo((function({buttons:n,context:r,useFlexContainer:c=!0,size:s="medium"}){const u=o.useAuthorizedItems(n),l=r??{},a=o.useComputedActionButtons(u,l);if(0===a.length)return null;const d=a.map((o=>{const{key:n,label:t,icon:r,color:c,disabled:u,requireConfirmation:a,confirmationMode:d,confirmationTitle:m,confirmationContent:f,onClick:x}=o,C=()=>x?.(l);return a?e.jsx(i.default,{requireConfirmation:!0,color:c,confirmationContent:f,confirmationMode:d,confirmationTitle:m,disabled:u,icon:r,size:s,onConfirmationOk:C,children:t},n):e.jsx(i.default,{color:c,disabled:u,icon:r,size:s,onClick:C,children:t},n)}));return c?e.jsx(t.default,{wrap:!0,align:"center",gap:"medium",children:d}):e.jsx(e.Fragment,{children:d})}));r.displayName="VefActionButtons",exports.default=r;
+/*! 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 react = require('react');
+const index = require('../vef-button/index.cjs');
+const index$1 = require('../vef-flex/index.cjs');
+
+function VefActionButtonsBase({
+  buttons,
+  context,
+  useFlexContainer = true,
+  size = "medium"
+}) {
+  const authorizedButtons = hooks.useAuthorizedItems(buttons);
+  const contextToUse = context ?? {};
+  const computedButtons = hooks.useComputedActionButtons(authorizedButtons, contextToUse);
+  if (computedButtons.length === 0) {
+    return null;
+  }
+  const buttonsNode = computedButtons.map((button) => {
+    const {
+      key,
+      label,
+      icon,
+      color,
+      disabled,
+      requireConfirmation,
+      confirmationMode,
+      confirmationTitle,
+      confirmationContent,
+      onClick
+    } = button;
+    const handleClick = () => onClick?.(contextToUse);
+    if (requireConfirmation) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        index.default,
+        {
+          requireConfirmation: true,
+          color,
+          confirmationContent,
+          confirmationMode,
+          confirmationTitle,
+          disabled,
+          icon,
+          size,
+          onConfirmationOk: handleClick,
+          children: label
+        },
+        key
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color,
+        disabled,
+        icon,
+        size,
+        onClick: handleClick,
+        children: label
+      },
+      key
+    );
+  });
+  if (useFlexContainer) {
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { wrap: true, align: "center", gap: "medium", children: buttonsNode });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonsNode });
+}
+const VefActionButtons = react.memo(
+  VefActionButtonsBase
+);
+VefActionButtons.displayName = "VefActionButtons";
+
+exports.default = VefActionButtons;
 /*! 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-action-buttons/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-auto-sizer/index.cjs

@@ -1,3 +1,11 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react-virtualized-auto-sizer");exports.default=e;
+/*! 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 AutoSizer = require('react-virtualized-auto-sizer');
+
+const VefAutoSizer = AutoSizer;
+
+exports.default = VefAutoSizer;
 /*! 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-auto-sizer/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-avatar/index.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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");exports.default=function({size:t="medium",...i}){return e.jsx(r.Avatar,{crossOrigin:"anonymous",draggable:!1,size:"medium"===t?"default":t,...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 antd = require('antd');
+
+function VefAvatar({
+  size = "medium",
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Avatar,
+    {
+      crossOrigin: "anonymous",
+      draggable: false,
+      size: size === "medium" ? "default" : size,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefAvatar;
 /*! 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-avatar/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-avatar-group/index.cjs

@@ -1,3 +1,30 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),r=require("react"),{Group:u}=t.Avatar;exports.default=function({max:t,size:o="medium",...i}){const s=r.useMemo((()=>({count:t})),[t]);return e.jsx(u,{max:s,size:"medium"===o?"default":o,...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 antd = require('antd');
+const react = require('react');
+
+const { Group } = antd.Avatar;
+function VefAvatarGroup({
+  max,
+  size = "medium",
+  ...restProps
+}) {
+  const maxToUse = react.useMemo(() => ({
+    count: max
+  }), [max]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Group,
+    {
+      max: maxToUse,
+      size: size === "medium" ? "default" : size,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefAvatarGroup;
 /*! 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-avatar-group/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-badge/index.cjs

@@ -1,3 +1,52 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),t=require("antd"),r=require("react");exports.default=function({variant:u="default",count:s,overflowCount:i,showZero:f,size:n,offset:d,color:l}){const a=o.useColorTokens(),c=r.useMemo((()=>"dot"===u?{dot:!0,color:l?a.get(l):void 0,size:"medium"===n?"default":n,offset:d}:{count:s,overflowCount:i,showZero:f,size:"medium"===n?"default":n,offset:d,color:l?a.get(l):void 0}),[u,s,i,f,n,d,l,a]);return e.jsx(t.Badge,{...c})};
+/*! 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 antd = require('antd');
+const react = require('react');
+
+function VefBadge({
+  variant = "default",
+  count,
+  overflowCount,
+  showZero,
+  size,
+  offset,
+  color
+}) {
+  const colorTokens = hooks.useColorTokens();
+  const badgeProps = react.useMemo(() => {
+    if (variant === "dot") {
+      return {
+        dot: true,
+        color: color ? colorTokens.get(color) : void 0,
+        size: size === "medium" ? "default" : size,
+        offset
+      };
+    }
+    return {
+      count,
+      overflowCount,
+      showZero,
+      size: size === "medium" ? "default" : size,
+      offset,
+      color: color ? colorTokens.get(color) : void 0
+    };
+  }, [
+    variant,
+    count,
+    overflowCount,
+    showZero,
+    size,
+    offset,
+    color,
+    colorTokens
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { ...badgeProps });
+}
+
+exports.default = VefBadge;
 /*! 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-badge/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-bool/hooks/use-bool-instance.cjs

@@ -1,3 +1,39 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useBoolInstance=function(r,u){const t=e.useRef(null),c=e.useRef(null);return e.useImperativeHandle(u,(()=>"switch"===r?{focus:()=>{t.current?.focus({preventScroll:!0})},blur:()=>{t.current?.blur()}}:{focus:()=>{c.current?.focus({preventScroll:!0})},blur:()=>{c.current?.blur()}})),{switchRef:t,checkboxRef:c}};
+/*! 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 useBoolInstance(variant, ref) {
+  const switchRef = react.useRef(null);
+  const checkboxRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => {
+    if (variant === "switch") {
+      return {
+        focus: () => {
+          switchRef.current?.focus({ preventScroll: true });
+        },
+        blur: () => {
+          switchRef.current?.blur();
+        }
+      };
+    } else {
+      return {
+        focus: () => {
+          checkboxRef.current?.focus({ preventScroll: true });
+        },
+        blur: () => {
+          checkboxRef.current?.blur();
+        }
+      };
+    }
+  });
+  return {
+    switchRef,
+    checkboxRef
+  };
+}
+
+exports.useBoolInstance = useBoolInstance;
 /*! 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-bool/index.cjs

@@ -1,3 +1,65 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/shared"),i=require("antd"),o=require("react"),r=require("./hooks/use-bool-instance.cjs");const a=o.memo(o.forwardRef((function({defaultValue:a,value:n,disabled:d,size:s,label:c,indeterminate:u,variant:l="switch",loading:h,onChange:f},m){const b=o.useMemo((()=>{if(t.isFunction(f))return"switch"===l?e=>f(e):({target:{checked:e}})=>f(e)}),[f,l]),{switchRef:k,checkboxRef:g}=r.useBoolInstance(l,m);return"switch"===l?e.jsx(i.Switch,{ref:k,defaultChecked:a,disabled:d,loading:h,size:"medium"===s?"default":s,onChange:b,...void 0===n?{}:{checked:n}}):e.jsx(i.Checkbox,{ref:g,defaultChecked:a,disabled:d,indeterminate:u,onChange:b,...void 0===n?{}:{checked:n},children:c})})));a.displayName="VefBool",exports.default=a;
+/*! 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');
+const useBoolInstance = require('./hooks/use-bool-instance.cjs');
+
+function VefBoolBase({
+  defaultValue,
+  value,
+  disabled,
+  size,
+  label,
+  indeterminate,
+  variant = "switch",
+  loading,
+  onChange
+}, ref) {
+  const handleChange = react.useMemo(() => {
+    if (!shared.isFunction(onChange)) {
+      return;
+    }
+    if (variant === "switch") {
+      return (value2) => onChange(value2);
+    } else {
+      return ({ target: { checked } }) => onChange(checked);
+    }
+  }, [onChange, variant]);
+  const { switchRef, checkboxRef } = useBoolInstance.useBoolInstance(variant, ref);
+  if (variant === "switch") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Switch,
+      {
+        ref: switchRef,
+        defaultChecked: defaultValue,
+        disabled,
+        loading,
+        size: size === "medium" ? "default" : size,
+        onChange: handleChange,
+        ...value === void 0 ? {} : { checked: value }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Checkbox,
+    {
+      ref: checkboxRef,
+      defaultChecked: defaultValue,
+      disabled,
+      indeterminate,
+      onChange: handleChange,
+      ...value === void 0 ? {} : { checked: value },
+      children: label
+    }
+  );
+}
+const VefBool = react.memo(react.forwardRef(VefBoolBase));
+VefBool.displayName = "VefBool";
+
+exports.default = VefBool;
 /*! 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-bool/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-breadcrumb/index.cjs

@@ -1,3 +1,53 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),i=require("react");exports.default=function({items:s,onClick:a}){const l=i.useMemo((()=>s.map((e=>{const{label:t,key:i,dropdownItems:s}=e;return{title:t,key:i,menu:r.isArray(s)&&s.length>0?{items:s.map((e=>({key:e.key,title:e.label}))),onClick:({key:e})=>a?.(e)}:void 0}}))),[s,a]),n=i.useCallback((({key:t,title:i})=>r.isString(t)?e.jsx("a",{className:"vef-breadcrumb-link",onClick:()=>a?.(t),children:i}):e.jsx("span",{className:"vef-breadcrumb-text",children:i})),[a]);return e.jsx(t.Breadcrumb,{itemRender:n,items: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 react = require('react');
+
+function VefBreadcrumb({ items, onClick }) {
+  const breadcrumbItems = react.useMemo(() => items.map((item) => {
+    const {
+      label,
+      key,
+      dropdownItems
+    } = item;
+    return {
+      title: label,
+      key,
+      menu: shared.isArray(dropdownItems) && dropdownItems.length > 0 ? {
+        items: dropdownItems.map((it) => ({
+          key: it.key,
+          title: it.label
+        })),
+        onClick: ({ key: key2 }) => onClick?.(key2)
+      } : void 0
+    };
+  }), [items, onClick]);
+  const renderItem = react.useCallback(({ key, title }) => {
+    if (shared.isString(key)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          className: "vef-breadcrumb-link",
+          onClick: () => onClick?.(key),
+          children: title
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vef-breadcrumb-text", children: title });
+  }, [onClick]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Breadcrumb,
+    {
+      itemRender: renderItem,
+      items: breadcrumbItems
+    }
+  );
+}
+
+exports.default = VefBreadcrumb;
 /*! 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-breadcrumb/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-button/components/base-button.cjs

@@ -1,3 +1,78 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),i=require("antd"),t=require("react");require("../../internal/index.cjs");const a=require("../../internal/utils.cjs"),n=[...o.defaultColorTypes,"default","primary","error"],s=t.forwardRef((({color:o,iconPosition:t,size:s,type:l,variant:d="solid",autoInsertSpace:u,disabled:c,loading:f,...p},m)=>{const v=r.useColorTokens(),g="left"===t?"start":"right"===t?"end":void 0;if(!o||n.includes(o))return e.jsx(i.Button,{ref:m,autoInsertSpace:u,color:"error"===o?"danger":o,disabled:!f&&c,htmlType:l,iconPosition:g,loading:f,size:a.convertBasicSizeToUiSize(s),variant:d,...p});if(v.has(o))return e.jsx(i.ConfigProvider,{theme:{token:{colorPrimary:v.get(o)}},children:e.jsx(i.Button,{ref:m,autoInsertSpace:u,color:"primary",disabled:!f&&c,htmlType:l,iconPosition:g,loading:f,size:a.convertBasicSizeToUiSize(s),variant:d,...p})});throw new Error(`Invalid button color: ${o}`)}));s.displayName="VefBaseButton",exports.default=s;
+/*! 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');
+require('../../internal/index.cjs');
+const utils = require('../../internal/utils.cjs');
+
+const buttonColorTypes = [...shared.defaultColorTypes, "default", "primary", "error"];
+const VefBaseButton = react.forwardRef(({
+  color,
+  iconPosition,
+  size,
+  type,
+  variant = "solid",
+  autoInsertSpace,
+  disabled,
+  loading,
+  ...restProps
+}, ref) => {
+  const colorTokens = hooks.useColorTokens();
+  const iconPositionToUse = iconPosition === "left" ? "start" : iconPosition === "right" ? "end" : void 0;
+  if (!color || buttonColorTypes.includes(color)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Button,
+      {
+        ref,
+        autoInsertSpace,
+        color: color === "error" ? "danger" : color,
+        disabled: loading ? false : disabled,
+        htmlType: type,
+        iconPosition: iconPositionToUse,
+        loading,
+        size: utils.convertBasicSizeToUiSize(size),
+        variant,
+        ...restProps
+      }
+    );
+  }
+  if (colorTokens.has(color)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.ConfigProvider,
+      {
+        theme: {
+          token: {
+            colorPrimary: colorTokens.get(color)
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Button,
+          {
+            ref,
+            autoInsertSpace,
+            color: "primary",
+            disabled: loading ? false : disabled,
+            htmlType: type,
+            iconPosition: iconPositionToUse,
+            loading,
+            size: utils.convertBasicSizeToUiSize(size),
+            variant,
+            ...restProps
+          }
+        )
+      }
+    );
+  } else {
+    throw new Error(`Invalid button color: ${color}`);
+  }
+});
+VefBaseButton.displayName = "VefBaseButton";
+
+exports.default = VefBaseButton;
 /*! 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 */