@farris/ui-vue 1.0.2 → 1.1.1

package/propress/index.esm.js

@@ -1,108 +0,0 @@
-import { defineComponent as G, ref as e, watch as L, computed as l, createVNode as r } from "vue";
-const W = {
-  type: { 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: 0 },
-  percent: { type: Number, default: 0 }
-};
-const f = /* @__PURE__ */ G({
-  name: "FProgress",
-  props: W,
-  emits: [],
-  setup(s, F) {
-    const y = e(s.progressStatus), n = e(s.type), d = e(s.size), h = e(s.showInfo), k = e(s.strokeWidth), o = e(s.percent), c = e(s.strokeLinecap), a = e(!1), b = e(s.strokeColor), m = e(null), v = e(0), i = e(s.width), S = e(""), w = e([]), p = e(""), x = e([]);
-    L(() => s.percent, (t) => {
-      o.value = t || 0;
-    });
-    const u = l(() => k.value || (n.value === "line" && d.value !== "small" ? 8 : 6)), g = l(() => n.value === "circle" || n.value === "dashboard"), P = l(() => {
-      const t = {
-        "f-progress": !0,
-        "f-progress-line": n.value === "line",
-        "ant-progress-small": d.value === "small",
-        "f-progress-show-info": h.value,
-        ".f-progress-circle": g.value
-      }, z = `f-progress-status-${y.value}`;
-      return t[z] = !0, t;
-    }), j = l(() => ({
-      width: `${o.value}%`,
-      "border-radius": c.value === "round" ? "100px" : "0",
-      backgroud: a.value ? null : b.value,
-      "background-image": a.value ? m.value : null,
-      height: `${u.value}px`
-    })), C = l(() => ({
-      width: `${o.value}%`,
-      "border-radius": c.value === "round" ? "100px" : "0",
-      height: `${u.value}px`
-    })), O = l(() => v.value || v.value === 0);
-    function B() {
-      return r("div", {
-        class: "f-progress-outer"
-      }, [r("div", {
-        class: "f-progress-inner"
-      }, [r("div", {
-        class: "f-progress-bg",
-        style: j.value
-      }, null), O.value && r("div", {
-        class: "f-progress-success-bg",
-        style: C.value
-      }, null)])]);
-    }
-    const $ = l(() => ({
-      width: `${i.value}px`,
-      height: `${i.value}px`,
-      "font-size": `${i.value * 0.15 + 6}px`,
-      "f-progress-circle-gradient": a.value
-    })), I = l(() => ({}));
-    function N() {
-      return r("div", {
-        class: "f-progress-inner",
-        style: $.value
-      }, [r("svg", {
-        class: "f-progress-circle",
-        viewBox: "0 0 100 100"
-      }, [a.value && r("defs", null, [r("linearGradient", {
-        id: "gradient-" + S.value,
-        x1: "100%",
-        y1: "0%",
-        x2: "0%",
-        y2: "0%"
-      }, [w.value.map((t) => r("stop", {
-        offset: t.offset,
-        "stop-color": t.color
-      }, null))])]), r("path", {
-        class: "f-progress-circle-trail",
-        stroke: "#efefef",
-        "fill-opacity": "0",
-        "stroke-width": u.value,
-        d: p.value,
-        style: I.value
-      }, null), x.value.map((t) => r("path", {
-        class: "f-progress-circle-path",
-        "fill-opacity": "0",
-        d: p.value,
-        "stroke-linecap": c.value,
-        stroke: t.stroke,
-        "stroke-width": o.value ? u.value : 0,
-        style: t.strokePathStyle
-      }, null))])]);
-    }
-    return () => r("div", {
-      class: P.value
-    }, [n.value === "line" && B(), g.value && N()]);
-  }
-}), V = {
-  install(s) {
-    s.component(f.name, f);
-  }
-};
-export {
-  f as Progress,
-  V as default,
-  W as progressProps
-};

package/propress/index.umd.js

@@ -1 +0,0 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.propress={},s.Vue))})(this,function(s,e){"use strict";const d={type:{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:0},percent:{type:Number,default:0}},G="",c=e.defineComponent({name:"FProgress",props:d,emits:[],setup(r,L){const m=e.ref(r.progressStatus),o=e.ref(r.type),f=e.ref(r.size),b=e.ref(r.showInfo),k=e.ref(r.strokeWidth),l=e.ref(r.percent),i=e.ref(r.strokeLinecap),n=e.ref(!1),v=e.ref(r.strokeColor),S=e.ref(null),p=e.ref(0),u=e.ref(r.width),N=e.ref(""),P=e.ref([]),g=e.ref(""),w=e.ref([]);e.watch(()=>r.percent,t=>{l.value=t||0});const a=e.computed(()=>k.value||(o.value==="line"&&f.value!=="small"?8:6)),y=e.computed(()=>o.value==="circle"||o.value==="dashboard"),V=e.computed(()=>{const t={"f-progress":!0,"f-progress-line":o.value==="line","ant-progress-small":f.value==="small","f-progress-show-info":b.value,".f-progress-circle":y.value},z=`f-progress-status-${m.value}`;return t[z]=!0,t}),x=e.computed(()=>({width:`${l.value}%`,"border-radius":i.value==="round"?"100px":"0",backgroud:n.value?null:v.value,"background-image":n.value?S.value:null,height:`${a.value}px`})),j=e.computed(()=>({width:`${l.value}%`,"border-radius":i.value==="round"?"100px":"0",height:`${a.value}px`})),O=e.computed(()=>p.value||p.value===0);function C(){return e.createVNode("div",{class:"f-progress-outer"},[e.createVNode("div",{class:"f-progress-inner"},[e.createVNode("div",{class:"f-progress-bg",style:x.value},null),O.value&&e.createVNode("div",{class:"f-progress-success-bg",style:j.value},null)])])}const B=e.computed(()=>({width:`${u.value}px`,height:`${u.value}px`,"font-size":`${u.value*.15+6}px`,"f-progress-circle-gradient":n.value})),$=e.computed(()=>({}));function I(){return e.createVNode("div",{class:"f-progress-inner",style:B.value},[e.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[n.value&&e.createVNode("defs",null,[e.createVNode("linearGradient",{id:"gradient-"+N.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[P.value.map(t=>e.createVNode("stop",{offset:t.offset,"stop-color":t.color},null))])]),e.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":a.value,d:g.value,style:$.value},null),w.value.map(t=>e.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:g.value,"stroke-linecap":i.value,stroke:t.stroke,"stroke-width":l.value?a.value:0,style:t.strokePathStyle},null))])])}return()=>e.createVNode("div",{class:V.value},[o.value==="line"&&C(),y.value&&I()])}}),h={install(r){r.component(c.name,c)}};s.Progress=c,s.default=h,s.progressProps=d,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/propress/package.json

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

package/propress/style.css

@@ -1 +0,0 @@
-.f-progress{display:inline-block;font-size:.875rem;color:#000000a6}.f-progress.f-progress-line{position:relative;width:100%}.f-progress.f-progress-line .f-progress-text .f-progress-text-icon{font-size:1.25rem}.f-progress .f-progress-outer{display:inline-block;width:100%}.f-progress .f-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;vertical-align:middle;background-color:#efefef;border-radius:100px}.f-progress .f-progress-bg,.f-progress .f-progress-success-bg{position:relative;border-radius:100px;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.f-progress .f-progress-success-bg{position:absolute;top:0;left:0}.f-progress .f-progress-text{display:inline-block;width:1.75rem;margin-left:.5rem;color:#000000a6;font-size:1em;line-height:1;white-space:nowrap;text-align:left;vertical-align:middle;word-break:normal}.f-progress-status-active .f-progress-bg:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:.625rem;opacity:0;animation:f-progress-active 2.4s ease-in-out infinite;content:""}.f-progress-show-info .f-progress-outer{padding-right:48px;margin-right:-48px}.f-progress.f-progress-circle .f-progress-inner{position:relative;line-height:1;background-color:transparent}.f-progress.f-progress-circle .f-progress-text{position:absolute;top:50%;left:50%;width:100%;margin:0;padding:0;color:#000000a6;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.f-progress.f-progress-circle .f-progress-text .f-progress-text-icon{font-size:1.3em}@keyframes f-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}

package/radio-group/index.esm.js

@@ -1,221 +0,0 @@
-import { computed as f, defineComponent as h, ref as y, createVNode as l } from "vue";
-const v = {};
-function m(e) {
-  const { properties: t } = e;
-  return Object.keys(t).reduce((a, n) => (a[n] = t[n].type === "object" && t[n].properties ? m(t[n]) : t[n].default, a), {});
-}
-function k(e, t) {
-  const o = m(t);
-  return Object.keys(e).reduce((a, n) => (a[n] = e[n], a), o), o;
-}
-function x(e, t) {
-  return Object.keys(e).filter((a) => e[a] != null).reduce((a, n) => {
-    if (t.has(n)) {
-      const i = t.get(n);
-      if (typeof i == "string")
-        a[i] = e[n];
-      else {
-        const s = i(n, e[n]);
-        Object.assign(a, s);
-      }
-    } else
-      a[n] = e[n];
-    return a;
-  }, {});
-}
-function V(e, t, o = /* @__PURE__ */ new Map()) {
-  const a = k(e, t);
-  return x(a, o);
-}
-function j(e, t, o = /* @__PURE__ */ new Map()) {
-  return v[t.title] = t, (a) => {
-    const n = V(a, t, o), i = Object.keys(e).reduce((s, u) => (s[u] = e[u].default, s), {});
-    return Object.assign(i, n);
-  };
-}
-function C(e, t) {
-  return { customClass: t.class };
-}
-const R = /* @__PURE__ */ new Map([
-  ["appearance", C]
-]), S = "https://json-schema.org/draft/2020-12/schema", F = "https://farris-design.gitee.io/check-box.schema.json", T = "CheckBox", w = "A Farris Input Component", B = "object", D = {
-  id: {
-    description: "The unique identifier for a check box",
-    type: "string"
-  },
-  type: {
-    description: "The type string of check box component",
-    type: "string"
-  },
-  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
-  }
-}, q = [
-  "id",
-  "type"
-], G = {
-  $schema: S,
-  $id: F,
-  title: T,
-  description: w,
-  type: B,
-  properties: D,
-  required: q
-}, g = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 禁用组件，不允许切换单选值
-   */
-  disabled: { type: Boolean, default: !1 },
-  /**
-   * 单选组枚举数组
-   */
-  enumData: Array,
-  /**
-   * 组件是否水平排列
-   */
-  horizontal: { type: Boolean, default: !1 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  /**
-   * 组件名称
-   */
-  name: { type: String, default: "" },
-  /**
-   * 输入框Tab键索引
-   */
-  tabIndex: Number,
-  /**
-   * 枚举数组中展示文本的key值。
-   */
-  textField: { type: String, default: "name" },
-  /**
-   * 枚举数组中枚举值的key值。
-   */
-  valueField: { type: String, default: "value" }
-}, M = j(g, G, R);
-function $(e, t, o) {
-  const a = f(() => !e.disabled), n = f(() => e.enumData || []);
-  function i(r) {
-    return r[e.valueField];
-  }
-  function s(r) {
-    return r[e.textField];
-  }
-  function u(r, d) {
-    if (a.value) {
-      const c = i(r);
-      o.value !== c && (o.value = c, t.emit("changeValue", c), t.emit("update:modelValue", c));
-    }
-    d.stopPropagation();
-  }
-  return {
-    enumData: n,
-    getValue: i,
-    getText: s,
-    onClickRadio: u
-  };
-}
-const p = /* @__PURE__ */ h({
-  name: "FRadioGroup",
-  props: g,
-  emits: ["changeValue", "update:modelValue"],
-  setup(e, t) {
-    const o = y(e.modelValue), {
-      enumData: a,
-      onClickRadio: n,
-      getValue: i,
-      getText: s
-    } = $(e, t, o), u = f(() => ({
-      "farris-checkradio-hor": e.horizontal
-    }));
-    return () => l("div", {
-      class: ["farris-input-wrap", u.value]
-    }, [a.value.map((r, d) => {
-      const c = "radio_" + e.name + d;
-      return l("div", {
-        class: "custom-control custom-radio"
-      }, [l("input", {
-        type: "radio",
-        class: "custom-control-input",
-        name: e.name,
-        id: c,
-        value: i(r),
-        checked: i(r) === o.value,
-        disabled: e.disabled,
-        tabindex: e.tabIndex,
-        onClick: (b) => n(r, b)
-      }, null), l("label", {
-        class: "custom-control-label",
-        for: c
-      }, [s(r)])]);
-    })]);
-  }
-}), A = {
-  install(e) {
-    e.component(p.name, p);
-  },
-  register(e, t) {
-    e["radio-group"] = p, t["radio-group"] = M;
-  }
-};
-export {
-  p as RadioGroup,
-  A as default,
-  M as propsResolver,
-  g as radioGroupProps
-};

package/radio-group/index.umd.js

@@ -1 +0,0 @@
-(function(s,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(s=typeof globalThis<"u"?globalThis:s||self,i(s["radio-group"]={},s.Vue))})(this,function(s,i){"use strict";const h={};function g(e){const{properties:t}=e;return Object.keys(t).reduce((o,n)=>(o[n]=t[n].type==="object"&&t[n].properties?g(t[n]):t[n].default,o),{})}function y(e,t){const a=g(t);return Object.keys(e).reduce((o,n)=>(o[n]=e[n],o),a),a}function V(e,t){return Object.keys(e).filter(o=>e[o]!=null).reduce((o,n)=>{if(t.has(n)){const r=t.get(n);if(typeof r=="string")o[r]=e[n];else{const u=r(n,e[n]);Object.assign(o,u)}}else o[n]=e[n];return o},{})}function k(e,t,a=new Map){const o=y(e,t);return V(o,a)}function v(e,t,a=new Map){return h[t.title]=t,o=>{const n=k(o,t,a),r=Object.keys(e).reduce((u,l)=>(u[l]=e[l].default,u),{});return Object.assign(r,n)}}function j(e,t){return{customClass:t.class}}const x=new Map([["appearance",j]]),R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"CheckBox",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string"},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"]},f={id:String,disabled:{type:Boolean,default:!1},enumData:Array,horizontal:{type:Boolean,default:!1},modelValue:{type:String,default:""},name:{type:String,default:""},tabIndex:Number,textField:{type:String,default:"name"},valueField:{type:String,default:"value"}},b=v(f,R,x);function C(e,t,a){const o=i.computed(()=>!e.disabled),n=i.computed(()=>e.enumData||[]);function r(c){return c[e.valueField]}function u(c){return c[e.textField]}function l(c,m){if(o.value){const d=r(c);a.value!==d&&(a.value=d,t.emit("changeValue",d),t.emit("update:modelValue",d))}m.stopPropagation()}return{enumData:n,getValue:r,getText:u,onClickRadio:l}}const p=i.defineComponent({name:"FRadioGroup",props:f,emits:["changeValue","update:modelValue"],setup(e,t){const a=i.ref(e.modelValue),{enumData:o,onClickRadio:n,getValue:r,getText:u}=C(e,t,a),l=i.computed(()=>({"farris-checkradio-hor":e.horizontal}));return()=>i.createVNode("div",{class:["farris-input-wrap",l.value]},[o.value.map((c,m)=>{const d="radio_"+e.name+m;return i.createVNode("div",{class:"custom-control custom-radio"},[i.createVNode("input",{type:"radio",class:"custom-control-input",name:e.name,id:d,value:r(c),checked:r(c)===a.value,disabled:e.disabled,tabindex:e.tabIndex,onClick:T=>n(c,T)},null),i.createVNode("label",{class:"custom-control-label",for:d},[u(c)])])})])}}),S={install(e){e.component(p.name,p)},register(e,t){e["radio-group"]=p,t["radio-group"]=b}};s.RadioGroup=p,s.default=S,s.propsResolver=b,s.radioGroupProps=f,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/radio-group/package.json

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

package/rate/index.esm.js

@@ -1,168 +0,0 @@
-import { defineComponent as Y, ref as l, computed as B, createVNode as s, withModifiers as S, createTextVNode as C } from "vue";
-const q = {
-  /** 星星大小 */
-  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: String, default: "bottom" },
-  /** 启用评分 */
-  enableScore: { type: Boolean, default: !0 },
-  /** 启用满意度 */
-  enableSatisfaction: { type: Boolean, default: !1 }
-};
-const M = /* @__PURE__ */ Y({
-  name: "FRate",
-  props: q,
-  emits: ["selectedValue"],
-  setup(t, h) {
-    const a = l(t.size), x = l(t.enableHalf), N = l(t.enableClear), V = l(t.disabled), L = l(t.pointSystem), w = l(t.lightColor), z = l(t.darkColor), k = l(t.iconClass), p = l(t.numOfStar), D = l(t.toolTipDisabled), T = l(t.toolTipContents), H = l(t.enableScore), O = l(t.enableSatisfaction);
-    let o;
-    const u = l(1);
-    let i = 0;
-    const f = l(0), r = l(0);
-    let c = 1, d, v, m;
-    const y = 4;
-    function W() {
-      switch (a.value) {
-        case "small":
-          o = 14;
-          break;
-        case "middle":
-          o = 16;
-          break;
-        case "large":
-          o = 18;
-          break;
-        case "extraLarge":
-          o = 24;
-          break;
-      }
-      j(), p.value && (c = L.value / p.value), r.value && F();
-    }
-    W();
-    function j() {
-      const e = p.value;
-      m = [];
-      for (let n = 1; n <= e; n++)
-        m.push({
-          id: n
-        });
-    }
-    function A(e) {
-      return e.className.indexOf("f-icon") !== -1;
-    }
-    function F() {
-      let e;
-      x.value ? e = Math.ceil(r.value / c) : e = r.value, i = (o * r.value + Math.floor(r.value) * y) / c, d = T.value[e - 1];
-    }
-    function I() {
-      return u.value === i && N && i !== 0 ? (i = 0, r.value = 0, v = null, u.value = 0, f.value = 0, h.emit("selectedValue", r.value), !0) : !1;
-    }
-    function R(e, n, b) {
-      if (e.movementX || e.movementY) {
-        if (V.value)
-          return;
-        O.value && (d = T.value[n - 1]), e.offsetX < o / 2 && x.value === !0 ? (u.value = o * n - o / 2 + y * (n - 1), f.value = c * n - c / 2) : (u.value = o * n + y * (n - 1), f.value = c * n);
-      }
-      if (b === !0) {
-        if (I())
-          return;
-        r.value = f.value, i = u.value, v = d, h.emit("selectedValue", r.value);
-      }
-    }
-    function g(e, n) {
-      var b;
-      if (A(e.target) && e.target) {
-        const P = parseInt((b = e.target) == null ? void 0 : b.id);
-        R(e, P, n);
-      }
-    }
-    const X = B(() => f.value ? f.value + "分" : r.value + "分"), E = B(() => ({
-      width: (u.value || i) + "px"
-    }));
-    return () => s("div", {
-      class: "farris-star-rating",
-      onMouseover: S((e) => g(e, !1), ["prevent"]),
-      onMousemove: S((e) => g(e, !1), ["prevent"]),
-      onMouseout: S((e) => g(e, !1), ["prevent"]),
-      onClick: S((e) => g(e, !0), ["prevent"])
-    }, [s("div", {
-      class: "star-light-area",
-      style: E.value
-    }, [m.map((e) => s("span", {
-      class: ["f-icon default-light-color ", k.value, {
-        "f-star-sm": a.value === "small"
-      }, {
-        "f-star-md": a.value === "middle"
-      }, {
-        "f-star-lg": a.value === "large"
-      }, {
-        "f-star-exlarge": a.value === "extraLarge"
-      }, {
-        disabled: D.value
-      }],
-      id: e.id,
-      style: {
-        color: w.value
-      }
-    }, null))]), s("div", {
-      class: ["star-dark-area", {
-        small: a.value === "small"
-      }, {
-        middle: a.value === "middle"
-      }, {
-        large: a.value === "large"
-      }]
-    }, [m.map((e) => s("span", {
-      class: ["f-icon default-dark-color", k.value, {
-        "f-star-sm": a.value === "small"
-      }, {
-        "f-star-md": a.value === "middle"
-      }, {
-        "f-star-lg": a.value === "large"
-      }, {
-        "f-star-exlarge": a.value === "extraLarge"
-      }],
-      id: e.id,
-      style: {
-        color: z.value
-      }
-    }, null))]), s("div", {
-      class: ["f-utils-fill", {
-        "font-small": a.value === "small"
-      }, {
-        "font-middle": a.value === "middle"
-      }, {
-        "font-large": a.value === "large"
-      }, {
-        "font-exlarge": a.value === "extraLarge"
-      }]
-    }, [H.value && s("span", null, [C(" "), X.value, C(" ")]), O.value && (v || d) && s("span", null, [C(" "), d || v])])]);
-  }
-}), J = {
-  install(t) {
-    t.component(M.name, M);
-  }
-};
-export {
-  M as Rate,
-  J as default,
-  q as rateProps
-};

package/rate/index.umd.js

@@ -1 +0,0 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.rate={},o.Vue))})(this,function(o,e){"use strict";const h={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:String,default:"bottom"},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1}},_="",p=e.defineComponent({name:"FRate",props:h,emits:["selectedValue"],setup(l,C){const t=e.ref(l.size),N=e.ref(l.enableHalf),k=e.ref(l.enableClear),O=e.ref(l.disabled),w=e.ref(l.pointSystem),B=e.ref(l.lightColor),j=e.ref(l.darkColor),V=e.ref(l.iconClass),S=e.ref(l.numOfStar),L=e.ref(l.toolTipDisabled),T=e.ref(l.toolTipContents),z=e.ref(l.enableScore),x=e.ref(l.enableSatisfaction);let i;const s=e.ref(1);let f=0;const u=e.ref(0),n=e.ref(0);let c=1,d,m,g;const y=4;function D(){switch(t.value){case"small":i=14;break;case"middle":i=16;break;case"large":i=18;break;case"extraLarge":i=24;break}H(),S.value&&(c=w.value/S.value),n.value&&R()}D();function H(){const a=S.value;g=[];for(let r=1;r<=a;r++)g.push({id:r})}function P(a){return a.className.indexOf("f-icon")!==-1}function R(){let a;N.value?a=Math.ceil(n.value/c):a=n.value,f=(i*n.value+Math.floor(n.value)*y)/c,d=T.value[a-1]}function W(){return s.value===f&&k&&f!==0?(f=0,n.value=0,m=null,s.value=0,u.value=0,C.emit("selectedValue",n.value),!0):!1}function A(a,r,b){if(a.movementX||a.movementY){if(O.value)return;x.value&&(d=T.value[r-1]),a.offsetX<i/2&&N.value===!0?(s.value=i*r-i/2+y*(r-1),u.value=c*r-c/2):(s.value=i*r+y*(r-1),u.value=c*r)}if(b===!0){if(W())return;n.value=u.value,f=s.value,m=d,C.emit("selectedValue",n.value)}}function v(a,r){var b;if(P(a.target)&&a.target){const X=parseInt((b=a.target)==null?void 0:b.id);A(a,X,r)}}const F=e.computed(()=>u.value?u.value+"分":n.value+"分"),I=e.computed(()=>({width:(s.value||f)+"px"}));return()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(a=>v(a,!1),["prevent"]),onMousemove:e.withModifiers(a=>v(a,!1),["prevent"]),onMouseout:e.withModifiers(a=>v(a,!1),["prevent"]),onClick:e.withModifiers(a=>v(a,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:I.value},[g.map(a=>e.createVNode("span",{class:["f-icon default-light-color ",V.value,{"f-star-sm":t.value==="small"},{"f-star-md":t.value==="middle"},{"f-star-lg":t.value==="large"},{"f-star-exlarge":t.value==="extraLarge"},{disabled:L.value}],id:a.id,style:{color:B.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:t.value==="small"},{middle:t.value==="middle"},{large:t.value==="large"}]},[g.map(a=>e.createVNode("span",{class:["f-icon default-dark-color",V.value,{"f-star-sm":t.value==="small"},{"f-star-md":t.value==="middle"},{"f-star-lg":t.value==="large"},{"f-star-exlarge":t.value==="extraLarge"}],id:a.id,style:{color:j.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":t.value==="small"},{"font-middle":t.value==="middle"},{"font-large":t.value==="large"},{"font-exlarge":t.value==="extraLarge"}]},[z.value&&e.createVNode("span",null,[e.createTextVNode(" "),F.value,e.createTextVNode(" ")]),x.value&&(m||d)&&e.createVNode("span",null,[e.createTextVNode(" "),d||m])])])}}),M={install(l){l.component(p.name,p)}};o.Rate=p,o.default=M,o.rateProps=h,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/rate/package.json

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

package/rate/style.css

@@ -1 +0,0 @@
-.farris-star-rating{cursor:pointer}.farris-star-rating{display:flex;position:relative}.farris-star-rating .default-light-color{color:#fbdb10}.farris-star-rating .default-dark-color{color:#e8e8e8}.star-light-area span,.star-dark-area span{box-sizing:content-box;padding-right:4px}.farris-star-rating .f-star-sm{font-size:14px}.farris-star-rating .f-star-md{font-size:16px}.farris-star-rating .f-star-lg{font-size:18px}.farris-star-rating .f-star-exlarge{font-size:24px}.farris-star-rating .star-dark-area{overflow:hidden;display:flex;flex-wrap:nowrap}.farris-star-rating .f-utils-fill{padding-left:2px;font-size:14px}.farris-star-rating .font-small{line-height:14px}.farris-star-rating .font-middle{line-height:16px}.farris-star-rating .font-large{line-height:18px}.farris-star-rating .font-exlarge{line-height:24px}.farris-star-rating .star-light-area{position:absolute;left:0;top:0;z-index:2;width:0%;overflow:hidden;display:flex;flex-wrap:nowrap}.farris-star-rating .star-light-area span,.farris-star-rating .star-dark-area span{flex-shrink:0}