@vef-framework/components 1.0.63 → 1.0.64

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

@@ -1,3 +1,130 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.cjs");const r=require("./helper.cjs"),l=require("./hooks/use-dayjs-value.cjs"),u=require("./hooks/use-temporal-limit.cjs"),s=require("./hooks/use-temporal-picker-instance.cjs"),o=require("../internal/utils.cjs");const n=t.memo(t.forwardRef((function({defaultValue:n,value:m,clearable:d,size:c,mode:p="date",multiple:D=!1,minDate:f,maxDate:S,disabledTime:h,disabledDate:j,hourStep:T,minuteStep:b,secondStep:k,onChange:v,...x},V){const q=r.getTemporalFormats(p),z=l.useDayjsValue(m,q),g=l.useDayjsValue(n,q),{minDateValue:w,maxDateValue:C,disabledTimeValue:y,disabledDateValue:P}=u.useTemporalLimit({maxDate:S,minDate:f,disabledTime:h,disabledDate:j}),B=s.useTemporalPickerInstance(V),M=t.useMemo((()=>{if(a.isFunction(v))return(e,i)=>{if(!e)return void v(null,null);const t=a.isArray(e)?e.map((e=>e.toDate())):e.toDate();v(i,t)}}),[v]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker,{ref:B,allowClear:d,defaultValue:g,disabledTime:y,format:q,hourStep:T,minuteStep:b,multiple:D,secondStep:k,showNow:"hour"!==p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):"datetime"===p?e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:P,disabledTime:y,format:q,hourStep:T,maxDate:C,minDate:w,minuteStep:b,multiple:D,picker:"date",size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:P,format:q,maxDate:C,minDate:w,multiple:D,picker:p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x})})));n.displayName="VefTemporalPicker",exports.default=n;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const helper = require('./helper.cjs');
+const useDayjsValue = require('./hooks/use-dayjs-value.cjs');
+const useTemporalLimit = require('./hooks/use-temporal-limit.cjs');
+const useTemporalPickerInstance = require('./hooks/use-temporal-picker-instance.cjs');
+const utils = require('../internal/utils.cjs');
+
+function VefTemporalPickerBase({
+  defaultValue,
+  value,
+  clearable,
+  size,
+  mode = "date",
+  multiple = false,
+  minDate,
+  maxDate,
+  disabledTime,
+  disabledDate,
+  hourStep,
+  minuteStep,
+  secondStep,
+  onChange,
+  ...restProps
+}, ref) {
+  const formats = helper.getTemporalFormats(mode);
+  const valueToUse = useDayjsValue.useDayjsValue(value, formats);
+  const defaultValueToUse = useDayjsValue.useDayjsValue(defaultValue, formats);
+  const {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  } = useTemporalLimit.useTemporalLimit({
+    maxDate,
+    minDate,
+    disabledTime,
+    disabledDate
+  });
+  const temporalPickerRef = useTemporalPickerInstance.useTemporalPickerInstance(ref);
+  const handleChange = react.useMemo(() => {
+    if (shared.isFunction(onChange)) {
+      return (value2, valueFormat) => {
+        if (!value2) {
+          onChange(null, null);
+          return;
+        }
+        const dates = shared.isArray(value2) ? value2.map((it) => it.toDate()) : value2.toDate();
+        onChange(valueFormat, dates);
+      };
+    }
+  }, [onChange]);
+  if (mode === "time" || mode === "hour" || mode === "minute") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.TimePicker,
+      {
+        ref: temporalPickerRef,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        minuteStep,
+        multiple,
+        secondStep,
+        showNow: mode !== "hour",
+        size: utils.convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  if (mode === "datetime") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.DatePicker,
+      {
+        ref: temporalPickerRef,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledDate: disabledDateValue,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        maxDate: maxDateValue,
+        minDate: minDateValue,
+        minuteStep,
+        multiple,
+        picker: "date",
+        size: utils.convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.DatePicker,
+    {
+      ref: temporalPickerRef,
+      allowClear: clearable,
+      defaultValue: defaultValueToUse,
+      disabledDate: disabledDateValue,
+      format: formats,
+      maxDate: maxDateValue,
+      minDate: minDateValue,
+      multiple,
+      picker: mode,
+      size: utils.convertBasicSizeToUiSize(size),
+      value: valueToUse,
+      onChange: handleChange,
+      ...restProps
+    }
+  );
+}
+const VefTemporalPicker = react.memo(
+  react.forwardRef(VefTemporalPickerBase)
+);
+VefTemporalPicker.displayName = "VefTemporalPicker";
+
+exports.default = VefTemporalPicker;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,62 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"];exports.getTemporalFormats=function(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:[]};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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 [];
+  }
+}
+
+exports.getTemporalFormats = getTemporalFormats;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vef-framework/shared"),e=require("dayjs"),t=require("react"),s=require("../props.cjs");exports.useDayjsValues=function(u,i){return t.useMemo((()=>{if(r.isNullish(u))return u;if(r.isArray(u))return u.map((r=>e(r,i)));const[t,o]=u.split(s.stringFormatSeparator);return[e(t,i),e(o,i)]}),[u,i])};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const dayjs = require('dayjs');
+const react = require('react');
+const props = require('../props.cjs');
+
+function useDayjsValues(value, formats) {
+  return react.useMemo(() => {
+    if (shared.isNullish(value)) {
+      return value;
+    }
+    if (shared.isArray(value)) {
+      return value.map((it) => dayjs(it, formats));
+    }
+    const [begin, end] = value.split(props.stringFormatSeparator);
+    return [
+      dayjs(begin, formats),
+      dayjs(end, formats)
+    ];
+  }, [value, formats]);
+}
+
+exports.useDayjsValues = useDayjsValues;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,39 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("dayjs"),a=require("react");exports.useTemporalLimit=function({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,n]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:n,disabledTimeValue:a.useMemo((()=>{if(e.isFunction(u))return e=>u(e.toDate())}),[u]),disabledDateValue:a.useMemo((()=>{if(e.isFunction(o))return(e,{from:t})=>o(e.toDate(),t?.toDate())}),[o])}};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const dayjs = require('dayjs');
+const react = require('react');
+
+function useTemporalLimit({
+  maxDate,
+  minDate,
+  disabledDate,
+  disabledTime
+}) {
+  const [minDateValue, maxDateValue] = react.useMemo(() => [
+    minDate ? dayjs(minDate) : void 0,
+    maxDate ? dayjs(maxDate) : void 0
+  ], [minDate, maxDate]);
+  const disabledTimeValue = react.useMemo(() => {
+    if (shared.isFunction(disabledTime)) {
+      return (now) => disabledTime(now.toDate());
+    }
+  }, [disabledTime]);
+  const disabledDateValue = react.useMemo(() => {
+    if (shared.isFunction(disabledDate)) {
+      return (now, { from }) => disabledDate(now.toDate(), from?.toDate());
+    }
+  }, [disabledDate]);
+  return {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  };
+}
+
+exports.useTemporalLimit = useTemporalLimit;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalRangePickerInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>{t.current?.blur()},focus:()=>{t.current?.focus({preventScroll:!0})}}))),t};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useTemporalRangePickerInstance(ref) {
+  const temporalPickerRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => {
+      temporalPickerRef.current?.blur();
+    },
+    focus: () => {
+      temporalPickerRef.current?.focus({
+        preventScroll: true
+      });
+    }
+  }));
+  return temporalPickerRef;
+}
+
+exports.useTemporalRangePickerInstance = useTemporalRangePickerInstance;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,133 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.cjs");const r=require("./helper.cjs"),s=require("./hooks/use-dayjs-values.cjs"),o=require("./hooks/use-temporal-limit.cjs"),l=require("./hooks/use-temporal-range-picker-instance.cjs"),u=require("./props.cjs"),n=require("../internal/utils.cjs");const m=t.memo(t.forwardRef((function({defaultValue:m,value:d,clearable:c,mode:p="date",size:D,useStringFormat:f=!1,maxDate:S,minDate:j,disabledTime:g,disabledDate:k,hourStep:T,minuteStep:h,secondStep:b,onChange:v,...x},q){const V=r.getTemporalFormats(p),z=s.useDayjsValues(d,V),P=s.useDayjsValues(d,V),{minDateValue:C,maxDateValue:w,disabledTimeValue:R,disabledDateValue:y}=o.useTemporalLimit({maxDate:S,minDate:j,disabledTime:g,disabledDate:k}),F=l.useTemporalRangePickerInstance(q),B=t.useMemo((()=>{if(a.isFunction(v))return(e,a)=>{if(!e)return void v(null,null);const i=[e[0].toDate(),e[1].toDate()];v(f?a.join(u.stringFormatSeparator):a,i)}}),[v,f]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker.RangePicker,{ref:F,allowClear:c,defaultValue:P,disabledTime:R,format:V,hourStep:T,minuteStep:h,secondStep:b,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x}):"datetime"===p?e.jsx(i.DatePicker.RangePicker,{ref:F,showTime:!0,allowClear:c,defaultValue:P,disabledDate:y,disabledTime:R,format:V,hourStep:T,maxDate:w,minDate:C,minuteStep:h,picker:"date",secondStep:b,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x}):e.jsx(i.DatePicker.RangePicker,{ref:F,allowClear:c,defaultValue:P,disabledDate:y,format:V,maxDate:w,minDate:C,picker:p,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x})})));m.displayName="VefTemporalRangePicker",exports.default=m;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const helper = require('./helper.cjs');
+const useDayjsValues = require('./hooks/use-dayjs-values.cjs');
+const useTemporalLimit = require('./hooks/use-temporal-limit.cjs');
+const useTemporalRangePickerInstance = require('./hooks/use-temporal-range-picker-instance.cjs');
+const props = require('./props.cjs');
+const utils = require('../internal/utils.cjs');
+
+function VefTemporalRangePickerBase({
+  defaultValue,
+  value,
+  clearable,
+  mode = "date",
+  size,
+  useStringFormat = false,
+  maxDate,
+  minDate,
+  disabledTime,
+  disabledDate,
+  hourStep,
+  minuteStep,
+  secondStep,
+  onChange,
+  ...restProps
+}, ref) {
+  const formats = helper.getTemporalFormats(mode);
+  const valueToUse = useDayjsValues.useDayjsValues(value, formats);
+  const defaultValueToUse = useDayjsValues.useDayjsValues(value, formats);
+  const {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  } = useTemporalLimit.useTemporalLimit({
+    maxDate,
+    minDate,
+    disabledTime,
+    disabledDate
+  });
+  const temporalRangePickerRef = useTemporalRangePickerInstance.useTemporalRangePickerInstance(ref);
+  const handleChange = react.useMemo(() => {
+    if (shared.isFunction(onChange)) {
+      return (value2, valueFormats) => {
+        if (!value2) {
+          onChange(null, null);
+          return;
+        }
+        const dates = [value2[0].toDate(), value2[1].toDate()];
+        if (useStringFormat) {
+          onChange(valueFormats.join(props.stringFormatSeparator), dates);
+        } else {
+          onChange(valueFormats, dates);
+        }
+      };
+    }
+  }, [onChange, useStringFormat]);
+  if (mode === "time" || mode === "hour" || mode === "minute") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.TimePicker.RangePicker,
+      {
+        ref: temporalRangePickerRef,
+        allowClear: clearable,
+        defaultValue: defaultValueToUse,
+        disabledTime: disabledTimeValue,
+        format: formats,
+        hourStep,
+        minuteStep,
+        secondStep,
+        size: utils.convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  if (mode === "datetime") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.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: utils.convertBasicSizeToUiSize(size),
+        value: valueToUse,
+        onChange: handleChange,
+        ...restProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.DatePicker.RangePicker,
+    {
+      ref: temporalRangePickerRef,
+      allowClear: clearable,
+      defaultValue: defaultValueToUse,
+      disabledDate: disabledDateValue,
+      format: formats,
+      maxDate: maxDateValue,
+      minDate: minDateValue,
+      picker: mode,
+      size: utils.convertBasicSizeToUiSize(size),
+      value: valueToUse,
+      onChange: handleChange,
+      ...restProps
+    }
+  );
+}
+const VefTemporalRangePicker = react.memo(
+  react.forwardRef(VefTemporalRangePickerBase)
+);
+VefTemporalRangePicker.displayName = "VefTemporalRangePicker";
+
+exports.default = VefTemporalRangePicker;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,9 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.stringFormatSeparator="_";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const stringFormatSeparator = "_";
+
+exports.stringFormatSeparator = stringFormatSeparator;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-text/index.cjs

@@ -1,3 +1,85 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),r=require("antd"),t=require("react"),{Text:s}=r.Typography;exports.default=function({variant:r,color:i,bold:l,ellipsis:n,ellipsisTip:u,ellipsisTipPlacement:c,copyable:a,copiedText:p,onCopy:d,...y}){const m=t.useMemo((()=>{if(n)return{tooltip:u??y.children,placement:c}}),[n,u,c,y.children]),f=o.useColorTokens(),x=t.useMemo((()=>{const e={};return"shortcut"===r?e.keyboard=!0:"strikethrough"===r?e.delete=!0:r&&(e[r]=!0),"secondary"===i?e.type="secondary":i&&(e.css={color:f.get(i)}),l&&(e.strong=!0),e}),[l,i,f,r]),h=t.useMemo((()=>{if(a)return{format:"text/plain",text:p,onCopy:d}}),[a,p,d]);return e.jsx(s,{copyable:h,ellipsis:m,...x,...y})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const antd = require('antd');
+const react = require('react');
+
+const { Text } = antd.Typography;
+function VefText({
+  variant,
+  color,
+  bold,
+  ellipsis,
+  ellipsisTip,
+  ellipsisTipPlacement,
+  copyable,
+  copiedText,
+  onCopy,
+  ...restProps
+}) {
+  const ellipsisConfig = react.useMemo(() => {
+    if (ellipsis) {
+      return {
+        tooltip: ellipsisTip ?? restProps.children,
+        placement: ellipsisTipPlacement
+      };
+    }
+  }, [
+    ellipsis,
+    ellipsisTip,
+    ellipsisTipPlacement,
+    restProps.children
+  ]);
+  const colorTokens = hooks.useColorTokens();
+  const styleProps = react.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 = react.useMemo(() => {
+    if (copyable) {
+      return {
+        format: "text/plain",
+        text: copiedText,
+        onCopy
+      };
+    }
+  }, [copyable, copiedText, onCopy]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Text,
+    {
+      copyable: copyConfig,
+      ellipsis: ellipsisConfig,
+      ...styleProps,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefText;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-text/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/hooks/use-textarea-instance.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTextareaInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useTextareaInstance(ref) {
+  const textareaRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => textareaRef.current?.blur(),
+    focus: () => textareaRef.current?.focus({ preventScroll: true })
+  }));
+  return textareaRef;
+}
+
+exports.useTextareaInstance = useTextareaInstance;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/index.cjs

@@ -1,3 +1,72 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("antd"),n=require("react");require("../internal/index.cjs");const a=require("./hooks/use-textarea-instance.cjs"),o=require("../internal/utils.cjs"),{TextArea:u}=t.Input;function s(e){return""===e?null:e}const i=n.forwardRef((({defaultValue:t,value:i,size:l,clearable:c,showCount:d,onChange:v,onEnterKeyPress:f,onBlur:x,onFocus:g,...q},h)=>{const j=n.useMemo((()=>({onChange:r.isFunction(v)?e=>v(s(e.target.value)):void 0,onPressEnter:r.isFunction(f)?e=>f(s(e.target.value)):void 0,onBlur:r.isFunction(x)?e=>x(s(e.target.value)):void 0,onFocus:r.isFunction(g)?e=>g(s(e.target.value)):void 0})),[v,f,x,g]),m=a.useTextareaInstance(h);return e.jsx(u,{ref:m,allowClear:c,defaultValue:t,showCount:d,size:o.convertBasicSizeToUiSize(l),value:i,...q,...j})}));i.displayName="VefTextarea",exports.default=i;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const useTextareaInstance = require('./hooks/use-textarea-instance.cjs');
+const utils = require('../internal/utils.cjs');
+
+const { TextArea } = antd.Input;
+function normalizeValue(value) {
+  if (value === "") {
+    return null;
+  }
+  return value;
+}
+const VefTextarea = react.forwardRef(
+  ({
+    defaultValue,
+    value,
+    size,
+    clearable,
+    showCount,
+    onChange,
+    onEnterKeyPress,
+    onBlur,
+    onFocus,
+    ...restProps
+  }, ref) => {
+    const eventHandlers = react.useMemo(() => ({
+      onChange: shared.isFunction(onChange) ? (event) => onChange(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onPressEnter: shared.isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onBlur: shared.isFunction(onBlur) ? (event) => onBlur(
+        normalizeValue(event.target.value)
+      ) : void 0,
+      onFocus: shared.isFunction(onFocus) ? (event) => onFocus(
+        normalizeValue(event.target.value)
+      ) : void 0
+    }), [
+      onChange,
+      onEnterKeyPress,
+      onBlur,
+      onFocus
+    ]);
+    const textareaRef = useTextareaInstance.useTextareaInstance(ref);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TextArea,
+      {
+        ref: textareaRef,
+        allowClear: clearable,
+        defaultValue,
+        showCount,
+        size: utils.convertBasicSizeToUiSize(size),
+        value,
+        ...restProps,
+        ...eventHandlers
+      }
+    );
+  }
+);
+VefTextarea.displayName = "VefTextarea";
+
+exports.default = VefTextarea;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */