@veltra/desktop 1.0.0

package/dist/components/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    @update:visible=\"\"\n    :disabled=\"disabled\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        native-readonly\n        :clearable=\"clearable\"\n        :placeholder=\"placeholder\"\n        :model-value=\"displayedValue\"\n        :disabled=\"disabled\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('icon')\"><Calendar /></u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <template #content>\n      <UDatePanel :size :type :disabled-date :date=\"currentDate\" @select:date=\"handleSelectDate\" />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormComponent, useFormFallbackProps, useUpdateLock } from '@veltra/compositions'\nimport { Calendar } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DatePickerEmits, DatePickerProps } from '../../types'\nimport type { DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({\n  name: 'DatePicker'\n})\n\nconst props = withDefaults(defineProps<DatePickerProps>(), {\n  placeholder: '选择日期',\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DatePickerEmits>()\n\nconst cls = bem('date-picker')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nconst currentDate = shallowRef<Dater>()\n\nconst { update, updateAndLock } = useUpdateLock()\n\nwatch(\n  () => props.modelValue,\n  (modelValue) => {\n    update(() => {\n      currentDate.value = modelValue ? date(modelValue) : undefined\n    })\n  },\n  { immediate: true }\n)\n\nconst displayedValue = computed(() => {\n  return currentDate.value?.format(formatStr.value) ?? ''\n})\n\nasync function handleSelectDate(date: Dater) {\n  await updateAndLock(() => {\n    currentDate.value = date\n    emit('update:modelValue', date.format(formatStr.value))\n  })\n  dropdownRef.value?.close()\n}\n\nfunction handleClear() {\n  currentDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,EAAE,cAAc,kBAAiB;EAEvC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,MAAM,CAAA;IACjC;EAED,MAAM,cAAc,YAA4B;EAEhD,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;AACzB,OAAI,OAAQ,QAAO;AACnB,OAAI,SAAS,OAAQ,QAAO;AAC5B,OAAI,SAAS,QAAS,QAAO;AAC7B,OAAI,SAAS,OAAQ,QAAO;AAC5B,UAAO;IACR;EAED,MAAM,cAAc,YAAkB;EAEtC,MAAM,EAAE,QAAQ,kBAAkB,eAAc;AAEhD,cACQ,MAAM,aACX,eAAe;AACd,gBAAa;AACX,gBAAY,QAAQ,aAAa,KAAK,WAAW,GAAG,KAAA;KACrD;KAEH,EAAE,WAAW,MAAK,CACpB;EAEA,MAAM,iBAAiB,eAAe;AACpC,UAAO,YAAY,OAAO,OAAO,UAAU,MAAM,IAAI;IACtD;EAED,eAAe,iBAAiB,MAAa;AAC3C,SAAM,oBAAoB;AACxB,gBAAY,QAAQ;AACpB,SAAK,qBAAqB,KAAK,OAAO,UAAU,MAAM,CAAA;KACvD;AACD,eAAY,OAAO,OAAM;;EAG3B,SAAS,cAAc;AACrB,eAAY,QAAQ,KAAA;AACpB,QAAK,qBAAqB,KAAA,EAAS;;;WA9G1B,MAAA,SAAQ,IAAA,WAAA,EAPjB,YA4Ba,MAAA,YAAA,EAAA;;IA3BV,OAAK,eAAE,UAAA,MAAS;IACjB,SAAQ;IACR,OAAM;aACF;IAAJ,KAAI;IACH,oBAAc,OAAA,OAAA,OAAA,WAAf;IACC,UAAU,MAAA,SAAQ;;IAGR,SAAO,cAaN,CAZV,YAYU,MAAA,cAAA,EAAA;KAXP,MAAM,MAAA,KAAI;KACX,mBAAA;KACC,WAAW,QAAA;KACX,aAAa,QAAA;KACb,eAAa,eAAA;KACb,UAAU,MAAA,SAAQ;KAClB,SAAO;;KAEG,QAAM,cACqC,CAApD,YAAoD,MAAA,YAAA,EAAA,EAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA;6BAAsB,CAAZ,YAAY,MAAA,SAAA,CAAA,CAAA,CAAA;;;;;;;;;;;IAKtC,SAAO,cAC6E,CAA7F,YAA6F,MAAA,YAAA,EAAA;KAAhF,MAAA,MAAA,KAAI;KAAE,MAAA,QAAA;KAAM,iBAAA,QAAA;KAAe,MAAM,YAAA;KAAc,iBAAa;;;;;;;;iDAI7E,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,eAAA,SAAkB,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -0,0 +1,19 @@
+import { DatePickerProps } from "../../types/date-picker.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-picker/date-picker.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  "update:modelValue": (value?: string | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<DatePickerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+  readonly: boolean;
+  type: "date" | "month" | "year";
+  disabled: boolean;
+  placeholder: string;
+  clearable: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=date-picker.vue.d.ts.map

package/dist/components/date-picker/index.d.ts

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

package/dist/components/date-picker/style.d.ts

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

package/dist/components/date-picker/style.js

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

package/dist/components/date-picker/style2.css

@@ -0,0 +1,29 @@
+@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-date-picker {
+  width: 100%;
+}
+.u-date-picker--small .u-date-picker__icon {
+  font-size: calc(var(--u-form-component-height-small) / 2 + 2px);
+}
+.u-date-picker--default .u-date-picker__icon {
+  font-size: calc(var(--u-form-component-height-default) / 2 + 2px);
+}
+.u-date-picker--large .u-date-picker__icon {
+  font-size: calc(var(--u-form-component-height-large) / 2 + 2px);
+}

package/dist/components/date-range-picker/date-range-picker.js

@@ -0,0 +1,168 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../dropdown/dropdown.js";
+import _sfc_main$3 from "../date-panel/date-panel.js";
+import { Fragment, Transition, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, shallowRef, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { date } from "@cat-kit/core";
+import { FORM_EMPTY_CONTENT, bem } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps, useUpdateLock } from "@veltra/compositions";
+import { Calendar, Close } from "@veltra/icons/normal";
+//#region src/components/date-range-picker/date-range-picker.vue
+const _hoisted_1 = ["value", "placeholder"];
+const _hoisted_2 = ["value", "placeholder"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "DateRangePicker",
+	__name: "date-range-picker",
+	props: {
+		modelValue: {},
+		placeholder: { default: () => ["起始日期", "结束日期"] },
+		type: { default: "date" },
+		format: {},
+		valueFormat: {},
+		disabledDate: {},
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("date-range-picker");
+		const className = computed(() => {
+			return [
+				cls.b,
+				cls.m(size.value),
+				bem.is("disabled", disabled.value)
+			];
+		});
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const dropdownRef = shallowRef();
+		const { update, updateAndLock } = useUpdateLock();
+		const currentRangeDate = shallowRef();
+		const displayedOfStart = computed(() => {
+			return props.modelValue?.[0];
+		});
+		const displayedOfEnd = computed(() => {
+			return props.modelValue?.[1];
+		});
+		const formatStr = computed(() => {
+			const { format, type } = props;
+			if (format) return format;
+			if (type === "date") return "yyyy-MM-dd";
+			if (type === "month") return "yyyy-MM";
+			if (type === "year") return "yyyy";
+			return "yyyy-MM-dd";
+		});
+		watch(() => props.modelValue, (val) => {
+			update(() => {
+				if (val?.length === 2) currentRangeDate.value = [date(val[0]), date(val[1])];
+			});
+		}, { immediate: true });
+		async function handleSelect(rangeDate) {
+			await updateAndLock(() => {
+				currentRangeDate.value = rangeDate;
+				emit("update:modelValue", rangeDate?.map((d) => d.format(formatStr.value)));
+			});
+			dropdownRef.value?.close();
+		}
+		const hovered = shallowRef(false);
+		function handleClear() {
+			currentRangeDate.value = void 0;
+			emit("update:modelValue", void 0);
+		}
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$2), {
+				key: 0,
+				class: normalizeClass(className.value),
+				trigger: "click",
+				"content-class": [unref(cls).e("panel"), unref(cls).em("panel", unref(size))],
+				width: "auto",
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				disabled: unref(disabled),
+				onMouseenter: _cache[0] || (_cache[0] = ($event) => hovered.value = true),
+				onMouseleave: _cache[1] || (_cache[1] = ($event) => hovered.value = false)
+			}, {
+				trigger: withCtx(() => [
+					createElementVNode("input", {
+						type: "text",
+						class: normalizeClass(unref(cls).e("input")),
+						value: displayedOfStart.value,
+						placeholder: __props.placeholder[0],
+						readonly: ""
+					}, null, 10, _hoisted_1),
+					createElementVNode("span", { class: normalizeClass(unref(cls).e("separator")) }, "至", 2),
+					createElementVNode("input", {
+						type: "text",
+						class: normalizeClass(unref(cls).e("input")),
+						value: displayedOfEnd.value,
+						placeholder: __props.placeholder[1],
+						readonly: ""
+					}, null, 10, _hoisted_2),
+					createVNode(Transition, {
+						name: "zoom-in",
+						mode: "out-in"
+					}, {
+						default: withCtx(() => [__props.clearable && __props.modelValue && hovered.value && !unref(disabled) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+							key: 0,
+							class: normalizeClass([unref(cls).e("icon"), unref(cls).e("clear")]),
+							title: "清除",
+							onClick: withModifiers(handleClear, ["stop"])
+						}, {
+							default: withCtx(() => [createVNode(unref(Close))]),
+							_: 1
+						}, 8, ["class"])) : (openBlock(), createBlock(unref(_sfc_main$1), {
+							key: 1,
+							class: normalizeClass(unref(cls).e("icon"))
+						}, {
+							default: withCtx(() => [createVNode(unref(Calendar))]),
+							_: 1
+						}, 8, ["class"]))]),
+						_: 1
+					})
+				]),
+				content: withCtx(() => [createVNode(unref(_sfc_main$3), {
+					range: "",
+					type: __props.type,
+					"disabled-date": __props.disabledDate,
+					size: unref(size),
+					"range-date": currentRangeDate.value,
+					"onSelect:rangeDate": handleSelect
+				}, null, 8, [
+					"type",
+					"disabled-date",
+					"size",
+					"range-date"
+				])]),
+				_: 1
+			}, 8, [
+				"class",
+				"content-class",
+				"disabled"
+			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(displayedOfStart.value || unref(FORM_EMPTY_CONTENT)) + " 至 " + toDisplayString(displayedOfEnd.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=date-range-picker.js.map

package/dist/components/date-range-picker/date-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && modelValue && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { useUpdateLock } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'DateRangePicker'\n})\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('disabled', disabled.value)]\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 dropdownRef = shallowRef<DropdownExposed>()\n\nconst { update, updateAndLock } = useUpdateLock()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst displayedOfStart = computed(() => {\n  return props.modelValue?.[0]\n})\n\nconst displayedOfEnd = computed(() => {\n  return props.modelValue?.[1]\n})\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    update(() => {\n      if (val?.length === 2) {\n        currentRangeDate.value = [date(val[0]), date(val[1])]\n      }\n    })\n  },\n  { immediate: true }\n)\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  await updateAndLock(() => {\n    currentRangeDate.value = rangeDate\n    emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])\n  })\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":"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"}

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -0,0 +1,19 @@
+import { DateRangePickerProps } from "../../types/date-range-picker.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-range-picker/date-range-picker.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<DateRangePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  "update:modelValue": (value?: [string, string] | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<DateRangePickerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
+}>, {
+  readonly: boolean;
+  type: "date" | "month" | "year";
+  disabled: boolean;
+  placeholder: [string, string];
+  clearable: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=date-range-picker.vue.d.ts.map

package/dist/components/date-range-picker/index.d.ts

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

package/dist/components/date-range-picker/style.d.ts

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

package/dist/components/date-range-picker/style.js

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

package/dist/components/date-range-picker/style2.css

@@ -0,0 +1,95 @@
+@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-date-range-picker {
+  width: 100%;
+  vertical-align: middle;
+  line-height: 1;
+  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  transition: box-shadow 0.25s ease;
+  overflow: hidden;
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-date-range-picker--small {
+  height: var(--u-form-component-height-small);
+  border-radius: var(--u-radius-small);
+  padding: 0 calc(var(--u-gap-small) / 2);
+}
+.u-date-range-picker--small .u-date-range-picker__icon {
+  font-size: calc(var(--u-form-component-height-small) / 2 + 2px);
+}
+.u-date-range-picker--default {
+  height: var(--u-form-component-height-default);
+  border-radius: var(--u-radius-default);
+  padding: 0 calc(var(--u-gap-default) / 2);
+}
+.u-date-range-picker--default .u-date-range-picker__icon {
+  font-size: calc(var(--u-form-component-height-default) / 2 + 2px);
+}
+.u-date-range-picker--large {
+  height: var(--u-form-component-height-large);
+  border-radius: var(--u-radius-large);
+  padding: 0 calc(var(--u-gap-large) / 2);
+}
+.u-date-range-picker--large .u-date-range-picker__icon {
+  font-size: calc(var(--u-form-component-height-large) / 2 + 2px);
+}
+.u-date-range-picker:hover {
+  box-shadow: inset 0 0 0px 1px var(--u-color-primary);
+}
+.u-date-range-picker__input {
+  outline: none;
+  border: none;
+  background-color: transparent;
+  text-align: center;
+  height: 100%;
+  min-width: 0;
+  font-family: var(--u-font-family);
+  font-size: 1em;
+}
+.u-date-range-picker__input:-webkit-autofill {
+  color: #fff !important;
+  background-color: transparent;
+}
+.u-date-range-picker__input::placeholder {
+  color: var(--u-text-color-placeholder);
+}
+.u-date-range-picker__separator {
+  flex-shrink: 0;
+  min-width: 24px;
+  text-align: center;
+}
+.u-date-range-picker__input {
+  flex-grow: 1;
+  color: inherit;
+}
+.u-date-range-picker__icon {
+  flex-shrink: 0;
+}
+.u-date-range-picker__clear {
+  cursor: pointer;
+}
+.u-date-range-picker.is-disabled {
+  background-color: var(--u-color-disabled);
+  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+}
+.u-date-range-picker.is-disabled .u-date-range-picker__input {
+  cursor: not-allowed;
+}

package/dist/components/dialog/di.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/di.ts
+const DialogDIKey = Symbol("DialogDIKey");
+//#endregion
+export { DialogDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/dialog/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/dialog/di.ts"],"sourcesContent":["import type { InjectionKey, ShallowRef } from 'vue'\n\nexport interface DialogContext {\n  visible: ShallowRef<boolean>\n}\n\nexport const DialogDIKey: InjectionKey<DialogContext> = Symbol('DialogDIKey')\n"],"mappings":";AAMA,MAAa,cAA2C,OAAO,cAAc"}

package/dist/components/dialog/dialog.js

@@ -0,0 +1,227 @@
+import _sfc_main$1 from "../icon/icon.js";
+import NodeRender from "../node-render/node-render.js";
+import _sfc_main$2 from "../scroll/scroll.js";
+import { DialogDIKey } from "./di.js";
+import { useMaximum } from "./use-maximum.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, openBlock, provide, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { bem, extractNormalVNodes, setStyles, zIndex } from "@veltra/utils";
+import { useDrag, useFallbackProps } from "@veltra/compositions";
+import { Close, Maximum, Recover } from "@veltra/icons/normal";
+//#region src/components/dialog/dialog.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Dialog",
+	inheritAttrs: false,
+	__name: "dialog",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: {
+			type: Boolean,
+			default: true
+		},
+		title: {},
+		header: {},
+		size: {},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		fullscreen: { type: Boolean }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "closed"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const cls = bem("dialog");
+		const headerCls = [cls.e("header")];
+		const footerCls = [cls.e("footer")];
+		const { size } = useFallbackProps([props], { size: "default" });
+		const overlayRef = shallowRef();
+		/** 弹框模板引用 */
+		const dialogRef = shallowRef();
+		/** 弹框头部模板引用 */
+		const headerRef = shallowRef();
+		/** 弹框body模板引用 */
+		const bodyRef = shallowRef();
+		/** 弹框footer模板引用 */
+		const footerRef = shallowRef();
+		const visible = useModel(__props, "modelValue");
+		const overlayVisible = shallowRef(false);
+		const dialogVisible = shallowRef(false);
+		watch(visible, (v) => {
+			if (v) overlayVisible.value = true;
+			else dialogVisible.value = false;
+		});
+		function getTriggerNode() {
+			const nodes = slots.trigger?.();
+			if (!nodes?.length) return null;
+			return extractNormalVNodes(nodes)[0];
+		}
+		function onOverlayEnter() {
+			dialogVisible.value = true;
+		}
+		function onAfterDialogLeave() {
+			overlayVisible.value = false;
+		}
+		const { toggleMaximize, maximized } = useMaximum({
+			dialogRef,
+			cls
+		});
+		const className = computed(() => {
+			return [cls.b, cls.m(size.value)];
+		});
+		/**
+		* 是否弹出过, 用于控制下一次弹出时是否采用v-show的方式
+		*/
+		let opened = false;
+		watch(visible, (v) => {
+			if (!v) return;
+			if (!opened) opened = true;
+			translated.x = 0;
+			translated.y = 0;
+			nextTick(() => {
+				setStyles(overlayRef.value, { zIndex: zIndex() });
+			});
+		});
+		/** dialog位移的位置 */
+		const translated = {
+			x: 0,
+			y: 0
+		};
+		/** 更新弹框位置 */
+		const updateDialogTransform = (x, y) => {
+			const dom = dialogRef.value;
+			if (!dom) return;
+			setStyles(dom, { transform: `scale3d(1, 1, 1) translate3d(${x}px, ${y}px, 0)` });
+		};
+		useDrag({
+			target: headerRef,
+			onDragStart() {
+				handleIncreaseZIndex();
+			},
+			onDrag({ x, y }) {
+				if (maximized.value) return;
+				updateDialogTransform(translated.x + x, translated.y + y);
+			},
+			onDragEnd({ x, y }) {
+				if (maximized.value) return;
+				translated.x += x;
+				translated.y += y;
+				if (translated.x % 2 !== 0) translated.x += x < 0 ? 1 : -1;
+				if (translated.y % 2 !== 0) translated.y += y < 0 ? 1 : -1;
+				updateDialogTransform(translated.x, translated.y);
+			}
+		});
+		function handleIncreaseZIndex() {
+			if (props.modal) return;
+			setStyles(overlayRef.value, { zIndex: zIndex() });
+		}
+		/** 关闭 */
+		const close = () => {
+			visible.value = false;
+		};
+		provide(DialogDIKey, { visible });
+		__expose({ close });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+					name: "fade",
+					onAfterLeave: _cache[9] || (_cache[9] = ($event) => emit("closed")),
+					onEnter: onOverlayEnter
+				}, {
+					default: withCtx(() => [overlayVisible.value || unref(opened) ? withDirectives((openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass([unref(cls).e("overlay"), unref(bem).is("modal", __props.modal)]),
+						ref_key: "overlayRef",
+						ref: overlayRef,
+						onMousedown: _cache[8] || (_cache[8] = ($event) => __props.modal && close()),
+						onKeyup: withKeys(close, ["esc"]),
+						tabindex: "0"
+					}, [createVNode(Transition, {
+						name: "spring",
+						onAfterLeave: onAfterDialogLeave
+					}, {
+						default: withCtx(() => [dialogVisible.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+							class: className.value,
+							ref_key: "dialogRef",
+							ref: dialogRef,
+							onMousedown: withModifiers(handleIncreaseZIndex, ["stop"])
+						}), [
+							createElementVNode("section", {
+								class: normalizeClass(headerCls),
+								ref_key: "headerRef",
+								ref: headerRef,
+								onTransitionend: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"])),
+								onTransitioncancel: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
+							}, [createElementVNode("div", {
+								class: normalizeClass(unref(cls).e("title")),
+								onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+							}, [renderSlot(_ctx.$slots, "header", {}, () => [createTextVNode(toDisplayString(__props.header || __props.title), 1)])], 34), createElementVNode("div", {
+								class: normalizeClass(unref(cls).e("buttons")),
+								onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+							}, [unref(maximized) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+								key: 0,
+								class: normalizeClass(unref(cls).e("btn-recover")),
+								onClick: _cache[1] || (_cache[1] = ($event) => unref(toggleMaximize)(false)),
+								title: "还原"
+							}, {
+								default: withCtx(() => [createVNode(unref(Recover))]),
+								_: 1
+							}, 8, ["class"])) : (openBlock(), createBlock(unref(_sfc_main$1), {
+								key: 1,
+								class: normalizeClass(unref(cls).e("btn-maximize")),
+								onClick: _cache[2] || (_cache[2] = ($event) => unref(toggleMaximize)(true)),
+								title: "最大化"
+							}, {
+								default: withCtx(() => [createVNode(unref(Maximum))]),
+								_: 1
+							}, 8, ["class"])), createVNode(unref(_sfc_main$1), {
+								class: normalizeClass(unref(cls).e("btn-close")),
+								onClick: close,
+								title: "关闭"
+							}, {
+								default: withCtx(() => [createVNode(unref(Close))]),
+								_: 1
+							}, 8, ["class"])], 34)], 544),
+							createVNode(unref(_sfc_main$2), {
+								tag: "section",
+								class: normalizeClass(unref(cls).e("body")),
+								ref_key: "bodyRef",
+								ref: bodyRef,
+								"content-style": { height: unref(maximized) ? "100%" : void 0 },
+								onTransitionend: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"])),
+								onTransitioncancel: _cache[7] || (_cache[7] = withModifiers(() => {}, ["stop"]))
+							}, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ maximized: unref(maximized) })))]),
+								_: 3
+							}, 8, ["class", "content-style"]),
+							_ctx.$slots.footer ? (openBlock(), createElementBlock("section", {
+								key: 0,
+								ref_key: "footerRef",
+								ref: footerRef,
+								class: normalizeClass(footerCls)
+							}, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({ close })))], 512)) : createCommentVNode("v-if", true)
+						], 16)) : createCommentVNode("v-if", true)]),
+						_: 3
+					})], 34)), [[vShow, overlayVisible.value]]) : createCommentVNode("v-if", true)]),
+					_: 3
+				})])),
+				createCommentVNode(" 触发 "),
+				createVNode(unref(NodeRender), {
+					onClick: _cache[10] || (_cache[10] = ($event) => visible.value = !visible.value),
+					content: getTriggerNode(),
+					ref: "triggerRef"
+				}, null, 8, ["content"])
+			], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["$attrs","$slots"],"sources":["../../../src/components/dialog/dialog.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" @after-leave=\"emit('closed')\" @enter=\"onOverlayEnter\">\n      <div\n        v-if=\"overlayVisible || opened\"\n        v-show=\"overlayVisible\"\n        :class=\"[cls.e('overlay'), bem.is('modal', modal)]\"\n        ref=\"overlayRef\"\n        @mousedown=\"modal && close()\"\n        @keyup.esc=\"close\"\n        tabindex=\"0\"\n      >\n        <transition name=\"spring\" @after-leave=\"onAfterDialogLeave\">\n          <div\n            v-if=\"dialogVisible\"\n            v-bind=\"$attrs\"\n            :class=\"className\"\n            ref=\"dialogRef\"\n            @mousedown.stop=\"handleIncreaseZIndex\"\n          >\n            <section :class=\"headerCls\" ref=\"headerRef\" @transitionend.stop @transitioncancel.stop>\n              <div :class=\"cls.e('title')\" @mousedown.stop>\n                <slot name=\"header\">\n                  {{ header || title }}\n                </slot>\n              </div>\n\n              <div :class=\"cls.e('buttons')\" @mousedown.stop>\n                <u-icon\n                  v-if=\"maximized\"\n                  :class=\"cls.e('btn-recover')\"\n                  @click=\"toggleMaximize(false)\"\n                  title=\"还原\"\n                >\n                  <Recover />\n                </u-icon>\n                <u-icon\n                  v-else\n                  :class=\"cls.e('btn-maximize')\"\n                  @click=\"toggleMaximize(true)\"\n                  title=\"最大化\"\n                >\n                  <Maximum />\n                </u-icon>\n                <u-icon :class=\"cls.e('btn-close')\" @click=\"close\" title=\"关闭\">\n                  <Close />\n                </u-icon>\n              </div>\n            </section>\n\n            <u-scroll\n              tag=\"section\"\n              :class=\"cls.e('body')\"\n              ref=\"bodyRef\"\n              :content-style=\"{ height: maximized ? '100%' : undefined }\"\n              @transitionend.stop\n              @transitioncancel.stop\n            >\n              <slot v-bind=\"{ maximized }\" />\n            </u-scroll>\n\n            <section ref=\"footerRef\" :class=\"footerCls\" v-if=\"$slots.footer\">\n              <slot name=\"footer\" v-bind=\"{ close }\" />\n            </section>\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n\n  <!-- 触发 -->\n  <UNodeRender @click=\"visible = !visible\" :content=\"getTriggerNode()\" ref=\"triggerRef\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag, useFallbackProps } from '@veltra/compositions'\nimport { Close, Maximum, Recover } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'\nimport { shallowRef, watch, computed, provide, nextTick } from 'vue'\n\nimport type { DialogProps, DialogEmits, DialogExposed, ComponentSize } from '../../types'\nimport type { ScrollExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UScroll } from '../scroll'\nimport { DialogDIKey } from './di'\nimport { useMaximum } from './use-maximum'\n\ndefineOptions({\n  name: 'Dialog',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<DialogProps>(), {\n  modal: true,\n  modelValue: true,\n  autoScroll: true\n})\nconst emit = defineEmits<DialogEmits>()\n\nconst slots = defineSlots<{\n  footer?: (props: { close: () => void }) => any\n  trigger?: () => any\n  header?: () => any\n  default?: (props: {\n    /** 弹框是否最大化了 */\n    maximized: boolean\n  }) => any\n}>()\n\nconst cls = bem('dialog')\nconst headerCls = [cls.e('header')]\nconst footerCls = [cls.e('footer')]\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst overlayRef = shallowRef<HTMLDivElement>()\n\n/** 弹框模板引用 */\nconst dialogRef = shallowRef<HTMLDivElement>()\n\n/** 弹框头部模板引用 */\nconst headerRef = shallowRef<HTMLDivElement>()\n\n/** 弹框body模板引用 */\nconst bodyRef = shallowRef<ScrollExposed>()\n\n/** 弹框footer模板引用 */\nconst footerRef = shallowRef<HTMLDivElement>()\n\nconst visible = defineModel<boolean>({\n  default: false\n})\n\nconst overlayVisible = shallowRef(false)\nconst dialogVisible = shallowRef(false)\n\nwatch(visible, (v) => {\n  if (v) {\n    overlayVisible.value = true\n  } else {\n    dialogVisible.value = false\n  }\n})\n\nfunction getTriggerNode() {\n  const nodes = slots.trigger?.()\n  if (!nodes?.length) return null\n\n  const node = extractNormalVNodes(nodes)[0]\n  return node\n}\n\nfunction onOverlayEnter() {\n  dialogVisible.value = true\n}\n\nfunction onAfterDialogLeave() {\n  overlayVisible.value = false\n}\n\nconst { toggleMaximize, maximized } = useMaximum({\n  dialogRef,\n  cls\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/**\n * 是否弹出过, 用于控制下一次弹出时是否采用v-show的方式\n */\nlet opened = false\n\nwatch(visible, (v) => {\n  if (!v) return\n\n  if (!opened) opened = true\n\n  // 初始化位置偏移量\n  translated.x = 0\n  translated.y = 0\n\n  nextTick(() => {\n    setStyles(overlayRef.value!, { zIndex: zIndex() })\n  })\n})\n\n/** dialog位移的位置 */\nconst translated = {\n  x: 0,\n  y: 0\n}\n\n/** 更新弹框位置 */\nconst updateDialogTransform = (x: number, y: number) => {\n  const dom = dialogRef.value\n  if (!dom) return\n  setStyles(dom, {\n    transform: `scale3d(1, 1, 1) translate3d(${x}px, ${y}px, 0)`\n  })\n}\n\n// 运用拖拽\nuseDrag({\n  target: headerRef,\n\n  onDragStart() {\n    handleIncreaseZIndex()\n  },\n\n  onDrag({ x, y }) {\n    if (maximized.value) return\n    updateDialogTransform(translated.x + x, translated.y + y)\n  },\n\n  onDragEnd({ x, y }) {\n    if (maximized.value) return\n    translated.x += x\n    translated.y += y\n\n    // 字体模糊的bug修正\n    if (translated.x % 2 !== 0) {\n      translated.x += x < 0 ? 1 : -1\n    }\n    if (translated.y % 2 !== 0) {\n      translated.y += y < 0 ? 1 : -1\n    }\n    updateDialogTransform(translated.x, translated.y)\n  }\n})\n\nfunction handleIncreaseZIndex() {\n  if (props.modal) return\n  setStyles(overlayRef.value!, { zIndex: zIndex() })\n}\n\n/** 关闭 */\nconst close = () => {\n  visible.value = false\n}\n\nprovide(DialogDIKey, {\n  visible\n})\n\ndefineExpose<DialogExposed>({\n  close\n})\n</script>\n"],"mappings":"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"}