@farris/ui-vue 1.1.0 → 1.1.1

package/rate/index.esm.js

@@ -1,612 +0,0 @@
-import { defineComponent as x, ref as r, onMounted as G, computed as z, createVNode as T, withModifiers as P, createTextVNode as W, inject as te } from "vue";
-import { cloneDeep as ae } from "lodash-es";
-const R = {}, I = {};
-function U(a) {
-  const { properties: t, title: e } = a, o = Object.keys(t).reduce((p, y) => (p[y] = t[y].type === "object" && t[y].properties ? U(t[y]) : ae(t[y].default), p), {});
-  return o.id = `${e}-${Date.now()}`, o;
-}
-function Q(a, t = {}) {
-  const e = R[a];
-  if (e) {
-    let o = U(e);
-    const p = I[a];
-    return o = p ? p({ getSchemaByType: Q }, o, t) : o, o;
-  }
-  return null;
-}
-function le(a, t) {
-  const e = U(t);
-  return Object.keys(a).reduce((o, p) => (o[p] = a[p], o), e), e;
-}
-function re(a, t) {
-  return Object.keys(a).filter((o) => a[o] != null).reduce((o, p) => {
-    if (t.has(p)) {
-      const y = t.get(p);
-      if (typeof y == "string")
-        o[y] = a[p];
-      else {
-        const C = y(p, a[p], a);
-        Object.assign(o, C);
-      }
-    } else
-      o[p] = a[p];
-    return o;
-  }, {});
-}
-function ne(a, t, e = /* @__PURE__ */ new Map()) {
-  const o = le(a, t);
-  return re(o, e);
-}
-function oe(a = {}) {
-  function t(l, n, f, i) {
-    if (typeof f == "number")
-      return i[l].length === f;
-    if (typeof f == "object") {
-      const g = Object.keys(f)[0], b = f[g];
-      if (g === "not")
-        return Number(i[l].length) !== Number(b);
-      if (g === "moreThan")
-        return Number(i[l].length) >= Number(b);
-      if (g === "lessThan")
-        return Number(i[l].length) <= Number(b);
-    }
-    return !1;
-  }
-  function e(l, n, f, i) {
-    return i[n] && i[n].propertyValue && String(i[n].propertyValue.value) === String(f);
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", e]
-  ]);
-  Object.keys(a).reduce((l, n) => (l.set(n, a[n]), l), o);
-  function p(l, n) {
-    const f = l;
-    return typeof n == "number" ? [{ target: f, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: f, operator: "getProperty", param: l, value: !!n }] : typeof n == "object" ? Object.keys(n).map((i) => {
-      if (i === "length")
-        return { target: f, operator: "length", param: null, value: n[i] };
-      const g = i, b = n[i];
-      return { target: f, operator: l, param: g, value: b };
-    }) : [];
-  }
-  function y(l) {
-    return Object.keys(l).reduce((f, i) => {
-      const g = p(i, l[i]);
-      return f.push(...g), f;
-    }, []);
-  }
-  function C(l, n) {
-    if (o.has(l.operator)) {
-      const f = o.get(l.operator);
-      return f && f(l.target, l.param, l.value, n) || !1;
-    }
-    return !1;
-  }
-  function j(l, n) {
-    return y(l).reduce((g, b) => g && C(b, n), !0);
-  }
-  function A(l, n) {
-    const f = Object.keys(l), i = f.includes("allOf"), g = f.includes("anyOf"), b = i || g, S = (b ? l[b ? i ? "allOf" : "anyOf" : "allOf"] : [l]).map((v) => j(v, n));
-    return i ? !S.includes(!1) : S.includes(!0);
-  }
-  return { parseValueSchema: A };
-}
-const ce = {}, se = {};
-oe();
-function ue(a, t, e = /* @__PURE__ */ new Map(), o = (C, j, A) => j, p = {}, y = (C) => C) {
-  return R[t.title] = t, I[t.title] = o, ce[t.title] = p, se[t.title] = y, (C = {}) => {
-    const j = ne(C, t, e), A = Object.keys(a).reduce((l, n) => (l[n] = a[n].default, l), {});
-    return Object.assign(A, j);
-  };
-}
-function ie(a, t) {
-  return { customClass: t.class };
-}
-const fe = /* @__PURE__ */ new Map([
-  ["appearance", ie]
-]);
-function pe(a, t, e) {
-  return t;
-}
-const ve = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/rate.schema.json", me = "rate", he = "A Farris Component", ye = "object", ge = {
-  id: {
-    description: "The unique identifier for rate",
-    type: "string"
-  },
-  type: {
-    description: "The type string of rate",
-    type: "string",
-    default: "rate"
-  },
-  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
-  }
-}, be = [
-  "id",
-  "type"
-], Se = {
-  $schema: ve,
-  $id: de,
-  title: me,
-  description: he,
-  type: ye,
-  properties: ge,
-  required: be
-}, Ce = "rate", Me = "A Farris Component", De = "object", Te = {
-  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: Ce,
-  description: Me,
-  type: De,
-  categories: Te
-}, Oe = ["很不满意", "不满意", "一般", "满意", "非常满意"], Z = {
-  /** 星星大小 */
-  size: { type: String, default: "large" },
-  /** 启用半颗星模式 */
-  enableHalf: { type: Boolean, default: !1 },
-  /** 启用再次点击后清除 */
-  enableClear: { type: Boolean, default: !1 },
-  /** 只读 */
-  disabled: { type: Boolean, default: !1 },
-  /** 分制 */
-  pointSystem: { type: Number, default: 5 },
-  /** 星星亮色 */
-  lightColor: { type: String, default: "" },
-  /** 星星暗色（底色） */
-  darkColor: { type: String, default: "" },
-  /** 图案样式 */
-  iconClass: { type: String, default: "f-icon-star" },
-  /** 星星个数 */
-  numOfStar: { type: Number, default: 5 },
-  /** 禁用单个星星的文字提示 */
-  toolTipDisabled: { type: Boolean, default: !0 },
-  /** 默认的满意度文案 */
-  toolTipContents: { type: Array, default: Oe },
-  /** 启用评分 */
-  enableScore: { type: Boolean, default: !0 },
-  /** 启用满意度 */
-  enableSatisfaction: { type: Boolean, default: !1 },
-  /**
-   * 绑定值
-   */
-  value: { type: Number, default: 0 }
-}, K = ue(Z, Se, fe, pe, ke), J = /* @__PURE__ */ x({
-  name: "FRate",
-  props: Z,
-  emits: ["selectedValue"],
-  setup(a, t) {
-    const e = r(a.size), o = r(a.enableHalf), p = r(a.enableClear), y = r(a.disabled), C = r(a.pointSystem), j = r(a.lightColor), A = r(a.darkColor), l = r(a.iconClass), n = r(a.numOfStar), f = r(a.toolTipDisabled), i = r(a.toolTipContents), g = r(a.enableScore), b = r(a.enableSatisfaction);
-    let h;
-    const M = r(0);
-    let S = 0;
-    const D = r(0), v = r(a.value);
-    let k = 1, N, s, d;
-    const m = 4;
-    G(() => {
-    });
-    function V() {
-      switch (e.value) {
-        case "small":
-          h = 14;
-          break;
-        case "middle":
-          h = 16;
-          break;
-        case "large":
-          h = 18;
-          break;
-        case "extraLarge":
-          h = 24;
-          break;
-      }
-      B(), n.value && (k = C.value / n.value), v.value && F();
-    }
-    V();
-    function B() {
-      const c = n.value;
-      d = [];
-      for (let O = 1; O <= c; O++)
-        d.push({
-          id: O
-        });
-    }
-    function E(c) {
-      return c.className.indexOf("f-icon") !== -1;
-    }
-    function F() {
-      let c;
-      o.value ? c = Math.ceil(v.value / k) : c = v.value, S = (h * v.value + Math.floor(v.value) * m) / k, N = i.value[c - 1];
-    }
-    function q() {
-      return M.value === S && p.value && S !== 0 ? (S = 0, v.value = 0, s = null, M.value = 0, D.value = 0, t.emit("selectedValue", v.value), !0) : !1;
-    }
-    function X(c, O, L) {
-      if (c.movementX || c.movementY) {
-        if (y.value)
-          return;
-        b.value && (N = i.value[O - 1]), c.offsetX < h / 2 && o.value === !0 ? (M.value = h * O - h / 2 + m * (O - 1), D.value = k * O - k / 2) : (M.value = h * O + m * (O - 1), D.value = k * O);
-      }
-      if (L === !0) {
-        if (q())
-          return;
-        v.value = D.value, S = M.value, s = N, t.emit("selectedValue", v.value);
-      }
-    }
-    function $(c, O) {
-      var L;
-      if (E(c.target) && c.target) {
-        const u = parseInt((L = c.target) == null ? void 0 : L.id);
-        X(c, u, O);
-      }
-    }
-    const _ = z(() => D.value ? D.value + "分" : v.value + "分"), Y = z(() => ({
-      width: (M.value || S) + "px"
-    }));
-    return () => T("div", {
-      class: "farris-star-rating",
-      onMouseover: P((c) => $(c, !1), ["prevent"]),
-      onMousemove: P((c) => $(c, !1), ["prevent"]),
-      onMouseout: P((c) => $(c, !1), ["prevent"]),
-      onClick: P((c) => $(c, !0), ["prevent"])
-    }, [T("div", {
-      class: "star-light-area",
-      style: Y.value
-    }, [d.map((c) => T("span", {
-      class: ["f-icon default-light-color ", l.value, {
-        "f-star-sm": e.value === "small"
-      }, {
-        "f-star-md": e.value === "middle"
-      }, {
-        "f-star-lg": e.value === "large"
-      }, {
-        "f-star-exlarge": e.value === "extraLarge"
-      }, {
-        disabled: f.value
-      }],
-      id: c.id,
-      style: {
-        color: j.value
-      }
-    }, null))]), T("div", {
-      class: ["star-dark-area", {
-        small: e.value === "small"
-      }, {
-        middle: e.value === "middle"
-      }, {
-        large: e.value === "large"
-      }]
-    }, [d.map((c) => T("span", {
-      class: ["f-icon default-dark-color", l.value, {
-        "f-star-sm": e.value === "small"
-      }, {
-        "f-star-md": e.value === "middle"
-      }, {
-        "f-star-lg": e.value === "large"
-      }, {
-        "f-star-exlarge": e.value === "extraLarge"
-      }],
-      id: c.id,
-      style: {
-        color: A.value
-      }
-    }, null))]), T("div", {
-      class: ["f-utils-fill", {
-        "font-small": e.value === "small"
-      }, {
-        "font-middle": e.value === "middle"
-      }, {
-        "font-large": e.value === "large"
-      }, {
-        "font-exlarge": e.value === "extraLarge"
-      }]
-    }, [g.value && T("span", null, [W(" "), _.value, W(" ")]), b.value && (s || N) && T("span", null, [W(" "), N || s])])]);
-  }
-});
-function Ne(a, t, e) {
-  var N;
-  function o() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
-  }
-  o();
-  const p = e && e.getStyles && e.getStyles() || "", y = e && e.getDesignerClass && e.getDesignerClass() || "", C = r();
-  function j() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
-  }
-  function A() {
-    return !1;
-  }
-  function l() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
-  function n() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
-  }
-  function f(s) {
-    if (!s || !s.value)
-      return null;
-    if (s.value.schema && s.value.schema.type === "component")
-      return s.value;
-    const d = r(s == null ? void 0 : s.value.parent), m = f(d);
-    return m || null;
-  }
-  function i(s = t) {
-    const { componentInstance: d, designerItemElementRef: m } = s;
-    return !d || !d.value ? null : d.value.canMove ? m : i(s.parent);
-  }
-  function g(s) {
-    return !!e && e.canAccepts(s);
-  }
-  function b() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function h() {
-  }
-  function M(s, d) {
-    d && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(d);
-  }
-  function S(s) {
-    const { componentType: d } = s;
-    let m = Q(d, s);
-    e && e.onResolveNewComponentSchema && (m = e.onResolveNewComponentSchema(s, m));
-    const V = d.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === d && (m.id = `${V}_${Math.random().toString().slice(2, 6)}`), m;
-  }
-  function D(s, d) {
-    const m = String(s.getAttribute("data-controltype")), V = s.getAttribute("data-feature"), B = V ? JSON.parse(V) : {};
-    B.parentComponentInstance = C.value;
-    let E = Q(m, B);
-    e && e.onAcceptNewChildElement && (E = e.onAcceptNewChildElement(s, d, E));
-    const F = m.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === m && (E.id = `${F}_${Math.random().toString().slice(2, 6)}`), E;
-  }
-  function v(s) {
-  }
-  function k() {
-    return e && e.getPropsConfig ? e.getPropsConfig() : [];
-  }
-  return C.value = {
-    canMove: j(),
-    canSelectParent: A(),
-    canDelete: l(),
-    canNested: !n(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: a,
-    parent: (N = t == null ? void 0 : t.parent) == null ? void 0 : N.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: p,
-    designerClass: y,
-    canAccepts: g,
-    getBelongedComponentInstance: f,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: b,
-    getPropConfig: k,
-    getDragScopeElement: h,
-    onAcceptMovedChildElement: M,
-    onAcceptNewChildElement: D,
-    onChildElementMovedOut: v,
-    addNewChildComponentSchema: S,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || r(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || r(!1)
-  }, C;
-}
-const we = /* @__PURE__ */ x({
-  name: "FRateDesign",
-  props: Z,
-  emits: ["selectedValue"],
-  setup(a, t) {
-    const e = r(a.size), o = r(a.enableHalf), p = r(a.enableClear), y = r(a.disabled), C = r(a.pointSystem), j = r(a.lightColor), A = r(a.darkColor), l = r(a.iconClass), n = r(a.numOfStar), f = r(a.toolTipDisabled), i = r(a.toolTipContents), g = r(a.enableScore), b = r(a.enableSatisfaction);
-    let h;
-    const M = r(1);
-    let S = 0;
-    const D = r(0), v = r(0);
-    let k = 1, N, s, d;
-    const m = 4, V = r(), B = te("design-item-context"), E = Ne(V, B);
-    G(() => {
-      V.value.componentInstance = E;
-    }), t.expose(E.value), G(() => {
-    });
-    function F() {
-      switch (e.value) {
-        case "small":
-          h = 14;
-          break;
-        case "middle":
-          h = 16;
-          break;
-        case "large":
-          h = 18;
-          break;
-        case "extraLarge":
-          h = 24;
-          break;
-      }
-      q(), n.value && (k = C.value / n.value), v.value && $();
-    }
-    F();
-    function q() {
-      const u = n.value;
-      d = [];
-      for (let w = 1; w <= u; w++)
-        d.push({
-          id: w
-        });
-    }
-    function X(u) {
-      return u.className.indexOf("f-icon") !== -1;
-    }
-    function $() {
-      let u;
-      o.value ? u = Math.ceil(v.value / k) : u = v.value, S = (h * v.value + Math.floor(v.value) * m) / k, N = i.value[u - 1];
-    }
-    function _() {
-      return M.value === S && p && S !== 0 ? (S = 0, v.value = 0, s = null, M.value = 0, D.value = 0, t.emit("selectedValue", v.value), !0) : !1;
-    }
-    function Y(u, w, H) {
-      if (u.movementX || u.movementY) {
-        if (y.value)
-          return;
-        b.value && (N = i.value[w - 1]), u.offsetX < h / 2 && o.value === !0 ? (M.value = h * w - h / 2 + m * (w - 1), D.value = k * w - k / 2) : (M.value = h * w + m * (w - 1), D.value = k * w);
-      }
-      if (H === !0) {
-        if (_())
-          return;
-        v.value = D.value, S = M.value, s = N, t.emit("selectedValue", v.value);
-      }
-    }
-    function c(u, w) {
-      var H;
-      if (X(u.target) && u.target) {
-        const ee = parseInt((H = u.target) == null ? void 0 : H.id);
-        Y(u, ee, w);
-      }
-    }
-    const O = z(() => D.value ? D.value + "分" : v.value + "分"), L = z(() => ({
-      width: (M.value || S) + "px"
-    }));
-    return () => T("div", {
-      class: "farris-star-rating",
-      ref: V,
-      onMouseover: P((u) => c(u, !1), ["prevent"]),
-      onMousemove: P((u) => c(u, !1), ["prevent"]),
-      onMouseout: P((u) => c(u, !1), ["prevent"]),
-      onClick: P((u) => c(u, !0), ["prevent"])
-    }, [T("div", {
-      class: "star-light-area",
-      style: L.value
-    }, [d.map((u) => T("span", {
-      class: ["f-icon default-light-color ", l.value, {
-        "f-star-sm": e.value === "small"
-      }, {
-        "f-star-md": e.value === "middle"
-      }, {
-        "f-star-lg": e.value === "large"
-      }, {
-        "f-star-exlarge": e.value === "extraLarge"
-      }, {
-        disabled: f.value
-      }],
-      id: u.id,
-      style: {
-        color: j.value
-      }
-    }, null))]), T("div", {
-      class: ["star-dark-area", {
-        small: e.value === "small"
-      }, {
-        middle: e.value === "middle"
-      }, {
-        large: e.value === "large"
-      }]
-    }, [d.map((u) => T("span", {
-      class: ["f-icon default-dark-color", l.value, {
-        "f-star-sm": e.value === "small"
-      }, {
-        "f-star-md": e.value === "middle"
-      }, {
-        "f-star-lg": e.value === "large"
-      }, {
-        "f-star-exlarge": e.value === "extraLarge"
-      }],
-      id: u.id,
-      style: {
-        color: A.value
-      }
-    }, null))]), T("div", {
-      class: ["f-utils-fill", {
-        "font-small": e.value === "small"
-      }, {
-        "font-middle": e.value === "middle"
-      }, {
-        "font-large": e.value === "large"
-      }, {
-        "font-exlarge": e.value === "extraLarge"
-      }]
-    }, [g.value && T("span", null, [W(" "), O.value, W(" ")]), b.value && (s || N) && T("span", null, [W(" "), N || s])])]);
-  }
-}), Ae = {
-  install(a) {
-    a.component(J.name, J);
-  },
-  register(a, t, e) {
-    a.rate = J, t.rate = K;
-  },
-  registerDesigner(a, t, e) {
-    a.rate = we, t.rate = K;
-  }
-};
-export {
-  J as Rate,
-  Ae as default,
-  K as propsResolver,
-  Z as rateProps
-};

package/rate/index.umd.js

@@ -1 +0,0 @@
-(function(w,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],t):(w=typeof globalThis<"u"?globalThis:w||self,t(w.rate={},w.Vue,w.LodashES))})(this,function(w,t,Z){"use strict";const Q={},U={};function H(r){const{properties:a,title:e}=r,o=Object.keys(a).reduce((p,v)=>(p[v]=a[v].type==="object"&&a[v].properties?H(a[v]):Z.cloneDeep(a[v].default),p),{});return o.id=`${e}-${Date.now()}`,o}function _(r,a={}){const e=Q[r];if(e){let o=H(e);const p=U[r];return o=p?p({getSchemaByType:_},o,a):o,o}return null}function K(r,a){const e=H(a);return Object.keys(r).reduce((o,p)=>(o[p]=r[p],o),e),e}function x(r,a){return Object.keys(r).filter(o=>r[o]!=null).reduce((o,p)=>{if(a.has(p)){const v=a.get(p);if(typeof v=="string")o[v]=r[p];else{const M=v(p,r[p],r);Object.assign(o,M)}}else o[p]=r[p];return o},{})}function R(r,a,e=new Map){const o=K(r,a);return x(o,e)}function I(r={}){function a(n,l,u,f){if(typeof u=="number")return f[n].length===u;if(typeof u=="object"){const g=Object.keys(u)[0],b=u[g];if(g==="not")return Number(f[n].length)!==Number(b);if(g==="moreThan")return Number(f[n].length)>=Number(b);if(g==="lessThan")return Number(f[n].length)<=Number(b)}return!1}function e(n,l,u,f){return f[l]&&f[l].propertyValue&&String(f[l].propertyValue.value)===String(u)}const o=new Map([["length",a],["getProperty",e]]);Object.keys(r).reduce((n,l)=>(n.set(l,r[l]),n),o);function p(n,l){const u=n;return typeof l=="number"?[{target:u,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:u,operator:"getProperty",param:n,value:!!l}]:typeof l=="object"?Object.keys(l).map(f=>{if(f==="length")return{target:u,operator:"length",param:null,value:l[f]};const g=f,b=l[f];return{target:u,operator:n,param:g,value:b}}):[]}function v(n){return Object.keys(n).reduce((u,f)=>{const g=p(f,n[f]);return u.push(...g),u},[])}function M(n,l){if(o.has(n.operator)){const u=o.get(n.operator);return u&&u(n.target,n.param,n.value,l)||!1}return!1}function E(n,l){return v(n).reduce((g,b)=>g&&M(b,l),!0)}function j(n,l){const u=Object.keys(n),f=u.includes("allOf"),g=u.includes("anyOf"),b=f||g,S=(b?n[b?f?"allOf":"anyOf":"allOf"]:[n]).map(d=>E(d,l));return f?!S.includes(!1):S.includes(!0)}return{parseValueSchema:j}}const ee={},te={};I();function ae(r,a,e=new Map,o=(M,E,j)=>E,p={},v=M=>M){return Q[a.title]=a,U[a.title]=o,ee[a.title]=p,te[a.title]=v,(M={})=>{const E=R(M,a,e),j=Object.keys(r).reduce((n,l)=>(n[l]=r[l].default,n),{});return Object.assign(j,E)}}function re(r,a){return{customClass:a.class}}const ne=new Map([["appearance",re]]);function le(r,a,e){return a}const oe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/rate.schema.json",title:"rate",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for rate",type:"string"},type:{description:"The type string of rate",type:"string",default:"rate"},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"]},ce={title:"rate",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:[]}}}}}},W={size:{type:String,default:"large"},enableHalf:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},pointSystem:{type:Number,default:5},lightColor:{type:String,default:""},darkColor:{type:String,default:""},iconClass:{type:String,default:"f-icon-star"},numOfStar:{type:Number,default:5},toolTipDisabled:{type:Boolean,default:!0},toolTipContents:{type:Array,default:["很不满意","不满意","一般","满意","非常满意"]},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1},value:{type:Number,default:0}},z=ae(W,oe,ne,le,ce),F=t.defineComponent({name:"FRate",props:W,emits:["selectedValue"],setup(r,a){const e=t.ref(r.size),o=t.ref(r.enableHalf),p=t.ref(r.enableClear),v=t.ref(r.disabled),M=t.ref(r.pointSystem),E=t.ref(r.lightColor),j=t.ref(r.darkColor),n=t.ref(r.iconClass),l=t.ref(r.numOfStar),u=t.ref(r.toolTipDisabled),f=t.ref(r.toolTipContents),g=t.ref(r.enableScore),b=t.ref(r.enableSatisfaction);let y;const N=t.ref(0);let S=0;const C=t.ref(0),d=t.ref(r.value);let T=1,D,i,m;const h=4;t.onMounted(()=>{});function A(){switch(e.value){case"small":y=14;break;case"middle":y=16;break;case"large":y=18;break;case"extraLarge":y=24;break}P(),l.value&&(T=M.value/l.value),d.value&&L()}A();function P(){const c=l.value;m=[];for(let V=1;V<=c;V++)m.push({id:V})}function O(c){return c.className.indexOf("f-icon")!==-1}function L(){let c;o.value?c=Math.ceil(d.value/T):c=d.value,S=(y*d.value+Math.floor(d.value)*h)/T,D=f.value[c-1]}function X(){return N.value===S&&p.value&&S!==0?(S=0,d.value=0,i=null,N.value=0,C.value=0,a.emit("selectedValue",d.value),!0):!1}function Y(c,V,B){if(c.movementX||c.movementY){if(v.value)return;b.value&&(D=f.value[V-1]),c.offsetX<y/2&&o.value===!0?(N.value=y*V-y/2+h*(V-1),C.value=T*V-T/2):(N.value=y*V+h*(V-1),C.value=T*V)}if(B===!0){if(X())return;d.value=C.value,S=N.value,i=D,a.emit("selectedValue",d.value)}}function $(c,V){var B;if(O(c.target)&&c.target){const s=parseInt((B=c.target)==null?void 0:B.id);Y(c,s,V)}}const J=t.computed(()=>C.value?C.value+"分":d.value+"分"),G=t.computed(()=>({width:(N.value||S)+"px"}));return()=>t.createVNode("div",{class:"farris-star-rating",onMouseover:t.withModifiers(c=>$(c,!1),["prevent"]),onMousemove:t.withModifiers(c=>$(c,!1),["prevent"]),onMouseout:t.withModifiers(c=>$(c,!1),["prevent"]),onClick:t.withModifiers(c=>$(c,!0),["prevent"])},[t.createVNode("div",{class:"star-light-area",style:G.value},[m.map(c=>t.createVNode("span",{class:["f-icon default-light-color ",n.value,{"f-star-sm":e.value==="small"},{"f-star-md":e.value==="middle"},{"f-star-lg":e.value==="large"},{"f-star-exlarge":e.value==="extraLarge"},{disabled:u.value}],id:c.id,style:{color:E.value}},null))]),t.createVNode("div",{class:["star-dark-area",{small:e.value==="small"},{middle:e.value==="middle"},{large:e.value==="large"}]},[m.map(c=>t.createVNode("span",{class:["f-icon default-dark-color",n.value,{"f-star-sm":e.value==="small"},{"f-star-md":e.value==="middle"},{"f-star-lg":e.value==="large"},{"f-star-exlarge":e.value==="extraLarge"}],id:c.id,style:{color:j.value}},null))]),t.createVNode("div",{class:["f-utils-fill",{"font-small":e.value==="small"},{"font-middle":e.value==="middle"},{"font-large":e.value==="large"},{"font-exlarge":e.value==="extraLarge"}]},[g.value&&t.createVNode("span",null,[t.createTextVNode(" "),J.value,t.createTextVNode(" ")]),b.value&&(i||D)&&t.createVNode("span",null,[t.createTextVNode(" "),D||i])])])}});function ie(r,a,e){var D;function o(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}o();const p=e&&e.getStyles&&e.getStyles()||"",v=e&&e.getDesignerClass&&e.getDesignerClass()||"",M=t.ref();function E(){return(a==null?void 0:a.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function j(){return!1}function n(){return(a==null?void 0:a.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function l(){return(a==null?void 0:a.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function u(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const m=t.ref(i==null?void 0:i.value.parent),h=u(m);return h||null}function f(i=a){const{componentInstance:m,designerItemElementRef:h}=i;return!m||!m.value?null:m.value.canMove?h:f(i.parent)}function g(i){return!!e&&e.canAccepts(i)}function b(){return(a==null?void 0:a.schema.label)||(a==null?void 0:a.schema.title)||(a==null?void 0:a.schema.name)}function y(){}function N(i,m){m&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(m)}function S(i){const{componentType:m}=i;let h=_(m,i);e&&e.onResolveNewComponentSchema&&(h=e.onResolveNewComponentSchema(i,h));const A=m.toLowerCase().replace("-","_");return h&&!h.id&&h.type===m&&(h.id=`${A}_${Math.random().toString().slice(2,6)}`),h}function C(i,m){const h=String(i.getAttribute("data-controltype")),A=i.getAttribute("data-feature"),P=A?JSON.parse(A):{};P.parentComponentInstance=M.value;let O=_(h,P);e&&e.onAcceptNewChildElement&&(O=e.onAcceptNewChildElement(i,m,O));const L=h.toLowerCase().replace("-","_");return O&&!O.id&&O.type===h&&(O.id=`${L}_${Math.random().toString().slice(2,6)}`),O}function d(i){}function T(){return e&&e.getPropsConfig?e.getPropsConfig():[]}return M.value={canMove:E(),canSelectParent:j(),canDelete:n(),canNested:!l(),contents:a==null?void 0:a.schema.contents,elementRef:r,parent:(D=a==null?void 0:a.parent)==null?void 0:D.componentInstance,schema:a==null?void 0:a.schema,styles:p,designerClass:v,canAccepts:g,getBelongedComponentInstance:u,getDraggableDesignItemElement:f,getDraggingDisplayText:b,getPropConfig:T,getDragScopeElement:y,onAcceptMovedChildElement:N,onAcceptNewChildElement:C,onChildElementMovedOut:d,addNewChildComponentSchema:S,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},M}const se=t.defineComponent({name:"FRateDesign",props:W,emits:["selectedValue"],setup(r,a){const e=t.ref(r.size),o=t.ref(r.enableHalf),p=t.ref(r.enableClear),v=t.ref(r.disabled),M=t.ref(r.pointSystem),E=t.ref(r.lightColor),j=t.ref(r.darkColor),n=t.ref(r.iconClass),l=t.ref(r.numOfStar),u=t.ref(r.toolTipDisabled),f=t.ref(r.toolTipContents),g=t.ref(r.enableScore),b=t.ref(r.enableSatisfaction);let y;const N=t.ref(1);let S=0;const C=t.ref(0),d=t.ref(0);let T=1,D,i,m;const h=4,A=t.ref(),P=t.inject("design-item-context"),O=ie(A,P);t.onMounted(()=>{A.value.componentInstance=O}),a.expose(O.value),t.onMounted(()=>{});function L(){switch(e.value){case"small":y=14;break;case"middle":y=16;break;case"large":y=18;break;case"extraLarge":y=24;break}X(),l.value&&(T=M.value/l.value),d.value&&$()}L();function X(){const s=l.value;m=[];for(let k=1;k<=s;k++)m.push({id:k})}function Y(s){return s.className.indexOf("f-icon")!==-1}function $(){let s;o.value?s=Math.ceil(d.value/T):s=d.value,S=(y*d.value+Math.floor(d.value)*h)/T,D=f.value[s-1]}function J(){return N.value===S&&p&&S!==0?(S=0,d.value=0,i=null,N.value=0,C.value=0,a.emit("selectedValue",d.value),!0):!1}function G(s,k,q){if(s.movementX||s.movementY){if(v.value)return;b.value&&(D=f.value[k-1]),s.offsetX<y/2&&o.value===!0?(N.value=y*k-y/2+h*(k-1),C.value=T*k-T/2):(N.value=y*k+h*(k-1),C.value=T*k)}if(q===!0){if(J())return;d.value=C.value,S=N.value,i=D,a.emit("selectedValue",d.value)}}function c(s,k){var q;if(Y(s.target)&&s.target){const ue=parseInt((q=s.target)==null?void 0:q.id);G(s,ue,k)}}const V=t.computed(()=>C.value?C.value+"分":d.value+"分"),B=t.computed(()=>({width:(N.value||S)+"px"}));return()=>t.createVNode("div",{class:"farris-star-rating",ref:A,onMouseover:t.withModifiers(s=>c(s,!1),["prevent"]),onMousemove:t.withModifiers(s=>c(s,!1),["prevent"]),onMouseout:t.withModifiers(s=>c(s,!1),["prevent"]),onClick:t.withModifiers(s=>c(s,!0),["prevent"])},[t.createVNode("div",{class:"star-light-area",style:B.value},[m.map(s=>t.createVNode("span",{class:["f-icon default-light-color ",n.value,{"f-star-sm":e.value==="small"},{"f-star-md":e.value==="middle"},{"f-star-lg":e.value==="large"},{"f-star-exlarge":e.value==="extraLarge"},{disabled:u.value}],id:s.id,style:{color:E.value}},null))]),t.createVNode("div",{class:["star-dark-area",{small:e.value==="small"},{middle:e.value==="middle"},{large:e.value==="large"}]},[m.map(s=>t.createVNode("span",{class:["f-icon default-dark-color",n.value,{"f-star-sm":e.value==="small"},{"f-star-md":e.value==="middle"},{"f-star-lg":e.value==="large"},{"f-star-exlarge":e.value==="extraLarge"}],id:s.id,style:{color:j.value}},null))]),t.createVNode("div",{class:["f-utils-fill",{"font-small":e.value==="small"},{"font-middle":e.value==="middle"},{"font-large":e.value==="large"},{"font-exlarge":e.value==="extraLarge"}]},[g.value&&t.createVNode("span",null,[t.createTextVNode(" "),V.value,t.createTextVNode(" ")]),b.value&&(i||D)&&t.createVNode("span",null,[t.createTextVNode(" "),D||i])])])}}),fe={install(r){r.component(F.name,F)},register(r,a,e){r.rate=F,a.rate=z},registerDesigner(r,a,e){r.rate=se,a.rate=z}};w.Rate=F,w.default=fe,w.propsResolver=z,w.rateProps=W,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/rate/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "rate",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/rate/index.d.ts"
-}