@veltra/desktop 1.0.0

package/dist/components/notification/style2.css

@@ -0,0 +1,167 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-notification {
+  display: flex;
+  min-width: 380px;
+  position: absolute;
+  transition: opacity 0.3s, transform 0.4s, top 0.4s;
+  border: var(--u-border);
+  background-color: #fff;
+  box-shadow: var(--u-shadow);
+  margin: 4px;
+  overflow: hidden;
+}
+.u-notification--small {
+  border-radius: var(--u-radius-small);
+  padding: calc(var(--u-gap-small) * 1.2);
+}
+.u-notification--small .u-notification__content {
+  max-width: 400px;
+  word-wrap: break-word;
+  margin-left: var(--u-gap-small);
+  text-align: left;
+}
+.u-notification--small .u-notification__content--title {
+  font-size: var(--u-font-size-title-small);
+  font-weight: bold;
+}
+.u-notification--small .u-notification__content--message {
+  font-size: var(--u-font-size-main-small);
+}
+.u-notification--small .u-notification__content--button {
+  text-align: right;
+  margin-top: var(--u-gap-size);
+}
+.u-notification--small .u-notification__close {
+  cursor: pointer;
+  position: absolute;
+  right: var(--u-gap-small);
+  top: var(--u-gap-small);
+}
+.u-notification--small .u-notification__close:hover {
+  color: var(--u-color-primary-dark-9);
+}
+.u-notification--default {
+  border-radius: var(--u-radius-default);
+  padding: calc(var(--u-gap-default) * 1.2);
+}
+.u-notification--default .u-notification__content {
+  max-width: 400px;
+  word-wrap: break-word;
+  margin-left: var(--u-gap-default);
+  text-align: left;
+}
+.u-notification--default .u-notification__content--title {
+  font-size: var(--u-font-size-title-default);
+  font-weight: bold;
+}
+.u-notification--default .u-notification__content--message {
+  font-size: var(--u-font-size-main-default);
+}
+.u-notification--default .u-notification__content--button {
+  text-align: right;
+  margin-top: var(--u-gap-size);
+}
+.u-notification--default .u-notification__close {
+  cursor: pointer;
+  position: absolute;
+  right: var(--u-gap-default);
+  top: var(--u-gap-default);
+}
+.u-notification--default .u-notification__close:hover {
+  color: var(--u-color-primary-dark-9);
+}
+.u-notification--large {
+  border-radius: var(--u-radius-large);
+  padding: calc(var(--u-gap-large) * 1.2);
+}
+.u-notification--large .u-notification__content {
+  max-width: 400px;
+  word-wrap: break-word;
+  margin-left: var(--u-gap-large);
+  text-align: left;
+}
+.u-notification--large .u-notification__content--title {
+  font-size: var(--u-font-size-title-large);
+  font-weight: bold;
+}
+.u-notification--large .u-notification__content--message {
+  font-size: var(--u-font-size-main-large);
+}
+.u-notification--large .u-notification__content--button {
+  text-align: right;
+  margin-top: var(--u-gap-size);
+}
+.u-notification--large .u-notification__close {
+  cursor: pointer;
+  position: absolute;
+  right: var(--u-gap-large);
+  top: var(--u-gap-large);
+}
+.u-notification--large .u-notification__close:hover {
+  color: var(--u-color-primary-dark-9);
+}
+.u-notification__primary {
+  color: var(--u-color-primary);
+}
+.u-notification__success {
+  color: var(--u-color-success);
+}
+.u-notification__warning {
+  color: var(--u-color-warning);
+}
+.u-notification__danger {
+  color: var(--u-color-danger);
+}
+.u-notification__info {
+  color: var(--u-color-info);
+}
+.u-notification__disabled {
+  color: var(--u-color-disabled);
+}
+.u-notification__default {
+  color: var(--u-color-default);
+}
+.u-notification__top-left {
+  left: 0;
+  top: 0;
+}
+.u-notification__top-right {
+  right: 0;
+  top: 0;
+}
+.u-notification__bottom-left {
+  left: 0;
+  bottom: 0;
+}
+.u-notification__bottom-right {
+  right: 0;
+  bottom: 0;
+}
+
+.notification-fade-bottom-enter-from,
+.notification-fade-bottom-leave-to {
+  opacity: 0;
+  transform: translate(0, 100%);
+}
+
+.notification-fade-top-enter-from,
+.notification-fade-top-leave-to {
+  opacity: 0;
+  transform: translate(0, -100%);
+}

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

@@ -0,0 +1 @@
+import { _default } from "./number.vue.js";

package/dist/components/number/number.js

@@ -0,0 +1,48 @@
+import { computed, defineComponent, reactive, toDisplayString, watch } from "vue";
+import { $n } from "@cat-kit/core";
+import { Tween } from "@veltra/utils";
+//#region src/components/number/number.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Number",
+	__name: "number",
+	props: {
+		value: {},
+		format: { default: "decimal" },
+		align: {},
+		tween: { type: Boolean },
+		duration: { default: 800 },
+		precision: {},
+		maxPrecision: {},
+		minPrecision: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const number = reactive({ value: 0 });
+		const tween = computed(() => props.tween ? new Tween(number, {
+			duration: props.duration,
+			easingFunction: Tween.easing.easeInOutQuad
+		}) : null);
+		const formatter = computed(() => {
+			return $n.formatter({
+				currency: props.format === "currency" ? "CNY" : void 0,
+				style: props.format,
+				precision: props.precision,
+				maximumFractionDigits: props.maxPrecision,
+				minimumFractionDigits: props.minPrecision
+			});
+		});
+		const formatted = computed(() => {
+			return formatter.value.format(number.value);
+		});
+		watch(() => props.value, () => {
+			props.tween ? tween.value.to({ value: props.value }) : number.value = props.value;
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return toDisplayString(formatted.value);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=number.js.map

package/dist/components/number/number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","names":[],"sources":["../../../src/components/number/number.vue"],"sourcesContent":["<template>\n  {{ formatted }}\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { Tween } from '@veltra/utils'\nimport { computed, reactive, watch } from 'vue'\n\nimport type { NumberProps } from '../../types'\n\ndefineOptions({\n  name: 'Number'\n})\n\nconst props = withDefaults(defineProps<NumberProps>(), {\n  duration: 800,\n  format: 'decimal'\n})\n\nconst number = reactive({\n  value: 0\n})\n\nconst tween = computed(() =>\n  props.tween\n    ? new Tween(number, {\n        duration: props.duration,\n        easingFunction: Tween.easing.easeInOutQuad\n      })\n    : null\n)\n\nconst formatter = computed(() => {\n  return $n.formatter({\n    currency: props.format === 'currency' ? 'CNY' : undefined,\n    style: props.format,\n    precision: props.precision,\n    maximumFractionDigits: props.maxPrecision,\n    minimumFractionDigits: props.minPrecision\n  })\n})\n\nconst formatted = computed(() => {\n  return formatter.value.format(number.value)\n})\n\nwatch(\n  () => props.value,\n  () => {\n    props.tween ? tween.value.to({ value: props.value }) : (number.value = props.value)\n  },\n  { immediate: true }\n)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAKd,MAAM,SAAS,SAAS,EACtB,OAAO,GACR,CAAA;EAED,MAAM,QAAQ,eACZ,MAAM,QACF,IAAI,MAAM,QAAQ;GAChB,UAAU,MAAM;GAChB,gBAAgB,MAAM,OAAO;GAC9B,CAAA,GACD,KACN;EAEA,MAAM,YAAY,eAAe;AAC/B,UAAO,GAAG,UAAU;IAClB,UAAU,MAAM,WAAW,aAAa,QAAQ,KAAA;IAChD,OAAO,MAAM;IACb,WAAW,MAAM;IACjB,uBAAuB,MAAM;IAC7B,uBAAuB,MAAM;IAC9B,CAAA;IACF;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,UAAU,MAAM,OAAO,OAAO,MAAK;IAC3C;AAED,cACQ,MAAM,aACN;AACJ,SAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,OAAO,CAAC,GAAI,OAAO,QAAQ,MAAM;KAE/E,EAAE,WAAW,MAAK,CACpB;;0BApDK,UAAA,MAAS"}

package/dist/components/number/number.vue.d.ts

@@ -0,0 +1,12 @@
+import { NumberProps } from "../../types/number.js";
+import * as _$vue from "vue";
+
+//#region src/components/number/number.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<NumberProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NumberProps> & Readonly<{}>, {
+  format: "currency" | "percent" | "decimal";
+  duration: number;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=number.vue.d.ts.map

package/dist/components/number/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/number/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/number/style2.css

@@ -0,0 +1,17 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */

package/dist/components/number-input/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./number-input.vue.js";

package/dist/components/number-input/number-input.js

@@ -0,0 +1,313 @@
+import _sfc_main$1 from "../icon/icon.js";
+import input_default from "../input/input.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { $n, isUndef, n, o } from "@cat-kit/core";
+import { FORM_EMPTY_CONTENT, Tween, bem } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+import { vRipple } from "@veltra/directives";
+import { ArrowDown, ArrowUp } from "@veltra/icons/normal";
+//#region src/components/number-input/number-input.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "NumberInput",
+	__name: "number-input",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: {},
+		currency: { type: Boolean },
+		precision: {},
+		minPrecision: {},
+		maxPrecision: {},
+		step: { type: [Boolean, Number] },
+		max: {},
+		min: {},
+		multiple: {},
+		placeholder: { default: "请输入" },
+		prefix: {},
+		suffix: {},
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		nativeReadonly: { type: Boolean },
+		pattern: {},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const inputProps = computed(() => {
+			return o(props).pick([
+				"clearable",
+				"disabled",
+				"placeholder",
+				"size",
+				"prefix",
+				"suffix"
+			]);
+		});
+		const inputRef = shallowRef();
+		const inputDom = computed(() => inputRef.value?.el);
+		const cls = bem("number-input");
+		const className = computed(() => {
+			return [cls.b, cls.m(size.value)];
+		});
+		/** 实际值 */
+		const model = useModel(__props, "modelValue");
+		const displayed = shallowRef("");
+		const focused = shallowRef(false);
+		const generateDisplayed = computed(() => {
+			if (!displayed.value) return "";
+			return `${props.prefix ?? ""}${displayed.value}${props.suffix ?? ""}`;
+		});
+		/** 步长 */
+		const stepVal = computed(() => {
+			const { step } = props;
+			if (step === void 0) return 1;
+			return typeof step === "boolean" ? 1 : step;
+		});
+		/** 是否可增 */
+		const increasable = computed(() => {
+			const { max, multiple } = props;
+			if (isUndef(max) || isUndef(model.value)) return true;
+			return (multiple ? $n.div(model.value, multiple) : model.value) < max;
+		});
+		/** 是否可减 */
+		const reducible = computed(() => {
+			const { min, multiple } = props;
+			if (isUndef(min) || isUndef(model.value)) return true;
+			return (multiple ? $n.div(model.value, multiple) : model.value) > min;
+		});
+		const defaultMaxPrecision = computed(() => {
+			const { multiple } = props;
+			const rawValue = multiple && model.value !== void 0 ? $n.div(model.value, multiple) : model.value;
+			return Math.max(String(rawValue).split(".")[1]?.length ?? 0, String(stepVal.value).split(".")[1]?.length ?? 0);
+		});
+		/**
+		* 获取展示值
+		* @param num 实际值
+		*/
+		function getDisplayed(num) {
+			if (!num && num !== 0) return "";
+			const { currency, precision, minPrecision, maxPrecision = defaultMaxPrecision.value, multiple } = props;
+			const displayValue = multiple ? $n.div(num, multiple) : num;
+			return currency ? n(displayValue).currency("CNY", {
+				precision,
+				minPrecision,
+				maxPrecision
+			}) : n(displayValue).fixed(precision ?? {
+				minPrecision,
+				maxPrecision
+			});
+		}
+		watch([
+			model,
+			focused,
+			() => props.currency
+		], ([model, focused]) => {
+			if (focused) return;
+			displayed.value = getDisplayed(model);
+		}, { immediate: true });
+		/**
+		* 解析展示值
+		* @param str 展示值
+		*/
+		function parseDisplayed(str) {
+			if (!str) return void 0;
+			const number = +str.replace(/,/g, "");
+			const { multiple } = props;
+			let result;
+			if (isNaN(number)) {
+				if (model.value === void 0) return void 0;
+				result = multiple ? $n.div(model.value, multiple) : model.value;
+			} else result = number;
+			if (result === void 0) return void 0;
+			const { precision, maxPrecision, minPrecision } = props;
+			const fixedResult = +n(result).fixed(precision ?? {
+				minPrecision,
+				maxPrecision
+			});
+			return multiple ? $n.mul(fixedResult, multiple) : fixedResult;
+		}
+		/**
+		* 获取有效值
+		* @param val 值
+		*/
+		function getValidValue(val) {
+			if (val === void 0) return val;
+			const { min, max, multiple } = props;
+			if (multiple) {
+				const rawVal = $n.div(val, multiple);
+				let validRawVal = rawVal;
+				if (min !== void 0 && rawVal < min) validRawVal = min;
+				if (max !== void 0 && rawVal > max) validRawVal = max;
+				return $n.mul(validRawVal, multiple);
+			}
+			if (min !== void 0 && val < min) return min;
+			if (max !== void 0 && val > max) return max;
+			return val;
+		}
+		function handleUpdateModelValue(input) {
+			model.value = getValidValue(parseDisplayed(input)) ?? 0;
+			displayed.value = input;
+		}
+		/**
+		* 处理输入值变化的函数, 该函数仅在输入框失去焦点时触发,
+		* 主要用于在输入非数字的情况下的修正处理
+		* @param input 输入的值
+		*/
+		function handleChange() {
+			emit("change", model.value);
+		}
+		const tween = new Tween({ n: model.value ?? 0 }, {
+			onUpdate(state) {
+				const _rawInput = inputDom.value;
+				if (!_rawInput) return;
+				const { multiple } = props;
+				_rawInput.value = getDisplayed(multiple ? $n.mul(state.n, multiple) : state.n);
+			},
+			onComplete() {
+				const _rawInput = inputDom.value;
+				if (!_rawInput) return;
+				_rawInput.value = getDisplayed(model.value);
+			}
+		});
+		/** 增 */
+		function increase() {
+			if (disabled.value) return;
+			const { multiple } = props;
+			const val = model.value ?? 0;
+			if (multiple) {
+				const rawVal = $n.div(val, multiple);
+				const newRawVal = $n.plus(rawVal, stepVal.value);
+				const target = getValidValue($n.mul(newRawVal, multiple));
+				model.value = target;
+				tween.state.n = $n.div(target, multiple);
+				tween.to({ n: $n.div(target, multiple) });
+			} else {
+				tween.state.n = val;
+				const target = getValidValue($n.plus(val, stepVal.value));
+				model.value = target;
+				tween.to({ n: target });
+			}
+		}
+		/** 减 */
+		function decrease() {
+			if (disabled.value) return;
+			const { multiple } = props;
+			const val = model.value ?? 0;
+			if (multiple) {
+				const rawVal = $n.div(val, multiple);
+				const newRawVal = $n.minus(rawVal, stepVal.value);
+				const target = getValidValue($n.mul(newRawVal, multiple));
+				model.value = target;
+				tween.state.n = $n.div(target, multiple);
+				tween.to({ n: $n.div(target, multiple) });
+			} else {
+				tween.state.n = val;
+				const target = getValidValue($n.minus(val, stepVal.value));
+				model.value = target;
+				tween.to({ n: target });
+			}
+		}
+		function handleKeydown(e) {
+			if (!props.step) return;
+			if (e.key === "ArrowUp") {
+				e.preventDefault();
+				return increase();
+			}
+			if (e.key === "ArrowDown") {
+				e.preventDefault();
+				return decrease();
+			}
+		}
+		function handleFocus() {
+			focused.value = true;
+			if (model.value === void 0) return;
+			const { precision, maxPrecision, minPrecision, multiple } = props;
+			if (multiple) {
+				const fixedRawVal = +n($n.div(model.value, multiple)).fixed(precision ?? {
+					maxPrecision,
+					minPrecision
+				});
+				model.value = $n.mul(fixedRawVal, multiple);
+			} else model.value = +n(model.value).fixed(precision ?? {
+				maxPrecision,
+				minPrecision
+			});
+		}
+		function handleBlur() {
+			focused.value = false;
+			model.value = props.modelValue;
+		}
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createBlock(unref(input_default), mergeProps({
+				key: 0,
+				ref_key: "inputRef",
+				ref: inputRef,
+				class: className.value,
+				"model-value": displayed.value
+			}, inputProps.value, {
+				"onUpdate:modelValue": handleUpdateModelValue,
+				onChange: handleChange,
+				onKeydown: withModifiers(handleKeydown, ["stop"]),
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				size: unref(size),
+				readonly: unref(readonly),
+				disabled: unref(disabled)
+			}), createSlots({ _: 2 }, [__props.step !== void 0 && __props.step !== false ? {
+				name: "suffix",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "suffix"), createElementVNode("div", { class: normalizeClass(unref(cls).e("step")) }, [withDirectives((openBlock(), createBlock(unref(_sfc_main$1), {
+					onClick: increase,
+					class: normalizeClass(unref(bem).is("disabled", unref(disabled) || !increasable.value))
+				}, {
+					default: withCtx(() => [createVNode(unref(ArrowUp))]),
+					_: 1
+				}, 8, ["class"])), [[unref(vRipple), !unref(disabled) && increasable.value]]), withDirectives((openBlock(), createBlock(unref(_sfc_main$1), {
+					onClick: decrease,
+					class: normalizeClass(unref(bem).is("disabled", unref(disabled) || !reducible.value))
+				}, {
+					default: withCtx(() => [createVNode(unref(ArrowDown))]),
+					_: 1
+				}, 8, ["class"])), [[unref(vRipple), !unref(disabled) && reducible.value]])], 2)]),
+				key: "0"
+			} : void 0, slots.prefix ? {
+				name: "prefix",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+				key: "1"
+			} : void 0]), 1040, [
+				"class",
+				"model-value",
+				"size",
+				"readonly",
+				"disabled"
+			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(generateDisplayed.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=number-input.js.map

package/dist/components/number-input/number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.js","names":[],"sources":["../../../src/components/number-input/number-input.vue"],"sourcesContent":["<template>\n  <u-input\n    v-if=\"!readonly\"\n    ref=\"inputRef\"\n    :class=\"className\"\n    :model-value=\"displayed\"\n    v-bind=\"inputProps\"\n    @update:model-value=\"handleUpdateModelValue\"\n    @change=\"handleChange\"\n    @keydown.stop=\"handleKeydown\"\n    @focus=\"handleFocus\"\n    @blur=\"handleBlur\"\n    :size=\"size\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n  >\n    <template #suffix v-if=\"step !== undefined && step !== false\">\n      <slot name=\"suffix\" />\n      <div :class=\"cls.e('step')\">\n        <u-icon\n          @click=\"increase\"\n          v-ripple=\"!disabled && increasable\"\n          :class=\"bem.is('disabled', disabled || !increasable)\"\n        >\n          <ArrowUp />\n        </u-icon>\n        <u-icon\n          @click=\"decrease\"\n          v-ripple=\"!disabled && reducible\"\n          :class=\"bem.is('disabled', disabled || !reducible)\"\n        >\n          <ArrowDown />\n        </u-icon>\n      </div>\n    </template>\n\n    <template #prefix v-if=\"slots.prefix\">\n      <slot name=\"prefix\" />\n    </template>\n  </u-input>\n\n  <template v-else>\n    {{ generateDisplayed || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n, n, o, isUndef } from '@cat-kit/core'\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { ArrowDown, ArrowUp } from '@veltra/icons/normal'\nimport { Tween } from '@veltra/utils'\nimport { bem } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { NumberInputEmits, NumberInputProps, InputExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({\n  name: 'NumberInput'\n})\n\nconst props = withDefaults(defineProps<NumberInputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\nconst emit = defineEmits<NumberInputEmits>()\n\nconst slots = defineSlots<{\n  prefix?: () => any\n  suffix?: () => any\n}>()\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst inputProps = computed(() => {\n  return o(props).pick(['clearable', 'disabled', 'placeholder', 'size', 'prefix', 'suffix'])\n})\n\nconst inputRef = shallowRef<InputExposed>()\n\nconst inputDom = computed(() => inputRef.value?.el)\n\nconst cls = bem('number-input')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/** 实际值 */\nconst model = defineModel<NumberInputProps['modelValue']>()\n\n// 展示值\nconst displayed = shallowRef('')\n\nconst focused = shallowRef(false)\n\nconst generateDisplayed = computed(() => {\n  if (!displayed.value) return ''\n\n  return `${props.prefix ?? ''}${displayed.value}${props.suffix ?? ''}`\n})\n\n/** 步长 */\nconst stepVal = computed<number>(() => {\n  const { step } = props\n  if (step === undefined) return 1\n  return typeof step === 'boolean' ? 1 : step\n})\n\n/** 是否可增 */\nconst increasable = computed(() => {\n  const { max, multiple } = props\n  if (isUndef(max) || isUndef(model.value)) return true\n  // 如果存在倍数，先将 model.value 除以倍数得到原始值再比较\n  const rawValue = multiple ? $n.div(model.value, multiple) : model.value\n  return rawValue < max\n})\n\n/** 是否可减 */\nconst reducible = computed(() => {\n  const { min, multiple } = props\n  if (isUndef(min) || isUndef(model.value)) return true\n  // 如果存在倍数，先将 model.value 除以倍数得到原始值再比较\n  const rawValue = multiple ? $n.div(model.value, multiple) : model.value\n  return rawValue > min\n})\n\n// 通过值和步长值计算默认的最大精度\nconst defaultMaxPrecision = computed(() => {\n  const { multiple } = props\n  // 如果存在倍数，基于原始值计算精度\n  const rawValue =\n    multiple && model.value !== undefined ? $n.div(model.value, multiple) : model.value\n  return Math.max(\n    String(rawValue).split('.')[1]?.length ?? 0,\n    String(stepVal.value).split('.')[1]?.length ?? 0\n  )\n})\n\n/**\n * 获取展示值\n * @param num 实际值\n */\nfunction getDisplayed(num?: number): string {\n  if (!num && num !== 0) return ''\n\n  const {\n    currency,\n    precision,\n    minPrecision,\n    // 如果没有指定最大精度那么设置默认为值和步长值中的较大值\n    maxPrecision = defaultMaxPrecision.value,\n    multiple\n  } = props\n\n  // 如果存在倍数，先将实际值除以倍数得到原始值\n  const displayValue = multiple ? $n.div(num, multiple) : num\n\n  return currency\n    ? n(displayValue).currency('CNY', {\n        precision,\n        minPrecision,\n        maxPrecision\n      })\n    : n(displayValue).fixed(\n        precision ?? {\n          minPrecision,\n          maxPrecision\n        }\n      )\n}\n\nwatch(\n  [model, focused, () => props.currency],\n  ([model, focused]) => {\n    if (focused) return\n    displayed.value = getDisplayed(model)\n  },\n  { immediate: true }\n)\n\n/**\n * 解析展示值\n * @param str 展示值\n */\nfunction parseDisplayed(str: string): number | undefined {\n  if (!str) return undefined\n\n  // 将货币格式去掉再转化为数字\n  const number = +str.replace(/,/g, '')\n  const { multiple } = props\n\n  // 如果解析失败，使用当前值作为回退\n  // 如果存在倍数，需要先将 model.value 除以倍数得到原始值\n  let result: number | undefined\n  if (isNaN(number)) {\n    if (model.value === undefined) return undefined\n    result = multiple ? $n.div(model.value, multiple) : model.value\n  } else {\n    result = number\n  }\n\n  if (result === undefined) return undefined\n\n  const { precision, maxPrecision, minPrecision } = props\n\n  const fixedResult = +n(result).fixed(\n    precision ?? {\n      minPrecision,\n      maxPrecision\n    }\n  )\n\n  // 如果存在倍数，将原始值乘以倍数返回实际值\n  return multiple ? $n.mul(fixedResult, multiple) : fixedResult\n}\n\n/**\n * 获取有效值\n * @param val 值\n */\nfunction getValidValue<T extends undefined | number>(val: T): T {\n  if (val === undefined) return val\n  const { min, max, multiple } = props\n\n  // 如果存在倍数，先将值除以倍数得到原始值进行验证，验证后再乘以倍数\n  if (multiple) {\n    const rawVal = $n.div(val, multiple)\n    let validRawVal = rawVal\n    if (min !== undefined && rawVal < min) validRawVal = min\n    if (max !== undefined && rawVal > max) validRawVal = max\n    return $n.mul(validRawVal, multiple) as T\n  }\n\n  if (min !== undefined && val < min) return min as T\n  if (max !== undefined && val > max) return max as T\n  return val\n}\n\nfunction handleUpdateModelValue(input: string): void {\n  const newVal = parseDisplayed(input)\n  model.value = getValidValue(newVal) ?? 0\n  displayed.value = input\n}\n\n/**\n * 处理输入值变化的函数, 该函数仅在输入框失去焦点时触发,\n * 主要用于在输入非数字的情况下的修正处理\n * @param input 输入的值\n */\nfunction handleChange() {\n  emit('change', model.value)\n}\n\nconst tween = new Tween(\n  { n: model.value ?? 0 },\n  {\n    onUpdate(state) {\n      const _rawInput = inputDom.value\n      if (!_rawInput) return\n      const { multiple } = props\n      // 如果存在倍数，tween.state.n 存储的是原始值，需要乘以倍数后传给 getDisplayed\n      const actualValue = multiple ? $n.mul(state.n, multiple) : state.n\n      _rawInput.value = getDisplayed(actualValue)\n    },\n    // 动画进行的过程值有可能被改变, 因此在onComplete中确保还原的是原本的值\n    onComplete() {\n      const _rawInput = inputDom.value\n      if (!_rawInput) return\n      _rawInput.value = getDisplayed(model.value)\n    }\n  }\n)\n\n/** 增 */\nfunction increase(): void {\n  if (disabled.value) return\n  const { multiple } = props\n  const val = model.value ?? 0\n\n  if (multiple) {\n    // 如果存在倍数，先将实际值除以倍数得到原始值\n    const rawVal = $n.div(val, multiple)\n    // 在原始值基础上加步长\n    const newRawVal = $n.plus(rawVal, stepVal.value)\n    // 乘以倍数得到新的实际值\n    const newVal = $n.mul(newRawVal, multiple)\n    const target = getValidValue(newVal)\n    model.value = target\n    // tween 动画在原始值上进行\n    tween.state.n = $n.div(target, multiple)\n    tween.to({ n: $n.div(target, multiple) })\n  } else {\n    tween.state.n = val\n    const target = getValidValue($n.plus(val, stepVal.value))\n    model.value = target\n    tween.to({ n: target })\n  }\n}\n\n/** 减 */\nfunction decrease(): void {\n  if (disabled.value) return\n  const { multiple } = props\n  const val = model.value ?? 0\n\n  if (multiple) {\n    // 如果存在倍数，先将实际值除以倍数得到原始值\n    const rawVal = $n.div(val, multiple)\n    // 在原始值基础上减步长\n    const newRawVal = $n.minus(rawVal, stepVal.value)\n    // 乘以倍数得到新的实际值\n    const newVal = $n.mul(newRawVal, multiple)\n    const target = getValidValue(newVal)\n    model.value = target\n    // tween 动画在原始值上进行\n    tween.state.n = $n.div(target, multiple)\n    tween.to({ n: $n.div(target, multiple) })\n  } else {\n    tween.state.n = val\n    const target = getValidValue($n.minus(val, stepVal.value))\n    model.value = target\n    tween.to({ n: target })\n  }\n}\n\nfunction handleKeydown(e: KeyboardEvent): void {\n  if (!props.step) return\n  if (e.key === 'ArrowUp') {\n    e.preventDefault()\n    return increase()\n  }\n  if (e.key === 'ArrowDown') {\n    e.preventDefault()\n    return decrease()\n  }\n}\n\nfunction handleFocus(): void {\n  focused.value = true\n\n  // 如果初始值和当前设置的精度不匹配则进行精度修正\n  if (model.value === undefined) return\n  const { precision, maxPrecision, minPrecision, multiple } = props\n\n  if (multiple) {\n    // 如果存在倍数，先除以倍数得到原始值进行精度修正，再乘以倍数\n    const rawVal = $n.div(model.value, multiple)\n    const fixedRawVal = +n(rawVal).fixed(\n      precision ?? {\n        maxPrecision,\n        minPrecision\n      }\n    )\n    model.value = $n.mul(fixedRawVal, multiple)\n  } else {\n    model.value = +n(model.value).fixed(\n      precision ?? {\n        maxPrecision,\n        minPrecision\n      }\n    )\n  }\n}\n\nfunction handleBlur(): void {\n  focused.value = false\n  model.value = props.modelValue\n}\n</script>\n"],"mappings":"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"}

package/dist/components/number-input/number-input.vue.d.ts

@@ -0,0 +1,37 @@
+import { NumberInputProps } from "../../types/number-input.js";
+import * as _$vue from "vue";
+
+//#region src/components/number-input/number-input.vue.d.ts
+type __VLS_Props = NumberInputProps;
+type __VLS_Slots = {
+  prefix?: () => any;
+  suffix?: () => any;
+};
+type __VLS_ModelProps = {
+  /** 实际值 */modelValue?: NumberInputProps['modelValue'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: number | undefined) => any;
+} & {
+  "update:modelValue": (value?: number | undefined) => any;
+  change: (value?: number | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+  onChange?: ((value?: number | undefined) => any) | undefined;
+}>, {
+  readonly: boolean;
+  disabled: boolean;
+  placeholder: string;
+  clearable: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=number-input.vue.d.ts.map

package/dist/components/number-input/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/number-input/style.js

@@ -0,0 +1,2 @@
+import "./style2.css";
+import "@veltra/directives/ripple/style.js";