@vef-framework/components 1.0.62 → 1.0.64

package/lib/vef-crud-page/store.cjs

@@ -1,3 +1,149 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{StoreProvider:r,useStore:s,useStoreApi:o}=e.createComponentStore("Crud",(({filterValueAsDefaultKeys:r,formApiKeys:s,onFormOpen:o,onBeforeSubmit:n,onSubmitSuccess:t})=>(i,u)=>({onFormOpen:o,onBeforeSubmit:n,onSubmitSuccess:t,currentFormInfo:{scene:e.creationFormScene,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:s,width:o,onBeforeSubmit:n,onSubmitSuccess:t,showSuccessTip:c=!0,successTipType:l="message",...a})=>{const{filterValues:m,onFormOpen:F,closeForm:d,onBeforeSubmit:S,onSubmitSuccess:f,setIsFormLoading:p}=u(),b={...r.reduce(((r,s)=>{const o=m[s];return e.isNullish(o)||(r[s]=o),r}),{}),...s},V=e.isFunction(n)||e.isFunction(S)?async(e,r)=>{const s=await(n?.(e,r));return await(S?.(s??e,r))??s}:void 0,y=e.isFunction(t)||e.isFunction(f)?e.mergeFns((({message:r})=>{c&&("message"===l?e.showSuccessMessage(r):e.showSuccessAlert(r)),d()}),t,f):void 0;i({isFormOpen:!0,currentFormInfo:{...a,width:o??"medium"},currentFormEventHandlers:{onBeforeSubmit:V,onSubmitSuccess:y},isFormLoading:Boolean(F)}),F?await e.invokeMaybeAsyncFn(F,{onSuccess:e=>{i({currentFormInitialValues:e})},onFinally:()=>{p(!1)}},b,m,a.scene):i({currentFormInitialValues:b})},closeForm:()=>{i({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:e=>{i({isFormLoading:e})},filterValueAsDefaultKeys:r,filterValues:{},setFilterValues:e=>{i({filterValues:e})},confirmedFilterValues:null,setConfirmedFilterValues:e=>{i({confirmedFilterValues:e})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:e=>{i({selectedInfo:e})},formApiKeys:s,tableInstanceRef:{current:null}})));exports.CrudStoreProvider=r,exports.useCrudStore=s,exports.useCrudStoreApi=o;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  StoreProvider: CrudStoreProvider,
+  useStore: useCrudStore,
+  useStoreApi: useCrudStoreApi
+} = shared.createComponentStore(
+  "Crud",
+  ({
+    filterValueAsDefaultKeys,
+    formApiKeys,
+    onFormOpen,
+    onBeforeSubmit,
+    onSubmitSuccess
+  }) => (set, get) => ({
+    onFormOpen,
+    onBeforeSubmit,
+    onSubmitSuccess,
+    currentFormInfo: {
+      scene: shared.creationFormScene,
+      title: "\u521B\u5EFA",
+      width: "medium"
+    },
+    currentFormEventHandlers: {},
+    currentFormInitialValues: {},
+    isFormOpen: false,
+    openForm: async ({
+      initialValues,
+      width,
+      onBeforeSubmit: onBeforeSubmit2,
+      onSubmitSuccess: onSubmitSuccess2,
+      showSuccessTip = true,
+      successTipType = "message",
+      ...formInfo
+    }) => {
+      const {
+        filterValues,
+        onFormOpen: onFormOpen2,
+        closeForm,
+        onBeforeSubmit: globalOnBeforeSubmit,
+        onSubmitSuccess: globalOnSubmitSuccess,
+        setIsFormLoading
+      } = get();
+      const initialFormValues = {
+        ...filterValueAsDefaultKeys.reduce((acc, key) => {
+          const value = filterValues[key];
+          if (shared.isNullish(value)) {
+            return acc;
+          }
+          acc[key] = value;
+          return acc;
+        }, {}),
+        ...initialValues
+      };
+      const mergedOnBeforeSubmit = shared.isFunction(onBeforeSubmit2) || shared.isFunction(globalOnBeforeSubmit) ? async (values, scene) => {
+        const result = await onBeforeSubmit2?.(values, scene);
+        const globalResult = await globalOnBeforeSubmit?.(result ?? values, scene);
+        return globalResult ?? result;
+      } : void 0;
+      const mergedOnSubmitSuccess = shared.isFunction(onSubmitSuccess2) || shared.isFunction(globalOnSubmitSuccess) ? shared.mergeFns(
+        ({ message }) => {
+          if (showSuccessTip) {
+            if (successTipType === "message") {
+              shared.showSuccessMessage(message);
+            } else {
+              shared.showSuccessAlert(message);
+            }
+          }
+          closeForm();
+        },
+        onSubmitSuccess2,
+        globalOnSubmitSuccess
+      ) : void 0;
+      set({
+        isFormOpen: true,
+        currentFormInfo: {
+          ...formInfo,
+          width: width ?? "medium"
+        },
+        currentFormEventHandlers: {
+          onBeforeSubmit: mergedOnBeforeSubmit,
+          onSubmitSuccess: mergedOnSubmitSuccess
+        },
+        isFormLoading: Boolean(onFormOpen2)
+      });
+      if (onFormOpen2) {
+        await shared.invokeMaybeAsyncFn(
+          onFormOpen2,
+          {
+            onSuccess: (initialFormValues2) => {
+              set({ currentFormInitialValues: initialFormValues2 });
+            },
+            onFinally: () => {
+              setIsFormLoading(false);
+            }
+          },
+          initialFormValues,
+          filterValues,
+          formInfo.scene
+        );
+      } else {
+        set({
+          currentFormInitialValues: initialFormValues
+        });
+      }
+    },
+    closeForm: () => {
+      set({
+        isFormOpen: false,
+        currentFormInitialValues: {},
+        currentFormEventHandlers: {}
+      });
+    },
+    isFormLoading: false,
+    setIsFormLoading: (isFormLoading) => {
+      set({ isFormLoading });
+    },
+    filterValueAsDefaultKeys,
+    filterValues: {},
+    setFilterValues: (filterValues) => {
+      set({ filterValues });
+    },
+    confirmedFilterValues: null,
+    setConfirmedFilterValues: (confirmedFilterValues) => {
+      set({ confirmedFilterValues });
+    },
+    selectedInfo: {
+      selectedKeys: [],
+      selectedRecords: []
+    },
+    setSelectedInfo: (selectedInfo) => {
+      set({ selectedInfo });
+    },
+    formApiKeys,
+    tableInstanceRef: {
+      current: null
+    }
+  })
+);
+
+exports.CrudStoreProvider = CrudStoreProvider;
+exports.useCrudStore = useCrudStore;
+exports.useCrudStoreApi = useCrudStoreApi;
 /*! 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-crud-page/types.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-divider/index.cjs

@@ -1,3 +1,29 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=function({orientation:i,title:r,titlePosition:n,titleEdgeMargin:o,...a}){return e.jsx(t.Divider,{children:r,orientation:n,orientationMargin:o,type:i,...a})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+
+function VefDivider({
+  orientation,
+  title,
+  titlePosition,
+  titleEdgeMargin,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Divider,
+    {
+      children: title,
+      orientation: titlePosition,
+      orientationMargin: titleEdgeMargin,
+      type: orientation,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefDivider;
 /*! 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-divider/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-drawer/components/action-button-wrapper.cjs

@@ -1,3 +1,54 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),n=require("../context.cjs");exports.default=function({children:o}){const[i,s]=n.useDrawerContextSelector((e=>[e.isDisabled,e.setIsDisabled])),[a,l]=t.useState(!1),{disabled:c,loading:u,onClick:d}=o.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(o,{disabled:i||c,loading:a||u,onClick:b});return e.jsx(e.Fragment,{children:f})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 VefDrawerActionButtonWrapper({
+  children
+}) {
+  const [isDisabled, setIsDisabled] = context.useDrawerContextSelector((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 = VefDrawerActionButtonWrapper;
 /*! 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-drawer/components/button-props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-drawer/components/cancel-action-button.cjs

@@ -1,3 +1,26 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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({text:o,onClick:i}){return e.jsx(r.default,{children:e.jsx(t.default,{color:"default",variant:"text",onClick:i,children:o})})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-drawer/components/ok-action-button.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),c=require("./action-button-wrapper.cjs");exports.default=function({text:n,onClick:o}){return e.jsx(c.default,{children:e.jsx(t.default,{color:"primary",icon:e.jsx(i.default,{children:e.jsx(r.CheckIcon,{})}),onClick:o,children:n})})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-drawer/context.cjs

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{ContextProvider:t,useContext:r,useContextSelector:o}=e.createSelectableContext({isDisabled:!1,setIsDisabled:e.noop,isFullyOpened:!1,isFullyClosed:!1});exports.DrawerContextProvider=t,exports.useDrawerContext=r,exports.useDrawerContextSelector=o;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  ContextProvider: DrawerContextProvider,
+  useContext: useDrawerContext,
+  useContextSelector: useDrawerContextSelector
+} = shared.createSelectableContext({
+  isDisabled: false,
+  setIsDisabled: shared.noop,
+  isFullyOpened: false,
+  isFullyClosed: false
+});
+
+exports.DrawerContextProvider = DrawerContextProvider;
+exports.useDrawerContext = useDrawerContext;
+exports.useDrawerContextSelector = useDrawerContextSelector;
 /*! 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-drawer/index.cjs

@@ -1,10 +1,165 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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/shared"),n=require("antd"),s=require("react"),l=require("./components/cancel-action-button.cjs"),r=require("./components/ok-action-button.cjs"),a=require("./context.cjs"),i=require("./components/action-button-wrapper.cjs"),c=t.css`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 antd = require('antd');
+const react$1 = 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 drawerStyle = react.css`
   .vef-drawer-footer {
     display: flex;
-    gap: ${o.themeVariables.padding};
+    gap: ${shared.themeVariables.padding};
     justify-content: flex-end;
     align-items: center;
   }
-`,u={narrow:"25",half:"50",wide:"75",full:"100"};const d=s.memo((function({title:t,open:i,closable:d=!0,closeOnEscPress:f=!0,closeOnMaskClick:p=!1,destroyOnClose:m=!1,placement:x="right",expansionSize:C,extra:h,showCancelButton:b=!0,cancelButtonText:y="取消",okButtonText:g="提交",actions:k,loading:j,cancelOnClose:w=!0,onClose:O,onCancel:F,onOk:q,onAfterOpen:v,onAfterClose:B,children:D}){const M=s.useMemo((()=>"small"===C?{size:"default"}:"medium"===C?{size:"large"}:"left"===x||"right"===x?{width:u[C]?`${u[C]}vw`:C}:{height:u[C]?`${u[C]}vh`:C}),[C,x]),[A,S]=s.useState({isFullyOpened:!1,isFullyClosed:!1}),[z,P]=s.useState(!1),T=s.useMemo((()=>({isDisabled:z,setIsDisabled:P,...A})),[z,A]),V=j||z;s.useLayoutEffect((()=>{i&&A.isFullyClosed&&S((e=>({...e,isFullyClosed:!1})))}),[i]);const $=s.useMemo((()=>{const t=e.jsx(l.default,{text:y,onClick:F},"cancelActionButton"),n=e.jsx(r.default,{text:g,onClick:q},"okActionButton");return o.isFunction(k)?k([t,n]):k||(b?e.jsxs(e.Fragment,{children:[t,n]}):n)}),[k,y,g,F,q,b]),E=s.useCallback((()=>{V||(w&&F?.(),O?.())}),[w,V,F,O]),I=s.useCallback((e=>{const t=o.isFunction(v),n=o.isFunction(B);e?(t&&v(),S((e=>({...e,isFullyOpened:!0})))):(n&&B(),S((e=>({...e,isFullyClosed:!0}))))}),[v,B]);return e.jsx(a.DrawerContextProvider,{value:T,children:e.jsx(n.Drawer,{afterOpenChange:I,closable:d,css:c,destroyOnClose:m,extra:h,footer:!j&&$,keyboard:f,loading:j,maskClosable:p,open:i,placement:x,title:t,zIndex:20,onClose:E,...M,children:D})})}));d.displayName="VefDrawer",exports.VefDrawerActionButtonWrapper=i.default,exports.default=d;
+`;
+const responsiveSizeMap = {
+  narrow: "25",
+  half: "50",
+  wide: "75",
+  full: "100"
+};
+function VefDrawerBase({
+  title,
+  open,
+  closable = true,
+  closeOnEscPress = true,
+  closeOnMaskClick = false,
+  destroyOnClose = false,
+  placement = "right",
+  expansionSize,
+  extra,
+  showCancelButton = true,
+  cancelButtonText = "\u53D6\u6D88",
+  okButtonText = "\u63D0\u4EA4",
+  actions,
+  loading,
+  cancelOnClose = true,
+  onClose,
+  onCancel,
+  onOk,
+  onAfterOpen,
+  onAfterClose,
+  children
+}) {
+  const expansionSizeProps = react$1.useMemo(() => {
+    if (expansionSize === "small") {
+      return {
+        size: "default"
+      };
+    } else if (expansionSize === "medium") {
+      return {
+        size: "large"
+      };
+    }
+    if (placement === "left" || placement === "right") {
+      return {
+        width: responsiveSizeMap[expansionSize] ? `${responsiveSizeMap[expansionSize]}vw` : expansionSize
+      };
+    }
+    return {
+      height: responsiveSizeMap[expansionSize] ? `${responsiveSizeMap[expansionSize]}vh` : expansionSize
+    };
+  }, [expansionSize, placement]);
+  const [drawerVisibleState, setDrawerVisibleState] = react$1.useState({
+    isFullyOpened: false,
+    isFullyClosed: false
+  });
+  const [isDisabled, setIsDisabled] = react$1.useState(false);
+  const drawerContext = react$1.useMemo(() => ({
+    isDisabled,
+    setIsDisabled,
+    ...drawerVisibleState
+  }), [isDisabled, drawerVisibleState]);
+  const modalDisabled = loading || isDisabled;
+  react$1.useLayoutEffect(() => {
+    if (open && drawerVisibleState.isFullyClosed) {
+      setDrawerVisibleState((prevState) => ({
+        ...prevState,
+        isFullyClosed: false
+      }));
+    }
+  }, [open]);
+  const actionNode = react$1.useMemo(() => {
+    const cancelButton = /* @__PURE__ */ jsxRuntime.jsx(cancelActionButton.default, { text: cancelButtonText, onClick: onCancel }, "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
+    ] });
+  }, [actions, cancelButtonText, okButtonText, onCancel, onOk, showCancelButton]);
+  const handleClose = react$1.useCallback(() => {
+    if (modalDisabled) {
+      return;
+    }
+    if (cancelOnClose) {
+      onCancel?.();
+    }
+    onClose?.();
+  }, [cancelOnClose, modalDisabled, onCancel, onClose]);
+  const handleAfterOpenChange = react$1.useCallback((open2) => {
+    const hasAfterOpen = shared.isFunction(onAfterOpen);
+    const hasAfterClose = shared.isFunction(onAfterClose);
+    if (open2) {
+      if (hasAfterOpen) {
+        onAfterOpen();
+      }
+      setDrawerVisibleState((prevState) => ({
+        ...prevState,
+        isFullyOpened: true
+      }));
+    } else {
+      if (hasAfterClose) {
+        onAfterClose();
+      }
+      setDrawerVisibleState((prevState) => ({
+        ...prevState,
+        isFullyClosed: true
+      }));
+    }
+  }, [onAfterOpen, onAfterClose]);
+  return /* @__PURE__ */ jsxRuntime.jsx(context.DrawerContextProvider, { value: drawerContext, children: /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Drawer,
+    {
+      afterOpenChange: handleAfterOpenChange,
+      closable,
+      css: drawerStyle,
+      destroyOnClose,
+      extra,
+      footer: !loading && actionNode,
+      keyboard: closeOnEscPress,
+      loading,
+      maskClosable: closeOnMaskClick,
+      open,
+      placement,
+      title,
+      zIndex: 20,
+      onClose: handleClose,
+      ...expansionSizeProps,
+      children
+    }
+  ) });
+}
+const VefDrawer = react$1.memo(VefDrawerBase);
+VefDrawer.displayName = "VefDrawer";
+
+exports.VefDrawerActionButtonWrapper = actionButtonWrapper.default;
+exports.default = VefDrawer;
 /*! 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-drawer/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-dropdown/index.cjs

@@ -1,3 +1,97 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-framework/hooks"),o=require("@vef-framework/shared"),s=require("antd"),n=require("react");const i=n.memo((function({className:i,disabled:l,placement:r,children:a,items:c,trigger:d="hover",selectable:u=!1,deselectable:m=!1,multiple:p=!1,defaultSelectedKeys:y,selectedKeys:f,onChange:k,onSelect:v,onDeselect:g,onClick:h}){const b=n.useMemo((()=>[d]),[d]),P=t.useNormalizedMenuItems(c),K=t.useDeepMemo((()=>({items:P,selectable:u,unselectable:m?"on":"off",multiple:p,defaultSelectedKeys:y,selectedKeys:f,onSelect:o.isFunction(k)||o.isFunction(v)?({key:e,keyPath:t,selectedKeys:o,domEvent:s})=>{s.stopPropagation(),k?.(o),v?.(e,t)}:void 0,onDeselect:o.isFunction(k)||o.isFunction(g)?({key:e,keyPath:t,selectedKeys:o,domEvent:s})=>{s.stopPropagation(),k?.(o),g?.(e,t)}:void 0,onClick:o.isFunction(h)?({key:e,keyPath:t,domEvent:o})=>{o.stopPropagation(),h(e,t)}:void 0})),[y,p,P,k,h,g,v,u,f,m]);return e.jsx(s.Dropdown,{className:i,disabled:l,menu:K,placement:r,trigger:b,children:a})}));i.displayName="VefDropdown",exports.default=i;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+
+function VefDropdownBase({
+  className,
+  disabled,
+  placement,
+  children,
+  items,
+  trigger = "hover",
+  selectable = false,
+  deselectable = false,
+  multiple = false,
+  defaultSelectedKeys,
+  selectedKeys,
+  onChange,
+  onSelect,
+  onDeselect,
+  onClick
+}) {
+  const dropdownTrigger = react.useMemo(() => [trigger], [trigger]);
+  const normalizedItems = hooks.useNormalizedMenuItems(items);
+  const menuProps = hooks.useDeepMemo(
+    () => ({
+      items: normalizedItems,
+      selectable,
+      unselectable: deselectable ? "on" : "off",
+      multiple,
+      defaultSelectedKeys,
+      selectedKeys,
+      onSelect: shared.isFunction(onChange) || shared.isFunction(onSelect) ? ({
+        key,
+        keyPath,
+        selectedKeys: selectedKeys2,
+        domEvent
+      }) => {
+        domEvent.stopPropagation();
+        onChange?.(selectedKeys2);
+        onSelect?.(key, keyPath);
+      } : void 0,
+      onDeselect: shared.isFunction(onChange) || shared.isFunction(onDeselect) ? ({
+        key,
+        keyPath,
+        selectedKeys: selectedKeys2,
+        domEvent
+      }) => {
+        domEvent.stopPropagation();
+        onChange?.(selectedKeys2);
+        onDeselect?.(key, keyPath);
+      } : void 0,
+      onClick: shared.isFunction(onClick) ? ({
+        key,
+        keyPath,
+        domEvent
+      }) => {
+        domEvent.stopPropagation();
+        onClick(key, keyPath);
+      } : void 0
+    }),
+    [
+      defaultSelectedKeys,
+      multiple,
+      normalizedItems,
+      onChange,
+      onClick,
+      onDeselect,
+      onSelect,
+      selectable,
+      selectedKeys,
+      deselectable
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Dropdown,
+    {
+      className,
+      disabled,
+      menu: menuProps,
+      placement,
+      trigger: dropdownTrigger,
+      children
+    }
+  );
+}
+const VefDropdown = react.memo(VefDropdownBase);
+VefDropdown.displayName = "VefDropdown";
+
+exports.default = VefDropdown;
 /*! 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-dropdown/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 */