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

package/tree-view/index.umd.js

@@ -0,0 +1 @@
+(function(D,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash")):typeof define=="function"&&define.amd?define(["exports","vue","lodash"],a):(D=typeof globalThis<"u"?globalThis:D||self,a(D["tree-view"]={},D.Vue,D.lodash))})(this,function(D,a,E){"use strict";const F={data:{type:Object,default:[]},treeNodeIconsData:{type:Object,default:{}},selectable:{type:Boolean,default:!1},autoCheckChildren:{type:Boolean,default:!0},cascade:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showLines:{type:Boolean,default:!1},newDataItem:{type:Object,default:{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28}};function J(c,O){const B=new Map,v=new Map,L=a.ref(c.data),x=a.inject("NotifyService");function C(){const p=E.cloneDeep(L.value);let u=0;const r=[];if(p.length)for(let g=0;g<p.length;g++){const y=p[g];u++,y.__fv_data_index__=u,y.__fv_index__=g,r.push(E.cloneDeep(y))}return r}const d=a.ref(C());function _(p,u,r){const g=r[p].childs;g.unshift(p.toString());let y=u.filter(n=>g.indexOf(n.id)===-1);return y=y.map((n,l)=>({...n,newId:(l+1).toString()})),y.forEach(n=>{const l=n.parent,o=y.find(i=>i.id===l);n.newParent=o?o.newId:null}),y=y.map(n=>({...n,id:n.newId,parent:n.newParent})),y}function I(p){L.value.push(E.cloneDeep(p)),d.value=C()}function k(p,u){L.value[Number(p)-1].deletable!==!1?(L.value=_(p,L.value,u),d.value=C()):x.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"当前节点禁止删除"}]})}function w(p,u){const r=L.value[Number(p)-1];r.editable!==!1?(r.name=u,d.value=C()):x.show({showCloseButton:!1,timeout:3e3,animate:"fadeIn",toasts:[{type:"string",title:"提示",msg:"当前节点禁止编辑"}]})}function m(p,u=!1){const r=u?C():d.value;return d.value=r.filter((g,y)=>p.reduce((n,l)=>n&&l(g),!0)).map((g,y)=>(g.__fv_index__=y,g)),d.value}function N(p,u){const r=`group_of_${p}_${u}`;B.set(r,!0);const g=y=>y[p]!==u;return v.set(`collapse_${p}_${u}`,g),m(Array.from(v.values()))}function h(p,u){const r=`group_of_${p}_${u}`;return B.set(r,!1),v.delete(`collapse_${p}_${u}`),m(Array.from(v.values()),!0)}return{collapse:N,dataView:d,expand:h,addNewDataItem:I,removeDataItem:k,editDataItem:w}}var W=(c=>(c[c.readonly=0]="readonly",c[c.editable=1]="editable",c[c.editing=2]="editing",c))(W||{});function Q(c,O){function B(v,L,x){let C="";const d=Number(L.index);return x.indexOf(d.toString())!==-1?C=O.value.leafnodes:C=v.collapse?O.value.fold:O.value.unfold,C}return{treeNodeIconsClass:B}}function U(c,O,B){const v=a.ref(O.length),L=a.ref(c.lineColor),x=a.ref(c.cellHeight);function C(w,m){for(let N=0;N<w.length;N++){let h=0;w[N].neighborChilds.length>=2&&(h=w[N].childsLength*x.value),m[N]&&(m[N].paddingBottom=h)}return m}function d(w){return["1"].concat(...w.filter(h=>h.neighborChilds.length!==0).map(h=>[...h.neighborChilds.slice(-1)]).flat()).sort((h,p)=>Number(h)-Number(p))}function _(w,m){const N=new Array(m.length).fill(0);if(c.showLines){const h=d(m);m.forEach((p,u)=>{const r=h.includes(u.toString());N[u]=`repeating-linear-gradient(90deg, ${L.value} 0 1px, transparent 0px 2px) -10px ${x.value/2}px/20px 1px no-repeat,repeating-linear-gradient(${L.value} 0 1px, transparent 0px 2px) 0px 0px/1px ${r?"50%":"100%"} no-repeat`}),N[1]=""}return N[w]}function I(w,m,N,h){if((h.length!==v.value||h[0].paddingBottom===void 0)&&(v.value=h.length,h=C(N,h)),c.showLines&&h)return N.map((u,r)=>r!==0?(m==null?void 0:m.indexOf(r))===-1?`${h[Number(r-1)].paddingBottom.toString()}px`:"0":0)[w]}function k(w,m,N,h){const p=h[w].parents.concat(w.toString());return p.forEach(u=>{h[u].childWithLines.length!==0&&h[u].childs.forEach(r=>{m[r-1].show||(h[u].childWithLines=h[u].childWithLines.filter(g=>g!==r))})}),p.forEach(u=>{m[u].paddingBottom=Math.max((h[u].childWithLines.length-1)*x.value,0)}),m}return{getPaddingBottom:C,getPaddingBottomLength:_,handlePaddingBottomReturnValue:I,handleCollapsedPaddingBottom:k}}function X(c,O,B,v,L){let x;const C=[];function d(n){let l=[];for(let o=1;o<n.childNodes.length-1;o++){const i=n.childNodes[o].querySelector("input");i&&i.checked&&(l.push(o.toString()),l=[...new Set(l)])}return l}function _(n,l){for(let o=0;o<l.length;o++)if(!n.includes(l[o]))return!1;return!0}function I(n,l){return n.filter(i=>l.indexOf(i)===-1)}function k(n,l,o){let i=l[n.index].neighborParentId;for(;i!=="";){const S=d(o),j=I(l[i].childs,S),P=o.childNodes[i].querySelector("input");j.length===l[i].childs.length&&j.length!==0?(P.indeterminate=!1,P.checked=!1):j.length===0?(P.indeterminate=!1,P.checked=!0):j.length<l[i].childs.length&&(P.indeterminate=!0,P.checked=!1),i=l[i].neighborParentId}}function w(n,l){let o=[];const i=[];for(let P=0;P<=v;P++)l.forEach($=>{$.layer===P&&!_(i,[$.index])&&(_(n,B[$.index].childs)?(o.push($.index),i.push(...B[$.index].childs)):o.push($.index))});return o=[...new Set(o)].sort((P,$)=>Number(P)-Number($)),o}function m(n){return x=[],n.forEach(l=>{const o=O[l-1].data.displayText,i={data:o.data,index:o.index,layer:o.layer,parentId:o.parentId,field:o.field};x.push(E.cloneDeep(i))}),x}function N(n){const l=d(n);if(x=[],l.forEach(o=>{const i=O[o-1].data.displayText,S={data:i.data,index:i.index,layer:i.layer,parentId:i.parentId,field:i.field};x.push(E.cloneDeep(S))}),x.length!==0){if(L.emit("outputValue",x),c.cascade){const o=w(l,x);x=m(o)}console.log(x)}}function h(n,l){if(B[l.index].childs.some(i=>C.includes(i))){const i=n.target.previousElementSibling;i.checked!==!0&&(i.checked=!1,i.indeterminate=!0)}}function p(n,l,o,i,S){let j=o[l.index].neighborParentId;for(h(n,l);j!=="";){const P=d(i),$=I(o[j].childs,P),H=i.childNodes[j].querySelector("input");$.length===o[j].childs.length&&$.length!==0?H.checked!==!0&&(H.indeterminate=!1,H.checked=!1):$.length<o[j].childs.length&&H.checked!==!0&&(H.indeterminate=!0,H.checked=!1),j=o[j].neighborParentId}}function u(n){const l=C.indexOf(n.index);return l!==-1?C.splice(l,1):C.push(n.index),C}function r(n){const l=n.target.previousElementSibling;l.checked?(l.checked=!1,l.indeterminate=!1):(l.checked=!0,l.indeterminate=!1)}function g(n,l,o,i){const S=o[l.index];i.className==="fv-tree-data"&&S.childs.map(j=>{const P=i.childNodes[j].querySelector("input");P&&(n.target.previousElementSibling.checked?(P.checked=!1,P.indeterminate=!1):(P.checked=!0,P.indeterminate=!1))})}function y(n,l,o,i){const S=n.target.parentNode.parentNode.parentNode;c.autoCheckChildren?(g(n,o,i,S),r(n),k(o,i,S)):(r(n),u(o),p(n,o,i,S)),N(S)}return{onClickTreeNodeSelectableCell:y}}function Y(c,O,B,v){const L={},x=a.computed(()=>L);let C;const d=a.ref(v),_=a.ref(c.cellHeight);let I=K(d.value),k=o(I),w=0;d.value.map(e=>{w=w>e.layer?w:e.layer});const m=Q(c,B),{treeNodeIconsClass:N}=m,h=U(c,d.value),{getPaddingBottomLength:p,handlePaddingBottomReturnValue:u,handleCollapsedPaddingBottom:r}=h,g=X(c,d.value,I,w,O),{onClickTreeNodeSelectableCell:y}=g;function n(e,t){const f=d.value[e].layer,b=t;let V="same";return b>f?V="non-child":b<f&&(V="child"),V}function l(e,t){const s=Number(t.index);let f="same";s!==d.value.length&&(f=n(s,t.layer));let b;return f!=="child"?b="":b=e.collapse?{"fv-tree-node-toggle":!0}:{"fv-tree-node-toggle-minus":!0},b}function o(e){const t=[];for(let s=1;s<e.length;s++)e[s].childs.length===0&&t.push(s.toString());return t}function i(e){return`r_${e.index}_${e.refreshKey||""}`}function S(e,t){return`r_${e.index}_c_${t}_${e.refreshKey||""}`}function j(e){return{"fv-tree-node":!0,selected:e.selected}}function P(e){const t=e.height?`${e.height}px`:"";return e.show?{top:`${e.top}px`,height:`${t}`}:{display:"none"}}function $(){const e=d.value[1].top;let t=d.value[0].top;for(let s=1;s<d.value.length;s++)d.value[s].show&&(t+=e,d.value[s].top=t);return d.value}function H(e){const t=e.data.displayText,s=t.layer.height?`${t.layer.height}px`:"",f=e.show?{height:`${s}`,left:`${t.layer*20}px`,paddingBottom:u(t.index,k,I,d.value),background:p(t.index,I)}:{display:"none"};return f.lineHeight=`${_.value}px`,f}function pe(e,t){}function te(e,t){t.selected=!0,d.value.forEach(s=>{s.selected=s.index===t.index})}function ne(e,t){const s=t[e].layer;let f=e+1;for(;f<t.length&&t[f].layer>s;)f++;return f-1}function oe(e,t){d.value[e-1].collapse=!d.value[e-1].collapse;const s=d.value[e-1].collapse;let f=!1,b=e-1;for(;b<d.value.length;){const V=d.value[b];if(Number(V.data.displayText.parentId)>t)V.show=!s,V.collapse&&(b=ne(b,d.value)),f=!0;else if(f){b++;break}b++}return d.value}function re(e){const t=Number(e.index);let s="same";t!==d.value.length&&(s=n(t,e.layer)),s==="child"&&(d.value=oe(t,Number(e.parentId))),$(),v=r(e.index,d.value,k,I)}function le(){return{minHeight:`${_.value}px`,marginBottom:"0"}}function ae(e,t,s){return a.createVNode("div",{ref:e.setRef,key:i(e),class:j(e),style:P(e),onMouseover:f=>void 0,onClick:f=>te(f,e)},[Object.values(e.data).map(f=>a.createVNode(a.Fragment,null,[a.createVNode("div",{ref:f.setRef,key:S(e,f.index),class:"fv-tree-node-cell",style:H(e)},[a.createVNode("div",{class:l(e,f),onClick:()=>re(f)},null),B.value.fold&&c.showTreeNodeIcons?a.createVNode("div",{id:"treeNodeIcons",class:N(e,f,s)},null):"",c.selectable?a.createVNode(a.Fragment,null,[a.createVNode("input",{type:"checkbox"},null),a.createVNode("label",{style:le(),onClick:b=>y(b,e,f,t)},null)]):"",a.createVNode("span",{title:f.data},[f.mode===W.editing?f.getEditor(f):f.data])])]))])}function ie(e){for(let t=1;t<e.length;t++)if(e[t]&&e[t].childs)for(let s=0;s<e[t].childs.length;s++){const f=e[t].childs[s];e[f]&&(e[t].parents&&(e[f].parents=E.cloneDeep(e[t].parents)),e[f].parents.push(t.toString()))}return e}function se(e){e.forEach(t=>{const f=[...new Set(t.childs)];t.childs=f.sort((b,V)=>Number(b)-Number(V))})}function ce(e){if(e){for(let t=1;t<e.length;t++)e[t].childs&&e[t].parents.forEach(s=>{e[s].childs.push(t.toString())});se(e)}return e}function de(e){if(e)for(let t=0;t<e.length;t++){const s=e[t].neighborChilds;if(s.length>=2){e[t].childWithLines=[];let f=s.length-2;for(let b=0;b<s.length-1;b++)f+=e[s[b]].childs.length,e[t].childWithLines.push(...e[s[b]].childs,s[b]);e[t].childsLength=f}}return e}function K(e){let t=[],s={name:"",parents:[],childs:[],neighborParentId:"",neighborChilds:[],childWithLines:[]};t.push(E.cloneDeep(s));for(let f=0;f<e.length;f++){const b=e[f].data.displayText.index,V=e[f].data.displayText.parentId,G=e[f].data.displayText.data;s.name=G,s.neighborParentId=V||"";for(let R=0;R<e.length;R++){const q=e[R].data.displayText.index,z=e[R].data.displayText.parentId;V===""&&(s.parents=[]),z===b&&(s.childs.push(q),s.neighborChilds.push(q))}t[f+1]=E.cloneDeep(s),s={name:"",parents:[],childs:[],neighborParentId:"",neighborChilds:[],childWithLines:[]}}return t=ie(t),t=ce(t),c.showLines&&(t=de(t)),t}function ue(){return I=K(d.value),k=o(I),d.value.map(e=>ae(e,I,k))}function fe(){return a.createVNode("div",{class:"fv-tree-data",style:x.value},[ue()])}return{renderTreeArea:fe,outputValue:C,dictTree:I}}function Z(c,O){const B=a.ref(c.cellHeight),v=a.ref(O);function L(_,I,k,w,m){const N=_.__fv_data_index__,h={collapse:!1,show:!0,index:w,dataIndex:N,top:m,layer:_.layer||0,selected:!1,pre:I,data:{},setRef:u=>{h.ref=u}};I||(_.__fv_data_position__=0);{h.height=B.value,_.__fv_data_height__=h.height;const u=h.pre;if(u){const r=(u.__fv_data_position__||0)+(u.__fv_data_height__||0);h.top=r,_.__fv_data_position__=r}}const p={index:_.id,field:"name",mode:W.readonly,data:_.name,layer:_.layer,parentId:_.parent,checked:_.checked,getEditor(u){},setRef:u=>{},update:u=>{}};return h.data.displayText=p,h}let x=[];a.watch(v.value,()=>{d.value=C()});function C(_,I){const{dataView:k}=v.value;if(x=[],k.length>0){const w=I?Date.now().toString():"";for(let m=0,N=0;m<k.length;m++,N++){const h=k[m],p=k[m-1]||_,u=x[N-1],r=p?(p.__fv_data_position__||0)+(p.__fv_data_height__||0):0,g=L(h,p,u,m,r);g.refreshKey=w,x.push(g)}}return x}const d=a.ref(C());return{visibleTreeNodes:d}}const he="",A=a.defineComponent({name:"FTreeView",props:F,emits:["outputValue"],setup(c,O){const B=a.ref(),v=a.ref(!1),{treeNodeIconsData:L}=a.toRefs(c),x=a.computed(()=>({"fv-tree":!0})),C=a.computed(()=>({"fv-tree-content":!0}));function d(n){}function _(){return[]}function I(){return[]}const k=J(c),{visibleTreeNodes:w}=Z(c,k),{renderTreeArea:m,outputValue:N,dictTree:h}=Y(c,O,L,w);function p(){k.addNewDataItem(c.newDataItem)}function u(n){k.removeDataItem(n,h)}function r(n,l){k.editDataItem(n,l)}function g(){}function y(){}return O.expose({addNewDataItem:p,removeDataItem:u,editDataItem:r,acceptDataItem:g,cancelDataItem:y}),()=>a.createVNode("div",{class:x.value,style:"height:600px",onWheel:d},[a.createVNode("div",{ref:B,class:C.value,onMouseover:()=>{v.value=!0},onMouseleave:()=>{v.value=!1}},[m(),_(),I()])])}}),T={data2:{type:Object,default:[]},data:{type:Object,default:[]},treeNodeIconsData:{type:Object,default:{}},selectable:{type:Boolean,default:!1},autoCheckChildren:{type:Boolean,default:!0},cascade:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!1},showLines:{type:Boolean,default:!1},newDataItem:{type:Object,default:{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28}},M=a.defineComponent({name:"FControlTreeView",props:T,emits:["outputValue"],setup(c,O){const B=a.ref(c.data2);a.ref(c.data);const v=a.ref(c.treeNodeIconsData),L=a.ref(c.selectable),x=a.ref(c.autoCheckChildren),C=a.ref(c.cascade),d=a.ref(c.showTreeNodeIcons),_=a.ref(c.showLines),I=a.ref(c.newDataItem),k=a.ref(c.lineColor),w=a.ref(c.cellHeight);function m(r,g,y,n){return r.forEach(o=>{var S;const i={oldId:o.id,layer:y,oldParent:n,name:o.name||o.text||o.id,type:o.type,class:((S=o.appearance)==null?void 0:S.class)||""};g.push(E.cloneDeep(i)),(o.contents||o.buttons)&&m(o.contents||o.buttons,g,y+1,o.id)}),g.reverse()}function N(r){const g=[],y=r.find(i=>i.layer===0);r=r.filter(i=>i.layer!==0),g.push(y);let n=y.oldId,l=0,o=2e4;for(;r.length!==0||o===0;){const i=r.find(S=>S.oldParent===n);i?(g.push(i),n=i.oldId,r=r.filter(S=>S.oldId!==n)):(l-=1,n=g.slice(l)[0].oldId),o-=1}return g}function h(r){return r.forEach((g,y)=>{g.id=(y+1).toString()}),r.forEach(g=>{var y;g.parent=((y=r.find(n=>n.oldId===g.oldParent))==null?void 0:y.id)||""}),r}function p(){let r;if(B.value.length!==0){const g=[];g.push(B.value);const l=N(m(g,[],0,""));r=h(l),console.log(r)}return r}function u(){console.log(B.value);const r=p();return a.createVNode(A,{data:r,treeNodeIconsData:v.value,selectable:L.value,autoCheckChildren:x.value,cascade:C.value,showTreeNodeIcons:d.value,showLines:_.value,newDataItem:I.value,lineColor:k.value,cellHeight:w.value},null)}return()=>a.createVNode(a.Fragment,null,[a.createTextVNode("升级版"),u()])}}),ee={install(c){c.component(A.name,A),c.component(M.name,M)}};D.FTreeView=A,D.default=ee,D.treeViewProps=F,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/tree-view/package.json

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

package/tree-view/style.css

@@ -0,0 +1 @@
+.fv-tree{position:relative;margin:10px;overflow:scroll;display:flex;flex-direction:column;border-style:solid;border-width:1px;border-color:transparent;flex:1;color:#424347}.fv-tree-content{flex:1;display:flex;overflow:scroll;position:relative;z-index:0;background:#fff}.fv-tree-content-hover{cursor:pointer}.fv-tree-content-primary{flex:1;position:relative;overflow:scroll}.fv-tree-data{height:100%;width:100%}.fv-tree-node{left:0;width:100%;position:absolute}.fv-tree-node.selected,.fv-tree-node:hover,.fv-tree-node:active{left:0;width:100%;position:absolute;background:#E7F1FF}.fv-tree-strip .fv-tree-node-odd{background-color:#fff}.fv-tree-strip .fv-tree-node-even{background-color:#f7f8fb}.fv-tree-node-hover{cursor:pointer;color:#424347;background:#edf5ff!important}.fv-tree-node-selected{color:#424347!important;background-color:#dae9ff!important}.fv-tree-node-cell{position:absolute;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;top:0;padding:0 .75rem;display:flex;align-items:center}.fv-tree-data :first-child .fv-tree-node-cell{background:none;border-left:none}.fv-tree-node-cell-input{font-size:12px;height:12px;width:12px;border:1px solid #AEB5C6}.fv-tree-node-cell .f-icon.f-icon-checkbox-checked{color:#2a87ff!important}.fv-tree-node-cell .custom-control-input:checked~.custom-control-label:before{color:#2a87ff}.fv-tree-node-cell input[type=checkbox]{display:none}.fv-tree-node-cell input[type=checkbox]+label{position:relative;padding-left:18px;cursor:pointer;display:flex}.fv-tree-node-cell input[type=checkbox]+label:before{content:"";font-family:FarrisIcons;position:absolute;left:0;top:0;color:#d8dce6}.fv-tree-node-cell input[type=checkbox]:indeterminate+label:before{content:"";font-family:FarrisIcons;position:absolute;left:0;top:0;color:#2a87ff}.fv-tree-node-cell input[type=checkbox]:checked+label:before{content:"";font-family:FarrisIcons;position:absolute;left:0;top:0;color:#2a87ff}.fv-tree-node-cell div#treeNodeIcons{margin-right:5px;color:#a5a6ab}.fv-tree-node-toggle{padding-right:.75rem;width:.875rem;height:.875rem;font-size:.75rem;margin:0 .375rem 0 0;background:#fff;border:1px solid #D8DCE6;border-radius:2px;text-align:center;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;display:inline-block;vertical-align:middle}.fv-tree-node-toggle:before{font-family:FarrisIcons;color:#1f0f0fd9;content:""}.fv-tree-node-toggle-minus{padding-right:6px}.fv-tree-node-toggle-minus:before{font-family:FarrisIcons;color:#d8dce6;content:""}.fv-tree-node-toggle.extanded:before{content:""}.fv-tree-node-toggle:hover:before{color:#59a1ff}

package/types/accordion/index.d.ts

@@ -21,5 +21,7 @@ export * from './src/components/accordion-item.props';
 export { Accordion, AccordionItem };
 declare const _default: {
     install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
 };
 export default _default;

package/types/accordion/src/accordion.component.d.ts

@@ -1,72 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
-    customClass: {
-        type: {
-            (arrayLength: number): string[];
-            (...items: string[]): string[];
-            new (arrayLength: number): string[];
-            new (...items: string[]): string[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: never[];
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    width: {
-        type: NumberConstructor;
-    };
-    enableFold: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    customClass: {
-        type: {
-            (arrayLength: number): string[];
-            (...items: string[]): string[];
-            new (arrayLength: number): string[];
-            new (...items: string[]): string[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: never[];
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    width: {
-        type: NumberConstructor;
-    };
-    enableFold: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    customClass: string[];
-    enableFold: boolean;
-    expanded: boolean;
+    [x: string]: any;
 }>;
 export default _default;

package/types/accordion/src/accordion.props.d.ts

@@ -14,37 +14,6 @@
  * limitations under the License.
  */
 import { ExtractPropTypes } from 'vue';
-export declare const accordionProps: {
-    customClass: {
-        type: {
-            (arrayLength: number): string[];
-            (...items: string[]): string[];
-            new (arrayLength: number): string[];
-            new (...items: string[]): string[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: never[];
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    width: {
-        type: NumberConstructor;
-    };
-    enableFold: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
+export declare const accordionProps: Record<string, any>;
 export type AccordionProps = ExtractPropTypes<typeof accordionProps>;
+export declare const accordionPropsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

package/types/accordion/src/components/accordion-item.component.d.ts

@@ -1,40 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
-    width: {
-        type: NumberConstructor;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    disable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: NumberConstructor;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    disable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    height: number;
-    title: string;
-    disable: boolean;
+    [x: string]: any;
 }>;
 export default _default;

package/types/accordion/src/components/accordion-item.props.d.ts

@@ -14,21 +14,6 @@
  * limitations under the License.
  */
 import { ExtractPropTypes } from 'vue';
-export declare const accordionItemProps: {
-    width: {
-        type: NumberConstructor;
-    };
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    disable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
+export declare const accordionItemProps: Record<string, any>;
 export type AccordionItemProps = ExtractPropTypes<typeof accordionItemProps>;
+export declare const accordionItemPropsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

package/types/accordion/src/designer/accordion-item.design.component.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    [x: string]: any;
+}>;
+export default _default;

package/types/accordion/src/designer/accordion.design.component.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    [x: string]: any;
+}>;
+export default _default;

package/types/accordion/src/schema/schema-mapper.d.ts

@@ -0,0 +1,2 @@
+import { MapperFunction } from '../../../dynamic-resolver';
+export declare const schemaMapper: Map<string, string | MapperFunction>;

package/types/button/src/button-group.component.d.ts

@@ -95,8 +95,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    type: string;
     size: string;
+    type: string;
     autoRectify: boolean;
     realPlacement: string;
     rectifyPlacement: string;

package/types/button/src/button.component.d.ts

@@ -12,6 +12,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"small" | "large">;
         default: string;
     };
+    icon: {
+        type: StringConstructor;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: StringConstructor;
     type: {
@@ -26,11 +29,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"small" | "large">;
         default: string;
     };
+    icon: {
+        type: StringConstructor;
+    };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    size: "small" | "large";
     type: "link" | "primary" | "warning" | "danger" | "success" | "secondary";
     disabled: boolean;
-    size: "small" | "large";
 }>;
 export default _default;

package/types/button/src/button.props.d.ts

@@ -42,6 +42,12 @@ export declare const buttonProps: {
         type: PropType<SizeType>;
         default: string;
     };
+    /**
+     * 按钮图标
+     */
+    icon: {
+        type: StringConstructor;
+    };
 };
 export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
 export {};

package/types/button-edit/index.d.ts

@@ -19,5 +19,7 @@ export * from './src/button-edit.props';
 export { ButtonEdit };
 declare const _default: {
     install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
 };
 export default _default;

package/types/button-edit/src/button-edit.component.d.ts

@@ -1,141 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
-    id: StringConstructor;
-    buttonContent: {
-        type: StringConstructor;
-        default: string;
-    };
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    customClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    disable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    enableClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textAlign: {
-        type: import("vue").PropType<"left" | "right" | "center">;
-        default: string;
-    };
-    showButtonWhenDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    enableTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    inputType: {
-        type: StringConstructor;
-        default: string;
-    };
-    forcePlaceholder: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    minLength: NumberConstructor;
-    maxLength: NumberConstructor;
-    tabIndex: NumberConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: StringConstructor;
-    buttonContent: {
-        type: StringConstructor;
-        default: string;
-    };
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    customClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    disable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    enableClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textAlign: {
-        type: import("vue").PropType<"left" | "right" | "center">;
-        default: string;
-    };
-    showButtonWhenDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    enableTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    inputType: {
-        type: StringConstructor;
-        default: string;
-    };
-    forcePlaceholder: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    minLength: NumberConstructor;
-    maxLength: NumberConstructor;
-    tabIndex: NumberConstructor;
-}>> & {
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    customClass: string;
-    disable: boolean;
-    readonly: boolean;
-    modelValue: string;
-    buttonContent: string;
-    autoComplete: boolean;
-    editable: boolean;
-    enableClear: boolean;
-    textAlign: "left" | "right" | "center";
-    showButtonWhenDisabled: boolean;
-    enableTitle: boolean;
-    inputType: string;
-    forcePlaceholder: boolean;
-    placeholder: string;
+    [x: string]: any;
 }>;
 export default _default;

package/types/button-edit/src/button-edit.props.d.ts

@@ -13,123 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ExtractPropTypes, PropType } from 'vue';
-type TextAlignment = 'left' | 'center' | 'right';
-export declare const buttonEditProps: {
-    /**
-     * 组件标识
-     */
-    id: StringConstructor;
-    /**
-     * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
-     */
-    buttonContent: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 启用输入框自动完成功能
-     */
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 组件自定义样式
-     */
-    customClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
-     */
-    disable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 允许在输入框中录入文本。
-     */
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 显示清空文本按钮
-     */
-    enableClear: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 组件值
-     */
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
-     */
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 文本对齐方式
-     */
-    textAlign: {
-        type: PropType<TextAlignment>;
-        default: string;
-    };
-    /**
-     * 禁用组件时，是否显示扩展按钮
-     */
-    showButtonWhenDisabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 显示输入框的标签
-     */
-    enableTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 输入框类型
-     */
-    inputType: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 显示输入框提示信息
-     */
-    forcePlaceholder: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 输入框提示文本
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 输入框最小长度
-     */
-    minLength: NumberConstructor;
-    /**
-     * 输入框最大长度
-     */
-    maxLength: NumberConstructor;
-    /**
-     * 输入框Tab键索引
-     */
-    tabIndex: NumberConstructor;
-};
+import { ExtractPropTypes } from 'vue';
+export type ButtonBehavior = 'Overlay' | 'Popup' | 'Execute';
+export type ButtonEditInputType = 'text' | 'tag';
+export declare const buttonEditProps: Record<string, any>;
 export type ButtonEditProps = ExtractPropTypes<typeof buttonEditProps>;
-export {};
+export declare const propsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

package/types/button-edit/src/components/button-group.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonEditProps } from "../button-edit.props";
+import { UseButton, UseClear } from "../composition/types";
+export default function (props: ButtonEditProps, useButtonComposition: UseButton, useClearComposition: UseClear): () => JSX.Element;

package/types/button-edit/src/components/popup-container.component.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { ButtonEditProps } from "../button-edit.props";
+import { UsePopup } from "../composition/types";
+export default function (props: ButtonEditProps, context: SetupContext, popupComposition: UsePopup): () => JSX.Element;

package/types/button-edit/src/components/text-edit.component.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from "vue";
+import { ButtonEditProps } from "../button-edit.props";
+import { UseTextBox } from "../composition/types";
+export default function (props: ButtonEditProps, modelValue: Ref<string>, useTextBoxComposition: UseTextBox): () => JSX.Element;

package/types/button-edit/src/composition/types.d.ts

@@ -80,9 +80,16 @@ export interface UseTextBox {
      */
     textBoxTitle: ComputedRef<string>;
     /**
+     * 输入框组Class
+     */
+    inputGroupClass: ComputedRef<Record<string, boolean | undefined>>; /**
      * 更新输入框的值并触发change事件
      */
     changeTextBoxValue: (newValue: string, showEmitChangeEmit: boolean) => void;
+    /**
+     * 接受更新文本
+     */
+    commitValue: (value: any) => void;
     /**
      * 输入框失去焦点事件响应函数
      */
@@ -110,9 +117,16 @@ export interface UseTextBox {
     /**
      * 键盘在输入框抬起事件
      */
-    onKeyUpTextBox: ($event: Event) => void;
+    onKeyUpTextBox: ($event: KeyboardEvent) => void;
     /**
      * 输入框值变化事件响应函数
      */
     onTextBoxValueChange: ($event: Event) => void;
 }
+export interface UsePopup {
+    hidePopup(): void;
+    popup(): void;
+    shouldPopupContent: Ref<boolean>;
+    togglePopup(): void;
+    popoverRef: Ref<any>;
+}

package/types/button-edit/src/composition/use-button.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { UseButton } from './types';
+import { UseButton, UsePopup } from './types';
 import { Ref, SetupContext } from 'vue';
 import { ButtonEditProps } from '../button-edit.props';
-export declare function useButton(props: ButtonEditProps, context: SetupContext, shouldShowConent: Ref<boolean>): UseButton;
+export declare function useButton(props: ButtonEditProps, context: SetupContext, buttonEditRef: Ref<any>, usePopupComposition: UsePopup): UseButton;