@vef-framework/components 1.0.122 → 1.0.123

package/lib/vef-table/index.cjs

@@ -1,54 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react");require("../internal/index.cjs");const tableFooter=require("./components/table-footer.cjs"),useComputedBatchButtons=require("./hooks/use-computed-batch-buttons.cjs"),useComputedColumns=require("./hooks/use-computed-columns.cjs"),useData=require("./hooks/use-data.cjs"),useDefaultColumnConfigs=require("./hooks/use-default-column-configs.cjs"),useHelperColumns=require("./hooks/use-helper-columns.cjs"),usePaginationProps=require("./hooks/use-pagination-props.cjs"),useRowProps=require("./hooks/use-row-props.cjs"),useRowSelectionConfig=require("./hooks/use-row-selection-config.cjs"),useTableColumns=require("./hooks/use-table-columns.cjs"),useTableContext=require("./hooks/use-table-context.cjs"),useTableInstance=require("./hooks/use-table-instance.cjs"),useTableSummary=require("./hooks/use-table-summary.cjs"),useTableWidth=require("./hooks/use-table-width.cjs"),utils=require("../internal/utils.cjs"),DEFAULT_ROW_KEY="id",autoHeightTableStyle=react.css`
-  height: 100%;
-
-  > .vef-spin-nested-loading {
-    height: 100%;
-
-    > .vef-spin-container {
-      height: 100%;
-
-      > .vef-table {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        > .vef-table-container {
-          flex: 1;
-          min-height: 0;
-          display: flex;
-          flex-direction: column;
-
-          > .vef-table-header {
-            flex-shrink: 0;
-          }
-
-          > .vef-table-body {
-            flex: 1;
-            scrollbar-width: thin;
-            scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
-            min-height: 200px;
-          }
-        }
-
-        > .vef-table-title {
-          flex-shrink: 0;
-          padding: ${shared.themeVariables.paddingSm};
-        }
-
-        > .vef-table-footer {
-          flex-shrink: 0;
-          padding: ${shared.themeVariables.paddingXs}
-        }
-
-        &.vef-table-empty > .vef-table-container > .vef-table-body > table {
-          min-height: 100%;
-        }
-      }
-    }
-  }
-`,unlimitedHeightTableStyle=react.css`
-  .vef-table-content {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
-  }
-`;function VefTableBase({columns,defaultColumnConfigMap,rowNumberColumn,operationColumn,bordered=!1,size="medium",rowKey=DEFAULT_ROW_KEY,height,virtual=!1,selectedKeys,defaultSelectedKeys,selectable=!1,multipleSelection,showSelectAllCheckbox,disabledSelection,enableRowClick,enableRowClickForSelection,rowBackgroundColor,batchActionButtons,selectionSummary,externalContext,onRowSelectionChange,onRowSelect,onRowDeselect,onRowClick,...restProps},ref){const{paginated=!1,...queryConfig}=restProps,{paginationProps,paginationParams}=usePaginationProps.usePaginationProps(paginated,size),{data,isFetching,isLoading,total,refetch}=useData.useData(queryConfig,paginated,paginationParams),mergedPaginationProps=react$1.useMemo(()=>({...paginationProps,total}),[paginationProps,total]),[columnConfigMap,setColumnConfigMap]=react$1.useState(()=>new Map(defaultColumnConfigMap)),deferredColumnConfigMap=react$1.useDeferredValue(columnConfigMap),computedColumns=useComputedColumns.useComputedColumns(columns,deferredColumnConfigMap),{rowSelectionConfig,handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}=useRowSelectionConfig.useRowSelectionConfig({selectedKeys,defaultSelectedKeys,selectable,multipleSelection,disabledSelection,enableRowClick,enableRowClickForSelection,onRowSelect,onRowDeselect,onRowSelectionChange,rowKey}),onRow=useRowProps.useRowProps({enableRowClick,enableRowClickForSelection,onRowClick,disabledSelection,handleRowClickSelection}),tableContext=react$1.useMemo(()=>({externalContext,isFetching,refetch,selectedKeys:selectedKeysToUse,selectedRecords:selectedRecords.current,defaultColumnConfigMap,columnConfigMap,setColumnConfigMap,columnConfigMapHasChanged:!shared.isDeepEqual(defaultColumnConfigMap,columnConfigMap)}),[externalContext,isFetching,refetch,selectedKeysToUse,selectedRecords,defaultColumnConfigMap,columnConfigMap]),columnsToUse=useTableColumns.useTableColumns(computedColumns,rowNumberColumn,operationColumn),tableWidth=useTableWidth.useTableWidth(columnsToUse,selectable),scrollConfig=react$1.useMemo(()=>({x:tableWidth,y:height==="auto"?"auto":height,scrollToFirstRowOnChange:!0}),[height,tableWidth]),tableRef=useTableInstance.useTableInstance(ref,data??[],refetch),tableSummary=useTableSummary.useTableSummary(computedColumns),{computedBatchActionButtons,batchActionButtonContext}=useComputedBatchButtons.useComputedBatchActionButtons(batchActionButtons??[],tableContext),footer=react$1.useMemo(()=>{if(isLoading||data?.length===0||!paginated&&selectionSummary===!1&&computedBatchActionButtons.length===0)return;const footerNode=jsxRuntime.jsx(tableFooter.default,{batchActionButtonContext,batchActionButtons:computedBatchActionButtons,paginationProps:mergedPaginationProps,selectionSummary,size});return()=>footerNode},[batchActionButtonContext,computedBatchActionButtons,data?.length,isLoading,mergedPaginationProps,paginated,selectionSummary,size]);return jsxRuntime.jsx(useTableContext.TableContextProvider,{value:tableContext,children:jsxRuntime.jsx(antd.Table,{ref:tableRef,bordered,columns:columnsToUse,css:height==="auto"?autoHeightTableStyle:unlimitedHeightTableStyle,dataSource:data,footer,loading:isFetching,pagination:!1,rowKey,rowSelection:rowSelectionConfig,scroll:scrollConfig,size:utils.convertBasicSizeToUiSize(size),summary:tableSummary,tableLayout:"fixed",virtual:shared.isNumber(height)&&height>0&&virtual,onRow})})}const VefTableBaseForwarded=react$1.forwardRef(VefTableBase);VefTableBaseForwarded.displayName="VefTableBase";function VefTableWrapper({schema,showRowNumber,operationButtons,maxVisibleOperationButtons,...restProps},ref){const{size}=restProps,showedColumns=react$1.useMemo(()=>schema.filter(column=>column.show??!0).map(column=>({...column,dependentColumnNames:[...new Set([column.name,...column.dependentColumnNames??[]])]})),[schema]);if(showedColumns.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const defaultColumnConfigMap=useDefaultColumnConfigs.useDefaultColumnConfigs(showedColumns),{rowNumberColumn,operationColumn}=useHelperColumns.useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size});return jsxRuntime.jsx(VefTableBaseForwarded,{ref,columns:showedColumns,defaultColumnConfigMap,operationColumn,rowNumberColumn,...restProps})}const VefTable=react$1.memo(react$1.forwardRef(VefTableWrapper),shared.isDeepEqual);VefTable.displayName="VefTable",exports.default=VefTable;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-table/store.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{StoreProvider:TableStoreProvider,useStore:useTableStore,useStoreApi:useTableStoreApi}=shared.createComponentStore("Table",initialState=>set=>({changeSize:size=>set({size}),columnConfigMap:new Map,...initialState}));exports.TableStoreProvider=TableStoreProvider,exports.useTableStore=useTableStore,exports.useTableStoreApi=useTableStoreApi;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/types.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-tabs/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");require("../internal/index.cjs");const utils=require("../internal/utils.cjs"),animatedConfig={inkBar:!0,tabPane:!0};function VefTabs({size,...props}){return jsxRuntime.jsx(antd.Tabs,{animated:animatedConfig,size:utils.convertBasicSizeToUiSize(size),...props})}exports.default=VefTabs;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tabs/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-tag/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react");function VefTag({closable=!1,color,inverse=!1,...restProps}){const colorToUse=react.useMemo(()=>inverse?`${color}-inverse`:color,[color,inverse]);return jsxRuntime.jsx(antd.Tag,{closeIcon:closable?null:void 0,color:colorToUse,...restProps})}exports.default=VefTag;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tag/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-temporal-picker/helper.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-picker/hooks/use-dayjs-value.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useDayjsValue(value,formats){return react.useMemo(()=>shared.isNullish(value)?value:shared.isArray(value)?value.map(it=>dayjs(it,formats)):dayjs(value,formats),[value,formats])}exports.useDayjsValue=useDayjsValue;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-picker/hooks/use-temporal-limit.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalPickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalPickerInstance=useTemporalPickerInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-picker/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValue=require("./hooks/use-dayjs-value.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalPickerInstance=require("./hooks/use-temporal-picker-instance.cjs"),utils=require("../internal/utils.cjs");function VefTemporalPickerBase({defaultValue,value,clearable,size,mode="date",multiple=!1,minDate,maxDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValue.useDayjsValue(value,formats),defaultValueToUse=useDayjsValue.useDayjsValue(defaultValue,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalPickerRef=useTemporalPickerInstance.useTemporalPickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormat)=>{if(!value2){onChange(null,null);return}const dates=shared.isArray(value2)?value2.map(it=>it.toDate()):value2.toDate();onChange(valueFormat,dates)}},[onChange]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,multiple,secondStep,showNow:mode!=="hour",size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,multiple,picker:"date",size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,multiple,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalPicker=react.memo(react.forwardRef(VefTemporalPickerBase));VefTemporalPicker.displayName="VefTemporalPicker",exports.default=VefTemporalPicker;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-picker/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-temporal-range-picker/helper.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-range-picker/hooks/use-dayjs-values.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react"),props=require("../props.cjs");function useDayjsValues(value,formats){return react.useMemo(()=>{if(shared.isNullish(value))return value;if(shared.isArray(value))return value.map(it=>dayjs(it,formats));const[begin,end]=value.split(props.stringFormatSeparator);return[dayjs(begin,formats),dayjs(end,formats)]},[value,formats])}exports.useDayjsValues=useDayjsValues;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-range-picker/hooks/use-temporal-limit.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalRangePickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalRangePickerInstance=useTemporalRangePickerInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-range-picker/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValues=require("./hooks/use-dayjs-values.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalRangePickerInstance=require("./hooks/use-temporal-range-picker-instance.cjs"),props=require("./props.cjs"),utils=require("../internal/utils.cjs");function VefTemporalRangePickerBase({defaultValue,value,clearable,mode="date",size,useStringFormat=!1,maxDate,minDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValues.useDayjsValues(value,formats),defaultValueToUse=useDayjsValues.useDayjsValues(value,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalRangePickerRef=useTemporalRangePickerInstance.useTemporalRangePickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormats)=>{if(!value2){onChange(null,null);return}const dates=[value2[0].toDate(),value2[1].toDate()];onChange(useStringFormat?valueFormats.join(props.stringFormatSeparator):valueFormats,dates)}},[onChange,useStringFormat]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,showTime:!0,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,picker:"date",secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalRangePicker=react.memo(react.forwardRef(VefTemporalRangePickerBase));VefTemporalRangePicker.displayName="VefTemporalRangePicker",exports.default=VefTemporalRangePicker;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-range-picker/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const stringFormatSeparator="_";exports.stringFormatSeparator=stringFormatSeparator;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-text/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react"),{Text}=antd.Typography;function VefText({variant,color,bold,ellipsis,ellipsisTip,ellipsisTipPlacement,copyable,copiedText,onCopy,...restProps}){const ellipsisConfig=react.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children,placement:ellipsisTipPlacement}},[ellipsis,ellipsisTip,ellipsisTipPlacement,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react.useMemo(()=>{const props={};return variant==="shortcut"?props.keyboard=!0:variant==="strikethrough"?props.delete=!0:variant&&(props[variant]=!0),color==="secondary"?props.type="secondary":color&&(props.css={color:colorTokens.get(color)}),bold&&(props.strong=!0),props},[bold,color,colorTokens,variant]),copyConfig=react.useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsxRuntime.jsx(Text,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}exports.default=VefText;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-text/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-textarea/hooks/use-textarea-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTextareaInstance(ref){const textareaRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}exports.useTextareaInstance=useTextareaInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const useTextareaInstance=require("./hooks/use-textarea-instance.cjs"),utils=require("../internal/utils.cjs"),{TextArea}=antd.Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=react.forwardRef(({defaultValue,value,size,clearable,showCount,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=react.useMemo(()=>({onChange:shared.isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:shared.isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:shared.isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:shared.isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),textareaRef=useTextareaInstance.useTextareaInstance(ref);return jsxRuntime.jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:utils.convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="VefTextarea",exports.default=VefTextarea;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-title/index.cjs

@@ -1,13 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../vef-divider/index.cjs"),{Title}=antd.Typography,dividerStyle=react.css`
-  margin: ${shared.themeVariables.marginSm} 0 ${shared.themeVariables.marginLg};
-`,leftBarStyle=react.css`
-  &::before {
-    content: "";
-    display: inline-block;
-    width: 6px;
-    height: var(--vef-title-left-bar-height);
-    border-radius: 3px;
-    background: linear-gradient(to top, ${shared.themeVariables.colorPrimary}, ${shared.themeVariables.blue5});
-    margin-right: ${shared.themeVariables.paddingSm};
-  }
-`;function VefTitle({showLeftBar,showBottomLine,noPaddingBottom,variant,color,ellipsis,ellipsisTip,...restProps}){const{level=1}=restProps,ellipsisConfig=react$1.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children}},[ellipsis,ellipsisTip,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react$1.useMemo(()=>{const props={};if(color==="secondary")props.type="secondary";else{const css2=[];color&&css2.push({color:colorTokens.get(color)}),showLeftBar&&css2.push(leftBarStyle),props.css=css2}return variant&&(props[variant]=!0),showLeftBar&&(props.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${level}) * 0.8)`}),noPaddingBottom&&(props.style={...props.style,"--vef-typography-title-margin-bottom":0}),props},[color,variant,showLeftBar,colorTokens,level,noPaddingBottom]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Title,{ellipsis:ellipsisConfig,...styleProps,...restProps}),showBottomLine&&jsxRuntime.jsx(index.default,{css:dividerStyle})]})}exports.default=VefTitle;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-title/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-tooltip/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),VefTooltip=react.forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=react.useRef(null);return react.useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsxRuntime.jsx(antd.Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="VefTooltip",exports.default=VefTooltip;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tooltip/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-tree-select/hooks/use-change-handler.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useChangeHandler(onChange,options){const optionsMap=react.useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return react.useMemo(()=>{if(shared.isFunction(onChange))return value=>{if(!value){onChange(null,null);return}shared.isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}exports.useChangeHandler=useChangeHandler;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/hooks/use-data-options.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}exports.useTreeSelectInstance=useTreeSelectInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useChangeHandler=require("./hooks/use-change-handler.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useTreeSelectInstance=require("./hooks/use-tree-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})}),treeLineOptions={showLeafIcon:!1};function VefTreeSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,maxCount,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,filterable=!0,filterFromRemote=!1,...restProps},ref){const{normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=hooks.useOptionFilter(filterable,!1),handleChange=useChangeHandler.useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance.useTreeSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.TreeSelect,{ref:treeSelectRef,virtual:!0,allowClear:clearable,css:shared.styles.fullWidth,defaultValue,disabled,filterTreeNode,listHeight,loading:isLoading,maxCount,maxTagCount:multiple?"responsive":void 0,multiple,notFoundContent:isLoading?loadingPlaceholder:void 0,placeholder,showSearch:filterable,size:utils.convertBasicSizeToUiSize(size),treeCheckable:multiple,treeData:normalizedOptions,treeLine:treeLineOptions,value,variant,onBlur,onChange:handleChange,onClear,onDeselect,onFocus,onSelect})}const VefTreeSelect=react.memo(react.forwardRef(VefTreeSelectBase));VefTreeSelect.displayName="VefTreeSelect",exports.default=VefTreeSelect;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-virtual-grid/index.cjs

@@ -1,12 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
-  position: relative;
-  width: var(--vef-virtual-grid-width);
-  height: var(--vef-virtual-grid-height);
-`,virtualItemStyle=react.css`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: var(--vef-virtual-grid-item-width);
-  height: var(--vef-virtual-grid-item-height);
-  transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
-`;function VefVirtualGridBase({className,style,items,renderItem,itemClassName,itemStyle,rowHeight,columnWidth,gap,...restProps}){const GridItem=react$1.useMemo(()=>react$1.memo(renderItem),[renderItem]),viewportRef=react$1.useRef(null),normalizeGapSize=hooks.useGapSizeNormalizer(),[rowGap,columnGap]=react$1.useMemo(()=>{if(shared.isArray(gap))return[normalizeGapSize(gap[0]),normalizeGapSize(gap[1])];if(gap){const normalizedGap=normalizeGapSize(gap);return[normalizedGap,normalizedGap]}return[0,0]},[gap,normalizeGapSize]),rowVirtualizer=reactVirtual.useVirtualizer({count:items.length,getScrollElement:()=>viewportRef.current,estimateSize:shared.isNumber(rowHeight)?()=>rowHeight:rowHeight,overscan:2,gap:rowGap}),columnVirtualizer=reactVirtual.useVirtualizer({horizontal:!0,count:items[0]?.length??0,getScrollElement:()=>viewportRef.current,estimateSize:shared.isNumber(columnWidth)?()=>columnWidth:columnWidth,overscan:2,gap:columnGap}),containerSizeStyle=react$1.useMemo(()=>({"--vef-virtual-grid-height":`${rowVirtualizer.getTotalSize()}px`,"--vef-virtual-grid-width":`${columnVirtualizer.getTotalSize()}px`}),[rowVirtualizer.getTotalSize(),columnVirtualizer.getTotalSize()]),getVirtualGridNode=(height,width)=>jsxRuntime.jsx(index.default,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle,width,children:jsxRuntime.jsx("div",{css:containerStyle,style:containerSizeStyle,children:rowVirtualizer.getVirtualItems().map(row=>jsxRuntime.jsx(react$1.Fragment,{children:columnVirtualizer.getVirtualItems().map(item=>{const itemData=items[row.index][item.index];return jsxRuntime.jsx("div",{className:itemClassName,css:virtualItemStyle,style:{...itemStyle,"--vef-virtual-grid-item-width":`${item.size}px`,"--vef-virtual-grid-item-height":`${row.size}px`,"--vef-virtual-grid-item-x":`${item.start}px`,"--vef-virtual-grid-item-y":`${row.start}px`},children:itemData&&react$1.createElement(GridItem,{item:itemData,rowIndex:row.index,columnIndex:item.index})},item.key)})},row.key))})});if(!restProps.autoSize){const{height,width}=restProps;return getVirtualGridNode(height,width)}return jsxRuntime.jsx(index$1.default,{children:({height,width})=>getVirtualGridNode(height,width)})}const VefVirtualGrid=react$1.memo(VefVirtualGridBase);VefVirtualGrid.displayName="VefVirtualGrid",exports.default=VefVirtualGrid;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-virtual-grid/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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/lib/vef-virtual-list/index.cjs

@@ -1,18 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
-  position: relative;
-  width: var(--vef-virtual-list-width, auto);
-  height: var(--vef-virtual-list-height, auto);
-`,virtualItemStyle=react.css`
-  position: absolute;
-  top: var(--vef-virtual-list-item-top, 0);
-  left: var(--vef-virtual-list-item-left, 0);
-  width: var(--vef-virtual-list-item-width, auto);
-  height: var(--vef-virtual-list-item-height, auto);
-  transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
-`,frameStyle=react.css`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  transform: translateY(var(--vef-virtual-list-frame-y, 0)); 
-`;function VefVirtualListBase({className,style,items,renderItem,itemClassName,itemStyle,itemSize,autoItemSize=!1,gap=0,lanes=1,itemKey,...restProps}){const ListItem=react$1.useMemo(()=>react$1.memo(renderItem),[renderItem]),itemKeyToUse=react$1.useMemo(()=>{if(shared.isFunction(itemKey))return index2=>itemKey({index:index2,item:items[index2]})},[itemKey,items]),itemSizeToUse=react$1.useMemo(()=>shared.isFunction(itemSize)?index2=>itemSize({index:index2,item:items[index2]}):()=>itemSize,[itemSize,items]),normalizedGap=hooks.useNormalizedGapSize(gap),viewportRef=react$1.useRef(null),{orientation}=restProps,virtualizer=reactVirtual.useVirtualizer({horizontal:orientation==="horizontal",count:items.length,getScrollElement:()=>viewportRef.current,estimateSize:itemSizeToUse,overscan:2,getItemKey:itemKeyToUse,gap:normalizedGap,lanes}),virtualItems=virtualizer.getVirtualItems(),baseCrossSize=100/lanes,containerSizeStyle=react$1.useMemo(()=>orientation==="horizontal"?{"--vef-virtual-list-width":`${virtualizer.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${virtualizer.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[orientation,virtualizer.getTotalSize()]),mergedViewportStyle=react$1.useMemo(()=>autoItemSize&&orientation!=="horizontal"?{...viewportStyle,contain:"strict"}:viewportStyle,[autoItemSize,orientation]),getVirtualListNode=(height,width)=>autoItemSize?jsxRuntime.jsx(index.default,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle:mergedViewportStyle,width,children:jsxRuntime.jsx("div",{css:containerStyle,style:containerSizeStyle,children:orientation==="horizontal"?virtualItems.map(({index:index2,key,start})=>jsxRuntime.jsx("div",{className:itemClassName,css:virtualItemStyle,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${start}px`,"--vef-virtual-list-item-y":0},children:react$1.createElement(ListItem,{index:index2,item:items[index2]})},key)):jsxRuntime.jsx("div",{css:frameStyle,style:{"--vef-virtual-list-frame-y":`${virtualItems[0]?.start??0}px`},children:virtualItems.map(({index:index2,key})=>jsxRuntime.jsx("div",{ref:virtualizer.measureElement,className:itemClassName,"data-index":index2,style:itemStyle,children:react$1.createElement(ListItem,{index:index2,item:items[index2]})},key))})})}):jsxRuntime.jsx(index.default,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle:mergedViewportStyle,width,children:jsxRuntime.jsx("div",{css:containerStyle,style:containerSizeStyle,children:virtualItems.map(({index:index2,key,size,start,lane})=>jsxRuntime.jsx("div",{className:itemClassName,css:virtualItemStyle,style:orientation==="horizontal"?{"--vef-virtual-list-item-top":lane===0?0:`${lane*baseCrossSize}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${size}px`,"--vef-virtual-list-item-height":`${baseCrossSize}%`,"--vef-virtual-list-item-x":`${start}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":lane===0?0:`${lane*baseCrossSize}%`,"--vef-virtual-list-item-width":`${baseCrossSize}%`,"--vef-virtual-list-item-height":`${size}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${start}px`},children:react$1.createElement(ListItem,{index:index2,item:items[index2]})},key))})});return restProps.autoSize?restProps.orientation==="horizontal"?jsxRuntime.jsx(index$1.default,{disableHeight:!0,children:({width})=>getVirtualListNode("100%",width)}):jsxRuntime.jsx(index$1.default,{disableWidth:!0,children:({height})=>getVirtualListNode(height,"100%")}):restProps.orientation==="horizontal"?getVirtualListNode("100%",restProps.width):getVirtualListNode(restProps.height,"100%")}const VefVirtualList=react$1.memo(VefVirtualListBase);VefVirtualList.displayName="VefVirtualList",exports.default=VefVirtualList;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-virtual-list/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, 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 */