@vef-framework/components 1.0.101 → 1.0.103

package/es/vef-crud-page/components/crud-form-modal.js

@@ -1,54 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import VefFormModal from '../../vef-form-modal/index.js';
-import { useCrudStore } from '../store.js';
-
-function VefCrudFormModal({
-  formSchema,
-  formApis
-}) {
-  const [
-    isFormOpen,
-    {
-      scene,
-      title,
-      width
-    },
-    { onBeforeSubmit, onSubmitSuccess },
-    currentFormInitialValues,
-    isFormLoading,
-    closeForm
-  ] = useCrudStore(
-    (state) => [
-      state.isFormOpen,
-      state.currentFormInfo,
-      state.currentFormEventHandlers,
-      state.currentFormInitialValues,
-      state.isFormLoading,
-      state.closeForm
-    ]
-  );
-  const formApi = formApis[scene];
-  if (!formApi) {
-    throw new Error(`Form api for scene ${scene} not found, please check the formApis props of VefCrudPage component.`);
-  }
-  return /* @__PURE__ */ jsx(
-    VefFormModal,
-    {
-      initialValues: currentFormInitialValues,
-      loading: isFormLoading,
-      open: isFormOpen,
-      scene,
-      schema: formSchema,
-      submitApi: formApi,
-      title,
-      width,
-      onBeforeSubmit,
-      onClose: closeForm,
-      onSubmitSuccess
-    }
-  );
-}
-
-export { VefCrudFormModal 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import VefFormModal from"../../vef-form-modal/index.js";import{useCrudStore}from"../store.js";function VefCrudFormModal({formSchema,formApis}){const[isFormOpen,{scene,title,width},{onBeforeSubmit,onSubmitSuccess},currentFormInitialValues,isFormLoading,closeForm]=useCrudStore(state=>[state.isFormOpen,state.currentFormInfo,state.currentFormEventHandlers,state.currentFormInitialValues,state.isFormLoading,state.closeForm]),formApi=formApis[scene];if(!formApi)throw new Error(`Form api for scene ${scene} not found, please check the formApis props of VefCrudPage component.`);return jsx(VefFormModal,{initialValues:currentFormInitialValues,loading:isFormLoading,open:isFormOpen,scene,schema:formSchema,submitApi:formApi,title,width,onBeforeSubmit,onClose:closeForm,onSubmitSuccess})}/*! 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 */export{VefCrudFormModal as default};

package/es/vef-crud-page/components/crud-header.js

@@ -1,30 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { memo } from 'react';
-import VefCrudFilter from './crud-filter.js';
-
-function VefCrudHeaderBase({
-  title,
-  tableApi,
-  tableApiParams,
-  filterItems,
-  actionButtons
-}) {
-  if (filterItems.length > 0) {
-    return /* @__PURE__ */ jsx(
-      VefCrudFilter,
-      {
-        actionButtons,
-        filterSchema: filterItems,
-        tableApi,
-        tableApiParams,
-        title
-      }
-    );
-  }
-  return null;
-}
-const VefCrudHeader = memo(VefCrudHeaderBase);
-
-export { VefCrudHeader 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{memo}from"react";import VefCrudFilter from"./crud-filter.js";function VefCrudHeaderBase({title,tableApi,tableApiParams,filterItems,actionButtons}){return filterItems.length>0?jsx(VefCrudFilter,{actionButtons,filterSchema:filterItems,tableApi,tableApiParams,title}):null}const VefCrudHeader=memo(VefCrudHeaderBase);/*! 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 */export{VefCrudHeader as default};

package/es/vef-crud-page/components/crud-table.js

@@ -1,77 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useMemo, useCallback, useRef, useEffect, memo } from 'react';
-import VefTable from '../../vef-table/index.js';
-import { useCrudContext } from '../hooks/use-crud-context.js';
-import { useOperationButtons } from '../hooks/use-operation-buttons.js';
-import { useCrudStore, useCrudStoreApi } from '../store.js';
-
-function VefCrudTableBase({
-  api,
-  apiParams,
-  deletionApi,
-  paginated,
-  schema,
-  selectable,
-  operationButtons,
-  ...tableProps
-}) {
-  const [confirmedFilterValues, selectedInfo, setSelectedInfo] = useCrudStore((state) => [state.confirmedFilterValues, state.selectedInfo, state.setSelectedInfo]);
-  const mergedApiParams = useMemo(() => ({
-    ...apiParams,
-    ...confirmedFilterValues
-  }), [apiParams, confirmedFilterValues]);
-  const handleSelectionChange = useCallback((selectedKeys, selectedRecords) => {
-    setSelectedInfo({
-      selectedKeys,
-      selectedRecords
-    });
-  }, [setSelectedInfo]);
-  const operationButtonsToUse = useOperationButtons(deletionApi, operationButtons);
-  const tableInstanceRef = useRef(null);
-  const crudStore = useCrudStoreApi();
-  useEffect(() => {
-    crudStore.setState({ tableInstanceRef });
-  }, [crudStore]);
-  const crudContext = useCrudContext();
-  if (paginated) {
-    return /* @__PURE__ */ jsx(
-      VefTable,
-      {
-        ref: tableInstanceRef,
-        multipleSelection: true,
-        paginated: true,
-        api,
-        apiParams: mergedApiParams,
-        externalContext: crudContext,
-        operationButtons: operationButtonsToUse,
-        schema,
-        selectable,
-        selectedKeys: selectedInfo.selectedKeys,
-        selectionSummary: false,
-        onRowSelectionChange: handleSelectionChange,
-        ...tableProps
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    VefTable,
-    {
-      ref: tableInstanceRef,
-      multipleSelection: true,
-      api,
-      apiParams: mergedApiParams,
-      externalContext: crudContext,
-      schema,
-      selectable,
-      selectedKeys: selectedInfo.selectedKeys,
-      selectionSummary: false,
-      onRowSelectionChange: handleSelectionChange,
-      ...tableProps
-    }
-  );
-}
-const VefCrudTable = memo(VefCrudTableBase);
-
-export { VefCrudTable 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useMemo,useCallback,useRef,useEffect,memo}from"react";import VefTable from"../../vef-table/index.js";import{useCrudContext}from"../hooks/use-crud-context.js";import{useOperationButtons}from"../hooks/use-operation-buttons.js";import{useCrudStore,useCrudStoreApi}from"../store.js";function VefCrudTableBase({api,apiParams,deletionApi,paginated,schema,selectable,operationButtons,...tableProps}){const[confirmedFilterValues,selectedInfo,setSelectedInfo]=useCrudStore(state=>[state.confirmedFilterValues,state.selectedInfo,state.setSelectedInfo]),mergedApiParams=useMemo(()=>({...apiParams,...confirmedFilterValues}),[apiParams,confirmedFilterValues]),handleSelectionChange=useCallback((selectedKeys,selectedRecords)=>{setSelectedInfo({selectedKeys,selectedRecords})},[setSelectedInfo]),operationButtonsToUse=useOperationButtons(deletionApi,operationButtons),tableInstanceRef=useRef(null),crudStore=useCrudStoreApi();useEffect(()=>{crudStore.setState({tableInstanceRef})},[crudStore]);const crudContext=useCrudContext();return paginated?jsx(VefTable,{ref:tableInstanceRef,multipleSelection:!0,paginated:!0,api,apiParams:mergedApiParams,externalContext:crudContext,operationButtons:operationButtonsToUse,schema,selectable,selectedKeys:selectedInfo.selectedKeys,selectionSummary:!1,onRowSelectionChange:handleSelectionChange,...tableProps}):jsx(VefTable,{ref:tableInstanceRef,multipleSelection:!0,api,apiParams:mergedApiParams,externalContext:crudContext,schema,selectable,selectedKeys:selectedInfo.selectedKeys,selectionSummary:!1,onRowSelectionChange:handleSelectionChange,...tableProps})}const VefCrudTable=memo(VefCrudTableBase);/*! 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 */export{VefCrudTable as default};

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

@@ -1,38 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { creationFormScene } from '@vef-framework/shared';
-import { PlusIcon } from 'lucide-react';
-import { useMemo } from 'react';
-import VefIcon from '../../vef-icon/index.js';
-import { useCrudStore } from '../store.js';
-
-function useActionButtons(actionButtons) {
-  const formApiKeys = useCrudStore((state) => state.formApiKeys);
-  const showCreationActionButton = Reflect.has(formApiKeys, creationFormScene);
-  const creationFormApiKey = Reflect.get(formApiKeys, creationFormScene);
-  return useMemo(() => {
-    if (showCreationActionButton) {
-      return [
-        ...actionButtons ?? [],
-        {
-          label: "创建",
-          key: `_${creationFormScene}`,
-          icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(PlusIcon, {}) }),
-          color: "primary",
-          permissions: [creationFormApiKey],
-          onClick: ({ openForm, refetch }) => openForm({
-            scene: creationFormScene,
-            title: "创建",
-            onSubmitSuccess: () => {
-              refetch();
-            }
-          })
-        }
-      ];
-    }
-    return actionButtons ?? [];
-  }, [showCreationActionButton, actionButtons, creationFormApiKey]);
-}
-
-export { useActionButtons };
-/*! 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{creationFormScene}from"@vef-framework/shared";import{PlusIcon}from"lucide-react";import{useMemo}from"react";import VefIcon from"../../vef-icon/index.js";import{useCrudStore}from"../store.js";function useActionButtons(actionButtons){const formApiKeys=useCrudStore(state=>state.formApiKeys),showCreationActionButton=Reflect.has(formApiKeys,creationFormScene),creationFormApiKey=Reflect.get(formApiKeys,creationFormScene);return useMemo(()=>showCreationActionButton?[...actionButtons??[],{label:"创建",key:`_${creationFormScene}`,icon:jsx(VefIcon,{children:jsx(PlusIcon,{})}),color:"primary",permissions:[creationFormApiKey],onClick:({openForm,refetch})=>openForm({scene:creationFormScene,title:"创建",onSubmitSuccess:()=>{refetch()}})}]:actionButtons??[],[showCreationActionButton,actionButtons,creationFormApiKey])}/*! 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 */export{useActionButtons};

package/es/vef-crud-page/hooks/use-crud-context.js

@@ -1,21 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { useMemo } from 'react';
-import { useCrudStore } from '../store.js';
-
-function useCrudContext() {
-  const [openForm, filterValues, tableInstanceRef] = useCrudStore((state) => [
-    state.openForm,
-    state.filterValues,
-    state.tableInstanceRef
-  ]);
-  return useMemo(() => ({
-    openForm,
-    filterValues,
-    refetch: async () => {
-      await tableInstanceRef.current?.refetch();
-    }
-  }), [openForm, filterValues, tableInstanceRef]);
-}
-
-export { useCrudContext };
-/*! 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{useMemo}from"react";import{useCrudStore}from"../store.js";function useCrudContext(){const[openForm,filterValues,tableInstanceRef]=useCrudStore(state=>[state.openForm,state.filterValues,state.tableInstanceRef]);return useMemo(()=>({openForm,filterValues,refetch:async()=>{await tableInstanceRef.current?.refetch()}}),[openForm,filterValues,tableInstanceRef])}/*! 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 */export{useCrudContext};

package/es/vef-crud-page/hooks/use-crud-schema.js

@@ -1,117 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { isNullish, isString } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-function useCrudSchema(schema) {
-  return useMemo(() => {
-    const tableColumns = [];
-    const filterItems = [];
-    const filterValueAsDefaultSet = /* @__PURE__ */ new Set();
-    const formGroupMap = {};
-    for (const item of schema) {
-      const {
-        filter,
-        form,
-        ...column
-      } = item;
-      const { name, title } = column;
-      tableColumns.push(column);
-      if (filter) {
-        const {
-          label,
-          advanced,
-          ...rest
-        } = filter;
-        const filterItem = {
-          name,
-          label: advanced && isNullish(label) ? title : label,
-          advanced,
-          ...rest
-        };
-        if ((filterItem.type === "Input" || filterItem.type === "InputNumber") && isNullish(label) && isNullish(filterItem.placeholder)) {
-          filterItem.placeholder = isString(title) ? title : "请输入";
-        } else if ((filterItem.type === "SingleSelect" || filterItem.type === "MultipleSelect" || filterItem.type === "TreeSingleSelect" || filterItem.type === "TreeMultipleSelect") && isNullish(label) && isNullish(filterItem.placeholder)) {
-          filterItem.placeholder = isString(title) ? title : "请选择";
-        }
-        filterItems.push(filterItem);
-      }
-      if (form) {
-        const {
-          group,
-          row,
-          column: column2,
-          filterValueAsDefault,
-          label,
-          ...rest
-        } = form;
-        const groupKey = `${group ?? 1}`;
-        const groupSchema = formGroupMap[groupKey] ?? {};
-        if (!formGroupMap[groupKey]) {
-          formGroupMap[groupKey] = groupSchema;
-        }
-        const rowKey = `${row ?? 1}`;
-        const rowSchema = groupSchema[rowKey] ?? {};
-        if (!groupSchema[rowKey]) {
-          groupSchema[rowKey] = rowSchema;
-        }
-        const columnKey = `${column2 ?? 1}`;
-        const columnSchema = rowSchema[columnKey] ?? [];
-        if (!rowSchema[columnKey]) {
-          rowSchema[columnKey] = columnSchema;
-        }
-        if (rest.type === "Hidden") {
-          columnSchema.push({
-            name,
-            ...rest
-          });
-        } else {
-          columnSchema.push({
-            name,
-            label: isNullish(label) ? title : label,
-            ...rest
-          });
-        }
-        if (filterValueAsDefault ?? false) {
-          filterValueAsDefaultSet.add(name);
-        }
-      }
-    }
-    const formGroups = [];
-    const groupKeys = Object.keys(formGroupMap).sort();
-    for (const groupKey of groupKeys) {
-      const groupSchemaMap = formGroupMap[groupKey];
-      const formRows = [];
-      const rowKeys = Object.keys(groupSchemaMap).sort();
-      for (const rowKey of rowKeys) {
-        const rowSchema = groupSchemaMap[rowKey];
-        const formColumns = [];
-        const columnKeys = Object.keys(rowSchema).sort();
-        for (const columnKey of columnKeys) {
-          const columnSchema = rowSchema[columnKey];
-          const formColumn = {
-            key: columnKey,
-            items: columnSchema
-          };
-          formColumns.push(formColumn);
-        }
-        formRows.push({
-          key: rowKey,
-          columns: formColumns
-        });
-      }
-      formGroups.push({
-        key: groupKey,
-        rows: formRows
-      });
-    }
-    return {
-      tableSchema: tableColumns,
-      filterItems,
-      formGroups,
-      filterValueAsDefaultKeys: Array.from(filterValueAsDefaultSet)
-    };
-  }, [schema]);
-}
-
-export { useCrudSchema };
-/*! 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{isNullish,isString}from"@vef-framework/shared";import{useMemo}from"react";function useCrudSchema(schema){return useMemo(()=>{const tableColumns=[],filterItems=[],filterValueAsDefaultSet=new Set,formGroupMap={};for(const item of schema){const{filter,form,...column}=item,{name,title}=column;if(tableColumns.push(column),filter){const{label,advanced,...rest}=filter,filterItem={name,label:advanced&&isNullish(label)?title:label,advanced,...rest};(filterItem.type==="Input"||filterItem.type==="InputNumber")&&isNullish(label)&&isNullish(filterItem.placeholder)?filterItem.placeholder=isString(title)?title:"请输入":(filterItem.type==="SingleSelect"||filterItem.type==="MultipleSelect"||filterItem.type==="TreeSingleSelect"||filterItem.type==="TreeMultipleSelect")&&isNullish(label)&&isNullish(filterItem.placeholder)&&(filterItem.placeholder=isString(title)?title:"请选择"),filterItems.push(filterItem)}if(form){const{group,row,column:column2,filterValueAsDefault,label,...rest}=form,groupKey=`${group??1}`,groupSchema=formGroupMap[groupKey]??{};formGroupMap[groupKey]||(formGroupMap[groupKey]=groupSchema);const rowKey=`${row??1}`,rowSchema=groupSchema[rowKey]??{};groupSchema[rowKey]||(groupSchema[rowKey]=rowSchema);const columnKey=`${column2??1}`,columnSchema=rowSchema[columnKey]??[];rowSchema[columnKey]||(rowSchema[columnKey]=columnSchema),rest.type==="Hidden"?columnSchema.push({name,...rest}):columnSchema.push({name,label:isNullish(label)?title:label,...rest}),(filterValueAsDefault??!1)&&filterValueAsDefaultSet.add(name)}}const formGroups=[],groupKeys=Object.keys(formGroupMap).sort();for(const groupKey of groupKeys){const groupSchemaMap=formGroupMap[groupKey],formRows=[],rowKeys=Object.keys(groupSchemaMap).sort();for(const rowKey of rowKeys){const rowSchema=groupSchemaMap[rowKey],formColumns=[],columnKeys=Object.keys(rowSchema).sort();for(const columnKey of columnKeys){const columnSchema=rowSchema[columnKey],formColumn={key:columnKey,items:columnSchema};formColumns.push(formColumn)}formRows.push({key:rowKey,columns:formColumns})}formGroups.push({key:groupKey,rows:formRows})}return{tableSchema:tableColumns,filterItems,formGroups,filterValueAsDefaultKeys:Array.from(filterValueAsDefaultSet)}},[schema])}/*! 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 */export{useCrudSchema};

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

@@ -1,61 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useApiContext } from '@vef-framework/core';
-import { updateFormScene, 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 showUpdateButton = Reflect.has(formApiKeys, updateFormScene);
-  return useMemo(() => {
-    const buttons = [
-      ...operationButtons ?? []
-    ];
-    if (showUpdateButton) {
-      buttons.push({
-        key: "_update",
-        label: "编辑",
-        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(PencilIcon, {}) }),
-        color: "primary",
-        onClick: ({
-          record,
-          openForm,
-          refetch
-        }) => {
-          openForm({
-            scene: updateFormScene,
-            title: "编辑",
-            initialValues: record,
-            onSubmitSuccess: () => {
-              refetch();
-            }
-          });
-        }
-      });
-    }
-    if (deletionApi) {
-      buttons.push({
-        key: "_deletion",
-        label: "删除",
-        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, showUpdateButton]);
-}
-
-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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useApiContext}from"@vef-framework/core";import{updateFormScene,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(),deletionMutation=useApiMutation(deletionApi??stubMutationApi),formApiKeys=useCrudStore(state=>state.formApiKeys),showUpdateButton=Reflect.has(formApiKeys,updateFormScene);return useMemo(()=>{const buttons=[...operationButtons??[]];return showUpdateButton&&buttons.push({key:"_update",label:"编辑",icon:jsx(VefIcon,{children:jsx(PencilIcon,{})}),color:"primary",onClick:({record,openForm,refetch})=>{openForm({scene:updateFormScene,title:"编辑",initialValues:record,onSubmitSuccess:()=>{refetch()}})}}),deletionApi&&buttons.push({key:"_deletion",label:"删除",icon:jsx(VefIcon,{children:jsx(TrashIcon,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record,refetch})=>{const{message}=await deletionMutation.mutate(record);showSuccessMessage(message),refetch()}}),buttons},[deletionApi,deletionMutation,operationButtons,showUpdateButton])}/*! 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 */export{useOperationButtons};

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

@@ -1,151 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, 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),selectable=!isNullish(batchDeletionApi)||!isNullish(batchActionButtons)&&batchActionButtons.length>0;let tableNode;if(tableProps.paginated){const{tableApi:tableApi2,...restTableProps}=tableProps;tableNode=jsx(VefCrudTable,{showRowNumber:!0,api:tableApi2,apiParams:tableApiParams,deletionApi,schema:tableSchema,selectable,...restTableProps})}else{const{tableApi:tableApi2,...restTableProps}=tableProps;tableNode=jsx(VefCrudTable,{showRowNumber:!0,api:tableApi2,apiParams:tableApiParams,deletionApi,schema:tableSchema,selectable,...restTableProps})}const{tableApi}=tableProps;return jsx(VefPage,{scrollable:!0,title,actions:jsx(VefCrudActions,{actionButtons,tableApi,tableApiParams}),footer:selectedKeys.length>0&&jsx(VefCrudFooter,{batchActionButtons,batchDeletionApi,selectionSummary,tableApi,tableApiParams}),header:jsx(VefCrudHeader,{actionButtons,filterItems,tableApi,tableApiParams,title}),children:jsxs(VefCard,{children:[tableNode,formApis&&Object.keys(formApis).length>0&&formGroups.length>0&&jsx(VefCrudFormModal,{formApis,formSchema:formGroups})]})})}function VefCrudPage({schema,formApis,onFormOpen,onBeforeSubmit,onSubmitSuccess,...restProps}){const{tableSchema,filterItems,formGroups,filterValueAsDefaultKeys}=useCrudSchema(schema),formApiKeys=useMemo(()=>{const apis=formApis??{};return Object.keys(apis).reduce((acc,key)=>(apis[key]&&(acc[key]=apis[key].key),acc),{})},[formApis]),initialState=useMemo(()=>({filterValueAsDefaultKeys,formApiKeys,onBeforeSubmit,onFormOpen,onSubmitSuccess}),[filterValueAsDefaultKeys,formApiKeys,onBeforeSubmit,onFormOpen,onSubmitSuccess]);return jsx(CrudStoreProvider,{initialState,children:jsx(VefCrudPageBase,{filterItems,formApis,formGroups,tableSchema,...restProps})})}/*! 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 */export{VefCrudPage as default};