@vef-framework/components 1.0.99 → 1.0.100

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

@@ -1,55 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useMemo, useCallback } from 'react';
-import VefActionButtons from '../../vef-action-buttons/index.js';
-import VefFilter from '../../vef-filter/index.js';
-import VefTitle from '../../vef-title/index.js';
-import { useActionButtons } from '../hooks/use-action-buttons.js';
-import { useCrudContext } from '../hooks/use-crud-context.js';
-import { useCrudStore } from '../store.js';
-
-function VefCrudFilter({
-  title,
-  tableApi,
-  tableApiParams,
-  filterSchema,
-  actionButtons
-}) {
-  const [setFilterValues, confirmedFilterValues, setConfirmedFilterValues] = useCrudStore((state) => [
-    state.setFilterValues,
-    state.confirmedFilterValues,
-    state.setConfirmedFilterValues
-  ]);
-  const isFetching = tableApi.useIsFetching(useMemo(() => ({
-    ...tableApiParams,
-    ...confirmedFilterValues
-  }), [tableApiParams, confirmedFilterValues]));
-  const crudContext = useCrudContext();
-  const actionButtonsToUse = useActionButtons(actionButtons);
-  const handleReset = useCallback(
-    () => setConfirmedFilterValues(null),
-    [setConfirmedFilterValues]
-  );
-  return /* @__PURE__ */ jsx(
-    VefFilter,
-    {
-      loading: isFetching,
-      prefix: /* @__PURE__ */ jsx(VefTitle, { noPaddingBottom: true, showLeftBar: true, level: 5, children: title }),
-      schema: filterSchema,
-      extraActionButtons: /* @__PURE__ */ jsx(
-        VefActionButtons,
-        {
-          buttons: actionButtonsToUse,
-          context: crudContext,
-          useFlexContainer: false
-        }
-      ),
-      onChange: setFilterValues,
-      onConfirm: setConfirmedFilterValues,
-      onReset: handleReset
-    }
-  );
-}
-
-export { VefCrudFilter as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useMemo as e,useCallback as o}from"react";import r from"../../vef-action-buttons/index.js";import i from"../../vef-filter/index.js";import n from"../../vef-title/index.js";import{useActionButtons as s}from"../hooks/use-action-buttons.js";import{useCrudContext as m}from"../hooks/use-crud-context.js";import{useCrudStore as a}from"../store.js";function VefCrudFilter({title:f,tableApi:l,tableApiParams:u,filterSchema:c,actionButtons:d}){const[p,x,h]=a((t=>[t.setFilterValues,t.confirmedFilterValues,t.setConfirmedFilterValues])),j=l.useIsFetching(e((()=>({...u,...x})),[u,x])),F=m(),C=s(d),b=o((()=>h(null)),[h]);return t(i,{loading:j,prefix:t(n,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:f}),schema:c,extraActionButtons:t(r,{buttons:C,context:F,useFlexContainer:!1}),onChange:p,onConfirm:h,onReset:b})}export{VefCrudFilter 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/components/crud-footer.js

@@ -1,121 +1,9 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useApiContext } from '@vef-framework/core';
-import { DisabledContextProvider } from '@vef-framework/hooks';
-import { themeVariables, isNullish, showSuccessMessage, isFunction } from '@vef-framework/shared';
-import { Trash2Icon } from 'lucide-react';
-import { useMemo, useCallback, memo } from 'react';
-import VefActionButtons from '../../vef-action-buttons/index.js';
-import VefButton from '../../vef-button/index.js';
-import VefDivider from '../../vef-divider/index.js';
-import VefFlex from '../../vef-flex/index.js';
-import VefIcon from '../../vef-icon/index.js';
-import VefText from '../../vef-text/index.js';
-import { useCrudContext } from '../hooks/use-crud-context.js';
-import { useCrudStore } from '../store.js';
-
-const footerStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e,jsxs as t,Fragment as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useApiContext as i}from"@vef-framework/core";import{DisabledContextProvider as n}from"@vef-framework/hooks";import{themeVariables as c,isNullish as s,showSuccessMessage as m,isFunction as a}from"@vef-framework/shared";import{Trash2Icon as l}from"lucide-react";import{useMemo as d,useCallback as f,memo as p}from"react";import u from"../../vef-action-buttons/index.js";import h from"../../vef-button/index.js";import x from"../../vef-divider/index.js";import v from"../../vef-flex/index.js";import b from"../../vef-icon/index.js";import y from"../../vef-text/index.js";import{useCrudContext as g}from"../hooks/use-crud-context.js";import{useCrudStore as j}from"../store.js";const k=r`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: ${themeVariables.padding};
-`;
-function VefCrudFooterBase({
-  tableApi,
-  tableApiParams,
-  batchDeletionApi,
-  batchActionButtons,
-  selectionSummary
-}) {
-  const { useApiMutation, stubMutationApi } = useApiContext();
-  const batchDeletionMutation = useApiMutation(batchDeletionApi ?? stubMutationApi);
-  const [selectedInfo, confirmedFilterValues, setSelectedInfo] = useCrudStore((state) => [
-    state.selectedInfo,
-    state.confirmedFilterValues,
-    state.setSelectedInfo
-  ]);
-  const { selectedKeys, selectedRecords } = selectedInfo;
-  const batchActionButtonsToUse = useMemo(() => {
-    if (!isNullish(batchDeletionApi)) {
-      return [
-        ...batchActionButtons ?? [],
-        {
-          key: "_batchDeletion",
-          label: "\u6279\u91CF\u5220\u9664",
-          icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(Trash2Icon, {}) }),
-          color: "error",
-          permissions: [batchDeletionApi.key],
-          requireConfirmation: true,
-          confirmationMode: "detailed",
-          onClick: async ({ refetch }) => {
-            const { message } = await batchDeletionMutation.mutate(selectedRecords);
-            showSuccessMessage(message);
-            refetch();
-          }
-        }
-      ];
-    }
-    return batchActionButtons ?? [];
-  }, [batchActionButtons, batchDeletionApi, batchDeletionMutation, selectedRecords]);
-  const crudContext = useCrudContext();
-  const batchActionButtonContext = useMemo(() => ({
-    ...crudContext,
-    ...selectedInfo
-  }), [crudContext, selectedInfo]);
-  const isFetching = tableApi.useIsFetching(useMemo(() => ({
-    ...tableApiParams,
-    ...confirmedFilterValues
-  }), [tableApiParams, confirmedFilterValues]));
-  const handleCancelSelection = useCallback(() => {
-    setSelectedInfo({
-      selectedKeys: [],
-      selectedRecords: []
-    });
-  }, [setSelectedInfo]);
-  const selectionSummaryNode = useMemo(() => {
-    if (isFunction(selectionSummary)) {
-      return selectionSummary(selectedRecords);
-    }
-  }, [selectedRecords, selectionSummary]);
-  if (selectedKeys.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { css: footerStyle, children: [
-    /* @__PURE__ */ jsxs(VefText, { color: "secondary", children: [
-      "\u5DF2\u9009\u62E9",
-      " ",
-      /* @__PURE__ */ jsx(VefText, { bold: true, color: "primary", children: selectedKeys.length }),
-      " ",
-      "\u9879",
-      selectionSummaryNode && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(VefDivider, { orientation: "vertical" }),
-        selectionSummaryNode
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsxs(VefFlex, { align: "center", gap: "medium", children: [
-      /* @__PURE__ */ jsx(
-        VefButton,
-        {
-          color: "primary",
-          variant: "text",
-          onClick: handleCancelSelection,
-          children: "\u53D6\u6D88\u9009\u62E9"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        VefActionButtons,
-        {
-          buttons: batchActionButtonsToUse,
-          context: batchActionButtonContext,
-          useFlexContainer: false
-        }
-      )
-    ] }) })
-  ] });
-}
-const VefCrudFooter = memo(VefCrudFooterBase);
-
-export { VefCrudFooter as default };
+  padding: ${c.padding};
+`;const A=p((function VefCrudFooterBase({tableApi:r,tableApiParams:c,batchDeletionApi:p,batchActionButtons:A,selectionSummary:w}){const{useApiMutation:C,stubMutationApi:F}=i(),I=C(p??F),[M,B,D]=j((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:K,selectedRecords:R}=M,S=d((()=>s(p)?A??[]:[...A??[],{key:"_batchDeletion",label:"批量删除",icon:e(b,{children:e(l,{})}),color:"error",permissions:[p.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:e})=>{const{message:t}=await I.mutate(R);m(t),e()}}]),[A,p,I,R]),V=g(),q=d((()=>({...V,...M})),[V,M]),P=r.useIsFetching(d((()=>({...c,...B})),[c,B])),$=f((()=>{D({selectedKeys:[],selectedRecords:[]})}),[D]),_=d((()=>{if(a(w))return w(R)}),[R,w]);return 0===K.length?null:t("div",{css:k,children:[t(y,{color:"secondary",children:["已选择"," ",e(y,{bold:!0,color:"primary",children:K.length})," ","项",_&&t(o,{children:[e(x,{orientation:"vertical"}),_]})]}),e(n,{value:P,children:t(v,{align:"center",gap:"medium",children:[e(h,{color:"primary",variant:"text",onClick:$,children:"取消选择"}),e(u,{buttons:S,context:q,useFlexContainer:!1})]})})]})}));export{A 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/components/crud-form-modal.js

@@ -1,54 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import e from"../../vef-form-modal/index.js";import{useCrudStore as r}from"../store.js";function VefCrudFormModal({formSchema:t,formApis:n}){const[i,{scene:m,title:s,width:f},{onBeforeSubmit:u,onSubmitSuccess:c},a,l,d]=r((o=>[o.isFormOpen,o.currentFormInfo,o.currentFormEventHandlers,o.currentFormInitialValues,o.isFormLoading,o.closeForm])),p=n[m];if(!p)throw new Error(`Form api for scene ${m} not found, please check the formApis props of VefCrudPage component.`);return o(e,{initialValues:a,loading:l,open:i,scene:m,schema:t,submitApi:p,title:s,width:f,onBeforeSubmit:u,onClose:d,onSubmitSuccess:c})}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 */

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

@@ -1,30 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{memo as e}from"react";import r from"./crud-filter.js";const a=e((function VefCrudHeaderBase({title:e,tableApi:a,tableApiParams:i,filterItems:o,actionButtons:l}){return o.length>0?t(r,{actionButtons:l,filterSchema:o,tableApi:a,tableApiParams:i,title:e}):null}));export{a 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/components/crud-table.js

@@ -1,77 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useCallback as o,useRef as s,useEffect as a,memo as n}from"react";import r from"../../vef-table/index.js";import{useCrudContext as l}from"../hooks/use-crud-context.js";import{useOperationButtons as i}from"../hooks/use-operation-buttons.js";import{useCrudStore as c,useCrudStoreApi as m}from"../store.js";const p=n((function VefCrudTableBase({api:n,apiParams:p,deletionApi:d,paginated:u,schema:f,selectable:x,operationButtons:S,...b}){const[h,y,j]=c((e=>[e.confirmedFilterValues,e.selectedInfo,e.setSelectedInfo])),C=t((()=>({...p,...h})),[p,h]),K=o(((e,t)=>{j({selectedKeys:e,selectedRecords:t})}),[j]),g=i(d,S),R=s(null),B=m();a((()=>{B.setState({tableInstanceRef:R})}),[B]);const I=l();return e(r,u?{ref:R,multipleSelection:!0,paginated:!0,api:n,apiParams:C,externalContext:I,operationButtons:g,schema:f,selectable:x,selectedKeys:y.selectedKeys,selectionSummary:!1,onRowSelectionChange:K,...b}:{ref:R,multipleSelection:!0,api:n,apiParams:C,externalContext:I,schema:f,selectable:x,selectedKeys:y.selectedKeys,selectionSummary:!1,onRowSelectionChange:K,...b})}));export{p 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/hooks/use-action-buttons.js

@@ -1,38 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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: "\u521B\u5EFA",
-          key: `_${creationFormScene}`,
-          icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(PlusIcon, {}) }),
-          color: "primary",
-          permissions: [creationFormApiKey],
-          onClick: ({ openForm, refetch }) => openForm({
-            scene: creationFormScene,
-            title: "\u521B\u5EFA",
-            onSubmitSuccess: () => {
-              refetch();
-            }
-          })
-        }
-      ];
-    }
-    return actionButtons ?? [];
-  }, [showCreationActionButton, actionButtons, creationFormApiKey]);
-}
-
-export { useActionButtons };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{creationFormScene as o}from"@vef-framework/shared";import{PlusIcon as r}from"lucide-react";import{useMemo as t}from"react";import i from"../../vef-icon/index.js";import{useCrudStore as m}from"../store.js";function useActionButtons(c){const n=m((e=>e.formApiKeys)),s=Reflect.has(n,o),f=Reflect.get(n,o);return t((()=>s?[...c??[],{label:"创建",key:`_${o}`,icon:e(i,{children:e(r,{})}),color:"primary",permissions:[f],onClick:({openForm:e,refetch:r})=>e({scene:o,title:"创建",onSubmitSuccess:()=>{r()}})}]:c??[]),[s,c,f])}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 */

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

@@ -1,21 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{useMemo as e}from"react";import{useCrudStore as t}from"../store.js";function useCrudContext(){const[r,o,n]=t((e=>[e.openForm,e.filterValues,e.tableInstanceRef]));return e((()=>({openForm:r,filterValues:o,refetch:async()=>{await(n.current?.refetch())}})),[r,o,n])}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 */

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

@@ -1,117 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 : "\u8BF7\u8F93\u5165";
-        } else if ((filterItem.type === "SingleSelect" || filterItem.type === "MultipleSelect" || filterItem.type === "TreeSingleSelect" || filterItem.type === "TreeMultipleSelect") && isNullish(label) && isNullish(filterItem.placeholder)) {
-          filterItem.placeholder = isString(title) ? title : "\u8BF7\u9009\u62E9";
-        }
-        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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{isNullish as e,isString as t}from"@vef-framework/shared";import{useMemo as o}from"react";function useCrudSchema(r){return o((()=>{const o=[],l=[],s=new Set,c={};for(const n of r){const{filter:r,form:a,...p}=n,{name:u,title:f}=p;if(o.push(p),r){const{label:o,advanced:s,...c}=r,n={name:u,label:s&&e(o)?f:o,advanced:s,...c};("Input"===n.type||"InputNumber"===n.type)&&e(o)&&e(n.placeholder)?n.placeholder=t(f)?f:"请输入":("SingleSelect"===n.type||"MultipleSelect"===n.type||"TreeSingleSelect"===n.type||"TreeMultipleSelect"===n.type)&&e(o)&&e(n.placeholder)&&(n.placeholder=t(f)?f:"请选择"),l.push(n)}if(a){const{group:t,row:o,column:r,filterValueAsDefault:l,label:n,...p}=a,m=`${t??1}`,i=c[m]??{};c[m]||(c[m]=i);const d=`${o??1}`,h=i[d]??{};i[d]||(i[d]=h);const y=`${r??1}`,S=h[y]??[];h[y]||(h[y]=S),"Hidden"===p.type?S.push({name:u,...p}):S.push({name:u,label:e(n)?f:n,...p}),l&&s.add(u)}}const n=[],a=Object.keys(c).sort();for(const e of a){const t=c[e],o=[],r=Object.keys(t).sort();for(const e of r){const r=t[e],l=[],s=Object.keys(r).sort();for(const e of s){const t={key:e,items:r[e]};l.push(t)}o.push({key:e,columns:l})}n.push({key:e,rows:o})}return{tableSchema:o,filterItems:l,formGroups:n,filterValueAsDefaultKeys:Array.from(s)}}),[r])}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 */

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

@@ -1,61 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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: "\u7F16\u8F91",
-        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(PencilIcon, {}) }),
-        color: "primary",
-        onClick: ({
-          record,
-          openForm,
-          refetch
-        }) => {
-          openForm({
-            scene: updateFormScene,
-            title: "\u7F16\u8F91",
-            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, showUpdateButton]);
-}
-
-export { useOperationButtons };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useApiContext as o}from"@vef-framework/core";import{updateFormScene as r,showSuccessMessage as t}from"@vef-framework/shared";import{PencilIcon as i,TrashIcon as n}from"lucide-react";import{useMemo as c}from"react";import m from"../../vef-icon/index.js";import{useCrudStore as s}from"../store.js";function useOperationButtons(a,u){const{useApiMutation:f,stubMutationApi:p}=o(),l=f(a??p),d=s((e=>e.formApiKeys)),h=Reflect.has(d,r);return c((()=>{const o=[...u??[]];return h&&o.push({key:"_update",label:"编辑",icon:e(m,{children:e(i,{})}),color:"primary",onClick:({record:e,openForm:o,refetch:t})=>{o({scene:r,title:"编辑",initialValues:e,onSubmitSuccess:()=>{t()}})}}),a&&o.push({key:"_deletion",label:"删除",icon:e(m,{children:e(n,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:e,refetch:o})=>{const{message:r}=await l.mutate(e);t(r),o()}}),o}),[a,l,u,h])}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 */