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

package/designer/progress/index.esm.js

@@ -0,0 +1,213 @@
+import W, { progressProps as k } from "../../components/progress/index.esm.js";
+import { withInstall as K } from "../../components/common/index.esm.js";
+import { resolveAppearance as N, createPropsResolver as V } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as E, ref as e, inject as H, onMounted as J, watch as Q, computed as o, createVNode as r } from "vue";
+import { useDesignerComponent as U } from "../../components/designer-canvas/index.esm.js";
+const p = /* @__PURE__ */ E({
+  name: "FProgressDesign",
+  props: k,
+  emits: [],
+  setup(t, n) {
+    const l = e(t.progressStatus), i = e(t.progressType), v = e(t.size), w = e(t.showInfo), x = e(t.strokeWidth), a = e(t.percent), d = e(t.strokeLinecap), c = e(!1), I = e(t.strokeColor), $ = e(null), y = e(0), g = e(t.width), P = e(""), C = e([]), m = e(""), S = e([]), B = e(t.enableBackgroundImg), O = e(t.backgroundImg), f = e(), R = H("design-item-context"), h = U(f, R);
+    J(() => {
+      f.value.componentInstance = h;
+    }), n.expose(h.value), Q(() => t.percent, (s) => {
+      a.value = s || 0;
+    });
+    const u = o(() => x.value || (i.value === "line" && v.value !== "small" ? 8 : 6)), b = o(() => i.value === "circle" || i.value === "dashboard"), M = o(() => {
+      const s = {
+        "f-progress": !0,
+        "f-progress-line": i.value === "line",
+        "ant-progress-small": v.value === "small",
+        "f-progress-show-info": w.value,
+        ".f-progress-circle": b.value
+      }, L = `f-progress-status-${l.value}`;
+      return s[L] = !0, s;
+    }), q = o(() => ({
+      width: `${a.value}%`,
+      "border-radius": d.value === "round" ? "100px" : "0",
+      backgroud: c.value ? null : I.value,
+      "background-image": c.value ? $.value : null,
+      height: `${u.value}px`
+    })), D = o(() => ({
+      width: `${a.value}%`,
+      "border-radius": d.value === "round" ? "100px" : "0",
+      height: `${u.value}px`,
+      "background-image": B.value ? O.value : null
+    })), F = o(() => y.value || y.value === 0);
+    function G() {
+      return r("div", {
+        class: "f-progress-outer"
+      }, [r("div", {
+        class: "f-progress-inner"
+      }, [r("div", {
+        class: "f-progress-bg",
+        style: q.value
+      }, null), F.value && r("div", {
+        class: "f-progress-success-bg",
+        style: D.value
+      }, null)])]);
+    }
+    const T = o(() => ({
+      width: `${g.value}px`,
+      height: `${g.value}px`,
+      "font-size": `${g.value * 0.15 + 6}px`,
+      "f-progress-circle-gradient": c.value
+    })), z = o(() => ({}));
+    function A() {
+      return r("div", {
+        class: "f-progress-inner",
+        style: T.value
+      }, [r("svg", {
+        class: "f-progress-circle",
+        viewBox: "0 0 100 100"
+      }, [c.value && r("defs", null, [r("linearGradient", {
+        id: "gradient-" + P.value,
+        x1: "100%",
+        y1: "0%",
+        x2: "0%",
+        y2: "0%"
+      }, [C.value.map((s) => r("stop", {
+        offset: s.offset,
+        "stop-color": s.color
+      }, null))])]), r("path", {
+        class: "f-progress-circle-trail",
+        stroke: "#efefef",
+        "fill-opacity": "0",
+        "stroke-width": u.value,
+        d: m.value,
+        style: z.value
+      }, null), S.value.map((s) => r("path", {
+        class: "f-progress-circle-path",
+        "fill-opacity": "0",
+        d: m.value,
+        "stroke-linecap": d.value,
+        stroke: s.stroke,
+        "stroke-width": a.value ? u.value : 0,
+        style: s.strokePathStyle
+      }, null))])]);
+    }
+    return () => r("div", {
+      ref: f,
+      class: M.value
+    }, [i.value === "line" && G(), b.value && A()]);
+  }
+}), X = /* @__PURE__ */ new Map([
+  ["appearance", N]
+]);
+function Y(t, n, l) {
+  return n;
+}
+const Z = "https://json-schema.org/draft/2020-12/schema", _ = "https://farris-design.gitee.io/progress.schema.json", ee = "progress", te = "A Farris Component", se = "object", re = {
+  id: {
+    description: "The unique identifier for progress",
+    type: "string"
+  },
+  type: {
+    description: "The type string of progress",
+    type: "string",
+    default: "progress"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, oe = [
+  "id",
+  "type"
+], ne = {
+  $schema: Z,
+  $id: _,
+  title: ee,
+  description: te,
+  type: se,
+  properties: re,
+  required: oe
+}, ie = "progress", le = "A Farris Component", ae = "object", ce = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, ue = {
+  title: ie,
+  description: le,
+  type: ae,
+  categories: ce
+}, j = V(k, ne, X, Y, ue);
+p.register = (t, n, l) => {
+  t.progress = W, n.progress = j;
+};
+p.registerDesigner = (t, n, l) => {
+  t.progress = p, n.progress = j;
+};
+const ye = K(p);
+export {
+  p as FProgressDesign,
+  ye as default,
+  j as propsResolver
+};

package/designer/progress/index.umd.cjs

@@ -0,0 +1 @@
+(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("../../components/progress/index.umd.js"),require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/progress/index.umd.js","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","vue","../../components/designer-canvas/index.umd.js"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.progress={},r.Progress,r.common,r.dynamicResolver,r.Vue,r.designerCanvas))})(this,function(r,o,x,y,e,$){"use strict";const i=e.defineComponent({name:"FProgressDesign",props:o.progressProps,emits:[],setup(t,n){const a=e.ref(t.progressStatus),c=e.ref(t.progressType),h=e.ref(t.size),V=e.ref(t.showInfo),N=e.ref(t.strokeWidth),l=e.ref(t.percent),g=e.ref(t.strokeLinecap),d=e.ref(!1),q=e.ref(t.strokeColor),B=e.ref(null),b=e.ref(0),f=e.ref(t.width),O=e.ref(""),M=e.ref([]),v=e.ref(""),R=e.ref([]),T=e.ref(t.enableBackgroundImg),D=e.ref(t.backgroundImg),m=e.ref(),F=e.inject("design-item-context"),j=$.useDesignerComponent(m,F);e.onMounted(()=>{m.value.componentInstance=j}),n.expose(j.value),e.watch(()=>t.percent,s=>{l.value=s||0});const p=e.computed(()=>N.value||(c.value==="line"&&h.value!=="small"?8:6)),k=e.computed(()=>c.value==="circle"||c.value==="dashboard"),G=e.computed(()=>{const s={"f-progress":!0,"f-progress-line":c.value==="line","ant-progress-small":h.value==="small","f-progress-show-info":V.value,".f-progress-circle":k.value},H=`f-progress-status-${a.value}`;return s[H]=!0,s}),z=e.computed(()=>({width:`${l.value}%`,"border-radius":g.value==="round"?"100px":"0",backgroud:d.value?null:q.value,"background-image":d.value?B.value:null,height:`${p.value}px`})),A=e.computed(()=>({width:`${l.value}%`,"border-radius":g.value==="round"?"100px":"0",height:`${p.value}px`,"background-image":T.value?D.value:null})),L=e.computed(()=>b.value||b.value===0);function W(){return e.createVNode("div",{class:"f-progress-outer"},[e.createVNode("div",{class:"f-progress-inner"},[e.createVNode("div",{class:"f-progress-bg",style:z.value},null),L.value&&e.createVNode("div",{class:"f-progress-success-bg",style:A.value},null)])])}const _=e.computed(()=>({width:`${f.value}px`,height:`${f.value}px`,"font-size":`${f.value*.15+6}px`,"f-progress-circle-gradient":d.value})),K=e.computed(()=>({}));function E(){return e.createVNode("div",{class:"f-progress-inner",style:_.value},[e.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[d.value&&e.createVNode("defs",null,[e.createVNode("linearGradient",{id:"gradient-"+O.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[M.value.map(s=>e.createVNode("stop",{offset:s.offset,"stop-color":s.color},null))])]),e.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":p.value,d:v.value,style:K.value},null),R.value.map(s=>e.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:v.value,"stroke-linecap":g.value,stroke:s.stroke,"stroke-width":l.value?p.value:0,style:s.strokePathStyle},null))])])}return()=>e.createVNode("div",{ref:m,class:G.value},[c.value==="line"&&W(),k.value&&E()])}}),w=new Map([["appearance",y.resolveAppearance]]);function I(t,n,a){return n}const P={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/progress.schema.json",title:"progress",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for progress",type:"string"},type:{description:"The type string of progress",type:"string",default:"progress"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},S={title:"progress",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:[]}}}}}},u=y.createPropsResolver(o.progressProps,P,w,I,S);i.register=(t,n,a)=>{t.progress=o,n.progress=u},i.registerDesigner=(t,n,a)=>{t.progress=i,n.progress=u};const C=x.withInstall(i);r.FProgressDesign=i,r.default=C,r.propsResolver=u,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});