@farris/ui-vue 1.3.0 → 1.3.3

package/components/rate/index.esm.js

@@ -1,114 +1,119 @@
-import { defineComponent as K, ref as r, onMounted as J, computed as W, watch as te, createVNode as D, withModifiers as R, createTextVNode as L, inject as ae } from "vue";
-import { isPlainObject as Z, cloneDeep as le } from "lodash-es";
-const x = {}, I = {};
-function Q(t) {
-  const { properties: e, title: a, ignore: n } = t, o = n && Array.isArray(n), b = Object.keys(e).reduce((m, h) => ((!o || !n.find((E) => E == h)) && (m[h] = e[h].type === "object" && e[h].properties ? Q(e[h]) : le(e[h].default)), m), {});
-  return (!o || !n.find((m) => m == "id")) && (b.id = `${a}-${Date.now()}`), b;
+import { defineComponent as Z, ref as r, onMounted as G, computed as W, watch as ae, createVNode as N, withModifiers as E, createTextVNode as B, inject as te } from "vue";
+import { isPlainObject as U, cloneDeep as le } from "lodash-es";
+import { withInstall as re } from "../common/index.esm.js";
+const K = {}, x = {};
+function J(a) {
+  const { properties: e, title: t, ignore: n } = a, o = n && Array.isArray(n), h = Object.keys(e).reduce((y, b) => ((!o || !n.find((w) => w === b)) && (y[b] = e[b].type === "object" && e[b].properties ? J(e[b]) : le(e[b].default)), y), {});
+  if (t && (!o || !n.find((y) => y === "id"))) {
+    const y = t.toLowerCase().replace(/-/g, "_");
+    h.id = `${y}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return h;
 }
-function G(t, e = {}, a) {
-  const n = x[t];
+function I(a, e = {}, t) {
+  const n = K[a];
   if (n) {
-    let o = Q(n);
-    const b = I[t];
-    return o = b ? b({ getSchemaByType: G }, o, e, a) : o, o;
+    let o = J(n);
+    const h = x[a];
+    return o = h ? h({ getSchemaByType: I }, o, e, t) : o, o;
   }
   return null;
 }
-function re(t, e) {
-  const a = Q(e);
-  return Object.keys(t).reduce((n, o) => (n[o] && Z(n[o]) && Z(t[o]) ? Object.assign(n[o], t[o]) : n[o] = t[o], n), a), a;
+function ne(a, e) {
+  const t = J(e);
+  return Object.keys(t).reduce((n, o) => (n[o] && U(n[o]) && U(a[o] || !a[o]) ? Object.assign(n[o], a[o] || {}) : n[o] = a[o], n), t), t;
 }
-function ne(t, e) {
-  return Object.keys(t).filter((n) => t[n] != null).reduce((n, o) => {
+function oe(a, e) {
+  return Object.keys(a).filter((n) => a[n] != null).reduce((n, o) => {
     if (e.has(o)) {
-      const b = e.get(o);
-      if (typeof b == "string")
-        n[b] = t[o];
+      const h = e.get(o);
+      if (typeof h == "string")
+        n[h] = a[o];
       else {
-        const m = b(o, t[o], t);
-        Object.assign(n, m);
+        const y = h(o, a[o], a);
+        Object.assign(n, y);
       }
     } else
-      n[o] = t[o];
+      n[o] = a[o];
     return n;
   }, {});
 }
-function oe(t, e, a = /* @__PURE__ */ new Map()) {
-  const n = re(t, e);
-  return ne(n, a);
+function se(a, e, t = /* @__PURE__ */ new Map()) {
+  const n = ne(a, e);
+  return oe(n, t);
 }
-function se(t = {}) {
-  function e(l, u, d, f) {
-    if (typeof d == "number")
-      return f[l].length === d;
-    if (typeof d == "object") {
-      const S = Object.keys(d)[0], M = d[S];
+function ue(a = {}) {
+  function e(l, s, f, p) {
+    if (typeof f == "number")
+      return p[l].length === f;
+    if (typeof f == "object") {
+      const S = Object.keys(f)[0], M = f[S];
       if (S === "not")
-        return Number(f[l].length) !== Number(M);
+        return Number(p[l].length) !== Number(M);
       if (S === "moreThan")
-        return Number(f[l].length) >= Number(M);
+        return Number(p[l].length) >= Number(M);
       if (S === "lessThan")
-        return Number(f[l].length) <= Number(M);
+        return Number(p[l].length) <= Number(M);
     }
     return !1;
   }
-  function a(l, u, d, f) {
-    return f[l] && f[l].propertyValue && String(f[l].propertyValue.value) === String(d);
+  function t(l, s, f, p) {
+    return p[l] && p[l].propertyValue && String(p[l].propertyValue.value) === String(f);
   }
   const n = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", a]
+    ["getProperty", t]
   ]);
-  Object.keys(t).reduce((l, u) => (l.set(u, t[u]), l), n);
-  function o(l, u) {
-    const d = l;
-    return typeof u == "number" ? [{ target: d, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: d, operator: "getProperty", param: l, value: !!u }] : typeof u == "object" ? Object.keys(u).map((f) => {
-      if (f === "length")
-        return { target: d, operator: "length", param: null, value: u[f] };
-      const S = f, M = u[f];
-      return { target: d, operator: "getProperty", param: S, value: M };
+  Object.keys(a).reduce((l, s) => (l.set(s, a[s]), l), n);
+  function o(l, s) {
+    const f = l;
+    return typeof s == "number" ? [{ target: f, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: f, operator: "getProperty", param: l, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
+      if (p === "length")
+        return { target: f, operator: "length", param: null, value: s[p] };
+      const S = p, M = s[p];
+      return { target: f, operator: "getProperty", param: S, value: M };
     }) : [];
   }
-  function b(l) {
-    return Object.keys(l).reduce((d, f) => {
-      const S = o(f, l[f]);
-      return d.push(...S), d;
+  function h(l) {
+    return Object.keys(l).reduce((f, p) => {
+      const S = o(p, l[p]);
+      return f.push(...S), f;
     }, []);
   }
-  function m(l, u) {
+  function y(l, s) {
     if (n.has(l.operator)) {
-      const d = n.get(l.operator);
-      return d && d(l.target, l.param, l.value, u) || !1;
+      const f = n.get(l.operator);
+      return f && f(l.target, l.param, l.value, s) || !1;
     }
     return !1;
   }
-  function h(l, u) {
-    return b(l).reduce((S, M) => S && m(M, u), !0);
+  function b(l, s) {
+    return h(l).reduce((S, M) => S && y(M, s), !0);
   }
-  function E(l, u) {
-    const d = Object.keys(l), f = d.includes("allOf"), S = d.includes("anyOf"), M = f || S, O = (M ? l[M ? f ? "allOf" : "anyOf" : "allOf"] : [l]).map((p) => h(p, u));
-    return f ? !O.includes(!1) : O.includes(!0);
+  function w(l, s) {
+    const f = Object.keys(l), p = f.includes("allOf"), S = f.includes("anyOf"), M = p || S, O = (M ? l[M ? p ? "allOf" : "anyOf" : "allOf"] : [l]).map((d) => b(d, s));
+    return p ? !O.includes(!1) : O.includes(!0);
   }
-  return { parseValueSchema: E };
+  return { parseValueSchema: w };
 }
-const ue = {}, ie = {};
-se();
-function ce(t, e, a = /* @__PURE__ */ new Map(), n = (m, h, E) => h, o = {}, b = (m) => m) {
-  return x[e.title] = e, I[e.title] = n, ue[e.title] = o, ie[e.title] = b, (m = {}) => {
-    const h = oe(m, e, a), E = Object.keys(t).reduce((l, u) => (l[u] = t[u].default, l), {});
-    return Object.assign(E, h);
+const ie = {}, ce = {};
+ue();
+function fe(a, e, t = /* @__PURE__ */ new Map(), n = (y, b, w, l) => b, o = {}, h = (y) => y) {
+  return K[e.title] = e, x[e.title] = n, ie[e.title] = o, ce[e.title] = h, (y = {}) => {
+    const b = se(y, e, t), w = Object.keys(a).reduce((l, s) => (l[s] = a[s].default, l), {});
+    return Object.assign(w, b);
   };
 }
-function fe(t, e) {
+function pe(a, e) {
   return { customClass: e.class, customStyle: e.style };
 }
 const de = /* @__PURE__ */ new Map([
-  ["appearance", fe]
+  ["appearance", pe]
 ]);
-function pe(t, e, a) {
+function ve(a, e, t) {
   return e;
 }
-const ve = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/rate.schema.json", ge = "rate", ye = "A Farris Component", be = "object", he = {
+const me = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/rate.schema.json", ye = "rate", he = "A Farris Component", be = "object", Se = {
   id: {
     description: "The unique identifier for rate",
     type: "string"
@@ -170,23 +175,23 @@ const ve = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
     type: "boolean",
     default: !0
   }
-}, Se = [
+}, Me = [
   "id",
   "type"
-], Me = [
+], Oe = [
   "id",
   "appearance",
   "binding"
-], Oe = {
-  $schema: ve,
-  $id: me,
-  title: ge,
-  description: ye,
+], Te = {
+  $schema: me,
+  $id: ge,
+  title: ye,
+  description: he,
   type: be,
-  properties: he,
-  required: Se,
-  ignore: Me
-}, Te = "rate", ke = "A Farris Component", De = "object", Ne = {
+  properties: Se,
+  required: Me,
+  ignore: Oe
+}, ke = "rate", De = "A Farris Component", je = "object", Ne = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -208,12 +213,12 @@ const ve = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
       }
     }
   }
-}, je = {
-  title: Te,
-  description: ke,
-  type: De,
+}, Ve = {
+  title: ke,
+  description: De,
+  type: je,
   categories: Ne
-}, Ve = ["很不满意", "不满意", "一般", "满意", "非常满意"], U = {
+}, Re = ["很不满意", "不满意", "一般", "满意", "非常满意"], Q = {
   /** 星星大小 */
   size: { type: String, default: "large" },
   /** 启用半颗星模式 */
@@ -235,7 +240,7 @@ const ve = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
   /** 禁用单个星星的文字提示 */
   toolTipDisabled: { type: Boolean, default: !0 },
   /** 默认的满意度文案 */
-  toolTipContents: { type: Array, default: Ve },
+  toolTipContents: { type: Array, default: Re },
   /** 启用评分 */
   enableScore: { type: Boolean, default: !0 },
   /** 启用满意度 */
@@ -245,32 +250,32 @@ const ve = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
    */
   value: { type: Number, default: 0 },
   modelValue: { type: Number, default: 0 }
-}, ee = ce(U, Oe, de, pe, je), z = /* @__PURE__ */ K({
+}, ee = fe(Q, Te, de, ve, Ve), H = /* @__PURE__ */ Z({
   name: "FRate",
-  props: U,
+  props: Q,
   emits: ["selectedValue", "update:modelValue"],
-  setup(t, e) {
-    const a = r(t.size), n = r(t.enableHalf), o = r(t.enableClear), b = r(t.disabled), m = r(t.pointSystem), h = r(t.lightColor), E = r(t.darkColor), l = r(t.iconClass), u = r(t.numOfStar), d = r(t.toolTipDisabled), f = r(t.toolTipContents), S = r(t.enableScore), M = r(t.enableSatisfaction);
+  setup(a, e) {
+    const t = r(a.size), n = r(a.enableHalf), o = r(a.enableClear), h = r(a.disabled), y = r(a.pointSystem), b = r(a.lightColor), w = r(a.darkColor), l = r(a.iconClass), s = r(a.numOfStar), f = r(a.toolTipDisabled), p = r(a.toolTipContents), S = r(a.enableScore), M = r(a.enableSatisfaction);
     let v;
-    const T = r(0), O = r(0), k = r(0), p = r(t.modelValue);
-    let N = 1, w, c, g;
-    const y = 4;
-    J(() => {
+    const T = r(0), O = r(0), k = r(0), d = r(a.modelValue);
+    let D = 1, u, g, m;
+    const j = 4;
+    G(() => {
     });
-    function C() {
-      const i = u.value;
-      g = [];
-      for (let j = 1; j <= i; j++)
-        g.push({
-          id: j
+    function P() {
+      const c = s.value;
+      m = [];
+      for (let V = 1; V <= c; V++)
+        m.push({
+          id: V
         });
     }
-    function P() {
-      let i;
-      n.value ? i = Math.ceil(p.value / N) : i = p.value, O.value = (v * p.value + Math.floor(p.value) * y) / N, w = f.value[i - 1];
+    function $() {
+      let c;
+      n.value ? c = Math.ceil(d.value / D) : c = d.value, O.value = (v * d.value + Math.floor(d.value) * j) / D, u = p.value[c - 1];
     }
-    function A() {
-      switch (a.value) {
+    function F() {
+      switch (t.value) {
         case "small":
           v = 14;
           break;
@@ -284,214 +289,213 @@ const ve = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
           v = 24;
           break;
       }
-      C(), u.value && (N = m.value / u.value), p.value && P();
+      P(), s.value && (D = y.value / s.value), d.value && $();
     }
-    A();
-    function $(i) {
-      return i.className.indexOf("f-icon") !== -1;
+    F();
+    function q(c) {
+      return c.className.indexOf("f-icon") !== -1;
     }
-    function H() {
-      return T.value === O.value && o.value && O.value !== 0 ? (O.value = 0, p.value = 0, c = null, T.value = 0, k.value = 0, e.emit("selectedValue", p.value), e.emit("update:modelValue", p.value), !0) : !1;
+    function z() {
+      return T.value === O.value && o.value && O.value !== 0 ? (O.value = 0, d.value = 0, g = null, T.value = 0, k.value = 0, e.emit("selectedValue", d.value), e.emit("update:modelValue", d.value), !0) : !1;
     }
-    function q(i, j, s) {
-      if (i.movementX || i.movementY) {
-        if (b.value)
+    function X(c, V, i) {
+      if (c.movementX || c.movementY) {
+        if (h.value)
           return;
-        M.value && (w = f.value[j - 1]), i.offsetX < v / 2 && n.value === !0 ? (T.value = v * j - v / 2 + y * (j - 1), k.value = N * j - N / 2) : (T.value = v * j + y * (j - 1), k.value = N * j);
+        M.value && (u = p.value[V - 1]), c.offsetX < v / 2 && n.value === !0 ? (T.value = v * V - v / 2 + j * (V - 1), k.value = D * V - D / 2) : (T.value = v * V + j * (V - 1), k.value = D * V);
       }
-      if (s === !0) {
-        if (H())
+      if (i === !0) {
+        if (z())
           return;
-        p.value = k.value, O.value = T.value, c = w, e.emit("update:modelValue", p.value), e.emit("selectedValue", p.value);
+        d.value = k.value, O.value = T.value, g = u, e.emit("update:modelValue", d.value), e.emit("selectedValue", d.value);
       }
     }
-    function F(i, j) {
-      var s;
-      if ($(i.target) && i.target) {
-        const V = parseInt((s = i.target) == null ? void 0 : s.id);
-        q(i, V, j);
+    function L(c, V) {
+      var i;
+      if (q(c.target) && c.target) {
+        const R = parseInt((i = c.target) == null ? void 0 : i.id);
+        X(c, R, V);
       }
     }
-    const X = W(() => k.value ? k.value + "分" : p.value + "分"), _ = W(() => ({
+    const _ = W(() => k.value ? k.value + "分" : d.value + "分"), C = W(() => ({
       width: (T.value || O.value) + "px"
     }));
-    function B() {
+    function A() {
       T.value = 0;
     }
-    return te(() => t.modelValue, (i) => {
-      p.value = i, P();
-    }), () => D("div", {
+    return ae(() => a.modelValue, (c) => {
+      d.value = c, $();
+    }), () => N("div", {
       class: "farris-star-rating",
-      onMouseover: R((i) => F(i, !1), ["prevent"]),
-      onMousemove: R((i) => F(i, !1), ["prevent"]),
-      onMouseleave: R((i) => B(), ["prevent"]),
-      onClick: R((i) => F(i, !0), ["prevent"])
-    }, [D("div", {
+      onMouseover: E((c) => L(c, !1), ["prevent"]),
+      onMousemove: E((c) => L(c, !1), ["prevent"]),
+      onMouseleave: E((c) => A(), ["prevent"]),
+      onClick: E((c) => L(c, !0), ["prevent"])
+    }, [N("div", {
       class: "star-light-area",
-      style: _.value
-    }, [g.map((i) => D("span", {
+      style: C.value
+    }, [m.map((c) => N("span", {
       class: ["f-icon default-light-color ", l.value, {
-        "f-star-sm": a.value === "small"
+        "f-star-sm": t.value === "small"
       }, {
-        "f-star-md": a.value === "middle"
+        "f-star-md": t.value === "middle"
       }, {
-        "f-star-lg": a.value === "large"
+        "f-star-lg": t.value === "large"
       }, {
-        "f-star-exlarge": a.value === "extraLarge"
+        "f-star-exlarge": t.value === "extraLarge"
       }, {
-        disabled: d.value
+        disabled: f.value
       }],
-      id: i.id,
+      id: c.id,
       style: {
-        color: h.value
+        color: b.value
       }
-    }, null))]), D("div", {
+    }, null))]), N("div", {
       class: ["star-dark-area", {
-        small: a.value === "small"
+        small: t.value === "small"
       }, {
-        middle: a.value === "middle"
+        middle: t.value === "middle"
       }, {
-        large: a.value === "large"
+        large: t.value === "large"
       }]
-    }, [g.map((i) => D("span", {
+    }, [m.map((c) => N("span", {
       class: ["f-icon default-dark-color", l.value, {
-        "f-star-sm": a.value === "small"
+        "f-star-sm": t.value === "small"
       }, {
-        "f-star-md": a.value === "middle"
+        "f-star-md": t.value === "middle"
       }, {
-        "f-star-lg": a.value === "large"
+        "f-star-lg": t.value === "large"
       }, {
-        "f-star-exlarge": a.value === "extraLarge"
+        "f-star-exlarge": t.value === "extraLarge"
       }],
-      id: i.id,
+      id: c.id,
       style: {
-        color: E.value
+        color: w.value
       }
-    }, null))]), D("div", {
+    }, null))]), N("div", {
       class: ["f-utils-fill", {
-        "font-small": a.value === "small"
+        "font-small": t.value === "small"
       }, {
-        "font-middle": a.value === "middle"
+        "font-middle": t.value === "middle"
       }, {
-        "font-large": a.value === "large"
+        "font-large": t.value === "large"
       }, {
-        "font-exlarge": a.value === "extraLarge"
+        "font-exlarge": t.value === "extraLarge"
       }]
-    }, [S.value && D("span", null, [L(" "), X.value, L(" ")]), M.value && (c || w) && D("span", null, [L(" "), w || c])])]);
+    }, [S.value && N("span", null, [B(" "), _.value, B(" ")]), M.value && (g || u) && N("span", null, [B(" "), u || g])])]);
   }
 });
-function we(t, e, a) {
-  var w;
-  function n() {
-  }
-  const o = "", b = "", m = r();
-  function h() {
+function we(a, e, t) {
+  var D;
+  const n = "", o = "", h = r();
+  function y() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function E() {
+  function b() {
     return !1;
   }
-  function l() {
+  function w() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function u() {
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function d(c) {
-    if (!c || !c.value)
+  function s(u) {
+    if (!u || !u.value)
       return null;
-    if (c.value.schema && c.value.schema.type === "component")
-      return c.value;
-    const g = r(c == null ? void 0 : c.value.parent), y = d(g);
-    return y || null;
+    if (u.value.schema && u.value.schema.type === "component")
+      return u.value;
+    const g = r(u == null ? void 0 : u.value.parent), m = s(g);
+    return m || null;
   }
-  function f(c = e) {
-    const { componentInstance: g, designerItemElementRef: y } = c;
-    return !g || !g.value ? null : g.value.canMove ? y : f(c.parent);
+  function f(u = e) {
+    const { componentInstance: g, designerItemElementRef: m } = u;
+    return !g || !g.value ? null : g.value.canMove ? m : f(u.parent);
   }
-  function S(c) {
-    return !!a;
+  function p(u) {
+    return !!t;
   }
-  function M() {
+  function S() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function v() {
+  function M() {
   }
-  function T(c, g) {
+  function v(u, g) {
   }
-  function O(c, g) {
-    const { componentType: y } = c;
-    let C = G(y, c, g);
-    const P = y.toLowerCase().replace("-", "_");
-    return C && !C.id && C.type === y && (C.id = `${P}_${Math.random().toString().slice(2, 6)}`), C;
+  function T(u, g) {
+    const { componentType: m } = u;
+    let j = I(m, u, g);
+    const P = m.toLowerCase().replace(/-/g, "_");
+    return j && !j.id && j.type === m && (j.id = `${P}_${Math.random().toString().slice(2, 6)}`), j;
   }
-  function k(c, g) {
-    const y = String(c.getAttribute("data-controltype")), C = c.getAttribute("data-feature"), P = C ? JSON.parse(C) : {};
-    P.parentComponentInstance = m.value;
-    let A = G(y, P);
-    const $ = y.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === y && (A.id = `${$}_${Math.random().toString().slice(2, 6)}`), A;
+  function O(u) {
   }
-  function p(c) {
+  function k(...u) {
   }
-  function N(...c) {
+  function d() {
+    e != null && e.schema.contents && e.schema.contents.map((u) => {
+      var j;
+      let g = u.id;
+      u.type === "component-ref" && (g = u.component);
+      const m = a.value.querySelector(`#${g}-design-item`);
+      (j = m == null ? void 0 : m.componentInstance) != null && j.value.onRemoveComponent && m.componentInstance.value.onRemoveComponent();
+    });
   }
-  return m.value = {
-    canMove: h(),
-    canSelectParent: E(),
-    canDelete: l(),
-    canNested: !u(),
+  return h.value = {
+    canMove: y(),
+    canSelectParent: b(),
+    canDelete: w(),
+    canNested: !l(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: t,
-    parent: (w = e == null ? void 0 : e.parent) == null ? void 0 : w.componentInstance,
+    elementRef: a,
+    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: o,
-    designerClass: b,
-    canAccepts: S,
-    getBelongedComponentInstance: d,
+    styles: n,
+    designerClass: o,
+    canAccepts: p,
+    getBelongedComponentInstance: s,
     getDraggableDesignItemElement: f,
-    getDraggingDisplayText: M,
-    getPropConfig: N,
-    getDragScopeElement: v,
-    onAcceptMovedChildElement: T,
-    onAcceptNewChildElement: k,
-    onChildElementMovedOut: p,
-    addNewChildComponentSchema: O,
-    updateDragAndDropRules: n,
+    getDraggingDisplayText: S,
+    getPropConfig: k,
+    getDragScopeElement: M,
+    onAcceptMovedChildElement: v,
+    onChildElementMovedOut: O,
+    addNewChildComponentSchema: T,
     triggerBelongedComponentToMoveWhenMoved: r(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: r(!1)
-  }, m;
+    triggerBelongedComponentToDeleteWhenDeleted: r(!1),
+    onRemoveComponent: d
+  }, h;
 }
-const Ce = /* @__PURE__ */ K({
+const Ee = /* @__PURE__ */ Z({
   name: "FRateDesign",
-  props: U,
+  props: Q,
   emits: ["selectedValue"],
-  setup(t, e) {
-    const a = r(t.size), n = r(t.enableHalf), o = r(t.enableClear), b = r(t.disabled), m = r(t.pointSystem), h = r(t.lightColor), E = r(t.darkColor), l = r(t.iconClass), u = r(t.numOfStar), d = r(t.toolTipDisabled), f = r(t.toolTipContents), S = r(t.enableScore), M = r(t.enableSatisfaction);
+  setup(a, e) {
+    const t = r(a.size), n = r(a.enableHalf), o = r(a.enableClear), h = r(a.disabled), y = r(a.pointSystem), b = r(a.lightColor), w = r(a.darkColor), l = r(a.iconClass), s = r(a.numOfStar), f = r(a.toolTipDisabled), p = r(a.toolTipContents), S = r(a.enableScore), M = r(a.enableSatisfaction);
     let v;
     const T = r(1);
     let O = 0;
-    const k = r(0), p = r(0);
-    let N = 1, w, c, g;
-    const y = 4, C = r(), P = ae("design-item-context"), A = we(C, P);
-    J(() => {
-      C.value.componentInstance = A;
-    }), e.expose(A.value), J(() => {
+    const k = r(0), d = r(0);
+    let D = 1, u, g, m;
+    const j = 4, P = r(), $ = te("design-item-context"), F = we(P, $);
+    G(() => {
+      P.value.componentInstance = F;
+    }), e.expose(F.value), G(() => {
     });
-    function $() {
-      const s = u.value;
-      g = [];
-      for (let V = 1; V <= s; V++)
-        g.push({
-          id: V
+    function q() {
+      const i = s.value;
+      m = [];
+      for (let R = 1; R <= i; R++)
+        m.push({
+          id: R
         });
     }
-    function H() {
-      let s;
-      n.value ? s = Math.ceil(p.value / N) : s = p.value, O = (v * p.value + Math.floor(p.value) * y) / N, w = f.value[s - 1];
+    function z() {
+      let i;
+      n.value ? i = Math.ceil(d.value / D) : i = d.value, O = (v * d.value + Math.floor(d.value) * j) / D, u = p.value[i - 1];
     }
-    function q() {
-      switch (a.value) {
+    function X() {
+      switch (t.value) {
         case "small":
           v = 14;
           break;
@@ -505,112 +509,107 @@ const Ce = /* @__PURE__ */ K({
           v = 24;
           break;
       }
-      $(), u.value && (N = m.value / u.value), p.value && H();
+      q(), s.value && (D = y.value / s.value), d.value && z();
     }
-    q();
-    function F(s) {
-      return s.className.indexOf("f-icon") !== -1;
+    X();
+    function L(i) {
+      return i.className.indexOf("f-icon") !== -1;
     }
-    function X() {
-      return T.value === O && o && O !== 0 ? (O = 0, p.value = 0, c = null, T.value = 0, k.value = 0, e.emit("selectedValue", p.value), !0) : !1;
+    function _() {
+      return T.value === O && o && O !== 0 ? (O = 0, d.value = 0, g = null, T.value = 0, k.value = 0, e.emit("selectedValue", d.value), !0) : !1;
     }
-    function _(s, V, Y) {
-      if (s.movementX || s.movementY) {
-        if (b.value)
+    function C(i, R, Y) {
+      if (i.movementX || i.movementY) {
+        if (h.value)
           return;
-        M.value && (w = f.value[V - 1]), s.offsetX < v / 2 && n.value === !0 ? (T.value = v * V - v / 2 + y * (V - 1), k.value = N * V - N / 2) : (T.value = v * V + y * (V - 1), k.value = N * V);
+        M.value && (u = p.value[R - 1]), i.offsetX < v / 2 && n.value === !0 ? (T.value = v * R - v / 2 + j * (R - 1), k.value = D * R - D / 2) : (T.value = v * R + j * (R - 1), k.value = D * R);
       }
       if (Y === !0) {
-        if (X())
+        if (_())
           return;
-        p.value = k.value, O = T.value, c = w, e.emit("selectedValue", p.value);
+        d.value = k.value, O = T.value, g = u, e.emit("selectedValue", d.value);
       }
     }
-    function B(s, V) {
-      if (F(s.target) && s.target) {
-        const Y = parseInt(s.target.id);
-        _(s, Y, V);
+    function A(i, R) {
+      if (L(i.target) && i.target) {
+        const Y = parseInt(i.target.id);
+        C(i, Y, R);
       }
     }
-    const i = W(() => k.value ? k.value + "分" : p.value + "分"), j = W(() => ({
+    const c = W(() => k.value ? k.value + "分" : d.value + "分"), V = W(() => ({
       width: (T.value || O) + "px"
     }));
-    return () => D("div", {
+    return () => N("div", {
       class: "farris-star-rating",
-      ref: C,
-      onMouseover: R((s) => B(s, !1), ["prevent"]),
-      onMousemove: R((s) => B(s, !1), ["prevent"]),
-      onMouseout: R((s) => B(s, !1), ["prevent"]),
-      onClick: R((s) => B(s, !0), ["prevent"])
-    }, [D("div", {
+      ref: P,
+      onMouseover: E((i) => A(i, !1), ["prevent"]),
+      onMousemove: E((i) => A(i, !1), ["prevent"]),
+      onMouseout: E((i) => A(i, !1), ["prevent"]),
+      onClick: E((i) => A(i, !0), ["prevent"])
+    }, [N("div", {
       class: "star-light-area",
-      style: j.value
-    }, [g.map((s) => D("span", {
+      style: V.value
+    }, [m.map((i) => N("span", {
       class: ["f-icon default-light-color ", l.value, {
-        "f-star-sm": a.value === "small"
+        "f-star-sm": t.value === "small"
       }, {
-        "f-star-md": a.value === "middle"
+        "f-star-md": t.value === "middle"
       }, {
-        "f-star-lg": a.value === "large"
+        "f-star-lg": t.value === "large"
       }, {
-        "f-star-exlarge": a.value === "extraLarge"
+        "f-star-exlarge": t.value === "extraLarge"
       }, {
-        disabled: d.value
+        disabled: f.value
       }],
-      id: s.id,
+      id: i.id,
       style: {
-        color: h.value
+        color: b.value
       }
-    }, null))]), D("div", {
+    }, null))]), N("div", {
       class: ["star-dark-area", {
-        small: a.value === "small"
+        small: t.value === "small"
       }, {
-        middle: a.value === "middle"
+        middle: t.value === "middle"
       }, {
-        large: a.value === "large"
+        large: t.value === "large"
       }]
-    }, [g.map((s) => D("span", {
+    }, [m.map((i) => N("span", {
       class: ["f-icon default-dark-color", l.value, {
-        "f-star-sm": a.value === "small"
+        "f-star-sm": t.value === "small"
       }, {
-        "f-star-md": a.value === "middle"
+        "f-star-md": t.value === "middle"
       }, {
-        "f-star-lg": a.value === "large"
+        "f-star-lg": t.value === "large"
       }, {
-        "f-star-exlarge": a.value === "extraLarge"
+        "f-star-exlarge": t.value === "extraLarge"
       }],
-      id: s.id,
+      id: i.id,
       style: {
-        color: E.value
+        color: w.value
       }
-    }, null))]), D("div", {
+    }, null))]), N("div", {
       class: ["f-utils-fill", {
-        "font-small": a.value === "small"
+        "font-small": t.value === "small"
       }, {
-        "font-middle": a.value === "middle"
+        "font-middle": t.value === "middle"
       }, {
-        "font-large": a.value === "large"
+        "font-large": t.value === "large"
       }, {
-        "font-exlarge": a.value === "extraLarge"
+        "font-exlarge": t.value === "extraLarge"
       }]
-    }, [S.value && D("span", null, [L(" "), i.value, L(" ")]), M.value && (c || w) && D("span", null, [L(" "), w || c])])]);
+    }, [S.value && N("span", null, [B(" "), c.value, B(" ")]), M.value && (g || u) && N("span", null, [B(" "), u || g])])]);
   }
-}), Ee = (t) => {
-  const e = t;
-  return e.install = function(a) {
-    a.component(e.name, t);
-  }, t;
-};
-z.register = (t, e, a, n) => {
-  t.rate = z, e.rate = ee;
+});
+H.register = (a, e, t, n) => {
+  a.rate = H, e.rate = ee;
 };
-z.registerDesigner = (t, e, a) => {
-  t.rate = Ce, e.rate = ee;
+H.registerDesigner = (a, e, t) => {
+  a.rate = Ee, e.rate = ee;
 };
-const Re = Ee(z);
+const Le = re(H);
 export {
-  z as FRate,
-  Re as default,
+  H as FRate,
+  Le as default,
   ee as propsResolver,
-  U as rateProps
+  Q as rateProps
 };