@vef-framework/components 1.0.63 → 1.0.64

package/es/vef-config-provider/store.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{createComponentStore as r}from"@vef-framework/shared";const{StoreProvider:o,useStore:e,useStoreApi:i}=r("Config",(({fontSize:r="large",primaryColor:o="#0064fa"})=>e=>({fontSize:r,primaryColor:o,setFontSize:r=>e({fontSize:r}),setPrimaryColor:r=>e({primaryColor:r})})));export{o as ConfigStoreProvider,e as useConfigStore,i as useConfigStoreApi};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { createComponentStore } from '@vef-framework/shared';
+
+const {
+  StoreProvider: ConfigStoreProvider,
+  useStore: useConfigStore,
+  useStoreApi: useConfigStoreApi
+} = createComponentStore(
+  "Config",
+  ({
+    fontSize = "large",
+    primaryColor = "#0064fa"
+  }) => (set) => ({
+    fontSize,
+    primaryColor,
+    setFontSize: (fontSize2) => set({ fontSize: fontSize2 }),
+    setPrimaryColor: (primaryColor2) => set({ primaryColor: primaryColor2 })
+  })
+);
+
+export { ConfigStoreProvider, useConfigStore, useConfigStoreApi };
 /*! 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-container/index.js

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsxs as e,jsx as r}from"@emotion/react/jsx-runtime";import{FloatButton as t}from"antd";import o from"../vef-scroll-area/index.js";const{BackTop:a}=t;function s({className:t,style:s,children:m}){return e(o,{className:t,style:s,children:[m,r(a,{})]})}export{s as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { FloatButton } from 'antd';
+import VefScrollArea from '../vef-scroll-area/index.js';
+
+const { BackTop } = FloatButton;
+function VefContainer({
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(VefScrollArea, { className, style, children: [
+    children,
+    /* @__PURE__ */ jsx(BackTop, {})
+  ] });
+}
+
+export { VefContainer 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-actions.js

@@ -1,3 +1,33 @@
-/*! 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{DisabledContextProvider as t}from"@vef-framework/hooks";import{useMemo as r}from"react";import e from"../../vef-action-buttons/index.js";import{useActionButtons as s}from"../hooks/use-action-buttons.js";import{useCrudContext as i}from"../hooks/use-crud-context.js";import{useCrudStore as n}from"../store.js";function m({tableApi:m,tableApiParams:a,actionButtons:u}){const c=n((o=>o.confirmedFilterValues)),f=m.useIsFetching(r((()=>({...a,...c})),[a,c])),p=i(),l=s(u);return o(t,{value:f,children:o(e,{buttons:l,context:p,useFlexContainer:!1})})}export{m 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 { DisabledContextProvider } from '@vef-framework/hooks';
+import { useMemo } from 'react';
+import VefActionButtons from '../../vef-action-buttons/index.js';
+import { useActionButtons } from '../hooks/use-action-buttons.js';
+import { useCrudContext } from '../hooks/use-crud-context.js';
+import { useCrudStore } from '../store.js';
+
+function VefCrudActions({
+  tableApi,
+  tableApiParams,
+  actionButtons
+}) {
+  const confirmedFilterValues = useCrudStore((state) => state.confirmedFilterValues);
+  const isFetching = tableApi.useIsFetching(useMemo(() => ({
+    ...tableApiParams,
+    ...confirmedFilterValues
+  }), [tableApiParams, confirmedFilterValues]));
+  const crudContext = useCrudContext();
+  const actionButtonsToUse = useActionButtons(actionButtons);
+  return /* @__PURE__ */ jsx(DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsx(
+    VefActionButtons,
+    {
+      buttons: actionButtonsToUse,
+      context: crudContext,
+      useFlexContainer: false
+    }
+  ) });
+}
+
+export { VefCrudActions 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-filter.js

@@ -1,3 +1,55 @@
-/*! 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{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 f({title:f,tableApi:l,tableApiParams:u,filterSchema:c,actionButtons:p}){const[d,x,h]=a((t=>[t.setFilterValues,t.confirmedFilterValues,t.setConfirmedFilterValues])),j=l.useIsFetching(e((()=>({...u,...x})),[u,x])),b=m(),F=s(p),g=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:F,context:b,useFlexContainer:!1}),onChange:d,onConfirm:h,onReset:g})}export{f 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 { 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 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,9 +1,121 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: ${c.padding};
-`;const A=p((function({tableApi:r,tableApiParams:c,batchDeletionApi:p,batchActionButtons:A,selectionSummary:w}){const{useApiMutation:C,stubMutationApi:F}=i(),I=C(p??F),[M,D,K]=j((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:R,selectedRecords:S}=M,q=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(S);m(t),e()}}]),[A,p,I,S]),B=g(),P=d((()=>({...B,...M})),[B,M]),V=r.useIsFetching(d((()=>({...c,...D})),[c,D])),$=f((()=>{K({selectedKeys:[],selectedRecords:[]})}),[K]),_=d((()=>{if(a(w))return w(S)}),[S,w]);return 0===R.length?null:t("div",{css:k,children:[t(y,{color:"secondary",children:["已选择"," ",e(y,{bold:!0,color:"primary",children:R.length})," ","项",_&&t(o,{children:[e(x,{orientation:"vertical"}),_]})]}),e(n,{value:V,children:t(v,{align:"center",gap:"medium",children:[e(h,{color:"primary",variant:"text",onClick:$,children:"取消选择"}),e(u,{buttons:q,context:P,useFlexContainer:!1})]})})]})}));export{A as default};
+  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 };
 /*! 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,3 +1,54 @@
-/*! 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 e from"../../vef-form-modal/index.js";import{useCrudStore as r}from"../store.js";function t({formSchema:t,formApis:n}){const[i,{scene:m,title:s,width:c},{onBeforeSubmit:f,onSubmitSuccess:u},a,p,l]=r((o=>[o.isFormOpen,o.currentFormInfo,o.currentFormEventHandlers,o.currentFormInitialValues,o.isFormLoading,o.closeForm])),d=n[m];if(!d)throw new Error(`Form api for scene ${m} not found, please check the formApis props of VefCrudPage component.`);return o(e,{initialValues:a,loading:p,open:i,scene:m,schema:t,submitApi:d,title:s,width:c,onBeforeSubmit:f,onClose:l,onSubmitSuccess:u})}export{t 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 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 */

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

@@ -1,3 +1,30 @@
-/*! 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{memo as e}from"react";import r from"./crud-filter.js";const i=e((function({title:e,tableApi:i,tableApiParams:a,filterItems:o,actionButtons:l}){return o.length>0?t(r,{actionButtons:l,filterSchema:o,tableApi:i,tableApiParams:a,title:e}):null}));export{i 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 { 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 */

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

@@ -1,3 +1,77 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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({api:n,apiParams:p,deletionApi:d,paginated:u,schema:f,selectable:x,operationButtons:S,...h}){const[y,b,j]=c((e=>[e.confirmedFilterValues,e.selectedInfo,e.setSelectedInfo])),K=t((()=>({...p,...y})),[p,y]),g=o(((e,t)=>{j({selectedKeys:e,selectedRecords:t})}),[j]),C=i(d,S),R=s(null),I=m();a((()=>{I.setState({tableInstanceRef:R})}),[I]);const P=l();return e(r,u?{ref:R,multipleSelection:!0,paginated:!0,api:n,apiParams:K,externalContext:P,operationButtons:C,schema:f,selectable:x,selectedKeys:b.selectedKeys,selectionSummary:!1,onRowSelectionChange:g,...h}:{ref:R,multipleSelection:!0,api:n,apiParams:K,externalContext:P,schema:f,selectable:x,selectedKeys:b.selectedKeys,selectionSummary:!1,onRowSelectionChange:g,...h})}));export{p 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 { 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 */

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

@@ -1,3 +1,38 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{creationFormScene as r}from"@vef-framework/shared";import{PlusIcon as o}from"lucide-react";import{useMemo as t}from"react";import i from"../../vef-icon/index.js";import{useCrudStore as m}from"../store.js";function c(c){const n=m((e=>e.formApiKeys)),f=Reflect.has(n,r),s=Reflect.get(n,r);return t((()=>f?[...c??[],{label:"创建",key:`_${r}`,icon:e(i,{children:e(o,{})}),color:"primary",permissions:[s],onClick:({openForm:e,refetch:o})=>e({scene:r,title:"创建",onSubmitSuccess:()=>{o()}})}]:c??[]),[f,c,s])}export{c as useActionButtons};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 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,3 +1,21 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useMemo as e}from"react";import{useCrudStore as r}from"../store.js";function t(){const[t,o,n]=r((e=>[e.openForm,e.filterValues,e.tableInstanceRef]));return e((()=>({openForm:t,filterValues:o,refetch:async()=>{await(n.current?.refetch())}})),[t,o,n])}export{t as useCrudContext};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 */

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

@@ -1,3 +1,115 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{isNullish as e,isString as t}from"@vef-framework/shared";import{useMemo as o}from"react";function r(r){return o((()=>{const o=[],s=[],n=new Set,c={};for(const a of r){const{filter:r,form:f,...l}=a,{name:u,title:p}=l;if(o.push(l),r){const{label:o,advanced:n,...c}=r,a={name:u,label:n&&e(o)?p:o,advanced:n,...c};("Input"===a.type||"InputNumber"===a.type)&&e(o)&&e(a.placeholder)&&(a.placeholder=t(p)?`请输入${p}`:"请输入"),s.push(a)}if(f){const{group:t,row:o,column:r,filterValueAsDefault:s,label:a,...l}=f,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}`,b=h[y]??[];h[y]||(h[y]=b),"Hidden"===l.type?b.push({name:u,...l}):b.push({name:u,label:e(a)?p:a,...l}),s&&n.add(u)}}const a=[],f=Object.keys(c).sort();for(const e of f){const t=c[e],o=[],r=Object.keys(t).sort();for(const e of r){const r=t[e],s=[],n=Object.keys(r).sort();for(const e of n){const t={key:e,items:r[e]};s.push(t)}o.push({key:e,columns:s})}a.push({key:e,rows:o})}return{tableSchema:o,filterItems:s,formGroups:a,filterValueAsDefaultKeys:Array.from(n)}}),[r])}export{r as useCrudSchema};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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) ? `\u8BF7\u8F93\u5165${title}` : "\u8BF7\u8F93\u5165";
+        }
+        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 */