@farris/ui-vue 1.3.1 → 1.3.4

package/components/rate/index.umd.cjs

@@ -1 +1 @@
-(function(R,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(R=typeof globalThis<"u"?globalThis:R||self,e(R.rate={},R.Vue,R.LodashES))})(this,function(R,e,F){"use strict";const J={},Q={};function W(a){const{properties:t,title:r,ignore:n}=a,o=n&&Array.isArray(n),h=Object.keys(t).reduce((g,b)=>((!o||!n.find(w=>w==b))&&(g[b]=t[b].type==="object"&&t[b].properties?W(t[b]):F.cloneDeep(t[b].default)),g),{});return r&&(!o||!n.find(g=>g=="id"))&&(h.id=`${r}-${Date.now()}`),h}function U(a,t={},r){const n=J[a];if(n){let o=W(n);const h=Q[a];return o=h?h({getSchemaByType:U},o,t,r):o,o}return null}function Z(a,t){const r=W(t);return Object.keys(a).reduce((n,o)=>(n[o]&&F.isPlainObject(n[o])&&F.isPlainObject(a[o])?Object.assign(n[o],a[o]):n[o]=a[o],n),r),r}function K(a,t){return Object.keys(a).filter(n=>a[n]!=null).reduce((n,o)=>{if(t.has(o)){const h=t.get(o);if(typeof h=="string")n[h]=a[o];else{const g=h(o,a[o],a);Object.assign(n,g)}}else n[o]=a[o];return n},{})}function x(a,t,r=new Map){const n=Z(a,t);return K(n,r)}function I(a={}){function t(l,i,d,u){if(typeof d=="number")return u[l].length===d;if(typeof d=="object"){const v=Object.keys(d)[0],S=d[v];if(v==="not")return Number(u[l].length)!==Number(S);if(v==="moreThan")return Number(u[l].length)>=Number(S);if(v==="lessThan")return Number(u[l].length)<=Number(S)}return!1}function r(l,i,d,u){return u[l]&&u[l].propertyValue&&String(u[l].propertyValue.value)===String(d)}const n=new Map([["length",t],["getProperty",r]]);Object.keys(a).reduce((l,i)=>(l.set(i,a[i]),l),n);function o(l,i){const d=l;return typeof i=="number"?[{target:d,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:d,operator:"getProperty",param:l,value:!!i}]:typeof i=="object"?Object.keys(i).map(u=>{if(u==="length")return{target:d,operator:"length",param:null,value:i[u]};const v=u,S=i[u];return{target:d,operator:"getProperty",param:v,value:S}}):[]}function h(l){return Object.keys(l).reduce((d,u)=>{const v=o(u,l[u]);return d.push(...v),d},[])}function g(l,i){if(n.has(l.operator)){const d=n.get(l.operator);return d&&d(l.target,l.param,l.value,i)||!1}return!1}function b(l,i){return h(l).reduce((v,S)=>v&&g(S,i),!0)}function w(l,i){const d=Object.keys(l),u=d.includes("allOf"),v=d.includes("anyOf"),S=u||v,M=(S?l[S?u?"allOf":"anyOf":"allOf"]:[l]).map(p=>b(p,i));return u?!M.includes(!1):M.includes(!0)}return{parseValueSchema:w}}const ee={},te={};I();function ae(a,t,r=new Map,n=(g,b,w)=>b,o={},h=g=>g){return J[t.title]=t,Q[t.title]=n,ee[t.title]=o,te[t.title]=h,(g={})=>{const b=x(g,t,r),w=Object.keys(a).reduce((l,i)=>(l[i]=a[i].default,l),{});return Object.assign(w,b)}}function re(a,t){return{customClass:t.class,customStyle:t.style}}const le=new Map([["appearance",re]]);function ne(a,t,r){return t}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/rate.schema.json",title:"rate",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for rate",type:"string"},type:{description:"The type string of rate",type:"string",default:"rate"},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"],ignore:["id","appearance","binding"]},se={title:"rate",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:[]}}}}}},A={size:{type:String,default:"large"},enableHalf:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},pointSystem:{type:Number,default:5},lightColor:{type:String,default:""},darkColor:{type:String,default:""},iconClass:{type:String,default:"f-icon-star"},numOfStar:{type:Number,default:5},toolTipDisabled:{type:Boolean,default:!0},toolTipContents:{type:Array,default:["很不满意","不满意","一般","满意","非常满意"]},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1},value:{type:Number,default:0},modelValue:{type:Number,default:0}},q=ae(A,oe,le,ne,se),E=e.defineComponent({name:"FRate",props:A,emits:["selectedValue","update:modelValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),h=e.ref(a.disabled),g=e.ref(a.pointSystem),b=e.ref(a.lightColor),w=e.ref(a.darkColor),l=e.ref(a.iconClass),i=e.ref(a.numOfStar),d=e.ref(a.toolTipDisabled),u=e.ref(a.toolTipContents),v=e.ref(a.enableScore),S=e.ref(a.enableSatisfaction);let m;const N=e.ref(0),M=e.ref(0),T=e.ref(0),p=e.ref(a.modelValue);let O=1,f,y,V;const j=4;e.onMounted(()=>{});function P(){const c=i.value;V=[];for(let k=1;k<=c;k++)V.push({id:k})}function B(){let c;n.value?c=Math.ceil(p.value/O):c=p.value,M.value=(m*p.value+Math.floor(p.value)*j)/O,f=u.value[c-1]}function L(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}P(),i.value&&(O=g.value/i.value),p.value&&B()}L();function z(c){return c.className.indexOf("f-icon")!==-1}function H(){return N.value===M.value&&o.value&&M.value!==0?(M.value=0,p.value=0,y=null,N.value=0,T.value=0,t.emit("selectedValue",p.value),t.emit("update:modelValue",p.value),!0):!1}function X(c,k,s){if(c.movementX||c.movementY){if(h.value)return;S.value&&(f=u.value[k-1]),c.offsetX<m/2&&n.value===!0?(N.value=m*k-m/2+j*(k-1),T.value=O*k-O/2):(N.value=m*k+j*(k-1),T.value=O*k)}if(s===!0){if(H())return;p.value=T.value,M.value=N.value,y=f,t.emit("update:modelValue",p.value),t.emit("selectedValue",p.value)}}function $(c,k){var s;if(z(c.target)&&c.target){const D=parseInt((s=c.target)==null?void 0:s.id);X(c,D,k)}}const _=e.computed(()=>T.value?T.value+"分":p.value+"分"),Y=e.computed(()=>({width:(N.value||M.value)+"px"}));function C(){N.value=0}return e.watch(()=>a.modelValue,c=>{p.value=c,B()}),()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(c=>$(c,!1),["prevent"]),onMousemove:e.withModifiers(c=>$(c,!1),["prevent"]),onMouseleave:e.withModifiers(c=>C(),["prevent"]),onClick:e.withModifiers(c=>$(c,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:Y.value},[V.map(c=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:d.value}],id:c.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[V.map(c=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:c.id,style:{color:w.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[v.value&&e.createVNode("span",null,[e.createTextVNode(" "),_.value,e.createTextVNode(" ")]),S.value&&(y||f)&&e.createVNode("span",null,[e.createTextVNode(" "),f||y])])])}});function ie(a,t,r){var O;function n(){}const o="",h="",g=e.ref();function b(){return(t==null?void 0:t.schema.componentType)!=="frame"}function w(){return!1}function l(){return(t==null?void 0:t.schema.componentType)!=="frame"}function i(){return(t==null?void 0:t.schema.componentType)==="frame"}function d(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const y=e.ref(f==null?void 0:f.value.parent),V=d(y);return V||null}function u(f=t){const{componentInstance:y,designerItemElementRef:V}=f;return!y||!y.value?null:y.value.canMove?V:u(f.parent)}function v(f){return!!r}function S(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function m(){}function N(f,y){}function M(f,y){const{componentType:V}=f;let j=U(V,f,y);const P=V.toLowerCase().replace("-","_");return j&&!j.id&&j.type===V&&(j.id=`${P}_${Math.random().toString().slice(2,6)}`),j}function T(f){}function p(...f){}return g.value={canMove:b(),canSelectParent:w(),canDelete:l(),canNested:!i(),contents:t==null?void 0:t.schema.contents,elementRef:a,parent:(O=t==null?void 0:t.parent)==null?void 0:O.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:h,canAccepts:v,getBelongedComponentInstance:d,getDraggableDesignItemElement:u,getDraggingDisplayText:S,getPropConfig:p,getDragScopeElement:m,onAcceptMovedChildElement:N,onChildElementMovedOut:T,addNewChildComponentSchema:M,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},g}const ce=e.defineComponent({name:"FRateDesign",props:A,emits:["selectedValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),h=e.ref(a.disabled),g=e.ref(a.pointSystem),b=e.ref(a.lightColor),w=e.ref(a.darkColor),l=e.ref(a.iconClass),i=e.ref(a.numOfStar),d=e.ref(a.toolTipDisabled),u=e.ref(a.toolTipContents),v=e.ref(a.enableScore),S=e.ref(a.enableSatisfaction);let m;const N=e.ref(1);let M=0;const T=e.ref(0),p=e.ref(0);let O=1,f,y,V;const j=4,P=e.ref(),B=e.inject("design-item-context"),L=ie(P,B);e.onMounted(()=>{P.value.componentInstance=L}),t.expose(L.value),e.onMounted(()=>{});function z(){const s=i.value;V=[];for(let D=1;D<=s;D++)V.push({id:D})}function H(){let s;n.value?s=Math.ceil(p.value/O):s=p.value,M=(m*p.value+Math.floor(p.value)*j)/O,f=u.value[s-1]}function X(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}z(),i.value&&(O=g.value/i.value),p.value&&H()}X();function $(s){return s.className.indexOf("f-icon")!==-1}function _(){return N.value===M&&o&&M!==0?(M=0,p.value=0,y=null,N.value=0,T.value=0,t.emit("selectedValue",p.value),!0):!1}function Y(s,D,G){if(s.movementX||s.movementY){if(h.value)return;S.value&&(f=u.value[D-1]),s.offsetX<m/2&&n.value===!0?(N.value=m*D-m/2+j*(D-1),T.value=O*D-O/2):(N.value=m*D+j*(D-1),T.value=O*D)}if(G===!0){if(_())return;p.value=T.value,M=N.value,y=f,t.emit("selectedValue",p.value)}}function C(s,D){if($(s.target)&&s.target){const G=parseInt(s.target.id);Y(s,G,D)}}const c=e.computed(()=>T.value?T.value+"分":p.value+"分"),k=e.computed(()=>({width:(N.value||M)+"px"}));return()=>e.createVNode("div",{class:"farris-star-rating",ref:P,onMouseover:e.withModifiers(s=>C(s,!1),["prevent"]),onMousemove:e.withModifiers(s=>C(s,!1),["prevent"]),onMouseout:e.withModifiers(s=>C(s,!1),["prevent"]),onClick:e.withModifiers(s=>C(s,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:k.value},[V.map(s=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:d.value}],id:s.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[V.map(s=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:s.id,style:{color:w.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[v.value&&e.createVNode("span",null,[e.createTextVNode(" "),c.value,e.createTextVNode(" ")]),S.value&&(y||f)&&e.createVNode("span",null,[e.createTextVNode(" "),f||y])])])}}),ue=a=>{const t=a;return t.install=function(r){r.component(t.name,a)},a};E.register=(a,t,r,n)=>{a.rate=E,t.rate=q},E.registerDesigner=(a,t,r)=>{a.rate=ce,t.rate=q};const fe=ue(E);R.FRate=E,R.default=fe,R.propsResolver=q,R.rateProps=A,Object.defineProperties(R,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(D,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],e):(D=typeof globalThis<"u"?globalThis:D||self,e(D.rate={},D.Vue,D.LodashES,D.common))})(this,function(D,e,q,Z){"use strict";const J={},Q={};function W(a){const{properties:t,title:r,ignore:n}=a,o=n&&Array.isArray(n),v=Object.keys(t).reduce((y,b)=>((!o||!n.find(R=>R===b))&&(y[b]=t[b].type==="object"&&t[b].properties?W(t[b]):q.cloneDeep(t[b].default)),y),{});if(r&&(!o||!n.find(y=>y==="id"))){const y=r.toLowerCase().replace(/-/g,"_");v.id=`${y}_${Math.random().toString().slice(2,6)}`}return v}function U(a,t={},r){const n=J[a];if(n){let o=W(n);const v=Q[a];return o=v?v({getSchemaByType:U},o,t,r):o,o}return null}function K(a,t){const r=W(t);return Object.keys(r).reduce((n,o)=>(n[o]&&q.isPlainObject(n[o])&&q.isPlainObject(a[o]||!a[o])?Object.assign(n[o],a[o]||{}):n[o]=a[o],n),r),r}function x(a,t){return Object.keys(a).filter(n=>a[n]!=null).reduce((n,o)=>{if(t.has(o)){const v=t.get(o);if(typeof v=="string")n[v]=a[o];else{const y=v(o,a[o],a);Object.assign(n,y)}}else n[o]=a[o];return n},{})}function I(a,t,r=new Map){const n=K(a,t);return x(n,r)}function ee(a={}){function t(l,s,f,d){if(typeof f=="number")return d[l].length===f;if(typeof f=="object"){const S=Object.keys(f)[0],M=f[S];if(S==="not")return Number(d[l].length)!==Number(M);if(S==="moreThan")return Number(d[l].length)>=Number(M);if(S==="lessThan")return Number(d[l].length)<=Number(M)}return!1}function r(l,s,f,d){return d[l]&&d[l].propertyValue&&String(d[l].propertyValue.value)===String(f)}const n=new Map([["length",t],["getProperty",r]]);Object.keys(a).reduce((l,s)=>(l.set(s,a[s]),l),n);function o(l,s){const f=l;return typeof s=="number"?[{target:f,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:f,operator:"getProperty",param:l,value:!!s}]:typeof s=="object"?Object.keys(s).map(d=>{if(d==="length")return{target:f,operator:"length",param:null,value:s[d]};const S=d,M=s[d];return{target:f,operator:"getProperty",param:S,value:M}}):[]}function v(l){return Object.keys(l).reduce((f,d)=>{const S=o(d,l[d]);return f.push(...S),f},[])}function y(l,s){if(n.has(l.operator)){const f=n.get(l.operator);return f&&f(l.target,l.param,l.value,s)||!1}return!1}function b(l,s){return v(l).reduce((S,M)=>S&&y(M,s),!0)}function R(l,s){const f=Object.keys(l),d=f.includes("allOf"),S=f.includes("anyOf"),M=d||S,V=(M?l[M?d?"allOf":"anyOf":"allOf"]:[l]).map(p=>b(p,s));return d?!V.includes(!1):V.includes(!0)}return{parseValueSchema:R}}const te={},ae={};ee();function re(a,t,r=new Map,n=(y,b,R,l)=>b,o={},v=y=>y){return J[t.title]=t,Q[t.title]=n,te[t.title]=o,ae[t.title]=v,(y={})=>{const b=I(y,t,r),R=Object.keys(a).reduce((l,s)=>(l[s]=a[s].default,l),{});return Object.assign(R,b)}}function le(a,t){return{customClass:t.class,customStyle:t.style}}const ne=new Map([["appearance",le]]);function oe(a,t,r){return t}const se={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/rate.schema.json",title:"rate",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for rate",type:"string"},type:{description:"The type string of rate",type:"string",default:"rate"},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"],ignore:["id","appearance","binding"]},ie={title:"rate",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:[]}}}}}},A={size:{type:String,default:"large"},enableHalf:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},pointSystem:{type:Number,default:5},lightColor:{type:String,default:""},darkColor:{type:String,default:""},iconClass:{type:String,default:"f-icon-star"},numOfStar:{type:Number,default:5},toolTipDisabled:{type:Boolean,default:!0},toolTipContents:{type:Array,default:["很不满意","不满意","一般","满意","非常满意"]},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1},value:{type:Number,default:0},modelValue:{type:Number,default:0}},H=re(A,se,ne,oe,ie),E=e.defineComponent({name:"FRate",props:A,emits:["selectedValue","update:modelValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),v=e.ref(a.disabled),y=e.ref(a.pointSystem),b=e.ref(a.lightColor),R=e.ref(a.darkColor),l=e.ref(a.iconClass),s=e.ref(a.numOfStar),f=e.ref(a.toolTipDisabled),d=e.ref(a.toolTipContents),S=e.ref(a.enableScore),M=e.ref(a.enableSatisfaction);let m;const N=e.ref(0),V=e.ref(0),T=e.ref(0),p=e.ref(a.modelValue);let O=1,i,h,g;const k=4;e.onMounted(()=>{});function P(){const u=s.value;g=[];for(let j=1;j<=u;j++)g.push({id:j})}function B(){let u;n.value?u=Math.ceil(p.value/O):u=p.value,V.value=(m*p.value+Math.floor(p.value)*k)/O,i=d.value[u-1]}function F(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}P(),s.value&&(O=y.value/s.value),p.value&&B()}F();function _(u){return u.className.indexOf("f-icon")!==-1}function z(){return N.value===V.value&&o.value&&V.value!==0?(V.value=0,p.value=0,h=null,N.value=0,T.value=0,t.emit("selectedValue",p.value),t.emit("update:modelValue",p.value),!0):!1}function C(u,j,c){if(u.movementX||u.movementY){if(v.value)return;M.value&&(i=d.value[j-1]),u.offsetX<m/2&&n.value===!0?(N.value=m*j-m/2+k*(j-1),T.value=O*j-O/2):(N.value=m*j+k*(j-1),T.value=O*j)}if(c===!0){if(z())return;p.value=T.value,V.value=N.value,h=i,t.emit("update:modelValue",p.value),t.emit("selectedValue",p.value)}}function L(u,j){var c;if(_(u.target)&&u.target){const w=parseInt((c=u.target)==null?void 0:c.id);C(u,w,j)}}const X=e.computed(()=>T.value?T.value+"分":p.value+"分"),Y=e.computed(()=>({width:(N.value||V.value)+"px"}));function $(){N.value=0}return e.watch(()=>a.modelValue,u=>{p.value=u,B()}),()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(u=>L(u,!1),["prevent"]),onMousemove:e.withModifiers(u=>L(u,!1),["prevent"]),onMouseleave:e.withModifiers(u=>$(),["prevent"]),onClick:e.withModifiers(u=>L(u,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:Y.value},[g.map(u=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:f.value}],id:u.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[g.map(u=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:u.id,style:{color:R.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[S.value&&e.createVNode("span",null,[e.createTextVNode(" "),X.value,e.createTextVNode(" ")]),M.value&&(h||i)&&e.createVNode("span",null,[e.createTextVNode(" "),i||h])])])}});function ce(a,t,r){var O;const n="",o="",v=e.ref();function y(){return(t==null?void 0:t.schema.componentType)!=="frame"}function b(){return!1}function R(){return(t==null?void 0:t.schema.componentType)!=="frame"}function l(){return(t==null?void 0:t.schema.componentType)==="frame"}function s(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const h=e.ref(i==null?void 0:i.value.parent),g=s(h);return g||null}function f(i=t){const{componentInstance:h,designerItemElementRef:g}=i;return!h||!h.value?null:h.value.canMove?g:f(i.parent)}function d(i){return!!r}function S(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function M(){}function m(i,h){}function N(i,h){const{componentType:g}=i;let k=U(g,i,h);const P=g.toLowerCase().replace(/-/g,"_");return k&&!k.id&&k.type===g&&(k.id=`${P}_${Math.random().toString().slice(2,6)}`),k}function V(i){}function T(...i){}function p(){t!=null&&t.schema.contents&&t.schema.contents.map(i=>{var k;let h=i.id;i.type==="component-ref"&&(h=i.component);const g=a.value.querySelector(`#${h}-design-item`);(k=g==null?void 0:g.componentInstance)!=null&&k.value.onRemoveComponent&&g.componentInstance.value.onRemoveComponent()})}return v.value={canMove:y(),canSelectParent:b(),canDelete:R(),canNested:!l(),contents:t==null?void 0:t.schema.contents,elementRef:a,parent:(O=t==null?void 0:t.parent)==null?void 0:O.componentInstance,schema:t==null?void 0:t.schema,styles:n,designerClass:o,canAccepts:d,getBelongedComponentInstance:s,getDraggableDesignItemElement:f,getDraggingDisplayText:S,getPropConfig:T,getDragScopeElement:M,onAcceptMovedChildElement:m,onChildElementMovedOut:V,addNewChildComponentSchema:N,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1),onRemoveComponent:p},v}const ue=e.defineComponent({name:"FRateDesign",props:A,emits:["selectedValue"],setup(a,t){const r=e.ref(a.size),n=e.ref(a.enableHalf),o=e.ref(a.enableClear),v=e.ref(a.disabled),y=e.ref(a.pointSystem),b=e.ref(a.lightColor),R=e.ref(a.darkColor),l=e.ref(a.iconClass),s=e.ref(a.numOfStar),f=e.ref(a.toolTipDisabled),d=e.ref(a.toolTipContents),S=e.ref(a.enableScore),M=e.ref(a.enableSatisfaction);let m;const N=e.ref(1);let V=0;const T=e.ref(0),p=e.ref(0);let O=1,i,h,g;const k=4,P=e.ref(),B=e.inject("design-item-context"),F=ce(P,B);e.onMounted(()=>{P.value.componentInstance=F}),t.expose(F.value),e.onMounted(()=>{});function _(){const c=s.value;g=[];for(let w=1;w<=c;w++)g.push({id:w})}function z(){let c;n.value?c=Math.ceil(p.value/O):c=p.value,V=(m*p.value+Math.floor(p.value)*k)/O,i=d.value[c-1]}function C(){switch(r.value){case"small":m=14;break;case"middle":m=16;break;case"large":m=18;break;case"extraLarge":m=24;break}_(),s.value&&(O=y.value/s.value),p.value&&z()}C();function L(c){return c.className.indexOf("f-icon")!==-1}function X(){return N.value===V&&o&&V!==0?(V=0,p.value=0,h=null,N.value=0,T.value=0,t.emit("selectedValue",p.value),!0):!1}function Y(c,w,G){if(c.movementX||c.movementY){if(v.value)return;M.value&&(i=d.value[w-1]),c.offsetX<m/2&&n.value===!0?(N.value=m*w-m/2+k*(w-1),T.value=O*w-O/2):(N.value=m*w+k*(w-1),T.value=O*w)}if(G===!0){if(X())return;p.value=T.value,V=N.value,h=i,t.emit("selectedValue",p.value)}}function $(c,w){if(L(c.target)&&c.target){const G=parseInt(c.target.id);Y(c,G,w)}}const u=e.computed(()=>T.value?T.value+"分":p.value+"分"),j=e.computed(()=>({width:(N.value||V)+"px"}));return()=>e.createVNode("div",{class:"farris-star-rating",ref:P,onMouseover:e.withModifiers(c=>$(c,!1),["prevent"]),onMousemove:e.withModifiers(c=>$(c,!1),["prevent"]),onMouseout:e.withModifiers(c=>$(c,!1),["prevent"]),onClick:e.withModifiers(c=>$(c,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:j.value},[g.map(c=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:f.value}],id:c.id,style:{color:b.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[g.map(c=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:c.id,style:{color:R.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[S.value&&e.createVNode("span",null,[e.createTextVNode(" "),u.value,e.createTextVNode(" ")]),M.value&&(h||i)&&e.createVNode("span",null,[e.createTextVNode(" "),i||h])])])}});E.register=(a,t,r,n)=>{a.rate=E,t.rate=H},E.registerDesigner=(a,t,r)=>{a.rate=ue,t.rate=H};const fe=Z.withInstall(E);D.FRate=E,D.default=fe,D.propsResolver=H,D.rateProps=A,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/response-layout/index.esm.js

@@ -1,119 +1,123 @@
-import { defineComponent as $, createVNode as D, ref as b, inject as B, onMounted as V } from "vue";
+import { defineComponent as $, createVNode as S, ref as v, inject as B, onMounted as q } from "vue";
 import { isPlainObject as w, cloneDeep as Q } from "lodash-es";
-const q = {}, z = {};
-function T(t) {
-  const { properties: e, title: o, ignore: s } = t, r = s && Array.isArray(s), l = Object.keys(e).reduce((u, f) => ((!r || !s.find((h) => h == f)) && (u[f] = e[f].type === "object" && e[f].properties ? T(e[f]) : Q(e[f].default)), u), {});
-  return o && (!r || !s.find((u) => u == "id")) && (l.id = `${o}-${Date.now()}`), l;
+const V = {}, _ = {};
+function M(t) {
+  const { properties: e, title: o, ignore: n } = t, s = n && Array.isArray(n), u = Object.keys(e).reduce((l, f) => ((!s || !n.find((g) => g === f)) && (l[f] = e[f].type === "object" && e[f].properties ? M(e[f]) : Q(e[f].default)), l), {});
+  if (o && (!s || !n.find((l) => l === "id"))) {
+    const l = o.toLowerCase().replace(/-/g, "_");
+    u.id = `${l}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return u;
 }
-function W(t, e = {}, o) {
-  const s = q[t];
-  if (s) {
-    let r = T(s);
-    const l = z[t];
-    return r = l ? l({ getSchemaByType: W }, r, e, o) : r, r;
+function z(t, e = {}, o) {
+  const n = V[t];
+  if (n) {
+    let s = M(n);
+    const u = _[t];
+    return s = u ? u({ getSchemaByType: z }, s, e, o) : s, s;
   }
   return null;
 }
 function U(t, e) {
-  const o = T(e);
-  return Object.keys(t).reduce((s, r) => (s[r] && w(s[r]) && w(t[r]) ? Object.assign(s[r], t[r]) : s[r] = t[r], s), o), o;
+  const o = M(e);
+  return Object.keys(o).reduce((n, s) => (n[s] && w(n[s]) && w(t[s] || !t[s]) ? Object.assign(n[s], t[s] || {}) : n[s] = t[s], n), o), o;
 }
 function X(t, e) {
-  return Object.keys(t).filter((s) => t[s] != null).reduce((s, r) => {
-    if (e.has(r)) {
-      const l = e.get(r);
-      if (typeof l == "string")
-        s[l] = t[r];
+  return Object.keys(t).filter((n) => t[n] != null).reduce((n, s) => {
+    if (e.has(s)) {
+      const u = e.get(s);
+      if (typeof u == "string")
+        n[u] = t[s];
       else {
-        const u = l(r, t[r], t);
-        Object.assign(s, u);
+        const l = u(s, t[s], t);
+        Object.assign(n, l);
       }
     } else
-      s[r] = t[r];
-    return s;
+      n[s] = t[s];
+    return n;
   }, {});
 }
 function Y(t, e, o = /* @__PURE__ */ new Map()) {
-  const s = U(t, e);
-  return X(s, o);
+  const n = U(t, e);
+  return X(n, o);
 }
 function Z(t = {}) {
-  function e(n, a, i, c) {
-    if (typeof i == "number")
-      return c[n].length === i;
-    if (typeof i == "object") {
-      const y = Object.keys(i)[0], m = i[y];
+  function e(r, a, c, i) {
+    if (typeof c == "number")
+      return i[r].length === c;
+    if (typeof c == "object") {
+      const y = Object.keys(c)[0], d = c[y];
       if (y === "not")
-        return Number(c[n].length) !== Number(m);
+        return Number(i[r].length) !== Number(d);
       if (y === "moreThan")
-        return Number(c[n].length) >= Number(m);
+        return Number(i[r].length) >= Number(d);
       if (y === "lessThan")
-        return Number(c[n].length) <= Number(m);
+        return Number(i[r].length) <= Number(d);
     }
     return !1;
   }
-  function o(n, a, i, c) {
-    return c[n] && c[n].propertyValue && String(c[n].propertyValue.value) === String(i);
+  function o(r, a, c, i) {
+    return i[r] && i[r].propertyValue && String(i[r].propertyValue.value) === String(c);
   }
-  const s = /* @__PURE__ */ new Map([
+  const n = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", o]
   ]);
-  Object.keys(t).reduce((n, a) => (n.set(a, t[a]), n), s);
-  function r(n, a) {
-    const i = n;
-    return typeof a == "number" ? [{ target: i, operator: "length", param: null, value: Number(a) }] : typeof a == "boolean" ? [{ target: i, operator: "getProperty", param: n, value: !!a }] : typeof a == "object" ? Object.keys(a).map((c) => {
-      if (c === "length")
-        return { target: i, operator: "length", param: null, value: a[c] };
-      const y = c, m = a[c];
-      return { target: i, operator: "getProperty", param: y, value: m };
+  Object.keys(t).reduce((r, a) => (r.set(a, t[a]), r), n);
+  function s(r, a) {
+    const c = r;
+    return typeof a == "number" ? [{ target: c, operator: "length", param: null, value: Number(a) }] : typeof a == "boolean" ? [{ target: c, operator: "getProperty", param: r, value: !!a }] : typeof a == "object" ? Object.keys(a).map((i) => {
+      if (i === "length")
+        return { target: c, operator: "length", param: null, value: a[i] };
+      const y = i, d = a[i];
+      return { target: c, operator: "getProperty", param: y, value: d };
     }) : [];
   }
-  function l(n) {
-    return Object.keys(n).reduce((i, c) => {
-      const y = r(c, n[c]);
-      return i.push(...y), i;
+  function u(r) {
+    return Object.keys(r).reduce((c, i) => {
+      const y = s(i, r[i]);
+      return c.push(...y), c;
     }, []);
   }
-  function u(n, a) {
-    if (s.has(n.operator)) {
-      const i = s.get(n.operator);
-      return i && i(n.target, n.param, n.value, a) || !1;
+  function l(r, a) {
+    if (n.has(r.operator)) {
+      const c = n.get(r.operator);
+      return c && c(r.target, r.param, r.value, a) || !1;
     }
     return !1;
   }
-  function f(n, a) {
-    return l(n).reduce((y, m) => y && u(m, a), !0);
+  function f(r, a) {
+    return u(r).reduce((y, d) => y && l(d, a), !0);
   }
-  function h(n, a) {
-    const i = Object.keys(n), c = i.includes("allOf"), y = i.includes("anyOf"), m = c || y, L = (m ? n[m ? c ? "allOf" : "anyOf" : "allOf"] : [n]).map((P) => f(P, a));
-    return c ? !L.includes(!1) : L.includes(!0);
+  function g(r, a) {
+    const c = Object.keys(r), i = c.includes("allOf"), y = c.includes("anyOf"), d = i || y, L = (d ? r[d ? i ? "allOf" : "anyOf" : "allOf"] : [r]).map((P) => f(P, a));
+    return i ? !L.includes(!1) : L.includes(!0);
   }
-  return { parseValueSchema: h };
+  return { parseValueSchema: g };
 }
-const C = {}, K = {};
+const K = {}, C = {};
 Z();
-function _(t, e, o = /* @__PURE__ */ new Map(), s = (u, f, h) => f, r = {}, l = (u) => u) {
-  return q[e.title] = e, z[e.title] = s, C[e.title] = r, K[e.title] = l, (u = {}) => {
-    const f = Y(u, e, o), h = Object.keys(t).reduce((n, a) => (n[a] = t[a].default, n), {});
-    return Object.assign(h, f);
+function W(t, e, o = /* @__PURE__ */ new Map(), n = (l, f, g, r) => f, s = {}, u = (l) => l) {
+  return V[e.title] = e, _[e.title] = n, K[e.title] = s, C[e.title] = u, (l = {}) => {
+    const f = Y(l, e, o), g = Object.keys(t).reduce((r, a) => (r[a] = t[a].default, r), {});
+    return Object.assign(g, f);
   };
 }
 function I(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const G = /* @__PURE__ */ new Map([
+const H = /* @__PURE__ */ new Map([
   ["appearance", I]
 ]);
 function x(t, e, o) {
-  return o.splitter && (e.contents = String(o.splitter).split(":").map((s) => {
-    const r = t.getSchemaByType("response-layout-item");
-    return r.appearance = {
-      class: `h-100 col-${s} px-0`
-    }, r;
+  return o.splitter && (e.contents = String(o.splitter).split(":").map((n) => {
+    const s = t.getSchemaByType("response-layout-item");
+    return s.appearance = {
+      class: `h-100 col-${n} px-0`
+    }, s;
   })), e;
 }
-const ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-design.gitee.io/response-layout.schema.json", re = "response-layout", se = "A Farris Container Component", ne = "object", oe = {
+const ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-design.gitee.io/response-layout.schema.json", se = "response-layout", ne = "A Farris Container Component", re = "object", oe = {
   id: {
     description: "The unique identifier for a Respnse Layout",
     type: "string"
@@ -163,15 +167,15 @@ const ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-
   "id",
   "type",
   "contents"
-], ie = {
+], ce = {
   $schema: ee,
   $id: te,
-  title: re,
-  description: se,
-  type: ne,
+  title: se,
+  description: ne,
+  type: re,
   properties: oe,
   required: ae
-}, ce = "responseLayout", pe = "A Farris Container Component", ue = "object", le = {
+}, ie = "responseLayout", pe = "A Farris Container Component", le = "object", ue = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -250,18 +254,18 @@ const ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-
     }
   }
 }, fe = {
-  title: ce,
+  title: ie,
   description: pe,
-  type: ue,
-  categories: le
-}, M = {
+  type: le,
+  categories: ue
+}, T = {
   customClass: { type: String, default: "" }
-}, A = _(M, ie, G, x, fe), S = /* @__PURE__ */ $({
+}, k = W(T, ce, H, x, fe), D = /* @__PURE__ */ $({
   name: "FResponseLayout",
-  props: M,
+  props: T,
   emits: [],
   setup(t, e) {
-    return () => D("div", {
+    return () => S("div", {
       class: t.customClass
     }, [e.slots.default && e.slots.default()]);
   }
@@ -325,99 +329,106 @@ const ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-
   required: ve
 }, O = {
   customClass: { type: String, default: "" }
-}, k = _(O, Le, G), R = /* @__PURE__ */ $({
+}, A = W(O, Le, H), R = /* @__PURE__ */ $({
   name: "FResponseLayoutItem",
   props: O,
   emits: [],
   setup(t, e) {
-    return () => D("div", {
+    return () => S("div", {
       class: t.customClass
     }, [e.slots.default && e.slots.default()]);
   }
 });
-function H(t, e, o) {
+function G(t, e, o) {
   var F;
-  function s() {
-  }
-  const r = "", l = "", u = b();
-  function f() {
+  const n = "", s = "", u = v();
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function h() {
+  function f() {
     return !1;
   }
-  function n() {
+  function g() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function a() {
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function i(p) {
+  function a(p) {
     if (!p || !p.value)
       return null;
     if (p.value.schema && p.value.schema.type === "component")
       return p.value;
-    const d = b(p == null ? void 0 : p.value.parent), g = i(d);
-    return g || null;
+    const h = v(p == null ? void 0 : p.value.parent), m = a(h);
+    return m || null;
   }
   function c(p = e) {
-    const { componentInstance: d, designerItemElementRef: g } = p;
-    return !d || !d.value ? null : d.value.canMove ? g : c(p.parent);
+    const { componentInstance: h, designerItemElementRef: m } = p;
+    return !h || !h.value ? null : h.value.canMove ? m : c(p.parent);
   }
-  function y(p) {
+  function i(p) {
     return !!o;
   }
-  function m() {
+  function y() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function j() {
+  function d() {
   }
-  function E(p, d) {
+  function j(p, h) {
   }
-  function L(p, d) {
-    const { componentType: g } = p;
-    let v = W(g, p, d);
-    const J = g.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === g && (v.id = `${J}_${Math.random().toString().slice(2, 6)}`), v;
+  function E(p, h) {
+    const { componentType: m } = p;
+    let b = z(m, p, h);
+    const J = m.toLowerCase().replace(/-/g, "_");
+    return b && !b.id && b.type === m && (b.id = `${J}_${Math.random().toString().slice(2, 6)}`), b;
   }
-  function N(p) {
+  function L(p) {
   }
-  function P(...p) {
+  function N(...p) {
+  }
+  function P() {
+    e != null && e.schema.contents && e.schema.contents.map((p) => {
+      var b;
+      let h = p.id;
+      p.type === "component-ref" && (h = p.component);
+      const m = t.value.querySelector(`#${h}-design-item`);
+      (b = m == null ? void 0 : m.componentInstance) != null && b.value.onRemoveComponent && m.componentInstance.value.onRemoveComponent();
+    });
   }
   return u.value = {
-    canMove: f(),
-    canSelectParent: h(),
-    canDelete: n(),
-    canNested: !a(),
+    canMove: l(),
+    canSelectParent: f(),
+    canDelete: g(),
+    canNested: !r(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
     parent: (F = e == null ? void 0 : e.parent) == null ? void 0 : F.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: r,
-    designerClass: l,
-    canAccepts: y,
-    getBelongedComponentInstance: i,
+    styles: n,
+    designerClass: s,
+    canAccepts: i,
+    getBelongedComponentInstance: a,
     getDraggableDesignItemElement: c,
-    getDraggingDisplayText: m,
-    getPropConfig: P,
-    getDragScopeElement: j,
-    onAcceptMovedChildElement: E,
-    onChildElementMovedOut: N,
-    addNewChildComponentSchema: L,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: b(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: b(!1)
+    getDraggingDisplayText: y,
+    getPropConfig: N,
+    getDragScopeElement: d,
+    onAcceptMovedChildElement: j,
+    onChildElementMovedOut: L,
+    addNewChildComponentSchema: E,
+    triggerBelongedComponentToMoveWhenMoved: v(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: v(!1),
+    onRemoveComponent: P
   }, u;
 }
 const Re = /* @__PURE__ */ $({
   name: "FResponseLayoutDesign",
-  props: M,
+  props: T,
   emits: [],
   setup(t, e) {
-    const o = b(), s = B("design-item-context"), r = H(o, s);
-    return r.value.canNested = !1, V(() => {
-      o.value.componentInstance = r;
-    }), e.expose(r.value), () => D("div", {
+    const o = v(), n = B("design-item-context"), s = G(o, n);
+    return s.value.canNested = !1, q(() => {
+      o.value.componentInstance = s;
+    }), e.expose(s.value), () => S("div", {
       ref: o,
       class: "d-flex response-layout"
     }, [e.slots.default && e.slots.default()]);
@@ -427,10 +438,10 @@ const Re = /* @__PURE__ */ $({
   props: O,
   emits: [],
   setup(t, e) {
-    const o = b(), s = B("design-item-context"), r = H(o, s);
-    return r.value.canNested = !1, r.value.canMove = !1, r.value.canDelete = !1, V(() => {
-      o.value.componentInstance = r;
-    }), e.expose(r.value), () => D(R, {
+    const o = v(), n = B("design-item-context"), s = G(o, n);
+    return s.value.canNested = !1, s.value.canMove = !1, s.value.canDelete = !1, q(() => {
+      o.value.componentInstance = s;
+    }), e.expose(s.value), () => S(R, {
       ref: o
     }, {
       default: () => [e.slots.default && e.slots.default()]
@@ -438,19 +449,19 @@ const Re = /* @__PURE__ */ $({
   }
 }), Pe = {
   install(t) {
-    t.component(S.name, S).component(R.name, R);
+    t.component(D.name, D).component(R.name, R);
   },
-  register(t, e, o, s) {
-    t["response-layout"] = S, t["response-layout-item"] = R, e["response-layout"] = A, e["response-layout-item"] = k;
+  register(t, e, o, n) {
+    t["response-layout"] = D, t["response-layout-item"] = R, e["response-layout"] = k, e["response-layout-item"] = A;
   },
   registerDesigner(t, e, o) {
-    t["response-layout"] = Re, t["response-layout-item"] = $e, e["response-layout"] = A, e["response-layout-item"] = k;
+    t["response-layout"] = Re, t["response-layout-item"] = $e, e["response-layout"] = k, e["response-layout-item"] = A;
   }
 };
 export {
-  S as FResponseLayout,
+  D as FResponseLayout,
   R as FResponseLayoutItem,
   Pe as default,
-  M as responseLayoutProps,
-  A as responseLayoutPropsResolver
+  T as responseLayoutProps,
+  k as responseLayoutPropsResolver
 };

package/components/response-layout/index.umd.cjs

@@ -1 +1 @@
-(function(m,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],p):(m=typeof globalThis<"u"?globalThis:m||self,p(m["response-layout"]={},m.Vue,m.LodashES))})(this,function(m,p,S){"use strict";const E={},F={};function T(t){const{properties:e,title:o,ignore:r}=t,n=r&&Array.isArray(r),f=Object.keys(e).reduce((l,y)=>((!n||!r.find(b=>b==y))&&(l[y]=e[y].type==="object"&&e[y].properties?T(e[y]):S.cloneDeep(e[y].default)),l),{});return o&&(!n||!r.find(l=>l=="id"))&&(f.id=`${o}-${Date.now()}`),f}function V(t,e={},o){const r=E[t];if(r){let n=T(r);const f=F[t];return n=f?f({getSchemaByType:V},n,e,o):n,n}return null}function W(t,e){const o=T(e);return Object.keys(t).reduce((r,n)=>(r[n]&&S.isPlainObject(r[n])&&S.isPlainObject(t[n])?Object.assign(r[n],t[n]):r[n]=t[n],r),o),o}function G(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,n)=>{if(e.has(n)){const f=e.get(n);if(typeof f=="string")r[f]=t[n];else{const l=f(n,t[n],t);Object.assign(r,l)}}else r[n]=t[n];return r},{})}function H(t,e,o=new Map){const r=W(t,e);return G(r,o)}function J(t={}){function e(s,a,i,c){if(typeof i=="number")return c[s].length===i;if(typeof i=="object"){const d=Object.keys(i)[0],h=i[d];if(d==="not")return Number(c[s].length)!==Number(h);if(d==="moreThan")return Number(c[s].length)>=Number(h);if(d==="lessThan")return Number(c[s].length)<=Number(h)}return!1}function o(s,a,i,c){return c[s]&&c[s].propertyValue&&String(c[s].propertyValue.value)===String(i)}const r=new Map([["length",e],["getProperty",o]]);Object.keys(t).reduce((s,a)=>(s.set(a,t[a]),s),r);function n(s,a){const i=s;return typeof a=="number"?[{target:i,operator:"length",param:null,value:Number(a)}]:typeof a=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!a}]:typeof a=="object"?Object.keys(a).map(c=>{if(c==="length")return{target:i,operator:"length",param:null,value:a[c]};const d=c,h=a[c];return{target:i,operator:"getProperty",param:d,value:h}}):[]}function f(s){return Object.keys(s).reduce((i,c)=>{const d=n(c,s[c]);return i.push(...d),i},[])}function l(s,a){if(r.has(s.operator)){const i=r.get(s.operator);return i&&i(s.target,s.param,s.value,a)||!1}return!1}function y(s,a){return f(s).reduce((d,h)=>d&&l(h,a),!0)}function b(s,a){const i=Object.keys(s),c=i.includes("allOf"),d=i.includes("anyOf"),h=c||d,D=(h?s[h?c?"allOf":"anyOf":"allOf"]:[s]).map(N=>y(N,a));return c?!D.includes(!1):D.includes(!0)}return{parseValueSchema:b}}const Q={},U={};J();function q(t,e,o=new Map,r=(l,y,b)=>y,n={},f=l=>l){return E[e.title]=e,F[e.title]=r,Q[e.title]=n,U[e.title]=f,(l={})=>{const y=H(l,e,o),b=Object.keys(t).reduce((s,a)=>(s[a]=t[a].default,s),{});return Object.assign(b,y)}}function X(t,e){return{customClass:e.class,customStyle:e.style}}const w=new Map([["appearance",X]]);function Y(t,e,o){return o.splitter&&(e.contents=String(o.splitter).split(":").map(r=>{const n=t.getSchemaByType("response-layout-item");return n.appearance={class:`h-100 col-${r} px-0`},n})),e}const Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},C={title:"responseLayout",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"ResponseLayout",enum:[]}}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"外联样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"}}},appearanceStyle:{description:"样式",type:"cascade",title:"内联样式",properties:{inlineStyle:{description:"",title:"inlineStyle",type:"custom"}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}},layout:{description:"",title:"布局",properties:{layout:{description:"配置布局容器内区块个数及比例",type:"custom",title:"是否可见",editor:{},editorParams:{layout:[]}}}}}},j={customClass:{type:String,default:""}},M=q(j,Z,w,Y,C),P=p.defineComponent({name:"FResponseLayout",props:j,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}}),K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},O={customClass:{type:String,default:""}},A=q(O,K,w),L=p.defineComponent({name:"FResponseLayoutItem",props:O,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}});function k(t,e,o){var z;function r(){}const n="",f="",l=p.ref();function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function b(){return!1}function s(){return(e==null?void 0:e.schema.componentType)!=="frame"}function a(){return(e==null?void 0:e.schema.componentType)==="frame"}function i(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const g=p.ref(u==null?void 0:u.value.parent),$=i(g);return $||null}function c(u=e){const{componentInstance:g,designerItemElementRef:$}=u;return!g||!g.value?null:g.value.canMove?$:c(u.parent)}function d(u){return!!o}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function v(){}function B(u,g){}function D(u,g){const{componentType:$}=u;let R=V($,u,g);const te=$.toLowerCase().replace("-","_");return R&&!R.id&&R.type===$&&(R.id=`${te}_${Math.random().toString().slice(2,6)}`),R}function _(u){}function N(...u){}return l.value={canMove:y(),canSelectParent:b(),canDelete:s(),canNested:!a(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:f,canAccepts:d,getBelongedComponentInstance:i,getDraggableDesignItemElement:c,getDraggingDisplayText:h,getPropConfig:N,getDragScopeElement:v,onAcceptMovedChildElement:B,onChildElementMovedOut:_,addNewChildComponentSchema:D,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:p.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:p.ref(!1)},l}const I=p.defineComponent({name:"FResponseLayoutDesign",props:j,emits:[],setup(t,e){const o=p.ref(),r=p.inject("design-item-context"),n=k(o,r);return n.value.canNested=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode("div",{ref:o,class:"d-flex response-layout"},[e.slots.default&&e.slots.default()])}}),x=p.defineComponent({name:"FResponseLayoutItemDesign",props:O,emits:[],setup(t,e){const o=p.ref(),r=p.inject("design-item-context"),n=k(o,r);return n.value.canNested=!1,n.value.canMove=!1,n.value.canDelete=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode(L,{ref:o},{default:()=>[e.slots.default&&e.slots.default()]})}}),ee={install(t){t.component(P.name,P).component(L.name,L)},register(t,e,o,r){t["response-layout"]=P,t["response-layout-item"]=L,e["response-layout"]=M,e["response-layout-item"]=A},registerDesigner(t,e,o){t["response-layout"]=I,t["response-layout-item"]=x,e["response-layout"]=M,e["response-layout-item"]=A}};m.FResponseLayout=P,m.FResponseLayoutItem=L,m.default=ee,m.responseLayoutProps=j,m.responseLayoutPropsResolver=M,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],p):(h=typeof globalThis<"u"?globalThis:h||self,p(h["response-layout"]={},h.Vue,h.LodashES))})(this,function(h,p,P){"use strict";const F={},E={};function M(t){const{properties:e,title:o,ignore:s}=t,n=s&&Array.isArray(s),f=Object.keys(e).reduce((u,y)=>((!n||!s.find($=>$===y))&&(u[y]=e[y].type==="object"&&e[y].properties?M(e[y]):P.cloneDeep(e[y].default)),u),{});if(o&&(!n||!s.find(u=>u==="id"))){const u=o.toLowerCase().replace(/-/g,"_");f.id=`${u}_${Math.random().toString().slice(2,6)}`}return f}function q(t,e={},o){const s=F[t];if(s){let n=M(s);const f=E[t];return n=f?f({getSchemaByType:q},n,e,o):n,n}return null}function W(t,e){const o=M(e);return Object.keys(o).reduce((s,n)=>(s[n]&&P.isPlainObject(s[n])&&P.isPlainObject(t[n]||!t[n])?Object.assign(s[n],t[n]||{}):s[n]=t[n],s),o),o}function H(t,e){return Object.keys(t).filter(s=>t[s]!=null).reduce((s,n)=>{if(e.has(n)){const f=e.get(n);if(typeof f=="string")s[f]=t[n];else{const u=f(n,t[n],t);Object.assign(s,u)}}else s[n]=t[n];return s},{})}function G(t,e,o=new Map){const s=W(t,e);return H(s,o)}function J(t={}){function e(r,a,i,c){if(typeof i=="number")return c[r].length===i;if(typeof i=="object"){const d=Object.keys(i)[0],g=i[d];if(d==="not")return Number(c[r].length)!==Number(g);if(d==="moreThan")return Number(c[r].length)>=Number(g);if(d==="lessThan")return Number(c[r].length)<=Number(g)}return!1}function o(r,a,i,c){return c[r]&&c[r].propertyValue&&String(c[r].propertyValue.value)===String(i)}const s=new Map([["length",e],["getProperty",o]]);Object.keys(t).reduce((r,a)=>(r.set(a,t[a]),r),s);function n(r,a){const i=r;return typeof a=="number"?[{target:i,operator:"length",param:null,value:Number(a)}]:typeof a=="boolean"?[{target:i,operator:"getProperty",param:r,value:!!a}]:typeof a=="object"?Object.keys(a).map(c=>{if(c==="length")return{target:i,operator:"length",param:null,value:a[c]};const d=c,g=a[c];return{target:i,operator:"getProperty",param:d,value:g}}):[]}function f(r){return Object.keys(r).reduce((i,c)=>{const d=n(c,r[c]);return i.push(...d),i},[])}function u(r,a){if(s.has(r.operator)){const i=s.get(r.operator);return i&&i(r.target,r.param,r.value,a)||!1}return!1}function y(r,a){return f(r).reduce((d,g)=>d&&u(g,a),!0)}function $(r,a){const i=Object.keys(r),c=i.includes("allOf"),d=i.includes("anyOf"),g=c||d,v=(g?r[g?c?"allOf":"anyOf":"allOf"]:[r]).map(N=>y(N,a));return c?!v.includes(!1):v.includes(!0)}return{parseValueSchema:$}}const Q={},U={};J();function V(t,e,o=new Map,s=(u,y,$,r)=>y,n={},f=u=>u){return F[e.title]=e,E[e.title]=s,Q[e.title]=n,U[e.title]=f,(u={})=>{const y=G(u,e,o),$=Object.keys(t).reduce((r,a)=>(r[a]=t[a].default,r),{});return Object.assign($,y)}}function X(t,e){return{customClass:e.class,customStyle:e.style}}const w=new Map([["appearance",X]]);function Y(t,e,o){return o.splitter&&(e.contents=String(o.splitter).split(":").map(s=>{const n=t.getSchemaByType("response-layout-item");return n.appearance={class:`h-100 col-${s} px-0`},n})),e}const Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout.schema.json",title:"response-layout",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout",type:"string"},type:{description:"The type string of Respnse Layout component",type:"string",default:"response-layout"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},C={title:"responseLayout",description:"A Farris Container Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"ResponseLayout",enum:[]}}}},appearance:{description:"",title:"外观",properties:{appearance:{description:"",type:"cascade",title:"外联样式",properties:{class:{description:"组件的CSS样式",title:"class样式",type:"string"}}},appearanceStyle:{description:"样式",type:"cascade",title:"内联样式",properties:{inlineStyle:{description:"",title:"inlineStyle",type:"custom"}}}}},behavior:{description:"",title:"行为",properties:{visible:{description:"运行时组件是否可见",type:"boolean",title:"是否可见"}}},layout:{description:"",title:"布局",properties:{layout:{description:"配置布局容器内区块个数及比例",type:"custom",title:"是否可见",editor:{},editorParams:{layout:[]}}}}}},j={customClass:{type:String,default:""}},T=V(j,Z,w,Y,C),S=p.defineComponent({name:"FResponseLayout",props:j,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}}),K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-item.schema.json",title:"response-layout-item",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Respnse Layout Item",type:"string"},type:{description:"The type string of Respnse Layout Item component",type:"string",default:"response-layout-item"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},D={customClass:{type:String,default:""}},k=V(D,K,w),R=p.defineComponent({name:"FResponseLayoutItem",props:D,emits:[],setup(t,e){return()=>p.createVNode("div",{class:t.customClass},[e.slots.default&&e.slots.default()])}});function A(t,e,o){var z;const s="",n="",f=p.ref();function u(){return(e==null?void 0:e.schema.componentType)!=="frame"}function y(){return!1}function $(){return(e==null?void 0:e.schema.componentType)!=="frame"}function r(){return(e==null?void 0:e.schema.componentType)==="frame"}function a(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const b=p.ref(l==null?void 0:l.value.parent),m=a(b);return m||null}function i(l=e){const{componentInstance:b,designerItemElementRef:m}=l;return!b||!b.value?null:b.value.canMove?m:i(l.parent)}function c(l){return!!o}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function g(){}function O(l,b){}function B(l,b){const{componentType:m}=l;let L=q(m,l,b);const te=m.toLowerCase().replace(/-/g,"_");return L&&!L.id&&L.type===m&&(L.id=`${te}_${Math.random().toString().slice(2,6)}`),L}function v(l){}function _(...l){}function N(){e!=null&&e.schema.contents&&e.schema.contents.map(l=>{var L;let b=l.id;l.type==="component-ref"&&(b=l.component);const m=t.value.querySelector(`#${b}-design-item`);(L=m==null?void 0:m.componentInstance)!=null&&L.value.onRemoveComponent&&m.componentInstance.value.onRemoveComponent()})}return f.value={canMove:u(),canSelectParent:y(),canDelete:$(),canNested:!r(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(z=e==null?void 0:e.parent)==null?void 0:z.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:n,canAccepts:c,getBelongedComponentInstance:a,getDraggableDesignItemElement:i,getDraggingDisplayText:d,getPropConfig:_,getDragScopeElement:g,onAcceptMovedChildElement:O,onChildElementMovedOut:v,addNewChildComponentSchema:B,triggerBelongedComponentToMoveWhenMoved:p.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:p.ref(!1),onRemoveComponent:N},f}const I=p.defineComponent({name:"FResponseLayoutDesign",props:j,emits:[],setup(t,e){const o=p.ref(),s=p.inject("design-item-context"),n=A(o,s);return n.value.canNested=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode("div",{ref:o,class:"d-flex response-layout"},[e.slots.default&&e.slots.default()])}}),x=p.defineComponent({name:"FResponseLayoutItemDesign",props:D,emits:[],setup(t,e){const o=p.ref(),s=p.inject("design-item-context"),n=A(o,s);return n.value.canNested=!1,n.value.canMove=!1,n.value.canDelete=!1,p.onMounted(()=>{o.value.componentInstance=n}),e.expose(n.value),()=>p.createVNode(R,{ref:o},{default:()=>[e.slots.default&&e.slots.default()]})}}),ee={install(t){t.component(S.name,S).component(R.name,R)},register(t,e,o,s){t["response-layout"]=S,t["response-layout-item"]=R,e["response-layout"]=T,e["response-layout-item"]=k},registerDesigner(t,e,o){t["response-layout"]=I,t["response-layout-item"]=x,e["response-layout"]=T,e["response-layout-item"]=k}};h.FResponseLayout=S,h.FResponseLayoutItem=R,h.default=ee,h.responseLayoutProps=j,h.responseLayoutPropsResolver=T,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});