@vef-framework/components 1.0.5

package/dist/vef-slider/hooks/use-slider-instance.d.ts

@@ -0,0 +1,12 @@
+import type { GetRef, Slider } from "antd";
+import { type ForwardedRef, type RefObject } from "react";
+import type { VefSliderInstance } from "../props";
+type SliderRef = GetRef<typeof Slider>;
+/**
+ * The hook to get the slider instance.
+ *
+ * @param ref - The forwarded ref.
+ * @returns The slider ref.
+ */
+export declare function useSliderInstance(ref: ForwardedRef<VefSliderInstance>): RefObject<SliderRef>;
+export {};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as r,useImperativeHandle as u}from"react";function t(t){const c=r(null);return u(t,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus()}))),c}export{t as 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/dist/vef-slider/index.d.ts

@@ -0,0 +1,4 @@
+import type { VefSliderInstance, VefSliderProps } from "./props";
+declare const VefSlider: import("react").ForwardRefExoticComponent<VefSliderProps & import("react").RefAttributes<VefSliderInstance>>;
+export type { VefSliderInstance, VefSliderProps };
+export default VefSlider;

package/dist/vef-slider/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Slider as r}from"antd";import{forwardRef as o,useMemo as e}from"react";import{useSliderInstance as n}from"./hooks/use-slider-instance.js";const m=o((({step:o,tipFormatter:m,onChange:a,...i},s)=>{const p=e((()=>{if(m)return{formatter:t=>m(t)}}),[m]),f=n(s);return t(r,{ref:f,step:"mark"===o?null:o,tooltip:p,onChange:a,...i})}));export{m as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-slider/props.d.ts

@@ -0,0 +1,72 @@
+import type { Handler, Mapper } from "@vef-framework/shared";
+import type { SliderBaseProps } from "antd/es/slider";
+import type { ReactNode } from "react";
+/**
+ * The instance of the VefSlider component.
+ */
+export interface VefSliderInstance {
+    /**
+     * The blur event handler.
+     */
+    blur: Handler;
+    /**
+     * The focus event handler.
+     */
+    focus: Handler;
+}
+/**
+ * The base props of the slider.
+ */
+interface VefSliderPropsBase extends Pick<SliderBaseProps, "disabled" | "min" | "max" | "vertical" | "included"> {
+    /**
+     * The step of the slider.
+     */
+    step?: number | "mark";
+    /**
+     * The marks of the slider.
+     */
+    marks?: Record<number, ReactNode>;
+    /**
+     * The formatter of the tooltip.
+     */
+    tipFormatter?: Mapper<number, ReactNode>;
+}
+/**
+ * The props of the single slider.
+ */
+interface VefSliderPropsSingle extends VefSliderPropsBase {
+    /**
+     * The value of the slider.
+     */
+    value?: number;
+    /**
+     * Whether the slider is a range slider.
+     */
+    range?: false;
+    /**
+     * The change event handler.
+     */
+    onChange?: Mapper<number, void>;
+}
+/**
+ * The props of the range slider.
+ */
+interface VefSliderPropsRange extends VefSliderPropsBase {
+    /**
+     * The value of the slider.
+     */
+    value?: [number, number];
+    /**
+     * Whether the slider is a range slider.
+     */
+    range: true;
+    /**
+     * The change event handler.
+     */
+    onChange?: Mapper<[number, number], void>;
+}
+/**
+ * The props of the VefSlider component.
+ */
+export type VefSliderProps = VefSliderPropsSingle | VefSliderPropsRange;
+export {};

package/dist/vef-sortable-list/components/overlay-item.d.ts

@@ -0,0 +1,9 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { VefSortableItemProps } from "./sortable-item";
+/**
+ * The props of the VefOverlayItem component.
+ */
+export interface VefOverlayItemProps<T extends ObjectType> extends Pick<VefSortableItemProps<T>, "item" | "renderItem" | "useHandle" | "handleClassName" | "handleStyle" | "handleIcon"> {
+}
+declare function VefOverlayItem<T extends ObjectType>({ item, renderItem, useHandle, handleClassName, handleStyle, handleIcon, }: VefOverlayItemProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefOverlayItem;

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

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e,jsxs as n,Fragment as o}from"@emotion/react/jsx-runtime";import{HolderOutlined as t}from"@ant-design/icons";import{css as r}from"@emotion/react";const s=e(t,{}),a=r`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;function c({item:t,renderItem:r,useHandle:c,handleClassName:i,handleStyle:m,handleIcon:l}){return n(o,{children:[c&&e("div",{className:i,css:a,style:m,children:l??s}),r(t,!0)]})}export{c as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-sortable-list/components/sortable-item.d.ts

@@ -0,0 +1,21 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { VefSortableListProps } from "../props";
+/**
+ * The props of the VefSortableItem component.
+ */
+export interface VefSortableItemProps<T extends ObjectType> extends Pick<VefSortableListProps<T>, "itemClassName" | "itemStyle" | "renderItem" | "useOverlay" | "useHandle" | "handleClassName" | "handleStyle" | "handleIcon" | "disabled"> {
+    /**
+     * The item.
+     */
+    item: T;
+    /**
+     * The key of the item.
+     */
+    itemKey: string;
+    /**
+     * The index of the item.
+     */
+    itemIndex: number;
+}
+declare function VefSortableItem<T extends ObjectType>({ item, itemKey, itemIndex, itemClassName, itemStyle, renderItem, useHandle, useOverlay, handleClassName, handleStyle, handleIcon, disabled, }: VefSortableItemProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefSortableItem;

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

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, 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 s}from"@emotion/react";const o=e(i,{}),a=s`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;function m({item:i,itemKey:s,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:h,handleIcon:v,disabled:y}){const{isDragging:N,attributes:g,listeners:x,setNodeRef:b,setActivatorNodeRef:I,transition:S,transform:k}=r({id:s,disabled:y,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&N?{position:"relative",zIndex:999}:{}};return t("div",{ref:b,className:d,style:C,...g,...f?{}:x,children:[f&&e("div",{ref:I,className:p,css:a,style:h,...x,children:v??o}),c(i,!1)]})}export{m as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-sortable-list/hooks/use-merged-items.d.ts

@@ -0,0 +1,10 @@
+import type { Consumer, Mapper, ObjectType } from "@vef-framework/shared";
+/**
+ * Merge the items and the onChange function.
+ *
+ * @param defaultItems - The default items.
+ * @param items - The items.
+ * @param onChange - The onChange function.
+ * @returns The merged items and the merged onChange function.
+ */
+export declare function useMergedItems<T extends ObjectType>(defaultItems?: T[], items?: T[], onChange?: Consumer<T[]>): readonly [T[], (moveItems: Mapper<T[], T[]>) => void];

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isNullish as r}from"@vef-framework/shared";import{useState as e,useCallback as o}from"react";function t(t,f,m){if(r(t)&&r(f))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[n,a]=e(t??[]);return[f??n,o((r=>{f?m?.(r(f)):a(r)}),[f,m])]}export{t as 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/dist/vef-sortable-list/index.d.ts

@@ -0,0 +1,7 @@
+import type { ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type FC } from "react";
+import type { VefSortableListProps } from "./props";
+declare function VefSortableListBase<T extends ObjectType = ObjectValue>({ defaultItems, items, itemKey, className, style, direction, useOverlay, restrictStrategy, onChange, ...restProps }: VefSortableListProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefSortableList: typeof VefSortableListBase & Pick<FC, "displayName">;
+export type { VefSortableListProps };
+export default VefSortableList;

package/dist/vef-sortable-list/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as o,DndContext as m,closestCenter as a,DragOverlay as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as c,SortableContext as l,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 k from"./components/sortable-item.js";import{useMergedItems as N}from"./hooks/use-merged-items.js";const b=g((function({defaultItems:g,items:b,itemKey:j="id",className:S,style:D,direction:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,O]=N(g,b,I),V=r(i(o)),q=y((()=>u(j)?j:e=>e[j]),[j]),[z,A]=v(),B=h((({active:e})=>{A(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&O((r=>c(r,e.data.current.index,t.data.current.index)))}),[O]),G=L.map((e=>q(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(m,{collisionDetection:a,sensors:V,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:B,children:e(l,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:S,style:D,children:[L.map(((t,r)=>{const i=q(t);return e(k,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(s,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:z&&e(x,{item:z,...P})})]})})})}));b.displayName="VefSortableList";export{b as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-sortable-list/props.d.ts

@@ -0,0 +1,77 @@
+import type { BiMapper, Consumer, Direction, Mapper, ObjectType, ObjectValue, StringKey, StyleProps } from "@vef-framework/shared";
+import type { CSSProperties } from "react";
+/**
+ * The props of the VefSortableList component.
+ */
+export interface VefSortableListProps<T extends ObjectType = ObjectValue> extends StyleProps {
+    /**
+     * The default items.
+     * Used for uncontrolled mode.
+     * Note: At least one of `defaultItems` and `items` must be provided.
+     */
+    defaultItems?: T[];
+    /**
+     * The items to be sorted.
+     * Used for controlled mode.
+     * Note: At least one of `defaultItems` and `items` must be provided.
+     */
+    items?: T[];
+    /**
+     * The key of the item.
+     * @default "id"
+     */
+    itemKey?: StringKey<T> | Mapper<T, string>;
+    /**
+     * The render function of the item.
+     */
+    renderItem: BiMapper<T, boolean, React.ReactNode>;
+    /**
+     * The class name of the item.
+     */
+    itemClassName?: string;
+    /**
+     * The style of the item.
+     */
+    itemStyle?: CSSProperties;
+    /**
+     * Whether to use overlay mode.
+     * @default true
+     */
+    useOverlay?: boolean;
+    /**
+     * Whether to use drag handle.
+     * @default false
+     */
+    useHandle?: boolean;
+    /**
+     * The class name of the drag handle.
+     */
+    handleClassName?: string;
+    /**
+     * The style of the drag handle.
+     */
+    handleStyle?: CSSProperties;
+    /**
+     * The icon of the drag handle.
+     */
+    handleIcon?: React.ReactNode;
+    /**
+     * The direction of the list.
+     * @default "vertical"
+     */
+    direction?: Direction;
+    /**
+     * Whether to disable the draggable sorting.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The restrict strategy of the dragging item.
+     * @default "parent"
+     */
+    restrictStrategy?: "parent" | "window";
+    /**
+     * The callback function when the items change.
+     */
+    onChange?: Consumer<T[]>;
+}

package/dist/vef-space/index.d.ts

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

package/dist/vef-space/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{Space as m}from"antd";import{isArray as t}from"@vef-framework/shared";import{useMemo as e}from"react";const a=({gap:a,...f})=>{const i=o(),p=e((()=>t(a)?a.map((r=>i(r))):a?i(a):a),[a,i]);return r(m,{size:p,...f})};export{a as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-space/props.d.ts

@@ -0,0 +1,12 @@
+import type { GapType } from "@vef-framework/shared";
+import type { SpaceProps } from "antd";
+import type { Except } from "@vef-framework/shared";
+/**
+ * The props of VefSpace component.
+ */
+export interface VefSpaceProps extends Except<SpaceProps, "size" | "classNames" | "styles" | "prefixCls" | "rootClassName"> {
+    /**
+     * The gap size of the space.
+     */
+    gap?: GapType<number>;
+}

package/dist/vef-spin/index.d.ts

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

package/dist/vef-spin/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Spin as e}from"antd";const m=({size:m,...o})=>t(e,{size:"medium"===m?"default":m,...o});export{m as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-spin/props.d.ts

@@ -0,0 +1,12 @@
+import type { BasicSize } from "@vef-framework/shared";
+import type { SpinProps } from "antd";
+import type { Except } from "@vef-framework/shared";
+/**
+ * The props of VefSpin component.
+ */
+export interface VefSpinProps extends Except<SpinProps, "size" | "prefixCls" | "rootClassName"> {
+    /**
+     * The size of the spin.
+     */
+    size?: BasicSize;
+}

package/dist/vef-splitter/index.d.ts

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

package/dist/vef-splitter/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as o}from"antd";const e=({direction:e,onResizeBegin:i,...r})=>t(o,{layout:e,onResizeStart:i,...r});export{e as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-splitter/props.d.ts

@@ -0,0 +1,16 @@
+import type { Consumer, Direction } from "@vef-framework/shared";
+import type { SplitterProps } from "antd";
+import type { Except } from "@vef-framework/shared";
+/**
+ * The props of the VefSplitter component.
+ */
+export interface VefSplitterProps extends Except<SplitterProps, "layout" | "onResizeStart" | "prefixCls" | "rootClassName"> {
+    /**
+     * The direction of the component.
+     */
+    direction?: Direction;
+    /**
+     * The callback function when the splitter is resized.
+     */
+    onResizeBegin?: Consumer<number[]>;
+}

package/dist/vef-splitter-panel/index.d.ts

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

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as o}from"antd";const{Panel:r}=o,e=({...o})=>t(r,{...o});export{e as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-splitter-panel/props.d.ts

@@ -0,0 +1,6 @@
+import type { PanelProps } from "antd/es/splitter/interface";
+/**
+ * The props of the VefSplitterPanel component.
+ */
+export interface VefSplitterPanelProps extends PanelProps {
+}

package/dist/vef-status/index.d.ts

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

package/dist/vef-status/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";const a=({processing:a=!1,color:f="default",children:n})=>{const s=o(),l=e((()=>{if("default"===f)return{status:"default",text:n};if(s.has(f))return{status:a?"processing":"default",color:s.get(f),text:n};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,s,a,n]);return t(r,{...l})};export{a as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-status/props.d.ts

@@ -0,0 +1,17 @@
+import type { ChildrenProps, ColorType } from "@vef-framework/shared";
+/**
+ * The props of the VefStatus component.
+ */
+export interface VefStatusProps extends Required<ChildrenProps> {
+    /**
+     * Whether the status is processing.
+     * Only works when `color` is not "default".
+     * @default false
+     */
+    processing?: boolean;
+    /**
+     * The color of the status.
+     * @default "default"
+     */
+    color?: ColorType | "default";
+}

package/dist/vef-table/components/columns/bool.d.ts

@@ -0,0 +1,5 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Bool<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const BoolMemo: typeof Bool;
+export default BoolMemo;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isEqual 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 c}from"../../hooks/use-computed-values.js";const n=m((function({value:l,record:m,rowIndex:n,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:p="是",falseText:s="否",bold:w,italic:x,color:h,width:y}=f,[V,b,k]=c([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,n),v=i((()=>r(k)?k:k?!a(l)&&Object.prototype.hasOwnProperty.call(k,l)?k[l]:k["*"]:void 0),[k,l]),j=i((()=>l?l?p:s:d),[l,p,s,d]),B=i((()=>{if(y)return o({maxWidth:`${y}px !important`})}),[y]);return e(u,{bold:V,color:v,css:B,italic:b,children:j})}),l);export{n as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/code.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Code<T extends ObjectType, K extends StringKey<T>>({ value, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Code;

package/dist/vef-table/components/columns/code.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/data-dictionary.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function DataDictionary<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default DataDictionary;

package/dist/vef-table/components/columns/data-dictionary.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as t,isString as r,isNullish as a}from"@vef-framework/shared";import{useMemo as i}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as m}from"../../hooks/use-computed-values.js";const c="Name";function u({value:u,record:n,rowIndex:s,columnProps:p}){if("DataDictionary"!==p.type)throw new t(-1,"Column type must be DataDictionary");const{name:d,defaultValue:f,ellipsis:w,bold:y,italic:h,color:x,width:V}=p,[b,k,v]=m([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:x}],u,n,s),$=i((()=>r(v)?v:v?!a(u)&&Object.prototype.hasOwnProperty.call(v,u)?v[u]:v["*"]:void 0),[v,u]),j=i((()=>a(u)||a(n[`${d}${c}`])?f:n[`${d}${c}`]),[u,n,d,f]),D=i((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(l,{bold:b,color:$,css:D,ellipsis:w,italic:k,children:j})}export{u as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/enum.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Enum<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Enum;

package/dist/vef-table/components/columns/enum.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isString as t,isNullish as i}from"@vef-framework/shared";import{useMemo as l}from"react";import a from"../../../vef-tag/index.js";import m from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c="Name",s=o({color:"inherit",fontSize:"inherit"});function u({value:u,record:d,rowIndex:f,columnProps:p}){if("Enum"!==p.type)throw new r(-1,"Column type must be Enum");const{name:h,defaultValue:w,showAsTag:x=!0,bold:y,italic:b,ellipsis:v,color:V,width:j}=p,[k,$,g]=n([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:b,defaultValue:!1},{key:"color",rawValue:V}],u,d,f),E=l((()=>t(g)?g:g?!i(u)&&Object.prototype.hasOwnProperty.call(g,u)?g[u]:g["*"]:void 0),[g,u]),O=l((()=>i(u)||i(d[`${h}${c}`])?w:d[`${h}${c}`]),[u,d,h,w]),P=l((()=>{if(j)return o({maxWidth:`${j}px !important`})}),[j]);return x?e(a,{color:E,children:e(m,{bold:k,css:s,italic:$,children:O})}):e(m,{bold:k,color:E,css:P,ellipsis:v,italic:$,children:O})}export{u as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/file.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function File<T extends ObjectType, K extends StringKey<T>>({ value, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default File;

package/dist/vef-table/components/columns/file.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/icon.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Icon<T extends ObjectType, K extends StringKey<T>>({ value, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Icon;

package/dist/vef-table/components/columns/icon.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/id.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Id<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Id;

package/dist/vef-table/components/columns/id.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as i}from"../../hooks/use-computed-values.js";const m=/Id$/;function u({value:u,record:c,rowIndex:n,columnProps:s}){if("Id"!==s.type)throw new r(-1,"Column type must be Id");const{name:d,defaultValue:f,ellipsis:p,bold:w,italic:x,color:h,width:V}=s,[k,y,b]=i([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],u,c,n),v=a((()=>{const e=d.replace(m,"Name");return t(u)||t(c[e])?f:c[e]}),[u,c,d,f]),I=a((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(l,{bold:k,color:b,css:I,ellipsis:p,italic:y,children:v})}export{u as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/image.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Image<T extends ObjectType, K extends StringKey<T>>({ value, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Image;

package/dist/vef-table/components/columns/image.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{extractBaseName as e}from"@vef-framework/shared";function t({value:t}){return r("img",{alt:e(t),src:t})}export{t as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/index.d.ts

@@ -0,0 +1,31 @@
+import Code from "./code";
+import DataDictionary from "./data-dictionary";
+import Enum from "./enum";
+import File from "./file";
+import Icon from "./icon";
+import Id from "./id";
+import Image from "./image";
+import Markdown from "./markdown";
+import Number from "./number";
+import Render from "./render";
+import RichText from "./rich-text";
+import Text from "./text";
+export * from "./props";
+/**
+ * All table column components.
+ */
+export declare const columnComponents: {
+    readonly Text: typeof Text;
+    readonly Number: typeof Number;
+    readonly Enum: typeof Enum;
+    readonly Boolean: <T extends import("@vef-framework/shared").ObjectType, K extends import("@vef-framework/shared").StringKey<T>>({ value, record, rowIndex, columnProps, }: import("./props").TableColumnProps<T, K>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly DataDictionary: typeof DataDictionary;
+    readonly Id: typeof Id;
+    readonly Render: typeof Render;
+    readonly Markdown: typeof Markdown;
+    readonly Icon: typeof Icon;
+    readonly File: typeof File;
+    readonly RichText: typeof RichText;
+    readonly Image: typeof Image;
+    readonly Code: typeof Code;
+};

package/dist/vef-table/components/columns/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import o from"./bool.js";import r from"./code.js";import m from"./data-dictionary.js";import t from"./enum.js";import i from"./file.js";import e from"./icon.js";import p from"./id.js";import s from"./image.js";import f from"./markdown.js";import j from"./number.js";import n from"./render.js";import a from"./rich-text.js";import d from"./text.js";import"./props.js";const c={Text:d,Number:j,Enum:t,Boolean:o,DataDictionary:m,Id:p,Render:n,Markdown:f,Icon:e,File:i,RichText:a,Image:s,Code:r};export{c as columnComponents};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/markdown.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Markdown<T extends ObjectType, K extends StringKey<T>>({ value, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Markdown;

package/dist/vef-table/components/columns/markdown.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/number.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function NumberColumn<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default NumberColumn;

package/dist/vef-table/components/columns/number.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{VefError as o,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as u}from"../../hooks/use-computed-values.js";import{useDisplayValue as i}from"../../hooks/use-display-value.js";function m({value:m,record:f,rowIndex:s,columnProps:d}){if("Number"!==d.type)throw new o(-1,"Column type must be Number");const{defaultValue:p,formatter:c,prefix:n,suffix:x,bold:w,italic:h,color:V,width:b}=d,k=i(m,f,s,{defaultValue:p,formatter:c,prefix:n,suffix:x}),[y,v,j]=u([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],m,f,s),N=a((()=>{if(b)return r({maxWidth:`${b}px !important`})}),[b]);return t(k)?null:e(l,{bold:y,color:j,css:N,italic:v,children:k})}export{m as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/props.d.ts

@@ -0,0 +1,24 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { Except } from "@vef-framework/shared";
+import type { TableColumn } from "../../types";
+/**
+ * The table column props.
+ */
+export interface TableColumnProps<T extends ObjectType, K extends StringKey<T>> {
+    /**
+     * The value of the column
+     */
+    value: T[K];
+    /**
+     * The record of the column
+     */
+    record: T;
+    /**
+     * The row index of the column
+     */
+    rowIndex: number;
+    /**
+     * The column props
+     */
+    columnProps: Except<TableColumn<T, K>, "fixed" | "show" | "sort" | "title">;
+}

package/dist/vef-table/components/columns/render.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Render<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Render;

package/dist/vef-table/components/columns/render.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t}from"@vef-framework/shared";import{useMemo as o}from"react";function m({value:m,record:n,rowIndex:i,columnProps:d}){if("Render"!==d.type)throw new t(-1,"Column type must be Render");const{render:a,width:f}=d,p=a?.(m,n,i),c=o((()=>{if(f)return e({maxWidth:`${f}px !important`})}),[f]);return r("div",{css:c,children:p})}export{m as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/columns/rich-text.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function RichText<T extends ObjectType, K extends StringKey<T>>({ value, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default RichText;