@farris/ui-vue 1.6.5-beta.8 → 1.6.6

package/components/list-nav/index.umd.cjs

@@ -1 +1 @@
-(function(N,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("vue"),require("../common/index.umd.js"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","lodash-es","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],v):(N=typeof globalThis<"u"?globalThis:N||self,v(N["list-nav"]={},N.Vue,N.common,N.LodashES,N.dynamicResolver,N.designerCanvas))})(this,function(N,v,_,R,se,ae){"use strict";var nt=Object.defineProperty;var rt=(N,v,_)=>v in N?nt(N,v,{enumerable:!0,configurable:!0,writable:!0,value:_}):N[v]=_;var V=(N,v,_)=>rt(N,typeof v!="symbol"?v+"":v,_);function Q(n,e){let t;function r(l){const{properties:d,title:b,ignore:u}=l,p=u&&Array.isArray(u),h=Object.keys(d).reduce((C,T)=>((!p||!u.find(D=>D===T))&&(C[T]=d[T].type==="object"&&d[T].properties?r(d[T]):R.cloneDeep(d[T].default)),C),{});if(b&&(!p||!u.find(C=>C==="id"))){const C=b.toLowerCase().replace(/-/g,"_");h.id=`${C}_${Math.random().toString().slice(2,6)}`}return h}function o(l){const{properties:d,title:b,required:u}=l;if(u&&Array.isArray(u)){const p=u.reduce((h,C)=>(h[C]=d[C].type==="object"&&d[C].properties?r(d[C]):R.cloneDeep(d[C].default),h),{});if(b&&u.find(h=>h==="id")){const h=b.toLowerCase().replace(/-/g,"_");p.id=`${h}_${Math.random().toString().slice(2,6)}`}return p}return{type:b}}function i(l,d={},b){const u=n[l];if(u){let p=o(u);const h=e[l];return p=h?h({getSchemaByType:i},p,d,b):p,t!=null&&t.appendIdentifyForNewControl&&t.appendIdentifyForNewControl(p),p}return null}function s(l,d){const b=r(d);return Object.keys(b).reduce((u,p)=>(Object.prototype.hasOwnProperty.call(l,p)&&(u[p]&&R.isPlainObject(u[p])&&R.isPlainObject(l[p]||!l[p])?Object.assign(u[p],l[p]||{}):u[p]=l[p]),u),b),b}function m(l,d){return Object.keys(l).filter(u=>l[u]!=null).reduce((u,p)=>{if(d.has(p)){const h=d.get(p);if(typeof h=="string")u[h]=l[p];else{const C=h(p,l[p],l);Object.assign(u,C)}}else u[p]=l[p];return u},{})}function f(l,d,b=new Map){const u=s(l,d);return m(u,b)}function a(l){var b;const d=l.type;if(d){const u=n[d];if(!u)return l;const p=s(l,u),h=((b=l.editor)==null?void 0:b.type)||"";if(h){const C=n[h],T=s(l.editor,C);p.editor=T}return p}return l}function c(l){t=l}return{getSchemaByType:i,resolveSchemaWithDefaultValue:a,resolveSchemaToProps:f,mappingSchemaToProps:m,setDesignerContext:c}}const X={},Y={},{getSchemaByType:ot,resolveSchemaWithDefaultValue:le,resolveSchemaToProps:ce,mappingSchemaToProps:ue,setDesignerContext:it}=Q(X,Y);function fe(n={}){function e(a,c,l,d){if(typeof l=="number")return d[a].length===l;if(typeof l=="object"){const b=Object.keys(l)[0],u=l[b];if(b==="not")return Number(d[a].length)!==Number(u);if(b==="moreThan")return Number(d[a].length)>=Number(u);if(b==="lessThan")return Number(d[a].length)<=Number(u)}return!1}function t(a,c,l,d){return d[a]&&d[a].propertyValue&&String(d[a].propertyValue.value)===String(l)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((a,c)=>(a.set(c,n[c]),a),r);function o(a,c){const l=a;return typeof c=="number"?[{target:l,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:l,operator:"getProperty",param:a,value:!!c}]:typeof c=="object"?Object.keys(c).map(d=>{if(d==="length")return{target:l,operator:"length",param:null,value:c[d]};const b=d,u=c[d];return{target:l,operator:"getProperty",param:b,value:u}}):[]}function i(a){return Object.keys(a).reduce((l,d)=>{const b=o(d,a[d]);return l.push(...b),l},[])}function s(a,c){if(r.has(a.operator)){const l=r.get(a.operator);return l&&l(a.target,a.param,a.value,c)||!1}return!1}function m(a,c){return i(a).reduce((b,u)=>b&&s(u,c),!0)}function f(a,c){const l=Object.keys(a),d=l.includes("allOf"),b=l.includes("anyOf"),u=d||b,C=(u?a[u?d?"allOf":"anyOf":"allOf"]:[a]).map(D=>m(D,c));return d?!C.includes(!1):C.includes(!0)}return{parseValueSchema:f}}const pe={convertTo:(n,e,t,r)=>{n.appearance||(n.appearance={}),n.appearance[e]=t},convertFrom:(n,e,t)=>n.appearance?n.appearance[e]:n[e]},de={convertFrom:(n,e,t)=>n.buttons&&n.buttons.length?`共 ${n.buttons.length} 项`:"无"},me={convertTo:(n,e,t,r)=>{n.editor&&(n.editor[e]=t)},convertFrom:(n,e,t)=>n.editor&&Object.prototype.hasOwnProperty.call(n.editor,e)?n.editor[e]:n[e]},F={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},ve={convertFrom:(n,e,t)=>{var o;const r=n.editor&&n.editor[e]?n.editor[e]:n[e];return((o=F[r])==null?void 0:o.name)||r}},he={convertTo:(n,e,t,r)=>{n[e]=n[e]},convertFrom:(n,e,t)=>n.editor?t.getRealEditorType(n.editor.type):""},ge={convertTo:(n,e,t,r)=>{(n.type==="data-grid-column"||n.type==="tree-grid-column")&&(n.formatter?n.formatter[e]=t:n.formatter={[e]:t})},convertFrom:(n,e,t)=>{if(n.formatter){if(e==="trueText")return n.formatter.trueText;if(e==="falseText")return n.formatter.falseText;if(e==="prefix")return n.formatter.prefix;if(e==="suffix")return n.formatter.suffix;if(e==="precision")return n.formatter.precision;if(e==="decimal")return n.formatter.decimal;if(e==="thousand")return n.formatter.thousand;if(e==="dateFormat")return n.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return n.formatter.customFormat;if(e==="type")return n.formatter.type||"none"}return"none"}},be={convertTo:(n,e,t,r)=>{n.command?n.command[e]=t:n.command={[e]:t},e==="enable"&&t&&(n.command.commands||(n.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(n,e,t)=>n.command&&e==="enable"?n.command.enable:""},ye={convertTo:(n,e,t,r)=>{n.column?n.column[e]=t:n.column={[e]:t},e==="fitColumns"&&t&&(n.column.fitMode||(n.column.fitMode="average"))},convertFrom:(n,e,t)=>{if(n.column){if(e==="fitColumns")return n.column.fitColumns;if(e==="fitMode")return n.column.fitMode}return""}},Ce={convertTo:(n,e,t,r)=>{n.summary?n.summary[e]=t:n.summary={[e]:t},e==="enable"&&t&&(n.summary?n.summary.groupFields||(n.summary.groupFields=[]):n.summary={enable:t,groupFields:[]})},convertFrom:(n,e,t)=>n.summary&&e==="enable"?n.summary.enable:n.type==="data-grid-column"?n.enableSummary===void 0?!1:n.enableSummary:""},Se={convertTo:(n,e,t,r)=>{n.group?n.group[e]=t:n.group={[e]:t},e==="enable"&&t&&(n.group?n.group.groupFields||(n.group.groupFields=[]):n.group={enable:t,groupFields:[],showSummary:!1})},convertFrom:(n,e,t)=>{if(n.group){if(e==="enable")return n.group.enable;if(e==="showSummary")return n.group.showSummary}}},Ee={convertFrom:(n,e)=>n.binding?n.binding.path:"",convertTo:(n,e,t)=>{if(t&&t.length>0){const r=t[0];n.binding||(n.binding={}),n.binding.type="Form",n.binding.path=r.bindingField,n.binding.field=r.id,n.binding.fullPath=r.path,n.path=r.bindingPath}}},Te={convertTo:(n,e,t,r)=>{n.pagination||(n.pagination={}),n.pagination[e]=t},convertFrom:(n,e,t)=>n.pagination?n.pagination[e]:n[e]},we={convertTo:(n,e,t,r)=>{n.rowNumber||(n.rowNumber={}),n.rowNumber[e]=t},convertFrom:(n,e,t)=>n.rowNumber?n.rowNumber[e]:n[e]},Me={convertTo:(n,e,t,r)=>{n.selection||(n.selection={}),n.selection[e]=t},convertFrom:(n,e,t)=>{var r,o;return e==="showCheckbox"?(r=n.selection)!=null&&r.multiSelect?!0:(o=n.selection)==null?void 0:o.showCheckbox:n.selection?n.selection[e]:n[e]}},Pe={convertFrom:(n,e,t)=>n[e]&&n[e].length?`共 ${n[e].length} 项`:""},Ne={convertFrom:(n,e)=>n[e]||"",convertTo:(n,e,t)=>{n[e]=t}},Ve={convertTo:(n,e,t,r)=>{n.size||(n.size={}),n.size[e]=t},convertFrom:(n,e,t)=>n.size?n.size[e]:n[e]},Fe={convertFrom:(n,e,t)=>{var r,o;return(r=n.formatter)!=null&&r.data&&e==="formatterEnumData"&&!n.formatterEnumData?(o=n.formatter)==null?void 0:o.data:n.formatterEnumData}},ke={convertTo:(n,e,t,r)=>{n.sort||(n.sort={}),n.sort[e]=t},convertFrom:(n,e,t)=>{var r,o;if(e==="mode")return((r=n.sort)==null?void 0:r.mode)||"client";if(e==="multiSort")return!!((o=n.sort)!=null&&o.multiSort)}},De={convertTo:(n,e,t,r)=>{n.filter||(n.filter={}),n.filter[e]=t},convertFrom:(n,e,t)=>{var r;if(e==="mode")return((r=n.filter)==null?void 0:r.mode)||"client"}},Oe={convertTo:(n,e,t,r)=>{n.rowOption?n.rowOption[e]=t:n.rowOption={[e]:t}},convertFrom:(n,e,t)=>{if(n.rowOption){if(e==="customRowStyle")return n.rowOption.customRowStyle;if(e==="customCellStyle")return n.rowOption.customCellStyle}return""}};function Z(n,e,t){const r=new Map([["/converter/appearance.converter",pe],["/converter/buttons.converter",de],["/converter/property-editor.converter",me],["/converter/items-count.converter",Pe],["/converter/type.converter",ve],["/converter/change-editor.converter",he],["/converter/change-formatter.converter",ge],["/converter/column-command.converter",be],["/converter/column-option.converter",ye],["/converter/summary.converter",Ce],["/converter/group.converter",Se],["/converter/form-group-label.converter",Ne],["/converter/field-selector.converter",Ee],["/converter/pagination.converter",Te],["/converter/row-number.converter",we],["/converter/grid-selection.converter",Me],["/converter/size.converter",Ve],["/converter/change-formatter-enum.converter",Fe],["/converter/grid-sort.converter",ke],["/converter/grid-filter.converter",De],["/converter/row-option.converter",Oe]]),o=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),i=fe();function s(u,p){return()=>i.parseValueSchema(u,p)}function m(u,p,h){return u.includes("visible")&&p.visible!==void 0?typeof p.visible=="boolean"?()=>!!p.visible:p.visible===void 0?!0:s(p.visible,h):()=>!0}function f(u,p,h){return u.includes("readonly")&&p.readonly!==void 0?typeof p.readonly=="boolean"?()=>!!p.readonly:s(p.readonly,h):()=>!1}function a(u,p){const h=u.$converter||p;return typeof h=="string"&&h&&r.has(h)?r.get(h)||null:h||null}function c(u,p,h,C,T,D="",$=""){return Object.keys(u).map(M=>{const L=v.ref(1),x=M,y=u[M],O=Object.keys(y),z=y.title,g=y.type,S=o.get(g)||{type:"input-group",enableClear:!1},E=y.editor?Object.assign({},S,y.editor):Object.assign({},S),w=m(O,y,p),P=f(O,y,p);E.readonly=E.readonly===void 0?P():E.readonly;const j=y.type==="cascade"?c(y.properties,p,h,C,T,D,$):[],q=!0;let k=a(y,$);const A=v.computed({get(){if(L.value){if(["class","style"].find(tt=>tt===x)&&!k&&(k=r.get("/converter/appearance.converter")||null),k&&k.convertFrom)return k.convertFrom(h,M,T,D);const U=h[M];return Object.prototype.hasOwnProperty.call(y,"defaultValue")&&(U===void 0||typeof U=="string"&&U==="")?y.type==="boolean"?y.defaultValue:y.defaultValue||"":U}return null},set(U){L.value+=1,k&&k.convertTo?(k.convertTo(C,M,U,T,D),k.convertTo(h,M,U,T,D)):(C[M]=U,h[M]=U)}}),{refreshPanelAfterChanged:W,description:He,isExpand:Ke,parentPropertyID:et}=y,ie={propertyID:x,propertyName:z,propertyType:g,propertyValue:A,editor:E,visible:w,readonly:P,cascadeConfig:j,hideCascadeTitle:q,refreshPanelAfterChanged:W,description:He,isExpand:Ke,parentPropertyID:et};return p[x]=ie,ie})}function l(u,p,h={}){const C={},T=n[u];return T&&T.categories?Object.keys(T.categories).map($=>{const B=T.categories[$],M=B==null?void 0:B.title,L=c(B.properties||{},C,{},h,p);return{categoryId:$,categoryName:M,properties:L}}):[]}function d(u,p,h,C,T=""){const D=p.$ref.schema,$=p.$ref.converter,B=h[D],M=B.type,L=t(B),x={},y=n[M];if(y&&y.categories){const O=y.categories[u],z=O==null?void 0:O.title;$&&Object.keys(O.properties).forEach(E=>{O.properties[E].$converter=$});const g=(O==null?void 0:O.properties)||{},S=c(g,x,L,B,C,T);return{categoryId:u,categoryName:z,properties:S}}return{categoryId:u,categoryName:"",properties:[]}}function b(u,p,h,C,T){const D=u.type,$=t(u),B={};let M=T||n[D];if(M&&Object.keys(M).length===0&&h&&h.getPropConfig&&(M=h.getPropConfig(C)),M&&M.categories){const L=[];return Object.keys(M.categories).map(x=>{const y=M.categories[x];if(y.$ref){L.push(d(x,y,u,p,C));return}const O=y==null?void 0:y.title,z=y==null?void 0:y.tabId,g=y==null?void 0:y.tabName,S=y==null?void 0:y.hide,E=y==null?void 0:y.hideTitle,w=c(y.properties||{},B,$,u,p,C,y.$converter),{setPropertyRelates:P}=y,j=y==null?void 0:y.parentPropertyID;L.push({categoryId:x,categoryName:O,tabId:z,tabName:g,hide:S,properties:w,hideTitle:E,setPropertyRelates:P,parentPropertyID:j})}),L}return[]}return{getPropertyConfigBySchema:b,getPropertyConfigByType:l,propertyConverterMap:r}}const H={},K={};Z(H,K,le);const ee={},te={},{getSchemaByType:st,resolveSchemaWithDefaultValue:Be,resolveSchemaToProps:at,mappingSchemaToProps:lt,setDesignerContext:ct}=Q(ee,te),ne={},re={};Z(ne,re,Be);function je(n,e,t=new Map,r=(s,m,f,a)=>m,o={},i=s=>s){return X[e.title]=e,Y[e.title]=r,H[e.title]=o,K[e.title]=i,ee[e.title]=e,te[e.title]=r,ne[e.title]=o,re[e.title]=i,(s={},m=!0)=>{if(!m)return ue(s,t);const f=ce(s,e,t),a=Object.keys(n).reduce((c,l)=>(c[l]=n[l].default,c),{});return Object.assign(a,f)}}function $e(n,e){return{customClass:e.class,customStyle:e.style}}function Le(n,e){return{size:e.width||e.height||""}}const xe=new Map([["appearance",$e],["size",Le]]);function Ae(n,e,t){return e}const Ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-nav.schema.json",title:"list-nav",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a list-nav",type:"string"},type:{description:"The type string of list-nav component",type:"string",default:"list-nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0},position:{description:"",type:"string",default:"left"}},required:["id","type","contents"]},G={customClass:{type:String,default:""},customStyle:{type:String,default:""},position:{Type:String,default:"left"},title:{Type:String,default:""},size:{Type:Number||String,default:218},collapsible:{Type:Boolean,default:!0},folded:{Type:Boolean,default:!1},disabled:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},J=je(G,Ue,xe,Ae),I=v.defineComponent({name:"FListNav",props:G,emits:["collapse"],setup(n,e){const t=v.ref(n.position),r=v.ref(n.title),o=v.ref(n.folded),i=v.ref(!1);function s(a){a&&a.stopPropagation(),!n.disabled&&(i.value=!0,o.value=!o.value,e.emit("collapse",o.value))}const m=v.computed(()=>{const a={},c=["top","bottom"].indexOf(t.value)>-1?"height":"width";return a[c]=o.value?"0px":n.size+"px",a}),f=v.computed(()=>{const a={"f-list-nav":!0,"f-list-nav-top":t.value==="top","f-list-nav-left":t.value==="left","f-list-nav-right":t.value==="right","f-list-nav-bottom":t.value==="bottom"};return _.getCustomClass(a,n.customClass)});return()=>v.createVNode("div",{class:f.value,style:n.customStyle},[v.createVNode("div",{class:"f-list-nav-in",style:m.value},[v.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&v.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&r.value&&v.createVNode("div",{class:"f-list-nav-header"},[v.createVNode("div",{class:"f-list-nav-title"},[r.value])]),e.slots.default&&v.createVNode("div",{class:"f-list-nav-content"},[e.slots.default()]),e.slots.navContent&&v.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&v.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),n.collapsible&&v.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:n.disabled,active:o.value,"splitter-pane-collapse-animate":i.value}],onClick:a=>s(a)},[v.createVNode("span",{class:"triangle"},null)])])])}});function ze(n,e,t){var z;const r=t&&t.getStyles&&t.getStyles()||"",o=t&&t.getDesignerClass&&t.getDesignerClass()||"",i=v.ref();let s;function m(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function f(){return!1}function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function l(g){if(!g||!g.value)return null;if(g.value.schema&&g.value.schema.type==="component")return g.value;const S=v.ref(g==null?void 0:g.value.parent),E=l(S);return E||null}function d(g=e){var P;if(t!=null&&t.getDraggableDesignItemElement)return t.getDraggableDesignItemElement(g);const{componentInstance:S,designerItemElementRef:E}=g;if(!S||!S.value)return null;const{getCustomButtons:w}=S.value;return S.value.canMove||w&&((P=w())!=null&&P.length)?E:d(g.parent)}function b(g){return!!t&&t.canAccepts(g)}function u(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function p(){}function h(g,S){var E;!g||!S||(t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(g,S),(E=e==null?void 0:e.setupContext)==null||E.emit("dragEnd"))}function C(g,S){const{componentType:E}=g;let w=se.getSchemaByTypeForDesigner(E,g,S);t&&t.onResolveNewComponentSchema&&(w=t.onResolveNewComponentSchema(g,w));const P=E.toLowerCase().replace(/-/g,"_");return w&&!w.id&&w.type===E&&(w.id=`${P}_${Math.random().toString().slice(2,6)}`),w}function T(g){g&&t!=null&&t.onChildElementMovedOut&&t.onChildElementMovedOut(g)}function D(...g){if(t&&t.getPropsConfig)return t.getPropsConfig(...g)}function $(g){if(!g)return;const S=e==null?void 0:e.schema,{formSchemaUtils:E}=g;if(S&&E.getExpressions().length){const w=E.getExpressions().findIndex(P=>P.target===S.id);w>-1&&E.getExpressions().splice(w,1)}}function B(g){if(!g||!(e!=null&&e.schema))return;const S=e.schema,{formSchemaUtils:E}=g;E.removeCommunicationInComponent(S)}function M(g){t&&t.onRemoveComponent&&t.onRemoveComponent(),$(g),B(g),e!=null&&e.schema.contents&&e.schema.contents.map(S=>{let E=S.id;S.type==="component-ref"&&(E=S.component);const w=n.value.querySelectorAll(`#${E}-design-item`);w!=null&&w.length&&Array.from(w).map(P=>{var j;(j=P==null?void 0:P.componentInstance)!=null&&j.value.onRemoveComponent&&P.componentInstance.value.onRemoveComponent(g)})})}function L(){if(t&&t.getCustomButtons)return t.getCustomButtons()}function x(g){var E,w;if(!((E=e==null?void 0:e.schema)!=null&&E.id))return;if(!s&&g&&(s=g.formSchemaUtils),t!=null&&t.setComponentBasicInfoMap){t.setComponentBasicInfoMap();return}let S="";if(t!=null&&t.getComponentTitle)S=t.getComponentTitle();else{const{text:P,title:j,label:q,mainTitle:k,name:A,type:W}=e.schema;S=P||j||q||k||A||((w=F[W])==null?void 0:w.name)}S&&s.getControlBasicInfoMap().set(e.schema.id,{componentTitle:S,parentPathName:S})}function y(g){var P;const{changeObject:S}=g,{propertyID:E,propertyValue:w}=S;if(["text","title","label","name","mainTitle"].includes((P=g==null?void 0:g.changeObject)==null?void 0:P.propertyID)&&E&&w&&(x(),s)){const j=s.getControlBasicInfoMap(),q=j.keys().toArray().filter(k=>{var A,W;return((A=j.get(k))==null?void 0:A.reliedComponentId)===((W=e==null?void 0:e.schema)==null?void 0:W.id)});q!=null&&q.length&&q.forEach(k=>{const A=j.get(k).parentPathName.split(" > ");A[0]=w,j.get(k).parentPathName=A.join(" > ")})}}function O(g){if(y(g),t&&t.onPropertyChanged)return t.onPropertyChanged(g)}return i.value={canMove:m(),canSelectParent:f(),canDelete:a(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:o,canAccepts:b,getBelongedComponentInstance:l,getDraggableDesignItemElement:d,getDraggingDisplayText:u,getPropConfig:D,getDragScopeElement:p,onAcceptMovedChildElement:h,onChildElementMovedOut:T,addNewChildComponentSchema:C,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||v.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||v.ref(!1),onRemoveComponent:M,getCustomButtons:L,onPropertyChanged:O,setComponentBasicInfoMap:x,updateContextSchema:e==null?void 0:e.updateContextSchema},i}function qe(){function n(e,t){var s;if(!e)return!1;const r=((s=e.targetContainer)==null?void 0:s.componentInstance)&&e.targetContainer.componentInstance.value;if(!r)return!1;const o=r.schema.type,i=t==null?void 0:t.formSchemaUtils.getComponentById(r.belongedComponentId);return!((e.componentCategory==="input"||e.componentType==="form-group")&&![F["response-layout-item"].type,F["response-form"].type,F.fieldset.type].includes(o)||(e.componentType===F.tabs.type||e.componentType===F.section.type)&&((i==null?void 0:i.componentType)!=="frame"||![F["content-container"].type,F["splitter-pane"].type,F["response-layout-item"].type].includes(o))||[F["query-solution"].type,F["filter-bar"].type].includes(e.componentType)||e.componentType===F.fieldset.type&&o!==F["response-form"].type)}return{basalDragulaRuleForContainer:n}}class _e{getTemplateRule(e,t){const r=t==null?void 0:t.formSchemaUtils,o=r==null?void 0:r.getFormTemplateRule(),i={canAccept:!0,canDelete:!0,canMove:!0};if(!o)return i;const s=this.getComponentContext(e),{componentClassList:m}=s;return m.forEach(f=>{if(!f||!o[f])return;const{canMove:a,canDelete:c,canAccept:l}=o[f];i.canMove=i.canMove&&this.resolveRuleValue(a,s),i.canDelete=i.canDelete&&this.resolveRuleValue(c,s),i.canAccept=i.canAccept&&this.resolveRuleValue(l,s)}),i}resolveRuleValue(e,t){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,t)}parseRuleValueSchema(e,t){const r=e.invalidContext||[];let o=!0;for(const i of r){const{firstLevelChild:s,secondLevelChild:m,parent:f,...a}=i;if(a&&t.component){let c=!0;for(const l of Object.keys(a))if(a[l]!==t.component[l]){c=!1;break}if(!c){o=!1;continue}}if(i.firstLevelChild){if(i.firstLevelChild.class){const{firstLevelChildClassList:c}=t;if(c&&!c.includes(i.firstLevelChild.class)){o=!1;continue}}if(i.firstLevelChild.type){const{firstLevelChildSchema:c}=t;if(!c||c.type!==i.firstLevelChild.type){o=!1;continue}}}if(i.secondLevelChild){if(i.secondLevelChild.class){const{secondLevelChildClassList:c}=t;if(c&&!c.includes(i.secondLevelChild.class)){o=!1;continue}}if(i.secondLevelChild.type){const{secondLevelChildSchema:c}=t;if(!c||c.type!==i.secondLevelChild.type){o=!1;continue}}}if(i.parent){if(i.parent.class){const{parentClassList:c}=t;if(c&&!c.includes(i.parent.class)){o=!1;continue}}if(i.parent.type){const{parentSchema:c}=t;if(c&&c.type!==i.parent.type){o=!1;continue}}}o=!0;break}return!o}getComponentContext(e){var p,h,C,T;const t=e.schema,r=t.appearance&&t.appearance.class||"",o=r.split(" ")||[],i=t.contents||[],s=i.length?i[0]:null,m=s&&s.appearance?s.appearance.class:"",f=m?m.split(" "):[],a=(p=s==null?void 0:s.contents)!=null&&p.length?s==null?void 0:s.contents[0]:null,c=a&&a.appearance?a.appearance.class:"",l=c?c.split(" "):[],d=t.type==="component"?(C=(h=e.parent)==null?void 0:h.parent)==null?void 0:C.schema:(T=e.parent)==null?void 0:T.schema,b=d&&d.appearance&&d.appearance.class||"",u=b?b.split(" "):[];return{componentClass:r,componentClassList:o,childContents:i,firstLevelChildSchema:s,firstLevelChildClass:m,firstLevelChildClassList:f,secondLevelChildSchema:a,secondLevelChildClass:c,secondLevelChildClassList:l,parentSchema:d,parentClass:b,parentClassList:u,component:t}}}const oe=v.ref(0),We=v.ref(0);function Re(){We.value++}function Ge(n){const{formSchemaUtils:e,formStateMachineUtils:t}=n;function r(f,a=""){return{path:a+f.code,field:f.id,fullPath:f.code}}function o(f,a=""){return e.getViewModelById(f).states.map(l=>r(l,a))}function i(f){const a=e.getRootViewModelId(),c=o(f);if(f===a)return c;const l=o(a,"root-component.");return[...c,...l]}function s(f){return f.binding&&f.binding.path||f.id||""}function m(){return t&&t.getRenderStates()||[]}return{getVariables:i,getControlName:s,getStateMachines:m}}class Ie{constructor(e){V(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);V(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});V(this,"getExpressionConverter",(e,t)=>({convertFrom:(r,o,i,s)=>{const m=i.getExpressionRuleValue(e,t||o);return m&&m.value||""},convertTo:(r,o,i,s,m)=>{var f;if(o==="dataPicking"&&(i!=null&&i.target)){const a=`${i.target}_dataPicking`;((f=i.rules)==null?void 0:f.some(l=>l.id===a&&l.value))?r.dictPickingExpressionId=a:delete r.dictPickingExpressionId}s.updateExpression(i)}}));this.formSchemaService=e}getExpressionRule(e,t){const r=this.formSchemaService.getExpressions();if(!r)return"";const o=r.find(s=>s.target===e);if(!o)return"";const i=o.rules.find(s=>s.type===t);return i||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),r=this.formSchemaService.getViewModelById(t);if(!r||!r.states||r.states.length===0)return[];const o=[];return r.states.forEach(i=>{o.push({key:i.code,name:i.name,description:i.name,category:i.category})}),o}createTreeNode(e,t,r="label"){return{id:e.id,name:e.name,bindingPath:e[r],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const r=[];return e==null||e.forEach(o=>{var m;const i=this.createTreeNode(o,t);let s=[];(m=o.type)!=null&&m.fields&&(s=this.buildEntityFieldsTreeData(o.type.fields,[...t,o.label])),r.push({data:i,children:s,expanded:!0})}),r}buildChildEntityTreeData(e=null,t){const r=[];return e==null||e.forEach(o=>{var f,a;const i=this.createTreeNode(o,t);i.type="entity";const s=this.buildEntityFieldsTreeData((f=o.type)==null?void 0:f.fields,[...t,o.label]),m=this.buildChildEntityTreeData((a=o.type)==null?void 0:a.entities,[...t,o.label]);m!=null&&m.length&&(s==null||s.push(...m)),r.push({data:i,children:s||[],expanded:!0})}),r}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const r=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),o=this.buildChildEntityTreeData(t.type.entities,[t.code]);return o!=null&&o.length&&(r==null||r.push(...o)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:r||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,r){const o=r==="Field"?e.binding.field:e.id,i=this.getExpressionRule(o,t),s=this.getEntitiesAndVariables(),m={message:["validate","required","dataPicking"].includes(t)&&i?i.message:"",...s};return i.messageType!=null&&(m.messageType=i.messageType),m}buildRule(e,t,r,o){const{expression:i,message:s,messageType:m}=t,f={id:`${e}_${r}`,type:r,value:i};return(r==="validate"||r==="dataPicking"||r==="required")&&(f.message=s),r==="dataPicking"&&(f.messageType=m),r==="validate"&&o&&(f.elementId=o),f}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,r,o){const i=t==="Field"?e.binding.field:e.id,s=this.buildRule(i,r,o,e.type==="form-group"?e.id:"");let f=this.getExpressionData().find(c=>c.targetType===t&&c.target===i);const a=c=>c.value.trim()==="";if(f){const c=f.rules.find(l=>l.id===s.id);if(c)a(s)?f.rules=f.rules.filter(l=>l.id!==s.id):(Object.assign(c,s),o==="validate"&&e.type==="form-group"&&(c.elementId=e.id));else{if(a(s))return null;f.rules=f.rules||[],f.rules.push(s)}}else{if(a(s))return null;f={target:`${i}`,rules:[s],targetType:t}}return f}getExpressionEditorOptions(e,t,r,o){return r.reduce((i,s)=>{var f,a;const m=t==="Field"?(f=e==null?void 0:e.binding)==null?void 0:f.field:e.id;return i[s]={hide:t==="Field"?!!((a=e==null?void 0:e.binding)!=null&&a.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(m),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:c=>{const l=this.updateExpression(e,t,c,s);if(o){const d=this.buildRule(m,c,s);o(d)}return l}}},i},{})}getExpressionInfo(e,t,r){const o=t==="Field"?e.binding.field:e.id,i=this.getExpressionRule(o,r),s={value:i&&i.value,targetId:o,targetType:t,expressionType:r};return i&&i.message&&(s.message=i.message),s}getExpressionConfig(e,t,r=["compute","dependency","validate"],o){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,r,o)}}}getExpressionOptions(e,t,r){const o=this.getExpressionInfo(e,t,r);return{dialogTitle:`${this.expressionNames[r]}编辑器`,singleExpand:!1,showMessage:r==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,r,t),expressionInfo:o}}}class Je{constructor(e,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,"designerContext");V(this,"schemaService",null);V(this,"metadataService",null);V(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=e,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(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var r;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(i=>i.id===t)}e.updateOn=(r=this.designViewModelField)==null?void 0:r.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:F[e.type]&&F[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},r){const o={title:"外观",description:"Appearance"},i={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const s in t)i[s]=Object.assign(i[s]||{},t[s]);return{...o,properties:{...i},setPropertyRelates(s,m){if(s){switch(s&&s.propertyID){case"class":case"style":{oe.value++;break}}r&&r(s,e,m)}}}}getPropertyEditorParams(e,t=[],r="visible",o={},i={},s=""){const{getVariables:m,getControlName:f,getStateMachines:a}=Ge(this.designerHostService),c=this.getRealTargetType(e),l=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],d={type:"property-editor",propertyTypes:l};return l.map(b=>{switch(b){case"Const":Object.assign(d,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},o);break;case"Expression":d.expressionConfig=this.getExpressionOptions(e,c,s||r);break;case"StateMachine":d.stateMachines=a();break;case"Variable":Object.assign(d,{controlName:f(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:m(this.viewModelId),onBeforeOpenVariables:u=>{u.value=m(this.viewModelId)}},i);break}}),d}getVisibleProperty(e,t=""){var i;let r=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?r=["Const","Expression"]:t==="form-group"&&!((i=e.binding)!=null&&i.field)&&(r=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,r,"visible")}}}getBehaviorConfig(e,t="",r={},o){const i={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const f in r)s[f]=Object.assign(s[f]||{},r[f]);const m=this;return{...i,properties:{...s},setPropertyRelates(f,a){if(f){switch(f.propertyID){case"disabled":case"readonly":case"visible":m.afterMutilEditorChanged(e,f);break}o&&o(f,a)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const o=r.contents.findIndex(s=>s.id===e),i=R.cloneDeep(r.contents[o]);r.contents.splice(o,1),r.contents.splice(o,0,i),Re()}addNewVariableToViewModel(e,t){const r=e.propertyValue;if(!(r&&typeof r=="object")||!(r.type==="Variable"&&r.isNewVariable))return;const s={id:r.field,category:"locale",code:r.fullPath,name:r.fullPath,type:r.newVariableType||"String"};delete r.newVariableType,delete r.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById(t).states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:i,expressionInfo:s}=t,{targetId:m,targetType:f,expressionType:a,value:c,message:l}=s,d=this.formSchemaUtils.getModule();d.expressions=d.expressions||[];const{expressions:b}=d;let u=b.find(h=>h.target===m);u||(u={target:m,rules:[],targetType:f},b.push(u));const p=u.rules.find(h=>h.type===a);if(p)p.value=c,p.message=l;else{const h={id:i,type:a,value:c,message:l};u.rules.push(h)}delete t.expressionInfo}clearExpression(e,t){const r=e.propertyValue;if(r&&r.type==="Expression")return;const i=e.propertyID,s=this.formSchemaUtils.getExpressions(),m=t.binding?t.binding.field:t.id,f=s.find(a=>a.target===m);!f||!f.rules||(f.rules=f.rules.filter(a=>a.type!==i))}getExpressionOptions(e,t,r){return new Ie(this.formSchemaUtils).getExpressionOptions(e,t,r)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:r=>{var o;((o=r.controller)==null?void 0:o.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(r)}}},t}}class Qe extends Je{getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig}getAppearanceConfig(e){return super.getAppearanceConfig(e,{width:{title:"宽度",type:"number",editor:{nullable:!0,min:0,precision:0},$converter:"/converter/size.converter",parentPropertyID:"size"},height:{title:"高度",type:"number",editor:{nullable:!0,min:0,precision:0},$converter:"/converter/size.converter",parentPropertyID:"size",visible:!1}},(r,o,i)=>{switch(r.propertyID){case"width":case"height":oe.value++;break}})}}function Xe(n,e){const t=new _e,{canAccept:r}=t.getTemplateRule(n,e);function o(c){var d,b,u;return!(!qe().basalDragulaRuleForContainer(c,e)||!r||((d=n.schema.contents)==null?void 0:d.length)===1&&((u=(b=n.schema)==null?void 0:b.contents[0])==null?void 0:u.type)===ae.DgControl["external-container"].type)}function i(){return"display: flex;flex-direction:column;height:100%"}function s(){return!1}function m(){return!1}function f(){return!0}function a(c){const l=new Qe(c,e),{schema:d}=n;return l.getPropertyConfig(d)}return{canAccepts:o,getStyles:i,checkCanMoveComponent:s,checkCanDeleteComponent:m,hideNestedPaddingInDesginerView:f,getPropsConfig:a}}const Ye=v.defineComponent({name:"FListNavDesign",props:G,emits:[],setup(n,e){const t=v.ref(),r=v.inject("designer-host-service"),o=v.inject("design-item-context"),i=Xe(o,r),s=ze(t,o,i),m=v.ref(n.position),f=v.ref(n.title),a=v.ref(!1),c=v.ref(!1),l=v.computed(()=>{const u={},p=["top","bottom"].indexOf(m.value)>-1?"height":"width";return u[p]=a.value?"0px":n.size+"px",u});v.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value);function d(u){u&&u.stopPropagation(),!n.disabled&&(c.value=!0,a.value=!a.value)}const b=v.computed(()=>({"f-list-nav-main":!0,"d-none":a.value}));return()=>v.createVNode("div",{class:`f-list-nav f-list-nav-${m.value}`},[v.createVNode("div",{class:"f-list-nav-in",style:l.value},[v.createVNode("div",{class:b.value},[e.slots.navHeader&&v.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&f.value&&v.createVNode("div",{class:"f-list-nav-header"},[v.createVNode("div",{class:"f-list-nav-title"},[f.value])]),e.slots.default&&v.createVNode("div",{class:"f-list-nav-content drag-container",ref:t,"data-dragref":`${o.schema.id}-container`},[e.slots.default()]),e.slots.navContent&&v.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&v.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),n.collapsible&&v.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:n.disabled,active:a.value,"splitter-pane-collapse-animate":c.value}],onClick:u=>d(u)},[v.createVNode("span",{class:"triangle"},null)])])])}}),Ze={install(n){n.component(I.name,I)},register(n,e,t,r){n["list-nav"]=I,e["list-nav"]=J},registerDesigner(n,e,t){n["list-nav"]=Ye,e["list-nav"]=J}};N.FListNav=I,N.default=Ze,N.listNavProps=G,N.propsResolver=J,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(V,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("vue"),require("../common/index.umd.js"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","lodash-es","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],v):(V=typeof globalThis<"u"?globalThis:V||self,v(V["list-nav"]={},V.Vue,V.common,V.LodashES,V.dynamicResolver,V.designerCanvas))})(this,function(V,v,_,R,se,ae){"use strict";var nt=Object.defineProperty;var rt=(V,v,_)=>v in V?nt(V,v,{enumerable:!0,configurable:!0,writable:!0,value:_}):V[v]=_;var N=(V,v,_)=>rt(V,typeof v!="symbol"?v+"":v,_);function Q(n,e){let t;function r(l){const{properties:d,title:b,ignore:u}=l,p=u&&Array.isArray(u),h=Object.keys(d).reduce((C,T)=>((!p||!u.find(D=>D===T))&&(C[T]=d[T].type==="object"&&d[T].properties?r(d[T]):R.cloneDeep(d[T].default)),C),{});if(b&&(!p||!u.find(C=>C==="id"))){const C=b.toLowerCase().replace(/-/g,"_");h.id=`${C}_${Math.random().toString().slice(2,6)}`}return h}function o(l){const{properties:d,title:b,required:u}=l;if(u&&Array.isArray(u)){const p=u.reduce((h,C)=>(h[C]=d[C].type==="object"&&d[C].properties?r(d[C]):R.cloneDeep(d[C].default),h),{});if(b&&u.find(h=>h==="id")){const h=b.toLowerCase().replace(/-/g,"_");p.id=`${h}_${Math.random().toString().slice(2,6)}`}return p}return{type:b}}function i(l,d={},b){const u=n[l];if(u){let p=o(u);const h=e[l];return p=h?h({getSchemaByType:i},p,d,b):p,t!=null&&t.appendIdentifyForNewControl&&t.appendIdentifyForNewControl(p),p}return null}function s(l,d){const b=r(d);return Object.keys(b).reduce((u,p)=>(Object.prototype.hasOwnProperty.call(l,p)&&(u[p]&&R.isPlainObject(u[p])&&R.isPlainObject(l[p]||!l[p])?Object.assign(u[p],l[p]||{}):u[p]=l[p]),u),b),b}function m(l,d){return Object.keys(l).filter(u=>l[u]!=null).reduce((u,p)=>{if(d.has(p)){const h=d.get(p);if(typeof h=="string")u[h]=l[p];else{const C=h(p,l[p],l);Object.assign(u,C)}}else u[p]=l[p];return u},{})}function f(l,d,b=new Map){const u=s(l,d);return m(u,b)}function a(l){var b;const d=l.type;if(d){const u=n[d];if(!u)return l;const p=s(l,u),h=((b=l.editor)==null?void 0:b.type)||"";if(h){const C=n[h],T=s(l.editor,C);p.editor=T}return p}return l}function c(l){t=l}return{getSchemaByType:i,resolveSchemaWithDefaultValue:a,resolveSchemaToProps:f,mappingSchemaToProps:m,setDesignerContext:c}}const X={},Y={},{getSchemaByType:ot,resolveSchemaWithDefaultValue:le,resolveSchemaToProps:ce,mappingSchemaToProps:ue,setDesignerContext:it}=Q(X,Y);function fe(n={}){function e(a,c,l,d){if(typeof l=="number")return d[a].length===l;if(typeof l=="object"){const b=Object.keys(l)[0],u=l[b];if(b==="not")return Number(d[a].length)!==Number(u);if(b==="moreThan")return Number(d[a].length)>=Number(u);if(b==="lessThan")return Number(d[a].length)<=Number(u)}return!1}function t(a,c,l,d){return d[a]&&d[a].propertyValue&&String(d[a].propertyValue.value)===String(l)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((a,c)=>(a.set(c,n[c]),a),r);function o(a,c){const l=a;return typeof c=="number"?[{target:l,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:l,operator:"getProperty",param:a,value:!!c}]:typeof c=="object"?Object.keys(c).map(d=>{if(d==="length")return{target:l,operator:"length",param:null,value:c[d]};const b=d,u=c[d];return{target:l,operator:"getProperty",param:b,value:u}}):[]}function i(a){return Object.keys(a).reduce((l,d)=>{const b=o(d,a[d]);return l.push(...b),l},[])}function s(a,c){if(r.has(a.operator)){const l=r.get(a.operator);return l&&l(a.target,a.param,a.value,c)||!1}return!1}function m(a,c){return i(a).reduce((b,u)=>b&&s(u,c),!0)}function f(a,c){const l=Object.keys(a),d=l.includes("allOf"),b=l.includes("anyOf"),u=d||b,C=(u?a[u?d?"allOf":"anyOf":"allOf"]:[a]).map(D=>m(D,c));return d?!C.includes(!1):C.includes(!0)}return{parseValueSchema:f}}const pe={convertTo:(n,e,t,r)=>{n.appearance||(n.appearance={}),n.appearance[e]=t},convertFrom:(n,e,t)=>n.appearance?n.appearance[e]:n[e]},de={convertFrom:(n,e,t)=>n.buttons&&n.buttons.length?`共 ${n.buttons.length} 项`:"无"},me={convertTo:(n,e,t,r)=>{n.editor&&(n.editor[e]=t)},convertFrom:(n,e,t)=>n.editor&&Object.prototype.hasOwnProperty.call(n.editor,e)?n.editor[e]:n[e]},F={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},ve={convertFrom:(n,e,t)=>{var o;const r=n.editor&&n.editor[e]?n.editor[e]:n[e];return((o=F[r])==null?void 0:o.name)||r}},he={convertTo:(n,e,t,r)=>{n[e]=n[e]},convertFrom:(n,e,t)=>n.editor?t.getRealEditorType(n.editor.type):""},ge={convertTo:(n,e,t,r)=>{(n.type==="data-grid-column"||n.type==="tree-grid-column")&&(n.formatter?n.formatter[e]=t:n.formatter={[e]:t})},convertFrom:(n,e,t)=>{if(n.formatter){if(e==="trueText")return n.formatter.trueText;if(e==="falseText")return n.formatter.falseText;if(e==="prefix")return n.formatter.prefix;if(e==="suffix")return n.formatter.suffix;if(e==="precision")return n.formatter.precision;if(e==="decimal")return n.formatter.decimal;if(e==="thousand")return n.formatter.thousand;if(e==="dateFormat")return n.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return n.formatter.customFormat;if(e==="type")return n.formatter.type||"none"}return"none"}},be={convertTo:(n,e,t,r)=>{n.command?n.command[e]=t:n.command={[e]:t},e==="enable"&&t&&(n.command.commands||(n.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(n,e,t)=>n.command&&e==="enable"?n.command.enable:""},ye={convertTo:(n,e,t,r)=>{n.column?n.column[e]=t:n.column={[e]:t},e==="fitColumns"&&t&&(n.column.fitMode||(n.column.fitMode="average"))},convertFrom:(n,e,t)=>{if(n.column){if(e==="fitColumns")return n.column.fitColumns;if(e==="fitMode")return n.column.fitMode}return""}},Ce={convertTo:(n,e,t,r)=>{n.summary?n.summary[e]=t:n.summary={[e]:t},e==="enable"&&t&&(n.summary?n.summary.groupFields||(n.summary.groupFields=[]):n.summary={enable:t,groupFields:[]})},convertFrom:(n,e,t)=>n.summary&&e==="enable"?n.summary.enable:n.type==="data-grid-column"?n.enableSummary===void 0?!1:n.enableSummary:""},Se={convertTo:(n,e,t,r)=>{n.group?n.group[e]=t:n.group={[e]:t},e==="enable"&&t&&(n.group?n.group.groupFields||(n.group.groupFields=[]):n.group={enable:t,groupFields:[],showSummary:!1})},convertFrom:(n,e,t)=>{if(n.group){if(e==="enable")return n.group.enable;if(e==="showSummary")return n.group.showSummary}}},Ee={convertFrom:(n,e)=>n.binding?n.binding.path:"",convertTo:(n,e,t)=>{if(t&&t.length>0){const r=t[0];n.binding||(n.binding={}),n.binding.type="Form",n.binding.path=r.bindingField,n.binding.field=r.id,n.binding.fullPath=r.path,n.path=r.bindingPath}}},Te={convertTo:(n,e,t,r)=>{n.pagination||(n.pagination={}),n.pagination[e]=t},convertFrom:(n,e,t)=>n.pagination?n.pagination[e]:n[e]},we={convertTo:(n,e,t,r)=>{n.rowNumber||(n.rowNumber={}),n.rowNumber[e]=t},convertFrom:(n,e,t)=>n.rowNumber?n.rowNumber[e]:n[e]},Me={convertTo:(n,e,t,r)=>{n.selection||(n.selection={}),n.selection[e]=t},convertFrom:(n,e,t)=>{var r,o;return e==="showCheckbox"?(r=n.selection)!=null&&r.multiSelect?!0:(o=n.selection)==null?void 0:o.showCheckbox:n.selection?n.selection[e]:n[e]}},Pe={convertFrom:(n,e,t)=>n[e]&&n[e].length?`共 ${n[e].length} 项`:""},Ve={convertFrom:(n,e)=>n[e]||"",convertTo:(n,e,t)=>{n[e]=t}},Ne={convertTo:(n,e,t,r)=>{n.size||(n.size={}),n.size[e]=t},convertFrom:(n,e,t)=>n.size?n.size[e]:n[e]},Fe={convertFrom:(n,e,t)=>{var r,o;return(r=n.formatter)!=null&&r.data&&e==="formatterEnumData"&&!n.formatterEnumData?(o=n.formatter)==null?void 0:o.data:n.formatterEnumData}},ke={convertTo:(n,e,t,r)=>{n.sort||(n.sort={}),n.sort[e]=t},convertFrom:(n,e,t)=>{var r,o;if(e==="mode")return((r=n.sort)==null?void 0:r.mode)||"client";if(e==="multiSort")return!!((o=n.sort)!=null&&o.multiSort)}},De={convertTo:(n,e,t,r)=>{n.filter||(n.filter={}),n.filter[e]=t},convertFrom:(n,e,t)=>{var r;if(e==="mode")return((r=n.filter)==null?void 0:r.mode)||"client"}},Oe={convertTo:(n,e,t,r)=>{n.rowOption?n.rowOption[e]=t:n.rowOption={[e]:t}},convertFrom:(n,e,t)=>{if(n.rowOption){if(e==="customRowStyle")return n.rowOption.customRowStyle;if(e==="customCellStyle")return n.rowOption.customCellStyle}return""}};function Z(n,e,t){const r=new Map([["/converter/appearance.converter",pe],["/converter/buttons.converter",de],["/converter/property-editor.converter",me],["/converter/items-count.converter",Pe],["/converter/type.converter",ve],["/converter/change-editor.converter",he],["/converter/change-formatter.converter",ge],["/converter/column-command.converter",be],["/converter/column-option.converter",ye],["/converter/summary.converter",Ce],["/converter/group.converter",Se],["/converter/form-group-label.converter",Ve],["/converter/field-selector.converter",Ee],["/converter/pagination.converter",Te],["/converter/row-number.converter",we],["/converter/grid-selection.converter",Me],["/converter/size.converter",Ne],["/converter/change-formatter-enum.converter",Fe],["/converter/grid-sort.converter",ke],["/converter/grid-filter.converter",De],["/converter/row-option.converter",Oe]]),o=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),i=fe();function s(u,p){return()=>i.parseValueSchema(u,p)}function m(u,p,h){return u.includes("visible")&&p.visible!==void 0?typeof p.visible=="boolean"?()=>!!p.visible:p.visible===void 0?!0:s(p.visible,h):()=>!0}function f(u,p,h){return u.includes("readonly")&&p.readonly!==void 0?typeof p.readonly=="boolean"?()=>!!p.readonly:s(p.readonly,h):()=>!1}function a(u,p){const h=u.$converter||p;return typeof h=="string"&&h&&r.has(h)?r.get(h)||null:h||null}function c(u,p,h,C,T,D="",$=""){return Object.keys(u).map(M=>{const L=v.ref(1),x=M,y=u[M],O=Object.keys(y),z=y.title,g=y.type,S=o.get(g)||{type:"input-group",enableClear:!1},E=y.editor?Object.assign({},S,y.editor):Object.assign({},S),w=m(O,y,p),P=f(O,y,p);E.readonly=E.readonly===void 0?P():E.readonly;const j=y.type==="cascade"?c(y.properties,p,h,C,T,D,$):[],q=!0;let k=a(y,$);const A=v.computed({get(){if(L.value){if(["class","style"].find(tt=>tt===x)&&!k&&(k=r.get("/converter/appearance.converter")||null),k&&k.convertFrom)return k.convertFrom(h,M,T,D);const U=h[M];return Object.prototype.hasOwnProperty.call(y,"defaultValue")&&(U===void 0||typeof U=="string"&&U==="")?y.type==="boolean"?y.defaultValue:y.defaultValue||"":U}return null},set(U){L.value+=1,k&&k.convertTo?(k.convertTo(C,M,U,T,D),k.convertTo(h,M,U,T,D)):(C[M]=U,h[M]=U)}}),{refreshPanelAfterChanged:W,description:He,isExpand:Ke,parentPropertyID:et}=y,ie={propertyID:x,propertyName:z,propertyType:g,propertyValue:A,editor:E,visible:w,readonly:P,cascadeConfig:j,hideCascadeTitle:q,refreshPanelAfterChanged:W,description:He,isExpand:Ke,parentPropertyID:et};return p[x]=ie,ie})}function l(u,p,h={}){const C={},T=n[u];return T&&T.categories?Object.keys(T.categories).map($=>{const B=T.categories[$],M=B==null?void 0:B.title,L=c(B.properties||{},C,{},h,p);return{categoryId:$,categoryName:M,properties:L}}):[]}function d(u,p,h,C,T=""){const D=p.$ref.schema,$=p.$ref.converter,B=h[D],M=B.type,L=t(B),x={},y=n[M];if(y&&y.categories){const O=y.categories[u],z=O==null?void 0:O.title;$&&Object.keys(O.properties).forEach(E=>{O.properties[E].$converter=$});const g=(O==null?void 0:O.properties)||{},S=c(g,x,L,B,C,T);return{categoryId:u,categoryName:z,properties:S}}return{categoryId:u,categoryName:"",properties:[]}}function b(u,p,h,C,T){const D=u.type,$=t(u),B={};let M=T||n[D];if(M&&Object.keys(M).length===0&&h&&h.getPropConfig&&(M=h.getPropConfig(C)),M&&M.categories){const L=[];return Object.keys(M.categories).map(x=>{const y=M.categories[x];if(y.$ref){L.push(d(x,y,u,p,C));return}const O=y==null?void 0:y.title,z=y==null?void 0:y.tabId,g=y==null?void 0:y.tabName,S=y==null?void 0:y.hide,E=y==null?void 0:y.hideTitle,w=c(y.properties||{},B,$,u,p,C,y.$converter),{setPropertyRelates:P}=y,j=y==null?void 0:y.parentPropertyID;L.push({categoryId:x,categoryName:O,tabId:z,tabName:g,hide:S,properties:w,hideTitle:E,setPropertyRelates:P,parentPropertyID:j})}),L}return[]}return{getPropertyConfigBySchema:b,getPropertyConfigByType:l,propertyConverterMap:r}}const H={},K={};Z(H,K,le);const ee={},te={},{getSchemaByType:st,resolveSchemaWithDefaultValue:Be,resolveSchemaToProps:at,mappingSchemaToProps:lt,setDesignerContext:ct}=Q(ee,te),ne={},re={};Z(ne,re,Be);function je(n,e,t=new Map,r=(s,m,f,a)=>m,o={},i=s=>s){return X[e.title]=e,Y[e.title]=r,H[e.title]=o,K[e.title]=i,ee[e.title]=e,te[e.title]=r,ne[e.title]=o,re[e.title]=i,(s={},m=!0)=>{if(!m)return ue(s,t);const f=ce(s,e,t),a=Object.keys(n).reduce((c,l)=>(c[l]=n[l].default,c),{});return Object.assign(a,f)}}function $e(n,e){return{customClass:e.class,customStyle:e.style}}function Le(n,e){return{size:e.width||e.height||""}}const xe=new Map([["appearance",$e],["size",Le]]);function Ae(n,e,t){return e}const Ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-nav.schema.json",title:"list-nav",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a list-nav",type:"string"},type:{description:"The type string of list-nav component",type:"string",default:"list-nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0},position:{description:"",type:"string",default:"left"}},required:["id","type","contents"]},G={customClass:{type:String,default:""},customStyle:{type:String,default:""},position:{Type:String,default:"left"},title:{Type:String,default:""},size:{Type:Number||String,default:218},collapsible:{Type:Boolean,default:!0},folded:{Type:Boolean,default:!1},disabled:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},J=je(G,Ue,xe,Ae),I=v.defineComponent({name:"FListNav",props:G,emits:["collapse"],setup(n,e){const t=v.ref(n.position),r=v.ref(n.title),o=v.ref(n.folded),i=v.ref(!1);function s(a){a&&a.stopPropagation(),!n.disabled&&(i.value=!0,o.value=!o.value,e.emit("collapse",o.value))}const m=v.computed(()=>{const a={},c=["top","bottom"].indexOf(t.value)>-1?"height":"width";return a[c]=o.value?"0px":n.size+"px",a}),f=v.computed(()=>{const a={"f-list-nav":!0,"f-list-nav-top":t.value==="top","f-list-nav-left":t.value==="left","f-list-nav-right":t.value==="right","f-list-nav-bottom":t.value==="bottom"};return _.getCustomClass(a,n.customClass)});return()=>v.createVNode("div",{class:f.value,style:n.customStyle},[v.createVNode("div",{class:"f-list-nav-in",style:m.value},[v.createVNode("div",{class:"f-list-nav-main"},[e.slots.navHeader&&v.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&r.value&&v.createVNode("div",{class:"f-list-nav-header"},[v.createVNode("div",{class:"f-list-nav-title"},[r.value])]),e.slots.default&&v.createVNode("div",{class:"f-list-nav-content"},[e.slots.default()]),e.slots.navContent&&v.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&v.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),n.collapsible&&v.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:n.disabled,active:o.value,"splitter-pane-collapse-animate":i.value}],onClick:a=>s(a)},[v.createVNode("span",{class:"triangle"},null)])])])}});function ze(n,e,t){var z;const r=t&&t.getStyles&&t.getStyles()||"",o=t&&t.getDesignerClass&&t.getDesignerClass()||"",i=v.ref();let s;function m(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function f(){return!1}function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function l(g){if(!g||!g.value)return null;if(g.value.schema&&g.value.schema.type==="component")return g.value;const S=v.ref(g==null?void 0:g.value.parent),E=l(S);return E||null}function d(g=e){var P;if(t!=null&&t.getDraggableDesignItemElement)return t.getDraggableDesignItemElement(g);const{componentInstance:S,designerItemElementRef:E}=g;if(!S||!S.value)return null;const{getCustomButtons:w}=S.value;return S.value.canMove||w&&((P=w())!=null&&P.length)?E:d(g.parent)}function b(g){return!!t&&t.canAccepts(g)}function u(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function p(){}function h(g,S){var E;!g||!S||(t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(g,S),(E=e==null?void 0:e.setupContext)==null||E.emit("dragEnd"))}function C(g,S){const{componentType:E}=g;let w=se.getSchemaByTypeForDesigner(E,g,S);t&&t.onResolveNewComponentSchema&&(w=t.onResolveNewComponentSchema(g,w));const P=E.toLowerCase().replace(/-/g,"_");return w&&!w.id&&w.type===E&&(w.id=`${P}_${Math.random().toString().slice(2,6)}`),w}function T(g){g&&t!=null&&t.onChildElementMovedOut&&t.onChildElementMovedOut(g)}function D(...g){if(t&&t.getPropsConfig)return t.getPropsConfig(...g)}function $(g){if(!g)return;const S=e==null?void 0:e.schema,{formSchemaUtils:E}=g;if(S&&E.getExpressions().length){const w=E.getExpressions().findIndex(P=>P.target===S.id);w>-1&&E.getExpressions().splice(w,1)}}function B(g){if(!g||!(e!=null&&e.schema))return;const S=e.schema,{formSchemaUtils:E}=g;E.removeCommunicationInComponent(S)}function M(g){t&&t.onRemoveComponent&&t.onRemoveComponent(),$(g),B(g),e!=null&&e.schema.contents&&e.schema.contents.map(S=>{let E=S.id;S.type==="component-ref"&&(E=S.component);const w=n.value.querySelectorAll(`#${E}-design-item`);w!=null&&w.length&&Array.from(w).map(P=>{var j;(j=P==null?void 0:P.componentInstance)!=null&&j.value.onRemoveComponent&&P.componentInstance.value.onRemoveComponent(g)})})}function L(){if(t&&t.getCustomButtons)return t.getCustomButtons()}function x(g){var E,w;if(!((E=e==null?void 0:e.schema)!=null&&E.id))return;if(!s&&g&&(s=g.formSchemaUtils),t!=null&&t.setComponentBasicInfoMap){t.setComponentBasicInfoMap();return}let S="";if(t!=null&&t.getComponentTitle)S=t.getComponentTitle();else{const{text:P,title:j,label:q,mainTitle:k,name:A,type:W}=e.schema;S=P||j||q||k||A||((w=F[W])==null?void 0:w.name)}S&&s.getControlBasicInfoMap().set(e.schema.id,{componentTitle:S,parentPathName:S})}function y(g){var P;const{changeObject:S}=g,{propertyID:E,propertyValue:w}=S;if(["text","title","label","name","mainTitle"].includes((P=g==null?void 0:g.changeObject)==null?void 0:P.propertyID)&&E&&w&&(x(),s)){const j=s.getControlBasicInfoMap(),q=j.keys().toArray().filter(k=>{var A,W;return((A=j.get(k))==null?void 0:A.reliedComponentId)===((W=e==null?void 0:e.schema)==null?void 0:W.id)});q!=null&&q.length&&q.forEach(k=>{const A=j.get(k).parentPathName.split(" > ");A[0]=w,j.get(k).parentPathName=A.join(" > ")})}}function O(g){if(y(g),t&&t.onPropertyChanged)return t.onPropertyChanged(g)}return i.value={canMove:m(),canSelectParent:f(),canDelete:a(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:o,canAccepts:b,getBelongedComponentInstance:l,getDraggableDesignItemElement:d,getDraggingDisplayText:u,getPropConfig:D,getDragScopeElement:p,onAcceptMovedChildElement:h,onChildElementMovedOut:T,addNewChildComponentSchema:C,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||v.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||v.ref(!1),onRemoveComponent:M,getCustomButtons:L,onPropertyChanged:O,setComponentBasicInfoMap:x,updateContextSchema:e==null?void 0:e.updateContextSchema},i}function qe(){function n(e,t){var s;if(!e)return!1;const r=((s=e.targetContainer)==null?void 0:s.componentInstance)&&e.targetContainer.componentInstance.value;if(!r)return!1;const o=r.schema.type,i=t==null?void 0:t.formSchemaUtils.getComponentById(r.belongedComponentId);return!((e.componentCategory==="input"||e.componentType==="form-group")&&![F["response-layout-item"].type,F["response-form"].type,F.fieldset.type].includes(o)||(e.componentType===F.tabs.type||e.componentType===F.section.type)&&((i==null?void 0:i.componentType)!=="frame"||![F["content-container"].type,F["splitter-pane"].type,F["response-layout-item"].type].includes(o))||[F["query-solution"].type,F["filter-bar"].type].includes(e.componentType)||e.componentType===F.fieldset.type&&o!==F["response-form"].type)}return{basalDragulaRuleForContainer:n}}class _e{getTemplateRule(e,t){const r=t==null?void 0:t.formSchemaUtils,o=r==null?void 0:r.getFormTemplateRule(),i={canAccept:!0,canDelete:!0,canMove:!0};if(!o)return i;const s=this.getComponentContext(e),{componentClassList:m}=s;return m.forEach(f=>{if(!f||!o[f])return;const{canMove:a,canDelete:c,canAccept:l}=o[f];i.canMove=i.canMove&&this.resolveRuleValue(a,s),i.canDelete=i.canDelete&&this.resolveRuleValue(c,s),i.canAccept=i.canAccept&&this.resolveRuleValue(l,s)}),i}resolveRuleValue(e,t){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,t)}parseRuleValueSchema(e,t){const r=e.invalidContext||[];let o=!0;for(const i of r){const{firstLevelChild:s,secondLevelChild:m,parent:f,...a}=i;if(a&&t.component){let c=!0;for(const l of Object.keys(a))if(a[l]!==t.component[l]){c=!1;break}if(!c){o=!1;continue}}if(i.firstLevelChild){if(i.firstLevelChild.class){const{firstLevelChildClassList:c}=t;if(c&&!c.includes(i.firstLevelChild.class)){o=!1;continue}}if(i.firstLevelChild.type){const{firstLevelChildSchema:c}=t;if(!c||c.type!==i.firstLevelChild.type){o=!1;continue}}}if(i.secondLevelChild){if(i.secondLevelChild.class){const{secondLevelChildClassList:c}=t;if(c&&!c.includes(i.secondLevelChild.class)){o=!1;continue}}if(i.secondLevelChild.type){const{secondLevelChildSchema:c}=t;if(!c||c.type!==i.secondLevelChild.type){o=!1;continue}}}if(i.parent){if(i.parent.class){const{parentClassList:c}=t;if(c&&!c.includes(i.parent.class)){o=!1;continue}}if(i.parent.type){const{parentSchema:c}=t;if(c&&c.type!==i.parent.type){o=!1;continue}}}o=!0;break}return!o}getComponentContext(e){var p,h,C,T;const t=e.schema,r=t.appearance&&t.appearance.class||"",o=r.split(" ")||[],i=t.contents||[],s=i.length?i[0]:null,m=s&&s.appearance?s.appearance.class:"",f=m?m.split(" "):[],a=(p=s==null?void 0:s.contents)!=null&&p.length?s==null?void 0:s.contents[0]:null,c=a&&a.appearance?a.appearance.class:"",l=c?c.split(" "):[],d=t.type==="component"?(C=(h=e.parent)==null?void 0:h.parent)==null?void 0:C.schema:(T=e.parent)==null?void 0:T.schema,b=d&&d.appearance&&d.appearance.class||"",u=b?b.split(" "):[];return{componentClass:r,componentClassList:o,childContents:i,firstLevelChildSchema:s,firstLevelChildClass:m,firstLevelChildClassList:f,secondLevelChildSchema:a,secondLevelChildClass:c,secondLevelChildClassList:l,parentSchema:d,parentClass:b,parentClassList:u,component:t}}}const oe=v.ref(0),We=v.ref(0);function Re(){We.value++}function Ge(n){const{formSchemaUtils:e,formStateMachineUtils:t}=n;function r(f,a=""){return{path:a+f.code,field:f.id,fullPath:f.code}}function o(f,a=""){return e.getViewModelById(f).states.map(l=>r(l,a))}function i(f){const a=e.getRootViewModelId(),c=o(f);if(f===a)return c;const l=o(a,"root-component.");return[...c,...l]}function s(f){return f.binding&&f.binding.path||f.id||""}function m(){return t&&t.getRenderStates()||[]}return{getVariables:i,getControlName:s,getStateMachines:m}}class Ie{constructor(e){N(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"}]);N(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});N(this,"getExpressionConverter",(e,t)=>({convertFrom:(r,o,i,s)=>{const m=i.getExpressionRuleValue(e,t||o);return m&&m.value||""},convertTo:(r,o,i,s,m)=>{var f;if(o==="dataPicking"&&(i!=null&&i.target)){const a=`${i.target}_dataPicking`;((f=i.rules)==null?void 0:f.some(l=>l.id===a&&l.value))?r.dictPickingExpressionId=a:delete r.dictPickingExpressionId}s.updateExpression(i)}}));this.formSchemaService=e}getExpressionRule(e,t){const r=this.formSchemaService.getExpressions();if(!r)return"";const o=r.find(s=>s.target===e);if(!o)return"";const i=o.rules.find(s=>s.type===t);return i||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),r=this.formSchemaService.getViewModelById(t);if(!r||!r.states||r.states.length===0)return[];const o=[];return r.states.forEach(i=>{o.push({key:i.code,name:i.name,description:i.name,category:i.category})}),o}createTreeNode(e,t,r="label"){return{id:e.id,name:e.name,bindingPath:e[r],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const r=[];return e==null||e.forEach(o=>{var m;const i=this.createTreeNode(o,t);let s=[];(m=o.type)!=null&&m.fields&&(s=this.buildEntityFieldsTreeData(o.type.fields,[...t,o.label])),r.push({data:i,children:s,expanded:!0})}),r}buildChildEntityTreeData(e=null,t){const r=[];return e==null||e.forEach(o=>{var f,a;const i=this.createTreeNode(o,t);i.type="entity";const s=this.buildEntityFieldsTreeData((f=o.type)==null?void 0:f.fields,[...t,o.label]),m=this.buildChildEntityTreeData((a=o.type)==null?void 0:a.entities,[...t,o.label]);m!=null&&m.length&&(s==null||s.push(...m)),r.push({data:i,children:s||[],expanded:!0})}),r}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const r=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),o=this.buildChildEntityTreeData(t.type.entities,[t.code]);return o!=null&&o.length&&(r==null||r.push(...o)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:r||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,r){const o=r==="Field"?e.binding.field:e.id,i=this.getExpressionRule(o,t),s=this.getEntitiesAndVariables(),m={message:["validate","required","dataPicking"].includes(t)&&i?i.message:"",...s};return i.messageType!=null&&(m.messageType=i.messageType),m}buildRule(e,t,r,o){const{expression:i,message:s,messageType:m}=t,f={id:`${e}_${r}`,type:r,value:i};return(r==="validate"||r==="dataPicking"||r==="required")&&(f.message=s),r==="dataPicking"&&(f.messageType=m),r==="validate"&&o&&(f.elementId=o),f}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,r,o){const i=t==="Field"?e.binding.field:e.id,s=this.buildRule(i,r,o,e.type==="form-group"?e.id:"");let f=this.getExpressionData().find(c=>c.targetType===t&&c.target===i);const a=c=>c.value.trim()==="";if(f){const c=f.rules.find(l=>l.id===s.id);if(c)a(s)?f.rules=f.rules.filter(l=>l.id!==s.id):(Object.assign(c,s),o==="validate"&&e.type==="form-group"&&(c.elementId=e.id));else{if(a(s))return null;f.rules=f.rules||[],f.rules.push(s)}}else{if(a(s))return null;f={target:`${i}`,rules:[s],targetType:t}}return f}getExpressionEditorOptions(e,t,r,o){return r.reduce((i,s)=>{var f,a;const m=t==="Field"?(f=e==null?void 0:e.binding)==null?void 0:f.field:e.id;return i[s]={hide:t==="Field"?!!((a=e==null?void 0:e.binding)!=null&&a.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(m),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:c=>{const l=this.updateExpression(e,t,c,s);if(o){const d=this.buildRule(m,c,s);o(d)}return l}}},i},{})}getExpressionInfo(e,t,r){const o=t==="Field"?e.binding.field:e.id,i=this.getExpressionRule(o,r),s={value:i&&i.value,targetId:o,targetType:t,expressionType:r};return i&&i.message&&(s.message=i.message),s}getExpressionConfig(e,t,r=["compute","dependency","validate"],o){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,r,o)}}}getExpressionOptions(e,t,r){const o=this.getExpressionInfo(e,t,r);return{dialogTitle:`${this.expressionNames[r]}编辑器`,singleExpand:!1,showMessage:r==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,r,t),expressionInfo:o}}}class Je{constructor(e,t){N(this,"componentId");N(this,"viewModelId");N(this,"eventsEditorUtils");N(this,"formSchemaUtils");N(this,"formMetadataConverter");N(this,"designViewModelUtils");N(this,"designViewModelField");N(this,"controlCreatorUtils");N(this,"designerHostService");N(this,"designerContext");N(this,"schemaService",null);N(this,"metadataService",null);N(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=e,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(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var r;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(i=>i.id===t)}e.updateOn=(r=this.designViewModelField)==null?void 0:r.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:F[e.type]&&F[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},r){const o={title:"外观",description:"Appearance"},i={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const s in t)i[s]=Object.assign(i[s]||{},t[s]);return{...o,properties:{...i},setPropertyRelates(s,m){if(s){switch(s&&s.propertyID){case"class":case"style":{oe.value++;break}}r&&r(s,e,m)}}}}getPropertyEditorParams(e,t=[],r="visible",o={},i={},s=""){const{getVariables:m,getControlName:f,getStateMachines:a}=Ge(this.designerHostService),c=this.getRealTargetType(e),l=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],d={type:"property-editor",propertyTypes:l};return l.map(b=>{switch(b){case"Const":Object.assign(d,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},o);break;case"Expression":d.expressionConfig=this.getExpressionOptions(e,c,s||r);break;case"StateMachine":d.stateMachines=a();break;case"Variable":Object.assign(d,{controlName:f(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:m(this.viewModelId),onBeforeOpenVariables:u=>{u.value=m(this.viewModelId)}},i);break}}),d}getVisibleProperty(e,t=""){var i;let r=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?r=["Const","Expression"]:t==="form-group"&&!((i=e.binding)!=null&&i.field)&&(r=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,r,"visible")}}}getBehaviorConfig(e,t="",r={},o){const i={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const f in r)s[f]=Object.assign(s[f]||{},r[f]);const m=this;return{...i,properties:{...s},setPropertyRelates(f,a){if(f){switch(f.propertyID){case"disabled":case"readonly":case"visible":m.afterMutilEditorChanged(e,f);break}o&&o(f,a)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const o=r.contents.findIndex(s=>s.id===e),i=R.cloneDeep(r.contents[o]);r.contents.splice(o,1),r.contents.splice(o,0,i),Re()}addNewVariableToViewModel(e,t){const r=e.propertyValue;if(!(r&&typeof r=="object")||!(r.type==="Variable"&&r.isNewVariable))return;const s={id:r.field,category:"locale",code:r.fullPath,name:r.fullPath,type:r.newVariableType||"String"};delete r.newVariableType,delete r.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById(t).states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:i,expressionInfo:s}=t,{targetId:m,targetType:f,expressionType:a,value:c,message:l}=s,d=this.formSchemaUtils.getModule();d.expressions=d.expressions||[];const{expressions:b}=d;let u=b.find(h=>h.target===m);u||(u={target:m,rules:[],targetType:f},b.push(u));const p=u.rules.find(h=>h.type===a);if(p)p.value=c,p.message=l;else{const h={id:i,type:a,value:c,message:l};u.rules.push(h)}delete t.expressionInfo}clearExpression(e,t){const r=e.propertyValue;if(r&&r.type==="Expression")return;const i=e.propertyID,s=this.formSchemaUtils.getExpressions(),m=t.binding?t.binding.field:t.id,f=s.find(a=>a.target===m);!f||!f.rules||(f.rules=f.rules.filter(a=>a.type!==i))}getExpressionOptions(e,t,r){return new Ie(this.formSchemaUtils).getExpressionOptions(e,t,r)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:r=>{var o;((o=r.controller)==null?void 0:o.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(r)}}},t}}class Qe extends Je{getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig}getAppearanceConfig(e){return super.getAppearanceConfig(e,{width:{title:"宽度",type:"number",editor:{nullable:!0,min:0,precision:0,needValid:!0},$converter:"/converter/size.converter",parentPropertyID:"size"},height:{title:"高度",type:"number",editor:{nullable:!0,min:0,precision:0,needValid:!0},$converter:"/converter/size.converter",parentPropertyID:"size",visible:!1}},(r,o,i)=>{switch(r.propertyID){case"width":case"height":oe.value++;break}})}}function Xe(n,e){const t=new _e,{canAccept:r}=t.getTemplateRule(n,e);function o(c){var d,b,u;return!(!qe().basalDragulaRuleForContainer(c,e)||!r||((d=n.schema.contents)==null?void 0:d.length)===1&&((u=(b=n.schema)==null?void 0:b.contents[0])==null?void 0:u.type)===ae.DgControl["external-container"].type)}function i(){return"display: flex;flex-direction:column;height:100%"}function s(){return!1}function m(){return!1}function f(){return!0}function a(c){const l=new Qe(c,e),{schema:d}=n;return l.getPropertyConfig(d)}return{canAccepts:o,getStyles:i,checkCanMoveComponent:s,checkCanDeleteComponent:m,hideNestedPaddingInDesginerView:f,getPropsConfig:a}}const Ye=v.defineComponent({name:"FListNavDesign",props:G,emits:[],setup(n,e){const t=v.ref(),r=v.inject("designer-host-service"),o=v.inject("design-item-context"),i=Xe(o,r),s=ze(t,o,i),m=v.ref(n.position),f=v.ref(n.title),a=v.ref(!1),c=v.ref(!1),l=v.computed(()=>{const u={},p=["top","bottom"].indexOf(m.value)>-1?"height":"width";return u[p]=a.value?"0px":n.size+"px",u});v.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value);function d(u){u&&u.stopPropagation(),!n.disabled&&(c.value=!0,a.value=!a.value)}const b=v.computed(()=>({"f-list-nav-main":!0,"d-none":a.value}));return()=>v.createVNode("div",{class:`f-list-nav f-list-nav-${m.value}`},[v.createVNode("div",{class:"f-list-nav-in",style:l.value},[v.createVNode("div",{class:b.value},[e.slots.navHeader&&v.createVNode("div",{class:"f-list-nav-header"},[e.slots.navHeader()]),!e.slots.navHeader&&f.value&&v.createVNode("div",{class:"f-list-nav-header"},[v.createVNode("div",{class:"f-list-nav-title"},[f.value])]),e.slots.default&&v.createVNode("div",{class:"f-list-nav-content drag-container",ref:t,"data-dragref":`${o.schema.id}-container`},[e.slots.default()]),e.slots.navContent&&v.createVNode("div",{class:"f-list-nav-content"},[e.slots.navContent()]),e.slots.navFooter&&v.createVNode("div",{class:"f-list-nav-footer"},[e.slots.navFooter()])]),n.collapsible&&v.createVNode("div",{class:["f-list-nav-toggle-sidebar",{disabled:n.disabled,active:a.value,"splitter-pane-collapse-animate":c.value}],onClick:u=>d(u)},[v.createVNode("span",{class:"triangle"},null)])])])}}),Ze={install(n){n.component(I.name,I)},register(n,e,t,r){n["list-nav"]=I,e["list-nav"]=J},registerDesigner(n,e,t){n["list-nav"]=Ye,e["list-nav"]=J}};V.FListNav=I,V.default=Ze,V.listNavProps=G,V.propsResolver=J,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/list-view/index.esm.js

@@ -111,7 +111,7 @@ function q(e, l, w, S, C, a, s, h, O, g) {
   }), {
     onMouseenterItem: k,
     onMouseoverItem: y,
-    onMouseoutItem: F
+    onMouseoutItem: D
   } = a, {
     getKey: V,
     listViewItemClass: T,
@@ -138,7 +138,7 @@ function q(e, l, w, S, C, a, s, h, O, g) {
       onClick: (B) => c(n, m, B),
       onMouseenter: (B) => k(B, n, m),
       onMouseover: (B) => y(B, n, m),
-      onMouseout: (B) => F(B, n, m)
+      onMouseout: (B) => D(B, n, m)
     }, [M.value && t("div", {
       class: "f-list-select",
       onClick: (B) => B.stopPropagation()
@@ -170,7 +170,7 @@ function Ne(e, l, w, S, C, a, s, h, O, g) {
     onMouseoutItem: k
   } = a, {
     getKey: y,
-    listViewItemClass: F,
+    listViewItemClass: D,
     listViewItemStyle: V,
     onCheckItem: T,
     onClickItem: H
@@ -190,7 +190,7 @@ function Ne(e, l, w, S, C, a, s, h, O, g) {
   }
   function c(o, v, n) {
     return t("li", {
-      class: F(o, v),
+      class: D(o, v),
       id: y(o, v),
       key: y(o, v),
       style: V(o, v),
@@ -223,7 +223,7 @@ function Ue(e, l, w, S, C, a, s, h, O, g) {
     onMouseoutItem: k
   } = a, {
     getKey: y,
-    listViewItemClass: F,
+    listViewItemClass: D,
     onCheckItem: V,
     onClickItem: T
   } = s, {
@@ -252,33 +252,35 @@ function Ue(e, l, w, S, C, a, s, h, O, g) {
   const A = B();
   function I(r, d, x) {
     return t("li", {
-      class: F(r, d),
+      class: D(r, d),
       id: y(r, d),
       key: y(r, d),
-      onClick: (D) => T(r, d, D),
-      onMouseenter: (D) => u(D, r, d),
-      onMouseover: (D) => M(D, r, d),
-      onMouseout: (D) => k(D, r, d),
+      onClick: (F) => T(r, d, F),
+      onMouseenter: (F) => u(F, r, d),
+      onMouseover: (F) => M(F, r, d),
+      onMouseout: (F) => k(F, r, d),
       draggable: "true",
-      onDragstart: (D) => H(D, r, d),
-      onDragenter: (D) => j(D, d),
-      onDragend: (D) => o(D, r),
-      onDragover: (D) => c(D)
+      onDragstart: (F) => H(F, r, d),
+      onDragenter: (F) => j(F, d),
+      onDragend: (F) => o(F, r),
+      onDragover: (F) => c(F)
     }, [R.value && t("div", {
       class: "f-list-select",
-      onClick: (D) => D.stopPropagation()
+      onClick: (F) => F.stopPropagation()
     }, [t(K, {
       id: "list-" + y(r, d),
       customClass: "listview-checkbox",
       disabled: r[p.value] || !r.checked,
       checked: r.checked,
-      "onUpdate:checked": (D) => r.checked = D,
-      onChange: (D) => V(r, d, !D.checked)
+      "onUpdate:checked": (F) => r.checked = F,
+      onChange: (F) => V(r, d, !F.checked)
     }, null)]), t("div", {
       class: "f-list-content"
     }, [A(r)]), t("div", {
       class: "f-list-remove",
-      onClick: (D) => v(d)
+      onClick: (F) => {
+        F.stopPropagation(), v(d);
+      }
     }, [t("div", {
       class: "f-list-remove-icon"
     }, [t("i", {
@@ -300,27 +302,27 @@ function We(e, l, w, S, C, a, s, h, O, g) {
   } = C, {
     toggleGroupRow: i
   } = g;
-  function u(F, V) {
+  function u(D, V) {
     V.collapse = !V.collapse, w.value = i(V.collapse ? "collapse" : "expand", V, w.value);
   }
-  function M(F, V, T) {
+  function M(D, V, T) {
     return l.slots.group ? t(z, null, [l.slots.content && l.slots.group({
-      item: F.raw,
+      item: D.raw,
       index: V,
       selectedItem: T
     })]) : t("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (H) => u(H, F)
+      onClick: (H) => u(H, D)
     }, [t("div", {
       class: "fv-grid-group-row-icon"
     }, [t("span", {
-      class: p(F)
+      class: p(D)
     }, null)]), t("div", {
       class: "f-navlookup-recommandLabel"
-    }, [F.raw[R.value[F.layer]]])]);
+    }, [D.raw[R.value[D.layer]]])]);
   }
-  function k(F, V, T) {
-    return F.layer > -1 && M(F, V, T);
+  function k(D, V, T) {
+    return D.layer > -1 && M(D, V, T);
   }
   return {
     renderItem: k
@@ -346,7 +348,7 @@ function Xe(e, l, w, S, C, a, s, h, O, g) {
     "f-list-view-group-multiselect": e.multiSelect,
     "d-flex": i.value,
     "flex-wrap": i.value
-  })), F = P(() => !!w.value && w.value.length > 0), V = P(() => w.value.length === 0);
+  })), D = P(() => !!w.value && w.value.length > 0), V = P(() => w.value.length === 0);
   P(() => V.value && !l.slots.empty);
   function T() {
     return p.value === "SingleView" ? q : p.value === "DraggableView" ? Ue : (p.value === "ContentView" || p.value === "CardView") && (e.contentTemplate || l.slots.content) ? Ne : q;
@@ -371,7 +373,7 @@ function Xe(e, l, w, S, C, a, s, h, O, g) {
     return t("ul", {
       class: y.value,
       style: "list-style: none;"
-    }, [F.value && v(), V.value && n()]);
+    }, [D.value && v(), V.value && n()]);
   }
   return {
     renderListArea: m
@@ -479,7 +481,7 @@ function qe(e, l, w, S) {
     const v = c - M, n = o - k;
     u.style.left = parseInt(u.style.left) + v + "px", u.style.top = parseInt(u.style.top) + n + "px", M = c, k = o;
   }
-  function F(c) {
+  function D(c) {
     const { left: o, top: v } = c.getBoundingClientRect(), n = c.cloneNode(!0);
     return n.style.cssText = `
         position:absolute;
@@ -504,7 +506,7 @@ function qe(e, l, w, S) {
   }
   function V(c, o, v) {
     if (c.stopPropagation(), i(), o) {
-      if (u = F(c.target), c.dataTransfer) {
+      if (u = D(c.target), c.dataTransfer) {
         const n = new Image();
         n.src = "", c.dataTransfer.setDragImage(n, 0, 0);
       }
@@ -538,7 +540,7 @@ function qe(e, l, w, S) {
 function Je(e, l, w, S, C, a) {
   const s = f(e.idField), h = f(e.disableField), O = f(e.draggable);
   f(e.itemClass);
-  const g = f(e.selection.multiSelect ?? !1), R = f(e.selection.multiSelectMode), { isDragging: p } = S, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: k, getSelectedItems: y, toggleSelectItem: F, currentSelectedDataId: V } = a, T = f(y()), H = (I) => T.value.length === 0 ? !1 : T.value.some((r) => {
+  const g = f(e.selection.multiSelect ?? !1), R = f(e.selection.multiSelectMode), { isDragging: p } = S, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: k, getSelectedItems: y, toggleSelectItem: D, currentSelectedDataId: V } = a, T = f(y()), H = (I) => T.value.length === 0 ? !1 : T.value.some((r) => {
     let d = "";
     return r.data ? d = r.data[s.value] : d = r[s.value], d === I;
   });
@@ -579,14 +581,14 @@ function Je(e, l, w, S, C, a) {
     if (d && (x.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
       return $(x, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const D = e.itemStyle(I);
-      return $(x, D);
+      const F = e.itemStyle(I);
+      return $(x, F);
     }
     return x;
   }
   const n = P(() => !g.value);
   function m(I, r, d) {
-    I.checked = d, !I.raw[h.value] && (n.value && (u.value = I.raw[s.value]), F(I));
+    I.checked = d, !I.raw[h.value] && (n.value && (u.value = I.raw[s.value]), D(I));
   }
   const L = P(() => g.value && R.value === "OnCheckClearByClick"), B = P(() => !g.value || g.value && (R.value === "OnCheckAndClick" || R.value === "OnClick"));
   function A(I, r, d) {
@@ -594,7 +596,7 @@ function Je(e, l, w, S, C, a) {
       d == null || d.preventDefault(), d == null || d.stopPropagation();
       return;
     }
-    u.value = I.raw[s.value], i.value = r, L.value && k(), B.value && (F(I), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: I.raw }), l.emit("activeChange", T.value);
+    u.value = I.raw[s.value], i.value = r, L.value && k(), B.value && (D(I), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: I.raw }), l.emit("activeChange", T.value);
   }
   return {
     getKey: c,
@@ -611,7 +613,7 @@ const U = /* @__PURE__ */ ee({
   props: te,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, l) {
-    const w = f(), S = f(!0), C = f(!1), a = f([]), s = 0, h = f(e.columns), O = Se(e, l), g = ke(e), R = be(e), p = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, R, g), u = De(e, i, g, a, l), M = ze(e, w), k = Me(e, i), y = P(() => i.dataView.value.length), F = Re(e, l, u, g), V = Te(e, l, g, F, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, V, R, g, T, H), c = xe(e, g, H, j), o = Pe(e, g, H, j), v = je(e, h, i, y, s, j, c, o), {
+    const w = f(), S = f(!0), C = f(!1), a = f([]), s = 0, h = f(e.columns), O = Se(e, l), g = ke(e), R = be(e), p = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, R, g), u = De(e, i, g, a, l), M = ze(e, w), k = Me(e, i), y = P(() => i.dataView.value.length), D = Re(e, l, u, g), V = Te(e, l, g, D, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, V, R, g, T, H), c = xe(e, g, H, j), o = Pe(e, g, H, j), v = je(e, h, i, y, s, j, c, o), {
       getVisualData: n
     } = v;
     a.value = n(0, y.value + s - 1);
@@ -628,7 +630,7 @@ const U = /* @__PURE__ */ ee({
     const A = B(), {
       renderHeader: I
     } = A(e, l, M), r = $e(), d = qe(e, l, i, r), x = Je(e, l, a, d, r, u), {
-      renderListArea: D
+      renderListArea: F
     } = Xe(e, l, a, i, p, r, u, v, x, d);
     function ne(b) {
       M.search(b);
@@ -652,7 +654,7 @@ const U = /* @__PURE__ */ ee({
       return u.currentSelectedDataId.value;
     }
     function ue(b) {
-      F.activeRowById(b);
+      D.activeRowById(b);
     }
     function ce(b) {
       const _ = g.idField.value, G = a.value.find((N) => N.raw[_] === b), E = a.value.findIndex((N) => N.raw[_] === b);
@@ -660,7 +662,7 @@ const U = /* @__PURE__ */ ee({
     }
     function re(b) {
       const _ = g.idField.value, G = a.value.find((E) => E.raw[_] === b);
-      G && F.changeRow(G);
+      G && D.changeRow(G);
     }
     function de(b) {
       k.updatePagination(b);
@@ -708,7 +710,7 @@ const U = /* @__PURE__ */ ee({
       onMouseleave: () => {
         C.value = !1;
       }
-    }, [D()]), L.value && t("div", {
+    }, [F()]), L.value && t("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : l.slots.footer && l.slots.footer()])]);
   }

package/components/list-view/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("vue-i18n"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","vue-i18n","../checkbox/index.umd.js"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["list-view"]={},H.Vue,H.common,H.dataView,H.vueI18n,H.checkbox))})(this,function(H,e,_,R,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(l){const s=[];let h=l.nextNode();for(;h;)s.push(h),h=l.nextNode();return s}function S(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(C=>({textNode:C,text:(C.textContent||"").toLocaleLowerCase()})).map(({textNode:C,text:c})=>{const i=[];let F=0;for(;F<c.length;){const I=c.indexOf(s,F);if(I===-1)break;i.push(I),F=I+s.length}return i.map(I=>{const y=new Range;return y.setStart(C,I),y.setEnd(C,I+s.length),y})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=S(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.size),C=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:I,onMouseoverItem:y,onMouseoutItem:b}=l,{getKey:k,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,a=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:D.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,P){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:k(n,m),key:k(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>I(O,n,m),onMouseover:O=>y(O,n,m),onMouseout:O=>b(O,n,m)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+k(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":O=>n.checked=O,onChange:O=>{B(n,m,!O.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:a.value,title:n.raw[c.value]||n.raw[C.value]},[n.raw[C.value]])])])}return{renderItem:f}}function Z(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:b,listViewItemStyle:k,onCheckItem:T,onClickItem:x}=s;function B(a,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:a.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:a.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[a.raw[c.value||"name"]])}function r(a,f,n){return e.createVNode("li",{class:b(a,f),id:y(a,f),key:y(a,f),style:k(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>F(m,a,f),onMouseout:m=>I(m,a,f)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(a,f),customClass:"listview-checkbox",disabled:a[C.value]||!a.checked,checked:a.checked,"onUpdate:checked":m=>a.checked=m,onChange:m=>T(a,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(a,f,n)])])}return{renderItem:r}}function ee(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:b,onCheckItem:k,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=S,{removeItem:f}=M,n=e.computed(()=>({margin:D.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function P(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function O(){return o.slots.itemContent?o.slots.itemContent:P}const G=O();function w(u,d,j){return e.createVNode("li",{class:b(u,d),id:y(u,d),key:y(u,d),onClick:N=>T(u,d,N),onMouseenter:N=>i(N,u,d),onMouseover:N=>F(N,u,d),onMouseout:N=>I(N,u,d),draggable:"true",onDragstart:N=>x(N,u,d),onDragenter:N=>B(N,d),onDragend:N=>a(N,u),onDragover:N=>r(N)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:N=>N.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(u,d),customClass:"listview-checkbox",disabled:u[C.value]||!u.checked,checked:u.checked,"onUpdate:checked":N=>u.checked=N,onChange:N=>k(u,d,!N.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[G(u)]),e.createVNode("div",{class:"f-list-remove",onClick:N=>f(d)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:w}}function te(t,o,v,S,p,l,s,h,M,g){var y;const D=e.ref(((y=t.group)==null?void 0:y.groupFields)||[]),{collpaseGroupIconClass:C}=p,{toggleGroupRow:c}=g;function i(b,k){k.collapse=!k.collapse,v.value=c(k.collapse?"collapse":"expand",k,v.value)}function F(b,k,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:b.raw,index:k,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,b)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:C(b)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[b.raw[D.value[b.layer]]])])}function I(b,k,T){return b.layer>-1&&F(b,k,T)}return{renderItem:I}}function ne(t,o,v,S){const{dataView:p}=v,{updateSelectedItems:l}=S;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);l(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,S,p,l,s,h,M,g){const{t:D}=J.useI18n(),C=e.ref(t.view),c=e.ref(t.view==="CardView"),i=e.ref({}),F=e.ref(D("listView.emptyMessage")),I=ne(t,o,S,M),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":c.value,"flex-wrap":c.value})),b=e.computed(()=>!!v.value&&v.value.length>0),k=e.computed(()=>v.value.length===0);e.computed(()=>k.value&&!o.slots.empty);function T(){return C.value==="SingleView"?X:C.value==="DraggableView"?ee:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const x=T(),{renderItem:B}=x(t,o,v,g,p,l,M,s,I,h),{renderItem:r}=te(t,o,v,g,p,l,M,s,I,h),a=[B,r];function f(){return v.value.filter(P=>P.visible!==!1).map((P,O)=>a[P.type](P,O,i))}function n(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():F.value])])}function m(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[b.value&&f(),k.value&&n()])}return{renderListArea:m}}function le(t,o,v){function S(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:S}}function Y(t,o,v){const S=e.ref(t.headerClass),p=e.ref(t.placeholder),l=e.ref(""),s=e.computed(()=>!l.value),h=e.computed(()=>!!l.value);function M(c){l.value=""}e.watch(l,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return S.value&&S.value.split(" ").reduce((F,I)=>(F[I]=!0,F),c),c});function D(c){}function C(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>D,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>l.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:C}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),S=e.ref(-1),p=e.ref(!1);function l(C,c,i){S.value=i}function s(C,c,i){p.value||(S.value=i)}function h(C,c,i){S.value=-1}function M(){p.value=!0}function g(){p.value=!1}function D(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:S,clearActiveItem:D,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,S){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:D,resumeHover:C,suspendHover:c}=S;let i,F=0,I=0;function y(r,a){const f=r-F,n=a-I;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",F=r,I=a}function b(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
+(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("vue-i18n"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","vue-i18n","../checkbox/index.umd.js"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["list-view"]={},H.Vue,H.common,H.dataView,H.vueI18n,H.checkbox))})(this,function(H,e,_,R,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(l){const s=[];let h=l.nextNode();for(;h;)s.push(h),h=l.nextNode();return s}function S(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(C=>({textNode:C,text:(C.textContent||"").toLocaleLowerCase()})).map(({textNode:C,text:c})=>{const i=[];let F=0;for(;F<c.length;){const I=c.indexOf(s,F);if(I===-1)break;i.push(I),F=I+s.length}return i.map(I=>{const y=new Range;return y.setStart(C,I),y.setEnd(C,I+s.length),y})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=S(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.size),C=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:I,onMouseoverItem:y,onMouseoutItem:N}=l,{getKey:k,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,a=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:D.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,P){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:k(n,m),key:k(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>I(O,n,m),onMouseover:O=>y(O,n,m),onMouseout:O=>N(O,n,m)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+k(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":O=>n.checked=O,onChange:O=>{B(n,m,!O.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:a.value,title:n.raw[c.value]||n.raw[C.value]},[n.raw[C.value]])])])}return{renderItem:f}}function Z(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:N,listViewItemStyle:k,onCheckItem:T,onClickItem:x}=s;function B(a,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:a.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:a.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[a.raw[c.value||"name"]])}function r(a,f,n){return e.createVNode("li",{class:N(a,f),id:y(a,f),key:y(a,f),style:k(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>F(m,a,f),onMouseout:m=>I(m,a,f)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(a,f),customClass:"listview-checkbox",disabled:a[C.value]||!a.checked,checked:a.checked,"onUpdate:checked":m=>a.checked=m,onChange:m=>T(a,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(a,f,n)])])}return{renderItem:r}}function ee(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:N,onCheckItem:k,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=S,{removeItem:f}=M,n=e.computed(()=>({margin:D.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function P(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function O(){return o.slots.itemContent?o.slots.itemContent:P}const G=O();function w(u,d,j){return e.createVNode("li",{class:N(u,d),id:y(u,d),key:y(u,d),onClick:b=>T(u,d,b),onMouseenter:b=>i(b,u,d),onMouseover:b=>F(b,u,d),onMouseout:b=>I(b,u,d),draggable:"true",onDragstart:b=>x(b,u,d),onDragenter:b=>B(b,d),onDragend:b=>a(b,u),onDragover:b=>r(b)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:b=>b.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(u,d),customClass:"listview-checkbox",disabled:u[C.value]||!u.checked,checked:u.checked,"onUpdate:checked":b=>u.checked=b,onChange:b=>k(u,d,!b.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[G(u)]),e.createVNode("div",{class:"f-list-remove",onClick:b=>{b.stopPropagation(),f(d)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:w}}function te(t,o,v,S,p,l,s,h,M,g){var y;const D=e.ref(((y=t.group)==null?void 0:y.groupFields)||[]),{collpaseGroupIconClass:C}=p,{toggleGroupRow:c}=g;function i(N,k){k.collapse=!k.collapse,v.value=c(k.collapse?"collapse":"expand",k,v.value)}function F(N,k,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:N.raw,index:k,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,N)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:C(N)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[N.raw[D.value[N.layer]]])])}function I(N,k,T){return N.layer>-1&&F(N,k,T)}return{renderItem:I}}function ne(t,o,v,S){const{dataView:p}=v,{updateSelectedItems:l}=S;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);l(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,S,p,l,s,h,M,g){const{t:D}=J.useI18n(),C=e.ref(t.view),c=e.ref(t.view==="CardView"),i=e.ref({}),F=e.ref(D("listView.emptyMessage")),I=ne(t,o,S,M),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":c.value,"flex-wrap":c.value})),N=e.computed(()=>!!v.value&&v.value.length>0),k=e.computed(()=>v.value.length===0);e.computed(()=>k.value&&!o.slots.empty);function T(){return C.value==="SingleView"?X:C.value==="DraggableView"?ee:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const x=T(),{renderItem:B}=x(t,o,v,g,p,l,M,s,I,h),{renderItem:r}=te(t,o,v,g,p,l,M,s,I,h),a=[B,r];function f(){return v.value.filter(P=>P.visible!==!1).map((P,O)=>a[P.type](P,O,i))}function n(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():F.value])])}function m(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[N.value&&f(),k.value&&n()])}return{renderListArea:m}}function le(t,o,v){function S(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:S}}function Y(t,o,v){const S=e.ref(t.headerClass),p=e.ref(t.placeholder),l=e.ref(""),s=e.computed(()=>!l.value),h=e.computed(()=>!!l.value);function M(c){l.value=""}e.watch(l,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return S.value&&S.value.split(" ").reduce((F,I)=>(F[I]=!0,F),c),c});function D(c){}function C(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>D,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>l.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:C}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),S=e.ref(-1),p=e.ref(!1);function l(C,c,i){S.value=i}function s(C,c,i){p.value||(S.value=i)}function h(C,c,i){S.value=-1}function M(){p.value=!0}function g(){p.value=!1}function D(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:S,clearActiveItem:D,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,S){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:D,resumeHover:C,suspendHover:c}=S;let i,F=0,I=0;function y(r,a){const f=r-F,n=a-I;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",F=r,I=a}function N(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
         position:absolute;
         left:${a}px;
         top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;
@@ -17,4 +17,4 @@
         `,n.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",n.children[0].children[0].style.cssText=`
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `,n.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function k(r,a,f){if(r.stopPropagation(),c(),a){if(i=b(r.target),r.dataTransfer){const n=new Image;n.src="",r.dataTransfer.setDragImage(n,0,0)}F=r.pageX,I=r.pageY,setTimeout(()=>{s.value=f,h.value=!0,a.moving=!0})}}function T(r,a){if(r.preventDefault(),s.value!==a){const f=l.value[s.value],n=l.value;n.splice(s.value,1),n.splice(a,0,f),s.value=a,y(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),y(r.pageX,r.pageY)}function B(r,a){a&&(a.moving=!1,i&&(document.body.removeChild(i),i=null)),l.value.forEach((f,n)=>{f.__fv_index__=n}),h.value=!1,C(),D.value=a.raw.__fv_index__,M.value=a.raw.__fv_index__,g.value=a.raw[p.value],o.emit("change",l.value),o.emit("activeChange",[a.raw])}return{dragstart:k,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,S,p,l){const s=e.ref(t.idField),h=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const g=e.ref(t.selection.multiSelect??!1),D=e.ref(t.selection.multiSelectMode),{isDragging:C}=S,{activeIndex:c,focusedItemId:i,hoverIndex:F}=p,{clearSelection:I,getSelectedItems:y,toggleSelectItem:b,currentSelectedDataId:k}=l,T=e.ref(y()),x=w=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===w});function B(){T.value=y()}function r(w,u){return w.raw[s.value]!=null?w.raw[s.value]:""}function a(w,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!w.checked,"f-un-select":!!w.raw[h.value],"f-listview-active":g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,"f-listview-hover":!C.value&&u===F.value,moving:!!w.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(w);return _.getCustomClass(d,j)}return d}function f(w,u){const d=g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,j={};if(d&&(j.backgroundColor="#dae9ff"),typeof t.itemStyle=="string")return _.getCustomStyle(j,t.itemStyle);if(typeof t.itemStyle=="function"){const N=t.itemStyle(w);return _.getCustomStyle(j,N)}return j}const n=e.computed(()=>!g.value);function m(w,u,d){w.checked=d,!w.raw[h.value]&&(n.value&&(i.value=w.raw[s.value]),b(w))}const P=e.computed(()=>g.value&&D.value==="OnCheckClearByClick"),O=e.computed(()=>!g.value||g.value&&(D.value==="OnCheckAndClick"||D.value==="OnClick"));function G(w,u,d){if(w.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=w.raw[s.value],c.value=u,P.value&&I(),O.value&&(b(w),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:w.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:a,listViewItemStyle:f,updateSelectedItems:B,onCheckItem:m,onClickItem:G}}const A=e.defineComponent({name:"FListView",props:U,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const v=e.ref(),S=e.ref(!0),p=e.ref(!1),l=e.ref([]),s=0,h=e.ref(t.columns),M=R.useFilter(t,o),g=R.useIdentify(t),D=R.useHierarchy(t),C=R.useGroupData(t,g),c=R.useDataView(t,new Map,M,D,g),i=R.useSelection(t,c,g,l,o),F=Q(t,v),I=R.usePagination(t,c),y=e.computed(()=>c.dataView.value.length),b=R.useRow(t,o,i,g),k=R.useEdit(t,o,g,b,l),T=R.useVisualDataBound(t),x=R.useVisualDataCell(t,{},T),B=R.useVisualDataRow(t,c,k,D,g,T,x),r=R.useVisualGroupRow(t,g,x,B),a=R.useVisualSummaryRow(t,g,x,B),f=R.useVisualData(t,h,c,y,s,B,r,a),{getVisualData:n}=f;l.value=n(0,y.value+s-1);const m=e.computed(()=>{const V={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(V[`${t.size}-item`]=!0),_.getCustomClass(V,t.customClass)}),P=e.computed(()=>!!o.slots.footer||S.value);function O(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?le:Y}const G=O(),{renderHeader:w}=G(t,o,F),u=ae(),d=se(t,o,c,u),j=ce(t,o,l,d,u,i),{renderListArea:N}=oe(t,o,l,c,C,u,i,f,j,d);function ie(V){F.search(V)}function re(V){V&&(c.load(V),l.value=n(0,y.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(V=>V[g.idField.value])}function $(V){i.selectedValues.value=V,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(V){b.activeRowById(V)}function he(V){const L=g.idField.value,E=l.value.find(K=>K.raw[L]===V),z=l.value.findIndex(K=>K.raw[L]===V);E&&z>-1&&j.onClickItem(E,z)}function pe(V){const L=g.idField.value,E=l.value.find(z=>z.raw[L]===V);E&&b.changeRow(E)}function Ce(V){I.updatePagination(V)}function ve(V){return l.value.filter(L=>V.includes(L.raw[t.idField]))}o.expose({search:ie,updateDataSource:re,clearSelection:ue,getSelections:de,updateSelectionByIds:$,getSelectionIds:fe,activeRowById:ge,getCurrentRowId:me,clickRowItemById:he,updatePagination:Ce,getVisibleDataByIds:ve,selectRowById:pe});function ye(V){t.multiSelect&&(V.preventDefault(),V.stopPropagation())}e.watch(()=>t.selectionValues,(V,L)=>{V!==L&&$(V)});const we=R.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=R.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=R.useVirtualScroll(t,c,l,Ve,f,y,s,Se,k);return R.getPagination(t,o,c,ke,I,i),()=>e.createVNode("div",{class:m.value,onClick:ye},[w(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[N()]),P.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():o.slots.footer&&o.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:U,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const v=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],S=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=S.value)==null?void 0:p.map(l=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:l.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[l.code]),e.createVNode("p",{class:"item-title-text"},[l.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[l.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[l.date])])])])]))])}}});A.install=t=>{t.component(A.name,A),t.component(W.name,W)},H.FListView=A,H.FListViewTable=W,H.default=A,H.listViewProps=U,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+        `,n.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function k(r,a,f){if(r.stopPropagation(),c(),a){if(i=N(r.target),r.dataTransfer){const n=new Image;n.src="",r.dataTransfer.setDragImage(n,0,0)}F=r.pageX,I=r.pageY,setTimeout(()=>{s.value=f,h.value=!0,a.moving=!0})}}function T(r,a){if(r.preventDefault(),s.value!==a){const f=l.value[s.value],n=l.value;n.splice(s.value,1),n.splice(a,0,f),s.value=a,y(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),y(r.pageX,r.pageY)}function B(r,a){a&&(a.moving=!1,i&&(document.body.removeChild(i),i=null)),l.value.forEach((f,n)=>{f.__fv_index__=n}),h.value=!1,C(),D.value=a.raw.__fv_index__,M.value=a.raw.__fv_index__,g.value=a.raw[p.value],o.emit("change",l.value),o.emit("activeChange",[a.raw])}return{dragstart:k,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,S,p,l){const s=e.ref(t.idField),h=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const g=e.ref(t.selection.multiSelect??!1),D=e.ref(t.selection.multiSelectMode),{isDragging:C}=S,{activeIndex:c,focusedItemId:i,hoverIndex:F}=p,{clearSelection:I,getSelectedItems:y,toggleSelectItem:N,currentSelectedDataId:k}=l,T=e.ref(y()),x=w=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===w});function B(){T.value=y()}function r(w,u){return w.raw[s.value]!=null?w.raw[s.value]:""}function a(w,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!w.checked,"f-un-select":!!w.raw[h.value],"f-listview-active":g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,"f-listview-hover":!C.value&&u===F.value,moving:!!w.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(w);return _.getCustomClass(d,j)}return d}function f(w,u){const d=g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,j={};if(d&&(j.backgroundColor="#dae9ff"),typeof t.itemStyle=="string")return _.getCustomStyle(j,t.itemStyle);if(typeof t.itemStyle=="function"){const b=t.itemStyle(w);return _.getCustomStyle(j,b)}return j}const n=e.computed(()=>!g.value);function m(w,u,d){w.checked=d,!w.raw[h.value]&&(n.value&&(i.value=w.raw[s.value]),N(w))}const P=e.computed(()=>g.value&&D.value==="OnCheckClearByClick"),O=e.computed(()=>!g.value||g.value&&(D.value==="OnCheckAndClick"||D.value==="OnClick"));function G(w,u,d){if(w.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=w.raw[s.value],c.value=u,P.value&&I(),O.value&&(N(w),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:w.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:a,listViewItemStyle:f,updateSelectedItems:B,onCheckItem:m,onClickItem:G}}const A=e.defineComponent({name:"FListView",props:U,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const v=e.ref(),S=e.ref(!0),p=e.ref(!1),l=e.ref([]),s=0,h=e.ref(t.columns),M=R.useFilter(t,o),g=R.useIdentify(t),D=R.useHierarchy(t),C=R.useGroupData(t,g),c=R.useDataView(t,new Map,M,D,g),i=R.useSelection(t,c,g,l,o),F=Q(t,v),I=R.usePagination(t,c),y=e.computed(()=>c.dataView.value.length),N=R.useRow(t,o,i,g),k=R.useEdit(t,o,g,N,l),T=R.useVisualDataBound(t),x=R.useVisualDataCell(t,{},T),B=R.useVisualDataRow(t,c,k,D,g,T,x),r=R.useVisualGroupRow(t,g,x,B),a=R.useVisualSummaryRow(t,g,x,B),f=R.useVisualData(t,h,c,y,s,B,r,a),{getVisualData:n}=f;l.value=n(0,y.value+s-1);const m=e.computed(()=>{const V={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(V[`${t.size}-item`]=!0),_.getCustomClass(V,t.customClass)}),P=e.computed(()=>!!o.slots.footer||S.value);function O(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?le:Y}const G=O(),{renderHeader:w}=G(t,o,F),u=ae(),d=se(t,o,c,u),j=ce(t,o,l,d,u,i),{renderListArea:b}=oe(t,o,l,c,C,u,i,f,j,d);function ie(V){F.search(V)}function re(V){V&&(c.load(V),l.value=n(0,y.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(V=>V[g.idField.value])}function $(V){i.selectedValues.value=V,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(V){N.activeRowById(V)}function he(V){const L=g.idField.value,E=l.value.find(K=>K.raw[L]===V),z=l.value.findIndex(K=>K.raw[L]===V);E&&z>-1&&j.onClickItem(E,z)}function pe(V){const L=g.idField.value,E=l.value.find(z=>z.raw[L]===V);E&&N.changeRow(E)}function Ce(V){I.updatePagination(V)}function ve(V){return l.value.filter(L=>V.includes(L.raw[t.idField]))}o.expose({search:ie,updateDataSource:re,clearSelection:ue,getSelections:de,updateSelectionByIds:$,getSelectionIds:fe,activeRowById:ge,getCurrentRowId:me,clickRowItemById:he,updatePagination:Ce,getVisibleDataByIds:ve,selectRowById:pe});function ye(V){t.multiSelect&&(V.preventDefault(),V.stopPropagation())}e.watch(()=>t.selectionValues,(V,L)=>{V!==L&&$(V)});const we=R.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=R.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=R.useVirtualScroll(t,c,l,Ve,f,y,s,Se,k);return R.getPagination(t,o,c,ke,I,i),()=>e.createVNode("div",{class:m.value,onClick:ye},[w(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[b()]),P.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():o.slots.footer&&o.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:U,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const v=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],S=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=S.value)==null?void 0:p.map(l=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:l.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[l.code]),e.createVNode("p",{class:"item-title-text"},[l.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[l.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[l.date])])])])]))])}}});A.install=t=>{t.component(A.name,A),t.component(W.name,W)},H.FListView=A,H.FListViewTable=W,H.default=A,H.listViewProps=U,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});