@farris/ui-vue 1.7.3 → 1.7.5

package/components/number-range/index.umd.cjs

@@ -1 +1 @@
-(function(S,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("bignumber.js"),require("../number-spinner/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","bignumber.js","../number-spinner/index.umd.js","../common/index.umd.js"],t):(S=typeof globalThis<"u"?globalThis:S||self,t(S["number-range"]={},S.Vue,S.BigNumber,S.numberSpinner,S.common))})(this,function(S,t,x,q,A){"use strict";const R={id:String,autoDecimal:{type:Boolean,default:!0},beginPlaceholder:{type:String,default:"开始数字"},beginValue:{type:[Number,String],default:""},bigNumber:{type:Boolean,default:!1},nullable:{type:Boolean,default:!1},decimalSeparator:{type:String,default:"."},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},endPlaceholder:{type:String,default:"结束数字"},endValue:{type:[Number,String],default:""},formatter:{type:Function},groupSeparator:{type:String,default:","},groupSize:{type:Number,default:3},max:{type:[Number,String]},min:{type:[Number,String]},parser:{type:Function},placeholder:{type:String,default:"请输入数字"},precision:{type:Number,default:0},prefix:{type:String,default:""},readonly:{type:Boolean,default:!1},separator:{type:String,default:"~"},showButton:{type:Boolean,default:!0},showZero:{type:Boolean,default:!0},step:{type:Number,default:1},suffix:{type:String,default:""},textAlign:{type:String,default:"left"},useThousands:{type:Boolean,default:!0}};function M(e,c){const o=t.computed(()=>Number(e.precision)||0);function a(u){return u.toFixed(o.value)}function i(u){return isNaN(u)||u===null||u===void 0||u===""}function m(u){const n=i(e.max)?null:new x(String(e.max),10),r=i(e.min)?null:new x(String(e.min),10);return n&&u.gt(n)?n:r&&u.lt(r)?r:u}function s(u,n,r,d){const g=new x(u,10),l=i(r&&r.value)?null:new x(String(r.value),10),y=i(n&&n.value)?null:new x(String(n.value),10);let v;return d?v=l&&g.gt(l)?l:g:v=y&&g.lt(y)?y:g,v.toString()}function b(u,n=!0){if(e.parser)return isNaN(Number(u))?e.parser(u):u;let r=new x(u,10);if(n&&(r=m(r)),r.isNaN()){if(e.nullable)return null;const g=new x(""+e.min,10),l=new x(""+e.max,10);if(!g.isNaN())r=g;else if(!l.isNaN())r=l;else return 0}return a(r)}return{getRealValue:b,isEmpty:i,precision:o,getValidNumberObject:m,getValidNumberInRange:s}}function Z(e,c,o){const a=t.computed(()=>({prefix:e.prefix,suffix:e.suffix,decimalSeparator:e.decimalSeparator,groupSeparator:e.useThousands?e.groupSeparator:"",groupSize:e.groupSize})),{getValidNumberObject:i,precision:m}=o;function s(n){return n=n==null||n===""?"":String(n),n=n.replace(new RegExp(e.prefix,"g"),"").replace(new RegExp(e.suffix,"g"),"").replace(/,/g,""),e.groupSeparator&&e.groupSeparator!==","&&(n=n.replace(new RegExp(`\\${e.groupSeparator}`,"g"),"")),e.decimalSeparator&&e.decimalSeparator!=="."&&(n=n.replace(new RegExp(`\\${e.decimalSeparator}`,"g"),".")),n}function b(n,r){return e.precision!==null&&e.precision!==void 0?n.toFormat(m.value,r):n.toFormat(r)}function u(n,r=!0){const d=s(n),g=new x(d,10);let l=g;return r&&(l=i(g)),l.valueOf()==="0"&&!e.showZero||l.isNaN()?"":e.formatter?e.formatter(l.toNumber()):b(l,a.value)}return{cleanFormat:s,format:u}}function D(e,c,o,a,i,m,s,b,u,n){const{format:r}=i,{getRealValue:d,getValidNumberInRange:g}=m;function l(){const f=new x(a.value||0);return!((e.max||e.max===0)&&!new x(e.max).isNaN()&&f.gte(new x(e.max))&&(a.value||a.value===0))}function y(){const f=new x(a.value||0);return!((e.min||e.min===0)&&!new x(e.min).isNaN()&&f.lte(new x(e.min))&&(a.value||a.value===0))}function v(f){if(e.readonly||e.disabled)return;const O=f==="up"?l:y,N=f==="up"?"plus":"minus";if(O()){let p=new x(a.value||0)[N](Number(e.step)).toFixed();p=g(p,b,u,n);const B=d(p);o.value=r(p),a.value!==B&&(a.value=B,s(a.value))}}function j(){v("up")}function C(){v("down")}function T(f){j(),f.stopPropagation()}function h(f){C(),f.stopPropagation()}return{canDownward:y,canUpward:l,downward:C,onClickDownButton:h,onClickUpButton:T,upward:j}}function P(e,c,o,a,i,m,s,b,u,n,r){const{cleanFormat:d,format:g}=i,{getRealValue:l,isEmpty:y,getValidNumberInRange:v}=m,{downward:j,upward:C}=s,T=t.computed(()=>o.value),h=t.ref(!1);function f(w){var U;if(w.stopPropagation(),e.readonly||e.disabled)return;h.value=!1;let p=(U=w.target)==null?void 0:U.value;e.nullable||(p=p||0);let B=d(p);B=v(B,u,n,r);const F=l(B);o.value=g(B),a.value!==F&&(a.value=F,b(a.value)),c.emit("blur",{event:w,formatted:o.value,value:a.value})}function O(w){w.stopPropagation(),!(e.readonly||e.disabled)&&(h.value=!0,o.value=y(a.value)||!e.showZero&&a.value==="0"?"":String(a.value),c.emit("focus",{event:w,formatted:o.value,value:a.value}))}function N(w){var F;w.stopPropagation();let p=(F=w.target)==null?void 0:F.value;e.nullable||(p=p||0);const B=d(p);o.value=B,a.value=l(B),b(a.value)}function V(w){w.key==="ArrowDown"&&(w.preventDefault(),j()),w.key==="ArrowUp"&&(w.preventDefault(),C()),w.stopPropagation()}return{textBoxValue:T,onBlurTextBox:f,onFocusTextBox:O,onInput:N,onKeyDown:V,isTextBoxFocused:h}}function k(e,c,o,a,i){const{onBlurTextBox:m,onFocusTextBox:s,onInput:b,onKeyDown:u,textBoxValue:n}=o,r=t.computed(()=>e.disabled||e.readonly||!e.editable?"":a?i.range.begin:i.range.end),d=t.computed(()=>({"form-control":!0,"sub-input":!0})),g=t.computed(()=>({"text-align":e.textAlign}));function l(y){y.stopPropagation()}return()=>t.createVNode("input",{class:d.value,style:g.value,type:"text",value:n.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:r.value,onBlur:m,onChange:l,onFocus:s,onInput:b,onKeydown:u},null)}function E(e,c,o){const{canDownward:a,canUpward:i,onClickDownButton:m,onClickUpButton:s}=o,b=t.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0,"sub-btn-group":!0})),u=t.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),n=t.computed(()=>({cursor:i()?"pointer":"not-allowed","margin-left":0})),r=t.computed(()=>({cursor:a()?"pointer":"not-allowed","margin-left":0}));return()=>t.createVNode("div",{class:b.value},[t.createVNode("button",{class:u.value,style:n.value,onClick:s,disabled:!i()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),t.createVNode("button",{class:u.value,style:r.value,onClick:m,disabled:!a()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}const I=t.defineComponent({name:"FNumberRange",props:R,emits:["valueChange","blur","focus","click","input","beginValueChange","endValueChange"],setup(e,c){const o=t.ref(e.beginValue),a=t.ref(""),i=t.ref(e.endValue),m=t.ref(""),s=M(e),b=Z(e,c,s),u=q.useNumberLocales(e),n=N=>{c.emit("beginValueChange",N)},r=D(e,c,a,o,b,s,n,o,i,!0),d=P(e,c,a,o,b,s,r,n,o,i,!0),g=E(e,c,r),l=k(e,c,d,!0,u),y=N=>{c.emit("endValueChange",N)},v=D(e,c,m,i,b,s,y,o,i,!1),j=P(e,c,m,i,b,s,v,y,o,i,!1),C=E(e,c,v),T=k(e,c,j,!1,u),{getRealValue:h}=s,{format:f}=b,O=t.computed(()=>!e.disabled&&!e.readonly&&e.showButton);return t.onMounted(()=>{const N=h(e.beginValue,!1),V=h(e.endValue,!1);a.value=f(N,!1),m.value=f(V,!1)}),t.watch(()=>[e.beginValue],([N])=>{if(!d.isTextBoxFocused.value){const V=h(N,!1);o.value=V,a.value=f(V,!1)}}),t.watch(()=>[e.endValue],([N])=>{if(!j.isTextBoxFocused.value){const V=h(N,!1);i.value=V,m.value=f(V,!1)}}),t.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{a.value=f(o.value),m.value=f(i.value)}),()=>t.createVNode("div",{class:"input-group  number-range f-cmp-number-spinner"},[t.createVNode("div",{class:"form-control input-container"},[t.createVNode("div",{class:"sub-input-group"},[l(),O.value&&g()]),t.createVNode("span",{class:"spliter"},[t.createTextVNode("~")]),t.createVNode("div",{class:"sub-input-group"},[T(),O.value&&C()])])])}}),z=A.withInstall(I);S.FNumberRange=I,S.default=z,S.numberRangeProps=R,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(F,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("bignumber.js"),require("../number-spinner/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","bignumber.js","../number-spinner/index.umd.js","../designer-canvas/index.umd.js","lodash-es","../common/index.umd.js"],m):(F=typeof globalThis<"u"?globalThis:F||self,m(F["number-range"]={},F.Vue,F.dynamicResolver,F.BigNumber,F.numberSpinner,F.designerCanvas,F.LodashES,F.common))})(this,function(F,m,N,M,H,c,J,R){"use strict";var ue=Object.defineProperty;var ce=(F,m,N)=>m in F?ue(F,m,{enumerable:!0,configurable:!0,writable:!0,value:N}):F[m]=N;var b=(F,m,N)=>ce(F,typeof m!="symbol"?m+"":m,N);function Q(l,n,e){return n}const Y=new Map([["appearance",N.resolveAppearance]]),ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/number-range.schema.json",title:"number-range",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a number-range",type:"string"},type:{description:"The type string of number-range component",type:"string",default:"number-range"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},precision:{description:"",type:"number",default:0},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},beginValue:{description:"",type:"number"},endValue:{description:"",type:"number"},nullable:{description:"",type:"boolean",default:!1},min:{description:"",type:"string"},max:{description:"",type:"string"},beginPlaceholder:{description:"",type:"string"},endPlaceholder:{description:"",type:"string"},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"}},required:["type"]},L={id:String,autoDecimal:{type:Boolean,default:!0},beginPlaceholder:{type:String,default:"开始数字"},beginValue:{type:[Number,String],default:""},bigNumber:{type:Boolean,default:!1},nullable:{type:Boolean,default:!1},decimalSeparator:{type:String,default:"."},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},endPlaceholder:{type:String,default:"结束数字"},endValue:{type:[Number,String],default:""},formatter:{type:Function},groupSeparator:{type:String,default:","},groupSize:{type:Number,default:3},max:{type:[Number,String]},min:{type:[Number,String]},parser:{type:Function},placeholder:{type:String,default:"请输入数字"},precision:{type:Number,default:0},prefix:{type:String,default:""},readonly:{type:Boolean,default:!1},separator:{type:String,default:"~"},showButton:{type:Boolean,default:!0},showZero:{type:Boolean,default:!0},step:{type:Number,default:1},suffix:{type:String,default:""},textAlign:{type:String,default:"left"},useThousands:{type:Boolean,default:!0}},G=N.createPropsResolver(L,ee,Y,Q);function W(l,n){const e=m.computed(()=>Number(l.precision)||0);function t(s){return s.toFixed(e.value)}function i(s){return isNaN(s)||s===null||s===void 0||s===""}function o(s){const d=i(l.max)?null:new M(String(l.max),10),u=i(l.min)?null:new M(String(l.min),10);return d&&s.gt(d)?d:u&&s.lt(u)?u:s}function r(s,d,u,a){const g=new M(s,10),h=i(u&&u.value)?null:new M(String(u.value),10),f=i(d&&d.value)?null:new M(String(d.value),10);let y;return a?y=h&&g.gt(h)?h:g:y=f&&g.lt(f)?f:g,y.toString()}function p(s,d=!0){if(l.parser)return isNaN(Number(s))?l.parser(s):s;let u=new M(s,10);if(d&&(u=o(u)),u.isNaN()){if(l.nullable)return null;const g=new M(""+l.min,10),h=new M(""+l.max,10);if(!g.isNaN())u=g;else if(!h.isNaN())u=h;else return 0}return t(u)}return{getRealValue:p,isEmpty:i,precision:e,getValidNumberObject:o,getValidNumberInRange:r}}function z(l,n,e){const t=m.computed(()=>({prefix:l.prefix,suffix:l.suffix,decimalSeparator:l.decimalSeparator,groupSeparator:l.useThousands?l.groupSeparator:"",groupSize:l.groupSize})),{getValidNumberObject:i,precision:o}=e;function r(d){return d=d==null||d===""?"":String(d),d=d.replace(new RegExp(l.prefix,"g"),"").replace(new RegExp(l.suffix,"g"),"").replace(/,/g,""),l.groupSeparator&&l.groupSeparator!==","&&(d=d.replace(new RegExp(`\\${l.groupSeparator}`,"g"),"")),l.decimalSeparator&&l.decimalSeparator!=="."&&(d=d.replace(new RegExp(`\\${l.decimalSeparator}`,"g"),".")),d}function p(d,u){return l.precision!==null&&l.precision!==void 0?d.toFormat(o.value,u):d.toFormat(u)}function s(d,u=!0){const a=r(d),g=new M(a,10);let h=g;return u&&(h=i(g)),h.valueOf()==="0"&&!l.showZero||h.isNaN()?"":l.formatter?l.formatter(h.toNumber()):p(h,t.value)}return{cleanFormat:r,format:s}}function O(l,n,e,t,i,o,r,p,s,d){const{format:u}=i,{getRealValue:a,getValidNumberInRange:g}=o;function h(){const w=new M(t.value||0);return!((l.max||l.max===0)&&!new M(l.max).isNaN()&&w.gte(new M(l.max))&&(t.value||t.value===0))}function f(){const w=new M(t.value||0);return!((l.min||l.min===0)&&!new M(l.min).isNaN()&&w.lte(new M(l.min))&&(t.value||t.value===0))}function y(w){if(l.readonly||l.disabled)return;const k=w==="up"?h:f,I=w==="up"?"plus":"minus";if(k()){let P=new M(t.value||0)[I](Number(l.step)).toFixed();P=g(P,p,s,d);const T=a(P);e.value=u(P),t.value!==T&&(t.value=T,r(t.value))}}function C(){y("up")}function x(){y("down")}function V(w){C(),w.stopPropagation()}function E(w){x(),w.stopPropagation()}return{canDownward:f,canUpward:h,downward:x,onClickDownButton:E,onClickUpButton:V,upward:C}}function A(l,n,e,t,i,o,r,p,s,d,u){const{cleanFormat:a,format:g}=i,{getRealValue:h,isEmpty:f,getValidNumberInRange:y}=o,{downward:C,upward:x}=r,V=m.computed(()=>e.value),E=m.ref(!1);function w(S){var X;if(S.stopPropagation(),l.readonly||l.disabled)return;E.value=!1;let P=(X=S.target)==null?void 0:X.value;l.nullable||(P=P||0);let T=a(P);T=y(T,s,d,u);const U=h(T);e.value=g(T),t.value!==U&&(t.value=U,p(t.value)),n.emit("blur",{event:S,formatted:e.value,value:t.value})}function k(S){S.stopPropagation(),!(l.readonly||l.disabled)&&(E.value=!0,e.value=f(t.value)||!l.showZero&&t.value==="0"?"":String(t.value),n.emit("focus",{event:S,formatted:e.value,value:t.value}))}function I(S){var U;S.stopPropagation();let P=(U=S.target)==null?void 0:U.value;l.nullable||(P=P||0);const T=a(P);e.value=T,t.value=h(T),p(t.value)}function v(S){S.key==="ArrowDown"&&(S.preventDefault(),C()),S.key==="ArrowUp"&&(S.preventDefault(),x()),S.stopPropagation()}return{textBoxValue:V,onBlurTextBox:w,onFocusTextBox:k,onInput:I,onKeyDown:v,isTextBoxFocused:E}}function K(l,n,e,t,i){const{onBlurTextBox:o,onFocusTextBox:r,onInput:p,onKeyDown:s,textBoxValue:d}=e,u=m.computed(()=>l.disabled||l.readonly||!l.editable?"":t?i.range.begin:i.range.end),a=m.computed(()=>({"form-control":!0,"sub-input":!0})),g=m.computed(()=>({"text-align":l.textAlign}));function h(f){f.stopPropagation()}return()=>m.createVNode("input",{class:a.value,style:g.value,type:"text",value:d.value,disabled:l.disabled,readonly:l.readonly||!l.editable,placeholder:u.value,onBlur:o,onChange:h,onFocus:r,onInput:p,onKeydown:s},null)}function j(l,n,e){const{canDownward:t,canUpward:i,onClickDownButton:o,onClickUpButton:r}=e,p=m.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0,"sub-btn-group":!0})),s=m.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),d=m.computed(()=>({cursor:i()?"pointer":"not-allowed","margin-left":0})),u=m.computed(()=>({cursor:t()?"pointer":"not-allowed","margin-left":0}));return()=>m.createVNode("div",{class:p.value},[m.createVNode("button",{class:s.value,style:d.value,onClick:r,disabled:!i()},[m.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),m.createVNode("button",{class:s.value,style:u.value,onClick:o,disabled:!t()},[m.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}const D=m.defineComponent({name:"FNumberRange",props:L,emits:["valueChange","blur","focus","click","input","beginValueChange","endValueChange"],setup(l,n){const e=m.ref(l.beginValue),t=m.ref(""),i=m.ref(l.endValue),o=m.ref(""),r=W(l),p=z(l,n,r),s=H.useNumberLocales(l),d=I=>{n.emit("beginValueChange",I)},u=O(l,n,t,e,p,r,d,e,i,!0),a=A(l,n,t,e,p,r,u,d,e,i,!0),g=j(l,n,u),h=K(l,n,a,!0,s),f=I=>{n.emit("endValueChange",I)},y=O(l,n,o,i,p,r,f,e,i,!1),C=A(l,n,o,i,p,r,y,f,e,i,!1),x=j(l,n,y),V=K(l,n,C,!1,s),{getRealValue:E}=r,{format:w}=p,k=m.computed(()=>!l.disabled&&!l.readonly&&l.showButton);return m.onMounted(()=>{const I=E(l.beginValue,!1),v=E(l.endValue,!1);t.value=w(I,!1),o.value=w(v,!1)}),m.watch(()=>[l.beginValue],([I])=>{if(!a.isTextBoxFocused.value){const v=E(I,!1);e.value=v,t.value=w(v,!1)}}),m.watch(()=>[l.endValue],([I])=>{if(!C.isTextBoxFocused.value){const v=E(I,!1);i.value=v,o.value=w(v,!1)}}),m.watch(()=>[l.precision,l.useThousands,l.prefix,l.suffix,l.showZero],()=>{t.value=w(e.value),o.value=w(i.value)}),()=>m.createVNode("div",{class:"input-group  number-range f-cmp-number-spinner"},[m.createVNode("div",{class:"form-control input-container"},[m.createVNode("div",{class:"sub-input-group"},[h(),k.value&&g()]),m.createVNode("span",{class:"spliter"},[m.createTextVNode("~")]),m.createVNode("div",{class:"sub-input-group"},[V(),k.value&&x()])])])}});function Z(l,n,e,t){const{onBlurTextBox:i,onFocusTextBox:o,onInput:r,onKeyDown:p,textBoxValue:s}=e,d=m.computed(()=>t?l.beginPlaceholder:l.endPlaceholder),u=m.computed(()=>({"form-control":!0,"sub-input":!0})),a=m.computed(()=>({"text-align":l.textAlign}));function g(h){h.stopPropagation()}return()=>m.createVNode("input",{class:u.value,style:a.value,type:"text",value:s.value,disabled:l.disabled,readonly:l.readonly||!l.editable,placeholder:d.value,onBlur:i,onChange:g,onFocus:o,onInput:r,onKeydown:p},null)}function te(l){const{formSchemaUtils:n,formStateMachineUtils:e}=l;function t(s,d=""){return{path:d+s.code,field:s.id,fullPath:s.code}}function i(s,d=""){const u=n.getViewModelById(s);return u?u.states.map(a=>t(a,d)):[]}function o(s){const d=n.getRootViewModelId(),u=i(s);if(s===d)return u;const a=i(d,"root-component.");return[...u,...a]}function r(s){return s.binding&&s.binding.path||s.id||""}function p(){return e&&e.getRenderStates()||[]}return{getVariables:o,getControlName:r,getStateMachines:p}}class _{constructor(n){b(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);b(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});b(this,"getExpressionConverter",(n,e)=>({convertFrom:(t,i,o,r)=>{const p=o.getExpressionRuleValue(n,e||i);return p&&p.value||""},convertTo:(t,i,o,r,p)=>{var s;if(i==="dataPicking"&&(o!=null&&o.target)){const d=`${o.target}_dataPicking`;((s=o.rules)==null?void 0:s.some(a=>a.id===d&&a.value))?t.dictPickingExpressionId=d:delete t.dictPickingExpressionId}r.updateExpression(o)}}));this.formSchemaService=n}getExpressionRule(n,e){const t=this.formSchemaService.getExpressions();if(!t)return"";const i=t.find(r=>r.target===n);if(!i)return"";const o=i.rules.find(r=>r.type===e);return o||""}getContextFormVariables(){const{module:n}=this.formSchemaService.getFormSchema();if(!n.viewmodels||n.viewmodels.length===0)return[];const e=this.formSchemaService.getRootViewModelId(),t=this.formSchemaService.getViewModelById(e);if(!t||!t.states||t.states.length===0)return[];const i=[];return t.states.filter(o=>o.category==="remote").forEach(o=>{i.push({key:o.code,name:o.name,description:o.name,category:o.category})}),i}createTreeNode(n,e,t="label"){return{id:n.id,name:n.name,bindingPath:n[t],parents:e,type:"field"}}buildEntityFieldsTreeData(n=null,e){const t=[];return n==null||n.forEach(i=>{var p;const o=this.createTreeNode(i,e);let r=[];(p=i.type)!=null&&p.fields&&(r=this.buildEntityFieldsTreeData(i.type.fields,[...e,i.label])),t.push({data:o,children:r,expanded:!0})}),t}buildChildEntityTreeData(n=null,e){const t=[];return n==null||n.forEach(i=>{var s,d;const o=this.createTreeNode(i,e);o.type="entity";const r=this.buildEntityFieldsTreeData((s=i.type)==null?void 0:s.fields,[...e,i.label]),p=this.buildChildEntityTreeData((d=i.type)==null?void 0:d.entities,[...e,i.label]);p!=null&&p.length&&(r==null||r.push(...p)),t.push({data:o,children:r||[],expanded:!0})}),t}getEntitiesTreeData(){const n=this.formSchemaService.getSchemaEntities();if(!(n!=null&&n.length))return[];const e=n[0];if(!(e!=null&&e.type))return[];const t=this.buildEntityFieldsTreeData(e.type.fields,[e.code]),i=this.buildChildEntityTreeData(e.type.entities,[e.code]);return i!=null&&i.length&&(t==null||t.push(...i)),{entityCode:e.code,fields:[{data:this.createTreeNode(e,[],"code"),children:t||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(n,e,t){const i=t==="Field"?n.binding.field:n.id,o=this.getExpressionRule(i,e),r=this.getEntitiesAndVariables(),p={message:["validate","required","dataPicking"].includes(e)&&o?o.message:"",...r};return o.messageType!=null&&(p.messageType=o.messageType),p}buildRule(n,e,t,i){const{expression:o,message:r,messageType:p}=e,s={id:`${n}_${t}`,type:t,value:o};return(t==="validate"||t==="dataPicking"||t==="required")&&(s.message=r),t==="dataPicking"&&(s.messageType=p),t==="validate"&&i&&(s.elementId=i),s}getExpressionData(){const{expressions:n}=this.formSchemaService.getFormSchema().module;return n||[]}updateExpression(n,e,t,i){const o=e==="Field"?n.binding.field:n.id,r=this.buildRule(o,t,i,n.type==="form-group"?n.id:"");let s=this.getExpressionData().find(u=>u.targetType===e&&u.target===o);const d=u=>u.value.trim()==="";if(s){const u=s.rules.find(a=>a.id===r.id);if(u)d(r)?s.rules=s.rules.filter(a=>a.id!==r.id):(Object.assign(u,r),i==="validate"&&n.type==="form-group"&&(u.elementId=n.id));else{if(d(r))return null;s.rules=s.rules||[],s.rules.push(r)}}else{if(d(r))return null;s={target:`${o}`,rules:[r],targetType:e}}return s}getExpressionEditorOptions(n,e,t,i){return t.reduce((o,r)=>{var s,d;const p=e==="Field"?(s=n==null?void 0:n.binding)==null?void 0:s.field:n.id;return o[r]={hide:e==="Field"?!!((d=n==null?void 0:n.binding)!=null&&d.field):!1,description:"",title:this.expressionNames[r],type:"string",$converter:this.getExpressionConverter(p),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[r]}编辑器`,showMessage:r==="validate"||r==="dataPicking"||r==="required",showMessageType:r==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(n,r,e),onSubmitModal:u=>{const a=this.updateExpression(n,e,u,r);if(i){const g=this.buildRule(p,u,r);i(g)}return a}}},o},{})}getExpressionInfo(n,e,t){const i=e==="Field"?n.binding.field:n.id,o=this.getExpressionRule(i,t),r={value:o&&o.value,targetId:i,targetType:e,expressionType:t};return o&&o.message&&(r.message=o.message),r}getExpressionConfig(n,e,t=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!n.binding,properties:{...this.getExpressionEditorOptions(n,e,t,i)}}}getExpressionOptions(n,e,t){const i=this.getExpressionInfo(n,e,t);return{dialogTitle:`${this.expressionNames[t]}编辑器`,singleExpand:!1,showMessage:t==="required",beforeOpen:()=>this.onBeforeOpenExpression(n,t,e),expressionInfo:i}}}class ie{constructor(n,e){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"designerContext");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var t;this.componentId=n,this.designerHostService=e,this.eventsEditorUtils=e.eventsEditorUtils,this.formSchemaUtils=e.formSchemaUtils,this.formMetadataConverter=e.formMetadataConverter,this.viewModelId=((t=this.formSchemaUtils)==null?void 0:t.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=e.designViewModelUtils,this.controlCreatorUtils=e.controlCreatorUtils,this.metadataService=e.metadataService,this.schemaService=e.schemaService,this.designerContext=e.designerContext}getFormDesignerInstance(){var n,e;return(e=(n=this.designerContext)==null?void 0:n.instances)==null?void 0:e.formDesigner.value}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){var t;const e=n.binding&&n.binding.type==="Form"&&n.binding.field;if(e){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(o=>o.id===e)}n.updateOn=(t=this.designViewModelField)==null?void 0:t.updateOn}}getBasicPropConfig(n){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:n.type,name:c.DgControl[n.type]&&c.DgControl[n.type].name}]}}}}}getAppearanceConfig(n=null,e={},t){const i={title:"外观",description:"Appearance"},o={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const r in e)o[r]=Object.assign(o[r]||{},e[r]);return{...i,properties:{...o},setPropertyRelates(r,p){if(r){switch(r&&r.propertyID){case"class":case"style":{c.canvasChanged.value++;break}}t&&t(r,n,p)}}}}getPropertyEditorParams(n,e=[],t="visible",i={},o={},r=""){const{getVariables:p,getControlName:s,getStateMachines:d}=te(this.designerHostService),u=this.getRealTargetType(n),a=e&&e.length>0?e:["Const","Variable","StateMachine","Expression"],g={type:"property-editor",propertyTypes:a};return a.map(h=>{switch(h){case"Const":Object.assign(g,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":g.expressionConfig=this.getExpressionOptions(n,u,r||t);break;case"StateMachine":g.stateMachines=d();break;case"Variable":Object.assign(g,{controlName:s(n),newVariablePrefix:"is",newVariableType:"Boolean",variables:p(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:f=>{f.value=p(this.viewModelId)}},o),this.designerContext.designerMode==="PC_RTC"&&(g.newVariablePrefix="ext_"+g.newVariablePrefix);break}}),g}getVisibleProperty(n,e=""){var o;let t=["Const","Variable","StateMachine","Expression"];return e==="gridFieldEditor"?t=["Const","Expression"]:e==="form-group"&&!((o=n.binding)!=null&&o.field)&&(t=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(n,t,"visible")}}}getBehaviorConfig(n,e="",t={},i){const o={title:"行为",description:""},r=this.getVisibleProperty(n,e);for(const s in t)r[s]=Object.assign(r[s]||{},t[s]);const p=this;return{...o,properties:{...r},setPropertyRelates(s,d){if(s){switch(s.propertyID){case"disabled":case"readonly":case"visible":p.afterMutilEditorChanged(n,s);break}i&&i(s,d)}}}}afterMutilEditorChanged(n,e){this.addNewVariableToViewModel(e,this.viewModelId),this.updateExpressionValue(e),this.clearExpression(e,n)}updateElementByParentContainer(n,e){const t=e&&e.parent&&e.parent.schema;if(!t)return;const i=t.contents.findIndex(r=>r.id===n),o=J.cloneDeep(t.contents[i]);t.contents.splice(i,1),t.contents.splice(i,0,o),c.refreshCanvas()}addNewVariableToViewModel(n,e){const t=n.propertyValue;if(!(t&&typeof t=="object")||!(t.type==="Variable"&&t.isNewVariable))return;const r={id:t.field,category:"locale",code:t.fullPath,name:t.fullPath,type:t.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete t.newVariableType,delete t.isNewVariable,this.formSchemaUtils.getVariableByCode(r.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(r)}updateExpressionValue(n){const e=n.propertyValue;if(!((e&&e.type)==="Expression"&&e.expressionInfo))return;const{expressionId:o,expressionInfo:r}=e,{targetId:p,targetType:s,expressionType:d,value:u,message:a}=r,g=this.formSchemaUtils.getModule();g.expressions=g.expressions||[];const{expressions:h}=g;let f=h.find(C=>C.target===p);f||(f={target:p,rules:[],targetType:s},h.push(f));const y=f.rules.find(C=>C.type===d);if(y)y.value=u,y.message=a;else{const C={id:o,type:d,value:u,message:a};f.rules.push(C)}delete e.expressionInfo}clearExpression(n,e){const t=n.propertyValue;if(t&&t.type==="Expression")return;const o=n.propertyID,r=this.formSchemaUtils.getExpressions(),p=e.binding?e.binding.field:e.id,s=r.find(d=>d.target===p);!s||!s.rules||(s.rules=s.rules.filter(d=>d.type!==o))}getExpressionOptions(n,e,t){return new _(this.formSchemaUtils).getExpressionOptions(n,e,t)}getRealTargetType(n){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item","drawer-toolbar-item"].indexOf(n.type)>-1?"Button":n.binding&&n.binding.field?"Field":"Container"}createBaseEventProperty(n){const e={};return e[this.viewModelId]={type:"events-editor",editor:{initialData:n,viewSourceHandle:t=>{var i;((i=t.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(t)}}},e}}const B=class B{static getEditorTypesByMDataType(n,e=!1,t=""){if(e)return[{key:c.DgControl["language-textbox"].type,value:c.DgControl["language-textbox"].name}];let i=B.fieldControlTypeMapping[n];if(t==="data-grid-column"&&(i!=null&&i.length)){const o=[c.DgControl["check-group"].type,c.DgControl["radio-group"].type,c.DgControl.image.type,c.DgControl["rich-text-editor"].type];i=i.filter(r=>!o.includes(r.key))}return i}static getAllInputTypes(){const n=[];for(const e in B.fieldControlTypeMapping)B.fieldControlTypeMapping[e].forEach(t=>{n.find(i=>i.key===t.key&&i.value===t.value)||n.push({key:t.key,value:t.value})});return n}static mappingDomPropAndSchemaProp(n,e){var o;const t=(o=n.editor)==null?void 0:o.type,i=[];return(n.type===c.DgControl["data-grid-column"].type||n.type===c.DgControl["tree-grid-column"].type)&&e&&e.categoryId&&e.categoryId.indexOf("gridFieldEditor")<0&&i.push({domField:"title",schemaField:"name"}),i.push({domField:"label",schemaField:"name"}),i.push({domField:"editor.required",schemaField:"require"}),i.push({domField:"editor.readonly",schemaField:"readonly"}),(t===c.DgControl["input-group"].type||t===c.DgControl.textarea.type||t===c.DgControl["number-spinner"].type)&&i.push({domField:"editor.maxLength",schemaField:"type.length"}),t===c.DgControl["number-spinner"].type&&i.push({domField:"editor.precision",schemaField:"type.precision"}),(n.type===c.DgControl["data-grid-column"].type||n.type===c.DgControl["tree-grid-column"].type)&&i.push({domField:"formatter.precision",schemaField:"type.precision"}),(t===c.DgControl["combo-list"].type||t===c.DgControl["radio-group"].type)&&i.push({domField:"editor.data",schemaField:"type.enumValues"}),(n.type===c.DgControl["data-grid-column"].type||n.type===c.DgControl["tree-grid-column"].type)&&i.push({domField:"formatter.data",schemaField:"type.enumValues"}),t===c.DgControl["date-picker"].type&&(i.push({domField:"editor.displayFormat",schemaField:"editor.format"}),i.push({domField:"editor.fieldType",schemaField:"type.name"})),t===c.DgControl["number-spinner"].type&&(i.push({domField:"editor.max",schemaField:"editor.maxValue"}),i.push({domField:"editor.min",schemaField:"editor.minValue"})),t===c.DgControl.lookup.type&&(i.push({domField:"editor.dataSource",schemaField:"editor.dataSource"}),i.push({domField:"editor.valueField",schemaField:"editor.valueField"}),i.push({domField:"editor.textField",schemaField:"editor.textField"}),i.push({domField:"editor.displayType",schemaField:"editor.displayType"}),i.push({domField:"editor.mapFields",schemaField:"editor.mapFields"}),i.push({domField:"editor.helpId",schemaField:"editor.helpId"})),i.push({domField:"path",schemaField:"bindingPath"}),i.push({domField:"binding.path",schemaField:"bindingField"}),i.push({domField:"binding.fullPath",schemaField:"path"}),(n.type===c.DgControl["data-grid-column"].type||n.type===c.DgControl["tree-grid-column"].type)&&i.push({domField:"field",schemaField:"bindingPath"}),i}};b(B,"fieldControlTypeMapping",{String:[{key:c.DgControl["input-group"].type,value:c.DgControl["input-group"].name},{key:c.DgControl.lookup.type,value:c.DgControl.lookup.name},{key:c.DgControl.image.type,value:c.DgControl.image.name},{key:c.DgControl["date-picker"].type,value:c.DgControl["date-picker"].name},{key:c.DgControl.switch.type,value:c.DgControl.switch.name},{key:c.DgControl["check-box"].type,value:c.DgControl["check-box"].name},{key:c.DgControl["check-group"].type,value:c.DgControl["check-group"].name},{key:c.DgControl["radio-group"].type,value:c.DgControl["radio-group"].name},{key:c.DgControl["combo-list"].type,value:c.DgControl["combo-list"].name},{key:c.DgControl.textarea.type,value:c.DgControl.textarea.name},{key:c.DgControl["time-picker"].type,value:c.DgControl["time-picker"].name}],Text:[{key:c.DgControl.textarea.type,value:c.DgControl.textarea.name},{key:c.DgControl.lookup.type,value:c.DgControl.lookup.name},{key:c.DgControl.image.type,value:c.DgControl.image.name},{key:c.DgControl["rich-text-editor"].type,value:c.DgControl["rich-text-editor"].name}],Decimal:[{key:c.DgControl["number-spinner"].type,value:c.DgControl["number-spinner"].name}],Integer:[{key:c.DgControl["number-spinner"].type,value:c.DgControl["number-spinner"].name}],Number:[{key:c.DgControl["number-spinner"].type,value:c.DgControl["number-spinner"].name},{key:c.DgControl.switch.type,value:c.DgControl.switch.name},{key:c.DgControl["check-box"].type,value:c.DgControl["check-box"].name}],BigNumber:[{key:c.DgControl["number-spinner"].type,value:c.DgControl["number-spinner"].name}],Date:[{key:c.DgControl["date-picker"].type,value:c.DgControl["date-picker"].name}],DateTime:[{key:c.DgControl["date-picker"].type,value:c.DgControl["date-picker"].name}],Boolean:[{key:c.DgControl.switch.type,value:c.DgControl.switch.name},{key:c.DgControl["check-box"].type,value:c.DgControl["check-box"].name}],Enum:[{key:c.DgControl["combo-list"].type,value:c.DgControl["combo-list"].name},{key:c.DgControl["radio-group"].type,value:c.DgControl["radio-group"].name}],Object:[{key:c.DgControl.lookup.type,value:c.DgControl.lookup.name},{key:c.DgControl["combo-list"].type,value:c.DgControl["combo-list"].name},{key:c.DgControl["radio-group"].type,value:c.DgControl["radio-group"].name}]});let q=B;var $=(l=>(l.Form="Form",l.Variable="Variable",l))($||{});class ne{constructor(){b(this,"label","");b(this,"id","");b(this,"columnInSM",12);b(this,"columnInMD",6);b(this,"columnInLG",3);b(this,"columnInEL",2);b(this,"displayWidthInSM",1);b(this,"displayWidthInMD",1);b(this,"displayWidthInLG",1);b(this,"displayWidthInEL",1);b(this,"displayColumnCountAtBreakPoint","md");b(this,"tagRow",0);b(this,"showTopBorder",0);b(this,"group",1);b(this,"isSupportedClass",!0);b(this,"fieldSetId","")}}function oe(l){let n,e;const t=new Map;let i=[];function o(u,a){const h=u.split(" ").filter(V=>V.startsWith("col-"));if(h.length===0){a.isSupportedClass=!1;return}let f=h.find(V=>/^col-([1-9]|10|11|12)$/.test(V)),y=h.find(V=>/^col-md-([1-9]|10|11|12)$/.test(V)),C=h.find(V=>/^col-xl-([1-9]|10|11|12)$/.test(V)),x=h.find(V=>/^col-el-([1-9]|10|11|12)$/.test(V));f=f||"col-12",a.columnInSM=parseInt(f.replace("col-",""),10),a.displayWidthInSM=a.columnInSM/12,a.displayWidthInSM!==1&&(a.isSupportedClass=!1),y=y||"col-md-"+a.columnInSM,a.columnInMD=parseInt(y.replace("col-md-",""),10),a.displayWidthInMD=a.columnInMD/6,[1,2].includes(a.displayWidthInMD)||(a.isSupportedClass=!1),C=C||"col-xl-"+a.columnInMD,a.columnInLG=parseInt(C.replace("col-xl-",""),10),a.displayWidthInLG=a.columnInLG/3,[1,2,3,4].includes(a.displayWidthInLG)||(a.isSupportedClass=!1),x=x||"col-el-"+a.columnInLG,a.columnInEL=parseInt(x.replace("col-el-",""),10),a.displayWidthInEL=a.columnInEL/2,[1,2,3,4,5,6].includes(a.displayWidthInEL)||(a.isSupportedClass=!1)}function r(u,a,g,h=!1){let f=!1;u.contents.forEach(y=>{if(y.type==="fieldset"){g+=1,r(y,a,g,!0),f=!0;return}f&&(g+=1,f=!1);const C=y.appearance&&y.appearance.class,x=new ne;C?o(C,x):x.isSupportedClass=!1,x.label=y.label||y.id,x.id=y.id,x.group=g,h&&(x.fieldSetId=u.id),e===y.id&&(n=g),t.set(y.id,y),a.push(x)})}function p(u){const a=l.getComponentById(u);if(!a||!a.componentType||!a.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const g=l.selectNode(a,h=>h.type===c.DgControl["response-form"].type);return!g||!g.contents||g.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:g}}function s(u,a){a=a||u.id;const{result:g,message:h,formNode:f}=p(a);if(!g)return{result:g,message:h};e=u.id,i=[],t.clear();const y=f.contents[0].type===c.DgControl.fieldset.type?0:1;r(f,i,y);const C=i.find(V=>!V.isSupportedClass);return{defaultState:{defaultGroupNumber:n||1,model:C?"customize":"standard"},importData:i}}function d(u,a){a=a;const{result:g,formNode:h}=p(a);if(!g)return"";const f=[];return u.forEach(y=>{var V;const C=t.get(y.id),x=C.appearance&&C.appearance.class;if(x){const w=x.split(" ").filter(T=>!T.startsWith("col-")),k="col-"+y.columnInSM,I="col-md-"+y.columnInMD,v="col-xl-"+y.columnInLG,S="col-el-"+y.columnInEL,P=[k,I,v,S].concat(w);C.appearance.class=P.join(" ")}if(y.fieldSetId){const E=h.contents.find(k=>k.id===y.fieldSetId),w=f.find(k=>k.id===y.fieldSetId);w?(V=w.contents)==null||V.push(C):(f.push(E),E.contents=[C])}else f.push(C)}),h.contents=f,h.id}return{checkCanFindFormNode:p,checkCanOpenLayoutEditor:s,changeFormControlsByResponseLayoutConfig:d,getResonseFormLayoutConfig:r}}class re extends ie{constructor(e,t){super(e,t);b(this,"responseLayoutEditorFunction");b(this,"bindingVarible");b(this,"numberEditorOptions",{type:"number-spinner",useThousands:!1,keyboard:!1,showButton:!1});this.responseLayoutEditorFunction=oe(this.formSchemaUtils)}getCommonPropertyConfig(e,t,i="Card"){this.propertyConfig.categories.basic=this.getBasicProperties(e,t,i),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,t),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e,"form-group")}getPropertyConfig(e,t){return this.getCommonPropertyConfig(e,t,"Card"),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig.categories.expressions=this.getExpressionConfig(e,"Field"),this.propertyConfig.categories.eventsEditor=this.getEventPropertyConfig(e),this.propertyConfig}getGridFieldEdtiorPropConfig(e,t){return this.propertyConfig.categories={},this.getCommonPropertyConfig(e,t,"Grid"),this.getGridFieldEdtiorProperties?this.propertyConfig.categories.editor=this.getGridFieldEdtiorProperties(e):this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig.categories.expressons=this.getExpressionConfig(e,"Field"),this.propertyConfig.categories}getBasicProperties(e,t,i="Card"){var d;const o=this;this.setDesignViewModelField(e);const{canChangeControlType:r,editorTypeList:p}=this.getAvailableEditorType(e),s={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",$converter:"/converter/change-editor.converter",parentPropertyID:"editor",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:p,readonly:!r}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},showLabelType:{description:"标签显示方式：1、显示：显示标签 2、占位：保留标签空间，但不显示文本 3、不显示：不显示标签",title:"标签显示",type:"enum",editor:{data:[{id:"visible",name:"显示"},{id:"reserve-space",name:"占位"},{id:"none",name:"不显示"}]},defaultValue:((d=e.editor)==null?void 0:d.type)==="image"?"none":"visible"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:e,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"},refreshPanelAfterChanged:!0,readonly:this.formSchemaUtils.designerMode==="PC_RTC"&&!e.isRtcControl}},setPropertyRelates(u,a,g){if(u)switch(u&&u.propertyID){case"type":{o.changeControlType(e,u,t);break}case"label":{u.needRefreshControlTree=!0;break}case"binding":{o.changeBindingField(e,u,g);break}}}};return i.toLocaleLowerCase()!=="card"&&delete s.properties.showLabelType,s}checkCanChangeControlType(e,t){if(!e.binding)return!1;if(e.binding.type==="Variable"){if(this.bindingVarible=this.formSchemaUtils.getVariableById(e.binding.field),!this.bindingVarible)return!1}else if(!this.designViewModelField||this.designViewModelField.$type!==R.FormSchemaEntityField$Type.SimpleField)return!1;return!0}getAvailableEditorType(e){var o;const t=this.checkCanChangeControlType(e,this.viewModelId);if(!t)return{canChangeControlType:!1,editorTypeList:[{key:e.editor.type,value:((o=c.DgControl[e.editor.type])==null?void 0:o.name)||e.editor.type}]};let i=[];return this.designViewModelField&&this.designViewModelField.$type===R.FormSchemaEntityField$Type.SimpleField?i=q.getEditorTypesByMDataType(this.designViewModelField.type.name,this.designViewModelField.multiLanguage):this.bindingVarible&&(i=q.getEditorTypesByMDataType(this.bindingVarible.type,this.designViewModelField.multiLanguage)),{canChangeControlType:t,editorTypeList:i}}changeBindingField(e,t,i){t.needRefreshEntityTree=!0}getAppearanceProperties(e,t){const i=this;return{title:"外观",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的内联样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},fill:{title:"填充宽度",description:"启用后，控件占满父容器宽度",type:"boolean",parentPropertyID:"appearance"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",beforeOpen:()=>i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,i.componentId)}}},setPropertyRelates(o,r){if(o)switch(o&&o.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(o.propertyValue,i.componentId||e.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(e.id,t),delete e.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(o.propertyValue,e.id,this.componentId),c.canvasChanged.value++;break;case"style":{c.canvasChanged.value++;break}}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,t,i){const o=t.propertyValue,r=i&&i.parent&&i.parent.schema;if(!r)return;const p=r.contents.findIndex(u=>u.id===e.id);if(p===-1)return;const s=r.contents[p];let d;if(this.designViewModelField){const g=this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find(f=>f.id===this.designViewModelField.id).fieldSchema||{};g.editor||(g.editor={}),g.editor.$type=o,this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,g,!1),d=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,o)}d||(d=this.controlCreatorUtils.createFormGroupWithoutField(o)),Object.assign(d,{id:s.id,appearance:s.appearance,size:s.size,label:s.label,binding:s.binding}),Object.prototype.hasOwnProperty.call(s,"visible")&&Object.assign(d,{visible:s.visible}),s.editor&&["readonly","required","placeholder"].map(u=>{Object.prototype.hasOwnProperty.call(s.editor,u)&&(d.editor[u]=s.editor[u])}),i!=null&&i.updateContextSchema?i.updateContextSchema(d):(i.schema=Object.assign(s,d),Object.assign(e,d)),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(u=>u.classList.remove("dgComponentSelected")),Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(u=>u.classList.remove("dgComponentFocused")),c.canvasChanged.value++,m.nextTick(()=>{this.getFormDesignerInstance().reloadPropertyPanel()})}getComponentConfig(e,t={},i={},o){var g,h;const r=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter",parentPropertyID:"editor"},t),p=(g=e.binding)!=null&&g.field?[]:["Const","Variable","StateMachine"],s=this.getPropertyEditorParams(e,p,"readonly"),d=this.getPropertyEditorParams(e,p,"required"),u={readonly:{description:"",title:"只读",editor:s},required:{description:"",title:"必填",type:"boolean",editor:d,visible:!!((h=e.binding)!=null&&h.field)},placeholder:{description:"当控件没有值时在输入框中显示的文本",title:"提示文本",type:"string"}};for(const f in i)u[f]=Object.assign(u[f]||{},i[f]);const a=this;return{...r,properties:{...u},setPropertyRelates(f,y){if(f){switch(f.propertyID){case"readonly":case"required":a.afterMutilEditorChanged(e,f);break}o&&o.bind(a)(f,e,y)}}}}updateUnifiedLayoutAfterControlChanged(e,t,i){const o=e.split(" ");let r=o.find(a=>/^col-([1-9]|10|11|12)$/.test(a)),p=o.find(a=>/^col-md-([1-9]|10|11|12)$/.test(a)),s=o.find(a=>/^col-xl-([1-9]|10|11|12)$/.test(a)),d=o.find(a=>/^col-el-([1-9]|10|11|12)$/.test(a));r=r||"col-12",p=p||"col-md-"+r.replace("col-",""),s=s||"col-xl-"+p.replace("col-md-",""),d=d||"col-el-"+s.replace("col-xl-","");const u={id:t,columnInSM:parseInt(r.replace("col-",""),10),columnInMD:parseInt(p.replace("col-md-",""),10),columnInLG:parseInt(s.replace("col-xl-",""),10),columnInEL:parseInt(d.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,u)}updateUnifiedLayoutAfterResponseLayoutChanged(e,t){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!i||!i.unifiedLayout)return;const o=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,o,1),t){const f=o.find(y=>y.id===t.id);Object.assign(f||{},t)}const r=o.map(f=>f.columnInSM),p=o.map(f=>f.columnInMD),s=o.map(f=>f.columnInLG),d=o.map(f=>f.columnInEL),u=this.checkIsUniqueColumn(r)?r[0]:null,a=this.checkIsUniqueColumn(p)?p[0]:null,g=this.checkIsUniqueColumn(s)?s[0]:null,h=this.checkIsUniqueColumn(d)?d[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:u,uniqueColClassInMD:a,uniqueColClassInLG:g,uniqueColClassInEL:h})}checkIsUniqueColumn(e){const t=new Set(e);return Array.from(t).length===1}getItemCollectionEditor(e,t,i){return t=t||"value",i=i||"name",{editor:{columns:[{field:t,title:"值",dataType:"string"},{field:i,title:"名称",dataType:"string"}],type:"item-collection-editor",valueField:t,nameField:i,requiredFields:[t,i],uniqueFields:[t,i],readonly:this.checkEnumDataReadonly(e)}}}checkEnumDataReadonly(e){return!e.binding||e.binding.type!=="Form"?!1:!!(this.designViewModelField&&this.designViewModelField.type&&this.designViewModelField.type.$type===R.FormSchemaEntityFieldType$Type.EnumType)}appendFieldValueChangeEvents(e,t){e.binding&&e.binding.type===$.Form&&e.binding.field?(t.find(i=>i.label==="fieldValueChanging"),t.find(i=>i.label==="fieldValueChanged"),this.designViewModelField&&(e.fieldValueChanging=this.designViewModelField.valueChanging,e.fieldValueChanged=this.designViewModelField.valueChanged)):t=t.filter(i=>i.label!=="fieldValueChanging"&&i.label!=="fieldValueChanged")}getControlMethodType(e){if(!e.binding)return e.type;switch(e.binding.type){case $.Form:return e.binding.path||e.type;case $.Variable:return e.binding.fullPath||e.type}return e.type}getEventPropertyConfig(e,t="card",i,o){const r=this;let p=[];if(i&&(p=p.concat(i)),p.length===0)return{title:"事件",hideTitle:!0,properties:{},tabId:"commands",tabName:"交互",hide:!0};this.appendFieldValueChangeEvents(e,p);const s=r.eventsEditorUtils.formProperties(e,r.viewModelId,p);return{title:"事件",hideTitle:!0,properties:r.createBaseEventProperty(s),tabId:"commands",tabName:"交互",setPropertyRelates(a,g){const h=a.propertyValue;delete e[r.viewModelId],h&&(h.setPropertyRelates=this.setPropertyRelates,h.controlInfo={type:r.getControlMethodType(e),name:e.title},r.eventsEditorUtils.saveRelatedParameters(e,r.viewModelId,h.events,h)),o&&o(a,g,h);const f=r.designViewModelUtils.getDgViewModel(r.viewModelId);f&&r.designViewModelField&&f.changeField(r.designViewModelField.id,{valueChanging:e.fieldValueChanging,valueChanged:e.fieldValueChanged})}}}getExpressionConfig(e,t,i=["compute","dependency","validate"],o){return new _(this.formSchemaUtils).getExpressionConfig(e,t,i,o)}getBindingDataType(){return this.designViewModelField?this.designViewModelField.type.name==="Number"?"number":this.designViewModelField.type.name==="String"?"string":"boolean":"boolean"}getEditor(){return this.getBindingDataType()==="number"?this.numberEditorOptions:{}}updatePropertyValue(e,t,i){var o;e.editor[t]!==i?e.editor[t]=i:(o=this.getFormDesignerInstance())==null||o.reloadPropertyPanel()}setBooleanValue(e,t,i){let o=i;this.getBindingDataType()==="string"&&(o=(o||"").trim()||(t==="trueValue"?"true":"false"));const p=t==="trueValue"?"falseValue":"trueValue";e.editor[p]===o&&(o=o+1),this.updatePropertyValue(e,t,o)}getBooleanValueConverter(){return{convertFrom:(e,t)=>e.editor[t],convertTo:(e,t,i)=>{this.setBooleanValue(e,t,i)}}}}class le extends re{constructor(n,e){super(n,e)}getEditorProperties(n){return this.getComponentConfig(n,{type:"number-range"},{editable:{description:"",title:"允许编辑",type:"boolean"}})}}function se(l,n){const e=l.schema;function t(i,o){return new le(i,n).getPropertyConfig(e,o)}return{getPropsConfig:t}}const ae=m.defineComponent({name:"FNumberRangeDesign",props:L,emits:["valueChange","blur","focus","click","input","beginValueChange","endValueChange"],setup(l,n){const e=m.ref(l.beginValue),t=m.ref(""),i=m.ref(l.endValue),o=m.ref(""),r=W(l),p=z(l,n,r),s=S=>{n.emit("beginValueChange",S)},d=m.ref(),u=m.inject("designer-host-service"),a=m.inject("design-item-context"),g=se(a,u),h=c.useDesignerComponent(d,a,g);m.onMounted(()=>{d.value.componentInstance=h}),n.expose(h.value);const f=O(l,n,t,e,p,r,s,e,i,!0),y=A(l,n,t,e,p,r,f,s,e,i,!0),C=j(l,n,f),x=Z(l,n,y,!0),V=S=>{n.emit("endValueChange",S)},E=O(l,n,o,i,p,r,V,e,i,!1),w=A(l,n,o,i,p,r,E,V,e,i,!1),k=j(l,n,E),I=Z(l,n,w,!1),v=m.computed(()=>l.showButton);return()=>m.createVNode("div",{ref:d,class:"input-group  number-range f-cmp-number-spinner"},[m.createVNode("div",{class:"form-control input-container"},[m.createVNode("div",{class:"sub-input-group"},[x(),v.value&&C()]),m.createVNode("span",{class:"spliter"},[m.createTextVNode("~")]),m.createVNode("div",{class:"sub-input-group"},[I(),v.value&&k()])])])}});D.register=(l,n,e,t)=>{l["number-range"]=D,n["number-range"]=G},D.registerDesigner=(l,n,e)=>{l["number-range"]=ae,n["number-range"]=G};const de=R.withInstall(D);F.FNumberRange=D,F.default=de,F.numberRangeProps=L,F.propsResolver=G,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/number-spinner/index.esm.js

@@ -1,5 +1,5 @@
 import { withInstall as W } from "../common/index.esm.js";
-import { computed as v, ref as O, createVNode as B, onMounted as U, nextTick as A, defineComponent as X, watch as P } from "vue";
+import { computed as v, ref as O, createVNode as B, onMounted as U, nextTick as A, defineComponent as X, watch as K } from "vue";
 import x from "bignumber.js";
 import { LocaleService as Y } from "../locale/index.esm.js";
 const $ = {
@@ -122,7 +122,7 @@ const $ = {
   updateOn: { type: String, default: "change" }
 };
 function ee(e, s, b, g) {
-  const { format: d } = b, { displayValue: m, getRealValue: y, modelValue: u, onNumberValueChanged: f } = g;
+  const { format: f } = b, { displayValue: m, getRealValue: y, modelValue: u, onNumberValueChanged: d } = g;
   function n() {
     const l = new x(u.value || 0);
     return !((e.max || e.max === 0) && !new x(e.max).isNaN() && l.gte(new x(e.max)) && (u.value || u.value === 0));
@@ -137,22 +137,22 @@ function ee(e, s, b, g) {
     const C = l === "up" ? n : w, D = l === "up" ? "plus" : "minus";
     if (C()) {
       const F = new x(u.value || 0)[D](Number(e.step)), T = F.toFixed();
-      m.value = d(T), f(y(F));
+      m.value = f(T), d(y(F));
     }
   }
-  function o() {
+  function i() {
     t("up");
   }
-  function i() {
+  function o() {
     t("down");
   }
   function h(l) {
-    o(), l.stopPropagation();
+    i(), l.stopPropagation();
   }
   function N(l) {
-    i(), l.stopPropagation();
+    o(), l.stopPropagation();
   }
-  return { canDownward: w, canUpward: n, downward: i, onClickDownButton: N, onClickUpButton: h, upward: o };
+  return { canDownward: w, canUpward: n, downward: o, onClickDownButton: N, onClickUpButton: h, upward: i };
 }
 function te(e, s, b) {
   const g = v(() => ({
@@ -161,74 +161,74 @@ function te(e, s, b) {
     decimalSeparator: e.decimalSeparator,
     groupSeparator: e.useThousands ? e.groupSeparator : "",
     groupSize: e.groupSize
-  })), { getValidNumberObject: d, precision: m } = b;
+  })), { getValidNumberObject: f, precision: m } = b;
   function y(n) {
     return n = n == null || n === "" ? "" : String(n), n = n.replace(new RegExp(e.prefix, "g"), "").replace(new RegExp(e.suffix, "g"), "").replace(/,/g, ""), e.groupSeparator && e.groupSeparator !== "," && (n = n.replace(new RegExp(`\\${e.groupSeparator}`, "g"), "")), e.decimalSeparator && e.decimalSeparator !== "." && (n = n.replace(new RegExp(`\\${e.decimalSeparator}`, "g"), ".")), n;
   }
   function u(n, w) {
     return e.precision !== null && e.precision !== void 0 ? n.toFormat(m.value, w) : n.toFormat(w);
   }
-  function f(n, w = !0) {
-    const t = y(n), o = new x(t, 10);
-    let i = o;
-    return w && (i = d(o)), i.valueOf() === "0" && !e.showZero || i.isNaN() ? "" : e.formatter ? e.formatter(i.toNumber()) : u(i, g.value);
+  function d(n, w = !0) {
+    const t = y(n), i = new x(t, 10);
+    let o = i;
+    return w && (o = f(i)), o.valueOf() === "0" && !e.showZero || o.isNaN() ? "" : e.formatter ? e.formatter(o.toNumber()) : u(o, g.value);
   }
-  return { cleanFormat: y, format: f };
+  return { cleanFormat: y, format: d };
 }
 function ne(e, s) {
-  const b = O(""), g = O(e.modelValue), d = v(() => Number(e.precision) || 0), m = O(e.bigNumber);
+  const b = O(""), g = O(e.modelValue), f = v(() => Number(e.precision) || 0), m = O(e.bigNumber);
   function y(t) {
-    return t.toFixed(d.value);
+    return t.toFixed(f.value);
   }
   function u(t) {
     return isNaN(t) || t === null || t === void 0 || t === "";
   }
-  function f(t) {
-    const o = u(e.max) ? null : new x(String(e.max), 10), i = u(e.min) ? null : new x(String(e.min), 10);
-    return o && t.gt(o) ? o : i && t.lt(i) ? i : t;
+  function d(t) {
+    const i = u(e.max) ? null : new x(String(e.max), 10), o = u(e.min) ? null : new x(String(e.min), 10);
+    return i && t.gt(i) ? i : o && t.lt(o) ? o : t;
   }
-  function n(t, o = !0) {
+  function n(t, i = !0) {
     if (e.parser)
       return isNaN(Number(t)) ? e.parser(t) : t;
-    let i = new x(t, 10);
-    if (o && (i = f(i)), i.isNaN()) {
+    let o = new x(t, 10);
+    if (i && (o = d(o)), o.isNaN()) {
       if (e.nullable)
         return null;
-      if (e.showZero && o)
+      if (e.showZero && i)
         return 0;
-      if (!o)
+      if (!i)
         return null;
       const N = new x("" + e.min, 10), l = new x("" + e.max, 10);
       if (!N.isNaN())
-        i = N;
+        o = N;
       else if (!l.isNaN())
-        i = l;
+        o = l;
       else
         return 0;
     }
-    return y(i);
+    return y(o);
   }
   function w(t) {
-    let o = m.value ? t : Number(t);
-    e.nullable && t === null && (o = null), o !== e.modelValue && (s.emit("update:modelValue", o), s.emit("valueChange", o), s.emit("change", o));
+    let i = m.value ? t : Number(t);
+    e.nullable && t === null && (i = null), i !== e.modelValue && (s.emit("update:modelValue", i), s.emit("valueChange", i), s.emit("change", i));
   }
-  return { displayValue: b, getRealValue: n, modelValue: g, isEmpty: u, onNumberValueChanged: w, precision: d, getValidNumberObject: f, toFixed: y };
+  return { displayValue: b, getRealValue: n, modelValue: g, isEmpty: u, onNumberValueChanged: w, precision: f, getValidNumberObject: d, toFixed: y };
 }
-function ae(e, s, b, g, d) {
-  const { cleanFormat: m, format: y } = b, { displayValue: u, getRealValue: f, modelValue: n, isEmpty: w, onNumberValueChanged: t, getValidNumberObject: o, toFixed: i } = g, { downward: h, upward: N } = d, l = O(!1), C = v(() => u.value);
+function ae(e, s, b, g, f) {
+  const { cleanFormat: m, format: y } = b, { displayValue: u, getRealValue: d, modelValue: n, isEmpty: w, onNumberValueChanged: t, getValidNumberObject: i, toFixed: o } = g, { downward: h, upward: N } = f, l = O(!1), C = v(() => u.value);
   function D(a) {
     var V;
     if (a.stopPropagation(), l.value = !1, e.readonly || e.disabled)
       return;
     const r = (V = a.target) == null ? void 0 : V.value, c = m(r);
-    let S = f(c, e.needValid);
-    e.needValid && S != null && (S = i(o(new x(S, 10)))), u.value = y(S, e.needValid), e.updateOn === "blur" && t(S), s.emit("blur", { event: a, formatted: u.value, value: n.value });
+    let S = d(c, e.needValid);
+    e.needValid && S != null && (S = o(i(new x(S, 10)))), u.value = y(S, e.needValid), e.updateOn === "blur" && t(S), s.emit("blur", { event: a, formatted: u.value, value: n.value });
   }
-  function K() {
+  function R() {
     const a = n.value;
     if (w(a) || !e.showZero && a === 0)
       return "";
-    const r = f(a, e.needValid);
+    const r = d(a, e.needValid);
     if (!r && r !== 0)
       return "";
     try {
@@ -241,8 +241,8 @@ function ae(e, s, b, g, d) {
   function F(a) {
     if (a.stopPropagation(), l.value = !0, e.readonly || e.disabled)
       return;
-    const r = f(n.value, e.needValid);
-    u.value = K(), s.emit("focus", { event: a, formatted: r, value: n.value });
+    const r = d(n.value, e.needValid);
+    u.value = R(), s.emit("focus", { event: a, formatted: r, value: n.value });
   }
   function T(a) {
     var V;
@@ -250,15 +250,15 @@ function ae(e, s, b, g, d) {
     let r = (V = a.target) == null ? void 0 : V.value;
     e.nullable || (r = r || 0);
     const c = m(r);
-    let S = f(c, e.needValid);
-    e.updateOn === "change" && (e.needValid && (S = i(o(new x(S, 10)))), u.value = r, t(S)), s.emit("input", S);
+    let S = d(c, e.needValid);
+    e.updateOn === "change" && (e.needValid && (S = o(i(new x(S, 10)))), u.value = r, t(S)), s.emit("input", S);
   }
   function Z(a) {
     const r = a;
     return r.value.substring((r == null ? void 0 : r.selectionStart) || 0, (r == null ? void 0 : r.selectionEnd) || 0);
   }
   function L(a) {
-    const { key: r, keyCode: c, target: S, ctrlKey: V, metaKey: G, shiftKey: E } = a;
+    const { key: r, keyCode: c, target: S, ctrlKey: V, metaKey: G, shiftKey: p } = a;
     if (!S)
       return;
     const I = S, j = I.value, M = Number(e.precision), _ = /* @__PURE__ */ new Set([".", "-", "%"]), q = Z(S);
@@ -266,47 +266,47 @@ function ae(e, s, b, g, d) {
       a.preventDefault();
       return;
     }
-    const H = /* @__PURE__ */ new Set([46, 8, 9, 27, 13, 110, 190, 173]), J = /* @__PURE__ */ new Set([65, 67, 86, 88]), Q = /* @__PURE__ */ new Set([...Array.from({ length: 5 }, (k, p) => 35 + p), 189, 109]);
+    const H = /* @__PURE__ */ new Set([46, 8, 9, 27, 13, 110, 190, 173]), J = /* @__PURE__ */ new Set([65, 67, 86, 88]), Q = /* @__PURE__ */ new Set([...Array.from({ length: 5 }, (k, P) => 35 + P), 189, 109]);
     if (H.has(c) || J.has(c) && (V || G) || Q.has(c))
       return;
-    if (!(!E && (c >= 48 && c <= 57 || c >= 96 && c <= 105))) {
+    if (!(!p && (c >= 48 && c <= 57 || c >= 96 && c <= 105))) {
       a.preventDefault();
       return;
     }
-    if ((E || c < 48 || c > 57) && (c < 96 || c > 105) && a.preventDefault(), j.includes(".") && e.precision) {
-      const k = j.indexOf("."), p = j.length - k - 1;
-      if ((I.selectionStart || 0) > k && p >= M)
+    if ((p || c < 48 || c > 57) && (c < 96 || c > 105) && a.preventDefault(), j.includes(".") && e.precision) {
+      const k = j.indexOf("."), P = j.length - k - 1;
+      if ((I.selectionStart || 0) > k && P >= M)
         return a.preventDefault(), !1;
     }
   }
-  const R = (a) => {
+  const E = (a) => {
     var S;
     let r = (S = a.target) == null ? void 0 : S.value;
     e.nullable || (r = r || 0);
     const c = m(r);
-    n.value = f(c);
+    n.value = d(c);
   };
   function z(a) {
-    return e.keyboard && a.key === "ArrowDown" && (a.preventDefault(), R(a), h(), a.stopPropagation()), e.keyboard && a.key === "ArrowUp" && (a.preventDefault(), R(a), N(), a.stopPropagation()), L(a);
+    return e.keyboard && a.key === "ArrowDown" && (a.preventDefault(), E(a), h(), a.stopPropagation()), e.keyboard && a.key === "ArrowUp" && (a.preventDefault(), E(a), N(), a.stopPropagation()), L(a);
   }
   return { textBoxValue: C, onBlurTextBox: D, onFocusTextBox: F, onInput: T, onKeyDown: z, isFocus: l };
 }
 function ue(e, s, b) {
   const {
     canDownward: g,
-    canUpward: d,
+    canUpward: f,
     onClickDownButton: m,
     onClickUpButton: y
   } = b, u = v(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), f = v(() => ({
+  })), d = v(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
   })), n = v(() => ({
-    cursor: d() ? "pointer" : "not-allowed",
+    cursor: f() ? "pointer" : "not-allowed",
     "margin-left": 0
   })), w = v(() => ({
     cursor: g() ? "pointer" : "not-allowed",
@@ -315,15 +315,15 @@ function ue(e, s, b) {
   return () => B("div", {
     class: u.value
   }, [B("button", {
-    class: f.value,
+    class: d.value,
     style: n.value,
     onClick: y,
-    disabled: !d()
+    disabled: !f()
   }, [B("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron",
     style: "cursor: inherit"
   }, null)]), B("button", {
-    class: f.value,
+    class: d.value,
     style: w.value,
     onClick: m,
     disabled: !g()
@@ -333,8 +333,8 @@ function ue(e, s, b) {
   }, null)])]);
 }
 function le(e) {
-  function s(d, m, y) {
-    return m === y ? Y.getLocaleValue(d) : m || "";
+  function s(f, m, y) {
+    return m === y ? Y.getLocaleValue(f) : m || "";
   }
   const b = s("numberSpinner.placeholder", e.placeholder, "请输入数字"), g = {
     begin: s("numberSpinner.range.begin", e.beginPlaceholder, "开始数字"),
@@ -343,24 +343,24 @@ function le(e) {
   return { placeholder: b, range: g };
 }
 function re(e, s, b) {
-  const g = le(e), d = O(), {
+  const g = le(e), f = O(), {
     onBlurTextBox: m,
     onFocusTextBox: y,
     onInput: u,
-    onKeyDown: f,
+    onKeyDown: d,
     textBoxValue: n
   } = b, w = v(() => (e.disabled || e.readonly || !e.editable) && !e.forcePlaceholder ? "" : g.placeholder), t = v(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), o = v(() => ({
+  })), i = v(() => ({
     "text-align": e.textAlign
   }));
-  function i(l) {
+  function o(l) {
     l.stopPropagation();
   }
   function h() {
     var l, C;
-    e.selectOnCreated && ((l = d.value) == null || l.select()), e.focusOnCreated && ((C = d.value) == null || C.focus({
+    e.selectOnCreated && ((l = f.value) == null || l.select()), e.focusOnCreated && ((C = f.value) == null || C.focus({
       preventScroll: !0
     }));
   }
@@ -370,62 +370,62 @@ function re(e, s, b) {
   return U(async () => {
     await A, h();
   }), () => B("input", {
-    ref: d,
+    ref: f,
     class: t.value,
-    style: o.value,
+    style: i.value,
     type: "text",
     value: n.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: w.value,
     onBlur: m,
-    onChange: i,
+    onChange: o,
     onFocus: N,
     onInput: u,
-    onKeydown: f,
+    onKeydown: d,
     title: n.value
   }, null);
 }
-const oe = /* @__PURE__ */ X({
+const ie = /* @__PURE__ */ X({
   name: "FNumberSpinner",
   props: $,
   emits: ["update:modelValue", "valueChange", "change", "blur", "focus", "click", "input"],
   setup(e, s) {
-    const b = ne(e, s), g = te(e, s, b), d = ee(e, s, g, b), m = ae(e, s, g, b, d), y = ue(e, s, d), {
+    const b = ne(e, s), g = te(e, s, b), f = ee(e, s, g, b), m = ae(e, s, g, b, f), y = ue(e, s, f), {
       displayValue: u,
-      modelValue: f,
+      modelValue: d,
       getRealValue: n
     } = b, w = re(e, s, m), {
       format: t
     } = g, {
-      isFocus: o
-    } = m, i = v(() => !e.disabled && !e.readonly && e.showButton), h = v(() => ({
+      isFocus: i
+    } = m, o = v(() => !e.disabled && !e.readonly && e.showButton), h = v(() => ({
       "input-group": !0,
       "flex-row": !0,
       "f-cmp-number-spinner": !0,
       "f-state-disabled": e.disable,
       "f-state-readonly": e.readonly && !e.disable,
-      "f-state-focus": o.value,
-      "spinner-hidden": !i.value
+      "f-state-focus": i.value && !e.readonly && !e.disable,
+      "spinner-hidden": !o.value
     }));
     return U(() => {
       const N = n(e.modelValue, !1);
       u.value = t(N, !1);
-    }), P(() => [e.value], ([N]) => {
+    }), K(() => [e.value], ([N]) => {
       const l = n(N, !1);
-      f.value = l, u.value = t(l, !1);
-    }), P(() => [e.modelValue], ([N]) => {
-      N !== f.value && (f.value = N, !o.value && (u.value = t(n(N, !1), !1)));
-    }), P(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-      u.value = t(f.value, !1);
+      d.value = l, u.value = t(l, !1);
+    }), K(() => [e.modelValue], ([N]) => {
+      N !== d.value && (d.value = N, !i.value && (u.value = t(n(N, !1), !1)));
+    }), K(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+      u.value = t(d.value, !1);
     }), () => B("div", {
       class: h.value,
       id: e.id
-    }, [w(), i.value && y()]);
+    }, [w(), o.value && y()]);
   }
-}), ge = W(oe);
+}), ge = W(ie);
 export {
-  oe as FNumberSpinner,
+  ie as FNumberSpinner,
   ge as default,
   re as getNumberTextBoxRender,
   ue as getSpinnerRender,

package/components/number-spinner/index.umd.cjs

@@ -1 +1 @@
-(function(b,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("../common/index.umd.js"),require("vue"),require("bignumber.js"),require("../locale/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","bignumber.js","../locale/index.umd.js"],B):(b=typeof globalThis<"u"?globalThis:b||self,B(b["number-spinner"]={},b.common,b.Vue,b.BigNumber,b.locale))})(this,function(b,B,u,V,G){"use strict";const P={id:String,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},formatter:{type:Function},parser:{type:Function},placeholder:{type:String,default:"请输入数字"},step:{type:Number,default:1},max:{type:[Number,String]},min:{type:[Number,String]},showButton:{type:Boolean,default:!0},useThousands:{type:Boolean,default:!0},textAlign:{type:String,default:"left"},autoDecimal:{type:Boolean,default:!0},nullable:{type:Boolean,default:!1},precision:{type:Number,default:0},prefix:{type:String,default:""},suffix:{type:String,default:""},decimalSeparator:{type:String,default:"."},forcePlaceholder:{Type:Boolean,default:!1},groupSeparator:{type:String,default:","},groupSize:{type:Number,default:3},value:{type:[Number,String],default:""},showZero:{type:Boolean,default:!0},modelValue:{type:[Number,String],default:""},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},keyboard:{type:Boolean,default:!0},bigNumber:{type:Boolean,default:!1},needValid:{type:Boolean,default:!1},updateOn:{type:String,default:"change"}};function R(e,d,y,S){const{format:m}=y,{displayValue:g,getRealValue:w,modelValue:l,onNumberValueChanged:f}=S;function n(){const o=new V(l.value||0);return!((e.max||e.max===0)&&!new V(e.max).isNaN()&&o.gte(new V(e.max))&&(l.value||l.value===0))}function x(){const o=new V(l.value||0);return!((e.min||e.min===0)&&!new V(e.min).isNaN()&&o.lte(new V(e.min))&&(l.value||l.value===0))}function t(o){if(e.readonly||e.disabled)return;const O=o==="up"?n:x,p=o==="up"?"plus":"minus";if(O()){const j=new V(l.value||0)[p](Number(e.step)),T=j.toFixed();g.value=m(T),f(w(j))}}function i(){t("up")}function c(){t("down")}function v(o){i(),o.stopPropagation()}function N(o){c(),o.stopPropagation()}return{canDownward:x,canUpward:n,downward:c,onClickDownButton:N,onClickUpButton:v,upward:i}}function K(e,d,y){const S=u.computed(()=>({prefix:e.prefix,suffix:e.suffix,decimalSeparator:e.decimalSeparator,groupSeparator:e.useThousands?e.groupSeparator:"",groupSize:e.groupSize})),{getValidNumberObject:m,precision:g}=y;function w(n){return n=n==null||n===""?"":String(n),n=n.replace(new RegExp(e.prefix,"g"),"").replace(new RegExp(e.suffix,"g"),"").replace(/,/g,""),e.groupSeparator&&e.groupSeparator!==","&&(n=n.replace(new RegExp(`\\${e.groupSeparator}`,"g"),"")),e.decimalSeparator&&e.decimalSeparator!=="."&&(n=n.replace(new RegExp(`\\${e.decimalSeparator}`,"g"),".")),n}function l(n,x){return e.precision!==null&&e.precision!==void 0?n.toFormat(g.value,x):n.toFormat(x)}function f(n,x=!0){const t=w(n),i=new V(t,10);let c=i;return x&&(c=m(i)),c.valueOf()==="0"&&!e.showZero||c.isNaN()?"":e.formatter?e.formatter(c.toNumber()):l(c,S.value)}return{cleanFormat:w,format:f}}function E(e,d){const y=u.ref(""),S=u.ref(e.modelValue),m=u.computed(()=>Number(e.precision)||0),g=u.ref(e.bigNumber);function w(t){return t.toFixed(m.value)}function l(t){return isNaN(t)||t===null||t===void 0||t===""}function f(t){const i=l(e.max)?null:new V(String(e.max),10),c=l(e.min)?null:new V(String(e.min),10);return i&&t.gt(i)?i:c&&t.lt(c)?c:t}function n(t,i=!0){if(e.parser)return isNaN(Number(t))?e.parser(t):t;let c=new V(t,10);if(i&&(c=f(c)),c.isNaN()){if(e.nullable)return null;if(e.showZero&&i)return 0;if(!i)return null;const N=new V(""+e.min,10),o=new V(""+e.max,10);if(!N.isNaN())c=N;else if(!o.isNaN())c=o;else return 0}return w(c)}function x(t){let i=g.value?t:Number(t);e.nullable&&t===null&&(i=null),i!==e.modelValue&&(d.emit("update:modelValue",i),d.emit("valueChange",i),d.emit("change",i))}return{displayValue:y,getRealValue:n,modelValue:S,isEmpty:l,onNumberValueChanged:x,precision:m,getValidNumberObject:f,toFixed:w}}function I(e,d,y,S,m){const{cleanFormat:g,format:w}=y,{displayValue:l,getRealValue:f,modelValue:n,isEmpty:x,onNumberValueChanged:t,getValidNumberObject:i,toFixed:c}=S,{downward:v,upward:N}=m,o=u.ref(!1),O=u.computed(()=>l.value);function p(a){var C;if(a.stopPropagation(),o.value=!1,e.readonly||e.disabled)return;const r=(C=a.target)==null?void 0:C.value,s=g(r);let h=f(s,e.needValid);e.needValid&&h!=null&&(h=c(i(new V(h,10)))),l.value=w(h,e.needValid),e.updateOn==="blur"&&t(h),d.emit("blur",{event:a,formatted:l.value,value:n.value})}function q(){const a=n.value;if(x(a)||!e.showZero&&a===0)return"";const r=f(a,e.needValid);if(!r&&r!==0)return"";try{const s=new V(r,10);return s.isNaN()||!s.isFinite()?"":s.toFixed()}catch{return""}}function j(a){if(a.stopPropagation(),o.value=!0,e.readonly||e.disabled)return;const r=f(n.value,e.needValid);l.value=q(),d.emit("focus",{event:a,formatted:r,value:n.value})}function T(a){var C;a.stopPropagation();let r=(C=a.target)==null?void 0:C.value;e.nullable||(r=r||0);const s=g(r);let h=f(s,e.needValid);e.updateOn==="change"&&(e.needValid&&(h=c(i(new V(h,10)))),l.value=r,t(h)),d.emit("input",h)}function J(a){const r=a;return r.value.substring((r==null?void 0:r.selectionStart)||0,(r==null?void 0:r.selectionEnd)||0)}function Q(a){const{key:r,keyCode:s,target:h,ctrlKey:C,metaKey:X,shiftKey:z}=a;if(!h)return;const _=h,F=_.value,Y=Number(e.precision),$=new Set([".","-","%"]),ee=J(h);if($.has(r)&&F.includes(r)&&!ee.includes(r)||e.precision===0&&[110,190].includes(s)){a.preventDefault();return}const te=new Set([46,8,9,27,13,110,190,173]),ne=new Set([65,67,86,88]),ae=new Set([...Array.from({length:5},(D,k)=>35+k),189,109]);if(te.has(s)||ne.has(s)&&(C||X)||ae.has(s))return;if(!(!z&&(s>=48&&s<=57||s>=96&&s<=105))){a.preventDefault();return}if((z||s<48||s>57)&&(s<96||s>105)&&a.preventDefault(),F.includes(".")&&e.precision){const D=F.indexOf("."),k=F.length-D-1;if((_.selectionStart||0)>D&&k>=Y)return a.preventDefault(),!1}}const M=a=>{var h;let r=(h=a.target)==null?void 0:h.value;e.nullable||(r=r||0);const s=g(r);n.value=f(s)};function W(a){return e.keyboard&&a.key==="ArrowDown"&&(a.preventDefault(),M(a),v(),a.stopPropagation()),e.keyboard&&a.key==="ArrowUp"&&(a.preventDefault(),M(a),N(),a.stopPropagation()),Q(a)}return{textBoxValue:O,onBlurTextBox:p,onFocusTextBox:j,onInput:T,onKeyDown:W,isFocus:o}}function A(e,d,y){const{canDownward:S,canUpward:m,onClickDownButton:g,onClickUpButton:w}=y,l=u.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),f=u.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),n=u.computed(()=>({cursor:m()?"pointer":"not-allowed","margin-left":0})),x=u.computed(()=>({cursor:S()?"pointer":"not-allowed","margin-left":0}));return()=>u.createVNode("div",{class:l.value},[u.createVNode("button",{class:f.value,style:n.value,onClick:w,disabled:!m()},[u.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron",style:"cursor: inherit"},null)]),u.createVNode("button",{class:f.value,style:x.value,onClick:g,disabled:!S()},[u.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron",style:"cursor: inherit"},null)])])}function L(e){function d(m,g,w){return g===w?G.LocaleService.getLocaleValue(m):g||""}const y=d("numberSpinner.placeholder",e.placeholder,"请输入数字"),S={begin:d("numberSpinner.range.begin",e.beginPlaceholder,"开始数字"),end:d("numberSpinner.range.end",e.endPlaceholder,"结束数字")};return{placeholder:y,range:S}}function U(e,d,y){const S=L(e),m=u.ref(),{onBlurTextBox:g,onFocusTextBox:w,onInput:l,onKeyDown:f,textBoxValue:n}=y,x=u.computed(()=>(e.disabled||e.readonly||!e.editable)&&!e.forcePlaceholder?"":S.placeholder),t=u.computed(()=>({"form-control":!0,"f-utils-fill":!0})),i=u.computed(()=>({"text-align":e.textAlign}));function c(o){o.stopPropagation()}function v(){var o,O;e.selectOnCreated&&((o=m.value)==null||o.select()),e.focusOnCreated&&((O=m.value)==null||O.focus({preventScroll:!0}))}async function N(o){w(o),await u.nextTick,v()}return u.onMounted(async()=>{await u.nextTick,v()}),()=>u.createVNode("input",{ref:m,class:t.value,style:i.value,type:"text",value:n.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:x.value,onBlur:g,onChange:c,onFocus:N,onInput:l,onKeydown:f,title:n.value},null)}const Z=u.defineComponent({name:"FNumberSpinner",props:P,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(e,d){const y=E(e,d),S=K(e,d,y),m=R(e,d,S,y),g=I(e,d,S,y,m),w=A(e,d,m),{displayValue:l,modelValue:f,getRealValue:n}=y,x=U(e,d,g),{format:t}=S,{isFocus:i}=g,c=u.computed(()=>!e.disabled&&!e.readonly&&e.showButton),v=u.computed(()=>({"input-group":!0,"flex-row":!0,"f-cmp-number-spinner":!0,"f-state-disabled":e.disable,"f-state-readonly":e.readonly&&!e.disable,"f-state-focus":i.value,"spinner-hidden":!c.value}));return u.onMounted(()=>{const N=n(e.modelValue,!1);l.value=t(N,!1)}),u.watch(()=>[e.value],([N])=>{const o=n(N,!1);f.value=o,l.value=t(o,!1)}),u.watch(()=>[e.modelValue],([N])=>{N!==f.value&&(f.value=N,!i.value&&(l.value=t(n(N,!1),!1)))}),u.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{l.value=t(f.value,!1)}),()=>u.createVNode("div",{class:v.value,id:e.id},[x(),c.value&&w()])}}),H=B.withInstall(Z);b.FNumberSpinner=Z,b.default=H,b.getNumberTextBoxRender=U,b.getSpinnerRender=A,b.numberSpinnerProps=P,b.useFormat=K,b.useNumber=E,b.useNumberLocales=L,b.useSpinner=R,b.useTextBox=I,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(b,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("../common/index.umd.js"),require("vue"),require("bignumber.js"),require("../locale/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","bignumber.js","../locale/index.umd.js"],B):(b=typeof globalThis<"u"?globalThis:b||self,B(b["number-spinner"]={},b.common,b.Vue,b.BigNumber,b.locale))})(this,function(b,B,u,V,G){"use strict";const P={id:String,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},formatter:{type:Function},parser:{type:Function},placeholder:{type:String,default:"请输入数字"},step:{type:Number,default:1},max:{type:[Number,String]},min:{type:[Number,String]},showButton:{type:Boolean,default:!0},useThousands:{type:Boolean,default:!0},textAlign:{type:String,default:"left"},autoDecimal:{type:Boolean,default:!0},nullable:{type:Boolean,default:!1},precision:{type:Number,default:0},prefix:{type:String,default:""},suffix:{type:String,default:""},decimalSeparator:{type:String,default:"."},forcePlaceholder:{Type:Boolean,default:!1},groupSeparator:{type:String,default:","},groupSize:{type:Number,default:3},value:{type:[Number,String],default:""},showZero:{type:Boolean,default:!0},modelValue:{type:[Number,String],default:""},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},keyboard:{type:Boolean,default:!0},bigNumber:{type:Boolean,default:!1},needValid:{type:Boolean,default:!1},updateOn:{type:String,default:"change"}};function R(e,d,y,S){const{format:m}=y,{displayValue:g,getRealValue:w,modelValue:l,onNumberValueChanged:f}=S;function n(){const o=new V(l.value||0);return!((e.max||e.max===0)&&!new V(e.max).isNaN()&&o.gte(new V(e.max))&&(l.value||l.value===0))}function x(){const o=new V(l.value||0);return!((e.min||e.min===0)&&!new V(e.min).isNaN()&&o.lte(new V(e.min))&&(l.value||l.value===0))}function t(o){if(e.readonly||e.disabled)return;const O=o==="up"?n:x,T=o==="up"?"plus":"minus";if(O()){const j=new V(l.value||0)[T](Number(e.step)),p=j.toFixed();g.value=m(p),f(w(j))}}function i(){t("up")}function c(){t("down")}function v(o){i(),o.stopPropagation()}function N(o){c(),o.stopPropagation()}return{canDownward:x,canUpward:n,downward:c,onClickDownButton:N,onClickUpButton:v,upward:i}}function K(e,d,y){const S=u.computed(()=>({prefix:e.prefix,suffix:e.suffix,decimalSeparator:e.decimalSeparator,groupSeparator:e.useThousands?e.groupSeparator:"",groupSize:e.groupSize})),{getValidNumberObject:m,precision:g}=y;function w(n){return n=n==null||n===""?"":String(n),n=n.replace(new RegExp(e.prefix,"g"),"").replace(new RegExp(e.suffix,"g"),"").replace(/,/g,""),e.groupSeparator&&e.groupSeparator!==","&&(n=n.replace(new RegExp(`\\${e.groupSeparator}`,"g"),"")),e.decimalSeparator&&e.decimalSeparator!=="."&&(n=n.replace(new RegExp(`\\${e.decimalSeparator}`,"g"),".")),n}function l(n,x){return e.precision!==null&&e.precision!==void 0?n.toFormat(g.value,x):n.toFormat(x)}function f(n,x=!0){const t=w(n),i=new V(t,10);let c=i;return x&&(c=m(i)),c.valueOf()==="0"&&!e.showZero||c.isNaN()?"":e.formatter?e.formatter(c.toNumber()):l(c,S.value)}return{cleanFormat:w,format:f}}function E(e,d){const y=u.ref(""),S=u.ref(e.modelValue),m=u.computed(()=>Number(e.precision)||0),g=u.ref(e.bigNumber);function w(t){return t.toFixed(m.value)}function l(t){return isNaN(t)||t===null||t===void 0||t===""}function f(t){const i=l(e.max)?null:new V(String(e.max),10),c=l(e.min)?null:new V(String(e.min),10);return i&&t.gt(i)?i:c&&t.lt(c)?c:t}function n(t,i=!0){if(e.parser)return isNaN(Number(t))?e.parser(t):t;let c=new V(t,10);if(i&&(c=f(c)),c.isNaN()){if(e.nullable)return null;if(e.showZero&&i)return 0;if(!i)return null;const N=new V(""+e.min,10),o=new V(""+e.max,10);if(!N.isNaN())c=N;else if(!o.isNaN())c=o;else return 0}return w(c)}function x(t){let i=g.value?t:Number(t);e.nullable&&t===null&&(i=null),i!==e.modelValue&&(d.emit("update:modelValue",i),d.emit("valueChange",i),d.emit("change",i))}return{displayValue:y,getRealValue:n,modelValue:S,isEmpty:l,onNumberValueChanged:x,precision:m,getValidNumberObject:f,toFixed:w}}function I(e,d,y,S,m){const{cleanFormat:g,format:w}=y,{displayValue:l,getRealValue:f,modelValue:n,isEmpty:x,onNumberValueChanged:t,getValidNumberObject:i,toFixed:c}=S,{downward:v,upward:N}=m,o=u.ref(!1),O=u.computed(()=>l.value);function T(a){var C;if(a.stopPropagation(),o.value=!1,e.readonly||e.disabled)return;const r=(C=a.target)==null?void 0:C.value,s=g(r);let h=f(s,e.needValid);e.needValid&&h!=null&&(h=c(i(new V(h,10)))),l.value=w(h,e.needValid),e.updateOn==="blur"&&t(h),d.emit("blur",{event:a,formatted:l.value,value:n.value})}function q(){const a=n.value;if(x(a)||!e.showZero&&a===0)return"";const r=f(a,e.needValid);if(!r&&r!==0)return"";try{const s=new V(r,10);return s.isNaN()||!s.isFinite()?"":s.toFixed()}catch{return""}}function j(a){if(a.stopPropagation(),o.value=!0,e.readonly||e.disabled)return;const r=f(n.value,e.needValid);l.value=q(),d.emit("focus",{event:a,formatted:r,value:n.value})}function p(a){var C;a.stopPropagation();let r=(C=a.target)==null?void 0:C.value;e.nullable||(r=r||0);const s=g(r);let h=f(s,e.needValid);e.updateOn==="change"&&(e.needValid&&(h=c(i(new V(h,10)))),l.value=r,t(h)),d.emit("input",h)}function J(a){const r=a;return r.value.substring((r==null?void 0:r.selectionStart)||0,(r==null?void 0:r.selectionEnd)||0)}function Q(a){const{key:r,keyCode:s,target:h,ctrlKey:C,metaKey:X,shiftKey:z}=a;if(!h)return;const _=h,F=_.value,Y=Number(e.precision),$=new Set([".","-","%"]),ee=J(h);if($.has(r)&&F.includes(r)&&!ee.includes(r)||e.precision===0&&[110,190].includes(s)){a.preventDefault();return}const te=new Set([46,8,9,27,13,110,190,173]),ne=new Set([65,67,86,88]),ae=new Set([...Array.from({length:5},(D,k)=>35+k),189,109]);if(te.has(s)||ne.has(s)&&(C||X)||ae.has(s))return;if(!(!z&&(s>=48&&s<=57||s>=96&&s<=105))){a.preventDefault();return}if((z||s<48||s>57)&&(s<96||s>105)&&a.preventDefault(),F.includes(".")&&e.precision){const D=F.indexOf("."),k=F.length-D-1;if((_.selectionStart||0)>D&&k>=Y)return a.preventDefault(),!1}}const M=a=>{var h;let r=(h=a.target)==null?void 0:h.value;e.nullable||(r=r||0);const s=g(r);n.value=f(s)};function W(a){return e.keyboard&&a.key==="ArrowDown"&&(a.preventDefault(),M(a),v(),a.stopPropagation()),e.keyboard&&a.key==="ArrowUp"&&(a.preventDefault(),M(a),N(),a.stopPropagation()),Q(a)}return{textBoxValue:O,onBlurTextBox:T,onFocusTextBox:j,onInput:p,onKeyDown:W,isFocus:o}}function A(e,d,y){const{canDownward:S,canUpward:m,onClickDownButton:g,onClickUpButton:w}=y,l=u.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),f=u.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),n=u.computed(()=>({cursor:m()?"pointer":"not-allowed","margin-left":0})),x=u.computed(()=>({cursor:S()?"pointer":"not-allowed","margin-left":0}));return()=>u.createVNode("div",{class:l.value},[u.createVNode("button",{class:f.value,style:n.value,onClick:w,disabled:!m()},[u.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron",style:"cursor: inherit"},null)]),u.createVNode("button",{class:f.value,style:x.value,onClick:g,disabled:!S()},[u.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron",style:"cursor: inherit"},null)])])}function L(e){function d(m,g,w){return g===w?G.LocaleService.getLocaleValue(m):g||""}const y=d("numberSpinner.placeholder",e.placeholder,"请输入数字"),S={begin:d("numberSpinner.range.begin",e.beginPlaceholder,"开始数字"),end:d("numberSpinner.range.end",e.endPlaceholder,"结束数字")};return{placeholder:y,range:S}}function U(e,d,y){const S=L(e),m=u.ref(),{onBlurTextBox:g,onFocusTextBox:w,onInput:l,onKeyDown:f,textBoxValue:n}=y,x=u.computed(()=>(e.disabled||e.readonly||!e.editable)&&!e.forcePlaceholder?"":S.placeholder),t=u.computed(()=>({"form-control":!0,"f-utils-fill":!0})),i=u.computed(()=>({"text-align":e.textAlign}));function c(o){o.stopPropagation()}function v(){var o,O;e.selectOnCreated&&((o=m.value)==null||o.select()),e.focusOnCreated&&((O=m.value)==null||O.focus({preventScroll:!0}))}async function N(o){w(o),await u.nextTick,v()}return u.onMounted(async()=>{await u.nextTick,v()}),()=>u.createVNode("input",{ref:m,class:t.value,style:i.value,type:"text",value:n.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:x.value,onBlur:g,onChange:c,onFocus:N,onInput:l,onKeydown:f,title:n.value},null)}const Z=u.defineComponent({name:"FNumberSpinner",props:P,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(e,d){const y=E(e,d),S=K(e,d,y),m=R(e,d,S,y),g=I(e,d,S,y,m),w=A(e,d,m),{displayValue:l,modelValue:f,getRealValue:n}=y,x=U(e,d,g),{format:t}=S,{isFocus:i}=g,c=u.computed(()=>!e.disabled&&!e.readonly&&e.showButton),v=u.computed(()=>({"input-group":!0,"flex-row":!0,"f-cmp-number-spinner":!0,"f-state-disabled":e.disable,"f-state-readonly":e.readonly&&!e.disable,"f-state-focus":i.value&&!e.readonly&&!e.disable,"spinner-hidden":!c.value}));return u.onMounted(()=>{const N=n(e.modelValue,!1);l.value=t(N,!1)}),u.watch(()=>[e.value],([N])=>{const o=n(N,!1);f.value=o,l.value=t(o,!1)}),u.watch(()=>[e.modelValue],([N])=>{N!==f.value&&(f.value=N,!i.value&&(l.value=t(n(N,!1),!1)))}),u.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{l.value=t(f.value,!1)}),()=>u.createVNode("div",{class:v.value,id:e.id},[x(),c.value&&w()])}}),H=B.withInstall(Z);b.FNumberSpinner=Z,b.default=H,b.getNumberTextBoxRender=U,b.getSpinnerRender=A,b.numberSpinnerProps=P,b.useFormat=K,b.useNumber=E,b.useNumberLocales=L,b.useSpinner=R,b.useTextBox=I,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});