@veltra/desktop 1.0.0

package/dist/components/form/form.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,83 @@
+import _sfc_main from "../grid/grid.js";
+import form_item_default from "../form-item/form-item.js";
+import { useNodeInterceptor } from "./use-node-interceptor.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, shallowRef, toRef, unref, withCtx, withModifiers } from "vue";
+import { o } from "@cat-kit/core";
+import { bem } from "@veltra/utils";
+import { useFormComponent } from "@veltra/compositions";
+//#region src/components/form/form.vue?vue&type=script&setup=true&lang.tsx
+var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "Form",
+	__name: "form",
+	props: {
+		cols: {},
+		showInitialData: { type: Boolean },
+		model: {},
+		labelWidth: {},
+		noTips: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		size: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const cls = bem("form");
+		const breakpointCols = {
+			xs: 1,
+			md: 2,
+			lg: 3,
+			xl: 4,
+			default: 4
+		};
+		useFormComponent(props);
+		const { getSlotsNodes } = useNodeInterceptor({ props });
+		function handleUpdateValue(field, value) {
+			const { model } = props;
+			if (!model) return;
+			o(model.data).set(field, value);
+		}
+		function showInitialNode(field) {
+			const { data, initialData } = props.model || {};
+			const currentValue = o(data ?? {}).get(field);
+			const initialValue = o(initialData ?? {}).get(field);
+			const notEqual = !(initialValue === currentValue || !initialValue && !currentValue);
+			return props.showInitialData && notEqual;
+		}
+		const gridRef = shallowRef();
+		__expose({ el: toRef(() => gridRef.value?.el) });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main), {
+				tag: "form",
+				ref_key: "gridRef",
+				ref: gridRef,
+				onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+				cols: __props.cols || breakpointCols,
+				class: normalizeClass([unref(cls).b, unref(bem).is("readonly", __props.readonly)])
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSlotsNodes)(), ({ node, isFormItem, formItemProps, field, modelValue }) => {
+					return openBlock(), createElementBlock(Fragment, { key: node.key }, [isFormItem || !field ? (openBlock(), createBlock(resolveDynamicComponent(node), { key: 0 })) : (openBlock(), createBlock(unref(form_item_default), mergeProps({
+						key: 1,
+						ref_for: true
+					}, formItemProps), {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(node), {
+							"model-value": modelValue ?? unref(o)(__props.model?.data ?? {}).get(field),
+							"onUpdate:modelValue": ($event) => handleUpdateValue(field, $event)
+						}, null, 8, ["model-value", "onUpdate:modelValue"])), showInitialNode(field) ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(unref(cls).e("data-before"))
+						}, [createElementVNode("i", { class: normalizeClass(unref(cls).e("changed-tag")) }, "变更前：", 2), (openBlock(), createBlock(resolveDynamicComponent(node), {
+							readonly: "",
+							"model-value": unref(o)(__props.model?.initialData ?? {}).get(field)
+						}, null, 8, ["model-value"]))], 2)) : createCommentVNode("v-if", true)]),
+						_: 2
+					}, 1040))], 64);
+				}), 128))]),
+				_: 1
+			}, 8, ["cols", "class"]);
+		};
+	}
+});
+//#endregion
+export { form_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=form.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/form/form.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/form.vue"],"sourcesContent":["<template>\n  <u-grid\n    tag=\"form\"\n    ref=\"gridRef\"\n    @submit.prevent\n    :cols=\"cols || breakpointCols\"\n    :class=\"[cls.b, bem.is('readonly', readonly)]\"\n  >\n    <template\n      v-for=\"{ node, isFormItem, formItemProps, field, modelValue } of getSlotsNodes()\"\n      :key=\"node.key\"\n    >\n      <component v-if=\"isFormItem || !field\" :is=\"node\" />\n\n      <u-form-item v-else v-bind=\"formItemProps\">\n        <component\n          :is=\"node\"\n          :model-value=\"modelValue ?? o(model?.data ?? {}).get(field)\"\n          @update:model-value=\"handleUpdateValue(field, $event)\"\n        />\n\n        <div :class=\"cls.e('data-before')\" v-if=\"showInitialNode(field)\">\n          <i :class=\"cls.e('changed-tag')\">变更前：</i>\n\n          <component :is=\"node\" readonly :model-value=\"o(model?.initialData ?? {}).get(field)\" />\n        </div>\n      </u-form-item>\n    </template>\n  </u-grid>\n</template>\n\n<script lang=\"tsx\" setup generic=\"Model extends FormModel | DynamicFormModel\">\nimport { o } from '@cat-kit/core'\nimport { useFormComponent } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { shallowRef, toRef } from 'vue'\n\nimport type { BreakCols, GridExposed, FormProps, _FormExposed } from '../../types'\nimport { UFormItem } from '../form-item'\nimport { UGrid } from '../grid'\nimport type { DynamicFormModel } from './dynamic-form-model'\nimport type { FormModel } from './form-model'\nimport { useNodeInterceptor } from './use-node-interceptor'\n\ndefineOptions({\n  name: 'Form'\n})\n\nconst props = defineProps<FormProps<Model>>()\n\ndefineSlots<{\n  default(props: {\n    /** 表单数据 */\n    data: Model['data']\n    /** 表单模型 */\n    model: Model\n  }): any\n}>()\n\nconst cls = bem('form')\n\nconst breakpointCols: BreakCols = {\n  xs: 1,\n  md: 2,\n  lg: 3,\n  xl: 4,\n  default: 4\n}\n\nuseFormComponent(props)\n\nconst { getSlotsNodes } = useNodeInterceptor({ props })\n\nfunction handleUpdateValue(field: string, value: any) {\n  const { model } = props\n  if (!model) return\n  o(model.data).set(field, value)\n}\n\nfunction showInitialNode(field: string) {\n  const { data, initialData } = props.model || {}\n\n  const currentValue = o(data ?? {}).get(field)\n  const initialValue = o(initialData ?? {}).get(field)\n  const notEqual = !(initialValue === currentValue || (!initialValue && !currentValue))\n\n  return props.showInitialData && notEqual\n}\n\nconst gridRef = shallowRef<GridExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => gridRef.value?.el)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAWd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,iBAA4B;GAChC,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACX;AAEA,mBAAiB,MAAK;EAEtB,MAAM,EAAE,kBAAkB,mBAAmB,EAAE,OAAO,CAAA;EAEtD,SAAS,kBAAkB,OAAe,OAAY;GACpD,MAAM,EAAE,UAAU;AAClB,OAAI,CAAC,MAAO;AACZ,KAAE,MAAM,KAAK,CAAC,IAAI,OAAO,MAAK;;EAGhC,SAAS,gBAAgB,OAAe;GACtC,MAAM,EAAE,MAAM,gBAAgB,MAAM,SAAS,EAAC;GAE9C,MAAM,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,MAAK;GAC5C,MAAM,eAAe,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,MAAK;GACnD,MAAM,WAAW,EAAE,iBAAiB,gBAAiB,CAAC,gBAAgB,CAAC;AAEvE,UAAO,MAAM,mBAAmB;;EAGlC,MAAM,UAAU,YAAwB;AAExC,WAA2B,EACzB,IAAI,YAAY,QAAQ,OAAO,GAAE,EAClC,CAAA;;uBA5FC,YA2BS,MAAA,UAAA,EAAA;IA1BP,KAAI;aACA;IAAJ,KAAI;IACH,UAAM,OAAA,OAAA,OAAA,KAAA,oBAAP,IAAe,CAAA,UAAA,CAAA;IACd,MAAM,QAAA,QAAQ;IACd,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,SAAQ,CAAA,CAAA;;2BAGwC,EAAA,UAAA,KAAA,EADnF,mBAmBW,UAAA,MAAA,WAlBwD,MAAA,cAAa,EAAA,GAAA,EAArE,MAAM,YAAY,eAAe,OAAO,iBAAU;6DACrD,KAAK,KAAA,EAAA,CAEM,cAAU,CAAK,SAAA,WAAA,EAAhC,YAAoD,wBAAR,KAAI,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAEhD,YAYc,MAAA,kBAAA,EAZd,WAYc;;;QAZc,cAAa,EAAA;6BAKrC,EAAA,WAAA,EAJF,YAIE,wBAHK,KAAI,EAAA;OACR,eAAa,cAAc,MAAA,EAAC,CAAC,QAAA,OAAO,QAAI,EAAA,CAAA,CAAQ,IAAI,MAAK;OACzD,wBAAkB,WAAE,kBAAkB,OAAO,OAAM;4DAGb,gBAAgB,MAAK,IAAA,WAAA,EAA9D,mBAIM,OAAA;;OAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA;UAChB,mBAAyC,KAAA,EAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA,EAAA,EAAiB,QAAI,EAAA,GAAA,WAAA,EAErC,YAAuF,wBAAvE,KAAI,EAAA;OAAE,UAAA;OAAU,eAAa,MAAA,EAAC,CAAC,QAAA,OAAO,eAAW,EAAA,CAAA,CAAQ,IAAI,MAAK"}

package/dist/components/form/helper.d.ts

@@ -0,0 +1,11 @@
+import { FormModelItem } from "../../types/form.js";
+//#region src/components/form/helper.d.ts
+/**
+ * 定义表单项
+ * @param item 表单项
+ * @returns
+ */
+declare function formField<Val = unknown>(item?: FormModelItem<Val>): FormModelItem<Val>;
+//#endregion
+export { formField };
+//# sourceMappingURL=helper.d.ts.map

package/dist/components/form/helper.js

@@ -0,0 +1,14 @@
+//#region src/components/form/helper.ts
+/**
+* 定义表单项
+* @param item 表单项
+* @returns
+*/
+function formField(item) {
+	if (!item) return {};
+	return item;
+}
+//#endregion
+export { formField };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/form/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/form/helper.ts"],"sourcesContent":["import type { FormModelItem } from '../../types'\n\n/**\n * 定义表单项\n * @param item 表单项\n * @returns\n */\nexport function formField<Val = unknown>(item?: FormModelItem<Val>): FormModelItem<Val> {\n  if (!item) {\n    return {}\n  }\n\n  return item\n}\n"],"mappings":";;;;;;AAOA,SAAgB,UAAyB,MAA+C;AACtF,KAAI,CAAC,KACH,QAAO,EAAE;AAGX,QAAO"}

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

@@ -0,0 +1,4 @@
+import { DynamicFormModel } from "./dynamic-form-model.js";
+import { FormModel } from "./form-model.js";
+import { _default } from "./form.vue.js";
+import { formField } from "./helper.js";

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

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

package/dist/components/form/style.js

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

package/dist/components/form/style2.css

@@ -0,0 +1,35 @@
+@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-form.is-readonly {
+  gap: 6px;
+}
+.u-form.is-readonly .u-form-item__label {
+  background-color: var(--u-bg-color-top);
+}
+.u-form.is-readonly .u-form-item__content {
+  background-color: var(--u-bg-color-middle);
+  padding: 0 8px;
+}
+.u-form__data-before {
+  width: 100%;
+  line-height: 1.3;
+}
+.u-form__changed-tag {
+  color: var(--u-color-info);
+  font-size: var(--u-font-size-assist-default);
+}

package/dist/components/form/use-node-interceptor.js

@@ -0,0 +1,57 @@
+import { onBeforeUnmount, useSlots } from "vue";
+import { o } from "@cat-kit/core";
+import { createIncrease, extractNormalVNodes } from "@veltra/utils";
+//#region src/components/form/use-node-interceptor.ts
+const id = createIncrease(1);
+/**
+* 虚拟node拦截
+* @param options 选项
+* @returns
+*/
+function useNodeInterceptor(options) {
+	const { props } = options;
+	const slots = useSlots();
+	const formId = id();
+	function getSlotsNodes() {
+		const { model } = props;
+		const nodes = slots.default?.({
+			model,
+			data: model?.data
+		});
+		if (!nodes?.length) return null;
+		const flattedNodes = extractNormalVNodes(nodes);
+		const results = [];
+		const fields = [];
+		let i = 0;
+		while (i < flattedNodes.length) {
+			const node = flattedNodes[i];
+			i++;
+			const { props, type } = node;
+			const item = {
+				isFormItem: type?.name === "FormItem",
+				formItemProps: o(props ?? {}).pick([
+					"label",
+					"field",
+					"span",
+					"tips",
+					"readonly"
+				]),
+				node,
+				field: props?.field,
+				modelValue: props?.["model-value"] ?? props?.modelValue
+			};
+			item.field && fields.push(item.field);
+			results.push(item);
+		}
+		model.formKeys.set(formId, fields);
+		return results;
+	}
+	onBeforeUnmount(() => {
+		props.model?.formKeys.delete(formId);
+	});
+	return { getSlotsNodes };
+}
+//#endregion
+export { useNodeInterceptor };
+
+//# sourceMappingURL=use-node-interceptor.js.map

package/dist/components/form/use-node-interceptor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-node-interceptor.js","names":[],"sources":["../../../src/components/form/use-node-interceptor.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { createIncrease, extractNormalVNodes } from '@veltra/utils'\nimport { onBeforeUnmount, useSlots, type VNode } from 'vue'\n\nimport type { FormProps } from '../../types'\n\ninterface Options {\n  props: FormProps\n}\n\nexport type SlotRenderItem =\n  | {\n      isFormItem: true\n      formItemProps: Record<string, any>\n      node: VNode\n      field: undefined\n      modelValue?: any\n    }\n  | {\n      isFormItem: false\n      formItemProps: Record<string, any>\n      node: VNode\n      field: string\n      modelValue?: any\n    }\n\nconst id = createIncrease(1)\n\n/**\n * 虚拟node拦截\n * @param options 选项\n * @returns\n */\nexport function useNodeInterceptor(options: Options): {\n  getSlotsNodes: () => SlotRenderItem[] | null\n} {\n  const { props } = options\n  const slots = useSlots()\n\n  const formId = id()\n\n  function getSlotsNodes() {\n    const { model } = props\n    const nodes = slots.default?.({ model, data: model?.data })\n    if (!nodes?.length) return null\n\n    const flattedNodes = extractNormalVNodes(nodes)\n\n    const results: SlotRenderItem[] = []\n\n    // 渲染表单后得到的应当校验的字段\n    const fields: string[] = []\n\n    let i = 0\n    while (i < flattedNodes.length) {\n      const node = flattedNodes[i]!\n      i++\n\n      const { props, type } = node\n      const item = {\n        isFormItem: (type as any)?.name === 'FormItem',\n        formItemProps: o((props ?? {}) as Record<string, any>).pick([\n          'label',\n          'field',\n          'span',\n          'tips',\n          'readonly'\n        ]),\n        node,\n        field: props?.field,\n        modelValue: props?.['model-value'] ?? props?.modelValue\n      }\n\n      item.field && fields.push(item.field)\n      results.push(item)\n    }\n\n    model.formKeys.set(formId, fields)\n    return results\n  }\n\n  onBeforeUnmount(() => {\n    props.model?.formKeys.delete(formId)\n  })\n\n  return { getSlotsNodes }\n}\n"],"mappings":";;;;AA0BA,MAAM,KAAK,eAAe,EAAE;;;;;;AAO5B,SAAgB,mBAAmB,SAEjC;CACA,MAAM,EAAE,UAAU;CAClB,MAAM,QAAQ,UAAU;CAExB,MAAM,SAAS,IAAI;CAEnB,SAAS,gBAAgB;EACvB,MAAM,EAAE,UAAU;EAClB,MAAM,QAAQ,MAAM,UAAU;GAAE;GAAO,MAAM,OAAO;GAAM,CAAC;AAC3D,MAAI,CAAC,OAAO,OAAQ,QAAO;EAE3B,MAAM,eAAe,oBAAoB,MAAM;EAE/C,MAAM,UAA4B,EAAE;EAGpC,MAAM,SAAmB,EAAE;EAE3B,IAAI,IAAI;AACR,SAAO,IAAI,aAAa,QAAQ;GAC9B,MAAM,OAAO,aAAa;AAC1B;GAEA,MAAM,EAAE,OAAO,SAAS;GACxB,MAAM,OAAO;IACX,YAAa,MAAc,SAAS;IACpC,eAAe,EAAG,SAAS,EAAE,CAAyB,CAAC,KAAK;KAC1D;KACA;KACA;KACA;KACA;KACD,CAAC;IACF;IACA,OAAO,OAAO;IACd,YAAY,QAAQ,kBAAkB,OAAO;IAC9C;AAED,QAAK,SAAS,OAAO,KAAK,KAAK,MAAM;AACrC,WAAQ,KAAK,KAAK;;AAGpB,QAAM,SAAS,IAAI,QAAQ,OAAO;AAClC,SAAO;;AAGT,uBAAsB;AACpB,QAAM,OAAO,SAAS,OAAO,OAAO;GACpC;AAEF,QAAO,EAAE,eAAe"}

package/dist/components/form-item/form-item.js

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

package/dist/components/form-item/form-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.js","names":[],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', fieldRequired)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}:</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}:</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <slot></slot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!formProps?.readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTips\">\n            {{ errorTips }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useConfig, useFallbackProps, useFormComponent } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls } from './helper'\n\ndefineOptions({\n  name: 'FormItem'\n})\n\nconst props = withDefaults(defineProps<FormItemProps>(), {\n  readonly: undefined\n})\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps } = useFormComponent()\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('error', !!errorTips.value)].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\n/** 错误提示 */\nconst errorTips = computed<string | undefined>(() => {\n  if (props.field) {\n    return formProps?.model.errors.get(props.field)?.[0]\n  }\n})\n\n/** 字段是否必须 */\nconst fieldRequired = computed<boolean>(() => {\n  const { field } = props\n  if (!field || readonly.value) return false\n  const required = formProps?.model?.fields[field]?.required\n  return Boolean(required)\n})\n</script>\n"],"mappings":""}

package/dist/components/form-item/form-item.vue.d.ts

@@ -0,0 +1,21 @@
+import { FormItemProps } from "../../types/form-item.js";
+import * as _$vue from "vue";
+
+//#region src/components/form-item/form-item.vue.d.ts
+type __VLS_Slots = {
+  /** 标签插槽 */label?: () => any;
+  default?: () => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<FormItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
+  readonly: 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=form-item.vue.d.ts.map

package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import _sfc_main from "../tip/tip.js";
+import _sfc_main$1 from "../grid/grid-item.js";
+import { formItemCls } from "./helper.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { bem, withUnit } from "@veltra/utils";
+import { useConfig, useFallbackProps, useFormComponent } from "@veltra/compositions";
+//#region src/components/form-item/form-item.vue?vue&type=script&setup=true&lang.tsx
+var form_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "FormItem",
+	__name: "form-item",
+	props: {
+		labelWidth: {},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: { type: Boolean },
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** 表单组件上下文 */
+		const { formProps } = useFormComponent();
+		const { config } = useConfig();
+		const { size, readonly } = useFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			readonly: false
+		});
+		const className = computed(() => {
+			return [
+				formItemCls.b,
+				formItemCls.m(size.value),
+				bem.is("error", !!errorTips.value)
+			].join(" ");
+		});
+		/** label样式 */
+		const labelStyles = computed(() => {
+			return { width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, "px") };
+		});
+		/** 错误提示 */
+		const errorTips = computed(() => {
+			if (props.field) return formProps?.model.errors.get(props.field)?.[0];
+		});
+		/** 字段是否必须 */
+		const fieldRequired = computed(() => {
+			const { field } = props;
+			if (!field || readonly.value) return false;
+			const required = formProps?.model?.fields[field]?.required;
+			return Boolean(required);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				span: __props.span,
+				class: normalizeClass(className.value)
+			}, {
+				default: withCtx(() => [props.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					class: normalizeClass([unref(formItemCls).e("label"), unref(bem).is("required", fieldRequired.value)]),
+					style: normalizeStyle(labelStyles.value)
+				}, [__props.tips ? (openBlock(), createBlock(unref(_sfc_main), {
+					key: 0,
+					content: __props.tips,
+					class: normalizeClass(unref(formItemCls).e("tips"))
+				}, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(formItemCls).e("tip-label")) }, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label) + ":", 1)])], 2)]),
+					_: 3
+				}, 8, ["content", "class"])) : renderSlot(_ctx.$slots, "label", { key: 1 }, () => [createTextVNode(toDisplayString(__props.label) + ":", 1)])], 6)) : createCommentVNode("v-if", true), createElementVNode("section", { class: normalizeClass(unref(formItemCls).e("wrapper")) }, [
+					createElementVNode("div", { class: normalizeClass(unref(formItemCls).e("content")) }, [renderSlot(_ctx.$slots, "default")], 2),
+					createCommentVNode(" 只有表单控件处于非只读状态时，才显示错误提示 "),
+					!unref(formProps)?.readonly && !unref(formProps)?.noTips ? (openBlock(), createElementBlock("section", {
+						key: 0,
+						class: normalizeClass(unref(formItemCls).e("error"))
+					}, [createVNode(Transition, {
+						name: "form-item-tips",
+						mode: "out-in"
+					}, {
+						default: withCtx(() => [!!errorTips.value ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(unref(formItemCls).e("error-text"))
+						}, toDisplayString(errorTips.value), 3)) : createCommentVNode("v-if", true)]),
+						_: 1
+					})], 2)) : createCommentVNode("v-if", true)
+				], 2)]),
+				_: 3
+			}, 8, ["span", "class"]);
+		};
+	}
+});
+//#endregion
+export { form_item_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=form-item.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', fieldRequired)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}:</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}:</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <slot></slot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!formProps?.readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTips\">\n            {{ errorTips }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useConfig, useFallbackProps, useFormComponent } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls } from './helper'\n\ndefineOptions({\n  name: 'FormItem'\n})\n\nconst props = withDefaults(defineProps<FormItemProps>(), {\n  readonly: undefined\n})\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps } = useFormComponent()\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('error', !!errorTips.value)].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\n/** 错误提示 */\nconst errorTips = computed<string | undefined>(() => {\n  if (props.field) {\n    return formProps?.model.errors.get(props.field)?.[0]\n  }\n})\n\n/** 字段是否必须 */\nconst fieldRequired = computed<boolean>(() => {\n  const { field } = props\n  if (!field || readonly.value) return false\n  const required = formProps?.model?.fields[field]?.required\n  return Boolean(required)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;;EAWd,MAAM,EAAE,cAAc,kBAAiB;EAEvC,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,EAAE,MAAM,aAAa,iBAAiB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GACpE,MAAM;GACN,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IAAC,YAAI;IAAG,YAAI,EAAE,KAAK,MAAM;IAAE,IAAI,GAAG,SAAS,CAAC,CAAC,UAAU,MAAM;IAAC,CAAC,KAAK,IAAG;IAC/E;;EAGD,MAAM,cAAc,eAA8B;AAChD,UAAO,EACL,OAAO,SAAS,MAAM,cAAc,WAAW,cAAc,OAAO,KAAK,YAAY,KAAI,EAC3F;IACD;;EAGD,MAAM,YAAY,eAAmC;AACnD,OAAI,MAAM,MACR,QAAO,WAAW,MAAM,OAAO,IAAI,MAAM,MAAM,GAAG;IAErD;;EAGD,MAAM,gBAAgB,eAAwB;GAC5C,MAAM,EAAE,UAAU;AAClB,OAAI,CAAC,SAAS,SAAS,MAAO,QAAO;GACrC,MAAM,WAAW,WAAW,OAAO,OAAO,QAAQ;AAClD,UAAO,QAAQ,SAAQ;IACxB;;uBA3FC,YA8Bc,MAAA,YAAA,EAAA;IA9BA,MAAM,QAAA;IAAO,OAAK,eAAE,UAAA,MAAS;;2BAcjC,CAZA,MAAM,SAASA,KAAAA,OAAO,SAAA,WAAA,EAD9B,mBAaQ,SAAA;;KAXL,OAAK,eAAA,CAAG,MAAA,YAAG,CAAC,EAAC,QAAA,EAAW,MAAA,IAAG,CAAC,GAAE,YAAa,cAAA,MAAa,CAAA,CAAA;KACxD,OAAK,eAAE,YAAA,MAAW;QAEN,QAAA,QAAA,WAAA,EAAb,YAIQ,MAAA,UAAA,EAAA;;KAJY,SAAS,QAAA;KAAO,OAAK,eAAE,MAAA,YAAG,CAAC,EAAC,OAAA,CAAA;;4BAGvC,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,YAAG,CAAC,EAAC,YAAA,CAAA,EAAA,EAAA,CACjB,WAAsC,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAAhB,QAAA,MAAK,GAAG,KAAC,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;mCAIjC,WAAsC,KAAA,QAAA,SAAA,EAAA,KAAA,GAAA,QAAA,CAAA,gBAAA,gBAAhB,QAAA,MAAK,GAAG,KAAC,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,EAInC,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,YAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA;KACpB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,YAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,CAChB,WAAa,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;KAGf,mBAAA,2BAA+B;MACS,MAAA,UAAS,EAAE,YAAQ,CAAK,MAAA,UAAS,EAAE,UAAA,WAAA,EAA3E,mBAMU,WAAA;;MANA,OAAK,eAAE,MAAA,YAAG,CAAC,EAAC,QAAA,CAAA;SACpB,YAIa,YAAA;MAJD,MAAK;MAAiB,MAAK;;6BAG9B,CAAA,CAAA,CAFoC,UAAA,SAAA,WAAA,EAA3C,mBAEO,QAAA;;OAFA,OAAK,eAAE,MAAA,YAAG,CAAC,EAAC,aAAA,CAAA;yBACd,UAAA,MAAS,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}

package/dist/components/form-item/helper.js

@@ -0,0 +1,8 @@
+import "@cat-kit/core";
+import { bem } from "@veltra/utils";
+//#region src/components/form-item/helper.ts
+const formItemCls = bem("form-item");
+//#endregion
+export { formItemCls };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/form-item/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/form-item/helper.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { bem, type BEM } from '@veltra/utils'\nimport type { FormComponentProps } from '@veltra/utils/types'\n\n/**\n * 获取表单项的属性\n * @param props 表单系列组件的属性\n * @returns\n */\nexport function getFormItemProps(\n  props: FormComponentProps\n): Pick<FormComponentProps, 'label' | 'field' | 'readonly' | 'span' | 'tips'> {\n  return o(props).pick(['label', 'field', 'readonly', 'span', 'tips']) as Pick<\n    FormComponentProps,\n    'label' | 'field' | 'readonly' | 'span' | 'tips'\n  >\n}\n\nexport const formItemCls: BEM<'form-item'> = bem('form-item')\n"],"mappings":";;;AAkBA,MAAa,cAAgC,IAAI,YAAY"}

package/dist/components/form-item/index.d.ts

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

package/dist/components/form-item/style.d.ts

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

package/dist/components/form-item/style.js

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

package/dist/components/form-item/style2.css

@@ -0,0 +1,133 @@
+@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-form-item {
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+}
+.u-form-item--small .u-form-item__label {
+  min-height: var(--u-form-component-height-small);
+}
+.u-form-item--small .u-form-item__content {
+  min-height: var(--u-form-component-height-small);
+}
+.u-form-item--small .u-form-item__content .u-form-item__viewer {
+  min-height: var(--u-form-component-height-small);
+}
+.u-form-item--small .u-form-item__tips {
+  font-size: var(--u-form-component-font-size-small);
+}
+.u-form-item--default .u-form-item__label {
+  min-height: var(--u-form-component-height-default);
+}
+.u-form-item--default .u-form-item__content {
+  min-height: var(--u-form-component-height-default);
+}
+.u-form-item--default .u-form-item__content .u-form-item__viewer {
+  min-height: var(--u-form-component-height-default);
+}
+.u-form-item--default .u-form-item__tips {
+  font-size: var(--u-form-component-font-size-default);
+}
+.u-form-item--large .u-form-item__label {
+  min-height: var(--u-form-component-height-large);
+}
+.u-form-item--large .u-form-item__content {
+  min-height: var(--u-form-component-height-large);
+}
+.u-form-item--large .u-form-item__content .u-form-item__viewer {
+  min-height: var(--u-form-component-height-large);
+}
+.u-form-item--large .u-form-item__tips {
+  font-size: var(--u-form-component-font-size-large);
+}
+.u-form-item__label {
+  flex-shrink: 0;
+  padding-right: 8px;
+  color: var(--u-text-color-main);
+  text-align: right;
+  line-height: 1.3;
+  font-weight: 300;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-form-item__label.is-required::before {
+  content: "*";
+  color: var(--u-color-danger);
+}
+.u-form-item__wrapper {
+  flex-grow: 1;
+  min-width: 0;
+}
+.u-form-item.is-error .u-input,
+.u-form-item.is-error .u-multi-select, .u-form-item.is-error .u-multi-tree-select, .u-form-item.is-error .u-auto-complete, .u-form-item.is-error .u-textarea--more {
+  box-shadow: inset 0 0 1px 1px var(--u-color-danger);
+}
+.u-form-item__content {
+  flex-grow: 1;
+  word-break: break-all;
+  overflow: hidden;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.u-form-item__content .u-form-item__viewer {
+  line-height: 1.3;
+  color: var(--u-text-color-title);
+  display: inline-flex;
+  align-items: center;
+}
+.u-form-item__error {
+  width: 100%;
+  --height: var(--u-font-size-main-default);
+  height: calc(var(--height) + 4px);
+  line-height: calc(var(--height) + 2px);
+  overflow: hidden;
+  color: var(--u-text-color-main);
+  font-size: var(--u-font-size-assist-default);
+  color: var(--u-color-danger);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-form-item__error-text {
+  display: inline-block;
+}
+.u-form-item__tips {
+  max-width: 250px;
+}
+.u-form-item__tip-label {
+  cursor: help;
+  border-bottom: 1px dashed var(--u-color-info);
+  color: var(--u-color-info);
+}
+
+.form-item-tips-enter-from,
+.form-item-tips-leave-to {
+  transform: translateX(-10px);
+  opacity: 0;
+}
+
+.form-item-tips-enter-active,
+.form-item-tips-leave-active {
+  transition: transform 0.15s cubic-bezier(0.01, 1.22, 0.43, 1.62), opacity 0.15s ease-out;
+}

package/dist/components/gantt-chart/gantt-chart.js

@@ -0,0 +1,18 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/gantt-chart/gantt-chart.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "GanttChart",
+	__name: "gantt-chart",
+	props: { modelValue: {} },
+	setup(__props) {
+		const cls = bem("gantt-chart");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).b) }, null, 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=gantt-chart.js.map

package/dist/components/gantt-chart/gantt-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-chart.js","names":[],"sources":["../../../src/components/gantt-chart/gantt-chart.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\nimport type { GanttChartProps } from '../../types'\n\ndefineOptions({\n  name: 'GanttChart'\n})\n\ndefineProps<GanttChartProps>()\n\nconst cls = bem('gantt-chart')\n</script>\n"],"mappings":";;;;;;;;EAeA,MAAM,MAAM,IAAI,cAAa;;uBAd3B,mBAA0B,OAAA,EAApB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,MAAA,EAAA"}

package/dist/components/gantt-chart/gantt-chart.vue.d.ts

@@ -0,0 +1,9 @@
+import { GanttChartProps } from "../../types/gantt-chart.js";
+import * as _$vue from "vue";
+
+//#region src/components/gantt-chart/gantt-chart.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<GanttChartProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<GanttChartProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=gantt-chart.vue.d.ts.map

package/dist/components/gantt-chart/index.d.ts

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

package/dist/components/gantt-chart/style.d.ts

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

package/dist/components/gantt-chart/style.js

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

package/dist/components/gantt-chart/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 选择器策略一致 */