@veltra/desktop 1.0.0

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

@@ -0,0 +1,133 @@
+import _sfc_main$1 from "../button/button.js";
+import { useGroupItems } from "./use-group-items.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { FORM_EMPTY_CONTENT, bem } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+import { Minus, Plus } from "@veltra/icons/normal";
+//#region src/components/group-input/group-input.vue
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "GroupInput",
+	__name: "group-input",
+	props: {
+		modelValue: { default: () => [] },
+		max: {},
+		creatable: {
+			type: Boolean,
+			default: true
+		},
+		itemDefault: {},
+		itemStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		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("group-input");
+		const { formProps } = useFormComponent();
+		const { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const { items, createItem, runByEvent } = useGroupItems({
+			props,
+			emit
+		});
+		const isEmpty = computed(() => {
+			return !items.value.length;
+		});
+		function handleAdd(index) {
+			runByEvent(() => {
+				items.value = [
+					...items.value.slice(0, index + 1),
+					createItem({}),
+					...items.value.slice(index + 1)
+				];
+			});
+		}
+		function handleRemove(index) {
+			runByEvent(() => {
+				items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)];
+			});
+		}
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createElementBlock("ul", {
+				key: 0,
+				class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))])
+			}, [isEmpty.value && __props.creatable ? (openBlock(), createElementBlock("li", _hoisted_1, [createVNode(unref(_sfc_main$1), {
+				style: { "width": "100%" },
+				icon: unref(Plus),
+				onClick: _cache[0] || (_cache[0] = ($event) => handleAdd(0)),
+				size: unref(size)
+			}, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" 新增 ", -1)])]),
+				_: 1
+			}, 8, ["icon", "size"])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.id,
+					class: normalizeClass(unref(cls).e("item")),
+					style: normalizeStyle(__props.itemStyle)
+				}, [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, {
+					item: item.data,
+					index
+				})), createElementVNode("span", { class: normalizeClass(unref(cls).e("actions")) }, [createVNode(unref(_sfc_main$1), {
+					icon: unref(Minus),
+					circle: "",
+					disabled: unref(disabled),
+					size: unref(size),
+					onClick: ($event) => handleRemove(index)
+				}, null, 8, [
+					"icon",
+					"disabled",
+					"size",
+					"onClick"
+				]), createVNode(unref(_sfc_main$1), {
+					icon: unref(Plus),
+					circle: "",
+					disabled: unref(disabled),
+					size: unref(size),
+					onClick: ($event) => handleAdd(index)
+				}, null, 8, [
+					"icon",
+					"disabled",
+					"size",
+					"onClick"
+				])], 2)], 6);
+			}), 128))], 2)) : unref(items)?.length ? (openBlock(), createElementBlock("ul", {
+				key: 1,
+				class: normalizeClass([unref(cls).b, unref(cls).m(unref(size))])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.id,
+					class: normalizeClass(unref(cls).e("item"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.data, (v) => {
+					return openBlock(), createElementBlock("span", null, toDisplayString(v), 1);
+				}), 256))], 2);
+			}), 128))], 2)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=group-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button :icon=\"Plus\" circle :disabled=\"disabled\" :size=\"size\" @click=\"handleAdd(index)\" />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = useFormComponent()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import { GroupInputEmits, GroupInputProps } from "../../types/group-input.js";
+import * as _$vue from "vue";
+
+//#region src/components/group-input/group-input.vue.d.ts
+declare const __VLS_export: <GroupItem extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<GroupInputProps<GroupItem> & {
+    "onUpdate:modelValue"?: ((modelValue: Record<string, any>[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      item: Record<string, any>;
+      index: number;
+    }) => any;
+  };
+  emit: GroupInputEmits<Record<string, any>>;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };
+//# sourceMappingURL=group-input.vue.d.ts.map

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

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

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

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

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

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

package/dist/components/group-input/style2.css

@@ -0,0 +1,55 @@
+@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-group-input {
+  width: 100%;
+}
+.u-group-input--small {
+  font-size: var(--u-font-size-main-small);
+}
+.u-group-input--small .u-group-input__item {
+  gap: var(--u-gap-small);
+}
+.u-group-input--small .u-group-input__item:not(:first-child) {
+  margin-top: var(--u-gap-small);
+}
+.u-group-input--default {
+  font-size: var(--u-font-size-main-default);
+}
+.u-group-input--default .u-group-input__item {
+  gap: var(--u-gap-default);
+}
+.u-group-input--default .u-group-input__item:not(:first-child) {
+  margin-top: var(--u-gap-default);
+}
+.u-group-input--large {
+  font-size: var(--u-font-size-main-large);
+}
+.u-group-input--large .u-group-input__item {
+  gap: var(--u-gap-large);
+}
+.u-group-input--large .u-group-input__item:not(:first-child) {
+  margin-top: var(--u-gap-large);
+}
+.u-group-input__item > * {
+  flex-grow: 1;
+}
+.u-group-input__actions {
+  flex-shrink: 0;
+  display: flex;
+  gap: var(--u-gap-small);
+}

package/dist/components/group-input/use-group-items.js

@@ -0,0 +1,44 @@
+import { isReactive, nextTick, shallowReactive, shallowRef, watch } from "vue";
+import { createIncrease } from "@veltra/utils";
+//#region src/components/group-input/use-group-items.ts
+function useGroupItems(options) {
+	const { props, emit } = options;
+	const id = createIncrease(1);
+	const items = shallowRef([]);
+	function createItem(data) {
+		return {
+			data: isReactive(data) ? data : shallowReactive(data),
+			id: id()
+		};
+	}
+	let changedByEvent = false;
+	let changedByModelValue = false;
+	function runByEvent(cb) {
+		changedByEvent = true;
+		cb();
+		nextTick(() => {
+			changedByEvent = false;
+		});
+	}
+	watch(() => props.modelValue, (modelValue) => {
+		if (changedByEvent) return;
+		changedByModelValue = true;
+		items.value = modelValue?.map(createItem) ?? [];
+		nextTick(() => {
+			changedByModelValue = false;
+		});
+	}, { immediate: true });
+	watch(items, (items) => {
+		if (changedByModelValue) return;
+		emit("update:modelValue", items.map((item) => item.data));
+	});
+	return {
+		items,
+		createItem,
+		runByEvent
+	};
+}
+//#endregion
+export { useGroupItems };
+
+//# sourceMappingURL=use-group-items.js.map

package/dist/components/group-input/use-group-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-group-items.js","names":[],"sources":["../../../src/components/group-input/use-group-items.ts"],"sourcesContent":["import { createIncrease } from '@veltra/utils'\nimport { isReactive, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\n\ninterface Options {\n  props: GroupInputProps\n  emit: GroupInputEmits\n}\n\ninterface UseGroupItemsReturned {\n  items: ShallowRef<{ id: number; data: Record<string, any> }[]>\n  createItem: (data: Record<string, any>) => { id: number; data: Record<string, any> }\n  runByEvent: (cb: () => void) => void\n}\n\nexport function useGroupItems(options: Options): UseGroupItemsReturned {\n  const { props, emit } = options\n\n  const id = createIncrease(1)\n\n  const items = shallowRef<{ id: number; data: Record<string, any> }[]>([])\n\n  function createItem(data: Record<string, any>) {\n    return { data: isReactive(data) ? data : shallowReactive(data), id: id() }\n  }\n\n  let changedByEvent = false\n  let changedByModelValue = false\n  function runByEvent(cb: () => void) {\n    changedByEvent = true\n    cb()\n    nextTick(() => {\n      changedByEvent = false\n    })\n  }\n\n  watch(\n    () => props.modelValue,\n    (modelValue) => {\n      if (changedByEvent) return\n      changedByModelValue = true\n      items.value = modelValue?.map(createItem) ?? []\n      nextTick(() => {\n        changedByModelValue = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(items, (items) => {\n    if (changedByModelValue) return\n    emit(\n      'update:modelValue',\n      items.map((item) => item.data)\n    )\n  })\n\n  return { items, createItem, runByEvent }\n}\n"],"mappings":";;;AAgBA,SAAgB,cAAc,SAAyC;CACrE,MAAM,EAAE,OAAO,SAAS;CAExB,MAAM,KAAK,eAAe,EAAE;CAE5B,MAAM,QAAQ,WAAwD,EAAE,CAAC;CAEzE,SAAS,WAAW,MAA2B;AAC7C,SAAO;GAAE,MAAM,WAAW,KAAK,GAAG,OAAO,gBAAgB,KAAK;GAAE,IAAI,IAAI;GAAE;;CAG5E,IAAI,iBAAiB;CACrB,IAAI,sBAAsB;CAC1B,SAAS,WAAW,IAAgB;AAClC,mBAAiB;AACjB,MAAI;AACJ,iBAAe;AACb,oBAAiB;IACjB;;AAGJ,aACQ,MAAM,aACX,eAAe;AACd,MAAI,eAAgB;AACpB,wBAAsB;AACtB,QAAM,QAAQ,YAAY,IAAI,WAAW,IAAI,EAAE;AAC/C,iBAAe;AACb,yBAAsB;IACtB;IAEJ,EAAE,WAAW,MAAM,CACpB;AAED,OAAM,QAAQ,UAAU;AACtB,MAAI,oBAAqB;AACzB,OACE,qBACA,MAAM,KAAK,SAAS,KAAK,KAAK,CAC/B;GACD;AAEF,QAAO;EAAE;EAAO;EAAY;EAAY"}

package/dist/components/icon/icon.js

@@ -0,0 +1,25 @@
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+import { bem, withUnit } from "@veltra/utils";
+//#region src/components/icon/icon.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Icon",
+	__name: "icon",
+	props: { size: {} },
+	setup(__props) {
+		const props = __props;
+		const cls = bem("icon");
+		const style = computed(() => {
+			return { fontSize: withUnit(props.size, "px") };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("i", {
+				class: normalizeClass(unref(cls).b),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=icon.js.map

package/dist/components/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":[],"sources":["../../../src/components/icon/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"cls.b\" :style=\"style\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { IconProps } from '../../types'\n\ndefineOptions({\n  name: 'Icon'\n})\n\nconst props = defineProps<IconProps>()\n\nconst cls = bem('icon')\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    fontSize: withUnit(props.size, 'px')\n  }\n})\n</script>\n"],"mappings":";;;;;;;;EAiBA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,QAAQ,eAA8B;AAC1C,UAAO,EACL,UAAU,SAAS,MAAM,MAAM,KAAI,EACrC;IACD;;uBAxBC,mBAEI,KAAA;IAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAG,OAAK,eAAE,MAAA,MAAK;OAC7B,WAAa,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

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

@@ -0,0 +1,19 @@
+import { IconProps } from "../../types/icon.js";
+import * as _$vue from "vue";
+
+//#region src/components/icon/icon.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<IconProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, 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=icon.vue.d.ts.map

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

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

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

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

package/dist/components/icon/style.js

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

package/dist/components/icon/style2.css

@@ -0,0 +1,48 @@
+@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 选择器策略一致 */
+@keyframes rotating {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg);
+  }
+}
+.u-icon {
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  font-size: inherit;
+  color: inherit;
+  vertical-align: middle;
+  user-select: none;
+  will-change: transform;
+}
+.u-icon.is-loading {
+  transform-origin: center;
+  animation: rotating 2s linear infinite;
+}
+.u-icon svg {
+  height: 1em;
+  width: 1em;
+}

package/dist/components/index.d.ts

@@ -0,0 +1,90 @@
+import { _default } from "./action/action.vue.js";
+import { _default as _default$1 } from "./action/action-group.vue.js";
+import { _default as _default$2 } from "./auto-complete/auto-complete.vue.js";
+import { _default as _default$3 } from "./badge/badge.vue.js";
+import { DynamicFormModel } from "./form/dynamic-form-model.js";
+import { FormModel } from "./form/form-model.js";
+import { _default as _default$4 } from "./form/form.vue.js";
+import { formField } from "./form/helper.js";
+import { _default as _default$5 } from "./batch-edit/batch-edit.vue.js";
+import { defineBatchEditColumns } from "./batch-edit/helper.js";
+import { _default as _default$6 } from "./button/button.vue.js";
+import { _default as _default$7 } from "./button/button-group.vue.js";
+import { _default as _default$8 } from "./calendar/calendar.vue.js";
+import { _default as _default$9 } from "./card/card.vue.js";
+import { _default as _default$10 } from "./card/card-header.vue.js";
+import { _default as _default$11 } from "./card/card-cover.vue.js";
+import { _default as _default$12 } from "./card/card-content.vue.js";
+import { _default as _default$13 } from "./card/card-action.vue.js";
+import { _default as _default$14 } from "./cascade/cascade.vue.js";
+import { _default as _default$15 } from "./check-tag/check-tag.vue.js";
+import { _default as _default$16 } from "./checkbox-group/checkbox-group.vue.js";
+import { _default as _default$17 } from "./checkbox/checkbox.vue.js";
+import { _default as _default$18 } from "./checkbox/checkbox-button.vue.js";
+import { _default as _default$19 } from "./code-editor/code-editor.vue.js";
+import { _default as _default$20 } from "./condition-editor/condition-editor.vue.js";
+import { contextmenu } from "./context-menu/api.js";
+import { _default as _default$21 } from "./date-panel/date-panel.vue.js";
+import { _default as _default$22 } from "./date-picker/date-picker.vue.js";
+import { _default as _default$23 } from "./date-range-picker/date-range-picker.vue.js";
+import { _default as _default$24 } from "./dialog/dialog.vue.js";
+import { _default as _default$25 } from "./drawer/drawer.vue.js";
+import { _default as _default$26 } from "./dropdown/dropdown.vue.js";
+import { _default as _default$27 } from "./empty/empty.vue.js";
+import { _default as _default$28 } from "./expression-editor/expression-editor.vue.js";
+import { _default as _default$29 } from "./file-picker/file-picker.vue.js";
+import { _default as _default$30 } from "./float-button/float-button.vue.js";
+import { _default as _default$31 } from "./form-item/form-item.vue.js";
+import { _default as _default$32 } from "./gantt-chart/gantt-chart.vue.js";
+import { _default as _default$33 } from "./grid-input/grid-input.vue.js";
+import { _default as _default$34 } from "./grid/grid.vue.js";
+import { _default as _default$35 } from "./grid/grid-item.vue.js";
+import { _default as _default$36 } from "./group-input/group-input.vue.js";
+import { _default as _default$37 } from "./icon/icon.vue.js";
+import { _default as _default$38 } from "./input/input.vue.js";
+import { _default as _default$39 } from "./layout/layout.vue.js";
+import { _default as _default$40 } from "./list/list.vue.js";
+import { _default as _default$41 } from "./list/list-item.vue.js";
+import { _default as _default$42 } from "./loading/loading.vue.js";
+import { vLoading } from "./loading/directive.js";
+import { _default as _default$43 } from "./menu/menu.vue.js";
+import { _default as _default$44 } from "./menu/menu-sub.vue.js";
+import { _default as _default$45 } from "./menu/menu-item.vue.js";
+import { _default as _default$46 } from "./message-confirm/message-confirm.vue.js";
+import { _default as _default$47 } from "./message-confirm/message-confirm.js";
+import { _default as _default$48 } from "./message/message.vue.js";
+import { message } from "./message/message.js";
+import { _default as _default$49 } from "./multi-select/multi-select.vue.js";
+import { _default as _default$50 } from "./multi-tree-select/multi-tree-select.vue.js";
+import { NodeRender } from "./node-render/node-render.js";
+import { _default as _default$51 } from "./notification/notification.vue.js";
+import { Notification } from "./notification/index.js";
+import { _default as _default$52 } from "./number-input/number-input.vue.js";
+import { _default as _default$53 } from "./number-range-input/number-range-input.vue.js";
+import { _default as _default$54 } from "./number/number.vue.js";
+import { _default as _default$55 } from "./paginator/paginator.vue.js";
+import { _default as _default$56 } from "./palette/palette.vue.js";
+import { _default as _default$57 } from "./password-input/password-input.vue.js";
+import { _default as _default$58 } from "./pop-confirm/pop-confirm.vue.js";
+import { _default as _default$59 } from "./progress/progress.vue.js";
+import { _default as _default$60 } from "./radio-group/radio-group.vue.js";
+import { _default as _default$61 } from "./radio/radio.vue.js";
+import { _default as _default$62 } from "./rich-text-editor/rich-text-editor.vue.js";
+import { _default as _default$63 } from "./scroll/scroll.vue.js";
+import { _default as _default$64 } from "./select/select.vue.js";
+import { _default as _default$65 } from "./slider/slider.vue.js";
+import { _default as _default$66 } from "./steps/steps.vue.js";
+import { _default as _default$67 } from "./switch/switch.vue.js";
+import { _default as _default$68 } from "./table-editor/table-editor.vue.js";
+import { _default as _default$69 } from "./table/table.vue.js";
+import { defineTableColumns } from "./table/use-columns.js";
+import { _default as _default$70 } from "./tabs/tabs.vue.js";
+import { _default as _default$71 } from "./tag/tag.vue.js";
+import { _default as _default$72 } from "./text/text.vue.js";
+import { _default as _default$73 } from "./textarea/textarea.vue.js";
+import { _default as _default$74 } from "./theme/theme.vue.js";
+import { _default as _default$75 } from "./tip/tip.vue.js";
+import { _default as _default$76 } from "./tree-select/tree-select.vue.js";
+import { _default as _default$77 } from "./tree/tree.vue.js";
+import { _default as _default$78 } from "./watermark/watermark.vue.js";
+import { _default as _default$79 } from "./progress-nodes/progress-nodes.vue.js";

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

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

package/dist/components/input/input.js

@@ -0,0 +1,7 @@
+import input_vue_vue_type_script_setup_true_lang_default from "./input.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/input/input.vue
+var input_default = input_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { input_default as default };
+
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n    <UIcon\n      v-if=\"clearable && !disabled && model\"\n      :class=\"[cls.e('clear'), bem.is('hidden', !hovered)]\"\n      title=\"清除\"\n      @click.stop=\"clearModelValue\"\n    >\n      <Close />\n    </UIcon>\n    <span :class=\"suffixClass\" @click=\"handleSuffixClick\" v-if=\"$slots.suffix || suffix\">\n      {{ suffix }}\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":""}

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

@@ -0,0 +1,51 @@
+import { InputProps, _InputExposed } from "../../types/input.js";
+import * as _$vue from "vue";
+
+//#region src/components/input/input.vue.d.ts
+type __VLS_Props = InputProps;
+type __VLS_ModelProps = {
+  modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+  prefix?: (props: typeof __VLS_1) => any;
+} & {
+  suffix?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string | undefined) => any;
+} & {
+  clear: () => any;
+  "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
+  "suffix:click": (value?: string | undefined) => any;
+  "prefix:click": (value?: string | undefined) => any;
+  focus: (value?: string | undefined) => any;
+  blur: (value?: string | undefined) => any;
+  "native:input": (ev: Event) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  onClear?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
+  "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
+  "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
+  onFocus?: ((value?: string | undefined) => any) | undefined;
+  onBlur?: ((value?: string | undefined) => any) | undefined;
+  "onNative:input"?: ((ev: Event) => 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=input.vue.d.ts.map