@farris/ui-vue 1.2.5 → 1.2.7

package/components/component/index.esm.js

@@ -173,8 +173,15 @@ const ie = "accordion", le = "A Farris Component", ue = "object", fe = {
         title: "控件类型",
         type: "select",
         editor: {
-          type: "waiting for modification",
-          enum: []
+          type: "combo-list",
+          textField: "value",
+          valueField: "key",
+          data: [
+            {
+              key: "component",
+              value: "组件"
+            }
+          ]
         }
       }
     }
@@ -240,12 +247,12 @@ function ye(c, e, t) {
       return null;
     if (f.value.schema && f.value.schema.type === "component")
       return f.value;
-    const v = M(f == null ? void 0 : f.value.parent), h = l(v);
+    const C = M(f == null ? void 0 : f.value.parent), h = l(C);
     return h || null;
   }
   function u(f = e) {
-    const { componentInstance: v, designerItemElementRef: h } = f;
-    return !v || !v.value ? null : v.value.canMove ? h : u(f.parent);
+    const { componentInstance: C, designerItemElementRef: h } = f;
+    return !C || !C.value ? null : C.value.canMove ? h : u(f.parent);
   }
   function g(f) {
     return !!t && t.canAccepts(f);
@@ -255,27 +262,27 @@ function ye(c, e, t) {
   }
   function r() {
   }
-  function o(f, v) {
-    v && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(v);
+  function o(f, C) {
+    C && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(C);
   }
   function p(f) {
-    const { componentType: v } = f;
-    let h = $(v, f);
+    const { componentType: C } = f;
+    let h = $(C, f);
     t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(f, h));
-    const O = v.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === v && (h.id = `${O}_${Math.random().toString().slice(2, 6)}`), h;
+    const O = C.toLowerCase().replace("-", "_");
+    return h && !h.id && h.type === C && (h.id = `${O}_${Math.random().toString().slice(2, 6)}`), h;
   }
-  function j(f, v) {
+  function j(f, C) {
     const h = String(f.getAttribute("data-controltype")), O = f.getAttribute("data-feature"), w = O ? JSON.parse(O) : {};
     w.parentComponentInstance = m.value;
     let A = $(h, w);
-    t && t.onAcceptNewChildElement && (A = t.onAcceptNewChildElement(f, v, A));
+    t && t.onAcceptNewChildElement && (A = t.onAcceptNewChildElement(f, C, A));
     const N = h.toLowerCase().replace("-", "_");
     return A && !A.id && A.type === h && (A.id = `${N}_${Math.random().toString().slice(2, 6)}`), A;
   }
   function b(f) {
   }
-  function C(...f) {
+  function v(...f) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...f);
   }
@@ -294,7 +301,7 @@ function ye(c, e, t) {
     getBelongedComponentInstance: l,
     getDraggableDesignItemElement: u,
     getDraggingDisplayText: n,
-    getPropConfig: C,
+    getPropConfig: v,
     getDragScopeElement: r,
     onAcceptMovedChildElement: o,
     onAcceptNewChildElement: j,
@@ -305,7 +312,7 @@ function ye(c, e, t) {
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
   }, m;
 }
-const be = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/dragging-rules.schema.json", me = "Dragging Rules", ge = "The rules of designer canvas", je = "object", Ce = {
+const be = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/dragging-rules.schema.json", me = "Dragging Rules", ge = "The rules of designer canvas", je = "object", ve = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -869,14 +876,14 @@ const be = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
     description: "",
     type: "object"
   }
-}, ve = [], Pe = {
+}, Ce = [], Pe = {
   $schema: be,
   $id: he,
   title: me,
   description: ge,
   type: je,
-  properties: Ce,
-  required: ve
+  properties: ve,
+  required: Ce
 }, E = /* @__PURE__ */ new Map();
 function Ae() {
   function c(n, r, o, p) {
@@ -884,13 +891,13 @@ function Ae() {
     if (typeof o == "number")
       return ((j = p[n]) == null ? void 0 : j.length) === o;
     if (typeof o == "object") {
-      const b = Object.keys(o)[0], C = o[b];
+      const b = Object.keys(o)[0], v = o[b];
       if (b === "not")
-        return Number(p[n].length) !== Number(C);
+        return Number(p[n].length) !== Number(v);
       if (b === "moreThan")
-        return Number(p[n].length) >= Number(C);
+        return Number(p[n].length) >= Number(v);
       if (b === "lessThan")
-        return Number(p[n].length) <= Number(C);
+        return Number(p[n].length) <= Number(v);
     }
     return !1;
   }
@@ -926,10 +933,10 @@ function Ae() {
     return !1;
   }
   function P(n, r) {
-    return Object.keys(n).reduce((b, C) => {
-      const T = y(C, n[C]);
+    return Object.keys(n).reduce((b, v) => {
+      const T = y(v, n[v]);
       return b.push(...T), b;
-    }, []).reduce((b, C) => b && m(C, r), !0);
+    }, []).reduce((b, v) => b && m(v, r), !0);
   }
   function D(n, r) {
     const o = Object.keys(n), p = o.includes("allOf"), j = o.includes("anyOf"), b = p || j, f = (b ? n[b ? p ? "allOf" : "anyOf" : "allOf"] : [n]).map((h) => P(h, r));
@@ -986,7 +993,7 @@ function De(c, e) {
     const u = c, g = u.appearance && u.appearance.class || "", n = g.split(" "), r = u.contents || [], o = r.length ? r[0] : null, p = o && o.appearance ? o.appearance.class : "", j = p ? p.split(" ") : [], b = r.length ? r.reduce((w, A) => {
       const N = A && A.appearance ? A.appearance.class : "", J = N ? N.split(" ") : [];
       return w.push(...J), w;
-    }, []) : [], C = e, T = C && C.appearance && C.appearance.class || "", f = T ? T.split(" ") : [];
+    }, []) : [], v = e, T = v && v.appearance && v.appearance.class || "", f = T ? T.split(" ") : [];
     i = {
       componentClass: g,
       componentClassList: n,
@@ -994,13 +1001,13 @@ function De(c, e) {
       firstChildContent: o,
       firstChildClass: p,
       firstChildClassList: j,
-      parent: C,
+      parent: v,
       parentClass: T,
       parentClassList: f,
       children: r,
       childrenClassList: b
     };
-    const { canAccept: v, fixed: h, hidePadding: O } = t.getRuleValue(n[0], i);
+    const { canAccept: C, fixed: h, hidePadding: O } = t.getRuleValue(n[0], i);
     return s = O, y = h, !0;
   }
   function l() {

package/components/component/index.umd.cjs

@@ -1 +1 @@
-(function($,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],C):($=typeof globalThis<"u"?globalThis:$||self,C($.component={},$.Vue,$.LodashES))})(this,function($,C,W){"use strict";const F={},q={};function V(c){const{properties:e,title:t}=c,s=Object.keys(e).reduce((i,y)=>(i[y]=e[y].type==="object"&&e[y].properties?V(e[y]):W.cloneDeep(e[y].default),i),{});return s.id=`${t}-${Date.now()}`,s}function k(c,e={}){const t=F[c];if(t){let s=V(t);const i=q[c];return s=i?i({getSchemaByType:k},s,e):s,s}return null}function J(c,e){const t=V(e);return Object.keys(c).reduce((s,i)=>(s[i]=c[i],s),t),t}function z(c,e){return Object.keys(c).filter(s=>c[s]!=null).reduce((s,i)=>{if(e.has(i)){const y=e.get(i);if(typeof y=="string")s[y]=c[i];else{const m=y(i,c[i],c);Object.assign(s,m)}}else s[i]=c[i];return s},{})}function G(c,e,t=new Map){const s=J(c,e);return z(s,t)}function H(c={}){function e(p,d,l,u){if(typeof l=="number")return u[p].length===l;if(typeof l=="object"){const g=Object.keys(l)[0],n=l[g];if(g==="not")return Number(u[p].length)!==Number(n);if(g==="moreThan")return Number(u[p].length)>=Number(n);if(g==="lessThan")return Number(u[p].length)<=Number(n)}return!1}function t(p,d,l,u){return u[p]&&u[p].propertyValue&&String(u[p].propertyValue.value)===String(l)}const s=new Map([["length",e],["getProperty",t]]);Object.keys(c).reduce((p,d)=>(p.set(d,c[d]),p),s);function i(p,d){const l=p;return typeof d=="number"?[{target:l,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:l,operator:"getProperty",param:p,value:!!d}]:typeof d=="object"?Object.keys(d).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:d[u]};const g=u,n=d[u];return{target:l,operator:"getProperty",param:g,value:n}}):[]}function y(p){return Object.keys(p).reduce((l,u)=>{const g=i(u,p[u]);return l.push(...g),l},[])}function m(p,d){if(s.has(p.operator)){const l=s.get(p.operator);return l&&l(p.target,p.param,p.value,d)||!1}return!1}function T(p,d){return y(p).reduce((g,n)=>g&&m(n,d),!0)}function D(p,d){const l=Object.keys(p),u=l.includes("allOf"),g=l.includes("anyOf"),n=u||g,a=(n?p[n?u?"allOf":"anyOf":"allOf"]:[p]).map(h=>T(h,d));return u?!a.includes(!1):a.includes(!0)}return{parseValueSchema:D}}const Q={},U={};H();function X(c,e,t=new Map,s=(m,T,D)=>T,i={},y=m=>m){return F[e.title]=e,q[e.title]=s,Q[e.title]=i,U[e.title]=y,(m={})=>{const T=G(m,e,t),D=Object.keys(c).reduce((p,d)=>(p[d]=c[d].default,p),{});return Object.assign(D,T)}}function Y(c,e){return{customClass:e.class,customStyle:e.style}}const Z=new Map([["appearance",Y]]),K={$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 Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"component"},componentType:{description:"The type string of Section 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 R(c,e,t){return e}const x={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:"waiting for modification",enum:[]}}}},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:""}},B=X(S,K,Z,R,x),N=C.defineComponent({name:"FComponent",props:S,emits:["init","afterViewInit"],setup(c,e){return C.onBeforeMount(()=>{e.emit("init",c.id)}),C.onMounted(()=>{e.emit("afterViewInit",c.id)}),()=>C.createVNode("div",{class:c.customClass},[e.slots.default&&e.slots.default()])}});function I(c,e,t){var O;function s(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}s();const i=t&&t.getStyles&&t.getStyles()||"",y=t&&t.getDesignerClass&&t.getDesignerClass()||"",m=C.ref();function T(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function D(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function l(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const A=C.ref(f==null?void 0:f.value.parent),b=l(A);return b||null}function u(f=e){const{componentInstance:A,designerItemElementRef:b}=f;return!A||!A.value?null:A.value.canMove?b:u(f.parent)}function g(f){return!!t&&t.canAccepts(f)}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 r(){}function o(f,A){A&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(A)}function a(f){const{componentType:A}=f;let b=k(A,f);t&&t.onResolveNewComponentSchema&&(b=t.onResolveNewComponentSchema(f,b));const w=A.toLowerCase().replace("-","_");return b&&!b.id&&b.type===A&&(b.id=`${w}_${Math.random().toString().slice(2,6)}`),b}function j(f,A){const b=String(f.getAttribute("data-controltype")),w=f.getAttribute("data-feature"),M=w?JSON.parse(w):{};M.parentComponentInstance=m.value;let v=k(b,M);t&&t.onAcceptNewChildElement&&(v=t.onAcceptNewChildElement(f,A,v));const E=b.toLowerCase().replace("-","_");return v&&!v.id&&v.type===b&&(v.id=`${E}_${Math.random().toString().slice(2,6)}`),v}function h(f){}function P(...f){if(t&&t.getPropsConfig)return t.getPropsConfig(...f)}return m.value={canMove:T(),canSelectParent:D(),canDelete:p(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:c,parent:(O=e==null?void 0:e.parent)==null?void 0:O.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:y,canAccepts:g,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:n,getPropConfig:P,getDragScopeElement:r,onAcceptMovedChildElement:o,onAcceptNewChildElement:j,onChildElementMovedOut:h,addNewChildComponentSchema:a,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||C.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||C.ref(!1)},m}const ee={$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"}}}},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"}},required:[]},L=new Map;function te(){function c(n,r,o,a){var j;if(typeof o=="number")return((j=a[n])==null?void 0:j.length)===o;if(typeof o=="object"){const h=Object.keys(o)[0],P=o[h];if(h==="not")return Number(a[n].length)!==Number(P);if(h==="moreThan")return Number(a[n].length)>=Number(P);if(h==="lessThan")return Number(a[n].length)<=Number(P)}return!1}function e(n,r,o,a){return typeof o=="boolean"?a.childrenClassList.includes(r)===!!o:!1}function t(n,r,o,a){return typeof o=="boolean"?a.parentClassList.includes(r)===!!o:!1}function s(n,r,o,a){return typeof o=="boolean"?a.parentClassList.includes(r)===!!o:!1}const i=new Map([["length",c],["hasChildren",e],["hasSibling",s],["hasParent",t]]);function y(n,r){const o=n;return typeof r=="number"?[{target:o,operator:"length",param:null,value:Number(r)}]:typeof r=="object"?Object.keys(r).map(a=>{if(a==="length")return{target:o,operator:"length",param:null,value:r[a]};const j=a,h=r[a];return{target:o,operator:n==="children"?"hasChildren":n==="parent"?"hasParent":"hasSibling",param:j,value:h}}):[]}function m(n,r){if(i.has(n.operator)){const o=i.get(n.operator);return o&&o(n.target,n.param,n.value,r)||!1}return!1}function T(n,r){return Object.keys(n).reduce((h,P)=>{const O=y(P,n[P]);return h.push(...O),h},[]).reduce((h,P)=>h&&m(P,r),!0)}function D(n,r){const o=Object.keys(n),a=o.includes("allOf"),j=o.includes("anyOf"),h=a||j,f=(h?n[h?a?"allOf":"anyOf":"allOf"]:[n]).map(b=>T(b,r));return a?!f.includes(!1):f.includes(!0)}function p(n,r){const o=n.const;return o?typeof o=="boolean"?o:typeof o=="object"?D(o,r):!1:!1}function d(n){return r=>{const o={canAccept:!0,fixed:!1,hidePadding:!1};return n&&n.properties&&Object.keys(n.properties).reduce((a,j)=>{const h=n.properties[j];return a[j]=p(h,r),a},o),o}}function l(n,r,o){if(r.type==="object"&&r.properties){const{rules:a,contents:j}=r.properties;o.set(n,d(a)),j&&Object.keys(j.properties).forEach(h=>l(h,j.properties[h],o))}}function u(){const{properties:n}=ee;Object.keys(n).forEach(r=>{l(r,n[r],L)})}function g(n,r){const o={canAccept:!0,fixed:!1,hidePadding:!0};return L.has(n)?L.get(n)(r):o}return u(),{getRuleValue:g}}function ne(c,e){const t=te();let s=!1,i,y=!1;const m=!1;function T(){return!1}function D(){return m||!y}function p(){return!y}function d(){y=!1;const u=c,g=u.appearance&&u.appearance.class||"",n=g.split(" "),r=u.contents||[],o=r.length?r[0]:null,a=o&&o.appearance?o.appearance.class:"",j=a?a.split(" "):[],h=r.length?r.reduce((M,v)=>{const E=v&&v.appearance?v.appearance.class:"",re=E?E.split(" "):[];return M.push(...re),M},[]):[],P=e,O=P&&P.appearance&&P.appearance.class||"",f=O?O.split(" "):[];i={componentClass:g,componentClassList:n,childContents:r,firstChildContent:o,firstChildClass:a,firstChildClassList:j,parent:P,parentClass:O,parentClassList:f,children:r,childrenClassList:h};const{canAccept:A,fixed:b,hidePadding:w}=t.getRuleValue(n[0],i);return s=w,y=b,!0}function l(){return s}return{canAccepts:T,checkCanDeleteComponent:D,checkCanMoveComponent:p,resolveComponentContext:d,hideNestedPaddingInDesginerView:l}}const _=C.defineComponent({name:"FComponetDesign",props:S,emits:[],setup(c,e){var m;const t=C.ref(),s=C.inject("design-item-context"),i=ne(s.schema,(m=s.parent)==null?void 0:m.schema),y=I(t,s,i);return C.onMounted(()=>{t.value.componentInstance=y}),e.expose(y.value),()=>C.createVNode("div",{ref:t,class:"drag-container","data-dragref":`${s.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),oe={install(c){c.component(N.name,N)},register(c,e,t,s){c.component=N,e.component=B},registerDesigner(c,e){c.component=_,e.component=B}};$.Component=N,$.ComponentDesign=_,$.componentProps=S,$.default=oe,$.propsResolver=B,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(A,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],C):(A=typeof globalThis<"u"?globalThis:A||self,C(A.component={},A.Vue,A.LodashES))})(this,function(A,C,W){"use strict";const L={},q={};function V(c){const{properties:e,title:t}=c,s=Object.keys(e).reduce((i,y)=>(i[y]=e[y].type==="object"&&e[y].properties?V(e[y]):W.cloneDeep(e[y].default),i),{});return s.id=`${t}-${Date.now()}`,s}function k(c,e={}){const t=L[c];if(t){let s=V(t);const i=q[c];return s=i?i({getSchemaByType:k},s,e):s,s}return null}function J(c,e){const t=V(e);return Object.keys(c).reduce((s,i)=>(s[i]=c[i],s),t),t}function z(c,e){return Object.keys(c).filter(s=>c[s]!=null).reduce((s,i)=>{if(e.has(i)){const y=e.get(i);if(typeof y=="string")s[y]=c[i];else{const m=y(i,c[i],c);Object.assign(s,m)}}else s[i]=c[i];return s},{})}function G(c,e,t=new Map){const s=J(c,e);return z(s,t)}function H(c={}){function e(p,d,l,u){if(typeof l=="number")return u[p].length===l;if(typeof l=="object"){const g=Object.keys(l)[0],n=l[g];if(g==="not")return Number(u[p].length)!==Number(n);if(g==="moreThan")return Number(u[p].length)>=Number(n);if(g==="lessThan")return Number(u[p].length)<=Number(n)}return!1}function t(p,d,l,u){return u[p]&&u[p].propertyValue&&String(u[p].propertyValue.value)===String(l)}const s=new Map([["length",e],["getProperty",t]]);Object.keys(c).reduce((p,d)=>(p.set(d,c[d]),p),s);function i(p,d){const l=p;return typeof d=="number"?[{target:l,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:l,operator:"getProperty",param:p,value:!!d}]:typeof d=="object"?Object.keys(d).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:d[u]};const g=u,n=d[u];return{target:l,operator:"getProperty",param:g,value:n}}):[]}function y(p){return Object.keys(p).reduce((l,u)=>{const g=i(u,p[u]);return l.push(...g),l},[])}function m(p,d){if(s.has(p.operator)){const l=s.get(p.operator);return l&&l(p.target,p.param,p.value,d)||!1}return!1}function $(p,d){return y(p).reduce((g,n)=>g&&m(n,d),!0)}function D(p,d){const l=Object.keys(p),u=l.includes("allOf"),g=l.includes("anyOf"),n=u||g,a=(n?p[n?u?"allOf":"anyOf":"allOf"]:[p]).map(h=>$(h,d));return u?!a.includes(!1):a.includes(!0)}return{parseValueSchema:D}}const Q={},U={};H();function X(c,e,t=new Map,s=(m,$,D)=>$,i={},y=m=>m){return L[e.title]=e,q[e.title]=s,Q[e.title]=i,U[e.title]=y,(m={})=>{const $=G(m,e,t),D=Object.keys(c).reduce((p,d)=>(p[d]=c[d].default,p),{});return Object.assign(D,$)}}function Y(c,e){return{customClass:e.class,customStyle:e.style}}const Z=new Map([["appearance",Y]]),K={$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 Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"component"},componentType:{description:"The type string of Section 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 R(c,e,t){return e}const x={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样式"}}}}},w={id:{type:String},customClass:{type:String,default:""},componentType:{type:String,default:""}},B=X(w,K,Z,R,x),N=C.defineComponent({name:"FComponent",props:w,emits:["init","afterViewInit"],setup(c,e){return C.onBeforeMount(()=>{e.emit("init",c.id)}),C.onMounted(()=>{e.emit("afterViewInit",c.id)}),()=>C.createVNode("div",{class:c.customClass},[e.slots.default&&e.slots.default()])}});function I(c,e,t){var O;function s(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}s();const i=t&&t.getStyles&&t.getStyles()||"",y=t&&t.getDesignerClass&&t.getDesignerClass()||"",m=C.ref();function $(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function D(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function l(f){if(!f||!f.value)return null;if(f.value.schema&&f.value.schema.type==="component")return f.value;const v=C.ref(f==null?void 0:f.value.parent),b=l(v);return b||null}function u(f=e){const{componentInstance:v,designerItemElementRef:b}=f;return!v||!v.value?null:v.value.canMove?b:u(f.parent)}function g(f){return!!t&&t.canAccepts(f)}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 r(){}function o(f,v){v&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(v)}function a(f){const{componentType:v}=f;let b=k(v,f);t&&t.onResolveNewComponentSchema&&(b=t.onResolveNewComponentSchema(f,b));const M=v.toLowerCase().replace("-","_");return b&&!b.id&&b.type===v&&(b.id=`${M}_${Math.random().toString().slice(2,6)}`),b}function j(f,v){const b=String(f.getAttribute("data-controltype")),M=f.getAttribute("data-feature"),S=M?JSON.parse(M):{};S.parentComponentInstance=m.value;let T=k(b,S);t&&t.onAcceptNewChildElement&&(T=t.onAcceptNewChildElement(f,v,T));const E=b.toLowerCase().replace("-","_");return T&&!T.id&&T.type===b&&(T.id=`${E}_${Math.random().toString().slice(2,6)}`),T}function h(f){}function P(...f){if(t&&t.getPropsConfig)return t.getPropsConfig(...f)}return m.value={canMove:$(),canSelectParent:D(),canDelete:p(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:c,parent:(O=e==null?void 0:e.parent)==null?void 0:O.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:y,canAccepts:g,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:n,getPropConfig:P,getDragScopeElement:r,onAcceptMovedChildElement:o,onAcceptNewChildElement:j,onChildElementMovedOut:h,addNewChildComponentSchema:a,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||C.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||C.ref(!1)},m}const ee={$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"}}}},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"}},required:[]},F=new Map;function te(){function c(n,r,o,a){var j;if(typeof o=="number")return((j=a[n])==null?void 0:j.length)===o;if(typeof o=="object"){const h=Object.keys(o)[0],P=o[h];if(h==="not")return Number(a[n].length)!==Number(P);if(h==="moreThan")return Number(a[n].length)>=Number(P);if(h==="lessThan")return Number(a[n].length)<=Number(P)}return!1}function e(n,r,o,a){return typeof o=="boolean"?a.childrenClassList.includes(r)===!!o:!1}function t(n,r,o,a){return typeof o=="boolean"?a.parentClassList.includes(r)===!!o:!1}function s(n,r,o,a){return typeof o=="boolean"?a.parentClassList.includes(r)===!!o:!1}const i=new Map([["length",c],["hasChildren",e],["hasSibling",s],["hasParent",t]]);function y(n,r){const o=n;return typeof r=="number"?[{target:o,operator:"length",param:null,value:Number(r)}]:typeof r=="object"?Object.keys(r).map(a=>{if(a==="length")return{target:o,operator:"length",param:null,value:r[a]};const j=a,h=r[a];return{target:o,operator:n==="children"?"hasChildren":n==="parent"?"hasParent":"hasSibling",param:j,value:h}}):[]}function m(n,r){if(i.has(n.operator)){const o=i.get(n.operator);return o&&o(n.target,n.param,n.value,r)||!1}return!1}function $(n,r){return Object.keys(n).reduce((h,P)=>{const O=y(P,n[P]);return h.push(...O),h},[]).reduce((h,P)=>h&&m(P,r),!0)}function D(n,r){const o=Object.keys(n),a=o.includes("allOf"),j=o.includes("anyOf"),h=a||j,f=(h?n[h?a?"allOf":"anyOf":"allOf"]:[n]).map(b=>$(b,r));return a?!f.includes(!1):f.includes(!0)}function p(n,r){const o=n.const;return o?typeof o=="boolean"?o:typeof o=="object"?D(o,r):!1:!1}function d(n){return r=>{const o={canAccept:!0,fixed:!1,hidePadding:!1};return n&&n.properties&&Object.keys(n.properties).reduce((a,j)=>{const h=n.properties[j];return a[j]=p(h,r),a},o),o}}function l(n,r,o){if(r.type==="object"&&r.properties){const{rules:a,contents:j}=r.properties;o.set(n,d(a)),j&&Object.keys(j.properties).forEach(h=>l(h,j.properties[h],o))}}function u(){const{properties:n}=ee;Object.keys(n).forEach(r=>{l(r,n[r],F)})}function g(n,r){const o={canAccept:!0,fixed:!1,hidePadding:!0};return F.has(n)?F.get(n)(r):o}return u(),{getRuleValue:g}}function ne(c,e){const t=te();let s=!1,i,y=!1;const m=!1;function $(){return!1}function D(){return m||!y}function p(){return!y}function d(){y=!1;const u=c,g=u.appearance&&u.appearance.class||"",n=g.split(" "),r=u.contents||[],o=r.length?r[0]:null,a=o&&o.appearance?o.appearance.class:"",j=a?a.split(" "):[],h=r.length?r.reduce((S,T)=>{const E=T&&T.appearance?T.appearance.class:"",re=E?E.split(" "):[];return S.push(...re),S},[]):[],P=e,O=P&&P.appearance&&P.appearance.class||"",f=O?O.split(" "):[];i={componentClass:g,componentClassList:n,childContents:r,firstChildContent:o,firstChildClass:a,firstChildClassList:j,parent:P,parentClass:O,parentClassList:f,children:r,childrenClassList:h};const{canAccept:v,fixed:b,hidePadding:M}=t.getRuleValue(n[0],i);return s=M,y=b,!0}function l(){return s}return{canAccepts:$,checkCanDeleteComponent:D,checkCanMoveComponent:p,resolveComponentContext:d,hideNestedPaddingInDesginerView:l}}const _=C.defineComponent({name:"FComponetDesign",props:w,emits:[],setup(c,e){var m;const t=C.ref(),s=C.inject("design-item-context"),i=ne(s.schema,(m=s.parent)==null?void 0:m.schema),y=I(t,s,i);return C.onMounted(()=>{t.value.componentInstance=y}),e.expose(y.value),()=>C.createVNode("div",{ref:t,class:"drag-container","data-dragref":`${s.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),oe={install(c){c.component(N.name,N)},register(c,e,t,s){c.component=N,e.component=B},registerDesigner(c,e){c.component=_,e.component=B}};A.Component=N,A.ComponentDesign=_,A.componentProps=w,A.default=oe,A.propsResolver=B,Object.defineProperties(A,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/component/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/component/index.d.ts"
     }