@farris/ui-vue 1.1.0 → 1.1.1

package/filter-bar/index.umd.js

@@ -1 +0,0 @@
-(function(F,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],r):(F=typeof globalThis<"u"?globalThis:F||self,r(F["filter-bar"]={},F.Vue,F.LodashES))})(this,function(F,r,C){"use strict";var Ve=Object.defineProperty;var Te=(F,r,C)=>r in F?Ve(F,r,{enumerable:!0,configurable:!0,writable:!0,value:C}):F[r]=C;var a=(F,r,C)=>(Te(F,typeof r!="symbol"?r+"":r,C),C);const B={},D={};function P(l){const{properties:e,title:t}=l,n=Object.keys(e).reduce((s,b)=>(s[b]=e[b].type==="object"&&e[b].properties?P(e[b]):C.cloneDeep(e[b].default),s),{});return n.id=`${t}-${Date.now()}`,n}function O(l,e={}){const t=B[l];if(t){let n=P(t);const s=D[l];return n=s?s({getSchemaByType:O},n,e):n,n}return null}function J(l,e){const t=P(e);return Object.keys(l).reduce((n,s)=>(n[s]=l[s],n),t),t}function z(l,e){return Object.keys(l).filter(n=>l[n]!=null).reduce((n,s)=>{if(e.has(s)){const b=e.get(s);if(typeof b=="string")n[b]=l[s];else{const v=b(s,l[s],l);Object.assign(n,v)}}else n[s]=l[s];return n},{})}function Q(l,e,t=new Map){const n=J(l,e);return z(n,t)}function U(l={}){function e(o,u,c,d){if(typeof c=="number")return d[o].length===c;if(typeof c=="object"){const i=Object.keys(c)[0],f=c[i];if(i==="not")return Number(d[o].length)!==Number(f);if(i==="moreThan")return Number(d[o].length)>=Number(f);if(i==="lessThan")return Number(d[o].length)<=Number(f)}return!1}function t(o,u,c,d){return d[u]&&d[u].propertyValue&&String(d[u].propertyValue.value)===String(c)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(l).reduce((o,u)=>(o.set(u,l[u]),o),n);function s(o,u){const c=o;return typeof u=="number"?[{target:c,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:c,operator:"getProperty",param:o,value:!!u}]:typeof u=="object"?Object.keys(u).map(d=>{if(d==="length")return{target:c,operator:"length",param:null,value:u[d]};const i=d,f=u[d];return{target:c,operator:o,param:i,value:f}}):[]}function b(o){return Object.keys(o).reduce((c,d)=>{const i=s(d,o[d]);return c.push(...i),c},[])}function v(o,u){if(n.has(o.operator)){const c=n.get(o.operator);return c&&c(o.target,o.param,o.value,u)||!1}return!1}function V(o,u){return b(o).reduce((i,f)=>i&&v(f,u),!0)}function T(o,u){const c=Object.keys(o),d=c.includes("allOf"),i=c.includes("anyOf"),f=d||i,E=(f?o[f?d?"allOf":"anyOf":"allOf"]:[o]).map(h=>V(h,u));return d?!E.includes(!1):E.includes(!0)}return{parseValueSchema:T}}const X={},Y={};U();function Z(l,e,t=new Map,n=(v,V,T)=>V,s={},b=v=>v){return B[e.title]=e,D[e.title]=n,X[e.title]=s,Y[e.title]=b,(v={})=>{const V=Q(v,e,t),T=Object.keys(l).reduce((o,u)=>(o[u]=l[u].default,o),{});return Object.assign(T,V)}}function R(l,e){return{customClass:e.class}}const K=new Map([["appearance",R]]);function I(l,e,t){return e}const ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/filter-bar.schema.json",title:"filter-bar",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for filter-bar",type:"string"},type:{description:"The type string of filter-bar",type:"string",default:"filter-bar"},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},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},te={title:"filter-bar",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:[]}}}}}},M={data:{type:Array,default:[{id:"name",fieldCode:"name",fieldName:"名称",compareType:"0",valueType:0,value:"示例1",relation:"1"}]},fields:{type:Array,default:[{id:"name",code:"name",labelCode:"name",name:"名称",editor:{type:"text"}}]},mode:{type:String,default:"editable"},resetText:{type:String,default:"清空已选"},showReset:{type:Boolean,default:!1}},$=Z(M,ee,K,I,te);class re{constructor(e={value:[]}){a(this,"editorType","check-box");a(this,"value");a(this,"valueType","boolean");this.value=e.value}clear(){this.value=[]}setValue(e){this.value=e}getValue(){return this.value}isEmpty(){return this.value.length===0}}class ne{constructor(e={textValue:"",value:"",valueField:""}){a(this,"editorType","combo-lookup");a(this,"textValue");a(this,"value");a(this,"valueField");a(this,"valueType","text");this.textValue=e.textValue,this.value=e.value,this.valueField=e.valueField}clear(){this.value="",this.valueField="",this.textValue=""}getPropValue(e,t){if(t.length>1){const n=t.shift();return e[n]?this.getPropValue(e[n],t):null}return e[t[0]]}getTextValue(e){const t=e.split("."),n=this.value.split(",").map(s=>this.getPropValue(s,C.cloneDeep(t)));return n&&n.length?n.join(","):""}getValue(){const e=this.valueField.split("."),t=this.value.split(",").map(n=>this.getPropValue(n,C.cloneDeep(e)));return t&&t.length?t.join(","):""}setValue(e){throw new Error("Method not implemented.")}isEmpty(){return!this.valueField}}class le{constructor(e={value:""}){a(this,"editorType","date-picker");a(this,"value");a(this,"valueType","datetime");this.value=e.value}setValue(e){this.value=e.formatted}getValue(){return this.value}isEmpty(){return!this.value}clear(){this.value=void 0}}class L{constructor(e={begin:"",end:""}){a(this,"editorType","date-range");a(this,"begin","");a(this,"end","");a(this,"valueType","datetime");this.begin=e.begin,this.end=e.end}clear(){this.begin="",this.end=""}getValue(){return!this.begin||!this.end?"":`${this.begin}~${this.end}`}setValue(e){e.dataRange?(this.begin=e.dataRange.split(e.delimiter)[0],this.end=e.dataRange.split(e.delimiter)[1]):this.clear()}isEmpty(){return!this.begin||!this.end}}class ae{constructor(e={value:""}){a(this,"editorType","datetime-picker");a(this,"value");a(this,"valueType","datetime");this.value=e.value}clear(){this.value=void 0}getValue(){return this.value}setValue(e){this.value=e.formatted}isEmpty(){return!this.value}}class se{constructor(e={value:"",dispalyText:""}){a(this,"editorType","combo-list");a(this,"value");a(this,"valueType","enum");a(this,"displayText");this.displayText=e.dispalyText,this.value=e.value}clear(){this.value="",this.displayText=""}getValue(){return this.displayText}setValue(e){this.displayText=e.dispalyText,this.value=e.value}isEmpty(){return!this.displayText}}class oe{constructor(e={value:[],displayText:"",displayField:"",isInputText:!1}){a(this,"editorType","input-group");a(this,"value");a(this,"valueType","text");a(this,"displayText");a(this,"valueField");a(this,"isInputText");this.value=e.value,this.displayText=e.displayText,this.valueField=e.displayField,this.isInputText=e.isInputText}clear(){this.value=[],this.displayText="",this.valueField=""}getPropValue(e,t){if(t.length>1){const n=t.shift();return e[n]?this.getPropValue(e[n],t):""}return e[t[0]]}getTextValue(e){const t=e.split("."),n=this.value.map(s=>this.getPropValue(s,C.cloneDeep(t)));return n&&n.length?n.join(","):""}getValue(){const e=this.valueField.split(".")||[],t=this.value.map(n=>this.getPropValue(n,C.cloneDeep(e)));return t&&t.length?t.join(","):""}setValue(e){throw new Error("Method not implemented.")}isEmpty(){return!this.displayText}}class ie{constructor(e={textValue:"",value:[],valueField:"",isInputText:!1}){a(this,"editorType","lookup");a(this,"textValue");a(this,"value");a(this,"valueField");a(this,"valueType","text");a(this,"isInputText");this.value=e.value,this.valueField=e.valueField,this.textValue=e.textValue,this.isInputText=e.isInputText}clear(){this.value=[],this.valueField="",this.textValue=""}getPropValue(e,t){if(t.length>1){const n=t.shift();return e[n]?this.getPropValue(e[n],t):null}return e[t[0]]}getTextValue(e){const t=e.split("."),n=this.value.map(s=>this.getPropValue(s,t));return n&&n.length?n.join(","):""}getValue(){const e=this.valueField.split("."),t=this.value.map(n=>this.getPropValue(n,e));return t&&t.length?t.join(","):""}setValue(e){throw new Error("Method not implemented.")}isEmpty(){return!this.value.length}}class ue{constructor(e={value:""}){a(this,"editorType","month-picker");a(this,"value");a(this,"valueType","datetime");this.value=e.value}setValue(e){this.value=e.formatted}getValue(){return this.value}clear(){this.value=void 0}isEmpty(){return!this.value}}class ce{constructor(e={begin:"",end:""}){a(this,"editorType","month-range");a(this,"begin");a(this,"end");a(this,"valueType","datetime");this.begin=e.begin,this.end=e.end}clear(){this.begin="",this.end=""}getValue(){return!this.begin||!this.end?"":`${this.begin}~${this.end}`}setValue(e){e.dataRange?(this.begin=e.dataRange.split(e.delimiter)[0],this.end=e.dataRange.split(e.delimiter)[1]):this.clear()}isEmpty(){return!this.begin||!this.end}}class pe{constructor(e={begin:null,end:null}){a(this,"editorType","number-range");a(this,"begin");a(this,"end");a(this,"valueType","number");this.begin=e.begin==null?null:parseFloat(e.begin),this.end=e.end==null?null:parseFloat(e.end)}clear(){this.begin=null,this.end=null}getValue(){return{begin:this.begin,end:this.end}}setValue(e){this.begin=e.begin==null?null:parseFloat(e.begin),this.end=e.end==null?null:parseFloat(e.end)}isEmpty(){return this.begin==null&&this.end==null}}class de{constructor(e={value:""}){a(this,"editorType","number-spinner");a(this,"value");a(this,"valueType","number");this.value=e.value==null?null:parseFloat(e.value)}clear(){this.value=void 0}getValue(){return this.value}setValue(e){this.value=isNaN(parseFloat(e))?null:e}isEmpty(){return this.value==null}}class fe{constructor(e={value:null}){a(this,"editorType","radio-group");a(this,"value");a(this,"valueType","enum");this.value=e.value}clear(){this.value=void 0}getValue(){return this.value}setValue(e){this.value=e}isEmpty(){return!this.value}}class he{constructor(e={value:""}){a(this,"editorType","text");a(this,"value");a(this,"valueType","text");this.value=e.value}clear(){this.value=void 0}getValue(){return this.value}setValue(e){this.value=e}isEmpty(){return!this.value}}function me(){function l(e,t){switch(e){case"check-box":return new re(t);case"combo-list":return new se(t);case"combo-lookup":return new ne(t);case"input-group":return new oe(t);case"date-picker":return new le(t);case"date-range":return new L(t);case"datetime-picker":return new ae(t);case"datetime-range":return new L(t);case"lookup":return new ie(t);case"month-picker":return new ue(t);case"month-range":return new ce(t);case"number-range":return new pe(t);case"number-spinner":return new de(t);case"radio-group":return new fe(t);default:return new he(t)}}return{createConditionValue:l}}function q(l,e){const t=r.ref([]),n=r.ref([]),s=r.ref([]),b=r.ref(""),v=r.ref(!1),V=r.ref(l.mode),T=new Map,o=me();function u(h){return!v.value&&V.value==="display-only"&&!!h.hasValue&&!!h.displayText}function c(h){n.value=h,n.value.reduce((p,w)=>(p.set(w.labelCode,w),p),T)}function d(h){t.value=h.map((p,w)=>{var m;if(typeof p.value=="string"){const y=((m=T.get(p.fieldCode))==null?void 0:m.editor.type)||"text";p.value=o.createConditionValue(y,{value:p.value})}return p.conditionId=w,p})}function i(){const h=n.value.map(p=>({id:p.id,fieldCode:p.code,fieldName:p.name,editor:p.editor}));return t.value.reduce((p,w,m)=>{const y=p.find(g=>g.fieldCode===w.fieldCode);return y&&(y.displayText=w.value.getValue(),y.hasValue=!0),p},h),h}function f(h,p){c(l.fields),d(l.data),s.value=i()}function N(h){s.value=s.value.filter(p=>p.id!==h.id),t.value=t.value.filter(p=>p.fieldCode!==h.fieldCode),n.value=n.value.filter(p=>p.id!==h.id),e.emit("Remove",h.fieldCode)}function k(h){h.displayText="",h.hasValue=!1,t.value=t.value.filter(p=>p.fieldCode!==h.fieldCode),e.emit("Clear",h.fieldCode)}function E(){s.value=[],t.value=[],n.value=[],e.emit("Reset")}function S(){s.value.forEach(h=>{h.displayText="",h.hasValue=!1}),t.value=[],e.emit("Reset")}return f(l.fields,l.data),{clearAll:E,clearFilterItem:k,currentFilterId:b,filterFields:n,filterItems:s,loadFilterItems:f,removeFilterItem:N,reset:S,shouldShowClearButtonInFilterItem:u}}function W(l,e){function t(){}return()=>r.createVNode("div",{class:"f-filter-list-ellipsis",onClick:n=>void 0},[r.createTextVNode("...")])}function _(l,e,t){const{clearFilterItem:n,currentFilterId:s,filterItems:b,removeFilterItem:v,shouldShowClearButtonInFilterItem:V}=t,T=r.ref(!1),o=function(i,f){return{"f-filter-item":!0,"f-filter-item-actived":i.hasValue,"f-filter-item-last":f===b.value.length-1,"f-filter-item-edit":i.id===s.value}},u=r.computed(()=>!T.value&&l.mode==="editable");function c(i,f){l.mode==="display-only"?v(f):n(f)}function d(i,f,N){}return(i,f)=>r.createVNode("div",{id:i.id,class:o(i,f),onClick:N=>void 0},[r.createVNode("div",{class:"f-filter-item-inner"},[i.editor.required&&r.createVNode("span",{class:"f-filter-item-required text-danger"},[r.createTextVNode("*")]),r.createVNode("span",{class:"f-filter-item-text"},[i.fieldName]),i.hasValue&&i.displayText&&r.createVNode("span",{class:"f-filter-item-tip"},[r.createTextVNode(":")]),i.hasValue&&i.displayText&&r.createVNode("span",{class:"f-filter-item-content"},[i.displayText]),u.value&&r.createVNode("span",{class:"f-filter-item-arrow f-icon f-icon-arrow-chevron-down"},null)]),V(i)&&r.createVNode("span",{class:"f-filter-item-clear",onClick:N=>c(N,i)},[r.createVNode("span",{class:"f-icon f-icon-close-circle"},null)])])}function G(l,e,t){const n=r.ref([]),s=r.ref(!1),b=r.ref(""),v=r.ref(l.resetText),V=r.ref(l.showReset),{clearAll:T,reset:o}=t,u=r.computed(()=>s.value&&n.value&&n.value.length>0),c=r.computed(()=>V.value);function d(f){}function i(f){l.mode==="display-only"?T():o()}return()=>r.createVNode("div",{class:"f-filter-toolbars"},[u.value&&r.createVNode("button",{class:"btn btn-link",onClick:f=>void 0},[b.value]),c.value&&r.createVNode("button",{class:"btn btn-link",onClick:f=>i()},[v.value])])}const A=r.defineComponent({name:"FFilterBar",props:M,emits:["Clear","Remove","Reset"],setup(l,e){const t=r.ref(!1),n=r.ref(!1),s=r.ref(!1),b=r.ref(!1),v=q(l,e),{filterFields:V,filterItems:T,loadFilterItems:o}=v,u=r.computed(()=>({display:V.value&&V.value.length?"":"none"}));r.watch([()=>l.data,()=>l.fields],([p,w])=>{o(w,p)});const c=r.computed(()=>n.value&&t.value),d=r.computed(()=>({"f-filter-list":!0,"f-filter-list-extend":c.value})),i=r.computed(()=>T.value.length>0),f=_(l,e,v);function N(){return r.createVNode("div",{class:d.value},[T.value.map((p,w)=>f(p,w))])}const k=r.computed(()=>s.value&&!n.value&&b.value),E=W(),S=r.computed(()=>!n.value),h=G(l,e,v);return()=>r.createVNode("div",{class:"f-filter-wrapper",style:u.value},[r.createVNode("div",{class:"f-filter-wrapper-inner f-utils-fill"},[r.createVNode("div",{class:"f-filter-main f-utils-fill"},[r.createVNode("div",{class:"f-filter-list-wrapper"},[i.value&&N(),k.value&&E(),S.value&&h()])])])])}});function ve(l,e,t){var w;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const s=t&&t.getStyles&&t.getStyles()||"",b=t&&t.getDesignerClass&&t.getDesignerClass()||"",v=r.ref();function V(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function T(){return!1}function o(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function u(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function c(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const y=r.ref(m==null?void 0:m.value.parent),g=c(y);return g||null}function d(m=e){const{componentInstance:y,designerItemElementRef:g}=m;return!y||!y.value?null:y.value.canMove?g:d(m.parent)}function i(m){return!!t&&t.canAccepts(m)}function f(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function N(){}function k(m,y){y&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(y)}function E(m){const{componentType:y}=m;let g=O(y,m);t&&t.onResolveNewComponentSchema&&(g=t.onResolveNewComponentSchema(m,g));const j=y.toLowerCase().replace("-","_");return g&&!g.id&&g.type===y&&(g.id=`${j}_${Math.random().toString().slice(2,6)}`),g}function S(m,y){const g=String(m.getAttribute("data-controltype")),j=m.getAttribute("data-feature"),H=j?JSON.parse(j):{};H.parentComponentInstance=v.value;let x=O(g,H);t&&t.onAcceptNewChildElement&&(x=t.onAcceptNewChildElement(m,y,x));const ge=g.toLowerCase().replace("-","_");return x&&!x.id&&x.type===g&&(x.id=`${ge}_${Math.random().toString().slice(2,6)}`),x}function h(m){}function p(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return v.value={canMove:V(),canSelectParent:T(),canDelete:o(),canNested:!u(),contents:e==null?void 0:e.schema.contents,elementRef:l,parent:(w=e==null?void 0:e.parent)==null?void 0:w.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:b,canAccepts:i,getBelongedComponentInstance:c,getDraggableDesignItemElement:d,getDraggingDisplayText:f,getPropConfig:p,getDragScopeElement:N,onAcceptMovedChildElement:k,onAcceptNewChildElement:S,onChildElementMovedOut:h,addNewChildComponentSchema:E,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||r.ref(!1)},v}const ye=r.defineComponent({name:"FFilterBarDesign",props:M,emits:["Clear","Remove","Reset"],setup(l,e){const t=r.ref(!1),n=r.ref(!1),s=r.ref(!1),b=r.ref(!1),v=q(l,e),{filterFields:V,filterItems:T,loadFilterItems:o}=v,u=r.computed(()=>({display:V.value&&V.value.length?"":"none"})),c=r.ref(),d=r.inject("design-item-context"),i=ve(c,d);r.onMounted(()=>{c.value.componentInstance=i}),e.expose(i.value),r.watch([()=>l.data,()=>l.fields],([y,g])=>{o(g,y)});const f=r.computed(()=>n.value&&t.value),N=r.computed(()=>({"f-filter-list":!0,"f-filter-list-extend":f.value})),k=r.computed(()=>T.value.length>0),E=_(l,e,v);function S(){return r.createVNode("div",{class:N.value},[T.value.map((y,g)=>E(y,g))])}const h=r.computed(()=>s.value&&!n.value&&b.value),p=W(),w=r.computed(()=>!n.value),m=G(l,e,v);return()=>r.createVNode("div",{ref:c,class:"f-filter-wrapper",style:u.value},[r.createVNode("div",{class:"f-filter-wrapper-inner f-utils-fill"},[r.createVNode("div",{class:"f-filter-main f-utils-fill"},[r.createVNode("div",{class:"f-filter-list-wrapper"},[k.value&&S(),h.value&&p(),w.value&&m()])])])])}}),be={install(l){l.component(A.name,A)},register(l,e,t){l["filter-bar"]=A,e["filter-bar"]=$},registerDesigner(l,e,t){l["filter-bar"]=ye,e["filter-bar"]=$}};F.default=be,F.filterBarProps=M,F.propsResolver=$,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/filter-bar/package.json

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