@farris/ui-vue 1.1.0 → 1.1.1

package/progress/index.esm.js

@@ -1,668 +0,0 @@
-import { computed as y, defineComponent as z, ref as d, watch as q, createVNode as h, Fragment as J, inject as Q, onMounted as U } from "vue";
-import { cloneDeep as Z } from "lodash-es";
-const _ = {}, X = {};
-function L(e) {
-  const { properties: t, title: r } = e, n = Object.keys(t).reduce((c, i) => (c[i] = t[i].type === "object" && t[i].properties ? L(t[i]) : Z(t[i].default), c), {});
-  return n.id = `${r}-${Date.now()}`, n;
-}
-function G(e, t = {}) {
-  const r = _[e];
-  if (r) {
-    let n = L(r);
-    const c = X[e];
-    return n = c ? c({ getSchemaByType: G }, n, t) : n, n;
-  }
-  return null;
-}
-function K(e, t) {
-  const r = L(t);
-  return Object.keys(e).reduce((n, c) => (n[c] = e[c], n), r), r;
-}
-function I(e, t) {
-  return Object.keys(e).filter((n) => e[n] != null).reduce((n, c) => {
-    if (t.has(c)) {
-      const i = t.get(c);
-      if (typeof i == "string")
-        n[i] = e[c];
-      else {
-        const p = i(c, e[c], e);
-        Object.assign(n, p);
-      }
-    } else
-      n[c] = e[c];
-    return n;
-  }, {});
-}
-function R(e, t, r = /* @__PURE__ */ new Map()) {
-  const n = K(e, t);
-  return I(n, r);
-}
-function ee(e = {}) {
-  function t(s, o, u, l) {
-    if (typeof u == "number")
-      return l[s].length === u;
-    if (typeof u == "object") {
-      const m = Object.keys(u)[0], S = u[m];
-      if (m === "not")
-        return Number(l[s].length) !== Number(S);
-      if (m === "moreThan")
-        return Number(l[s].length) >= Number(S);
-      if (m === "lessThan")
-        return Number(l[s].length) <= Number(S);
-    }
-    return !1;
-  }
-  function r(s, o, u, l) {
-    return l[o] && l[o].propertyValue && String(l[o].propertyValue.value) === String(u);
-  }
-  const n = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", r]
-  ]);
-  Object.keys(e).reduce((s, o) => (s.set(o, e[o]), s), n);
-  function c(s, o) {
-    const u = s;
-    return typeof o == "number" ? [{ target: u, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: u, operator: "getProperty", param: s, value: !!o }] : typeof o == "object" ? Object.keys(o).map((l) => {
-      if (l === "length")
-        return { target: u, operator: "length", param: null, value: o[l] };
-      const m = l, S = o[l];
-      return { target: u, operator: s, param: m, value: S };
-    }) : [];
-  }
-  function i(s) {
-    return Object.keys(s).reduce((u, l) => {
-      const m = c(l, s[l]);
-      return u.push(...m), u;
-    }, []);
-  }
-  function p(s, o) {
-    if (n.has(s.operator)) {
-      const u = n.get(s.operator);
-      return u && u(s.target, s.param, s.value, o) || !1;
-    }
-    return !1;
-  }
-  function g(s, o) {
-    return i(s).reduce((m, S) => m && p(S, o), !0);
-  }
-  function k(s, o) {
-    const u = Object.keys(s), l = u.includes("allOf"), m = u.includes("anyOf"), S = l || m, f = (S ? s[S ? l ? "allOf" : "anyOf" : "allOf"] : [s]).map((P) => g(P, o));
-    return l ? !f.includes(!1) : f.includes(!0);
-  }
-  return { parseValueSchema: k };
-}
-const te = {}, re = {};
-ee();
-function se(e, t, r = /* @__PURE__ */ new Map(), n = (p, g, k) => g, c = {}, i = (p) => p) {
-  return _[t.title] = t, X[t.title] = n, te[t.title] = c, re[t.title] = i, (p = {}) => {
-    const g = R(p, t, r), k = Object.keys(e).reduce((s, o) => (s[o] = e[o].default, s), {});
-    return Object.assign(k, g);
-  };
-}
-function ne(e, t) {
-  return { customClass: t.class };
-}
-const oe = /* @__PURE__ */ new Map([
-  ["appearance", ne]
-]);
-function ce(e, t, r) {
-  return t;
-}
-const ae = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/progress.schema.json", ue = "progress", ie = "A Farris Component", fe = "object", pe = {
-  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
-  }
-}, ge = [
-  "id",
-  "type"
-], de = {
-  $schema: ae,
-  $id: le,
-  title: ue,
-  description: ie,
-  type: fe,
-  properties: pe,
-  required: ge
-}, he = "progress", ye = "A Farris Component", ve = "object", me = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, ke = {
-  title: he,
-  description: ye,
-  type: ve,
-  categories: me
-}, V = {
-  progressType: { type: String, default: "line" },
-  strokeWidth: { type: Number, default: 0 },
-  size: { type: String, default: "default" },
-  showInfo: { type: Boolean, default: !0 },
-  progressStatus: { type: String, default: "default" },
-  successPercent: { type: Number, default: 0 },
-  strokeColor: { type: String, default: "" },
-  strokeLinecap: { type: String, default: "round" },
-  width: { type: Number, default: 100 },
-  percent: { type: Number, default: 20 },
-  /**
-   * 启用成功分段背景图片
-   */
-  enableBackgroundImg: { type: Boolean, default: !1 },
-  /**
-   * 成功分段背景图片
-   */
-  backgroundImg: { type: String, default: "" },
-  /**
-   * 仪表盘缺口位置
-   */
-  gapPosition: { type: String },
-  /**
-   * 仪表盘缺口角度，默认0°
-   */
-  gapDegree: { type: Number, default: 0 },
-  /**
-   * 格式化进度信息
-   */
-  format: { type: Function, default: (e, t) => `${e}%` }
-}, F = se(V, de, oe, ce, ke);
-function be(e) {
-  function t(p) {
-    return +p.replace("%", "");
-  }
-  function r(p) {
-    let g = [];
-    return Object.keys(p).forEach((k) => {
-      const s = p[k], o = t(k);
-      isNaN(o) || g.push({
-        key: o,
-        value: s
-      });
-    }), g = g.sort((k, s) => k.key - s.key), g;
-  }
-  const n = y(() => !!e.strokeColor && typeof e.strokeColor != "string"), c = y(() => {
-    const { from: p = "#59a1ff", to: g = "#59a1ff", direction: k = "to right", ...s } = e.strokeColor;
-    if (Object.keys(s).length !== 0) {
-      const o = r(s).map(({ key: u, value: l }) => `${l} ${u}%`).join(", ");
-      return `linear-gradient(${k}, ${o})`;
-    }
-    return `linear-gradient(${k}, ${p}, ${g})`;
-  }), i = y(() => r(e.strokeColor).map(({ key: p, value: g }) => ({ offset: `${p}%`, color: g })));
-  return {
-    isGradient: n,
-    linearGradient: c,
-    circleGradient: i
-  };
-}
-function Se(e) {
-  return { strokeWidth: y(() => e.strokeWidth || (e.progressType === "line" && e.size !== "small" ? 8 : 6)) };
-}
-function Pe(e) {
-  return { formatPercentageText: y(() => e.format(e.percent, e.successPercent)) };
-}
-function $e(e, t, r, n) {
-  const { isCircleStyle: c } = t, { isGradient: i, linearGradient: p } = r, { strokeWidth: g } = n, k = y(() => {
-    const f = {
-      "f-progress": !0,
-      "f-progress-line": e.progressType === "line",
-      "ant-progress-small": e.size === "small",
-      "f-progress-show-info": e.showInfo,
-      "f-progress-circle": c.value
-    }, $ = `f-progress-status-${e.progressStatus}`;
-    return f[$] = !0, f;
-  }), s = y(() => ({
-    width: `${e.width}px`,
-    height: `${e.width}px`,
-    "font-size": `${e.width * 0.15 + 6}px`,
-    "f-progress-circle-gradient": i.value
-  })), o = y(() => ({
-    "f-progress-inner": !0,
-    "f-progress-circle-gradient": i.value
-  })), u = 0, l = y(() => u + 1), m = y(() => {
-    const f = 50 - g.value / 2, $ = e.gapPosition || (e.progressType === "circle" ? "top" : "bottom");
-    let P = 0, w = -f, j = 0, a = f * -2;
-    switch ($) {
-      case "left":
-        P = -f, w = 0, j = f * 2, a = 0;
-        break;
-      case "right":
-        P = f, w = 0, j = f * -2, a = 0;
-        break;
-      case "bottom":
-        w = f, a = f * 2;
-        break;
-    }
-    return `M 50,50 m ${P},${w}
-                a ${f},${f} 0 1 1 ${j},${-a}
-                a ${f},${f} 0 1 1 ${-j},${a}`;
-  }), S = y(() => {
-    const f = 50 - g.value / 2, $ = Math.PI * 2 * f, P = e.gapDegree || (e.progressType === "circle" ? 0 : 75);
-    return {
-      strokeDasharray: `${$ - P}px ${$}px`,
-      strokeDashoffset: `-${P / 2}px`,
-      transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
-    };
-  }), B = y(() => {
-    const f = 50 - g.value / 2, $ = Math.PI * 2 * f, P = e.gapDegree || (e.progressType === "circle" ? 0 : 75), w = e.successPercent !== void 0 && e.successPercent !== null ? [e.successPercent, e.percent] : [e.percent];
-    return w.map((j, a) => {
-      const v = w.length === 2 && a === 0;
-      return {
-        stroke: i.value && !v ? `url(#gradient-${l.value})` : null,
-        strokePathStyle: {
-          stroke: i.value ? null : v ? "default" : e.strokeColor,
-          transition: "stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",
-          strokeDasharray: `${(j || 0) / 100 * ($ - P)}px ${$}px`,
-          strokeDashoffset: `-${P / 2}px`
-        }
-      };
-    }).reverse();
-  }), T = y(() => ({
-    width: `${e.percent}%`,
-    "border-radius": e.strokeLinecap === "round" ? "100px" : "0",
-    background: i.value ? null : e.strokeColor,
-    "background-image": i.value ? p.value : null,
-    height: `${g.value}px`
-  }));
-  return {
-    progressClass: k,
-    inCircleProgressBarStyle: s,
-    inCircleProgressBarClass: o,
-    pathString: m,
-    trailPathStyle: S,
-    progressCirclePaths: B,
-    gradientId: l,
-    inlineProgressBackgroundStyle: T
-  };
-}
-function we(e) {
-  return { isCircleStyle: y(() => e.progressType === "circle" || e.progressType === "dashboard") };
-}
-function Ce(e) {
-  const t = y(() => {
-    const c = {
-      "f-progress-text-icon": !0,
-      "f-icon": !0
-    }, i = `f-icon-${e.progressStatus}`;
-    return c[i] = !0, c;
-  }), r = y(() => {
-    const c = {
-      "f-progress-text-icon": !0,
-      "f-icon": !0
-    }, i = e.progressStatus === "success" ? "f-icon-checkmark" : "f-icon-x";
-    return c[i] = !0, c;
-  }), n = y(() => e.progressStatus === "error" || e.progressStatus === "success");
-  return {
-    inlineProgrssStatusClass: t,
-    circleProgrssStatusClass: r,
-    shouldShowStatus: n
-  };
-}
-function je(e) {
-  const t = y(() => ({
-    width: `${e.successPercent}%`,
-    "border-radius": e.strokeLinecap === "round" ? "100px" : "0",
-    height: `${e.strokeWidth}px`,
-    "background-image": e.enableBackgroundImg ? `url(${e.backgroundImg})` : null
-  })), r = y(() => e.successPercent || e.successPercent === 0);
-  return { inlineProgressSuccessBackgroundStyle: t, shouldShowSuccessInlineProgressBackground: r };
-}
-const A = /* @__PURE__ */ z({
-  name: "FProgress",
-  props: V,
-  emits: [],
-  setup(e, t) {
-    const r = d(e.progressType), n = d(e.showInfo), c = d(e.percent), i = d(e.strokeLinecap), p = be(e), {
-      isGradient: g,
-      circleGradient: k
-    } = p, s = Se(e), {
-      strokeWidth: o
-    } = s, {
-      formatPercentageText: u
-    } = Pe(e), l = we(e), {
-      isCircleStyle: m
-    } = l, {
-      progressClass: S,
-      inCircleProgressBarStyle: B,
-      inCircleProgressBarClass: T,
-      pathString: f,
-      trailPathStyle: $,
-      progressCirclePaths: P,
-      gradientId: w,
-      inlineProgressBackgroundStyle: j
-    } = $e(e, l, p, s), {
-      inlineProgrssStatusClass: a,
-      circleProgrssStatusClass: v,
-      shouldShowStatus: b
-    } = Ce(e), {
-      inlineProgressSuccessBackgroundStyle: M,
-      shouldShowSuccessInlineProgressBackground: N
-    } = je(e);
-    q(() => e.percent, (D) => {
-      c.value = D || 0;
-    });
-    function O() {
-      return n.value && h("span", {
-        class: "f-progress-text"
-      }, [b.value ? h("span", {
-        class: m.value ? v.value : a.value
-      }, null) : u.value]);
-    }
-    function E() {
-      return h(J, null, [h("div", {
-        class: "f-progress-outer"
-      }, [h("div", {
-        class: "f-progress-inner"
-      }, [h("div", {
-        class: "f-progress-bg",
-        style: j.value
-      }, null), N.value && h("div", {
-        class: "f-progress-success-bg",
-        style: M.value
-      }, null)])]), O()]);
-    }
-    function W() {
-      return h("div", {
-        class: T.value,
-        style: B.value
-      }, [h("svg", {
-        class: "f-progress-circle",
-        viewBox: "0 0 100 100"
-      }, [g.value && h("defs", null, [h("linearGradient", {
-        id: "gradient-" + w.value,
-        x1: "100%",
-        y1: "0%",
-        x2: "0%",
-        y2: "0%"
-      }, [k.value.map((D) => h("stop", {
-        offset: D.offset,
-        "stop-color": D.color
-      }, null))])]), h("path", {
-        class: "f-progress-circle-trail",
-        stroke: "#efefef",
-        "fill-opacity": "0",
-        "stroke-width": o.value,
-        d: f.value,
-        style: $.value
-      }, null), P.value.map((D) => h("path", {
-        class: "f-progress-circle-path",
-        "fill-opacity": "0",
-        d: f.value,
-        "stroke-linecap": i.value,
-        stroke: D.stroke,
-        "stroke-width": c.value ? o.value : 0,
-        style: D.strokePathStyle
-      }, null))]), O()]);
-    }
-    return () => h("div", {
-      class: S.value
-    }, [r.value === "line" && E(), m.value && W()]);
-  }
-});
-function Oe(e, t, r) {
-  var j;
-  function n() {
-    r != null && r.resolveComponentContext && r.resolveComponentContext();
-  }
-  n();
-  const c = r && r.getStyles && r.getStyles() || "", i = r && r.getDesignerClass && r.getDesignerClass() || "", p = d();
-  function g() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : r && r.checkCanMoveComponent ? r.checkCanMoveComponent() : !0;
-  }
-  function k() {
-    return !1;
-  }
-  function s() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : r && r.checkCanDeleteComponent ? r.checkCanDeleteComponent() : !0;
-  }
-  function o() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : r && r.hideNestedPaddingInDesginerView ? r.hideNestedPaddingInDesginerView() : !1;
-  }
-  function u(a) {
-    if (!a || !a.value)
-      return null;
-    if (a.value.schema && a.value.schema.type === "component")
-      return a.value;
-    const v = d(a == null ? void 0 : a.value.parent), b = u(v);
-    return b || null;
-  }
-  function l(a = t) {
-    const { componentInstance: v, designerItemElementRef: b } = a;
-    return !v || !v.value ? null : v.value.canMove ? b : l(a.parent);
-  }
-  function m(a) {
-    return !!r && r.canAccepts(a);
-  }
-  function S() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function B() {
-  }
-  function T(a, v) {
-    v && r != null && r.onAcceptMovedChildElement && r.onAcceptMovedChildElement(v);
-  }
-  function f(a) {
-    const { componentType: v } = a;
-    let b = G(v, a);
-    r && r.onResolveNewComponentSchema && (b = r.onResolveNewComponentSchema(a, b));
-    const M = v.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === v && (b.id = `${M}_${Math.random().toString().slice(2, 6)}`), b;
-  }
-  function $(a, v) {
-    const b = String(a.getAttribute("data-controltype")), M = a.getAttribute("data-feature"), N = M ? JSON.parse(M) : {};
-    N.parentComponentInstance = p.value;
-    let O = G(b, N);
-    r && r.onAcceptNewChildElement && (O = r.onAcceptNewChildElement(a, v, O));
-    const E = b.toLowerCase().replace("-", "_");
-    return O && !O.id && O.type === b && (O.id = `${E}_${Math.random().toString().slice(2, 6)}`), O;
-  }
-  function P(a) {
-  }
-  function w() {
-    return r && r.getPropsConfig ? r.getPropsConfig() : [];
-  }
-  return p.value = {
-    canMove: g(),
-    canSelectParent: k(),
-    canDelete: s(),
-    canNested: !o(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (j = t == null ? void 0 : t.parent) == null ? void 0 : j.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: c,
-    designerClass: i,
-    canAccepts: m,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: l,
-    getDraggingDisplayText: S,
-    getPropConfig: w,
-    getDragScopeElement: B,
-    onAcceptMovedChildElement: T,
-    onAcceptNewChildElement: $,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: f,
-    updateDragAndDropRules: n,
-    triggerBelongedComponentToMoveWhenMoved: !!r && r.triggerBelongedComponentToMoveWhenMoved || d(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!r && r.triggerBelongedComponentToDeleteWhenDeleted || d(!1)
-  }, p;
-}
-const Be = /* @__PURE__ */ z({
-  name: "FProgressDesign",
-  props: V,
-  emits: [],
-  setup(e, t) {
-    const r = d(e.progressStatus), n = d(e.progressType), c = d(e.size), i = d(e.showInfo), p = d(e.strokeWidth), g = d(e.percent), k = d(e.strokeLinecap), s = d(!1), o = d(e.strokeColor), u = d(null), l = d(0), m = d(e.width), S = d(""), B = d([]), T = d(""), f = d([]), $ = d(e.enableBackgroundImg), P = d(e.backgroundImg), w = d(), j = Q("design-item-context"), a = Oe(w, j);
-    U(() => {
-      w.value.componentInstance = a;
-    }), t.expose(a.value), q(() => e.percent, (C) => {
-      g.value = C || 0;
-    });
-    const v = y(() => p.value || (n.value === "line" && c.value !== "small" ? 8 : 6)), b = y(() => n.value === "circle" || n.value === "dashboard"), M = y(() => {
-      const C = {
-        "f-progress": !0,
-        "f-progress-line": n.value === "line",
-        "ant-progress-small": c.value === "small",
-        "f-progress-show-info": i.value,
-        ".f-progress-circle": b.value
-      }, H = `f-progress-status-${r.value}`;
-      return C[H] = !0, C;
-    }), N = y(() => ({
-      width: `${g.value}%`,
-      "border-radius": k.value === "round" ? "100px" : "0",
-      backgroud: s.value ? null : o.value,
-      "background-image": s.value ? u.value : null,
-      height: `${v.value}px`
-    })), O = y(() => ({
-      width: `${g.value}%`,
-      "border-radius": k.value === "round" ? "100px" : "0",
-      height: `${v.value}px`,
-      "background-image": $.value ? P.value : null
-    })), E = y(() => l.value || l.value === 0);
-    function W() {
-      return h("div", {
-        class: "f-progress-outer"
-      }, [h("div", {
-        class: "f-progress-inner"
-      }, [h("div", {
-        class: "f-progress-bg",
-        style: N.value
-      }, null), E.value && h("div", {
-        class: "f-progress-success-bg",
-        style: O.value
-      }, null)])]);
-    }
-    const D = y(() => ({
-      width: `${m.value}px`,
-      height: `${m.value}px`,
-      "font-size": `${m.value * 0.15 + 6}px`,
-      "f-progress-circle-gradient": s.value
-    })), Y = y(() => ({}));
-    function x() {
-      return h("div", {
-        class: "f-progress-inner",
-        style: D.value
-      }, [h("svg", {
-        class: "f-progress-circle",
-        viewBox: "0 0 100 100"
-      }, [s.value && h("defs", null, [h("linearGradient", {
-        id: "gradient-" + S.value,
-        x1: "100%",
-        y1: "0%",
-        x2: "0%",
-        y2: "0%"
-      }, [B.value.map((C) => h("stop", {
-        offset: C.offset,
-        "stop-color": C.color
-      }, null))])]), h("path", {
-        class: "f-progress-circle-trail",
-        stroke: "#efefef",
-        "fill-opacity": "0",
-        "stroke-width": v.value,
-        d: T.value,
-        style: Y.value
-      }, null), f.value.map((C) => h("path", {
-        class: "f-progress-circle-path",
-        "fill-opacity": "0",
-        d: T.value,
-        "stroke-linecap": k.value,
-        stroke: C.stroke,
-        "stroke-width": g.value ? v.value : 0,
-        style: C.strokePathStyle
-      }, null))])]);
-    }
-    return () => h("div", {
-      ref: w,
-      class: M.value
-    }, [n.value === "line" && W(), b.value && x()]);
-  }
-}), Me = {
-  install(e) {
-    e.component(A.name, A);
-  },
-  register(e, t, r) {
-    e.progress = A, t.progress = F;
-  },
-  registerDesigner(e, t, r) {
-    e.progress = Be, t.progress = F;
-  }
-};
-export {
-  A as Progress,
-  Me as default,
-  V as progressProps,
-  F as propsResolver
-};