@farris/ui-vue 1.0.0-beta.6 → 1.0.0

package/order/index.umd.js

@@ -0,0 +1 @@
+(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H.order={},H.Vue))})(this,function(H,e){"use strict";const Y={dataSource:{type:Array,default:[]},items:{type:Array,default:[]}},ce={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"},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,default:""},selectionValues:{type:Array,default:[]},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"}};function ue(t,n,a,l,o){const r=e.ref(t.idField),i=e.ref(t.disableField),s=e.ref(t.draggable),g=e.ref(t.itemClass),c=e.ref(t.multiSelect),f=e.ref(t.multiSelectMode);e.ref(!0);const{isDragging:u}=a,{activeIndex:d,focusedItemId:y,hoverIndex:h}=l,{clearSelection:p,selectedItems:b,toggleSelectItem:S}=o;function V(v,M){const F={"f-list-view-group-item":!0,"f-list-view-draggable-item":s.value,"f-un-click":!!v.unClick,"f-un-select":!!v[i.value],"f-listview-active":v.__fv_index__===d.value,"f-listview-hover":!u.value&&M===h.value,moving:!!v.moving};return g.value.split(" ").reduce((_,P)=>(_[P]=!0,_),F),F}function w(v,M){return v[r.value]||""}const B=e.computed(()=>!c.value);function I(v,M){v.unClick||v[i.value]||(B.value&&(y.value=v[r.value]),S(v,M))}const k=e.computed(()=>c.value&&f.value==="OnCheckClearByClick"),j=e.computed(()=>!c.value||c.value&&(f.value==="OnCheckAndClick"||f.value==="OnClick"));function O(v,M,F){if(M.unClick||M[i.value]){v.preventDefault(),v.stopPropagation();return}y.value=M[r.value],d.value=F,k.value&&p(),j.value&&S(M,F),n.emit("clickItem",{data:b.value,index:F})}return{getKey:w,listViewItemClass:V,onCheckItem:I,onClickItem:O}}function de(t,n,a){const l=e.ref(t.idField),o=e.ref(t.multiSelect);e.ref(t.multiSelectMode);const{getSelectionItems:r}=a,i=e.ref(r(t.selectionValues));e.watch(()=>t.selectionValues,d=>{i.value=e.ref(r(d)).value});const s=e.computed(()=>!o.value);function g(d){return d[l.value]||""}function c(d){return i.value.findIndex(h=>g(h)===g(d))}function f(){i.value.forEach(d=>{d.checked=!1}),i.value=[]}function u(d,y){s.value&&f();const h=c(d);h>-1?(i.value.splice(h,1),d.checked=!1):(i.value.push(d),d.checked=!0),n.emit("selectionChange",i.value)}return{clearSelection:f,findIndexInSelectedItems:c,selectedItems:i,toggleSelectItem:u}}function fe(t,n){function a(r){const i=[];let s=r.nextNode();for(;s;)i.push(s),s=r.nextNode();return i}function l(r,i){const s=document.createTreeWalker(r,NodeFilter.SHOW_TEXT);return a(s).map(u=>({textNode:u,text:(u.textContent||"").toLocaleLowerCase()})).map(({textNode:u,text:d})=>{const y=[];let h=0;for(;h<d.length;){const p=d.indexOf(i,h);if(p===-1)break;y.push(p),h=p+i.length}return y.map(p=>{const b=new Range;return b.setStart(u,p),b.setEnd(u,p+i.length),b})}).flat()}function o(r){if(!CSS.highlights||(CSS.highlights.clear(),!r||!n))return;const i=l(n.value,r.toLocaleLowerCase()),s=new Highlight(...i);CSS.highlights.set("search-result",s)}return{search:o}}const pe={checked:{Type:Boolean,default:!1},id:{Type:String,default:""},disabled:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},G=e.defineComponent({name:"FListViewCheckBox",props:pe,emits:["change","update:modelValue"],setup(t,n){const a=e.ref(t.checked),l=e.ref(t.disabled),o=e.ref(t.id);function r(i){i.stopPropagation(),i.preventDefault(),l.value||(a.value=!a.value,n.emit("change",{originalEvent:i,checked:a.value}))}return e.watch(()=>t.checked,i=>{a.value=i}),()=>e.createVNode("div",{class:"custom-control custom-checkbox  custom-control-inline listview-checkbox"},[e.withDirectives(e.createVNode("input",{id:o.value,title:o.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":i=>a.value=i,onChange:i=>console.log(i)},null),[[e.vModelCheckbox,a.value]]),e.createVNode("label",{for:o.value,class:"custom-control-label",onClick:i=>r(i)},null)])}});function Z(t,n,a,l,o,r,i,s){const g=e.ref(t.size),c=e.ref(t.textField),f=e.ref(t.multiSelect),u=e.ref(t.disableField),{onMouseenterItem:d,onMouseoverItem:y,onMouseoutItem:h}=o,{getKey:p,listViewItemClass:b,onCheckItem:S,onClickItem:V}=r,w=e.computed(()=>({margin:g.value==="small"?"0.25rem 0":"10px 0"}));function B(I,k,j){return I.checked=i.findIndexInSelectedItems(I)>-1,e.createVNode("li",{class:b(I,k),id:p(I,k),key:p(I,k),onClick:O=>V(O,I,k),onMouseenter:O=>d(O,I,k),onMouseover:O=>y(O,I,k),onMouseout:O=>h(O,I,k)},[f.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(G,{id:"list-"+p(I,k),disabled:I[u.value]||I.unClick,checked:I.checked,onChange:O=>S(I,k)},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{style:w.value},[I[c.value]])])])}return{renderItem:B}}function me(t,n,a,l,o,r,i,s){const g=e.ref(t.multiSelect),c=e.ref(t.disableField),{onMouseenterItem:f,onMouseoverItem:u,onMouseoutItem:d}=o,{getKey:y,listViewItemClass:h,onCheckItem:p,onClickItem:b}=r;function S(w,B,I){return n.slots.content?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.content({item:w,index:B,selectedItem:I})]):e.createVNode("div",{style:"margin: 10px 0;"},[w.name])}function V(w,B,I){return e.createVNode("li",{class:h(w,B),id:y(w,B),key:y(w,B),onClick:k=>b(k,w,B),onMouseenter:k=>f(k,w,B),onMouseover:k=>u(k,w,B),onMouseout:k=>d(k,w,B)},[g.value&&e.createVNode("div",{class:"f-list-select",onClick:k=>k.stopPropagation()},[e.createVNode(G,{id:"list-"+y(w,B),disabled:w[c.value]||w.unClick,checked:w.checked,onChange:k=>p(w,B)},null)]),e.createVNode("div",{class:"f-list-content"},[S(w,B,I)])])}return{renderItem:V}}function ge(t,n,a,l,o,r,i,s){const g=e.ref(t.multiSelect),c=e.ref(t.disableField),{onMouseenterItem:f,onMouseoverItem:u,onMouseoutItem:d}=o,{getKey:y,listViewItemClass:h,onCheckItem:p,onClickItem:b}=r,{dragstart:S,dragenter:V,dragover:w,dragend:B}=l,{removeItem:I}=s,k=e.computed(()=>({margin:g.value?"10px 0":"10px 0px 10px 14px"}));function j(F){return e.createVNode("div",{style:k.value},[F.name])}function O(){return n.slots.itemContent?n.slots.itemContent:j}const v=O();function M(F,L,_){return e.createVNode("li",{class:h(F,L),id:y(F,L),key:y(F,L),onClick:P=>b(P,F,L),onMouseenter:P=>f(P,F,L),onMouseover:P=>u(P,F,L),onMouseout:P=>d(P,F,L),draggable:"true",onDragstart:P=>S(P,F,L),onDragenter:P=>V(P,L),onDragend:P=>B(P,F),onDragover:P=>w(P,L)},[g.value&&e.createVNode("div",{class:"f-list-select",onClick:P=>P.stopPropagation()},[e.createVNode(G,{id:"list-"+y(F,L),disabled:F[c.value]||F.unClick,checked:F.checked,onChange:P=>p(F,L)},null)]),e.createVNode("div",{class:"f-list-content"},[v(F)]),e.createVNode("div",{class:"f-list-remove",onClick:P=>I(L)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:M}}function he(t,n,a){function l(){return n.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:l}}function ee(t,n,a){const l=e.ref(t.headerClass),o=e.ref(t.placeholder),r=e.ref(""),i=e.computed(()=>!r.value),s=e.computed(()=>!!r.value);function g(d){r.value=""}e.watch(r,d=>{a.search(d)});const c=e.computed(()=>{const d={"form-group":!0,"farris-form-group":!0};return l.value&&l.value.split(" ").reduce((h,p)=>(h[p]=!0,h),d),d});function f(d){}function u(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(f,["prevent","stop"])},[e.createVNode("div",{class:c.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":d=>r.value=d,name:"input-group-value",type:"text",placeholder:o.value,autocomplete:"off"},null),[[e.vModelText,r.value]]),e.createVNode("div",{class:"input-group-append"},[s.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:d=>g()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),i.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:u}}const gt="";function ye(t,n){const a=e.ref(t.idField),l=e.ref(t.data),o=e.ref(t.data),r=e.ref(t.keepOrder);function i(){const c=l.value.map((f,u)=>typeof f!="object"?{__fv_index__:u,name:f}:(f.__fv_index__=u,f));return o.value=c,c}const s=e.ref(i());e.watch(()=>t.data,c=>{if(r.value){const f=c.reduce((h,p)=>(h.set(p.id,!0),h),new Map),u=l.value.reduce((h,p)=>(h.set(p.id,!0),h),new Map),d=s.value.filter(h=>f.has(h.id)),y=c.filter(h=>!u.has(h.id));l.value=[...d,...y]}else l.value=c;s.value=i()});function g(c){return c.map(u=>{const d=o.value.findIndex(y=>y[a.value]===u);return d>-1?o.value[d]:null}).filter(u=>u!=null)}return{dataView:s,getSelectionItems:g}}function ve(t,n,a,l){const o=e.ref(t.idField),{dataView:r}=a,i=e.ref(-1),s=e.ref(!1),{activeIndex:g,focusedItemId:c,hoverIndex:f,resumeHover:u,suspendHover:d}=l;function y(S,V,w){S.stopPropagation(),d(),V&&setTimeout(()=>{i.value=w,s.value=!0,V.moving=!0})}function h(S,V){if(S.preventDefault(),i.value!==V){const w=r.value[i.value],B=r.value;B.splice(i.value,1),B.splice(V,0,w),i.value=V}}function p(S,V){S.preventDefault(),S.dataTransfer&&(S.dataTransfer.dropEffect="move")}function b(S,V){V&&(V.moving=!1),r.value.forEach((w,B)=>{w.__fv_index__=B}),s.value=!1,u(),f.value=V.__fv_index__,g.value=V.__fv_index__,c.value=V[o.value],n.emit("change",r.value)}return{dragstart:y,dragenter:h,dragover:p,dragend:b,isDragging:s}}function be(t,n,a){const{dataView:l}=a;function o(r){if(r>-1&&r<l.value.length){const i=l.value.splice(r,1);n.emit("removeItem",i[0])}}return{removeItem:o}}function Ce(){const t=e.ref(-1),n=e.ref(""),a=e.ref(-1),l=e.ref(!1);function o(c,f,u){a.value=u}function r(c,f,u){l.value||(a.value=u)}function i(c,f,u){a.value=-1}function s(){l.value=!0}function g(){l.value=!1}return{activeIndex:t,focusedItemId:n,hoverIndex:a,onMouseenterItem:o,onMouseoverItem:r,onMouseoutItem:i,resumeHover:g,suspendHover:s}}const te=e.defineComponent({name:"FListView",props:ce,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change"],setup(t,n){const a=e.ref(),l=e.ref(t.view),o=e.ref(t.header),r=e.ref(t.multiSelect),i=e.ref(t.view==="CardView"),s=e.ref(!0),g=e.ref({}),c=e.ref("暂无数据");e.ref(!0),e.ref(!1),e.ref("id");const f=ye(t),{dataView:u}=f,d=e.computed(()=>{const x={"f-list-view":!0,"f-list-view-multiple":r.value};return t.size!=="default"&&(x[`${t.size}-item`]=!0),x}),y=e.computed(()=>({"f-list-view-group":!0,"d-flex":i.value,"flex-wrap":i.value})),h=e.computed(()=>!!u.value&&u.value.length>0),p=Ce(),b=de(t,n,f),S=ve(t,n,f,p),V=be(t,n,f),w=ue(t,n,S,p,b),B=fe(t,a),I=e.computed(()=>u.value.length===0),k=e.computed(()=>I.value&&!n.slots.empty),j=e.computed(()=>!!n.slots.footer||s.value);function O(){return l.value==="SingleView"?Z:l.value==="DraggableView"?ge:l.value==="ContentView"&&n.slots.content?me:Z}const v=O(),{renderItem:M}=v(t,n,f,S,p,w,b,V);function F(){return o.value==="SearchBar"?ee:o.value==="ContentHeader"?he:ee}const L=F(),{renderHeader:_}=L(t,n,B);function P(x){B.search(x)}n.expose({search:P});function N(x){r.value&&(x.preventDefault(),x.stopPropagation())}return()=>e.createVNode("div",{class:d.value,onClick:N},[_(),e.createVNode("div",{ref:a,class:"f-list-view-content"},[e.createVNode("ul",{class:y.value,style:"list-style: none;"},[h.value&&u.value.map((x,R)=>M(x,R,g)),k.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[c.value])]),n.slots.empty&&n.slots.empty()])]),j.value&&e.createVNode("div",{class:"f-list-view-footer"},[n.slots.footer&&n.slots.footer()])])}}),we={id:String,type:{type:String,default:"primary"},disabled:{type:Boolean,default:!1},size:{type:String,default:"small"},icon:{type:String}};function Se(t,n){function a(l){l.stopPropagation(),t.disabled||n.emit("click",l)}return{onClickButton:a}}const Te=e.defineComponent({name:"FButton",props:we,emits:["click"],setup(t,n){const{onClickButton:a}=Se(t,n),l=e.ref(t.size),o=e.ref(t.type),r=e.ref(t.disabled);e.ref(t.icon);const i=e.computed(()=>{const s={btn:!0,"btn-lg":l.value==="large","btn-sm":l.value!=="large"};return o.value&&(s[`btn-${o.value}`]=!0),s});return e.computed(()=>({})),()=>e.createVNode("button",{class:i.value,disabled:r.value,onClick:s=>a(s)},[n.slots.default&&n.slots.default()])}}),Ve={};function ne(t){const{properties:n}=t;return Object.keys(n).reduce((l,o)=>(l[o]=n[o].type==="object"&&n[o].properties?ne(n[o]):n[o].default,l),{})}function Be(t,n){const a=ne(n);return Object.keys(t).reduce((l,o)=>(l[o]=t[o],l),a),a}function ke(t,n){return Object.keys(t).filter(l=>t[l]!=null).reduce((l,o)=>{if(n.has(o)){const r=n.get(o);if(typeof r=="string")l[r]=t[o];else{const i=r(o,t[o]);Object.assign(l,i)}}else l[o]=t[o];return l},{})}function Ie(t,n,a=new Map){const l=Be(t,n);return ke(l,a)}function oe(t,n,a=new Map){return Ve[n.title]=n,l=>{const o=Ie(l,n,a),r=Object.keys(t).reduce((i,s)=>(i[s]=t[s].default,i),{});return Object.assign(r,o)}}function ae(t,n){return{customClass:n.class}}const xe=new Map([["appearance",ae]]),Ne={$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:{}},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:"sting",default:""}},required:["id","type"]},le={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,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:{default:!1,type:Boolean},modelValue:{type:String,default:""},placeholder:{type:String},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},valueField:{default:"id",type:String},viewType:{default:"text",type:String}};oe(le,Ne,xe);const Fe={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},width:{type:Number,default:300},valueField:{type:String,default:"id"}},Oe=e.defineComponent({name:"FComboListContainer",props:Fe,emits:["selectionChange"],setup(t,n){const a=e.ref(t.dataSource),l=e.ref([]),o=e.ref(t.separator),r=e.ref(t.selectedValues.split(o.value));e.watch(t.dataSource,()=>{a.value=t.dataSource});const i=e.computed(()=>t.enableSearch?"SearchBar":"ContentHeader");function s(g){l.value=g.map(c=>Object.assign({},c)),r.value=g.map(c=>c[t.idField]),n.emit("selectionChange",l.value)}return()=>e.createVNode("div",{class:"f-combo-list-container"},[e.createVNode(te,{size:"small",itemClass:"f-combo-list-item",header:i.value,headerClass:"f-combo-list-search-box",data:a.value,idField:t.idField,textField:t.textField,multiSelect:t.multiSelect,multiSelectMode:"OnCheckAndClick","selection-values":r.value,onSelectionChange:s},null)])}}),Pe=new Map([["appearance",ae]]),Me={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},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},require:{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:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},ie={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},textAlign:{type:String,default:"left"},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:320},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","}};oe(ie,Me,Pe);const Le={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object}},Re=e.defineComponent({name:"FOverlay",props:Le,emits:["click"],setup(t,n){const a=e.ref(t.popupContentPosition),l=e.ref(t.host);function o(s){n.emit("click"),s.preventDefault(),s.stopPropagation()}const r=e.computed(()=>{const s=l.value;if(s){const g=s.getBoundingClientRect(),{left:c,top:f,height:u}=g;return{left:c,top:f+u}}return a.value}),i=e.computed(()=>({position:"relative",left:`${r.value.left}px`,top:`${r.value.top}px`}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var s,g;return[e.createVNode("div",{class:"overlay-container",style:"pointer-events: auto;",onClick:c=>o(c)},[e.createVNode("div",{style:i.value},[(g=(s=n.slots).default)==null?void 0:g.call(s)])])]}})}});function je(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function De(t){const n=document.createElement("div");n.style.display="contents";let a;const l=t.onClickCallback||(()=>{}),o=()=>{l(),a&&a.unmount()};return a=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const r=je(t);return()=>e.createVNode(Re,{"popup-content-position":t.popupPosition,host:t.host,onClick:o},{default:()=>[r&&r()]})}}),document.body.appendChild(n),a.mount(n),a}class Ae{static show(n){return De(n)}}function $e(t,n,a,l){const o=e.ref(t.buttonBehavior),r=e.ref(t.popupOnInput),i=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),s=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);async function g(d){if(s.value){const y=!!n.slots.default;o.value==="Overlay"&&Ae.show({host:a.value,render:()=>{if(n.slots.default)return n.slots.default()}}),y&&o.value==="Popup"&&l.togglePopup(),y&&r.value&&l.hidePopup(),n.emit("clickButton",{origin:d,value:t.modelValue})}d.stopPropagation()}function c(d){n.emit("mouseEnterIcon",d)}function f(d){n.emit("mouseLeaveIcon",d)}function u(){n.emit("mouseOverButton")}return{buttonClass:i,onClickButton:g,onMouseEnterButton:c,onMouseLeaveButton:f,onMouseOverButton:u}}function Ee(t,n,a,l,o,r){const i=e.ref(!1),s=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:g}=r;function c(y){i.value=y}e.watch(o,()=>{l.value?c(!!o.value):c(!1)});function f(y){const h=!t.readonly&&!t.disable&&t.editable,p=!t.editable;y.stopPropagation(),(h||p)&&(g("",!1),c(!i.value),n.emit("clear"))}function u(y){if(s.value){if(!a.value){c(!1);return}(!t.editable||!t.readonly)&&!t.disable&&c(!0)}}function d(y){s.value&&c(!1)}return{enableClearButton:s,showClearButton:i,onClearValue:f,onMouseEnterTextBox:u,onMouseLeaveTextBox:d}}function He(t,n,a,l,o){const r=e.ref(t.popupOnInput),i=e.ref(t.popupOnFocus),{shouldPopupContent:s}=o,g=e.computed(()=>t.enableTitle?a.value:""),c=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),f=e.computed(()=>t.readonly||!t.editable);let u=!1;const d=e.computed(()=>!t.disable&&u),y=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0})),h=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":d.value}));function p(v,M=!0){a.value!==v&&(a.value=v,M&&n.emit("change",v),n.emit("update:modelValue",v))}function b(v){s.value=!1,p(v,!0)}e.watch(()=>t.modelValue,v=>{a.value=v,n.emit("change",v)});function S(v){u=!1,n.emit("blur",v),v.stopPropagation()}function V(v){n.emit("click",v)}function w(v){if(t.disable){u=!0;return}u=!0,f.value||(n.emit("focus",v),i.value&&!s.value&&o.popup())}function B(v){n.emit("input",v.target.value);const M=v.target.value;l.value=M,a.value!==M&&p(M,!1),r.value&&!s.value&&o.popup()}function I(v){v.target.tagName!=="INPUT"&&v.preventDefault(),v.stopPropagation()}function k(v){n.emit("keydown",v)}function j(v){v.key==="Enter"&&(r.value||i.value)&&o.hidePopup(),n.emit("keyup",v)}function O(v){const M=v.target.value;v.stopPropagation(),p(M)}return{hasFocusedTextBox:d,isTextBoxReadonly:f,textBoxClass:y,textBoxPlaceholder:c,textBoxTitle:g,inputGroupClass:h,changeTextBoxValue:p,commitValue:b,onBlurTextBox:S,onClickTextBox:V,onFocusTextBox:w,onInput:B,onKeyDownTextBox:k,onKeyUpTextBox:j,onMouseDownTextBox:I,onTextBoxValueChange:O}}function _e(t,n,a){const l=e.ref(),o=e.ref(!1);function r(){const c=l.value;c&&c.show(a.value)}async function i(){!!n.slots.default&&(o.value=!o.value,await e.nextTick(),r())}async function s(){!!n.slots.default&&(o.value=!0,await e.nextTick(),r())}function g(){o.value=!1}return{hidePopup:g,popup:s,shouldPopupContent:o,togglePopup:i,popoverRef:l}}function We(t,n,a){const{isTextBoxReadonly:l,textBoxClass:o,textBoxPlaceholder:r,textBoxTitle:i,onBlurTextBox:s,onClickTextBox:g,onFocusTextBox:c,onInput:f,onKeyDownTextBox:u,onKeyUpTextBox:d,onMouseDownTextBox:y,onTextBoxValueChange:h}=a;return()=>e.createVNode("input",{name:"input-group-value",autocomplete:t.autoComplete?"on":"off",class:o.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:r.value,readonly:l.value,tabindex:t.tabIndex,title:i.value,type:t.inputType,value:n.value,onBlur:s,onChange:h,onClick:g,onFocus:c,onInput:f,onKeydown:u,onKeyup:d,onMousedown:y},null)}const ze={activeTag:{Type:String,default:""},addButtonText:{Type:String,default:""},customClass:{Type:String,default:""},customStyle:{Type:String,default:""},data:{type:Array,default:[]},enableAddButton:{Type:Boolean,default:!1},placeholder:{Type:String,default:""},selectable:{Type:Boolean,default:!1},showAddButton:{Type:Boolean,default:!1},showClose:{Type:Boolean,default:!1},showColor:{Type:Boolean,default:!1},showInput:{Type:Boolean,default:!1},tagType:{Type:String,default:""},tagStyle:{Type:String,default:""},wrapText:{Type:Boolean,default:!1},draggable:{Type:Boolean,default:!1}},Ft="";function qe(t,n,a,l){const o=e.ref(-1),r=e.ref(!1);function i(f,u,d){f.stopPropagation(),u&&setTimeout(()=>{o.value=d,r.value=!0,u.moving=!0})}function s(f,u){if(f.preventDefault(),o.value!==u){const d=l.value[o.value],y=l.value;y.splice(o.value,1),y.splice(u,0,d),o.value=u}}function g(f,u){f.preventDefault(),f.dataTransfer&&(f.dataTransfer.dropEffect="move")}function c(f,u){u&&(u.moving=!1),a.value=l.value.filter(d=>d.type==="Tag").map(d=>d.payload),r.value=!1,n.emit("change",a.value)}return{dragstart:i,dragenter:s,dragover:g,dragend:c,isDragging:r}}const Xe=e.defineComponent({name:"FTags",props:ze,emits:["remove","selectionChange","change"],setup(t,n){const a=e.ref(t.selectable),l=e.ref(t.customClass),o=e.ref(t.data),r=e.ref(t.tagType),i=e.ref(t.tagStyle),s=e.ref(t.showColor),g=e.ref(t.activeTag),c=e.ref(t.customStyle),f=e.ref(t.showClose),u=e.ref(t.showAddButton),d=e.ref(t.showInput),y=e.ref(t.addButtonText),h=e.ref(t.enableAddButton);e.ref(t.placeholder),e.ref(""),e.ref();const p=e.ref(),b=e.ref(t.wrapText),S=e.ref();function V(){const m=o.value.map(C=>({type:"Tag",payload:C}));return u.value&&m.push({type:"AddButton"}),m}const w=e.ref(V());function B(m){o.value=m,w.value=V()}const I=e.computed(()=>w.value.findIndex(m=>m.type==="Input")),k=qe(t,n,o,w),{dragstart:j,dragenter:O,dragover:v,dragend:M}=k;e.watch(()=>t.data,m=>B(m));const F=e.computed(()=>{const m={"farris-tags":!0,"farris-tags-checkable":a.value,"farris-tags-nowrap":!b.value};return l.value.split(" ").reduce((C,T)=>(C[T]=!0,C),m),m});function L(m){const C={"farris-tag-item":!0,"farris-tag-item-checked":a.value&&m.checked,"farris-tag-item-checkable":a.value,"farris-tag-item-has-color":s.value,"farris-tag-item-actived":g.value===m.name};if(r.value){const T=`farris-tag-item-${r.value}`;C[T]=!0}return C}const _=e.computed(()=>{const m={};return c.value&&c.value.split(";").reduce((C,T)=>{const D=T.split(":");return C[D[0]]=D[1],C},m),m});function P(m,C){a.value&&C.selectable&&(C.checked=!C.checked,g.value=C.checked?C.name:"",C.checked&&o.value.filter(T=>T.name!==C.name).forEach(T=>{T.checked=!C.checked}),n.emit("change",o.value),n.emit("selectionChange",C))}function N(m,C){let T;switch(m.key){case"Backspace":o.value=o.value.filter(D=>D.name!==C.name),n.emit("change",o.value);break;case"ArrowLeft":T=Math.max(p.value.scrollLeft+20,0),p.value.scrollLeft=T;break;case"ArrowRight":T=Math.max(p.value.scrollLeft-20,0),p.value.scrollLeft=T}}function x(m,C){const T=o.value.findIndex(D=>D.name===C.name);if(T>-1){const[D]=o.value.splice(T,1);w.value=V(),n.emit("change",o.value),n.emit("remove",o.value,D,T)}m.stopPropagation()}const R=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!h.value}));function $(m){}function A(){return e.createVNode("li",{class:R.value,onClick:m=>void 0},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),e.createVNode("span",{class:"farris-tag-add-text"},[y.value])])}function E(m){if(m&&!m.innerText){const C=I.value;if(C>0){const[T]=o.value.splice(C-1,1);w.value.splice(C-1,1),n.emit("remove",o.value,T,C-1)}}}function q(m,C,T){m>-1&&(o.value.splice(m,0,{name:C,value:T,selectable:a.value}),w.value=V(),n.emit("change",o.value))}function X(m){if(m&&m.innerText){const C=m.innerText,T=I.value;q(T,C,C),m.innerText=""}}function K(m){const C=m.target;C&&(C.innerText?X(C):n.emit("change",o.value))}function lt(m){m.key==="Enter"&&X(m.target),m.key==="Backspace"&&(E(m.target),e.nextTick(()=>{S.value&&S.value.focus()}))}function it(){return e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("div",{ref:S,class:"form-control",contenteditable:"true",onKeyup:lt,onBlur:K},null)])}function rt(m,C){return e.createVNode("li",{class:L(m),style:_.value,tabindex:0,id:m.name,key:m.name,onClick:T=>P(T,m),onKeydown:T=>N(T,m),draggable:"true",onDragstart:T=>j(T,m,C),onDragenter:T=>O(T,C),onDragend:T=>M(T,m),onDragover:T=>v(T,C)},[e.createVNode("div",{title:m.name,class:"tag-box"},[m.name]),f.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:T=>x(T,m)},null)])])}function st(){return w.value.map((m,C)=>{switch(m.type){case"Tag":return rt(m.payload,C);case"AddButton":return A();case"Input":return it()}})}const ct=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":i.value==="capsule"}));function ut(m){const C=Math.max(p.value.scrollLeft-m.deltaX,0);p.value.scrollLeft=C}function dt(m){const C=p.value,T=o.value.length-1;if(C){const D=Array.from(C.children).filter(W=>W.className.indexOf("farris-tag-item")>-1).findIndex(W=>{const z=W.getBoundingClientRect(),J=window.getComputedStyle(W),se=parseInt(J["margin-left"],10)+z.width+parseInt(J["margin-right"],10);return z.left+se>m});if(D>-1)return D}return T}function ft(m){if(d.value){const T=dt(m.clientX)+1,W=w.value.filter(z=>z.type!=="Input");W.splice(T,0,{type:"Input"}),w.value=W,e.nextTick(()=>{S.value&&S.value.focus()})}}function pt(m){var T;m.preventDefault(),m.stopPropagation();const C=(T=m.dataTransfer)==null?void 0:T.getData("Text");if(C){const D=C.split(":"),W=D[0],z=D[1];[...o.value].findIndex(Q=>(console.log(`${Q.value} === ${z} is ${Q.value===z}`),Q.value===z))>-1||q(o.value.length,W,z)}}function mt(m){m.preventDefault()}return()=>e.createVNode("div",{class:F.value,onClick:ft,onDrop:pt,onDragover:mt},[e.createVNode("ul",{ref:p,class:ct.value,onWheel:m=>ut(m)},[st()])])}});function Ge(t,n,a){const l=e.ref(t.separator),{changeTextBoxValue:o}=a,r=e.computed(()=>n.value?n.value.split(l.value).map(s=>({name:s,selectable:!0})):[]);function i(s){o(s.map(g=>g.name).join(l.value),!0)}return()=>e.createVNode(Xe,{class:"form-control",data:r.value,showClose:!0,showInput:!0,onChange:i},null)}function Ue(t,n,a){const{buttonClass:l,onClickButton:o,onMouseEnterButton:r,onMouseLeaveButton:i}=n,{enableClearButton:s,showClearButton:g,onClearValue:c}=a;return()=>e.createVNode("div",{class:l.value},[s.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,g.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:t.buttonContent,onClick:o,onMouseenter:r,onMouseleave:i},null)])}const Ke={title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:e.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}},Ot="";function Je(t){const n=t.host?t.host:"body",a=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),l=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),o=e.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width);return{host:n,hostLeft:l,hostTop:a,hostWidth:o}}function Qe(t,n,a,l){var P;const o=e.ref(0),r=e.ref(((P=t.offsetX)==null?void 0:P.value)||0),i=e.ref(-1),s=e.ref(-1),g=e.ref(-1),c=e.ref(t.placement),f=e.ref(0),u=e.ref(0),d=e.ref(0),y=e.ref(document.documentElement.scrollLeft),h=e.ref(document.documentElement.scrollTop),{hostLeft:p,hostTop:b,hostWidth:S}=l;e.watch(t.offsetX,N=>{o.value=N-r.value});const V=e.computed(()=>{const N={left:`${u.value}px`,top:`${d.value}px`,transform:`translateX(${o.value}px)`};return t.zIndex!==-1&&(N["z-index"]=t.zIndex),i.value!==-1&&(N.width=`${i.value}px`),N}),w=e.computed(()=>({left:`${f.value}px`}));function B(N){if(N&&t.keepWidthWithReference){const x=N.getBoundingClientRect();i.value=Math.max(t.minWidth,x.width)}}function I(N,x){const R=S.value-N.width-4;return R>0?R:x}function k(N,x,R){const $=f.value,A=x.left-p.value+x.width/2+y.value,E=x.top-b.value-(N.height+R.height)+h.value;return{popoverLeft:A,popoverTop:E,arrowLeft:$}}function j(N,x,R){return x.top-b.value+(x.height+R.height)+h.value}function O(N,x){const R=I(x,N),$=N<=R?f.value:N-R;return{popoverLeft:Math.min(N,R),arrowLeft:$}}function v(N,x,R){const $=x.left-p.value+x.width/2-(R.width/2-(N.left-p.value))+y.value,{arrowLeft:A,popoverLeft:E}=O($,N),q=j(N,x,R);return{popoverLeft:E,popoverTop:q,arrowLeft:A}}function M(N,x,R){const $=x.left-p.value+y.value,{arrowLeft:A,popoverLeft:E}=O($,N),q=j(N,x,R);return{popoverLeft:E,popoverTop:q,arrowLeft:A}}const F=new Map([["top",k],["bottom",v],["bottom-left",M]]);function L(N){var E;const x=N.getBoundingClientRect();s.value=x.top,g.value=x.left;const R=n.value.getBoundingClientRect(),$=(E=a.value)==null?void 0:E.getBoundingClientRect(),A=F.get(c.value);if(A){const{arrowLeft:q,popoverLeft:X,popoverTop:K}=A($,x,R);f.value=q,u.value=X,d.value=K}t.keepWidthWithReference&&B(N)}function _(N){if(N){const x=N.getBoundingClientRect();(x.left!==g.value||x.top!==s.value)&&L(N)}}return{arrowStyle:w,popoverStyle:V,position:c,popoverWidth:i,fitToReference:B,followToReferencePosition:_,locateToReference:L}}function Ye(t,n,a,l,o,r,i){const s=e.ref(t.visible),g=e.computed(()=>s.value),{fitToReference:c,locateToReference:f}=i;let u;function d(){s.value=!1,document.body.removeEventListener("click",u),n.emit("hidden")}u=h=>{if(!o.value.contains(h.target)){const p=o.value.closest(".popover");p&&p.removeEventListener("click",u),d()}};async function y(h){if(l.value&&a.value&&h){s.value=!0,o.value=h,await e.nextTick(),f(h),r.value&&c(h),document.body.addEventListener("click",u);const p=h.closest(".popover");p&&p.addEventListener("click",u),n.emit("shown")}}return n.expose({hide:d,show:y,shown:g}),{showPopover:s,hidePopverOnClickBodyHandler:u}}function Ze(t,n,a,l,o){const{popoverWidth:r,fitToReference:i,followToReferencePosition:s}=o;function g(){if(a.value){s(a.value);const c=a.value.getBoundingClientRect();l.value&&c.width!==r.value&&i(a.value)}}return{onResize:g}}const et=e.defineComponent({name:"FPopover",props:Ke,emits:["shown","hidden"],setup(t,n){const a=e.ref(),l=e.ref(),o=e.ref(t.reference),r=e.ref(t.keepWidthWithReference),i=e.computed(()=>!!t.title),s=Je(t),{host:g}=s,c=Qe(t,a,l,s),{position:f,arrowStyle:u,popoverStyle:d,fitToReference:y,locateToReference:h}=c,{showPopover:p,hidePopverOnClickBodyHandler:b}=Ye(t,n,a,l,o,r,c),{onResize:S}=Ze(t,n,o,r,c),V=e.computed(()=>{const B=`popover in popover-${f.value}`,I=`bs-popover-${f.value}`,k={"popover-fitcontent":t.fitContent};return k[B]=!0,k[I]=!0,(t.class||"").split(" ").reduce((O,v)=>(O[v]=!0,O),k),k}),w=e.computed(()=>({"popover-content":!0,"popover-body":!0}));return e.onMounted(()=>{t.reference&&h(o.value),r.value&&y(o.value),window.addEventListener("resize",S)}),e.onUnmounted(()=>{document.body.removeEventListener("click",b),window.removeEventListener("resize",S)}),()=>e.createVNode(e.Teleport,{to:g},{default:()=>{var B;return[e.withDirectives(e.createVNode("div",{ref:l,class:V.value,style:d.value,onClick:I=>{I.stopPropagation()}},[e.createVNode("div",{ref:a,class:"popover-arrow arrow",style:u.value},null),i.value&&e.createVNode("h3",{class:"popover-title popover-header"},[t.title]),e.createVNode("div",{class:w.value},[n.slots.default&&((B=n.slots)==null?void 0:B.default())])]),[[e.vShow,p.value]])]}})}});function tt(t,n,a){const l=e.ref(t.popupMinWidth),{hidePopup:o,popoverRef:r}=a;return()=>e.createVNode(et,{ref:r,visible:!0,placement:"bottom-left",host:t.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":t.popupRightBoundary,minWidth:l.value,offsetX:t.popupOffsetX,onHidden:o},{default:()=>{var i,s;return[(s=(i=n.slots).default)==null?void 0:s.call(i)]}})}const Pt="",nt=e.defineComponent({name:"FButtonEdit",props:ie,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,n){const a=e.ref(),l=e.ref(t.customClass),o=e.ref(t.modelValue),r=_e(t,n,a),{shouldPopupContent:i,hidePopup:s}=r,g=$e(t,n,a,r),c=e.ref(""),f=He(t,n,o,c,r),{hasFocusedTextBox:u,commitValue:d,inputGroupClass:y}=f,h=Ee(t,n,o,u,c,f),{onMouseEnterTextBox:p,onMouseLeaveTextBox:b}=h,S=e.computed(()=>{const j={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!t.wrapText};return l.value&&l.value.split(" ").reduce((O,v)=>(O[v]=!0,O),j),j});function V(){return t.multiSelect&&t.inputType==="tag"?Ge(t,o,f):We(t,o,f)}let w=V();e.watch([()=>t.multiSelect,()=>t.inputType],()=>{w=V()});const B=Ue(t,g,h),I=tt(t,n,r),k={commitValue:d,elementRef:a,hidePopup:s};return e.onMounted(()=>{a.value.componentInstance=k}),n.expose(k),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(n.attrs,{ref:a,class:S.value,id:t.id}),[e.createVNode("div",{class:y.value,onMouseenter:p,onMouseleave:b},[w(),B()])]),i.value&&I()])}}),Mt="";function ot(t){const n=e.ref(""),a=e.ref(t.modelValue),l=e.ref(t.data||[]),o=e.ref(t.editable);function r(c){const f=c.split(t.separator).map(d=>[d,!0]),u=new Map(f);return l.value.filter(d=>u.has(d[t.valueField]))}function i(c){const f=r(c).map(u=>u[t.textField]).join(t.separator);n.value=o.value?f||c:f}function s(c){const f=c.split(t.separator).map(d=>[d,!0]),u=new Map(f);return l.value.filter(d=>u.has(d[t.textField]))}function g(){const{url:c,method:f="GET",headers:u={},body:d=null}=t.remote;fetch(c,{method:f,headers:u,body:d}).then(h=>{if(h.status===200)return h.json();throw new Error(h.statusText)}).then(h=>{l.value=h}).catch(h=>{console.error(h)})}return t.remote&&g(),e.watch(()=>t.data,()=>{l.value=t.data}),e.watch([l],([c])=>{if(t.modelValue){const f=c.find(u=>u[t.valueField]===t.modelValue);f&&(n.value=f[t.textField])}}),e.watch(()=>t.modelValue,c=>{a.value=c,i(c)}),i(t.modelValue),{dataSource:l,displayText:n,editable:o,modelValue:a,getItemsByDisplayText:s,getItemsByValue:r}}const re=e.defineComponent({name:"FComboList",props:le,emits:["clear","update:modelValue","change"],setup(t,n){const a=e.ref(),{dataSource:l,displayText:o,editable:r,modelValue:i,getItemsByDisplayText:s}=ot(t),g=e.computed(()=>t.multiSelect);function c(){!g.value&&a.value&&a.value.hidePopup()}function f(p){o.value=p.map(b=>b[t.textField]).join(t.separator),i.value=p.map(b=>b[t.valueField]).join(t.separator),n.emit("update:modelValue",i.value),n.emit("change",p),c()}function u(p){i.value="",n.emit("update:modelValue",""),n.emit("clear")}function d(p){i.value=p,n.emit("update:modelValue",i.value);const b={};b[t.idField]=p,b[t.textField]=p,n.emit("change",[b])}function y(p){if(r.value){d(p);return}const b=s(p);f(b)}function h(){return o.value}return n.expose({getDisplayText:h}),()=>e.createVNode(nt,{ref:a,id:t.id,disable:t.disabled,readonly:t.readonly,forcePlaceholder:t.forcePlaceholder,editable:r.value,buttonContent:t.dropDownIcon,placeholder:t.placeholder,enableClear:t.enableClear,maxLength:t.maxLength,tabIndex:t.tabIndex,enableTitle:t.enableTitle,multiSelect:t.multiSelect,inputType:t.multiSelect?"tag":"text",modelValue:o.value,"onUpdate:modelValue":p=>o.value=p,onClear:u,onChange:y},{default:()=>[e.createVNode(Oe,{idField:t.idField,valueField:t.valueField,textField:t.textField,dataSource:l.value,selectedValues:i.value,multiSelect:t.multiSelect,enableSearch:t.enableSearch,onSelectionChange:f},null)]})}}),Lt="",U=e.defineComponent({name:"FOrder",props:Y,emits:["change"],setup(t,n){const a=e.ref(t.items),l=e.ref("排序列"),o=e.ref("排序方式"),r=e.ref("添加排序列"),i=[{id:"asc",name:"升序"},{id:"desc",name:"降序"}],s=e.ref(new Map);function g(){const b=a.value.map(S=>[S.id,!0]);s.value=new Map(b)}g();const c=e.computed(()=>t.dataSource.map(b=>(b.disabled=s.value.has(b.id),b))),f=e.computed(()=>({"f-order":!0}));function u(b){a.value=a.value.filter(S=>S.id!==b.id),g(),n.emit("change",a.value)}function d(){a.value=[...a.value,{id:Date.now().toString(),name:"",order:"asc"}],g(),n.emit("change",a.value)}function y(b){g(),n.emit("change",a.value)}function h(b){if(b&&b.length){const S=new Map;b.reduce((V,w)=>(V.set(w.id,w),V),S),a.value=b.map(V=>S.get(V.id)),n.emit("change",a.value)}}function p(){return e.createVNode(te,{style:"flex:1",data:a.value,draggable:!0,view:"DraggableView","keep-order":!0,itemClass:"f-order-item",onRemoveItem:u,onChange:h},{header:()=>e.createVNode("div",{class:"f-order-header"},[e.createVNode("span",{class:"f-order-header-order-field"},[l.value]),e.createVNode("span",{class:"f-order-header-order-type"},[o.value])]),itemContent:b=>e.createVNode("div",{class:"f-order-item-content"},[e.createVNode(re,{class:"f-order-item-content-order-field",data:c.value,valueField:"id",textField:"name",idField:"id",modelValue:b.id,"onUpdate:modelValue":S=>b.id=S,onChange:y,onClear:y},null),e.createVNode(re,{class:"f-order-item-content-order-type",data:i,valueField:"id",textField:"name",idField:"id",modelValue:b.order,"onUpdate:modelValue":S=>b.order=S,onChange:y},null)]),footer:()=>e.createVNode("div",{class:"f-order-footer"},[e.createVNode(Te,{type:"link",class:"f-order-add-button",onClick:d},{default:()=>e.createVNode(e.Fragment,null,[e.createVNode("span",{class:"f-order-add-icon"},[e.createVNode("i",{class:"f-icon f-icon-add"},null)]),r.value])})])})}return()=>e.createVNode("div",{class:f.value},[p()])}}),at={install(t){t.component(U.name,U)}};H.Order=U,H.default=at,H.orderProps=Y,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/order/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "order",
+    "version": "1.0.2",
+    "main": "index.umd.js",
+    "module": "index.esm.js",
+    "style": "style.css",
+    "types": "../types/order/index.d.ts"
+}

package/order/style.css

@@ -0,0 +1 @@
+.f-listview-fill{flex-grow:1;flex-shrink:1;flex-basis:0;overflow:hidden}.f-listview-fill .f-list-view{height:100%}.f-listview-fill .f-list-view .f-list-view-header,.f-listview-fill .f-list-view .f-list-view-footer{flex-shrink:0}.f-listview-fill .f-list-view .f-list-view-content{overflow-y:auto;flex-grow:1;flex-shrink:1;flex-basis:0}.f-list-view{display:flex;flex-direction:column;overflow:hidden}.f-list-view .f-list-view-content{flex:1;overflow:auto}.f-list-view .f-list-view-group{padding:0}.f-list-view .f-paging-wrapper{padding:14px 0}.f-list-view-group-item{display:flex;align-items:center;float:none;text-align:initial}.f-list-view-group-item.f-none-border{border-bottom:0}.f-list-view-group-item.f-listview-hover,.f-list-view-group-item.f-listview-active{cursor:pointer;color:#424347;background:#edf5ff!important}.f-list-view-group-item.f-listview-active{border-color:#529dff}.f-list-view-group-item.f-un-select{color:#848c9a}.f-list-view-group-item .f-list-content{flex:1 1 auto;width:100%}.f-list-view-draggable-item{border:1px solid;border-color:#e2e3e5;background-color:#fafbfd;border-radius:10px;margin:4px 2px}.f-list-view-draggable-item.f-listview-hover{cursor:pointer;color:#424347;background:#edf5ff!important}.f-list-view-draggable-item.f-listview-hover .f-list-remove-icon{display:initial}.f-list-view-draggable-item.f-listview-active{border-color:#529dff}.f-list-view-draggable-item.moving{opacity:0}.f-list-select{padding:0 0 0 14px}.f-list-select .listview-checkbox{margin:.25rem 0}.f-list-pin{color:#2986ff;padding:0 14px 0 0}.f-list-remove{width:30px;color:#f4625f;padding:0 14px 0 0}.f-list-remove-icon{display:none}.f-list-handle{padding:0 14px 0 0}.f-list-view-emptydata .f-empty-title{font-size:14px;line-height:22px;color:#999;padding:20px 0;text-align:center}.f-list-view.small-item .f-list-select{padding:initial}::highlight(search-result){background-color:#f06;color:#fff}.farris-tags .farris-tags-item-container{margin:0;padding:0}.farris-tags .farris-tags-item-container .farris-tag-item{display:inline-flex!important;padding:0 8px;margin:3px 6px 3px 0;line-height:24px;font-size:13px;color:#2d314e;background:#f6faff;border:1px solid #e6e6e6!important;white-space:nowrap;border-radius:3px;cursor:default;opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86);max-width:9rem}.farris-tags .farris-tags-item-container .farris-tag-item a,.farris-tags .farris-tags-item-container .farris-tag-item a:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>a:first-child:last-child{display:inline-flex;margin:0 -8px;padding:0 8px}.farris-tags .farris-tags-item-container .farris-tag-item .tag-box{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;display:inline-flex;max-width:7rem;vertical-align:middle}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete{display:inline-block;margin-left:6px;color:#0003;cursor:pointer;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.farris-tags .farris-tags-item-container .farris-tag-item .tag-delete:hover{color:#000000d9}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon{font-size:12px}.farris-tags .farris-tags-item-container .farris-tag-item>.f-icon+span,.farris-tags .farris-tags-item-container .farris-tag-item>span+.f-icon{margin-left:7px}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-info{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-default{color:#2d314e;background:#f6faff;border:1px solid #e6e6e6}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){cursor:pointer}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checkdisabled{background-color:transparent;border-color:transparent;cursor:not-allowed;color:#00000073}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-checked{background-color:#fff;border-color:#2a87ff;color:#2a87ff}.farris-tags .farris-tags-item-container .farris-tag-item:last-child{margin-right:0}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived,.farris-tags .farris-tags-item-container .farris-tag-item:active{background-color:#2a87ff;color:#fff}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-actived .tag-delete,.farris-tags .farris-tags-item-container .farris-tag-item:active .tag-delete{color:#fff}.farris-tags .farris-tags-item-container .farris-tag-add-button{cursor:pointer;background:#f9f9f9;border:1px dashed #babdc9}.farris-tags .farris-tags-item-container .farris-tag-add-button .farris-tag-add-text{color:#00000073;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button .f-icon{color:#0003;line-height:24px}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover{background-color:#f9f9f9;border-color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button:hover .f-icon{color:#59a1ff}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled{background-color:#f7f7f7;border-color:#dcdcdc;border-style:solid;cursor:not-allowed}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled .farris-tag-add-text{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover{background-color:#f7f7f7;border-color:#dcdcdc}.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .farris-tag-add-text,.farris-tags .farris-tags-item-container .farris-tag-add-button.farris-tag-add-button-disabled:hover .f-icon{color:#00000040}.farris-tags .farris-tags-item-container .farris-tag-input-box{display:inline-flex!important;padding:0;margin:2px 3px 2px -3px;line-height:22px;font-size:13px}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control{padding:2px 0;min-width:2px;border:none;background:none;line-height:inherit;text-wrap:nowrap;width:100%!important;height:22px!important}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus{box-shadow:none}.farris-tags .farris-tags-item-container .farris-tag-input-box .form-control:focus-visible{outline:none}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item{border-radius:24px}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked){background:#ffffff;border:1px solid #e6e6e6;cursor:pointer}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):active{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checkable:not(.farris-tag-item-checked):hover{color:#59a1ff}.farris-tags .farris-tags-item-container.farris-tag-item-capsule .farris-tag-item.farris-tag-item-checked{background-color:#2a87ff0f;border-color:#2a87ff29;color:#2a87ff}.farris-tags.farris-tags-checkable .farris-tag-item{line-height:22px}.farris-tags.farris-tags-nowrap{overflow:hidden}.farris-tags.farris-tags-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}.farris-tags .farris-tags-item-container .farris-tag-item.farris-tag-item-warning{color:#f5a144;border-color:#fad0a1;background:#fef5ec}.bs3.popover-top{margin-bottom:10px}.bs3.popover.top>.arrow{margin-left:-2px}.bs3.popover.top{margin-bottom:10px}.popover.bottom>.arrow{margin-left:-4px}.bs3.bs-popover-left{margin-right:.5rem}.bs3.bs-popover-right .arrow,.bs3.bs-popover-left .arrow{margin:.3rem 0}.arrow-left .arrow{left:calc(50% - 10px)}.bs-popover-bottom-left .arrow{top:calc((.5rem + 1px)*-1)}.bs-popover-bottom-left .arrow:before{top:0;border-bottom-color:#fff6!important}.bs-popover-bottom-left .arrow:before,.bs-popover-bottom-left .arrow:after{border-width:0 .5rem .5rem}.bs-popover-bottom-left .arrow:after{top:1px;border-bottom-color:#fff!important}.popover.popover-fitcontent .popover-body{max-width:initial;padding:initial}.f-button-edit .farris-tags.form-control{padding:0}.f-button-edit .farris-tag-item,.f-button-edit .farris-tag-input-box{line-height:17px!important;margin:2px 6px 2px 0!important}.f-button-edit .farris-tag-input-box .form-control{height:inherit!important;padding:1px 0!important}.f-button-edit-nowrap .input-group{flex-wrap:nowrap!important}.f-button-edit-nowrap .farris-tags{overflow:hidden}.f-button-edit-nowrap .farris-tags-item-container{display:flex;flex-wrap:nowrap;overflow:hidden}.f-combo-list-container{overflow:auto;z-index:9;margin-top:.25rem}.f-combo-list-search-box{margin:.25rem .5rem}.f-combo-list-item{padding:.125rem .5rem}.f-order-header{display:flex;margin:4px 60px 0 0}.f-order-header .f-order-header-order-field,.f-order-header .f-order-header-order-type{flex:1}.f-order-header .f-order-header-order-field{margin:0 4px 0 10px}.f-order-header .f-order-header-order-type{margin:0 10px 0 4px}.f-order-item-content{display:flex;margin:4px 0}.f-order-item-content .f-order-item-content-order-field,.f-order-item-content .f-order-item-content-order-type{flex:1}.f-order-item-content .f-order-item-content-order-field{margin:0 4px 0 10px}.f-order-item-content .f-order-item-content-order-type{margin:0 10px 0 4px}.f-order .f-list-view-emptydata .f-empty-title{padding:10px 0;margin-bottom:0}.f-order-item{border:none;background-color:initial}.f-order-item.f-listview-hover{cursor:pointer;color:#424347;background:#edf5ff!important}.f-order-item.f-listview-hover .f-list-remove-icon{display:initial}.f-order-item.f-listview-active{border-color:none}.f-order-item.moving{opacity:0}.f-order-add-button{display:flex!important;align-items:center!important}.f-order-add-icon{width:1.2rem;height:1.2rem;background-color:#f0f8ff;border-radius:1.2rem;display:inline-block;margin-right:4px}.f-order-add-icon .f-icon{line-height:1.2!important}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@farris/ui-vue",
   "private": false,
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0",
   "license": "Apache-2.0",
   "description": "Farris Vue, a Farris Design based Vue3 component library.",
   "keywords": [
@@ -16,10 +16,11 @@
     "type": "git",
     "url": "git@gitee.com:ubml/farris-vue.git"
   },
-  "main": "./farris.all.umd.js",
-  "module": "./farris.all.esm.js",
-  "style": "./style.css",
+  "main": "./package/farris.all.umd.js",
+  "module": "./package/farris.all.esm.js",
+  "style": "./package/style.css",
   "dependencies": {
+    "@farris/ui-common": "^0.3.26",
     "@types/lodash-es": "^4.17.4",
     "@vue/shared": "^3.2.0",
     "@vueuse/core": "9.2.0",
@@ -27,6 +28,7 @@
     "bignumber.js": "^9.1.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.20",
+    "rxjs": "~7.4.0",
     "vite-plugin-dts": "^2.1.0"
   },
   "types": "./types/index.d.ts"

package/page-footer/index.esm.js

@@ -0,0 +1,94 @@
+import { defineComponent as w, ref as r, computed as n, createVNode as o, Fragment as x } from "vue";
+const B = {
+  collapsed: { type: Boolean, default: !0 },
+  collapsedText: { type: String, default: "More" },
+  contentClass: { type: String, default: "" },
+  enableCollapse: { type: Boolean, default: !1 },
+  expandedText: { type: String, default: "More" },
+  headerClass: { type: String, default: "" },
+  headerContentClass: { type: String, default: "" },
+  headerToolbarClass: { type: String, default: "" },
+  showHeader: { type: String, default: !1 }
+}, C = /* @__PURE__ */ w({
+  name: "FPageFooter",
+  props: B,
+  emits: [],
+  setup(t, s) {
+    const c = r(t.collapsed), i = r(t.collapsedText), p = r(t.contentClass), d = r(t.enableCollapse), m = r(t.expandedText), f = r(t.headerClass), h = r(t.headerContentClass), v = r(t.headerToolbarClass), b = r(t.showHeader);
+    function y(e) {
+      e && e.stopImmediatePropagation(), c.value = !c.value;
+    }
+    function T() {
+      return d.value && o("div", {
+        class: "toolbar--collapse",
+        onClick: (e) => y(e)
+      }, [o("span", {
+        class: "toobar--collapse-text"
+      }, [c.value ? m.value : i.value]), o("i", {
+        class: "f-icon toolbar--collapse-icon"
+      }, null)]);
+    }
+    const g = n(() => {
+      const e = {
+        "f-toolbar": !0
+      };
+      return v.value.split(" ").reduce((a, l) => (a[l] = !0, a), e), e;
+    });
+    function A() {
+      return o("div", {
+        class: g.value
+      }, [s.slots.headerToolbar && s.slots.headerToolbar(), !s.slots.headerToolbar && T()]);
+    }
+    const H = n(() => {
+      const e = {
+        "f-content": !0
+      };
+      return h.value.split(" ").reduce((a, l) => (a[l] = !0, a), e), e;
+    });
+    function S() {
+      return o(x, null, [s.slots.headerContent && o("div", {
+        class: H.value
+      }, [s.slots.headerContent()]), A()]);
+    }
+    const j = n(() => {
+      const e = {
+        "f-cmp-footer-header": !0
+      };
+      return f.value.split(" ").reduce((a, l) => (a[l] = !0, a), e), e;
+    });
+    function F() {
+      return o("header", {
+        class: j.value
+      }, [s.slots.header && s.slots.header(), !s.slots.header && S()]);
+    }
+    const O = n(() => {
+      const e = {
+        "f-cmp-footer": !0,
+        "f-state-collapse": d.value && c.value,
+        "f-cmp-footer-accordion": d.value
+      };
+      return f.value.split(" ").reduce((a, l) => (a[l] = !0, a), e), e;
+    }), P = n(() => {
+      const e = {
+        "f-cmp-footer-content": !0
+      };
+      return p.value.split(" ").reduce((a, l) => (a[l] = !0, a), e), e;
+    });
+    return () => o("div", {
+      class: O.value
+    }, [o("footer", {
+      class: "f-cmp-footer-container"
+    }, [b.value && F(), o("div", {
+      class: P.value
+    }, [s.slots.default && s.slots.default()])])]);
+  }
+}), k = {
+  install(t) {
+    t.component(C.name, C);
+  }
+};
+export {
+  C as PageFooter,
+  k as default,
+  B as pageFooterProps
+};

package/page-footer/index.umd.js

@@ -0,0 +1 @@
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["page-footer"]={},r.Vue))})(this,function(r,e){"use strict";const f={collapsed:{type:Boolean,default:!0},collapsedText:{type:String,default:"More"},contentClass:{type:String,default:""},enableCollapse:{type:Boolean,default:!1},expandedText:{type:String,default:"More"},headerClass:{type:String,default:""},headerContentClass:{type:String,default:""},headerToolbarClass:{type:String,default:""},showHeader:{type:String,default:!1}},d=e.defineComponent({name:"FPageFooter",props:f,emits:[],setup(o,s){const n=e.ref(o.collapsed),C=e.ref(o.collapsedText),m=e.ref(o.contentClass),u=e.ref(o.enableCollapse),h=e.ref(o.expandedText),i=e.ref(o.headerClass),b=e.ref(o.headerContentClass),y=e.ref(o.headerToolbarClass),g=e.ref(o.showHeader);function T(t){t&&t.stopImmediatePropagation(),n.value=!n.value}function V(){return u.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:t=>T(t)},[e.createVNode("span",{class:"toobar--collapse-text"},[n.value?h.value:C.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const A=e.computed(()=>{const t={"f-toolbar":!0};return y.value.split(" ").reduce((a,l)=>(a[l]=!0,a),t),t});function N(){return e.createVNode("div",{class:A.value},[s.slots.headerToolbar&&s.slots.headerToolbar(),!s.slots.headerToolbar&&V()])}const S=e.computed(()=>{const t={"f-content":!0};return b.value.split(" ").reduce((a,l)=>(a[l]=!0,a),t),t});function H(){return e.createVNode(e.Fragment,null,[s.slots.headerContent&&e.createVNode("div",{class:S.value},[s.slots.headerContent()]),N()])}const j=e.computed(()=>{const t={"f-cmp-footer-header":!0};return i.value.split(" ").reduce((a,l)=>(a[l]=!0,a),t),t});function F(){return e.createVNode("header",{class:j.value},[s.slots.header&&s.slots.header(),!s.slots.header&&H()])}const P=e.computed(()=>{const t={"f-cmp-footer":!0,"f-state-collapse":u.value&&n.value,"f-cmp-footer-accordion":u.value};return i.value.split(" ").reduce((a,l)=>(a[l]=!0,a),t),t}),O=e.computed(()=>{const t={"f-cmp-footer-content":!0};return m.value.split(" ").reduce((a,l)=>(a[l]=!0,a),t),t});return()=>e.createVNode("div",{class:P.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[g.value&&F(),e.createVNode("div",{class:O.value},[s.slots.default&&s.slots.default()])])])}}),p={install(o){o.component(d.name,d)}};r.PageFooter=d,r.default=p,r.pageFooterProps=f,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/page-footer/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "page-footer",
+    "version": "1.0.2",
+    "main": "index.umd.js",
+    "module": "index.esm.js",
+    "style": "style.css",
+    "types": "../types/page-footer/index.d.ts"
+}

package/page-header/index.esm.js

@@ -0,0 +1,230 @@
+import { defineComponent as v, ref as u, createVNode as c, resolveComponent as b, inject as x, onMounted as B } from "vue";
+const k = {};
+function m(t) {
+  const { properties: e } = t;
+  return Object.keys(e).reduce((a, n) => (a[n] = e[n].type === "object" && e[n].properties ? m(e[n]) : e[n].default, a), {});
+}
+function E(t) {
+  const e = k[t];
+  return e ? m(e) : null;
+}
+function F(t, e) {
+  const o = m(e);
+  return Object.keys(t).reduce((a, n) => (a[n] = t[n], a), o), o;
+}
+function N(t, e) {
+  return Object.keys(t).filter((a) => t[a] != null).reduce((a, n) => {
+    if (e.has(n)) {
+      const s = e.get(n);
+      if (typeof s == "string")
+        a[s] = t[n];
+      else {
+        const i = s(n, t[n]);
+        Object.assign(a, i);
+      }
+    } else
+      a[n] = t[n];
+    return a;
+  }, {});
+}
+function O(t, e, o = /* @__PURE__ */ new Map()) {
+  const a = F(t, e);
+  return N(a, o);
+}
+function $(t, e, o = /* @__PURE__ */ new Map()) {
+  return k[e.title] = e, (a) => {
+    const n = O(a, e, o), s = Object.keys(t).reduce((i, p) => (i[p] = t[p].default, i), {});
+    return Object.assign(s, n);
+  };
+}
+function V(t, e) {
+  return { customClass: e.class };
+}
+const I = /* @__PURE__ */ new Map([
+  ["appearance", V]
+]), W = "https://json-schema.org/draft/2020-12/schema", q = "https://farris-design.gitee.io/page-header.schema.json", z = "PageHeader", G = "A Farris Container Component", J = "object", L = {
+  id: {
+    description: "The unique identifier for a Page Header",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Page Header component",
+    type: "string"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  buttons: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  icon: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  title: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, Q = {
+  $schema: W,
+  $id: q,
+  title: z,
+  description: G,
+  type: J,
+  properties: L
+}, d = {
+  icon: { type: String, default: "" },
+  title: { type: String, default: "" },
+  buttons: { type: Array, default: [] }
+}, y = $(d, Q, I), f = /* @__PURE__ */ v({
+  name: "FPageHeader",
+  props: d,
+  emits: ["Click"],
+  setup(t, e) {
+    const o = u(t.buttons), a = (n) => {
+      e.emit("Click", n);
+    };
+    return () => c("div", {
+      class: "f-page-header"
+    }, [c("nav", {
+      class: "f-page-header-base"
+    }, [c("div", {
+      class: "f-title"
+    }, [c("span", {
+      class: "f-title-icon f-text-orna-manage"
+    }, [c("i", {
+      class: "f-icon f-icon-page-title-administer"
+    }, null)]), c("h4", {
+      class: "f-title-text"
+    }, [t.title])]), c(b("f-response-toolbar"), {
+      class: "col-7",
+      items: o.value,
+      onClick: a
+    }, null)])]);
+  }
+});
+function U(t, e, o) {
+  var h;
+  const a = o == null ? void 0 : o.checkIsInFixedContextRules(), n = o && o.getStyles && o.getStyles() || "";
+  function s() {
+    return !(e.schema.componentType || a);
+  }
+  function i() {
+    return !1;
+  }
+  function p() {
+    return !(e.schema.componentType || a);
+  }
+  function M() {
+    return !!a;
+  }
+  function g(r) {
+    if (!r)
+      return null;
+    if (r.schema.type === "Component")
+      return r;
+    const l = g(r.parent);
+    return l || null;
+  }
+  function P(r, l, C) {
+    return !!o && o.canAccepts();
+  }
+  function S() {
+    return e.schema.label || e.schema.title || e.schema.name;
+  }
+  function T() {
+  }
+  function D(r, l) {
+    l && (o == null || o.onAcceptMovedChildElement(l));
+  }
+  function A(r, l) {
+    const C = String(r.getAttribute("data-controltype"));
+    return E(C);
+  }
+  function j(r) {
+    return r.contents ? r.contents.length : -1;
+  }
+  function H(r) {
+  }
+  const w = {
+    canMove: s(),
+    canSelectParent: i(),
+    canDelete: p(),
+    canNested: !M(),
+    contents: e.schema.contents,
+    elementRef: t,
+    parent: (h = e.parent) == null ? void 0 : h.componentInstance.value,
+    schema: e.schema,
+    styles: n,
+    canAccepts: P,
+    getBelongedComponentInstance: g,
+    getDraggingDisplayText: S,
+    getDragScopeElement: T,
+    onAcceptMovedChildElement: D,
+    onAcceptNewChildElement: A,
+    onAddNewChildElement: j,
+    onChildElementMovedOut: H,
+    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved
+  };
+  return u(w);
+}
+const X = /* @__PURE__ */ v({
+  name: "FPageHeaderDesign",
+  props: d,
+  emits: ["Click"],
+  setup(t, e) {
+    const o = u(t.buttons), a = (p) => {
+      e.emit("Click", p);
+    }, n = u(), s = x("design-item-context"), i = U(n, s);
+    return B(() => {
+      n.value.componentInstance = i;
+    }), e.expose(i.value), () => c("div", {
+      class: "f-page-header",
+      ref: n
+    }, [c("nav", {
+      class: "f-page-header-base"
+    }, [c("div", {
+      class: "f-title"
+    }, [c("span", {
+      class: "f-title-icon f-text-orna-manage"
+    }, [c("i", {
+      class: "f-icon f-icon-page-title-administer"
+    }, null)]), c("h4", {
+      class: "f-title-text"
+    }, [t.title])]), c(b("f-response-toolbar"), {
+      class: "col-7",
+      items: o.value,
+      onClick: a
+    }, null)])]);
+  }
+}), _ = {
+  install(t) {
+    t.component(f.name, f);
+  },
+  register(t, e) {
+    t["page-header"] = f, e["page-header"] = y;
+  },
+  registerDesigner(t, e) {
+    t["page-header"] = X, e["page-header"] = y;
+  }
+};
+export {
+  f as PageHeader,
+  _ as default,
+  d as pageHeaderProps,
+  y as propsResolver
+};

package/page-header/index.umd.js

@@ -0,0 +1 @@
+(function(s,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(s=typeof globalThis<"u"?globalThis:s||self,n(s["page-header"]={},s.Vue))})(this,function(s,n){"use strict";const h={};function m(t){const{properties:e}=t;return Object.keys(e).reduce((a,o)=>(a[o]=e[o].type==="object"&&e[o].properties?m(e[o]):e[o].default,a),{})}function N(t){const e=h[t];return e?m(e):null}function k(t,e){const r=m(e);return Object.keys(t).reduce((a,o)=>(a[o]=t[o],a),r),r}function P(t,e){return Object.keys(t).filter(a=>t[a]!=null).reduce((a,o)=>{if(e.has(o)){const i=e.get(o);if(typeof i=="string")a[i]=t[o];else{const l=i(o,t[o]);Object.assign(a,l)}}else a[o]=t[o];return a},{})}function V(t,e,r=new Map){const a=k(t,e);return P(a,r)}function M(t,e,r=new Map){return h[e.title]=e,a=>{const o=V(a,e,r),i=Object.keys(t).reduce((l,f)=>(l[f]=t[f].default,l),{});return Object.assign(i,o)}}function T(t,e){return{customClass:e.class}}const S=new Map([["appearance",T]]),j={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-header.schema.json",title:"PageHeader",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Page Header",type:"string"},type:{description:"The type string of Page Header component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},buttons:{description:"",type:"array",default:[]},icon:{description:"",type:"string",default:""},title:{description:"",type:"string",default:""}}},d={icon:{type:String,default:""},title:{type:String,default:""},buttons:{type:Array,default:[]}},g=M(d,j,S),u=n.defineComponent({name:"FPageHeader",props:d,emits:["Click"],setup(t,e){const r=n.ref(t.buttons),a=o=>{e.emit("Click",o)};return()=>n.createVNode("div",{class:"f-page-header"},[n.createVNode("nav",{class:"f-page-header-base"},[n.createVNode("div",{class:"f-title"},[n.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[n.createVNode("i",{class:"f-icon f-icon-page-title-administer"},null)]),n.createVNode("h4",{class:"f-title-text"},[t.title])]),n.createVNode(n.resolveComponent("f-response-toolbar"),{class:"col-7",items:r.value,onClick:a},null)])])}});function D(t,e,r){var C;const a=r==null?void 0:r.checkIsInFixedContextRules(),o=r&&r.getStyles&&r.getStyles()||"";function i(){return!(e.schema.componentType||a)}function l(){return!1}function f(){return!(e.schema.componentType||a)}function v(){return!!a}function y(c){if(!c)return null;if(c.schema.type==="Component")return c;const p=y(c.parent);return p||null}function w(c,p,b){return!!r&&r.canAccepts()}function $(){return e.schema.label||e.schema.title||e.schema.name}function B(){}function E(c,p){p&&(r==null||r.onAcceptMovedChildElement(p))}function F(c,p){const b=String(c.getAttribute("data-controltype"));return N(b)}function O(c){return c.contents?c.contents.length:-1}function x(c){}const q={canMove:i(),canSelectParent:l(),canDelete:f(),canNested:!v(),contents:e.schema.contents,elementRef:t,parent:(C=e.parent)==null?void 0:C.componentInstance.value,schema:e.schema,styles:o,canAccepts:w,getBelongedComponentInstance:y,getDraggingDisplayText:$,getDragScopeElement:B,onAcceptMovedChildElement:E,onAcceptNewChildElement:F,onAddNewChildElement:O,onChildElementMovedOut:x,triggerBelongedComponentToMoveWhenMoved:!!r&&r.triggerBelongedComponentToMoveWhenMoved};return n.ref(q)}const H=n.defineComponent({name:"FPageHeaderDesign",props:d,emits:["Click"],setup(t,e){const r=n.ref(t.buttons),a=f=>{e.emit("Click",f)},o=n.ref(),i=n.inject("design-item-context"),l=D(o,i);return n.onMounted(()=>{o.value.componentInstance=l}),e.expose(l.value),()=>n.createVNode("div",{class:"f-page-header",ref:o},[n.createVNode("nav",{class:"f-page-header-base"},[n.createVNode("div",{class:"f-title"},[n.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[n.createVNode("i",{class:"f-icon f-icon-page-title-administer"},null)]),n.createVNode("h4",{class:"f-title-text"},[t.title])]),n.createVNode(n.resolveComponent("f-response-toolbar"),{class:"col-7",items:r.value,onClick:a},null)])])}}),A={install(t){t.component(u.name,u)},register(t,e){t["page-header"]=u,e["page-header"]=g},registerDesigner(t,e){t["page-header"]=H,e["page-header"]=g}};s.PageHeader=u,s.default=A,s.pageHeaderProps=d,s.propsResolver=g,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/page-header/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "page-header",
+    "version": "1.0.2",
+    "main": "index.umd.js",
+    "module": "index.esm.js",
+    "style": "style.css",
+    "types": "../types/page-header/index.d.ts"
+}