@routa/ui-vue 0.1.0

package/dist/tree-select/types.d.ts

@@ -0,0 +1,111 @@
+import { ExtractPropTypes, PropType, InjectionKey, Ref, ComputedRef } from 'vue';
+import { TreeNode, TreeFieldNames, TreeVisibleRow } from '../../../headless/src/index.ts';
+export declare const treeSelectProps: {
+    readonly modelValue: {
+        readonly type: PropType<any | any[]>;
+        readonly default: null;
+    };
+    readonly nodes: {
+        readonly type: PropType<TreeNode[]>;
+        readonly default: undefined;
+    };
+    readonly data: {
+        readonly type: PropType<TreeNode[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultExpandedKeys: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly nodeKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly labelKey: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly childrenKey: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly fieldNames: {
+        readonly type: PropType<TreeFieldNames>;
+        readonly default: undefined;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly noDataText: {
+        readonly type: StringConstructor;
+        readonly default: "无数据";
+    };
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly autoExpandParent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
+export declare const treeSelectEmits: {
+    'update:modelValue': (_val: any | any[]) => boolean;
+    change: (_val: any | any[]) => boolean;
+    check: (_data: {
+        checkedKeys: any[];
+        halfCheckedKeys: any[];
+        checkedNodes: TreeNode[];
+        halfCheckedNodes: TreeNode[];
+    }) => boolean;
+    clear: () => boolean;
+    'visible-change': (_visible: boolean) => boolean;
+    'node-click': (_node: TreeNode) => boolean;
+};
+export type TreeSelectEmits = typeof treeSelectEmits;
+export interface TreeSelectContext {
+    props: TreeSelectProps;
+    selectedKeys: Ref<any[]>;
+    indeterminateKeys: Ref<any[]>;
+    expandedKeys: Ref<any[]>;
+    filterText: Ref<string>;
+    visibleRows: Ref<TreeVisibleRow[]>;
+    focusedKey: Ref<any>;
+    fieldNames: TreeFieldNames;
+    activeDescendantId: ComputedRef<string | undefined>;
+    getRowId: (key: any) => string;
+    handleTreeFocus: () => void;
+    handleTreeKeydown: (event: KeyboardEvent) => void;
+    select: (key: any) => void;
+    toggleExpand: (key: any) => void;
+}
+export declare const TreeSelectKey: InjectionKey<TreeSelectContext>;

package/dist/upload/Upload.vue.d.ts

@@ -0,0 +1,50 @@
+import { UploadFile } from '../../../headless/src/index.ts';
+export interface UploadProps {
+    modelValue?: UploadFile[];
+    action?: string;
+    headers?: Record<string, string>;
+    data?: Record<string, any>;
+    name?: string;
+    multiple?: boolean;
+    limit?: number;
+    accept?: string;
+    drag?: boolean;
+    listType?: 'text' | 'picture' | 'picture-card';
+    disabled?: boolean;
+    autoUpload?: boolean;
+    beforeUpload?: (file: File) => boolean | Promise<boolean>;
+    onSuccess?: (response: any, file: UploadFile) => void;
+    onError?: (error: any, file: UploadFile) => void;
+    onProgress?: (event: ProgressEvent, file: UploadFile) => void;
+    onRemove?: (file: UploadFile) => void;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<UploadProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (args_0: any, args_1: UploadFile) => any;
+    success: (args_0: any, args_1: UploadFile) => any;
+    change: (args_0: UploadFile[]) => any;
+    progress: (args_0: ProgressEvent<EventTarget>, args_1: UploadFile) => any;
+    "update:modelValue": (args_0: UploadFile[]) => any;
+}, string, import('vue').PublicProps, Readonly<UploadProps> & Readonly<{
+    onError?: ((args_0: any, args_1: UploadFile) => any) | undefined;
+    onSuccess?: ((args_0: any, args_1: UploadFile) => any) | undefined;
+    onChange?: ((args_0: UploadFile[]) => any) | undefined;
+    onProgress?: ((args_0: ProgressEvent<EventTarget>, args_1: UploadFile) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: UploadFile[]) => any) | undefined;
+}>, {
+    multiple: boolean;
+    name: string;
+    listType: "text" | "picture" | "picture-card";
+    autoUpload: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInputRef: HTMLInputElement;
+}, HTMLDivElement>, {
+    default?(_: {}): any;
+    tip?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/upload/index.d.ts

@@ -0,0 +1,67 @@
+export declare const LUpload: import('../utils/install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Upload.vue').UploadProps> & Readonly<{
+        onError?: ((args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+        onSuccess?: ((args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+        onChange?: ((args_0: import('../../../headless/src/index.ts').UploadFile[]) => any) | undefined;
+        onProgress?: ((args_0: ProgressEvent<EventTarget>, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: import('../../../headless/src/index.ts').UploadFile[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        error: (args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any;
+        success: (args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any;
+        change: (args_0: import('../../../headless/src/index.ts').UploadFile[]) => any;
+        progress: (args_0: ProgressEvent<EventTarget>, args_1: import('../../../headless/src/index.ts').UploadFile) => any;
+        "update:modelValue": (args_0: import('../../../headless/src/index.ts').UploadFile[]) => any;
+    }, import('vue').PublicProps, {
+        multiple: boolean;
+        name: string;
+        listType: "text" | "picture" | "picture-card";
+        autoUpload: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        fileInputRef: HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./Upload.vue').UploadProps> & Readonly<{
+        onError?: ((args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+        onSuccess?: ((args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+        onChange?: ((args_0: import('../../../headless/src/index.ts').UploadFile[]) => any) | undefined;
+        onProgress?: ((args_0: ProgressEvent<EventTarget>, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: import('../../../headless/src/index.ts').UploadFile[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        multiple: boolean;
+        name: string;
+        listType: "text" | "picture" | "picture-card";
+        autoUpload: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./Upload.vue').UploadProps> & Readonly<{
+    onError?: ((args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+    onSuccess?: ((args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+    onChange?: ((args_0: import('../../../headless/src/index.ts').UploadFile[]) => any) | undefined;
+    onProgress?: ((args_0: ProgressEvent<EventTarget>, args_1: import('../../../headless/src/index.ts').UploadFile) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: import('../../../headless/src/index.ts').UploadFile[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any;
+    success: (args_0: any, args_1: import('../../../headless/src/index.ts').UploadFile) => any;
+    change: (args_0: import('../../../headless/src/index.ts').UploadFile[]) => any;
+    progress: (args_0: ProgressEvent<EventTarget>, args_1: import('../../../headless/src/index.ts').UploadFile) => any;
+    "update:modelValue": (args_0: import('../../../headless/src/index.ts').UploadFile[]) => any;
+}, string, {
+    multiple: boolean;
+    name: string;
+    listType: "text" | "picture" | "picture-card";
+    autoUpload: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tip?(_: {}): any;
+    };
+})>;
+export default LUpload;
+export * from './Upload.vue';

package/dist/upload/index.js

@@ -0,0 +1,3 @@
+require('../style/upload.css');
+require('../style/Button.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("../chunks/install-gnn2dOg9.js"),e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const N=require("../chunks/index-DWAWrVaT.js"),b=require("../chunks/use-id-BycaM3-h.js"),z=require("../chunks/use-signals-Bz1smiXh.js"),M=require("../chunks/use-form-item-CloIcyon.js"),L=require("../button/index.js");function $(t={}){const o=N.signal(t.files||[]);let s=0;return{state:{get files(){return o.value},set files(r){o.value=r}},actions:{addFiles:r=>{var u;let d=r.map(i=>({id:`upload-file-${++s}`,name:i.name,size:i.size,type:i.type,status:"ready",progress:0,raw:i}));if(!t.multiple)o.value=d.slice(0,1);else{if(t.limit&&o.value.length+d.length>t.limit){const i=t.limit-o.value.length;if(i<=0)return;d=d.slice(0,i)}o.value=[...o.value,...d]}(u=t.onFilesChange)==null||u.call(t,o.value)},removeFile:r=>{var d;o.value=o.value.filter(u=>u.id!==r),(d=t.onFilesChange)==null||d.call(t,o.value)},updateFile:(r,d)=>{var u;o.value=o.value.map(i=>i.id===r?{...i,...d}:i),(u=t.onFilesChange)==null||u.call(t,o.value)},clear:()=>{var r;o.value=[],(r=t.onFilesChange)==null||r.call(t,o.value)}}}}const x=["tabindex","onKeydown"],U=["id","multiple","accept"],I={key:0,class:"l-upload__dragger-content"},S={key:0,class:"l-upload__tip"},q={key:1,class:"l-upload__list"},T={class:"l-upload__item-info"},D={class:"l-upload__item-name"},H={class:"l-upload__item-status"},R={key:0,viewBox:"0 0 24 24",width:"14",height:"14",class:"icon-success"},K={key:1,viewBox:"0 0 24 24",width:"14",height:"14",class:"icon-error"},A=["aria-label","onClick"],P={key:0,class:"l-upload__progress"},j={name:"LUpload"},O=e.defineComponent({...j,props:{modelValue:{},action:{},headers:{},data:{},name:{default:"file"},multiple:{type:Boolean,default:!1},limit:{},accept:{},drag:{type:Boolean},listType:{default:"text"},disabled:{type:Boolean},autoUpload:{type:Boolean,default:!0},beforeUpload:{},onSuccess:{},onError:{},onProgress:{},onRemove:{},size:{}},emits:["update:modelValue","change","success","error","progress"],setup(t,{emit:o}){const s=t,v=o,{formItem:p,size:k,disabled:c,inputId:r}=M.useFormItem(s),d=b.useId("upload"),u=(r==null?void 0:r.value)||d,i=e.ref(null),g=e.ref(!1),m=$({files:s.modelValue,multiple:s.multiple,limit:s.limit,onFilesChange:a=>{v("update:modelValue",a),v("change",a),p==null||p.validate("change").catch(()=>{})}}),{files:f}=z.useController(m,{files:()=>s.modelValue||[]}),h=()=>{var a;c.value||(a=i.value)==null||a.click()},B=a=>{const l=a.target;l.files&&_(Array.from(l.files)),l.value=""},_=async a=>{for(const l of a){if(s.beforeUpload&&await s.beforeUpload(l)===!1)continue;m.actions.addFiles([l]);const n=f.value[f.value.length-1];s.autoUpload&&s.action&&V(n)}},V=a=>{m.actions.updateFile(a.id,{status:"uploading",progress:0});let l=0;const n=setInterval(()=>{l+=10,m.actions.updateFile(a.id,{progress:l}),l>=100&&(clearInterval(n),m.actions.updateFile(a.id,{status:"success",progress:100}),v("success",{status:"ok"},a))},200)},C=a=>{var l;m.actions.removeFile(a.id),(l=s.onRemove)==null||l.call(s,a)},E=a=>{var l;c.value||!s.drag||(g.value=!1,(l=a.dataTransfer)!=null&&l.files&&_(Array.from(a.dataTransfer.files)))};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-upload",[`l-upload--${t.listType}`,{"is-disabled":e.unref(c)}]])},[e.createElementVNode("div",{class:e.normalizeClass(["l-upload__trigger",{"is-drag":t.drag,"is-dragging":g.value}]),role:"button",tabindex:e.unref(c)?-1:0,"aria-label":"上传文件",onClick:h,onKeydown:[e.withKeys(e.withModifiers(h,["prevent"]),["enter"]),e.withKeys(e.withModifiers(h,["prevent"]),["space"])],onDragover:l[0]||(l[0]=e.withModifiers(n=>g.value=!0,["prevent"])),onDragleave:l[1]||(l[1]=e.withModifiers(n=>g.value=!1,["prevent"])),onDrop:e.withModifiers(E,["prevent"])},[e.createElementVNode("input",{id:e.unref(u),ref_key:"fileInputRef",ref:i,type:"file",class:"l-upload__input",multiple:t.multiple,accept:t.accept,onChange:B},null,40,U),a.$slots.default?e.renderSlot(a.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.drag?(e.openBlock(),e.createElementBlock("div",I,[...l[2]||(l[2]=[e.createElementVNode("svg",{class:"l-upload__icon",viewBox:"0 0 24 24",width:"40",height:"40"},[e.createElementVNode("path",{fill:"currentColor",d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"})],-1),e.createElementVNode("div",{class:"l-upload__text"},[e.createTextVNode("将文件拖到此处，或"),e.createElementVNode("em",null,"点击上传")],-1)])])):(e.openBlock(),e.createBlock(e.unref(L.LButton),{key:1,size:e.unref(k),disabled:e.unref(c)},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode("点击上传",-1)])]),_:1},8,["size","disabled"]))],64))],42,x),a.$slots.tip?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(a.$slots,"tip")])):e.createCommentVNode("",!0),t.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:e.normalizeClass(["l-upload__item",[`is-${n.status}`]])},[e.createElementVNode("div",T,[l[7]||(l[7]=e.createElementVNode("svg",{class:"l-upload__item-icon",viewBox:"0 0 24 24",width:"16",height:"16"},[e.createElementVNode("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"})],-1)),e.createElementVNode("span",D,e.toDisplayString(n.name),1),e.createElementVNode("span",H,[n.status==="success"?(e.openBlock(),e.createElementBlock("svg",R,[...l[4]||(l[4]=[e.createElementVNode("path",{fill:"currentColor",d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"},null,-1)])])):e.createCommentVNode("",!0),n.status==="error"?(e.openBlock(),e.createElementBlock("svg",K,[...l[5]||(l[5]=[e.createElementVNode("path",{fill:"currentColor",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"},null,-1)])])):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"l-upload__item-remove","aria-label":`删除文件 ${n.name}`,onClick:w=>C(n)},[...l[6]||(l[6]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"14",height:"14"},[e.createElementVNode("path",{fill:"currentColor",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})],-1)])],8,A)]),n.status==="uploading"?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",{class:"l-upload__progress-inner",style:e.normalizeStyle({width:n.progress+"%"})},null,4)])):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)],2))}}),y=F.withInstall(O);exports.LUpload=y;exports.default=y;

package/dist/upload/index.mjs

@@ -0,0 +1,271 @@
+import '../style/upload.css';
+import '../style/Button.css';
+import { w as T } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as R, ref as B, openBlock as u, createElementBlock as c, normalizeClass as w, unref as v, createElementVNode as s, withModifiers as f, withKeys as $, renderSlot as L, Fragment as V, createTextVNode as x, createBlock as S, withCtx as A, createCommentVNode as h, renderList as E, toDisplayString as K, normalizeStyle as N } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as P } from "../chunks/index-B0yEC3RG.mjs";
+import { u as j } from "../chunks/use-id-D3casveg.mjs";
+import { u as q } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as G } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { LButton as J } from "../button/index.mjs";
+function O(l = {}) {
+  const a = P(l.files || []);
+  let i = 0;
+  return {
+    state: {
+      get files() {
+        return a.value;
+      },
+      set files(r) {
+        a.value = r;
+      }
+    },
+    actions: {
+      addFiles: (r) => {
+        var m;
+        let d = r.map((n) => ({
+          id: `upload-file-${++i}`,
+          name: n.name,
+          size: n.size,
+          type: n.type,
+          status: "ready",
+          progress: 0,
+          raw: n
+        }));
+        if (!l.multiple)
+          a.value = d.slice(0, 1);
+        else {
+          if (l.limit && a.value.length + d.length > l.limit) {
+            const n = l.limit - a.value.length;
+            if (n <= 0) return;
+            d = d.slice(0, n);
+          }
+          a.value = [...a.value, ...d];
+        }
+        (m = l.onFilesChange) == null || m.call(l, a.value);
+      },
+      removeFile: (r) => {
+        var d;
+        a.value = a.value.filter((m) => m.id !== r), (d = l.onFilesChange) == null || d.call(l, a.value);
+      },
+      updateFile: (r, d) => {
+        var m;
+        a.value = a.value.map((n) => n.id === r ? { ...n, ...d } : n), (m = l.onFilesChange) == null || m.call(l, a.value);
+      },
+      clear: () => {
+        var r;
+        a.value = [], (r = l.onFilesChange) == null || r.call(l, a.value);
+      }
+    }
+  };
+}
+const Q = ["tabindex", "onKeydown"], W = ["id", "multiple", "accept"], X = {
+  key: 0,
+  class: "l-upload__dragger-content"
+}, Y = {
+  key: 0,
+  class: "l-upload__tip"
+}, Z = {
+  key: 1,
+  class: "l-upload__list"
+}, ee = { class: "l-upload__item-info" }, le = { class: "l-upload__item-name" }, te = { class: "l-upload__item-status" }, ae = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "14",
+  height: "14",
+  class: "icon-success"
+}, se = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "14",
+  height: "14",
+  class: "icon-error"
+}, ie = ["aria-label", "onClick"], oe = {
+  key: 0,
+  class: "l-upload__progress"
+}, re = {
+  name: "LUpload"
+}, ne = /* @__PURE__ */ R({
+  ...re,
+  props: {
+    modelValue: {},
+    action: {},
+    headers: {},
+    data: {},
+    name: { default: "file" },
+    multiple: { type: Boolean, default: !1 },
+    limit: {},
+    accept: {},
+    drag: { type: Boolean },
+    listType: { default: "text" },
+    disabled: { type: Boolean },
+    autoUpload: { type: Boolean, default: !0 },
+    beforeUpload: {},
+    onSuccess: {},
+    onError: {},
+    onProgress: {},
+    onRemove: {},
+    size: {}
+  },
+  emits: ["update:modelValue", "change", "success", "error", "progress"],
+  setup(l, { emit: a }) {
+    const i = l, _ = a, { formItem: y, size: z, disabled: p, inputId: r } = G(i), d = j("upload"), m = (r == null ? void 0 : r.value) || d, n = B(null), C = B(!1), g = O({
+      files: i.modelValue,
+      multiple: i.multiple,
+      limit: i.limit,
+      onFilesChange: (t) => {
+        _("update:modelValue", t), _("change", t), y == null || y.validate("change").catch(() => {
+        });
+      }
+    }), { files: F } = q(g, {
+      files: () => i.modelValue || []
+    }), k = () => {
+      var t;
+      p.value || (t = n.value) == null || t.click();
+    }, U = (t) => {
+      const e = t.target;
+      e.files && b(Array.from(e.files)), e.value = "";
+    }, b = async (t) => {
+      for (const e of t) {
+        if (i.beforeUpload && await i.beforeUpload(e) === !1)
+          continue;
+        g.actions.addFiles([e]);
+        const o = F.value[F.value.length - 1];
+        i.autoUpload && i.action && D(o);
+      }
+    }, D = (t) => {
+      g.actions.updateFile(t.id, { status: "uploading", progress: 0 });
+      let e = 0;
+      const o = setInterval(() => {
+        e += 10, g.actions.updateFile(t.id, { progress: e }), e >= 100 && (clearInterval(o), g.actions.updateFile(t.id, { status: "success", progress: 100 }), _("success", { status: "ok" }, t));
+      }, 200);
+    }, I = (t) => {
+      var e;
+      g.actions.removeFile(t.id), (e = i.onRemove) == null || e.call(i, t);
+    }, M = (t) => {
+      var e;
+      p.value || !i.drag || (C.value = !1, (e = t.dataTransfer) != null && e.files && b(Array.from(t.dataTransfer.files)));
+    };
+    return (t, e) => (u(), c("div", {
+      class: w(["l-upload", [`l-upload--${l.listType}`, { "is-disabled": v(p) }]])
+    }, [
+      s("div", {
+        class: w(["l-upload__trigger", { "is-drag": l.drag, "is-dragging": C.value }]),
+        role: "button",
+        tabindex: v(p) ? -1 : 0,
+        "aria-label": "上传文件",
+        onClick: k,
+        onKeydown: [
+          $(f(k, ["prevent"]), ["enter"]),
+          $(f(k, ["prevent"]), ["space"])
+        ],
+        onDragover: e[0] || (e[0] = f((o) => C.value = !0, ["prevent"])),
+        onDragleave: e[1] || (e[1] = f((o) => C.value = !1, ["prevent"])),
+        onDrop: f(M, ["prevent"])
+      }, [
+        s("input", {
+          id: v(m),
+          ref_key: "fileInputRef",
+          ref: n,
+          type: "file",
+          class: "l-upload__input",
+          multiple: l.multiple,
+          accept: l.accept,
+          onChange: U
+        }, null, 40, W),
+        t.$slots.default ? L(t.$slots, "default", { key: 0 }) : (u(), c(V, { key: 1 }, [
+          l.drag ? (u(), c("div", X, [...e[2] || (e[2] = [
+            s("svg", {
+              class: "l-upload__icon",
+              viewBox: "0 0 24 24",
+              width: "40",
+              height: "40"
+            }, [
+              s("path", {
+                fill: "currentColor",
+                d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
+              })
+            ], -1),
+            s("div", { class: "l-upload__text" }, [
+              x("将文件拖到此处，或"),
+              s("em", null, "点击上传")
+            ], -1)
+          ])])) : (u(), S(v(J), {
+            key: 1,
+            size: v(z),
+            disabled: v(p)
+          }, {
+            default: A(() => [...e[3] || (e[3] = [
+              x("点击上传", -1)
+            ])]),
+            _: 1
+          }, 8, ["size", "disabled"]))
+        ], 64))
+      ], 42, Q),
+      t.$slots.tip ? (u(), c("div", Y, [
+        L(t.$slots, "tip")
+      ])) : h("", !0),
+      l.listType !== "picture-card" ? (u(), c("div", Z, [
+        (u(!0), c(V, null, E(v(F), (o) => (u(), c("div", {
+          key: o.id,
+          class: w(["l-upload__item", [`is-${o.status}`]])
+        }, [
+          s("div", ee, [
+            e[7] || (e[7] = s("svg", {
+              class: "l-upload__item-icon",
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16"
+            }, [
+              s("path", {
+                fill: "currentColor",
+                d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
+              })
+            ], -1)),
+            s("span", le, K(o.name), 1),
+            s("span", te, [
+              o.status === "success" ? (u(), c("svg", ae, [...e[4] || (e[4] = [
+                s("path", {
+                  fill: "currentColor",
+                  d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+                }, null, -1)
+              ])])) : h("", !0),
+              o.status === "error" ? (u(), c("svg", se, [...e[5] || (e[5] = [
+                s("path", {
+                  fill: "currentColor",
+                  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                }, null, -1)
+              ])])) : h("", !0)
+            ]),
+            s("button", {
+              class: "l-upload__item-remove",
+              "aria-label": `删除文件 ${o.name}`,
+              onClick: (H) => I(o)
+            }, [...e[6] || (e[6] = [
+              s("svg", {
+                viewBox: "0 0 24 24",
+                width: "14",
+                height: "14"
+              }, [
+                s("path", {
+                  fill: "currentColor",
+                  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+                })
+              ], -1)
+            ])], 8, ie)
+          ]),
+          o.status === "uploading" ? (u(), c("div", oe, [
+            s("div", {
+              class: "l-upload__progress-inner",
+              style: N({ width: o.progress + "%" })
+            }, null, 4)
+          ])) : h("", !0)
+        ], 2))), 128))
+      ])) : h("", !0)
+    ], 2));
+  }
+}), he = T(ne);
+export {
+  he as LUpload,
+  he as default
+};

package/dist/utils/install.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vue';
+export type SFCWithInstall<T> = T & Plugin;
+export declare const withInstall: <T>(component: T) => SFCWithInstall<T>;

package/dist/utils/style.d.ts

@@ -0,0 +1 @@
+export declare function addUnit(value: string | number | undefined | null, defaultUnit?: string): string | undefined;

package/dist/watermark/Watermark.vue.d.ts

@@ -0,0 +1,98 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        watermarkRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly width: {
+        readonly type: NumberConstructor;
+    };
+    readonly height: {
+        readonly type: NumberConstructor;
+    };
+    readonly rotate: {
+        readonly type: NumberConstructor;
+        readonly default: -22;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly image: {
+        readonly type: StringConstructor;
+    };
+    readonly content: {
+        readonly type: import('vue').PropType<string | string[]>;
+    };
+    readonly font: {
+        readonly type: import('vue').PropType<import('./types').WatermarkFont>;
+    };
+    readonly gap: {
+        readonly type: import('vue').PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly offset: {
+        readonly type: import('vue').PropType<[number, number]>;
+    };
+    readonly fullPage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly width: {
+        readonly type: NumberConstructor;
+    };
+    readonly height: {
+        readonly type: NumberConstructor;
+    };
+    readonly rotate: {
+        readonly type: NumberConstructor;
+        readonly default: -22;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly image: {
+        readonly type: StringConstructor;
+    };
+    readonly content: {
+        readonly type: import('vue').PropType<string | string[]>;
+    };
+    readonly font: {
+        readonly type: import('vue').PropType<import('./types').WatermarkFont>;
+    };
+    readonly gap: {
+        readonly type: import('vue').PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly offset: {
+        readonly type: import('vue').PropType<[number, number]>;
+    };
+    readonly fullPage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly rotate: number;
+    readonly zIndex: number;
+    readonly gap: [number, number];
+    readonly fullPage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+    watermarkRef: HTMLDivElement;
+}, 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/watermark/index.d.ts

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

package/dist/watermark/index.js

@@ -0,0 +1,2 @@
+require('../style/watermark.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),_={width:{type:Number},height:{type:Number},rotate:{type:Number,default:-22},zIndex:{type:Number,default:2e3},image:{type:String},content:{type:[String,Array]},font:{type:Object},gap:{type:Array,default:()=>[100,100]},offset:{type:Array},fullPage:{type:Boolean,default:!1}},N=l.defineComponent({name:"Watermark",__name:"Watermark",props:_,setup(w){const t=w,x=l.ref(null),h=l.ref(null),y=l.ref(""),f=l.computed(()=>t.content?(Array.isArray(t.content)?t.content:[t.content]).filter(n=>typeof n=="string"):[]),p=l.computed(()=>{var n,e,o,i,r;return{color:((n=t.font)==null?void 0:n.color)||"rgba(0, 0, 0, 0.15)",fontSize:((e=t.font)==null?void 0:e.fontSize)||16,fontWeight:((o=t.font)==null?void 0:o.fontWeight)||"normal",fontFamily:((i=t.font)==null?void 0:i.fontFamily)||"sans-serif",fontStyle:((r=t.font)==null?void 0:r.fontStyle)||"normal"}}),b=()=>{const n=document.createElement("canvas"),e=n.getContext("2d");if(!e)return;const o=window.devicePixelRatio||1,[i,r]=t.gap,m=t.rotate*Math.PI/180;if(t.image){const a=new Image;a.crossOrigin="anonymous",a.referrerPolicy="no-referrer",a.src=t.image,a.onload=()=>{const{width:s=120,height:c=64}=t,d=(s+i)*o,g=(c+r)*o;n.width=d,n.height=g,e.scale(o,o),e.translate((s+i)/2,(c+r)/2),e.rotate(m),e.drawImage(a,-s/2,-c/2,s,c),y.value=n.toDataURL()}}else if(f.value.length){const{fontSize:a,color:s,fontWeight:c,fontFamily:d,fontStyle:g}=p.value;e.font=`${g} ${c} ${typeof a=="number"?`${a}px`:a} ${d}`;const k=f.value.map(S=>e.measureText(S).width),R=Math.max(...k),P=typeof a=="number"?a+4:parseInt(String(a))+4,z=t.width||R,$=t.height||P*f.value.length,A=(z+i)*o,M=($+r)*o;n.width=A,n.height=M,e.scale(o,o),e.fillStyle=s,e.font=`${g} ${c} ${typeof a=="number"?`${a}px`:a} ${d}`,e.textBaseline="top",e.textAlign="center",e.translate((z+i)/2,($+r)/2),e.rotate(m),f.value.forEach((S,E)=>{const L=-$/2+E*P;e.fillText(S,0,L)}),y.value=n.toDataURL()}},I=l.computed(()=>{const[n=0,e=0]=t.offset||[],[o,i]=t.gap,{fontSize:r}=p.value,a=document.createElement("canvas").getContext("2d");let s=t.width||120;if(a&&f.value.length&&!t.width){a.font=`${p.value.fontStyle} ${p.value.fontWeight} ${typeof r=="number"?`${r}px`:r} ${p.value.fontFamily}`;const g=f.value.map(k=>a.measureText(k).width);s=Math.max(...g)}const c=typeof r=="number"?r+4:parseInt(String(r))+4,d=t.height||c*(f.value.length||1);return{position:t.fullPage?"fixed":"absolute",left:`${n}px`,top:`${e}px`,width:t.fullPage?"100%":`calc(100% - ${n}px)`,height:t.fullPage?"100%":`calc(100% - ${e}px)`,pointerEvents:"none",backgroundRepeat:"repeat",zIndex:t.zIndex,backgroundImage:`url("${y.value}")`,backgroundSize:`${s+o}px ${d+i}px`}});let u=null;const W=()=>{x.value&&(u=new MutationObserver(n=>{var e;for(const o of n){const i=Array.from(o.removedNodes).includes(h.value),r=o.target===h.value&&o.type==="attributes";if(i||r){const m=(e=h.value)==null?void 0:e.getAttribute("style");if(r&&m&&m.includes(y.value))continue;u==null||u.disconnect(),b(),l.nextTick(()=>W());break}}}),u.observe(x.value,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class"]}))};return l.onMounted(()=>{b(),W()}),l.onUnmounted(()=>{u==null||u.disconnect()}),l.watch(()=>[t.content,t.image,t.rotate,t.gap,t.width,t.height,t.font],()=>{b()},{deep:!0}),(n,e)=>(l.openBlock(),l.createElementBlock("div",{ref_key:"containerRef",ref:x,class:l.normalizeClass(["l-watermark",{"l-watermark--full":n.fullPage}])},[l.renderSlot(n.$slots,"default"),l.createElementVNode("div",{ref_key:"watermarkRef",ref:h,class:"l-watermark__inner",style:l.normalizeStyle(I.value),"aria-hidden":"true"},null,4)],2))}}),v=N;v.install=w=>{w.component("LWatermark",v)};exports.LWatermark=v;exports.default=v;exports.watermarkProps=_;