@vef-framework/components 1.0.100 → 1.0.101

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

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("dayjs"),s=require("react");exports.useDayjsValue=function useDayjsValue(u,a){return s.useMemo((()=>e.isNullish(u)?u:e.isArray(u)?u.map((e=>r(e,a))):r(u,a)),[u,a])};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 useDayjsValue(value, formats) {
+  return react.useMemo(() => {
+    if (shared.isNullish(value)) {
+      return value;
+    }
+    if (shared.isArray(value)) {
+      return value.map((it) => dayjs(it, formats));
+    }
+    return dayjs(value, formats);
+  }, [value, formats]);
+}
+
+exports.useDayjsValue = useDayjsValue;
 /*! 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/hooks/use-temporal-limit.cjs

@@ -1,3 +1,39 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 useTemporalLimit({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,m]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:m,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.101, build time: 2025-03-07T14:07:14.971Z, 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-picker/hooks/use-temporal-picker-instance.cjs

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalPickerInstance=function useTemporalPickerInstance(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.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useTemporalPickerInstance(ref) {
+  const temporalPickerRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => {
+      temporalPickerRef.current?.blur();
+    },
+    focus: () => {
+      temporalPickerRef.current?.focus({
+        preventScroll: true
+      });
+    }
+  }));
+  return temporalPickerRef;
+}
+
+exports.useTemporalPickerInstance = useTemporalPickerInstance;
 /*! 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/index.cjs

@@ -1,3 +1,130 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 VefTemporalPickerBase({defaultValue:n,value:m,clearable:d,size:c,mode:p="date",multiple:f=!1,minDate:D,maxDate:S,disabledTime:h,disabledDate:T,hourStep:j,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:P,disabledDateValue:y}=u.useTemporalLimit({maxDate:S,minDate:D,disabledTime:h,disabledDate:T}),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:P,format:q,hourStep:j,minuteStep:b,multiple:f,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:y,disabledTime:P,format:q,hourStep:j,maxDate:C,minDate:w,minuteStep:b,multiple:f,picker:"date",size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:y,format:q,maxDate:C,minDate:w,multiple:f,picker:p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x})})));n.displayName="VefTemporalPicker",exports.default=n;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, 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 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:[]};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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 [];
+  }
+}
+
+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.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vef-framework/shared"),e=require("dayjs"),s=require("react"),t=require("../props.cjs");exports.useDayjsValues=function useDayjsValues(u,a){return s.useMemo((()=>{if(r.isNullish(u))return u;if(r.isArray(u))return u.map((r=>e(r,a)));const[s,i]=u.split(t.stringFormatSeparator);return[e(s,a),e(i,a)]}),[u,a])};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, 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 useTemporalLimit({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,m]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:m,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.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalRangePickerInstance=function useTemporalRangePickerInstance(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.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, 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"),r=require("react");require("../internal/index.cjs");const t=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=r.memo(r.forwardRef((function VefTemporalRangePickerBase({defaultValue:m,value:c,clearable:d,mode:p="date",size:f,useStringFormat:D=!1,maxDate:S,minDate:g,disabledTime:j,disabledDate:k,hourStep:T,minuteStep:h,secondStep:b,onChange:v,...x},V){const q=t.getTemporalFormats(p),z=s.useDayjsValues(c,q),P=s.useDayjsValues(c,q),{minDateValue:C,maxDateValue:R,disabledTimeValue:w,disabledDateValue:y}=o.useTemporalLimit({maxDate:S,minDate:g,disabledTime:j,disabledDate:k}),B=l.useTemporalRangePickerInstance(V),F=r.useMemo((()=>{if(a.isFunction(v))return(e,a)=>{if(!e)return void v(null,null);const i=[e[0].toDate(),e[1].toDate()];v(D?a.join(u.stringFormatSeparator):a,i)}}),[v,D]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker.RangePicker,{ref:B,allowClear:d,defaultValue:P,disabledTime:w,format:q,hourStep:T,minuteStep:h,secondStep:b,size:n.convertBasicSizeToUiSize(f),value:z,onChange:F,...x}):"datetime"===p?e.jsx(i.DatePicker.RangePicker,{ref:B,showTime:!0,allowClear:d,defaultValue:P,disabledDate:y,disabledTime:w,format:q,hourStep:T,maxDate:R,minDate:C,minuteStep:h,picker:"date",secondStep:b,size:n.convertBasicSizeToUiSize(f),value:z,onChange:F,...x}):e.jsx(i.DatePicker.RangePicker,{ref:B,allowClear:d,defaultValue:P,disabledDate:y,format:q,maxDate:R,minDate:C,picker:p,size:n.convertBasicSizeToUiSize(f),value:z,onChange:F,...x})})));m.displayName="VefTemporalRangePicker",exports.default=m;
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.stringFormatSeparator="_";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, 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"),t=require("antd"),r=require("react"),{Text:s}=t.Typography;exports.default=function VefText({variant:t,color:i,bold:l,ellipsis:n,ellipsisTip:u,ellipsisTipPlacement:c,copyable:a,copiedText:p,onCopy:d,...y}){const m=r.useMemo((()=>{if(n)return{tooltip:u??y.children,placement:c}}),[n,u,c,y.children]),f=o.useColorTokens(),x=r.useMemo((()=>{const e={};return"shortcut"===t?e.keyboard=!0:"strikethrough"===t?e.delete=!0:t&&(e[t]=!0),"secondary"===i?e.type="secondary":i&&(e.css={color:f.get(i)}),l&&(e.strong=!0),e}),[l,i,f,t]),T=r.useMemo((()=>{if(a)return{format:"text/plain",text:p,onCopy:d}}),[a,p,d]);return e.jsx(s,{copyable:T,ellipsis:m,...x,...y})};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */