@routa/ui-vue 0.1.0

package/dist/grid/Col.vue.d.ts

@@ -0,0 +1,101 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly order: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly flex: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly xs: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly sm: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly md: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly lg: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly xl: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly order: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly flex: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly xs: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly sm: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly md: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly lg: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly xl: {
+        readonly type: import('vue').PropType<import('./types').ColResponsiveValue>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly offset: number;
+    readonly order: number;
+    readonly span: number;
+    readonly sm: import('./types').ColResponsiveValue;
+    readonly md: import('./types').ColResponsiveValue;
+    readonly lg: import('./types').ColResponsiveValue;
+    readonly flex: string | number;
+    readonly xs: import('./types').ColResponsiveValue;
+    readonly xl: import('./types').ColResponsiveValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/grid/Row.vue.d.ts

@@ -0,0 +1,56 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly gutter: {
+        readonly type: import('vue').PropType<import('./types').RowGutter>;
+        readonly default: 0;
+    };
+    readonly justify: {
+        readonly type: import('vue').PropType<import('./types').GridJustify>;
+        readonly default: "start";
+    };
+    readonly align: {
+        readonly type: import('vue').PropType<import('./types').GridAlign>;
+        readonly default: "stretch";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly gutter: {
+        readonly type: import('vue').PropType<import('./types').RowGutter>;
+        readonly default: 0;
+    };
+    readonly justify: {
+        readonly type: import('vue').PropType<import('./types').GridJustify>;
+        readonly default: "start";
+    };
+    readonly align: {
+        readonly type: import('vue').PropType<import('./types').GridAlign>;
+        readonly default: "stretch";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{}>, {
+    readonly wrap: boolean;
+    readonly justify: import('./types').GridJustify;
+    readonly align: import('./types').GridAlign;
+    readonly gutter: import('./types').RowGutter;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/grid/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as Row } from './Row.vue';
+import { default as Col } from './Col.vue';
+export declare const LRow: typeof Row & Plugin;
+export declare const LCol: typeof Col & Plugin;
+export * from './types';
+export default LRow;

package/dist/grid/index.js

@@ -0,0 +1,2 @@
+require('../style/grid.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("../chunks/responsive-BYScjISa.js"),$=require("../chunks/style-CjCLKeeU.js"),g={gutter:{type:[Number,String,Array,Object],default:0},justify:{type:String,default:"start"},align:{type:String,default:"stretch"},wrap:{type:Boolean,default:!0}},b={span:{type:Number,default:void 0},offset:{type:Number,default:void 0},order:{type:Number,default:void 0},flex:{type:[Number,String],default:void 0},xs:{type:[Number,Object],default:void 0},sm:{type:[Number,Object],default:void 0},md:{type:[Number,Object],default:void 0},lg:{type:[Number,Object],default:void 0},xl:{type:[Number,Object],default:void 0}},m=Symbol("rowGutterKey"),w={start:"flex-start",end:"flex-end"};function C(e,t=!1){const n=e.trim().match(/^(-?\d+(?:\.\d+)?)([a-z%]+)$/i);if(!n)return t?`calc(${e} / -2)`:`calc(${e} / 2)`;const r=Number(n[1])/2,l=n[2];return`${t?-r:r}${l}`.replace(/\.0+(?=[a-z%])/i,"").replace(/(\.\d*?)0+(?=[a-z%])/i,"$1")}function k(e){return typeof e=="number"?{span:e}:e??{}}function y(e){return e==="start"||e==="end"?w[e]:e}function p(e){return $.addUnit(e)??"0px"}function x(e,t){const n=i.resolveResponsiveValue(e,t)??0;return Array.isArray(n)?{x:p(n[0]),y:p(n[1])}:{x:p(n),y:"0px"}}function L(e,t){const n={span:e.span,offset:e.offset,order:e.order,flex:e.flex};for(const r of i.layoutBreakpointOrder){const l=e[r];if(l!==void 0&&Object.assign(n,k(l)),r===t)break}return n}function u(e,t=!1){return e==="0px"?"0px":C(e,t)}function v(e){const t=e/24*100;return Number.isInteger(t)?`${t}%`:`${t.toFixed(10).replace(/\.?0+$/,"")}%`}function z(e){return typeof e=="number"?`${e} ${e} 0%`:/^-?\d+(?:\.\d+)?(?:[a-z%]+)?$/i.test(e)?/^\d+(?:\.\d+)?$/.test(e)?`${e} ${e} 0%`:`0 0 ${e}`:e}const B=o.defineComponent({name:"LRow",__name:"Row",props:g,setup(e){const t=e,n=i.useLayoutBreakpoint(),r=o.computed(()=>x(t.gutter,n.value));o.provide(m,r);const l=o.computed(()=>["l-row",{"l-row--nowrap":!t.wrap}]),s=o.computed(()=>({justifyContent:y(t.justify),alignItems:y(t.align),marginLeft:u(r.value.x,!0),marginRight:u(r.value.x,!0),marginTop:u(r.value.y,!0),marginBottom:u(r.value.y,!0)}));return(a,c)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(l.value),style:o.normalizeStyle(s.value)},[o.renderSlot(a.$slots,"default")],6))}}),S=o.defineComponent({name:"LCol",__name:"Col",props:b,setup(e){const t=e,n=i.useLayoutBreakpoint(),r=o.inject(m,o.computed(()=>x(0,n.value))),l=o.computed(()=>L(t,n.value)),s=o.computed(()=>{const a={paddingLeft:u(r.value.x),paddingRight:u(r.value.x),paddingTop:u(r.value.y),paddingBottom:u(r.value.y)};if(l.value.flex!==void 0)a.flex=z(l.value.flex),a.maxWidth="100%";else if(l.value.span!==void 0){const c=v(l.value.span);a.flex=`0 0 ${c}`,a.maxWidth=c}return l.value.offset!==void 0&&(a.marginLeft=v(l.value.offset)),l.value.order!==void 0&&(a.order=l.value.order),a});return(a,c)=>(o.openBlock(),o.createElementBlock("div",{class:"l-col",style:o.normalizeStyle(s.value)},[o.renderSlot(a.$slots,"default")],4))}}),d=B,f=S;d.install=e=>{e.component("LRow",d),e.component("LCol",f)};f.install=e=>{e.component("LCol",f)};exports.layoutBreakpointOrder=i.layoutBreakpointOrder;exports.LCol=f;exports.LRow=d;exports.colProps=b;exports.default=d;exports.rowGutterKey=m;exports.rowProps=g;

package/dist/grid/index.mjs

@@ -0,0 +1,182 @@
+import '../style/grid.css';
+import { defineComponent as y, computed as i, provide as z, openBlock as v, createElementBlock as x, normalizeStyle as g, normalizeClass as N, renderSlot as b, inject as j } from "vue";
+import { r as L, l as h, u as $ } from "../chunks/responsive-jCVnPx1a.mjs";
+import { a as _ } from "../chunks/style-C-58-Hx4.mjs";
+const k = {
+  gutter: {
+    type: [Number, String, Array, Object],
+    default: 0
+  },
+  justify: {
+    type: String,
+    default: "start"
+  },
+  align: {
+    type: String,
+    default: "stretch"
+  },
+  wrap: {
+    type: Boolean,
+    default: !0
+  }
+}, S = {
+  span: {
+    type: Number,
+    default: void 0
+  },
+  offset: {
+    type: Number,
+    default: void 0
+  },
+  order: {
+    type: Number,
+    default: void 0
+  },
+  flex: {
+    type: [Number, String],
+    default: void 0
+  },
+  xs: {
+    type: [Number, Object],
+    default: void 0
+  },
+  sm: {
+    type: [Number, Object],
+    default: void 0
+  },
+  md: {
+    type: [Number, Object],
+    default: void 0
+  },
+  lg: {
+    type: [Number, Object],
+    default: void 0
+  },
+  xl: {
+    type: [Number, Object],
+    default: void 0
+  }
+}, w = Symbol("rowGutterKey"), B = {
+  start: "flex-start",
+  end: "flex-end"
+};
+function O(e, t = !1) {
+  const o = e.trim().match(/^(-?\d+(?:\.\d+)?)([a-z%]+)$/i);
+  if (!o)
+    return t ? `calc(${e} / -2)` : `calc(${e} / 2)`;
+  const r = Number(o[1]) / 2, n = o[2];
+  return `${t ? -r : r}${n}`.replace(/\.0+(?=[a-z%])/i, "").replace(/(\.\d*?)0+(?=[a-z%])/i, "$1");
+}
+function R(e) {
+  return typeof e == "number" ? { span: e } : e ?? {};
+}
+function d(e) {
+  return e === "start" || e === "end" ? B[e] : e;
+}
+function f(e) {
+  return _(e) ?? "0px";
+}
+function C(e, t) {
+  const o = L(e, t) ?? 0;
+  return Array.isArray(o) ? {
+    x: f(o[0]),
+    y: f(o[1])
+  } : {
+    x: f(o),
+    y: "0px"
+  };
+}
+function G(e, t) {
+  const o = {
+    span: e.span,
+    offset: e.offset,
+    order: e.order,
+    flex: e.flex
+  };
+  for (const r of h) {
+    const n = e[r];
+    if (n !== void 0 && Object.assign(o, R(n)), r === t)
+      break;
+  }
+  return o;
+}
+function l(e, t = !1) {
+  return e === "0px" ? "0px" : O(e, t);
+}
+function p(e) {
+  const t = e / 24 * 100;
+  return Number.isInteger(t) ? `${t}%` : `${t.toFixed(10).replace(/\.?0+$/, "")}%`;
+}
+function A(e) {
+  return typeof e == "number" ? `${e} ${e} 0%` : /^-?\d+(?:\.\d+)?(?:[a-z%]+)?$/i.test(e) ? /^\d+(?:\.\d+)?$/.test(e) ? `${e} ${e} 0%` : `0 0 ${e}` : e;
+}
+const V = /* @__PURE__ */ y({
+  name: "LRow",
+  __name: "Row",
+  props: k,
+  setup(e) {
+    const t = e, o = $(), r = i(() => C(t.gutter, o.value));
+    z(w, r);
+    const n = i(() => [
+      "l-row",
+      {
+        "l-row--nowrap": !t.wrap
+      }
+    ]), s = i(() => ({
+      justifyContent: d(t.justify),
+      alignItems: d(t.align),
+      marginLeft: l(r.value.x, !0),
+      marginRight: l(r.value.x, !0),
+      marginTop: l(r.value.y, !0),
+      marginBottom: l(r.value.y, !0)
+    }));
+    return (a, u) => (v(), x("div", {
+      class: N(n.value),
+      style: g(s.value)
+    }, [
+      b(a.$slots, "default")
+    ], 6));
+  }
+}), P = /* @__PURE__ */ y({
+  name: "LCol",
+  __name: "Col",
+  props: S,
+  setup(e) {
+    const t = e, o = $(), r = j(w, i(() => C(0, o.value))), n = i(() => G(t, o.value)), s = i(() => {
+      const a = {
+        paddingLeft: l(r.value.x),
+        paddingRight: l(r.value.x),
+        paddingTop: l(r.value.y),
+        paddingBottom: l(r.value.y)
+      };
+      if (n.value.flex !== void 0)
+        a.flex = A(n.value.flex), a.maxWidth = "100%";
+      else if (n.value.span !== void 0) {
+        const u = p(n.value.span);
+        a.flex = `0 0 ${u}`, a.maxWidth = u;
+      }
+      return n.value.offset !== void 0 && (a.marginLeft = p(n.value.offset)), n.value.order !== void 0 && (a.order = n.value.order), a;
+    });
+    return (a, u) => (v(), x("div", {
+      class: "l-col",
+      style: g(s.value)
+    }, [
+      b(a.$slots, "default")
+    ], 4));
+  }
+}), m = V, c = P;
+m.install = (e) => {
+  e.component("LRow", m), e.component("LCol", c);
+};
+c.install = (e) => {
+  e.component("LCol", c);
+};
+export {
+  c as LCol,
+  m as LRow,
+  S as colProps,
+  m as default,
+  h as layoutBreakpointOrder,
+  w as rowGutterKey,
+  k as rowProps
+};

package/dist/grid/responsive.d.ts

@@ -0,0 +1,9 @@
+import { ColProps, GridAlign, GridGapValue, GridJustify, LayoutBreakpoint, ResolvedColConfig, ResolvedRowGutter, RowGutter } from './types';
+export { useLayoutBreakpoint } from '../layout-system/responsive';
+export declare function normalizeAxisValue(value: GridAlign | GridJustify): "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "baseline";
+export declare function normalizeGapValue(value: GridGapValue): string;
+export declare function resolveRowGutter(gutter: RowGutter, breakpoint: LayoutBreakpoint): ResolvedRowGutter;
+export declare function resolveColConfig(props: ColProps, breakpoint: LayoutBreakpoint): ResolvedColConfig;
+export declare function getHalfGap(value: string, negate?: boolean): string;
+export declare function spanToPercent(span: number): string;
+export declare function normalizeColFlex(value: number | string): string;

package/dist/grid/types.d.ts

@@ -0,0 +1,85 @@
+import { ComputedRef, ExtractPropTypes, InjectionKey, PropType } from 'vue';
+import { ResponsiveValue } from '../layout-system/types';
+export type { LayoutBreakpoint, ResponsiveValue } from '../layout-system/types';
+export { layoutBreakpointOrder } from '../layout-system/types';
+export type GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type GridJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type GridGapValue = number | string;
+export type GridGutterValue = GridGapValue | [GridGapValue, GridGapValue];
+export type RowGutter = ResponsiveValue<GridGutterValue>;
+export interface ResolvedRowGutter {
+    x: string;
+    y: string;
+}
+export interface ColBreakpointConfig {
+    span?: number;
+    offset?: number;
+    order?: number;
+    flex?: number | string;
+}
+export type ColResponsiveValue = number | ColBreakpointConfig;
+export interface ResolvedColConfig {
+    span?: number;
+    offset?: number;
+    order?: number;
+    flex?: number | string;
+}
+export declare const rowProps: {
+    readonly gutter: {
+        readonly type: PropType<RowGutter>;
+        readonly default: 0;
+    };
+    readonly justify: {
+        readonly type: PropType<GridJustify>;
+        readonly default: "start";
+    };
+    readonly align: {
+        readonly type: PropType<GridAlign>;
+        readonly default: "stretch";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export declare const colProps: {
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly order: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly flex: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly xs: {
+        readonly type: PropType<ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly sm: {
+        readonly type: PropType<ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly md: {
+        readonly type: PropType<ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly lg: {
+        readonly type: PropType<ColResponsiveValue>;
+        readonly default: undefined;
+    };
+    readonly xl: {
+        readonly type: PropType<ColResponsiveValue>;
+        readonly default: undefined;
+    };
+};
+export type RowProps = ExtractPropTypes<typeof rowProps>;
+export type ColProps = ExtractPropTypes<typeof colProps>;
+export declare const rowGutterKey: InjectionKey<ComputedRef<ResolvedRowGutter>>;

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useImageLoader';
+export * from './useCanvasRenderer';
+export * from './useResizeObserver';

package/dist/hooks/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/useCanvasRenderer-D77k3JCQ.js"),e=require("../chunks/useResizeObserver-DMkB1OF3.js");exports.useCanvasRenderer=r.useCanvasRenderer;exports.useImageLoader=r.useImageLoader;exports.observe=e.observe;exports.unobserve=e.unobserve;exports.useResizeObserver=e.useResizeObserver;

package/dist/hooks/index.mjs

@@ -0,0 +1,9 @@
+import { u as a, a as r } from "../chunks/useCanvasRenderer-BPTNzGy0.mjs";
+import { o as u, u as v, a as b } from "../chunks/useResizeObserver-Cki4q_CI.mjs";
+export {
+  u as observe,
+  v as unobserve,
+  a as useCanvasRenderer,
+  r as useImageLoader,
+  b as useResizeObserver
+};

package/dist/hooks/use-form-item.d.ts

@@ -0,0 +1,13 @@
+export interface FormItemProps {
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    readonly?: boolean;
+}
+export declare function useFormItem(props?: FormItemProps): {
+    form: import('..').FormContext | undefined;
+    formItem: import('..').FormItemContext | undefined;
+    size: import('vue').ComputedRef<"sm" | "md" | "lg">;
+    disabled: import('vue').ComputedRef<boolean>;
+    readonly: import('vue').ComputedRef<boolean>;
+    inputId: import('vue').ComputedRef<string | undefined>;
+};

package/dist/hooks/use-id.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generate a unique ID for components.
+ * Combines component instance UID and a global counter to ensure uniqueness.
+ */
+export declare function useId(prefix?: string): string;

package/dist/hooks/useCanvasRenderer.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+interface RendererOptions {
+    fit: Ref<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>;
+    bitmap: Ref<ImageBitmap | null>;
+}
+export declare function useCanvasRenderer(canvasRef: Ref<HTMLCanvasElement | null>, options: RendererOptions): {
+    draw: () => void;
+    initResizeObserver: (el: HTMLElement) => void;
+};
+export {};

package/dist/hooks/useImageLoader.d.ts

@@ -0,0 +1,20 @@
+import { ImagePriority } from '../../../headless/src/index.ts';
+export declare function useImageLoader(props: {
+    src: string;
+    priority?: ImagePriority;
+}): {
+    status: import('vue').Ref<"error" | "loading" | "idle" | "loaded", "error" | "loading" | "idle" | "loaded">;
+    errorMsg: import('vue').Ref<string, string>;
+    displayedSrc: import('vue').Ref<string | null, string | null>;
+    currentBitmap: import('vue').Ref<{
+        readonly height: number;
+        readonly width: number;
+        close: () => void;
+    } | null, ImageBitmap | {
+        readonly height: number;
+        readonly width: number;
+        close: () => void;
+    } | null>;
+    load: () => Promise<string | ImageBitmap | undefined>;
+    reset: () => void;
+};

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+export type MaybeRefOrGetter<T> = T | Ref<T> | (() => T);
+/**
+ * 工业级 ResizeObserver Hook
+ * 采用全局单例模式，无论监听多少个 DOM，底层只运行一个监听器，性能极高。
+ */
+export declare function useResizeObserver(target: MaybeRefOrGetter<Element | null>, callback: MaybeRefOrGetter<(entry: ResizeObserverEntry) => void>): {
+    cleanup: () => void;
+};
+/**
+ * 手动监听接口 (Manual Observation API)
+ */
+export declare function observe(el: Element, callback: (entry: ResizeObserverEntry) => void): void;
+/**
+ * 手动取消监听接口 (Manual Unobservation API)
+ */
+export declare function unobserve(el: Element, callback: (entry: ResizeObserverEntry) => void): void;

package/dist/icon/Icon.vue.d.ts

@@ -0,0 +1,20 @@
+import { IconProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+    size: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/icon/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as Icon } from './Icon.vue';
+export declare const LIcon: typeof Icon & Plugin;
+export * from './types';
+export default LIcon;

package/dist/icon/index.js

@@ -0,0 +1,2 @@
+require('../style/Icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../chunks/Icon.vue_vue_type_script_setup_true_lang-YDWguTmi.js"),e=n._sfc_main;e.install=t=>{t.component("LIcon",e)};exports.LIcon=e;exports.default=e;

package/dist/icon/index.mjs

@@ -0,0 +1,10 @@
+import '../style/Icon.css';
+import { _ as t } from "../chunks/Icon.vue_vue_type_script_setup_true_lang-LQ-KuJ6a.mjs";
+const o = t;
+o.install = (n) => {
+  n.component("LIcon", o);
+};
+export {
+  o as LIcon,
+  o as default
+};

package/dist/icon/types.d.ts

@@ -0,0 +1,45 @@
+import { Component, CSSProperties } from 'vue';
+import { IconifyIcon } from '@iconify/vue';
+export type IconSourceType = 'iconify' | 'font' | 'svg' | 'component';
+export interface IconProps {
+    /**
+     * 图标名称或标识符
+     * - Iconify: 'mdi:home'
+     * - Font: 'fa fa-user'
+     * - SVG URL: '/icons/logo.svg'
+     */
+    name?: string;
+    /**
+     * 直接传入图标数据 (离线模式)
+     * 支持 IconifyIcon 对象
+     */
+    icon?: string | IconifyIcon;
+    /**
+     * 图标尺寸 (默认: 1em)
+     */
+    size?: string | number;
+    /**
+     * 图标颜色
+     */
+    color?: string;
+    /**
+     * 旋转角度
+     */
+    rotate?: number;
+    /**
+     * 是否开启旋转动画
+     */
+    spin?: boolean;
+    /**
+     * 自定义组件渲染
+     */
+    component?: Component;
+    /**
+     * 自定义类名
+     */
+    class?: any;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+}

package/dist/image/Image.vue.d.ts

@@ -0,0 +1,38 @@
+import { ImageProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        error?(_: {}): any;
+        loading?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        canvasRef: HTMLCanvasElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (err: any) => any;
+    loading: () => any;
+    load: (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<ImageProps> & Readonly<{
+    onError?: ((err: any) => any) | undefined;
+    onLoading?: (() => any) | undefined;
+    onLoad?: ((url: string) => any) | undefined;
+}>, {
+    lazy: boolean;
+    priority: import('../../../headless/src/index.ts').ImagePriority;
+    fit: "contain" | "cover" | "fill" | "none" | "scale-down";
+    draggable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};