@routa/ui-vue 0.1.0

package/dist/rate/Rate.vue.d.ts

@@ -0,0 +1,139 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly allowHalf: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#fadb14";
+    };
+    readonly voidColor: {
+        readonly type: StringConstructor;
+        readonly default: "#e8e8e8";
+    };
+    readonly disabledColor: {
+        readonly type: StringConstructor;
+        readonly default: "#bfbfbf";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly voidIcon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly texts: {
+        readonly type: import('vue').PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "#1f2937";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: 20;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number) => void;
+    "update:modelValue": (value: number) => void;
+    "hover-change": (value: number | null) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly allowHalf: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#fadb14";
+    };
+    readonly voidColor: {
+        readonly type: StringConstructor;
+        readonly default: "#e8e8e8";
+    };
+    readonly disabledColor: {
+        readonly type: StringConstructor;
+        readonly default: "#bfbfbf";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly voidIcon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly texts: {
+        readonly type: import('vue').PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "#1f2937";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: 20;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onHover-change"?: ((value: number | null) => any) | undefined;
+}>, {
+    readonly size: string | number;
+    readonly disabled: boolean;
+    readonly modelValue: number;
+    readonly color: string;
+    readonly icon: string;
+    readonly readonly: boolean;
+    readonly textColor: string;
+    readonly max: number;
+    readonly allowHalf: boolean;
+    readonly voidColor: string;
+    readonly disabledColor: string;
+    readonly voidIcon: string;
+    readonly showText: boolean;
+    readonly texts: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/rate/index.d.ts

@@ -0,0 +1,140 @@
+export declare const LRate: import('../utils/install').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly allowHalf: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#fadb14";
+    };
+    readonly voidColor: {
+        readonly type: StringConstructor;
+        readonly default: "#e8e8e8";
+    };
+    readonly disabledColor: {
+        readonly type: StringConstructor;
+        readonly default: "#bfbfbf";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly voidIcon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly texts: {
+        readonly type: import('vue').PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "#1f2937";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: 20;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number) => void;
+    "update:modelValue": (value: number) => void;
+    "hover-change": (value: number | null) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly allowHalf: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#fadb14";
+    };
+    readonly voidColor: {
+        readonly type: StringConstructor;
+        readonly default: "#e8e8e8";
+    };
+    readonly disabledColor: {
+        readonly type: StringConstructor;
+        readonly default: "#bfbfbf";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly voidIcon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly texts: {
+        readonly type: import('vue').PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "#1f2937";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: 20;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onHover-change"?: ((value: number | null) => any) | undefined;
+}>, {
+    readonly size: string | number;
+    readonly disabled: boolean;
+    readonly modelValue: number;
+    readonly color: string;
+    readonly icon: string;
+    readonly readonly: boolean;
+    readonly textColor: string;
+    readonly max: number;
+    readonly allowHalf: boolean;
+    readonly voidColor: string;
+    readonly disabledColor: string;
+    readonly voidIcon: string;
+    readonly showText: boolean;
+    readonly texts: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>>;
+export default LRate;
+export * from './types';

package/dist/rate/index.js

@@ -0,0 +1,3 @@
+require('../style/rate.css');
+require('../style/Icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("../chunks/install-gnn2dOg9.js"),e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const y=require("../chunks/index-DWAWrVaT.js"),M=require("../chunks/use-id-BycaM3-h.js"),T=require("../chunks/use-signals-Bz1smiXh.js"),A=require("../chunks/use-form-item-CloIcyon.js"),V=require("../chunks/Icon.vue_vue_type_script_setup_true_lang-YDWguTmi.js");function K(a={}){const g=a.max??5,r=a.allowHalf??!1,s=y.signal(a.value??0),v=y.signal(null),f=y.signal(typeof a.disabled=="function"?a.disabled():a.disabled??!1),m=y.signal(typeof a.readonly=="function"?a.readonly():a.readonly??!1);typeof a.disabled=="function"&&y.effect(()=>{f.value=a.disabled()}),typeof a.readonly=="function"&&y.effect(()=>{m.value=a.readonly()});const c=y.computed(()=>!f.value&&!m.value),b=t=>{var d;c.value&&(v.value=t,(d=a.onHoverChange)==null||d.call(a,t))},h=()=>{var t;c.value&&(v.value=null,(t=a.onHoverChange)==null||t.call(a,null))},p=t=>{var d;c.value&&(s.value=t,(d=a.onChange)==null||d.call(a,t))};return{state:{get value(){return s.value},set value(t){s.value=t},get hoverValue(){return v.value},get disabled(){return f.value},set disabled(t){f.value=t},get readonly(){return m.value},set readonly(t){m.value=t},get isInteractive(){return c.value}},actions:{handleHover:b,clearHover:h,selectValue:p,handleKeyDown:t=>{if(!c.value)return;const d=r?.5:1;let u=s.value;switch(t.key){case"ArrowUp":case"ArrowRight":t.preventDefault(),u=Math.min(g,u+d);break;case"ArrowDown":case"ArrowLeft":t.preventDefault(),u=Math.max(0,u-d);break;case"Home":t.preventDefault(),u=0;break;case"End":t.preventDefault(),u=g;break;default:return}u!==s.value&&p(u)}},props:{role:"slider","aria-valuemin":0,"aria-valuemax":g,get"aria-valuenow"(){return s.value},get"aria-disabled"(){return f.value},get"aria-readonly"(){return m.value},get tabindex(){return f.value?-1:0}}}}const H={modelValue:{type:Number,default:0},max:{type:Number,default:5},allowHalf:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},color:{type:String,default:"#fadb14"},voidColor:{type:String,default:"#e8e8e8"},disabledColor:{type:String,default:"#bfbfbf"},icon:{type:String,default:"lucide:star"},voidIcon:{type:String,default:"lucide:star"},showText:{type:Boolean,default:!1},texts:{type:Array,default:()=>["极差","失望","一般","满意","非常满意"]},textColor:{type:String,default:"#1f2937"},size:{type:[Number,String],default:20}},S={"update:modelValue":a=>typeof a=="number",change:a=>typeof a=="number","hover-change":a=>a===null||typeof a=="number"},L=["id","disabled"],P=["onMousemove","onClick"],F={class:"l-rate__star"},X={class:"l-rate__star-content l-rate__star-content--void"},j=e.defineComponent({name:"LRate",__name:"Rate",props:H,emits:S,setup(a,{emit:g}){const r=a,s=g,{formItem:v,disabled:f,readonly:m,inputId:c}=A.useFormItem(),b=e.computed(()=>r.disabled||f.value),h=e.computed(()=>r.readonly||m.value),p=M.useId("rate"),C=(c==null?void 0:c.value)||p,t=K({value:r.modelValue,max:r.max,allowHalf:r.allowHalf,disabled:()=>b.value,readonly:()=>h.value,onChange:l=>{s("update:modelValue",l),s("change",l),v==null||v.validate("change").catch(()=>{})},onHoverChange:l=>{s("hover-change",l)}}),{value:d,hoverValue:u,disabled:_,readonly:B,isInteractive:x}=T.useController(t,{value:()=>r.modelValue,disabled:()=>b.value,readonly:()=>h.value}),k=e.computed(()=>u.value!==null?u.value:d.value),w=l=>{const o=k.value;return o>=l?1:r.allowHalf&&o>=l-.5?.5:0},D=(l,o)=>{if(!x.value)return;let n=l;if(r.allowHalf){const i=o.currentTarget.getBoundingClientRect();o.clientX-i.left<i.width/2&&(n-=.5)}t.actions.selectValue(n)},E=(l,o)=>{if(!x.value)return;let n=l;if(r.allowHalf){const i=o.currentTarget.getBoundingClientRect();o.clientX-i.left<i.width/2&&(n-=.5)}t.actions.handleHover(n)},R=e.computed(()=>["l-rate",{"is-disabled":_.value,"is-readonly":B.value}]),N=l=>{const o=w(l),n=_.value?r.disabledColor:r.color;return{"--l-rate-star-color":o>0?n:r.voidColor,"--l-rate-star-size":typeof r.size=="number"?`${r.size}px`:r.size}},q=e.computed(()=>{if(!r.showText)return"";const l=Math.ceil(k.value);return r.texts[l-1]||""});return(l,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:R.value},e.unref(t).props,{onKeydown:o[0]||(o[0]=(...n)=>e.unref(t).actions.handleKeyDown&&e.unref(t).actions.handleKeyDown(...n)),onMouseleave:o[1]||(o[1]=(...n)=>e.unref(t).actions.clearHover&&e.unref(t).actions.clearHover(...n))}),[e.createElementVNode("input",{id:e.unref(C),type:"text",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap",border:"0"},"aria-hidden":"true",tabindex:"-1",disabled:e.unref(_)},null,8,L),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.max,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"l-rate__item",style:e.normalizeStyle(N(n)),onMousemove:i=>E(n,i),onClick:i=>D(n,i)},[e.createElementVNode("div",F,[e.createElementVNode("div",X,[e.createVNode(V._sfc_main,{name:l.voidIcon},null,8,["name"])]),e.createElementVNode("div",{class:"l-rate__star-content l-rate__star-content--active",style:e.normalizeStyle({width:w(n)===.5?"50%":w(n)===1?"100%":"0%"})},[e.createVNode(V._sfc_main,{name:l.icon},null,8,["name"])],4)])],44,P))),128)),l.showText?(e.openBlock(),e.createElementBlock("span",{key:0,class:"l-rate__text",style:e.normalizeStyle({color:l.textColor})},e.toDisplayString(q.value),5)):e.createCommentVNode("",!0)],16))}}),I=z.withInstall(j);exports.LRate=I;exports.default=I;exports.rateEmits=S;exports.rateProps=H;

package/dist/rate/index.mjs

@@ -0,0 +1,276 @@
+import '../style/rate.css';
+import '../style/Icon.css';
+import { w as L } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as $, computed as g, openBlock as w, createElementBlock as C, mergeProps as F, unref as m, createElementVNode as _, Fragment as P, renderList as X, normalizeStyle as k, createVNode as R, toDisplayString as U, createCommentVNode as j } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as x, e as B, c as q } from "../chunks/index-B0yEC3RG.mjs";
+import { u as G } from "../chunks/use-id-D3casveg.mjs";
+import { u as J } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as O } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { _ as z } from "../chunks/Icon.vue_vue_type_script_setup_true_lang-LQ-KuJ6a.mjs";
+function Q(e = {}) {
+  const y = e.max ?? 5, l = e.allowHalf ?? !1, u = x(e.value ?? 0), f = x(null), c = x(typeof e.disabled == "function" ? e.disabled() : e.disabled ?? !1), v = x(typeof e.readonly == "function" ? e.readonly() : e.readonly ?? !1);
+  typeof e.disabled == "function" && B(() => {
+    c.value = e.disabled();
+  }), typeof e.readonly == "function" && B(() => {
+    v.value = e.readonly();
+  });
+  const d = q(() => !c.value && !v.value), h = (a) => {
+    var s;
+    d.value && (f.value = a, (s = e.onHoverChange) == null || s.call(e, a));
+  }, b = () => {
+    var a;
+    d.value && (f.value = null, (a = e.onHoverChange) == null || a.call(e, null));
+  }, p = (a) => {
+    var s;
+    d.value && (u.value = a, (s = e.onChange) == null || s.call(e, a));
+  };
+  return {
+    state: {
+      get value() {
+        return u.value;
+      },
+      set value(a) {
+        u.value = a;
+      },
+      get hoverValue() {
+        return f.value;
+      },
+      get disabled() {
+        return c.value;
+      },
+      set disabled(a) {
+        c.value = a;
+      },
+      get readonly() {
+        return v.value;
+      },
+      set readonly(a) {
+        v.value = a;
+      },
+      get isInteractive() {
+        return d.value;
+      }
+    },
+    actions: {
+      handleHover: h,
+      clearHover: b,
+      selectValue: p,
+      handleKeyDown: (a) => {
+        if (!d.value) return;
+        const s = l ? 0.5 : 1;
+        let o = u.value;
+        switch (a.key) {
+          case "ArrowUp":
+          case "ArrowRight":
+            a.preventDefault(), o = Math.min(y, o + s);
+            break;
+          case "ArrowDown":
+          case "ArrowLeft":
+            a.preventDefault(), o = Math.max(0, o - s);
+            break;
+          case "Home":
+            a.preventDefault(), o = 0;
+            break;
+          case "End":
+            a.preventDefault(), o = y;
+            break;
+          default:
+            return;
+        }
+        o !== u.value && p(o);
+      }
+    },
+    props: {
+      role: "slider",
+      "aria-valuemin": 0,
+      "aria-valuemax": y,
+      get "aria-valuenow"() {
+        return u.value;
+      },
+      get "aria-disabled"() {
+        return c.value;
+      },
+      get "aria-readonly"() {
+        return v.value;
+      },
+      get tabindex() {
+        return c.value ? -1 : 0;
+      }
+    }
+  };
+}
+const W = {
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  max: {
+    type: Number,
+    default: 5
+  },
+  allowHalf: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  readonly: {
+    type: Boolean,
+    default: !1
+  },
+  color: {
+    type: String,
+    default: "#fadb14"
+    // Standard golden color
+  },
+  voidColor: {
+    type: String,
+    default: "#e8e8e8"
+  },
+  disabledColor: {
+    type: String,
+    default: "#bfbfbf"
+  },
+  icon: {
+    type: String,
+    default: "lucide:star"
+  },
+  voidIcon: {
+    type: String,
+    default: "lucide:star"
+  },
+  showText: {
+    type: Boolean,
+    default: !1
+  },
+  texts: {
+    type: Array,
+    default: () => ["极差", "失望", "一般", "满意", "非常满意"]
+  },
+  textColor: {
+    type: String,
+    default: "#1f2937"
+  },
+  size: {
+    type: [Number, String],
+    default: 20
+  }
+}, Y = {
+  "update:modelValue": (e) => typeof e == "number",
+  change: (e) => typeof e == "number",
+  "hover-change": (e) => e === null || typeof e == "number"
+}, Z = ["id", "disabled"], ee = ["onMousemove", "onClick"], ae = { class: "l-rate__star" }, te = { class: "l-rate__star-content l-rate__star-content--void" }, le = /* @__PURE__ */ $({
+  name: "LRate",
+  __name: "Rate",
+  props: W,
+  emits: Y,
+  setup(e, { emit: y }) {
+    const l = e, u = y, { formItem: f, disabled: c, readonly: v, inputId: d } = O(), h = g(() => l.disabled || c.value), b = g(() => l.readonly || v.value), p = G("rate"), D = (d == null ? void 0 : d.value) || p, a = Q({
+      value: l.modelValue,
+      max: l.max,
+      allowHalf: l.allowHalf,
+      disabled: () => h.value,
+      readonly: () => b.value,
+      onChange: (t) => {
+        u("update:modelValue", t), u("change", t), f == null || f.validate("change").catch(() => {
+        });
+      },
+      onHoverChange: (t) => {
+        u("hover-change", t);
+      }
+    }), {
+      value: s,
+      hoverValue: o,
+      disabled: H,
+      readonly: M,
+      isInteractive: I
+    } = J(a, {
+      value: () => l.modelValue,
+      disabled: () => h.value,
+      readonly: () => b.value
+    }), S = g(() => o.value !== null ? o.value : s.value), V = (t) => {
+      const n = S.value;
+      return n >= t ? 1 : l.allowHalf && n >= t - 0.5 ? 0.5 : 0;
+    }, N = (t, n) => {
+      if (!I.value) return;
+      let r = t;
+      if (l.allowHalf) {
+        const i = n.currentTarget.getBoundingClientRect();
+        n.clientX - i.left < i.width / 2 && (r -= 0.5);
+      }
+      a.actions.selectValue(r);
+    }, T = (t, n) => {
+      if (!I.value) return;
+      let r = t;
+      if (l.allowHalf) {
+        const i = n.currentTarget.getBoundingClientRect();
+        n.clientX - i.left < i.width / 2 && (r -= 0.5);
+      }
+      a.actions.handleHover(r);
+    }, A = g(() => [
+      "l-rate",
+      {
+        "is-disabled": H.value,
+        "is-readonly": M.value
+      }
+    ]), K = (t) => {
+      const n = V(t), r = H.value ? l.disabledColor : l.color;
+      return {
+        "--l-rate-star-color": n > 0 ? r : l.voidColor,
+        "--l-rate-star-size": typeof l.size == "number" ? `${l.size}px` : l.size
+      };
+    }, E = g(() => {
+      if (!l.showText) return "";
+      const t = Math.ceil(S.value);
+      return l.texts[t - 1] || "";
+    });
+    return (t, n) => (w(), C("div", F({ class: A.value }, m(a).props, {
+      onKeydown: n[0] || (n[0] = //@ts-ignore
+      (...r) => m(a).actions.handleKeyDown && m(a).actions.handleKeyDown(...r)),
+      onMouseleave: n[1] || (n[1] = //@ts-ignore
+      (...r) => m(a).actions.clearHover && m(a).actions.clearHover(...r))
+    }), [
+      _("input", {
+        id: m(D),
+        type: "text",
+        style: { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", "white-space": "nowrap", border: "0" },
+        "aria-hidden": "true",
+        tabindex: "-1",
+        disabled: m(H)
+      }, null, 8, Z),
+      (w(!0), C(P, null, X(t.max, (r) => (w(), C("div", {
+        key: r,
+        class: "l-rate__item",
+        style: k(K(r)),
+        onMousemove: (i) => T(r, i),
+        onClick: (i) => N(r, i)
+      }, [
+        _("div", ae, [
+          _("div", te, [
+            R(z, { name: t.voidIcon }, null, 8, ["name"])
+          ]),
+          _("div", {
+            class: "l-rate__star-content l-rate__star-content--active",
+            style: k({ width: V(r) === 0.5 ? "50%" : V(r) === 1 ? "100%" : "0%" })
+          }, [
+            R(z, { name: t.icon }, null, 8, ["name"])
+          ], 4)
+        ])
+      ], 44, ee))), 128)),
+      t.showText ? (w(), C("span", {
+        key: 0,
+        class: "l-rate__text",
+        style: k({ color: t.textColor })
+      }, U(E.value), 5)) : j("", !0)
+    ], 16));
+  }
+}), fe = L(le);
+export {
+  fe as LRate,
+  fe as default,
+  Y as rateEmits,
+  W as rateProps
+};

package/dist/rate/types.d.ts

@@ -0,0 +1,66 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const rateProps: {
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 5;
+    };
+    readonly allowHalf: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "#fadb14";
+    };
+    readonly voidColor: {
+        readonly type: StringConstructor;
+        readonly default: "#e8e8e8";
+    };
+    readonly disabledColor: {
+        readonly type: StringConstructor;
+        readonly default: "#bfbfbf";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly voidIcon: {
+        readonly type: StringConstructor;
+        readonly default: "lucide:star";
+    };
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly texts: {
+        readonly type: PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "#1f2937";
+    };
+    readonly size: {
+        readonly type: PropType<number | string>;
+        readonly default: 20;
+    };
+};
+export type RateProps = ExtractPropTypes<typeof rateProps>;
+export declare const rateEmits: {
+    'update:modelValue': (value: number) => boolean;
+    change: (value: number) => boolean;
+    'hover-change': (value: number | null) => boolean;
+};
+export type RateEmits = typeof rateEmits;

package/dist/rich-text/RichText.vue.d.ts

@@ -0,0 +1,25 @@
+export interface RichTextProps {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    minHeight?: string | number;
+    maxHeight?: string | number;
+}
+declare const _default: import('vue').DefineComponent<RichTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (args_0: FocusEvent) => any;
+    blur: (args_0: FocusEvent) => any;
+    change: (args_0: string) => any;
+    "update:modelValue": (args_0: string) => any;
+}, string, import('vue').PublicProps, Readonly<RichTextProps> & Readonly<{
+    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onChange?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    minHeight: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/rich-text/index.d.ts

@@ -0,0 +1,17 @@
+export declare const LRichText: import('../utils/install').SFCWithInstall<import('vue').DefineComponent<import('./RichText.vue').RichTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (args_0: FocusEvent) => any;
+    blur: (args_0: FocusEvent) => any;
+    change: (args_0: string) => any;
+    "update:modelValue": (args_0: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('./RichText.vue').RichTextProps> & Readonly<{
+    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+    onChange?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    minHeight: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
+export default LRichText;
+export * from './RichText.vue';