@farris/ui-vue 1.7.0-beta.3 → 1.7.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/index.esm.js +10 -1
- package/components/avatar/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +178 -176
- package/components/calendar/index.umd.cjs +2 -2
- package/components/collection-property-editor/index.esm.js +48 -46
- package/components/collection-property-editor/index.umd.cjs +2 -2
- package/components/combo-list/index.esm.js +319 -300
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/comment/index.esm.js +2287 -1161
- package/components/comment/index.umd.cjs +7 -7
- package/components/component/index.esm.js +3 -1
- package/components/component/index.umd.cjs +2 -2
- package/components/condition/index.esm.js +926 -901
- package/components/condition/index.umd.cjs +2 -2
- package/components/data-view/index.esm.js +898 -899
- package/components/data-view/index.umd.cjs +1 -1
- package/components/drawer/index.esm.js +3 -1
- package/components/drawer/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +239 -221
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +11 -9
- package/components/dynamic-resolver/index.umd.cjs +2 -2
- package/components/expression-editor/index.esm.js +1299 -1279
- package/components/expression-editor/index.umd.cjs +4 -4
- package/components/filter-bar/index.esm.js +731 -678
- package/components/filter-bar/index.umd.cjs +2 -2
- package/components/filter-condition-editor/index.esm.js +1792 -1772
- package/components/filter-condition-editor/index.umd.cjs +4 -4
- package/components/image/index.esm.js +246 -240
- package/components/image/index.umd.cjs +2 -2
- package/components/language-textbox/index.esm.js +9 -7
- package/components/language-textbox/index.umd.cjs +2 -2
- package/components/list-view/index.esm.js +1 -1
- package/components/list-view/index.umd.cjs +1 -1
- package/components/locale/index.esm.js +2009 -886
- package/components/locale/index.umd.cjs +6 -6
- package/components/number-range/index.esm.js +190 -181
- package/components/number-range/index.umd.cjs +1 -1
- package/components/order/index.esm.js +734 -714
- package/components/order/index.umd.cjs +5 -5
- package/components/property-panel/index.esm.js +60 -49
- package/components/property-panel/index.umd.cjs +3 -3
- package/components/query-solution/index.esm.js +2461 -2500
- package/components/query-solution/index.umd.cjs +6 -6
- package/components/radio-group/index.esm.js +30 -30
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +238 -238
- package/components/schema-selector/index.umd.cjs +4 -4
- package/components/section/index.esm.js +217 -302
- package/components/section/index.umd.cjs +2 -2
- package/components/sort-condition-editor/index.esm.js +1793 -1773
- package/components/sort-condition-editor/index.umd.cjs +4 -4
- package/components/transfer/index.esm.js +155 -155
- package/components/transfer/index.umd.cjs +3 -3
- package/designer/data-grid/index.esm.js +895 -867
- package/designer/data-grid/index.umd.cjs +5 -5
- package/designer/data-view/index.esm.js +145 -144
- package/designer/data-view/index.umd.cjs +2 -2
- package/designer/drawer/index.esm.js +73 -71
- package/designer/drawer/index.umd.cjs +2 -2
- package/designer/dynamic-form/index.esm.js +87 -65
- package/designer/dynamic-form/index.umd.cjs +2 -2
- package/designer/farris-designer.all.esm.js +14 -3
- package/designer/farris-designer.all.umd.cjs +3 -3
- package/designer/input-group/index.esm.js +34 -14
- package/designer/input-group/index.umd.cjs +1 -1
- package/designer/list-view/index.esm.js +1 -1
- package/designer/list-view/index.umd.cjs +1 -1
- package/designer/radio-group/index.esm.js +15 -2
- package/designer/radio-group/index.umd.cjs +1 -1
- package/designer/section/index.esm.js +129 -119
- package/designer/section/index.umd.cjs +1 -1
- package/designer/time-picker/index.esm.js +140 -131
- package/designer/time-picker/index.umd.cjs +1 -1
- package/farris.all.esm.js +13578 -12394
- package/farris.all.umd.cjs +26 -26
- package/index.css +1 -1
- package/locales/data-grid/ui/en.json +2 -1
- package/locales/data-grid/ui/zh-CHS.json +2 -1
- package/locales/data-grid/ui/zh-CHT.json +2 -1
- package/locales/designer/en.json +12 -10
- package/locales/designer/zh-CHS.json +19 -17
- package/locales/designer/zh-CHT.json +19 -17
- package/locales/ui/en.json +4 -2
- package/locales/ui/zh-CHS.json +11 -9
- package/locales/ui/zh-CHT.json +11 -9
- package/package.json +1 -1
- package/package.zip +0 -0
- package/types/combo-list/src/composition/types.d.ts +1 -0
- package/types/condition/src/composition/condition-value/number-spinner-value.d.ts +1 -1
- package/types/condition/src/composition/use-field-config.d.ts +1 -1
- package/types/condition/src/condition.props.d.ts +1 -1
- package/types/data-view/designer/property-config/use-command-option.d.ts +12 -0
- package/types/image/src/property-config/image.property-config.d.ts +5 -5
- package/types/locale/src/lib/locale.service.d.ts +2 -2
- package/types/property-panel/src/composition/entity/input-base-property.d.ts +7 -0
- package/types/query-solution/src/designer/query-solution-config/composition/use-util.d.ts +0 -20
- package/types/section/src/designer/section.design.props.d.ts +17 -0
- package/types/section/src/section.props.d.ts +0 -25
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(P,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../../designer/button-edit/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../../designer/button-edit/index.umd.js","../designer-canvas/index.umd.js","../property-panel/index.umd.js"],t):(P=typeof globalThis<"u"?globalThis:P||self,t(P.order={},P.Vue,P.dynamicResolver,P.common,P.dataView,P.locale,P.checkbox,P.FButtonEdit,P.LodashES,P.FListView$1,P.FButtonEditDesign,P.designerCanvas,P.propertyPanel))})(this,function(P,t,_,E,L,X,Y,se,de,ce,ue,ee,fe){"use strict";const me=new Map([["appearance",_.resolveAppearance]]),ge={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/order.schema.json",title:"order",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a order",type:"string"},type:{description:"The type string of order component",type:"string",default:"order"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""}},required:["id","type"]};function he(e,n,i){return n}const pe={title:"order",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},z={dataSource:{type:Array,default:[]},items:{type:Array,default:[]}},J=_.createPropsResolver(z,ge,me,he,pe),ye={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:e=>typeof e=="string"||typeof e=="function"},itemStyle:{type:[String,Function],default:"",validator:e=>typeof e=="string"||typeof e=="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 ve(e,n){function i(a){const s=[];let f=a.nextNode();for(;f;)s.push(f),f=a.nextNode();return s}function l(a,s){const f=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return i(f).map(r=>({textNode:r,text:(r.textContent||"").toLocaleLowerCase()})).map(({textNode:r,text:o})=>{const c=[];let F=0;for(;F<o.length;){const k=o.indexOf(s,F);if(k===-1)break;c.push(k),F=k+s.length}return c.map(k=>{const g=new Range;return g.setStart(r,k),g.setEnd(r,k+s.length),g})}).flat()}function u(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!n))return;const s=l(n.value,a.toLocaleLowerCase()),f=new Highlight(...s);CSS.highlights.set("search-result",f)}return{search:u}}function te(e,n,i,l,u,a,s,f,v,b){const w=t.ref(e.size),r=t.ref(e.textField),o=t.ref(e.titleField),c=t.ref(e.disableField),F=t.computed(()=>{var p,T;return((p=e.selection)==null?void 0:p.multiSelect)&&((T=e.selection)==null?void 0:T.showCheckbox)}),{onMouseenterItem:k,onMouseoverItem:g,onMouseoutItem:C}=a,{getKey:m,listViewItemClass:d,listViewItemStyle:V,onCheckItem:O,onClickItem:I}=s,S=t.computed(()=>{const p={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return e.itemClass?p:{margin:w.value==="small"?"0.25rem 0":"8px 0",...p}});function x(p,T,$){return p.checked=f.findIndexInSelectedItems(p)>-1,t.createVNode("li",{class:d(p,T),id:m(p,T),key:m(p,T),style:V(p,T),onClick:j=>I(p,T,j),onMouseenter:j=>k(j,p,T),onMouseover:j=>g(j,p,T),onMouseout:j=>C(j,p,T)},[F.value&&t.createVNode("div",{class:"f-list-select",onClick:j=>j.stopPropagation()},[t.createVNode(Y.FCheckbox,{id:"list-"+m(p,T),customClass:"listview-checkbox float-left",disabled:p[c.value],checked:p.checked,"onUpdate:checked":j=>p.checked=j,onChange:j=>{O(p,T,!j.checked)}},null)]),t.createVNode("div",{class:"f-list-content"},[t.createVNode("div",{class:e.itemContentClass,style:S.value,title:p.raw[o.value]||p.raw[r.value]},[p.raw[r.value]])])])}return{renderItem:x}}function Ce(e,n,i,l,u,a,s,f,v,b){const w=t.ref(e.multiSelect),r=t.ref(e.disableField),o=t.ref(e.textField),{onMouseenterItem:c,onMouseoverItem:F,onMouseoutItem:k}=a,{getKey:g,listViewItemClass:C,listViewItemStyle:m,onCheckItem:d,onClickItem:V}=s;function O(S,x,p){return e.contentTemplate?t.createVNode(t.Fragment,null,[e.contentTemplate({item:S.raw,index:x,selectedItem:p})]):n.slots.content?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.content({item:S.raw,index:x,selectedItem:p})]):t.createVNode("div",{style:"margin: 10px 0;"},[S.raw[o.value||"name"]])}function I(S,x,p){return t.createVNode("li",{class:C(S,x),id:g(S,x),key:g(S,x),style:m(S,x),onClick:T=>V(S,x,T),onMouseenter:T=>c(T,S,x),onMouseover:T=>F(T,S,x),onMouseout:T=>k(T,S,x)},[w.value&&t.createVNode("div",{class:"f-list-select",onClick:T=>T.stopPropagation()},[t.createVNode(Y.FCheckbox,{id:"list-"+g(S,x),customClass:"listview-checkbox",disabled:S[r.value]||!S.checked,checked:S.checked,"onUpdate:checked":T=>S.checked=T,onChange:T=>d(S,x,!T.checked)},null)]),t.createVNode("div",{class:"f-list-content"},[O(S,x,p)])])}return{renderItem:I}}function be(e,n,i,l,u,a,s,f,v,b){const w=t.ref(e.multiSelect),r=t.ref(e.disableField),o=t.ref(e.textField),{onMouseenterItem:c,onMouseoverItem:F,onMouseoutItem:k}=a,{getKey:g,listViewItemClass:C,onCheckItem:m,onClickItem:d}=s,{dragstart:V,dragenter:O,dragover:I,dragend:S}=l,{removeItem:x}=v,p=t.computed(()=>({margin:w.value?"10px 0":"10px 0px 10px 14px"}));function T(h,y=""){const N=h.target;N.title=N.scrollWidth>N.clientWidth?y:""}function $(h){return t.createVNode("div",{style:p.value,onMouseenter:y=>T(y,h.raw[o.value||"name"])},[h.raw[o.value||"name"]])}function j(){return n.slots.itemContent?n.slots.itemContent:$}const H=j();function B(h,y,N){return t.createVNode("li",{class:C(h,y),id:g(h,y),key:g(h,y),onClick:M=>d(h,y,M),onMouseenter:M=>c(M,h,y),onMouseover:M=>F(M,h,y),onMouseout:M=>k(M,h,y),draggable:"true",onDragstart:M=>V(M,h,y),onDragenter:M=>O(M,y),onDragend:M=>S(M,h),onDragover:M=>I(M)},[w.value&&t.createVNode("div",{class:"f-list-select",onClick:M=>M.stopPropagation()},[t.createVNode(Y.FCheckbox,{id:"list-"+g(h,y),customClass:"listview-checkbox",disabled:h[r.value]||!h.checked,checked:h.checked,"onUpdate:checked":M=>h.checked=M,onChange:M=>m(h,y,!M.checked)},null)]),t.createVNode("div",{class:"f-list-content"},[H(h)]),t.createVNode("div",{class:"f-list-remove",onClick:M=>{M.stopPropagation(),x(y)}},[t.createVNode("div",{class:"f-list-remove-icon"},[t.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),t.createVNode("div",{class:"f-list-handle"},[t.createVNode("div",null,[t.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:B}}function Se(e,n,i,l,u,a,s,f,v,b){var g;const w=t.ref(((g=e.group)==null?void 0:g.groupFields)||[]),{collpaseGroupIconClass:r}=u,{toggleGroupRow:o}=b;function c(C,m){m.collapse=!m.collapse,i.value=o(m.collapse?"collapse":"expand",m,i.value)}function F(C,m,d){return n.slots.group?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.group({item:C.raw,index:m,selectedItem:d})]):t.createVNode("div",{class:"f-navlookup-recentHeader",onClick:V=>c(V,C)},[t.createVNode("div",{class:"fv-grid-group-row-icon"},[t.createVNode("span",{class:r(C)},null)]),t.createVNode("div",{class:"f-navlookup-recommandLabel"},[C.raw[w.value[C.layer]]])])}function k(C,m,d){return C.layer>-1&&F(C,m,d)}return{renderItem:k}}function we(e,n,i,l){const{dataView:u}=i,{updateSelectedItems:a}=l;function s(f){if(f>-1&&f<u.value.length){if(e!=null&&e.checkBeforeRemoveItem&&!e.checkBeforeRemoveItem(u.value[f]))return;const v=u.value.splice(f,1);a(),n.emit("removeItem",v[0])}}return{removeItem:s}}function Fe(e,n,i,l,u,a,s,f,v,b){const w=t.ref(e.view),r=t.ref(e.view==="CardView"),o=t.ref({}),c=we(e,n,l,v),F=t.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":e.multiSelect,"d-flex":r.value,"flex-wrap":r.value})),k=t.computed(()=>!!i.value&&i.value.length>0),g=t.computed(()=>i.value.length===0);t.computed(()=>g.value&&!n.slots.empty);function C(){return w.value==="SingleView"?te:w.value==="DraggableView"?be:(w.value==="ContentView"||w.value==="CardView")&&(e.contentTemplate||n.slots.content)?Ce:te}const m=C(),{renderItem:d}=m(e,n,i,b,u,a,v,s,c,f),{renderItem:V}=Se(e,n,i,b,u,a,v,s,c,f),O=[d,V];function I(){return i.value.filter(p=>p.visible!==!1).map((p,T)=>O[p.type](p,T,o))}function S(){return t.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[t.createVNode("p",{class:"f-empty-title"},[e.emptyTemplate?e.emptyTemplate():n.slots.empty?n.slots.empty():X.LocaleService.getLocaleValue("listView.emptyMessage")])])}function x(){return t.createVNode("ul",{class:F.value,style:"list-style: none;"},[k.value&&I(),g.value&&S()])}return{renderListArea:x}}function Ve(e,n,i){function l(){return n.slots.header&&t.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:l}}function ne(e,n,i){const l=t.ref(e.headerClass),u=t.ref(e.placeholder),a=t.ref(""),s=t.computed(()=>!a.value),f=t.computed(()=>!!a.value);function v(o){a.value=""}t.watch(a,o=>{e.enableHighlightSearch&&i.search(o),n.emit("afterSearch",o)});const b=t.computed(()=>{const o={"form-group":!0,"farris-form-group":!0};return l.value&&l.value.split(" ").reduce((F,k)=>(F[k]=!0,F),o),o});function w(o){}function r(){return t.createVNode("div",{class:"f-list-view-header",onClick:t.withModifiers(()=>w,["prevent","stop"])},[t.createVNode("div",{class:b.value},[t.createVNode("div",{class:"farris-input-wrap"},[t.createVNode("div",{class:"f-cmp-inputgroup"},[t.createVNode("div",{class:"input-group f-state-editable"},[t.withDirectives(t.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":o=>a.value=o,name:"input-group-value",type:"text",placeholder:u.value,autocomplete:"off"},null),[[t.vModelText,a.value]]),t.createVNode("div",{class:"input-group-append"},[f.value&&t.createVNode("span",{class:"input-group-text input-group-clear",onClick:o=>v()},[t.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&t.createVNode("span",{class:"input-group-text"},[t.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:r}}function Ie(){const e=t.ref(""),n=t.ref(-1),i=t.ref(""),l=t.ref(-1),u=t.ref(!1);function a(r,o,c){l.value=c}function s(r,o,c){u.value||(l.value=c)}function f(r,o,c){l.value=-1}function v(){u.value=!0}function b(){u.value=!1}function w(){n.value=-1,e.value=""}return{activeIndex:n,focusedItemId:i,hoverIndex:l,clearActiveItem:w,onMouseenterItem:a,onMouseoverItem:s,onMouseoutItem:f,resumeHover:b,suspendHover:v}}function ke(e,n,i,l){const u=t.ref(e.idField),{dataView:a}=i,s=t.ref(-1),f=t.ref(!1),{activeIndex:v,focusedItemId:b,hoverIndex:w,resumeHover:r,suspendHover:o}=l;let c,F=0,k=0;function g(I,S){const x=I-F,p=S-k;c.style.left=parseInt(c.style.left)+x+"px",c.style.top=parseInt(c.style.top)+p+"px",F=I,k=S}function C(I){const{left:S,top:x}=I.getBoundingClientRect(),p=I.cloneNode(!0);return p.style.cssText=`
|
|
1
|
+
(function(P,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../../designer/button-edit/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../../designer/button-edit/index.umd.js","../designer-canvas/index.umd.js","../property-panel/index.umd.js"],t):(P=typeof globalThis<"u"?globalThis:P||self,t(P.order={},P.Vue,P.dynamicResolver,P.common,P.dataView,P.locale,P.checkbox,P.FButtonEdit,P.LodashES,P.FListView$1,P.FButtonEditDesign,P.designerCanvas,P.propertyPanel))})(this,function(P,t,_,A,j,X,Y,se,de,ce,ue,ee,fe){"use strict";const me=new Map([["appearance",_.resolveAppearance]]),ge={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/order.schema.json",title:"order",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a order",type:"string"},type:{description:"The type string of order component",type:"string",default:"order"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""}},required:["id","type"]};function he(e,n,i){return n}const pe={title:"order",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},z={dataSource:{type:Array,default:[]},items:{type:Array,default:[]}},J=_.createPropsResolver(z,ge,me,he,pe),ye={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:e=>typeof e=="string"||typeof e=="function"},itemStyle:{type:[String,Function],default:"",validator:e=>typeof e=="string"||typeof e=="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 ve(e,n){function i(a){const r=[];let f=a.nextNode();for(;f;)r.push(f),f=a.nextNode();return r}function l(a,r){const f=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return i(f).map(v=>({textNode:v,text:(v.textContent||"").toLocaleLowerCase()})).map(({textNode:v,text:m})=>{const g=[];let T=0;for(;T<m.length;){const c=m.indexOf(r,T);if(c===-1)break;g.push(c),T=c+r.length}return g.map(c=>{const o=new Range;return o.setStart(v,c),o.setEnd(v,c+r.length),o})}).flat()}function u(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!n))return;const r=l(n.value,a.toLocaleLowerCase()),f=new Highlight(...r);CSS.highlights.set("search-result",f)}return{search:u}}function te(e,n,i,l,u,a,r,f,S,y){const I=t.ref(e.size),v=t.ref(e.textField),m=t.ref(e.titleField),g=t.ref(e.disableField),T=t.computed(()=>{var p,N;return((p=e.selection)==null?void 0:p.multiSelect)&&((N=e.selection)==null?void 0:N.showCheckbox)}),{onMouseenterItem:c,onMouseoverItem:o,onMouseoutItem:b}=a,{getKey:s,listViewItemClass:d,listViewItemStyle:V,onCheckItem:k,onClickItem:F}=r,w=t.computed(()=>{const p={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return e.itemClass?p:{margin:I.value==="small"?"0.25rem 0":"8px 0",...p}});function x(p,N,$){return p.checked=f.findIndexInSelectedItems(p)>-1,t.createVNode("li",{class:d(p,N),id:s(p,N),key:s(p,N),style:V(p,N),onClick:L=>F(p,N,L),onMouseenter:L=>c(L,p,N),onMouseover:L=>o(L,p,N),onMouseout:L=>b(L,p,N)},[T.value&&t.createVNode("div",{class:"f-list-select",onClick:L=>L.stopPropagation()},[t.createVNode(Y.FCheckbox,{id:"list-"+s(p,N),customClass:"listview-checkbox float-left",disabled:p[g.value],checked:p.checked,"onUpdate:checked":L=>p.checked=L,onChange:L=>{k(p,N,!L.checked)}},null)]),t.createVNode("div",{class:"f-list-content"},[t.createVNode("div",{class:e.itemContentClass,style:w.value,title:p.raw[m.value]||p.raw[v.value]},[p.raw[v.value]])])])}return{renderItem:x}}function Ce(e,n,i,l,u,a,r,f,S,y){const I=t.ref(e.multiSelect),v=t.ref(e.disableField),m=t.ref(e.textField),{onMouseenterItem:g,onMouseoverItem:T,onMouseoutItem:c}=a,{getKey:o,listViewItemClass:b,listViewItemStyle:s,onCheckItem:d,onClickItem:V}=r;function k(w,x,p){return e.contentTemplate?t.createVNode(t.Fragment,null,[e.contentTemplate({item:w.raw,index:x,selectedItem:p})]):n.slots.content?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.content({item:w.raw,index:x,selectedItem:p})]):t.createVNode("div",{style:"margin: 10px 0;"},[w.raw[m.value||"name"]])}function F(w,x,p){return t.createVNode("li",{class:b(w,x),id:o(w,x),key:o(w,x),style:s(w,x),onClick:N=>V(w,x,N),onMouseenter:N=>g(N,w,x),onMouseover:N=>T(N,w,x),onMouseout:N=>c(N,w,x)},[I.value&&t.createVNode("div",{class:"f-list-select",onClick:N=>N.stopPropagation()},[t.createVNode(Y.FCheckbox,{id:"list-"+o(w,x),customClass:"listview-checkbox",disabled:w[v.value],checked:w.checked,"onUpdate:checked":N=>w.checked=N,onChange:N=>d(w,x,!N.checked)},null)]),t.createVNode("div",{class:"f-list-content"},[k(w,x,p)])])}return{renderItem:F}}function be(e,n,i,l,u,a,r,f,S,y){const I=t.ref(e.multiSelect),v=t.ref(e.disableField),m=t.ref(e.textField),{onMouseenterItem:g,onMouseoverItem:T,onMouseoutItem:c}=a,{getKey:o,listViewItemClass:b,onCheckItem:s,onClickItem:d}=r,{dragstart:V,dragenter:k,dragover:F,dragend:w}=l,{removeItem:x}=S,p=t.computed(()=>({margin:I.value?"10px 0":"10px 0px 10px 14px"}));function N(h,C=""){const R=h.target;R.title=R.scrollWidth>R.clientWidth?C:""}function $(h){return t.createVNode("div",{style:p.value,onMouseenter:C=>N(C,h.raw[m.value||"name"])},[h.raw[m.value||"name"]])}function L(){return n.slots.itemContent?n.slots.itemContent:$}const E=L();function M(h,C,R){return t.createVNode("li",{class:b(h,C),id:o(h,C),key:o(h,C),onClick:O=>d(h,C,O),onMouseenter:O=>g(O,h,C),onMouseover:O=>T(O,h,C),onMouseout:O=>c(O,h,C),draggable:"true",onDragstart:O=>V(O,h,C),onDragenter:O=>k(O,C),onDragend:O=>w(O,h),onDragover:O=>F(O)},[I.value&&t.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[t.createVNode(Y.FCheckbox,{id:"list-"+o(h,C),customClass:"listview-checkbox",disabled:h[v.value]||!h.checked,checked:h.checked,"onUpdate:checked":O=>h.checked=O,onChange:O=>s(h,C,!O.checked)},null)]),t.createVNode("div",{class:"f-list-content"},[E(h)]),t.createVNode("div",{class:"f-list-remove",onClick:O=>{O.stopPropagation(),x(C)}},[t.createVNode("div",{class:"f-list-remove-icon"},[t.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),t.createVNode("div",{class:"f-list-handle"},[t.createVNode("div",null,[t.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:M}}function Se(e,n,i,l,u,a,r,f,S,y){var o;const I=t.ref(((o=e.group)==null?void 0:o.groupFields)||[]),{collpaseGroupIconClass:v}=u,{toggleGroupRow:m}=y;function g(b,s){s.collapse=!s.collapse,i.value=m(s.collapse?"collapse":"expand",s,i.value)}function T(b,s,d){return n.slots.group?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.group({item:b.raw,index:s,selectedItem:d})]):t.createVNode("div",{class:"f-navlookup-recentHeader",onClick:V=>g(V,b)},[t.createVNode("div",{class:"fv-grid-group-row-icon"},[t.createVNode("span",{class:v(b)},null)]),t.createVNode("div",{class:"f-navlookup-recommandLabel"},[b.raw[I.value[b.layer]]])])}function c(b,s,d){return b.layer>-1&&T(b,s,d)}return{renderItem:c}}function we(e,n,i,l){const{dataView:u}=i,{updateSelectedItems:a}=l;function r(f){if(f>-1&&f<u.value.length){if(e!=null&&e.checkBeforeRemoveItem&&!e.checkBeforeRemoveItem(u.value[f]))return;const S=u.value.splice(f,1);a(),n.emit("removeItem",S[0])}}return{removeItem:r}}function Fe(e,n,i,l,u,a,r,f,S,y){const I=t.ref(e.view),v=t.ref(e.view==="CardView"),m=t.ref({}),g=we(e,n,l,S),T=t.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":e.multiSelect,"d-flex":v.value,"flex-wrap":v.value})),c=t.computed(()=>!!i.value&&i.value.length>0),o=t.computed(()=>i.value.length===0);t.computed(()=>o.value&&!n.slots.empty);function b(){return I.value==="SingleView"?te:I.value==="DraggableView"?be:(I.value==="ContentView"||I.value==="CardView")&&(e.contentTemplate||n.slots.content)?Ce:te}const s=b(),{renderItem:d}=s(e,n,i,y,u,a,S,r,g,f),{renderItem:V}=Se(e,n,i,y,u,a,S,r,g,f),k=[d,V];function F(){return i.value.filter(p=>p.visible!==!1).map((p,N)=>k[p.type](p,N,m))}function w(){return t.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[t.createVNode("p",{class:"f-empty-title"},[e.emptyTemplate?e.emptyTemplate():n.slots.empty?n.slots.empty():X.LocaleService.getLocaleValue("listView.emptyMessage")])])}function x(){return t.createVNode("ul",{class:T.value,style:"list-style: none;"},[c.value&&F(),o.value&&w()])}return{renderListArea:x}}function Ve(e,n,i){function l(){return n.slots.header&&t.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:l}}function ne(e,n,i){const l=t.ref(e.headerClass),u=t.ref(e.placeholder),a=t.ref(""),r=t.computed(()=>!a.value),f=t.computed(()=>!!a.value);function S(m){a.value=""}t.watch(a,m=>{e.enableHighlightSearch&&i.search(m),n.emit("afterSearch",m)});const y=t.computed(()=>{const m={"form-group":!0,"farris-form-group":!0};return l.value&&l.value.split(" ").reduce((T,c)=>(T[c]=!0,T),m),m});function I(m){}function v(){return t.createVNode("div",{class:"f-list-view-header",onClick:t.withModifiers(()=>I,["prevent","stop"])},[t.createVNode("div",{class:y.value},[t.createVNode("div",{class:"farris-input-wrap"},[t.createVNode("div",{class:"f-cmp-inputgroup"},[t.createVNode("div",{class:"input-group f-state-editable"},[t.withDirectives(t.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":m=>a.value=m,name:"input-group-value",type:"text",placeholder:u.value,autocomplete:"off"},null),[[t.vModelText,a.value]]),t.createVNode("div",{class:"input-group-append"},[f.value&&t.createVNode("span",{class:"input-group-text input-group-clear",onClick:m=>S()},[t.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),r.value&&t.createVNode("span",{class:"input-group-text"},[t.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:v}}function Ie(){const e=t.ref(""),n=t.ref(-1),i=t.ref(""),l=t.ref(-1),u=t.ref(!1);function a(v,m,g){l.value=g}function r(v,m,g){u.value||(l.value=g)}function f(v,m,g){l.value=-1}function S(){u.value=!0}function y(){u.value=!1}function I(){n.value=-1,e.value=""}return{activeIndex:n,focusedItemId:i,hoverIndex:l,clearActiveItem:I,onMouseenterItem:a,onMouseoverItem:r,onMouseoutItem:f,resumeHover:y,suspendHover:S}}function ke(e,n,i,l){const u=t.ref(e.idField),{dataView:a}=i,r=t.ref(-1),f=t.ref(!1),{activeIndex:S,focusedItemId:y,hoverIndex:I,resumeHover:v,suspendHover:m}=l;let g,T=0,c=0;function o(F,w){const x=F-T,p=w-c;g.style.left=parseInt(g.style.left)+x+"px",g.style.top=parseInt(g.style.top)+p+"px",T=F,c=w}function b(F){const{left:w,top:x}=F.getBoundingClientRect(),p=F.cloneNode(!0);return p.style.cssText=`
|
|
2
2
|
position:absolute;
|
|
3
|
-
left:${
|
|
3
|
+
left:${w}px;
|
|
4
4
|
top:${document.documentElement.scrollTop?x+document.documentElement.scrollTop:x}px;
|
|
5
5
|
z-index: 999999;
|
|
6
6
|
border: 1px solid #e2e3e5;
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
align-items: center;
|
|
13
13
|
float: none;
|
|
14
14
|
text-align: initial;
|
|
15
|
-
width:${getComputedStyle(
|
|
16
|
-
height:${getComputedStyle(
|
|
15
|
+
width:${getComputedStyle(F).width};
|
|
16
|
+
height:${getComputedStyle(F).height};
|
|
17
17
|
`,p.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",p.children[0].children[0].style.cssText=`
|
|
18
18
|
margin: 10px 0px 10px 14px;
|
|
19
19
|
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
|
|
20
|
-
`,p.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",p.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(p),p}function m(I,S,x){if(I.stopPropagation(),o(),S){if(c=C(I.target),I.dataTransfer){const p=new Image;p.src="",I.dataTransfer.setDragImage(p,0,0)}F=I.pageX,k=I.pageY,setTimeout(()=>{s.value=x,f.value=!0,S.moving=!0})}}function d(I,S){if(I.preventDefault(),s.value!==S){const x=a.value[s.value],p=a.value;p.splice(s.value,1),p.splice(S,0,x),s.value=S,g(I.pageX,I.pageY)}}function V(I){I.preventDefault(),I.dataTransfer&&(I.dataTransfer.dropEffect="move"),g(I.pageX,I.pageY)}function O(I,S){S&&(S.moving=!1,c&&(document.body.removeChild(c),c=null)),a.value.forEach((x,p)=>{x.__fv_index__=p}),f.value=!1,r(),w.value=S.raw.__fv_index__,v.value=S.raw.__fv_index__,b.value=S.raw[u.value],n.emit("change",a.value),n.emit("activeChange",[S.raw])}return{dragstart:m,dragenter:d,dragover:V,dragend:O,isDragging:f}}function xe(e,n,i,l,u,a){const s=t.ref(e.idField),f=t.ref(e.disableField),v=t.ref(e.draggable);t.ref(e.itemClass);const b=t.ref(e.selection.multiSelect??!1),w=t.ref(e.selection.multiSelectMode),{isDragging:r}=l,{activeIndex:o,focusedItemId:c,hoverIndex:F}=u,{clearSelection:k,getSelectedItems:g,toggleSelectItem:C,currentSelectedDataId:m}=a,d=t.ref(g()),V=B=>d.value.length===0?!1:d.value.some(h=>{let y="";return h.data?y=h.data[s.value]:y=h[s.value],y===B});function O(){d.value=g()}function I(B,h){return B.raw[s.value]!=null?B.raw[s.value]:""}function S(B,h){const y={"f-list-view-group-item":!0,"f-list-view-draggable-item":v.value,"f-un-click":!B.checked,"f-un-select":!!B.raw[f.value],"f-listview-active":b.value&&V(I(B))||!b.value&&B.raw[s.value]===m.value,"f-listview-hover":!r.value&&h===F.value,moving:!!B.moving};if(typeof e.itemClass=="string")return E.getCustomClass(y,e.itemClass);if(typeof e.itemClass=="function"){const N=e.itemClass(B);return E.getCustomClass(y,N)}return y}function x(B,h){const y=b.value&&V(I(B))||!b.value&&B.raw[s.value]===m.value,N={};if(y&&(N.backgroundColor="#dae9ff"),typeof e.itemStyle=="string")return E.getCustomStyle(N,e.itemStyle);if(typeof e.itemStyle=="function"){const M=e.itemStyle(B);return E.getCustomStyle(N,M)}return N}const p=t.computed(()=>!b.value);function T(B,h,y){B.checked=y,!B.raw[f.value]&&(p.value&&(c.value=B.raw[s.value]),C(B))}const $=t.computed(()=>b.value&&w.value==="OnCheckClearByClick"),j=t.computed(()=>!b.value||b.value&&(w.value==="OnCheckAndClick"||w.value==="OnClick"));function H(B,h,y){if(B.raw[f.value]){y==null||y.preventDefault(),y==null||y.stopPropagation();return}c.value=B.raw[s.value],o.value=h,$.value&&k(),j.value&&(C(B),O()),n.emit("clickItem",{data:d.value,index:h,dataItem:B.raw}),n.emit("activeChange",d.value)}return{getKey:I,selectedItems:d,listViewItemClass:S,listViewItemStyle:x,updateSelectedItems:O,onCheckItem:T,onClickItem:H}}const ie=t.defineComponent({name:"FListView",props:ye,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(e,n){const i=t.ref(),l=t.ref(!0),u=t.ref(!1),a=t.ref([]),s=0,f=t.ref(e.columns),v=L.useFilter(e,n),b=L.useIdentify(e),w=L.useHierarchy(e),r=L.useGroupData(e,b),o=L.useDataView(e,new Map,v,w,b),c=L.useSelection(e,o,b,a,n),F=ve(e,i),k=L.usePagination(e,o),g=t.computed(()=>o.dataView.value.length),C=L.useRow(e,n,c,b),m=L.useEdit(e,n,b,C,a),d=L.useVisualDataBound(e),V=L.useVisualDataCell(e,{},d),O=L.useVisualDataRow(e,o,m,w,b,d,V),I=L.useVisualGroupRow(e,b,V,O),S=L.useVisualSummaryRow(e,b,V,O),x=L.useVisualData(e,f,o,g,s,O,I,S),{getVisualData:p}=x;a.value=p(0,g.value+s-1);const T=t.computed(()=>{const R={"f-list-view":!0,"f-list-view-multiple":e.multiSelect};return e.size!=="default"&&(R[`${e.size}-item`]=!0),E.getCustomClass(R,e.customClass)}),$=t.computed(()=>!!n.slots.footer||l.value);function j(){return e.header==="SearchBar"?ne:e.header==="ContentHeader"?Ve:ne}const H=j(),{renderHeader:B}=H(e,n,F),h=Ie(),y=ke(e,n,o,h),N=xe(e,n,a,y,h,c),{renderListArea:M}=Fe(e,n,a,o,r,h,c,x,N,y);function q(R){F.search(R)}function Ue(R){R&&(o.load(R),a.value=p(0,g.value+s-1))}function De(){c.clearSelection(),h.clearActiveItem()}function We(){return N.selectedItems.value}function Ke(){return N.selectedItems.value.map(R=>R[b.idField.value])}function re(R){c.selectedValues.value=R,N.updateSelectedItems()}function Xe(){return c.currentSelectedDataId.value}function Ye(R){C.activeRowById(R)}function Je(R){const A=b.idField.value,G=a.value.find(Z=>Z.raw[A]===R),K=a.value.findIndex(Z=>Z.raw[A]===R);G&&K>-1&&N.onClickItem(G,K)}function Qe(R){const A=b.idField.value,G=a.value.find(K=>K.raw[A]===R);G&&C.changeRow(G)}function Ze(R){k.updatePagination(R)}function et(R){return a.value.filter(A=>R.includes(A.raw[e.idField]))}n.expose({search:q,updateDataSource:Ue,clearSelection:De,getSelections:We,updateSelectionByIds:re,getSelectionIds:Ke,activeRowById:Ye,getCurrentRowId:Xe,clickRowItemById:Je,updatePagination:Ze,getVisibleDataByIds:et,selectRowById:Qe});function tt(R){e.multiSelect&&(R.preventDefault(),R.stopPropagation())}t.watch(()=>e.selectionValues,(R,A)=>{R!==A&&re(R)});const nt=L.useSidebar(e,c),{sidebarWidth:it,showSidebarCheckBox:kt}=nt,lt=L.useColumn(e,n),{applyColumnSorter:xt,columnContext:ot,updateColumnRenderContext:Tt}=lt,at=L.useVirtualScroll(e,o,a,ot,x,g,s,it,m),{shouldRenderPagination:Nt}=k,{renderDataGridPagination:Ot}=L.getPagination(e,n,o,at,k,c);return()=>t.createVNode("div",{class:T.value,onClick:tt},[B(),t.createVNode("div",{ref:i,class:"f-list-view-content",onMouseover:()=>{u.value=!0},onMouseleave:()=>{u.value=!1}},[M()]),$.value&&t.createVNode("div",{class:"f-list-view-footer"},[e.footerTemplate?e.footerTemplate():n.slots.footer&&n.slots.footer()])])}}),Te={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"middle"},icon:{type:String},customClass:{type:Object,default:{}}};function Ne(e,n){function i(l){l.stopPropagation(),e.disabled||n.emit("click",l)}return{onClickButton:i}}function Oe(e){const n=t.computed(()=>{const l={"f-icon":!0};if(e.icon){const u=e.icon.trim().split(" ");u&&u.length&&u.reduce((a,s)=>(a[s]=!0,a),l)}return l}),i=t.computed(()=>!!(e.icon&&e.icon.trim()));return{iconClass:n,shouldShowIcon:i}}const le=t.defineComponent({name:"FButton",props:Te,emits:["click"],setup(e,n){const{onClickButton:i}=Ne(e,n),{iconClass:l,shouldShowIcon:u}=Oe(e),a=t.computed(()=>{const s={btn:!0,"btn-lg":e.size==="large","btn-md":e.size!=="large"&&e.size!=="small","btn-sm":e.size==="small","btn-icontext":u.value};return s[`btn-${e.type}`]=!0,e.customClass&&Object.keys(e.customClass).reduce((f,v)=>(f[v]=e.customClass[v],f),s),s});return()=>t.createVNode("button",{class:a.value,disabled:e.disabled,onClick:s=>i(s)},[u.value&&t.createVNode("i",{class:l.value},null),n.slots.default&&n.slots.default()])}}),Me=new Map([["appearance",_.resolveAppearance]]),Be={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},enableClear:{description:"",type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!1},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:"请选择"},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},dataSourceType:{description:"",type:"string",default:"static"},data:{description:"",type:"array"},remote:{description:"",type:"string"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},multiSelect:{description:"",type:"boolean",default:!1},maxLength:{description:"",type:"number",default:null},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""},maxHeight:{description:"",type:"number",default:350},minPanelWidth:{description:"",type:"number",default:160},popupOnClick:{description:"",type:"boolean",default:!0},separator:{description:"",type:"string",default:","},viewType:{description:"",type:"string",default:"tag"},enableSearch:{description:"启用搜索",type:"boolean",default:!0},enableHighlightSearch:{description:"启用高亮搜索",type:"boolean",default:!1},beforeOpen:{description:"打卡面板前回调",type:"string"},onChange:{description:"值变化事件",type:"string",default:""},onInput:{description:"输入事件",type:"string",default:""},onClear:{description:"清空事件",type:"string",default:""}},required:["type"],ignore:["id","appearance","binding","visible"]};function Re(e,n,i){return n}function Pe(){function e(n,i,l){const u={};return u.beforeOpen=a=>i.call("beforeOpen",n,[a,n],l),u}return{resolve:e}}const Q={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-chevron-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String,default:"请选择"},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},load:{type:Function},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0},minPanelWidth:{type:Number,default:160},popupOnClick:{type:Boolean,default:!0}},je=Object.assign({},Q,{readonly:{}}),oe=_.createPropsResolver(Q,Be,Me,Re),Le=Pe(),$e={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},He=t.defineComponent({name:"FComboListContainer",props:$e,emits:["selectionChange"],setup(e,n){const i=t.ref(),l=t.ref(e.dataSource),u=t.ref([]),a=t.ref(e.separator),s=t.ref(e.width),f=t.ref(e.maxHeight),v=t.ref(String(e.selectedValues).split(a.value)),b=t.computed(()=>e.multiSelect),w=t.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:b.value,showSelectAll:!1,showSelection:!0}));t.watch(e.dataSource,()=>{l.value=e.dataSource}),t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const r=t.computed(()=>{const g={};return s.value!==void 0&&(g.width=`${s.value}px`),f.value!==void 0&&f.value>0&&(g.maxHeight=`${f.value}px`),g});function o(g){i.value.search(g)}function c(g){u.value=g.map(C=>Object.assign({},C)),v.value=g.map(C=>C[e.idField]),n.emit("selectionChange",u.value)}function F(g){if(e.enableHighlightSearch)return;let C=[];const{searchOption:m}=e;typeof m=="function"?C=l.value.filter(d=>m(g,d)):C=l.value.filter(d=>d[e.valueField].indexOf(g)>-1||d[e.textField].indexOf(g)>-1),i.value.updateDataSource(C)}t.watch([()=>e.selectedValues],([g])=>{e.multiSelect?v.value=g.split(a.value):v.value=[g]});function k(g){i.value.activeRowById(g)}return t.onMounted(()=>{var g,C;if(!e.multiSelect){const m=(g=v.value)==null?void 0:g[0];let d=m;if(!de.isUndefined(m)){const V=typeof m,O=typeof((C=l.value[0])==null?void 0:C[e.valueField||e.idField]);O==="number"&&V!==O&&(d=Number(m)),O==="boolean"&&V!==O&&(d=m==="true"?!0:m==="false"?!1:m),k(d)}}}),n.expose({search:o,activeRowById:k}),()=>t.createVNode("div",{class:"f-combo-list-container",style:r.value},[t.createVNode(ce,{ref:i,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:l.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:w.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:v.value,onSelectionUpdate:c,onAfterSearch:F},null)])}});function Ae(e){const n=t.ref(""),i=t.ref(e.modelValue),l=t.ref(e.data||[]),u=t.ref(e.editable);function a(r){const o=e.multiSelect?String(r).split(e.separator):[String(r)],c=o.map(g=>[g,!0]),F=new Map(c);return l.value.filter(g=>F.has(String(g[e.valueField]))).sort((g,C)=>{const m=o.indexOf(g[e.valueField]),d=o.indexOf(C[e.valueField]);return m-d})}function s(r){const o=a(r).map(c=>c[e.textField]).join(e.separator);n.value=u.value?o||r:o}function f(r){if(e.multiSelect){const o=r.split(e.separator).map(F=>[F,!0]),c=new Map(o);return l.value.filter(F=>c.has(F[e.textField]))}return l.value.filter(o=>""+o[e.textField]===r)}function v(r){const o={};return o[e.idField]=r,o[e.textField]=r,[o]}function b(r){let o=f(r);const c=o&&o.length>0;return u.value&&!c&&(o=v(r)),o}function w(){const{url:r,method:o="GET",headers:c={"Content-Type":"application/json;charset=utf-8;"},body:F=null}=e.remote;if(!r)return;const k=o.toLowerCase()==="get"?{method:o,headers:c}:{method:o,headers:c,body:F};let g=!1;fetch(new Request(r,k)).then(C=>{var d,V;if(C.status===200)return g=!!((V=(d=C.headers)==null?void 0:d.get("content-type"))!=null&&V.includes("application/json")),g?C.text():C.json();throw C.status===405?new Error(X.LocaleService.getLocaleValue("comboList.remoteError")):new Error(C.statusText)}).then(C=>{C.length&&(l.value=g?JSON.parse(C):C)}).catch(C=>{console.warn(C)})}return e.remote&&(e.load?e.load().then(r=>{l.value=r}).catch(r=>{console.log(r)}):w()),t.watch(()=>e.data,()=>{l.value=e.data}),t.watch([l],([r])=>{if(e.modelValue!=null){const o=r.find(c=>c[e.valueField]===e.modelValue);o&&(n.value=o[e.textField])}}),t.watch(()=>e.modelValue,r=>{i.value=r,s(r)}),s(e.modelValue),{dataSource:l,displayText:n,editable:u,modelValue:i,getItemsByDisplayText:f,getItemsByValue:a,getSelectedItemsByDisplayText:b}}const U=t.defineComponent({name:"FComboList",props:Q,emits:["clear","update:modelValue","change","input"],setup(e,n){const i=t.ref(),l=t.ref(),u=t.ref(e.disabled||e.readonly),a=t.ref(e.enableClear),s=t.ref(e.enableSearch),f=t.ref(e.readonly),{dataSource:v,displayText:b,editable:w,modelValue:r,getItemsByDisplayText:o,getItemsByValue:c}=Ae(e),F=t.ref(e.dropDownIcon);F.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(F.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const k=t.computed(()=>e.multiSelect),g=t.computed(()=>l.value?l.value.elementRef.getBoundingClientRect().width:0);function C(){!k.value&&l.value&&l.value.hidePopup()}function m(h){b.value=h.map(N=>N[e.textField]).join(e.separator);let y="";h.length===1?y=h[0][e.valueField]:y=h.map(N=>N[e.valueField]).join(e.separator),r.value!==y&&(r.value=y,n.emit("update:modelValue",r.value),n.emit("change",h,r.value))}function d(){const h=c(r.value);m(h)}function V(){f.value||b.value}function O(h){var y;r.value="",(y=i.value)==null||y.activeRowById(""),n.emit("update:modelValue",""),n.emit("change",[],""),n.emit("clear")}function I(h){var y,N;e.enableSearch&&e.enableHighlightSearch&&((y=i.value)==null||y.search(h)),(N=i.value)==null||N.activeRowById(h),n.emit("change",[r.value],r.value)}function S(h){if(e.multiSelect){const y=o(h);e.viewType;const M=y.map(q=>q[e.idField||e.valueField]).join(e.separator);r.value!==M&&(r.value=M,n.emit("update:modelValue",r.value),n.emit("change",y,r.value))}}function x(){return b.value}function p(h){const{value:y}=h.target;I(y),n.emit("input",y)}function T(){l.value.hidePopup()}function $(h){v.value=h}function j(){return v.value}const H={getDisplayText:x,hidePopup:T,updateDataSource:$,getData:j};n.expose(H);function B(h){const y=typeof e.beforeOpen=="function";return!e.beforeOpen||!y?Promise.resolve(!0):Promise.resolve().then(()=>e.beforeOpen({instance:H})).then(N=>typeof(N==null?void 0:N.canOpen)=="boolean"?N==null?void 0:N.canOpen:!0)}return t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([h,y,N,M,q])=>{u.value=h,w.value=y,a.value=N,s.value=M,f.value=q}),()=>t.createVNode(se,{ref:l,id:e.id,disable:u.value,readonly:f.value,forcePlaceholder:e.forcePlaceholder,editable:w.value,buttonContent:F.value,placeholder:e.placeholder==="请选择"?X.LocaleService.getLocaleValue("comboList.placeholder"):e.placeholder,enableClear:a.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:b.value,"onUpdate:modelValue":h=>b.value=h,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:O,onClick:V,onChange:S,onBlur:d,onInput:p,beforeOpen:B,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[t.createVNode(He,{ref:i,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:v.value,selectedValues:r.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:s.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?g.value:void 0,onSelectionChange:h=>{m(h),C()}},null)]})}}),ae={convertFrom:(e,n)=>(e.editor.remote||{})[n],convertTo:(e,n,i)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[n]=i}};class Ee extends fe.InputBaseProperty{constructor(n,i){super(n,i)}getCommonEditorProperties(n){var i,l,u;return{viewType:{visible:!!((i=n.editor)!=null&&i.multiSelect),description:"数据展示类型,有标签和文本两种方式",title:"数据展示类型",type:"enum",editor:{data:[{id:"tag",name:"标签"},{id:"text",name:"文本"}]},refreshPanelAfterChanged:!0},separator:{visible:!!((l=n.editor)!=null&&l.multiSelect)&&((u=n.editor)==null?void 0:u.viewType)==="text",description:"下拉列表启用多选且数据展示类型为文本时的分隔符",title:"分隔符",type:"enum",editor:{data:[{id:",",name:"逗号(,)"},{id:"#",name:"井号(#)"},{id:".",name:"句号(.)"},{id:"|",name:"竖线(|)"}]}},editable:{description:"",title:"允许编辑",type:"boolean",refreshPanelAfterChanged:!0,readonly:!0}}}getEditorProperties(n){var a,s;const i=this;let l="";if(((a=n==null?void 0:n.binding)==null?void 0:a.type)==="Form"){const f=this.schemaService.getFieldByIDAndVMID(n.binding.field,this.viewModelId);(s=f==null?void 0:f.schemaField)!=null&&s.type&&(l=f.schemaField.type.$type)}return i.getComponentConfig(n,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},dataSourceType:{description:"",title:"数据源类型",type:"enum",editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!n.editor.dataSourceType||n.editor.dataSourceType==="static",...i.getItemCollectionEditor(n,n.editor.valueField,n.editor.textField),refreshPanelAfterChanged:!0},url:{visible:n.editor.dataSourceType==="dynamic",$converter:ae,description:"",title:"服务端API",type:"string"},body:{visible:!1,$converter:ae,description:"",title:"服务端API参数",type:"string"},textField:{description:"",title:"数据源显示字段",type:"string",readonly:n.editor.dataSourceType!=="dynamic"},valueField:{description:"",title:"数据源值字段",type:"string",readonly:n.editor.dataSourceType!=="dynamic"},multiSelect:{description:"",title:"启用多选",visible:!l||l==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(n)},(f,v)=>{if(!f||!v.editor)return;const b=this;switch(f.propertyID){case"dataSourceType":{f.propertyValue==="static"?(v.editor.valueField="value",v.editor.textField="name",v.editor.remote=null):f.propertyValue==="dynamic"&&(v.editor.remote={method:"GET"},v.editor.valueField="value",v.editor.textField="name");break}case"data":{!b.checkEnumDataReadonly(v)&&v.formatter&&(v.formatter.data=[...f.propertyValue]);break}case"viewType":f.propertyValue==="tag"&&(v.editor.editable=!1)}})}getGridFieldEdtiorProperties(n,i){var s,f,v,b,w,r;const l=this;let u="";if(((s=n==null?void 0:n.binding)==null?void 0:s.type)==="Form"){const o=this.schemaService.getFieldByIDAndVMID(n.binding.field,this.viewModelId);(f=o==null?void 0:o.schemaField)!=null&&f.type&&(u=o.schemaField.type.$type)}return l.getComponentConfig(n,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},dataSourceType:{description:"",title:"数据源类型",type:"enum",editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!((v=n.editor)!=null&&v.dataSourceType)||((b=n.editor)==null?void 0:b.dataSourceType)==="static",...l.getItemCollectionEditor(n,(w=n.editor)==null?void 0:w.valueField,(r=n.editor)==null?void 0:r.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:u==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(n)},(o,c)=>{if(!o||!c.editor)return;const F=this;switch(o.propertyID){case"dataSourceType":{o.propertyValue==="static"?(c.editor.valueField="value",c.editor.textField="name",c.editor.remote=null):o.propertyValue==="dynamic"&&(c.editor.remote={method:"GET"},c.editor.valueField="value",c.editor.textField="name");break}case"data":{!F.checkEnumDataReadonly(c)&&c.formatter&&(c.formatter.data=[...o.propertyValue]);break}}})}setEditorPropertyRelates(n,i,l){if(!n||!i.editor)return;const u=this;switch(n.propertyID){case"dataSourceType":{n.propertyValue==="static"&&(i.editor.valueField="value",i.editor.textField="name",i.editor.remote={});break}case"data":{!u.checkEnumDataReadonly(i)&&i.formatter&&(i.formatter.data=[...n.propertyValue]);break}}}changeBindingField(n,i,l){var a;super.changeBindingField(n,i);const u=l;n.editor&&((a=u==null?void 0:u.type)==null?void 0:a.$type)===E.FormSchemaEntityFieldType$Type.EnumType&&(n.editor.data=u.type.enumValues||[])}getEventPropertyConfig(n,i="card",l,u){const a=this;let s=[{label:"onChange",name:"值变化事件"},{label:"onClear",name:"清空事件"},{label:"beforeOpen",name:"打开下拉面板前"}];l&&(s=s.concat(l)),this.appendFieldValueChangeEvents(n,s);const f=a.eventsEditorUtils.formProperties(n,a.viewModelId,s);return{title:"事件",hideTitle:!0,properties:a.createBaseEventProperty(f),tabId:"commands",tabName:"交互",setPropertyRelates(w,r){const o=w.propertyValue;delete n[a.viewModelId],o&&(o.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(n,a.viewModelId,o.events,o)),u&&u(w,r,o);const c=a.designViewModelUtils.getDgViewModel(a.viewModelId);c&&a.designViewModelField&&c.changeField(a.designViewModelField.id,{valueChanging:n.fieldValueChanging,valueChanged:n.fieldValueChanged}),n.editor.beforeOpen!==n.beforeOpen&&(n.editor.beforeOpen=n.beforeOpen),n.editor.onChange!==n.onChange&&(n.editor.onChange=n.onChange),n.editor.onClear!==n.onClear&&(n.editor.onClear=n.onClear)}}}}function qe(e,n){const i=e.schema;function l(u,a){return new Ee(u,n).getPropertyConfig(i,a)}return{getPropsConfig:l}}const Ge=t.defineComponent({name:"FComboListDesign",props:je,emits:["clear","update:modelValue","change"],setup(e,n){const i=t.ref(),l=t.inject("designer-host-service"),u=t.inject("design-item-context"),a=qe(u,l),s=ee.useDesignerComponent(i,u,a);return t.onMounted(()=>{i.value.componentInstance=s}),n.expose(s.value),()=>t.createVNode(ue,{ref:i,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});U.register=(e,n,i,l)=>{e["combo-list"]=U,n["combo-list"]=oe,l["combo-list"]={callbackResolver:Le}},U.registerDesigner=(e,n,i)=>{e["combo-list"]=Ge,n["combo-list"]=oe};const D=E.withInstall(U),W=t.defineComponent({name:"FOrder",props:z,emits:["change"],setup(e,n){const i=t.ref(),l=t.ref(e.items);function u(){var d;const m=Array.isArray(e.items)?e.items:[];l.value=[...m],(d=i.value)==null||d.updateDataSource(l.value)}t.watch(()=>e.items,u);const a=t.ref("排序列"),s=t.ref("排序方式"),f=t.ref("添加排序列"),v=[{id:"asc",name:"升序"},{id:"desc",name:"降序"}],b=t.ref(new Map);function w(){const m=l.value.map(d=>[d.id,!0]);b.value=new Map(m)}w();const r=t.computed(()=>e.dataSource.map(m=>(m.disabled=b.value.has(m.id),m))),o=t.computed(()=>({"f-order":!0}));function c(m){l.value=l.value.filter(d=>d.id!==m.id),w(),n.emit("change",l.value)}function F(){l.value=[...l.value,{id:Date.now().toString(),name:"",order:"asc"}],w(),n.emit("change",l.value)}function k(m){if(m&&m.length===1){const d=m[0],V=l.value.find(O=>O.id===d.id);V&&(V.name=d.name)}w(),n.emit("change",l.value)}function g(m){if(m&&m.length){const d=new Map;m.reduce((V,O)=>(V.set(O.id,O),V),d),l.value=m.map(V=>d.get(V.id)),n.emit("change",l.value)}}function C(){return t.createVNode(ie,{ref:i,style:"flex:1",data:l.value,draggable:!0,view:"DraggableView","keep-order":!0,itemClass:"f-order-item",onRemoveItem:c,onChange:g},{header:()=>t.createVNode("div",{class:"f-order-header"},[t.createVNode("span",{class:"f-order-header-order-field"},[a.value]),t.createVNode("span",{class:"f-order-header-order-type"},[s.value])]),itemContent:m=>t.createVNode("div",{class:"f-order-item-content"},[t.createVNode(D,{class:"f-order-item-content-order-field",data:r.value,valueField:"id",textField:"name",idField:"id",modelValue:m.raw.id,"onUpdate:modelValue":d=>m.raw.id=d,onChange:k,onClear:k},null),t.createVNode(D,{class:"f-order-item-content-order-type",data:v,valueField:"id",textField:"name",idField:"id",modelValue:m.raw.order,"onUpdate:modelValue":d=>m.raw.order=d,onChange:k},null)]),footer:()=>t.createVNode("div",{class:"f-order-footer"},[t.createVNode(le,{type:"link",class:"f-order-add-button",onClick:F},{default:()=>t.createVNode(t.Fragment,null,[t.createVNode("span",{class:"f-order-add-icon"},[t.createVNode("i",{class:"f-icon f-icon-add"},null)]),f.value])})])})}return()=>t.createVNode("div",{class:o.value},[C()])}}),_e=t.defineComponent({name:"FOrderDesign",props:z,emits:["change"],setup(e,n){const i=t.ref(e.items),l=t.ref("排序列"),u=t.ref("排序方式"),a=t.ref("添加排序列"),s=[{id:"asc",name:"升序"},{id:"desc",name:"降序"}],f=t.ref(new Map),v=t.ref(),b=t.inject("design-item-context"),w=ee.useDesignerComponent(v,b);t.onMounted(()=>{v.value.componentInstance=w}),n.expose(w.value);function r(){const d=i.value.map(V=>[V.id,!0]);f.value=new Map(d)}r();const o=t.computed(()=>e.dataSource.map(d=>(d.disabled=f.value.has(d.id),d))),c=t.computed(()=>({"f-order":!0}));function F(d){i.value=i.value.filter(V=>V.id!==d.id),r(),n.emit("change",i.value)}function k(){i.value=[...i.value,{id:Date.now().toString(),name:"",order:"asc"}],r(),n.emit("change",i.value)}function g(d){r(),n.emit("change",i.value)}function C(d){if(d&&d.length){const V=new Map;d.reduce((O,I)=>(O.set(I.id,I),O),V),i.value=d.map(O=>V.get(O.id)),n.emit("change",i.value)}}function m(){return t.createVNode(ie,{style:"flex:1",data:i.value,draggable:!0,view:"DraggableView","keep-order":!0,itemClass:"f-order-item",onRemoveItem:F,onChange:C},{header:()=>t.createVNode("div",{class:"f-order-header"},[t.createVNode("span",{class:"f-order-header-order-field"},[l.value]),t.createVNode("span",{class:"f-order-header-order-type"},[u.value])]),itemContent:d=>t.createVNode("div",{class:"f-order-item-content"},[t.createVNode(D,{class:"f-order-item-content-order-field",data:o.value,valueField:"id",textField:"name",idField:"id",modelValue:d.id,"onUpdate:modelValue":V=>d.id=V,onChange:g,onClear:g},null),t.createVNode(D,{class:"f-order-item-content-order-type",data:s,valueField:"id",textField:"name",idField:"id",modelValue:d.order,"onUpdate:modelValue":V=>d.order=V,onChange:g},null)]),footer:()=>t.createVNode("div",{class:"f-order-footer"},[t.createVNode(le,{type:"link",class:"f-order-add-button",onClick:k},{default:()=>t.createVNode(t.Fragment,null,[t.createVNode("span",{class:"f-order-add-icon"},[t.createVNode("i",{class:"f-icon f-icon-add"},null)]),a.value])})])})}return()=>t.createVNode("div",{ref:v,class:c.value},[m()])}}),ze={install(e){e.component(W.name,W)},register(e,n,i,l){e.order=W,n.order=J},registerDesigner(e,n,i){e.order=_e,n.order=J}};P.FOrder=W,P.default=ze,P.orderProps=z,P.propsResolver=J,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
20
|
+
`,p.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",p.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(p),p}function s(F,w,x){if(F.stopPropagation(),m(),w){if(g=b(F.target),F.dataTransfer){const p=new Image;p.src="",F.dataTransfer.setDragImage(p,0,0)}T=F.pageX,c=F.pageY,setTimeout(()=>{r.value=x,f.value=!0,w.moving=!0})}}function d(F,w){if(F.preventDefault(),r.value!==w){const x=a.value[r.value],p=a.value;p.splice(r.value,1),p.splice(w,0,x),r.value=w,o(F.pageX,F.pageY)}}function V(F){F.preventDefault(),F.dataTransfer&&(F.dataTransfer.dropEffect="move"),o(F.pageX,F.pageY)}function k(F,w){w&&(w.moving=!1,g&&(document.body.removeChild(g),g=null)),a.value.forEach((x,p)=>{x.__fv_index__=p}),f.value=!1,v(),I.value=w.raw.__fv_index__,S.value=w.raw.__fv_index__,y.value=w.raw[u.value],n.emit("change",a.value),n.emit("activeChange",[w.raw])}return{dragstart:s,dragenter:d,dragover:V,dragend:k,isDragging:f}}function xe(e,n,i,l,u,a){const r=t.ref(e.idField),f=t.ref(e.disableField),S=t.ref(e.draggable);t.ref(e.itemClass);const y=t.ref(e.selection.multiSelect??!1),I=t.ref(e.selection.multiSelectMode),{isDragging:v}=l,{activeIndex:m,focusedItemId:g,hoverIndex:T}=u,{clearSelection:c,getSelectedItems:o,toggleSelectItem:b,currentSelectedDataId:s}=a,d=t.ref(o()),V=M=>d.value.length===0?!1:d.value.some(h=>{let C="";return h.data?C=h.data[r.value]:C=h[r.value],C===M});function k(){d.value=o()}function F(M,h){return M.raw[r.value]!=null?M.raw[r.value]:""}function w(M,h){const C={"f-list-view-group-item":!0,"f-list-view-draggable-item":S.value,"f-un-click":!M.checked,"f-un-select":!!M.raw[f.value],"f-listview-active":y.value&&V(F(M))||!y.value&&M.raw[r.value]===s.value,"f-listview-hover":!v.value&&h===T.value,moving:!!M.moving};if(typeof e.itemClass=="string")return A.getCustomClass(C,e.itemClass);if(typeof e.itemClass=="function"){const R=e.itemClass(M);return A.getCustomClass(C,R)}return C}function x(M,h){const C=y.value&&V(F(M))||!y.value&&M.raw[r.value]===s.value,R={};if(C&&(R.backgroundColor="#dae9ff"),typeof e.itemStyle=="string")return A.getCustomStyle(R,e.itemStyle);if(typeof e.itemStyle=="function"){const O=e.itemStyle(M);return A.getCustomStyle(R,O)}return R}const p=t.computed(()=>!y.value);function N(M,h,C){M.checked=C,!M.raw[f.value]&&(p.value&&(g.value=M.raw[r.value]),b(M))}const $=t.computed(()=>y.value&&I.value==="OnCheckClearByClick"),L=t.computed(()=>!y.value||y.value&&(I.value==="OnCheckAndClick"||I.value==="OnClick"));function E(M,h,C){if(M.raw[f.value]){C==null||C.preventDefault(),C==null||C.stopPropagation();return}g.value=M.raw[r.value],m.value=h,$.value&&c(),L.value&&(b(M),k()),n.emit("clickItem",{data:d.value,index:h,dataItem:M.raw}),n.emit("activeChange",d.value)}return{getKey:F,selectedItems:d,listViewItemClass:w,listViewItemStyle:x,updateSelectedItems:k,onCheckItem:N,onClickItem:E}}const le=t.defineComponent({name:"FListView",props:ye,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(e,n){const i=t.ref(),l=t.ref(!0),u=t.ref(!1),a=t.ref([]),r=0,f=t.ref(e.columns),S=j.useFilter(e,n),y=j.useIdentify(e),I=j.useHierarchy(e),v=j.useGroupData(e,y),m=j.useDataView(e,new Map,S,I,y),g=j.useSelection(e,m,y,a,n),T=ve(e,i),c=j.usePagination(e,m),o=t.computed(()=>m.dataView.value.length),b=j.useRow(e,n,g,y),s=j.useEdit(e,n,y,b,a),d=j.useVisualDataBound(e),V=j.useVisualDataCell(e,{},d),k=j.useVisualDataRow(e,m,s,I,y,d,V),F=j.useVisualGroupRow(e,y,V,k),w=j.useVisualSummaryRow(e,y,V,k),x=j.useVisualData(e,f,m,o,r,k,F,w),{getVisualData:p}=x;a.value=p(0,o.value+r-1);const N=t.computed(()=>{const B={"f-list-view":!0,"f-list-view-multiple":e.multiSelect};return e.size!=="default"&&(B[`${e.size}-item`]=!0),A.getCustomClass(B,e.customClass)}),$=t.computed(()=>!!n.slots.footer||l.value);function L(){return e.header==="SearchBar"?ne:e.header==="ContentHeader"?Ve:ne}const E=L(),{renderHeader:M}=E(e,n,T),h=Ie(),C=ke(e,n,m,h),R=xe(e,n,a,C,h,g),{renderListArea:O}=Fe(e,n,a,m,v,h,g,x,R,C);function q(B){T.search(B)}function De(B){B&&(m.load(B),a.value=p(0,o.value+r-1))}function Ue(){g.clearSelection(),h.clearActiveItem()}function We(){return R.selectedItems.value}function Ke(){return R.selectedItems.value.map(B=>B[y.idField.value])}function re(B){g.selectedValues.value=B,R.updateSelectedItems()}function Xe(){return g.currentSelectedDataId.value}function Ye(B){b.activeRowById(B)}function Je(B){const H=y.idField.value,G=a.value.find(Z=>Z.raw[H]===B),K=a.value.findIndex(Z=>Z.raw[H]===B);G&&K>-1&&R.onClickItem(G,K)}function Qe(B){const H=y.idField.value,G=a.value.find(K=>K.raw[H]===B);G&&b.changeRow(G)}function Ze(B){c.updatePagination(B)}function et(B){return a.value.filter(H=>B.includes(H.raw[e.idField]))}n.expose({search:q,updateDataSource:De,clearSelection:Ue,getSelections:We,updateSelectionByIds:re,getSelectionIds:Ke,activeRowById:Ye,getCurrentRowId:Xe,clickRowItemById:Je,updatePagination:Ze,getVisibleDataByIds:et,selectRowById:Qe});function tt(B){e.multiSelect&&(B.preventDefault(),B.stopPropagation())}t.watch(()=>e.selectionValues,(B,H)=>{B!==H&&re(B)});const nt=j.useSidebar(e,g),{sidebarWidth:lt,showSidebarCheckBox:kt}=nt,it=j.useColumn(e,n),{applyColumnSorter:xt,columnContext:ot,updateColumnRenderContext:Tt}=it,at=j.useVirtualScroll(e,m,a,ot,x,o,r,lt,s),{shouldRenderPagination:Nt}=c,{renderDataGridPagination:Ot}=j.getPagination(e,n,m,at,c,g);return()=>t.createVNode("div",{class:N.value,onClick:tt},[M(),t.createVNode("div",{ref:i,class:"f-list-view-content",onMouseover:()=>{u.value=!0},onMouseleave:()=>{u.value=!1}},[O()]),$.value&&t.createVNode("div",{class:"f-list-view-footer"},[e.footerTemplate?e.footerTemplate():n.slots.footer&&n.slots.footer()])])}}),Te={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"middle"},icon:{type:String},customClass:{type:Object,default:{}}};function Ne(e,n){function i(l){l.stopPropagation(),e.disabled||n.emit("click",l)}return{onClickButton:i}}function Oe(e){const n=t.computed(()=>{const l={"f-icon":!0};if(e.icon){const u=e.icon.trim().split(" ");u&&u.length&&u.reduce((a,r)=>(a[r]=!0,a),l)}return l}),i=t.computed(()=>!!(e.icon&&e.icon.trim()));return{iconClass:n,shouldShowIcon:i}}const ie=t.defineComponent({name:"FButton",props:Te,emits:["click"],setup(e,n){const{onClickButton:i}=Ne(e,n),{iconClass:l,shouldShowIcon:u}=Oe(e),a=t.computed(()=>{const r={btn:!0,"btn-lg":e.size==="large","btn-md":e.size!=="large"&&e.size!=="small","btn-sm":e.size==="small","btn-icontext":u.value};return r[`btn-${e.type}`]=!0,e.customClass&&Object.keys(e.customClass).reduce((f,S)=>(f[S]=e.customClass[S],f),r),r});return()=>t.createVNode("button",{class:a.value,disabled:e.disabled,onClick:r=>i(r)},[u.value&&t.createVNode("i",{class:l.value},null),n.slots.default&&n.slots.default()])}}),Me=new Map([["appearance",_.resolveAppearance]]),Be={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},enableClear:{description:"",type:"boolean",default:!1},editable:{description:"",type:"boolean",default:!1},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:"请选择"},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},dataSourceType:{description:"",type:"string",default:"static"},data:{description:"",type:"array"},remote:{description:"",type:"string"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},multiSelect:{description:"",type:"boolean",default:!1},maxLength:{description:"",type:"number",default:null},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""},maxHeight:{description:"",type:"number",default:350},minPanelWidth:{description:"",type:"number",default:160},popupOnClick:{description:"",type:"boolean",default:!0},separator:{description:"",type:"string",default:","},viewType:{description:"",type:"string",default:"tag"},enableSearch:{description:"启用搜索",type:"boolean",default:!0},enableHighlightSearch:{description:"启用高亮搜索",type:"boolean",default:!1},beforeOpen:{description:"打卡面板前回调",type:"string"},onChange:{description:"值变化事件",type:"string",default:""},onInput:{description:"输入事件",type:"string",default:""},onClear:{description:"清空事件",type:"string",default:""}},required:["type"],ignore:["id","appearance","binding","visible"]};function Re(e,n,i){return n}function Pe(){function e(n,i,l){const u={};return u.beforeOpen=a=>i.call("beforeOpen",n,[a,n],l),u}return{resolve:e}}const Q={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-chevron-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String,default:"请选择"},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},load:{type:Function},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0},minPanelWidth:{type:Number,default:160},popupOnClick:{type:Boolean,default:!0}},Le=Object.assign({},Q,{readonly:{}}),oe=_.createPropsResolver(Q,Be,Me,Re),je=Pe(),$e={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:[Boolean,Function],default:!1},enableHighlightSearch:{type:Boolean,default:!0}},He=t.defineComponent({name:"FComboListContainer",props:$e,emits:["selectionChange"],setup(e,n){const i=t.ref(),l=t.ref(e.dataSource),u=t.ref([]),a=t.ref(e.separator),r=t.ref(e.width),f=t.ref(e.maxHeight),S=t.computed(()=>e.multiSelect),y=t.ref(e.multiSelect?String(e.selectedValues).split(a.value):[e.selectedValues]),I=t.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:S.value,showSelectAll:!1,showSelection:!0}));t.watch(e.dataSource,()=>{l.value=e.dataSource}),t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const v=t.computed(()=>{const o={};return r.value!==void 0&&(o.width=`${r.value}px`),f.value!==void 0&&f.value>0&&(o.maxHeight=`${f.value}px`),o});function m(o){i.value.search(o)}function g(o){u.value=o.map(b=>Object.assign({},b)),y.value=o.map(b=>b[e.idField]),n.emit("selectionChange",u.value)}function T(o){if(e.enableHighlightSearch)return;let b=[];const{searchOption:s}=e;typeof s=="function"?b=l.value.filter(d=>s(o,d)):b=l.value.filter(d=>d[e.valueField].indexOf(o)>-1||d[e.textField].indexOf(o)>-1),i.value.updateDataSource(b)}t.watch([()=>e.selectedValues],([o])=>{e.multiSelect?y.value=o.split(a.value):y.value=[o]});function c(o){i.value.activeRowById(o)}return t.onMounted(()=>{var o,b;if(!e.multiSelect){const s=(o=y.value)==null?void 0:o[0];let d=s;const V=l.value.map(k=>k[e.valueField||e.idField]);if(!de.isUndefined(s)&&V.includes(s)){const k=typeof s,F=typeof((b=l.value[0])==null?void 0:b[e.valueField||e.idField]);F==="number"&&k!==F&&(d=Number(s)),F==="boolean"&&k!==F&&(d=s==="true"?!0:s==="false"?!1:s),c(d)}}}),n.expose({search:m,activeRowById:c}),()=>t.createVNode("div",{class:"f-combo-list-container",style:v.value},[t.createVNode(ce,{ref:i,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:l.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:I.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:y.value,onSelectionUpdate:g,onAfterSearch:T},null)])}});function Ae(e){const n=t.ref(""),i=t.ref(e.modelValue),l=t.ref(e.data||[]),u=t.ref(e.editable);function a(c){const o=e.multiSelect?String(c).split(e.separator):[String(c)],b=o.map(V=>[V,!0]),s=new Map(b);return l.value.filter(V=>s.has(String(V[e.valueField]))).sort((V,k)=>{const F=o.indexOf(V[e.valueField]),w=o.indexOf(k[e.valueField]);return F-w})}function r(c){const o=a(c).map(b=>b[e.textField]).join(e.separator);n.value=u.value?o||c:o}function f(c){if(e.multiSelect){const o=c.split(e.separator).map(s=>[s,!0]),b=new Map(o);return l.value.filter(s=>b.has(s[e.textField]))}return l.value.filter(o=>""+o[e.textField]===c)}function S(c){const o={};return o[e.idField]=c,o[e.textField]=c,[o]}function y(c){let o=f(c);const b=o&&o.length>0;return u.value&&!b&&(o=S(c)),o}function I(){const{url:c,method:o="GET",headers:b={"Content-Type":"application/json;charset=utf-8;"},body:s=null}=e.remote;if(!c)return;const d=o.toLowerCase()==="get"?{method:o,headers:b}:{method:o,headers:b,body:s};let V=!1;fetch(new Request(c,d)).then(k=>{var w,x;if(k.status===200)return V=!!((x=(w=k.headers)==null?void 0:w.get("content-type"))!=null&&x.includes("application/json")),V?k.text():k.json();throw k.status===405?new Error(X.LocaleService.getLocaleValue("comboList.remoteError")):new Error(k.statusText)}).then(k=>{k.length&&(l.value=V?JSON.parse(k):k)}).catch(k=>{console.warn(k)})}e.remote&&(e.load?e.load().then(c=>{l.value=c}).catch(c=>{console.log(c)}):I()),t.watch(()=>e.data,()=>{l.value=e.data}),t.watch([l],([c])=>{if(e.modelValue!=null){const o=c.find(b=>b[e.valueField]===e.modelValue);o&&(n.value=o[e.textField])}}),t.watch(()=>e.modelValue,c=>{i.value=c,r(c)});function v(c){l.value=c}function m(){return l.value}function g(){return n.value}function T(){const c=typeof e.beforeOpen=="function";return!e.beforeOpen||!c?Promise.resolve(!0):Promise.resolve().then(()=>e.beforeOpen({instance:{updateDataSource:v,getData:m,getDisplayText:g}})).then(o=>typeof(o==null?void 0:o.canOpen)=="boolean"?o==null?void 0:o.canOpen:!0)}return e.beforeOpen?T().then(c=>{c&&r(e.modelValue)}):r(e.modelValue),{dataSource:l,displayText:n,editable:u,modelValue:i,beforeOpenList:T,getItemsByDisplayText:f,getItemsByValue:a,getSelectedItemsByDisplayText:y}}const D=t.defineComponent({name:"FComboList",props:Q,emits:["clear","update:modelValue","change","input"],setup(e,n){const i=t.ref(),l=t.ref(),u=t.ref(e.disabled||e.readonly),a=t.ref(e.enableClear),r=t.ref(e.enableSearch),f=t.ref(e.readonly),{dataSource:S,displayText:y,editable:I,modelValue:v,getItemsByDisplayText:m,getItemsByValue:g,beforeOpenList:T}=Ae(e),c=t.ref(e.dropDownIcon);c.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(c.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const o=t.computed(()=>e.multiSelect),b=t.computed(()=>l.value?l.value.elementRef.getBoundingClientRect().width:0);function s(){!o.value&&l.value&&l.value.hidePopup()}function d(h){y.value=h.map(R=>R[e.textField]).join(e.separator);let C="";h.length===1?C=h[0][e.valueField]:C=h.map(R=>R[e.valueField]).join(e.separator),v.value!==C&&(v.value=C,n.emit("update:modelValue",v.value),n.emit("change",h,v.value))}function V(){const h=g(v.value);d(h)}function k(){f.value||y.value}function F(h){var C;v.value="",(C=i.value)==null||C.activeRowById(""),n.emit("update:modelValue",""),n.emit("change",[],""),n.emit("clear")}function w(h){var C,R;e.enableSearch&&e.enableHighlightSearch&&((C=i.value)==null||C.search(h)),(R=i.value)==null||R.activeRowById(h),n.emit("change",[v.value],v.value)}function x(h){if(e.multiSelect){const C=m(h);e.viewType;const O=C.map(q=>q[e.idField||e.valueField]).join(e.separator);v.value!==O&&(v.value=O,n.emit("update:modelValue",v.value),n.emit("change",C,v.value))}}function p(){return y.value}function N(h){const{value:C}=h.target;w(C),n.emit("input",C)}function $(){l.value.hidePopup()}function L(h){S.value=h}function E(){return S.value}const M={getDisplayText:p,hidePopup:$,updateDataSource:L,getData:E};return n.expose(M),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([h,C,R,O,q])=>{u.value=h,I.value=C,a.value=R,r.value=O,f.value=q}),()=>t.createVNode(se,{ref:l,id:e.id,disable:u.value,readonly:f.value,forcePlaceholder:e.forcePlaceholder,editable:I.value,buttonContent:c.value,placeholder:e.placeholder==="请选择"?X.LocaleService.getLocaleValue("comboList.placeholder"):e.placeholder,enableClear:a.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:y.value,"onUpdate:modelValue":h=>y.value=h,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:F,onClick:k,onChange:x,onBlur:V,onInput:N,beforeOpen:T,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[t.createVNode(He,{ref:i,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:S.value,selectedValues:v.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?b.value:void 0,onSelectionChange:h=>{d(h),s()}},null)]})}}),ae={convertFrom:(e,n)=>(e.editor.remote||{})[n],convertTo:(e,n,i)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[n]=i}};class Ee extends fe.InputBaseProperty{constructor(n,i){super(n,i)}getCommonEditorProperties(n){var i,l,u;return{viewType:{visible:!!((i=n.editor)!=null&&i.multiSelect),description:"数据展示类型,有标签和文本两种方式",title:"数据展示类型",type:"enum",editor:{data:[{id:"tag",name:"标签"},{id:"text",name:"文本"}]},refreshPanelAfterChanged:!0},separator:{visible:!!((l=n.editor)!=null&&l.multiSelect)&&((u=n.editor)==null?void 0:u.viewType)==="text",description:"下拉列表启用多选且数据展示类型为文本时的分隔符",title:"分隔符",type:"enum",editor:{data:[{id:",",name:"逗号(,)"},{id:"#",name:"井号(#)"},{id:".",name:"句号(.)"},{id:"|",name:"竖线(|)"}]}},editable:{description:"",title:"允许编辑",type:"boolean",refreshPanelAfterChanged:!0,readonly:!0}}}getEditorProperties(n){var a,r;const i=this;let l="";if(((a=n==null?void 0:n.binding)==null?void 0:a.type)==="Form"){const f=this.schemaService.getFieldByIDAndVMID(n.binding.field,this.viewModelId);(r=f==null?void 0:f.schemaField)!=null&&r.type&&(l=f.schemaField.type.$type)}return i.getComponentConfig(n,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},dataSourceType:{description:"",title:"数据源类型",type:"enum",editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!n.editor.dataSourceType||n.editor.dataSourceType==="static",...i.getItemCollectionEditor(n,n.editor.valueField,n.editor.textField),refreshPanelAfterChanged:!0},url:{visible:n.editor.dataSourceType==="dynamic",$converter:ae,description:"",title:"服务端API",type:"string"},body:{visible:!1,$converter:ae,description:"",title:"服务端API参数",type:"string"},textField:{description:"",title:"数据源显示字段",type:"string",readonly:n.editor.dataSourceType!=="dynamic"},valueField:{description:"",title:"数据源值字段",type:"string",readonly:n.editor.dataSourceType!=="dynamic"},multiSelect:{description:"",title:"启用多选",visible:!l||l==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(n)},(f,S)=>{if(!f||!S.editor)return;const y=this;switch(f.propertyID){case"dataSourceType":{f.propertyValue==="static"?(S.editor.valueField="value",S.editor.textField="name",S.editor.remote=null):f.propertyValue==="dynamic"&&(S.editor.remote={method:"GET"},S.editor.valueField="value",S.editor.textField="name");break}case"data":{!y.checkEnumDataReadonly(S)&&S.formatter&&(S.formatter.data=[...f.propertyValue]);break}case"viewType":f.propertyValue==="tag"&&(S.editor.editable=!1)}})}getGridFieldEdtiorProperties(n,i){var r,f,S,y,I,v;const l=this;let u="";if(((r=n==null?void 0:n.binding)==null?void 0:r.type)==="Form"){const m=this.schemaService.getFieldByIDAndVMID(n.binding.field,this.viewModelId);(f=m==null?void 0:m.schemaField)!=null&&f.type&&(u=m.schemaField.type.$type)}return l.getComponentConfig(n,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},data:{description:"",title:"数据",type:"array",visible:!((S=n.editor)!=null&&S.dataSourceType)||((y=n.editor)==null?void 0:y.dataSourceType)==="static",...l.getItemCollectionEditor(n,(I=n.editor)==null?void 0:I.valueField,(v=n.editor)==null?void 0:v.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:u==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(n)},(m,g)=>{if(!m||!g.editor)return;const T=this;switch(m.propertyID){case"dataSourceType":{m.propertyValue==="static"?(g.editor.valueField="value",g.editor.textField="name",g.editor.remote=null):m.propertyValue==="dynamic"&&(g.editor.remote={method:"GET"},g.editor.valueField="value",g.editor.textField="name");break}case"data":{!T.checkEnumDataReadonly(g)&&g.formatter&&(g.formatter.data=[...m.propertyValue]);break}}})}setEditorPropertyRelates(n,i,l){if(!n||!i.editor)return;const u=this;switch(n.propertyID){case"dataSourceType":{n.propertyValue==="static"&&(i.editor.valueField="value",i.editor.textField="name",i.editor.remote={});break}case"data":{!u.checkEnumDataReadonly(i)&&i.formatter&&(i.formatter.data=[...n.propertyValue]);break}}}changeBindingField(n,i,l){var a;super.changeBindingField(n,i);const u=l;n.editor&&((a=u==null?void 0:u.type)==null?void 0:a.$type)===A.FormSchemaEntityFieldType$Type.EnumType&&(n.editor.data=u.type.enumValues||[])}getEventPropertyConfig(n,i="card",l,u){const a=this;let r=[{label:"onChange",name:"值变化事件"},{label:"beforeOpen",name:"下拉面板前事件"}];l&&(r=r.concat(l)),this.appendFieldValueChangeEvents(n,r);const f=a.eventsEditorUtils.formProperties(n,a.viewModelId,r);return{title:"事件",hideTitle:!0,properties:a.createBaseEventProperty(f),tabId:"commands",tabName:"交互",setPropertyRelates(I,v){const m=I.propertyValue;delete n[a.viewModelId],m&&(m.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(n,a.viewModelId,m.events,m)),u&&u(I,v,m);const g=a.designViewModelUtils.getDgViewModel(a.viewModelId);g&&a.designViewModelField&&g.changeField(a.designViewModelField.id,{valueChanging:n.fieldValueChanging,valueChanged:n.fieldValueChanged}),n.editor.beforeOpen!==n.beforeOpen&&(n.editor.beforeOpen=n.beforeOpen),n.editor.onChange!==n.onChange&&(n.editor.onChange=n.onChange),n.editor.onClear!==n.onClear&&(n.editor.onClear=n.onClear)}}}}function qe(e,n){const i=e.schema;function l(u,a){return new Ee(u,n).getPropertyConfig(i,a)}return{getPropsConfig:l}}const Ge=t.defineComponent({name:"FComboListDesign",props:Le,emits:["clear","update:modelValue","change"],setup(e,n){const i=t.ref(),l=t.inject("designer-host-service"),u=t.inject("design-item-context"),a=qe(u,l),r=ee.useDesignerComponent(i,u,a);return t.onMounted(()=>{i.value.componentInstance=r}),n.expose(r.value),()=>t.createVNode(ue,{ref:i,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});D.register=(e,n,i,l)=>{e["combo-list"]=D,n["combo-list"]=oe,l["combo-list"]={callbackResolver:je}},D.registerDesigner=(e,n,i)=>{e["combo-list"]=Ge,n["combo-list"]=oe};const U=A.withInstall(D),W=t.defineComponent({name:"FOrder",props:z,emits:["change"],setup(e,n){const i=t.ref(),l=t.ref(e.items);function u(){var d;const s=Array.isArray(e.items)?e.items:[];l.value=[...s],(d=i.value)==null||d.updateDataSource(l.value)}t.watch(()=>e.items,u);const a=t.ref("排序列"),r=t.ref("排序方式"),f=t.ref("添加排序列"),S=[{id:"asc",name:"升序"},{id:"desc",name:"降序"}],y=t.ref(new Map);function I(){const s=l.value.map(d=>[d.id,!0]);y.value=new Map(s)}I();const v=t.computed(()=>e.dataSource.map(s=>(s.disabled=y.value.has(s.id),s))),m=t.computed(()=>({"f-order":!0}));function g(s){l.value=l.value.filter(d=>d.id!==s.id),I(),n.emit("change",l.value)}function T(){l.value=[...l.value,{id:Date.now().toString(),name:"",order:"asc"}],I(),n.emit("change",l.value)}function c(s){if(s&&s.length===1){const d=s[0],V=l.value.find(k=>k.id===d.id);V&&(V.name=d.name)}I(),n.emit("change",l.value)}function o(s){if(s&&s.length){const d=new Map;s.reduce((V,k)=>(V.set(k.id,k),V),d),l.value=s.map(V=>d.get(V.id)),n.emit("change",l.value)}}function b(){return t.createVNode(le,{ref:i,style:"flex:1",data:l.value,draggable:!0,view:"DraggableView","keep-order":!0,itemClass:"f-order-item",onRemoveItem:g,onChange:o},{header:()=>t.createVNode("div",{class:"f-order-header"},[t.createVNode("span",{class:"f-order-header-order-field"},[a.value]),t.createVNode("span",{class:"f-order-header-order-type"},[r.value])]),itemContent:s=>t.createVNode("div",{class:"f-order-item-content"},[t.createVNode(U,{class:"f-order-item-content-order-field",data:v.value,valueField:"id",textField:"name",idField:"id",modelValue:s.raw.id,"onUpdate:modelValue":d=>s.raw.id=d,onChange:c,onClear:c},null),t.createVNode(U,{class:"f-order-item-content-order-type",data:S,valueField:"id",textField:"name",idField:"id",modelValue:s.raw.order,"onUpdate:modelValue":d=>s.raw.order=d,onChange:c},null)]),footer:()=>t.createVNode("div",{class:"f-order-footer"},[t.createVNode(ie,{type:"link",class:"f-order-add-button",onClick:T},{default:()=>t.createVNode(t.Fragment,null,[t.createVNode("span",{class:"f-order-add-icon"},[t.createVNode("i",{class:"f-icon f-icon-add"},null)]),f.value])})])})}return()=>t.createVNode("div",{class:m.value},[b()])}}),_e=t.defineComponent({name:"FOrderDesign",props:z,emits:["change"],setup(e,n){const i=t.ref(e.items),l=t.ref("排序列"),u=t.ref("排序方式"),a=t.ref("添加排序列"),r=[{id:"asc",name:"升序"},{id:"desc",name:"降序"}],f=t.ref(new Map),S=t.ref(),y=t.inject("design-item-context"),I=ee.useDesignerComponent(S,y);t.onMounted(()=>{S.value.componentInstance=I}),n.expose(I.value);function v(){const d=i.value.map(V=>[V.id,!0]);f.value=new Map(d)}v();const m=t.computed(()=>e.dataSource.map(d=>(d.disabled=f.value.has(d.id),d))),g=t.computed(()=>({"f-order":!0}));function T(d){i.value=i.value.filter(V=>V.id!==d.id),v(),n.emit("change",i.value)}function c(){i.value=[...i.value,{id:Date.now().toString(),name:"",order:"asc"}],v(),n.emit("change",i.value)}function o(d){v(),n.emit("change",i.value)}function b(d){if(d&&d.length){const V=new Map;d.reduce((k,F)=>(k.set(F.id,F),k),V),i.value=d.map(k=>V.get(k.id)),n.emit("change",i.value)}}function s(){return t.createVNode(le,{style:"flex:1",data:i.value,draggable:!0,view:"DraggableView","keep-order":!0,itemClass:"f-order-item",onRemoveItem:T,onChange:b},{header:()=>t.createVNode("div",{class:"f-order-header"},[t.createVNode("span",{class:"f-order-header-order-field"},[l.value]),t.createVNode("span",{class:"f-order-header-order-type"},[u.value])]),itemContent:d=>t.createVNode("div",{class:"f-order-item-content"},[t.createVNode(U,{class:"f-order-item-content-order-field",data:m.value,valueField:"id",textField:"name",idField:"id",modelValue:d.id,"onUpdate:modelValue":V=>d.id=V,onChange:o,onClear:o},null),t.createVNode(U,{class:"f-order-item-content-order-type",data:r,valueField:"id",textField:"name",idField:"id",modelValue:d.order,"onUpdate:modelValue":V=>d.order=V,onChange:o},null)]),footer:()=>t.createVNode("div",{class:"f-order-footer"},[t.createVNode(ie,{type:"link",class:"f-order-add-button",onClick:c},{default:()=>t.createVNode(t.Fragment,null,[t.createVNode("span",{class:"f-order-add-icon"},[t.createVNode("i",{class:"f-icon f-icon-add"},null)]),a.value])})])})}return()=>t.createVNode("div",{ref:S,class:g.value},[s()])}}),ze={install(e){e.component(W.name,W)},register(e,n,i,l){e.order=W,n.order=J},registerDesigner(e,n,i){e.order=_e,n.order=J}};P.FOrder=W,P.default=ze,P.orderProps=z,P.propsResolver=J,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -41,8 +41,8 @@ import kt from "../pagination/index.esm.js";
|
|
|
41
41
|
import Vt from "../progress/index.esm.js";
|
|
42
42
|
import Mt from "../query-solution/index.esm.js";
|
|
43
43
|
import Bt from "../../designer/radio-group/index.esm.js";
|
|
44
|
-
import
|
|
45
|
-
import
|
|
44
|
+
import Nt from "../../designer/rate/index.esm.js";
|
|
45
|
+
import Lt from "../../designer/response-toolbar/index.esm.js";
|
|
46
46
|
import Ot from "../response-layout/index.esm.js";
|
|
47
47
|
import $t from "../../designer/response-layout-editor/index.esm.js";
|
|
48
48
|
import Ut from "../search-box/index.esm.js";
|
|
@@ -315,10 +315,12 @@ const xn = {
|
|
|
315
315
|
}
|
|
316
316
|
if (n === "commands")
|
|
317
317
|
return e.command.enableType === "custom" ? e.command.commands : [];
|
|
318
|
+
if (n === "formatter")
|
|
319
|
+
return e.command.formatter;
|
|
318
320
|
}
|
|
319
321
|
return "";
|
|
320
322
|
}
|
|
321
|
-
},
|
|
323
|
+
}, Nn = {
|
|
322
324
|
convertTo: (e, n, t, r) => {
|
|
323
325
|
e.column ? e.column[n] = t : e.column = {
|
|
324
326
|
[n]: t
|
|
@@ -333,7 +335,7 @@ const xn = {
|
|
|
333
335
|
}
|
|
334
336
|
return "";
|
|
335
337
|
}
|
|
336
|
-
},
|
|
338
|
+
}, Ln = {
|
|
337
339
|
convertTo: (e, n, t, r) => {
|
|
338
340
|
e.summary ? e.summary[n] = t : e.summary = {
|
|
339
341
|
[n]: t
|
|
@@ -448,7 +450,7 @@ const xn = {
|
|
|
448
450
|
</span>` : e.columnTemplate = `
|
|
449
451
|
<span class="f-pretend-link f-cursor-pointer">
|
|
450
452
|
{{rowData.${e.field}}}
|
|
451
|
-
</span>`), n === "columnTemplateType" && t === "default" && (e.columnTemplate = ""));
|
|
453
|
+
</span>`), n === "columnTemplateType" && t === "default" && (e.columnTemplate = ""), n === "columnTemplateType" && t === "custom" && (e.columnTemplate = ""));
|
|
452
454
|
},
|
|
453
455
|
convertFrom: (e, n, t) => n === "columnTemplate" ? e.columnTemplate : n === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
|
|
454
456
|
};
|
|
@@ -462,8 +464,8 @@ function Hn(e, n, t) {
|
|
|
462
464
|
["/converter/change-editor.converter", Vn],
|
|
463
465
|
["/converter/change-formatter.converter", Mn],
|
|
464
466
|
["/converter/column-command.converter", Bn],
|
|
465
|
-
["/converter/column-option.converter",
|
|
466
|
-
["/converter/summary.converter",
|
|
467
|
+
["/converter/column-option.converter", Nn],
|
|
468
|
+
["/converter/summary.converter", Ln],
|
|
467
469
|
["/converter/group.converter", On],
|
|
468
470
|
["/converter/form-group-label.converter", Dn],
|
|
469
471
|
["/converter/field-selector.converter", $n],
|
|
@@ -515,8 +517,8 @@ function Hn(e, n, t) {
|
|
|
515
517
|
return typeof y == "string" && y && r.has(y) ? r.get(y) || null : y || null;
|
|
516
518
|
}
|
|
517
519
|
function m(l, u, y, S, k, R = "", A = "") {
|
|
518
|
-
return Object.keys(l).map((
|
|
519
|
-
const M = I(1), j =
|
|
520
|
+
return Object.keys(l).map((N) => {
|
|
521
|
+
const M = I(1), j = N, P = l[N], U = Object.keys(P), O = P.title, q = P.type, B = i.get(q) || { type: "input-group", enableClear: !1 }, D = P.editor ? Object.assign({}, B, P.editor) : Object.assign({}, B), z = g(U, P, u), X = d(U, P, u);
|
|
520
522
|
D.readonly = D.readonly === void 0 ? X() : D.readonly;
|
|
521
523
|
const H = P.type === "cascade" ? m(P.properties, u, y, S, k, R, A) : [], ne = !0;
|
|
522
524
|
let W = p(P, A);
|
|
@@ -524,14 +526,14 @@ function Hn(e, n, t) {
|
|
|
524
526
|
get() {
|
|
525
527
|
if (M.value) {
|
|
526
528
|
if (["class", "style"].find((se) => se === j) && !W && (W = r.get("/converter/appearance.converter") || null), W && W.convertFrom)
|
|
527
|
-
return W.convertFrom(y,
|
|
528
|
-
const J = y[
|
|
529
|
+
return W.convertFrom(y, N, k, R);
|
|
530
|
+
const J = y[N];
|
|
529
531
|
return Object.prototype.hasOwnProperty.call(P, "defaultValue") && (J === void 0 || typeof J == "string" && J === "") ? P.type === "boolean" ? P.defaultValue : P.defaultValue || "" : J;
|
|
530
532
|
}
|
|
531
533
|
return null;
|
|
532
534
|
},
|
|
533
535
|
set(J) {
|
|
534
|
-
M.value += 1, W && W.convertTo ? (W.convertTo(S,
|
|
536
|
+
M.value += 1, W && W.convertTo ? (W.convertTo(S, N, J, k, R), W.convertTo(y, N, J, k, R)) : (S[N] = J, y[N] = J);
|
|
535
537
|
}
|
|
536
538
|
}), { refreshPanelAfterChanged: K, description: ie, isExpand: pe, parentPropertyID: Z } = P, oe = { propertyID: j, propertyName: O, propertyType: q, propertyValue: re, editor: D, visible: z, readonly: X, cascadeConfig: H, hideCascadeTitle: ne, refreshPanelAfterChanged: K, description: ie, isExpand: pe, parentPropertyID: Z };
|
|
537
539
|
return u[j] = oe, oe;
|
|
@@ -540,12 +542,12 @@ function Hn(e, n, t) {
|
|
|
540
542
|
function s(l, u, y = {}) {
|
|
541
543
|
const S = {}, k = e[l];
|
|
542
544
|
return k && k.categories ? Object.keys(k.categories).map((A) => {
|
|
543
|
-
const $ = k.categories[A],
|
|
544
|
-
return { categoryId: A, categoryName:
|
|
545
|
+
const $ = k.categories[A], N = $ == null ? void 0 : $.title, M = m($.properties || {}, S, {}, y, u);
|
|
546
|
+
return { categoryId: A, categoryName: N, properties: M };
|
|
545
547
|
}) : [];
|
|
546
548
|
}
|
|
547
549
|
function c(l, u, y, S, k = "") {
|
|
548
|
-
const R = u.$ref.schema, A = u.$ref.converter, $ = y[R],
|
|
550
|
+
const R = u.$ref.schema, A = u.$ref.converter, $ = y[R], N = $.type, M = t($), j = {}, P = e[N];
|
|
549
551
|
if (P && P.categories) {
|
|
550
552
|
const U = P.categories[l], O = U == null ? void 0 : U.title;
|
|
551
553
|
A && Object.keys(U.properties).forEach((D) => {
|
|
@@ -558,11 +560,11 @@ function Hn(e, n, t) {
|
|
|
558
560
|
}
|
|
559
561
|
function f(l, u, y, S, k) {
|
|
560
562
|
const R = l.type, A = t(l), $ = {};
|
|
561
|
-
let
|
|
562
|
-
if (
|
|
563
|
+
let N = k || e[R];
|
|
564
|
+
if (N && Object.keys(N).length === 0 && y && y.getPropConfig && (N = y.getPropConfig(S)), N && N.categories) {
|
|
563
565
|
const M = [];
|
|
564
|
-
return Object.keys(
|
|
565
|
-
const P =
|
|
566
|
+
return Object.keys(N.categories).map((j) => {
|
|
567
|
+
const P = N.categories[j];
|
|
566
568
|
if (P.$ref) {
|
|
567
569
|
M.push(c(j, P, l, u, S));
|
|
568
570
|
return;
|
|
@@ -737,7 +739,7 @@ const Qn = {}, Yn = {}, { resolveSchemaWithDefaultValue: Zn } = Jn(Qn, Yn), Kn =
|
|
|
737
739
|
let we = !1;
|
|
738
740
|
async function ar() {
|
|
739
741
|
if (!we) {
|
|
740
|
-
we = !0, Ze.register(h, b, C, F), Ye.register(h, b, C, F), Ke.register(h, b, C, F), et.register(h, b, C, F), tt.register(h, b, C, F), nt.register(h, b, C, F), be.register(h, b, C, F), Ce.register(h, b, C, F), be.register(h, b, C, F), Ce.register(h, b, C, F), rt.register(h, b, C, F), it.register(h, b, C, F), ot.register(h, b, C, F), at.register(h, b, C, F), st.register(h, b, C, F), lt.register(h, b, C, F), dt.register(h, b, C, F), ct.register(h, b, C, F), ut.register(h, b, C, F), pt.register(h, b, C, F), cn.register(h, b, C, F), ft.register(h, b, C, F), mt.register(h, b, C, F), nn.register(h, b, C, F), vt.register(h, b, C, F), yt.register(h, b, C, F), ht.register(h, b, C, F), Ct.register(h, b, C, F), bt.register(h, b, C, F), Ft.register(h, b, C, F), wt.register(h, b, C, F), Et.register(h, b, C, F), St.register(h, b, C, F), xt.register(h, b, C, F), Pt.register(h, b, C, F), Tt.register(h, b, C, F), It.register(h, b, C, F), kt.register(h, b, C, F), Vt.register(h, b, C, F), Mt.register(h, b, C, F), Bt.register(h, b, C, F),
|
|
742
|
+
we = !0, Ze.register(h, b, C, F), Ye.register(h, b, C, F), Ke.register(h, b, C, F), et.register(h, b, C, F), tt.register(h, b, C, F), nt.register(h, b, C, F), be.register(h, b, C, F), Ce.register(h, b, C, F), be.register(h, b, C, F), Ce.register(h, b, C, F), rt.register(h, b, C, F), it.register(h, b, C, F), ot.register(h, b, C, F), at.register(h, b, C, F), st.register(h, b, C, F), lt.register(h, b, C, F), dt.register(h, b, C, F), ct.register(h, b, C, F), ut.register(h, b, C, F), pt.register(h, b, C, F), cn.register(h, b, C, F), ft.register(h, b, C, F), mt.register(h, b, C, F), nn.register(h, b, C, F), vt.register(h, b, C, F), yt.register(h, b, C, F), ht.register(h, b, C, F), Ct.register(h, b, C, F), bt.register(h, b, C, F), Ft.register(h, b, C, F), wt.register(h, b, C, F), Et.register(h, b, C, F), St.register(h, b, C, F), xt.register(h, b, C, F), Pt.register(h, b, C, F), Tt.register(h, b, C, F), It.register(h, b, C, F), kt.register(h, b, C, F), Vt.register(h, b, C, F), Mt.register(h, b, C, F), Bt.register(h, b, C, F), Nt.register(h, b, C, F), Ot.register(h, b, C, F), $t.register(h, b, C, F), Lt.register(h, b, C, F), Kt.register(h, b, C), Ut.register(h, b, C, F), Rt.register(h, b, C, F), At.register(h, b, C, F), qt.register(h, b, C, F), Dt.register(h, b, C, F), jt.register(h, b, C, F), on.register(h, b, C, F), Gt.register(h, b, C, F), Wt.register(h, b, C, F), zt.register(h, b, C, F), _t.register(h, b, C, F), Xt.register(h, b, C, F), Ht.register(h, b, C, F), Qt.register(h, b, C, F), Jt.register(h, b, C, F), Yt.register(h, b, C, F), Zt.register(h, b, C, F), en.register(h, b, C, F), gt.register(h, b, C, F), tn.register(h, b, C, F), rn.register(h, b, C, F), sn.register(h, b, C, F), an.register(h, b, C, F), ln.register(h, b, C, F), dn.register(h, b, C, F), un.register(h, b, C, F), pn.register(h, b, C, F), fn.register(h, b, C, F), mn.register(h, b, C, F), gn.register(h, b, C, F), vn.register(h, b, C, F), yn.register(h, b, C, F), hn.register(h, b, C, F);
|
|
741
743
|
const e = window[sr];
|
|
742
744
|
if (e)
|
|
743
745
|
for (const n in e)
|
|
@@ -925,7 +927,7 @@ const dr = {
|
|
|
925
927
|
function $() {
|
|
926
928
|
n.emit("update:modelValue", "");
|
|
927
929
|
}
|
|
928
|
-
function
|
|
930
|
+
function N(O) {
|
|
929
931
|
return (...q) => {
|
|
930
932
|
$(), typeof O == "function" && O(...q);
|
|
931
933
|
};
|
|
@@ -937,7 +939,7 @@ const dr = {
|
|
|
937
939
|
}
|
|
938
940
|
const j = _(() => {
|
|
939
941
|
const O = i.value.type || "input-group", q = u(O), B = l(O, i.value), D = y(O), z = S(i.value.type);
|
|
940
|
-
return z && (B[z] =
|
|
942
|
+
return z && (B[z] = N(B[z])), D && (B[D] = M(B[D])), (B.id == null || B.id === "") && (B.id = t.value), O === "number-range" && i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" ? (i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" && (B.onBeginValueChange = i.value.onBeginValueChange), i.value.onEndValueChange && typeof i.value.onEndValueChange == "function" && (B.onEndValueChange = i.value.onEndValueChange)) : O === "lookup" && i.value["onUpdate:idValue"] && typeof i.value["onUpdate:idValue"] == "function" ? (B["onUpdate:idValue"] = i.value["onUpdate:idValue"], B.id = t.value) : O === "collection-property-editor" && i.value.onSelectionChange && typeof i.value.onSelectionChange == "function" ? B.onSelectionChange = i.value.onSelectionChange : O === "property-editor" && (B.onBeforeOpenVariables = i.value.onBeforeOpenVariables), () => w(q, ze({
|
|
941
943
|
ref: s
|
|
942
944
|
}, B, {
|
|
943
945
|
modelValue: a.value,
|
|
@@ -1144,14 +1146,14 @@ const dr = {
|
|
|
1144
1146
|
const t = I(e.width), r = I(e.isWidePanel), i = I(e.enableSearch), o = I(e.mode), a = I(e.isPersitOpenState), g = I(e.isShowPanel), d = I(), p = I(), m = I(e.showCloseBtn), s = I(e.selectedTabId), c = I(!0), f = I(e.isWhiteTheme);
|
|
1145
1147
|
let l = [], u = [];
|
|
1146
1148
|
const y = I(""), S = I(), k = I(), R = ve("SchemaService");
|
|
1147
|
-
let A = [], $ = null,
|
|
1149
|
+
let A = [], $ = null, N = "";
|
|
1148
1150
|
const M = I(), j = I(0), P = _(() => l.map((T) => !T.hide).length === 1), U = ve("designerContext");
|
|
1149
1151
|
function O() {
|
|
1150
1152
|
u = [], M.value && M.value.categoryList && Array.isArray(M.value.categoryList) && M.value.categoryList.length > 0 && M.value.categoryList.forEach((x) => {
|
|
1151
1153
|
if (x.properties && Array.isArray(x.properties) && x.properties.length > 0) {
|
|
1152
|
-
const E = x.properties.map((
|
|
1153
|
-
G.category = x, G.cascadeParent =
|
|
1154
|
-
}),
|
|
1154
|
+
const E = x.properties.map((L) => (L.category = x, L.propertyType === "cascade" && L.cascadeConfig && L.cascadeConfig.map((G) => {
|
|
1155
|
+
G.category = x, G.cascadeParent = L, u = u.concat(G);
|
|
1156
|
+
}), L));
|
|
1155
1157
|
u = u.concat(E);
|
|
1156
1158
|
}
|
|
1157
1159
|
});
|
|
@@ -1165,21 +1167,21 @@ const dr = {
|
|
|
1165
1167
|
function B(T, x) {
|
|
1166
1168
|
T && x && Object.keys(x).length > 0 && Object.keys(x).forEach((E) => {
|
|
1167
1169
|
var G;
|
|
1168
|
-
const
|
|
1169
|
-
(G = T.style) == null || G.setProperty(E,
|
|
1170
|
+
const L = x[E];
|
|
1171
|
+
(G = T.style) == null || G.setProperty(E, L);
|
|
1170
1172
|
});
|
|
1171
1173
|
}
|
|
1172
1174
|
function D() {
|
|
1173
1175
|
return u.filter((x) => {
|
|
1174
1176
|
if (typeof x.visible == "function" && !x.visible() || typeof x.visible == "boolean" && !x.visible)
|
|
1175
1177
|
return !1;
|
|
1176
|
-
const E = x.propertyID.toLowerCase(),
|
|
1177
|
-
return !!(E && E.includes(y.value.toLowerCase()) ||
|
|
1178
|
+
const E = x.propertyID.toLowerCase(), L = x.propertyName.toLowerCase();
|
|
1179
|
+
return !!(E && E.includes(y.value.toLowerCase()) || L && L.includes(y.value.toLowerCase()));
|
|
1178
1180
|
});
|
|
1179
1181
|
}
|
|
1180
1182
|
function z(T, x, E) {
|
|
1181
1183
|
if (T === 0) {
|
|
1182
|
-
const
|
|
1184
|
+
const L = q(x), ae = q(E) - L - 5;
|
|
1183
1185
|
x == null || x.scroll({
|
|
1184
1186
|
top: ae,
|
|
1185
1187
|
behavior: "smooth"
|
|
@@ -1196,15 +1198,15 @@ const dr = {
|
|
|
1196
1198
|
else if (O(), u && u.length > 0) {
|
|
1197
1199
|
const E = D();
|
|
1198
1200
|
E && E.length > 0 && setTimeout(() => {
|
|
1199
|
-
let
|
|
1201
|
+
let L = null, G = -1, ae = !1;
|
|
1200
1202
|
E.forEach((Q, De) => {
|
|
1201
1203
|
const je = Q.propertyType === "cascade" ? `.${Q.category.categoryId}-${Q.propertyID} .farris-label-text` : `.property-item .${Q.category.categoryId}-${Q.propertyID}.col-form-label`, le = document.querySelector(je);
|
|
1202
|
-
le && (Q.category.status !== "open" && (Q.category.status = "open", ae = G < 0), Q.cascadeParent && (Q.cascadeParent.isExpand = !0), G < 0 && (
|
|
1204
|
+
le && (Q.category.status !== "open" && (Q.category.status = "open", ae = G < 0), Q.cascadeParent && (Q.cascadeParent.isExpand = !0), G < 0 && (L = le, G = De), B(le, {
|
|
1203
1205
|
color: "#5B89FE"
|
|
1204
1206
|
}), A.push(le));
|
|
1205
1207
|
}), G > -1 && (ae ? Te(() => {
|
|
1206
|
-
z(G, x,
|
|
1207
|
-
}) : z(G, x,
|
|
1208
|
+
z(G, x, L);
|
|
1209
|
+
}) : z(G, x, L));
|
|
1208
1210
|
}, 50);
|
|
1209
1211
|
}
|
|
1210
1212
|
}
|
|
@@ -1242,38 +1244,38 @@ const dr = {
|
|
|
1242
1244
|
}
|
|
1243
1245
|
if ((T = d == null ? void 0 : d.value) == null || T.forEach((E) => {
|
|
1244
1246
|
if (E.tabId) {
|
|
1245
|
-
const
|
|
1246
|
-
|
|
1247
|
+
const L = l.find((G) => G.tabId === E.tabId);
|
|
1248
|
+
L ? (L.categoryList.push(E), L.hide && (L.hide = E.hide || E.properties.length === 0)) : l.push({
|
|
1247
1249
|
tabId: E.tabId,
|
|
1248
1250
|
tabName: E.tabName,
|
|
1249
1251
|
categoryList: [E],
|
|
1250
1252
|
hide: E.hide || E.properties.length === 0
|
|
1251
1253
|
});
|
|
1252
1254
|
} else {
|
|
1253
|
-
const
|
|
1254
|
-
|
|
1255
|
+
const L = l.find((G) => G.tabId === "default");
|
|
1256
|
+
L ? L.categoryList.push(E) : l.push({
|
|
1255
1257
|
tabId: "default",
|
|
1256
1258
|
tabName: "属性",
|
|
1257
1259
|
categoryList: [E]
|
|
1258
1260
|
});
|
|
1259
1261
|
}
|
|
1260
1262
|
}), s.value) {
|
|
1261
|
-
const E = l == null ? void 0 : l.find((
|
|
1263
|
+
const E = l == null ? void 0 : l.find((L) => L.tabId === s.value && !L.hide);
|
|
1262
1264
|
M.value = E || l[0];
|
|
1263
1265
|
} else
|
|
1264
1266
|
M.value = l[0];
|
|
1265
1267
|
s.value = (x = M.value) == null ? void 0 : x.tabId;
|
|
1266
1268
|
}
|
|
1267
1269
|
Y(() => [e.schema, e.isShowPanel], () => {
|
|
1268
|
-
p.value = e.schema, !e.schema || !e.schema.type ? d.value = [] : (d.value = fe(p.value, R, $,
|
|
1270
|
+
p.value = e.schema, !e.schema || !e.schema.type ? d.value = [] : (d.value = fe(p.value, R, $, N), U.filterPropertyEntity && (d.value = U.filterPropertyEntity(d.value, p.value))), Z(), ie(y.value), j.value++;
|
|
1269
1271
|
}), ye(() => {
|
|
1270
1272
|
Z();
|
|
1271
1273
|
});
|
|
1272
1274
|
function oe(T, x, E = !0) {
|
|
1273
|
-
(!p.value || x) && (p.value = x || e.schema), d.value = fe(p.value, R, $,
|
|
1275
|
+
(!p.value || x) && (p.value = x || e.schema), d.value = fe(p.value, R, $, N, T), U.filterPropertyEntity && (d.value = U.filterPropertyEntity(d.value, p.value)), Z(), i.value && ie(y.value), E && j.value++;
|
|
1274
1276
|
}
|
|
1275
1277
|
function J(T, x) {
|
|
1276
|
-
$ = T,
|
|
1278
|
+
$ = T, N = x;
|
|
1277
1279
|
}
|
|
1278
1280
|
function se() {
|
|
1279
1281
|
o.value = o.value === "panel" ? "sidebar" : "panel", o.value === "panel" ? (setTimeout(() => {
|
|
@@ -1299,7 +1301,7 @@ const dr = {
|
|
|
1299
1301
|
}, null)])])])])]);
|
|
1300
1302
|
}
|
|
1301
1303
|
function ge() {
|
|
1302
|
-
d.value = fe(p.value, R, $,
|
|
1304
|
+
d.value = fe(p.value, R, $, N), U.filterPropertyEntity && (d.value = U.filterPropertyEntity(d.value, p.value)), Z();
|
|
1303
1305
|
}
|
|
1304
1306
|
function Ve() {
|
|
1305
1307
|
var T;
|
|
@@ -1342,7 +1344,7 @@ const dr = {
|
|
|
1342
1344
|
designerItem: $
|
|
1343
1345
|
});
|
|
1344
1346
|
}
|
|
1345
|
-
function
|
|
1347
|
+
function Ne() {
|
|
1346
1348
|
var T, x;
|
|
1347
1349
|
if (M.value)
|
|
1348
1350
|
return w("div", {
|
|
@@ -1374,7 +1376,7 @@ const dr = {
|
|
|
1374
1376
|
onValueChanged: Be
|
|
1375
1377
|
}, null)])]))])]);
|
|
1376
1378
|
}
|
|
1377
|
-
function
|
|
1379
|
+
function Le() {
|
|
1378
1380
|
if (o.value === "sidebar")
|
|
1379
1381
|
return w("div", {
|
|
1380
1382
|
class: "side-panel h-100",
|
|
@@ -1444,7 +1446,7 @@ const dr = {
|
|
|
1444
1446
|
}, {
|
|
1445
1447
|
only: P.value
|
|
1446
1448
|
}]
|
|
1447
|
-
}, [Re(), ke()]), Ve(),
|
|
1449
|
+
}, [Re(), ke()]), Ve(), Ne()]), $e(), Le()])]);
|
|
1448
1450
|
}
|
|
1449
1451
|
});
|
|
1450
1452
|
function mr(e) {
|
|
@@ -2213,7 +2215,7 @@ function hr(e) {
|
|
|
2213
2215
|
var k;
|
|
2214
2216
|
const y = r.get(u.id), S = y.appearance && y.appearance.class;
|
|
2215
2217
|
if (S) {
|
|
2216
|
-
const A = S.split(" ").filter((U) => !U.startsWith("col-")), $ = "col-" + u.columnInSM,
|
|
2218
|
+
const A = S.split(" ").filter((U) => !U.startsWith("col-")), $ = "col-" + u.columnInSM, N = "col-md-" + u.columnInMD, M = "col-xl-" + u.columnInLG, j = "col-el-" + u.columnInEL, P = [$, N, M, j].concat(A);
|
|
2217
2219
|
y.appearance.class = P.join(" ");
|
|
2218
2220
|
}
|
|
2219
2221
|
if (u.fieldSetId) {
|
|
@@ -2618,7 +2620,16 @@ class Hi extends gr {
|
|
|
2618
2620
|
getEventPropertyConfig(t, r = "card", i, o) {
|
|
2619
2621
|
const a = this;
|
|
2620
2622
|
let g = [];
|
|
2621
|
-
i && (g = g.concat(i)),
|
|
2623
|
+
if (i && (g = g.concat(i)), g.length === 0)
|
|
2624
|
+
return {
|
|
2625
|
+
title: "事件",
|
|
2626
|
+
hideTitle: !0,
|
|
2627
|
+
properties: {},
|
|
2628
|
+
tabId: "commands",
|
|
2629
|
+
tabName: "交互",
|
|
2630
|
+
hide: !0
|
|
2631
|
+
};
|
|
2632
|
+
this.appendFieldValueChangeEvents(t, g);
|
|
2622
2633
|
const d = a.eventsEditorUtils.formProperties(t, a.viewModelId, g);
|
|
2623
2634
|
return {
|
|
2624
2635
|
title: "事件",
|