@vef-framework/components 1.0.100 → 1.0.101

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

@@ -1,3 +1,126 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a,isArray as t}from"@vef-framework/shared";import{TimePicker as i,DatePicker as l}from"antd";import{useMemo as o,memo as r,forwardRef as m}from"react";import"../internal/index.js";import{getTemporalFormats as u}from"./helper.js";import{useDayjsValue as s}from"./hooks/use-dayjs-value.js";import{useTemporalLimit as n}from"./hooks/use-temporal-limit.js";import{useTemporalPickerInstance as d}from"./hooks/use-temporal-picker-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=r(m((function VefTemporalPickerBase({defaultValue:r,value:m,clearable:f,size:D,mode:c="date",multiple:h=!1,minDate:b,maxDate:V,disabledTime:k,disabledDate:j,hourStep:x,minuteStep:S,secondStep:v,onChange:C,...T},w){const g=u(c),z=s(m,g),y=s(r,g),{minDateValue:N,maxDateValue:P,disabledTimeValue:B,disabledDateValue:q}=n({maxDate:V,minDate:b,disabledTime:k,disabledDate:j}),A=d(w),E=o((()=>{if(a(C))return(e,a)=>{if(!e)return void C(null,null);const i=t(e)?e.map((e=>e.toDate())):e.toDate();C(a,i)}}),[C]);return"time"===c||"hour"===c||"minute"===c?e(i,{ref:A,allowClear:f,defaultValue:y,disabledTime:B,format:g,hourStep:x,minuteStep:S,multiple:h,secondStep:v,showNow:"hour"!==c,size:p(D),value:z,onChange:E,...T}):e(l,"datetime"===c?{ref:A,allowClear:f,defaultValue:y,disabledDate:q,disabledTime:B,format:g,hourStep:x,maxDate:P,minDate:N,minuteStep:S,multiple:h,picker:"date",size:p(D),value:z,onChange:E,...T}:{ref:A,allowClear:f,defaultValue:y,disabledDate:q,format:g,maxDate:P,minDate:N,multiple:h,picker:c,size:p(D),value:z,onChange:E,...T})})));f.displayName="VefTemporalPicker";export{f as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { isFunction, isArray } from '@vef-framework/shared';
+import { TimePicker, DatePicker } from 'antd';
+import { useMemo, memo, forwardRef } from 'react';
+import '../internal/index.js';
+import { getTemporalFormats } from './helper.js';
+import { useDayjsValue } from './hooks/use-dayjs-value.js';
+import { useTemporalLimit } from './hooks/use-temporal-limit.js';
+import { useTemporalPickerInstance } from './hooks/use-temporal-picker-instance.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+function VefTemporalPickerBase({
+  defaultValue,
+  value,
+  clearable,
+  size,
+  mode = "date",
+  multiple = false,
+  minDate,
+  maxDate,
+  disabledTime,
+  disabledDate,
+  hourStep,
+  minuteStep,
+  secondStep,
+  onChange,
+  ...restProps
+}, ref) {
+  const formats = getTemporalFormats(mode);
+  const valueToUse = useDayjsValue(value, formats);
+  const defaultValueToUse = useDayjsValue(defaultValue, formats);
+  const {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  } = useTemporalLimit({
+    maxDate,
+    minDate,
+    disabledTime,
+    disabledDate
+  });
+  const temporalPickerRef = useTemporalPickerInstance(ref);
+  const handleChange = useMemo(() => {
+    if (isFunction(onChange)) {
+      return (value2, valueFormat) => {
+        if (!value2) {
+          onChange(null, null);
+          return;
+        }
+        const dates = isArray(value2) ? value2.map((it) => it.toDate()) : value2.toDate();
+        onChange(valueFormat, dates);
+      };
+    }
+  }, [onChange]);
+  if (mode === "time" || mode === "hour" || mode === "minute") {
+    return /* @__PURE__ */ jsx(
+      TimePicker,
+      {
+        ref: temporalPickerRef,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        minuteStep,
+        multiple,
+        secondStep,
+        showNow: mode !== "hour",
+        size: convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  if (mode === "datetime") {
+    return /* @__PURE__ */ jsx(
+      DatePicker,
+      {
+        ref: temporalPickerRef,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledDate: disabledDateValue,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        maxDate: maxDateValue,
+        minDate: minDateValue,
+        minuteStep,
+        multiple,
+        picker: "date",
+        size: convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      ref: temporalPickerRef,
+      allowClear: clearable,
+      defaultValue: defaultValueToUse,
+      disabledDate: disabledDateValue,
+      format: formats,
+      maxDate: maxDateValue,
+      minDate: minDateValue,
+      multiple,
+      picker: mode,
+      size: convertBasicSizeToUiSize(size),
+      value: valueToUse,
+      onChange: handleChange,
+      ...restProps
+    }
+  );
+}
+const VefTemporalPicker = memo(
+  forwardRef(VefTemporalPickerBase)
+);
+VefTemporalPicker.displayName = "VefTemporalPicker";
+
+export { VefTemporalPicker 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-temporal-range-picker/helper.js

@@ -1,3 +1,58 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-const Y=["YYYY"],M=["YYYY-Q季度"],m=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],D=["YYYY-wo"],H=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],s=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],t=["HH:mm","HH.mm","HHmm"],r=["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(o){return"year"===o?Y:"quarter"===o?M:"month"===o?m:"week"===o?D:"datetime"===o?r:"date"===o?H:"time"===o?s:"hour"===o?e:"minute"===o?t:[]}export{getTemporalFormats};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+const yearFormats = ["YYYY"];
+const quarterFormats = ["YYYY-Q季度"];
+const monthFormats = [
+  "YYYY-MM",
+  "YYYY/MM",
+  "YYYY.MM",
+  "YYYYMM"
+];
+const weekFormats = ["YYYY-wo"];
+const dateFormats = [
+  "YYYY-MM-DD",
+  "YYYY/MM/DD",
+  "YYYY.MM.DD",
+  "YYYYMMDD",
+  "YY/MM/DD",
+  "YY.MM.DD",
+  "YYMMDD"
+];
+const timeFormats = ["HH:mm:ss", "HH.mm.ss", "HHmmss"];
+const hourFormats = ["HH"];
+const minuteFormats = ["HH:mm", "HH.mm", "HHmm"];
+const 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) {
+  if (mode === "year") {
+    return yearFormats;
+  } else if (mode === "quarter") {
+    return quarterFormats;
+  } else if (mode === "month") {
+    return monthFormats;
+  } else if (mode === "week") {
+    return weekFormats;
+  } else if (mode === "datetime") {
+    return datetimeFormats;
+  } else if (mode === "date") {
+    return dateFormats;
+  } else if (mode === "time") {
+    return timeFormats;
+  } else if (mode === "hour") {
+    return hourFormats;
+  } else if (mode === "minute") {
+    return minuteFormats;
+  } else {
+    return [];
+  }
+}
+
+export { 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/es/vef-temporal-range-picker/hooks/use-dayjs-values.js

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isNullish as r,isArray as e}from"@vef-framework/shared";import o from"dayjs";import{useMemo as t}from"react";import{stringFormatSeparator as s}from"../props.js";function useDayjsValues(m,a){return t((()=>{if(r(m))return m;if(e(m))return m.map((r=>o(r,a)));const[t,f]=m.split(s);return[o(t,a),o(f,a)]}),[m,a])}export{useDayjsValues};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { isNullish, isArray } from '@vef-framework/shared';
+import dayjs from 'dayjs';
+import { useMemo } from 'react';
+import { stringFormatSeparator } from '../props.js';
+
+function useDayjsValues(value, formats) {
+  return useMemo(() => {
+    if (isNullish(value)) {
+      return value;
+    }
+    if (isArray(value)) {
+      return value.map((it) => dayjs(it, formats));
+    }
+    const [begin, end] = value.split(stringFormatSeparator);
+    return [
+      dayjs(begin, formats),
+      dayjs(end, formats)
+    ];
+  }, [value, formats]);
+}
+
+export { 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/es/vef-temporal-range-picker/hooks/use-temporal-limit.js

@@ -1,3 +1,35 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function useTemporalLimit({maxDate:i,minDate:r,disabledDate:m,disabledTime:o}){const[d,l]=t((()=>[r?a(r):void 0,i?a(i):void 0]),[r,i]);return{minDateValue:d,maxDateValue:l,disabledTimeValue:t((()=>{if(e(o))return e=>o(e.toDate())}),[o]),disabledDateValue:t((()=>{if(e(m))return(e,{from:a})=>m(e.toDate(),a?.toDate())}),[m])}}export{useTemporalLimit};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { isFunction } from '@vef-framework/shared';
+import dayjs from 'dayjs';
+import { useMemo } from 'react';
+
+function useTemporalLimit({
+  maxDate,
+  minDate,
+  disabledDate,
+  disabledTime
+}) {
+  const [minDateValue, maxDateValue] = useMemo(() => [
+    minDate ? dayjs(minDate) : void 0,
+    maxDate ? dayjs(maxDate) : void 0
+  ], [minDate, maxDate]);
+  const disabledTimeValue = useMemo(() => {
+    if (isFunction(disabledTime)) {
+      return (now) => disabledTime(now.toDate());
+    }
+  }, [disabledTime]);
+  const disabledDateValue = useMemo(() => {
+    if (isFunction(disabledDate)) {
+      return (now, { from }) => disabledDate(now.toDate(), from?.toDate());
+    }
+  }, [disabledDate]);
+  return {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  };
+}
+
+export { 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/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as e}from"react";function useTemporalRangePickerInstance(n){const c=r(null);return e(n,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})}}))),c}export{useTemporalRangePickerInstance};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useRef, useImperativeHandle } from 'react';
+
+function useTemporalRangePickerInstance(ref) {
+  const temporalPickerRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    blur: () => {
+      temporalPickerRef.current?.blur();
+    },
+    focus: () => {
+      temporalPickerRef.current?.focus({
+        preventScroll: true
+      });
+    }
+  }));
+  return temporalPickerRef;
+}
+
+export { 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/es/vef-temporal-range-picker/index.js

@@ -1,3 +1,129 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a}from"@vef-framework/shared";import{TimePicker as t,DatePicker as r}from"antd";import{useMemo as i,memo as o,forwardRef as m}from"react";import"../internal/index.js";import{getTemporalFormats as l}from"./helper.js";import{useDayjsValues as n}from"./hooks/use-dayjs-values.js";import{useTemporalLimit as s}from"./hooks/use-temporal-limit.js";import{useTemporalRangePickerInstance as d}from"./hooks/use-temporal-range-picker-instance.js";import{stringFormatSeparator as u}from"./props.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=o(m((function VefTemporalRangePickerBase({defaultValue:o,value:m,clearable:f,mode:c="date",size:D,useStringFormat:h=!1,maxDate:b,minDate:k,disabledTime:g,disabledDate:j,hourStep:S,minuteStep:V,secondStep:x,onChange:T,...v},C){const w=l(c),z=n(m,w),P=n(m,w),{minDateValue:R,maxDateValue:y,disabledTimeValue:B,disabledDateValue:F}=s({maxDate:b,minDate:k,disabledTime:g,disabledDate:j}),N=d(C),q=i((()=>{if(a(T))return(e,a)=>{if(!e)return void T(null,null);const t=[e[0].toDate(),e[1].toDate()];T(h?a.join(u):a,t)}}),[T,h]);return"time"===c||"hour"===c||"minute"===c?e(t.RangePicker,{ref:N,allowClear:f,defaultValue:P,disabledTime:B,format:w,hourStep:S,minuteStep:V,secondStep:x,size:p(D),value:z,onChange:q,...v}):e(r.RangePicker,"datetime"===c?{ref:N,showTime:!0,allowClear:f,defaultValue:P,disabledDate:F,disabledTime:B,format:w,hourStep:S,maxDate:y,minDate:R,minuteStep:V,picker:"date",secondStep:x,size:p(D),value:z,onChange:q,...v}:{ref:N,allowClear:f,defaultValue:P,disabledDate:F,format:w,maxDate:y,minDate:R,picker:c,size:p(D),value:z,onChange:q,...v})})));f.displayName="VefTemporalRangePicker";export{f as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { isFunction } from '@vef-framework/shared';
+import { TimePicker, DatePicker } from 'antd';
+import { useMemo, memo, forwardRef } from 'react';
+import '../internal/index.js';
+import { getTemporalFormats } from './helper.js';
+import { useDayjsValues } from './hooks/use-dayjs-values.js';
+import { useTemporalLimit } from './hooks/use-temporal-limit.js';
+import { useTemporalRangePickerInstance } from './hooks/use-temporal-range-picker-instance.js';
+import { stringFormatSeparator } from './props.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+function VefTemporalRangePickerBase({
+  defaultValue,
+  value,
+  clearable,
+  mode = "date",
+  size,
+  useStringFormat = false,
+  maxDate,
+  minDate,
+  disabledTime,
+  disabledDate,
+  hourStep,
+  minuteStep,
+  secondStep,
+  onChange,
+  ...restProps
+}, ref) {
+  const formats = getTemporalFormats(mode);
+  const valueToUse = useDayjsValues(value, formats);
+  const defaultValueToUse = useDayjsValues(value, formats);
+  const {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  } = useTemporalLimit({
+    maxDate,
+    minDate,
+    disabledTime,
+    disabledDate
+  });
+  const temporalRangePickerRef = useTemporalRangePickerInstance(ref);
+  const handleChange = useMemo(() => {
+    if (isFunction(onChange)) {
+      return (value2, valueFormats) => {
+        if (!value2) {
+          onChange(null, null);
+          return;
+        }
+        const dates = [value2[0].toDate(), value2[1].toDate()];
+        if (useStringFormat) {
+          onChange(valueFormats.join(stringFormatSeparator), dates);
+        } else {
+          onChange(valueFormats, dates);
+        }
+      };
+    }
+  }, [onChange, useStringFormat]);
+  if (mode === "time" || mode === "hour" || mode === "minute") {
+    return /* @__PURE__ */ jsx(
+      TimePicker.RangePicker,
+      {
+        ref: temporalRangePickerRef,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        minuteStep,
+        secondStep,
+        size: convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  if (mode === "datetime") {
+    return /* @__PURE__ */ jsx(
+      DatePicker.RangePicker,
+      {
+        ref: temporalRangePickerRef,
+        showTime: true,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledDate: disabledDateValue,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        maxDate: maxDateValue,
+        minDate: minDateValue,
+        minuteStep,
+        picker: "date",
+        secondStep,
+        size: convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    DatePicker.RangePicker,
+    {
+      ref: temporalRangePickerRef,
+      allowClear: clearable,
+      defaultValue: defaultValueToUse,
+      disabledDate: disabledDateValue,
+      format: formats,
+      maxDate: maxDateValue,
+      minDate: minDateValue,
+      picker: mode,
+      size: convertBasicSizeToUiSize(size),
+      value: valueToUse,
+      onChange: handleChange,
+      ...restProps
+    }
+  );
+}
+const VefTemporalRangePicker = memo(
+  forwardRef(VefTemporalRangePickerBase)
+);
+VefTemporalRangePicker.displayName = "VefTemporalRangePicker";
+
+export { VefTemporalRangePicker 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-temporal-range-picker/props.js

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-const o="_";export{o as stringFormatSeparator};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+const stringFormatSeparator = "_";
+
+export { 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/es/vef-text/index.js

@@ -1,3 +1,81 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{Typography as o}from"antd";import{useMemo as r}from"react";const{Text:i}=o;function VefText({variant:o,color:n,bold:l,ellipsis:s,ellipsisTip:p,ellipsisTipPlacement:c,copyable:a,copiedText:m,onCopy:f,...d}){const u=r((()=>{if(s)return{tooltip:p??d.children,placement:c}}),[s,p,c,d.children]),x=t(),y=r((()=>{const e={};return"shortcut"===o?e.keyboard=!0:"strikethrough"===o?e.delete=!0:o&&(e[o]=!0),"secondary"===n?e.type="secondary":n&&(e.css={color:x.get(n)}),l&&(e.strong=!0),e}),[l,n,x,o]),h=r((()=>{if(a)return{format:"text/plain",text:m,onCopy:f}}),[a,m,f]);return e(i,{copyable:h,ellipsis:u,...y,...d})}export{VefText as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useColorTokens } from '@vef-framework/hooks';
+import { Typography } from 'antd';
+import { useMemo } from 'react';
+
+const { Text } = Typography;
+function VefText({
+  variant,
+  color,
+  bold,
+  ellipsis,
+  ellipsisTip,
+  ellipsisTipPlacement,
+  copyable,
+  copiedText,
+  onCopy,
+  ...restProps
+}) {
+  const ellipsisConfig = useMemo(() => {
+    if (ellipsis) {
+      return {
+        tooltip: ellipsisTip ?? restProps.children,
+        placement: ellipsisTipPlacement
+      };
+    }
+  }, [
+    ellipsis,
+    ellipsisTip,
+    ellipsisTipPlacement,
+    restProps.children
+  ]);
+  const colorTokens = useColorTokens();
+  const styleProps = useMemo(() => {
+    const props = {};
+    if (variant === "shortcut") {
+      props.keyboard = true;
+    } else if (variant === "strikethrough") {
+      props.delete = true;
+    } else if (variant) {
+      props[variant] = true;
+    }
+    if (color === "secondary") {
+      props.type = "secondary";
+    } else if (color) {
+      props.css = {
+        color: colorTokens.get(color)
+      };
+    }
+    if (bold) {
+      props.strong = true;
+    }
+    return props;
+  }, [
+    bold,
+    color,
+    colorTokens,
+    variant
+  ]);
+  const copyConfig = useMemo(() => {
+    if (copyable) {
+      return {
+        format: "text/plain",
+        text: copiedText,
+        onCopy
+      };
+    }
+  }, [copyable, copiedText, onCopy]);
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      copyable: copyConfig,
+      ellipsis: ellipsisConfig,
+      ...styleProps,
+      ...restProps
+    }
+  );
+}
+
+export { VefText 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-textarea/hooks/use-textarea-instance.js

@@ -1,3 +1,14 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as e}from"react";function useTextareaInstance(t){const n=r(null);return e(t,(()=>({blur:()=>n.current?.blur(),focus:()=>n.current?.focus({preventScroll:!0})}))),n}export{useTextareaInstance};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useRef, useImperativeHandle } from 'react';
+
+function useTextareaInstance(ref) {
+  const textareaRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    blur: () => textareaRef.current?.blur(),
+    focus: () => textareaRef.current?.focus({ preventScroll: true })
+  }));
+  return textareaRef;
+}
+
+export { 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/es/vef-textarea/index.js

@@ -1,3 +1,68 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a}from"@vef-framework/shared";import{Input as o}from"antd";import{forwardRef as r,useMemo as t}from"react";import"../internal/index.js";import{useTextareaInstance as n}from"./hooks/use-textarea-instance.js";import{convertBasicSizeToUiSize as l}from"../internal/utils.js";const{TextArea:u}=o;function normalizeValue(e){return""===e?null:e}const i=r((({defaultValue:o,value:r,size:i,clearable:s,showCount:m,onChange:f,onEnterKeyPress:d,onBlur:v,onFocus:c,...p},V)=>{const z=t((()=>({onChange:a(f)?e=>f(normalizeValue(e.target.value)):void 0,onPressEnter:a(d)?e=>d(normalizeValue(e.target.value)):void 0,onBlur:a(v)?e=>v(normalizeValue(e.target.value)):void 0,onFocus:a(c)?e=>c(normalizeValue(e.target.value)):void 0})),[f,d,v,c]),g=n(V);return e(u,{ref:g,allowClear:s,defaultValue:o,showCount:m,size:l(i),value:r,...p,...z})}));i.displayName="VefTextarea";export{i as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { isFunction } from '@vef-framework/shared';
+import { Input } from 'antd';
+import { forwardRef, useMemo } from 'react';
+import '../internal/index.js';
+import { useTextareaInstance } from './hooks/use-textarea-instance.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+const { TextArea } = Input;
+function normalizeValue(value) {
+  if (value === "") {
+    return null;
+  }
+  return value;
+}
+const VefTextarea = forwardRef(
+  ({
+    defaultValue,
+    value,
+    size,
+    clearable,
+    showCount,
+    onChange,
+    onEnterKeyPress,
+    onBlur,
+    onFocus,
+    ...restProps
+  }, ref) => {
+    const eventHandlers = useMemo(() => ({
+      onChange: isFunction(onChange) ? (event) => onChange(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onPressEnter: isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onBlur: isFunction(onBlur) ? (event) => onBlur(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onFocus: isFunction(onFocus) ? (event) => onFocus(
+        normalizeValue(event.target.value)
+      ) : void 0
+    }), [
+      onChange,
+      onEnterKeyPress,
+      onBlur,
+      onFocus
+    ]);
+    const textareaRef = useTextareaInstance(ref);
+    return /* @__PURE__ */ jsx(
+      TextArea,
+      {
+        ref: textareaRef,
+        allowClear: clearable,
+        defaultValue,
+        showCount,
+        size: convertBasicSizeToUiSize(size),
+        value,
+        ...restProps,
+        ...eventHandlers
+      }
+    );
+  }
+);
+VefTextarea.displayName = "VefTextarea";
+
+export { VefTextarea 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 */