@farris/ui-vue 1.2.9 → 1.3.1

package/components/combo-tree/index.umd.cjs

@@ -1 +1 @@
-(function(p,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../tree-view/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../tree-view/index.umd.js","../common/index.umd.js"],r):(p=typeof globalThis<"u"?globalThis:p||self,r(p["combo-tree"]={},p.Vue,p.FButtonEdit,p.LodashES,p.FTreeView,p.common))})(this,function(p,r,B,w,P,M){"use strict";const N={},I={};function T(e){const{properties:l,title:s,ignore:i}=e,d=i&&Array.isArray(i),m=Object.keys(l).reduce((c,f)=>((!d||!i.find(g=>g==f))&&(c[f]=l[f].type==="object"&&l[f].properties?T(l[f]):w.cloneDeep(l[f].default)),c),{});return(!d||!i.find(c=>c=="id"))&&(m.id=`${s}-${Date.now()}`),m}function k(e,l){const s=T(l);return Object.keys(e).reduce((i,d)=>(i[d]&&typeof i[d]=="object"?Object.assign(i[d],e[d]):i[d]=e[d],i),s),s}function E(e,l){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,d)=>{if(l.has(d)){const m=l.get(d);if(typeof m=="string")i[m]=e[d];else{const c=m(d,e[d],e);Object.assign(i,c)}}else i[d]=e[d];return i},{})}function D(e,l,s=new Map){const i=k(e,l);return E(i,s)}function $(e={}){function l(a,t,n,o){if(typeof n=="number")return o[a].length===n;if(typeof n=="object"){const u=Object.keys(n)[0],y=n[u];if(u==="not")return Number(o[a].length)!==Number(y);if(u==="moreThan")return Number(o[a].length)>=Number(y);if(u==="lessThan")return Number(o[a].length)<=Number(y)}return!1}function s(a,t,n,o){return o[a]&&o[a].propertyValue&&String(o[a].propertyValue.value)===String(n)}const i=new Map([["length",l],["getProperty",s]]);Object.keys(e).reduce((a,t)=>(a.set(t,e[t]),a),i);function d(a,t){const n=a;return typeof t=="number"?[{target:n,operator:"length",param:null,value:Number(t)}]:typeof t=="boolean"?[{target:n,operator:"getProperty",param:a,value:!!t}]:typeof t=="object"?Object.keys(t).map(o=>{if(o==="length")return{target:n,operator:"length",param:null,value:t[o]};const u=o,y=t[o];return{target:n,operator:"getProperty",param:u,value:y}}):[]}function m(a){return Object.keys(a).reduce((n,o)=>{const u=d(o,a[o]);return n.push(...u),n},[])}function c(a,t){if(i.has(a.operator)){const n=i.get(a.operator);return n&&n(a.target,a.param,a.value,t)||!1}return!1}function f(a,t){return m(a).reduce((u,y)=>u&&c(y,t),!0)}function g(a,t){const n=Object.keys(a),o=n.includes("allOf"),u=n.includes("anyOf"),y=o||u,b=(y?a[y?o?"allOf":"anyOf":"allOf"]:[a]).map(F=>f(F,t));return o?!b.includes(!1):b.includes(!0)}return{parseValueSchema:g}}const R={},q={};$();function H(e,l,s=new Map,i=(c,f,g)=>f,d={},m=c=>c){return N[l.title]=l,I[l.title]=i,R[l.title]=d,q[l.title]=m,(c={})=>{const f=D(c,l,s),g=Object.keys(e).reduce((a,t)=>(a[t]=e[t].default,a),{});return Object.assign(g,f)}}function L(e,l){return{customClass:l.class,customStyle:l.style}}const A=new Map([["appearance",L]]),_={$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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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"]};function U(e,l,s){return l}var v=(e=>(e.Text="text",e.Tag="tag",e))(v||{}),V=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(V||{});const x={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null}},j=H(x,_,A,U),W={data:{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"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object}},z=r.defineComponent({name:"FComboTreeContainer",props:W,emits:["selectionChange"],setup(e,l){const s=r.ref(e.data),i=r.ref([]),d=r.ref(e.separator),m=r.ref(e.width),c=r.ref(e.height),f=r.ref(e.maxHeight),g=r.ref(String(e.selectedValues).split(d.value));let a=null;e.repositoryToken&&(a=r.inject(e.repositoryToken));const t=r.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),n=r.computed(()=>{const u={};return m.value!==void 0&&(u.width=`${m.value}px`),c.value!==void 0&&(u.height=`${c.value}px`),f.value!==void 0&&f.value>0&&(u.maxHeight=`${f.value}px`,u.overflow="auto"),u});function o(u){i.value=u.map(y=>Object.assign({},y)),g.value=u.map(y=>y[e.idField]),l.emit("selectionChange",i.value)}return r.onMounted(()=>{a&&a.getData(e.editorParams).then(u=>{s.value=u})}),()=>r.createVNode("div",{class:"f-combo-tree-container",style:n.value},[r.createVNode(P,{data:s.value,idField:e.idField,columns:t.value,"selection-values":g.value,onSelectionChange:o},null)])}});function G(e){const l=r.ref(""),s=r.ref(e.modelValue),i=r.ref(e.data||[]),d=r.ref(e.editable);function m(t){const n=String(t).split(e.separator).map(u=>[u,!0]),o=new Map(n);return i.value.filter(u=>o.has(String(u[e.valueField])))}function c(t){const n=m(t).map(o=>o[e.textField]).join(e.separator);l.value=d.value?n||t:n}function f(t){const n=t.split(e.separator).map(u=>[u,!0]),o=new Map(n);return i.value.filter(u=>o.has(u[e.textField]))}function g(t){const n={};return n[e.idField]=t,n[e.textField]=t,[n]}function a(t){let n=f(t);const o=n&&n.length>0;return d.value&&!o&&(n=g(t)),n}return r.watch(()=>e.data,()=>{i.value=e.data}),r.watch([i],([t])=>{if(e.modelValue){const n=t.find(o=>o[e.valueField]===e.modelValue);n&&(l.value=n[e.textField])}}),r.watch(()=>e.modelValue,t=>{s.value=t,c(t)}),c(e.modelValue),{dataSource:i,displayText:l,editable:d,modelValue:s,getItemsByDisplayText:f,getItemsByValue:m,getSelectedItemsByDisplayText:a}}const S=r.defineComponent({name:"FComboTree",props:x,emits:["clear","update:modelValue","change"],setup(e,l){return()=>{const s=r.ref(),i=r.ref(e.disabled),d=r.ref(e.enableClear),m=r.ref(e.enableSearch),c=r.ref(e.readonly),{dataSource:f,displayText:g,editable:a,modelValue:t,getSelectedItemsByDisplayText:n}=G(e),o=r.computed(()=>e.multiSelect);r.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);function u(){!o.value&&s.value&&s.value.hidePopup()}function y(b){g.value=b.map(h=>h[e.textField]).join(e.separator),t.value=b.map(h=>h[e.valueField]).join(e.separator),l.emit("update:modelValue",t.value),l.emit("change",b,t.value),u()}function C(b){t.value="",l.emit("update:modelValue",""),l.emit("clear")}function O(b){const h=n(b);y(h)}return r.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([b,h,F,Q,X])=>{i.value=b,a.value=h,d.value=F,m.value=Q,c.value=X}),r.createVNode(B,{ref:s,id:e.id,disable:i.value,readonly:c.value,forcePlaceholder:e.forcePlaceholder,editable:a.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:d.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:g.value,"onUpdate:modelValue":b=>g.value=b,onClear:C,onChange:O,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated},{default:()=>[r.createVNode(z,{maxHeight:e.maxHeight,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:f.value,selectedValues:t.value,onSelectionChange:y,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken},null)]})}}});S.register=(e,l,s,i)=>{e["combo-tree"]=S,l["combo-tree"]=j};const J=M.withInstall(S);p.FComboTree=S,p.Placement=V,p.ViewType=v,p.comboTreeProps=x,p.default=J,p.propsResolver=j,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../tree-view/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../tree-view/index.umd.js","../common/index.umd.js"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p["combo-tree"]={},p.Vue,p.FButtonEdit,p.LodashES,p.FTreeView,p.common))})(this,function(p,o,w,x,P,M){"use strict";const N={},I={};function v(e){const{properties:l,title:s,ignore:r}=e,d=r&&Array.isArray(r),m=Object.keys(l).reduce((c,f)=>((!d||!r.find(g=>g==f))&&(c[f]=l[f].type==="object"&&l[f].properties?v(l[f]):x.cloneDeep(l[f].default)),c),{});return s&&(!d||!r.find(c=>c=="id"))&&(m.id=`${s}-${Date.now()}`),m}function k(e,l){const s=v(l);return Object.keys(e).reduce((r,d)=>(r[d]&&x.isPlainObject(r[d])&&x.isPlainObject(e[d])?Object.assign(r[d],e[d]):r[d]=e[d],r),s),s}function D(e,l){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,d)=>{if(l.has(d)){const m=l.get(d);if(typeof m=="string")r[m]=e[d];else{const c=m(d,e[d],e);Object.assign(r,c)}}else r[d]=e[d];return r},{})}function E(e,l,s=new Map){const r=k(e,l);return D(r,s)}function $(e={}){function l(a,t,n,u){if(typeof n=="number")return u[a].length===n;if(typeof n=="object"){const i=Object.keys(n)[0],y=n[i];if(i==="not")return Number(u[a].length)!==Number(y);if(i==="moreThan")return Number(u[a].length)>=Number(y);if(i==="lessThan")return Number(u[a].length)<=Number(y)}return!1}function s(a,t,n,u){return u[a]&&u[a].propertyValue&&String(u[a].propertyValue.value)===String(n)}const r=new Map([["length",l],["getProperty",s]]);Object.keys(e).reduce((a,t)=>(a.set(t,e[t]),a),r);function d(a,t){const n=a;return typeof t=="number"?[{target:n,operator:"length",param:null,value:Number(t)}]:typeof t=="boolean"?[{target:n,operator:"getProperty",param:a,value:!!t}]:typeof t=="object"?Object.keys(t).map(u=>{if(u==="length")return{target:n,operator:"length",param:null,value:t[u]};const i=u,y=t[u];return{target:n,operator:"getProperty",param:i,value:y}}):[]}function m(a){return Object.keys(a).reduce((n,u)=>{const i=d(u,a[u]);return n.push(...i),n},[])}function c(a,t){if(r.has(a.operator)){const n=r.get(a.operator);return n&&n(a.target,a.param,a.value,t)||!1}return!1}function f(a,t){return m(a).reduce((i,y)=>i&&c(y,t),!0)}function g(a,t){const n=Object.keys(a),u=n.includes("allOf"),i=n.includes("anyOf"),y=u||i,b=(y?a[y?u?"allOf":"anyOf":"allOf"]:[a]).map(T=>f(T,t));return u?!b.includes(!1):b.includes(!0)}return{parseValueSchema:g}}const R={},q={};$();function H(e,l,s=new Map,r=(c,f,g)=>f,d={},m=c=>c){return N[l.title]=l,I[l.title]=r,R[l.title]=d,q[l.title]=m,(c={})=>{const f=E(c,l,s),g=Object.keys(e).reduce((a,t)=>(a[t]=e[t].default,a),{});return Object.assign(g,f)}}function L(e,l){return{customClass:l.class,customStyle:l.style}}const A=new Map([["appearance",L]]),_={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-tree",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-tree"},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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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"]};function U(e,l,s){return l}var j=(e=>(e.Text="text",e.Tag="tag",e))(j||{}),O=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(O||{});const F={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null}},V=H(F,_,A,U),W={data:{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"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object}},z=o.defineComponent({name:"FComboTreeContainer",props:W,emits:["selectionChange"],setup(e,l){const s=o.ref(e.data),r=o.ref([]),d=o.ref(e.separator),m=o.ref(e.width),c=o.ref(e.height),f=o.ref(e.maxHeight),g=o.ref(String(e.selectedValues).split(d.value));let a=null;e.repositoryToken&&(a=o.inject(e.repositoryToken));const t=o.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),n=o.computed(()=>{const i={};return m.value!==void 0&&(i.width=`${m.value}px`),c.value!==void 0&&(i.height=`${c.value}px`),f.value!==void 0&&f.value>0&&(i.maxHeight=`${f.value}px`,i.overflow="auto"),i});function u(i){r.value=i.map(y=>Object.assign({},y)),g.value=i.map(y=>y[e.idField]),l.emit("selectionChange",r.value)}return o.onMounted(()=>{a&&a.getData(e.editorParams).then(i=>{s.value=i})}),()=>o.createVNode("div",{class:"f-combo-tree-container",style:n.value},[o.createVNode(P,{data:s.value,idField:e.idField,columns:t.value,"selection-values":g.value,onSelectionChange:u},null)])}});function G(e){const l=o.ref(""),s=o.ref(e.modelValue),r=o.ref(e.data||[]),d=o.ref(e.editable);function m(t){const n=String(t).split(e.separator).map(i=>[i,!0]),u=new Map(n);return r.value.filter(i=>i.data?u.has(String(i.data[e.valueField])):u.has(String(i[e.valueField]))).map(i=>i.data?i.data:i)}function c(t){const n=m(t).map(u=>u[e.textField]).join(e.separator);l.value=d.value?n||t:n}function f(t){const n=t.split(e.separator).map(i=>[i,!0]),u=new Map(n);return r.value.filter(i=>u.has(i[e.textField]))}function g(t){const n={};return n[e.idField]=t,n[e.textField]=t,[n]}function a(t){let n=f(t);const u=n&&n.length>0;return d.value&&!u&&(n=g(t)),n}return o.watch(()=>e.data,()=>{r.value=e.data}),o.watch([r],([t])=>{if(e.modelValue){const n=t.find(u=>u[e.valueField]===e.modelValue);n&&(l.value=n[e.textField])}}),o.watch(()=>e.modelValue,t=>{s.value=t,c(t)}),c(e.modelValue),{dataSource:r,displayText:l,editable:d,modelValue:s,getItemsByDisplayText:f,getItemsByValue:m,getSelectedItemsByDisplayText:a}}const S=o.defineComponent({name:"FComboTree",props:F,emits:["clear","update:modelValue","change"],setup(e,l){return()=>{const s=o.ref(),r=o.ref(e.disabled),d=o.ref(e.enableClear),m=o.ref(e.enableSearch),c=o.ref(e.readonly),{dataSource:f,displayText:g,editable:a,modelValue:t,getSelectedItemsByDisplayText:n}=G(e),u=o.computed(()=>e.multiSelect);o.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);function i(){!u.value&&s.value&&s.value.hidePopup()}function y(b){g.value=b.map(h=>h[e.textField]).join(e.separator),t.value=b.map(h=>h[e.valueField]).join(e.separator),l.emit("update:modelValue",t.value),l.emit("change",b,t.value),i()}function C(b){t.value="",l.emit("update:modelValue",""),l.emit("clear")}function B(b){const h=n(b);y(h)}return o.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([b,h,T,Q,X])=>{r.value=b,a.value=h,d.value=T,m.value=Q,c.value=X}),o.createVNode(w,{ref:s,id:e.id,disable:r.value,readonly:c.value,forcePlaceholder:e.forcePlaceholder,editable:a.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:d.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:g.value,"onUpdate:modelValue":b=>g.value=b,onClear:C,onChange:B,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated},{default:()=>[o.createVNode(z,{maxHeight:e.maxHeight,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:f.value,selectedValues:t.value,onSelectionChange:y,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken},null)]})}}});S.register=(e,l,s,r)=>{e["combo-tree"]=S,l["combo-tree"]=V};const J=M.withInstall(S);p.FComboTree=S,p.Placement=O,p.ViewType=j,p.comboTreeProps=F,p.default=J,p.propsResolver=V,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});