@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1 +1 @@
-(function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("lodash-es"),require("bignumber.js"),require("../dynamic-resolver/index.umd.js"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js","../dynamic-resolver/index.umd.js","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b["number-spinner"]={},b.Vue,b.LodashES,b.BigNumber,b.dynamicResolver,b.useResponseLayoutEditorSetting))})(this,function(b,d,B,M,z,X){"use strict";var Ce=Object.defineProperty;var ve=(b,d,B)=>d in b?Ce(b,d,{enumerable:!0,configurable:!0,writable:!0,value:B}):b[d]=B;var k=(b,d,B)=>ve(b,typeof d!="symbol"?d+"":d,B);const Z={},R={};function U(t){const{properties:n,title:e,ignore:r}=t,i=r&&Array.isArray(r),c=Object.keys(n).reduce((s,p)=>((!i||!r.find(u=>u==p))&&(s[p]=n[p].type==="object"&&n[p].properties?U(n[p]):B.cloneDeep(n[p].default)),s),{});return(!i||!r.find(s=>s=="id"))&&(c.id=`${e}-${Date.now()}`),c}function q(t,n={},e){const r=Z[t];if(r){let i=U(r);const c=R[t];return i=c?c({getSchemaByType:q},i,n,e):i,i}return null}function Q(t,n){const e=U(n);return Object.keys(t).reduce((r,i)=>(r[i]&&B.isPlainObject(r[i])&&B.isPlainObject(t[i])?Object.assign(r[i],t[i]):r[i]=t[i],r),e),e}function Y(t,n){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,i)=>{if(n.has(i)){const c=n.get(i);if(typeof c=="string")r[c]=t[i];else{const s=c(i,t[i],t);Object.assign(r,s)}}else r[i]=t[i];return r},{})}function H(t,n,e=new Map){const r=Q(t,n);return Y(r,e)}function K(t={}){function n(o,l,a,m){if(typeof a=="number")return m[o].length===a;if(typeof a=="object"){const g=Object.keys(a)[0],f=a[g];if(g==="not")return Number(m[o].length)!==Number(f);if(g==="moreThan")return Number(m[o].length)>=Number(f);if(g==="lessThan")return Number(m[o].length)<=Number(f)}return!1}function e(o,l,a,m){return m[o]&&m[o].propertyValue&&String(m[o].propertyValue.value)===String(a)}const r=new Map([["length",n],["getProperty",e]]);Object.keys(t).reduce((o,l)=>(o.set(l,t[l]),o),r);function i(o,l){const a=o;return typeof l=="number"?[{target:a,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:a,operator:"getProperty",param:o,value:!!l}]:typeof l=="object"?Object.keys(l).map(m=>{if(m==="length")return{target:a,operator:"length",param:null,value:l[m]};const g=m,f=l[m];return{target:a,operator:"getProperty",param:g,value:f}}):[]}function c(o){return Object.keys(o).reduce((a,m)=>{const g=i(m,o[m]);return a.push(...g),a},[])}function s(o,l){if(r.has(o.operator)){const a=r.get(o.operator);return a&&a(o.target,o.param,o.value,l)||!1}return!1}function p(o,l){return c(o).reduce((g,f)=>g&&s(f,l),!0)}function u(o,l){const a=Object.keys(o),m=a.includes("allOf"),g=a.includes("anyOf"),f=m||g,F=(f?o[f?m?"allOf":"anyOf":"allOf"]:[o]).map(D=>p(D,l));return m?!F.includes(!1):F.includes(!0)}return{parseValueSchema:u}}const y={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},ee={},te={};K();function ne(t,n,e=new Map,r=(s,p,u)=>p,i={},c=s=>s){return Z[n.title]=n,R[n.title]=r,ee[n.title]=i,te[n.title]=c,(s={})=>{const p=H(s,n,e),u=Object.keys(t).reduce((o,l)=>(o[l]=t[l].default,o),{});return Object.assign(u,p)}}function oe(t,n){return{customClass:n.class,customStyle:n.style}}const re=new Map([["appearance",oe]]),ie={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/number-spinner.schema.json",title:"number-spinner",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a number spinner",type:"string"},type:{description:"The type string of number spinner component",type:"string",default:"number-spinner"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},max:{description:"",type:"number"},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"],ignore:["id","appearance","binding"]};function ae(t,n,e){return n}const L={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},canNull:{type:Boolean,default:!1},precision:{type:Number,default:0},prefix:{type:String,default:""},suffix:{type:String,default:""},decimalSeparator:{type:String,default:"."},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}},I=ne(L,ie,re,ae);function $(t,n,e,r){const{format:i}=e,{displayValue:c,getRealValue:s,modelValue:p,onNumberValueChanged:u}=r;function o(){const S=new M(p.value||0);return!(t.max&&!new M(t.max).isNaN()&&S.gte(new M(t.max)))}function l(){const S=new M(p.value||0);return!(t.min&&!new M(t.min).isNaN()&&S.lte(new M(t.min)))}function a(S){if(t.readonly||t.disabled)return;const F=S==="up"?o:l,E=S==="up"?"plus":"minus";if(F()){const C=new M(p.value||0)[E](Number(t.step)),N=C.toFixed();c.value=i(N),u(s(C))}}function m(){a("up")}function g(){a("down")}function f(S){m(),S.stopPropagation()}function w(S){g(),S.stopPropagation()}return{canDownward:l,canUpward:o,downward:g,onClickDownButton:w,onClickUpButton:f,upward:m}}function G(t,n,e){const r=d.computed(()=>({prefix:t.prefix,suffix:t.suffix,decimalSeparator:t.decimalSeparator,groupSeparator:t.useThousands?t.groupSeparator:"",groupSize:t.groupSize})),{getValidNumberObject:i,precision:c}=e;function s(o){return o=o==null||o===""?"":String(o),o=o.replace(new RegExp(t.prefix,"g"),"").replace(new RegExp(t.suffix,"g"),"").replace(/,/g,""),t.groupSeparator&&t.groupSeparator!==","&&(o=o.replace(new RegExp(`\\${t.groupSeparator}`,"g"),"")),t.decimalSeparator&&t.decimalSeparator!=="."&&(o=o.replace(new RegExp(`\\${t.decimalSeparator}`,"g"),".")),o}function p(o,l){return t.precision!==null&&t.precision!==void 0?o.toFormat(c.value,l):o.toFormat(l)}function u(o){const l=s(o),a=new M(l,10),m=i(a);return m.valueOf()==="0"&&!t.showZero||m.isNaN()?"":t.formatter?t.formatter(m.toNumber()):p(m,r.value)}return{cleanFormat:s,format:u}}function W(t,n){const e=d.ref(""),r=d.ref(t.modelValue),i=d.computed(()=>Number(t.precision)||0);function c(l){return l.toFixed(i.value)}function s(l){return isNaN(l)||l===null||l===void 0||l===""}function p(l){const a=s(t.max)?null:new M(String(t.max),10),m=s(t.min)?null:new M(String(t.min),10);return a&&l.gt(a)?a:m&&l.lt(m)?m:l}function u(l){if(t.parser)return isNaN(Number(l))?t.parser(l):l;let a=p(new M(l,10));if(a.isNaN()){if(t.canNull)return null;const g=new M(""+t.min,10),f=new M(""+t.max,10);if(!g.isNaN())a=g;else if(!f.isNaN())a=f;else return 0}return c(a)}function o(l){const a=Number(l);r.value=a,n.emit("update:modelValue",a),n.emit("valueChange",a),n.emit("change",a)}return{displayValue:e,getRealValue:u,modelValue:r,isEmpty:s,onNumberValueChanged:o,precision:i,getValidNumberObject:p}}function _(t,n,e,r,i){const{cleanFormat:c,format:s}=e,{displayValue:p,getRealValue:u,modelValue:o,isEmpty:l,onNumberValueChanged:a}=r,{downward:m,upward:g}=i,f=d.ref(!1),w=d.computed(()=>p.value);function S(C){var v;if(C.stopPropagation(),f.value=!1,t.readonly||t.disabled)return;let N=(v=C.target)==null?void 0:v.value;t.canNull||(N=N||0);const h=c(N);p.value=s(h),a(u(h)),n.emit("blur",{event:C,formatted:p.value,value:o.value})}function F(C){C.stopPropagation(),f.value=!0,!(t.readonly||t.disabled)&&(p.value=l(o.value)||!t.showZero&&o.value==="0"?"":String(o.value),n.emit("focus",{event:C,formatted:p.value,value:o.value}))}function E(C){var v;C.stopPropagation();let N=(v=C.target)==null?void 0:v.value;t.canNull||(N=N||0);const h=c(N);p.value=h,a(u(h))}function D(C){C.key==="ArrowDown"&&(C.preventDefault(),m()),C.key==="ArrowUp"&&(C.preventDefault(),g()),C.stopPropagation()}return{textBoxValue:w,onBlurTextBox:S,onFocusTextBox:F,onInput:E,onKeyDown:D,isFocus:f}}function J(t,n,e){const{canDownward:r,canUpward:i,onClickDownButton:c,onClickUpButton:s}=e,p=d.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),u=d.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),o=d.computed(()=>({cursor:i()?"pointer":"not-allowed","margin-left":0})),l=d.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0}));return()=>d.createVNode("div",{class:p.value},[d.createVNode("button",{title:"upButton",class:u.value,style:o.value,onClick:s,disabled:!i()},[d.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),d.createVNode("button",{title:"downButton",class:u.value,style:l.value,onClick:c,disabled:!r()},[d.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function le(t,n,e){const r=d.ref(),{onBlurTextBox:i,onFocusTextBox:c,onInput:s,onKeyDown:p,textBoxValue:u}=e,o=d.computed(()=>t.disabled||t.readonly||!t.editable?"":t.placeholder),l=d.computed(()=>({"form-control":!0,"f-utils-fill":!0})),a=d.computed(()=>({"text-align":t.textAlign}));function m(w){w.stopPropagation()}function g(){t.selectOnCreated,t.focusOnCreated}async function f(w){c(w),await d.nextTick,g()}return d.onMounted(async()=>{await d.nextTick,g()}),()=>d.createVNode("input",{ref:r,class:l.value,style:a.value,type:"text",value:u.value,disabled:t.disabled,readonly:t.readonly||!t.editable,placeholder:o.value,onBlur:i,onChange:m,onFocus:f,onInput:s,onKeydown:p},null)}const A=d.defineComponent({name:"FNumberSpinner",props:L,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(t,n){const e=W(t,n),r=G(t,n,e),i=$(t,n,r,e),c=_(t,n,r,e,i),s=J(t,n,i),{displayValue:p,modelValue:u,getRealValue:o}=e,l=le(t,n,c),{format:a}=r,{isFocus:m}=c,g=d.computed(()=>!t.disabled&&!t.readonly&&t.showButton);return d.onMounted(()=>{const f=o(t.modelValue);p.value=a(f)}),d.watch(()=>[t.value],([f])=>{const w=o(f);u.value=w,p.value=a(w)}),d.watch(()=>[t.modelValue],([f])=>{f!==u.value&&(u.value=f,!m.value&&(p.value=a(o(f))))}),d.watch(()=>[t.precision,t.useThousands,t.prefix,t.suffix,t.showZero],()=>{p.value=a(u.value)}),()=>d.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[l(),g.value&&s()])}});function ce(t,n,e){var N;function r(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}r();const i=e&&e.getStyles&&e.getStyles()||"",c=e&&e.getDesignerClass&&e.getDesignerClass()||"",s=d.ref();function p(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function u(){return!1}function o(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function l(){return(n==null?void 0:n.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function a(h){if(!h||!h.value)return null;if(h.value.schema&&h.value.schema.type==="component")return h.value;const v=d.ref(h==null?void 0:h.value.parent),V=a(v);return V||null}function m(h=n){const{componentInstance:v,designerItemElementRef:V}=h;return!v||!v.value?null:v.value.canMove?V:m(h.parent)}function g(h){return!!e&&e.canAccepts(h)}function f(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function w(){}function S(h,v){v&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(v)}function F(h,v){const{componentType:V}=h;let T=q(V,h,v);e&&e.onResolveNewComponentSchema&&(T=e.onResolveNewComponentSchema(h,T));const O=V.toLowerCase().replace("-","_");return T&&!T.id&&T.type===V&&(T.id=`${O}_${Math.random().toString().slice(2,6)}`),T}function E(h,v){const V=String(h.getAttribute("data-controltype")),T=h.getAttribute("data-feature"),O=T?JSON.parse(T):{};O.parentComponentInstance=s.value;let x=q(V,O);e&&e.onAcceptNewChildElement&&(x=e.onAcceptNewChildElement(h,v,x));const be=V.toLowerCase().replace("-","_");return x&&!x.id&&x.type===V&&(x.id=`${be}_${Math.random().toString().slice(2,6)}`),x}function D(h){}function C(...h){if(e&&e.getPropsConfig)return e.getPropsConfig(...h)}return s.value={canMove:p(),canSelectParent:u(),canDelete:o(),canNested:!l(),contents:n==null?void 0:n.schema.contents,elementRef:t,parent:(N=n==null?void 0:n.parent)==null?void 0:N.componentInstance,schema:n==null?void 0:n.schema,styles:i,designerClass:c,canAccepts:g,getBelongedComponentInstance:a,getDraggableDesignItemElement:m,getDraggingDisplayText:f,getPropConfig:C,getDragScopeElement:w,onAcceptMovedChildElement:S,onAcceptNewChildElement:E,onChildElementMovedOut:D,addNewChildComponentSchema:F,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||d.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||d.ref(!1)},s}class se{constructor(n,e){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=n,this.designerHostService=e,this.eventsEditorUtils=e.eventsEditorUtils,this.formSchemaUtils=e.formSchemaUtils,this.formMetadataConverter=e.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=e.designViewModelUtils,this.controlCreatorUtils=e.controlCreatorUtils,this.metadataService=e.metadataService,this.schemaService=e.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){const e=n.binding&&n.binding.type==="Form"&&n.binding.field;if(e){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(i=>i.id===e)}n.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(n,e){}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",data:[{value:n.type,name:y[n.type].name}]}}}}}getAppearanceConfig(n=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(n,e){const r=e&&e.parent&&e.parent.schema;if(!r)return;const i=r.contents.findIndex(s=>s.id===n),c=B.cloneDeep(r.contents[i]);r.contents.splice(i,1),r.contents.splice(i,0,c)}}const P=class P{static getEditorTypesByMDataType(n){const e=P.fieldControlTypeMapping[n];return e||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(let e in P.fieldControlTypeMapping)P.fieldControlTypeMapping[e].forEach(r=>{n.find(i=>i.key===r.key&&i.value===r.value)||n.push({key:r.key,value:r.value})});return n}};k(P,"fieldControlTypeMapping",{String:[{key:y["input-group"].type,value:y["input-group"].name},{key:y.lookup.type,value:y.lookup.name},{key:y["date-picker"].type,value:y["date-picker"].name},{key:y["check-box"].type,value:y["check-box"].name},{key:y["radio-group"].type,value:y["radio-group"].name},{key:y["combo-list"].type,value:y["combo-list"].name},{key:y.textarea.type,value:y.textarea.name}],Text:[{key:y.textarea.type,value:y.textarea.name},{key:y.lookup.type,value:y.lookup.name}],Decimal:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Integer:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Number:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],BigNumber:[{key:y["number-spinner"].type,value:y["number-spinner"].name}],Date:[{key:y["date-picker"].type,value:y["date-picker"].name}],DateTime:[{key:y["date-picker"].type,value:y["date-picker"].name}],Boolean:[{key:y.switch.type,value:y.switch.name},{key:y["check-box"].type,value:y["check-box"].name}],Enum:[{key:y["combo-list"].type,value:y["combo-list"].name},{key:y["radio-group"].type,value:y["radio-group"].name}],Object:[{key:y.lookup.type,value:y.lookup.name},{key:y["combo-list"].type,value:y["combo-list"].name},{key:y["radio-group"].type,value:y["radio-group"].name}]});let j=P;const ue=d.ref(0);class pe extends se{constructor(e,r){super(e,r);k(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=X.useResponseLayoutEditorSetting(this.formSchemaUtils)}getPropertyConfig(e,r){return this.propertyConfig.categories.basic=this.getBasicProperties(e,r),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,r),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,r){var p;var i=this;this.setDesignViewModelField(e);const c=this.formSchemaUtils.getFormMetadataBasicInfo(),s=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:i.designViewModelField?j.getEditorTypesByMDataType((p=i.designViewModelField.type)==null?void 0:p.name):j.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:e,formBasicInfo:c},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:s}}},setPropertyRelates(u,o){if(u)switch(u&&u.propertyID){case"type":{i.changeControlType(e,u,r);break}case"label":{u.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e,r){var i=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,i.componentId)}}},setPropertyRelates(c,s){if(c)switch(c&&c.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue,i.componentId||e.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(e.id,r),delete e.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(c.propertyValue,e.id,this.componentId),i.updateElementByParentContainer(e.id,r);break}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,r,i){var l,a,m,g;const c=r.propertyValue,s=i&&i.parent&&i.parent.schema;if(!s)return;const p=s.contents.findIndex(f=>f.id===e.id),u=s.contents[p];let o;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:c},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),o=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,c)),o||(o=z.getSchemaByType("form-group")||{},o.editor=z.getSchemaByType(c)||{},delete o.editor.id,delete o.editor.binding,delete o.editor.appearance),Object.assign(o,{id:u.id,appearance:u.appearance,size:u.size,label:u.label,binding:u.binding,visible:u.visible}),Object.assign(o.editor,{isTextArea:o.isTextArea&&u.isTextArea,placeholder:(l=u.editor)==null?void 0:l.placeholder,holdPlace:(a=u.editor)==null?void 0:a.holdPlace,readonly:(m=u.editor)==null?void 0:m.readonly,require:(g=u.editor)==null?void 0:g.require}),s.contents.splice(p,1),s.contents.splice(p,0,o),i.schema=Object.assign(u,o),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(f=>f.classList.remove("dgComponentSelected")),ue.value++}getComponentConfig(e,r={},i={}){const c=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),s=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},i);return{...c,properties:{...s}}}updateUnifiedLayoutAfterControlChanged(e,r,i){const c=e.split(" ");let s=c.find(a=>/^col-([1-9]|10|11|12)$/.test(a)),p=c.find(a=>/^col-md-([1-9]|10|11|12)$/.test(a)),u=c.find(a=>/^col-xl-([1-9]|10|11|12)$/.test(a)),o=c.find(a=>/^col-el-([1-9]|10|11|12)$/.test(a));s=s||"col-12",p=p||"col-md-"+s.replace("col-",""),u=u||"col-xl-"+p.replace("col-md-",""),o=o||"col-el-"+u.replace("col-xl-","");const l={id:r,columnInSM:parseInt(s.replace("col-",""),10),columnInMD:parseInt(p.replace("col-md-",""),10),columnInLG:parseInt(u.replace("col-xl-",""),10),columnInEL:parseInt(o.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,l)}updateUnifiedLayoutAfterResponseLayoutChanged(e,r){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!i||!i.unifiedLayout)return;const c=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,c,1),r){const f=c.find(w=>w.id===r.id);Object.assign(f||{},r)}const s=c.map(f=>f.columnInSM),p=c.map(f=>f.columnInMD),u=c.map(f=>f.columnInLG),o=c.map(f=>f.columnInEL),l=this.checkIsUniqueColumn(s)?s[0]:null,a=this.checkIsUniqueColumn(p)?p[0]:null,m=this.checkIsUniqueColumn(u)?u[0]:null,g=this.checkIsUniqueColumn(o)?o[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:l,uniqueColClassInMD:a,uniqueColClassInLG:m,uniqueColClassInEL:g})}checkIsUniqueColumn(e){const r=new Set(e);return Array.from(r).length===1}}class de extends pe{constructor(n,e){super(n,e)}getEditorProperties(n){return this.getComponentConfig(n,{type:"number-spinner"},{textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}})}}function me(t,n){t.schema;const e=d.ref(!0),r=d.ref(!0);function i(a){return!1}function c(){return!1}function s(){return!1}function p(){return!0}function u(a){}function o(){}function l(a){return null}return{canAccepts:i,checkCanDeleteComponent:c,checkCanMoveComponent:s,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:u,resolveComponentContext:o,triggerBelongedComponentToMoveWhenMoved:e,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:l}}function fe(t,n){const{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:c,onAcceptMovedChildElement:s,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:u,triggerBelongedComponentToDeleteWhenDeleted:o}=me(t),l=t.schema;function a(m,g){return new de(m,n).getPropertyConfig(l,g)}return{canAccepts:e,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:c,onAcceptMovedChildElement:s,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:u,triggerBelongedComponentToDeleteWhenDeleted:o,getPropsConfig:a}}const ye=d.defineComponent({name:"FNumberSpinnerDesign",props:L,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(t,n){const e=W(t,n),r=G(t,n,e),i=$(t,n,r,e),c=J(t,n,i),s=d.ref(),p=d.inject("designer-host-service"),u=d.inject("design-item-context"),o=fe(u,p),l=ce(s,u,o);d.onMounted(()=>{s.value.componentInstance=l,t.readonly=!0}),n.expose(l.value);const a=d.ref();return()=>d.createVNode("div",{ref:s,class:"input-group  f-state-hover flex-row f-cmp-number-spinner test"},[d.createVNode("input",{ref:a,class:"form-control",readonly:!0,placeholder:t.placeholder},null),c()])}}),ge=t=>{const n=t;return n.install=function(e){e.component(n.name,t)},t};A.register=(t,n,e,r)=>{t["number-spinner"]=A,n["number-spinner"]=I},A.registerDesigner=(t,n,e)=>{t["number-spinner"]=ye,n["number-spinner"]=I};const he=ge(A);b.FNumberSpinner=A,b.default=he,b.numberSpinnerProps=L,b.propsResolver=I,b.useFormat=G,b.useNumber=W,b.useSpinner=$,b.useTextBox=_,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(M,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue"),require("lodash-es"),require("bignumber.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js","../designer-canvas/index.umd.js"],m):(M=typeof globalThis<"u"?globalThis:M||self,m(M["number-spinner"]={},M.Vue,M.LodashES,M.BigNumber,M.designerCanvas))})(this,function(M,m,B,V,G){"use strict";var be=Object.defineProperty;var Ce=(M,m,B)=>m in M?be(M,m,{enumerable:!0,configurable:!0,writable:!0,value:B}):M[m]=B;var v=(M,m,B)=>Ce(M,typeof m!="symbol"?m+"":m,B);const q={},$={};function L(e){const{properties:n,title:t,ignore:r}=e,i=r&&Array.isArray(r),s=Object.keys(n).reduce((u,d)=>((!i||!r.find(p=>p==d))&&(u[d]=n[d].type==="object"&&n[d].properties?L(n[d]):B.cloneDeep(n[d].default)),u),{});return t&&(!i||!r.find(u=>u=="id"))&&(s.id=`${t}-${Date.now()}`),s}function z(e,n={},t){const r=q[e];if(r){let i=L(r);const s=$[e];return i=s?s({getSchemaByType:z},i,n,t):i,i}return null}function J(e,n){const t=L(n);return Object.keys(e).reduce((r,i)=>(r[i]&&B.isPlainObject(r[i])&&B.isPlainObject(e[i])?Object.assign(r[i],e[i]):r[i]=e[i],r),t),t}function Q(e,n){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,i)=>{if(n.has(i)){const s=n.get(i);if(typeof s=="string")r[s]=e[i];else{const u=s(i,e[i],e);Object.assign(r,u)}}else r[i]=e[i];return r},{})}function Y(e,n,t=new Map){const r=J(e,n);return Q(r,t)}function _(e={}){function n(a,l,o,c){if(typeof o=="number")return c[a].length===o;if(typeof o=="object"){const y=Object.keys(o)[0],f=o[y];if(y==="not")return Number(c[a].length)!==Number(f);if(y==="moreThan")return Number(c[a].length)>=Number(f);if(y==="lessThan")return Number(c[a].length)<=Number(f)}return!1}function t(a,l,o,c){return c[a]&&c[a].propertyValue&&String(c[a].propertyValue.value)===String(o)}const r=new Map([["length",n],["getProperty",t]]);Object.keys(e).reduce((a,l)=>(a.set(l,e[l]),a),r);function i(a,l){const o=a;return typeof l=="number"?[{target:o,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:o,operator:"getProperty",param:a,value:!!l}]:typeof l=="object"?Object.keys(l).map(c=>{if(c==="length")return{target:o,operator:"length",param:null,value:l[c]};const y=c,f=l[c];return{target:o,operator:"getProperty",param:y,value:f}}):[]}function s(a){return Object.keys(a).reduce((o,c)=>{const y=i(c,a[c]);return o.push(...y),o},[])}function u(a,l){if(r.has(a.operator)){const o=r.get(a.operator);return o&&o(a.target,a.param,a.value,l)||!1}return!1}function d(a,l){return s(a).reduce((y,f)=>y&&u(f,l),!0)}function p(a,l){const o=Object.keys(a),c=o.includes("allOf"),y=o.includes("anyOf"),f=c||y,S=(f?a[f?c?"allOf":"anyOf":"allOf"]:[a]).map(T=>d(T,l));return c?!S.includes(!1):S.includes(!0)}return{parseValueSchema:p}}const g={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},H={},K={};_();function R(e,n,t=new Map,r=(u,d,p)=>d,i={},s=u=>u){return q[n.title]=n,$[n.title]=r,H[n.title]=i,K[n.title]=s,(u={})=>{const d=Y(u,n,t),p=Object.keys(e).reduce((a,l)=>(a[l]=e[l].default,a),{});return Object.assign(p,d)}}function ee(e,n){return{customClass:n.class,customStyle:n.style}}const te=new Map([["appearance",ee]]),ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/number-spinner.schema.json",title:"number-spinner",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a number spinner",type:"string"},type:{description:"The type string of number spinner component",type:"string",default:"number-spinner"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},disabled:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},max:{description:"",type:"number"},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"],ignore:["id","appearance","binding"]};function oe(e,n,t){return n}const I={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},canNull:{type:Boolean,default:!1},precision:{type:Number,default:0},prefix:{type:String,default:""},suffix:{type:String,default:""},decimalSeparator:{type:String,default:"."},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}},x=R(I,ne,te,oe);function O(e,n,t,r){const{format:i}=t,{displayValue:s,getRealValue:u,modelValue:d,onNumberValueChanged:p}=r;function a(){const C=new V(d.value||0);return!(e.max&&!new V(e.max).isNaN()&&C.gte(new V(e.max)))}function l(){const C=new V(d.value||0);return!(e.min&&!new V(e.min).isNaN()&&C.lte(new V(e.min)))}function o(C){if(e.readonly||e.disabled)return;const S=C==="up"?a:l,k=C==="up"?"plus":"minus";if(S()){const w=new V(d.value||0)[k](Number(e.step)),b=w.toFixed();s.value=i(b),p(u(w))}}function c(){o("up")}function y(){o("down")}function f(C){c(),C.stopPropagation()}function h(C){y(),C.stopPropagation()}return{canDownward:l,canUpward:a,downward:y,onClickDownButton:h,onClickUpButton:f,upward:c}}function j(e,n,t){const r=m.computed(()=>({prefix:e.prefix,suffix:e.suffix,decimalSeparator:e.decimalSeparator,groupSeparator:e.useThousands?e.groupSeparator:"",groupSize:e.groupSize})),{getValidNumberObject:i,precision:s}=t;function u(a){return a=a==null||a===""?"":String(a),a=a.replace(new RegExp(e.prefix,"g"),"").replace(new RegExp(e.suffix,"g"),"").replace(/,/g,""),e.groupSeparator&&e.groupSeparator!==","&&(a=a.replace(new RegExp(`\\${e.groupSeparator}`,"g"),"")),e.decimalSeparator&&e.decimalSeparator!=="."&&(a=a.replace(new RegExp(`\\${e.decimalSeparator}`,"g"),".")),a}function d(a,l){return e.precision!==null&&e.precision!==void 0?a.toFormat(s.value,l):a.toFormat(l)}function p(a){const l=u(a),o=new V(l,10),c=i(o);return c.valueOf()==="0"&&!e.showZero||c.isNaN()?"":e.formatter?e.formatter(c.toNumber()):d(c,r.value)}return{cleanFormat:u,format:p}}function U(e,n){const t=m.ref(""),r=m.ref(e.modelValue),i=m.computed(()=>Number(e.precision)||0);function s(l){return l.toFixed(i.value)}function u(l){return isNaN(l)||l===null||l===void 0||l===""}function d(l){const o=u(e.max)?null:new V(String(e.max),10),c=u(e.min)?null:new V(String(e.min),10);return o&&l.gt(o)?o:c&&l.lt(c)?c:l}function p(l){if(e.parser)return isNaN(Number(l))?e.parser(l):l;let o=d(new V(l,10));if(o.isNaN()){if(e.canNull)return null;const y=new V(""+e.min,10),f=new V(""+e.max,10);if(!y.isNaN())o=y;else if(!f.isNaN())o=f;else return 0}return s(o)}function a(l){const o=Number(l);r.value=o,n.emit("update:modelValue",o),n.emit("valueChange",o),n.emit("change",o)}return{displayValue:t,getRealValue:p,modelValue:r,isEmpty:u,onNumberValueChanged:a,precision:i,getValidNumberObject:d}}function Z(e,n,t,r,i){const{cleanFormat:s,format:u}=t,{displayValue:d,getRealValue:p,modelValue:a,isEmpty:l,onNumberValueChanged:o}=r,{downward:c,upward:y}=i,f=m.ref(!1),h=m.computed(()=>d.value);function C(w){var F;if(w.stopPropagation(),f.value=!1,e.readonly||e.disabled)return;let b=(F=w.target)==null?void 0:F.value;e.canNull||(b=b||0);const N=s(b);d.value=u(N),o(p(N)),n.emit("blur",{event:w,formatted:d.value,value:a.value})}function S(w){w.stopPropagation(),f.value=!0,!(e.readonly||e.disabled)&&(d.value=l(a.value)||!e.showZero&&a.value==="0"?"":String(a.value),n.emit("focus",{event:w,formatted:d.value,value:a.value}))}function k(w){var F;w.stopPropagation();let b=(F=w.target)==null?void 0:F.value;e.canNull||(b=b||0);const N=s(b);d.value=N,o(p(N))}function T(w){w.key==="ArrowDown"&&(w.preventDefault(),c()),w.key==="ArrowUp"&&(w.preventDefault(),y()),w.stopPropagation()}return{textBoxValue:h,onBlurTextBox:C,onFocusTextBox:S,onInput:k,onKeyDown:T,isFocus:f}}function X(e,n,t){const{canDownward:r,canUpward:i,onClickDownButton:s,onClickUpButton:u}=t,d=m.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),p=m.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),a=m.computed(()=>({cursor:i()?"pointer":"not-allowed","margin-left":0})),l=m.computed(()=>({cursor:r()?"pointer":"not-allowed","margin-left":0}));return()=>m.createVNode("div",{class:d.value},[m.createVNode("button",{title:"upButton",class:p.value,style:a.value,onClick:u,disabled:!i()},[m.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),m.createVNode("button",{title:"downButton",class:p.value,style:l.value,onClick:s,disabled:!r()},[m.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function re(e,n,t){const r=m.ref(),{onBlurTextBox:i,onFocusTextBox:s,onInput:u,onKeyDown:d,textBoxValue:p}=t,a=m.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),l=m.computed(()=>({"form-control":!0,"f-utils-fill":!0})),o=m.computed(()=>({"text-align":e.textAlign}));function c(h){h.stopPropagation()}function y(){e.selectOnCreated,e.focusOnCreated}async function f(h){s(h),await m.nextTick,y()}return m.onMounted(async()=>{await m.nextTick,y()}),()=>m.createVNode("input",{ref:r,class:l.value,style:o.value,type:"text",value:p.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:a.value,onBlur:i,onChange:c,onFocus:f,onInput:u,onKeydown:d},null)}const P=m.defineComponent({name:"FNumberSpinner",props:I,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(e,n){const t=U(e,n),r=j(e,n,t),i=O(e,n,r,t),s=Z(e,n,r,t,i),u=X(e,n,i),{displayValue:d,modelValue:p,getRealValue:a}=t,l=re(e,n,s),{format:o}=r,{isFocus:c}=s,y=m.computed(()=>!e.disabled&&!e.readonly&&e.showButton);return m.onMounted(()=>{const f=a(e.modelValue);d.value=o(f)}),m.watch(()=>[e.value],([f])=>{const h=a(f);p.value=h,d.value=o(h)}),m.watch(()=>[e.modelValue],([f])=>{f!==p.value&&(p.value=f,!c.value&&(d.value=o(a(f))))}),m.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{d.value=o(p.value)}),()=>m.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[l(),y.value&&u()])}});function ie(e,n,t){var w;function r(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}r();const i=t&&t.getStyles&&t.getStyles()||"",s=t&&t.getDesignerClass&&t.getDesignerClass()||"",u=m.ref();function d(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function p(){return!1}function a(){return(n==null?void 0:n.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function l(){return(n==null?void 0:n.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function o(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const N=m.ref(b==null?void 0:b.value.parent),F=o(N);return F||null}function c(b=n){const{componentInstance:N,designerItemElementRef:F}=b;return!N||!N.value?null:N.value.canMove?F:c(b.parent)}function y(b){return!!t&&t.canAccepts(b)}function f(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function h(){}function C(b,N){N&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(N)}function S(b,N){const{componentType:F}=b;let E=z(F,b,N);t&&t.onResolveNewComponentSchema&&(E=t.onResolveNewComponentSchema(b,E));const W=F.toLowerCase().replace("-","_");return E&&!E.id&&E.type===F&&(E.id=`${W}_${Math.random().toString().slice(2,6)}`),E}function k(b){}function T(...b){if(t&&t.getPropsConfig)return t.getPropsConfig(...b)}return u.value={canMove:d(),canSelectParent:p(),canDelete:a(),canNested:!l(),contents:n==null?void 0:n.schema.contents,elementRef:e,parent:(w=n==null?void 0:n.parent)==null?void 0:w.componentInstance,schema:n==null?void 0:n.schema,styles:i,designerClass:s,canAccepts:y,getBelongedComponentInstance:o,getDraggableDesignItemElement:c,getDraggingDisplayText:f,getPropConfig:T,getDragScopeElement:h,onAcceptMovedChildElement:C,onChildElementMovedOut:k,addNewChildComponentSchema:S,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||m.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||m.ref(!1)},u}class ae{constructor(n,t){v(this,"componentId");v(this,"viewModelId");v(this,"eventsEditorUtils");v(this,"formSchemaUtils");v(this,"formMetadataConverter");v(this,"designViewModelUtils");v(this,"designViewModelField");v(this,"controlCreatorUtils");v(this,"designerHostService");v(this,"schemaService",null);v(this,"metadataService",null);v(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=n,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){const t=n.binding&&n.binding.type==="Form"&&n.binding.field;if(t){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(i=>i.id===t)}n.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(n,t){}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",data:[{value:n.type,name:g[n.type].name}]}}}}}getAppearanceConfig(n=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(n,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const i=r.contents.findIndex(u=>u.id===n),s=B.cloneDeep(r.contents[i]);r.contents.splice(i,1),r.contents.splice(i,0,s)}}const D=class D{static getEditorTypesByMDataType(n){const t=D.fieldControlTypeMapping[n];return t||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(let t in D.fieldControlTypeMapping)D.fieldControlTypeMapping[t].forEach(r=>{n.find(i=>i.key===r.key&&i.value===r.value)||n.push({key:r.key,value:r.value})});return n}};v(D,"fieldControlTypeMapping",{String:[{key:g["input-group"].type,value:g["input-group"].name},{key:g.lookup.type,value:g.lookup.name},{key:g["date-picker"].type,value:g["date-picker"].name},{key:g["check-box"].type,value:g["check-box"].name},{key:g["check-group"].type,value:g["check-group"].name},{key:g["radio-group"].type,value:g["radio-group"].name},{key:g["combo-list"].type,value:g["combo-list"].name},{key:g.textarea.type,value:g.textarea.name}],Text:[{key:g.textarea.type,value:g.textarea.name},{key:g.lookup.type,value:g.lookup.name}],Decimal:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Integer:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Number:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],BigNumber:[{key:g["number-spinner"].type,value:g["number-spinner"].name}],Date:[{key:g["date-picker"].type,value:g["date-picker"].name}],DateTime:[{key:g["date-picker"].type,value:g["date-picker"].name}],Boolean:[{key:g.switch.type,value:g.switch.name},{key:g["check-box"].type,value:g["check-box"].name}],Enum:[{key:g["combo-list"].type,value:g["combo-list"].name},{key:g["radio-group"].type,value:g["radio-group"].name}],Object:[{key:g.lookup.type,value:g.lookup.name},{key:g["combo-list"].type,value:g["combo-list"].name},{key:g["radio-group"].type,value:g["radio-group"].name}]});let A=D;const le=m.ref(0);class se{constructor(){v(this,"label","");v(this,"id","");v(this,"columnInSM",12);v(this,"columnInMD",6);v(this,"columnInLG",3);v(this,"columnInEL",2);v(this,"displayWidthInSM",1);v(this,"displayWidthInMD",1);v(this,"displayWidthInLG",1);v(this,"displayWidthInEL",1);v(this,"displayColumnCountAtBreakPoint","md");v(this,"tagRow",0);v(this,"showTopBorder",0);v(this,"group",1);v(this,"isSupportedClass",!0);v(this,"fieldSetId","")}}function ce(e){let n,t;const r=new Map;let i=[];function s(l,o){const y=l.split(" ").filter(k=>k.startsWith("col-"));if(y.length===0){o.isSupportedClass=!1;return}let f=y.find(k=>/^col-([1-9]|10|11|12)$/.test(k)),h=y.find(k=>/^col-md-([1-9]|10|11|12)$/.test(k)),C=y.find(k=>/^col-xl-([1-9]|10|11|12)$/.test(k)),S=y.find(k=>/^col-el-([1-9]|10|11|12)$/.test(k));f=f||"col-12",o.columnInSM=parseInt(f.replace("col-",""),10),o.displayWidthInSM=o.columnInSM/12,o.displayWidthInSM!==1&&(o.isSupportedClass=!1),h=h||"col-md-"+o.columnInSM,o.columnInMD=parseInt(h.replace("col-md-",""),10),o.displayWidthInMD=o.columnInMD/6,[1,2].includes(o.displayWidthInMD)||(o.isSupportedClass=!1),C=C||"col-xl-"+o.columnInMD,o.columnInLG=parseInt(C.replace("col-xl-",""),10),o.displayWidthInLG=o.columnInLG/3,[1,2,3,4].includes(o.displayWidthInLG)||(o.isSupportedClass=!1),S=S||"col-el-"+o.columnInLG,o.columnInEL=parseInt(S.replace("col-el-",""),10),o.displayWidthInEL=o.columnInEL/2,[1,2,3,4,5,6].includes(o.displayWidthInEL)||(o.isSupportedClass=!1)}function u(l,o,c,y=!1){let f=!1;l.contents.forEach(h=>{if(h.type==="fieldset"){c+=1,u(h,o,c,!0),f=!0;return}f&&(c+=1,f=!1);const C=h.appearance&&h.appearance.class,S=new se;C?s(C,S):S.isSupportedClass=!1,S.label=h.label||h.id,S.id=h.id,S.group=c,y&&(S.fieldSetId=l.id),t===h.id&&(n=c),r.set(h.id,h),o.push(S)})}function d(l){const o=e.getComponentById(l);if(!o||!o.componentType||!o.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const c=e.selectNode(o,y=>y.type===G.DgControl["response-form"].type);return!c||!c.contents||c.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:c}}function p(l,o){o=o||l.id;const{result:c,message:y,formNode:f}=d(o);if(!c)return{result:c,message:y};t=l.id,i=[],r.clear();const h=f.contents[0].type===G.DgControl.fieldset.type?0:1;u(f,i,h);const C=i.find(k=>!k.isSupportedClass);return{defaultState:{defaultGroupNumber:n||1,model:C?"customize":"standard"},importData:i}}function a(l,o){o=o;const{result:c,formNode:y}=d(o);if(!c)return"";const f=[];return l.forEach(h=>{var k;const C=r.get(h.id),S=C.appearance&&C.appearance.class;if(S){const w=S.split(" ").filter(he=>!he.startsWith("col-")),b="col-"+h.columnInSM,N="col-md-"+h.columnInMD,F="col-xl-"+h.columnInLG,E="col-el-"+h.columnInEL,W=[b,N,F,E].concat(w);C.appearance.class=W.join(" ")}if(h.fieldSetId){const T=y.contents.find(b=>b.id===h.fieldSetId),w=f.find(b=>b.id===h.fieldSetId);w?(k=w.contents)==null||k.push(C):(f.push(T),T.contents=[C])}else f.push(C)}),y.contents=f,y.id}return{checkCanFindFormNode:d,checkCanOpenLayoutEditor:p,changeFormControlsByResponseLayoutConfig:a,getResonseFormLayoutConfig:u}}class ue extends ae{constructor(t,r){super(t,r);v(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=ce(this.formSchemaUtils)}getPropertyConfig(t,r){return this.propertyConfig.categories.basic=this.getBasicProperties(t,r),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t,r),this.propertyConfig.categories.editor=this.getEditorProperties(t),this.propertyConfig}getBasicProperties(t,r){var d;var i=this;this.setDesignViewModelField(t);const s=this.formSchemaUtils.getFormMetadataBasicInfo(),u=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:i.designViewModelField?A.getEditorTypesByMDataType((d=i.designViewModelField.type)==null?void 0:d.name):A.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:t,formBasicInfo:s},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:u}}},setPropertyRelates(p,a){if(p)switch(p&&p.propertyID){case"type":{i.changeControlType(t,p,r);break}case"label":{p.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t,r){var i=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t,i.componentId)}}},setPropertyRelates(s,u){if(s)switch(s&&s.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue,i.componentId||t.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(t.id,r),delete t.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(s.propertyValue,t.id,this.componentId),i.updateElementByParentContainer(t.id,r);break}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,r,i){var l,o,c,y;const s=r.propertyValue,u=i&&i.parent&&i.parent.schema;if(!u)return;const d=u.contents.findIndex(f=>f.id===t.id),p=u.contents[d];let a;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:s},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),a=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,s)),a||(a=this.controlCreatorUtils.createFormGroupWithoutField(s)),Object.assign(a,{id:p.id,appearance:p.appearance,size:p.size,label:p.label,binding:p.binding,visible:p.visible}),Object.assign(a.editor,{isTextArea:a.isTextArea&&p.isTextArea,placeholder:(l=p.editor)==null?void 0:l.placeholder,holdPlace:(o=p.editor)==null?void 0:o.holdPlace,readonly:(c=p.editor)==null?void 0:c.readonly,require:(y=p.editor)==null?void 0:y.require}),u.contents.splice(d,1),u.contents.splice(d,0,a),i.schema=Object.assign(p,a),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(f=>f.classList.remove("dgComponentSelected")),le.value++}getComponentConfig(t,r={},i={}){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},r),u=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},i);return{...s,properties:{...u}}}updateUnifiedLayoutAfterControlChanged(t,r,i){const s=t.split(" ");let u=s.find(o=>/^col-([1-9]|10|11|12)$/.test(o)),d=s.find(o=>/^col-md-([1-9]|10|11|12)$/.test(o)),p=s.find(o=>/^col-xl-([1-9]|10|11|12)$/.test(o)),a=s.find(o=>/^col-el-([1-9]|10|11|12)$/.test(o));u=u||"col-12",d=d||"col-md-"+u.replace("col-",""),p=p||"col-xl-"+d.replace("col-md-",""),a=a||"col-el-"+p.replace("col-xl-","");const l={id:r,columnInSM:parseInt(u.replace("col-",""),10),columnInMD:parseInt(d.replace("col-md-",""),10),columnInLG:parseInt(p.replace("col-xl-",""),10),columnInEL:parseInt(a.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,l)}updateUnifiedLayoutAfterResponseLayoutChanged(t,r){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(t);if(!i||!i.unifiedLayout)return;const s=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,s,1),r){const f=s.find(h=>h.id===r.id);Object.assign(f||{},r)}const u=s.map(f=>f.columnInSM),d=s.map(f=>f.columnInMD),p=s.map(f=>f.columnInLG),a=s.map(f=>f.columnInEL),l=this.checkIsUniqueColumn(u)?u[0]:null,o=this.checkIsUniqueColumn(d)?d[0]:null,c=this.checkIsUniqueColumn(p)?p[0]:null,y=this.checkIsUniqueColumn(a)?a[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:l,uniqueColClassInMD:o,uniqueColClassInLG:c,uniqueColClassInEL:y})}checkIsUniqueColumn(t){const r=new Set(t);return Array.from(r).length===1}}class de extends ue{constructor(n,t){super(n,t)}getEditorProperties(n){return this.getComponentConfig(n,{type:"number-spinner"},{textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}})}}function pe(e,n){e.schema;const t=m.ref(!0),r=m.ref(!0);function i(o){return!1}function s(){return!1}function u(){return!1}function d(){return!0}function p(o){}function a(){}function l(o){return null}return{canAccepts:i,checkCanDeleteComponent:s,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:d,onAcceptMovedChildElement:p,resolveComponentContext:a,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:l}}function fe(e,n){const{canAccepts:t,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:d,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:a}=pe(e),l=e.schema;function o(c,y){return new de(c,n).getPropertyConfig(l,y)}return{canAccepts:t,checkCanDeleteComponent:r,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:d,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:a,getPropsConfig:o}}const me=m.defineComponent({name:"FNumberSpinnerDesign",props:I,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(e,n){const t=U(e,n),r=j(e,n,t),i=O(e,n,r,t),s=X(e,n,i),u=m.ref(),d=m.inject("designer-host-service"),p=m.inject("design-item-context"),a=fe(p,d),l=ie(u,p,a);m.onMounted(()=>{u.value.componentInstance=l,e.readonly=!0}),n.expose(l.value);const o=m.ref();return()=>m.createVNode("div",{ref:u,class:"input-group  f-state-hover flex-row f-cmp-number-spinner test"},[m.createVNode("input",{ref:o,class:"form-control",readonly:!0,placeholder:e.placeholder},null),s()])}}),ye=e=>{const n=e;return n.install=function(t){t.component(n.name,e)},e};P.register=(e,n,t,r)=>{e["number-spinner"]=P,n["number-spinner"]=x},P.registerDesigner=(e,n,t)=>{e["number-spinner"]=me,n["number-spinner"]=x};const ge=ye(P);M.FNumberSpinner=P,M.default=ge,M.numberSpinnerProps=I,M.propsResolver=x,M.useFormat=j,M.useNumber=U,M.useSpinner=O,M.useTextBox=Z,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});