@farris/ui-vue 1.1.0 → 1.1.1

package/response-toolbar/index.umd.js

@@ -1 +0,0 @@
-(function(I,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],t):(I=typeof globalThis<"u"?globalThis:I||self,t(I["response-toolbar"]={},I.Vue,I.LodashES))})(this,function(I,t,Q){"use strict";var Le=Object.defineProperty;var We=(I,t,Q)=>t in I?Le(I,t,{enumerable:!0,configurable:!0,writable:!0,value:Q}):I[t]=Q;var j=(I,t,Q)=>(We(I,typeof t!="symbol"?t+"":t,Q),Q);class de{constructor(r){j(this,"id","");j(this,"class","btn-secondary");j(this,"icon","");j(this,"groupId","");j(this,"order",-1);j(this,"asDropDownTop",!1);j(this,"text","");j(this,"visible",!0);j(this,"responsed",!1);j(this,"tipsEnable",!1);j(this,"tipsText","");j(this,"width",0);j(this,"onClick",()=>{});j(this,"options");this.options=r;const o=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(r).filter(m=>o.indexOf(m)>-1).forEach(m=>{this[m]=r[m]})}get enable(){return Object.keys(this.options).indexOf("enable")>-1?this.options.enable:t.computed(()=>!0)}setWidth(r){this.width=parseInt(r,10)}getWidth(){return this.visible?this.width:!1}}class pe extends de{constructor(r){super(r)}}function oe(){function d(r){const o=[];return r.reduce((m,b)=>(b.children&&b.children.length>0?m.push(new Y(b)):m.push(new pe(b)),m),o),o}return{buildResponseToolbarItems:d}}const{buildResponseToolbarItems:we}=oe();class Y extends de{constructor(o){super(o);j(this,"placement","");j(this,"dropdownClass","");j(this,"menuClass","");j(this,"split",!1);j(this,"children",[]);j(this,"expanded",!1);const m=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(o).filter(b=>m.indexOf(b)>-1).forEach(b=>{this[b]=o[b]}),o.children&&o.children.length&&(this.children=we(o.children))}}class Ce{constructor(r,o){j(this,"id");j(this,"name");j(this,"presetId",[]);j(this,"responsedIndex",[]);j(this,"width");this.id=r,this.name=o,this.width=0}setWidth(r){this.width=parseInt(r+"",10)}getWidth(){return this.width}setPreset(r){Array.isArray(r)?this.presetId=this.presetId.concat(r):this.presetId.push(r)}delPreset(){this.presetId=[]}removeResponsed(r){this.responsedIndex.splice(r,1)}setResponsed(r){Array.isArray(r)?this.responsedIndex=this.responsedIndex.concat(r):this.responsedIndex.push(r)}isResponsing(){return this.responsedIndex.length>0}isResponsed(){return this.presetId.length===this.responsedIndex.length}}const re={},ue={};function se(d){const{properties:r,title:o}=d,m=Object.keys(r).reduce((b,N)=>(b[N]=r[N].type==="object"&&r[N].properties?se(r[N]):Q.cloneDeep(r[N].default),b),{});return m.id=`${o}-${Date.now()}`,m}function Z(d,r={}){const o=re[d];if(o){let m=se(o);const b=ue[d];return m=b?b({getSchemaByType:Z},m,r):m,m}return null}function Te(d,r){const o=se(r);return Object.keys(d).reduce((m,b)=>(m[b]=d[b],m),o),o}function xe(d,r){return Object.keys(d).filter(m=>d[m]!=null).reduce((m,b)=>{if(r.has(b)){const N=r.get(b);if(typeof N=="string")m[N]=d[b];else{const x=N(b,d[b],d);Object.assign(m,x)}}else m[b]=d[b];return m},{})}function Ne(d,r,o=new Map){const m=Te(d,r);return xe(m,o)}function De(d={}){function r(y,u,c,s){if(typeof c=="number")return s[y].length===c;if(typeof c=="object"){const f=Object.keys(c)[0],g=c[f];if(f==="not")return Number(s[y].length)!==Number(g);if(f==="moreThan")return Number(s[y].length)>=Number(g);if(f==="lessThan")return Number(s[y].length)<=Number(g)}return!1}function o(y,u,c,s){return s[u]&&s[u].propertyValue&&String(s[u].propertyValue.value)===String(c)}const m=new Map([["length",r],["getProperty",o]]);Object.keys(d).reduce((y,u)=>(y.set(u,d[u]),y),m);function b(y,u){const c=y;return typeof u=="number"?[{target:c,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:c,operator:"getProperty",param:y,value:!!u}]:typeof u=="object"?Object.keys(u).map(s=>{if(s==="length")return{target:c,operator:"length",param:null,value:u[s]};const f=s,g=u[s];return{target:c,operator:y,param:f,value:g}}):[]}function N(y){return Object.keys(y).reduce((c,s)=>{const f=b(s,y[s]);return c.push(...f),c},[])}function x(y,u){if(m.has(y.operator)){const c=m.get(y.operator);return c&&c(y.target,y.param,y.value,u)||!1}return!1}function _(y,u){return N(y).reduce((f,g)=>f&&x(g,u),!0)}function $(y,u){const c=Object.keys(y),s=c.includes("allOf"),f=c.includes("anyOf"),g=s||f,P=(g?y[g?s?"allOf":"anyOf":"allOf"]:[y]).map(R=>_(R,u));return s?!P.includes(!1):P.includes(!0)}return{parseValueSchema:$}}const fe={},Se={};De();function Ee(d,r,o=new Map,m=(x,_,$)=>_,b={},N=x=>x){return re[r.title]=r,ue[r.title]=m,fe[r.title]=b,Se[r.title]=N,(x={})=>{const _=Ne(x,r,o),$=Object.keys(d).reduce((y,u)=>(y[u]=d[u].default,y),{});return Object.assign($,_)}}const ve=new Map([["buttons","items"]]);function Me(d,r,o){return r}const Ve={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar.schema.json",title:"response-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}},required:["id","type","buttons"]},he={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar-item.schema.json",title:"response-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},text:{description:"The items of Response Toolbar.",type:"string",default:""},icon:{description:"The icon of response toolbar item.",type:"string",default:""}},required:["id","type","text"]},ke={title:"response-toolbar",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}}}},behavior:{title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"The alignment of Response Toolbar Button.",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"right",name:"右对齐"},{value:"left",name:"左对齐"}]}},buttons:{title:"按钮",description:"The items of Response Toolbar.",type:"array",default:[],$converter:"/converter/buttons.converter"}}}}},me={title:"response-toolbar-item",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}},ce={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};re[he.title]=he,fe[me.title]=me;const ie=Ee(ce,Ve,ve,Me,ke);function be(){function d(o){const m={"f-icon":!0};if(o.icon){const b=o.icon.trim().split(" ");b&&b.length&&b.reduce((N,x)=>(N[x]=!0,N),m)}return m}function r(o){return!!(o.icon&&o.icon.trim())}return{iconClass:d,shouldShowIcon:r}}function $e(d){function r(c){const s={"dropdown-menu":!0};if(c.class){const f=c.menuClass.split(" ");f&&f.length&&f.reduce((g,M)=>(g[M]=!0,g),s)}return s}function o(c){const s={disabled:!c.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},f=c.dropdownClass.split(" ");return f&&f.length&&f.reduce((g,M)=>(g[M]=!0,g),s),s}function m(c){const s={disabled:!c.enable,"dropdown-item":!0,"f-rt-btn":!0},f=c.class.split(" ");return f&&f.length&&f.reduce((g,M)=>(g[M]=!0,g),s),s}let b;const N=new Map;function x(c,s,f){var M;((M=c.target)==null?void 0:M.id)===s.id&&c.stopPropagation();const g=f?f.id:"__top_item__";if(s.children&&s.children.length&&(s.expanded=!s.expanded,s.expanded?N.set(g,s):N.delete(g)),N.has(g)&&N.get(g)!==s){const B=N.get(g);B&&(B.expanded=!1)}}function _(c,s){document.body.click(),s.enable&&s.onClick(c,s.id)}function $(c){return c.children.map(s=>s.children&&s.children.length?t.createVNode("li",{class:o(s),id:s.id,onClick:f=>s.enable&&x(f,s,c)},[t.createVNode("span",{id:s.id,class:m(s),onMouseover:f=>s.enable&&x(f,s,c)},[s.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),b(s,s)]):t.createVNode("li",{class:m(s),id:s.id,onClick:f=>_(f,s),onMouseover:f=>s.enable&&x(f,s,c)},[d.shouldShowIcon(s)&&t.createVNode("i",{class:d.iconClass(s)},null),s.text]))}function y(c,s,f){const g={display:c.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},M=document.getElementsByTagName("body")[0].getClientRects()[0].width,B=s,P=B==null?void 0:B.getClientRects();if(B&&P&&P.length){const{top:F,width:R,left:A,right:z,height:E}=P[0],h=Math.ceil(E+F);g.top=`${h}px`,g.left=`${A}px`;const D=c.id+"_menu",V=s?s.querySelector("#"+D):null;if(V){g.display==="block"&&(V.style.display="block");const l=V.getBoundingClientRect();if(f){g.top=`${F-6}px`;const e=Math.ceil(R+A);g.left=`${e}px`}M-A-R<l.width&&(g.left=`${(f?A:z)-l.width}px`)}}return g}b=function(c,s){var B,P;const f=t.getCurrentInstance(),g=s?s.id:c.id,M=(P=(B=f==null?void 0:f.exposed)==null?void 0:B.elementRef.value)==null?void 0:P.querySelector("#"+g);return t.createVNode("ul",{class:r(c),style:y(c,M,s),id:c.id+"_menu"},[$(c)])};function u(){N.forEach(c=>{c.expanded=!1}),N.clear()}return{renderDropdownMenu:b,clearAllDropDownMenu:u}}function je(d,r){const o=t.ref(d.alignment),{renderDropdownMenu:m,clearAllDropDownMenu:b}=$e(r);function N(u){const c={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":o.value==="right","f-btn-mr":o.value==="left"},s=u.dropdownClass.split(" ");return s&&s.length&&s.reduce((f,g)=>(f[g]=!0,f),c),c}function x(u){const c={btn:!0,disabled:!u.enable,"f-rt-btn":!0,"btn-icontext":!!(u.icon&&u.icon.trim())};if(u.class){const s=u.class.split(" ");s&&s.length&&s.reduce((f,g)=>(f[g]=!0,f),c)}return c}function _(u,c){u.stopPropagation();const s=c.expanded;document.body.click(),c.expanded=!s}function $(u){return t.createVNode("div",{id:u.id,class:N(u)},[t.createVNode("div",{class:x(u),style:"display: flex;padding-right: 0.1rem;",onClick:c=>u.enable&&_(c,u)},[r.shouldShowIcon(u)&&t.createVNode("i",{class:r.iconClass(u)},null),t.createVNode("span",null,[u.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),m(u)])}function y(){b()}return{renderToolbarDropdown:$,clearAllDropDown:y}}const{buildResponseToolbarItems:ge}=oe(),ee=t.defineComponent({name:"FResponseToolbar",props:ce,emits:[],setup(d,r){const o=t.ref(ge(d.items)),m=t.ref(),b=t.ref(),N=t.ref(),x=t.ref(d.alignment),_={id:"__more_buttons__",text:"更多"},$=t.ref(new Y(_)),y=be(),u=t.computed(()=>$.value.children.length>0),c=t.computed(()=>{const h={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};if(d.customClass){const D=d.customClass.split(" ");D&&D.length&&D.reduce((V,l)=>(V[l]=!0,V),h)}return h}),s=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":x.value==="right","justify-content-start":x.value==="left"})),{renderToolbarDropdown:f,clearAllDropDown:g}=je(d,y);function M(){o.value.filter(h=>h.children&&h.children.length>0).forEach(h=>{h.expanded=!1}),$.value.expanded=!1,g()}function B(h){const D={btn:!0,"f-rt-btn":!0,"f-btn-ml":x.value==="right","f-btn-mr":x.value==="left","btn-icontext":!!(h.icon&&h.icon.trim())};if(h.class){const V=h.class.split(" ");V&&V.length&&V.reduce((l,e)=>(l[e]=!0,l),D)}return D}function P(h,D){document.body.click(),D.onClick(h,D.id)}function F(h){return t.createVNode("button",{type:"button",class:B(h),id:h.id,disabled:!h.enable,onClick:D=>P(D,h)},[y.shouldShowIcon(h)&&t.createVNode("i",{class:y.iconClass(h)},null),h.text])}const R=new Map,A=[];function z(h){const D=N.value;let V=h;const l=Array.from(D.children),e=l[l.length-1].id==="__more_buttons__"?l[l.length-1]:null;if(e){const w=e.computedStyleMap().get("margin-left"),S=e.computedStyleMap().get("margin-right"),W=(w?w.value:0)+e.getBoundingClientRect().width+(S?S.value:0);V-=W}const n=l.filter(w=>w.id!=="__more_buttons__");for(const w of n){const S=w.computedStyleMap().get("margin-left"),W=w.computedStyleMap().get("margin-right"),U=(S?S.value:0)+w.getBoundingClientRect().width+(W?W.value:0);V<U?(R.set(w.id,!0),A.push({id:w.id,width:U})):V-=U}if(A.length)for(let w=A.length-1;w>=0;w--){const S=A[w].width;if(V>=S)V-=S,R.delete(A[w].id),A.pop();else break}const i=Object.assign({},$.value);i.children=[];const p=new Y(i),v=o.value.reduce((w,S)=>(R.has(S.id)&&p.children.push(S),S.visible=!R.has(S.id),w.push(S),w),[]);$.value=p,o.value=v}const E=new ResizeObserver(h=>{if(h.length){const V=h[0].contentRect.width,e=N.value.getBoundingClientRect().width;(V<e||A.length)&&(z(V),M())}});return t.onMounted(()=>{const h=b.value;E.observe(h),document.body.addEventListener("click",M),document.body.addEventListener("wheel",M)}),t.onUnmounted(()=>{E.disconnect(),document.body.removeEventListener("click",M),document.body.removeEventListener("wheel",M)}),t.watch(()=>d.items,()=>{o.value=ge(d.items)}),r.expose({elementRef:m}),()=>t.createVNode("div",{class:c.value,ref:m},[t.createVNode("div",{ref:b,class:s.value},[t.createVNode("div",{ref:N,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[o.value.filter(h=>h.visible).map(h=>h.children&&h.children.length>0?f(h):F(h)),u.value&&f($.value)])])])}});function _e(d,r){const o=t.inject("design-item-context"),m=t.inject("toolbar-item-handler",null);function b(){m&&m()}function N(e){const n={"dropdown-menu":!0};if(e.class){const i=e.menuClass.split(" ");i&&i.length&&i.reduce((p,v)=>(p[v]=!0,p),n)}return n}function x(e){const n={disabled:!e.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},i=e.dropdownClass.split(" ");return i&&i.length&&i.reduce((p,v)=>(p[v]=!0,p),n),n}function _(e){const n={disabled:!e.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},i=e.class.split(" ");return i&&i.length&&i.reduce((p,v)=>(p[v]=!0,p),n),n}let $;const y=new Map;function u(e,n,i){var v;((v=e.target)==null?void 0:v.id)===n.id&&e.stopPropagation();const p=i?i.id:"__top_item__";if(n.children&&n.children.length&&(n.expanded=!n.expanded,n.expanded?y.set(p,n):y.delete(p)),y.has(p)&&y.get(p)!==n){const w=y.get(p);w&&(w.expanded=!1)}}function c(e){e&&(e.stopPropagation(),e.preventDefault())}function s(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(n=>n.classList.remove("dgComponentFocused"));const e=document.getElementsByClassName("dgComponentSelected");Array.from(e).forEach(n=>n.classList.remove("dgComponentSelected"))}function f(e){e.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function g(e){const{buttons:n=[]}=o.schema;let i=[];n.forEach(w=>{i=i.concat(w.children||[])});const p=i.findIndex(w=>w.id===e),v=p===-1?null:i[p];return{index:p,item:v}}function M(e){const{buttons:n=[]}=o.schema,i=n.findIndex(v=>v.id===e),p=i===-1?null:n[i];return{index:i,item:p}}function B(e){var p;o.schema;const{index:n,item:i}=g(e);(p=o==null?void 0:o.setupContext)==null||p.emit("selectionChange",i==null?void 0:i.type,i)}const P=function(e){const{componentType:n}=e,i=Z(n,e),p=n.toLowerCase().replace("-","_");return i&&!i.id&&i.type===n&&(i.id=`${p}_${Math.random().toString().slice(2,6)}`),i},F=function(){const e={componentType:"response-toolbar-item",parentComponentInstance:r.value,targetPosition:-1};return P(e)};function R(e,n){c(e),s(),f(e),B(n.id)}function A(e,n,i){c(e);const p=n.id,v=i&&i.id,{buttons:w=[]}=o.schema;if(!v)return;const{index:S}=M(v);if(S===-1)return;const{index:W}=g(p);W!==-1&&(w[S].children.splice(W,1),b())}function z(e,n,i){c(e);const p=i&&i.id,{buttons:v=[]}=o.schema;if(!p)return;const{index:w}=M(p);if(w===-1)return;const S=F(),W=Object.assign({},S,{text:n.text});v[w].children.push(W),b()}function E(e,n,i){c(e);const p=i&&i.id,{buttons:v=[]}=o.schema;if(!p)return;const{index:w}=M(p);if(w===-1)return;const S=F(),W=Object.assign({},S,{text:"按钮"});v[w].children.push(W),b()}function h(e,n){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:i=>A(i,e,n)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:i=>z(i,e,n)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增同级",ref:"appendSame",style:"width:85px!important;padding:0 5px;position:static;",onClick:i=>E(i,e,n)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增同级")])])])])}function D(e){return e.children.map(n=>n.children&&n.children.length?t.createVNode("li",{class:x(n),id:n.id,onClick:i=>n.enable&&u(i,n,e)},[t.createVNode("span",{id:n.id,class:_(n),onMouseover:i=>n.enable&&u(i,n,e)},[n.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),$(n,n)]):t.createVNode("li",{class:_(n),id:n.id,onClick:i=>R(i,n)},[h(n,e),d.shouldShowIcon(n)&&t.createVNode("i",{class:d.iconClass(n)},null),n.text]))}function V(e,n,i){const p={display:e.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},v=document.getElementsByTagName("body")[0].getClientRects()[0].width,w=n,S=w==null?void 0:w.getClientRects();if(w&&S&&S.length){const{top:W,width:U,left:H,right:G,height:le}=S[0],te=Math.ceil(le+W);p.top=`${te}px`,p.left=`${H}px`;const a=e.id+"_menu",C=n?n.querySelector("#"+a):null;if(C){p.display==="block"&&(C.style.display="block");const T=C.getBoundingClientRect();if(i){p.top=`${W-6}px`;const k=Math.ceil(U+H);p.left=`${k}px`}v-H-U<T.width&&(p.left=`${(i?H:G)-T.width}px`)}}return p}$=function(e,n){var w,S;const i=t.getCurrentInstance(),p=n?n.id:e.id,v=(S=(w=i==null?void 0:i.exposed)==null?void 0:w.elementRef.value)==null?void 0:S.querySelector("#"+p);return t.createVNode("ul",{class:N(e),style:V(e,v,n),id:e.id+"_menu"},[D(e)])};function l(){y.forEach(e=>{e.expanded=!1}),y.clear()}return{renderDropdownMenu:$,clearAllDropDownMenu:l}}function Be(d,r,o){const m=t.ref(d.alignment),{renderDropdownMenu:b,clearAllDropDownMenu:N}=_e(r,o),x=t.inject("design-item-context"),_=t.inject("toolbar-item-handler",null);function $(){_&&_()}function y(l){const e={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":m.value==="right","f-btn-mr":m.value==="left"},n=l.dropdownClass.split(" ");return n&&n.length&&n.reduce((i,p)=>(i[p]=!0,i),e),e}function u(l){const e={btn:!0,disabled:!l.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(l.icon&&l.icon.trim())};if(l.class){const n=l.class.split(" ");n&&n.length&&n.reduce((i,p)=>(i[p]=!0,i),e)}return e}function c(l){l&&(l.stopPropagation(),l.preventDefault())}function s(l,e){c(l);const n=e.expanded;document.body.click(),e.expanded=!n}const f=function(l){const{componentType:e}=l,n=Z(e,l),i=e.toLowerCase().replace("-","_");return n&&!n.id&&n.type===e&&(n.id=`${i}_${Math.random().toString().slice(2,6)}`),n},g=function(){const l={componentType:"response-toolbar-item",parentComponentInstance:o.value,targetPosition:-1};return f(l)};function M(l){const e=x.schema.buttons||x.schema.contents,n=e==null?void 0:e.findIndex(p=>p.id===l),i=n===-1?null:e[n];return{index:n,toolbarItem:i}}function B(l,e){var S;const{index:n,toolbarItem:i}=M(e);if(n===-1)return;const p=i.text||"按钮",v=g(),w=Object.assign({},v,{text:p});(S=x.schema.buttons)==null||S.push(w),$()}function P(l,e){const{index:n,toolbarItem:i}=M(e);if(n===-1)return;const p=i.text||"按钮",v=g(),w=Object.assign({},v,{text:p}),S=x.schema.buttons[n].children||[];S.push(w),x.schema.buttons[n].children=S,$()}function F(l,e){const n=x.schema.buttons||x.schema.contents,i=n==null?void 0:n.findIndex(p=>p.id===e);i!==-1&&(n.splice(i,1),$())}function R(l){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:e=>F(e,l)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:e=>B(e,l)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:e=>P(e,l)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增子级")])])])])}function A(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(e=>e.classList.remove("dgComponentFocused"));const l=document.getElementsByClassName("dgComponentSelected");Array.from(l).forEach(e=>e.classList.remove("dgComponentSelected"))}function z(l){l.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function E(l){var p;const e=x.schema.buttons||x.schema.contents,n=e==null?void 0:e.findIndex(v=>v.id===l);if(n===-1)return;const i=e[n];(p=x==null?void 0:x.setupContext)==null||p.emit("selectionChange","response-toolbar-item",i)}function h(l,e){c(l),A(),z(l),c(l),s(l,e),E(e.id)}function D(l){return t.createVNode("div",{id:l.id,class:y(l)},[t.createVNode("div",{class:u(l),style:"display: flex;padding-right: 0.1rem;",onClick:e=>l.enable&&h(e,l)},[R(l.id),r.shouldShowIcon(l)&&t.createVNode("i",{class:r.iconClass(l)},null),t.createVNode("span",null,[l.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),b(l)])}function V(){N()}return{renderToolbarDropdown:D,clearAllDropDown:V}}function Oe(d,r,o){var z;function m(){o!=null&&o.resolveComponentContext&&o.resolveComponentContext()}m();const b=o&&o.getStyles&&o.getStyles()||"",N=o&&o.getDesignerClass&&o.getDesignerClass()||"",x=t.ref();function _(){return(r==null?void 0:r.schema.componentType)==="frame"?!1:o&&o.checkCanMoveComponent?o.checkCanMoveComponent():!0}function $(){return!1}function y(){return(r==null?void 0:r.schema.componentType)==="frame"?!1:o&&o.checkCanDeleteComponent?o.checkCanDeleteComponent():!0}function u(){return(r==null?void 0:r.schema.componentType)==="frame"?!0:o&&o.hideNestedPaddingInDesginerView?o.hideNestedPaddingInDesginerView():!1}function c(E){if(!E||!E.value)return null;if(E.value.schema&&E.value.schema.type==="component")return E.value;const h=t.ref(E==null?void 0:E.value.parent),D=c(h);return D||null}function s(E=r){const{componentInstance:h,designerItemElementRef:D}=E;return!h||!h.value?null:h.value.canMove?D:s(E.parent)}function f(E){return!!o&&o.canAccepts(E)}function g(){return(r==null?void 0:r.schema.label)||(r==null?void 0:r.schema.title)||(r==null?void 0:r.schema.name)}function M(){}function B(E,h){h&&o!=null&&o.onAcceptMovedChildElement&&o.onAcceptMovedChildElement(h)}function P(E){const{componentType:h}=E;let D=Z(h,E);o&&o.onResolveNewComponentSchema&&(D=o.onResolveNewComponentSchema(E,D));const V=h.toLowerCase().replace("-","_");return D&&!D.id&&D.type===h&&(D.id=`${V}_${Math.random().toString().slice(2,6)}`),D}function F(E,h){const D=String(E.getAttribute("data-controltype")),V=E.getAttribute("data-feature"),l=V?JSON.parse(V):{};l.parentComponentInstance=x.value;let e=Z(D,l);o&&o.onAcceptNewChildElement&&(e=o.onAcceptNewChildElement(E,h,e));const n=D.toLowerCase().replace("-","_");return e&&!e.id&&e.type===D&&(e.id=`${n}_${Math.random().toString().slice(2,6)}`),e}function R(E){}function A(){return o&&o.getPropsConfig?o.getPropsConfig():[]}return x.value={canMove:_(),canSelectParent:$(),canDelete:y(),canNested:!u(),contents:r==null?void 0:r.schema.contents,elementRef:d,parent:(z=r==null?void 0:r.parent)==null?void 0:z.componentInstance,schema:r==null?void 0:r.schema,styles:b,designerClass:N,canAccepts:f,getBelongedComponentInstance:c,getDraggableDesignItemElement:s,getDraggingDisplayText:g,getPropConfig:A,getDragScopeElement:M,onAcceptMovedChildElement:B,onAcceptNewChildElement:F,onChildElementMovedOut:R,addNewChildComponentSchema:P,updateDragAndDropRules:m,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!o&&o.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},x}const{buildResponseToolbarItems:ye}=oe(),Pe=t.defineComponent({name:"FResponseToolbarDesign",props:ce,emits:["Click"],setup(d,r){const o=t.ref(ye(d.items)),m=t.ref(),b=t.ref(),N=t.ref(d.alignment),x={id:"__more_buttons__",text:"More"},_=t.ref(new Y(x)),$=be(),y=t.computed(()=>_.value.children.length>0),u=t.ref(),c=t.inject("design-item-context"),s=Oe(u,c),f=t.inject("toolbar-item-handler",null);t.onMounted(()=>{u.value.componentInstance=s}),r.expose({elementRef:u});function g(){f&&f()}const M=t.computed(()=>({"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0})),B=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":N.value==="right","justify-content-start":N.value==="left"})),{renderToolbarDropdown:P,clearAllDropDown:F}=Be(d,$,s);function R(){o.value.filter(a=>a.children&&a.children.length>0).forEach(a=>{a.expanded=!1}),_.value.expanded=!1,F()}function A(a){const C={"f-icon":!0};if(a.icon){const T=a.icon.trim().split(" ");T&&T.length&&T.reduce((k,O)=>(k[O]=!0,k),C)}return C}function z(a){return!!(a.icon&&a.icon.trim())}function E(a){const C={btn:!0,"f-rt-btn":!0,"f-btn-ml":N.value==="right","f-btn-mr":N.value==="left","btn-icontext":!!(a.icon&&a.icon.trim())};if(a.class){const T=a.class.split(" ");T&&T.length&&T.reduce((k,O)=>(k[O]=!0,k),C)}return C}function h(a){a&&(a.stopPropagation(),a.preventDefault())}function D(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(C=>C.classList.remove("dgComponentFocused"));const a=document.getElementsByClassName("dgComponentSelected");Array.from(a).forEach(C=>C.classList.remove("dgComponentSelected"))}function V(a){a.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function l(a){var O;const C=c.schema.buttons||c.schema.contents,T=C==null?void 0:C.findIndex(X=>X.id===a);if(T===-1)return;const k=C[T];(O=c==null?void 0:c.setupContext)==null||O.emit("selectionChange","response-toolbar-item",k)}const e=function(a){const{componentType:C}=a,T=Z(C,a),k=C.toLowerCase().replace("-","_");return T&&!T.id&&T.type===C&&(T.id=`${k}_${Math.random().toString().slice(2,6)}`),T},n=function(){const a={componentType:"response-toolbar-item",parentComponentInstance:s.value,targetPosition:-1};return e(a)};function i(a,C){D(),V(a),h(a),l(C)}function p(a,C){const T=c.schema.buttons||c.schema.contents,k=T==null?void 0:T.findIndex(O=>O.id===C);k!==-1&&(T.splice(k,1),g())}function v(a){const C=c.schema.buttons||c.schema.contents,T=C==null?void 0:C.findIndex(O=>O.id===a),k=T===-1?null:C[T];return{index:T,toolbarItem:k}}function w(a,C){var J;const{index:T,toolbarItem:k}=v(C);if(T===-1)return;const O=k.text||"按钮",X=n(),K=Object.assign({},X,{text:O});(J=c.schema.buttons)==null||J.push(K),g()}function S(a,C){const{index:T,toolbarItem:k}=v(C);if(T===-1)return;const O=k.text||"按钮",X=n(),K=Object.assign({},X,{text:O}),J=c.schema.buttons[T].items||[];J.push(K),c.schema.buttons[T].children=J,g()}function W(a){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:C=>p(C,a)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:C=>w(C,a)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:C=>S(C,a)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增子级")])])])])}function U(a){return t.createVNode("div",{class:"farris-component position-relative",style:"display:inline-block!important;",onClick:C=>i(C,a.id)},[W(a.id),t.createVNode("button",{type:"button",class:E(a),id:a.id,disabled:!a.enable},[z(a)&&t.createVNode("i",{class:A(a)},null),a.text])])}const H=new Map,G=[];function le(a){const C=b.value;let T=a;const k=Array.from(C.children),O=k[k.length-1].id==="__more_buttons__"?k[k.length-1]:null;if(O){const L=O.computedStyleMap().get("margin-left"),q=O.computedStyleMap().get("margin-right"),ne=(L?L.value:0)+O.getBoundingClientRect().width+(q?q.value:0);T-=ne}const X=k.filter(L=>L.id!=="__more_buttons__");for(const L of X){const q=L.computedStyleMap().get("margin-left"),ne=L.computedStyleMap().get("margin-right"),ae=(q?q.value:0)+L.getBoundingClientRect().width+(ne?ne.value:0);T<ae?(H.set(L.id,!0),G.push({id:L.id,width:ae})):T-=ae}if(G.length)for(let L=G.length-1;L>=0;L--){const q=G[L].width;if(T>=q)T-=q,H.delete(G[L].id),G.pop();else break}const K=Object.assign({},_.value);K.children=[];const J=new Y(K),Re=o.value.reduce((L,q)=>(H.has(q.id)&&J.children.push(q),q.visible=!H.has(q.id),L.push(q),L),[]);_.value=J,o.value=Re}const te=new ResizeObserver(a=>{if(a.length){const T=a[0].contentRect.width,O=b.value.getBoundingClientRect().width;(T<O||G.length)&&le(T)}});return t.onMounted(()=>{const a=m.value;te.observe(a),document.body.addEventListener("click",R)}),t.onUnmounted(()=>{te.disconnect(),document.body.removeEventListener("click",R)}),t.watch(()=>d.items,()=>{o.value=ye(d.items)}),()=>t.createVNode("div",{ref:u,class:M.value},[t.createVNode("div",{ref:m,class:B.value},[t.createVNode("div",{ref:b,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[o.value.filter(a=>a.visible).map(a=>a.children&&a.children.length>0?P(a):U(a)),y.value&&P(_.value)])])])}}),Ae=ie,Ie={install(d){d.component(ee.name,ee)},register(d,r,o){d["response-toolbar"]=ee,r["response-toolbar"]=ie},registerDesigner(d,r,o){d["response-toolbar"]=Pe,r["response-toolbar"]=ie}};I.ResponseToolbar=ee,I.ResponseToolbarDropDownItem=Y,I.ResponseToolbarGroup=Ce,I.ResponseToolbarItem=pe,I.default=Ie,I.responseToolbarResolver=Ae,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/response-toolbar/package.json

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

package/search-box/index.esm.js

@@ -1,456 +0,0 @@
-import { defineComponent as w, ref as h, computed as X, createVNode as V, resolveComponent as j, createTextVNode as U, watch as D, inject as J, onMounted as z } from "vue";
-import { cloneDeep as G } from "lodash-es";
-const q = {}, H = {};
-function N(n) {
-  const { properties: e, title: t } = n, r = Object.keys(e).reduce((u, f) => (u[f] = e[f].type === "object" && e[f].properties ? N(e[f]) : G(e[f].default), u), {});
-  return r.id = `${t}-${Date.now()}`, r;
-}
-function E(n, e = {}) {
-  const t = q[n];
-  if (t) {
-    let r = N(t);
-    const u = H[n];
-    return r = u ? u({ getSchemaByType: E }, r, e) : r, r;
-  }
-  return null;
-}
-function Q(n, e) {
-  const t = N(e);
-  return Object.keys(n).reduce((r, u) => (r[u] = n[u], r), t), t;
-}
-function Y(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, u) => {
-    if (e.has(u)) {
-      const f = e.get(u);
-      if (typeof f == "string")
-        r[f] = n[u];
-      else {
-        const m = f(u, n[u], n);
-        Object.assign(r, m);
-      }
-    } else
-      r[u] = n[u];
-    return r;
-  }, {});
-}
-function Z(n, e, t = /* @__PURE__ */ new Map()) {
-  const r = Q(n, e);
-  return Y(r, t);
-}
-function x(n = {}) {
-  function e(a, c, o, l) {
-    if (typeof o == "number")
-      return l[a].length === o;
-    if (typeof o == "object") {
-      const i = Object.keys(o)[0], b = o[i];
-      if (i === "not")
-        return Number(l[a].length) !== Number(b);
-      if (i === "moreThan")
-        return Number(l[a].length) >= Number(b);
-      if (i === "lessThan")
-        return Number(l[a].length) <= Number(b);
-    }
-    return !1;
-  }
-  function t(a, c, o, l) {
-    return l[c] && l[c].propertyValue && String(l[c].propertyValue.value) === String(o);
-  }
-  const r = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(n).reduce((a, c) => (a.set(c, n[c]), a), r);
-  function u(a, c) {
-    const o = a;
-    return typeof c == "number" ? [{ target: o, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: o, operator: "getProperty", param: a, value: !!c }] : typeof c == "object" ? Object.keys(c).map((l) => {
-      if (l === "length")
-        return { target: o, operator: "length", param: null, value: c[l] };
-      const i = l, b = c[l];
-      return { target: o, operator: a, param: i, value: b };
-    }) : [];
-  }
-  function f(a) {
-    return Object.keys(a).reduce((o, l) => {
-      const i = u(l, a[l]);
-      return o.push(...i), o;
-    }, []);
-  }
-  function m(a, c) {
-    if (r.has(a.operator)) {
-      const o = r.get(a.operator);
-      return o && o(a.target, a.param, a.value, c) || !1;
-    }
-    return !1;
-  }
-  function p(a, c) {
-    return f(a).reduce((i, b) => i && m(b, c), !0);
-  }
-  function y(a, c) {
-    const o = Object.keys(a), l = o.includes("allOf"), i = o.includes("anyOf"), b = l || i, C = (b ? a[b ? l ? "allOf" : "anyOf" : "allOf"] : [a]).map((M) => p(M, c));
-    return l ? !C.includes(!1) : C.includes(!0);
-  }
-  return { parseValueSchema: y };
-}
-const K = {}, R = {};
-x();
-function I(n, e, t = /* @__PURE__ */ new Map(), r = (m, p, y) => p, u = {}, f = (m) => m) {
-  return q[e.title] = e, H[e.title] = r, K[e.title] = u, R[e.title] = f, (m = {}) => {
-    const p = Z(m, e, t), y = Object.keys(n).reduce((a, c) => (a[c] = n[c].default, a), {});
-    return Object.assign(y, p);
-  };
-}
-function ee(n, e) {
-  return { customClass: e.class };
-}
-const te = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]), ne = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-design.gitee.io/search-box.schema.json", re = "search-box", ae = "A Farris Component", ce = "object", ue = {
-  id: {
-    description: "The unique identifier for a search-box",
-    type: "string"
-  },
-  type: {
-    description: "The type string of search-box component",
-    type: "string",
-    default: "search-box"
-  },
-  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
-  }
-}, le = [
-  "id",
-  "type"
-], pe = {
-  $schema: ne,
-  $id: oe,
-  title: re,
-  description: ae,
-  type: ce,
-  properties: ue,
-  required: le
-};
-function ie(n, e, t) {
-  return e;
-}
-const se = "search-box", fe = "A Farris Component", he = "object", me = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, de = {
-  title: se,
-  description: fe,
-  type: he,
-  categories: me
-}, P = {
-  /** 组件初始搜索值 */
-  modelValue: { type: String, default: "" },
-  popupHost: { type: Object },
-  popupRightBoundary: { type: Object },
-  popupOffsetX: { type: Object },
-  /** 搜索框数据 */
-  data: { type: Array, default: [] },
-  /** 搜索值变化事件 */
-  onChange: { type: Function, default: () => {
-  } },
-  onModelValue: { type: Function, default: () => {
-  } },
-  /** 选择后返回值事件 */
-  onSelectedValue: { type: Function, default: () => {
-  } }
-}, k = I(P, pe, te, ie, de), ye = {
-  data: { type: Array, default: [] },
-  /** 确认结果事件 */
-  onConfirmResult: { type: Function, default: () => {
-  } },
-  /** 搜索点击后返回值 */
-  onSearchedValue: { type: Function, default: () => {
-  } }
-}, L = /* @__PURE__ */ w({
-  name: "FSearchBoxContainer",
-  props: ye,
-  emits: ["confirmResult", "searchedValue"],
-  setup(n, e) {
-    const t = h(n.data), r = h(), u = X(() => ({
-      "search-box-container": !0
-    }));
-    function f(p) {
-      var y;
-      (y = r.value) == null || y.search(p);
-    }
-    function m(p) {
-      p.length && (e.emit("confirmResult", p[0].name), e.emit("searchedValue", p));
-    }
-    return e.expose({
-      search: f
-    }), () => V("div", {
-      class: u.value
-    }, [V(j("f-list-view"), {
-      ref: r,
-      data: t.value,
-      view: "SingleView",
-      onClickItem: (p) => m(p.data)
-    }, {
-      default: () => [U(" ")]
-    })]);
-  }
-}), O = /* @__PURE__ */ w({
-  name: "FSearchBox",
-  props: P,
-  emits: ["update:modelValue", "change", "selectedValue"],
-  setup(n, e) {
-    const t = h(n.data), r = h(), u = h(), f = h("请输入关键词"), m = h('<i class="f-icon f-icon-search"></i>'), p = h(n.modelValue);
-    D(p, (o) => {
-      var l;
-      (l = u.value) == null || l.search(o), e.emit("update:modelValue", o);
-    }), D(() => n.modelValue, (o) => {
-      p.value = o;
-    });
-    function y(o) {
-      r.value.commitValue(o);
-    }
-    function a(o) {
-      e.emit("change", o);
-    }
-    function c(o) {
-      e.emit("selectedValue", o);
-    }
-    return () => V("div", null, [V(j("f-button-edit"), {
-      ref: r,
-      "button-content": m.value,
-      placeholder: f.value,
-      onChange: (o) => a(o),
-      "enable-clear": !0,
-      "button-behavior": "Execute",
-      modelValue: p.value,
-      "onUpdate:modelValue": (o) => p.value = o,
-      "popup-host": n.popupHost,
-      "popup-right-boundary": n.popupRightBoundary,
-      "popup-offset-x": n.popupOffsetX,
-      "popup-on-input": !0,
-      "popup-on-focus": !0
-    }, {
-      default: () => [V(L, {
-        ref: u,
-        data: t.value,
-        onConfirmResult: y,
-        onSearchedValue: (o) => c(o)
-      }, null)]
-    })]);
-  }
-});
-function be(n, e, t) {
-  var F;
-  function r() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  r();
-  const u = t && t.getStyles && t.getStyles() || "", f = t && t.getDesignerClass && t.getDesignerClass() || "", m = h();
-  function p() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function y() {
-    return !1;
-  }
-  function a() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function c() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function o(s) {
-    if (!s || !s.value)
-      return null;
-    if (s.value.schema && s.value.schema.type === "component")
-      return s.value;
-    const v = h(s == null ? void 0 : s.value.parent), d = o(v);
-    return d || null;
-  }
-  function l(s = e) {
-    const { componentInstance: v, designerItemElementRef: d } = s;
-    return !v || !v.value ? null : v.value.canMove ? d : l(s.parent);
-  }
-  function i(s) {
-    return !!t && t.canAccepts(s);
-  }
-  function b() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function B() {
-  }
-  function A(s, v) {
-    v && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(v);
-  }
-  function C(s) {
-    const { componentType: v } = s;
-    let d = E(v, s);
-    t && t.onResolveNewComponentSchema && (d = t.onResolveNewComponentSchema(s, d));
-    const S = v.toLowerCase().replace("-", "_");
-    return d && !d.id && d.type === v && (d.id = `${S}_${Math.random().toString().slice(2, 6)}`), d;
-  }
-  function T(s, v) {
-    const d = String(s.getAttribute("data-controltype")), S = s.getAttribute("data-feature"), $ = S ? JSON.parse(S) : {};
-    $.parentComponentInstance = m.value;
-    let g = E(d, $);
-    t && t.onAcceptNewChildElement && (g = t.onAcceptNewChildElement(s, v, g));
-    const _ = d.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === d && (g.id = `${_}_${Math.random().toString().slice(2, 6)}`), g;
-  }
-  function M(s) {
-  }
-  function W() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return m.value = {
-    canMove: p(),
-    canSelectParent: y(),
-    canDelete: a(),
-    canNested: !c(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (F = e == null ? void 0 : e.parent) == null ? void 0 : F.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: u,
-    designerClass: f,
-    canAccepts: i,
-    getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: l,
-    getDraggingDisplayText: b,
-    getPropConfig: W,
-    getDragScopeElement: B,
-    onAcceptMovedChildElement: A,
-    onAcceptNewChildElement: T,
-    onChildElementMovedOut: M,
-    addNewChildComponentSchema: C,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
-  }, m;
-}
-const ve = /* @__PURE__ */ w({
-  name: "FSearchBoxDesign",
-  props: P,
-  emits: ["update:modelValue", "change"],
-  setup(n, e) {
-    const t = h(n.data), r = h(), u = h(), f = h("请输入关键词"), m = h('<i class="f-icon f-icon-search"></i>'), p = h(n.modelValue), y = h(), a = J("design-item-context"), c = be(y, a);
-    z(() => {
-      y.value.componentInstance = c;
-    }), e.expose(c.value), D(p, (i) => {
-      var b;
-      (b = u.value) == null || b.search(i), e.emit("update:modelValue", i);
-    }), D(() => n.modelValue, (i) => {
-      p.value = i;
-    });
-    function o(i) {
-      r.value.commitValue(i);
-    }
-    function l(i) {
-      e.emit("change", i);
-    }
-    return () => V("div", {
-      ref: y
-    }, [V(j("f-button-edit"), {
-      ref: r,
-      "button-content": m.value,
-      placeholder: f.value,
-      onChange: l,
-      "enable-clear": !0,
-      "button-behavior": "Execute",
-      modelValue: p.value,
-      "onUpdate:modelValue": (i) => p.value = i,
-      "popup-host": n.popupHost,
-      "popup-right-boundary": n.popupRightBoundary,
-      "popup-offset-x": n.popupOffsetX,
-      "popup-on-input": !0,
-      "popup-on-focus": !0
-    }, {
-      default: () => [V(L, {
-        ref: u,
-        data: t.value,
-        onConfirmResult: o
-      }, null)]
-    })]);
-  }
-}), Ce = {
-  install(n) {
-    n.component(O.name, O);
-  },
-  register(n, e, t) {
-    n["search-box"] = O, e["search-box"] = k;
-  },
-  registerDesigner(n, e, t) {
-    n["search-box"] = ve, e["search-box"] = k;
-  }
-};
-export {
-  O as SearchBox,
-  Ce as default,
-  k as propsResolver,
-  P as searchBoxProps
-};

package/search-box/index.umd.js

@@ -1 +0,0 @@
-(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["search-box"]={},g.Vue,g.LodashES))})(this,function(g,o,q){"use strict";const j={},P={};function N(n){const{properties:e,title:t}=n,a=Object.keys(e).reduce((i,h)=>(i[h]=e[h].type==="object"&&e[h].properties?N(e[h]):q.cloneDeep(e[h].default),i),{});return a.id=`${t}-${Date.now()}`,a}function v(n,e={}){const t=j[n];if(t){let a=N(t);const i=P[n];return a=i?i({getSchemaByType:v},a,e):a,a}return null}function _(n,e){const t=N(e);return Object.keys(n).reduce((a,i)=>(a[i]=n[i],a),t),t}function L(n,e){return Object.keys(n).filter(a=>n[a]!=null).reduce((a,i)=>{if(e.has(i)){const h=e.get(i);if(typeof h=="string")a[h]=n[i];else{const d=h(i,n[i],n);Object.assign(a,d)}}else a[i]=n[i];return a},{})}function H(n,e,t=new Map){const a=_(n,e);return L(a,t)}function W(n={}){function e(c,l,r,p){if(typeof r=="number")return p[c].length===r;if(typeof r=="object"){const s=Object.keys(r)[0],b=r[s];if(s==="not")return Number(p[c].length)!==Number(b);if(s==="moreThan")return Number(p[c].length)>=Number(b);if(s==="lessThan")return Number(p[c].length)<=Number(b)}return!1}function t(c,l,r,p){return p[l]&&p[l].propertyValue&&String(p[l].propertyValue.value)===String(r)}const a=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((c,l)=>(c.set(l,n[l]),c),a);function i(c,l){const r=c;return typeof l=="number"?[{target:r,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:r,operator:"getProperty",param:c,value:!!l}]:typeof l=="object"?Object.keys(l).map(p=>{if(p==="length")return{target:r,operator:"length",param:null,value:l[p]};const s=p,b=l[p];return{target:r,operator:c,param:s,value:b}}):[]}function h(c){return Object.keys(c).reduce((r,p)=>{const s=i(p,c[p]);return r.push(...s),r},[])}function d(c,l){if(a.has(c.operator)){const r=a.get(c.operator);return r&&r(c.target,c.param,c.value,l)||!1}return!1}function u(c,l){return h(c).reduce((s,b)=>s&&d(b,l),!0)}function y(c,l){const r=Object.keys(c),p=r.includes("allOf"),s=r.includes("anyOf"),b=p||s,M=(b?c[b?p?"allOf":"anyOf":"allOf"]:[c]).map(E=>u(E,l));return p?!M.includes(!1):M.includes(!0)}return{parseValueSchema:y}}const X={},U={};W();function J(n,e,t=new Map,a=(d,u,y)=>u,i={},h=d=>d){return j[e.title]=e,P[e.title]=a,X[e.title]=i,U[e.title]=h,(d={})=>{const u=H(d,e,t),y=Object.keys(n).reduce((c,l)=>(c[l]=n[l].default,c),{});return Object.assign(y,u)}}function z(n,e){return{customClass:e.class}}const G=new Map([["appearance",z]]),Q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},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"]};function Y(n,e,t){return e}const Z={title:"search-box",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:[]}}}}}},S={modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},data:{type:Array,default:[]},onChange:{type:Function,default:()=>{}},onModelValue:{type:Function,default:()=>{}},onSelectedValue:{type:Function,default:()=>{}}},O=J(S,Q,G,Y,Z),x={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}}},T=o.defineComponent({name:"FSearchBoxContainer",props:x,emits:["confirmResult","searchedValue"],setup(n,e){const t=o.ref(n.data),a=o.ref(),i=o.computed(()=>({"search-box-container":!0}));function h(u){var y;(y=a.value)==null||y.search(u)}function d(u){u.length&&(e.emit("confirmResult",u[0].name),e.emit("searchedValue",u))}return e.expose({search:h}),()=>o.createVNode("div",{class:i.value},[o.createVNode(o.resolveComponent("f-list-view"),{ref:a,data:t.value,view:"SingleView",onClickItem:u=>d(u.data)},{default:()=>[o.createTextVNode(" ")]})])}}),B=o.defineComponent({name:"FSearchBox",props:S,emits:["update:modelValue","change","selectedValue"],setup(n,e){const t=o.ref(n.data),a=o.ref(),i=o.ref(),h=o.ref("请输入关键词"),d=o.ref('<i class="f-icon f-icon-search"></i>'),u=o.ref(n.modelValue);o.watch(u,r=>{var p;(p=i.value)==null||p.search(r),e.emit("update:modelValue",r)}),o.watch(()=>n.modelValue,r=>{u.value=r});function y(r){a.value.commitValue(r)}function c(r){e.emit("change",r)}function l(r){e.emit("selectedValue",r)}return()=>o.createVNode("div",null,[o.createVNode(o.resolveComponent("f-button-edit"),{ref:a,"button-content":d.value,placeholder:h.value,onChange:r=>c(r),"enable-clear":!0,"button-behavior":"Execute",modelValue:u.value,"onUpdate:modelValue":r=>u.value=r,"popup-host":n.popupHost,"popup-right-boundary":n.popupRightBoundary,"popup-offset-x":n.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[o.createVNode(T,{ref:i,data:t.value,onConfirmResult:y,onSearchedValue:r=>l(r)},null)]})])}});function K(n,e,t){var F;function a(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}a();const i=t&&t.getStyles&&t.getStyles()||"",h=t&&t.getDesignerClass&&t.getDesignerClass()||"",d=o.ref();function u(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function y(){return!1}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function l(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function r(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const V=o.ref(f==null?void 0:f.value.parent),m=r(V);return m||null}function p(f=e){const{componentInstance:V,designerItemElementRef:m}=f;return!V||!V.value?null:V.value.canMove?m:p(f.parent)}function s(f){return!!t&&t.canAccepts(f)}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function w(){}function $(f,V){V&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(V)}function M(f){const{componentType:V}=f;let m=v(V,f);t&&t.onResolveNewComponentSchema&&(m=t.onResolveNewComponentSchema(f,m));const D=V.toLowerCase().replace("-","_");return m&&!m.id&&m.type===V&&(m.id=`${D}_${Math.random().toString().slice(2,6)}`),m}function A(f,V){const m=String(f.getAttribute("data-controltype")),D=f.getAttribute("data-feature"),k=D?JSON.parse(D):{};k.parentComponentInstance=d.value;let C=v(m,k);t&&t.onAcceptNewChildElement&&(C=t.onAcceptNewChildElement(f,V,C));const te=m.toLowerCase().replace("-","_");return C&&!C.id&&C.type===m&&(C.id=`${te}_${Math.random().toString().slice(2,6)}`),C}function E(f){}function ee(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return d.value={canMove:u(),canSelectParent:y(),canDelete:c(),canNested:!l(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(F=e==null?void 0:e.parent)==null?void 0:F.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:h,canAccepts:s,getBelongedComponentInstance:r,getDraggableDesignItemElement:p,getDraggingDisplayText:b,getPropConfig:ee,getDragScopeElement:w,onAcceptMovedChildElement:$,onAcceptNewChildElement:A,onChildElementMovedOut:E,addNewChildComponentSchema:M,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||o.ref(!1)},d}const R=o.defineComponent({name:"FSearchBoxDesign",props:S,emits:["update:modelValue","change"],setup(n,e){const t=o.ref(n.data),a=o.ref(),i=o.ref(),h=o.ref("请输入关键词"),d=o.ref('<i class="f-icon f-icon-search"></i>'),u=o.ref(n.modelValue),y=o.ref(),c=o.inject("design-item-context"),l=K(y,c);o.onMounted(()=>{y.value.componentInstance=l}),e.expose(l.value),o.watch(u,s=>{var b;(b=i.value)==null||b.search(s),e.emit("update:modelValue",s)}),o.watch(()=>n.modelValue,s=>{u.value=s});function r(s){a.value.commitValue(s)}function p(s){e.emit("change",s)}return()=>o.createVNode("div",{ref:y},[o.createVNode(o.resolveComponent("f-button-edit"),{ref:a,"button-content":d.value,placeholder:h.value,onChange:p,"enable-clear":!0,"button-behavior":"Execute",modelValue:u.value,"onUpdate:modelValue":s=>u.value=s,"popup-host":n.popupHost,"popup-right-boundary":n.popupRightBoundary,"popup-offset-x":n.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[o.createVNode(T,{ref:i,data:t.value,onConfirmResult:r},null)]})])}}),I={install(n){n.component(B.name,B)},register(n,e,t){n["search-box"]=B,e["search-box"]=O},registerDesigner(n,e,t){n["search-box"]=R,e["search-box"]=O}};g.SearchBox=B,g.default=I,g.propsResolver=O,g.searchBoxProps=S,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/search-box/package.json

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