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

package/section/index.esm.js

@@ -1,70 +1,366 @@
-import { defineComponent as C, computed as e, ref as s, createVNode as n } from "vue";
-const v = {
+import { defineComponent as k, ref as b, computed as l, createVNode as y, inject as H, onMounted as O } from "vue";
+const D = {};
+function j(e) {
+  const { properties: t } = e;
+  return Object.keys(t).reduce((n, r) => (n[r] = t[r].type === "object" && t[r].properties ? j(t[r]) : t[r].default, n), {});
+}
+function E(e) {
+  const t = D[e];
+  return t ? j(t) : null;
+}
+function P(e, t) {
+  const s = j(t);
+  return Object.keys(e).reduce((n, r) => (n[r] = e[r], n), s), s;
+}
+function N(e, t) {
+  return Object.keys(e).filter((n) => e[n] != null).reduce((n, r) => {
+    if (t.has(r)) {
+      const m = t.get(r);
+      if (typeof m == "string")
+        n[m] = e[r];
+      else {
+        const d = m(r, e[r]);
+        Object.assign(n, d);
+      }
+    } else
+      n[r] = e[r];
+    return n;
+  }, {});
+}
+function F(e, t, s = /* @__PURE__ */ new Map()) {
+  const n = P(e, t);
+  return N(n, s);
+}
+function $(e, t, s = /* @__PURE__ */ new Map()) {
+  return D[t.title] = t, (n) => {
+    const r = F(n, t, s), m = Object.keys(e).reduce((d, h) => (d[h] = e[h].default, d), {});
+    return Object.assign(m, r);
+  };
+}
+function q(e, t) {
+  return { customClass: t.class };
+}
+const W = /* @__PURE__ */ new Map([
+  ["appearance", q],
+  ["expanded", "expandStatus"],
+  ["title", (e, t) => ({ mainTitle: t })]
+]), z = "https://json-schema.org/draft/2020-12/schema", L = "https://farris-design.gitee.io/section.schema.json", V = "section", I = "A Farris Container Component", G = "object", J = {
+  id: {
+    description: "The unique identifier for a Section",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Section component",
+    type: "string",
+    default: "section"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contentClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  enableAccordion: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  enableCollapse: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableMaximize: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  expanded: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  fill: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  headerClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  size: {
+    description: "",
+    type: "object",
+    properties: {
+      width: {
+        type: "number"
+      },
+      height: {
+        type: "number"
+      }
+    },
+    default: null
+  },
+  subTitle: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  title: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  titleClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  toolbarClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Q = [
+  "id",
+  "type",
+  "contents"
+], U = {
+  $schema: z,
+  $id: L,
+  title: V,
+  description: I,
+  type: G,
+  properties: J,
+  required: Q
+}, B = {
+  clickThrottleTime: { type: Number, default: 350 },
   contentClass: { type: String, default: "" },
-  maxStatus: { type: Boolean, default: !1 },
-  enableAccording: { type: Boolean, default: !1 },
+  context: { type: Object },
+  customClass: { type: String, default: "" },
+  enableAccordion: { type: Boolean, default: !1 },
   enableCollapse: { type: Boolean, default: !0 },
-  mainTitle: { type: String, default: "" },
-  subTitle: { type: String, default: "" },
-  showHeader: { type: Boolean, default: !0 },
   enableMaximize: { type: Boolean, default: !1 },
-  fill: { type: Boolean, default: !1 },
   expandStatus: { type: Boolean, default: !0 },
-  cotext: { type: Object },
+  fill: { type: Boolean, default: !1 },
+  headerClass: { type: String, default: "" },
   index: { type: Number },
+  maxStatus: { type: Boolean, default: !1 },
+  mainTitle: { type: String, default: "" },
+  showHeader: { type: Boolean, default: !0 },
+  showToolbarMoreButton: { type: Boolean, default: !0 },
+  subTitle: { type: String, default: "" },
   toolbarPosition: { type: String, default: "" },
   toolbarButtons: { type: Array, default: [] },
-  toolbar: { type: Object, default: {} },
-  showToolbarMoreButton: { type: Boolean, default: !0 },
-  clickThrottleTime: { type: Number, default: 350 },
-  headerClass: { type: String, default: "" }
-}, i = /* @__PURE__ */ C({
+  toolbar: { type: Object, default: {} }
+}, x = $(B, U, W);
+const A = /* @__PURE__ */ k({
   name: "FSection",
-  props: v,
+  props: B,
   emits: [],
-  setup(t, u) {
-    const d = e(() => !0), c = e(() => !0), f = e(() => !0);
-    e(() => !1), e(() => !1), e(() => !1), e(() => !1), s([]);
-    const p = e(() => {
-      const o = t.headerClass.split(" "), a = {
+  setup(e, t) {
+    const s = b(e.customClass), n = l(() => e.showHeader && (!!e.mainTitle || !!e.subTitle)), r = l(() => !!e.mainTitle || !!e.subTitle), m = l(() => !!e.subTitle);
+    l(() => !1), l(() => !1), l(() => !1), l(() => !1), b([]);
+    const d = l(() => {
+      const c = {
+        "f-section": !0
+      };
+      return s.value && s.value.split(" ").reduce((a, p) => (a[p] = !0, a), c), c;
+    }), h = l(() => {
+      const c = e.headerClass.split(" "), a = {
         "f-section-header": !0
       };
-      return o.reduce((l, r) => (l[r] = !0, l), a), a;
+      return c.reduce((p, u) => (p[u] = !0, p), a), a;
     });
-    e(() => ({
+    l(() => ({
       "f-section-extend": !0
     }));
-    const y = e(() => {
-      const o = t.contentClass.split(" "), a = {
+    const g = l(() => {
+      const c = e.contentClass.split(" "), a = {
         "f-section-content": !0
       };
-      return o.reduce((l, r) => (l[r] = !0, l), a), a;
-    }), m = s(t.mainTitle), b = s(t.subTitle);
-    function h() {
-      return d.value && n("div", {
-        class: p.value
-      }, [c.value && n("div", {
+      return c.reduce((p, u) => (p[u] = !0, p), a), a;
+    }), o = b(e.mainTitle), v = b(e.subTitle);
+    function i() {
+      return n.value && y("div", {
+        class: h.value
+      }, [r.value && y("div", {
+        class: "f-title"
+      }, [y("h4", {
+        class: "f-title-text"
+      }, [o.value]), m.value && y("span", null, [v.value])])]);
+    }
+    function T() {
+      return y("div", {
+        class: g.value
+      }, [t.slots.default && t.slots.default()]);
+    }
+    return () => y("div", {
+      class: d.value
+    }, [i(), T()]);
+  }
+});
+function X(e, t) {
+  let n = !0;
+  function r() {
+    return !!n;
+  }
+  function m() {
+    const h = e, g = h.appearance && h.appearance.class || "", o = g ? g.split(" ") : [], v = h.contents || [], i = v.length ? v[0] : null, T = i && i.appearance && i.appearance.class || "", c = T ? T.split(" ") : [], a = t, p = a && a.appearance && a.appearance.class || "", u = p ? p.split(" ") : [];
+    return o.includes("f-section-form") && (a == null ? void 0 : a.type) === "content-container" && c.includes("f-form-layout") || o.includes("f-section-tabs") && u.includes("f-struct-wrapper") && c.includes("f-component-tabs") || o.includes("f-section-grid") && u.includes("f-struct-wrapper") && (c.includes("f-component-grid") || c.includes("f-filter-container")) || o.includes("f-section-treegrid") && u.includes("f-struct-wrapper") && c.includes("f-component-treetable") || o.includes("f-section-oa-table") && u.includes("f-struct-wrapper") && c.includes("f-form-is-table") || o.includes("f-section-card-table") && u.includes("f-struct-wrapper") && c.includes("f-form-is-table") || o.includes("f-section-scheme") && i && i.type === "query-solution" || (o.includes("f-section-in-main") || o.includes("f-section-in-mainsubcard")) && u.includes("f-struct-wrapper") && i && i.type === "content-container" || (o.includes("f-section-in-main") || o.includes("f-section-in-mainsubcard")) && u.includes("f-struct-wrapper") && i && i.type === "file-upload-preview" ? (n = !1, !0) : i && (i.type === "approval-comments" || i.type === "approval-comments") ? (n = !1, !1) : o.includes("f-section-grid") && u.includes("f-struct-wrapper") && c.includes("f-component-appointment-calendar") ? (n = !1, !0) : !1;
+  }
+  function d(h) {
+  }
+  return { canAccepts: r, checkIsInFixedContextRules: m, onAcceptMovedChildElement: d, triggerBelongedComponentToMoveWhenMoved: !1 };
+}
+function Y(e, t, s) {
+  var S;
+  const n = s == null ? void 0 : s.checkIsInFixedContextRules(), r = s && s.getStyles && s.getStyles() || "";
+  function m() {
+    return !(t.schema.componentType || n);
+  }
+  function d() {
+    return !1;
+  }
+  function h() {
+    return !(t.schema.componentType || n);
+  }
+  function g() {
+    return !!n;
+  }
+  function o(f) {
+    if (!f)
+      return null;
+    if (f.schema.type === "Component")
+      return f;
+    const C = o(f.parent);
+    return C || null;
+  }
+  function v(f, C, M) {
+    return !!s && s.canAccepts();
+  }
+  function i() {
+    return t.schema.label || t.schema.title || t.schema.name;
+  }
+  function T() {
+  }
+  function c(f, C) {
+    C && (s == null || s.onAcceptMovedChildElement(C));
+  }
+  function a(f, C) {
+    const M = String(f.getAttribute("data-controltype"));
+    return E(M);
+  }
+  function p(f) {
+    return f.contents ? f.contents.length : -1;
+  }
+  function u(f) {
+  }
+  const w = {
+    canMove: m(),
+    canSelectParent: d(),
+    canDelete: h(),
+    canNested: !g(),
+    contents: t.schema.contents,
+    elementRef: e,
+    parent: (S = t.parent) == null ? void 0 : S.componentInstance.value,
+    schema: t.schema,
+    styles: r,
+    canAccepts: v,
+    getBelongedComponentInstance: o,
+    getDraggingDisplayText: i,
+    getDragScopeElement: T,
+    onAcceptMovedChildElement: c,
+    onAcceptNewChildElement: a,
+    onAddNewChildElement: p,
+    onChildElementMovedOut: u,
+    triggerBelongedComponentToMoveWhenMoved: !!s && s.triggerBelongedComponentToMoveWhenMoved
+  };
+  return b(w);
+}
+const Z = /* @__PURE__ */ k({
+  name: "FSectionDesign",
+  props: B,
+  emits: [],
+  setup(e, t) {
+    var w;
+    const s = b(), n = b(), r = H("design-item-context"), m = X(r.schema, (w = r.parent) == null ? void 0 : w.schema), d = Y(s, r, m);
+    d.value.styles = "display: inherit;", O(() => {
+      s.value.componentInstance = d;
+    }), t.expose(d.value);
+    const h = l(() => e.showHeader && (!!e.mainTitle || !!e.subTitle)), g = l(() => !!e.mainTitle || !!e.subTitle), o = l(() => !!e.subTitle), v = l(() => ({
+      "f-section": !0,
+      "ide-cmp-section": !0,
+      "f-utils-fill": !0,
+      " p-0": !0
+    })), i = l(() => ({
+      "f-section-header": !0
+    })), T = l(() => {
+      const S = e.contentClass.split(" "), f = {
+        "f-section-content": !0,
+        "drag-container": !0
+      };
+      return S.reduce((C, M) => (C[M] = !0, C), f), f;
+    }), c = b(e.mainTitle), a = b(e.subTitle);
+    function p() {
+      return h.value && y("div", {
+        class: i.value
+      }, [g.value && y("div", {
         class: "f-title"
-      }, [n("h4", {
+      }, [y("h4", {
         class: "f-title-text"
-      }, [m.value]), f.value && n("span", null, [b.value])])]);
+      }, [c.value]), o.value && y("span", null, [a.value])])]);
     }
-    function S() {
-      return n("div", {
-        class: y.value
-      }, [u.slots.default && u.slots.default()]);
+    function u() {
+      return y("div", {
+        ref: s,
+        class: T.value,
+        dragref: `${r.schema.id}-container`
+      }, [t.slots.default && t.slots.default()]);
     }
-    return () => n("div", {
-      class: "f-section"
-    }, [h(), S()]);
+    return () => y("div", {
+      ref: n,
+      class: v.value
+    }, [p(), u()]);
   }
-}), B = {
-  install(t) {
-    t.component(i.name, i);
+}), K = {
+  install(e) {
+    e.component(A.name, A);
+  },
+  register(e, t) {
+    e.section = A, t.section = x;
+  },
+  registerDesigner(e, t) {
+    e.section = Z, t.section = x;
   }
 };
 export {
-  i as Section,
-  B as default,
-  v as sectionProps
+  A as Section,
+  K as default,
+  x as propsResolver,
+  B as sectionProps
 };

package/section/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.section={},t.Vue))})(this,function(t,e){"use strict";const u={contentClass:{type:String,default:""},maxStatus:{type:Boolean,default:!1},enableAccording:{type:Boolean,default:!1},enableCollapse:{type:Boolean,default:!0},mainTitle:{type:String,default:""},subTitle:{type:String,default:""},showHeader:{type:Boolean,default:!0},enableMaximize:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},expandStatus:{type:Boolean,default:!0},cotext:{type:Object},index:{type:Number},toolbarPosition:{type:String,default:""},toolbarButtons:{type:Array,default:[]},toolbar:{type:Object,default:{}},showToolbarMoreButton:{type:Boolean,default:!0},clickThrottleTime:{type:Number,default:350},headerClass:{type:String,default:""}},l=e.defineComponent({name:"FSection",props:u,emits:[],setup(n,d){const i=e.computed(()=>!0),f=e.computed(()=>!0),p=e.computed(()=>!0);e.computed(()=>!1),e.computed(()=>!1),e.computed(()=>!1),e.computed(()=>!1),e.ref([]);const m=e.computed(()=>{const r=n.headerClass.split(" "),o={"f-section-header":!0};return r.reduce((a,s)=>(a[s]=!0,a),o),o});e.computed(()=>({"f-section-extend":!0}));const y=e.computed(()=>{const r=n.contentClass.split(" "),o={"f-section-content":!0};return r.reduce((a,s)=>(a[s]=!0,a),o),o}),h=e.ref(n.mainTitle),S=e.ref(n.subTitle);function b(){return i.value&&e.createVNode("div",{class:m.value},[f.value&&e.createVNode("div",{class:"f-title"},[e.createVNode("h4",{class:"f-title-text"},[h.value]),p.value&&e.createVNode("span",null,[S.value])])])}function T(){return e.createVNode("div",{class:y.value},[d.slots.default&&d.slots.default()])}return()=>e.createVNode("div",{class:"f-section"},[b(),T()])}}),c={install(n){n.component(l.name,l)}};t.Section=l,t.default=c,t.sectionProps=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(y,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis<"u"?globalThis:y||self,t(y.section={},y.Vue))})(this,function(y,t){"use strict";const v={};function N(e){const{properties:n}=e;return Object.keys(n).reduce((s,r)=>(s[r]=n[r].type==="object"&&n[r].properties?N(n[r]):n[r].default,s),{})}function V(e){const n=v[e];return n?N(n):null}function k(e,n){const o=N(n);return Object.keys(e).reduce((s,r)=>(s[r]=e[r],s),o),o}function x(e,n){return Object.keys(e).filter(s=>e[s]!=null).reduce((s,r)=>{if(n.has(r)){const m=n.get(r);if(typeof m=="string")s[m]=e[r];else{const f=m(r,e[r]);Object.assign(s,f)}}else s[r]=e[r];return s},{})}function D(e,n,o=new Map){const s=k(e,n);return x(s,o)}function O(e,n,o=new Map){return v[n.title]=n,s=>{const r=D(s,n,o),m=Object.keys(e).reduce((f,h)=>(f[h]=e[h].default,f),{});return Object.assign(m,r)}}function H(e,n){return{customClass:n.class}}const P=new Map([["appearance",H],["expanded","expandStatus"],["title",(e,n)=>({mainTitle:n})]]),E={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/section.schema.json",title:"section",description:"A Farris Container 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:"section"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contentClass:{description:"",type:"string",default:""},contents:{description:"",type:"array",default:[]},enableAccordion:{description:"",type:"boolean",default:!1},enableCollapse:{description:"",type:"boolean",default:!0},enableMaximize:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!0},fill:{description:"",type:"boolean",default:!1},headerClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},subTitle:{description:"",type:"string",default:""},title:{description:"",type:"string",default:""},titleClass:{description:"",type:"string",default:""},toolbarClass:{description:"",type:"string",default:""},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]},w={clickThrottleTime:{type:Number,default:350},contentClass:{type:String,default:""},context:{type:Object},customClass:{type:String,default:""},enableAccordion:{type:Boolean,default:!1},enableCollapse:{type:Boolean,default:!0},enableMaximize:{type:Boolean,default:!1},expandStatus:{type:Boolean,default:!0},fill:{type:Boolean,default:!1},headerClass:{type:String,default:""},index:{type:Number},maxStatus:{type:Boolean,default:!1},mainTitle:{type:String,default:""},showHeader:{type:Boolean,default:!0},showToolbarMoreButton:{type:Boolean,default:!0},subTitle:{type:String,default:""},toolbarPosition:{type:String,default:""},toolbarButtons:{type:Array,default:[]},toolbar:{type:Object,default:{}}},B=O(w,E,P),U="",M=t.defineComponent({name:"FSection",props:w,emits:[],setup(e,n){const o=t.ref(e.customClass),s=t.computed(()=>e.showHeader&&(!!e.mainTitle||!!e.subTitle)),r=t.computed(()=>!!e.mainTitle||!!e.subTitle),m=t.computed(()=>!!e.subTitle);t.computed(()=>!1),t.computed(()=>!1),t.computed(()=>!1),t.computed(()=>!1),t.ref([]);const f=t.computed(()=>{const i={"f-section":!0};return o.value&&o.value.split(" ").reduce((a,p)=>(a[p]=!0,a),i),i}),h=t.computed(()=>{const i=e.headerClass.split(" "),a={"f-section-header":!0};return i.reduce((p,u)=>(p[u]=!0,p),a),a});t.computed(()=>({"f-section-extend":!0}));const b=t.computed(()=>{const i=e.contentClass.split(" "),a={"f-section-content":!0};return i.reduce((p,u)=>(p[u]=!0,p),a),a}),c=t.ref(e.mainTitle),g=t.ref(e.subTitle);function l(){return s.value&&t.createVNode("div",{class:h.value},[r.value&&t.createVNode("div",{class:"f-title"},[t.createVNode("h4",{class:"f-title-text"},[c.value]),m.value&&t.createVNode("span",null,[g.value])])])}function T(){return t.createVNode("div",{class:b.value},[n.slots.default&&n.slots.default()])}return()=>t.createVNode("div",{class:f.value},[l(),T()])}});function $(e,n){let s=!0;function r(){return!!s}function m(){const h=e,b=h.appearance&&h.appearance.class||"",c=b?b.split(" "):[],g=h.contents||[],l=g.length?g[0]:null,T=l&&l.appearance&&l.appearance.class||"",i=T?T.split(" "):[],a=n,p=a&&a.appearance&&a.appearance.class||"",u=p?p.split(" "):[];return c.includes("f-section-form")&&(a==null?void 0:a.type)==="content-container"&&i.includes("f-form-layout")||c.includes("f-section-tabs")&&u.includes("f-struct-wrapper")&&i.includes("f-component-tabs")||c.includes("f-section-grid")&&u.includes("f-struct-wrapper")&&(i.includes("f-component-grid")||i.includes("f-filter-container"))||c.includes("f-section-treegrid")&&u.includes("f-struct-wrapper")&&i.includes("f-component-treetable")||c.includes("f-section-oa-table")&&u.includes("f-struct-wrapper")&&i.includes("f-form-is-table")||c.includes("f-section-card-table")&&u.includes("f-struct-wrapper")&&i.includes("f-form-is-table")||c.includes("f-section-scheme")&&l&&l.type==="query-solution"||(c.includes("f-section-in-main")||c.includes("f-section-in-mainsubcard"))&&u.includes("f-struct-wrapper")&&l&&l.type==="content-container"||(c.includes("f-section-in-main")||c.includes("f-section-in-mainsubcard"))&&u.includes("f-struct-wrapper")&&l&&l.type==="file-upload-preview"?(s=!1,!0):l&&(l.type==="approval-comments"||l.type==="approval-comments")?(s=!1,!1):c.includes("f-section-grid")&&u.includes("f-struct-wrapper")&&i.includes("f-component-appointment-calendar")?(s=!1,!0):!1}function f(h){}return{canAccepts:r,checkIsInFixedContextRules:m,onAcceptMovedChildElement:f,triggerBelongedComponentToMoveWhenMoved:!1}}function q(e,n,o){var S;const s=o==null?void 0:o.checkIsInFixedContextRules(),r=o&&o.getStyles&&o.getStyles()||"";function m(){return!(n.schema.componentType||s)}function f(){return!1}function h(){return!(n.schema.componentType||s)}function b(){return!!s}function c(d){if(!d)return null;if(d.schema.type==="Component")return d;const C=c(d.parent);return C||null}function g(d,C,A){return!!o&&o.canAccepts()}function l(){return n.schema.label||n.schema.title||n.schema.name}function T(){}function i(d,C){C&&(o==null||o.onAcceptMovedChildElement(C))}function a(d,C){const A=String(d.getAttribute("data-controltype"));return V(A)}function p(d){return d.contents?d.contents.length:-1}function u(d){}const j={canMove:m(),canSelectParent:f(),canDelete:h(),canNested:!b(),contents:n.schema.contents,elementRef:e,parent:(S=n.parent)==null?void 0:S.componentInstance.value,schema:n.schema,styles:r,canAccepts:g,getBelongedComponentInstance:c,getDraggingDisplayText:l,getDragScopeElement:T,onAcceptMovedChildElement:i,onAcceptNewChildElement:a,onAddNewChildElement:p,onChildElementMovedOut:u,triggerBelongedComponentToMoveWhenMoved:!!o&&o.triggerBelongedComponentToMoveWhenMoved};return t.ref(j)}const F=t.defineComponent({name:"FSectionDesign",props:w,emits:[],setup(e,n){var j;const o=t.ref(),s=t.ref(),r=t.inject("design-item-context"),m=$(r.schema,(j=r.parent)==null?void 0:j.schema),f=q(o,r,m);f.value.styles="display: inherit;",t.onMounted(()=>{o.value.componentInstance=f}),n.expose(f.value);const h=t.computed(()=>e.showHeader&&(!!e.mainTitle||!!e.subTitle)),b=t.computed(()=>!!e.mainTitle||!!e.subTitle),c=t.computed(()=>!!e.subTitle),g=t.computed(()=>({"f-section":!0,"ide-cmp-section":!0,"f-utils-fill":!0," p-0":!0})),l=t.computed(()=>({"f-section-header":!0})),T=t.computed(()=>{const S=e.contentClass.split(" "),d={"f-section-content":!0,"drag-container":!0};return S.reduce((C,A)=>(C[A]=!0,C),d),d}),i=t.ref(e.mainTitle),a=t.ref(e.subTitle);function p(){return h.value&&t.createVNode("div",{class:l.value},[b.value&&t.createVNode("div",{class:"f-title"},[t.createVNode("h4",{class:"f-title-text"},[i.value]),c.value&&t.createVNode("span",null,[a.value])])])}function u(){return t.createVNode("div",{ref:o,class:T.value,dragref:`${r.schema.id}-container`},[n.slots.default&&n.slots.default()])}return()=>t.createVNode("div",{ref:s,class:g.value},[p(),u()])}}),W={install(e){e.component(M.name,M)},register(e,n){e.section=M,n.section=B},registerDesigner(e,n){e.section=F,n.section=B}};y.Section=M,y.default=W,y.propsResolver=B,y.sectionProps=w,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/section/package.json

@@ -1,8 +1,8 @@
 {
     "name": "section",
-    "version": "1.0.0-beta.7",
+    "version": "1.0.2",
     "main": "index.umd.js",
-    "module": "index.es.js",
+    "module": "index.esm.js",
     "style": "style.css",
     "types": "../types/section/index.d.ts"
 }

package/section/style.css

@@ -0,0 +1 @@
+.f-section-grid,.f-section-scheme{padding:0!important}