@vef-framework/components 1.0.98 → 1.0.99

package/lib/vef-crud-page/components/crud-footer.cjs

@@ -1,9 +1,125 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/core"),s=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),o=require("lucide-react"),n=require("react"),c=require("../../vef-action-buttons/index.cjs"),u=require("../../vef-button/index.cjs"),a=require("../../vef-divider/index.cjs"),l=require("../../vef-flex/index.cjs"),d=require("../../vef-icon/index.cjs"),f=require("../../vef-text/index.cjs"),x=require("../hooks/use-crud-context.cjs"),m=require("../store.cjs"),h=r.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const lucideReact = require('lucide-react');
+const react$1 = require('react');
+const index$5 = require('../../vef-action-buttons/index.cjs');
+const index$4 = require('../../vef-button/index.cjs');
+const index$2 = require('../../vef-divider/index.cjs');
+const index$3 = require('../../vef-flex/index.cjs');
+const index = require('../../vef-icon/index.cjs');
+const index$1 = require('../../vef-text/index.cjs');
+const useCrudContext = require('../hooks/use-crud-context.cjs');
+const store = require('../store.cjs');
+
+const footerStyle = react.css`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: ${i.themeVariables.padding};
-`;const j=n.memo((function VefCrudFooterBase({tableApi:r,tableApiParams:j,batchDeletionApi:b,batchActionButtons:p,selectionSummary:v}){const{useApiMutation:q,stubMutationApi:g}=t.useApiContext(),y=q(b??g),[C,k,M]=m.useCrudStore((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:A,selectedRecords:w}=C,F=n.useMemo((()=>i.isNullish(b)?p??[]:[...p??[],{key:"_batchDeletion",label:"批量删除",icon:e.jsx(d.default,{children:e.jsx(o.Trash2Icon,{})}),color:"error",permissions:[b.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:e})=>{const{message:r}=await y.mutate(w);i.showSuccessMessage(r),e()}}]),[p,b,y,w]),S=x.useCrudContext(),I=n.useMemo((()=>({...S,...C})),[S,C]),D=r.useIsFetching(n.useMemo((()=>({...j,...k})),[j,k])),P=n.useCallback((()=>{M({selectedKeys:[],selectedRecords:[]})}),[M]),V=n.useMemo((()=>{if(i.isFunction(v))return v(w)}),[w,v]);return 0===A.length?null:e.jsxs("div",{css:h,children:[e.jsxs(f.default,{color:"secondary",children:["已选择"," ",e.jsx(f.default,{bold:!0,color:"primary",children:A.length})," ","项",V&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{orientation:"vertical"}),V]})]}),e.jsx(s.DisabledContextProvider,{value:D,children:e.jsxs(l.default,{align:"center",gap:"medium",children:[e.jsx(u.default,{color:"primary",variant:"text",onClick:P,children:"取消选择"}),e.jsx(c.default,{buttons:F,context:I,useFlexContainer:!1})]})})]})}));exports.default=j;
+  padding: ${shared.themeVariables.padding};
+`;
+function VefCrudFooterBase({
+  tableApi,
+  tableApiParams,
+  batchDeletionApi,
+  batchActionButtons,
+  selectionSummary
+}) {
+  const { useApiMutation, stubMutationApi } = core.useApiContext();
+  const batchDeletionMutation = useApiMutation(batchDeletionApi ?? stubMutationApi);
+  const [selectedInfo, confirmedFilterValues, setSelectedInfo] = store.useCrudStore((state) => [
+    state.selectedInfo,
+    state.confirmedFilterValues,
+    state.setSelectedInfo
+  ]);
+  const { selectedKeys, selectedRecords } = selectedInfo;
+  const batchActionButtonsToUse = react$1.useMemo(() => {
+    if (!shared.isNullish(batchDeletionApi)) {
+      return [
+        ...batchActionButtons ?? [],
+        {
+          key: "_batchDeletion",
+          label: "\u6279\u91CF\u5220\u9664",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, {}) }),
+          color: "error",
+          permissions: [batchDeletionApi.key],
+          requireConfirmation: true,
+          confirmationMode: "detailed",
+          onClick: async ({ refetch }) => {
+            const { message } = await batchDeletionMutation.mutate(selectedRecords);
+            shared.showSuccessMessage(message);
+            refetch();
+          }
+        }
+      ];
+    }
+    return batchActionButtons ?? [];
+  }, [batchActionButtons, batchDeletionApi, batchDeletionMutation, selectedRecords]);
+  const crudContext = useCrudContext.useCrudContext();
+  const batchActionButtonContext = react$1.useMemo(() => ({
+    ...crudContext,
+    ...selectedInfo
+  }), [crudContext, selectedInfo]);
+  const isFetching = tableApi.useIsFetching(react$1.useMemo(() => ({
+    ...tableApiParams,
+    ...confirmedFilterValues
+  }), [tableApiParams, confirmedFilterValues]));
+  const handleCancelSelection = react$1.useCallback(() => {
+    setSelectedInfo({
+      selectedKeys: [],
+      selectedRecords: []
+    });
+  }, [setSelectedInfo]);
+  const selectionSummaryNode = react$1.useMemo(() => {
+    if (shared.isFunction(selectionSummary)) {
+      return selectionSummary(selectedRecords);
+    }
+  }, [selectedRecords, selectionSummary]);
+  if (selectedKeys.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: footerStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { color: "secondary", children: [
+      "\u5DF2\u9009\u62E9",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: true, color: "primary", children: selectedKeys.length }),
+      " ",
+      "\u9879",
+      selectionSummaryNode && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { orientation: "vertical" }),
+        selectionSummaryNode
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.default, { align: "center", gap: "medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index$4.default,
+        {
+          color: "primary",
+          variant: "text",
+          onClick: handleCancelSelection,
+          children: "\u53D6\u6D88\u9009\u62E9"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index$5.default,
+        {
+          buttons: batchActionButtonsToUse,
+          context: batchActionButtonContext,
+          useFlexContainer: false
+        }
+      )
+    ] }) })
+  ] });
+}
+const VefCrudFooter = react$1.memo(VefCrudFooterBase);
+
+exports.default = VefCrudFooter;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-form-modal.cjs

@@ -1,3 +1,58 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("../../vef-form-modal/index.cjs"),r=require("../store.cjs");exports.default=function VefCrudFormModal({formSchema:t,formApis:n}){const[i,{scene:s,title:u,width:c},{onBeforeSubmit:m,onSubmitSuccess:a},l,f,d]=r.useCrudStore((e=>[e.isFormOpen,e.currentFormInfo,e.currentFormEventHandlers,e.currentFormInitialValues,e.isFormLoading,e.closeForm])),p=n[s];if(!p)throw new Error(`Form api for scene ${s} not found, please check the formApis props of VefCrudPage component.`);return e.jsx(o.default,{initialValues:l,loading:f,open:i,scene:s,schema:t,submitApi:p,title:u,width:c,onBeforeSubmit:m,onClose:d,onSubmitSuccess:a})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const index = require('../../vef-form-modal/index.cjs');
+const store = require('../store.cjs');
+
+function VefCrudFormModal({
+  formSchema,
+  formApis
+}) {
+  const [
+    isFormOpen,
+    {
+      scene,
+      title,
+      width
+    },
+    { onBeforeSubmit, onSubmitSuccess },
+    currentFormInitialValues,
+    isFormLoading,
+    closeForm
+  ] = store.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__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      initialValues: currentFormInitialValues,
+      loading: isFormLoading,
+      open: isFormOpen,
+      scene,
+      schema: formSchema,
+      submitApi: formApi,
+      title,
+      width,
+      onBeforeSubmit,
+      onClose: closeForm,
+      onSubmitSuccess
+    }
+  );
+}
+
+exports.default = VefCrudFormModal;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-header.cjs

@@ -1,3 +1,34 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("react"),r=require("./crud-filter.cjs");const i=t.memo((function VefCrudHeaderBase({title:t,tableApi:i,tableApiParams:a,filterItems:l,actionButtons:u}){return l.length>0?e.jsx(r.default,{actionButtons:u,filterSchema:l,tableApi:i,tableApiParams:a,title:t}):null}));exports.default=i;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+const crudFilter = require('./crud-filter.cjs');
+
+function VefCrudHeaderBase({
+  title,
+  tableApi,
+  tableApiParams,
+  filterItems,
+  actionButtons
+}) {
+  if (filterItems.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      crudFilter.default,
+      {
+        actionButtons,
+        filterSchema: filterItems,
+        tableApi,
+        tableApiParams,
+        title
+      }
+    );
+  }
+  return null;
+}
+const VefCrudHeader = react.memo(VefCrudHeaderBase);
+
+exports.default = VefCrudHeader;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-table.cjs

@@ -1,3 +1,81 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("react"),s=require("../../vef-table/index.cjs"),o=require("../hooks/use-crud-context.cjs"),a=require("../hooks/use-operation-buttons.cjs"),r=require("../store.cjs");const n=t.memo((function VefCrudTableBase({api:n,apiParams:l,deletionApi:u,paginated:c,schema:i,selectable:d,operationButtons:m,...p}){const[f,x,S]=r.useCrudStore((e=>[e.confirmedFilterValues,e.selectedInfo,e.setSelectedInfo])),b=t.useMemo((()=>({...l,...f})),[l,f]),C=t.useCallback(((e,t)=>{S({selectedKeys:e,selectedRecords:t})}),[S]),j=a.useOperationButtons(u,m),y=t.useRef(null),h=r.useCrudStoreApi();t.useEffect((()=>{h.setState({tableInstanceRef:y})}),[h]);const g=o.useCrudContext();return c?e.jsx(s.default,{ref:y,multipleSelection:!0,paginated:!0,api:n,apiParams:b,externalContext:g,operationButtons:j,schema:i,selectable:d,selectedKeys:x.selectedKeys,selectionSummary:!1,onRowSelectionChange:C,...p}):e.jsx(s.default,{ref:y,multipleSelection:!0,api:n,apiParams:b,externalContext:g,schema:i,selectable:d,selectedKeys:x.selectedKeys,selectionSummary:!1,onRowSelectionChange:C,...p})}));exports.default=n;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+const index = require('../../vef-table/index.cjs');
+const useCrudContext = require('../hooks/use-crud-context.cjs');
+const useOperationButtons = require('../hooks/use-operation-buttons.cjs');
+const store = require('../store.cjs');
+
+function VefCrudTableBase({
+  api,
+  apiParams,
+  deletionApi,
+  paginated,
+  schema,
+  selectable,
+  operationButtons,
+  ...tableProps
+}) {
+  const [confirmedFilterValues, selectedInfo, setSelectedInfo] = store.useCrudStore((state) => [state.confirmedFilterValues, state.selectedInfo, state.setSelectedInfo]);
+  const mergedApiParams = react.useMemo(() => ({
+    ...apiParams,
+    ...confirmedFilterValues
+  }), [apiParams, confirmedFilterValues]);
+  const handleSelectionChange = react.useCallback((selectedKeys, selectedRecords) => {
+    setSelectedInfo({
+      selectedKeys,
+      selectedRecords
+    });
+  }, [setSelectedInfo]);
+  const operationButtonsToUse = useOperationButtons.useOperationButtons(deletionApi, operationButtons);
+  const tableInstanceRef = react.useRef(null);
+  const crudStore = store.useCrudStoreApi();
+  react.useEffect(() => {
+    crudStore.setState({ tableInstanceRef });
+  }, [crudStore]);
+  const crudContext = useCrudContext.useCrudContext();
+  if (paginated) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        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__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      ref: tableInstanceRef,
+      multipleSelection: true,
+      api,
+      apiParams: mergedApiParams,
+      externalContext: crudContext,
+      schema,
+      selectable,
+      selectedKeys: selectedInfo.selectedKeys,
+      selectionSummary: false,
+      onRowSelectionChange: handleSelectionChange,
+      ...tableProps
+    }
+  );
+}
+const VefCrudTable = react.memo(VefCrudTableBase);
+
+exports.default = VefCrudTable;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/hooks/use-action-buttons.cjs

@@ -1,3 +1,42 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),o=require("lucide-react"),t=require("react"),c=require("../../vef-icon/index.cjs"),n=require("../store.cjs");exports.useActionButtons=function useActionButtons(i){const s=n.useCrudStore((e=>e.formApiKeys)),u=Reflect.has(s,r.creationFormScene),a=Reflect.get(s,r.creationFormScene);return t.useMemo((()=>u?[...i??[],{label:"创建",key:`_${r.creationFormScene}`,icon:e.jsx(c.default,{children:e.jsx(o.PlusIcon,{})}),color:"primary",permissions:[a],onClick:({openForm:e,refetch:o})=>e({scene:r.creationFormScene,title:"创建",onSubmitSuccess:()=>{o()}})}]:i??[]),[u,i,a])};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const lucideReact = require('lucide-react');
+const react = require('react');
+const index = require('../../vef-icon/index.cjs');
+const store = require('../store.cjs');
+
+function useActionButtons(actionButtons) {
+  const formApiKeys = store.useCrudStore((state) => state.formApiKeys);
+  const showCreationActionButton = Reflect.has(formApiKeys, shared.creationFormScene);
+  const creationFormApiKey = Reflect.get(formApiKeys, shared.creationFormScene);
+  return react.useMemo(() => {
+    if (showCreationActionButton) {
+      return [
+        ...actionButtons ?? [],
+        {
+          label: "\u521B\u5EFA",
+          key: `_${shared.creationFormScene}`,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, {}) }),
+          color: "primary",
+          permissions: [creationFormApiKey],
+          onClick: ({ openForm, refetch }) => openForm({
+            scene: shared.creationFormScene,
+            title: "\u521B\u5EFA",
+            onSubmitSuccess: () => {
+              refetch();
+            }
+          })
+        }
+      ];
+    }
+    return actionButtons ?? [];
+  }, [showCreationActionButton, actionButtons, creationFormApiKey]);
+}
+
+exports.useActionButtons = 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/lib/vef-crud-page/hooks/use-crud-context.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../store.cjs");exports.useCrudContext=function useCrudContext(){const[r,o,u]=t.useCrudStore((e=>[e.openForm,e.filterValues,e.tableInstanceRef]));return e.useMemo((()=>({openForm:r,filterValues:o,refetch:async()=>{await(u.current?.refetch())}})),[r,o,u])};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const store = require('../store.cjs');
+
+function useCrudContext() {
+  const [openForm, filterValues, tableInstanceRef] = store.useCrudStore((state) => [
+    state.openForm,
+    state.filterValues,
+    state.tableInstanceRef
+  ]);
+  return react.useMemo(() => ({
+    openForm,
+    filterValues,
+    refetch: async () => {
+      await tableInstanceRef.current?.refetch();
+    }
+  }), [openForm, filterValues, tableInstanceRef]);
+}
+
+exports.useCrudContext = 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/lib/vef-crud-page/hooks/use-crud-schema.cjs

@@ -1,3 +1,121 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react");exports.useCrudSchema=function useCrudSchema(s){return t.useMemo((()=>{const t=[],l=[],r=new Set,o={};for(const u of s){const{filter:s,form:c,...n}=u,{name:i,title:a}=n;if(t.push(n),s){const{label:t,advanced:r,...o}=s,u={name:i,label:r&&e.isNullish(t)?a:t,advanced:r,...o};("Input"===u.type||"InputNumber"===u.type)&&e.isNullish(t)&&e.isNullish(u.placeholder)?u.placeholder=e.isString(a)?a:"请输入":("SingleSelect"===u.type||"MultipleSelect"===u.type||"TreeSingleSelect"===u.type||"TreeMultipleSelect"===u.type)&&e.isNullish(t)&&e.isNullish(u.placeholder)&&(u.placeholder=e.isString(a)?a:"请选择"),l.push(u)}if(c){const{group:t,row:s,column:l,filterValueAsDefault:u,label:n,...p}=c,f=`${t??1}`,h=o[f]??{};o[f]||(o[f]=h);const m=`${s??1}`,d=h[m]??{};h[m]||(h[m]=d);const y=`${l??1}`,S=d[y]??[];d[y]||(d[y]=S),"Hidden"===p.type?S.push({name:i,...p}):S.push({name:i,label:e.isNullish(n)?a:n,...p}),u&&r.add(i)}}const u=[],c=Object.keys(o).sort();for(const e of c){const t=o[e],s=[],l=Object.keys(t).sort();for(const e of l){const l=t[e],r=[],o=Object.keys(l).sort();for(const e of o){const t={key:e,items:l[e]};r.push(t)}s.push({key:e,columns:r})}u.push({key:e,rows:s})}return{tableSchema:t,filterItems:l,formGroups:u,filterValueAsDefaultKeys:Array.from(r)}}),[s])};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useCrudSchema(schema) {
+  return react.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 && shared.isNullish(label) ? title : label,
+          advanced,
+          ...rest
+        };
+        if ((filterItem.type === "Input" || filterItem.type === "InputNumber") && shared.isNullish(label) && shared.isNullish(filterItem.placeholder)) {
+          filterItem.placeholder = shared.isString(title) ? title : "\u8BF7\u8F93\u5165";
+        } else if ((filterItem.type === "SingleSelect" || filterItem.type === "MultipleSelect" || filterItem.type === "TreeSingleSelect" || filterItem.type === "TreeMultipleSelect") && shared.isNullish(label) && shared.isNullish(filterItem.placeholder)) {
+          filterItem.placeholder = shared.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: shared.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]);
+}
+
+exports.useCrudSchema = 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/lib/vef-crud-page/hooks/use-operation-buttons.cjs

@@ -1,3 +1,65 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/core"),o=require("@vef-framework/shared"),t=require("lucide-react"),i=require("react"),s=require("../../vef-icon/index.cjs"),n=require("../store.cjs");exports.useOperationButtons=function useOperationButtons(c,u){const{useApiMutation:a,stubMutationApi:l}=r.useApiContext(),d=a(c??l),m=n.useCrudStore((e=>e.formApiKeys)),p=Reflect.has(m,o.updateFormScene);return i.useMemo((()=>{const r=[...u??[]];return p&&r.push({key:"_update",label:"编辑",icon:e.jsx(s.default,{children:e.jsx(t.PencilIcon,{})}),color:"primary",onClick:({record:e,openForm:r,refetch:t})=>{r({scene:o.updateFormScene,title:"编辑",initialValues:e,onSubmitSuccess:()=>{t()}})}}),c&&r.push({key:"_deletion",label:"删除",icon:e.jsx(s.default,{children:e.jsx(t.TrashIcon,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:e,refetch:r})=>{const{message:t}=await d.mutate(e);o.showSuccessMessage(t),r()}}),r}),[c,d,u,p])};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const core = require('@vef-framework/core');
+const shared = require('@vef-framework/shared');
+const lucideReact = require('lucide-react');
+const react = require('react');
+const index = require('../../vef-icon/index.cjs');
+const store = require('../store.cjs');
+
+function useOperationButtons(deletionApi, operationButtons) {
+  const { useApiMutation, stubMutationApi } = core.useApiContext();
+  const deletionMutation = useApiMutation(deletionApi ?? stubMutationApi);
+  const formApiKeys = store.useCrudStore((state) => state.formApiKeys);
+  const showUpdateButton = Reflect.has(formApiKeys, shared.updateFormScene);
+  return react.useMemo(() => {
+    const buttons = [
+      ...operationButtons ?? []
+    ];
+    if (showUpdateButton) {
+      buttons.push({
+        key: "_update",
+        label: "\u7F16\u8F91",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, {}) }),
+        color: "primary",
+        onClick: ({
+          record,
+          openForm,
+          refetch
+        }) => {
+          openForm({
+            scene: shared.updateFormScene,
+            title: "\u7F16\u8F91",
+            initialValues: record,
+            onSubmitSuccess: () => {
+              refetch();
+            }
+          });
+        }
+      });
+    }
+    if (deletionApi) {
+      buttons.push({
+        key: "_deletion",
+        label: "\u5220\u9664",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrashIcon, {}) }),
+        color: "error",
+        requireConfirmation: true,
+        confirmationMode: "simple",
+        onClick: async ({ record, refetch }) => {
+          const { message } = await deletionMutation.mutate(record);
+          shared.showSuccessMessage(message);
+          refetch();
+        }
+      });
+    }
+    return buttons;
+  }, [deletionApi, deletionMutation, operationButtons, showUpdateButton]);
+}
+
+exports.useOperationButtons = 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 */