@farris/ui-vue 1.7.3 → 1.7.5

package/components/page-footer/index.esm.js

@@ -1,5 +1,204 @@
-import { defineComponent as x, ref as n, computed as r, createVNode as o, Fragment as B } from "vue";
-const M = {
+import { defineComponent as D, ref as n, computed as c, createVNode as o, Fragment as $, inject as q, onMounted as L } from "vue";
+import { resolveAppearance as N, createPropsResolver as V } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as W } from "../designer-canvas/index.esm.js";
+import { useDesignerRules as z } from "../dynamic-form/index.esm.js";
+const E = /* @__PURE__ */ new Map([
+  ["appearance", N]
+]), G = "https://json-schema.org/draft/2020-12/schema", J = "https://farris-design.gitee.io/page-footer.schema.json", K = "page-footer", Q = "A Farris Input Component", U = "object", X = {
+  id: {
+    description: "The unique identifier for a page-footer",
+    type: "string"
+  },
+  type: {
+    description: "The type string of page-footer component",
+    type: "string",
+    default: "page-footer"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, Y = [
+  "id",
+  "type"
+], Z = {
+  $schema: G,
+  $id: J,
+  title: K,
+  description: Q,
+  type: U,
+  properties: X,
+  required: Y
+};
+function _(t, e, i) {
+  return e;
+}
+const ee = "page-footer", te = "A Farris Component", se = "object", oe = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  },
+  behavior: {
+    description: "Basic Infomation",
+    title: "行为",
+    properties: {
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean"
+      },
+      readonly: {
+        description: "",
+        title: "只读",
+        type: "string"
+      },
+      required: {
+        description: "",
+        title: "必填",
+        type: "boolean"
+      },
+      visible: {
+        description: "",
+        title: "可见",
+        type: "boolean"
+      },
+      placeholder: {
+        description: "",
+        title: "提示文本",
+        type: "string"
+      },
+      tabindex: {
+        description: "",
+        title: "tab索引",
+        type: "number"
+      },
+      textAlign: {
+        description: "",
+        title: "对齐方式",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          textField: "name",
+          valueField: "value",
+          data: [
+            {
+              value: "left",
+              name: "左对齐"
+            },
+            {
+              value: "center",
+              name: "居中"
+            },
+            {
+              value: "right",
+              name: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, ae = {
+  title: ee,
+  description: te,
+  type: se,
+  categories: oe
+}, k = {
   /** 
    * 组件自定义样式
    */
@@ -40,86 +239,170 @@ const M = {
    * 是否显示上方扩展区域
    */
   showHeader: { type: String, default: !1 }
-}, C = /* @__PURE__ */ x({
+}, B = V(k, Z, E, _, ae), w = /* @__PURE__ */ D({
   name: "FPageFooter",
-  props: M,
+  props: k,
   emits: [],
-  setup(a, s) {
-    const c = n(a.collapsed), f = r(() => a.collapsedText), i = n(a.contentClass), d = r(() => a.enableCollapse), p = r(() => a.expandedText), m = n(a.headerClass), h = n(a.headerContentClass), v = n(a.headerToolbarClass), b = r(() => a.showHeader), y = n(a.customClass);
-    function g(e) {
-      e && e.stopImmediatePropagation(), c.value = !c.value;
+  setup(t, e) {
+    const i = n(t.collapsed), C = c(() => t.collapsedText), h = n(t.contentClass), p = c(() => t.enableCollapse), T = c(() => t.expandedText), y = n(t.headerClass), A = n(t.headerContentClass), H = n(t.headerToolbarClass), j = c(() => t.showHeader), m = n(t.customClass);
+    function b(s) {
+      s && s.stopImmediatePropagation(), i.value = !i.value;
     }
-    function T() {
-      return d.value && o("div", {
+    function F() {
+      return p.value && o("div", {
         class: "toolbar--collapse",
-        onClick: (e) => g(e)
+        onClick: (s) => b(s)
       }, [o("span", {
         class: "toobar--collapse-text"
-      }, [c.value ? p.value : f.value]), o("i", {
+      }, [i.value ? T.value : C.value]), o("i", {
         class: "f-icon toolbar--collapse-icon"
       }, null)]);
     }
-    const A = r(() => {
-      const e = {
+    const S = c(() => {
+      const s = {
         "f-toolbar": !0
       };
-      return v.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
+      return H.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
     });
-    function H() {
+    function g() {
       return o("div", {
-        class: A.value
-      }, [s.slots.headerToolbar && s.slots.headerToolbar(), !s.slots.headerToolbar && T()]);
+        class: S.value
+      }, [e.slots.headerToolbar && e.slots.headerToolbar(), !e.slots.headerToolbar && F()]);
     }
-    const S = r(() => {
-      const e = {
+    const O = c(() => {
+      const s = {
         "f-content": !0
       };
-      return h.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
+      return A.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
     });
-    function F() {
-      return o(B, null, [s.slots.headerContent && o("div", {
-        class: S.value
-      }, [s.slots.headerContent()]), H()]);
+    function x() {
+      return o($, null, [e.slots.headerContent && o("div", {
+        class: O.value
+      }, [e.slots.headerContent()]), g()]);
     }
-    const j = r(() => {
-      const e = {
+    const I = c(() => {
+      const s = {
         "f-cmp-footer-header": !0
       };
-      return m.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
+      return y.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
     });
-    function O() {
+    function M() {
       return o("header", {
-        class: j.value
-      }, [s.slots.header && s.slots.header(), !s.slots.header && F()]);
+        class: I.value
+      }, [e.slots.header && e.slots.header(), !e.slots.header && x()]);
     }
-    const P = r(() => {
-      const e = {
+    const P = c(() => {
+      const s = {
         "f-cmp-footer": !0,
-        "f-state-collapse": d.value && c.value,
-        "f-cmp-footer-accordion": d.value
+        "f-state-collapse": p.value && i.value,
+        "f-cmp-footer-accordion": p.value
       };
-      return y.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
-    }), w = r(() => {
-      const e = {
+      return m.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
+    }), R = c(() => {
+      const s = {
         "f-cmp-footer-content": !0
       };
-      return i.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
+      return h.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
     });
     return () => o("div", {
       class: P.value
     }, [o("footer", {
       class: "f-cmp-footer-container"
-    }, [b.value && O(), o("div", {
-      class: w.value
-    }, [s.slots.default && s.slots.default()])])]);
+    }, [j.value && M(), o("div", {
+      class: R.value
+    }, [e.slots.default && e.slots.default()])])]);
+  }
+}), re = /* @__PURE__ */ D({
+  name: "FPageFooterDesign",
+  props: k,
+  emits: [],
+  setup(t, e) {
+    const i = n(t.collapsed), C = n(t.collapsedText), h = n(t.contentClass), p = n(t.enableCollapse), T = n(t.expandedText), y = n(t.headerClass), A = n(t.headerContentClass), H = n(t.headerToolbarClass), j = n(t.showHeader), m = n(), b = q("design-item-context"), F = q("designer-host-service"), S = z(b, F), g = W(m, b, S);
+    L(() => {
+      m.value.componentInstance = g;
+    }), e.expose(g.value);
+    function O(a) {
+      a && a.stopImmediatePropagation(), i.value = !i.value;
+    }
+    function x() {
+      return p.value && o("div", {
+        class: "toolbar--collapse",
+        onClick: (a) => O(a)
+      }, [o("span", {
+        class: "toobar--collapse-text"
+      }, [i.value ? T.value : C.value]), o("i", {
+        class: "f-icon toolbar--collapse-icon"
+      }, null)]);
+    }
+    const I = c(() => {
+      const a = {
+        "f-toolbar": !0
+      };
+      return H.value.split(" ").reduce((l, u) => (l[u] = !0, l), a), a;
+    });
+    function M() {
+      return o("div", {
+        class: I.value
+      }, [e.slots.headerToolbar && e.slots.headerToolbar(), !e.slots.headerToolbar && x()]);
+    }
+    const P = c(() => {
+      const a = {
+        "f-content": !0
+      };
+      return A.value.split(" ").reduce((l, u) => (l[u] = !0, l), a), a;
+    });
+    function R() {
+      return o($, null, [e.slots.headerContent && o("div", {
+        class: P.value
+      }, [e.slots.headerContent()]), M()]);
+    }
+    const s = c(() => {
+      const a = {
+        "f-cmp-footer-header": !0
+      };
+      return y.value.split(" ").reduce((l, u) => (l[u] = !0, l), a), a;
+    });
+    function f() {
+      return o("header", {
+        class: s.value
+      }, [e.slots.header && e.slots.header(), !e.slots.header && R()]);
+    }
+    const r = c(() => {
+      const a = {
+        "f-cmp-footer": !0,
+        "f-state-collapse": p.value && i.value,
+        "f-cmp-footer-accordion": p.value
+      };
+      return y.value.split(" ").reduce((l, u) => (l[u] = !0, l), a), a;
+    }), d = c(() => {
+      const a = {
+        "f-cmp-footer-content": !0
+      };
+      return h.value.split(" ").reduce((l, u) => (l[u] = !0, l), a), a;
+    });
+    return () => o("div", {
+      ref: m,
+      class: r.value
+    }, [o("footer", {
+      class: "f-cmp-footer-container"
+    }, [j.value && f(), o("div", {
+      class: d.value
+    }, [e.slots.default && e.slots.default()])])]);
   }
-}), I = {
-  install(a) {
-    a.component(C.name, C);
+}), de = {
+  install(t) {
+    t.component(w.name, w);
+  },
+  register(t, e, i, C) {
+    t["page-footer"] = w, e["page-footer"] = B;
+  },
+  registerDesigner(t, e, i) {
+    t["page-footer"] = re, e["page-footer"] = B;
   }
 };
 export {
-  C as FPageFooter,
-  I as default,
-  M as pageFooterProps
+  w as FPageFooter,
+  de as default,
+  k as pageFooterProps,
+  B as propsResolver
 };

package/components/page-footer/index.umd.cjs

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["page-footer"]={},r.Vue))})(this,function(r,e){"use strict";const f={customClass:{type:String,default:""},enableCollapse:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!0},collapsedText:{type:String,default:"More"},expandedText:{type:String,default:"More"},contentClass:{type:String,default:""},headerClass:{type:String,default:""},headerContentClass:{type:String,default:""},headerToolbarClass:{type:String,default:""},showHeader:{type:String,default:!1}},d=e.defineComponent({name:"FPageFooter",props:f,emits:[],setup(a,s){const n=e.ref(a.collapsed),p=e.computed(()=>a.collapsedText),C=e.ref(a.contentClass),u=e.computed(()=>a.enableCollapse),m=e.computed(()=>a.expandedText),h=e.ref(a.headerClass),b=e.ref(a.headerContentClass),y=e.ref(a.headerToolbarClass),g=e.computed(()=>a.showHeader),T=e.ref(a.customClass);function S(t){t&&t.stopImmediatePropagation(),n.value=!n.value}function V(){return u.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:t=>S(t)},[e.createVNode("span",{class:"toobar--collapse-text"},[n.value?m.value:p.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const A=e.computed(()=>{const t={"f-toolbar":!0};return y.value.split(" ").reduce((o,l)=>(o[l]=!0,o),t),t});function N(){return e.createVNode("div",{class:A.value},[s.slots.headerToolbar&&s.slots.headerToolbar(),!s.slots.headerToolbar&&V()])}const F=e.computed(()=>{const t={"f-content":!0};return b.value.split(" ").reduce((o,l)=>(o[l]=!0,o),t),t});function H(){return e.createVNode(e.Fragment,null,[s.slots.headerContent&&e.createVNode("div",{class:F.value},[s.slots.headerContent()]),N()])}const j=e.computed(()=>{const t={"f-cmp-footer-header":!0};return h.value.split(" ").reduce((o,l)=>(o[l]=!0,o),t),t});function P(){return e.createVNode("header",{class:j.value},[s.slots.header&&s.slots.header(),!s.slots.header&&H()])}const O=e.computed(()=>{const t={"f-cmp-footer":!0,"f-state-collapse":u.value&&n.value,"f-cmp-footer-accordion":u.value};return T.value.split(" ").reduce((o,l)=>(o[l]=!0,o),t),t}),M=e.computed(()=>{const t={"f-cmp-footer-content":!0};return C.value.split(" ").reduce((o,l)=>(o[l]=!0,o),t),t});return()=>e.createVNode("div",{class:O.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[g.value&&P(),e.createVNode("div",{class:M.value},[s.slots.default&&s.slots.default()])])])}}),i={install(a){a.component(d.name,d)}};r.FPageFooter=d,r.default=i,r.pageFooterProps=f,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../dynamic-form/index.umd.js"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["page-footer"]={},l.Vue,l.dynamicResolver,l.designerCanvas,l.dynamicForm))})(this,function(l,e,R,I,w){"use strict";const k=new Map([["appearance",R.resolveAppearance]]),B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-footer.schema.json",title:"page-footer",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a page-footer",type:"string"},type:{description:"The type string of page-footer component",type:"string",default:"page-footer"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""}},required:["id","type"]};function D(o,t,c){return t}const L={title:"page-footer",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},m={customClass:{type:String,default:""},enableCollapse:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!0},collapsedText:{type:String,default:"More"},expandedText:{type:String,default:"More"},contentClass:{type:String,default:""},headerClass:{type:String,default:""},headerContentClass:{type:String,default:""},headerToolbarClass:{type:String,default:""},showHeader:{type:String,default:!1}},j=R.createPropsResolver(m,B,k,D,L),C=e.defineComponent({name:"FPageFooter",props:m,emits:[],setup(o,t){const c=e.ref(o.collapsed),y=e.computed(()=>o.collapsedText),A=e.ref(o.contentClass),p=e.computed(()=>o.enableCollapse),v=e.computed(()=>o.expandedText),g=e.ref(o.headerClass),V=e.ref(o.headerContentClass),F=e.ref(o.headerToolbarClass),N=e.computed(()=>o.showHeader),f=e.ref(o.customClass);function b(s){s&&s.stopImmediatePropagation(),c.value=!c.value}function H(){return p.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:s=>b(s)},[e.createVNode("span",{class:"toobar--collapse-text"},[c.value?v.value:y.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const S=e.computed(()=>{const s={"f-toolbar":!0};return F.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});function h(){return e.createVNode("div",{class:S.value},[t.slots.headerToolbar&&t.slots.headerToolbar(),!t.slots.headerToolbar&&H()])}const x=e.computed(()=>{const s={"f-content":!0};return V.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});function O(){return e.createVNode(e.Fragment,null,[t.slots.headerContent&&e.createVNode("div",{class:x.value},[t.slots.headerContent()]),h()])}const P=e.computed(()=>{const s={"f-cmp-footer-header":!0};return g.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});function q(){return e.createVNode("header",{class:P.value},[t.slots.header&&t.slots.header(),!t.slots.header&&O()])}const M=e.computed(()=>{const s={"f-cmp-footer":!0,"f-state-collapse":p.value&&c.value,"f-cmp-footer-accordion":p.value};return f.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s}),$=e.computed(()=>{const s={"f-cmp-footer-content":!0};return A.value.split(" ").reduce((a,d)=>(a[d]=!0,a),s),s});return()=>e.createVNode("div",{class:M.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[N.value&&q(),e.createVNode("div",{class:$.value},[t.slots.default&&t.slots.default()])])])}}),_=e.defineComponent({name:"FPageFooterDesign",props:m,emits:[],setup(o,t){const c=e.ref(o.collapsed),y=e.ref(o.collapsedText),A=e.ref(o.contentClass),p=e.ref(o.enableCollapse),v=e.ref(o.expandedText),g=e.ref(o.headerClass),V=e.ref(o.headerContentClass),F=e.ref(o.headerToolbarClass),N=e.ref(o.showHeader),f=e.ref(),b=e.inject("design-item-context"),H=e.inject("designer-host-service"),S=w.useDesignerRules(b,H),h=I.useDesignerComponent(f,b,S);e.onMounted(()=>{f.value.componentInstance=h}),t.expose(h.value);function x(r){r&&r.stopImmediatePropagation(),c.value=!c.value}function O(){return p.value&&e.createVNode("div",{class:"toolbar--collapse",onClick:r=>x(r)},[e.createVNode("span",{class:"toobar--collapse-text"},[c.value?v.value:y.value]),e.createVNode("i",{class:"f-icon toolbar--collapse-icon"},null)])}const P=e.computed(()=>{const r={"f-toolbar":!0};return F.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});function q(){return e.createVNode("div",{class:P.value},[t.slots.headerToolbar&&t.slots.headerToolbar(),!t.slots.headerToolbar&&O()])}const M=e.computed(()=>{const r={"f-content":!0};return V.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});function $(){return e.createVNode(e.Fragment,null,[t.slots.headerContent&&e.createVNode("div",{class:M.value},[t.slots.headerContent()]),q()])}const s=e.computed(()=>{const r={"f-cmp-footer-header":!0};return g.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});function u(){return e.createVNode("header",{class:s.value},[t.slots.header&&t.slots.header(),!t.slots.header&&$()])}const a=e.computed(()=>{const r={"f-cmp-footer":!0,"f-state-collapse":p.value&&c.value,"f-cmp-footer-accordion":p.value};return g.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r}),d=e.computed(()=>{const r={"f-cmp-footer-content":!0};return A.value.split(" ").reduce((n,i)=>(n[i]=!0,n),r),r});return()=>e.createVNode("div",{ref:f,class:a.value},[e.createVNode("footer",{class:"f-cmp-footer-container"},[N.value&&u(),e.createVNode("div",{class:d.value},[t.slots.default&&t.slots.default()])])])}}),W={install(o){o.component(C.name,C)},register(o,t,c,y){o["page-footer"]=C,t["page-footer"]=j},registerDesigner(o,t,c){o["page-footer"]=_,t["page-footer"]=j}};l.FPageFooter=C,l.default=W,l.pageFooterProps=m,l.propsResolver=j,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});