@vef-framework/components 1.0.98 → 1.0.99

package/es/vef-select/index.js

@@ -1,3 +1,101 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{Select as t}from"antd";import{memo as i,forwardRef as l}from"react";import"../internal/index.js";import n from"../vef-loading-placeholder/index.js";import{useDataOptions as a}from"./hooks/use-data-options.js";import{useFieldNames as s}from"./hooks/use-field-names.js";import{useRenderLabel as m}from"./hooks/use-render-label.js";import{useRenderOption as d}from"./hooks/use-render-option.js";import{useSelectInstance as f}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const u=e("div",{css:{height:140},children:e(n,{})});const c=i(l((function VefSelectBase({defaultValue:i,value:l,size:n,clearable:c,disabled:h,placeholder:v,variant:g,onClear:C,onBlur:k,onFocus:b,onChange:j,onSelect:F,onDeselect:x,multiple:O=!1,grouped:S=!1,maxCount:w,renderOption:R,filterable:V=!1,filterFromRemote:z=!1,...B},y){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:A,isFallbackOptionsLoading:H}=a({value:l,grouped:S,multiple:O,onChange:j,filterable:V,filterFromRemote:z,...B}),K=d(R),T=o(V,z),W=s(S),q=m(H,A),E=f(y,L);return e(t,{ref:E,defaultActiveFirstOption:!0,allowClear:c,css:r.fullWidth,defaultValue:i,disabled:h,fieldNames:W,filterOption:T,labelRender:q,listHeight:280,loading:N,maxCount:O?w:void 0,maxTagCount:O?"responsive":void 0,mode:O?"multiple":void 0,notFoundContent:N?u:void 0,optionRender:K,options:L,placeholder:v,showSearch:V,size:p(n),value:l,variant:g,onBlur:k,onChange:j,onClear:C,onDeselect:x,onFocus:b,onSearch:D,onSelect:F})})));c.displayName="VefSelect";export{c as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useOptionFilter } from '@vef-framework/hooks';
+import { styles } from '@vef-framework/shared';
+import { Select } from 'antd';
+import { memo, forwardRef } from 'react';
+import '../internal/index.js';
+import VefLoadingPlaceholder from '../vef-loading-placeholder/index.js';
+import { useDataOptions } from './hooks/use-data-options.js';
+import { useFieldNames } from './hooks/use-field-names.js';
+import { useRenderLabel } from './hooks/use-render-label.js';
+import { useRenderOption } from './hooks/use-render-option.js';
+import { useSelectInstance } from './hooks/use-select-instance.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+const listHeight = 280;
+const loadingPlaceholder = /* @__PURE__ */ jsx("div", { css: { height: listHeight / 2 }, children: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}) });
+function VefSelectBase({
+  defaultValue,
+  value,
+  size,
+  clearable,
+  disabled,
+  placeholder,
+  variant,
+  onClear,
+  onBlur,
+  onFocus,
+  onChange,
+  onSelect,
+  onDeselect,
+  multiple = false,
+  grouped = false,
+  maxCount,
+  renderOption,
+  filterable = false,
+  filterFromRemote = false,
+  ...restProps
+}, ref) {
+  const {
+    onFilterKeywordChange,
+    normalizedOptions,
+    isLoading,
+    fallbackOptions,
+    isFallbackOptionsLoading
+  } = useDataOptions({
+    value,
+    grouped,
+    multiple,
+    onChange,
+    filterable,
+    filterFromRemote,
+    ...restProps
+  });
+  const renderOptionToUse = useRenderOption(renderOption);
+  const filterOption = useOptionFilter(filterable, filterFromRemote);
+  const fieldNames = useFieldNames(grouped);
+  const renderLabel = useRenderLabel(isFallbackOptionsLoading, fallbackOptions);
+  const selectRef = useSelectInstance(ref, normalizedOptions);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ref: selectRef,
+      defaultActiveFirstOption: true,
+      allowClear: clearable,
+      css: styles.fullWidth,
+      defaultValue,
+      disabled,
+      fieldNames,
+      filterOption,
+      labelRender: renderLabel,
+      listHeight,
+      loading: isLoading,
+      maxCount: multiple ? maxCount : void 0,
+      maxTagCount: multiple ? "responsive" : void 0,
+      mode: multiple ? "multiple" : void 0,
+      notFoundContent: isLoading ? loadingPlaceholder : void 0,
+      optionRender: renderOptionToUse,
+      options: normalizedOptions,
+      placeholder,
+      showSearch: filterable,
+      size: convertBasicSizeToUiSize(size),
+      value,
+      variant,
+      onBlur,
+      onChange,
+      onClear,
+      onDeselect,
+      onFocus,
+      onSearch: onFilterKeywordChange,
+      onSelect
+    }
+  );
+}
+const VefSelect = memo(
+  forwardRef(VefSelectBase)
+);
+VefSelect.displayName = "VefSelect";
+
+export { VefSelect as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-slider/hooks/use-slider-instance.js

@@ -1,3 +1,14 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{useRef as r,useImperativeHandle as e}from"react";function useSliderInstance(n){const u=r(null);return e(n,(()=>({blur:()=>u.current?.blur(),focus:()=>u.current?.focus()}))),u}export{useSliderInstance};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { useRef, useImperativeHandle } from 'react';
+
+function useSliderInstance(ref) {
+  const sliderRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    blur: () => sliderRef.current?.blur(),
+    focus: () => sliderRef.current?.focus()
+  }));
+  return sliderRef;
+}
+
+export { useSliderInstance };
 /*! 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-slider/index.js

@@ -1,3 +1,35 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Slider as r}from"antd";import{forwardRef as e,useMemo as o}from"react";import{useSliderInstance as m}from"./hooks/use-slider-instance.js";const n=e((({step:e,tipFormatter:n,onChange:a,...i},s)=>{const p=o((()=>{if(n)return{formatter:t=>n(t)}}),[n]),f=m(s);return t(r,{ref:f,step:"mark"===e?null:e,tooltip:p,onChange:a,...i})}));n.displayName="VefSlider";export{n as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Slider } from 'antd';
+import { forwardRef, useMemo } from 'react';
+import { useSliderInstance } from './hooks/use-slider-instance.js';
+
+const VefSlider = forwardRef(({
+  step,
+  tipFormatter,
+  onChange,
+  ...restProps
+}, ref) => {
+  const tooltipProps = useMemo(() => {
+    if (tipFormatter) {
+      return {
+        formatter: (value) => tipFormatter(value)
+      };
+    }
+  }, [tipFormatter]);
+  const sliderRef = useSliderInstance(ref);
+  return /* @__PURE__ */ jsx(
+    Slider,
+    {
+      ref: sliderRef,
+      step: step === "mark" ? null : step,
+      tooltip: tooltipProps,
+      onChange,
+      ...restProps
+    }
+  );
+});
+VefSlider.displayName = "VefSlider";
+
+export { VefSlider as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-sortable-list/components/overlay-item.js

@@ -1,7 +1,35 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as e,jsxs as n,Fragment as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as o}from"@ant-design/icons";import{css as r}from"@emotion/react";const a=e(o,{}),m=r`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { HolderOutlined } from '@ant-design/icons';
+import { css } from '@emotion/react';
+
+const defaultHandleIcon = /* @__PURE__ */ jsx(HolderOutlined, {});
+const handlePresetStyle = css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;function VefOverlayItem({item:o,renderItem:r,useHandle:s,handleClassName:c,handleStyle:i,handleIcon:l}){return n(t,{children:[s&&e("div",{className:c,css:m,style:i,children:l??a}),r(o,!0)]})}export{VefOverlayItem as default};
+`;
+function VefOverlayItem({
+  item,
+  renderItem,
+  useHandle,
+  handleClassName,
+  handleStyle,
+  handleIcon
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    useHandle && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: handleClassName,
+        css: handlePresetStyle,
+        style: handleStyle,
+        children: handleIcon ?? defaultHandleIcon
+      }
+    ),
+    renderItem(item, true)
+  ] });
+}
+
+export { VefOverlayItem as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-sortable-list/components/sortable-item.js

@@ -1,7 +1,79 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as i}from"@ant-design/icons";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";import{css as o}from"@emotion/react";const s=e(i,{}),a=o`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { HolderOutlined } from '@ant-design/icons';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { css } from '@emotion/react';
+
+const defaultHandleIcon = /* @__PURE__ */ jsx(HolderOutlined, {});
+const handlePresetStyle = css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;function VefSortableItem({item:i,itemKey:o,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:b,handleIcon:h,disabled:v}){const{isDragging:y,attributes:I,listeners:N,setNodeRef:g,setActivatorNodeRef:x,transition:S,transform:k}=r({id:o,disabled:v,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&y?{position:"relative",zIndex:999}:{}};return t("div",{ref:g,className:d,style:C,...I,...f?{}:N,children:[f&&e("div",{ref:x,className:p,css:a,style:b,...N,children:h??s}),c(i,!1)]})}export{VefSortableItem as default};
+`;
+function VefSortableItem({
+  item,
+  itemKey,
+  itemIndex,
+  itemClassName,
+  itemStyle,
+  renderItem,
+  useHandle,
+  useOverlay,
+  handleClassName,
+  handleStyle,
+  handleIcon,
+  disabled
+}) {
+  const {
+    isDragging,
+    attributes,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transition,
+    transform
+  } = useSortable({
+    id: itemKey,
+    disabled,
+    data: {
+      index: itemIndex
+    }
+  });
+  const style = {
+    ...itemStyle,
+    transition,
+    transform: CSS.Transform.toString(transform),
+    ...!useOverlay && isDragging ? {
+      position: "relative",
+      zIndex: 999
+    } : {}
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      className: itemClassName,
+      style,
+      ...attributes,
+      ...useHandle ? {} : listeners,
+      children: [
+        useHandle && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: setActivatorNodeRef,
+            className: handleClassName,
+            css: handlePresetStyle,
+            style: handleStyle,
+            ...listeners,
+            children: handleIcon ?? defaultHandleIcon
+          }
+        ),
+        renderItem(item, false)
+      ]
+    }
+  );
+}
+
+export { VefSortableItem as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-sortable-list/hooks/use-merged-items.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{isNullish as e}from"@vef-framework/shared";import{useState as r,useCallback as t}from"react";function useMergedItems(o,m,s){if(e(o)&&e(m))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[f,n]=r(o??[]);return[m??f,t((e=>{m?s?.(e(m)):n(e)}),[m,s])]}export{useMergedItems};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { isNullish } from '@vef-framework/shared';
+import { useState, useCallback } from 'react';
+
+function useMergedItems(defaultItems, items, onChange) {
+  if (isNullish(defaultItems) && isNullish(items)) {
+    throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");
+  }
+  const [internalItems, setInternalItems] = useState(defaultItems ?? []);
+  const mergedItems = items ?? internalItems;
+  const mergedOnChange = useCallback((moveItems) => {
+    if (items) {
+      onChange?.(moveItems(items));
+    } else {
+      setInternalItems(moveItems);
+    }
+  }, [items, onChange]);
+  return [mergedItems, mergedOnChange];
+}
+
+export { useMergedItems };
 /*! 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-sortable-list/index.js

@@ -1,3 +1,115 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as o,DndContext as a,DragOverlay as m,closestCenter as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as l,SortableContext as c,verticalListSortingStrategy as p,horizontalListSortingStrategy as f}from"@dnd-kit/sortable";import{isFunction as u}from"@vef-framework/shared";import{useMemo as y,useState as v,useCallback as h,memo as g}from"react";import x from"./components/overlay-item.js";import b from"./components/sortable-item.js";import{useMergedItems as k}from"./hooks/use-merged-items.js";const N=g((function VefSortableListBase({defaultItems:g,items:N,itemKey:S="id",className:j,style:D,orientation:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,V]=k(g,N,I),B=r(i(o)),O=y((()=>u(S)?S:e=>e[S]),[S]),[q,z]=v(),A=h((({active:e})=>{z(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&V((r=>l(r,e.data.current.index,t.data.current.index)))}),[V]),G=L.map((e=>O(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(a,{collisionDetection:s,sensors:B,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:A,children:e(c,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:j,style:D,children:[L.map(((t,r)=>{const i=O(t);return e(b,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(m,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:q&&e(x,{item:q,...P})})]})})})}));N.displayName="VefSortableList";export{N as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay, closestCenter } from '@dnd-kit/core';
+import { restrictToParentElement, restrictToWindowEdges } from '@dnd-kit/modifiers';
+import { arrayMove, SortableContext, verticalListSortingStrategy, horizontalListSortingStrategy } from '@dnd-kit/sortable';
+import { isFunction } from '@vef-framework/shared';
+import { useMemo, useState, useCallback, memo } from 'react';
+import VefOverlayItem from './components/overlay-item.js';
+import VefSortableItem from './components/sortable-item.js';
+import { useMergedItems } from './hooks/use-merged-items.js';
+
+const defaultItemKey = "id";
+function VefSortableListBase({
+  defaultItems,
+  items,
+  itemKey = defaultItemKey,
+  className,
+  style,
+  orientation = "vertical",
+  useOverlay = true,
+  restrictStrategy = "parent",
+  onChange,
+  ...restProps
+}) {
+  const [mergedItems, mergedOnChange] = useMergedItems(defaultItems, items, onChange);
+  const sensors = useSensors(useSensor(PointerSensor));
+  const itemKeyFn = useMemo(() => {
+    if (isFunction(itemKey)) {
+      return itemKey;
+    }
+    return (item) => item[itemKey];
+  }, [itemKey]);
+  const [activeItem, setActiveItem] = useState();
+  const handleDragStart = useCallback(({ active }) => {
+    setActiveItem(mergedItems[active.data.current.index]);
+  }, [mergedItems]);
+  const handleDragEnd = useCallback(({ active, over }) => {
+    if (!over) {
+      return;
+    }
+    if (active.id !== over.id) {
+      mergedOnChange(
+        (items2) => arrayMove(
+          items2,
+          active.data.current.index,
+          over.data.current.index
+        )
+      );
+    }
+  }, [mergedOnChange]);
+  const itemKeys = mergedItems.map((item) => itemKeyFn(item));
+  const {
+    itemClassName,
+    itemStyle,
+    disabled,
+    ...overlayItemProps
+  } = restProps;
+  return /* @__PURE__ */ jsx(
+    DndContext,
+    {
+      collisionDetection: closestCenter,
+      sensors,
+      modifiers: [
+        restrictStrategy === "parent" ? restrictToParentElement : restrictToWindowEdges
+      ],
+      onDragEnd: handleDragEnd,
+      onDragStart: handleDragStart,
+      children: /* @__PURE__ */ jsx(
+        SortableContext,
+        {
+          items: itemKeys,
+          strategy: orientation === "vertical" ? verticalListSortingStrategy : horizontalListSortingStrategy,
+          children: /* @__PURE__ */ jsxs("div", { className, style, children: [
+            mergedItems.map((item, index) => {
+              const key = itemKeyFn(item);
+              return /* @__PURE__ */ jsx(
+                VefSortableItem,
+                {
+                  item,
+                  itemIndex: index,
+                  itemKey: key,
+                  ...restProps
+                },
+                key
+              );
+            }),
+            useOverlay && /* @__PURE__ */ jsx(
+              DragOverlay,
+              {
+                className: itemClassName,
+                style: itemStyle,
+                wrapperElement: "div",
+                modifiers: [
+                  restrictStrategy === "parent" ? restrictToParentElement : restrictToWindowEdges
+                ],
+                children: activeItem && /* @__PURE__ */ jsx(
+                  VefOverlayItem,
+                  {
+                    item: activeItem,
+                    ...overlayItemProps
+                  }
+                )
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+const VefSortableList = memo(VefSortableListBase);
+VefSortableList.displayName = "VefSortableList";
+
+export { VefSortableList as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-space/index.js

@@ -1,3 +1,26 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as e}from"@vef-framework/shared";import{Space as m}from"antd";import{useMemo as t}from"react";function VefSpace({gap:f,...a}){const p=o(),i=t((()=>e(f)?f.map((r=>p(r))):f?p(f):f),[f,p]);return r(m,{size:i,...a})}export{VefSpace as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useGapSizeNormalizer } from '@vef-framework/hooks';
+import { isArray } from '@vef-framework/shared';
+import { Space } from 'antd';
+import { useMemo } from 'react';
+
+function VefSpace({
+  gap,
+  ...restProps
+}) {
+  const normalizeGapSize = useGapSizeNormalizer();
+  const size = useMemo(() => {
+    if (isArray(gap)) {
+      return gap.map((it) => normalizeGapSize(it));
+    }
+    if (gap) {
+      return normalizeGapSize(gap);
+    }
+    return gap;
+  }, [gap, normalizeGapSize]);
+  return /* @__PURE__ */ jsx(Space, { size, ...restProps });
+}
+
+export { VefSpace as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-spin/index.js

@@ -1,3 +1,13 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{Spin as t}from"antd";function VefSpin({size:i,...r}){return e(t,{size:"medium"===i?"default":i,...r})}export{VefSpin as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Spin } from 'antd';
+
+function VefSpin({
+  size,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(Spin, { size: size === "medium" ? "default" : size, ...restProps });
+}
+
+export { VefSpin as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-splitter/index.js

@@ -1,3 +1,21 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";function VefSplitter({orientation:o,onResizeBegin:r,...i}){return t(e,{layout:o,onResizeStart:r,...i})}export{VefSplitter as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Splitter } from 'antd';
+
+function VefSplitter({
+  orientation,
+  onResizeBegin,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    Splitter,
+    {
+      layout: orientation,
+      onResizeStart: onResizeBegin,
+      ...rest
+    }
+  );
+}
+
+export { VefSplitter as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-splitter-panel/index.js

@@ -1,3 +1,13 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";const{Panel:r}=e;function VefSplitterPanel({...e}){return t(r,{...e})}export{VefSplitterPanel as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Splitter } from 'antd';
+
+const { Panel } = Splitter;
+function VefSplitterPanel({
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(Panel, { ...rest });
+}
+
+export { VefSplitterPanel as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-status/index.js

@@ -1,3 +1,38 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";function VefStatus({processing:a=!1,color:f="default",children:u}){const n=o(),s=e((()=>{if("default"===f)return{status:"default",text:u};if(n.has(f))return{status:a?"processing":"default",color:n.get(f),text:u};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,n,a,u]);return t(r,{...s})}export{VefStatus as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useColorTokens } from '@vef-framework/hooks';
+import { Badge } from 'antd';
+import { useMemo } from 'react';
+
+function VefStatus({
+  processing = false,
+  color = "default",
+  children
+}) {
+  const colorTokens = useColorTokens();
+  const badgeProps = useMemo(() => {
+    if (color === "default") {
+      return {
+        status: "default",
+        text: children
+      };
+    }
+    if (colorTokens.has(color)) {
+      return {
+        status: processing ? "processing" : "default",
+        color: colorTokens.get(color),
+        text: children
+      };
+    }
+    throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`);
+  }, [
+    color,
+    colorTokens,
+    processing,
+    children
+  ]);
+  return /* @__PURE__ */ jsx(Badge, { ...badgeProps });
+}
+
+export { VefStatus as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-table/components/columns/bool.js

@@ -1,3 +1,92 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isDeepEqual as l}from"@vef-framework/shared";import{useMemo as i,memo as m}from"react";import u from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c=m((function Bool({value:l,record:m,rowIndex:c,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:s="是",falseText:p="否",bold:w,italic:x,color:h,width:V}=f,[b,k,v]=n([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,c),y=i((()=>r(v)?v:v?!a(l)&&Object.hasOwn(v,l)?v[l]:v["*"]:void 0),[v,l]),j=i((()=>l?l?s:p:d),[l,s,p,d]),B=i((()=>{if(V)return e({maxWidth:`${V}px !important`})}),[V]);return o(u,{bold:b,color:y,css:B,italic:k,children:j})}),l);export{c as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { VefError, isString, isNullish, isDeepEqual } from '@vef-framework/shared';
+import { useMemo, memo } from 'react';
+import VefText from '../../../vef-text/index.js';
+import { useComputedValues } from '../../hooks/use-computed-values.js';
+
+function Bool({
+  value,
+  record,
+  rowIndex,
+  columnProps
+}) {
+  if (columnProps.type !== "Boolean") {
+    throw new VefError(-1, "Column type must be Boolean");
+  }
+  const {
+    defaultValue,
+    trueText = "\u662F",
+    falseText = "\u5426",
+    bold,
+    italic,
+    color,
+    width
+  } = columnProps;
+  const [boldToUse, italicToUse, colorOrMapping] = useComputedValues(
+    [
+      {
+        key: "bold",
+        rawValue: bold,
+        defaultValue: false
+      },
+      {
+        key: "italic",
+        rawValue: italic,
+        defaultValue: false
+      },
+      {
+        key: "color",
+        rawValue: color
+      }
+    ],
+    value,
+    record,
+    rowIndex
+  );
+  const colorToUse = useMemo(() => {
+    if (isString(colorOrMapping)) {
+      return colorOrMapping;
+    }
+    if (colorOrMapping) {
+      if (!isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
+        return colorOrMapping[value];
+      } else {
+        return colorOrMapping["*"];
+      }
+    }
+  }, [colorOrMapping, value]);
+  const valueToDisplay = useMemo(() => {
+    if (value) {
+      return value ? trueText : falseText;
+    }
+    return defaultValue;
+  }, [
+    value,
+    trueText,
+    falseText,
+    defaultValue
+  ]);
+  const cssToUse = useMemo(() => {
+    if (width) {
+      return css({
+        maxWidth: `${width}px !important`
+      });
+    }
+  }, [width]);
+  return /* @__PURE__ */ jsx(
+    VefText,
+    {
+      bold: boldToUse,
+      color: colorToUse,
+      css: cssToUse,
+      italic: italicToUse,
+      children: valueToDisplay
+    }
+  );
+}
+const BoolMemo = memo(Bool, isDeepEqual);
+
+export { BoolMemo as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */