@vef-framework/components 1.0.64 → 1.0.66

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

@@ -1,149 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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,29 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 VefDivider({orientation:i,title:r,titlePosition:n,titleEdgeMargin:o,...a}){return e.jsx(t.Divider,{children:r,orientation:n,orientationMargin:o,type:i,...a})};
 /*! 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,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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,54 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 VefDrawerActionButtonWrapper({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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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,26 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 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,25 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 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,22 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 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,165 +1,10 @@
-/*! 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`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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`
   .vef-drawer-footer {
     display: flex;
-    gap: ${shared.themeVariables.padding};
+    gap: ${o.themeVariables.padding};
     justify-content: flex-end;
     align-items: center;
   }
-`;
-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;
+`,u={narrow:"25",half:"50",wide:"75",full:"100"};const d=s.memo((function VefDrawerBase({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:w,cancelOnClose:j=!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,V]=s.useState(!1),P=s.useMemo((()=>({isDisabled:z,setIsDisabled:V,...A})),[z,A]),T=w||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((()=>{T||(j&&F?.(),O?.())}),[j,T,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:P,children:e.jsx(n.Drawer,{afterOpenChange:I,closable:d,css:c,destroyOnClose:m,extra:h,footer:!w&&$,keyboard:f,loading:w,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;
 /*! 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,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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,97 +1,3 @@
-/*! 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 version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 VefDropdownBase({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),D=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:D,placement:r,trigger:b,children:a})}));i.displayName="VefDropdown",exports.default=i;
 /*! 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,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, 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 */