@vef-framework/components 1.0.62 → 1.0.64

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

@@ -1,3 +1,126 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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 m,forwardRef as r}from"react";import"../internal/index.js";import{getTemporalFormats as u}from"./helper.js";import{useDayjsValue as n}from"./hooks/use-dayjs-value.js";import{useTemporalLimit as s}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=m(r((function({defaultValue:m,value:r,clearable:f,size:D,mode:h="date",multiple:c=!1,minDate:b,maxDate:V,disabledTime:j,disabledDate:k,hourStep:x,minuteStep:S,secondStep:v,onChange:C,...w},T){const g=u(h),z=n(r,g),y=n(m,g),{minDateValue:N,maxDateValue:P,disabledTimeValue:q,disabledDateValue:A}=s({maxDate:V,minDate:b,disabledTime:j,disabledDate:k}),B=d(T),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"===h||"hour"===h||"minute"===h?e(i,{ref:B,allowClear:f,defaultValue:y,disabledTime:q,format:g,hourStep:x,minuteStep:S,multiple:c,secondStep:v,showNow:"hour"!==h,size:p(D),value:z,onChange:E,...w}):e(l,"datetime"===h?{ref:B,allowClear:f,defaultValue:y,disabledDate:A,disabledTime:q,format:g,hourStep:x,maxDate:P,minDate:N,minuteStep:S,multiple:c,picker:"date",size:p(D),value:z,onChange:E,...w}:{ref:B,allowClear:f,defaultValue:y,disabledDate:A,format:g,maxDate:P,minDate:N,multiple:c,picker:h,size:p(D),value:z,onChange:E,...w})})));f.displayName="VefTemporalPicker";export{f as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, 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 n(n){return"year"===n?Y:"quarter"===n?M:"month"===n?m:"week"===n?D:"datetime"===n?r:"date"===n?H:"time"===n?s:"hour"===n?e:"minute"===n?t:[]}export{n as getTemporalFormats};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+const yearFormats = ["YYYY"];
+const quarterFormats = ["YYYY-Q\u5B63\u5EA6"];
+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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{isNullish as r,isArray as o}from"@vef-framework/shared";import t from"dayjs";import{useMemo as m}from"react";import{stringFormatSeparator as e}from"../props.js";function f(f,p){return m((()=>{if(r(f))return f;if(o(f))return f.map((r=>t(r,p)));const[m,i]=f.split(e);return[t(m,p),t(i,p)]}),[f,p])}export{f as useDayjsValues};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function r({maxDate:r,minDate:i,disabledDate:o,disabledTime:m}){const[d,f]=t((()=>[i?a(i):void 0,r?a(r):void 0]),[i,r]);return{minDateValue:d,maxDateValue:f,disabledTimeValue:t((()=>{if(e(m))return e=>m(e.toDate())}),[m]),disabledDateValue:t((()=>{if(e(o))return(e,{from:a})=>o(e.toDate(),a?.toDate())}),[o])}}export{r as useTemporalLimit};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})}}))),c}export{u as useTemporalRangePickerInstance};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, 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 i}from"antd";import{useMemo as r,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({defaultValue:o,value:m,clearable:f,mode:c="date",size:D,useStringFormat:h=!1,maxDate:b,minDate:j,disabledTime:k,disabledDate:S,hourStep:g,minuteStep:V,secondStep:x,onChange:v,...C},T){const w=l(c),z=n(m,w),P=n(m,w),{minDateValue:R,maxDateValue:y,disabledTimeValue:F,disabledDateValue:N}=s({maxDate:b,minDate:j,disabledTime:k,disabledDate:S}),q=d(T),A=r((()=>{if(a(v))return(e,a)=>{if(!e)return void v(null,null);const t=[e[0].toDate(),e[1].toDate()];v(h?a.join(u):a,t)}}),[v,h]);return"time"===c||"hour"===c||"minute"===c?e(t.RangePicker,{ref:q,allowClear:f,defaultValue:P,disabledTime:F,format:w,hourStep:g,minuteStep:V,secondStep:x,size:p(D),value:z,onChange:A,...C}):e(i.RangePicker,"datetime"===c?{ref:q,showTime:!0,allowClear:f,defaultValue:P,disabledDate:N,disabledTime:F,format:w,hourStep:g,maxDate:y,minDate:R,minuteStep:V,picker:"date",secondStep:x,size:p(D),value:z,onChange:A,...C}:{ref:q,allowClear:f,defaultValue:P,disabledDate:N,format:w,maxDate:y,minDate:R,picker:c,size:p(D),value:z,onChange:A,...C})})));f.displayName="VefTemporalRangePicker";export{f as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-const o="_";export{o as stringFormatSeparator};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{Typography as e}from"antd";import{useMemo as r}from"react";const{Text:i}=e;function n({variant:e,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]),y=t(),h=r((()=>{const o={};return"shortcut"===e?o.keyboard=!0:"strikethrough"===e?o.delete=!0:e&&(o[e]=!0),"secondary"===n?o.type="secondary":n&&(o.css={color:y.get(n)}),l&&(o.strong=!0),o}),[l,n,y,e]),x=r((()=>{if(a)return{format:"text/plain",text:m,onCopy:f}}),[a,m,f]);return o(i,{copyable:x,ellipsis:u,...h,...d})}export{n as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus({preventScroll:!0})}))),c}export{u as useTextareaInstance};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{Input as r}from"antd";import{forwardRef as t,useMemo as a}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:s}=r;function u(e){return""===e?null:e}const i=t((({defaultValue:r,value:t,size:i,clearable:m,showCount:f,onChange:d,onEnterKeyPress:v,onBlur:c,onFocus:p,...g},h)=>{const x=a((()=>({onChange:o(d)?e=>d(u(e.target.value)):void 0,onPressEnter:o(v)?e=>v(u(e.target.value)):void 0,onBlur:o(c)?e=>c(u(e.target.value)):void 0,onFocus:o(p)?e=>p(u(e.target.value)):void 0})),[d,v,c,p]),C=n(h);return e(s,{ref:C,allowClear:m,defaultValue:r,showCount:f,size:l(i),value:t,...g,...x})}));i.displayName="VefTextarea";export{i as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 */