@vef-framework/components 1.0.127 → 1.0.129

package/cjs/vef-login/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-menu/index.cjs

@@ -1,84 +1,7 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('react');
-
-"use strict";
-const menuStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var P=require("@emotion/react/jsx-runtime"),g=require("@emotion/react"),j=require("@vef-framework/hooks"),e=require("@vef-framework/shared"),D=require("antd"),O=require("react");const V=g.css`
   &.vef-menu {
-    --vef-menu-icon-size: ${shared.themeVariables.fontSizeLg};
-    --vef-menu-collapsed-icon-size: calc(${shared.themeVariables.fontSizeLg} + 2px);
+    --vef-menu-icon-size: ${e.themeVariables.fontSizeLg};
+    --vef-menu-collapsed-icon-size: calc(${e.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 = 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;
+`;function $({defaultOpenedKeys:r,openedKeys:u,orientation:d="vertical",inlineCollapsed:y=!1,inlineIndent:v=20,inlineExpansion:m=!1,items:f,selectable:p=!0,deselectable:K=!1,multiple:h=!1,defaultSelectedKeys:k,selectedKeys:b,appearance:S,onClick:l,onChange:i,onSelect:s,onDeselect:a}){const q=j.useNormalizedMenuItems(f),[z,C,x]=O.useMemo(()=>{const F=e.isFunction(l)?({key:n,keyPath:t})=>l(n,t):void 0,o=e.isFunction(i),I=e.isFunction(s)||o?({key:n,keyPath:t,selectedKeys:c})=>{i?.(c),s?.(n,t)}:void 0,M=e.isFunction(a)||o?({key:n,keyPath:t,selectedKeys:c})=>{i?.(c),a?.(n,t)}:void 0;return[F,I,M]},[l,i,s,a]);return P.jsx(D.Menu,{css:V,defaultOpenKeys:r,defaultSelectedKeys:k,inlineCollapsed:y,inlineIndent:v,items:q,mode:d==="vertical"?m?"inline":"vertical":"horizontal",multiple:h,openKeys:u,selectable:p,selectedKeys:b,theme:S,unselectable:K?"on":"off",onClick:z,onDeselect:x,onSelect:C})}exports.default=$;

package/cjs/vef-menu/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-modal/components/action-button-wrapper.cjs

@@ -1,54 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var context = require('../context.cjs');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),v=require("@vef-framework/shared"),i=require("react"),f=require("../context.cjs");function y({children:n}){const[l,r]=f.useModalContextSelector(e=>[e.isDisabled,e.setIsDisabled]),[o,a]=i.useState(!1),{disabled:u,loading:c,onClick:t}=n.props,d=i.useMemo(()=>{if(t)return async e=>{await v.invokeMaybeAsyncFn(t,{beforeInvoke:()=>{a(!0),r(!0)},onFinally:()=>{a(!1),r(!1)}},e)}},[t,r]),b=i.cloneElement(n,{disabled:l||u,loading:o||c,onClick:d});return s.jsx(s.Fragment,{children:b})}exports.default=y;

package/cjs/vef-modal/components/button-props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-modal/components/cancel-action-button.cjs

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var index = require('../../vef-button/index.cjs');
-var actionButtonWrapper = require('./action-button-wrapper.cjs');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),u=require("../../vef-button/index.cjs"),i=require("./action-button-wrapper.cjs");function n({text:r,onClick:t}){return e.jsx(i.default,{children:e.jsx(u.default,{color:"default",variant:"text",onClick:t,children:r})})}exports.default=n;

package/cjs/vef-modal/components/ok-action-button.cjs

@@ -1,25 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var index = require('../../vef-button/index.cjs');
-var index$1 = require('../../vef-icon/index.cjs');
-var actionButtonWrapper = require('./action-button-wrapper.cjs');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),t=require("lucide-react"),u=require("../../vef-button/index.cjs"),c=require("../../vef-icon/index.cjs"),n=require("./action-button-wrapper.cjs");function a({text:r,onClick:i}){return e.jsx(n.default,{children:e.jsx(u.default,{color:"primary",icon:e.jsx(c.default,{children:e.jsx(t.CheckIcon,{})}),onClick:i,children:r})})}exports.default=a;

package/cjs/vef-modal/context.cjs

@@ -1,20 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-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;
+"use strict";var e=require("@vef-framework/shared");const{ContextProvider:t,useContext:s,useContextSelector:o}=e.createSelectableContext({isDisabled:!1,setIsDisabled:e.noop,isFullyOpened:!1,isFullyClosed:!1});exports.ModalContextProvider=t,exports.useModalContext=s,exports.useModalContextSelector=o;

package/cjs/vef-modal/index.cjs

@@ -1,247 +1,5 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('motion/react');
-var react$2 = require('react');
-var cancelActionButton = require('./components/cancel-action-button.cjs');
-var okActionButton = require('./components/ok-action-button.cjs');
-var context = require('./context.cjs');
-var actionButtonWrapper = require('./components/action-button-wrapper.cjs');
-
-"use strict";
-const titleStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),U=require("@emotion/react"),T=require("@vef-framework/hooks"),q=require("@vef-framework/shared"),X=require("antd"),L=require("motion/react"),t=require("react"),Y=require("./components/cancel-action-button.cjs"),Z=require("./components/ok-action-button.cjs"),N=require("./context.cjs"),ee=require("./components/action-button-wrapper.cjs");const te=U.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 = 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;
+`;function ne({title:y,open:d,closable:S=!0,closeOnEscPress:z=!0,closeOnMaskClick:D=!1,destroyOnClose:W=!1,showCancelButton:F=!0,cancelButtonText:f="取消",okButtonText:m="提交",actions:a,width:s,loading:j=!1,cancelOnClose:B=!0,onClose:C,onOk:h,onCancel:k,onAfterOpen:v,onAfterClose:p,children:I}){const i=L.useDragControls(),M=t.useCallback(e=>{e.stopPropagation(),i.start(e)},[i]),{width:x,height:g}=T.useWindowSize(),[R,V]=t.useState(null),b=T.useElementSize(R),A=t.useMemo(()=>{if(!b)return{left:0,top:0,right:0,bottom:0};const{width:e,height:n}=b;return{left:-(x/2-e/2),top:-(g/2-n/2),right:x/2-e/2,bottom:g/2-n/2}},[b,g,x]),_=t.useMemo(()=>s==="small"?378:s==="medium"?736:s==="narrow"?"25vw":s==="half"?"50vw":s==="wide"?"75vw":s==="full"?"100vw":s,[s]),$=t.useCallback(e=>r.jsx(L.motion.div,{ref:n=>V(n),drag:!0,dragConstraints:A,dragControls:i,dragElastic:.3,dragListener:!1,dragMomentum:!1,children:e}),[A,i]),G=t.useMemo(()=>r.jsx("div",{css:te,onPointerDown:M,children:y}),[y,M]),[O,E]=t.useState(!1),[w,u]=t.useState({isFullyOpened:!1,isFullyClosed:!1}),H=t.useMemo(()=>({isDisabled:O,setIsDisabled:E,...w}),[O,E,w]),P=j||O;t.useEffect(()=>{d&&w.isFullyClosed&&u(e=>({...e,isFullyClosed:!1}))},[d]);const c=t.useCallback(e=>{if(!P){if(u(n=>({...n,isFullyOpened:!1})),B){C?.(),k?.();return}e?k?.():C?.()}},[P,B,C,k]),J=t.useMemo(()=>{const e=r.jsx(Y.default,{text:f,onClick:()=>c(!0)},"cancelActionButton"),n=r.jsx(Z.default,{text:m,onClick:h},"okActionButton");return q.isFunction(a)?a([e,n]):a||(F?r.jsxs(r.Fragment,{children:[e,n]}):n)},[f,m,h,a,F,c]),K=t.useCallback(({type:e,target:n})=>{let l=!0;if(e==="click"){let o=n.parentElement;for(;o;){if(o.classList.contains("vef-modal-content")){l=!0;break}if(o.classList.contains("vef-modal-footer")){l=!1;break}o=o.parentElement}}c(!l)},[c]),Q=t.useCallback(e=>{const n=q.isFunction(v),l=q.isFunction(p);e?(n&&v(),u(o=>({...o,isFullyOpened:!0}))):(l&&p(),u(o=>({...o,isFullyClosed:!0})))},[v,p]);return r.jsx(N.ModalContextProvider,{value:H,children:r.jsx(X.Modal,{centered:!0,afterOpenChange:Q,cancelText:f,closable:S,destroyOnClose:W,footer:J,keyboard:z,loading:j,maskClosable:D,modalRender:$,okText:m,open:d,title:G,width:_,zIndex:10,onCancel:K,onOk:h,children:I})})}const oe=t.memo(ne);exports.VefModalActionButtonWrapper=ee.default,exports.default=oe;

package/cjs/vef-modal/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-not-found/index.cjs

@@ -1,22 +1,8 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var lucideReact = require('lucide-react');
-var index = require('../vef-button/index.cjs');
-var index$1 = require('../vef-icon/index.cjs');
-var notFoundIcon = require('./not-found-icon.cjs');
-
-"use strict";
-const notFoundStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),r=require("@vef-framework/shared"),a=require("lucide-react"),l=require("../vef-button/index.cjs"),o=require("../vef-icon/index.cjs"),c=require("./not-found-icon.cjs");const d=t.css`
   height: 100%;
-  ${shared.styles.flexCenter}
-`;
-const contentStyle = react.css`
+  ${r.styles.flexCenter}
+`,u=t.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -24,46 +10,20 @@ const contentStyle = react.css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${shared.themeVariables.margin};
+  row-gap: ${r.themeVariables.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${shared.themeVariables.fontSizeLg};
+    font-size: ${r.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${shared.themeVariables.colorTextTertiary};
+    color: ${r.themeVariables.colorTextTertiary};
   }
 
   span.vef-not-found-uri {
-    padding-left: ${shared.themeVariables.paddingSm};
-    color: ${shared.themeVariables.colorWarningText};
+    padding-left: ${r.themeVariables.paddingSm};
+    color: ${r.themeVariables.colorWarningText};
   }
-`;
-function VefNotFound({
-  uri,
-  title = "抱歉，您访问的页面不存在～～～",
-  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: [
-      "路径:",
-      /* @__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: "回到首页"
-      }
-    )
-  ] }) });
-}
-
-exports.default = VefNotFound;
+`;function f({uri:i,title:s="抱歉，您访问的页面不存在～～～",onNavigateHome:n}){return e.jsx("div",{css:d,children:e.jsxs("div",{css:u,children:[e.jsx(c.default,{}),e.jsx("span",{children:s}),i&&e.jsxs("span",{children:["路径:",e.jsx("span",{className:"vef-not-found-uri",children:i})]}),e.jsx(l.default,{color:"primary",size:"large",icon:e.jsx(o.default,{children:e.jsx(a.ArrowLeftIcon,{})}),onClick:n,children:"回到首页"})]})})}exports.default=f;