@farris/ui-vue 1.7.2 → 1.7.4

package/components/accordion/index.esm.js

@@ -1,33 +1,189 @@
-import { defineComponent as m, computed as o, provide as H, createVNode as a, ref as c, inject as w, onMounted as S } from "vue";
-import { getCustomClass as f } from "../common/index.esm.js";
-const A = {
+import { defineComponent as g, computed as a, provide as P, createVNode as n, ref as l, inject as w, onMounted as I } from "vue";
+import { resolveAppearance as D, createPropsResolver as j } from "../dynamic-resolver/index.esm.js";
+import { getCustomClass as S } from "../common/index.esm.js";
+import { useDesignerComponent as N } from "../designer-canvas/index.esm.js";
+const F = /* @__PURE__ */ new Map([
+  ["appearance", D],
+  ["size", (e, t) => {
+    const o = {};
+    return t.width && (o.width = Number(t.width)), t.height && (o.height = Number(t.height)), o;
+  }]
+]), O = "https://json-schema.org/draft/2020-12/schema", R = "https://farris-design.gitee.io/accordion.schema.json", q = "accordion", B = "A Farris Container Component", z = "object", M = {
+  id: {
+    description: "The unique identifier for a Accordion",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Accordion component",
+    type: "string",
+    default: "accordion"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  customClass: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  size: {
+    description: "",
+    type: "object",
+    properties: {
+      width: {
+        type: "number"
+      },
+      height: {
+        type: "number"
+      }
+    },
+    default: null
+  },
+  enableFold: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  expanded: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, T = [
+  "id",
+  "type",
+  "contents"
+], U = {
+  $schema: O,
+  $id: R,
+  title: q,
+  description: B,
+  type: z,
+  properties: M,
+  required: T
+};
+function E(e, t, o) {
+  return t;
+}
+const V = "accordion", G = "A Farris Component", J = "object", K = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, L = {
+  title: V,
+  description: G,
+  type: J,
+  categories: K
+}, $ = {
   customClass: { type: String, default: "" },
   enableFold: { type: Boolean, default: !0 },
   expanded: { type: Boolean, default: !1 },
   height: { type: Number },
   width: { type: Number }
-}, r = /* @__PURE__ */ m({
+}, H = j($, U, F, E, L), m = /* @__PURE__ */ g({
   name: "FAccordion",
-  props: A,
+  props: $,
   emits: [],
-  setup(e, l) {
-    const s = o(() => ({
+  setup(e, t) {
+    const o = a(() => ({
       height: e.height ? `${e.height}px` : "",
       width: e.width ? `${e.width}px` : ""
     }));
-    H("accordionContext", {
+    P("accordionContext", {
       parentProps: e
     });
-    const i = o(() => f({
+    const i = a(() => S({
       "farris-panel": !0,
       accordion: !0
     }, e.customClass));
-    return () => a("div", {
+    return () => n("div", {
       class: i.value,
-      style: s.value
-    }, [l.slots.default && l.slots.default()]);
+      style: o.value
+    }, [t.slots.default && t.slots.default()]);
   }
-}), F = {
+}), Q = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/accordion-item.schema.json", X = "AccordionItem", Y = "A Farris Container Component", Z = "object", _ = {
+  id: {
+    description: "The unique identifier for a Accordion Item",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Accordion Item component",
+    type: "string"
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  size: {
+    description: "",
+    type: "object",
+    properties: {
+      width: {
+        type: "number"
+      },
+      height: {
+        type: "number"
+      }
+    },
+    default: null
+  },
+  title: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  disable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, ee = [
+  "id",
+  "type",
+  "contents"
+], te = {
+  $schema: Q,
+  $id: W,
+  title: X,
+  description: Y,
+  type: Z,
+  properties: _,
+  required: ee
+}, A = {
   active: { type: Boolean, default: !1 },
   customClass: { type: String, default: "" },
   disabled: { type: Boolean, default: !1 },
@@ -36,80 +192,175 @@ const A = {
   maxHeight: { type: Number },
   title: { type: String, default: "" },
   width: { type: Number }
-}, u = /* @__PURE__ */ m({
+}, x = j(A, te, F), C = /* @__PURE__ */ g({
   name: "FAccordionItem",
-  props: F,
+  props: A,
   emits: ["ClickHeader"],
-  setup(e, l) {
-    const s = c(), i = w("accordionContext"), d = c(e.title), n = c(e.active);
-    function h() {
-      var t;
-      e.disabled || !((t = i == null ? void 0 : i.parentProps) != null && t.enableFold) || (n.value = !n.value);
+  setup(e, t) {
+    const o = l(), i = w("accordionContext"), r = l(e.title), c = l(e.active);
+    function d() {
+      var s;
+      e.disabled || !((s = i == null ? void 0 : i.parentProps) != null && s.enableFold) || (c.value = !c.value);
     }
-    function v(t) {
-      l.emit("ClickHeader"), h();
+    function h(s) {
+      t.emit("ClickHeader"), d();
     }
-    const g = o(() => {
-      const t = {
+    const u = a(() => {
+      const s = {
         card: !0,
         "farris-panel-item": !0,
         "f-state-disabled": e.disabled,
-        "f-state-selected": n.value
+        "f-state-selected": c.value
       };
-      return f(t, e.customClass);
-    }), C = o(() => !0), p = o(() => ({
+      return S(s, e.customClass);
+    }), p = a(() => !0), f = a(() => ({
       "f-icon": !0,
-      "f-accordion-collapse": !n.value,
-      "f-accordion-expand": n.value
+      "f-accordion-collapse": !c.value,
+      "f-accordion-expand": c.value
     }));
-    function y() {
-      return s.value ? s.value.getBoundingClientRect().height : 0;
+    function v() {
+      return o.value ? o.value.getBoundingClientRect().height : 0;
     }
-    const b = o(() => {
-      const t = e.maxHeight ? {
+    const y = a(() => {
+      const s = e.maxHeight ? {
         transition: "maxHeight 0.36s ease 0s",
-        "max-height": n.value ? `${e.maxHeight}px` : 0
+        "max-height": c.value ? `${e.maxHeight}px` : 0
       } : {
         transition: "height 0.36s ease 0s",
-        height: n.value ? `${y()}px` : 0
+        height: c.value ? `${v()}px` : 0
       };
-      return n.value || (t.overflow = "hidden"), t;
+      return c.value || (s.overflow = "hidden"), s;
     });
-    return S(() => {
-      var t;
-      (t = i == null ? void 0 : i.parentProps) != null && t.expanded && (n.value = !0);
-    }), () => a("div", {
-      class: g.value
-    }, [a("div", {
+    return I(() => {
+      var s;
+      (s = i == null ? void 0 : i.parentProps) != null && s.expanded && (c.value = !0);
+    }), () => n("div", {
+      class: u.value
+    }, [n("div", {
       class: "card-header",
-      onClick: v
-    }, [a("div", {
+      onClick: h
+    }, [n("div", {
       class: "panel-item-title"
-    }, [e.iconUri && a("img", {
+    }, [e.iconUri && n("img", {
       class: "panel-item-title-image",
       src: e.iconUri,
       title: "title-icon"
-    }, null), C.value && a("span", null, [d.value]), l.slots.head && l.slots.head(), a("i", {
-      class: p.value
-    }, null)]), a("div", {
+    }, null), p.value && n("span", null, [r.value]), t.slots.head && t.slots.head(), n("i", {
+      class: f.value
+    }, null)]), n("div", {
       class: "panel-item-tool"
-    }, [l.slots.toolbar && l.slots.toolbar()]), a("div", {
+    }, [t.slots.toolbar && t.slots.toolbar()]), n("div", {
       class: "panel-item-clear"
-    }, null)]), a("div", {
-      style: b.value
-    }, [a("div", {
+    }, null)]), n("div", {
+      style: y.value
+    }, [n("div", {
       class: "card-body",
-      ref: s
-    }, [l.slots.default && l.slots.default()])])]);
+      ref: o
+    }, [t.slots.default && t.slots.default()])])]);
+  }
+}), ne = /* @__PURE__ */ g({
+  name: "FAccordionDesign",
+  props: $,
+  emits: [],
+  setup(e, t) {
+    const o = a(() => ({
+      height: e.height ? `${e.height}px` : "",
+      width: e.width ? `${e.width}px` : ""
+    })), i = a(() => {
+      const h = e.customClass.split(" "), u = {
+        "farris-panel": !0,
+        accordion: !0
+      };
+      return h.reduce((p, f) => (p[f] = !0, p), u), u;
+    }), r = l(), c = w("design-item-context"), d = N(r, c);
+    return I(() => {
+      r.value.componentInstance = d;
+    }), t.expose(d.value), () => n("div", {
+      ref: r,
+      class: i.value,
+      style: o.value
+    }, [t.slots.default && t.slots.default()]);
+  }
+}), ie = /* @__PURE__ */ g({
+  name: "FAccordionItemDesign",
+  props: A,
+  emits: [],
+  setup(e, t) {
+    const o = l(e.title), i = l(!1), r = l(!1);
+    function c() {
+      i.value = !i.value;
+    }
+    function d(b) {
+      c();
+    }
+    const h = a(() => ({
+      "f-state-disabled": r.value,
+      card: !0,
+      "farris-panel-item": !0,
+      "f-state-selected": i.value
+    })), u = a(() => !0), p = a(() => !1), f = a(() => ({
+      "f-icon": !0,
+      "f-accordion-collapse": !i.value,
+      "f-accordion-expand": i.value
+    })), v = a(() => {
+      const b = e.maxHeight ? {
+        transition: "maxHeight 0.36s ease 0s",
+        "max-height": i.value ? `${e.maxHeight}px` : 0
+      } : {
+        transition: "height 0.36s ease 0s",
+        height: i.value ? `${e.height}px` : 0
+      };
+      return i.value || (b.overflow = "hidden"), b;
+    });
+    function y() {
+      return !0;
+    }
+    function s() {
+      return !1;
+    }
+    function k() {
+      return !0;
+    }
+    return t.expose({
+      canMove: y(),
+      canSelectParent: s(),
+      canDelete: k(),
+      canNested: !0
+    }), () => n("div", {
+      class: h.value
+    }, [n("div", {
+      class: "card-header",
+      onClick: d
+    }, [n("div", {
+      class: "panel-item-title"
+    }, [u.value && n("span", null, [o.value]), p.value && t.slots.head && t.slots.head(), n("span", {
+      class: f.value
+    }, null)]), n("div", {
+      class: "panel-item-tool"
+    }, [t.slots.toolbar && t.slots.toolbar()]), n("div", {
+      class: "panel-item-clear"
+    }, null)]), n("div", {
+      style: v.value
+    }, [n("div", {
+      class: "card-body drag-container"
+    }, [t.slots.default && t.slots.default()])])]);
   }
 });
-r.install = (e) => {
-  e.component(r.name, r), e.component(u.name, u);
+m.install = (e) => {
+  e.component(m.name, m), e.component(C.name, C);
+};
+m.register = (e, t, o, i) => {
+  e.accordion = m, e["accordion-item"] = C, t.accordion = H, t["accordion-item"] = x;
+};
+m.registerDesigner = (e, t, o) => {
+  e.accordion = ne, e["accordion-item"] = ie, t.accordion = H, t["accordion-item"] = x;
 };
 export {
-  r as FAccordion,
-  u as FAccordionItem,
-  F as accordionItemProps,
-  A as accordionProps,
-  r as default
+  m as FAccordion,
+  C as FAccordionItem,
+  A as accordionItemProps,
+  x as accordionItemPropsResolver,
+  $ as accordionProps,
+  H as accordionPropsResolver,
+  m as default
 };

package/components/accordion/index.umd.cjs

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.accordion={},n.Vue,n.common))})(this,function(n,e,u){"use strict";const m={customClass:{type:String,default:""},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},height:{type:Number},width:{type:Number}},l=e.defineComponent({name:"FAccordion",props:m,emits:[],setup(t,a){const s=e.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""}));e.provide("accordionContext",{parentProps:t});const c=e.computed(()=>{const r={"farris-panel":!0,accordion:!0};return u.getCustomClass(r,t.customClass)});return()=>e.createVNode("div",{class:c.value,style:s.value},[a.slots.default&&a.slots.default()])}}),f={active:{type:Boolean,default:!1},customClass:{type:String,default:""},disabled:{type:Boolean,default:!1},height:{type:Number},iconUri:{type:String,default:""},maxHeight:{type:Number},title:{type:String,default:""},width:{type:Number}},d=e.defineComponent({name:"FAccordionItem",props:f,emits:["ClickHeader"],setup(t,a){const s=e.ref(),c=e.inject("accordionContext"),r=e.ref(t.title),i=e.ref(t.active);function h(){var o;t.disabled||!((o=c==null?void 0:c.parentProps)!=null&&o.enableFold)||(i.value=!i.value)}function p(o){a.emit("ClickHeader"),h()}const g=e.computed(()=>{const o={card:!0,"farris-panel-item":!0,"f-state-disabled":t.disabled,"f-state-selected":i.value};return u.getCustomClass(o,t.customClass)}),C=e.computed(()=>!0),y=e.computed(()=>({"f-icon":!0,"f-accordion-collapse":!i.value,"f-accordion-expand":i.value}));function b(){return s.value?s.value.getBoundingClientRect().height:0}const N=e.computed(()=>{const o=t.maxHeight?{transition:"maxHeight 0.36s ease 0s","max-height":i.value?`${t.maxHeight}px`:0}:{transition:"height 0.36s ease 0s",height:i.value?`${b()}px`:0};return i.value||(o.overflow="hidden"),o});return e.onMounted(()=>{var o;(o=c==null?void 0:c.parentProps)!=null&&o.expanded&&(i.value=!0)}),()=>e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"card-header",onClick:p},[e.createVNode("div",{class:"panel-item-title"},[t.iconUri&&e.createVNode("img",{class:"panel-item-title-image",src:t.iconUri,title:"title-icon"},null),C.value&&e.createVNode("span",null,[r.value]),a.slots.head&&a.slots.head(),e.createVNode("i",{class:y.value},null)]),e.createVNode("div",{class:"panel-item-tool"},[a.slots.toolbar&&a.slots.toolbar()]),e.createVNode("div",{class:"panel-item-clear"},null)]),e.createVNode("div",{style:N.value},[e.createVNode("div",{class:"card-body",ref:s},[a.slots.default&&a.slots.default()])])])}});l.install=t=>{t.component(l.name,l),t.component(d.name,d)},n.FAccordion=l,n.FAccordionItem=d,n.accordionItemProps=f,n.accordionProps=m,n.default=l,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.accordion={},i.Vue,i.dynamicResolver,i.common,i.designerCanvas))})(this,function(i,e,C,A,V){"use strict";const I=new Map([["appearance",C.resolveAppearance],["size",(t,o)=>{const s={};return o.width&&(s.width=Number(o.width)),o.height&&(s.height=Number(o.height)),s}]]),w={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion.schema.json",title:"accordion",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion",type:"string"},type:{description:"The type string of Accordion component",type:"string",default:"accordion"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},customClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},enableFold:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]};function S(t,o,s){return o}const F={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:[]}}}}}},h={customClass:{type:String,default:""},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1},height:{type:Number},width:{type:Number}},b=C.createPropsResolver(h,w,I,S,F),d=e.defineComponent({name:"FAccordion",props:h,emits:[],setup(t,o){const s=e.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""}));e.provide("accordionContext",{parentProps:t});const n=e.computed(()=>{const a={"farris-panel":!0,accordion:!0};return A.getCustomClass(a,t.customClass)});return()=>e.createVNode("div",{class:n.value,style:s.value},[o.slots.default&&o.slots.default()])}}),P={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion-item.schema.json",title:"AccordionItem",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion Item",type:"string"},type:{description:"The type string of Accordion Item component",type:"string"},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},title:{description:"",type:"string",default:""},disable:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},g={active:{type:Boolean,default:!1},customClass:{type:String,default:""},disabled:{type:Boolean,default:!1},height:{type:Number},iconUri:{type:String,default:""},maxHeight:{type:Number},title:{type:String,default:""},width:{type:Number}},$=C.createPropsResolver(g,P,I),y=e.defineComponent({name:"FAccordionItem",props:g,emits:["ClickHeader"],setup(t,o){const s=e.ref(),n=e.inject("accordionContext"),a=e.ref(t.title),r=e.ref(t.active);function l(){var c;t.disabled||!((c=n==null?void 0:n.parentProps)!=null&&c.enableFold)||(r.value=!r.value)}function m(c){o.emit("ClickHeader"),l()}const u=e.computed(()=>{const c={card:!0,"farris-panel-item":!0,"f-state-disabled":t.disabled,"f-state-selected":r.value};return A.getCustomClass(c,t.customClass)}),p=e.computed(()=>!0),f=e.computed(()=>({"f-icon":!0,"f-accordion-collapse":!r.value,"f-accordion-expand":r.value}));function v(){return s.value?s.value.getBoundingClientRect().height:0}const N=e.computed(()=>{const c=t.maxHeight?{transition:"maxHeight 0.36s ease 0s","max-height":r.value?`${t.maxHeight}px`:0}:{transition:"height 0.36s ease 0s",height:r.value?`${v()}px`:0};return r.value||(c.overflow="hidden"),c});return e.onMounted(()=>{var c;(c=n==null?void 0:n.parentProps)!=null&&c.expanded&&(r.value=!0)}),()=>e.createVNode("div",{class:u.value},[e.createVNode("div",{class:"card-header",onClick:m},[e.createVNode("div",{class:"panel-item-title"},[t.iconUri&&e.createVNode("img",{class:"panel-item-title-image",src:t.iconUri,title:"title-icon"},null),p.value&&e.createVNode("span",null,[a.value]),o.slots.head&&o.slots.head(),e.createVNode("i",{class:f.value},null)]),e.createVNode("div",{class:"panel-item-tool"},[o.slots.toolbar&&o.slots.toolbar()]),e.createVNode("div",{class:"panel-item-clear"},null)]),e.createVNode("div",{style:N.value},[e.createVNode("div",{class:"card-body",ref:s},[o.slots.default&&o.slots.default()])])])}}),x=e.defineComponent({name:"FAccordionDesign",props:h,emits:[],setup(t,o){const s=e.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""})),n=e.computed(()=>{const m=t.customClass.split(" "),u={"farris-panel":!0,accordion:!0};return m.reduce((p,f)=>(p[f]=!0,p),u),u}),a=e.ref(),r=e.inject("design-item-context"),l=V.useDesignerComponent(a,r);return e.onMounted(()=>{a.value.componentInstance=l}),o.expose(l.value),()=>e.createVNode("div",{ref:a,class:n.value,style:s.value},[o.slots.default&&o.slots.default()])}}),H=e.defineComponent({name:"FAccordionItemDesign",props:g,emits:[],setup(t,o){const s=e.ref(t.title),n=e.ref(!1),a=e.ref(!1);function r(){n.value=!n.value}function l(j){r()}const m=e.computed(()=>({"f-state-disabled":a.value,card:!0,"farris-panel-item":!0,"f-state-selected":n.value})),u=e.computed(()=>!0),p=e.computed(()=>!1),f=e.computed(()=>({"f-icon":!0,"f-accordion-collapse":!n.value,"f-accordion-expand":n.value})),v=e.computed(()=>{const j=t.maxHeight?{transition:"maxHeight 0.36s ease 0s","max-height":n.value?`${t.maxHeight}px`:0}:{transition:"height 0.36s ease 0s",height:n.value?`${t.height}px`:0};return n.value||(j.overflow="hidden"),j});function N(){return!0}function c(){return!1}function q(){return!0}return o.expose({canMove:N(),canSelectParent:c(),canDelete:q(),canNested:!0}),()=>e.createVNode("div",{class:m.value},[e.createVNode("div",{class:"card-header",onClick:l},[e.createVNode("div",{class:"panel-item-title"},[u.value&&e.createVNode("span",null,[s.value]),p.value&&o.slots.head&&o.slots.head(),e.createVNode("span",{class:f.value},null)]),e.createVNode("div",{class:"panel-item-tool"},[o.slots.toolbar&&o.slots.toolbar()]),e.createVNode("div",{class:"panel-item-clear"},null)]),e.createVNode("div",{style:v.value},[e.createVNode("div",{class:"card-body drag-container"},[o.slots.default&&o.slots.default()])])])}});d.install=t=>{t.component(d.name,d),t.component(y.name,y)},d.register=(t,o,s,n)=>{t.accordion=d,t["accordion-item"]=y,o.accordion=b,o["accordion-item"]=$},d.registerDesigner=(t,o,s)=>{t.accordion=x,t["accordion-item"]=H,o.accordion=b,o["accordion-item"]=$},i.FAccordion=d,i.FAccordionItem=y,i.accordionItemProps=g,i.accordionItemPropsResolver=$,i.accordionProps=h,i.accordionPropsResolver=b,i.default=d,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});