vft 0.0.335 → 0.0.338

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as v, ref as ee, unref as u, useSlots as te, createVNode as f, mergeProps as L, withDirectives as re, vShow as ne, isVNode as oe, createTextVNode as G, resolveComponent as q } from "vue";
+import { defineComponent as $, computed as v, ref as ee, unref as u, useSlots as te, createVNode as f, mergeProps as L, withDirectives as re, vShow as ne, createTextVNode as G, isVNode as oe, resolveComponent as q } from "vue";
 import { VftCol as J } from "../col/index.js";
 import { VftDivider as le } from "../divider/index.js";
 import { VftFormItem as se } from "../form/index.js";

package/es/components/super-form/super-form.vue.d.ts

@@ -79,6 +79,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onField-value-change"?: (() => any) | undefined;
 }>, {
     size: import("vft/es/constants").ComponentSize;
+    labelPosition: "left" | "right" | "top";
     showResetButton: boolean;
     showSubmitButton: boolean;
     showCommonButton: boolean;

package/es/components/super-form/super-form.vue2.js

@@ -103,14 +103,14 @@ const Ee = W({
     submitResetReverse: {
       type: Boolean
     },
+    labelPosition: {
+      default: "right"
+    },
     disabled: {
       type: Boolean
     },
     model: {},
     rules: {},
-    labelPosition: {
-      default: "right"
-    },
     requireAsteriskPosition: {
       default: "left"
     },

package/es/components/super-form/types.d.ts

@@ -174,6 +174,7 @@ export interface SuperFormProps extends FormInnerProps {
     inputMaxLength?: number;
     /** 重置与提交按钮互换位置 */
     submitResetReverse?: boolean;
+    labelPosition?: 'left' | 'right' | 'top';
 }
 /** 表单配置模式接口 */
 export interface FormSchema {

package/es/components/super-form/use/helper.js

@@ -1,141 +1,57 @@
-import "../../alert/index.js";
-import "../../avatar/index.js";
-import "../../avatar-stack/index.js";
-import "../../backtop/index.js";
-import "../../button/index.js";
-import "../../card/index.js";
-import "../../cascader/index.js";
-import "../../cascader-panel/index.js";
-import "../../check-tag/index.js";
-import "../../checkbox/index.js";
-import "../../clamp/index.js";
-import "../../clamp-toggle/index.js";
-import "../../clamp-tooltip/index.js";
-import "../../col/index.js";
-import "../../collapse-transition/index.js";
-import "../../color-picker/index.js";
-import "../../config-provider/index.js";
-import "../../container/index.js";
-import { isNumber as t } from "@vft/utils";
-import "vue";
-import "../../context-menu/context-menu.vue2.js";
-import "../../icon/index.js";
-import "../../date-picker/index.js";
-import "../../date-time-select/index.js";
-import "../../descriptions/index.js";
-import "../../dialog/index.js";
-import "../../divider/index.js";
-import "../../drawer/index.js";
-import "../../dropdown/index.js";
-import "../../empty/index.js";
-import "../../footer-layout/index.js";
-import "../../form/index.js";
-import "../../full-screen/index.js";
-import "../../header-layout/index.js";
-import "../../horizontal-menu/index.js";
-import "../../icon-text/index.js";
-import "../../iframe-layout/index.js";
-import "../../image/index.js";
-import "../../image-viewer/index.js";
-import "../../input/index.js";
-import "../../input-number/index.js";
-import "../../link/index.js";
-import "../../list-cell/index.js";
-import "../../logo/index.js";
-import "../../menu/index.js";
-import "../../multiple-tabs/index.js";
-import "../../notification/index.js";
-import "../../overlay/index.js";
-import "../../page-wrapper/index.js";
-import "../../pagination/index.js";
-import "../../popconfirm/index.js";
-import "../../popover/index.js";
-import "../../popper/index.js";
-import "../../qrcode/index.js";
-import "../../radio/index.js";
-import "../../result/index.js";
-import "../../router-view-content/index.js";
-import "../../row/index.js";
-import "../../scrollbar/index.js";
-import "../../search/index.js";
-import "../../select/index.js";
-import "../../side-menu/index.js";
-import "../../skeleton/index.js";
-import "../../slider/index.js";
-import "../../space/index.js";
-import "../../steps/index.js";
-import "../../switch/index.js";
-import "../../table/index.js";
-import "../../tabs/index.js";
-import "../../tag/index.js";
-import "../../time-picker/index.js";
-import "../../tooltip/index.js";
-import "../../tree/index.js";
-import "../../verify-code/index.js";
-import "../../virtual-list/components/fixed-size-list.js";
-import "../../virtual-list/components/dynamic-size-list.js";
-import "../../virtual-list/components/fixed-size-grid.js";
-import "../../virtual-list/components/dynamic-size-grid.js";
-import "../../virtual-list/props.js";
-import "../../autocomplete/index.js";
-import "../../breadcrumb/index.js";
-import "../../carousel/index.js";
-import "../../collapse/index.js";
-import "../../countdown/index.js";
-import "../../input-tag/index.js";
-import "../../modal/index.js";
-import "../../progress/index.js";
-import "../../segmented/index.js";
-import "../../statistic/index.js";
-import "../index.js";
-import "../../timeline/index.js";
-import "../../transfer/index.js";
-import "../../upload/index.js";
-import "../../watermark/index.js";
-import "../../md-code-demo/index.js";
-import "../../md-code-tabs/index.js";
-import "../../md-comment/index.js";
-import "../../md-container/index.js";
-import "../../md-tabs/index.js";
-import "../../md-vue-playground/index.js";
-import "../../infinite-scroll/index.js";
-import "@vueuse/core";
-import "../../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import "../../message/index.js";
-import "../../progress-i/index.js";
-import { FormCompEnum as r, isInput as m } from "../component-map.js";
-function Ei(i, o = "") {
-  return o = (o || "").replace(":", ""), [
-    r.INPUT,
-    r.INPUT_NUMBER,
-    r.TEXTAREA,
-    r.AUTOCOMPLETE
-  ].includes(i) ? "请输入" + o : [r.PASSWORD].includes(i) ? "请输入密码" : [
-    r.SELECT,
-    r.RADIO,
-    r.Cascader,
-    r.ColorPicker
-  ].includes(i) ? "请选择" + o : [r.SEARCH].includes(i) ? "请输入要搜索的内容" : [r.INPUT_TAG].includes(i) ? "请输入标签内容" : [r.Upload].includes(i) ? "请选择上传文件" : [r.Slider].includes(i) ? "请拖动滑块" : [
-    r.TIME_PICKER,
-    r.YEAR_PICKER,
-    r.MONTH_PICKER,
-    r.DATE_PICKER,
-    r.DATES_PICKER,
-    r.DATETIME_PICKER,
-    r.WEEK_PICKER,
-    r.DATETIMERANGE_PICKER,
-    r.DATERANGE_PICKER,
-    r.MONTHRANGE_PICKER
-  ].includes(i) ? "请选择时间" : "";
+import { isNumber as n } from "@vft/utils";
+import { isInput as u, FormCompEnum as e } from "../component-map.js";
+function s(r, E = "") {
+  if (E = (E || "").replace(":", "") || "", [
+    e.INPUT,
+    e.INPUT_NUMBER,
+    e.TEXTAREA,
+    e.AUTOCOMPLETE
+  ].includes(r))
+    return "请输入" + E;
+  if ([e.PASSWORD].includes(r))
+    return "请输入密码";
+  if ([
+    e.SELECT,
+    e.RADIO,
+    e.RADIO_SINGLE,
+    e.RADIO_BUTTON,
+    e.Cascader,
+    e.ColorPicker,
+    e.CHECKBOX,
+    e.CHECKBOX_BUTTON
+  ].includes(r))
+    return "请选择" + E;
+  if ([e.CHECKBOX_SINGLE].includes(r))
+    return "请勾选" + E;
+  if (![e.INPUT_TAG].includes(r)) {
+    if ([e.SEARCH].includes(r))
+      return "请输入要搜索的内容";
+    if ([e.INPUT_TAG].includes(r))
+      return "请输入标签内容";
+    if ([e.Upload].includes(r))
+      return "请选择上传文件";
+    if ([e.Slider].includes(r))
+      return "请拖动滑块";
+    if ([
+      e.TIME_PICKER,
+      e.YEAR_PICKER,
+      e.MONTH_PICKER,
+      e.DATE_PICKER,
+      e.DATES_PICKER,
+      e.DATETIME_PICKER,
+      e.WEEK_PICKER,
+      e.DATETIMERANGE_PICKER,
+      e.DATERANGE_PICKER,
+      e.MONTHRANGE_PICKER
+    ].includes(r))
+      return "请选择时间";
+  }
+  return "";
 }
-function ni(i, o) {
-  return i && m(i) && o && t(o) ? `${o}` : o;
+function I(r, E) {
+  return r && u(r) && E && n(E) ? `${E}` : E;
 }
 export {
-  Ei as createPlaceholderMessage,
-  ni as handleInputNumberValue
+  s as createPlaceholderMessage,
+  I as handleInputNumberValue
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.335",
+  "version": "0.0.338",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.335";
+const o = "0.0.338";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/form/form-item.vue.d.ts

@@ -13,6 +13,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
+    hideLabel: boolean;
 }>>, {
     size: import("vue").ComputedRef<import("vft/es/constants").ComponentSize>;
     validateMessage: import("vue").Ref<string, string>;
@@ -27,6 +28,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     inlineMessage: string;
     labelWidth: string;
     showMessage: boolean;
+    hideLabel: boolean;
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
@@ -34,6 +36,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/form/form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),h=require("../../utils/helper.cjs"),b=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),se=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("async-validator"),z=require("./constants.cjs"),ne=require("./form-label-wrap.cjs"),ie=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{}},emits:["update:error"],setup(B,{expose:j,emit:A}){const r=B,E=A,k=e.useSlots(),l=e.inject(z.formContextKey,void 0),D=e.inject(z.formItemContextKey,void 0),y=ie.useFormSize(void 0,{formItem:!1}),a=se.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),L=oe.refDebounced(c,100),i=e.ref(""),F=e.ref();let M,v=!1;const g=e.computed(()=>r.labelPosition||l?.labelPosition),P=e.computed(()=>{if(g.value==="top")return{};const t=h.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(g.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=h.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!k.label?{marginLeft:t}:{}}),K=e.computed(()=>[a.b(),a.m(y.value),a.is("error",c.value==="error"),a.is("validating",c.value==="validating"),a.is("success",c.value==="success"),a.is("required",Q.value||r.required),a.is("no-asterisk",l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[a.m("feedback")]:l?.statusIcon,[a.m(`label-${g.value}`)]:g.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[a.e("error"),{[a.em("error","inline")]:U.value}]),N=e.computed(()=>r.prop?b.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||k.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),V=e.computed(()=>!C.value&&S.value),O=!!D,_=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...h.castArray(r.rules).map(s=>(s.trigger=s.trigger||"blur",s)));const n=l?.rules;if(n&&r.prop){const s=m.getProp(n,r.prop).value;s&&o.push(...h.castArray(s))}if(t!==void 0){const s=o.map((u,p)=>[u,p]).filter(([u])=>Object.keys(u).includes("required"));if(s.length>0)for(const[u,p]of s)u.required!==t&&(o[p]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(n=>!n.trigger||!t?!0:b.isArray(n.trigger)?n.trigger.includes(t):n.trigger===t).map(({trigger:n,...s})=>s),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>L.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),f=t=>{c.value=t},Y=t=>{const{errors:o,fields:n}=t;(!o||!n)&&console.error(t),f("error"),i.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,i.value)},Z=()=>{f("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=N.value;return new ae({[o]:t}).validate({[o]:_.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(s=>(Y(s),Promise.reject(s)))},W=async(t,o)=>{if(v||!r.prop)return!1;const n=m.isFunction(o);if(!H.value)return o?.(!1),!1;const s=J(t);return s.length===0?(o?.(!0),!0):(f("validating"),ee(s).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:p}=u;return o?.(!1,p),n?!1:Promise.reject(p)}))},I=()=>{r.error&&E("update:error",""),f(""),i.value="",v=!1},$=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=b.clone(M),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{i.value=t||"",f(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>f(t||""));const x=e.reactive({...e.toRefs(r),$el:F,size:y,validateMessage:i,validateState:c,labelId:q,inputIds:d,isGroup:V,hasLabel:S,fieldValue:_,addInputId:te,removeInputId:re,resetField:$,clearValidate:I,validate:W,propString:N});return e.provide(z.formItemContextKey,x),e.onMounted(()=>{r.prop&&(l?.addField(x),M=b.clone(_.value))}),e.onBeforeUnmount(()=>{l?.removeField(x)}),j({size:y,validateMessage:i,validateState:c,validate:W,clearValidate:I,resetField:$}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:F,class:e.normalizeClass(K.value),role:V.value?"group":void 0,"aria-labelledby":V.value?e.unref(q):void 0},[e.createVNode(e.unref(ne.default),{"is-auto-width":P.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(a).e("label")),style:e.normalizeStyle(P.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(a).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:i.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(i.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),b=require("../../utils/helper.cjs"),g=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("async-validator"),z=require("./constants.cjs"),ie=require("./form-label-wrap.cjs"),ne=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{},hideRequiredAsterisk:{type:Boolean},hideLabel:{type:Boolean,default:!1}},emits:["update:error"],setup($,{expose:A,emit:j}){const r=$,E=j,B=e.useSlots(),l=e.inject(z.formContextKey,void 0),L=e.inject(z.formItemContextKey,void 0),y=ne.useFormSize(void 0,{formItem:!1}),s=ae.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),D=oe.refDebounced(c,100),n=e.ref(""),x=e.ref();let F,v=!1;const h=e.computed(()=>r.labelPosition||l?.labelPosition),M=e.computed(()=>{if(h.value==="top")return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(h.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!B.label?{marginLeft:t}:{}}),K=e.computed(()=>[s.b(),s.m(y.value),s.is("error",c.value==="error"),s.is("validating",c.value==="validating"),s.is("success",c.value==="success"),s.is("required",Q.value||r.required),s.is("no-asterisk",r?.hideRequiredAsterisk||l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:l?.statusIcon,[s.m(`label-${h.value}`)]:h.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[s.e("error"),{[s.em("error","inline")]:U.value}]),P=e.computed(()=>r.prop?g.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||B.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),k=e.computed(()=>!C.value&&S.value),O=!!L,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...b.castArray(r.rules).map(a=>(a.trigger=a.trigger||"blur",a)));const i=l?.rules;if(i&&r.prop){const a=m.getProp(i,r.prop).value;a&&o.push(...b.castArray(a))}if(t!==void 0){const a=o.map((u,f)=>[u,f]).filter(([u])=>Object.keys(u).includes("required"));if(a.length>0)for(const[u,f]of a)u.required!==t&&(o[f]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(i=>!i.trigger||!t?!0:g.isArray(i.trigger)?i.trigger.includes(t):i.trigger===t).map(({trigger:i,...a})=>a),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>D.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Y=t=>{const{errors:o,fields:i}=t;(!o||!i)&&console.error(t),p("error"),n.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,n.value)},Z=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=P.value;return new se({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(a=>(Y(a),Promise.reject(a)))},N=async(t,o)=>{if(v||!r.prop)return!1;const i=m.isFunction(o);if(!H.value)return o?.(!1),!1;const a=J(t);return a.length===0?(o?.(!0),!0):(p("validating"),ee(a).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:f}=u;return o?.(!1,f),i?!1:Promise.reject(f)}))},I=()=>{r.error&&E("update:error",""),p(""),n.value="",v=!1},W=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=g.clone(F),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{n.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const _=e.reactive({...e.toRefs(r),$el:x,size:y,validateMessage:n,validateState:c,labelId:q,inputIds:d,isGroup:k,hasLabel:S,fieldValue:V,addInputId:te,removeInputId:re,resetField:W,clearValidate:I,validate:N,propString:P});return e.provide(z.formItemContextKey,_),e.onMounted(()=>{r.prop&&(l?.addField(_),F=g.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(_)}),A({size:y,validateMessage:n,validateState:c,validate:N,clearValidate:I,resetField:W}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:x,class:e.normalizeClass(K.value),role:k.value?"group":void 0,"aria-labelledby":k.value?e.unref(q):void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(ie.default),{key:0,"is-auto-width":M.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(s).e("label")),style:e.normalizeStyle(M.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(s).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:n.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(n.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;

package/lib/components/form/index.d.ts

@@ -228,12 +228,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideRequiredAsterisk: {
+                type: import("vue").PropType<boolean>;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
             validateStatus: {
                 type: import("vue").PropType<"" | "error" | "validating" | "success">;
             };
+            hideLabel: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -250,6 +257,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -292,12 +300,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideRequiredAsterisk: {
+                type: import("vue").PropType<boolean>;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
             validateStatus: {
                 type: import("vue").PropType<"" | "error" | "validating" | "success">;
             };
+            hideLabel: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:error"?: ((val: string) => any) | undefined;
         }>, {
@@ -312,6 +327,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            hideLabel: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -351,12 +367,19 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -373,6 +396,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {
@@ -421,12 +445,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -443,6 +474,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -485,12 +517,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideRequiredAsterisk: {
+            type: import("vue").PropType<boolean>;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
         validateStatus: {
             type: import("vue").PropType<"" | "error" | "validating" | "success">;
         };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:error"?: ((val: string) => any) | undefined;
     }>, {
@@ -505,6 +544,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        hideLabel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -544,12 +584,19 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    hideRequiredAsterisk: {
+        type: import("vue").PropType<boolean>;
+    };
     for: {
         type: import("vue").PropType<string>;
     };
     validateStatus: {
         type: import("vue").PropType<"" | "error" | "validating" | "success">;
     };
+    hideLabel: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
@@ -566,6 +613,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {

package/lib/components/form/types.d.ts

@@ -73,4 +73,6 @@ export interface FormItemProps {
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
+    hideRequiredAsterisk?: boolean;
+    hideLabel?: boolean;
 }

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const k=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),oe=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:F}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),m=te.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),p=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const k=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),oe=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),m=oe.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),p=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

package/lib/components/search/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-popover.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-search.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-popover.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-search.css");

package/lib/components/search/style/css.d.ts

@@ -1,3 +1,4 @@
 import 'vft/es/components/input/style/css';
 import 'vft/es/components/popover/style/css';
+import 'vft/es/components/icon/style/css';
 import 'vft/theme-style/vft-search.css';

package/lib/components/search/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/popover.scss");require("vft/theme-style/src/search.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/popover.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/search.scss");

package/lib/components/search/style/index.d.ts

@@ -1,3 +1,4 @@
 import 'vft/es/components/input/style';
 import 'vft/es/components/popover/style';
+import 'vft/es/components/icon/style';
 import 'vft/theme-style/src/search.scss';