@vef-framework/components 1.0.101 → 1.0.103

package/es/vef-menu/index.js

@@ -1,80 +1,6 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useNormalizedMenuItems } from '@vef-framework/hooks';
-import { themeVariables, isFunction } from '@vef-framework/shared';
-import { Menu } from 'antd';
-import { useMemo } from 'react';
-
-const menuStyle = css`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useNormalizedMenuItems}from"@vef-framework/hooks";import{themeVariables,isFunction}from"@vef-framework/shared";import{Menu}from"antd";import{useMemo}from"react";const menuStyle=css`
   &.vef-menu {
     --vef-menu-icon-size: ${themeVariables.fontSizeLg};
     --vef-menu-collapsed-icon-size: calc(${themeVariables.fontSizeLg} + 2px);
   }
-`;
-function VefMenu({
-  defaultOpenedKeys,
-  openedKeys,
-  orientation = "vertical",
-  inlineCollapsed = false,
-  inlineIndent = 20,
-  inlineExpansion = false,
-  items,
-  selectable = true,
-  deselectable = false,
-  multiple = false,
-  defaultSelectedKeys,
-  selectedKeys,
-  appearance,
-  onClick,
-  onChange,
-  onSelect,
-  onDeselect
-}) {
-  const normalizedItems = useNormalizedMenuItems(items);
-  const [handleClick, handleSelect, handleDeselect] = useMemo(() => {
-    const handleClick2 = isFunction(onClick) ? ({ key, keyPath }) => onClick(key, keyPath) : void 0;
-    const hasOnChange = isFunction(onChange);
-    const handleSelect2 = isFunction(onSelect) || hasOnChange ? ({
-      key,
-      keyPath,
-      selectedKeys: selectedKeys2
-    }) => {
-      onChange?.(selectedKeys2);
-      onSelect?.(key, keyPath);
-    } : void 0;
-    const handleDeselect2 = isFunction(onDeselect) || hasOnChange ? ({
-      key,
-      keyPath,
-      selectedKeys: selectedKeys2
-    }) => {
-      onChange?.(selectedKeys2);
-      onDeselect?.(key, keyPath);
-    } : void 0;
-    return [handleClick2, handleSelect2, handleDeselect2];
-  }, [onClick, onChange, onSelect, onDeselect]);
-  return /* @__PURE__ */ jsx(
-    Menu,
-    {
-      css: menuStyle,
-      defaultOpenKeys: defaultOpenedKeys,
-      defaultSelectedKeys,
-      inlineCollapsed,
-      inlineIndent,
-      items: normalizedItems,
-      mode: orientation === "vertical" ? inlineExpansion ? "inline" : "vertical" : "horizontal",
-      multiple,
-      openKeys: openedKeys,
-      selectable,
-      selectedKeys,
-      theme: appearance,
-      unselectable: deselectable ? "on" : "off",
-      onClick: handleClick,
-      onDeselect: handleDeselect,
-      onSelect: handleSelect
-    }
-  );
-}
-
-export { VefMenu 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 */
+`;function VefMenu({defaultOpenedKeys,openedKeys,orientation="vertical",inlineCollapsed=!1,inlineIndent=20,inlineExpansion=!1,items,selectable=!0,deselectable=!1,multiple=!1,defaultSelectedKeys,selectedKeys,appearance,onClick,onChange,onSelect,onDeselect}){const normalizedItems=useNormalizedMenuItems(items),[handleClick,handleSelect,handleDeselect]=useMemo(()=>{const handleClick2=isFunction(onClick)?({key,keyPath})=>onClick(key,keyPath):void 0,hasOnChange=isFunction(onChange),handleSelect2=isFunction(onSelect)||hasOnChange?({key,keyPath,selectedKeys:selectedKeys2})=>{onChange?.(selectedKeys2),onSelect?.(key,keyPath)}:void 0,handleDeselect2=isFunction(onDeselect)||hasOnChange?({key,keyPath,selectedKeys:selectedKeys2})=>{onChange?.(selectedKeys2),onDeselect?.(key,keyPath)}:void 0;return[handleClick2,handleSelect2,handleDeselect2]},[onClick,onChange,onSelect,onDeselect]);return jsx(Menu,{css:menuStyle,defaultOpenKeys:defaultOpenedKeys,defaultSelectedKeys,inlineCollapsed,inlineIndent,items:normalizedItems,mode:orientation==="vertical"?inlineExpansion?"inline":"vertical":"horizontal",multiple,openKeys:openedKeys,selectable,selectedKeys,theme:appearance,unselectable:deselectable?"on":"off",onClick:handleClick,onDeselect:handleDeselect,onSelect:handleSelect})}/*! 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 */export{VefMenu as default};

package/es/vef-modal/components/action-button-wrapper.js

@@ -1,50 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { invokeMaybeAsyncFn } from '@vef-framework/shared';
-import { useState, useMemo, cloneElement } from 'react';
-import { useModalContextSelector } from '../context.js';
-
-function VefModalActionButtonWrapper({
-  children
-}) {
-  const [isDisabled, setIsDisabled] = useModalContextSelector((ctx) => [ctx.isDisabled, ctx.setIsDisabled]);
-  const [isLoading, setIsLoading] = useState(false);
-  const {
-    disabled,
-    loading,
-    onClick
-  } = children.props;
-  const wrappedOnClick = useMemo(() => {
-    if (!onClick) {
-      return;
-    }
-    return async (event) => {
-      await invokeMaybeAsyncFn(
-        onClick,
-        {
-          beforeInvoke: () => {
-            setIsLoading(true);
-            setIsDisabled(true);
-          },
-          onFinally: () => {
-            setIsLoading(false);
-            setIsDisabled(false);
-          }
-        },
-        event
-      );
-    };
-  }, [onClick, setIsDisabled]);
-  const buttonNode = cloneElement(
-    children,
-    {
-      disabled: isDisabled || disabled,
-      loading: isLoading || loading,
-      onClick: wrappedOnClick
-    }
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: buttonNode });
-}
-
-export { VefModalActionButtonWrapper 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx,Fragment}from"@emotion/react/jsx-runtime";import{invokeMaybeAsyncFn}from"@vef-framework/shared";import{useState,useMemo,cloneElement}from"react";import{useModalContextSelector}from"../context.js";function VefModalActionButtonWrapper({children}){const[isDisabled,setIsDisabled]=useModalContextSelector(ctx=>[ctx.isDisabled,ctx.setIsDisabled]),[isLoading,setIsLoading]=useState(!1),{disabled,loading,onClick}=children.props,wrappedOnClick=useMemo(()=>{if(onClick)return async event=>{await invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setIsLoading(!0),setIsDisabled(!0)},onFinally:()=>{setIsLoading(!1),setIsDisabled(!1)}},event)}},[onClick,setIsDisabled]),buttonNode=cloneElement(children,{disabled:isDisabled||disabled,loading:isLoading||loading,onClick:wrappedOnClick});return jsx(Fragment,{children:buttonNode})}/*! 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 */export{VefModalActionButtonWrapper as default};

package/es/vef-modal/components/button-props.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-
-/*! 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. *//*! 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-modal/components/cancel-action-button.js

@@ -1,19 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import VefButton from '../../vef-button/index.js';
-import VefModalActionButtonWrapper from './action-button-wrapper.js';
-
-function VefCancelActionButton({ text, onClick }) {
-  return /* @__PURE__ */ jsx(VefModalActionButtonWrapper, { children: /* @__PURE__ */ jsx(
-    VefButton,
-    {
-      color: "default",
-      variant: "text",
-      onClick,
-      children: text
-    }
-  ) });
-}
-
-export { VefCancelActionButton 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import VefButton from"../../vef-button/index.js";import VefModalActionButtonWrapper from"./action-button-wrapper.js";function VefCancelActionButton({text,onClick}){return jsx(VefModalActionButtonWrapper,{children:jsx(VefButton,{color:"default",variant:"text",onClick,children:text})})}/*! 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 */export{VefCancelActionButton as default};

package/es/vef-modal/components/ok-action-button.js

@@ -1,21 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { CheckIcon } from 'lucide-react';
-import VefButton from '../../vef-button/index.js';
-import VefIcon from '../../vef-icon/index.js';
-import VefModalActionButtonWrapper from './action-button-wrapper.js';
-
-function VefOkActionButton({ text, onClick }) {
-  return /* @__PURE__ */ jsx(VefModalActionButtonWrapper, { children: /* @__PURE__ */ jsx(
-    VefButton,
-    {
-      color: "primary",
-      icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
-      onClick,
-      children: text
-    }
-  ) });
-}
-
-export { VefOkActionButton 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{CheckIcon}from"lucide-react";import VefButton from"../../vef-button/index.js";import VefIcon from"../../vef-icon/index.js";import VefModalActionButtonWrapper from"./action-button-wrapper.js";function VefOkActionButton({text,onClick}){return jsx(VefModalActionButtonWrapper,{children:jsx(VefButton,{color:"primary",icon:jsx(VefIcon,{children:jsx(CheckIcon,{})}),onClick,children:text})})}/*! 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 */export{VefOkActionButton as default};

package/es/vef-modal/context.js

@@ -1,16 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { createSelectableContext, noop } from '@vef-framework/shared';
-
-const {
-  ContextProvider: ModalContextProvider,
-  useContext: useModalContext,
-  useContextSelector: useModalContextSelector
-} = createSelectableContext({
-  isDisabled: false,
-  setIsDisabled: noop,
-  isFullyOpened: false,
-  isFullyClosed: false
-});
-
-export { ModalContextProvider, useModalContext, useModalContextSelector };
-/*! 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{createSelectableContext,noop}from"@vef-framework/shared";const{ContextProvider:ModalContextProvider,useContext:useModalContext,useContextSelector:useModalContextSelector}=createSelectableContext({isDisabled:!1,setIsDisabled:noop,isFullyOpened:!1,isFullyClosed:!1});/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{ModalContextProvider,useModalContext,useModalContextSelector};

package/es/vef-modal/index.js

@@ -1,242 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useWindowSize, useElementSize } from '@vef-framework/hooks';
-import { isFunction } from '@vef-framework/shared';
-import { Modal } from 'antd';
-import { useDragControls, motion } from 'motion/react';
-import { useCallback, useState, useMemo, useEffect, memo } from 'react';
-import VefCancelActionButton from './components/cancel-action-button.js';
-import VefOkActionButton from './components/ok-action-button.js';
-import { ModalContextProvider } from './context.js';
-export { default as VefModalActionButtonWrapper } from './components/action-button-wrapper.js';
-
-const titleStyle = css`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useWindowSize,useElementSize}from"@vef-framework/hooks";import{isFunction}from"@vef-framework/shared";import{Modal}from"antd";import{useDragControls,motion}from"motion/react";import{useCallback,useState,useMemo,useEffect,memo}from"react";import VefCancelActionButton from"./components/cancel-action-button.js";import VefOkActionButton from"./components/ok-action-button.js";import{ModalContextProvider}from"./context.js";import{default as default2}from"./components/action-button-wrapper.js";const titleStyle=css`
   cursor: move;
   user-select: none;
-`;
-function VefModalBase({
-  title,
-  open,
-  closable = true,
-  closeOnEscPress = true,
-  closeOnMaskClick = false,
-  destroyOnClose = false,
-  showCancelButton = true,
-  cancelButtonText = "取消",
-  okButtonText = "提交",
-  actions,
-  width,
-  loading = false,
-  cancelOnClose = true,
-  onClose,
-  onOk,
-  onCancel,
-  onAfterOpen,
-  onAfterClose,
-  children
-}) {
-  const dragControls = useDragControls();
-  const handleDrag = useCallback((event) => {
-    event.stopPropagation();
-    dragControls.start(event);
-  }, [dragControls]);
-  const { width: windowWidth, height: windowHeight } = useWindowSize();
-  const [modalEl, setModalEl] = useState(null);
-  const modalSize = useElementSize(modalEl);
-  const dragConstraints = useMemo(() => {
-    if (!modalSize) {
-      return {
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0
-      };
-    }
-    const { width: width2, height } = modalSize;
-    return {
-      left: -(windowWidth / 2 - width2 / 2),
-      top: -(windowHeight / 2 - height / 2),
-      right: windowWidth / 2 - width2 / 2,
-      bottom: windowHeight / 2 - height / 2
-    };
-  }, [modalSize, windowHeight, windowWidth]);
-  const widthToUse = useMemo(() => {
-    if (width === "small") {
-      return 378;
-    } else if (width === "medium") {
-      return 736;
-    } else if (width === "narrow") {
-      return "25vw";
-    } else if (width === "half") {
-      return "50vw";
-    } else if (width === "wide") {
-      return "75vw";
-    } else if (width === "full") {
-      return "100vw";
-    }
-    return width;
-  }, [width]);
-  const renderContent = useCallback((node) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      ref: (el) => setModalEl(el),
-      drag: true,
-      dragConstraints,
-      dragControls,
-      dragElastic: 0.3,
-      dragListener: false,
-      dragMomentum: false,
-      children: node
-    }
-  ), [dragConstraints, dragControls]);
-  const titleContent = useMemo(() => /* @__PURE__ */ jsx(
-    "div",
-    {
-      css: titleStyle,
-      onPointerDown: handleDrag,
-      children: title
-    }
-  ), [title, handleDrag]);
-  const [isDisabled, setIsDisabled] = useState(false);
-  const [modalVisibleState, setModalVisibleState] = useState({
-    isFullyOpened: false,
-    isFullyClosed: false
-  });
-  const modalContext = useMemo(() => ({
-    isDisabled,
-    setIsDisabled,
-    ...modalVisibleState
-  }), [isDisabled, setIsDisabled, modalVisibleState]);
-  const modalDisabled = loading || isDisabled;
-  useEffect(() => {
-    if (open && modalVisibleState.isFullyClosed) {
-      setModalVisibleState((prevState) => ({
-        ...prevState,
-        isFullyClosed: false
-      }));
-    }
-  }, [open]);
-  const handleClose = useCallback((isCancel) => {
-    if (modalDisabled) {
-      return;
-    }
-    setModalVisibleState((prevState) => ({
-      ...prevState,
-      isFullyOpened: false
-    }));
-    if (cancelOnClose) {
-      onClose?.();
-      onCancel?.();
-      return;
-    }
-    if (isCancel) {
-      onCancel?.();
-    } else {
-      onClose?.();
-    }
-  }, [
-    modalDisabled,
-    cancelOnClose,
-    onClose,
-    onCancel
-  ]);
-  const actionNode = useMemo(() => {
-    const cancelButton = /* @__PURE__ */ jsx(
-      VefCancelActionButton,
-      {
-        text: cancelButtonText,
-        onClick: () => handleClose(true)
-      },
-      "cancelActionButton"
-    );
-    const okButton = /* @__PURE__ */ jsx(VefOkActionButton, { text: okButtonText, onClick: onOk }, "okActionButton");
-    if (isFunction(actions)) {
-      return actions([cancelButton, okButton]);
-    }
-    if (actions) {
-      return actions;
-    }
-    if (!showCancelButton) {
-      return okButton;
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      cancelButton,
-      okButton
-    ] });
-  }, [
-    cancelButtonText,
-    okButtonText,
-    onOk,
-    actions,
-    showCancelButton,
-    handleClose
-  ]);
-  const handleCancel = useCallback(({ type, target }) => {
-    let isClose = true;
-    if (type === "click") {
-      const el = target;
-      let parent = el.parentElement;
-      while (parent) {
-        if (parent.classList.contains("vef-modal-content")) {
-          isClose = true;
-          break;
-        }
-        if (parent.classList.contains("vef-modal-footer")) {
-          isClose = false;
-          break;
-        }
-        parent = parent.parentElement;
-      }
-    }
-    handleClose(!isClose);
-  }, [handleClose]);
-  const handleAfterOpenChange = useCallback((open2) => {
-    const hasAfterOpen = isFunction(onAfterOpen);
-    const hasAfterClose = isFunction(onAfterClose);
-    if (open2) {
-      if (hasAfterOpen) {
-        onAfterOpen();
-      }
-      setModalVisibleState((prevState) => ({
-        ...prevState,
-        isFullyOpened: true
-      }));
-    } else {
-      if (hasAfterClose) {
-        onAfterClose();
-      }
-      setModalVisibleState((prevState) => ({
-        ...prevState,
-        isFullyClosed: true
-      }));
-    }
-  }, [onAfterOpen, onAfterClose]);
-  return /* @__PURE__ */ jsx(ModalContextProvider, { value: modalContext, children: /* @__PURE__ */ jsx(
-    Modal,
-    {
-      centered: true,
-      afterOpenChange: handleAfterOpenChange,
-      cancelText: cancelButtonText,
-      closable,
-      destroyOnClose,
-      footer: actionNode,
-      keyboard: closeOnEscPress,
-      loading,
-      maskClosable: closeOnMaskClick,
-      modalRender: renderContent,
-      okText: okButtonText,
-      open,
-      title: titleContent,
-      width: widthToUse,
-      zIndex: 10,
-      onCancel: handleCancel,
-      onOk,
-      children
-    }
-  ) });
-}
-const VefModal = memo(VefModalBase);
-
-export { VefModal 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 */
+`;function VefModalBase({title,open,closable=!0,closeOnEscPress=!0,closeOnMaskClick=!1,destroyOnClose=!1,showCancelButton=!0,cancelButtonText="取消",okButtonText="提交",actions,width,loading=!1,cancelOnClose=!0,onClose,onOk,onCancel,onAfterOpen,onAfterClose,children}){const dragControls=useDragControls(),handleDrag=useCallback(event=>{event.stopPropagation(),dragControls.start(event)},[dragControls]),{width:windowWidth,height:windowHeight}=useWindowSize(),[modalEl,setModalEl]=useState(null),modalSize=useElementSize(modalEl),dragConstraints=useMemo(()=>{if(!modalSize)return{left:0,top:0,right:0,bottom:0};const{width:width2,height}=modalSize;return{left:-(windowWidth/2-width2/2),top:-(windowHeight/2-height/2),right:windowWidth/2-width2/2,bottom:windowHeight/2-height/2}},[modalSize,windowHeight,windowWidth]),widthToUse=useMemo(()=>width==="small"?378:width==="medium"?736:width==="narrow"?"25vw":width==="half"?"50vw":width==="wide"?"75vw":width==="full"?"100vw":width,[width]),renderContent=useCallback(node=>jsx(motion.div,{ref:el=>setModalEl(el),drag:!0,dragConstraints,dragControls,dragElastic:.3,dragListener:!1,dragMomentum:!1,children:node}),[dragConstraints,dragControls]),titleContent=useMemo(()=>jsx("div",{css:titleStyle,onPointerDown:handleDrag,children:title}),[title,handleDrag]),[isDisabled,setIsDisabled]=useState(!1),[modalVisibleState,setModalVisibleState]=useState({isFullyOpened:!1,isFullyClosed:!1}),modalContext=useMemo(()=>({isDisabled,setIsDisabled,...modalVisibleState}),[isDisabled,setIsDisabled,modalVisibleState]),modalDisabled=loading||isDisabled;useEffect(()=>{open&&modalVisibleState.isFullyClosed&&setModalVisibleState(prevState=>({...prevState,isFullyClosed:!1}))},[open]);const handleClose=useCallback(isCancel=>{if(!modalDisabled){if(setModalVisibleState(prevState=>({...prevState,isFullyOpened:!1})),cancelOnClose){onClose?.(),onCancel?.();return}isCancel?onCancel?.():onClose?.()}},[modalDisabled,cancelOnClose,onClose,onCancel]),actionNode=useMemo(()=>{const cancelButton=jsx(VefCancelActionButton,{text:cancelButtonText,onClick:()=>handleClose(!0)},"cancelActionButton"),okButton=jsx(VefOkActionButton,{text:okButtonText,onClick:onOk},"okActionButton");return isFunction(actions)?actions([cancelButton,okButton]):actions||(showCancelButton?jsxs(Fragment,{children:[cancelButton,okButton]}):okButton)},[cancelButtonText,okButtonText,onOk,actions,showCancelButton,handleClose]),handleCancel=useCallback(({type,target})=>{let isClose=!0;if(type==="click"){let parent=target.parentElement;for(;parent;){if(parent.classList.contains("vef-modal-content")){isClose=!0;break}if(parent.classList.contains("vef-modal-footer")){isClose=!1;break}parent=parent.parentElement}}handleClose(!isClose)},[handleClose]),handleAfterOpenChange=useCallback(open2=>{const hasAfterOpen=isFunction(onAfterOpen),hasAfterClose=isFunction(onAfterClose);open2?(hasAfterOpen&&onAfterOpen(),setModalVisibleState(prevState=>({...prevState,isFullyOpened:!0}))):(hasAfterClose&&onAfterClose(),setModalVisibleState(prevState=>({...prevState,isFullyClosed:!0})))},[onAfterOpen,onAfterClose]);return jsx(ModalContextProvider,{value:modalContext,children:jsx(Modal,{centered:!0,afterOpenChange:handleAfterOpenChange,cancelText:cancelButtonText,closable,destroyOnClose,footer:actionNode,keyboard:closeOnEscPress,loading,maskClosable:closeOnMaskClick,modalRender:renderContent,okText:okButtonText,open,title:titleContent,width:widthToUse,zIndex:10,onCancel:handleCancel,onOk,children})})}const VefModal=memo(VefModalBase);/*! 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 */export{default2 as VefModalActionButtonWrapper,VefModal as default};

package/es/vef-not-found/index.js

@@ -1,17 +1,7 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 './not-found-icon.js';
-
-const notFoundStyle = css`
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, 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"./not-found-icon.js";const notFoundStyle=css`
   height: 100%;
   ${styles.flexCenter}
-`;
-const contentStyle = css`
+`,contentStyle=css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -35,31 +25,4 @@ const contentStyle = css`
     padding-left: ${themeVariables.paddingSm};
     color: ${themeVariables.colorWarningText};
   }
-`;
-function VefNotFound({
-  uri,
-  title = "抱歉，您访问的页面不存在～～～",
-  onNavigateHome
-}) {
-  return /* @__PURE__ */ jsx("div", { css: notFoundStyle, children: /* @__PURE__ */ jsxs("div", { css: contentStyle, children: [
-    /* @__PURE__ */ jsx(Memo, {}),
-    /* @__PURE__ */ jsx("span", { children: title }),
-    uri && /* @__PURE__ */ jsxs("span", { children: [
-      "路径:",
-      /* @__PURE__ */ jsx("span", { className: "vef-not-found-uri", children: uri })
-    ] }),
-    /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color: "primary",
-        size: "large",
-        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(ArrowLeftIcon, {}) }),
-        onClick: onNavigateHome,
-        children: "回到首页"
-      }
-    )
-  ] }) });
-}
-
-export { VefNotFound 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 */
+`;function VefNotFound({uri,title="抱歉，您访问的页面不存在～～～",onNavigateHome}){return jsx("div",{css:notFoundStyle,children:jsxs("div",{css:contentStyle,children:[jsx(Memo,{}),jsx("span",{children:title}),uri&&jsxs("span",{children:["路径:",jsx("span",{className:"vef-not-found-uri",children:uri})]}),jsx(VefButton,{color:"primary",size:"large",icon:jsx(VefIcon,{children:jsx(ArrowLeftIcon,{})}),onClick:onNavigateHome,children:"回到首页"})]})})}/*! 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 */export{VefNotFound as default};