UNPKG

ai-form-designer

Version:

vue3+adv的设计器,可视化开发页面表单

10 lines (9 loc) 13.3 kB
"use strict";const I=require("./_commonjsHelpers-DwTZ_eVU.cjs"),c=require("./index-l4ZjSaVt.cjs"),He=require("./_vue_commonjs-external-CccDNqHl.cjs"),me=require("./index-BHY6EyIp.cjs"),k=require("./index-BeuZ-dQ1.cjs"),A=require("./index-BSYMdGAi.cjs");function qe(t,i){for(var d=0;d<i.length;d++){const s=i[d];if(typeof s!="string"&&!Array.isArray(s)){for(const a in s)if(a!=="default"&&!(a in t)){const l=Object.getOwnPropertyDescriptor(s,a);l&&Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var be={},ve={},he={},Z={};Object.defineProperty(Z,"__esModule",{value:!0});const ze=c.common,We=k.styles,Ke=A.styles,Je={name:"InputNumber",common:ze.commonDark,peers:{Button:We.buttonDark,Input:Ke.inputDark},self(t){const{textColorDisabled:i}=t;return{iconColorDisabled:i}}};Z.default=Je;var ee={};Object.defineProperty(ee,"__esModule",{value:!0});const Qe=c._mixins,Xe=c.common,Ye=k.styles,Ze=A.styles;function et(t){const{textColorDisabled:i}=t;return{iconColorDisabled:i}}const tt=(0,Qe.createTheme)({name:"InputNumber",common:Xe.commonLight,peers:{Button:Ye.buttonLight,Input:Ze.inputLight},self:et});ee.default=tt;var U={},te={};Object.defineProperty(te,"__esModule",{value:!0});const pe=c.cssr;te.default=(0,pe.cB)("input-number",[(0,pe.cM)("rtl",` direction: rtl; `)]);var nt=I.commonjsGlobal&&I.commonjsGlobal.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(U,"__esModule",{value:!0});U.inputNumberRtl=void 0;const rt=k.rtl,ut=A.rtl,lt=nt(te);U.inputNumberRtl={name:"InputNumber",style:lt.default,peers:[ut.inputRtl,rt.buttonRtl]};(function(t){var i=I.commonjsGlobal&&I.commonjsGlobal.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.inputNumberRtl=t.inputNumberLight=t.inputNumberDark=void 0;var d=Z;Object.defineProperty(t,"inputNumberDark",{enumerable:!0,get:function(){return i(d).default}});var s=ee;Object.defineProperty(t,"inputNumberLight",{enumerable:!0,get:function(){return i(s).default}});var a=U;Object.defineProperty(t,"inputNumberRtl",{enumerable:!0,get:function(){return a.inputNumberRtl}})})(he);var ne={};Object.defineProperty(ne,"__esModule",{value:!0});const Y=c.cssr;ne.default=(0,Y.c)([(0,Y.cB)("input-number-suffix",` display: inline-block; margin-right: 10px; `),(0,Y.cB)("input-number-prefix",` display: inline-block; margin-left: 10px; `)]);var V={};Object.defineProperty(V,"__esModule",{value:!0});V.parse=it;V.isWipValue=ot;V.validator=at;V.format=st;V.parseNumber=dt;function it(t){return t==null||typeof t=="string"&&t.trim()===""?null:Number(t)}function ot(t){return t.includes(".")&&(/^(-)?\d+.*(\.|0)$/.test(t)||/^-?\d*$/.test(t))||t==="-"||t==="-0"}function at(t){return t==null?!0:!Number.isNaN(t)}function st(t,i){return typeof t!="number"?"":i===void 0?String(t):t.toFixed(i)}function dt(t){if(t===null)return null;if(typeof t=="number")return t;{const i=Number(t);return Number.isNaN(i)?null:i}}(function(t){var i=I.commonjsGlobal&&I.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.inputNumberProps=void 0;const d=c.require$$0$1,s=c.require$$0,a=c.require$$1,l=He.require$$2,re=me._internal,ue=me.icons,w=c._mixins,ge=c.useRtl,f=c._utils,le=k.button,_e=A.input,ye=he,Ne=i(ne),m=V,ie=800,oe=100;t.inputNumberProps=Object.assign(Object.assign({},w.useTheme.props),{autofocus:Boolean,loading:{type:Boolean,default:void 0},placeholder:String,defaultValue:{type:Number,default:null},value:Number,step:{type:[Number,String],default:1},min:[Number,String],max:[Number,String],size:String,disabled:{type:Boolean,default:void 0},validator:Function,bordered:{type:Boolean,default:void 0},showButton:{type:Boolean,default:!0},buttonPlacement:{type:String,default:"right"},inputProps:Object,readonly:Boolean,clearable:Boolean,keyboard:{type:Object,default:{}},updateValueOnInput:{type:Boolean,default:!0},round:{type:Boolean,default:void 0},parse:Function,format:Function,precision:Number,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onFocus:[Function,Array],onBlur:[Function,Array],onClear:[Function,Array],onChange:[Function,Array]}),t.default=(0,l.defineComponent)({name:"InputNumber",props:t.inputNumberProps,slots:Object,setup(n){process.env.NODE_ENV!=="production"&&(0,l.watchEffect)(()=>{n.onChange!==void 0&&(0,f.warnOnce)("input-number","`on-change` is deprecated, please use `on-update:value` instead")});const{mergedBorderedRef:p,mergedClsPrefixRef:P,mergedRtlRef:E}=(0,w.useConfig)(n),b=(0,w.useTheme)("InputNumber","-input-number",Ne.default,ye.inputNumberLight,n,P),{localeRef:x}=(0,w.useLocale)("InputNumber"),T=(0,w.useFormItem)(n),{mergedSizeRef:Ie,mergedDisabledRef:xe,mergedStatusRef:Me}=T,g=(0,l.ref)(null),ae=(0,l.ref)(null),se=(0,l.ref)(null),L=(0,l.ref)(n.defaultValue),Ve=(0,l.toRef)(n,"value"),_=(0,a.useMergedState)(Ve,L),M=(0,l.ref)(""),G=e=>{const r=String(e).split(".")[1];return r?r.length:0},Pe=e=>{const r=[n.min,n.max,n.step,e].map(u=>u===void 0?0:G(u));return Math.max(...r)},Oe=(0,a.useMemo)(()=>{const{placeholder:e}=n;return e!==void 0?e:x.value.placeholder}),$=(0,a.useMemo)(()=>{const e=(0,m.parseNumber)(n.step);return e!==null?e===0?1:Math.abs(e):1}),de=(0,a.useMemo)(()=>{const e=(0,m.parseNumber)(n.min);return e!==null?e:null}),fe=(0,a.useMemo)(()=>{const e=(0,m.parseNumber)(n.max);return e!==null?e:null}),O=()=>{const{value:e}=_;if((0,m.validator)(e)){const{format:r,precision:u}=n;r?M.value=r(e):e===null||u===void 0||G(e)>u?M.value=(0,m.format)(e,void 0):M.value=(0,m.format)(e,u)}else M.value=String(e)};O();const R=e=>{const{value:r}=_;if(e===r){O();return}const{"onUpdate:value":u,onUpdateValue:o,onChange:h}=n,{nTriggerFormInput:y,nTriggerFormChange:D}=T;h&&(0,f.call)(h,e),o&&(0,f.call)(o,e),u&&(0,f.call)(u,e),L.value=e,y(),D()},v=({offset:e,doUpdateIfValid:r,fixPrecision:u,isInputing:o})=>{const{value:h}=M;if(o&&(0,m.isWipValue)(h))return!1;const y=(n.parse||m.parse)(h);if(y===null)return r&&R(null),null;if((0,m.validator)(y)){const D=G(y),{precision:S}=n;if(S!==void 0&&S<D&&!u)return!1;let N=Number.parseFloat((y+e).toFixed(S??Pe(y)));if((0,m.validator)(N)){const{value:Q}=fe,{value:X}=de;if(Q!==null&&N>Q){if(!r||o)return!1;N=Q}if(X!==null&&N<X){if(!r||o)return!1;N=X}return n.validator&&!n.validator(N)?!1:(r&&R(N),N)}}return!1},De=(0,a.useMemo)(()=>v({offset:0,doUpdateIfValid:!1,isInputing:!1,fixPrecision:!1})===!1),H=(0,a.useMemo)(()=>{const{value:e}=_;if(n.validator&&e===null)return!1;const{value:r}=$;return v({offset:-r,doUpdateIfValid:!1,isInputing:!1,fixPrecision:!1})!==!1}),q=(0,a.useMemo)(()=>{const{value:e}=_;if(n.validator&&e===null)return!1;const{value:r}=$;return v({offset:+r,doUpdateIfValid:!1,isInputing:!1,fixPrecision:!1})!==!1});function we(e){const{onFocus:r}=n,{nTriggerFormFocus:u}=T;r&&(0,f.call)(r,e),u()}function Re(e){var r,u;if(e.target===((r=g.value)===null||r===void 0?void 0:r.wrapperElRef))return;const o=v({offset:0,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0});if(o!==!1){const D=(u=g.value)===null||u===void 0?void 0:u.inputElRef;D&&(D.value=String(o||"")),_.value===o&&O()}else O();const{onBlur:h}=n,{nTriggerFormBlur:y}=T;h&&(0,f.call)(h,e),y(),(0,l.nextTick)(()=>{O()})}function Be(e){const{onClear:r}=n;r&&(0,f.call)(r,e)}function z(){const{value:e}=q;if(!e){J();return}const{value:r}=_;if(r===null)n.validator||R(ce());else{const{value:u}=$;v({offset:u,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})}}function W(){const{value:e}=H;if(!e){K();return}const{value:r}=_;if(r===null)n.validator||R(ce());else{const{value:u}=$;v({offset:-u,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})}}const je=we,Se=Re;function ce(){if(n.validator)return null;const{value:e}=de,{value:r}=fe;return e!==null?Math.max(0,e):r!==null?Math.min(0,r):0}function Te(e){Be(e),R(null)}function $e(e){var r,u,o;!((r=se.value)===null||r===void 0)&&r.$el.contains(e.target)&&e.preventDefault(),!((u=ae.value)===null||u===void 0)&&u.$el.contains(e.target)&&e.preventDefault(),(o=g.value)===null||o===void 0||o.activate()}let B=null,j=null,C=null;function K(){C&&(window.clearTimeout(C),C=null),B&&(window.clearInterval(B),B=null)}let F=null;function J(){F&&(window.clearTimeout(F),F=null),j&&(window.clearInterval(j),j=null)}function Ce(){K(),C=window.setTimeout(()=>{B=window.setInterval(()=>{W()},oe)},ie),(0,d.on)("mouseup",document,K,{once:!0})}function Fe(){J(),F=window.setTimeout(()=>{j=window.setInterval(()=>{z()},oe)},ie),(0,d.on)("mouseup",document,J,{once:!0})}const ke=()=>{j||z()},Ae=()=>{B||W()};function Ue(e){var r,u;if(e.key==="Enter"){if(e.target===((r=g.value)===null||r===void 0?void 0:r.wrapperElRef))return;v({offset:0,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})!==!1&&((u=g.value)===null||u===void 0||u.deactivate())}else if(e.key==="ArrowUp"){if(!q.value||n.keyboard.ArrowUp===!1)return;e.preventDefault(),v({offset:0,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})!==!1&&z()}else if(e.key==="ArrowDown"){if(!H.value||n.keyboard.ArrowDown===!1)return;e.preventDefault(),v({offset:0,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0})!==!1&&W()}}function Ee(e){M.value=e,n.updateValueOnInput&&!n.format&&!n.parse&&n.precision===void 0&&v({offset:0,doUpdateIfValid:!0,isInputing:!0,fixPrecision:!1})}(0,l.watch)(_,()=>{O()});const Le={focus:()=>{var e;return(e=g.value)===null||e===void 0?void 0:e.focus()},blur:()=>{var e;return(e=g.value)===null||e===void 0?void 0:e.blur()},select:()=>{var e;return(e=g.value)===null||e===void 0?void 0:e.select()}},Ge=(0,ge.useRtl)("InputNumber",E,P);return Object.assign(Object.assign({},Le),{rtlEnabled:Ge,inputInstRef:g,minusButtonInstRef:ae,addButtonInstRef:se,mergedClsPrefix:P,mergedBordered:p,uncontrolledValue:L,mergedValue:_,mergedPlaceholder:Oe,displayedValueInvalid:De,mergedSize:Ie,mergedDisabled:xe,displayedValue:M,addable:q,minusable:H,mergedStatus:Me,handleFocus:je,handleBlur:Se,handleClear:Te,handleMouseDown:$e,handleAddClick:ke,handleMinusClick:Ae,handleAddMousedown:Fe,handleMinusMousedown:Ce,handleKeyDown:Ue,handleUpdateDisplayedValue:Ee,mergedTheme:b,inputThemeOverrides:{paddingSmall:"0 8px 0 10px",paddingMedium:"0 8px 0 12px",paddingLarge:"0 8px 0 14px"},buttonThemeOverrides:(0,l.computed)(()=>{const{self:{iconColorDisabled:e}}=b.value,[r,u,o,h]=(0,s.rgba)(e);return{textColorTextDisabled:`rgb(${r}, ${u}, ${o})`,opacityDisabled:`${h}`}})})},render(){const{mergedClsPrefix:n,$slots:p}=this,P=()=>(0,l.h)(le.NxButton,{text:!0,disabled:!this.minusable||this.mergedDisabled||this.readonly,focusable:!1,theme:this.mergedTheme.peers.Button,themeOverrides:this.mergedTheme.peerOverrides.Button,builtinThemeOverrides:this.buttonThemeOverrides,onClick:this.handleMinusClick,onMousedown:this.handleMinusMousedown,ref:"minusButtonInstRef"},{icon:()=>(0,f.resolveSlot)(p["minus-icon"],()=>[(0,l.h)(re.NBaseIcon,{clsPrefix:n},{default:()=>(0,l.h)(ue.RemoveIcon,null)})])}),E=()=>(0,l.h)(le.NxButton,{text:!0,disabled:!this.addable||this.mergedDisabled||this.readonly,focusable:!1,theme:this.mergedTheme.peers.Button,themeOverrides:this.mergedTheme.peerOverrides.Button,builtinThemeOverrides:this.buttonThemeOverrides,onClick:this.handleAddClick,onMousedown:this.handleAddMousedown,ref:"addButtonInstRef"},{icon:()=>(0,f.resolveSlot)(p["add-icon"],()=>[(0,l.h)(re.NBaseIcon,{clsPrefix:n},{default:()=>(0,l.h)(ue.AddIcon,null)})])});return(0,l.h)("div",{class:[`${n}-input-number`,this.rtlEnabled&&`${n}-input-number--rtl`]},(0,l.h)(_e.NInput,{ref:"inputInstRef",autofocus:this.autofocus,status:this.mergedStatus,bordered:this.mergedBordered,loading:this.loading,value:this.displayedValue,onUpdateValue:this.handleUpdateDisplayedValue,theme:this.mergedTheme.peers.Input,themeOverrides:this.mergedTheme.peerOverrides.Input,builtinThemeOverrides:this.inputThemeOverrides,size:this.mergedSize,placeholder:this.mergedPlaceholder,disabled:this.mergedDisabled,readonly:this.readonly,round:this.round,textDecoration:this.displayedValueInvalid?"line-through":void 0,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown,onClear:this.handleClear,clearable:this.clearable,inputProps:this.inputProps,internalLoadingBeforeSuffix:!0},{prefix:()=>{var b;return this.showButton&&this.buttonPlacement==="both"?[P(),(0,f.resolveWrappedSlot)(p.prefix,x=>x?(0,l.h)("span",{class:`${n}-input-number-prefix`},x):null)]:(b=p.prefix)===null||b===void 0?void 0:b.call(p)},suffix:()=>{var b;return this.showButton?[(0,f.resolveWrappedSlot)(p.suffix,x=>x?(0,l.h)("span",{class:`${n}-input-number-suffix`},x):null),this.buttonPlacement==="right"?P():null,E()]:(b=p.suffix)===null||b===void 0?void 0:b.call(p)}}))}})})(ve);(function(t){var i=I.commonjsGlobal&&I.commonjsGlobal.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.NInputNumber=t.inputNumberProps=void 0;var d=ve;Object.defineProperty(t,"inputNumberProps",{enumerable:!0,get:function(){return d.inputNumberProps}}),Object.defineProperty(t,"NInputNumber",{enumerable:!0,get:function(){return i(d).default}})})(be);const ft=qe({__proto__:null},[be]);exports.index=ft;