@farris/ui-vue 1.7.0-beta.4 → 1.7.0

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

@@ -1,204 +1,5 @@
-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 = {
+import { defineComponent as x, ref as n, computed as r, createVNode as o, Fragment as B } from "vue";
+const M = {
   /** 
    * 组件自定义样式
    */
@@ -239,170 +40,86 @@ const ee = "page-footer", te = "A Farris Component", se = "object", oe = {
    * 是否显示上方扩展区域
    */
   showHeader: { type: String, default: !1 }
-}, B = V(k, Z, E, _, ae), w = /* @__PURE__ */ D({
+}, C = /* @__PURE__ */ x({
   name: "FPageFooter",
-  props: k,
+  props: M,
   emits: [],
-  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;
+  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;
     }
-    function F() {
-      return p.value && o("div", {
+    function T() {
+      return d.value && o("div", {
         class: "toolbar--collapse",
-        onClick: (s) => b(s)
+        onClick: (e) => g(e)
       }, [o("span", {
         class: "toobar--collapse-text"
-      }, [i.value ? T.value : C.value]), o("i", {
+      }, [c.value ? p.value : f.value]), o("i", {
         class: "f-icon toolbar--collapse-icon"
       }, null)]);
     }
-    const S = c(() => {
-      const s = {
+    const A = r(() => {
+      const e = {
         "f-toolbar": !0
       };
-      return H.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
+      return v.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
     });
-    function g() {
+    function H() {
       return o("div", {
-        class: S.value
-      }, [e.slots.headerToolbar && e.slots.headerToolbar(), !e.slots.headerToolbar && F()]);
+        class: A.value
+      }, [s.slots.headerToolbar && s.slots.headerToolbar(), !s.slots.headerToolbar && T()]);
     }
-    const O = c(() => {
-      const s = {
+    const S = r(() => {
+      const e = {
         "f-content": !0
       };
-      return A.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
+      return h.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
     });
-    function x() {
-      return o($, null, [e.slots.headerContent && o("div", {
-        class: O.value
-      }, [e.slots.headerContent()]), g()]);
+    function F() {
+      return o(B, null, [s.slots.headerContent && o("div", {
+        class: S.value
+      }, [s.slots.headerContent()]), H()]);
     }
-    const I = c(() => {
-      const s = {
+    const j = r(() => {
+      const e = {
         "f-cmp-footer-header": !0
       };
-      return y.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
+      return m.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
     });
-    function M() {
+    function O() {
       return o("header", {
-        class: I.value
-      }, [e.slots.header && e.slots.header(), !e.slots.header && x()]);
+        class: j.value
+      }, [s.slots.header && s.slots.header(), !s.slots.header && F()]);
     }
-    const P = c(() => {
-      const s = {
+    const P = r(() => {
+      const e = {
         "f-cmp-footer": !0,
-        "f-state-collapse": p.value && i.value,
-        "f-cmp-footer-accordion": p.value
+        "f-state-collapse": d.value && c.value,
+        "f-cmp-footer-accordion": d.value
       };
-      return m.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
-    }), R = c(() => {
-      const s = {
+      return y.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
+    }), w = r(() => {
+      const e = {
         "f-cmp-footer-content": !0
       };
-      return h.value.split(" ").reduce((r, d) => (r[d] = !0, r), s), s;
+      return i.value.split(" ").reduce((t, l) => (t[l] = !0, t), e), e;
     });
     return () => o("div", {
       class: P.value
     }, [o("footer", {
       class: "f-cmp-footer-container"
-    }, [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()])])]);
+    }, [b.value && O(), o("div", {
+      class: w.value
+    }, [s.slots.default && s.slots.default()])])]);
   }
-}), 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;
+}), I = {
+  install(a) {
+    a.component(C.name, C);
   }
 };
 export {
-  w as FPageFooter,
-  de as default,
-  k as pageFooterProps,
-  B as propsResolver
+  C as FPageFooter,
+  I as default,
+  M as pageFooterProps
 };

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

@@ -1 +1 @@
-(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"}})});
+(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"}})});