@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/order/index.umd.cjs

@@ -0,0 +1,18 @@
+(function(j,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("../../components/order/index.umd.js"),require("vue"),require("../../components/common/index.umd.js"),require("../../components/data-view/index.umd.js"),require("../../components/locale/index.umd.js"),require("../../components/checkbox/index.umd.js"),require("../../components/button-edit/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("lodash-es"),require("../../components/list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../../components/designer-canvas/index.umd.js"),require("../../components/combo-list/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/order/index.umd.js","vue","../../components/common/index.umd.js","../../components/data-view/index.umd.js","../../components/locale/index.umd.js","../../components/checkbox/index.umd.js","../../components/button-edit/index.umd.js","../../components/dynamic-resolver/index.umd.js","lodash-es","../../components/list-view/index.umd.js","../button-edit/index.umd.js","../../components/designer-canvas/index.umd.js","../../components/combo-list/index.umd.js","../../components/property-panel/index.umd.js"],A):(j=typeof globalThis<"u"?globalThis:j||self,A(j.order={},j.FOrder,j.Vue,j.common,j.dataView,j.locale,j.checkbox,j.FButtonEdit,j.dynamicResolver,j.LodashES,j.FListView$1,j.FButtonEditDesign,j.designerCanvas,j.comboList,j.propertyPanel))})(this,function(j,A,t,E,H,K,X,ce,G,de,ue,fe,te,ne,me){"use strict";const ge={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 he(e,n){function i(a){const r=[];let d=a.nextNode();for(;d;)r.push(d),d=a.nextNode();return r}function o(a,r){const d=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return i(d).map(h=>({textNode:h,text:(h.textContent||"").toLocaleLowerCase()})).map(({textNode:h,text:f})=>{const g=[];let T=0;for(;T<f.length;){const u=f.indexOf(r,T);if(u===-1)break;g.push(u),T=u+r.length}return g.map(u=>{const l=new Range;return l.setStart(h,u),l.setEnd(h,u+r.length),l})}).flat()}function c(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!n))return;const r=o(n.value,a.toLocaleLowerCase()),d=new Highlight(...r);CSS.highlights.set("search-result",d)}return{search:c}}function ie(e,n,i,o,c,a,r,d,b,v){const I=t.ref(e.size),h=t.ref(e.textField),f=t.ref(e.titleField),g=t.ref(e.disableField),T=t.computed(()=>{var s,O;return((s=e.selection)==null?void 0:s.multiSelect)&&((O=e.selection)==null?void 0:O.showCheckbox)}),{onMouseenterItem:u,onMouseoverItem:l,onMouseoutItem:C}=a,{getKey:w,listViewItemClass:y,listViewItemStyle:k,onCheckItem:V,onClickItem:S}=r,x=t.computed(()=>{const s={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return e.itemClass?s:{margin:I.value==="small"?"0.25rem 0":"8px 0",...s}});function F(s,O,R){return s.checked=d.findIndexInSelectedItems(s)>-1,t.createVNode("li",{class:y(s,O),id:w(s,O),key:w(s,O),style:k(s,O),onClick:L=>S(s,O,L),onMouseenter:L=>u(L,s,O),onMouseover:L=>l(L,s,O),onMouseout:L=>C(L,s,O)},[T.value&&t.createVNode("div",{class:"f-list-select",onClick:L=>L.stopPropagation()},[t.createVNode(X.FCheckbox,{id:"list-"+w(s,O),customClass:"listview-checkbox float-left",disabled:s[g.value],checked:s.checked,"onUpdate:checked":L=>s.checked=L,onChange:L=>{V(s,O,!L.checked)}},null)]),t.createVNode("div",{class:"f-list-content"},[t.createVNode("div",{class:e.itemContentClass,style:x.value,title:s.raw[f.value]||s.raw[h.value]},[s.raw[h.value]])])])}return{renderItem:F}}function pe(e,n,i,o,c,a,r,d,b,v){const I=t.ref(e.multiSelect),h=t.ref(e.disableField),f=t.ref(e.textField),{onMouseenterItem:g,onMouseoverItem:T,onMouseoutItem:u}=a,{getKey:l,listViewItemClass:C,listViewItemStyle:w,onCheckItem:y,onClickItem:k,updateSelectedItems:V}=r;function S(F,s,O){return e.contentTemplate?t.createVNode(t.Fragment,null,[e.contentTemplate({item:F.raw,index:s,selectedItem:O})]):n.slots.content?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.content({item:F.raw,index:s,selectedItem:O})]):t.createVNode("div",{style:"margin: 10px 0;"},[F.raw[f.value||"name"]])}function x(F,s,O){return t.createVNode("li",{class:C(F,s),id:l(F,s),key:l(F,s),style:w(F,s),onClick:R=>k(F,s,R),onMouseenter:R=>g(R,F,s),onMouseover:R=>T(R,F,s),onMouseout:R=>u(R,F,s)},[I.value&&t.createVNode("div",{class:"f-list-select",onClick:R=>R.stopPropagation()},[t.createVNode(X.FCheckbox,{id:"list-"+l(F,s),customClass:"listview-checkbox",disabled:F[h.value],checked:F.checked,"onUpdate:checked":R=>F.checked=R,onChange:R=>{y(F,s,!R.checked),V()}},null)]),t.createVNode("div",{class:"f-list-content"},[S(F,s,O)])])}return{renderItem:x}}function ye(e,n,i,o,c,a,r,d,b,v){const I=t.ref(e.multiSelect),h=t.ref(e.disableField),f=t.ref(e.textField),{onMouseenterItem:g,onMouseoverItem:T,onMouseoutItem:u}=a,{getKey:l,listViewItemClass:C,onCheckItem:w,onClickItem:y}=r,{dragstart:k,dragenter:V,dragover:S,dragend:x}=o,{removeItem:F}=b,s=t.computed(()=>({margin:I.value?"10px 0":"10px 0px 10px 14px"}));function O(m,p=""){const M=m.target;M.title=M.scrollWidth>M.clientWidth?p:""}function R(m){return t.createVNode("div",{style:s.value,onMouseenter:p=>O(p,m.raw[f.value||"name"])},[m.raw[f.value||"name"]])}function L(){return n.slots.itemContent?n.slots.itemContent:R}const q=L();function N(m,p,M){return t.createVNode("li",{class:C(m,p),id:l(m,p),key:l(m,p),onClick:P=>y(m,p,P),onMouseenter:P=>g(P,m,p),onMouseover:P=>T(P,m,p),onMouseout:P=>u(P,m,p),draggable:"true",onDragstart:P=>k(P,m,p),onDragenter:P=>V(P,p),onDragend:P=>x(P,m),onDragover:P=>S(P)},[I.value&&t.createVNode("div",{class:"f-list-select",onClick:P=>P.stopPropagation()},[t.createVNode(X.FCheckbox,{id:"list-"+l(m,p),customClass:"listview-checkbox",disabled:m[h.value]||!m.checked,checked:m.checked,"onUpdate:checked":P=>m.checked=P,onChange:P=>w(m,p,!P.checked)},null)]),t.createVNode("div",{class:"f-list-content"},[q(m)]),t.createVNode("div",{class:"f-list-remove",onClick:P=>{P.stopPropagation(),F(p)}},[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:N}}function ve(e,n,i,o,c,a,r,d,b,v){var l;const I=t.ref(((l=e.group)==null?void 0:l.groupFields)||[]),{collpaseGroupIconClass:h}=c,{toggleGroupRow:f}=v;function g(C,w){w.collapse=!w.collapse,i.value=f(w.collapse?"collapse":"expand",w,i.value)}function T(C,w,y){return n.slots.group?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.group({item:C.raw,index:w,selectedItem:y})]):t.createVNode("div",{class:"f-navlookup-recentHeader",onClick:k=>g(k,C)},[t.createVNode("div",{class:"fv-grid-group-row-icon"},[t.createVNode("span",{class:h(C)},null)]),t.createVNode("div",{class:"f-navlookup-recommandLabel"},[C.raw[I.value[C.layer]]])])}function u(C,w,y){return C.layer>-1&&T(C,w,y)}return{renderItem:u}}function Ce(e,n,i,o){const{dataView:c}=i,{updateSelectedItems:a}=o;function r(d){if(d>-1&&d<c.value.length){if(e!=null&&e.checkBeforeRemoveItem&&!e.checkBeforeRemoveItem(c.value[d]))return;const b=c.value.splice(d,1);a(),n.emit("removeItem",b[0])}}return{removeItem:r}}function be(e,n,i,o,c,a,r,d,b,v){const I=t.ref(e.view),h=t.ref(e.view==="CardView"),f=t.ref({}),g=Ce(e,n,o,b),T=t.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":e.multiSelect,"d-flex":h.value,"flex-wrap":h.value})),u=t.computed(()=>!!i.value&&i.value.length>0),l=t.computed(()=>i.value.length===0);t.computed(()=>l.value&&!n.slots.empty);function C(){return I.value==="SingleView"?ie:I.value==="DraggableView"?ye:(I.value==="ContentView"||I.value==="CardView")&&(e.contentTemplate||n.slots.content)?pe:ie}const w=C(),{renderItem:y}=w(e,n,i,v,c,a,b,r,g,d),{renderItem:k}=ve(e,n,i,v,c,a,b,r,g,d),V=[y,k];function S(){return i.value.filter(s=>s.visible!==!1).map((s,O)=>V[s.type](s,O,f))}function x(){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():K.LocaleService.getLocaleValue("listView.emptyMessage")])])}function F(){return t.createVNode("ul",{class:T.value,style:"list-style: none;"},[u.value&&S(),l.value&&x()])}return{renderListArea:F}}function Se(e,n,i){function o(){return n.slots.header&&t.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:o}}function le(e,n,i){const o=t.ref(e.headerClass),c=t.ref(e.placeholder),a=t.ref(""),r=t.computed(()=>!a.value),d=t.computed(()=>!!a.value);function b(f){a.value=""}t.watch(a,f=>{e.enableHighlightSearch&&i.search(f),n.emit("afterSearch",f)});const v=t.computed(()=>{const f={"form-group":!0,"farris-form-group":!0};return o.value&&o.value.split(" ").reduce((T,u)=>(T[u]=!0,T),f),f});function I(f){}function h(){return t.createVNode("div",{class:"f-list-view-header",onClick:t.withModifiers(()=>I,["prevent","stop"])},[t.createVNode("div",{class:v.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":f=>a.value=f,name:"input-group-value",type:"text",placeholder:c.value,autocomplete:"off"},null),[[t.vModelText,a.value]]),t.createVNode("div",{class:"input-group-append"},[d.value&&t.createVNode("span",{class:"input-group-text input-group-clear",onClick:f=>b()},[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:h}}function we(){const e=t.ref(""),n=t.ref(-1),i=t.ref(""),o=t.ref(-1),c=t.ref(!1);function a(h,f,g){o.value=g}function r(h,f,g){c.value||(o.value=g)}function d(h,f,g){o.value=-1}function b(){c.value=!0}function v(){c.value=!1}function I(){n.value=-1,e.value=""}return{activeIndex:n,focusedItemId:i,hoverIndex:o,clearActiveItem:I,onMouseenterItem:a,onMouseoverItem:r,onMouseoutItem:d,resumeHover:v,suspendHover:b}}function Fe(e,n,i,o){const c=t.ref(e.idField),{dataView:a}=i,r=t.ref(-1),d=t.ref(!1),{activeIndex:b,focusedItemId:v,hoverIndex:I,resumeHover:h,suspendHover:f}=o;let g,T=0,u=0;function l(S,x){const F=S-T,s=x-u;g.style.left=parseInt(g.style.left)+F+"px",g.style.top=parseInt(g.style.top)+s+"px",T=S,u=x}function C(S){const{left:x,top:F}=S.getBoundingClientRect(),s=S.cloneNode(!0);return s.className=s.className+" f-listview-drag-moving",s.style.cssText=`
+        position:absolute;
+        left:${x}px;
+        top:${document.documentElement.scrollTop?F+document.documentElement.scrollTop:F}px;
+        z-index: 999999;
+        pointer-events: none;
+        border-radius: 10px;
+        margin: 4px 2px;    
+        display: flex;
+        align-items: center;
+        float: none;
+        text-align: initial;
+        width:${getComputedStyle(S).width};
+        height:${getComputedStyle(S).height};
+        `,s.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",s.children[0].children[0].style.cssText=`
+        margin: 10px 0px 10px 14px;
+        overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
+        `,s.children[1].style.cssText="width: 30px;padding: 0 14px 0 0",s.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(s),s}function w(S,x,F){if(S.stopPropagation(),f(),x){if(g=C(S.target),S.dataTransfer){const s=new Image;s.src="",S.dataTransfer.setDragImage(s,0,0)}T=S.pageX,u=S.pageY,setTimeout(()=>{r.value=F,d.value=!0,x.moving=!0})}}function y(S,x){if(S.preventDefault(),r.value!==x){const F=a.value[r.value],s=a.value;s.splice(r.value,1),s.splice(x,0,F),r.value=x,l(S.pageX,S.pageY)}}function k(S){S.preventDefault(),S.dataTransfer&&(S.dataTransfer.dropEffect="move"),l(S.pageX,S.pageY)}function V(S,x){x&&(x.moving=!1,g&&(document.body.removeChild(g),g=null)),a.value.forEach((F,s)=>{F.__fv_index__=s}),d.value=!1,h(),I.value=x.raw.__fv_index__,b.value=x.raw.__fv_index__,v.value=x.raw[c.value],n.emit("change",a.value),n.emit("activeChange",[x.raw])}return{dragstart:w,dragenter:y,dragover:k,dragend:V,isDragging:d}}function Ie(e,n,i,o,c,a){const r=t.ref(e.idField),d=t.ref(e.disableField),b=t.ref(e.draggable);t.ref(e.itemClass);const v=t.ref(e.selection.multiSelect??!1),I=t.ref(e.selection.multiSelectMode),{isDragging:h}=o,{activeIndex:f,focusedItemId:g,hoverIndex:T}=c,{clearSelection:u,getSelectedItems:l,toggleSelectItem:C,currentSelectedDataId:w}=a,y=t.ref(l()),k=N=>y.value.length===0?!1:y.value.some(m=>{let p="";return m.data?p=m.data[r.value]:p=m[r.value],p===N});function V(){y.value=l()}function S(N,m){return N.raw[r.value]!=null?N.raw[r.value]:""}function x(N,m){const p={"f-list-view-group-item":!0,"f-list-view-draggable-item":b.value,"f-un-click":!N.checked,"f-un-select":!!N.raw[d.value],"f-listview-active":v.value&&k(S(N))||!v.value&&N.raw[r.value]===w.value,"f-listview-hover":!h.value&&m===T.value,moving:!!N.moving};if(typeof e.itemClass=="string")return E.getCustomClass(p,e.itemClass);if(typeof e.itemClass=="function"){const M=e.itemClass(N);return E.getCustomClass(p,M)}return p}function F(N,m){const p={};if(typeof e.itemStyle=="string")return E.getCustomStyle(p,e.itemStyle);if(typeof e.itemStyle=="function"){const M=e.itemStyle(N);return E.getCustomStyle(p,M)}return p}const s=t.computed(()=>!v.value);function O(N,m,p){N.checked=p,!N.raw[d.value]&&(s.value&&(g.value=N.raw[r.value]),C(N))}const R=t.computed(()=>v.value&&I.value==="OnCheckClearByClick"),L=t.computed(()=>!v.value||v.value&&(I.value==="OnCheckAndClick"||I.value==="OnClick"));function q(N,m,p){if(N.raw[d.value]){p==null||p.preventDefault(),p==null||p.stopPropagation();return}w.value=N.raw[r.value],g.value=N.raw[r.value],f.value=m,R.value&&u(),L.value&&(C(N),V()),n.emit("clickItem",{data:y.value,index:m,dataItem:N.raw}),n.emit("activeChange",y.value)}return{getKey:S,selectedItems:y,listViewItemClass:x,listViewItemStyle:F,updateSelectedItems:V,onCheckItem:O,onClickItem:q}}const Ve=t.defineComponent({name:"FListView",props:ge,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(e,n){const i=t.ref(),o=t.ref(!0),c=t.ref(!1),a=t.ref([]),r=0,d=t.ref(e.columns),b=H.useFilter(e,n),v=H.useIdentify(e),I=H.useHierarchy(e),h=H.useGroupData(e,v),f=H.useDataView(e,new Map,b,I,v),g=H.useSelection(e,f,v,a,n),T=he(e,i),u=H.usePagination(e,f),l=t.computed(()=>f.dataView.value.length),C=H.useRow(e,n,g,v),w=H.useEdit(e,n,v,C,a),y=H.useVisualDataBound(e),k=H.useVisualDataCell(e,{},y),V=H.useVisualDataRow(e,f,w,I,v,y,k),S=H.useVisualGroupRow(e,v,k,V),x=H.useVisualSummaryRow(e,v,k,V),F=H.useVisualData(e,d,f,l,r,V,S,x),{getVisualData:s}=F;a.value=s(0,l.value+r-1);const O=t.computed(()=>{const B={"f-list-view":!0,"f-list-view-multiple":e.multiSelect};return e.size!=="default"&&(B[`${e.size}-item`]=!0),E.getCustomClass(B,e.customClass)}),R=t.computed(()=>!!n.slots.footer||o.value);function L(){return e.header==="SearchBar"?le:e.header==="ContentHeader"?Se:le}const q=L(),{renderHeader:N}=q(e,n,T),m=we(),p=Fe(e,n,f,m),M=Ie(e,n,a,p,m,g),{renderListArea:P}=be(e,n,a,f,h,m,g,F,M,p);function _(B){T.search(B)}function Ue(B){B&&(f.load(B),a.value=s(0,l.value+r-1))}function De(){g.clearSelection(),m.clearActiveItem()}function We(){return M.selectedItems.value}function Ke(){return M.selectedItems.value.map(B=>B[v.idField.value])}function se(B){g.selectedValues.value=B,M.updateSelectedItems()}function Xe(){return g.currentSelectedDataId.value}function Ye(B){C.activeRowById(B)}function Je(B){const $=v.idField.value,z=a.value.find(ee=>ee.raw[$]===B),W=a.value.findIndex(ee=>ee.raw[$]===B);z&&W>-1&&M.onClickItem(z,W)}function Qe(B){const $=v.idField.value,z=a.value.find(W=>W.raw[$]===B);z&&C.changeRow(z)}function Ze(B){u.updatePagination(B)}function et(B){return a.value.filter($=>B.includes($.raw[e.idField]))}n.expose({search:_,updateDataSource:Ue,clearSelection:De,getSelections:We,updateSelectionByIds:se,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,$)=>{B!==$&&se(B)});const nt=H.useSidebar(e,g),{sidebarWidth:it,showSidebarCheckBox:xt}=nt,lt=H.useColumn(e,n),{applyColumnSorter:Tt,columnContext:ot,updateColumnRenderContext:Nt}=lt,at=H.useVirtualScroll(e,f,a,ot,F,l,r,it,w),{shouldRenderPagination:Pt}=u,{renderDataGridPagination:Ot}=H.getPagination(e,n,f,at,u,g);return()=>t.createVNode("div",{class:O.value,onClick:tt},[N(),t.createVNode("div",{ref:i,class:"f-list-view-content",onMouseover:()=>{c.value=!0},onMouseleave:()=>{c.value=!1}},[P()]),R.value&&t.createVNode("div",{class:"f-list-view-footer"},[e.footerTemplate?e.footerTemplate():n.slots.footer&&n.slots.footer()])])}}),ke={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 xe(e,n){function i(o){o.stopPropagation(),e.disabled||n.emit("click",o)}return{onClickButton:i}}function Te(e){const n=t.computed(()=>{const o={"f-icon":!0};if(e.icon){const c=e.icon.trim().split(" ");c&&c.length&&c.reduce((a,r)=>(a[r]=!0,a),o)}return o}),i=t.computed(()=>!!(e.icon&&e.icon.trim()));return{iconClass:n,shouldShowIcon:i}}const Ne=t.defineComponent({name:"FButton",props:ke,emits:["click"],setup(e,n){const{onClickButton:i}=xe(e,n),{iconClass:o,shouldShowIcon:c}=Te(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":c.value};return r[`btn-${e.type}`]=!0,e.customClass&&Object.keys(e.customClass).reduce((d,b)=>(d[b]=e.customClass[b],d),r),r});return()=>t.createVNode("button",{class:a.value,disabled:e.disabled,onClick:r=>i(r)},[c.value&&t.createVNode("i",{class:o.value},null),n.slots.default&&n.slots.default()])}}),Y=new Map([["appearance",G.resolveAppearance]]),J={$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"],events:{onClear:"清空事件",onChange:"值变化事件",beforeOpen:"打开下拉面板前事件"}};function Q(e,n,i){return n}function Pe(){function e(n,i,o){const c={};return c.beforeOpen=a=>i.call("beforeOpen",n,[a,n],o),c}return{resolve:e}}const U={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}};Object.assign({},U,{readonly:{}}),G.createPropsResolver(U,J,Y,Q);const oe=G.getPropsResolverGenerator(U,J,Y,Q),Oe=Pe(),Be={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}},Me=t.defineComponent({name:"FComboListContainer",props:Be,emits:["selectionChange"],setup(e,n){const i=t.ref(),o=t.ref(e.dataSource),c=t.ref([]),a=t.ref(e.separator),r=t.ref(e.width),d=t.ref(e.maxHeight),b=t.computed(()=>e.multiSelect),v=t.ref(e.multiSelect?String(e.selectedValues).split(a.value):[e.selectedValues]),I=t.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:b.value,showSelectAll:!1,showSelection:!0}));t.watch(e.dataSource,()=>{o.value=e.dataSource}),t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader");const h=t.computed(()=>{const l={};return r.value!==void 0&&(l.width=`${r.value}px`),d.value!==void 0&&d.value>0&&(l.maxHeight=`${d.value}px`),l});function f(l){i.value.search(l)}function g(l){c.value=l.map(C=>Object.assign({},C)),v.value=l.map(C=>C[e.idField]),n.emit("selectionChange",c.value)}function T(l){if(e.enableHighlightSearch)return;let C=[];const{searchOption:w}=e;typeof w=="function"?C=o.value.filter(y=>w(l,y)):C=o.value.filter(y=>y[e.valueField].indexOf(l)>-1||y[e.textField].indexOf(l)>-1),i.value.updateDataSource(C)}t.watch([()=>e.selectedValues],([l])=>{e.multiSelect?v.value=l.split(a.value):v.value=[l]});function u(l){i.value.activeRowById(l)}return t.onMounted(()=>{var l,C;if(!e.multiSelect){const w=(l=v.value)==null?void 0:l[0];let y=w;const k=o.value.map(V=>V[e.valueField||e.idField]);if(!de.isUndefined(w)&&k.includes(w)){const V=typeof w,S=typeof((C=o.value[0])==null?void 0:C[e.valueField||e.idField]);S==="number"&&V!==S&&(y=Number(w)),S==="boolean"&&V!==S&&(y=w==="true"?!0:w==="false"?!1:w),u(y)}}}),n.expose({search:f,activeRowById:u}),()=>t.createVNode("div",{class:"f-combo-list-container",style:h.value},[t.createVNode(ue,{ref:i,size:"small",itemClass:"f-combo-list-item",itemContentClass:"text-truncate",header:"ContentHeader",headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:I.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:v.value,onSelectionUpdate:g,onAfterSearch:T},null)])}});function Re(e){const n=t.ref(""),i=t.ref(e.modelValue),o=t.ref(e.data||[]),c=t.ref(e.editable);function a(u){const l=e.multiSelect?String(u).split(e.separator):[String(u)],C=l.map(k=>[k,!0]),w=new Map(C);return o.value.filter(k=>w.has(String(k[e.valueField]))).sort((k,V)=>{const S=l.indexOf(k[e.valueField]),x=l.indexOf(V[e.valueField]);return S-x})}function r(u){const l=a(u).map(C=>C[e.textField]).join(e.separator);n.value=c.value?l||u:l}function d(u){if(e.multiSelect){const l=u.split(e.separator).map(w=>[w,!0]),C=new Map(l);return o.value.filter(w=>C.has(w[e.textField]))}return o.value.filter(l=>""+l[e.textField]===u)}function b(u){const l={};return l[e.idField]=u,l[e.textField]=u,[l]}function v(u){let l=d(u);const C=l&&l.length>0;return c.value&&!C&&(l=b(u)),l}function I(){const{url:u,method:l="GET",headers:C={"Content-Type":"application/json;charset=utf-8;"},body:w=null}=e.remote;if(!u)return;const y=l.toLowerCase()==="get"?{method:l,headers:C}:{method:l,headers:C,body:w};let k=!1;fetch(new Request(u,y)).then(V=>{var x,F;if(V.status===200)return k=!!((F=(x=V.headers)==null?void 0:x.get("content-type"))!=null&&F.includes("application/json")),k?V.text():V.json();throw V.status===405?new Error(K.LocaleService.getLocaleValue("comboList.remoteError")):new Error(V.statusText)}).then(V=>{V.length&&(o.value=k?JSON.parse(V):V)}).catch(V=>{console.warn(V)})}e.remote&&(e.load?e.load().then(u=>{o.value=u}).catch(u=>{console.log(u)}):I()),t.watch(()=>e.data,()=>{o.value=e.data}),t.watch([o],([u])=>{if(e.modelValue!=null){const l=u.find(C=>C[e.valueField]===e.modelValue);l&&(n.value=l[e.textField])}}),t.watch(()=>e.modelValue,u=>{i.value=u,r(u)});function h(u){o.value=u}function f(){return o.value}function g(){return n.value}function T(){const u=typeof e.beforeOpen=="function";return!e.beforeOpen||!u?Promise.resolve(!0):Promise.resolve().then(()=>e.beforeOpen({instance:{updateDataSource:h,getData:f,getDisplayText:g}})).then(l=>typeof(l==null?void 0:l.canOpen)=="boolean"?l==null?void 0:l.canOpen:!0)}return r(e.modelValue),{dataSource:o,displayText:n,editable:c,modelValue:i,beforeOpenList:T,getItemsByDisplayText:d,getItemsByValue:a,getSelectedItemsByDisplayText:v}}const D=t.defineComponent({name:"FComboList",props:U,emits:["clear","update:modelValue","change","input"],setup(e,n){const i=t.ref(),o=t.ref(),c=t.ref(e.disabled||e.readonly),a=t.ref(e.enableClear),r=t.ref(e.enableSearch),d=t.ref(e.readonly),{dataSource:b,displayText:v,editable:I,modelValue:h,getItemsByDisplayText:f,getItemsByValue:g,beforeOpenList:T}=Re(e),u=t.ref(e.dropDownIcon);u.value==='<span class="f-icon f-icon-arrow-chevron-down"></span>'&&(u.value='<span id="'+e.id+'-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');const l=t.computed(()=>e.multiSelect),C=t.computed(()=>o.value?o.value.elementRef.getBoundingClientRect().width:0);function w(){!l.value&&o.value&&o.value.hidePopup()}function y(m){v.value=m.map(M=>M[e.textField]).join(e.separator)||h.value;let p="";m.length===1?p=m[0][e.valueField]:p=m.map(M=>M[e.valueField]).join(e.separator),h.value!==p&&(h.value=p,n.emit("update:modelValue",h.value),n.emit("change",m,h.value))}function k(){const m=g(h.value);y(m)}function V(){d.value||v.value}function S(m){var p;h.value="",(p=i.value)==null||p.activeRowById(""),n.emit("clear")}function x(m){var p,M;e.enableSearch&&e.enableHighlightSearch&&((p=i.value)==null||p.search(m)),(M=i.value)==null||M.activeRowById(m),n.emit("change",[h.value],h.value)}function F(m){if(e.multiSelect){const p=f(m);e.viewType;const P=p.map(_=>_[e.idField||e.valueField]).join(e.separator);h.value!==P&&(h.value=P,n.emit("update:modelValue",h.value),n.emit("change",p,h.value))}else m!==h.value&&(h.value=m,n.emit("update:modelValue",h.value),n.emit("change",[],m))}function s(){return v.value}function O(m){const{value:p}=m.target;x(p),n.emit("input",p)}function R(){o.value.hidePopup()}function L(m){b.value=m}function q(){return b.value}const N={getDisplayText:s,hidePopup:R,updateDataSource:L,getData:q};return n.expose(N),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([m,p,M,P,_])=>{c.value=m,I.value=p,a.value=M,r.value=P,d.value=_}),()=>t.createVNode(ce,{ref:o,id:e.id,disable:c.value,readonly:d.value,forcePlaceholder:e.forcePlaceholder,editable:I.value,buttonContent:u.value,placeholder:e.placeholder==="请选择"?K.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:v.value,"onUpdate:modelValue":m=>v.value=m,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:S,onClick:V,onChange:F,onBlur:k,onInput:O,beforeOpen:T,placement:e.placement,popupMinWidth:e.minPanelWidth,popupClass:"f-combo-list-wrapper",popupOnClick:e.popupOnClick,limitContentBySpace:!0},{default:()=>[t.createVNode(Me,{ref:i,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:b.value,selectedValues:h.value,separator:e.separator,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?C.value:void 0,onSelectionChange:m=>{y(m),w()}},null)]})}}),je=Object.assign({},ne.comboListProps,{readonly:{}});G.createPropsResolver(ne.comboListProps,J,Y,Q);const ae={convertFrom:(e,n)=>(e.editor.remote||{})[n],convertTo:(e,n,i)=>{e.editor.remote=e.editor.remote||{},e.editor.remote[n]=i}};class Le extends me.InputBaseProperty{constructor(n,i){super(n,i)}getCommonEditorProperties(n){var i,o,c;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:!!((o=n.editor)!=null&&o.multiSelect)&&((c=n.editor)==null?void 0:c.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 o="";if(((a=n==null?void 0:n.binding)==null?void 0:a.type)==="Form"){const d=this.schemaService.getFieldByIDAndVMID(n.binding.field,this.viewModelId);(r=d==null?void 0:d.schemaField)!=null&&r.type&&(o=d.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:!o||o==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(n)},(d,b)=>{if(!d||!b.editor)return;const v=this;switch(d.propertyID){case"dataSourceType":{d.propertyValue==="static"?(b.editor.valueField="value",b.editor.textField="name",b.editor.remote=null):d.propertyValue==="dynamic"&&(b.editor.remote={method:"GET"},b.editor.valueField="value",b.editor.textField="name");break}case"data":{!v.checkEnumDataReadonly(b)&&b.formatter&&(b.formatter.data=[...d.propertyValue]);break}case"viewType":d.propertyValue==="tag"&&(b.editor.editable=!1)}})}getGridFieldEdtiorProperties(n,i){var r,d,b,v,I,h;const o=this;let c="";if(((r=n==null?void 0:n.binding)==null?void 0:r.type)==="Form"){const f=this.schemaService.getFieldByIDAndVMID(n.binding.field,this.viewModelId);(d=f==null?void 0:f.schemaField)!=null&&d.type&&(c=f.schemaField.type.$type)}return o.getComponentConfig(n,{type:"combo-list"},{enableClear:{description:"",title:"启用清空",type:"boolean"},data:{description:"",title:"数据",type:"array",visible:!((b=n.editor)!=null&&b.dataSourceType)||((v=n.editor)==null?void 0:v.dataSourceType)==="static",...o.getItemCollectionEditor(n,(I=n.editor)==null?void 0:I.valueField,(h=n.editor)==null?void 0:h.textField),refreshPanelAfterChanged:!0},textField:{description:"",title:"数据源显示字段",type:"string",readonly:!0},valueField:{description:"",title:"数据源值字段",type:"string",readonly:!0},multiSelect:{description:"",title:"启用多选",visible:c==="StringType",type:"boolean",refreshPanelAfterChanged:!0},maxLength:{description:"",title:"最大输入长度",type:"number",editor:{nullable:!0,min:0,useThousands:!1,needValid:!0}},...this.getCommonEditorProperties(n)},(f,g)=>{if(!f||!g.editor)return;const T=this;switch(f.propertyID){case"dataSourceType":{f.propertyValue==="static"?(g.editor.valueField="value",g.editor.textField="name",g.editor.remote=null):f.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=[...f.propertyValue]);break}}})}setEditorPropertyRelates(n,i,o){if(!n||!i.editor)return;const c=this;switch(n.propertyID){case"dataSourceType":{n.propertyValue==="static"&&(i.editor.valueField="value",i.editor.textField="name",i.editor.remote={});break}case"data":{!c.checkEnumDataReadonly(i)&&i.formatter&&(i.formatter.data=[...n.propertyValue]);break}}}changeBindingField(n,i,o){var a;super.changeBindingField(n,i);const c=o;n.editor&&((a=c==null?void 0:c.type)==null?void 0:a.$type)===E.FormSchemaEntityFieldType$Type.EnumType&&(n.editor.data=c.type.enumValues||[])}getEventPropertyConfig(n,i="card",o,c){const a=this;let r=[{label:"onChange",name:"值变化事件"},{label:"beforeOpen",name:"下拉面板前事件"}];o&&(r=r.concat(o)),this.appendFieldValueChangeEvents(n,r);const d=a.eventsEditorUtils.formProperties(n,a.viewModelId,r);return{title:"事件",hideTitle:!0,properties:a.createBaseEventProperty(d),tabId:"commands",tabName:"交互",setPropertyRelates(I,h){const f=I.propertyValue;delete n[a.viewModelId],f&&(f.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(n,a.viewModelId,f.events,f)),c&&c(I,h,f);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 He(e,n){const i=e.schema;function o(c,a){return new Le(c,n).getPropertyConfig(i,a)}return{getPropsConfig:o}}const $e=t.defineComponent({name:"FComboListDesign",props:je,emits:["clear","update:modelValue","change"],setup(e,n){const i=t.ref(),o=t.inject("designer-host-service"),c=t.inject("design-item-context"),a=He(c,o),r=te.useDesignerComponent(i,c,a);return t.onMounted(()=>{i.value.componentInstance=r}),n.expose(r.value),()=>t.createVNode(fe,{ref:i,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}});D.register=(e,n,i,o,c)=>{e["combo-list"]=D,n["combo-list"]=oe(c),o["combo-list"]={callbackResolver:Oe}},D.registerDesigner=(e,n,i,o)=>{e["combo-list"]=$e,n["combo-list"]=oe(o)};const re=E.withInstall(D),Ae=t.defineComponent({name:"FOrderDesign",props:A.orderProps,emits:["change"],setup(e,n){const i=t.ref(e.items),o=t.ref("排序列"),c=t.ref("排序方式"),a=t.ref("添加排序列"),r=[{id:"asc",name:"升序"},{id:"desc",name:"降序"}],d=t.ref(new Map),b=t.ref(),v=t.inject("design-item-context"),I=te.useDesignerComponent(b,v);t.onMounted(()=>{b.value.componentInstance=I}),n.expose(I.value);function h(){const y=i.value.map(k=>[k.id,!0]);d.value=new Map(y)}h();const f=t.computed(()=>e.dataSource.map(y=>(y.disabled=d.value.has(y.id),y))),g=t.computed(()=>({"f-order":!0}));function T(y){i.value=i.value.filter(k=>k.id!==y.id),h(),n.emit("change",i.value)}function u(){i.value=[...i.value,{id:Date.now().toString(),name:"",order:"asc"}],h(),n.emit("change",i.value)}function l(y){h(),n.emit("change",i.value)}function C(y){if(y&&y.length){const k=new Map;y.reduce((V,S)=>(V.set(S.id,S),V),k),i.value=y.map(V=>k.get(V.id)),n.emit("change",i.value)}}function w(){return t.createVNode(Ve,{style:"flex:1",data:i.value,draggable:!0,view:"DraggableView","keep-order":!0,itemClass:"f-order-item",onRemoveItem:T,onChange:C},{header:()=>t.createVNode("div",{class:"f-order-header"},[t.createVNode("span",{class:"f-order-header-order-field"},[o.value]),t.createVNode("span",{class:"f-order-header-order-type"},[c.value])]),itemContent:y=>t.createVNode("div",{class:"f-order-item-content"},[t.createVNode(re,{class:"f-order-item-content-order-field",data:f.value,valueField:"id",textField:"name",idField:"id",modelValue:y.id,"onUpdate:modelValue":k=>y.id=k,onChange:l,onClear:l},null),t.createVNode(re,{class:"f-order-item-content-order-type",data:r,valueField:"id",textField:"name",idField:"id",modelValue:y.order,"onUpdate:modelValue":k=>y.order=k,onChange:l},null)]),footer:()=>t.createVNode("div",{class:"f-order-footer"},[t.createVNode(Ne,{type:"link",class:"f-order-add-button",onClick:u},{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:b,class:g.value},[w()])}}),Ee=new Map([["appearance",G.resolveAppearance]]),qe={$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 Ge(e,n,i){return n}const _e={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=G.createPropsResolver(A.orderProps,qe,Ee,Ge,_e),ze={register(e,n,i,o){e.order=A,n.order=Z},registerDesigner(e,n,i){e.order=Ae,n.order=Z}};j.default=ze,j.propsResolver=Z,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/page-footer/index.esm.js

@@ -0,0 +1,290 @@
+import w, { pageFooterProps as v } from "../../components/page-footer/index.esm.js";
+import { defineComponent as L, ref as r, inject as y, onMounted as B, computed as l, createVNode as n, Fragment as S } from "vue";
+import { useDesignerComponent as N } from "../../components/designer-canvas/index.esm.js";
+import { useDesignerRules as V } from "../dynamic-form/index.esm.js";
+import { resolveAppearance as W, createPropsResolver as z } from "../../components/dynamic-resolver/index.esm.js";
+const E = /* @__PURE__ */ L({
+  name: "FPageFooterDesign",
+  props: v,
+  emits: [],
+  setup(o, t) {
+    const i = r(o.collapsed), u = r(o.collapsedText), C = r(o.contentClass), p = r(o.enableCollapse), h = r(o.expandedText), f = r(o.headerClass), A = r(o.headerContentClass), T = r(o.headerToolbarClass), F = r(o.showHeader), d = r(), m = y("design-item-context"), j = y("designer-host-service"), H = V(m, j), g = N(d, m, H);
+    B(() => {
+      d.value.componentInstance = g;
+    }), t.expose(g.value);
+    function R(e) {
+      e && e.stopImmediatePropagation(), i.value = !i.value;
+    }
+    function x() {
+      return p.value && n("div", {
+        class: "toolbar--collapse",
+        onClick: (e) => R(e)
+      }, [n("span", {
+        class: "toobar--collapse-text"
+      }, [i.value ? h.value : u.value]), n("i", {
+        class: "f-icon toolbar--collapse-icon"
+      }, null)]);
+    }
+    const I = l(() => {
+      const e = {
+        "f-toolbar": !0
+      };
+      return T.value.split(" ").reduce((s, a) => (s[a] = !0, s), e), e;
+    });
+    function M() {
+      return n("div", {
+        class: I.value
+      }, [t.slots.headerToolbar && t.slots.headerToolbar(), !t.slots.headerToolbar && x()]);
+    }
+    const P = l(() => {
+      const e = {
+        "f-content": !0
+      };
+      return A.value.split(" ").reduce((s, a) => (s[a] = !0, s), e), e;
+    });
+    function $() {
+      return n(S, null, [t.slots.headerContent && n("div", {
+        class: P.value
+      }, [t.slots.headerContent()]), M()]);
+    }
+    const q = l(() => {
+      const e = {
+        "f-cmp-footer-header": !0
+      };
+      return f.value.split(" ").reduce((s, a) => (s[a] = !0, s), e), e;
+    });
+    function D() {
+      return n("header", {
+        class: q.value
+      }, [t.slots.header && t.slots.header(), !t.slots.header && $()]);
+    }
+    const O = l(() => {
+      const e = {
+        "f-cmp-footer": !0,
+        "f-state-collapse": p.value && i.value,
+        "f-cmp-footer-accordion": p.value
+      };
+      return f.value.split(" ").reduce((s, a) => (s[a] = !0, s), e), e;
+    }), k = l(() => {
+      const e = {
+        "f-cmp-footer-content": !0
+      };
+      return C.value.split(" ").reduce((s, a) => (s[a] = !0, s), e), e;
+    });
+    return () => n("div", {
+      ref: d,
+      class: O.value
+    }, [n("footer", {
+      class: "f-cmp-footer-container"
+    }, [F.value && D(), n("div", {
+      class: k.value
+    }, [t.slots.default && t.slots.default()])])]);
+  }
+}), G = /* @__PURE__ */ new Map([
+  ["appearance", W]
+]), J = "https://json-schema.org/draft/2020-12/schema", K = "https://farris-design.gitee.io/page-footer.schema.json", Q = "page-footer", U = "A Farris Input Component", X = "object", Y = {
+  id: {
+    description: "The unique identifier for a page-footer",
+    type: "string"
+  },
+  type: {
+    description: "The type string of page-footer component",
+    type: "string",
+    default: "page-footer"
+  },
+  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: ""
+  }
+}, Z = [
+  "id",
+  "type"
+], _ = {
+  $schema: J,
+  $id: K,
+  title: Q,
+  description: U,
+  type: X,
+  properties: Y,
+  required: Z
+};
+function ee(o, t, i) {
+  return t;
+}
+const te = "page-footer", oe = "A Farris Component", se = "object", re = {
+  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: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, ne = {
+  title: te,
+  description: oe,
+  type: se,
+  categories: re
+}, b = z(v, _, G, ee, ne), de = {
+  register(o, t, i, u) {
+    o["page-footer"] = w, t["page-footer"] = b;
+  },
+  registerDesigner(o, t, i) {
+    o["page-footer"] = E, t["page-footer"] = b;
+  }
+};
+export {
+  de as default,
+  b as propsResolver
+};

package/designer/page-footer/index.umd.cjs

@@ -0,0 +1 @@
+(function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("../../components/page-footer/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../dynamic-form/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/page-footer/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../dynamic-form/index.umd.js","../../components/dynamic-resolver/index.umd.js"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n["page-footer"]={},n.FPageFooter,n.Vue,n.designerCanvas,n.designer$1,n.dynamicResolver))})(this,function(n,i,e,C,h,f){"use strict";const v=e.defineComponent({name:"FPageFooterDesign",props:i.pageFooterProps,emits:[],setup(r,o){const c=e.ref(r.collapsed),m=e.ref(r.collapsedText),q=e.ref(r.contentClass),p=e.ref(r.enableCollapse),V=e.ref(r.expandedText),g=e.ref(r.headerClass),F=e.ref(r.headerContentClass),N=e.ref(r.headerToolbarClass),H=e.ref(r.showHeader),u=e.ref(),y=e.inject("design-item-context"),R=e.inject("designer-host-service"),M=h.useDesignerRules(y,R),b=C.useDesignerComponent(u,y,M);e.onMounted(()=>{u.value.componentInstance=b}),o.expose(b.value);function I(t){t&&t.stopImmediatePropagation(),c.value=!c.value}function O(){return p.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:t=>I(t)},[e.createVNode("span",{class:"toobar--collapse-text"},[c.value?V.value:m.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const P=e.computed(()=>{const t={"f-toolbar":!0};return N.value.split(" ").reduce((s,a)=>(s[a]=!0,s),t),t});function D(){return e.createVNode("div",{class:P.value},[o.slots.headerToolbar&&o.slots.headerToolbar(),!o.slots.headerToolbar&&O()])}const S=e.computed(()=>{const t={"f-content":!0};return F.value.split(" ").reduce((s,a)=>(s[a]=!0,s),t),t});function k(){return e.createVNode(e.Fragment,null,[o.slots.headerContent&&e.createVNode("div",{class:S.value},[o.slots.headerContent()]),D()])}const w=e.computed(()=>{const t={"f-cmp-footer-header":!0};return g.value.split(" ").reduce((s,a)=>(s[a]=!0,s),t),t});function L(){return e.createVNode("header",{class:w.value},[o.slots.header&&o.slots.header(),!o.slots.header&&k()])}const B=e.computed(()=>{const t={"f-cmp-footer":!0,"f-state-collapse":p.value&&c.value,"f-cmp-footer-accordion":p.value};return g.value.split(" ").reduce((s,a)=>(s[a]=!0,s),t),t}),_=e.computed(()=>{const t={"f-cmp-footer-content":!0};return q.value.split(" ").reduce((s,a)=>(s[a]=!0,s),t),t});return()=>e.createVNode("div",{ref:u,class:B.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[H.value&&L(),e.createVNode("div",{class:_.value},[o.slots.default&&o.slots.default()])])])}}),j=new Map([["appearance",f.resolveAppearance]]),T={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-footer.schema.json",title:"page-footer",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a page-footer",type:"string"},type:{description:"The type string of page-footer component",type:"string",default:"page-footer"},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 x(r,o,c){return o}const A={title:"page-footer",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:"右对齐"}]}}}}}},d=f.createPropsResolver(i.pageFooterProps,T,j,x,A),$={register(r,o,c,m){r["page-footer"]=i,o["page-footer"]=d},registerDesigner(r,o,c){r["page-footer"]=v,o["page-footer"]=d}};n.default=$,n.propsResolver=d,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});