@farris/ui-vue 1.2.9 → 1.3.1

package/components/component/index.umd.cjs

@@ -1 +1 @@
-(function(T,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],$):(T=typeof globalThis<"u"?globalThis:T||self,$(T.component={},T.Vue,T.LodashES))})(this,function(T,$,Q){"use strict";const q={},_={};function V(r){const{properties:e,title:t,ignore:c}=r,p=c&&Array.isArray(c),b=Object.keys(e).reduce((h,j)=>((!p||!c.find(v=>v==j))&&(h[j]=e[j].type==="object"&&e[j].properties?V(e[j]):Q.cloneDeep(e[j].default)),h),{});return(!p||!c.find(h=>h=="id"))&&(b.id=`${t}-${Date.now()}`),b}function k(r,e={},t){const c=q[r];if(c){let p=V(c);const b=_[r];return p=b?b({getSchemaByType:k},p,e,t):p,p}return null}function U(r,e){const t=V(e);return Object.keys(r).reduce((c,p)=>(c[p]&&typeof c[p]=="object"?Object.assign(c[p],r[p]):c[p]=r[p],c),t),t}function X(r,e){return Object.keys(r).filter(c=>r[c]!=null).reduce((c,p)=>{if(e.has(p)){const b=e.get(p);if(typeof b=="string")c[b]=r[p];else{const h=b(p,r[p],r);Object.assign(c,h)}}else c[p]=r[p];return c},{})}function Y(r,e,t=new Map){const c=U(r,e);return X(c,t)}function Z(r={}){function e(a,f,l,d){if(typeof l=="number")return d[a].length===l;if(typeof l=="object"){const m=Object.keys(l)[0],n=l[m];if(m==="not")return Number(d[a].length)!==Number(n);if(m==="moreThan")return Number(d[a].length)>=Number(n);if(m==="lessThan")return Number(d[a].length)<=Number(n)}return!1}function t(a,f,l,d){return d[a]&&d[a].propertyValue&&String(d[a].propertyValue.value)===String(l)}const c=new Map([["length",e],["getProperty",t]]);Object.keys(r).reduce((a,f)=>(a.set(f,r[f]),a),c);function p(a,f){const l=a;return typeof f=="number"?[{target:l,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:l,operator:"getProperty",param:a,value:!!f}]:typeof f=="object"?Object.keys(f).map(d=>{if(d==="length")return{target:l,operator:"length",param:null,value:f[d]};const m=d,n=f[d];return{target:l,operator:"getProperty",param:m,value:n}}):[]}function b(a){return Object.keys(a).reduce((l,d)=>{const m=p(d,a[d]);return l.push(...m),l},[])}function h(a,f){if(c.has(a.operator)){const l=c.get(a.operator);return l&&l(a.target,a.param,a.value,f)||!1}return!1}function j(a,f){return b(a).reduce((m,n)=>m&&h(n,f),!0)}function v(a,f){const l=Object.keys(a),d=l.includes("allOf"),m=l.includes("anyOf"),n=d||m,i=(n?a[n?d?"allOf":"anyOf":"allOf"]:[a]).map(y=>j(y,f));return d?!i.includes(!1):i.includes(!0)}return{parseValueSchema:v}}const R={},K={};Z();function W(r,e,t=new Map,c=(h,j,v)=>j,p={},b=h=>h){return q[e.title]=e,_[e.title]=c,R[e.title]=p,K[e.title]=b,(h={})=>{const j=Y(h,e,t),v=Object.keys(r).reduce((a,f)=>(a[f]=r[f].default,a),{});return Object.assign(v,j)}}function x(r,e){return{customClass:e.class,customStyle:e.style}}const J=new Map([["appearance",x]]),I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a component",type:"string"},type:{description:"The type string of component",type:"string",default:"component"},componentType:{description:"The type string of component",type:"string"},viewModel:{description:"The viewModel string of component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]};function z(r,e,t){return e}const ee={title:"accordion",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:"combo-list",textField:"value",valueField:"key",data:[{key:"component",value:"组件"}]}}}},appearance:{description:"",title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}}}}},S={id:{type:String},customClass:{type:String,default:""},componentType:{type:String,default:""}},F=W(S,I,J,z,ee),N=$.defineComponent({name:"FComponent",props:S,emits:["init","afterViewInit"],setup(r,e){return $.onBeforeMount(()=>{e.emit("init",r.id)}),$.onMounted(()=>{e.emit("afterViewInit",r.id)}),()=>$.createVNode("div",{class:r.customClass},[e.slots.default&&e.slots.default()])}});function te(r,e,t){var w;function c(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}c();const p=t&&t.getStyles&&t.getStyles()||"",b=t&&t.getDesignerClass&&t.getDesignerClass()||"",h=$.ref();function j(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function v(){return!1}function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function f(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function l(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const A=$.ref(u==null?void 0:u.value.parent),C=l(A);return C||null}function d(u=e){const{componentInstance:A,designerItemElementRef:C}=u;return!A||!A.value?null:A.value.canMove?C:d(u.parent)}function m(u){return!!t&&t.canAccepts(u)}function n(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function s(){}function o(u,A){A&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(A)}function i(u,A){const{componentType:C}=u;let D=k(C,u,A);t&&t.onResolveNewComponentSchema&&(D=t.onResolveNewComponentSchema(u,D));const M=C.toLowerCase().replace("-","_");return D&&!D.id&&D.type===C&&(D.id=`${M}_${Math.random().toString().slice(2,6)}`),D}function g(u,A){const C=String(u.getAttribute("data-controltype")),D=u.getAttribute("data-feature"),M=D?JSON.parse(D):{};M.parentComponentInstance=h.value;let O=k(C,M);t&&t.onAcceptNewChildElement&&(O=t.onAcceptNewChildElement(u,A,O));const E=C.toLowerCase().replace("-","_");return O&&!O.id&&O.type===C&&(O.id=`${E}_${Math.random().toString().slice(2,6)}`),O}function y(u){}function P(...u){if(t&&t.getPropsConfig)return t.getPropsConfig(...u)}return h.value={canMove:j(),canSelectParent:v(),canDelete:a(),canNested:!f(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(w=e==null?void 0:e.parent)==null?void 0:w.componentInstance,schema:e==null?void 0:e.schema,styles:p,designerClass:b,canAccepts:m,getBelongedComponentInstance:l,getDraggableDesignItemElement:d,getDraggingDisplayText:n,getPropConfig:P,getDragScopeElement:s,onAcceptMovedChildElement:o,onAcceptNewChildElement:g,onChildElementMovedOut:y,addNewChildComponentSchema:i,updateDragAndDropRules:c,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||$.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||$.ref(!1)},h}const ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},L=new Map;function oe(){function r(n,s,o,i){var g;if(typeof o=="number")return((g=i[n])==null?void 0:g.length)===o;if(typeof o=="object"){const y=Object.keys(o)[0],P=o[y];if(y==="not")return Number(i[n].length)!==Number(P);if(y==="moreThan")return Number(i[n].length)>=Number(P);if(y==="lessThan")return Number(i[n].length)<=Number(P)}return!1}function e(n,s,o,i){return typeof o=="boolean"?i.childrenClassList.includes(s)===!!o:!1}function t(n,s,o,i){return typeof o=="boolean"?i.parentClassList.includes(s)===!!o:!1}function c(n,s,o,i){return typeof o=="boolean"?i.parentClassList.includes(s)===!!o:!1}const p=new Map([["length",r],["hasChildren",e],["hasSibling",c],["hasParent",t]]);function b(n,s){const o=n;return typeof s=="number"?[{target:o,operator:"length",param:null,value:Number(s)}]:typeof s=="object"?Object.keys(s).map(i=>{if(i==="length")return{target:o,operator:"length",param:null,value:s[i]};const g=i,y=s[i];return{target:o,operator:n==="children"?"hasChildren":n==="parent"?"hasParent":"hasSibling",param:g,value:y}}):[]}function h(n,s){if(p.has(n.operator)){const o=p.get(n.operator);return o&&o(n.target,n.param,n.value,s)||!1}return!1}function j(n,s){return Object.keys(n).reduce((y,P)=>{const w=b(P,n[P]);return y.push(...w),y},[]).reduce((y,P)=>y&&h(P,s),!0)}function v(n,s){const o=Object.keys(n),i=o.includes("allOf"),g=o.includes("anyOf"),y=i||g,u=(y?n[y?i?"allOf":"anyOf":"allOf"]:[n]).map(C=>j(C,s));return i?!u.includes(!1):u.includes(!0)}function a(n,s){const o=n.const;return o?typeof o=="boolean"?o:typeof o=="object"?v(o,s):!1:!1}function f(n){return s=>{const o={canAccept:!0,fixed:!1,hidePadding:!1};return n&&n.properties&&Object.keys(n.properties).reduce((i,g)=>{const y=n.properties[g];return i[g]=a(y,s),i},o),o}}function l(n,s,o){if(s.type==="object"&&s.properties){const{rules:i,contents:g}=s.properties;o.set(n,f(i)),g&&Object.keys(g.properties).forEach(y=>l(y,g.properties[y],o))}}function d(){const{properties:n}=ne;Object.keys(n).forEach(s=>{l(s,n[s],L)})}function m(n,s){const o={canAccept:!0,fixed:!1,hidePadding:!0};return L.has(n)?L.get(n)(s):o}return d(),{getRuleValue:m}}function re(r){const e=oe();let t=!1,c,p=!1;const b=!1;function h(){return!1}function j(){return b||!p}function v(){return!p}function a(){var M,O;p=!1;const l=r.schema,d=l.appearance&&l.appearance.class||"",m=d.split(" "),n=l.contents||[],s=n.length?n[0]:null,o=s&&s.appearance?s.appearance.class:"",i=o?o.split(" "):[],g=n.length?n.reduce((E,B)=>{const H=B&&B.appearance?B.appearance.class:"",pe=H?H.split(" "):[];return E.push(...pe),E},[]):[];if(((O=(M=r.parent)==null?void 0:M.schema)==null?void 0:O.type)!=="component-ref"){t=!0,p=!0;return}const y=r.parent.parent,P=y&&y.schema,w=P&&P.appearance?P.appearance.class:"",u=w?w.split(" "):[];c={componentClass:d,componentClassList:m,childContents:n,firstChildContent:s,firstChildClass:o,firstChildClassList:i,parent:P,parentClass:w,parentClassList:u,children:n,childrenClassList:g};const{canAccept:A,fixed:C,hidePadding:D}=e.getRuleValue(m[0],c);t=D,p=C}function f(){return t}return{canAccepts:h,checkCanDeleteComponent:j,checkCanMoveComponent:v,resolveComponentContext:a,hideNestedPaddingInDesginerView:f}}const G=$.defineComponent({name:"FComponetDesign",props:S,emits:[],setup(r,e){const t=$.ref(),c=$.inject("design-item-context"),p=re(c),b=te(t,c,p);return $.onMounted(()=>{t.value.componentInstance=b}),e.expose(b.value),()=>$.createVNode("div",{ref:t,class:"drag-container","data-dragref":`${c.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),ce=W({id:{type:String},component:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component-ref",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"component-ref"},component:{description:"",type:"string",default:""}},required:["id","type","component"]},J,z),se={install(r){r.component(N.name,N)},register(r,e,t,c){r.component=N,e.component=F},registerDesigner(r,e){r.component=G,e.component=F,e["component-ref"]=ce}};T.Component=N,T.ComponentDesign=G,T.componentProps=S,T.default=se,T.propsResolver=F,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(y,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],u):(y=typeof globalThis<"u"?globalThis:y||self,u(y.component={},y.Vue,y.LodashES))})(this,function(y,u,b){"use strict";var re=Object.defineProperty;var ie=(y,u,b)=>u in y?re(y,u,{enumerable:!0,configurable:!0,writable:!0,value:b}):y[u]=b;var C=(y,u,b)=>ie(y,typeof u!="symbol"?u+"":u,b);const B={},A={};function $(a){const{properties:e,title:t,ignore:n}=a,o=n&&Array.isArray(n),i=Object.keys(e).reduce((r,f)=>((!o||!n.find(d=>d==f))&&(r[f]=e[f].type==="object"&&e[f].properties?$(e[f]):b.cloneDeep(e[f].default)),r),{});return t&&(!o||!n.find(r=>r=="id"))&&(i.id=`${t}-${Date.now()}`),i}function j(a,e={},t){const n=B[a];if(n){let o=$(n);const i=A[a];return o=i?i({getSchemaByType:j},o,e,t):o,o}return null}function G(a,e){const t=$(e);return Object.keys(a).reduce((n,o)=>(n[o]&&b.isPlainObject(n[o])&&b.isPlainObject(a[o])?Object.assign(n[o],a[o]):n[o]=a[o],n),t),t}function W(a,e){return Object.keys(a).filter(n=>a[n]!=null).reduce((n,o)=>{if(e.has(o)){const i=e.get(o);if(typeof i=="string")n[i]=a[o];else{const r=i(o,a[o],a);Object.assign(n,r)}}else n[o]=a[o];return n},{})}function _(a,e,t=new Map){const n=G(a,e);return W(n,t)}function R(a={}){function e(c,s,p,l){if(typeof p=="number")return l[c].length===p;if(typeof p=="object"){const h=Object.keys(p)[0],g=p[h];if(h==="not")return Number(l[c].length)!==Number(g);if(h==="moreThan")return Number(l[c].length)>=Number(g);if(h==="lessThan")return Number(l[c].length)<=Number(g)}return!1}function t(c,s,p,l){return l[c]&&l[c].propertyValue&&String(l[c].propertyValue.value)===String(p)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(a).reduce((c,s)=>(c.set(s,a[s]),c),n);function o(c,s){const p=c;return typeof s=="number"?[{target:p,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:p,operator:"getProperty",param:c,value:!!s}]:typeof s=="object"?Object.keys(s).map(l=>{if(l==="length")return{target:p,operator:"length",param:null,value:s[l]};const h=l,g=s[l];return{target:p,operator:"getProperty",param:h,value:g}}):[]}function i(c){return Object.keys(c).reduce((p,l)=>{const h=o(l,c[l]);return p.push(...h),p},[])}function r(c,s){if(n.has(c.operator)){const p=n.get(c.operator);return p&&p(c.target,c.param,c.value,s)||!1}return!1}function f(c,s){return i(c).reduce((h,g)=>h&&r(g,s),!0)}function d(c,s){const p=Object.keys(c),l=p.includes("allOf"),h=p.includes("anyOf"),g=l||h,P=(g?c[g?l?"allOf":"anyOf":"allOf"]:[c]).map(E=>f(E,s));return l?!P.includes(!1):P.includes(!0)}return{parseValueSchema:d}}const z={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},J={},Q={};R();function F(a,e,t=new Map,n=(r,f,d)=>f,o={},i=r=>r){return B[e.title]=e,A[e.title]=n,J[e.title]=o,Q[e.title]=i,(r={})=>{const f=_(r,e,t),d=Object.keys(a).reduce((c,s)=>(c[s]=a[s].default,c),{});return Object.assign(d,f)}}function X(a,e){return{customClass:e.class,customStyle:e.style}}const O=new Map([["appearance",X]]),Y={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a component",type:"string"},type:{description:"The type string of component",type:"string",default:"component"},componentType:{description:"The type string of component",type:"string"},viewModel:{description:"The viewModel string of component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0},onInit:{description:"初始化事件",type:"string",default:""},onAfterViewInit:{description:"视图初始化后事件",type:"string",default:""}},required:["id","type","contents"]};function N(a,e,t){return e}const T={id:{type:String},customClass:{type:String,default:""},componentType:{type:String,default:""},formColumns:{type:Number,default:4}},k=F(T,Y,O,N),Z=Object.assign({},T,{componentId:{type:String,default:""}}),V=u.defineComponent({name:"FComponent",props:T,emits:["init","afterViewInit"],setup(a,e){return u.onBeforeMount(()=>{e.emit("init",a.id)}),u.onMounted(()=>{e.emit("afterViewInit",a.id)}),()=>u.createVNode("div",{class:a.customClass},[e.slots.default&&e.slots.default()])}});function H(a,e,t){var q;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const o=t&&t.getStyles&&t.getStyles()||"",i=t&&t.getDesignerClass&&t.getDesignerClass()||"",r=u.ref();function f(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function d(){return!1}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function s(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function p(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const v=u.ref(m==null?void 0:m.value.parent),M=p(v);return M||null}function l(m=e){const{componentInstance:v,designerItemElementRef:M}=m;return!v||!v.value?null:v.value.canMove?M:l(m.parent)}function h(m){return!!t&&t.canAccepts(m)}function g(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function D(){}function L(m,v){v&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(v)}function P(m,v){const{componentType:M}=m;let w=j(M,m,v);t&&t.onResolveNewComponentSchema&&(w=t.onResolveNewComponentSchema(m,w));const oe=M.toLowerCase().replace("-","_");return w&&!w.id&&w.type===M&&(w.id=`${oe}_${Math.random().toString().slice(2,6)}`),w}function S(m){}function E(...m){if(t&&t.getPropsConfig)return t.getPropsConfig(...m)}return r.value={canMove:f(),canSelectParent:d(),canDelete:c(),canNested:!s(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:(q=e==null?void 0:e.parent)==null?void 0:q.componentInstance,schema:e==null?void 0:e.schema,styles:o,designerClass:i,canAccepts:h,getBelongedComponentInstance:p,getDraggableDesignItemElement:l,getDraggingDisplayText:g,getPropConfig:E,getDragScopeElement:D,onAcceptMovedChildElement:L,onChildElementMovedOut:S,addNewChildComponentSchema:P,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||u.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||u.ref(!1)},r}class K{getTemplateRule(e,t){const n=t==null?void 0:t.formSchemaUtils,o=n==null?void 0:n.getFormTemplateRule(),i={canAccept:!0,canDelete:!0,canMove:!0};if(!o)return i;const r=this.getComponentContext(e);return r.componentClassList.forEach(d=>{if(!d||!o[d])return;const{canMove:c,canDelete:s,canAccept:p}=o[d];i.canMove=i.canMove&&this.resolveRuleValue(c,r),i.canDelete=i.canDelete&&this.resolveRuleValue(s,r),i.canAccept=i.canAccept&&this.resolveRuleValue(p,r)}),i}resolveRuleValue(e,t){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,t)}parseRuleValueSchema(e,t){const n=e.invalidContext||[];let o=!0;for(const i of n){if(i.firstLevelChild){if(i.firstLevelChild.class){const r=t.firstLevelChildClassList;if(r&&!r.includes(i.firstLevelChild.class)){o=!1;continue}}if(i.firstLevelChild.type){const r=t.firstLevelChildSchema;if(r&&r.type!==i.firstLevelChild.type){o=!1;continue}}}if(i.secondLevelChild){if(i.secondLevelChild.class){const r=t.secondLevelChildClassList;if(r&&!r.includes(i.secondLevelChild.class)){o=!1;continue}}if(i.secondLevelChild.type){const r=t.secondLevelChildSchema;if(r&&r.type!==i.secondLevelChild.type){o=!1;continue}}}if(i.parent){if(i.parent.class){const r=t.parentClassList;if(r&&!r.includes(i.parent.class)){o=!1;continue}}if(i.parent.type){const r=t.parentSchema;if(r&&r.type!==i.parent.type){o=!1;continue}}}o=!0;break}return!o}getComponentContext(e){var D,L,P,S;const t=e.schema,n=t.appearance&&t.appearance.class||"",o=n.split(" ")||[],i=t.contents||[],r=i.length?i[0]:null,f=r&&r.appearance?r.appearance.class:"",d=f?f.split(" "):[],c=(D=r==null?void 0:r.contents)!=null&&D.length?r==null?void 0:r.contents[0]:null,s=c&&c.appearance?c.appearance.class:"",p=s?s.split(" "):[],l=t.type==="component"?(P=(L=e.parent)==null?void 0:L.parent)==null?void 0:P.schema:(S=e.parent)==null?void 0:S.schema,h=l&&l.appearance&&l.appearance.class||"",g=h?h.split(" "):[];return{componentClass:n,componentClassList:o,childContents:i,firstLevelChildSchema:r,firstLevelChildClass:f,firstLevelChildClassList:d,secondLevelChildSchema:c,secondLevelChildClass:s,secondLevelChildClassList:p,parentSchema:l,parentClass:h,parentClassList:g}}}class I{constructor(e,t){C(this,"componentId");C(this,"viewModelId");C(this,"eventsEditorUtils");C(this,"formSchemaUtils");C(this,"formMetadataConverter");C(this,"designViewModelUtils");C(this,"designViewModelField");C(this,"controlCreatorUtils");C(this,"designerHostService");C(this,"schemaService",null);C(this,"metadataService",null);C(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(o=>o.id===t)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,t){}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:e.type,name:z[e.type].name}]}}}}}getAppearanceConfig(e=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const o=n.contents.findIndex(r=>r.id===e),i=b.cloneDeep(n.contents[o]);n.contents.splice(o,1),n.contents.splice(o,0,i)}}class x extends I{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.getEventPropConfig(e),this.propertyConfig}getEventPropConfig(e){const t=[{label:"onInit",name:"初始化事件"},{label:"onAfterViewInit",name:"视图初始化后事件"}];var n=this;const o=n.eventsEditorUtils.formProperties(e,n.viewModelId,t),i={};i[n.viewModelId]={type:"events-editor",editor:{initialData:o}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:i,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(r,f){const d=r.propertyValue;delete e[n.viewModelId],d&&(d.setPropertyRelates=this.setPropertyRelates,n.eventsEditorUtils.saveRelatedParameters(e,n.viewModelId,d.events,d))}}}}function ee(a,e){const t=new K,{canMove:n,canDelete:o}=t.getTemplateRule(a,e);function i(){return!1}function r(){return o}function f(){return n}function d(){return!1}function c(){return" display: inherit;flex-direction: inherit;margin-bottom:10px"}function s(p){const l=new x(p,e),h=a.schema;return l.getPropertyConfig(h)}return{canAccepts:i,checkCanDeleteComponent:r,checkCanMoveComponent:f,hideNestedPaddingInDesginerView:d,getStyles:c,getPropsConfig:s}}const U=u.defineComponent({name:"FComponetDesign",props:T,emits:[],setup(a,e){const t=u.ref(),n=u.inject("designer-host-service"),o=u.inject("design-item-context"),i=ee(o,n),r=H(t,o,i);return u.onMounted(()=>{t.value.componentInstance=r}),e.expose(r.value),()=>u.createVNode("div",{ref:t,class:"drag-container","data-dragref":`${o.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),te=F({id:{type:String},component:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component-ref",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"component-ref"},component:{description:"",type:"string",default:""}},required:["id","type","component"]},O,N),ne={install(a){a.component(V.name,V)},register(a,e,t,n){a.component=V,e.component=k},registerDesigner(a,e){a.component=U,e.component=k,e["component-ref"]=te}};y.Component=V,y.ComponentDesign=U,y.componentDesignProps=Z,y.componentProps=T,y.default=ne,y.propsResolver=k,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/condition/index.css

@@ -0,0 +1 @@
+.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}