UNPKG

epic-designer-gold

Version:

基于vue3的设计器,可视化开发页面表单

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