@vef-framework/components 1.0.98 → 1.0.99

package/lib/vef-login/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-menu/index.cjs

@@ -1,8 +1,84 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@emotion/react"),t=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),l=require("antd"),s=require("react"),o=n.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react$1 = require('react');
+
+const menuStyle = react.css`
   &.vef-menu {
-    --vef-menu-icon-size: ${i.themeVariables.fontSizeLg};
-    --vef-menu-collapsed-icon-size: calc(${i.themeVariables.fontSizeLg} + 2px);
+    --vef-menu-icon-size: ${shared.themeVariables.fontSizeLg};
+    --vef-menu-collapsed-icon-size: calc(${shared.themeVariables.fontSizeLg} + 2px);
   }
-`;exports.default=function VefMenu({defaultOpenedKeys:n,openedKeys:a,orientation:c="vertical",inlineCollapsed:r=!1,inlineIndent:u=20,inlineExpansion:d=!1,items:m,selectable:f=!0,deselectable:y=!1,multiple:p=!1,defaultSelectedKeys:v,selectedKeys:k,appearance:h,onClick:K,onChange:b,onSelect:S,onDeselect:q}){const x=t.useNormalizedMenuItems(m),[z,M,g]=s.useMemo((()=>{const e=i.isFunction(K)?({key:e,keyPath:n})=>K(e,n):void 0,n=i.isFunction(b);return[e,i.isFunction(S)||n?({key:e,keyPath:n,selectedKeys:t})=>{b?.(t),S?.(e,n)}:void 0,i.isFunction(q)||n?({key:e,keyPath:n,selectedKeys:t})=>{b?.(t),q?.(e,n)}:void 0]}),[K,b,S,q]);return e.jsx(l.Menu,{css:o,defaultOpenKeys:n,defaultSelectedKeys:v,inlineCollapsed:r,inlineIndent:u,items:x,mode:"vertical"===c?d?"inline":"vertical":"horizontal",multiple:p,openKeys:a,selectable:f,selectedKeys:k,theme:h,unselectable:y?"on":"off",onClick:z,onDeselect:g,onSelect:M})};
+`;
+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 = hooks.useNormalizedMenuItems(items);
+  const [handleClick, handleSelect, handleDeselect] = react$1.useMemo(() => {
+    const handleClick2 = shared.isFunction(onClick) ? ({ key, keyPath }) => onClick(key, keyPath) : void 0;
+    const hasOnChange = shared.isFunction(onChange);
+    const handleSelect2 = shared.isFunction(onSelect) || hasOnChange ? ({
+      key,
+      keyPath,
+      selectedKeys: selectedKeys2
+    }) => {
+      onChange?.(selectedKeys2);
+      onSelect?.(key, keyPath);
+    } : void 0;
+    const handleDeselect2 = shared.isFunction(onDeselect) || hasOnChange ? ({
+      key,
+      keyPath,
+      selectedKeys: selectedKeys2
+    }) => {
+      onChange?.(selectedKeys2);
+      onDeselect?.(key, keyPath);
+    } : void 0;
+    return [handleClick2, handleSelect2, handleDeselect2];
+  }, [onClick, onChange, onSelect, onDeselect]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.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
+    }
+  );
+}
+
+exports.default = VefMenu;
 /*! 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-menu/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-modal/components/action-button-wrapper.cjs

@@ -1,3 +1,54 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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("react"),o=require("../context.cjs");exports.default=function VefModalActionButtonWrapper({children:n}){const[i,s]=o.useModalContextSelector((e=>[e.isDisabled,e.setIsDisabled])),[a,l]=t.useState(!1),{disabled:c,loading:u,onClick:d}=n.props,b=t.useMemo((()=>{if(d)return async e=>{await r.invokeMaybeAsyncFn(d,{beforeInvoke:()=>{l(!0),s(!0)},onFinally:()=>{l(!1),s(!1)}},e)}}),[d,s]),f=t.cloneElement(n,{disabled:i||c,loading:a||u,onClick:b});return e.jsx(e.Fragment,{children:f})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 react = require('react');
+const context = require('../context.cjs');
+
+function VefModalActionButtonWrapper({
+  children
+}) {
+  const [isDisabled, setIsDisabled] = context.useModalContextSelector((ctx) => [ctx.isDisabled, ctx.setIsDisabled]);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const {
+    disabled,
+    loading,
+    onClick
+  } = children.props;
+  const wrappedOnClick = react.useMemo(() => {
+    if (!onClick) {
+      return;
+    }
+    return async (event) => {
+      await shared.invokeMaybeAsyncFn(
+        onClick,
+        {
+          beforeInvoke: () => {
+            setIsLoading(true);
+            setIsDisabled(true);
+          },
+          onFinally: () => {
+            setIsLoading(false);
+            setIsDisabled(false);
+          }
+        },
+        event
+      );
+    };
+  }, [onClick, setIsDisabled]);
+  const buttonNode = react.cloneElement(
+    children,
+    {
+      disabled: isDisabled || disabled,
+      loading: isLoading || loading,
+      onClick: wrappedOnClick
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonNode });
+}
+
+exports.default = VefModalActionButtonWrapper;
 /*! 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-modal/components/button-props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-modal/components/cancel-action-button.cjs

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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-button/index.cjs"),r=require("./action-button-wrapper.cjs");exports.default=function VefCancelActionButton({text:n,onClick:o}){return e.jsx(r.default,{children:e.jsx(t.default,{color:"default",variant:"text",onClick:o,children:n})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const index = require('../../vef-button/index.cjs');
+const actionButtonWrapper = require('./action-button-wrapper.cjs');
+
+function VefCancelActionButton({ text, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      color: "default",
+      variant: "text",
+      onClick,
+      children: text
+    }
+  ) });
+}
+
+exports.default = VefCancelActionButton;
 /*! 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-modal/components/ok-action-button.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("lucide-react"),t=require("../../vef-button/index.cjs"),i=require("../../vef-icon/index.cjs"),n=require("./action-button-wrapper.cjs");exports.default=function VefOkActionButton({text:o,onClick:c}){return e.jsx(n.default,{children:e.jsx(t.default,{color:"primary",icon:e.jsx(i.default,{children:e.jsx(r.CheckIcon,{})}),onClick:c,children:o})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const index = require('../../vef-button/index.cjs');
+const index$1 = require('../../vef-icon/index.cjs');
+const actionButtonWrapper = require('./action-button-wrapper.cjs');
+
+function VefOkActionButton({ text, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      color: "primary",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) }),
+      onClick,
+      children: text
+    }
+  ) });
+}
+
+exports.default = VefOkActionButton;
 /*! 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-modal/context.cjs

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{ContextProvider:t,useContext:o,useContextSelector:r}=e.createSelectableContext({isDisabled:!1,setIsDisabled:e.noop,isFullyOpened:!1,isFullyClosed:!1});exports.ModalContextProvider=t,exports.useModalContext=o,exports.useModalContextSelector=r;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  ContextProvider: ModalContextProvider,
+  useContext: useModalContext,
+  useContextSelector: useModalContextSelector
+} = shared.createSelectableContext({
+  isDisabled: false,
+  setIsDisabled: shared.noop,
+  isFullyOpened: false,
+  isFullyClosed: false
+});
+
+exports.ModalContextProvider = ModalContextProvider;
+exports.useModalContext = useModalContext;
+exports.useModalContextSelector = 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 */

package/lib/vef-modal/index.cjs

@@ -1,6 +1,247 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),o=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),s=require("antd"),l=require("motion/react"),r=require("react"),i=require("./components/cancel-action-button.cjs"),a=require("./components/ok-action-button.cjs"),c=require("./context.cjs"),u=require("./components/action-button-wrapper.cjs"),d=t.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react$1 = require('motion/react');
+const react$2 = require('react');
+const cancelActionButton = require('./components/cancel-action-button.cjs');
+const okActionButton = require('./components/ok-action-button.cjs');
+const context = require('./context.cjs');
+const actionButtonWrapper = require('./components/action-button-wrapper.cjs');
+
+const titleStyle = react.css`
   cursor: move;
   user-select: none;
-`;const m=r.memo((function VefModalBase({title:t,open:u,closable:m=!0,closeOnEscPress:f=!0,closeOnMaskClick:C=!1,destroyOnClose:p=!1,showCancelButton:k=!0,cancelButtonText:h="取消",okButtonText:b="提交",actions:x,width:g,loading:v=!1,cancelOnClose:w=!0,onClose:j,onOk:M,onCancel:O,onAfterOpen:y,onAfterClose:q,children:F}){const B=l.useDragControls(),S=r.useCallback((e=>{e.stopPropagation(),B.start(e)}),[B]),{width:E,height:A}=o.useWindowSize(),[P,T]=r.useState(null),D=o.useElementSize(P),z=r.useMemo((()=>{if(!D)return{left:0,top:0,right:0,bottom:0};const{width:e,height:t}=D;return{left:-(E/2-e/2),top:-(A/2-t/2),right:E/2-e/2,bottom:A/2-t/2}}),[D,A,E]),L=r.useMemo((()=>"small"===g?378:"medium"===g?736:"narrow"===g?"25vw":"half"===g?"50vw":"wide"===g?"75vw":"full"===g?"100vw":g),[g]),I=r.useCallback((t=>e.jsx(l.motion.div,{ref:e=>T(e),drag:!0,dragConstraints:z,dragControls:B,dragElastic:.3,dragListener:!1,dragMomentum:!1,children:t})),[z,B]),V=r.useMemo((()=>e.jsx("div",{css:d,onPointerDown:S,children:t})),[t,S]),[W,_]=r.useState(!1),[R,G]=r.useState({isFullyOpened:!1,isFullyClosed:!1}),H=r.useMemo((()=>({isDisabled:W,setIsDisabled:_,...R})),[W,_,R]),J=v||W;r.useEffect((()=>{u&&R.isFullyClosed&&G((e=>({...e,isFullyClosed:!1})))}),[u]);const K=r.useCallback((e=>{if(!J){if(G((e=>({...e,isFullyOpened:!1}))),w)return j?.(),void O?.();e?O?.():j?.()}}),[J,w,j,O]),N=r.useMemo((()=>{const t=e.jsx(i.default,{text:h,onClick:()=>K(!0)},"cancelActionButton"),o=e.jsx(a.default,{text:b,onClick:M},"okActionButton");return n.isFunction(x)?x([t,o]):x||(k?e.jsxs(e.Fragment,{children:[t,o]}):o)}),[h,b,M,x,k,K]),Q=r.useCallback((({type:e,target:t})=>{let o=!0;if("click"===e){let e=t.parentElement;for(;e;){if(e.classList.contains("vef-modal-content")){o=!0;break}if(e.classList.contains("vef-modal-footer")){o=!1;break}e=e.parentElement}}K(!o)}),[K]),U=r.useCallback((e=>{const t=n.isFunction(y),o=n.isFunction(q);e?(t&&y(),G((e=>({...e,isFullyOpened:!0})))):(o&&q(),G((e=>({...e,isFullyClosed:!0}))))}),[y,q]);return e.jsx(c.ModalContextProvider,{value:H,children:e.jsx(s.Modal,{centered:!0,afterOpenChange:U,cancelText:h,closable:m,destroyOnClose:p,footer:N,keyboard:f,loading:v,maskClosable:C,modalRender:I,okText:b,open:u,title:V,width:L,zIndex:10,onCancel:Q,onOk:M,children:F})})}));exports.VefModalActionButtonWrapper=u.default,exports.default=m;
+`;
+function VefModalBase({
+  title,
+  open,
+  closable = true,
+  closeOnEscPress = true,
+  closeOnMaskClick = false,
+  destroyOnClose = false,
+  showCancelButton = true,
+  cancelButtonText = "\u53D6\u6D88",
+  okButtonText = "\u63D0\u4EA4",
+  actions,
+  width,
+  loading = false,
+  cancelOnClose = true,
+  onClose,
+  onOk,
+  onCancel,
+  onAfterOpen,
+  onAfterClose,
+  children
+}) {
+  const dragControls = react$1.useDragControls();
+  const handleDrag = react$2.useCallback((event) => {
+    event.stopPropagation();
+    dragControls.start(event);
+  }, [dragControls]);
+  const { width: windowWidth, height: windowHeight } = hooks.useWindowSize();
+  const [modalEl, setModalEl] = react$2.useState(null);
+  const modalSize = hooks.useElementSize(modalEl);
+  const dragConstraints = react$2.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 = react$2.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 = react$2.useCallback((node) => /* @__PURE__ */ jsxRuntime.jsx(
+    react$1.motion.div,
+    {
+      ref: (el) => setModalEl(el),
+      drag: true,
+      dragConstraints,
+      dragControls,
+      dragElastic: 0.3,
+      dragListener: false,
+      dragMomentum: false,
+      children: node
+    }
+  ), [dragConstraints, dragControls]);
+  const titleContent = react$2.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      css: titleStyle,
+      onPointerDown: handleDrag,
+      children: title
+    }
+  ), [title, handleDrag]);
+  const [isDisabled, setIsDisabled] = react$2.useState(false);
+  const [modalVisibleState, setModalVisibleState] = react$2.useState({
+    isFullyOpened: false,
+    isFullyClosed: false
+  });
+  const modalContext = react$2.useMemo(() => ({
+    isDisabled,
+    setIsDisabled,
+    ...modalVisibleState
+  }), [isDisabled, setIsDisabled, modalVisibleState]);
+  const modalDisabled = loading || isDisabled;
+  react$2.useEffect(() => {
+    if (open && modalVisibleState.isFullyClosed) {
+      setModalVisibleState((prevState) => ({
+        ...prevState,
+        isFullyClosed: false
+      }));
+    }
+  }, [open]);
+  const handleClose = react$2.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 = react$2.useMemo(() => {
+    const cancelButton = /* @__PURE__ */ jsxRuntime.jsx(
+      cancelActionButton.default,
+      {
+        text: cancelButtonText,
+        onClick: () => handleClose(true)
+      },
+      "cancelActionButton"
+    );
+    const okButton = /* @__PURE__ */ jsxRuntime.jsx(okActionButton.default, { text: okButtonText, onClick: onOk }, "okActionButton");
+    if (shared.isFunction(actions)) {
+      return actions([cancelButton, okButton]);
+    }
+    if (actions) {
+      return actions;
+    }
+    if (!showCancelButton) {
+      return okButton;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      cancelButton,
+      okButton
+    ] });
+  }, [
+    cancelButtonText,
+    okButtonText,
+    onOk,
+    actions,
+    showCancelButton,
+    handleClose
+  ]);
+  const handleCancel = react$2.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 = react$2.useCallback((open2) => {
+    const hasAfterOpen = shared.isFunction(onAfterOpen);
+    const hasAfterClose = shared.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__ */ jsxRuntime.jsx(context.ModalContextProvider, { value: modalContext, children: /* @__PURE__ */ jsxRuntime.jsx(
+    antd.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 = react$2.memo(VefModalBase);
+
+exports.VefModalActionButtonWrapper = actionButtonWrapper.default;
+exports.default = VefModal;
 /*! 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-modal/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-not-found/index.cjs

@@ -1,8 +1,21 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/shared"),t=require("lucide-react"),n=require("../vef-button/index.cjs"),s=require("../vef-icon/index.cjs"),o=require("./not-found-icon.cjs"),a=r.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 notFoundIcon = require('./not-found-icon.cjs');
+
+const notFoundStyle = react.css`
   height: 100%;
-  ${i.styles.flexCenter}
-`,l=r.css`
+  ${shared.styles.flexCenter}
+`;
+const contentStyle = react.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,21 +23,47 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${i.themeVariables.margin};
+  row-gap: ${shared.themeVariables.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${i.themeVariables.fontSizeLg};
+    font-size: ${shared.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${i.themeVariables.colorTextTertiary};
+    color: ${shared.themeVariables.colorTextTertiary};
   }
 
   span.vef-not-found-uri {
-    padding-left: ${i.themeVariables.paddingSm};
-    color: ${i.themeVariables.colorWarningText};
+    padding-left: ${shared.themeVariables.paddingSm};
+    color: ${shared.themeVariables.colorWarningText};
   }
-`;exports.default=function VefNotFound({uri:r,title:i="抱歉，您访问的页面不存在～～～",onNavigateHome:c}){return e.jsx("div",{css:a,children:e.jsxs("div",{css:l,children:[e.jsx(o.default,{}),e.jsx("span",{children:i}),r&&e.jsxs("span",{children:["路径:",e.jsx("span",{className:"vef-not-found-uri",children:r})]}),e.jsx(n.default,{color:"primary",size:"large",icon:e.jsx(s.default,{children:e.jsx(t.ArrowLeftIcon,{})}),onClick:c,children:"回到首页"})]})})};
+`;
+function VefNotFound({
+  uri,
+  title = "\u62B1\u6B49\uFF0C\u60A8\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF5E\uFF5E\uFF5E",
+  onNavigateHome
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: notFoundStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: contentStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(notFoundIcon.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+    uri && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "\u8DEF\u5F84:",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vef-not-found-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 = VefNotFound;
 /*! 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 */