@vef-framework/components 1.0.5

package/dist/vef-config-provider/reset-style.js

@@ -0,0 +1,257 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{css as e}from"@emotion/react";const t=e`
+  input::-ms-clear,
+  input::-ms-reveal {
+    display: none;
+  }
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  html {
+    font-family: sans-serif;
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    -ms-overflow-style: scrollbar;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  }
+  @-ms-viewport {
+    width: device-width;
+  }
+  body {
+    margin: 0;
+  }
+  [tabindex='-1']:focus {
+    outline: none;
+  }
+  hr {
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 0;
+    margin-bottom: 0.5em;
+    font-weight: 500;
+  }
+  p {
+    margin-top: 0;
+    margin-bottom: 1em;
+  }
+  abbr[title],
+  abbr[data-original-title] {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline;
+    text-decoration: underline dotted;
+    border-bottom: 0;
+    cursor: help;
+  }
+  address {
+    margin-bottom: 1em;
+    font-style: normal;
+    line-height: inherit;
+  }
+  input[type='text'],
+  input[type='password'],
+  input[type='number'],
+  textarea {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  ol,
+  ul,
+  dl {
+    margin-top: 0;
+    margin-bottom: 1em;
+  }
+  ol ol,
+  ul ul,
+  ol ul,
+  ul ol {
+    margin-bottom: 0;
+  }
+  dt {
+    font-weight: 500;
+  }
+  dd {
+    margin-bottom: 0.5em;
+    margin-left: 0;
+  }
+  blockquote {
+    margin: 0 0 1em;
+  }
+  dfn {
+    font-style: italic;
+  }
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub,
+  sup {
+    position: relative;
+    font-size: 75%;
+    line-height: 0;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  pre,
+  code,
+  kbd,
+  samp {
+    font-size: 1em;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+  }
+  pre {
+    margin-top: 0;
+    margin-bottom: 1em;
+    overflow: auto;
+  }
+  figure {
+    margin: 0 0 1em;
+  }
+  img {
+    vertical-align: middle;
+    border-style: none;
+  }
+  a,
+  area,
+  button,
+  [role='button'],
+  input:not([type='range']),
+  label,
+  select,
+  summary,
+  textarea {
+    touch-action: manipulation;
+  }
+  table {
+    border-collapse: collapse;
+  }
+  caption {
+    padding-top: 0.75em;
+    padding-bottom: 0.3em;
+    text-align: left;
+    caption-side: bottom;
+  }
+  input,
+  button,
+  select,
+  optgroup,
+  textarea {
+    margin: 0;
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+  }
+  button,
+  input {
+    overflow: visible;
+  }
+  button,
+  select {
+    text-transform: none;
+  }
+  button,
+  html [type='button'],
+  [type='reset'],
+  [type='submit'] {
+    -webkit-appearance: button;
+    appearance: button;
+  }
+  button::-moz-focus-inner,
+  [type='button']::-moz-focus-inner,
+  [type='reset']::-moz-focus-inner,
+  [type='submit']::-moz-focus-inner {
+    padding: 0;
+    border-style: none;
+  }
+  input[type='radio'],
+  input[type='checkbox'] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+  input[type='date'],
+  input[type='time'],
+  input[type='datetime-local'],
+  input[type='month'] {
+    -webkit-appearance: listbox;
+    appearance: listbox;
+  }
+  textarea {
+    overflow: auto;
+    resize: vertical;
+  }
+  fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+  legend {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 0.5em;
+    padding: 0;
+    color: inherit;
+    font-size: 1.5em;
+    line-height: inherit;
+    white-space: normal;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  [type='number']::-webkit-inner-spin-button,
+  [type='number']::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [type='search'] {
+    outline-offset: -2px;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  [type='search']::-webkit-search-cancel-button,
+  [type='search']::-webkit-search-decoration {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  ::-webkit-file-upload-button {
+    font: inherit;
+    -webkit-appearance: button;
+    appearance: button;
+  }
+  output {
+    display: inline-block;
+  }
+  summary {
+    display: list-item;
+  }
+  template {
+    display: none;
+  }
+  [hidden] {
+    display: none !important;
+  }
+  mark {
+    padding: 0.2em;
+    background-color: #feffe6;
+  }
+`;export{t as resetStyle};
+/*! 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/dist/vef-config-provider/store.d.ts

@@ -0,0 +1,12 @@
+import { type ConfigProviderProps } from "antd";
+import "dayjs/locale/zh-cn";
+/**
+ * Configuration
+ */
+export interface Config extends ConfigProviderProps {
+    messageFoldThreshold: number;
+    messageDuration: number;
+    notificationDuration: number;
+}
+declare const ConfigStoreContext: import("react").Context<import("@vef-framework/shared").MaybeNull<import("zustand").StoreApi<Config>>>, ConfigStoreProvider: import("react").FC<import("@vef-framework/shared").StoreProviderProps<Partial<Config>>>, useConfigStore: <T>(selector: import("@vef-framework/shared").Mapper<Config, T>) => T, useConfigStoreApi: () => import("zustand").StoreApi<Config>;
+export { ConfigStoreContext, ConfigStoreProvider, useConfigStore, useConfigStoreApi, };

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{createComponentStore as e}from"@vef-framework/shared";import{theme as o}from"antd";import r from"antd/locale/zh_CN";import n from"dayjs";import{createStore as t}from"zustand";import"dayjs/locale/zh-cn";n.locale("zh-cn");const{StoreContext:i,StoreProvider:a,useStore:l,useStoreApi:f}=e("Config",(function(){return t((()=>({messageFoldThreshold:6,messageDuration:3,notificationDuration:5,locale:r,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:o.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:"#3b82f6",colorInfo:"#0ea5e9",colorSuccess:"#22c55e",colorWarning:"#f97316",colorError:"#ef4444",colorLink:"#6366f1",colorTextBase:"#171717",zIndexPopupBase:10,wireframe:!0,fontSize:16,controlHeight:36,blue:"#3b82f6",purple:"#8b5cf6",cyan:"#06b6d4",green:"#22c55e",pink:"#ec4899",red:"#ef4444",orange:"#f97316",yellow:"#eab308",volcano:"#f43f5e",lime:"#84cc16",gold:"#fbbf24",geekblue:"#6366f1",magenta:"#eb2f96"},components:{Table:{headerBorderRadius:0},Tooltip:{paddingSM:16,paddingXS:12},Button:{onlyIconSize:24,onlyIconSizeSM:18,onlyIconSizeLG:30,contentFontSizeSM:14},TreeSelect:{titleHeight:36},Spin:{contentHeight:"auto"}}}})))}));export{i as ConfigStoreContext,a as ConfigStoreProvider,l as useConfigStore,f as 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/dist/vef-container/index.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from "react";
+import type { VefContainerProps } from "./props";
+declare const VefContainer: FC<VefContainerProps>;
+export type { VefContainerProps };
+export default VefContainer;

package/dist/vef-container/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as e,jsx as r}from"@emotion/react/jsx-runtime";import{FloatButton as o}from"antd";import t from"../vef-scroll-area/index.js";const{BackTop:a}=o,s=({className:o,style:s,children:m})=>e(t,{className:o,style:s,children:[m,r(a,{})]});export{s 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/dist/vef-container/props.d.ts

@@ -0,0 +1,6 @@
+import type { ChildrenProps, StyleProps } from "@vef-framework/shared";
+/**
+ * The props of the VefContainer component.
+ */
+export interface VefContainerProps extends StyleProps, Required<ChildrenProps> {
+}

package/dist/vef-crud-page/components/crud-actions.d.ts

@@ -0,0 +1,21 @@
+import type { ActionButton, ObjectType, QueryApi, StringKey } from "@vef-framework/shared";
+import type { CrudContext, CrudFormApis, CrudSchema } from "../types";
+/**
+ * The props of VefCrudActions component.
+ */
+export interface VefCrudActionsProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>> {
+    /**
+     * The api of the table.
+     */
+    tableApi: Readonly<QueryApi<any, any>>;
+    /**
+     * The params of the table api.
+     */
+    tableApiParams?: Params;
+    /**
+     * The action buttons of the crud page.
+     */
+    actionButtons?: Array<ActionButton<CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>;
+}
+declare function VefCrudActions<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>>({ tableApi, tableApiParams, actionButtons, }: VefCrudActionsProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefCrudActions;

package/dist/vef-crud-page/components/crud-actions.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 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/dist/vef-crud-page/components/crud-filter.d.ts

@@ -0,0 +1,31 @@
+import type { ActionButton, ObjectType, QueryApi, StringKey } from "@vef-framework/shared";
+import { type ReactNode } from "react";
+import type { CrudContext, CrudFormApis, CrudSchema } from "../types";
+import { type FilterSchema } from "../../vef-filter";
+/**
+ * The props of VefCrudFilter component.
+ */
+export interface CrudFilterProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> {
+    /**
+     * The title of the crud page.
+     */
+    title: ReactNode;
+    /**
+     * The api of the table.
+     */
+    tableApi: Readonly<QueryApi<any, any>>;
+    /**
+     * The params of the table api.
+     */
+    tableApiParams?: Params;
+    /**
+     * The schema of the crud filter.
+     */
+    filterSchema: FilterSchema<Pick<Record, FilterKeys[number]>>;
+    /**
+     * The action buttons of the crud page.
+     */
+    actionButtons?: Array<ActionButton<CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>;
+}
+declare function VefCrudFilter<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>>({ title, tableApi, tableApiParams, filterSchema, actionButtons, }: CrudFilterProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefCrudFilter;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 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/dist/vef-crud-page/components/crud-footer.d.ts

@@ -0,0 +1,31 @@
+import { type ActionButton, type Mapper, type MutationApi, type ObjectType, type QueryApi, type StringKey } from "@vef-framework/shared";
+import { type ReactNode } from "react";
+import type { BatchActionButtonContext, CrudFormApis, CrudSchema } from "../types";
+/**
+ * The props of the VefCrudFooter component.
+ */
+export interface VefCrudFooterProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> {
+    /**
+     * The table api.
+     */
+    tableApi: Readonly<QueryApi<any, any>>;
+    /**
+     * The params of the table api.
+     */
+    tableApiParams?: Params;
+    /**
+     * The api of the batch deletion.
+     */
+    batchDeletionApi?: Readonly<MutationApi<Record[], void>>;
+    /**
+     * The batch action buttons.
+     */
+    batchActionButtons?: Array<ActionButton<BatchActionButtonContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>;
+    /**
+     * The mapper of the selection summary.
+     */
+    selectionSummary?: Mapper<Record[], ReactNode>;
+}
+declare function VefCrudFooterBase<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>>({ tableApi, tableApiParams, batchDeletionApi, batchActionButtons, selectionSummary, }: VefCrudFooterProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const VefCrudFooter: typeof VefCrudFooterBase;
+export default VefCrudFooter;

package/dist/vef-crud-page/components/crud-footer.js

@@ -0,0 +1,9 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e,jsxs as t,Fragment as o}from"@emotion/react/jsx-runtime";import{DeleteOutlined as r}from"@ant-design/icons";import{css as i}from"@emotion/react";import{useApiContext as n}from"@vef-framework/core";import{DisabledContextProvider as c}from"@vef-framework/hooks";import{themeVariables as s,isNullish as m,showSuccessMessage as a,isFunction as l}from"@vef-framework/shared";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-text/index.js";import{useCrudContext as g}from"../hooks/use-crud-context.js";import{useCrudStore as y}from"../store.js";const j=i`
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${s.padding};
+`;const k=p((function({tableApi:i,tableApiParams:s,batchDeletionApi:p,batchActionButtons:k,selectionSummary:A}){const{useApiMutation:w,stubMutationApi:C}=n(),F=w(p??C),[I,M,D]=y((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:K,selectedRecords:R}=I,S=d((()=>m(p)?k??[]:[...k??[],{key:"_batchDeletion",label:"批量删除",icon:e(r,{}),color:"error",permissions:[p.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:e})=>{const{message:t}=await F.mutate(R);a(t),e()}}]),[k,p,F,R]),q=g(),B=d((()=>({...q,...I})),[q,I]),P=i.useIsFetching(d((()=>({...s,...M})),[s,M])),V=f((()=>{D({selectedKeys:[],selectedRecords:[]})}),[D]),$=d((()=>{if(l(A))return A(R)}),[R,A]);return 0===K.length?null:t("div",{css:j,children:[t(b,{color:"secondary",children:["已选择"," ",e(b,{bold:!0,color:"primary",children:K.length})," ","项",$&&t(o,{children:[e(x,{direction:"vertical"}),$]})]}),e(c,{value:P,children:t(v,{align:"center",gap:"medium",children:[e(h,{color:"primary",variant:"text",onClick:V,children:"取消选择"}),e(u,{buttons:S,context:B,useFlexContainer:!1})]})})]})}));export{k 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/dist/vef-crud-page/components/crud-form-modal.d.ts

@@ -0,0 +1,18 @@
+import type { AnyValue, ObjectType, StringKey } from "@vef-framework/shared";
+import type { FormSchema } from "../../vef-form";
+import type { CrudFormApis, CrudFormScene, CrudSchema } from "../types";
+/**
+ * The props of VefCrudFormModal component.
+ */
+export interface CrudFormModalProps<Record extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>> = [], FormKeys extends ReadonlyArray<StringKey<Record>> = [], FormResult = AnyValue, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> {
+    /**
+     * The schema of the form.
+     */
+    formSchema: FormSchema<Pick<Record, FormKeys[number]>, CrudFormScene<FormApis>>;
+    /**
+     * The apis of the form.
+     */
+    formApis: CrudFormApis<Record, FormKeys, FormResult, Schema>;
+}
+declare function VefCrudFormModal<Record extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>> = [], FormKeys extends ReadonlyArray<StringKey<Record>> = [], FormResult = AnyValue, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>>({ formSchema, formApis, }: CrudFormModalProps<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefCrudFormModal;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 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/dist/vef-crud-page/components/crud-header.d.ts

@@ -0,0 +1,32 @@
+import type { ActionButton, ObjectType, QueryApi, StringKey } from "@vef-framework/shared";
+import { type ReactNode } from "react";
+import type { FilterItem } from "../../vef-filter";
+import type { CrudContext, CrudFormApis, CrudSchema } from "../types";
+/**
+ * The props of VefCrudHeader component.
+ */
+export interface VefCrudHeaderProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>> {
+    /**
+     * The title of the crud page.
+     */
+    title: ReactNode;
+    /**
+     * The api of the table.
+     */
+    tableApi: Readonly<QueryApi<any, any>>;
+    /**
+     * The params of the table api.
+     */
+    tableApiParams?: Params;
+    /**
+     * The schema of the crud filter.
+     */
+    filterItems: Array<FilterItem<Pick<Record, FilterKeys[number]>>>;
+    /**
+     * The action buttons of the crud page.
+     */
+    actionButtons?: Array<ActionButton<CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>;
+}
+declare function VefCrudHeaderBase<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>>({ title, tableApi, tableApiParams, filterItems, actionButtons, }: VefCrudHeaderProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const VefCrudHeader: typeof VefCrudHeaderBase;
+export default VefCrudHeader;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 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/dist/vef-crud-page/components/crud-table.d.ts

@@ -0,0 +1,57 @@
+import type { Except, MutationApi, ObjectType, PaginationParams, PaginationResult, QueryApi, QueryConfig, StringKey } from "@vef-framework/shared";
+import type { TableSchema, VefTableProps } from "../../vef-table";
+import type { CrudContext, CrudFilterVirtualKeys, CrudFormApis, CrudSchema } from "../types";
+/**
+ * The base props of VefCrudTable component.
+ */
+type BaseCrudTableProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = Except<VefTableProps<Record, Params, Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>, "schema" | "paginated" | "multipleSelection" | "showSelectAllCheckbox" | "enableRowClick" | "enableRowClickForSelection" | "value" | "defaultValue" | "onChange" | "onSelect" | "onDeselect" | "onRowClick" | keyof QueryConfig> & {
+    /**
+     * The schema of the table.
+     */
+    schema: TableSchema<Record>;
+    /**
+     * The api params of the table.
+     */
+    apiParams?: Params;
+    /**
+     * The api of the deletion.
+     */
+    deletionApi?: Readonly<MutationApi<Record, void>>;
+    /**
+     * Whether to allow pagination.
+     */
+    paginated?: boolean;
+};
+/**
+ * The props of VefCrudTable component without pagination.
+ */
+type DefaultCrudTableProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = BaseCrudTableProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis> & {
+    /**
+     * Whether to allow pagination.
+     */
+    paginated?: false;
+    /**
+     * The api of the table.
+     */
+    api: Readonly<QueryApi<Params & Except<Pick<Record, FilterKeys[number]>, CrudFilterVirtualKeys<Schema>>, Record[]>>;
+};
+/**
+ * The props of VefCrudTable component without pagination.
+ */
+type PaginatedCrudTableProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = BaseCrudTableProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis> & {
+    /**
+     * Whether to allow pagination.
+     */
+    paginated: true;
+    /**
+     * The api of the table.
+     */
+    api: Readonly<QueryApi<Params & PaginationParams & Except<Pick<Record, FilterKeys[number]>, CrudFilterVirtualKeys<Schema>>, PaginationResult<Record>>>;
+};
+/**
+ * The props of VefCrudTable component.
+ */
+export type CrudTableProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = DefaultCrudTableProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis> | PaginatedCrudTableProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>;
+declare function VefCrudTableBase<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>>({ api, apiParams, deletionApi, paginated, schema, selectable, operationButtons, ...tableProps }: CrudTableProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefCrudTable: typeof VefCrudTableBase;
+export default VefCrudTable;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useCallback as a,useRef as o,useEffect as s,memo as n}from"react";import r from"../../vef-table/index.js";import{useCrudContext as i}from"../hooks/use-crud-context.js";import{useOperationButtons as l}from"../hooks/use-operation-buttons.js";import{useCrudStore as m,useCrudStoreApi as c}from"../store.js";const p=n((function({api:n,apiParams:p,deletionApi:u,paginated:f,schema:d,selectable:x,operationButtons:h,...b}){const[g,C,S]=m((e=>[e.confirmedFilterValues,e.selectedInfo,e.setSelectedInfo])),j=t((()=>({...p,...g})),[p,g]),y=a(((e,t)=>{S({selectedKeys:e,selectedRecords:t})}),[S]),P=l(u,h),v=o(null),I=c();s((()=>{I.setState({tableInstanceRef:v})}),[I]);const K=i();return e(r,f?x?{ref:v,multipleSelection:!0,paginated:!0,selectable:!0,api:n,apiParams:j,externalContext:K,operationButtons:P,schema:d,selectionSummary:!1,value:C.selectedKeys,onChange:y,...b}:{ref:v,paginated:!0,api:n,apiParams:j,externalContext:K,schema:d,...b}:x?{ref:v,multipleSelection:!0,selectable:!0,api:n,apiParams:j,externalContext:K,schema:d,selectionSummary:!1,value:C.selectedKeys,onChange:y,...b}:{ref:v,api:n,apiParams:j,externalContext:K,paginated:!1,schema:d,...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/dist/vef-crud-page/hooks/use-action-buttons.d.ts

@@ -0,0 +1,16 @@
+import { type ActionButton, type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { CrudContext, CrudFormApis, CrudFormScene, CrudSchema } from "../types";
+/**
+ * The hook to create the action buttons.
+ *
+ * @param actionButtons - The action buttons.
+ * @returns The action buttons.
+ */
+export declare function useActionButtons<Record extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>>(actionButtons?: Array<ActionButton<CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>): (ActionButton<CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>> | {
+    label: string;
+    key: string;
+    icon: import("@emotion/react/jsx-runtime").JSX.Element;
+    color: "primary";
+    permissions: ("creation" extends infer T ? T extends "creation" ? T extends CrudFormScene<FormApis> ? { [K in CrudFormScene<FormApis>]: string; }[T] : any : never : never)[];
+    onClick: ({ openForm, refetch }: CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>) => void;
+})[];

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{PlusOutlined as o}from"@ant-design/icons";import{creationFormScene as r}from"@vef-framework/shared";import{useMemo as t}from"react";import{useCrudStore as i}from"../store.js";function m(m){const n=i((e=>e.formApiKeys)),s=Reflect.has(n,r),c=Reflect.get(n,r);return t((()=>s?[...m??[],{label:"创建",key:`_${r}`,icon:e(o,{}),color:"primary",permissions:[c],onClick:({openForm:e,refetch:o})=>e({scene:r,title:"创建",onSubmitSuccess:()=>{o()}})}]:m??[]),[s,m,c])}export{m as 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/dist/vef-crud-page/hooks/use-crud-context.d.ts

@@ -0,0 +1,8 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { CrudContext, CrudFormApis, CrudSchema } from "../types";
+/**
+ * The hook to create the crud context.
+ *
+ * @returns The crud context.
+ */
+export declare function useCrudContext<Record extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>>(): CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 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/dist/vef-crud-page/hooks/use-crud-schema.d.ts

@@ -0,0 +1,17 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { FilterItem } from "../../vef-filter";
+import type { FormGroup } from "../../vef-form";
+import type { TableSchema } from "../../vef-table";
+import type { CrudSchema } from "../types";
+/**
+ * Build the table schema, filter schema and form schema from the crud schema
+ *
+ * @param schema The crud schema
+ * @returns The table schema, filter schema and form schema
+ */
+export declare function useCrudSchema<T extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<T>>, FormKeys extends ReadonlyArray<StringKey<T>>>(schema: CrudSchema<T, FilterKeys, FormKeys>): {
+    tableSchema: TableSchema<T>;
+    filterItems: FilterItem<Pick<T, FilterKeys[number]>>[];
+    formGroups: FormGroup<Pick<T, FormKeys[number]>, import("../..").FormScene>[];
+    filterValueAsDefaultKeys: FormKeys[number][];
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 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/dist/vef-crud-page/hooks/use-operation-buttons.d.ts

@@ -0,0 +1,11 @@
+import { type ActionButton, type MutationApi, type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { OperationButtonContext } from "../../vef-table";
+import type { CrudContext, CrudFormApis, CrudSchema } from "../types";
+/**
+ * The hook to get the operation buttons.
+ *
+ * @param deletionApi - The deletion api.
+ * @param operationButtons - The operation buttons.
+ * @returns The operation buttons.
+ */
+export declare function useOperationButtons<Record extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema>>(deletionApi?: Readonly<MutationApi<Record, void>>, operationButtons?: Array<ActionButton<OperationButtonContext<Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>>): ActionButton<OperationButtonContext<Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>>[];

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{EditOutlined as r,DeleteOutlined as e}from"@ant-design/icons";import{useApiContext as t}from"@vef-framework/core";import{modificationFormScene as i,showSuccessMessage as n}from"@vef-framework/shared";import{useMemo as c}from"react";import{useCrudStore as m}from"../store.js";function s(s,a){const{useApiMutation:f,stubMutationApi:p}=t(),u=f(s??p),l=m((o=>o.formApiKeys)),d=Reflect.has(l,i);return c((()=>{const t=[...a??[]];return d&&t.push({key:"_modification",label:"修改",icon:o(r,{}),color:"primary",onClick:async({record:o,openForm:r,refetch:e})=>{r({scene:i,title:"修改",initialValues:o,onSubmitSuccess:()=>{e()}})}}),s&&t.push({key:"_deletion",label:"删除",icon:o(e,{}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:o,refetch:r})=>{const{message:e}=await u.mutate(o);n(e),r()}}),t}),[s,u,a,d])}export{s as useOperationButtons};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-crud-page/index.d.ts

@@ -0,0 +1,6 @@
+import type { AnyValue, EmptyObject, ObjectType, ObjectValue, StringKey } from "@vef-framework/shared";
+import type { VefCrudPageProps } from "./props";
+import type { CrudFormApis, CrudSchema } from "./types";
+declare function VefCrudPage<Record extends ObjectType = ObjectValue, Params extends ObjectType = EmptyObject, FilterKeys extends ReadonlyArray<StringKey<Record>> = [], FormKeys extends ReadonlyArray<StringKey<Record>> = [], FormResult = AnyValue, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>>({ schema, formApis, onFormOpen, onBeforeSubmit, onSubmitSuccess, ...restProps }: VefCrudPageProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { VefCrudPageProps };
+export default VefCrudPage;