@routa/ui-vue 0.1.0

package/dist/otp-input/types.d.ts

@@ -0,0 +1,41 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const otpInputProps: {
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly length: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly password: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly type: {
+        readonly type: PropType<"text" | "number" | "password">;
+        readonly default: "text";
+    };
+    readonly autofocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type OTPInputProps = ExtractPropTypes<typeof otpInputProps>;
+export declare const otpInputEmits: {
+    'update:modelValue': (_val: string) => boolean;
+    change: (_val: string) => boolean;
+    complete: (_val: string) => boolean;
+};
+export type OTPInputEmits = typeof otpInputEmits;

package/dist/pagination/Pagination.vue.d.ts

@@ -0,0 +1,101 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly pagerCount: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly prevText: {
+        readonly type: StringConstructor;
+        readonly default: "Prev";
+    };
+    readonly nextText: {
+        readonly type: StringConstructor;
+        readonly default: "Next";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_page: number) => void;
+    "update:modelValue": (_page: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly pagerCount: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly prevText: {
+        readonly type: StringConstructor;
+        readonly default: "Prev";
+    };
+    readonly nextText: {
+        readonly type: StringConstructor;
+        readonly default: "Next";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>> & Readonly<{
+    onChange?: ((_page: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((_page: number) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly modelValue: number | undefined;
+    readonly defaultValue: number;
+    readonly total: number;
+    readonly pageSize: number;
+    readonly pagerCount: number;
+    readonly showTotal: boolean;
+    readonly prevText: string;
+    readonly nextText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/dist/pagination/index.d.ts

@@ -0,0 +1,102 @@
+export declare const LPagination: import('../utils/install').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly pagerCount: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly prevText: {
+        readonly type: StringConstructor;
+        readonly default: "Prev";
+    };
+    readonly nextText: {
+        readonly type: StringConstructor;
+        readonly default: "Next";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_page: number) => void;
+    "update:modelValue": (_page: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly pagerCount: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly prevText: {
+        readonly type: StringConstructor;
+        readonly default: "Prev";
+    };
+    readonly nextText: {
+        readonly type: StringConstructor;
+        readonly default: "Next";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>> & Readonly<{
+    onChange?: ((_page: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((_page: number) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly modelValue: number | undefined;
+    readonly defaultValue: number;
+    readonly total: number;
+    readonly pageSize: number;
+    readonly pagerCount: number;
+    readonly showTotal: boolean;
+    readonly prevText: string;
+    readonly nextText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>>;
+export * from './types';
+export default LPagination;

package/dist/pagination/index.js

@@ -0,0 +1,2 @@
+require('../style/pagination.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("../chunks/install-gnn2dOg9.js"),t=require("vue"),B=require("../chunks/use-signals-Bz1smiXh.js");require("../chunks/manager-C0AUxQ1I.js");const s=require("../chunks/index-DWAWrVaT.js"),y=(e,a)=>{if(!Number.isFinite(e))return a;const n=Math.floor(e);return n>0?n:a},p=e=>Number.isFinite(e)?Math.max(0,Math.floor(e)):0,_=e=>{const a=Math.max(5,y(e,7));return a%2===0?a-1:a},N=(e,a)=>Math.max(1,Math.ceil(e/a)),P=(e,a)=>Math.min(Math.max(y(e,1),1),a),b=(e,a)=>Array.from({length:a-e+1},(n,u)=>e+u),V=(e,a,n)=>{if(a<=n)return b(1,a);if(e<=n-3)return[...b(1,n-2),"ellipsis",a];if(e>=a-(n-4))return[1,"ellipsis",...b(a-(n-3),a)];const u=n-4,o=e-Math.floor(u/2),r=e+Math.floor(u/2);return[1,"ellipsis",...b(o,r),"ellipsis",a]},x=(e={})=>{const a=s.signal(typeof e.total=="function"?p(e.total()):p(e.total??0)),n=s.signal(typeof e.pageSize=="function"?e.pageSize():e.pageSize??10),u=s.signal(typeof e.pagerCount=="function"?e.pagerCount():e.pagerCount??7),o=s.signal(typeof e.disabled=="function"?e.disabled():e.disabled??!1),r=s.signal(typeof e.value=="function"?e.value():e.value??e.defaultValue??1),c=()=>N(p(a.value),y(n.value,10));if(s.effect(()=>{r.value=P(r.value,c())}),typeof e.value=="function"){const l=e.value;s.effect(()=>{r.value=P(l()??1,c())})}if(typeof e.total=="function"){const l=e.total;s.effect(()=>{a.value=p(l()??0)})}if(typeof e.pageSize=="function"){const l=e.pageSize;s.effect(()=>{n.value=l()??10})}if(typeof e.pagerCount=="function"){const l=e.pagerCount;s.effect(()=>{u.value=l()??7})}if(typeof e.disabled=="function"){const l=e.disabled;s.effect(()=>{o.value=l()??!1})}const g=l=>{var v;if(o.value)return;const f=P(l,c());f!==r.value&&(r.value=f,(v=e.onChange)==null||v.call(e,f))};return{state:{get currentPage(){return r.value},set currentPage(l){g(l)},get total(){return a.value},set total(l){a.value=p(l)},get pageSize(){return n.value},set pageSize(l){n.value=y(l,10)},get pagerCount(){return u.value},set pagerCount(l){u.value=_(l)},get disabled(){return o.value},set disabled(l){o.value=l},get pageCount(){return c()},get canPrev(){return r.value>1},get canNext(){return r.value<c()},get pages(){return V(r.value,c(),_(u.value))}},actions:{setPage:g,prev:()=>{g(r.value-1)},next:()=>{g(r.value+1)}},props:{role:"navigation","aria-label":"分页"},getItemProps:l=>({"aria-label":`第 ${l} 页`,"aria-current":l===r.value?"page":void 0})}},h={modelValue:{type:Number,default:void 0},defaultValue:{type:Number,default:1},total:{type:Number,default:0},pageSize:{type:Number,default:10},pagerCount:{type:Number,default:7},disabled:{type:Boolean,default:!1},showTotal:{type:Boolean,default:!1},prevText:{type:String,default:"Prev"},nextText:{type:String,default:"Next"},size:{type:String,default:"md"}},S={"update:modelValue":e=>!0,change:e=>!0},M={key:0,class:"l-pagination__total"},T={class:"l-pagination__controls"},E=["disabled","aria-label"],$=["disabled","onClick"],q={key:1,class:"l-pagination__ellipsis","aria-hidden":"true"},D=["disabled","aria-label"],F=t.defineComponent({name:"Pagination",__name:"Pagination",props:h,emits:S,setup(e,{emit:a}){const n=e,u=a,o=x({value:n.modelValue!==void 0?()=>n.modelValue??1:void 0,defaultValue:n.defaultValue,total:()=>n.total,pageSize:()=>n.pageSize,pagerCount:()=>n.pagerCount,disabled:()=>n.disabled,onChange:i=>{u("update:modelValue",i),u("change",i)}}),{canNext:r,canPrev:c,currentPage:g,pages:l}=B.useController(o),f=t.computed(()=>["l-pagination",`l-pagination--${n.size}`,{"is-disabled":n.disabled}]),v=i=>i!=="ellipsis";return(i,m)=>(t.openBlock(),t.createElementBlock("nav",t.mergeProps({class:f.value},t.unref(o).props),[i.showTotal?(t.openBlock(),t.createElementBlock("div",M," 共 "+t.toDisplayString(i.total)+" 条 ",1)):t.createCommentVNode("",!0),t.createElementVNode("div",T,[t.createElementVNode("button",{type:"button",class:"l-pagination__prev",disabled:i.disabled||!t.unref(c),"aria-label":i.prevText||"上一页",onClick:m[0]||(m[0]=d=>t.unref(o).actions.prev())},t.toDisplayString(i.prevText||"<"),9,E),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l),(d,C)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:`${d}-${C}`},[v(d)?(t.openBlock(),t.createElementBlock("button",t.mergeProps({key:0,type:"button",class:["l-pagination__page",{"is-active":d===t.unref(g)}],disabled:i.disabled},{ref_for:!0},t.unref(o).getItemProps(d),{onClick:I=>t.unref(o).actions.setPage(d)}),t.toDisplayString(d),17,$)):(t.openBlock(),t.createElementBlock("span",q," ... "))],64))),128)),t.createElementVNode("button",{type:"button",class:"l-pagination__next",disabled:i.disabled||!t.unref(r),"aria-label":i.nextText||"下一页",onClick:m[1]||(m[1]=d=>t.unref(o).actions.next())},t.toDisplayString(i.nextText||">"),9,D)])],16))}}),z=k.withInstall(F);exports.LPagination=z;exports.default=z;exports.paginationEmits=S;exports.paginationProps=h;

package/dist/pagination/index.mjs

@@ -0,0 +1,260 @@
+import '../style/pagination.css';
+import { w as M } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as $, computed as k, openBlock as c, createElementBlock as f, mergeProps as x, unref as u, toDisplayString as h, createCommentVNode as w, createElementVNode as C, Fragment as N, renderList as B } from "vue";
+import { u as I } from "../chunks/use-signals-CE1T2jXK.mjs";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as m, e as p } from "../chunks/index-B0yEC3RG.mjs";
+const z = (e, t) => {
+  if (!Number.isFinite(e)) return t;
+  const l = Math.floor(e);
+  return l > 0 ? l : t;
+}, b = (e) => Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0, V = (e) => {
+  const t = Math.max(5, z(e, 7));
+  return t % 2 === 0 ? t - 1 : t;
+}, E = (e, t) => Math.max(1, Math.ceil(e / t)), S = (e, t) => Math.min(Math.max(z(e, 1), 1), t), _ = (e, t) => Array.from({ length: t - e + 1 }, (l, o) => e + o), F = (e, t, l) => {
+  if (t <= l)
+    return _(1, t);
+  if (e <= l - 3)
+    return [..._(1, l - 2), "ellipsis", t];
+  if (e >= t - (l - 4))
+    return [1, "ellipsis", ..._(t - (l - 3), t)];
+  const o = l - 4, i = e - Math.floor(o / 2), n = e + Math.floor(o / 2);
+  return [1, "ellipsis", ..._(i, n), "ellipsis", t];
+}, D = (e = {}) => {
+  const t = m(
+    typeof e.total == "function" ? b(e.total()) : b(e.total ?? 0)
+  ), l = m(
+    typeof e.pageSize == "function" ? e.pageSize() : e.pageSize ?? 10
+  ), o = m(
+    typeof e.pagerCount == "function" ? e.pagerCount() : e.pagerCount ?? 7
+  ), i = m(
+    typeof e.disabled == "function" ? e.disabled() : e.disabled ?? !1
+  ), n = m(
+    typeof e.value == "function" ? e.value() : e.value ?? e.defaultValue ?? 1
+  ), s = () => E(
+    b(t.value),
+    z(l.value, 10)
+  );
+  if (p(() => {
+    n.value = S(n.value, s());
+  }), typeof e.value == "function") {
+    const a = e.value;
+    p(() => {
+      n.value = S(a() ?? 1, s());
+    });
+  }
+  if (typeof e.total == "function") {
+    const a = e.total;
+    p(() => {
+      t.value = b(a() ?? 0);
+    });
+  }
+  if (typeof e.pageSize == "function") {
+    const a = e.pageSize;
+    p(() => {
+      l.value = a() ?? 10;
+    });
+  }
+  if (typeof e.pagerCount == "function") {
+    const a = e.pagerCount;
+    p(() => {
+      o.value = a() ?? 7;
+    });
+  }
+  if (typeof e.disabled == "function") {
+    const a = e.disabled;
+    p(() => {
+      i.value = a() ?? !1;
+    });
+  }
+  const g = (a) => {
+    var y;
+    if (i.value) return;
+    const v = S(a, s());
+    v !== n.value && (n.value = v, (y = e.onChange) == null || y.call(e, v));
+  };
+  return {
+    state: {
+      get currentPage() {
+        return n.value;
+      },
+      set currentPage(a) {
+        g(a);
+      },
+      get total() {
+        return t.value;
+      },
+      set total(a) {
+        t.value = b(a);
+      },
+      get pageSize() {
+        return l.value;
+      },
+      set pageSize(a) {
+        l.value = z(a, 10);
+      },
+      get pagerCount() {
+        return o.value;
+      },
+      set pagerCount(a) {
+        o.value = V(a);
+      },
+      get disabled() {
+        return i.value;
+      },
+      set disabled(a) {
+        i.value = a;
+      },
+      get pageCount() {
+        return s();
+      },
+      get canPrev() {
+        return n.value > 1;
+      },
+      get canNext() {
+        return n.value < s();
+      },
+      get pages() {
+        return F(
+          n.value,
+          s(),
+          V(o.value)
+        );
+      }
+    },
+    actions: {
+      setPage: g,
+      prev: () => {
+        g(n.value - 1);
+      },
+      next: () => {
+        g(n.value + 1);
+      }
+    },
+    props: {
+      role: "navigation",
+      "aria-label": "分页"
+    },
+    getItemProps: (a) => ({
+      "aria-label": `第 ${a} 页`,
+      "aria-current": a === n.value ? "page" : void 0
+    })
+  };
+}, L = {
+  modelValue: {
+    type: Number,
+    default: void 0
+  },
+  defaultValue: {
+    type: Number,
+    default: 1
+  },
+  total: {
+    type: Number,
+    default: 0
+  },
+  pageSize: {
+    type: Number,
+    default: 10
+  },
+  pagerCount: {
+    type: Number,
+    default: 7
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  showTotal: {
+    type: Boolean,
+    default: !1
+  },
+  prevText: {
+    type: String,
+    default: "Prev"
+  },
+  nextText: {
+    type: String,
+    default: "Next"
+  },
+  size: {
+    type: String,
+    default: "md"
+  }
+}, A = {
+  "update:modelValue": (e) => !0,
+  change: (e) => !0
+}, R = {
+  key: 0,
+  class: "l-pagination__total"
+}, j = { class: "l-pagination__controls" }, q = ["disabled", "aria-label"], G = ["disabled", "onClick"], H = {
+  key: 1,
+  class: "l-pagination__ellipsis",
+  "aria-hidden": "true"
+}, J = ["disabled", "aria-label"], K = /* @__PURE__ */ $({
+  name: "Pagination",
+  __name: "Pagination",
+  props: L,
+  emits: A,
+  setup(e, { emit: t }) {
+    const l = e, o = t, i = D({
+      value: l.modelValue !== void 0 ? () => l.modelValue ?? 1 : void 0,
+      defaultValue: l.defaultValue,
+      total: () => l.total,
+      pageSize: () => l.pageSize,
+      pagerCount: () => l.pagerCount,
+      disabled: () => l.disabled,
+      onChange: (r) => {
+        o("update:modelValue", r), o("change", r);
+      }
+    }), {
+      canNext: n,
+      canPrev: s,
+      currentPage: g,
+      pages: a
+    } = I(i), v = k(() => [
+      "l-pagination",
+      `l-pagination--${l.size}`,
+      {
+        "is-disabled": l.disabled
+      }
+    ]), y = (r) => r !== "ellipsis";
+    return (r, P) => (c(), f("nav", x({ class: v.value }, u(i).props), [
+      r.showTotal ? (c(), f("div", R, " 共 " + h(r.total) + " 条 ", 1)) : w("", !0),
+      C("div", j, [
+        C("button", {
+          type: "button",
+          class: "l-pagination__prev",
+          disabled: r.disabled || !u(s),
+          "aria-label": r.prevText || "上一页",
+          onClick: P[0] || (P[0] = (d) => u(i).actions.prev())
+        }, h(r.prevText || "<"), 9, q),
+        (c(!0), f(N, null, B(u(a), (d, T) => (c(), f(N, {
+          key: `${d}-${T}`
+        }, [
+          y(d) ? (c(), f("button", x({
+            key: 0,
+            type: "button",
+            class: ["l-pagination__page", { "is-active": d === u(g) }],
+            disabled: r.disabled
+          }, { ref_for: !0 }, u(i).getItemProps(d), {
+            onClick: (O) => u(i).actions.setPage(d)
+          }), h(d), 17, G)) : (c(), f("span", H, " ... "))
+        ], 64))), 128)),
+        C("button", {
+          type: "button",
+          class: "l-pagination__next",
+          disabled: r.disabled || !u(n),
+          "aria-label": r.nextText || "下一页",
+          onClick: P[1] || (P[1] = (d) => u(i).actions.next())
+        }, h(r.nextText || ">"), 9, J)
+      ])
+    ], 16));
+  }
+}), Z = M(K);
+export {
+  Z as LPagination,
+  Z as default,
+  A as paginationEmits,
+  L as paginationProps
+};

package/dist/pagination/types.d.ts

@@ -0,0 +1,48 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const paginationProps: {
+    readonly modelValue: {
+        readonly type: PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly pagerCount: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly prevText: {
+        readonly type: StringConstructor;
+        readonly default: "Prev";
+    };
+    readonly nextText: {
+        readonly type: StringConstructor;
+        readonly default: "Next";
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+};
+export declare const paginationEmits: {
+    readonly 'update:modelValue': (_page: number) => boolean;
+    readonly change: (_page: number) => boolean;
+};
+export type PaginationProps = ExtractPropTypes<typeof paginationProps>;