@vef-framework/components 1.0.121 → 1.0.123

package/es/vef-code-editor/hooks/use-config-extensions.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{EditorState}from"@codemirror/state";import{useMemo}from"react";const chinesePhrases={"Control character":"控制字符","Selection deleted":"选择已删除","Folded lines":"折叠的行","Unfolded lines":"展开的行",to:"到","folded code":"折叠的代码",unfold:"展开","Fold line":"折叠行","Unfold line":"展开行","Go to line":"跳转到行",go:"确定",Find:"查找",Replace:"替换",next:"下一个",previous:"上一个",all:"全部","match case":"大小写匹配","by word":"整个单词",replace:"替换","replace all":"全部替换",regexp:"正则匹配",close:"关闭","current match":"当前匹配","replaced $ matches":"$ 个匹配已替换","replaced match on line $":"行 $ 的匹配已替换","on line":"在行",Completions:"补全",Diagnostics:"诊断","No diagnostics":"没有诊断"};function useConfigExtensions(){return useMemo(()=>[EditorState.phrases.of(chinesePhrases)],[])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useConfigExtensions};

package/es/vef-code-editor/hooks/use-height-props.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{getStringLength,isNullish}from"@vef-framework/shared";import{useMemo}from"react";function useHeightProps(height,maxHeight,minHeight){return useMemo(()=>{const props={height:getStringLength(height)};return isNullish(minHeight)||(props.minHeight=getStringLength(minHeight)),isNullish(maxHeight)||(props.maxHeight=getStringLength(maxHeight)),props},[height,maxHeight,minHeight])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useHeightProps};

package/es/vef-code-editor/hooks/use-language-extensions.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{json,jsonParseLinter,jsonLanguage}from"@codemirror/lang-json";import{yaml,yamlLanguage}from"@codemirror/lang-yaml";import{linter}from"@codemirror/lint";import{hoverTooltip}from"@codemirror/view";import{loadLanguage}from"@uiw/codemirror-extensions-langs";import{isString,isEmpty,isObject,isJsonSchemaValid}from"@vef-framework/shared";import{json5,json5ParseLinter,json5Language}from"codemirror-json5";import{jsonSchemaLinter,handleRefresh,jsonCompletion,jsonSchemaHover,stateExtensions}from"codemirror-json-schema";import{json5SchemaLinter,json5Completion,json5SchemaHover}from"codemirror-json-schema/json5";import{yamlSchemaLinter,yamlCompletion,yamlSchemaHover}from"codemirror-json-schema/yaml";import{useMemo}from"react";function useLanguageExtensions(language,jsonSchema){return useMemo(()=>{if(!language)return[];const extensions2=loadLanguageExtensions(language,jsonSchema);if(extensions2.length===0){const lang=loadLanguage(language);if(!lang)return console.warn(`Language ${language} is not supported by VefCodeEditor`),[];extensions2.push(lang)}return extensions2},[jsonSchema,language])}function loadLanguageExtensions(language,jsonSchema){if(language==="json"){const extensions=[json(),linter(jsonParseLinter(),{delay:300})];if(isString(jsonSchema)&&!isEmpty(jsonSchema)||isObject(jsonSchema)){if(isString(jsonSchema)&&!isJsonSchemaValid(jsonSchema))return console.warn(`JSON schema is invalid: ${jsonSchema}`),extensions;extensions.push(linter(jsonSchemaLinter(),{needsRefresh:handleRefresh}),jsonLanguage.data.of({autocomplete:jsonCompletion()}),hoverTooltip(jsonSchemaHover()),stateExtensions(isString(jsonSchema)?JSON.parse(jsonSchema):jsonSchema))}return extensions}else if(language==="yaml"){const extensions=[yaml()];if(isString(jsonSchema)&&!isEmpty(jsonSchema)||isObject(jsonSchema)){if(isString(jsonSchema)&&!isJsonSchemaValid(jsonSchema))return console.warn(`JSON schema is invalid: ${jsonSchema}`),extensions;extensions.push(linter(yamlSchemaLinter(),{needsRefresh:handleRefresh}),yamlLanguage.data.of({autocomplete:yamlCompletion()}),hoverTooltip(yamlSchemaHover()),stateExtensions(isString(jsonSchema)?JSON.parse(jsonSchema):jsonSchema))}return extensions}else if(language==="json5"){const extensions=[json5(),linter(json5ParseLinter(),{delay:300})];return(isString(jsonSchema)&&!isEmpty(jsonSchema)||isObject(jsonSchema))&&extensions.push(linter(json5SchemaLinter(),{needsRefresh:handleRefresh}),json5Language.data.of({autocomplete:json5Completion()}),hoverTooltip(json5SchemaHover()),stateExtensions(isString(jsonSchema)?JSON.parse(jsonSchema):jsonSchema)),extensions}return[]}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useLanguageExtensions};

package/es/vef-code-editor/hooks/use-setup-options.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useMemo}from"react";function useSetupOptions(tabSize,showLineNumbers){return useMemo(()=>({tabSize,allowMultipleSelections:!0,autocompletion:!0,bracketMatching:!0,closeBrackets:!0,closeBracketsKeymap:!0,highlightActiveLine:!0,highlightActiveLineGutter:!0,highlightSelectionMatches:!0,completionKeymap:!0,drawSelection:!0,history:!0,historyKeymap:!0,highlightSpecialChars:!0,indentOnInput:!0,lintKeymap:!0,rectangularSelection:!0,searchKeymap:!0,syntaxHighlighting:!0,crosshairCursor:!0,defaultKeymap:!0,dropCursor:!0,foldGutter:!0,foldKeymap:!0,lineNumbers:showLineNumbers}),[tabSize,showLineNumbers])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useSetupOptions};

package/es/vef-code-editor/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{materialLight}from"@uiw/codemirror-theme-material";import CodeMirror from"@uiw/react-codemirror";import{useMemo,memo}from"react";import{useChangeHandler}from"./hooks/use-change-handler.js";import{useConfigExtensions}from"./hooks/use-config-extensions.js";import{useHeightProps}from"./hooks/use-height-props.js";import{useLanguageExtensions}from"./hooks/use-language-extensions.js";import{useSetupOptions}from"./hooks/use-setup-options.js";import{editorStyle}from"./styles.js";function VefCodeEditorBase({value,language,disabled,height=320,minHeight,maxHeight,placeholder,tabSize=4,autoFocus,jsonSchema,onChange,showLineNumbers=!0}){const configExtensions=useConfigExtensions(),languageExtensions=useLanguageExtensions(language,jsonSchema),extensions=useMemo(()=>[...configExtensions,...languageExtensions],[configExtensions,languageExtensions]),heightProps=useHeightProps(height,maxHeight,minHeight),handleChange=useChangeHandler(onChange),setupOptions=useSetupOptions(tabSize,showLineNumbers);return jsx(CodeMirror,{indentWithTab:!0,autoFocus,basicSetup:setupOptions,css:editorStyle,editable:!disabled,extensions,placeholder,theme:materialLight,value,width:"auto",onChange:handleChange,...heightProps})}const VefCodeEditor=memo(VefCodeEditorBase);VefCodeEditor.displayName="VefCodeEditor";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCodeEditor as default};

package/es/vef-code-editor/styles.js

@@ -1,137 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";const editorStyle=css`
-  & > .cm-editor {
-    border-width: ${themeVariables.lineWidth};
-    border-style: ${themeVariables.lineType};
-    border-radius: ${themeVariables.borderRadius};
-    overflow: hidden;
-
-    &:not(.cm-focused) {
-      border-color: ${themeVariables.colorBorder};
-
-      &:hover {
-        border-color: ${themeVariables.colorPrimaryHover};
-      }
-    }
-
-    &.cm-focused {
-      outline: none;
-      border-color: ${themeVariables.colorPrimary};
-      box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
-    }
-
-    .cm-tooltip {
-      background-color: "#f5f5f5";
-      border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorder};
-      border-radius: ${themeVariables.borderRadius};
-      box-shadow: ${themeVariables.boxShadowSecondary};
-      padding: ${themeVariables.paddingXxs};
-
-      &.cm-tooltip-autocomplete {
-        & > ul > li {
-          border-radius: ${themeVariables.borderRadiusSm};
-          padding: ${themeVariables.paddingXxs};
-
-          &[aria-selected="true"] {
-            background-color: ${themeVariables.colorPrimary};
-          }
-        }
-      }
-
-      .cm-tooltip-section:not(:first-of-type) {
-        border-top: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorder};
-      }
-
-      .cm-tooltip-arrow::before {
-        border-top-color: ${themeVariables.colorBorder};
-        border-bottom-color: ${themeVariables.colorBorder};
-      }
-    }
-
-    .cm-panels-bottom {
-      border-top: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorder};
-
-      /* Search panel style */
-      .cm-panel.cm-search {
-        background-color: ${themeVariables.colorBgContainer};
-        padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
-        display: flex;
-        flex-wrap: wrap;
-        gap: ${themeVariables.marginXs};
-        align-items: center;
-
-        /* Close button */
-        button[name="close"] {
-          position: absolute;
-          right: ${themeVariables.paddingXs};
-          top: ${themeVariables.paddingXs};
-          background: transparent;
-          border: none;
-          cursor: pointer;
-          color: ${themeVariables.colorTextSecondary};
-          font-size: ${themeVariables.fontSizeSm};
-          padding: 0 6px;
-          border-radius: ${themeVariables.borderRadiusSm};
-
-          &:hover {
-            color: ${themeVariables.colorPrimary};
-            background-color: ${themeVariables.colorBgTextHover};
-          }
-        }
-
-        /* Input style */
-        input.cm-textfield {
-          border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorder};
-          border-radius: ${themeVariables.borderRadius};
-          padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
-          font-size: ${themeVariables.fontSize};
-          outline: none;
-          width: 200px;
-
-          &:focus {
-            border-color: ${themeVariables.colorPrimary};
-            box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
-          }
-        }
-
-        /* Button style */
-        button.cm-button {
-          background-color: ${themeVariables.colorBgContainer};
-          border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorder};
-          border-radius: ${themeVariables.borderRadiusSm};
-          padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
-          font-size: ${themeVariables.fontSizeSm};
-          cursor: pointer;
-          color: ${themeVariables.colorText};
-
-          &:hover {
-            background-color: ${themeVariables.colorBgTextHover};
-            border-color: ${themeVariables.colorPrimaryHover};
-          }
-
-          &:active {
-            background-color: ${themeVariables.colorBgTextActive};
-          }
-        }
-
-        /* Checkbox style */
-        label {
-          display: flex;
-          align-items: center;
-          gap: 4px;
-          font-size: ${themeVariables.fontSizeSm};
-          color: ${themeVariables.colorTextSecondary};
-          cursor: pointer;
-
-          &:hover {
-            color: ${themeVariables.colorPrimary};
-          }
-
-          input[type="checkbox"] {
-            margin: 0;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-`;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{editorStyle};

package/es/vef-col/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Col}from"antd";function VefCol({...props}){return jsx(Col,{...props})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCol as default};

package/es/vef-color-picker/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{ColorPicker}from"antd";import{useMemo}from"react";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const mode=["single","gradient"];function VefColorPicker({clearable,disabled,format,size,showText,trigger,defaultValue,value,onChange}){const handleChange=useMemo(()=>{if(isFunction(onChange))return color=>{onChange(color.toCssString(),color)}},[onChange]);return jsx(ColorPicker,{allowClear:clearable,arrow:!1,defaultValue,disabled,format,mode,showText,size:convertBasicSizeToUiSize(size),trigger,value,onChangeComplete:handleChange})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefColorPicker as default};

package/es/vef-compact/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Space}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Compact}=Space;function VefCompact({size,...restProps}){return jsx(Compact,{size:convertBasicSizeToUiSize(size),...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCompact as default};

package/es/vef-config-provider/global-style.js

@@ -1,173 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import normalizedStyle from"../internal/modern-normalize.css.js";const globalStyle=css`
-  ${normalizedStyle}
-  
-  html, body, #root, .vef-app {
-    height: 100%;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 0;
-  }
-
-  .vef-message {
-    .vef-message-notice-wrapper {
-      .vef-message-custom-content {
-        .vef-icon {
-          font-size: ${themeVariables.fontSizeXl};
-        }
-      }
-    }
-  }
-
-  .vef-modal {
-    --vef-modal-confirm-icon-margin-inline-end: ${themeVariables.paddingSm};
-
-    .vef-modal-confirm-body-wrapper {
-      .vef-modal-confirm-btns {
-        text-align: initial;
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-      }
-    }
-  }
-
-  .vef-tree-select-dropdown {
-    .vef-select-tree {
-      .vef-select-tree-checkbox {
-        margin-top: calc(var(--vef-tree-select-title-height) / 4);
-      }
-    }
-  }
-
-  .vef-popconfirm {
-    .vef-popconfirm-message {
-      > .vef-popconfirm-message-icon {
-        .vef-icon {
-          color: ${themeVariables.colorPrimary};
-          font-size: ${themeVariables.fontSizeLg};
-        }
-      }
-    }
-    .vef-popconfirm-buttons {
-      text-align: initial;
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-  }
-
-  .vef-modal-root {
-    > .vef-modal-wrap {
-      overflow: hidden !important;
-
-      .vef-modal {
-        .vef-modal-content {
-          .vef-modal-footer {
-            text-align: initial;
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-            gap: ${themeVariables.padding};
-
-            .vef-btn + .vef-btn {
-              margin-inline-start: 0;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .vef-picker-range {
-    display: flex;
-  }
-
-  .vef-dropdown {
-    .vef-dropdown-menu {
-      .vef-dropdown-menu-item-icon {
-        font-size: ${themeVariables.fontSize};
-        min-width: ${themeVariables.fontSizeLg};
-      }
-    }
-  }
-`,nprogressStyle=css`
-  /* Make clicks pass-through */
-  #nprogress {
-    pointer-events: none;
-  }
-
-  #nprogress .bar {
-    background: ${themeVariables.colorPrimary};
-
-    position: fixed;
-    z-index: 1031;
-    top: 0;
-    left: 0;
-
-    width: 100%;
-    height: 2px;
-  }
-
-  /* Fancy blur effect */
-  #nprogress .peg {
-    display: block;
-    position: absolute;
-    right: 0;
-    width: 100px;
-    height: 100%;
-    box-shadow: 0 0 10px ${themeVariables.colorPrimary}, 0 0 5px ${themeVariables.colorPrimary};
-    opacity: 1.0;
-
-    -webkit-transform: rotate(3deg) translate(0, -4px);
-        -ms-transform: rotate(3deg) translate(0, -4px);
-            transform: rotate(3deg) translate(0, -4px);
-  }
-
-  /* Remove these to get rid of the spinner */
-  #nprogress .spinner {
-    display: block;
-    position: fixed;
-    z-index: 1031;
-    top: 15px;
-    right: 15px;
-  }
-
-  #nprogress .spinner-icon {
-    width: 18px;
-    height: 18px;
-    box-sizing: border-box;
-
-    border: solid 2px transparent;
-    border-top-color: ${themeVariables.colorPrimary};
-    border-left-color: ${themeVariables.colorPrimary};
-    border-radius: 50%;
-
-    -webkit-animation: nprogress-spinner 400ms linear infinite;
-            animation: nprogress-spinner 400ms linear infinite;
-  }
-
-  .nprogress-custom-parent {
-    overflow: hidden;
-    position: relative;
-  }
-
-  .nprogress-custom-parent #nprogress .spinner,
-  .nprogress-custom-parent #nprogress .bar {
-    position: absolute;
-  }
-
-  @-webkit-keyframes nprogress-spinner {
-    0%   { -webkit-transform: rotate(0deg); }
-    100% { -webkit-transform: rotate(360deg); }
-  }
-  @keyframes nprogress-spinner {
-    0%   { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-  }
-`;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{globalStyle,nprogressStyle};

package/es/vef-config-provider/hooks/use-ui-config.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useDeepMemo}from"@vef-framework/hooks";import{isValidColor,assign}from"@vef-framework/shared";import{theme}from"antd";import locale from"antd/locale/zh_CN";import dayjs from"dayjs";import dayjsLocale from"dayjs/locale/zh-cn";dayjs.locale(dayjsLocale);const colorMap={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"},fontSizeConfigMap={medium:{fontSize:14,controlHeight:32},large:{fontSize:16,controlHeight:36}},fontSizeComponentsConfigMap={medium:{Button:{contentFontSizeSM:12}},large:{Button:{contentFontSizeSM:14},Menu:{itemHeight:50}}};function generateUiConfig({primaryColor="#0064fa",fontSize="medium"}){if(!Reflect.has(colorMap,primaryColor)&&!isValidColor(primaryColor))throw new Error(`Invalid primary color: ${primaryColor}`);if(!(fontSize in fontSizeConfigMap))throw new Error(`Invalid font size: ${fontSize}`);const fontSizeConfig=fontSizeConfigMap[fontSize],componentsConfig=fontSizeComponentsConfigMap[fontSize];return{messageFoldThreshold:1,messageDuration:3,notificationFoldThreshold:3,notificationDuration:5,locale:Reflect.has(locale,"default")?Reflect.get(locale,"default"):locale,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:theme.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:Reflect.has(colorMap,primaryColor)?colorMap[primaryColor]:primaryColor,colorInfo:"#0ea5e9",colorSuccess:"#22c55e",colorWarning:"#f97316",colorError:"#ef4444",colorLink:"#6366f1",colorTextBase:"#171717",colorBgLayout:"#f5f6fb",colorBgSpotlight:"rgba(23, 23, 23, 0.8)",zIndexPopupBase:10,wireframe:!0,...fontSizeConfig,...colorMap},components:assign({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:fontSizeConfig.controlHeight},Spin:{contentHeight:"auto"}},componentsConfig)}}}function useUiConfig(config){return useDeepMemo(()=>generateUiConfig(config),[config])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useUiConfig};

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

@@ -1,5 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import createCache from"@emotion/cache";import{CacheProvider,Global,css}from"@emotion/react";import{AuthContextProvider,ApiContextProvider}from"@vef-framework/core";import{ConfigProvider,App}from"antd";import{useLayoutEffect}from"react";import{ErrorBoundary}from"react-error-boundary";import VefError from"../vef-error/index.js";import{globalStyle,nprogressStyle}from"./global-style.js";import{useUiConfig}from"./hooks/use-ui-config.js";import{useConfigStore,ConfigStoreProvider}from"./store.js";function UiConfigProvider({children}){const config=useConfigStore(state=>state),uiConfig=useUiConfig(config);useLayoutEffect(()=>{const{messageFoldThreshold:messageFoldThreshold2,messageDuration:messageDuration2,notificationFoldThreshold,notificationDuration:notificationDuration2,...restConfig2}=uiConfig;ConfigProvider.config({holderRender:children2=>jsx(ConfigProvider,{...restConfig2,children:jsx(App,{component:"div",message:{maxCount:messageFoldThreshold2,duration:messageDuration2},notification:{maxCount:notificationFoldThreshold,duration:notificationDuration2,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:children2})})}),document.documentElement.style.setProperty("--vef-color-primary",uiConfig.theme?.token?.colorPrimary??null)},[uiConfig]);const{messageFoldThreshold,messageDuration,notificationDuration,...restConfig}=uiConfig;return jsx(ConfigProvider,{...restConfig,children:jsx(App,{component:"div",message:{maxCount:messageFoldThreshold,duration:messageDuration},notification:{maxCount:messageFoldThreshold,duration:notificationDuration,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children})})}function FallbackComponent({error,resetErrorBoundary}){return jsx(VefError,{error,reset:resetErrorBoundary})}const vefCache=createCache({key:"vef"});function VefConfigProvider({apiClient,dataDictionaryApi,loginApi,logoutApi,fetchAuthenticatedUserApi,permissionChecker,children,...config}){return jsx(AuthContextProvider,{permissionChecker,children:jsx(ApiContextProvider,{client:apiClient,dataDictionaryApi,fetchAuthenticatedUserApi,loginApi,logoutApi,children:jsx(ConfigStoreProvider,{initialState:config,children:jsxs(CacheProvider,{value:vefCache,children:[jsx(Global,{styles:[globalStyle,nprogressStyle,css`
-                :root {
-                  font-size: ${(config.fontSize??"medium")==="medium"?"14px":"16px"};
-                }
-              `]}),jsx(UiConfigProvider,{children:jsx(ErrorBoundary,{FallbackComponent,children})})]})})})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefConfigProvider as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, 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})}));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{ConfigStoreProvider,useConfigStore,useConfigStoreApi};

package/es/vef-container/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, 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 jsxs(VefScrollArea,{className,style,children:[children,jsx(BackTop,{})]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefContainer as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, 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),isFetching=tableApi.useIsFetching(useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),crudContext=useCrudContext(),actionButtonsToUse=useActionButtons(actionButtons);return jsx(DisabledContextProvider,{value:isFetching,children:jsx(VefActionButtons,{buttons:actionButtonsToUse,context:crudContext,useFlexContainer:!1})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudActions as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, 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]),isFetching=tableApi.useIsFetching(useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),crudContext=useCrudContext(),actionButtonsToUse=useActionButtons(actionButtons),handleReset=useCallback(()=>setConfirmedFilterValues(null),[setConfirmedFilterValues]);return jsx(VefFilter,{loading:isFetching,prefix:jsx(VefTitle,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:title}),schema:filterSchema,extraActionButtons:jsx(VefActionButtons,{buttons:actionButtonsToUse,context:crudContext,useFlexContainer:!1}),onChange:setFilterValues,onConfirm:setConfirmedFilterValues,onReset:handleReset})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudFilter as default};

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

@@ -1,7 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, 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: ${themeVariables.padding};
-`;function VefCrudFooterBase({tableApi,tableApiParams,batchDeletionApi,batchActionButtons,selectionSummary}){const{useApiMutation,stubMutationApi}=useApiContext(),batchDeletionMutation=useApiMutation(batchDeletionApi??stubMutationApi),[selectedInfo,confirmedFilterValues,setSelectedInfo]=useCrudStore(state=>[state.selectedInfo,state.confirmedFilterValues,state.setSelectedInfo]),{selectedKeys,selectedRecords}=selectedInfo,batchActionButtonsToUse=useMemo(()=>isNullish(batchDeletionApi)?batchActionButtons??[]:[...batchActionButtons??[],{key:"_batchDeletion",label:"批量删除",icon:jsx(VefIcon,{children:jsx(Trash2Icon,{})}),color:"error",permissions:[batchDeletionApi.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch})=>{const{message}=await batchDeletionMutation.mutate(selectedRecords);showSuccessMessage(message),refetch()}}],[batchActionButtons,batchDeletionApi,batchDeletionMutation,selectedRecords]),crudContext=useCrudContext(),batchActionButtonContext=useMemo(()=>({...crudContext,...selectedInfo}),[crudContext,selectedInfo]),isFetching=tableApi.useIsFetching(useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),handleCancelSelection=useCallback(()=>{setSelectedInfo({selectedKeys:[],selectedRecords:[]})},[setSelectedInfo]),selectionSummaryNode=useMemo(()=>{if(isFunction(selectionSummary))return selectionSummary(selectedRecords)},[selectedRecords,selectionSummary]);return selectedKeys.length===0?null:jsxs("div",{css:footerStyle,children:[jsxs(VefText,{color:"secondary",children:["已选择"," ",jsx(VefText,{bold:!0,color:"primary",children:selectedKeys.length})," ","项",selectionSummaryNode&&jsxs(Fragment,{children:[jsx(VefDivider,{orientation:"vertical"}),selectionSummaryNode]})]}),jsx(DisabledContextProvider,{value:isFetching,children:jsxs(VefFlex,{align:"center",gap:"medium",children:[jsx(VefButton,{color:"primary",variant:"text",onClick:handleCancelSelection,children:"取消选择"}),jsx(VefActionButtons,{buttons:batchActionButtonsToUse,context:batchActionButtonContext,useFlexContainer:!1})]})})]})}const VefCrudFooter=memo(VefCrudFooterBase);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudFooter as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import VefFormModal from"../../vef-form-modal/index.js";import{useCrudStore}from"../store.js";function VefCrudFormModal({formSchema,formApis}){const[isFormOpen,{scene,title,width},{onBeforeSubmit,onSubmitSuccess},currentFormInitialValues,isFormLoading,closeForm]=useCrudStore(state=>[state.isFormOpen,state.currentFormInfo,state.currentFormEventHandlers,state.currentFormInitialValues,state.isFormLoading,state.closeForm]),formApi=formApis[scene];if(!formApi)throw new Error(`Form api for scene ${scene} not found, please check the formApis props of VefCrudPage component.`);return jsx(VefFormModal,{initialValues:currentFormInitialValues,loading:isFormLoading,open:isFormOpen,scene,schema:formSchema,submitApi:formApi,title,width,onBeforeSubmit,onClose:closeForm,onSubmitSuccess})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudFormModal as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{memo}from"react";import VefCrudFilter from"./crud-filter.js";function VefCrudHeaderBase({title,tableApi,tableApiParams,filterItems,actionButtons}){return filterItems.length>0?jsx(VefCrudFilter,{actionButtons,filterSchema:filterItems,tableApi,tableApiParams,title}):null}const VefCrudHeader=memo(VefCrudHeaderBase);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudHeader as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useMemo,useCallback,useRef,useEffect,memo}from"react";import VefTable from"../../vef-table/index.js";import{useCrudContext}from"../hooks/use-crud-context.js";import{useOperationButtons}from"../hooks/use-operation-buttons.js";import{useCrudStore,useCrudStoreApi}from"../store.js";function VefCrudTableBase({api,apiParams,deletionApi,paginated,schema,selectable,operationButtons,...tableProps}){const[confirmedFilterValues,selectedInfo,setSelectedInfo]=useCrudStore(state=>[state.confirmedFilterValues,state.selectedInfo,state.setSelectedInfo]),mergedApiParams=useMemo(()=>({...apiParams,...confirmedFilterValues}),[apiParams,confirmedFilterValues]),handleSelectionChange=useCallback((selectedKeys,selectedRecords)=>{setSelectedInfo({selectedKeys,selectedRecords})},[setSelectedInfo]),operationButtonsToUse=useOperationButtons(deletionApi,operationButtons),tableInstanceRef=useRef(null),crudStore=useCrudStoreApi();useEffect(()=>{crudStore.setState({tableInstanceRef})},[crudStore]);const crudContext=useCrudContext();return paginated?jsx(VefTable,{ref:tableInstanceRef,multipleSelection:!0,paginated:!0,api,apiParams:mergedApiParams,externalContext:crudContext,operationButtons:operationButtonsToUse,schema,selectable,selectedKeys:selectedInfo.selectedKeys,selectionSummary:!1,onRowSelectionChange:handleSelectionChange,...tableProps}):jsx(VefTable,{ref:tableInstanceRef,multipleSelection:!0,api,apiParams:mergedApiParams,externalContext:crudContext,schema,selectable,selectedKeys:selectedInfo.selectedKeys,selectionSummary:!1,onRowSelectionChange:handleSelectionChange,...tableProps})}const VefCrudTable=memo(VefCrudTableBase);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudTable as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{creationFormScene}from"@vef-framework/shared";import{PlusIcon}from"lucide-react";import{useMemo}from"react";import VefIcon from"../../vef-icon/index.js";import{useCrudStore}from"../store.js";function useActionButtons(actionButtons){const formApiKeys=useCrudStore(state=>state.formApiKeys),showCreationActionButton=Reflect.has(formApiKeys,creationFormScene),creationFormApiKey=Reflect.get(formApiKeys,creationFormScene);return useMemo(()=>showCreationActionButton?[...actionButtons??[],{label:"创建",key:`_${creationFormScene}`,icon:jsx(VefIcon,{children:jsx(PlusIcon,{})}),color:"primary",permissions:[creationFormApiKey],onClick:({openForm,refetch})=>openForm({scene:creationFormScene,title:"创建",onSubmitSuccess:()=>{refetch()}})}]:actionButtons??[],[showCreationActionButton,actionButtons,creationFormApiKey])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useActionButtons};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useMemo}from"react";import{useCrudStore}from"../store.js";function useCrudContext(){const[openForm,filterValues,tableInstanceRef]=useCrudStore(state=>[state.openForm,state.filterValues,state.tableInstanceRef]);return useMemo(()=>({openForm,filterValues,refetch:async()=>{await tableInstanceRef.current?.refetch()}}),[openForm,filterValues,tableInstanceRef])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useCrudContext};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{isNullish,isString}from"@vef-framework/shared";import{useMemo}from"react";function useCrudSchema(schema){return useMemo(()=>{const tableColumns=[],filterItems=[],filterValueAsDefaultSet=new Set,formGroupMap={};for(const item of schema){const{filter,form,...column}=item,{name,title}=column;if(tableColumns.push(column),filter){const{label,advanced,...rest}=filter,filterItem={name,label:advanced&&isNullish(label)?title:label,advanced,...rest};(filterItem.type==="Input"||filterItem.type==="InputNumber")&&isNullish(label)&&isNullish(filterItem.placeholder)?filterItem.placeholder=isString(title)?title:"请输入":(filterItem.type==="SingleSelect"||filterItem.type==="MultipleSelect"||filterItem.type==="TreeSingleSelect"||filterItem.type==="TreeMultipleSelect")&&isNullish(label)&&isNullish(filterItem.placeholder)&&(filterItem.placeholder=isString(title)?title:"请选择"),filterItems.push(filterItem)}if(form){const{group,row,column:column2,filterValueAsDefault,label,...rest}=form,groupKey=`${group??1}`,groupSchema=formGroupMap[groupKey]??{};formGroupMap[groupKey]||(formGroupMap[groupKey]=groupSchema);const rowKey=`${row??1}`,rowSchema=groupSchema[rowKey]??{};groupSchema[rowKey]||(groupSchema[rowKey]=rowSchema);const columnKey=`${column2??1}`,columnSchema=rowSchema[columnKey]??[];rowSchema[columnKey]||(rowSchema[columnKey]=columnSchema),rest.type==="Hidden"?columnSchema.push({name,...rest}):columnSchema.push({name,label:isNullish(label)?title:label,...rest}),(filterValueAsDefault??!1)&&filterValueAsDefaultSet.add(name)}}const formGroups=[],groupKeys=Object.keys(formGroupMap).sort();for(const groupKey of groupKeys){const groupSchemaMap=formGroupMap[groupKey],formRows=[],rowKeys=Object.keys(groupSchemaMap).sort();for(const rowKey of rowKeys){const rowSchema=groupSchemaMap[rowKey],formColumns=[],columnKeys=Object.keys(rowSchema).sort();for(const columnKey of columnKeys){const columnSchema=rowSchema[columnKey],formColumn={key:columnKey,items:columnSchema};formColumns.push(formColumn)}formRows.push({key:rowKey,columns:formColumns})}formGroups.push({key:groupKey,rows:formRows})}return{tableSchema:tableColumns,filterItems,formGroups,filterValueAsDefaultKeys:Array.from(filterValueAsDefaultSet)}},[schema])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useCrudSchema};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useApiContext}from"@vef-framework/core";import{updateFormScene,showSuccessMessage}from"@vef-framework/shared";import{PencilIcon,TrashIcon}from"lucide-react";import{useMemo}from"react";import VefIcon from"../../vef-icon/index.js";import{useCrudStore}from"../store.js";function useOperationButtons(deletionApi,operationButtons){const{useApiMutation,stubMutationApi}=useApiContext(),deletionMutation=useApiMutation(deletionApi??stubMutationApi),formApiKeys=useCrudStore(state=>state.formApiKeys),showUpdateButton=Reflect.has(formApiKeys,updateFormScene);return useMemo(()=>{const buttons=[...operationButtons??[]];return showUpdateButton&&buttons.push({key:"_update",label:"编辑",icon:jsx(VefIcon,{children:jsx(PencilIcon,{})}),color:"primary",onClick:({record,openForm,refetch})=>{openForm({scene:updateFormScene,title:"编辑",initialValues:record,onSubmitSuccess:()=>{refetch()}})}}),deletionApi&&buttons.push({key:"_deletion",label:"删除",icon:jsx(VefIcon,{children:jsx(TrashIcon,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record,refetch})=>{const{message}=await deletionMutation.mutate(record);showSuccessMessage(message),refetch()}}),buttons},[deletionApi,deletionMutation,operationButtons,showUpdateButton])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useOperationButtons};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefCard from"../vef-card/index.js";import VefPage from"../vef-page/index.js";import VefCrudActions from"./components/crud-actions.js";import VefCrudFooter from"./components/crud-footer.js";import VefCrudFormModal from"./components/crud-form-modal.js";import VefCrudHeader from"./components/crud-header.js";import VefCrudTable from"./components/crud-table.js";import{useCrudSchema}from"./hooks/use-crud-schema.js";import{useCrudStore,CrudStoreProvider}from"./store.js";function VefCrudPageBase({title,actionButtons,batchActionButtons,tableSchema,filterItems,formGroups,tableApiParams,formApis,deletionApi,batchDeletionApi,selectionSummary,...tableProps}){const{selectedKeys}=useCrudStore(state=>state.selectedInfo),selectable=!isNullish(batchDeletionApi)||!isNullish(batchActionButtons)&&batchActionButtons.length>0;let tableNode;if(tableProps.paginated){const{tableApi:tableApi2,...restTableProps}=tableProps;tableNode=jsx(VefCrudTable,{showRowNumber:!0,api:tableApi2,apiParams:tableApiParams,deletionApi,schema:tableSchema,selectable,...restTableProps})}else{const{tableApi:tableApi2,...restTableProps}=tableProps;tableNode=jsx(VefCrudTable,{showRowNumber:!0,api:tableApi2,apiParams:tableApiParams,deletionApi,schema:tableSchema,selectable,...restTableProps})}const{tableApi}=tableProps;return jsx(VefPage,{scrollable:!0,title,actions:jsx(VefCrudActions,{actionButtons,tableApi,tableApiParams}),footer:selectedKeys.length>0&&jsx(VefCrudFooter,{batchActionButtons,batchDeletionApi,selectionSummary,tableApi,tableApiParams}),header:jsx(VefCrudHeader,{actionButtons,filterItems,tableApi,tableApiParams,title}),children:jsxs(VefCard,{children:[tableNode,formApis&&Object.keys(formApis).length>0&&formGroups.length>0&&jsx(VefCrudFormModal,{formApis,formSchema:formGroups})]})})}function VefCrudPage({schema,formApis,onFormOpen,onBeforeSubmit,onSubmitSuccess,...restProps}){const{tableSchema,filterItems,formGroups,filterValueAsDefaultKeys}=useCrudSchema(schema),formApiKeys=useMemo(()=>{const apis=formApis??{};return Object.keys(apis).reduce((acc,key)=>(apis[key]&&(acc[key]=apis[key].key),acc),{})},[formApis]),initialState=useMemo(()=>({filterValueAsDefaultKeys,formApiKeys,onBeforeSubmit,onFormOpen,onSubmitSuccess}),[filterValueAsDefaultKeys,formApiKeys,onBeforeSubmit,onFormOpen,onSubmitSuccess]);return jsx(CrudStoreProvider,{initialState,children:jsx(VefCrudPageBase,{filterItems,formApis,formGroups,tableSchema,...restProps})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCrudPage as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{createComponentStore,creationFormScene,isNullish,isFunction,mergeFns,showSuccessMessage,showSuccessAlert,invokeMaybeAsyncFn}from"@vef-framework/shared";const{StoreProvider:CrudStoreProvider,useStore:useCrudStore,useStoreApi:useCrudStoreApi}=createComponentStore("Crud",({filterValueAsDefaultKeys,formApiKeys,onFormOpen,onBeforeSubmit,onSubmitSuccess})=>(set,get)=>({onFormOpen,onBeforeSubmit,onSubmitSuccess,currentFormInfo:{scene:creationFormScene,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues,width,onBeforeSubmit:onBeforeSubmit2,onSubmitSuccess:onSubmitSuccess2,showSuccessTip=!0,successTipType="message",...formInfo})=>{const{filterValues,onFormOpen:onFormOpen2,closeForm,onBeforeSubmit:globalOnBeforeSubmit,onSubmitSuccess:globalOnSubmitSuccess,setIsFormLoading}=get(),initialFormValues={...filterValueAsDefaultKeys.reduce((acc,key)=>{const value=filterValues[key];return isNullish(value)||(acc[key]=value),acc},{}),...initialValues},mergedOnBeforeSubmit=isFunction(onBeforeSubmit2)||isFunction(globalOnBeforeSubmit)?async(values,scene)=>{const result=await onBeforeSubmit2?.(values,scene);return await globalOnBeforeSubmit?.(result??values,scene)??result}:void 0,mergedOnSubmitSuccess=isFunction(onSubmitSuccess2)||isFunction(globalOnSubmitSuccess)?mergeFns(({message})=>{showSuccessTip&&(successTipType==="message"?showSuccessMessage(message):showSuccessAlert(message)),closeForm()},onSubmitSuccess2,globalOnSubmitSuccess):void 0;set({isFormOpen:!0,currentFormInfo:{...formInfo,width:width??"medium"},currentFormEventHandlers:{onBeforeSubmit:mergedOnBeforeSubmit,onSubmitSuccess:mergedOnSubmitSuccess},isFormLoading:!!onFormOpen2}),onFormOpen2?await invokeMaybeAsyncFn(onFormOpen2,{onSuccess:initialFormValues2=>{set({currentFormInitialValues:initialFormValues2})},onFinally:()=>{setIsFormLoading(!1)}},initialFormValues,filterValues,formInfo.scene):set({currentFormInitialValues:initialFormValues})},closeForm:()=>{set({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:isFormLoading=>{set({isFormLoading})},filterValueAsDefaultKeys,filterValues:{},setFilterValues:filterValues=>{set({filterValues})},confirmedFilterValues:null,setConfirmedFilterValues:confirmedFilterValues=>{set({confirmedFilterValues})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:selectedInfo=>{set({selectedInfo})},formApiKeys,tableInstanceRef:{current:null}}));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{CrudStoreProvider,useCrudStore,useCrudStoreApi};

package/es/vef-data-grid/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{HotTable}from"@handsontable/react-wrapper";import{registerLanguageDictionary,zhCN}from"handsontable/i18n";import{registerAllModules}from"handsontable/registry";import{useRef}from"react";registerAllModules(),registerLanguageDictionary(zhCN);const users=Array.from({length:1e3}).map((_,index)=>({name:`Name${index+1}`,gender:index%2===0?"Male":"Female",age:Math.floor(Math.random()*100)+18,id:index+1,desc:`Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${index+1}`})),columns=[{data:"id",title:"ID",fixedColumnsStart:1},{data:"name",title:"Name"},{data:"gender",title:"Gender"},{data:"age",title:"Age"},{data:"desc",title:"Description",width:200}];function VefDataGrid(props){console.log("file: index.tsx:49 ~ props:",props);const hotTableRef=useRef(null);return jsx("div",{style:{width:"100%",maxHeight:"500px"},children:jsx(HotTable,{ref:hotTableRef,autoColumnSize:!0,autoRowSize:!0,colHeaders:!0,disableVisualSelection:!0,manualColumnMove:!0,manualColumnResize:!0,multiColumnSorting:!0,readOnly:!0,rowHeaders:!0,columns,data:users,language:zhCN.languageCode,licenseKey:"non-commercial-and-evaluation",locale:zhCN.languageCode,themeName:"ht-theme-main",beforeColumnSort:(_,sortConfigs)=>{if(console.log("file: index.tsx:68 ~ sortConfigs:",sortConfigs),sortConfigs.length>0){const header=hotTableRef.current?.hotInstance?.getColHeader(sortConfigs[0].column);console.log("file: index.tsx:77 ~ header:",header);const meta=hotTableRef.current?.hotInstance?.getColumnMeta(sortConfigs[0].column);console.log("file: index.tsx:79 ~ meta:",meta)}}})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefDataGrid as default};

package/es/vef-data-table/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function VefDataTable(props){return console.log("file: index.tsx:3 ~ props:",props),jsx("div",{children:"data table"})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefDataTable as default};

package/es/vef-divider/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Divider}from"antd";function VefDivider({orientation,title,titlePosition,titleEdgeMargin,...restProps}){return jsx(Divider,{children:title,orientation:titlePosition,orientationMargin:titleEdgeMargin,type:orientation,...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefDivider as default};

package/es/vef-drawer/components/action-button-wrapper.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,Fragment}from"@emotion/react/jsx-runtime";import{invokeMaybeAsyncFn}from"@vef-framework/shared";import{useState,useMemo,cloneElement}from"react";import{useDrawerContextSelector}from"../context.js";function VefDrawerActionButtonWrapper({children}){const[isDisabled,setIsDisabled]=useDrawerContextSelector(ctx=>[ctx.isDisabled,ctx.setIsDisabled]),[isLoading,setIsLoading]=useState(!1),{disabled,loading,onClick}=children.props,wrappedOnClick=useMemo(()=>{if(onClick)return async event=>{await invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setIsLoading(!0),setIsDisabled(!0)},onFinally:()=>{setIsLoading(!1),setIsDisabled(!1)}},event)}},[onClick,setIsDisabled]),buttonNode=cloneElement(children,{disabled:isDisabled||disabled,loading:isLoading||loading,onClick:wrappedOnClick});return jsx(Fragment,{children:buttonNode})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefDrawerActionButtonWrapper as default};

package/es/vef-drawer/components/button-props.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. *//*! 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-drawer/components/cancel-action-button.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import VefButton from"../../vef-button/index.js";import VefDrawerActionButtonWrapper from"./action-button-wrapper.js";function VefCancelActionButton({text,onClick}){return jsx(VefDrawerActionButtonWrapper,{children:jsx(VefButton,{color:"default",variant:"text",onClick,children:text})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefCancelActionButton as default};

package/es/vef-drawer/components/ok-action-button.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{CheckIcon}from"lucide-react";import VefButton from"../../vef-button/index.js";import VefIcon from"../../vef-icon/index.js";import VefDrawerActionButtonWrapper from"./action-button-wrapper.js";function VefOkActionButton({text,onClick}){return jsx(VefDrawerActionButtonWrapper,{children:jsx(VefButton,{color:"primary",icon:jsx(VefIcon,{children:jsx(CheckIcon,{})}),onClick,children:text})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefOkActionButton as default};

package/es/vef-drawer/context.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{createSelectableContext,noop}from"@vef-framework/shared";const{ContextProvider:DrawerContextProvider,useContext:useDrawerContext,useContextSelector:useDrawerContextSelector}=createSelectableContext({isDisabled:!1,setIsDisabled:noop,isFullyOpened:!1,isFullyClosed:!1});/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{DrawerContextProvider,useDrawerContext,useDrawerContextSelector};

package/es/vef-drawer/index.js

@@ -1,8 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isFunction}from"@vef-framework/shared";import{Drawer}from"antd";import{useMemo,useState,useLayoutEffect,useCallback,memo}from"react";import VefCancelActionButton from"./components/cancel-action-button.js";import VefOkActionButton from"./components/ok-action-button.js";import{DrawerContextProvider}from"./context.js";import{default as default2}from"./components/action-button-wrapper.js";const drawerStyle=css`
-  .vef-drawer-footer {
-    display: flex;
-    gap: ${themeVariables.padding};
-    justify-content: flex-end;
-    align-items: center;
-  }
-`,responsiveSizeMap={narrow:"25",half:"50",wide:"75",full:"100"};function VefDrawerBase({title,open,closable=!0,closeOnEscPress=!0,closeOnMaskClick=!1,destroyOnClose=!1,placement="right",expansionSize,extra,showCancelButton=!0,cancelButtonText="取消",okButtonText="提交",actions,loading,cancelOnClose=!0,onClose,onCancel,onOk,onAfterOpen,onAfterClose,children}){const expansionSizeProps=useMemo(()=>expansionSize==="small"?{size:"default"}:expansionSize==="medium"?{size:"large"}:placement==="left"||placement==="right"?{width:responsiveSizeMap[expansionSize]?`${responsiveSizeMap[expansionSize]}vw`:expansionSize}:{height:responsiveSizeMap[expansionSize]?`${responsiveSizeMap[expansionSize]}vh`:expansionSize},[expansionSize,placement]),[drawerVisibleState,setDrawerVisibleState]=useState({isFullyOpened:!1,isFullyClosed:!1}),[isDisabled,setIsDisabled]=useState(!1),drawerContext=useMemo(()=>({isDisabled,setIsDisabled,...drawerVisibleState}),[isDisabled,drawerVisibleState]),modalDisabled=loading||isDisabled;useLayoutEffect(()=>{open&&drawerVisibleState.isFullyClosed&&setDrawerVisibleState(prevState=>({...prevState,isFullyClosed:!1}))},[open]);const actionNode=useMemo(()=>{const cancelButton=jsx(VefCancelActionButton,{text:cancelButtonText,onClick:onCancel},"cancelActionButton"),okButton=jsx(VefOkActionButton,{text:okButtonText,onClick:onOk},"okActionButton");return isFunction(actions)?actions([cancelButton,okButton]):actions||(showCancelButton?jsxs(Fragment,{children:[cancelButton,okButton]}):okButton)},[actions,cancelButtonText,okButtonText,onCancel,onOk,showCancelButton]),handleClose=useCallback(()=>{modalDisabled||(cancelOnClose&&onCancel?.(),onClose?.())},[cancelOnClose,modalDisabled,onCancel,onClose]),handleAfterOpenChange=useCallback(open2=>{const hasAfterOpen=isFunction(onAfterOpen),hasAfterClose=isFunction(onAfterClose);open2?(hasAfterOpen&&onAfterOpen(),setDrawerVisibleState(prevState=>({...prevState,isFullyOpened:!0}))):(hasAfterClose&&onAfterClose(),setDrawerVisibleState(prevState=>({...prevState,isFullyClosed:!0})))},[onAfterOpen,onAfterClose]);return jsx(DrawerContextProvider,{value:drawerContext,children:jsx(Drawer,{afterOpenChange:handleAfterOpenChange,closable,css:drawerStyle,destroyOnClose,extra,footer:!loading&&actionNode,keyboard:closeOnEscPress,loading,maskClosable:closeOnMaskClick,open,placement,title,zIndex:20,onClose:handleClose,...expansionSizeProps,children})})}const VefDrawer=memo(VefDrawerBase);VefDrawer.displayName="VefDrawer";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{default2 as VefDrawerActionButtonWrapper,VefDrawer as default};

package/es/vef-dropdown/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useNormalizedMenuItems,useDeepMemo}from"@vef-framework/hooks";import{isFunction}from"@vef-framework/shared";import{Dropdown}from"antd";import{useMemo,memo}from"react";function VefDropdownBase({className,disabled,placement,children,items,trigger="hover",selectable=!1,deselectable=!1,multiple=!1,defaultSelectedKeys,selectedKeys,onChange,onSelect,onDeselect,onClick}){const dropdownTrigger=useMemo(()=>[trigger],[trigger]),normalizedItems=useNormalizedMenuItems(items),menuProps=useDeepMemo(()=>({items:normalizedItems,selectable,unselectable:deselectable?"on":"off",multiple,defaultSelectedKeys,selectedKeys,onSelect:isFunction(onChange)||isFunction(onSelect)?({key,keyPath,selectedKeys:selectedKeys2,domEvent})=>{domEvent.stopPropagation(),onChange?.(selectedKeys2),onSelect?.(key,keyPath)}:void 0,onDeselect:isFunction(onChange)||isFunction(onDeselect)?({key,keyPath,selectedKeys:selectedKeys2,domEvent})=>{domEvent.stopPropagation(),onChange?.(selectedKeys2),onDeselect?.(key,keyPath)}:void 0,onClick:isFunction(onClick)?({key,keyPath,domEvent})=>{domEvent.stopPropagation(),onClick(key,keyPath)}:void 0}),[defaultSelectedKeys,multiple,normalizedItems,onChange,onClick,onDeselect,onSelect,selectable,selectedKeys,deselectable]);return jsx(Dropdown,{className,disabled,menu:menuProps,placement,trigger:dropdownTrigger,children})}const VefDropdown=memo(VefDropdownBase);VefDropdown.displayName="VefDropdown";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefDropdown as default};

package/es/vef-dynamic-icon/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useThemeTokens}from"@vef-framework/hooks";import dynamicIconImports from"lucide-react/dynamicIconImports";import{forwardRef,lazy,Suspense}from"react";import VefIcon from"../vef-icon/index.js";function SvgPlaceholder(){const{colorFillContent}=useThemeTokens();return jsx("svg",{"aria-label":"Loading icon",height:"1em",role:"img",viewBox:"0 0 100 100",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:jsx("rect",{fill:colorFillContent,height:"100",rx:"20",width:"100"})})}const fallback=jsx(SvgPlaceholder,{}),iconCache=new Map,VefDynamicIcon=forwardRef(({name,...restProps},ref)=>{if(!iconCache.has(name)){const Icon2=lazy(dynamicIconImports[name]);iconCache.set(name,Icon2)}const Icon=iconCache.get(name);return jsx(VefIcon,{ref,...restProps,children:jsx(Suspense,{fallback,children:jsx(Icon,{})})})});VefDynamicIcon.displayName="VefDynamicIcon";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefDynamicIcon as default};

package/es/vef-dynamic-icon/props.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import dynamicIconImports from"lucide-react/dynamicIconImports";const dynamicIconNames=new Set(Object.keys(dynamicIconImports));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{dynamicIconNames};

package/es/vef-empty/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isNullish}from"@vef-framework/shared";import{Empty}from"antd";import{useMemo}from"react";const{PRESENTED_IMAGE_DEFAULT,PRESENTED_IMAGE_SIMPLE}=Empty;function VefEmpty({icon,iconStyle,presetIcon="default",...restProps}){const iconToUse=useMemo(()=>isNullish(icon)?presetIcon==="default"?PRESENTED_IMAGE_DEFAULT:PRESENTED_IMAGE_SIMPLE:icon,[icon,presetIcon]),styles=useMemo(()=>{if(!isNullish(iconStyle))return{image:iconStyle}},[iconStyle]);return jsx(Empty,{image:iconToUse,styles,...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefEmpty as default};

package/es/vef-empty-placeholder/index.js

@@ -1,5 +0,0 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,styles}from"@vef-framework/shared";import VefEmpty from"../vef-empty/index.js";const emptyPlaceholderStyle=css`
-  height: 100%;
-  padding: ${themeVariables.paddingLg};
-  ${styles.flexCenter}
-`;function VefEmptyPlaceholder({className,style,...restProps}){return jsx("div",{className,css:emptyPlaceholderStyle,style,children:jsx(VefEmpty,{...restProps})})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefEmptyPlaceholder as default};