@farris/ui-vue 1.2.8 → 1.2.9

package/components/property-panel/index.umd.cjs

@@ -0,0 +1 @@
+(function(d,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("bignumber.js"),require("../number-spinner/index.umd.js"),require("../accordion/index.umd.js"),require("../avatar/index.umd.js"),require("../button-edit/index.umd.js"),require("../button-group/index.umd.js"),require("../calendar/index.umd.js"),require("../capsule/index.umd.js"),require("../checkbox/index.umd.js"),require("../combo-list/index.umd.js"),require("../combo-tree/index.umd.js"),require("../component/index.umd.js"),require("../color-picker/index.umd.js"),require("../content-container/index.umd.js"),require("../date-picker/index.umd.js"),require("../data-grid/index.umd.js"),require("../dropdown/index.umd.js"),require("../dynamic-form/index.umd.js"),require("../events-editor/index.umd.js"),require("../filter-bar/index.umd.js"),require("../field-selector/index.umd.js"),require("../image-cropper/index.umd.js"),require("../input-group/index.umd.js"),require("../layout/index.umd.js"),require("../list-nav/index.umd.js"),require("../list-view/index.umd.js"),require("../lookup/index.umd.js"),require("../mapping-editor/index.umd.js"),require("../nav/index.umd.js"),require("../number-range/index.umd.js"),require("../order/index.umd.js"),require("../page-header/index.umd.js"),require("../page-footer/index.umd.js"),require("../pagination/index.umd.js"),require("../progress/index.umd.js"),require("../query-solution/index.umd.js"),require("../radio-group/index.umd.js"),require("../rate/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../response-layout/index.umd.js"),require("../response-layout-editor/index.umd.js"),require("../search-box/index.umd.js"),require("../section/index.umd.js"),require("../smoke-detector/index.umd.js"),require("../splitter/index.umd.js"),require("../step/index.umd.js"),require("../switch/index.umd.js"),require("../tabs/index.umd.js"),require("../tags/index.umd.js"),require("../text/index.umd.js"),require("../time-picker/index.umd.js"),require("../transfer/index.umd.js"),require("../tree-view/index.umd.js"),require("../uploader/index.umd.js"),require("../verify-detail/index.umd.js"),require("../weather/index.umd.js"),require("../video/index.umd.js"),require("../textarea/index.umd.js"),require("../schema-selector/index.umd.js"),require("../tree-grid/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js","../number-spinner/index.umd.js","../accordion/index.umd.js","../avatar/index.umd.js","../button-edit/index.umd.js","../button-group/index.umd.js","../calendar/index.umd.js","../capsule/index.umd.js","../checkbox/index.umd.js","../combo-list/index.umd.js","../combo-tree/index.umd.js","../component/index.umd.js","../color-picker/index.umd.js","../content-container/index.umd.js","../date-picker/index.umd.js","../data-grid/index.umd.js","../dropdown/index.umd.js","../dynamic-form/index.umd.js","../events-editor/index.umd.js","../filter-bar/index.umd.js","../field-selector/index.umd.js","../image-cropper/index.umd.js","../input-group/index.umd.js","../layout/index.umd.js","../list-nav/index.umd.js","../list-view/index.umd.js","../lookup/index.umd.js","../mapping-editor/index.umd.js","../nav/index.umd.js","../number-range/index.umd.js","../order/index.umd.js","../page-header/index.umd.js","../page-footer/index.umd.js","../pagination/index.umd.js","../progress/index.umd.js","../query-solution/index.umd.js","../radio-group/index.umd.js","../rate/index.umd.js","../response-toolbar/index.umd.js","../response-layout/index.umd.js","../response-layout-editor/index.umd.js","../search-box/index.umd.js","../section/index.umd.js","../smoke-detector/index.umd.js","../splitter/index.umd.js","../step/index.umd.js","../switch/index.umd.js","../tabs/index.umd.js","../tags/index.umd.js","../text/index.umd.js","../time-picker/index.umd.js","../transfer/index.umd.js","../tree-view/index.umd.js","../uploader/index.umd.js","../verify-detail/index.umd.js","../weather/index.umd.js","../video/index.umd.js","../textarea/index.umd.js","../schema-selector/index.umd.js","../tree-grid/index.umd.js"],t):(d=typeof globalThis<"u"?globalThis:d||self,t(d["property-panel"]={},d.Vue,d.LodashES,d.BigNumber,d.FNumberSpinner,d.FAccordion,d.FAvatar,d.FButtonEdit,d.FButtonGroup,d.FCalendar,d.FCapsule,d.FCheckBox,d.FComboList,d.FComboTree,d.FComponent,d.FColorPicker,d.FContentContainer,d.FDatePicker,d.FDataGrid,d.FDropdown,d.FDynamicForm,d.FEventsEditor,d.FFilterBar,d.FFieldSelector,d.FImageCropper,d.FInputGroup$1,d.FLayout,d.FListNav,d.FListView,d.FLookup,d.FMappingEditor,d.FNav,d.FNumberRange,d.FOrder,d.FPageHeader,d.FPageFooter,d.FPagination,d.FProgress,d.FQuerySolution,d.FRadioGroup,d.FRate,d.FResponseToolbar,d.FResponseLayout,d.FResponseLayoutEditorSetting,d.FSearchBox,d.FSection,d.FSmokeDetector,d.FSplitter,d.FStep,d.FSwitch,d.FTabs,d.FTags,d.FText,d.FTimePicker,d.FTransfer,d.FTreeview,d.FUploader,d.FVerifyDetail,d.FWeather,d.FVideo,d.FTextArea,d.FSchemaSelector,d.FTreeGrid))})(this,function(d,t,R,$n,W,he,be,ve,xe,Ce,je,we,Fe,Ne,Te,Pe,Se,Be,Ve,Ie,ke,Ee,qe,Me,Oe,Le,$e,De,Ae,Ge,Re,We,He,Ue,_e,ze,Xe,Qe,Ze,Je,Ye,Ke,et,tt,nt,rt,ot,at,it,st,lt,ut,ct,dt,pt,ft,mt,gt,yt,ht,bt,vt,xt){"use strict";var On=Object.defineProperty;var Ln=(d,t,R)=>t in d?On(d,t,{enumerable:!0,configurable:!0,writable:!0,value:R}):d[t]=R;var O=(d,t,R)=>Ln(d,typeof t!="symbol"?t+"":t,R);const oe={width:{type:String,default:"300px"},height:{type:Number,default:10},isWidePanel:{type:Boolean,default:!1},enableSearch:{type:Boolean,default:!0},mode:{type:String,default:"panel"},isPersitOpenState:{type:Boolean,default:!1},isShowPanel:{type:Boolean,default:!1},propertyName:{type:String,default:""},propertyConfig:{type:Array},propertyData:{type:Object,default:{}},showCloseBtn:{type:Boolean,default:!1},selectedTabId:{type:String,default:""},isWhiteTheme:{type:Boolean,default:!0},schema:{type:Object,default:{}},propertyChanged:{type:Function}};function Ct(e={}){function n(o,f,i,u){if(typeof i=="number")return u[o].length===i;if(typeof i=="object"){const l=Object.keys(i)[0],p=i[l];if(l==="not")return Number(u[o].length)!==Number(p);if(l==="moreThan")return Number(u[o].length)>=Number(p);if(l==="lessThan")return Number(u[o].length)<=Number(p)}return!1}function r(o,f,i,u){return u[o]&&u[o].propertyValue&&String(u[o].propertyValue.value)===String(i)}const a=new Map([["length",n],["getProperty",r]]);Object.keys(e).reduce((o,f)=>(o.set(f,e[f]),o),a);function s(o,f){const i=o;return typeof f=="number"?[{target:i,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:i,operator:"getProperty",param:o,value:!!f}]:typeof f=="object"?Object.keys(f).map(u=>{if(u==="length")return{target:i,operator:"length",param:null,value:f[u]};const l=u,p=f[u];return{target:i,operator:"getProperty",param:l,value:p}}):[]}function g(o){return Object.keys(o).reduce((i,u)=>{const l=s(u,o[u]);return i.push(...l),i},[])}function m(o,f){if(a.has(o.operator)){const i=a.get(o.operator);return i&&i(o.target,o.param,o.value,f)||!1}return!1}function C(o,f){return g(o).reduce((l,p)=>l&&m(p,f),!0)}function c(o,f){const i=Object.keys(o),u=i.includes("allOf"),l=i.includes("anyOf"),p=u||l,k=(p?o[p?u?"allOf":"anyOf":"allOf"]:[o]).map(E=>C(E,f));return u?!k.includes(!1):k.includes(!0)}return{parseValueSchema:c}}const X={},jt={};function ae(e){const{properties:n,title:r,ignore:a}=e,s=a&&Array.isArray(a),g=Object.keys(n).reduce((m,C)=>((!s||!a.find(c=>c==C))&&(m[C]=n[C].type==="object"&&n[C].properties?ae(n[C]):R.cloneDeep(n[C].default)),m),{});return(!s||!a.find(m=>m=="id"))&&(g.id=`${r}-${Date.now()}`),g}function Q(e,n){const r=ae(n);return Object.keys(e).reduce((a,s)=>(a[s]&&typeof a[s]=="object"?Object.assign(a[s],e[s]):a[s]=e[s],a),r),r}function wt(e,n){return Object.keys(e).filter(a=>e[a]!=null).reduce((a,s)=>{if(n.has(s)){const g=n.get(s);if(typeof g=="string")a[g]=e[s];else{const m=g(s,e[s],e);Object.assign(a,m)}}else a[s]=e[s];return a},{})}function Ft(e,n,r=new Map){const a=Q(e,n);return wt(a,r)}function ie(e){var r;const n=e.type;if(n){const a=X[n],s=Q(e,a),g=((r=e.editor)==null?void 0:r.type)||"";if(g){const m=X[g],C=Q(e.editor,m);s.editor=C}return s}return e}const Nt={convertTo:(e,n,r,a)=>{e.appearance&&(e.appearance[n]=r)},convertFrom:(e,n,r)=>e.appearance?e.appearance[n]:e[n]},Tt={convertFrom:(e,n,r)=>e.buttons&&e.buttons.length?`共 ${e.buttons.length} 项`:"无"},Pt={convertTo:(e,n,r,a)=>{e.editor&&(e.editor[n]=r)},convertFrom:(e,n,r)=>e.editor&&e.editor.hasOwnProperty(n)?e.editor[n]:e[n]},St={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"}},Bt={convertFrom:(e,n,r)=>{var s;const a=e.editor&&e.editor[n]?e.editor[n]:e[n];return((s=St[a])==null?void 0:s.name)||a}},Vt={convertTo:(e,n,r,a)=>{e[n]=e[n]},convertFrom:(e,n,r)=>e.editor?r.getRealEditorType(e.editor.type):""},It={convertFrom:(e,n)=>e.binding?e.binding.path:"",convertTo:(e,n,r)=>{if(r&&r.length>0){const a=r[0];e.binding||(e.binding={}),e.binding.type="Form",e.binding.path=a.bindingField,e.binding.field=a.id,e.binding.fullPath=a.path,e.path=a.bindingPath}}},kt={convertTo:(e,n,r,a)=>{e.pagination||(e.pagination={}),e.pagination[n]=r},convertFrom:(e,n,r)=>e.pagination?e.pagination[n]:e[n]};class Et{constructor(){O(this,"label","");O(this,"id","");O(this,"columnInSM",12);O(this,"columnInMD",6);O(this,"columnInLG",3);O(this,"columnInEL",2);O(this,"displayWidthInSM",1);O(this,"displayWidthInMD",1);O(this,"displayWidthInLG",1);O(this,"displayWidthInEL",1);O(this,"displayColumnCountAtBreakPoint","md");O(this,"tagRow",0);O(this,"showTopBorder",0);O(this,"group",1);O(this,"isSupportedClass",!0);O(this,"fieldSetId","")}}function qt(){let e,n;const r=new Map;let a=[];function s(c,o){const i=c.split(" ").filter(w=>w.startsWith("col-"));if(i.length===0){o.isSupportedClass=!1;return}let u=i.find(w=>/^col-([1-9]|10|11|12)$/.test(w)),l=i.find(w=>/^col-md-([1-9]|10|11|12)$/.test(w)),p=i.find(w=>/^col-xl-([1-9]|10|11|12)$/.test(w)),y=i.find(w=>/^col-el-([1-9]|10|11|12)$/.test(w));u=u||"col-12",o.columnInSM=parseInt(u.replace("col-",""),10),o.displayWidthInSM=o.columnInSM/12,o.displayWidthInSM!==1&&(o.isSupportedClass=!1),l=l||"col-md-"+o.columnInSM,o.columnInMD=parseInt(l.replace("col-md-",""),10),o.displayWidthInMD=o.columnInMD/6,[1,2].includes(o.displayWidthInMD)||(o.isSupportedClass=!1),p=p||"col-xl-"+o.columnInMD,o.columnInLG=parseInt(p.replace("col-xl-",""),10),o.displayWidthInLG=o.columnInLG/3,[1,2,3,4].includes(o.displayWidthInLG)||(o.isSupportedClass=!1),y=y||"col-el-"+o.columnInLG,o.columnInEL=parseInt(y.replace("col-el-",""),10),o.displayWidthInEL=o.columnInEL/2,[1,2,3,4,5,6].includes(o.displayWidthInEL)||(o.isSupportedClass=!1)}function g(c,o,f,i=!1){let u=!1;c.contents.forEach(l=>{if(l.type==="FieldSet"){f+=1,g(l,o,f,!0),u=!0;return}u&&(f+=1,u=!1);const p=l.appearance&&l.appearance.class,y=new Et;p?s(p,y):y.isSupportedClass=!1,y.label=l.label||l.id,y.id=l.id,y.group=f,i&&(y.fieldSetId=c.id),n===l.id&&(e=f),r.set(l.id,l),o.push(y)})}function m(c,o,f,i){i=i||c.id;const u=f.closest(i,"content-container");if(!u)return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};if(!u||!u.contents||u.contents.length===0)return{result:!1,message:"Form区域内没有控件，请先添加控件"};n=c.id,a=[],r.clear();const l=u.contents[0].type==="FieldSet"?0:1;g(u,a,l);const p=a.find(w=>!w.isSupportedClass);return{defaultState:{defaultGroupNumber:e||1,model:p?"customize":"standard"},importData:a}}function C(c,o,f,i,u){u=u||c.id;const l=i.closest(u,"response-form");if(!l)return;const p=[];return f.forEach(y=>{var M;const w=r.get(y.id),k=w.appearance&&w.appearance.class;if(k){const S=k.split(" ").filter(D=>!D.startsWith("col-")),B="col-"+y.columnInSM,V="col-md-"+y.columnInMD,T="col-xl-"+y.columnInLG,$="col-el-"+y.columnInEL,q=[B,V,T,$].concat(S);w.appearance.class=q.join(" ")}if(y.fieldSetId){const E=l.contents.find(B=>B.id===y.fieldSetId),S=p.find(B=>B.id===y.fieldSetId);S?(M=S.contents)==null||M.push(w):(p.push(E),E.contents=[w])}else p.push(w)}),l.contents=p,l.id}return{convertFrom:m,convertTo:C}}const se=qt(),Mt={convertTo:(e,n,r,a,s)=>se.convertTo(e,n,r,a,s),convertFrom:(e,n,r,a)=>se.convertFrom(e,n,r,a)},Ot={convertFrom:(e,n,r)=>e[n]&&e[n].length?`共 ${e[n].length} 项`:""},Lt={convertFrom:(e,n)=>e[n]||"",convertTo:(e,n,r)=>{e[n]=r}},Z={},J=new Map([["/converter/appearance.converter",Nt],["/converter/buttons.converter",Tt],["/converter/property-editor.converter",Pt],["/converter/response-form-layout.converter",Mt],["/converter/items-count.converter",Ot],["/converter/type.converter",Bt],["/converter/change-editor.converter",Vt],["/converter/form-group-label.converter",Lt],["/converter/field-selector.converter",It],["/converter/pagination.converter",kt]]),$t={},Dt=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",maxHeight:64,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner"}],["events-editor",{type:"events-editor",hide:!0}]]),At=Ct();function le(e,n){return()=>At.parseValueSchema(e,n)}function Gt(e,n,r){return e.includes("visible")&&n.visible!==void 0?typeof n.visible=="boolean"?()=>!!n.visible:n.visible===void 0?!0:le(n.visible,r):()=>!0}function Rt(e,n,r){return e.includes("readonly")&&n.readonly!==void 0?typeof n.visible=="boolean"?()=>!!n.visible:le(n.readonly,r):()=>!1}function Wt(e,n){const r=e.$converter||n;return typeof r=="string"&&r&&J.has(r)?J.get(r)||null:r||null}function Y(e,n,r,a,s,g="",m=""){return Object.keys(e).map(c=>{const o=t.ref(1),f=c,i=e[c],u=Object.keys(i),l=i.title,p=i.type,y=Dt.get(p)||{type:"input-group",enableClear:!1},w=i.editor?Object.assign({},y,i.editor):y,k=Gt(u,i,n),M=Rt(u,i,n),E=i.type==="cascade"?Y(i.properties,n,r,a,s,g,m):[],S=!0;let B=Wt(i,m);const V=t.computed({get(){if(o.value){if(["class","style"].find(D=>D==f)&&!B&&(B=J.get("/converter/appearance.converter")||null),B&&B.convertFrom)return B.convertFrom(r,c,s,g);const q=r[c];return typeof q=="string"&&q==""?i.defaultValue||"":q}return null},set(q){o.value+=1,B&&B.convertTo?(B.convertTo(a,c,q,s,g),B.convertTo(r,c,q,s,g)):(a[c]=q,r[c]=q)}}),T=i.refreshPanelAfterChanged,$={propertyID:f,propertyName:l,propertyType:p,propertyValue:V,editor:w,visible:k,readonly:M,cascadeConfig:E,hideCascadeTitle:S,refreshPanelAfterChanged:T};return n[f]=$,$})}function Ht(e,n,r,a,s=""){const g=n.$ref.schema,m=n.$ref.converter,C=r[g],c=C.type,o=ie(C),f={},i=Z[c];if(i&&i.categories){const u=i.categories[e],l=u==null?void 0:u.title;m&&Object.keys(u.properties).forEach(w=>{u.properties[w].$converter=m});const p=(u==null?void 0:u.properties)||{},y=Y(p,f,o,C,a,s);return{categoryId:e,categoryName:l,properties:y}}return{categoryId:e,categoryName:"",properties:[]}}function K(e,n,r,a,s){let g=e.type;const m=ie(e),C={};let c=s||Z[g];if(Object.keys(c).length===0&&r&&r.getPropConfig&&(c=r.getPropConfig(a)),c&&c.categories){const o=[];return Object.keys(c.categories).map(f=>{const i=c.categories[f];if(i.$ref){o.push(Ht(f,i,e,n,a));return}const u=i==null?void 0:i.title,l=i==null?void 0:i.tabId,p=i==null?void 0:i.tabName,y=i==null?void 0:i.hide,w=i==null?void 0:i.hideTitle,k=Y(i.properties||{},C,m,e,n,a,i.$converter),M=i.setPropertyRelates;o.push({categoryId:f,categoryName:u,tabId:l,tabName:p,hide:y,properties:k,hideTitle:w,setPropertyRelates:M})}),o}return[]}const Ut={category:{type:Object,default:{}},categoryKey:{type:String},propertyData:{type:Object,default:{}},valueChanged:{type:Function},triggerRefreshPanel:{type:Function}},ue={elementConfig:{type:Object,default:{}},category:{type:Object,default:{}}};function ce(e,n,r=new Map,a=(m,C,c)=>C,s={},g=m=>m){return X[n.title]=n,jt[n.title]=a,Z[n.title]=s,$t[n.title]=g,(m={})=>{const C=Ft(m,n,r),c=Object.keys(e).reduce((o,f)=>(o[f]=e[f].default,o),{});return Object.assign(c,C)}}function de(e,n){return{customClass:n.class,customStyle:n.style}}const _t=new Map([["appearance",de]]),zt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/form-group.schema.json",title:"form-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a form group",type:"string"},type:{description:"The type string of form group component",type:"string",default:"form-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},enableLinkLabel:{description:"",type:"boolean",default:!1},editor:{description:"",type:"obejct"},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"}},required:["id","type"]},pe={id:{type:String,default:""},customClass:{type:String,default:""},editor:{type:Object,default:{}},label:{type:String,default:""},modelValue:{type:[String,Boolean,Array,Number],default:""},visible:{type:Boolean,default:!0},required:{type:Boolean,default:!1},showLabel:{type:Boolean,default:!0},type:{type:String,default:"input-group"}};ce(pe,zt,_t,void 0);const Xt={id:{type:String},required:{type:Boolean,default:!1},text:{type:String,default:""},title:{type:String}},Qt=t.defineComponent({name:"FDynamicFormLabel",props:Xt,emits:[],setup(e,n){const r=t.ref(e.title||e.text),a=t.ref(e.required),s=t.ref(e.text);return t.watch(()=>e.text,()=>{s.value=e.text}),t.watch(()=>e.required,(g,m)=>{g!==m&&(a.value=g)}),()=>t.createVNode("label",{class:"col-form-label",title:r.value},[a.value&&t.createVNode("span",{class:"farris-label-info text-danger"},[t.createTextVNode("*")]),t.createVNode("span",{class:"farris-label-text"},[s.value])])}}),Zt=new Map([["appearance",de]]);function Jt(e,n,r){return n}const Yt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"input-group"},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:""},labelWidth:{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:"enum",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!1},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},maxHeight:{description:"",type:"number",default:500},popUp:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},fe={autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},type:{Type:String,default:"text"},max:{type:[Number,String]},min:{type:[Number,String]},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},showBorder:{Type:Boolean,default:!0},step:{Type:Number,default:1},placeholder:{Type:String,default:""},precision:{Type:Number,default:0},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number||void 0,default:void 0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},updateOn:{type:String,default:"blur"}};ce(fe,Yt,Zt,Jt);function Kt(e,n,r,a){const s=t.ref(e.disabled),g=t.ref(!1),m=t.ref("text"),C=t.ref(e.showBorder),c=t.ref(e.textAlign),o=t.ref(e.updateOn),f=t.computed(()=>e.editable||!e.readonly),i=t.computed(()=>e.editable&&!e.disabled&&!e.readonly),u=t.computed(()=>!e.disabled&&g.value),l=t.computed(()=>r.value===""||r.value===null||r.value===void 0),p=t.computed(()=>(e.disabled||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),y=t.computed(()=>e.readonly||!e.editable),w=t.computed(()=>e.enableTitle?r.value:""),k=t.computed(()=>({"form-control":!0,"f-utils-fill":!0,"text-left":c.value==="left","text-center":c.value==="center","text-right":c.value==="right"})),M=t.computed(()=>{const P={"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":s.value,"f-state-editable":i.value,"f-state-readonly":y.value,"f-state-focus":u.value};return(e.customClass||"").split(" ").reduce((G,te)=>(G[te]=!0,G),P),P}),E=t.computed(()=>C.value?"":"border-width : 0 ");function S(P,L=!0){r.value=P,a.value!==P&&(a.value=P),L&&n.emit("change",P),n.emit("update:modelValue",P),n.emit("update:value",P)}t.watch(()=>e.modelValue,(P,L)=>{P!==L&&(r.value=P,a.value=P)}),t.watch(()=>e.disabled,(P,L)=>{P!==L&&(s.value=P)});function B(P){return g.value=!1,n.emit("blur",P),P.stopPropagation(),!1}function V(P){n.emit("click",P)}function T(P){e.disabled||(C.value&&(g.value=!0),f.value&&n.emit("focus",P))}function $(P){n.emit("input",P.target.value);const L=P.target.value;a.value=L,o.value==="input"&&(n.emit("update:modelValue",L),n.emit("update:value",L))}function q(P){n.emit("keydown",P)}function D(P){n.emit("keyup",P)}function H(P){P.target.tagName!=="INPUT"&&P.preventDefault(),P.stopPropagation()}function U(P){if(o.value==="blur"){const L=P.target.value;P.stopPropagation(),S(L)}}return{changeTextBoxValue:S,disabled:s,displayText:a,editable:i,hasFocused:u,inputGroupClass:M,inputType:m,isEmpty:l,modelValue:r,readonly:y,onBlur:B,onClick:V,onFocus:T,onInput:$,onKeydown:q,onKeyup:D,onMousedown:H,onTextBoxValueChange:U,placeholder:p,textBoxClass:k,textBoxTitle:w,inputGroupStyle:E}}function en(e,n,r){const a=t.ref(!1),s=t.computed(()=>e.enableClear&&!e.readonly&&!e.disabled),{changeTextBoxValue:g,displayText:m,hasFocused:C,isEmpty:c}=r;function o(y){a.value=y}t.watch(m,()=>{C!=null&&C.value?o(!!(m!=null&&m.value)):o(!1)});const f=t.computed(()=>({"input-group-text":!0,"input-group-clear":!0})),i=t.computed(()=>({width:"24px",display:a.value?"flex":"none"}));function u(y){y.stopPropagation(),s.value&&(g("",!0),o(!a.value),n.emit("clear"))}function l(y){s.value&&!c.value&&o(!0)}function p(y){s.value&&o(!1)}return{clearButtonClass:f,clearButtonStyle:i,hasShownClearButton:a,onClearValue:u,onMouseEnter:l,onMouseLeave:p,shouldShowClearButton:s}}const tn=["moz","ms","webkit"];function nn(){let e=0;return n=>{const r=new Date().getTime(),a=Math.max(0,16-(r-e)),s=setTimeout(()=>{n(r+a)},a);return e=r+a,s}}function rn(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const e=tn.filter(n=>`${n}RequestAnimationFrame`in window)[0];return e?window[`${e}RequestAnimationFrame`]:nn()}rn();function on(e,n){const r=t.ref(e.groupText),a=t.computed(()=>e.showButtonWhenDisabled&&(e.readonly||e.disabled)),s=t.computed(()=>e.enableClear||!!e.groupText);return{appendedButtonClass:t.computed(()=>({"input-group-append":!0,"append-force-show":a.value})),appendedContent:r,shouldShowAppendedButton:s}}function an(e,n,r,a){const{appendedContent:s}=a,g=t.ref(e.enableViewPassword),m=t.computed(()=>e.type==="password"),C='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',c='<span class="f-icon f-icon-eye"></span>',o=t.ref(!1);t.watch(()=>[e.readonly,e.disabled],([u,l])=>{m.value&&(r.value=u||l?"password":r.value,s.value=u||l?c:s.value)});function f(){return o.value=!o.value,r.value=o.value?"text":"password",s.value=o.value?C:c,!1}function i(){r.value=m.value?"password":"text",s.value=m.value?g.value?c:"":s.value}return i(),{isPassword:m,onClickAppendedButton:f}}function sn(e,n,r){const a=t.ref(),{onBlurTextBox:s,onFocusTextBox:g,onInput:m,onKeyDown:C,textBoxValue:c}=r,o=t.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),f=t.computed(()=>({"form-control":!0,"f-utils-fill":!0})),i=t.computed(()=>({"text-align":e.textAlign}));function u(y){y.stopPropagation()}function l(){e.selectOnCreated,e.focusOnCreated}async function p(y){g(y),await t.nextTick,l()}return t.onMounted(async()=>{await t.nextTick,l()}),()=>t.createVNode("input",{ref:a,class:f.value,style:i.value,type:"text",value:c.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:o.value,onBlur:s,onChange:u,onFocus:p,onInput:m,onKeydown:C},null)}function ln(e,n,r){const{canDownward:a,canUpward:s,onClickDownButton:g,onClickUpButton:m}=r,C=t.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),c=t.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),o=t.computed(()=>({cursor:s()?"pointer":"not-allowed","margin-left":0})),f=t.computed(()=>({cursor:a()?"pointer":"not-allowed","margin-left":0}));return()=>t.createVNode("div",{class:C.value},[t.createVNode("button",{title:"upButton",class:c.value,style:o.value,onClick:m,disabled:!s()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),t.createVNode("button",{title:"downButton",class:c.value,style:f.value,onClick:g,disabled:!a()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function un(e,n){const r=W.useNumber(e,n),a=W.useFormat(e,n,r),s=W.useSpinner(e,n,a,r),g=W.useTextBox(e,n,a,r,s),m=ln(e,n,s),{displayValue:C,modelValue:c,getRealValue:o}=r,f=sn(e,n,g),{format:i}=a,{isFocus:u}=g,l=t.computed(()=>!e.disabled&&!e.readonly);return t.onMounted(()=>{const p=o(e.modelValue);C.value=i(p)}),t.watch(()=>[e.value],([p])=>{const y=o(p);c.value=y,C.value=i(y)}),t.watch(()=>[e.modelValue],([p])=>{p!==c.value&&(c.value=p,!u.value&&(C.value=i(o(p))))}),t.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{C.value=i(c.value)}),()=>t.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[f(),l.value&&m()])}function cn(e,n,r,a){const s=t.ref(),g=t.ref(e.autocomplete),m=t.ref(e.enableTitle),{isPassword:C}=r,c=t.ref(e.minLength),o=t.ref(e.maxLength),f=t.ref(e.tabIndex),{disabled:i,displayText:u,inputType:l,onBlur:p,onFocus:y,onInput:w,onClick:k,onKeydown:M,onKeyup:E,onMousedown:S,onTextBoxValueChange:B,readonly:V,placeholder:T,textBoxClass:$,textBoxTitle:q}=a;return t.onMounted(()=>{e.selectOnCreated,e.focusOnCreated}),()=>t.createVNode("input",{ref:s,name:"input-group-value",autocomplete:g.value,class:$.value,disabled:i==null?void 0:i.value,maxlength:o.value,minlength:c.value,placeholder:T.value,readonly:V==null?void 0:V.value,tabindex:f.value,title:m.value&&!C.value?q.value:"",type:l.value,value:u==null?void 0:u.value,onBlur:p,onClick:k,onChange:B,onFocus:y,onInput:w,onKeydown:M,onKeyup:E,onMousedown:S},null)}function dn(e,n){const r=t.computed(()=>e.useExtendInfo&&!!e.extendInfo),a=t.reactive({content:e.extendInfo});function s(){n.emit("updateExtendInfo")}return()=>r.value&&t.withDirectives(t.createVNode("span",{class:"input-group-before-tips",onMouseenter:s},[t.createVNode("i",{class:"f-icon f-icon-info-circle"},null),t.createVNode("b",{class:"tips-arrow"},null)]),[[t.resolveDirective("tooltip"),a]])}function pn(e,n,r,a,s){const{appendedButtonClass:g,appendedContent:m}=r,C=t.computed(()=>e.showButtonWhenDisabled&&(!e.editable||!e.readonly)&&!e.disabled),c=t.computed(()=>m.value&&!n.slots.groupTextTemplate),o=t.computed(()=>!!n.slots.groupTextTemplate),{clearButtonClass:f,clearButtonStyle:i,onClearValue:u,shouldShowClearButton:l}=a;function p(){return t.createVNode("span",{id:"clearIcon",class:f.value,style:i.value,onClick:T=>u(T)},[t.createVNode("i",{class:"f-icon modal_close"},null)])}function y(T){n.emit("iconMouseEnter",T)}function w(T){n.emit("iconMouseLeave",T)}function k(T){C.value&&n.emit("clickHandle",{originalEvent:T}),T.stopPropagation()}const M=e.type==="password"?s.onClickAppendedButton:k;function E(){return t.createVNode("span",{class:"input-group-text",onMouseenter:T=>y(T),onMouseleave:T=>w(T),innerHTML:m.value,onClick:T=>M(T)},null)}function S(){return n.slots.groupTextTemplate&&n.slots.groupTextTemplate()}function B(){return c.value?E:o.value?S:""}const V=B();return()=>t.createVNode("div",{class:g.value},[l.value&&p(),V&&V()])}const fn=t.defineComponent({name:"FInputGroup",props:fe,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo","valueChange"],setup(e,n){const r=t.ref(e.modelValue),a=t.ref(e.modelValue),s=Kt(e,n,r,a),{inputGroupClass:g,inputType:m,inputGroupStyle:C}=s,c=on(e),{shouldShowAppendedButton:o}=c,f=en(e,n,s),{onMouseEnter:i,onMouseLeave:u}=f,l=an(e,n,m,c),p=un(e,n),y=cn(e,n,l,s),w=pn(e,n,c,f,l),k=dn(e,n),M=t.computed(()=>e.type==="number");t.watch(()=>[e.value],([S])=>{r.value=S,a.value=S}),t.watch(()=>[e.modelValue],([S])=>{r.value=S,a.value=S}),t.onMounted(()=>{e.value&&(r.value=e.value,a.value=e.value)});const E=()=>t.createVNode(t.Fragment,null,[t.createVNode("div",{id:"inputGroup",class:g.value,style:C.value,onMouseenter:i,onMouseleave:u},[M.value?p():t.createVNode(t.Fragment,null,[k(),y(),o.value&&w()])])]);return()=>E()}}),h={},b={},v={},x={};let me=!1;function mn(){me||(me=!0,be.register(h,b,v,x),he.register(h,b,v,x),ve.register(h,b,v,x),xe.register(h,b,v,x),Ce.register(h,b,v,x),je.register(h,b,v,x),we.register(h,b,v,x),Fe.register(h,b,v,x),Ne.register(h,b,v,x),Te.register(h,b,v,x),Se.register(h,b,v,x),Pe.register(h,b,v,x),Be.register(h,b,v,x),Ve.register(h,b,v,x),Ie.register(h,b,v,x),ke.register(h,b,v,x),Ee.register(h,b,v,x),qe.register(h,b,v,x),Me.register(h,b,v,x),Oe.register(h,b,v,x),Le.register(h,b,v,x),$e.register(h,b,v,x),Ae.register(h,b,v,x),De.register(h,b,v,x),Ge.register(h,b,v,x),Re.register(h,b,v,x),We.register(h,b,v,x),He.register(h,b,v,x),W.register(h,b,v,x),Ue.register(h,b,v,x),_e.register(h,b,v,x),ze.register(h,b,v,x),Xe.register(h,b,v,x),Qe.register(h,b,v,x),Ze.register(h,b,v,x),Je.register(h,b,v,x),Ye.register(h,b,v,x),et.register(h,b,v,x),tt.register(h,b,v,x),Ke.register(h,b,v,x),vt.register(h,b,v),nt.register(h,b,v,x),rt.register(h,b,v,x),ot.register(h,b,v,x),at.register(h,b,v,x),it.register(h,b,v,x),st.register(h,b,v,x),lt.register(h,b,v,x),ut.register(h,b,v,x),ct.register(h,b,v,x),dt.register(h,b,v,x),pt.register(h,b,v,x),ft.register(h,b,v,x),gt.register(h,b,v,x),mt.register(h,b,v,x),yt.register(h,b,v,x),ht.register(h,b,v,x),bt.register(h,b,v,x),xt.register(h,b,v,x))}function gn(){mn();function e(s,g){const m=b[s];return m?m(g):{}}function n(s){return h[s]||fn}function r(s){switch(s){case"check-box":return"onChangeValue";case"switch":return"onModelValueChanged";case"check-group":return"onChangeValue";case"combo-list":case"combo-tree":return"onChange";case"combo-lookup":return"";case"date-picker":return"onDatePicked";case"date-range":return"";case"datetime-picker":return"";case"datetime-range":return"";case"month-picker":return"";case"month-range":return"";case"year-picker":return"";case"year-range":return"";case"input-group":return"onChange";case"lookup":return"";case"number-range":return"onValueChange";case"number-spinner":return"onValueChange";case"radio-group":return"onChangeValue";case"text":return"";case"response-layout-editor-setting":return"onChange";case"events-editor":return"onSavedCommandListChanged";case"grid-field-editor":return"onChange";case"field-selector":return"onFieldSelected";case"schema-selector":return"onSchemaSelected";case"mapping-editor":return"onMappingFieldsChanged";case"textarea":return"onValueChange"}}function a(s){switch(s){case"combo-list":case"input-group":case"textarea":return"onClear"}}return{resolveEditorProps:e,resolveEditorType:n,getChangeFunctionName:r,getClearFunctionName:a}}const yn=t.defineComponent({name:"FDynamicFormGroup",props:pe,emits:["change","update:modelValue"],setup(e,n){const r=t.ref(e.id),a=t.ref(e.customClass),s=t.ref(e.editor),g=t.ref(e.label),m=t.ref(e.modelValue),C=t.ref(e.readonly),c=t.ref(e.required),o=t.ref(e.showLabel),f=t.ref(e.visible);t.ref(e.type);const i=t.ref(),{resolveEditorProps:u,resolveEditorType:l,getChangeFunctionName:p,getClearFunctionName:y}=gn(),w=t.computed(()=>({"form-group":!0,"farris-form-group":!0,"common-group":!0,"q-state-readonly":C.value}));function k(S,B){m.value=B!==void 0?B:S,n.emit("update:modelValue",m.value),n.emit("change",m.value)}function M(){n.emit("update:modelValue","")}const E=t.computed(()=>{const S=s.value.type||"input-group",B=l(S),V=u(S,s.value),T=p(S),$=y(s.value.type);return V[T]=k,V[$]=M,()=>t.createVNode(B,t.mergeProps({ref:i},V,{modelValue:m.value,"onUpdate:modelValue":q=>m.value=q}),null)});return t.watch([()=>e.id,()=>e.customClass,()=>e.editor,()=>e.label,()=>e.modelValue,()=>e.readonly,()=>e.required,()=>e.showLabel,()=>e.visible],([S,B,V,T,$,q,D,H,U])=>{r.value=S,a.value=B,s.value=V,g.value=T,m.value=$,C.value=q,c.value=D,o.value=H,f.value=U}),n.expose({editorRef:i}),()=>f.value&&t.createVNode("div",{id:`${r.value}-input-group`,class:a.value},[t.createVNode("div",{class:"farris-group-wrap"},[t.createVNode("div",{class:w.value},[o.value&&t.createVNode(Qt,{id:`${r.value}-lable`,required:c.value,text:g.value,title:g.value},null),t.createVNode("div",{class:"farris-input-wrap"},[E.value()])])])])}}),hn=t.defineComponent({name:"FPropertyPanelItem",props:ue,emits:["propertyChange","triggerRefreshPanel"],setup(e,n){var c;const r=t.ref((c=e.category)==null?void 0:c.categoryId),a=t.ref(e.elementConfig.propertyID),s=t.ref(e.elementConfig.propertyName);t.ref(e.elementConfig.editor);const g=t.ref(e.elementConfig.propertyValue),m=t.computed(()=>{const o=e.elementConfig.visible;return{"farris-group-wrap":!0,"property-item":!0,"d-none":!(typeof o=="boolean"?o:o==null?!0:o())}});t.watch(()=>{var o;return(o=e.elementConfig)==null?void 0:o.propertyValue},o=>{g.value=o});function C(o){e.elementConfig.propertyValue=o;const f={propertyID:e.elementConfig.propertyID,propertyValue:o};n.emit("propertyChange",f),e.elementConfig.refreshPanelAfterChanged&&n.emit("triggerRefreshPanel")}return()=>t.createVNode("div",{class:m.value},[t.createVNode(yn,{id:a.value,customClass:`${r.value}-${a.value}`,label:s.value,editor:e.elementConfig.editor,modelValue:g.value,onChange:C,editorParams:e.elementConfig.editorParams},null)])}}),bn=t.defineComponent({name:"FPropertyPanelItemList",props:Ut,emits:["valueChanged","submitModal","triggerRefreshPanel"],setup(e,n){const r=t.ref(e.category);function a(l){if(!l.hideCascadeTitle)return t.createVNode("div",{class:"farris-input-wrap"},[t.createVNode("input",{title:"summary",type:"input",class:"form-control form-control-sm",value:l.cascadeSummary,readonly:!0},null)])}function s(l,p){p.isExpand=!p.isExpand}function g(l){return t.createVNode("div",{class:"landscape"},[t.createVNode("button",{title:"expand-button",class:["btn f-btn-collapse-expand f-btn-mx px-1",{"f-state-expand":l.isExpand}],onClick:p=>s(p,l)},[t.createVNode("span",null,null)])])}function m(l){return t.createVNode("div",{class:"f-section-formgroup-legend"},[t.createVNode("div",{class:"f-header px-0 my-0 col-form-label",style:"font-size: inherit;"},[t.createVNode("div",{class:"wrap"},[t.createVNode("span",{class:["f-icon mr-1",{"f-icon-arrow-60-right":!l.isExpand,"f-icon-arrow-60-down":l.isExpand}]},null),t.createVNode("span",{class:"farris-label-text"},[l.propertyName])])])])}function C(l){return`${e.categoryKey}_${l.propertyID}`}function c(l){l.categoryId=r.value.categoryId,r.value.enableCascade&&(l.propertyPath=r.value.parentPropertyID),r.value.setPropertyRelates&&r.value.setPropertyRelates(l,e.propertyData),n.emit("valueChanged",{changeObject:l})}function o(){n.emit("triggerRefreshPanel")}function f(l){return t.createVNode("div",{class:"px-2 mb-2"},[t.createVNode(hn,{key:C(l),elementConfig:l,category:r.value,onPropertyChange:c,onTriggerRefreshPanel:o},null)])}function i(l){var p;return t.createVNode("div",{class:"propertyCascadeItem farris-panel px-2 mb-2"},[t.createVNode("div",{class:["farris-panel-item card",{hidden:!l.isExpand}]},[t.createVNode("div",{class:"card-header",onClick:y=>s(y,l)},[t.createVNode("div",{class:"panel-item-title"},[t.createVNode("div",{class:"form-group farris-form-group line-item"},[m(l),a(l),g(l)])])]),t.createVNode("div",{class:["card-body",{hidden:!l.isExpand}]},[(p=l.cascadeConfig)==null?void 0:p.map(y=>f(y))])])])}t.watch(()=>e.category,()=>{r.value=e.category});function u(l){return l.propertyType==="cascade"?i:f}return()=>t.createVNode(t.Fragment,null,[r.value.properties.map(l=>u(l)(l))])}}),ee=t.defineComponent({name:"FPropertyPanel",props:oe,emits:["propertyChanged"],setup(e,n){const r=t.ref(e.width),a=t.ref(e.isWidePanel),s=t.ref(e.enableSearch),g=t.ref(e.mode),m=t.ref(e.isPersitOpenState),C=t.ref(e.isShowPanel),c=t.ref(),o=t.ref(),f=t.ref(e.showCloseBtn),i=t.ref(e.selectedTabId),u=t.ref(!0),l=t.ref(e.isWhiteTheme);let p=[],y=[];const w=t.ref(""),k=t.ref(),M=t.ref(),E=t.inject("SchemaService");let S=[],B=null,V="";const T=t.ref(),$=t.ref(0);function q(){y=[],T.value&&T.value.categoryList&&Array.isArray(T.value.categoryList)&&T.value.categoryList.length>0&&T.value.categoryList.forEach(F=>{if(F.properties.forEach(j=>j.categoryId=F.categoryId),F.properties&&Array.isArray(F.properties)&&F.properties.length>0){const j=F.properties.map(I=>(I.category=F,I));y=y.concat(j)}})}function D(N){let F=N.offsetTop,j=N.offsetParent;for(;j!==null;)F+=j.offsetTop,j=j.offsetParent;return F}function H(N,F){N&&F&&Object.keys(F).length>0&&Object.keys(F).forEach(j=>{var A;const I=F[j];(A=N.style)==null||A.setProperty(j,I)})}function U(){return y.filter(F=>F.visible?!!(F.propertyID&&F.propertyID.startsWith(w.value)||F.propertyName&&(F.propertyName.startsWith(w.value)||F.propertyName.includes(w.value))):!1)}function P(N,F,j){if(N===0){const I=D(F),re=D(j)-I-5;F==null||F.scroll({top:re,behavior:"smooth"})}}function L(N){S&&S.length>0&&(S.forEach(j=>{j.style.cssText=""}),S=[]),w.value=N||w.value;const F=document.querySelector(".panel-body");if(!w.value)k.value&&F&&(F.scrollTop=0);else if(q(),y&&y.length>0){const j=U();j&&j.length>0&&(j[0].category.status==="closed"&&(j[0].category.status="open"),setTimeout(()=>{j.forEach((I,A)=>{const re=I.propertyType==="cascade"?`.${I.categoryId}-${I.propertyID} div.col-form-label`:`.property-item .${I.categoryId}-${I.propertyID} label.col-form-label`,z=document.querySelector(re);z&&(P(A,F,z),H(z,{color:"#5B89FE"}),S.push(z))})},50))}}function G(N){L(N)}function te(N){const{value:F}=N.target;N.key==="Enter"&&G(F)}function xn(N){const{value:F}=N.target;G(F)}function Cn(){m.value||(u.value=!1),n.emit("closePropertyPanel")}function ne(N){w.value="",L()}function jn(N){!N.status||N.status==="open"?N.status="closed":N.status="open"}function _(){var N,F;if(p=[],!c.value||c.value.length===0){p=[{tabId:"default",tabName:"属性",categoryList:[]}],T.value=null;return}if((N=c==null?void 0:c.value)==null||N.forEach(j=>{if(j.tabId){const I=p.find(A=>A.tabId===j.tabId);I?(I.categoryList.push(j),I.hide&&(I.hide=j.hide||j.properties.length===0)):p.push({tabId:j.tabId,tabName:j.tabName,categoryList:[j],hide:j.hide||j.properties.length===0})}else{const I=p.find(A=>A.tabId==="default");I?I.categoryList.push(j):p.push({tabId:"default",tabName:"属性",categoryList:[j]})}}),i.value){let j=p==null?void 0:p.find(I=>I.tabId===i.value&&!I.hide);T.value=j||p[0]}else T.value=p[0];i.value=(F=T.value)==null?void 0:F.tabId}t.watch(()=>[e.schema,e.isShowPanel],()=>{o.value=e.schema,!e.schema||!e.schema.type?c.value=[]:c.value=K(o.value,E,B,V),_(),ne(w.value),$.value++}),t.onMounted(()=>{_()});function wn(N,F){(!o.value||F)&&(o.value=F||e.schema),c.value=K(o.value,E,B,V,N),_(),ne(w.value)}function Fn(N,F){B=N,V=F}function ye(){g.value=g.value==="panel"?"sidebar":"panel",g.value==="panel"?(setTimeout(()=>{G()},100),r.value="300px"):r.value="41px"}function Nn(){if(f.value)return t.createVNode("div",{class:"title-actions"},[t.createVNode("div",{class:"monaco-toolbar"},[t.createVNode("div",{class:"monaco-action-bar animated"},[t.createVNode("ul",{class:"actions-container",role:"toolbar"},[t.createVNode("li",{class:"action-item",onClick:Cn},[t.createVNode("span",{class:"f-icon f-icon-close"},null)])])])])])}function Tn(){c.value=K(o.value,E,B,V),_()}function Pn(){var N;if(s.value&&((N=T.value)==null?void 0:N.tabId)!=="commands")return t.createVNode("div",{class:"search"},[t.createVNode("div",{class:"input-group f-state-editable border-left-0 border-right-0"},[t.createVNode("input",{class:"form-control f-utils-fill text-left pt-3 pb-3 textbox",type:"text",placeholder:"输入属性名称或编号快速定位",autocomplete:"off",onKeyup:F=>te(F),value:w.value},null),t.createVNode("div",{class:"input-group-append",style:"margin-left: 0px;"},[t.createVNode("span",{class:"input-group-text input-group-clear",style:[{display:w.value&&w.value.length>0?"":"none"}],onClick:F=>ne()},[t.createVNode("i",{class:"f-icon modal_close"},null)]),t.createVNode("span",{class:"input-group-text input-group-clear",onClick:F=>xn(F)},[t.createVNode("i",{class:"f-icon f-icon-search"},null)])])])])}function Sn(N){return`${e.propertyName}_${N.categoryId}`}function Bn(N){n.emit("propertyChanged",N)}function Vn(){var N,F;if(T.value)return t.createVNode("div",{class:"panel-body",ref:M},[t.createVNode("ul",{class:["property-grid",{"wide-panel":a.value}]},[(F=(N=T.value)==null?void 0:N.categoryList)==null?void 0:F.map(j=>t.createVNode("li",{key:Sn(j),"data-category-id":j==null?void 0:j.categoryId},[!j.hide&&!j.hideTitle&&t.createVNode("span",{class:"group-label",onClick:()=>jn(j)},[t.createVNode("span",{class:["f-icon  mr-2",{"f-legend-show":j.status==="closed"},{"f-legend-collapse":j.status==="open"||j.status===void 0}]},null),j.categoryName]),t.createVNode("div",{hidden:j.status==="closed"},[t.createVNode(bn,{key:`${j==null?void 0:j.categoryId}-${$.value}`,category:j,propertyData:o.value,onTriggerRefreshPanel:Tn,onValueChanged:Bn},null)])]))])])}function In(){if(g.value==="sidebar")return t.createVNode("div",{class:"side-panel h-100",onClick:ye},[t.createVNode("i",{class:"f-icon f-icon-engineering w-100 icon"},null),t.createVNode("span",null,[t.createTextVNode("属性")])])}function kn(){return{display:u.value?"block":"none",width:r.value}}function En(){return t.createVNode("div",{class:"switcher"},[t.createVNode("i",{class:"f-icon f-icon-exhale-discount",style:[{transform:g.value==="sidebar"?"none":"rotate(180deg)"}],onClick:ye},null)])}function qn(N){T.value=N,i.value=T.value.tabId,w.value=""}function Mn(){return p.map(N=>t.createVNode("div",{class:["title-label",{active:T.value&&T.value.tabId===N.tabId},{hidden:N.hide}],onClick:()=>qn(N)},[t.createVNode("span",null,[N.tabName])]))}return t.onMounted(()=>{G(w.value)}),t.onBeforeMount(()=>{m.value&&(u.value=C.value),_(),G(w.value)}),t.watch(T,()=>{}),n.expose({updatePropertyConfig:wn,updateDesignerItem:Fn}),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",{ref:k,class:["property-panel",{"white-theme":l.value}],style:kn()},[t.createVNode("div",{class:"propertyPanel panel flex-column",hidden:g.value!=="panel"},[t.createVNode("div",{class:["title d-flex",{"p-right":f.value},{only:p.length===1}]},[Mn(),Nn()]),Pn(),Vn()]),En(),In()])])}});var ge=(e=>(e.string="string",e.boolean="boolean",e.number="number",e.select="select",e.boolOrExp="boolOrExp",e.editableSelect="editableSelect",e.multiSelect="multiSelect",e.date="date",e.datetime="datetime",e.modal="modal",e.cascade="cascade",e.custom="custom",e.unity="unity",e.events="events",e.switch="switch",e.multiLanguage="multiLanguage",e))(ge||{});const vn={install(e){e.component(ee.name,ee)}};d.FPropertyPanel=ee,d.PropertyType=ge,d.default=vn,d.propertyPanelItemProps=ue,d.propertyPanelProps=oe,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/query-solution/index.css

@@ -1 +1 @@
-.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative;z-index:801}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}.query-solution-config{padding:0 32px;height:100%}.query-solution-config-transfer{flex:1;margin-right:16px!important}
+.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent!important;border:none!important}.propertyCascadeItem .card-header{background-color:transparent!important;padding:4px 0!important;color:inherit!important}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit!important}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3!important}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto!important;top:6px;color:#6b94ec!important;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px!important;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative;z-index:801}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff!important;border-color:#d8dbe2!important;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9!important;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df!important}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6!important;color:#435069!important;font-weight:600!important;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px!important;padding-top:.25rem!important}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0!important}.white-theme .propertyPanel{background:#fff!important;border:1px solid #D8DCE6!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;justify-content:space-around}.white-theme .propertyPanel{background:#fff!important}.white-theme .propertyPanel .title{overflow:visible;background:#fff!important;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400!important;border-bottom:0;background:#fff!important;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff!important;line-height:30px;font-weight:400!important;font-size:13px;color:#3f4764!important;border-radius:6px;background:#eef4ff!important;color:#435069!important}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-listview-item-active{background-color:#dae9ff!important}.f-listview-item{padding:0 .5rem 0 .3125rem;border-radius:3px}.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}.query-solution-config{padding:0 32px;height:100%}.query-solution-config-transfer{flex:1;margin-right:16px!important}