@vef-framework/components 1.0.64 → 1.0.65

package/es/vef-access-denied/index.js

@@ -1,17 +1,8 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { styles, themeVariables } from '@vef-framework/shared';
-import { ArrowLeftIcon } from 'lucide-react';
-import VefButton from '../vef-button/index.js';
-import VefIcon from '../vef-icon/index.js';
-import Memo from './access-denied-icon.js';
-
-const accessDeniedStyle = css`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e,jsxs as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{styles as n,themeVariables as o}from"@vef-framework/shared";import{ArrowLeftIcon as t}from"lucide-react";import c from"../vef-button/index.js";import s from"../vef-icon/index.js";import a from"./access-denied-icon.js";const d=r`
   height: 100%;
-  ${styles.flexCenter}
-`;
-const contentStyle = css`
+  ${n.flexCenter}
+`,l=r`
   width: 40%;
   position: relative;
   top: -60px;
@@ -19,46 +10,20 @@ const contentStyle = css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${themeVariables.margin};
+  row-gap: ${o.margin};
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${themeVariables.fontSizeLg};
+    font-size: ${o.fontSizeLg};
     font-weight: 500;
-    color: ${themeVariables.colorTextTertiary};
+    color: ${o.colorTextTertiary};
   }
 
   span.vef-access-denied-uri {
-    padding-left: ${themeVariables.paddingSm};
-    color: ${themeVariables.colorWarningText};
+    padding-left: ${o.paddingSm};
+    color: ${o.colorWarningText};
   }
-`;
-function VefAccessDenied({
-  uri,
-  title = "\u62B1\u6B49\uFF0C\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u8BE5\u9875\u9762\uFF5E\uFF5E\uFF5E",
-  onNavigateHome
-}) {
-  return /* @__PURE__ */ jsx("div", { css: accessDeniedStyle, children: /* @__PURE__ */ jsxs("div", { css: contentStyle, children: [
-    /* @__PURE__ */ jsx(Memo, {}),
-    /* @__PURE__ */ jsx("span", { children: title }),
-    uri && /* @__PURE__ */ jsxs("span", { children: [
-      "\u8DEF\u5F84:",
-      /* @__PURE__ */ jsx("span", { className: "vef-access-denied-uri", children: uri })
-    ] }),
-    /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color: "primary",
-        size: "large",
-        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
-        onClick: onNavigateHome,
-        children: "\u56DE\u5230\u9996\u9875"
-      }
-    )
-  ] }) });
-}
-
-export { VefAccessDenied as default };
+`;function VefAccessDenied({uri:r,title:n="抱歉，您没有权限访问该页面～～～",onNavigateHome:o}){return e("div",{css:d,children:i("div",{css:l,children:[e(a,{}),e("span",{children:n}),r&&i("span",{children:["路径:",e("span",{className:"vef-access-denied-uri",children:r})]}),e(c,{color:"primary",size:"large",icon:e(s,{children:e(t,{})}),onClick:o,children:"回到首页"})]})})}export{VefAccessDenied as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-action-buttons/index.js

@@ -1,76 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { useAuthorizedItems, useComputedActionButtons } from '@vef-framework/hooks';
-import { memo } from 'react';
-import VefButton from '../vef-button/index.js';
-import VefFlex from '../vef-flex/index.js';
-
-function VefActionButtonsBase({
-  buttons,
-  context,
-  useFlexContainer = true,
-  size = "medium"
-}) {
-  const authorizedButtons = useAuthorizedItems(buttons);
-  const contextToUse = context ?? {};
-  const computedButtons = 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__ */ jsx(
-        VefButton,
-        {
-          requireConfirmation: true,
-          color,
-          confirmationContent,
-          confirmationMode,
-          confirmationTitle,
-          disabled,
-          icon,
-          size,
-          onConfirmationOk: handleClick,
-          children: label
-        },
-        key
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color,
-        disabled,
-        icon,
-        size,
-        onClick: handleClick,
-        children: label
-      },
-      key
-    );
-  });
-  if (useFlexContainer) {
-    return /* @__PURE__ */ jsx(VefFlex, { wrap: true, align: "center", gap: "medium", children: buttonsNode });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: buttonsNode });
-}
-const VefActionButtons = memo(
-  VefActionButtonsBase
-);
-VefActionButtons.displayName = "VefActionButtons";
-
-export { VefActionButtons as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useAuthorizedItems as i,useComputedActionButtons as e}from"@vef-framework/hooks";import{memo as t}from"react";import r from"../vef-button/index.js";import c from"../vef-flex/index.js";const m=t((function VefActionButtonsBase({buttons:t,context:m,useFlexContainer:a=!0,size:f="medium"}){const l=i(t),s=m??{},d=e(l,s);if(0===d.length)return null;const u=d.map((n=>{const{key:i,label:e,icon:t,color:c,disabled:m,requireConfirmation:a,confirmationMode:l,confirmationTitle:d,confirmationContent:u,onClick:p}=n,handleClick=()=>p?.(s);return o(r,a?{requireConfirmation:!0,color:c,confirmationContent:u,confirmationMode:l,confirmationTitle:d,disabled:m,icon:t,size:f,onConfirmationOk:handleClick,children:e}:{color:c,disabled:m,icon:t,size:f,onClick:handleClick,children:e},i)}));return a?o(c,{wrap:!0,align:"center",gap:"medium",children:u}):o(n,{children:u})}));m.displayName="VefActionButtons";export{m as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-auto-sizer/index.js

@@ -1,7 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import AutoSizer from 'react-virtualized-auto-sizer';
-
-const VefAutoSizer = AutoSizer;
-
-export { VefAutoSizer as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import t from"react-virtualized-auto-sizer";const r=t;export{r as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-avatar/index.js

@@ -1,21 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Avatar } from 'antd';
-
-function VefAvatar({
-  size = "medium",
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      crossOrigin: "anonymous",
-      draggable: false,
-      size: size === "medium" ? "default" : size,
-      ...restProps
-    }
-  );
-}
-
-export { VefAvatar as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Avatar as r}from"antd";function VefAvatar({size:t="medium",...a}){return e(r,{crossOrigin:"anonymous",draggable:!1,size:"medium"===t?"default":t,...a})}export{VefAvatar as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-avatar-group/index.js

@@ -1,26 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Avatar } from 'antd';
-import { useMemo } from 'react';
-
-const { Group } = Avatar;
-function VefAvatarGroup({
-  max,
-  size = "medium",
-  ...restProps
-}) {
-  const maxToUse = useMemo(() => ({
-    count: max
-  }), [max]);
-  return /* @__PURE__ */ jsx(
-    Group,
-    {
-      max: maxToUse,
-      size: size === "medium" ? "default" : size,
-      ...restProps
-    }
-  );
-}
-
-export { VefAvatarGroup as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Avatar as r}from"antd";import{useMemo as o}from"react";const{Group:e}=r;function VefAvatarGroup({max:r,size:m="medium",...a}){const u=o((()=>({count:r})),[r]);return t(e,{max:u,size:"medium"===m?"default":m,...a})}export{VefAvatarGroup as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-badge/index.js

@@ -1,48 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useColorTokens } from '@vef-framework/hooks';
-import { Badge } from 'antd';
-import { useMemo } from 'react';
-
-function VefBadge({
-  variant = "default",
-  count,
-  overflowCount,
-  showZero,
-  size,
-  offset,
-  color
-}) {
-  const colorTokens = useColorTokens();
-  const badgeProps = 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__ */ jsx(Badge, { ...badgeProps });
-}
-
-export { VefBadge as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as e}from"@vef-framework/hooks";import{Badge as t}from"antd";import{useMemo as r}from"react";function VefBadge({variant:f="default",count:i,overflowCount:m,showZero:a,size:d,offset:u,color:n}){const s=e(),c=r((()=>"dot"===f?{dot:!0,color:n?s.get(n):void 0,size:"medium"===d?"default":d,offset:u}:{count:i,overflowCount:m,showZero:a,size:"medium"===d?"default":d,offset:u,color:n?s.get(n):void 0}),[f,i,m,a,d,u,n,s]);return o(t,{...c})}export{VefBadge as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-bool/hooks/use-bool-instance.js

@@ -1,35 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { useRef, useImperativeHandle } from 'react';
-
-function useBoolInstance(variant, ref) {
-  const switchRef = useRef(null);
-  const checkboxRef = useRef(null);
-  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
-  };
-}
-
-export { useBoolInstance };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useRef as r,useImperativeHandle as c}from"react";function useBoolInstance(e,u){const n=r(null),o=r(null);return c(u,(()=>"switch"===e?{focus:()=>{n.current?.focus({preventScroll:!0})},blur:()=>{n.current?.blur()}}:{focus:()=>{o.current?.focus({preventScroll:!0})},blur:()=>{o.current?.blur()}})),{switchRef:n,checkboxRef:o}}export{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/es/vef-bool/index.js

@@ -1,61 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction } from '@vef-framework/shared';
-import { Switch, Checkbox } from 'antd';
-import { useMemo, memo, forwardRef } from 'react';
-import { useBoolInstance } from './hooks/use-bool-instance.js';
-
-function VefBoolBase({
-  defaultValue,
-  value,
-  disabled,
-  size,
-  label,
-  indeterminate,
-  variant = "switch",
-  loading,
-  onChange
-}, ref) {
-  const handleChange = useMemo(() => {
-    if (!isFunction(onChange)) {
-      return;
-    }
-    if (variant === "switch") {
-      return (value2) => onChange(value2);
-    } else {
-      return ({ target: { checked } }) => onChange(checked);
-    }
-  }, [onChange, variant]);
-  const { switchRef, checkboxRef } = useBoolInstance(variant, ref);
-  if (variant === "switch") {
-    return /* @__PURE__ */ jsx(
-      Switch,
-      {
-        ref: switchRef,
-        defaultChecked: defaultValue,
-        disabled,
-        loading,
-        size: size === "medium" ? "default" : size,
-        onChange: handleChange,
-        ...value === void 0 ? {} : { checked: value }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      ref: checkboxRef,
-      defaultChecked: defaultValue,
-      disabled,
-      indeterminate,
-      onChange: handleChange,
-      ...value === void 0 ? {} : { checked: value },
-      children: label
-    }
-  );
-}
-const VefBool = memo(forwardRef(VefBoolBase));
-VefBool.displayName = "VefBool";
-
-export { VefBool as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{Switch as t,Checkbox as a}from"antd";import{useMemo as i,memo as r,forwardRef as d}from"react";import{useBoolInstance as n}from"./hooks/use-bool-instance.js";const c=r(d((function VefBoolBase({defaultValue:r,value:d,disabled:c,size:f,label:s,indeterminate:l,variant:m="switch",loading:h,onChange:u},k){const p=i((()=>{if(o(u))return"switch"===m?e=>u(e):({target:{checked:e}})=>u(e)}),[u,m]),{switchRef:b,checkboxRef:g}=n(m,k);return"switch"===m?e(t,{ref:b,defaultChecked:r,disabled:c,loading:h,size:"medium"===f?"default":f,onChange:p,...void 0===d?{}:{checked:d}}):e(a,{ref:g,defaultChecked:r,disabled:c,indeterminate:l,onChange:p,...void 0===d?{}:{checked:d},children:s})})));c.displayName="VefBool";export{c as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-breadcrumb/index.js

@@ -1,49 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isArray, isString } from '@vef-framework/shared';
-import { Breadcrumb } from 'antd';
-import { useMemo, useCallback } from 'react';
-
-function VefBreadcrumb({ items, onClick }) {
-  const breadcrumbItems = useMemo(() => items.map((item) => {
-    const {
-      label,
-      key,
-      dropdownItems
-    } = item;
-    return {
-      title: label,
-      key,
-      menu: 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 = useCallback(({ key, title }) => {
-    if (isString(key)) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "vef-breadcrumb-link",
-          onClick: () => onClick?.(key),
-          children: title
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("span", { className: "vef-breadcrumb-text", children: title });
-  }, [onClick]);
-  return /* @__PURE__ */ jsx(
-    Breadcrumb,
-    {
-      itemRender: renderItem,
-      items: breadcrumbItems
-    }
-  );
-}
-
-export { VefBreadcrumb as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isArray as r,isString as t}from"@vef-framework/shared";import{Breadcrumb as m}from"antd";import{useMemo as a,useCallback as i}from"react";function VefBreadcrumb({items:o,onClick:n}){const l=a((()=>o.map((e=>{const{label:t,key:m,dropdownItems:a}=e;return{title:t,key:m,menu:r(a)&&a.length>0?{items:a.map((e=>({key:e.key,title:e.label}))),onClick:({key:e})=>n?.(e)}:void 0}}))),[o,n]),c=i((({key:r,title:m})=>t(r)?e("a",{className:"vef-breadcrumb-link",onClick:()=>n?.(r),children:m}):e("span",{className:"vef-breadcrumb-text",children:m})),[n]);return e(m,{itemRender:c,items:l})}export{VefBreadcrumb as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-button/components/base-button.js

@@ -1,74 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useColorTokens } from '@vef-framework/hooks';
-import { defaultColorTypes } from '@vef-framework/shared';
-import { Button, ConfigProvider } from 'antd';
-import { forwardRef } from 'react';
-import '../../internal/index.js';
-import { convertBasicSizeToUiSize } from '../../internal/utils.js';
-
-const buttonColorTypes = [...defaultColorTypes, "default", "primary", "error"];
-const VefBaseButton = forwardRef(({
-  color,
-  iconPosition,
-  size,
-  type,
-  variant = "solid",
-  autoInsertSpace,
-  disabled,
-  loading,
-  ...restProps
-}, ref) => {
-  const colorTokens = useColorTokens();
-  const iconPositionToUse = iconPosition === "left" ? "start" : iconPosition === "right" ? "end" : void 0;
-  if (!color || buttonColorTypes.includes(color)) {
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref,
-        autoInsertSpace,
-        color: color === "error" ? "danger" : color,
-        disabled: loading ? false : disabled,
-        htmlType: type,
-        iconPosition: iconPositionToUse,
-        loading,
-        size: convertBasicSizeToUiSize(size),
-        variant,
-        ...restProps
-      }
-    );
-  }
-  if (colorTokens.has(color)) {
-    return /* @__PURE__ */ jsx(
-      ConfigProvider,
-      {
-        theme: {
-          token: {
-            colorPrimary: colorTokens.get(color)
-          }
-        },
-        children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            ref,
-            autoInsertSpace,
-            color: "primary",
-            disabled: loading ? false : disabled,
-            htmlType: type,
-            iconPosition: iconPositionToUse,
-            loading,
-            size: convertBasicSizeToUiSize(size),
-            variant,
-            ...restProps
-          }
-        )
-      }
-    );
-  } else {
-    throw new Error(`Invalid button color: ${color}`);
-  }
-});
-VefBaseButton.displayName = "VefBaseButton";
-
-export { VefBaseButton as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{defaultColorTypes as e}from"@vef-framework/shared";import{Button as t,ConfigProvider as i}from"antd";import{forwardRef as a}from"react";import"../../internal/index.js";import{convertBasicSizeToUiSize as n}from"../../internal/utils.js";const s=[...e,"default","primary","error"],l=a((({color:e,iconPosition:a,size:l,type:m,variant:d="solid",autoInsertSpace:f,disabled:c,loading:p,...u},h)=>{const v=o(),y="left"===a?"start":"right"===a?"end":void 0;if(!e||s.includes(e))return r(t,{ref:h,autoInsertSpace:f,color:"error"===e?"danger":e,disabled:!p&&c,htmlType:m,iconPosition:y,loading:p,size:n(l),variant:d,...u});if(v.has(e))return r(i,{theme:{token:{colorPrimary:v.get(e)}},children:r(t,{ref:h,autoInsertSpace:f,color:"primary",disabled:!p&&c,htmlType:m,iconPosition:y,loading:p,size:n(l),variant:d,...u})});throw new Error(`Invalid button color: ${e}`)}));l.displayName="VefBaseButton";export{l as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-button/index.js

@@ -1,152 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useContextDisabled } from '@vef-framework/hooks';
-import { isNullish, invokeMaybeAsyncFn, defaultMessageTitle, showConfirmation, omit } from '@vef-framework/shared';
-import { forwardRef, useState, useMemo, memo } from 'react';
-import VefPopconfirm from '../vef-popconfirm/index.js';
-import VefTooltip from '../vef-tooltip/index.js';
-import VefBaseButton from './components/base-button.js';
-
-const VefButtonBase = forwardRef(({
-  tip,
-  onClick,
-  disabled = false,
-  loading,
-  ...restProps
-}, ref) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const onConfirmationOkToUse = useMemo(
-    () => {
-      if (restProps.requireConfirmation) {
-        const { onConfirmationOk } = restProps;
-        return isNullish(loading) ? async () => {
-          await invokeMaybeAsyncFn(
-            onConfirmationOk,
-            {
-              beforeInvoke: () => {
-                setIsLoading(true);
-              },
-              onFinally: () => {
-                setIsLoading(false);
-              }
-            }
-          );
-        } : onConfirmationOk;
-      }
-    },
-    // eslint-disable-next-line ts/ban-ts-comment
-    // @ts-expect-error
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [restProps.requireConfirmation, restProps.onConfirmationOk]
-  );
-  const onClickToUse = useMemo(
-    () => {
-      if (!restProps.requireConfirmation) {
-        if (onClick && isNullish(loading)) {
-          return async (event) => {
-            await invokeMaybeAsyncFn(
-              onClick,
-              {
-                beforeInvoke: () => {
-                  setIsLoading(true);
-                },
-                onFinally: () => {
-                  setIsLoading(false);
-                }
-              },
-              event
-            );
-          };
-        } else {
-          return onClick;
-        }
-      }
-      const {
-        confirmationMode = "simple",
-        confirmationTitle = defaultMessageTitle,
-        confirmationContent,
-        onConfirmationCancel
-      } = restProps;
-      if (confirmationMode === "simple") {
-        return (event) => {
-          event.stopPropagation();
-        };
-      }
-      return (event) => {
-        event.stopPropagation();
-        showConfirmation(
-          confirmationTitle,
-          confirmationContent,
-          onConfirmationOkToUse,
-          {
-            onCancel: onConfirmationCancel
-          }
-        );
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      loading,
-      onClick,
-      onConfirmationOkToUse,
-      restProps.requireConfirmation,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationMode,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationTitle,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationContent,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.onConfirmationCancel
-    ]
-  );
-  const contextDisabled = useContextDisabled();
-  const buttonDisabled = contextDisabled || disabled;
-  const buttonNode = /* @__PURE__ */ jsx(
-    VefBaseButton,
-    {
-      ref,
-      disabled: buttonDisabled,
-      loading: loading ?? isLoading,
-      onClick: onClickToUse,
-      ...omit(restProps, [
-        "requireConfirmation",
-        "confirmationMode",
-        "confirmationTitle",
-        "confirmationContent",
-        "onConfirmationOk",
-        "onConfirmationCancel"
-      ])
-    }
-  );
-  const buttonNodeMaybeWithTip = tip ? /* @__PURE__ */ jsx(VefTooltip, { content: tip, children: buttonNode }) : buttonNode;
-  if (restProps.requireConfirmation && restProps.confirmationMode === "simple") {
-    const {
-      confirmationTitle = defaultMessageTitle,
-      confirmationContent,
-      onConfirmationCancel
-    } = restProps;
-    return /* @__PURE__ */ jsx(
-      VefPopconfirm,
-      {
-        ref,
-        content: confirmationContent,
-        disabled: buttonDisabled,
-        title: confirmationTitle,
-        onCancel: onConfirmationCancel,
-        onOk: onConfirmationOkToUse,
-        children: buttonNodeMaybeWithTip
-      }
-    );
-  }
-  return buttonNodeMaybeWithTip;
-});
-const VefButton = memo(VefButtonBase);
-VefButton.displayName = "VefButton";
-
-export { VefButton as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useContextDisabled as n}from"@vef-framework/hooks";import{isNullish as i,invokeMaybeAsyncFn as t,defaultMessageTitle as r,showConfirmation as e,omit as a}from"@vef-framework/shared";import{forwardRef as m,useState as f,useMemo as c,memo as l}from"react";import s from"../vef-popconfirm/index.js";import C from"../vef-tooltip/index.js";import p from"./components/base-button.js";const d=l(m((({tip:m,onClick:l,disabled:d=!1,loading:u,...k},b)=>{const[q,v]=f(!1),y=c((()=>{if(k.requireConfirmation){const{onConfirmationOk:o}=k;return i(u)?async()=>{await t(o,{beforeInvoke:()=>{v(!0)},onFinally:()=>{v(!1)}})}:o}}),[k.requireConfirmation,k.onConfirmationOk]),g=c((()=>{if(!k.requireConfirmation)return l&&i(u)?async o=>{await t(l,{beforeInvoke:()=>{v(!0)},onFinally:()=>{v(!1)}},o)}:l;const{confirmationMode:o="simple",confirmationTitle:n=r,confirmationContent:a,onConfirmationCancel:m}=k;return"simple"===o?o=>{o.stopPropagation()}:o=>{o.stopPropagation(),e(n,a,y,{onCancel:m})}}),[u,l,y,k.requireConfirmation,k.confirmationMode,k.confirmationTitle,k.confirmationContent,k.onConfirmationCancel]),h=n()||d,j=o(p,{ref:b,disabled:h,loading:u??q,onClick:g,...a(k,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),w=m?o(C,{content:m,children:j}):j;if(k.requireConfirmation&&"simple"===k.confirmationMode){const{confirmationTitle:n=r,confirmationContent:i,onConfirmationCancel:t}=k;return o(s,{ref:b,content:i,disabled:h,title:n,onCancel:t,onOk:y,children:w})}return w})));d.displayName="VefButton";export{d as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */