@will-ui/vue 1.0.0

package/dist/components/trigger/Trigger.js

@@ -0,0 +1,105 @@
+import Icon_default from "../icon/Icon.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import Close_default from "../close/Close.js";
+import Loading_default from "../loading/Loading.js";
+import Tooltip_default from "../tooltip/Tooltip.js";
+import { computed, createVNode, defineComponent } from "vue";
+//#region components/trigger/Trigger.tsx
+var Trigger_default = /* @__PURE__ */ defineComponent({
+	name: "Trigger",
+	components: {
+		Close: Close_default,
+		Icon: Icon_default,
+		Loading: Loading_default,
+		Tooltip: Tooltip_default
+	},
+	props: {
+		loading: Boolean,
+		active: Boolean,
+		clearable: Boolean,
+		disabled: Boolean,
+		block: Boolean,
+		placeholder: [
+			String,
+			Object,
+			Array
+		],
+		text: { type: [
+			String,
+			Number,
+			Object,
+			Array
+		] },
+		hasTip: {
+			type: Boolean,
+			default: true
+		},
+		/** 实例高度（px），写入 `--w-prop-trigger-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-trigger-color`（Loading 等子件跟随） */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-trigger-bg-color` / `--w-prop-trigger-text-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		style: {
+			type: [
+				Object,
+				String,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["clear"],
+	setup(_, { emit, slots }) {
+		const triggerOptions = computed(() => {
+			return {
+				class: ["w-trigger", {
+					"w-trigger-block": _.block,
+					"w-trigger-disabled": _.disabled,
+					"w-trigger-active": _.active
+				}],
+				style: {
+					...toCssVarsStyle({
+						...propSizeToCssVars("trigger", _.size),
+						...propColorToCssVars("trigger", _.color),
+						..._.cssVars
+					}),
+					..._.style
+				}
+			};
+		});
+		function renderClose() {
+			if (!_.disabled && _.clearable && (_.text || slots.default)) return createVNode(Close_default, {
+				"name": "w-icon-close-fill",
+				"onClick": (e) => {
+					e.stopPropagation();
+					emit("clear");
+				}
+			}, null);
+		}
+		return () => {
+			let cont = createVNode("div", { "class": ["w-trigger-text", "w-ellipsis"] }, [(_.text || slots.default?.()) ?? createVNode("span", { "class": "w-text-placeholder w-no-select" }, [_.placeholder])]);
+			const closeIcon = renderClose();
+			return createVNode("div", triggerOptions.value, [cont, createVNode("div", { "class": "w-trigger-icon" }, [closeIcon, _.loading ? createVNode(Loading_default, {
+				"text": "",
+				"show": _.loading
+			}, null) : closeIcon === void 0 ? createVNode(Icon_default, {
+				"name": "w-icon-arrow-down",
+				"rotate": _.active
+			}, null) : null])]);
+		};
+	}
+});
+//#endregion
+export { Trigger_default as default };
+
+//# sourceMappingURL=Trigger.js.map

package/dist/components/trigger/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","names":["computed","defineComponent","createVNode","_createVNode","Close","Icon","Loading","Tooltip","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","name","components","props","loading","Boolean","active","clearable","disabled","block","placeholder","String","Object","Array","text","type","Number","hasTip","default","size","undefined","color","cssVars","style","emits","setup","_","emit","slots","triggerOptions","class","renderClose","e","stopPropagation","cont","closeIcon","main","value"],"sources":["../../../components/trigger/Trigger.tsx"],"sourcesContent":["import { computed, defineComponent } from \"vue\"\r\nimport Close from \"../close/index\"\r\nimport Icon from \"../icon/index\"\r\nimport Loading from \"../loading/index\"\r\nimport Tooltip from \"../tooltip/index\"\r\nimport {\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from \"../../util\"\r\nimport type { PropType } from \"vue\"\r\n\r\nexport default defineComponent({\r\n  name: \"Trigger\",\r\n  components: { Close, Icon, Loading, Tooltip },\r\n  props: {\r\n    loading: Boolean,\r\n    active: Boolean,\r\n    clearable: Boolean,\r\n    disabled: Boolean,\r\n    block: Boolean,\r\n    placeholder: [String, Object, Array],\r\n    text: { type: [String, Number, Object, Array] },\r\n    hasTip: { type: Boolean, default: true },\r\n    /** 实例高度（px），写入 `--w-prop-trigger-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-trigger-color`（Loading 等子件跟随） */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-trigger-bg-color` / `--w-prop-trigger-text-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    style: { type: [Object, String, Array], default: undefined },\r\n  },\r\n  emits: [\"clear\"],\r\n  setup(_, { emit, slots }) {\r\n    const triggerOptions = computed(() => {\r\n      return {\r\n        class: [\r\n          \"w-trigger\",\r\n          {\r\n            \"w-trigger-block\": _.block,\r\n            \"w-trigger-disabled\": _.disabled,\r\n            \"w-trigger-active\": _.active,\r\n          },\r\n        ],\r\n        style: {\r\n          ...toCssVarsStyle({\r\n            ...propSizeToCssVars(\"trigger\", _.size),\r\n            ...propColorToCssVars(\"trigger\", _.color),\r\n            ..._.cssVars,\r\n          }),\r\n          ...(_.style as object | undefined),\r\n        },\r\n      }\r\n    })\r\n\r\n    function renderClose() {\r\n      if (!_.disabled && _.clearable && (_.text || slots.default)) {\r\n        return (\r\n          <Close\r\n            name=\"w-icon-close-fill\"\r\n            onClick={(e: MouseEvent) => {\r\n              e.stopPropagation()\r\n              emit(\"clear\")\r\n            }}\r\n          />\r\n        )\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      let cont = (\r\n        <div class={[\"w-trigger-text\", \"w-ellipsis\"]}>\r\n          {(_.text || slots.default?.()) ?? (\r\n            <span class=\"w-text-placeholder w-no-select\">{_.placeholder}</span>\r\n          )}\r\n        </div>\r\n      )\r\n      const closeIcon = renderClose()\r\n      let main = (\r\n        <div {...triggerOptions.value}>\r\n          {cont}\r\n          <div class=\"w-trigger-icon\">\r\n            {closeIcon}\r\n            {_.loading ? (\r\n              <Loading text=\"\" show={_.loading} />\r\n            ) : closeIcon === undefined ? (\r\n              <Icon name=\"w-icon-arrow-down\" rotate={_.active} />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      )\r\n\r\n      return main\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;;;;AAaA,IAAA,kBAAeC,gCAAgB;CAC7BU,MAAM;CACNC,YAAY;EAAER,OAAAA;EAAOC,MAAAA;EAAMC,SAAAA;EAASC,SAAAA;CAAQ;CAC5CM,OAAO;EACLC,SAASC;EACTC,QAAQD;EACRE,WAAWF;EACXG,UAAUH;EACVI,OAAOJ;EACPK,aAAa;GAACC;GAAQC;GAAQC;EAAK;EACnCC,MAAM,EAAEC,MAAM;GAACJ;GAAQK;GAAQJ;GAAQC;EAAK,EAAE;EAC9CI,QAAQ;GAAEF,MAAMV;GAASa,SAAS;EAAK;;EAEvCC,MAAM;GAAEJ,MAAMC;GAAQE,SAASE,KAAAA;EAAU;;EAEzCC,OAAO;GAAEN,MAAMJ;GAAQO,SAASE,KAAAA;EAAU;;EAE1CE,SAAS;GAAEP,MAAMH;GAA6BM,SAASE,KAAAA;EAAU;EACjEG,OAAO;GAAER,MAAM;IAACH;IAAQD;IAAQE;GAAK;GAAGK,SAASE,KAAAA;EAAU;CAC7D;CACAI,OAAO,CAAC,OAAO;CACfC,MAAMC,GAAG,EAAEC,MAAMC,SAAS;EACxB,MAAMC,iBAAiBvC,eAAe;GACpC,OAAO;IACLwC,OAAO,CACL,aACA;KACE,mBAAmBJ,EAAEjB;KACrB,sBAAsBiB,EAAElB;KACxB,oBAAoBkB,EAAEpB;IACxB,CAAC;IAEHiB,OAAO;KACL,GAAGvB,eAAe;MAChB,GAAGD,kBAAkB,WAAW2B,EAAEP,IAAI;MACtC,GAAGrB,mBAAmB,WAAW4B,EAAEL,KAAK;MACxC,GAAGK,EAAEJ;KACP,CAAC;KACD,GAAII,EAAEH;IACR;GACF;EACF,CAAC;EAED,SAASQ,cAAc;GACrB,IAAI,CAACL,EAAElB,YAAYkB,EAAEnB,cAAcmB,EAAEZ,QAAQc,MAAMV,UACjD,OAAAzB,YAAAC,eAAA;IAAA,QAAA;IAAA,YAGcsC,MAAkB;KAC1BA,EAAEC,gBAAgB;KAClBN,KAAK,OAAO;IACd;GAAC,GAAA,IAAA;EAIT;EAEA,aAAa;GACX,IAAIO,OAAIzC,YAAA,OAAA,EAAA,SACM,CAAC,kBAAkB,YAAY,EAAC,GAAA,EACxCiC,EAAEZ,QAAQc,MAAMV,UAAU,MAACzB,YAAA,QAAA,EAAA,SAAA,iCAAA,GAAA,CACmBiC,EAAEhB,WAAW,CAAA,CAC5D,CAAA;GAGL,MAAMyB,YAAYJ,YAAY;GAe9B,OAdQtC,YAAA,OACGoC,eAAeQ,OAAK,CAC1BH,MAAIzC,YAAA,OAAA,EAAA,SAAA,iBAAA,GAAA,CAEF0C,WACAT,EAAEtB,UAAOX,YAAAG,iBAAA;IAAA,QAAA;IAAA,QACe8B,EAAEtB;GAAO,GAAA,IAAA,IAC9B+B,cAAcf,KAAAA,IAAS3B,YAAAE,cAAA;IAAA,QAAA;IAAA,UACc+B,EAAEpB;GAAM,GAAA,IAAA,IAC7C,IAAI,CAAA,CAAA,CAKP8B;EACT;CACF;AACF,CAAC"}

package/dist/components/trigger/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Trigger';

package/dist/components/trigger/style/index.css

@@ -0,0 +1,2 @@
+@import '../../../theme/tokens/components/ellipsis.css';
+@import '../../../theme/tokens/components/trigger.css';

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

@@ -0,0 +1,249 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+import { UploadBeforeRemove, UploadBeforeUpload, UploadFile, UploadHttpRequest, UploadListType } from './types';
+export type { UploadStatus, UploadListType, UploadFile, UploadHttpRequest, UploadHttpRequestOptions, UploadBeforeUpload, UploadBeforeRemove, UploadFileSlotScope, UploadPreviewSlotScope, } from './types';
+export type { UploadGlobalConfig } from './config';
+export { UPLOAD_FALLBACK } from './config';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<UploadFile[]>;
+        default: any;
+    };
+    accept: {
+        type: StringConstructor;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: any;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        default: any;
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    paste: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    listType: {
+        type: PropType<UploadListType>;
+        default: any;
+    };
+    showFileList: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    showProgress: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    name: {
+        type: StringConstructor;
+        default: any;
+    };
+    action: {
+        type: StringConstructor;
+        default: any;
+    };
+    data: {
+        type: PropType<Record<string, unknown>>;
+        default: any;
+    };
+    headers: {
+        type: PropType<Record<string, string>>;
+        default: any;
+    };
+    withCredentials: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    httpRequest: {
+        type: PropType<UploadHttpRequest>;
+        default: any;
+    };
+    beforeUpload: {
+        type: PropType<UploadBeforeUpload>;
+        default: any;
+    };
+    beforeRemove: {
+        type: PropType<UploadBeforeRemove>;
+        default: any;
+    };
+    /** 实例尺度 → `--w-prop-upload-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-upload-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_list: UploadFile[]) => true;
+    change: (_file: UploadFile, _fileList: UploadFile[]) => true;
+    remove: (_file: UploadFile, _fileList: UploadFile[]) => true;
+    error: (_error: Error, _file?: UploadFile, _fileList?: UploadFile[]) => true;
+    progress: (_file: UploadFile, _fileList: UploadFile[]) => true;
+    success: (_response: unknown, _file: UploadFile, _fileList: UploadFile[]) => true;
+    exceed: (_files: File[], _fileList: UploadFile[]) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<UploadFile[]>;
+        default: any;
+    };
+    accept: {
+        type: StringConstructor;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: any;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        default: any;
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    paste: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    listType: {
+        type: PropType<UploadListType>;
+        default: any;
+    };
+    showFileList: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    showProgress: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    name: {
+        type: StringConstructor;
+        default: any;
+    };
+    action: {
+        type: StringConstructor;
+        default: any;
+    };
+    data: {
+        type: PropType<Record<string, unknown>>;
+        default: any;
+    };
+    headers: {
+        type: PropType<Record<string, string>>;
+        default: any;
+    };
+    withCredentials: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    httpRequest: {
+        type: PropType<UploadHttpRequest>;
+        default: any;
+    };
+    beforeUpload: {
+        type: PropType<UploadBeforeUpload>;
+        default: any;
+    };
+    beforeRemove: {
+        type: PropType<UploadBeforeRemove>;
+        default: any;
+    };
+    /** 实例尺度 → `--w-prop-upload-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-upload-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (_file: UploadFile, _fileList: UploadFile[]) => any;
+    onProgress?: (_file: UploadFile, _fileList: UploadFile[]) => any;
+    onSuccess?: (_response: unknown, _file: UploadFile, _fileList: UploadFile[]) => any;
+    onError?: (_error: Error, _file?: UploadFile, _fileList?: UploadFile[]) => any;
+    "onUpdate:modelValue"?: (_list: UploadFile[]) => any;
+    onRemove?: (_file: UploadFile, _fileList: UploadFile[]) => any;
+    onExceed?: (_files: File[], _fileList: UploadFile[]) => any;
+}>, {
+    data: Record<string, unknown>;
+    size: number;
+    block: boolean;
+    name: string;
+    color: string;
+    cssVars: CssVars;
+    modelValue: UploadFile[];
+    disabled: boolean;
+    drag: boolean;
+    multiple: boolean;
+    paste: boolean;
+    action: string;
+    accept: string;
+    headers: Record<string, string>;
+    maxSize: number;
+    maxCount: number;
+    autoUpload: boolean;
+    listType: UploadListType;
+    showFileList: boolean;
+    showProgress: boolean;
+    withCredentials: boolean;
+    httpRequest: UploadHttpRequest;
+    beforeUpload: UploadBeforeUpload;
+    beforeRemove: UploadBeforeRemove;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;