epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
10 lines (9 loc) • 13.2 kB
JavaScript
;const I=require("./_commonjsHelpers-DwTZ_eVU.cjs"),He=require("./_vue_commonjs-external-BbihI59z.cjs"),c=require("./index-4PPmJYKt.cjs"),me=require("./index-jx5A2kt8.cjs"),k=require("./index-BVUz9lFN.cjs"),A=require("./index-DWCSzZfR.cjs");function qe(t,i){for(var l=0;l<i.length;l++){const s=i[l];if(typeof s!="string"&&!Array.isArray(s)){for(const a in s)if(a!=="default"&&!(a in t)){const d=Object.getOwnPropertyDescriptor(s,a);d&&Object.defineProperty(t,a,d.get?d:{enumerable:!0,get:()=>s[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var ve={},be={},he={},Z={};Object.defineProperty(Z,"__esModule",{value:!0});const ze=A.styles,We=k.styles,Ke=c.common,Je={name:"InputNumber",common:Ke.commonDark,peers:{Button:ze.buttonDark,Input:We.inputDark},self(t){const{textColorDisabled:i}=t;return{iconColorDisabled:i}}};Z.default=Je;var ee={};Object.defineProperty(ee,"__esModule",{value:!0});const Qe=A.styles,Xe=k.styles,Ye=c.common,Ze=c._mixins;function et(t){const{textColorDisabled:i}=t;return{iconColorDisabled:i}}const tt=(0,Ze.createTheme)({name:"InputNumber",common:Ye.commonLight,peers:{Button:Qe.buttonLight,Input:Xe.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=nt(te),ut=k.rtl,lt=A.rtl;U.inputNumberRtl={name:"InputNumber",style:rt.default,peers:[ut.inputRtl,lt.buttonRtl]};(function(t){var i=I.commonjsGlobal&&I.commonjsGlobal.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(t,"__esModule",{value:!0}),t.inputNumberRtl=t.inputNumberLight=t.inputNumberDark=void 0;var l=Z;Object.defineProperty(t,"inputNumberDark",{enumerable:!0,get:function(){return i(l).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 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))}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}}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;
`)]);(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 l=He.require$$0,s=c.require$$1,a=c.require$$2,d=c.require$$3,re=me.icons,ge=k.input,ue=me._internal,le=A.button,w=c._mixins,f=c._utils,_e=he,ye=c.useRtl,m=V,Ne=i(ne),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,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),v=(0,w.useTheme)("InputNumber","-input-number",Ne.default,_e.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)},De=(0,a.useMemo)(()=>{const{placeholder:e}=n;return e!==void 0?e:x.value.placeholder}),C=(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}),D=()=>{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)};D();const R=e=>{const{value:r}=_;if(e===r){D();return}const{"onUpdate:value":u,onUpdateValue:o,onChange:h}=n,{nTriggerFormInput:y,nTriggerFormChange:O}=T;h&&(0,f.call)(h,e),o&&(0,f.call)(o,e),u&&(0,f.call)(u,e),L.value=e,y(),O()},b=({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 O=G(y),{precision:S}=n;if(S!==void 0&&S<O&&!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},Oe=(0,a.useMemo)(()=>b({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}=C;return b({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}=C;return b({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=b({offset:0,doUpdateIfValid:!0,isInputing:!1,fixPrecision:!0});if(o!==!1){const O=(u=g.value)===null||u===void 0?void 0:u.inputElRef;O&&(O.value=String(o||"")),_.value===o&&D()}else D();const{onBlur:h}=n,{nTriggerFormBlur:y}=T;h&&(0,f.call)(h,e),y(),(0,l.nextTick)(()=>{D()})}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}=C;b({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}=C;b({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 Ce(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,$=null;function K(){$&&(window.clearTimeout($),$=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 $e(){K(),$=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;b({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(),b({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(),b({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&&b({offset:0,doUpdateIfValid:!0,isInputing:!0,fixPrecision:!1})}(0,l.watch)(_,()=>{D()});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,ye.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:De,displayedValueInvalid:Oe,mergedSize:Ie,mergedDisabled:xe,displayedValue:M,addable:q,minusable:H,mergedStatus:Me,handleFocus:je,handleBlur:Se,handleClear:Te,handleMouseDown:Ce,handleAddClick:ke,handleMinusClick:Ae,handleAddMousedown:Fe,handleMinusMousedown:$e,handleKeyDown:Ue,handleUpdateDisplayedValue:Ee,mergedTheme:v,inputThemeOverrides:{paddingSmall:"0 8px 0 10px",paddingMedium:"0 8px 0 12px",paddingLarge:"0 8px 0 14px"},buttonThemeOverrides:(0,l.computed)(()=>{const{self:{iconColorDisabled:e}}=v.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)(ue.NBaseIcon,{clsPrefix:n},{default:()=>(0,l.h)(re.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)(ue.NBaseIcon,{clsPrefix:n},{default:()=>(0,l.h)(re.AddIcon,null)})])});return(0,l.h)("div",{class:[`${n}-input-number`,this.rtlEnabled&&`${n}-input-number--rtl`]},(0,l.h)(ge.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 v;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)]:(v=p.prefix)===null||v===void 0?void 0:v.call(p)},suffix:()=>{var v;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()]:(v=p.suffix)===null||v===void 0?void 0:v.call(p)}}))}})})(be);(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.inputNumberProps=t.NInputNumber=void 0;var l=be;Object.defineProperty(t,"NInputNumber",{enumerable:!0,get:function(){return i(l).default}}),Object.defineProperty(t,"inputNumberProps",{enumerable:!0,get:function(){return l.inputNumberProps}})})(ve);const ft=qe({__proto__:null},[ve]);exports.index=ft;