@vef-framework/components 1.0.63 → 1.0.64

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

@@ -1,8 +1,17 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 o,themeVariables as n}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`
+/*! 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`
   height: 100%;
-  ${o.flexCenter}
-`,l=r`
+  ${styles.flexCenter}
+`;
+const contentStyle = css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,20 +19,46 @@ import{jsx as e,jsxs as i}from"@emotion/react/jsx-runtime";import{css as r}from"
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${n.margin};
+  row-gap: ${themeVariables.margin};
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${n.fontSizeLg};
+    font-size: ${themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${n.colorTextTertiary};
+    color: ${themeVariables.colorTextTertiary};
   }
 
   span.vef-access-denied-uri {
-    padding-left: ${n.paddingSm};
-    color: ${n.colorWarningText};
+    padding-left: ${themeVariables.paddingSm};
+    color: ${themeVariables.colorWarningText};
   }
-`;function m({uri:r,title:o="抱歉，您没有权限访问该页面～～～",onNavigateHome:n}){return e("div",{css:d,children:i("div",{css:l,children:[e(a,{}),e("span",{children:o}),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:n,children:"回到首页"})]})})}export{m as default};
+`;
+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 };
 /*! 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,3 +1,76 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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({buttons:t,context:m,useFlexContainer:a=!0,size:l="medium"}){const f=i(t),s=m??{},d=e(f,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:f,confirmationTitle:d,confirmationContent:u,onClick:p}=n,C=()=>p?.(s);return o(r,a?{requireConfirmation:!0,color:c,confirmationContent:u,confirmationMode:f,confirmationTitle:d,disabled:m,icon:t,size:l,onConfirmationOk:C,children:e}:{color:c,disabled:m,icon:t,size:l,onClick:C,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 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 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,3 +1,7 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import t from"react-virtualized-auto-sizer";const r=t;export{r as default};
+/*! 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 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,3 +1,21 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{Avatar as r}from"antd";function i({size:i="medium",...m}){return e(r,{crossOrigin:"anonymous",draggable:!1,size:"medium"===i?"default":i,...m})}export{i as default};
+/*! 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 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,3 +1,26 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Avatar as m}from"antd";import{useMemo as o}from"react";const{Group:r}=m;function e({max:m,size:e="medium",...i}){const n=o((()=>({count:m})),[m]);return t(r,{max:n,size:"medium"===e?"default":e,...i})}export{e as default};
+/*! 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 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,3 +1,48 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{Badge as e}from"antd";import{useMemo as r}from"react";function f({variant:f="default",count:i,overflowCount:m,showZero:u,size:n,offset:s,color:a}){const d=t(),c=r((()=>"dot"===f?{dot:!0,color:a?d.get(a):void 0,size:"medium"===n?"default":n,offset:s}:{count:i,overflowCount:m,showZero:u,size:"medium"===n?"default":n,offset:s,color:a?d.get(a):void 0}),[f,i,m,u,n,s,a,d]);return o(e,{...c})}export{f as default};
+/*! 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 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,3 +1,35 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useRef as r,useImperativeHandle as c}from"react";function u(u,e){const t=r(null),l=r(null);return c(e,(()=>"switch"===u?{focus:()=>{t.current?.focus({preventScroll:!0})},blur:()=>{t.current?.blur()}}:{focus:()=>{l.current?.focus({preventScroll:!0})},blur:()=>{l.current?.blur()}})),{switchRef:t,checkboxRef:l}}export{u as useBoolInstance};
+/*! 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 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,3 +1,61 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as t}from"@vef-framework/shared";import{Switch as i,Checkbox as o}from"antd";import{useMemo as a,memo as r,forwardRef as d}from"react";import{useBoolInstance as n}from"./hooks/use-bool-instance.js";const c=r(d((function({defaultValue:r,value:d,disabled:c,size:f,label:s,indeterminate:l,variant:m="switch",loading:h,onChange:u},k){const p=a((()=>{if(t(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(i,{ref:b,defaultChecked:r,disabled:c,loading:h,size:"medium"===f?"default":f,onChange:p,...void 0===d?{}:{checked:d}}):e(o,{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 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 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,3 +1,49 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isArray as t,isString as r}from"@vef-framework/shared";import{Breadcrumb as m}from"antd";import{useMemo as i,useCallback as o}from"react";function n({items:n,onClick:a}){const l=i((()=>n.map((e=>{const{label:r,key:m,dropdownItems:i}=e;return{title:r,key:m,menu:t(i)&&i.length>0?{items:i.map((e=>({key:e.key,title:e.label}))),onClick:({key:e})=>a?.(e)}:void 0}}))),[n,a]),c=o((({key:t,title:m})=>r(t)?e("a",{className:"vef-breadcrumb-link",onClick:()=>a?.(t),children:m}):e("span",{className:"vef-breadcrumb-text",children:m})),[a]);return e(m,{itemRender:c,items:l})}export{n as default};
+/*! 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 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,3 +1,74 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 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 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,3 +1,152 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */