@vef-framework/components 1.0.97 → 1.0.99

package/lib/vef-float-button/index.cjs

@@ -1,3 +1,54 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@emotion/react/jsx-runtime"),e=require("@vef-framework/hooks"),t=require("antd"),r=require("react");exports.default=function VefFloatButton({appearance:u,tip:n,badge:a,...i}){const s=e.useColorTokens(),l=r.useMemo((()=>{if(!a)return;const{variant:o,count:e,overflowCount:t,showZero:r,color:u}=a;return"dot"===o?{dot:!0,color:u?s.get(u):void 0}:{count:e,overflowCount:t,showZero:r,color:u?s.get(u):void 0}}),[a,s]);return o.jsx(t.FloatButton,{badge:l,tooltip:n,type:u,...i})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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');
+
+function VefFloatButton({
+  appearance,
+  tip,
+  badge,
+  ...restProps
+}) {
+  const colorTokens = hooks.useColorTokens();
+  const badgeProps = react.useMemo(() => {
+    if (!badge) {
+      return;
+    }
+    const {
+      variant,
+      count,
+      overflowCount,
+      showZero,
+      color
+    } = badge;
+    if (variant === "dot") {
+      return {
+        dot: true,
+        color: color ? colorTokens.get(color) : void 0
+      };
+    }
+    return {
+      count,
+      overflowCount,
+      showZero,
+      color: color ? colorTokens.get(color) : void 0
+    };
+  }, [badge, colorTokens]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.FloatButton,
+    {
+      badge: badgeProps,
+      tooltip: tip,
+      type: appearance,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefFloatButton;
 /*! 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-float-button/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-float-button-group/index.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),{Group:r}=t.FloatButton;exports.default=function VefFloatButtonGroup({collapsable:t=!1,trigger:o="click",...u}){return e.jsx(r,{trigger:t?o:void 0,...u})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+
+const { Group } = antd.FloatButton;
+function VefFloatButtonGroup({
+  collapsable = false,
+  trigger = "click",
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Group,
+    {
+      trigger: collapsable ? trigger : void 0,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefFloatButtonGroup;
 /*! 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-float-button-group/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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-form/components/fields/icon-select.cjs

@@ -1,3 +1,70 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, 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"),o=require("react"),t=require("../../../vef-icon-select/index.cjs"),s=require("../../hooks/use-computed-values.cjs"),l=require("../../store.cjs");exports.default=function IconSelect({label:n,value:u,disabled:a,onChange:c,componentProps:i}){if("IconSelect"!==i.type)throw new r.VefError(-9,'Oops! Something went wrong. The type of the form field is not "IconSelect", but rendered.');const{onChange:d,placeholder:f,clearable:p}=i,[h]=s.useComputedValues([{key:"placeholder",rawValue:f,defaultValue:n?r.isString(n)?`请输入${n}`:"请输入":void 0}]),[m,g,v]=l.useFormStore((e=>[e.form,e.scene,e.setValues])),b=o.useMemo((()=>{const e={onChange:e=>{if(c?.(e),r.isFunction(d)){const r=m.getFieldsValue();d(e,{scene:g,values:r,setValues:v})}}};return e}),[m,c,d,g,v]);return e.jsx(t.default,{clearable:p,disabled:a,placeholder:h,value:u,...b})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 react = require('react');
+const index = require('../../../vef-icon-select/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function IconSelect({
+  label,
+  value,
+  disabled,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "IconSelect") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "IconSelect", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    placeholder,
+    clearable
+  } = componentProps;
+  const [placeholderValue] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    }
+  ]);
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    events2.onChange = (value2) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues
+        });
+      }
+    };
+    return events2;
+  }, [
+    form,
+    onChange,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      clearable,
+      disabled,
+      placeholder: placeholderValue,
+      value,
+      ...events
+    }
+  );
+}
+
+exports.default = IconSelect;
 /*! 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-form/components/fields/index.cjs

@@ -1,3 +1,30 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-select.cjs"),t=require("./input.cjs"),r=require("./input-number.cjs"),u=require("./password.cjs"),l=require("./radio.cjs"),c=require("./select.cjs"),s=require("./textarea.cjs"),i=require("./tree-select.cjs");require("./props.cjs");const a={Input:t.default,InputNumber:r.default,SingleSelect:c.default,MultipleSelect:c.default,Radio:l.default,Password:u.default,Textarea:s.default,IconSelect:e.default,TreeSingleSelect:i.default,TreeMultipleSelect:i.default};exports.fieldMap=a;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const iconSelect = require('./icon-select.cjs');
+const input = require('./input.cjs');
+const inputNumber = require('./input-number.cjs');
+const password = require('./password.cjs');
+const radio = require('./radio.cjs');
+const select = require('./select.cjs');
+const textarea = require('./textarea.cjs');
+const treeSelect = require('./tree-select.cjs');
+require('./props.cjs');
+
+const fieldMap = {
+  Input: input.default,
+  InputNumber: inputNumber.default,
+  SingleSelect: select.default,
+  MultipleSelect: select.default,
+  Radio: radio.default,
+  Password: password.default,
+  Textarea: textarea.default,
+  IconSelect: iconSelect.default,
+  TreeSingleSelect: treeSelect.default,
+  TreeMultipleSelect: treeSelect.default
+};
+
+exports.fieldMap = fieldMap;
 /*! 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-form/components/fields/input-number.cjs

@@ -1,3 +1,128 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),u=require("react"),r=require("../../../vef-input-number/index.cjs"),n=require("../../hooks/use-computed-values.cjs"),t=require("../../store.cjs");exports.default=function InputNumber({label:o,disabled:a,value:l,onChange:i,componentProps:c}){if("InputNumber"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:m,onBlur:p,placeholder:V,prefix:x,suffix:g,max:h,min:v}=c,[F,b,w]=t.useFormStore((e=>[e.form,e.scene,e.setValues])),[y,k,j,q,S]=n.useComputedValues([{key:"placeholder",rawValue:V,defaultValue:o?s.isString(o)?`请输入${o}`:"请输入":void 0},{key:"max",rawValue:h},{key:"min",rawValue:v},{key:"prefix",rawValue:x},{key:"suffix",rawValue:g}]),C=u.useMemo((()=>{const e={};return s.isFunction(m)&&(e.onFocus=e=>{const s=F.getFieldsValue();m(e,{scene:b,values:s,setValues:w})}),s.isFunction(p)&&(e.onBlur=e=>{const s=F.getFieldsValue();p(e,{scene:b,values:s,setValues:w})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=F.getFieldsValue();d(e,{scene:b,values:s,setValues:w})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=F.getFieldsValue();f(e,{scene:b,values:s,setValues:w})}),e}),[F,p,i,f,m,d,b,w]);return e.jsx(r.default,{disabled:a,max:k,min:j,placeholder:y,prefix:q,suffix:S,value:l,...C})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 react = require('react');
+const index = require('../../../vef-input-number/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function InputNumber({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "InputNumber") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onEnterKeyPress,
+    onFocus,
+    onBlur,
+    placeholder,
+    prefix,
+    suffix,
+    max,
+    min
+  } = componentProps;
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const [placeholderValue, maxValue, minValue, prefixValue, suffixValue] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    },
+    {
+      key: "max",
+      rawValue: max
+    },
+    {
+      key: "min",
+      rawValue: min
+    },
+    {
+      key: "prefix",
+      rawValue: prefix
+    },
+    {
+      key: "suffix",
+      rawValue: suffix
+    }
+  ]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    if (shared.isFunction(onFocus)) {
+      events2.onFocus = (value2) => {
+        const values = form.getFieldsValue();
+        onFocus(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    if (shared.isFunction(onBlur)) {
+      events2.onBlur = (value2) => {
+        const values = form.getFieldsValue();
+        onBlur(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    events2.onChange = (value2) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues
+        });
+      }
+    };
+    if (shared.isFunction(onEnterKeyPress)) {
+      events2.onPressEnter = (value2) => {
+        const values = form.getFieldsValue();
+        onEnterKeyPress(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    return events2;
+  }, [
+    form,
+    onBlur,
+    onChange,
+    onEnterKeyPress,
+    onFocus,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      disabled,
+      max: maxValue,
+      min: minValue,
+      placeholder: placeholderValue,
+      prefix: prefixValue,
+      suffix: suffixValue,
+      value,
+      ...events
+    }
+  );
+}
+
+exports.default = InputNumber;
 /*! 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-form/components/fields/input.cjs

@@ -1,3 +1,137 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),u=require("react"),n=require("../../../vef-input/index.cjs"),t=require("../../hooks/use-computed-values.cjs"),r=require("../../store.cjs");exports.default=function Input({label:o,disabled:a,value:l,onChange:i,componentProps:c}){if("Input"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Input", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:p,onBlur:V,onClear:g,maxLength:h,clearable:m=!1,placeholder:x,prefix:v,suffix:F}=c,[w,b,y]=r.useFormStore((e=>[e.form,e.scene,e.setValues])),[j,k,q,C]=t.useComputedValues([{key:"placeholder",rawValue:x,defaultValue:o?s.isString(o)?`请输入${o}`:"请输入":void 0},{key:"maxLength",rawValue:h},{key:"prefix",rawValue:v},{key:"suffix",rawValue:F}]),S=u.useMemo((()=>{const e={};return s.isFunction(p)&&(e.onFocus=e=>{const s=w.getFieldsValue();p(e,{scene:b,values:s,setValues:y})}),s.isFunction(V)&&(e.onBlur=e=>{const s=w.getFieldsValue();V(e,{scene:b,values:s,setValues:y})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=w.getFieldsValue();d(e,{scene:b,values:s,setValues:y})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=w.getFieldsValue();f(e,{scene:b,values:s,setValues:y})}),m&&s.isFunction(g)&&(e.onClear=()=>{const e=w.getFieldsValue();g({scene:b,values:e,setValues:y})}),e}),[m,w,V,i,g,f,p,d,b,y]);return e.jsx(n.default,{clearable:m,disabled:a,maxLength:k,placeholder:j,prefix:q,suffix:C,value:l,...S})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 react = require('react');
+const index = require('../../../vef-input/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function Input({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "Input") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "Input", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onEnterKeyPress,
+    onFocus,
+    onBlur,
+    onClear,
+    maxLength,
+    clearable = false,
+    placeholder,
+    prefix,
+    suffix
+  } = componentProps;
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const [placeholderValue, maxLengthValue, prefixValue, suffixValue] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    },
+    {
+      key: "maxLength",
+      rawValue: maxLength
+    },
+    {
+      key: "prefix",
+      rawValue: prefix
+    },
+    {
+      key: "suffix",
+      rawValue: suffix
+    }
+  ]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    if (shared.isFunction(onFocus)) {
+      events2.onFocus = (value2) => {
+        const values = form.getFieldsValue();
+        onFocus(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    if (shared.isFunction(onBlur)) {
+      events2.onBlur = (value2) => {
+        const values = form.getFieldsValue();
+        onBlur(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    events2.onChange = (value2) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues
+        });
+      }
+    };
+    if (shared.isFunction(onEnterKeyPress)) {
+      events2.onPressEnter = (value2) => {
+        const values = form.getFieldsValue();
+        onEnterKeyPress(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    if (clearable && shared.isFunction(onClear)) {
+      events2.onClear = () => {
+        const values = form.getFieldsValue();
+        onClear({
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    return events2;
+  }, [
+    clearable,
+    form,
+    onBlur,
+    onChange,
+    onClear,
+    onEnterKeyPress,
+    onFocus,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      clearable,
+      disabled,
+      maxLength: maxLengthValue,
+      placeholder: placeholderValue,
+      prefix: prefixValue,
+      suffix: suffixValue,
+      value,
+      ...events
+    }
+  );
+}
+
+exports.default = Input;
 /*! 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-form/components/fields/password.cjs

@@ -1,3 +1,120 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),o=require("react"),r=require("../../../vef-password/index.cjs"),t=require("../../hooks/use-computed-values.cjs"),n=require("../../store.cjs");exports.default=function Password({label:u,disabled:a,value:l,onChange:i,componentProps:c}){if("Password"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Password", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:h,onBlur:p,maxLength:g,showCount:m,clearable:V=!1,placeholder:w,prefix:v}=c,[x,F,b]=n.useFormStore((e=>[e.form,e.scene,e.setValues])),[y,P,j]=t.useComputedValues([{key:"placeholder",rawValue:w,defaultValue:u?s.isString(u)?`请输入${u}`:"请输入":void 0},{key:"maxLength",rawValue:g},{key:"prefix",rawValue:v}]),q=o.useMemo((()=>{const e={};return s.isFunction(h)&&(e.onFocus=e=>{const s=x.getFieldsValue();h(e,{scene:F,values:s,setValues:b})}),s.isFunction(p)&&(e.onBlur=e=>{const s=x.getFieldsValue();p(e,{scene:F,values:s,setValues:b})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=x.getFieldsValue();d(e,{scene:F,values:s,setValues:b})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=x.getFieldsValue();f(e,{scene:F,values:s,setValues:b})}),e}),[x,p,i,f,h,d,F,b]);return e.jsx(r.default,{clearable:V,disabled:a,maxLength:P,placeholder:y,prefix:j,showCount:m,value:l,...q})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 react = require('react');
+const index = require('../../../vef-password/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function Password({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "Password") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "Password", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onEnterKeyPress,
+    onFocus,
+    onBlur,
+    maxLength,
+    showCount,
+    clearable = false,
+    placeholder,
+    prefix
+  } = componentProps;
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const [placeholderValue, maxLengthValue, prefixValue] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    },
+    {
+      key: "maxLength",
+      rawValue: maxLength
+    },
+    {
+      key: "prefix",
+      rawValue: prefix
+    }
+  ]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    if (shared.isFunction(onFocus)) {
+      events2.onFocus = (value2) => {
+        const values = form.getFieldsValue();
+        onFocus(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    if (shared.isFunction(onBlur)) {
+      events2.onBlur = (value2) => {
+        const values = form.getFieldsValue();
+        onBlur(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    events2.onChange = (value2) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues
+        });
+      }
+    };
+    if (shared.isFunction(onEnterKeyPress)) {
+      events2.onPressEnter = (value2) => {
+        const values = form.getFieldsValue();
+        onEnterKeyPress(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    return events2;
+  }, [
+    form,
+    onBlur,
+    onChange,
+    onEnterKeyPress,
+    onFocus,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      clearable,
+      disabled,
+      maxLength: maxLengthValue,
+      placeholder: placeholderValue,
+      prefix: prefixValue,
+      showCount,
+      value,
+      ...events
+    }
+  );
+}
+
+exports.default = Password;
 /*! 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-form/components/fields/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 */