@vef-framework/components 1.0.63 → 1.0.64

package/es/vef-crud-page/hooks/use-operation-buttons.js

@@ -1,3 +1,61 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useApiContext as r}from"@vef-framework/core";import{modificationFormScene as e,showSuccessMessage as i}from"@vef-framework/shared";import{PencilIcon as t,TrashIcon as n}from"lucide-react";import{useMemo as c}from"react";import m from"../../vef-icon/index.js";import{useCrudStore as a}from"../store.js";function s(s,f){const{useApiMutation:l,stubMutationApi:p}=r(),u=l(s??p),d=a((o=>o.formApiKeys)),h=Reflect.has(d,e);return c((()=>{const r=[...f??[]];return h&&r.push({key:"_modification",label:"修改",icon:o(m,{children:o(t,{})}),color:"primary",onClick:({record:o,openForm:r,refetch:i})=>{r({scene:e,title:"修改",initialValues:o,onSubmitSuccess:()=>{i()}})}}),s&&r.push({key:"_deletion",label:"删除",icon:o(m,{children:o(n,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:o,refetch:r})=>{const{message:e}=await u.mutate(o);i(e),r()}}),r}),[s,u,f,h])}export{s as useOperationButtons};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useApiContext } from '@vef-framework/core';
+import { modificationFormScene, showSuccessMessage } from '@vef-framework/shared';
+import { PencilIcon, TrashIcon } from 'lucide-react';
+import { useMemo } from 'react';
+import VefIcon from '../../vef-icon/index.js';
+import { useCrudStore } from '../store.js';
+
+function useOperationButtons(deletionApi, operationButtons) {
+  const { useApiMutation, stubMutationApi } = useApiContext();
+  const deletionMutation = useApiMutation(deletionApi ?? stubMutationApi);
+  const formApiKeys = useCrudStore((state) => state.formApiKeys);
+  const showModificationButton = Reflect.has(formApiKeys, modificationFormScene);
+  return useMemo(() => {
+    const buttons = [
+      ...operationButtons ?? []
+    ];
+    if (showModificationButton) {
+      buttons.push({
+        key: "_modification",
+        label: "\u4FEE\u6539",
+        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(PencilIcon, {}) }),
+        color: "primary",
+        onClick: ({
+          record,
+          openForm,
+          refetch
+        }) => {
+          openForm({
+            scene: modificationFormScene,
+            title: "\u4FEE\u6539",
+            initialValues: record,
+            onSubmitSuccess: () => {
+              refetch();
+            }
+          });
+        }
+      });
+    }
+    if (deletionApi) {
+      buttons.push({
+        key: "_deletion",
+        label: "\u5220\u9664",
+        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(TrashIcon, {}) }),
+        color: "error",
+        requireConfirmation: true,
+        confirmationMode: "simple",
+        onClick: async ({ record, refetch }) => {
+          const { message } = await deletionMutation.mutate(record);
+          showSuccessMessage(message);
+          refetch();
+        }
+      });
+    }
+    return buttons;
+  }, [deletionApi, deletionMutation, operationButtons, showModificationButton]);
+}
+
+export { useOperationButtons };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-crud-page/index.js

@@ -1,3 +1,151 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{isNullish as o}from"@vef-framework/shared";import{useMemo as r}from"react";import i from"../vef-card/index.js";import s from"../vef-page/index.js";import m from"./components/crud-actions.js";import a from"./components/crud-footer.js";import n from"./components/crud-form-modal.js";import c from"./components/crud-header.js";import l from"./components/crud-table.js";import{useCrudSchema as p}from"./hooks/use-crud-schema.js";import{useCrudStore as f,CrudStoreProvider as u}from"./store.js";function b({title:r,actionButtons:p,batchActionButtons:u,tableSchema:b,filterItems:h,formGroups:d,tableApiParams:A,formApis:S,deletionApi:j,batchDeletionApi:y,selectionSummary:B,...g}){const{selectedKeys:P}=f((e=>e.selectedInfo)),k=!o(y)||!o(u)&&u.length>0;let w;if(g.paginated){const{tableApi:t,...o}=g;w=e(l,{showRowNumber:!0,api:t,apiParams:A,deletionApi:j,schema:b,selectable:k,...o})}else{const{tableApi:t,...o}=g;w=e(l,{showRowNumber:!0,api:t,apiParams:A,deletionApi:j,schema:b,selectable:k,...o})}const{tableApi:I}=g;return e(s,{scrollable:!0,title:r,actions:e(m,{actionButtons:p,tableApi:I,tableApiParams:A}),footer:P.length>0&&e(a,{batchActionButtons:u,batchDeletionApi:y,selectionSummary:B,tableApi:I,tableApiParams:A}),header:e(c,{actionButtons:p,filterItems:h,tableApi:I,tableApiParams:A,title:r}),children:t(i,{children:[w,S&&Object.keys(S).length>0&&d.length>0&&e(n,{formApis:S,formSchema:d})]})})}function h({schema:t,formApis:o,onFormOpen:i,onBeforeSubmit:s,onSubmitSuccess:m,...a}){const{tableSchema:n,filterItems:c,formGroups:l,filterValueAsDefaultKeys:f}=p(t),h=r((()=>{const e=o??{};return Object.keys(e).reduce(((t,o)=>(e[o]&&(t[o]=e[o].key),t)),{})}),[o]),d=r((()=>({filterValueAsDefaultKeys:f,formApiKeys:h,onBeforeSubmit:s,onFormOpen:i,onSubmitSuccess:m})),[f,h,s,i,m]);return e(u,{initialState:d,children:e(b,{filterItems:c,formApis:o,formGroups:l,tableSchema:n,...a})})}export{h as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { isNullish } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import VefCard from '../vef-card/index.js';
+import VefPage from '../vef-page/index.js';
+import VefCrudActions from './components/crud-actions.js';
+import VefCrudFooter from './components/crud-footer.js';
+import VefCrudFormModal from './components/crud-form-modal.js';
+import VefCrudHeader from './components/crud-header.js';
+import VefCrudTable from './components/crud-table.js';
+import { useCrudSchema } from './hooks/use-crud-schema.js';
+import { useCrudStore, CrudStoreProvider } from './store.js';
+
+function VefCrudPageBase({
+  title,
+  actionButtons,
+  batchActionButtons,
+  tableSchema,
+  filterItems,
+  formGroups,
+  tableApiParams,
+  formApis,
+  deletionApi,
+  batchDeletionApi,
+  selectionSummary,
+  ...tableProps
+}) {
+  const { selectedKeys } = useCrudStore((state) => state.selectedInfo);
+  const selectable = !isNullish(batchDeletionApi) || !isNullish(batchActionButtons) && batchActionButtons.length > 0;
+  let tableNode;
+  if (tableProps.paginated) {
+    const { tableApi: tableApi2, ...restTableProps } = tableProps;
+    tableNode = /* @__PURE__ */ jsx(
+      VefCrudTable,
+      {
+        showRowNumber: true,
+        api: tableApi2,
+        apiParams: tableApiParams,
+        deletionApi,
+        schema: tableSchema,
+        selectable,
+        ...restTableProps
+      }
+    );
+  } else {
+    const { tableApi: tableApi2, ...restTableProps } = tableProps;
+    tableNode = /* @__PURE__ */ jsx(
+      VefCrudTable,
+      {
+        showRowNumber: true,
+        api: tableApi2,
+        apiParams: tableApiParams,
+        deletionApi,
+        schema: tableSchema,
+        selectable,
+        ...restTableProps
+      }
+    );
+  }
+  const { tableApi } = tableProps;
+  return /* @__PURE__ */ jsx(
+    VefPage,
+    {
+      scrollable: true,
+      title,
+      actions: /* @__PURE__ */ jsx(
+        VefCrudActions,
+        {
+          actionButtons,
+          tableApi,
+          tableApiParams
+        }
+      ),
+      footer: selectedKeys.length > 0 && /* @__PURE__ */ jsx(
+        VefCrudFooter,
+        {
+          batchActionButtons,
+          batchDeletionApi,
+          selectionSummary,
+          tableApi,
+          tableApiParams
+        }
+      ),
+      header: /* @__PURE__ */ jsx(
+        VefCrudHeader,
+        {
+          actionButtons,
+          filterItems,
+          tableApi,
+          tableApiParams,
+          title
+        }
+      ),
+      children: /* @__PURE__ */ jsxs(VefCard, { children: [
+        tableNode,
+        formApis && Object.keys(formApis).length > 0 && formGroups.length > 0 && /* @__PURE__ */ jsx(
+          VefCrudFormModal,
+          {
+            formApis,
+            formSchema: formGroups
+          }
+        )
+      ] })
+    }
+  );
+}
+function VefCrudPage({
+  schema,
+  formApis,
+  onFormOpen,
+  onBeforeSubmit,
+  onSubmitSuccess,
+  ...restProps
+}) {
+  const {
+    tableSchema,
+    filterItems,
+    formGroups,
+    filterValueAsDefaultKeys
+  } = useCrudSchema(schema);
+  const formApiKeys = useMemo(() => {
+    const apis = formApis ?? {};
+    return Object.keys(apis).reduce((acc, key) => {
+      if (apis[key]) {
+        acc[key] = apis[key].key;
+      }
+      return acc;
+    }, {});
+  }, [formApis]);
+  const initialState = useMemo(() => ({
+    filterValueAsDefaultKeys,
+    formApiKeys,
+    onBeforeSubmit,
+    onFormOpen,
+    onSubmitSuccess
+  }), [filterValueAsDefaultKeys, formApiKeys, onBeforeSubmit, onFormOpen, onSubmitSuccess]);
+  return /* @__PURE__ */ jsx(CrudStoreProvider, { initialState, children: /* @__PURE__ */ jsx(
+    VefCrudPageBase,
+    {
+      filterItems,
+      formApis,
+      formGroups,
+      tableSchema,
+      ...restProps
+    }
+  ) });
+}
+
+export { VefCrudPage as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-crud-page/store.js

@@ -1,3 +1,143 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{createComponentStore as e,creationFormScene as r,isNullish as o,isFunction as s,mergeFns as n,showSuccessMessage as t,showSuccessAlert as i,invokeMaybeAsyncFn as u}from"@vef-framework/shared";const{StoreProvider:l,useStore:m,useStoreApi:a}=e("Crud",(({filterValueAsDefaultKeys:e,formApiKeys:l,onFormOpen:m,onBeforeSubmit:a,onSubmitSuccess:c})=>(d,F)=>({onFormOpen:m,onBeforeSubmit:a,onSubmitSuccess:c,currentFormInfo:{scene:r,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:r,width:l,onBeforeSubmit:m,onSubmitSuccess:a,showSuccessTip:c=!0,successTipType:f="message",...S})=>{const{filterValues:p,onFormOpen:V,closeForm:I,onBeforeSubmit:b,onSubmitSuccess:y,setIsFormLoading:g}=F(),w={...e.reduce(((e,r)=>{const s=p[r];return o(s)||(e[r]=s),e}),{}),...r},v=s(m)||s(b)?async(e,r)=>{const o=await(m?.(e,r));return await(b?.(o??e,r))??o}:void 0,B=s(a)||s(y)?n((({message:e})=>{c&&("message"===f?t(e):i(e)),I()}),a,y):void 0;d({isFormOpen:!0,currentFormInfo:{...S,width:l??"medium"},currentFormEventHandlers:{onBeforeSubmit:v,onSubmitSuccess:B},isFormLoading:Boolean(V)}),V?await u(V,{onSuccess:e=>{d({currentFormInitialValues:e})},onFinally:()=>{g(!1)}},w,p,S.scene):d({currentFormInitialValues:w})},closeForm:()=>{d({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:e=>{d({isFormLoading:e})},filterValueAsDefaultKeys:e,filterValues:{},setFilterValues:e=>{d({filterValues:e})},confirmedFilterValues:null,setConfirmedFilterValues:e=>{d({confirmedFilterValues:e})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:e=>{d({selectedInfo:e})},formApiKeys:l,tableInstanceRef:{current:null}})));export{l as CrudStoreProvider,m as useCrudStore,a as useCrudStoreApi};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { createComponentStore, creationFormScene, isNullish, isFunction, mergeFns, showSuccessMessage, showSuccessAlert, invokeMaybeAsyncFn } from '@vef-framework/shared';
+
+const {
+  StoreProvider: CrudStoreProvider,
+  useStore: useCrudStore,
+  useStoreApi: useCrudStoreApi
+} = createComponentStore(
+  "Crud",
+  ({
+    filterValueAsDefaultKeys,
+    formApiKeys,
+    onFormOpen,
+    onBeforeSubmit,
+    onSubmitSuccess
+  }) => (set, get) => ({
+    onFormOpen,
+    onBeforeSubmit,
+    onSubmitSuccess,
+    currentFormInfo: {
+      scene: 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 (isNullish(value)) {
+            return acc;
+          }
+          acc[key] = value;
+          return acc;
+        }, {}),
+        ...initialValues
+      };
+      const mergedOnBeforeSubmit = isFunction(onBeforeSubmit2) || 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 = isFunction(onSubmitSuccess2) || isFunction(globalOnSubmitSuccess) ? mergeFns(
+        ({ message }) => {
+          if (showSuccessTip) {
+            if (successTipType === "message") {
+              showSuccessMessage(message);
+            } else {
+              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 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
+    }
+  })
+);
+
+export { CrudStoreProvider, useCrudStore, 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/es/vef-divider/index.js

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Divider as i}from"antd";function n({orientation:n,title:o,titlePosition:e,titleEdgeMargin:r,...a}){return t(i,{children:o,orientation:e,orientationMargin:r,type:n,...a})}export{n as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Divider } from 'antd';
+
+function VefDivider({
+  orientation,
+  title,
+  titlePosition,
+  titleEdgeMargin,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(
+    Divider,
+    {
+      children: title,
+      orientation: titlePosition,
+      orientationMargin: titleEdgeMargin,
+      type: orientation,
+      ...restProps
+    }
+  );
+}
+
+export { VefDivider as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,50 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as o,Fragment as r}from"@emotion/react/jsx-runtime";import{invokeMaybeAsyncFn as e}from"@vef-framework/shared";import{useState as i,useMemo as n,cloneElement as t}from"react";import{useDrawerContextSelector as a}from"../context.js";function s({children:s}){const[l,d]=a((o=>[o.isDisabled,o.setIsDisabled])),[m,c]=i(!1),{disabled:f,loading:p,onClick:b}=s.props,u=n((()=>{if(b)return async o=>{await e(b,{beforeInvoke:()=>{c(!0),d(!0)},onFinally:()=>{c(!1),d(!1)}},o)}}),[b,d]),k=t(s,{disabled:l||f,loading:m||p,onClick:u});return o(r,{children:k})}export{s as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { invokeMaybeAsyncFn } from '@vef-framework/shared';
+import { useState, useMemo, cloneElement } from 'react';
+import { useDrawerContextSelector } from '../context.js';
+
+function VefDrawerActionButtonWrapper({
+  children
+}) {
+  const [isDisabled, setIsDisabled] = useDrawerContextSelector((ctx) => [ctx.isDisabled, ctx.setIsDisabled]);
+  const [isLoading, setIsLoading] = useState(false);
+  const {
+    disabled,
+    loading,
+    onClick
+  } = children.props;
+  const wrappedOnClick = useMemo(() => {
+    if (!onClick) {
+      return;
+    }
+    return async (event) => {
+      await invokeMaybeAsyncFn(
+        onClick,
+        {
+          beforeInvoke: () => {
+            setIsLoading(true);
+            setIsDisabled(true);
+          },
+          onFinally: () => {
+            setIsLoading(false);
+            setIsDisabled(false);
+          }
+        },
+        event
+      );
+    };
+  }, [onClick, setIsDisabled]);
+  const buttonNode = cloneElement(
+    children,
+    {
+      disabled: isDisabled || disabled,
+      loading: isLoading || loading,
+      onClick: wrappedOnClick
+    }
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: buttonNode });
+}
+
+export { VefDrawerActionButtonWrapper as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,2 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/components/cancel-action-button.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import o from"../../vef-button/index.js";import r from"./action-button-wrapper.js";function e({text:e,onClick:n}){return t(r,{children:t(o,{color:"default",variant:"text",onClick:n,children:e})})}export{e as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import VefButton from '../../vef-button/index.js';
+import VefDrawerActionButtonWrapper from './action-button-wrapper.js';
+
+function VefCancelActionButton({
+  text,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
+    VefButton,
+    {
+      color: "default",
+      variant: "text",
+      onClick,
+      children: text
+    }
+  ) });
+}
+
+export { VefCancelActionButton as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,21 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{CheckIcon as o}from"lucide-react";import i from"../../vef-button/index.js";import t from"../../vef-icon/index.js";import e from"./action-button-wrapper.js";function n({text:n,onClick:c}){return r(e,{children:r(i,{color:"primary",icon:r(t,{children:r(o,{})}),onClick:c,children:n})})}export{n as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { CheckIcon } from 'lucide-react';
+import VefButton from '../../vef-button/index.js';
+import VefIcon from '../../vef-icon/index.js';
+import VefDrawerActionButtonWrapper from './action-button-wrapper.js';
+
+function VefOkActionButton({ text, onClick }) {
+  return /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
+    VefButton,
+    {
+      color: "primary",
+      icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+      onClick,
+      children: text
+    }
+  ) });
+}
+
+export { VefOkActionButton as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-drawer/context.js

@@ -1,3 +1,16 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{createSelectableContext as e,noop as s}from"@vef-framework/shared";const{ContextProvider:o,useContext:t,useContextSelector:r}=e({isDisabled:!1,setIsDisabled:s,isFullyOpened:!1,isFullyClosed:!1});export{o as DrawerContextProvider,t as useDrawerContext,r as useDrawerContextSelector};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { createSelectableContext, noop } from '@vef-framework/shared';
+
+const {
+  ContextProvider: DrawerContextProvider,
+  useContext: useDrawerContext,
+  useContextSelector: useDrawerContextSelector
+} = createSelectableContext({
+  isDisabled: false,
+  setIsDisabled: noop,
+  isFullyOpened: false,
+  isFullyClosed: false
+});
+
+export { DrawerContextProvider, useDrawerContext, 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 */