@veltra/desktop 1.0.0

package/dist/components/checkbox/style2.css

@@ -0,0 +1,187 @@
+@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 选择器策略一致 */
+html[data-theme=dark] .u-checkbox {
+  --u-checkbox-border: #595959;
+}
+@media (prefers-color-scheme: dark) {
+  html:not([data-theme=light]) .u-checkbox {
+    --u-checkbox-border: #595959;
+  }
+}
+.u-checkbox {
+  user-select: none;
+  vertical-align: middle;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-checkbox.is-checked .u-checkbox__wrap {
+  background-color: var(--u-color-primary);
+  border-color: var(--u-color-primary);
+}
+.u-checkbox.is-checked.is-disabled .u-checkbox__wrap {
+  background-color: var(--u-text-color-disabled);
+  border-color: var(--u-border-color);
+}
+.u-checkbox.is-disabled {
+  cursor: not-allowed;
+}
+.u-checkbox.is-disabled .u-checkbox__wrap {
+  background-color: var(--u-color-disabled);
+}
+.u-checkbox.is-readonly {
+  cursor: default;
+}
+.u-checkbox--small {
+  height: var(--u-form-component-height-small);
+}
+.u-checkbox--small .u-checkbox__wrap {
+  height: calc(var(--u-form-component-height-small) / 2);
+  width: calc(var(--u-form-component-height-small) / 2);
+}
+.u-checkbox--small .u-checkbox__label {
+  margin-left: var(--u-gap-small);
+}
+.u-checkbox--default {
+  height: var(--u-form-component-height-default);
+}
+.u-checkbox--default .u-checkbox__wrap {
+  height: calc(var(--u-form-component-height-default) / 2);
+  width: calc(var(--u-form-component-height-default) / 2);
+}
+.u-checkbox--default .u-checkbox__label {
+  margin-left: var(--u-gap-default);
+}
+.u-checkbox--large {
+  height: var(--u-form-component-height-large);
+}
+.u-checkbox--large .u-checkbox__wrap {
+  height: calc(var(--u-form-component-height-large) / 2);
+  width: calc(var(--u-form-component-height-large) / 2);
+}
+.u-checkbox--large .u-checkbox__label {
+  margin-left: var(--u-gap-large);
+}
+.u-checkbox__wrap {
+  border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, #ccc);
+  border-radius: var(--u-radius-default);
+  color: #fff;
+  transition: background-color 0.15s ease;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-checkbox__label {
+  line-height: 1em;
+}
+.u-checkbox--indeterminate {
+  background-color: #fff;
+  width: 10px;
+  height: 2px;
+  vertical-align: middle;
+}
+
+.u-checkbox-button {
+  border: var(--u-border);
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  padding: 0 0.8em;
+}
+.u-checkbox-button--small {
+  height: var(--u-form-component-height-small);
+  border-radius: var(--u-radius-small);
+}
+.u-checkbox-button--small.is-round {
+  border-radius: calc(var(--u-form-component-height-small) / 2);
+}
+.u-checkbox-button--default {
+  height: var(--u-form-component-height-default);
+  border-radius: var(--u-radius-default);
+}
+.u-checkbox-button--default.is-round {
+  border-radius: calc(var(--u-form-component-height-default) / 2);
+}
+.u-checkbox-button--large {
+  height: var(--u-form-component-height-large);
+  border-radius: var(--u-radius-large);
+}
+.u-checkbox-button--large.is-round {
+  border-radius: calc(var(--u-form-component-height-large) / 2);
+}
+.u-checkbox-button.is-primary:hover {
+  background-color: var(--u-color-primary-light-9);
+}
+.u-checkbox-button.is-primary.is-checked {
+  background-color: var(--u-color-primary-light-9);
+  color: var(--u-color-primary);
+  border-color: var(--u-color-primary);
+}
+.u-checkbox-button.is-success:hover {
+  background-color: var(--u-color-success-light-9);
+}
+.u-checkbox-button.is-success.is-checked {
+  background-color: var(--u-color-success-light-9);
+  color: var(--u-color-success);
+  border-color: var(--u-color-success);
+}
+.u-checkbox-button.is-warning:hover {
+  background-color: var(--u-color-warning-light-9);
+}
+.u-checkbox-button.is-warning.is-checked {
+  background-color: var(--u-color-warning-light-9);
+  color: var(--u-color-warning);
+  border-color: var(--u-color-warning);
+}
+.u-checkbox-button.is-danger:hover {
+  background-color: var(--u-color-danger-light-9);
+}
+.u-checkbox-button.is-danger.is-checked {
+  background-color: var(--u-color-danger-light-9);
+  color: var(--u-color-danger);
+  border-color: var(--u-color-danger);
+}
+.u-checkbox-button.is-info:hover {
+  background-color: var(--u-color-info-light-9);
+}
+.u-checkbox-button.is-info.is-checked {
+  background-color: var(--u-color-info-light-9);
+  color: var(--u-color-info);
+  border-color: var(--u-color-info);
+}
+.u-checkbox-button.is-disabled:hover {
+  background-color: var(--u-color-disabled-light-9);
+}
+.u-checkbox-button.is-disabled.is-checked {
+  background-color: var(--u-color-disabled-light-9);
+  color: var(--u-color-disabled);
+  border-color: var(--u-color-disabled);
+}
+.u-checkbox-button.is-default:hover {
+  background-color: var(--u-color-default-light-9);
+}
+.u-checkbox-button.is-default.is-checked {
+  background-color: var(--u-color-default-light-9);
+  color: var(--u-color-default);
+  border-color: var(--u-color-default);
+}

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

@@ -0,0 +1,110 @@
+import _sfc_main$1 from "../checkbox/checkbox.js";
+import _sfc_main$2 from "../tag/tag.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { FORM_EMPTY_CONTENT, bem } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+//#region src/components/checkbox-group/checkbox-group.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CheckboxGroup",
+	__name: "checkbox-group",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: {},
+		items: {},
+		labelKey: { default: "label" },
+		valueKey: { default: "value" },
+		block: { type: Boolean },
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue"], ["update:modelValue"]),
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const cls = bem("checkbox-group");
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		/**
+		* 获取checkbox的选中状态
+		* @param item - 模型对象
+		* @returns 模型值是否存在于model.value中
+		*/
+		const getCheckStatus = (item) => {
+			const { valueKey } = props;
+			const value = item[valueKey];
+			if (!value || !model.value) return false;
+			return model.value.includes(value);
+		};
+		/**
+		* 处理更新操作
+		* @param  checked - 指示是否选中
+		* @param item - 更新的项
+		*/
+		const handleUpdate = (checked, item) => {
+			const { valueKey } = props;
+			const value = item[valueKey];
+			if (!value) return;
+			if (checked) model.value = [...model.value ?? [], value];
+			else model.value = model.value?.filter((v) => v !== value);
+		};
+		const getLabel = (value) => {
+			const { items, valueKey, labelKey } = props;
+			return items.find((item) => item[valueKey] === value)?.[labelKey];
+		};
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([
+					unref(cls).b,
+					unref(cls).m(unref(size)),
+					unref(bem).is("block", __props.block)
+				])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createBlock(unref(_sfc_main$1), {
+					key: item[__props.valueKey],
+					"model-value": getCheckStatus(item),
+					"onUpdate:modelValue": ($event) => handleUpdate($event, item),
+					disabled: unref(disabled),
+					size: unref(size)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item[__props.labelKey]), 1)]),
+					_: 2
+				}, 1032, [
+					"model-value",
+					"onUpdate:modelValue",
+					"disabled",
+					"size"
+				]);
+			}), 128))], 2)) : model.value?.length ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass([unref(cls).m(unref(size)), unref(cls).e("readonly-tags")])
+			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("tags")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (tag) => {
+				return openBlock(), createBlock(unref(_sfc_main$2), { key: tag }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(getLabel(tag)), 1)]),
+					_: 2
+				}, 1024);
+			}), 128))], 2)], 2)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=checkbox-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../../src/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(size), bem.is('block', block)]\" v-if=\"!readonly\">\n    <u-checkbox\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :model-value=\"getCheckStatus(item)\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-checkbox>\n  </div>\n\n  <div v-else-if=\"model?.length\" :class=\"[cls.m(size), cls.e('readonly-tags')]\">\n    <div :class=\"cls.e('tags')\">\n      <u-tag v-for=\"tag of model\" :key=\"tag\">\n        {{ getLabel(tag) }}\n      </u-tag>\n    </div>\n  </div>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\n\nimport type { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'\nimport { UCheckbox } from '../checkbox'\nimport { UTag } from '../tag'\n\ndefineOptions({\n  name: 'CheckboxGroup'\n})\n\nconst props = withDefaults(defineProps<CheckboxGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\ndefineEmits<CheckboxGroupEmits>()\n\nconst model = defineModel<any[]>()\n\nconst cls = bem('checkbox-group')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\n/**\n * 获取checkbox的选中状态\n * @param item - 模型对象\n * @returns 模型值是否存在于model.value中\n */\nconst getCheckStatus = (item: Record<string, string | number>): boolean => {\n  const { valueKey } = props\n  const value = item[valueKey]\n  if (!value || !model.value) return false\n  return model.value.includes(value)\n}\n\n/**\n * 处理更新操作\n * @param  checked - 指示是否选中\n * @param item - 更新的项\n */\nconst handleUpdate = (checked: boolean, item: Record<string, string | number>) => {\n  const { valueKey } = props\n  const value = item[valueKey]\n  if (!value) return\n  if (checked) {\n    model.value = [...(model.value ?? []), value]\n  } else {\n    model.value = model.value?.filter((v) => v !== value)\n  }\n}\n\nconst getLabel = (value: string | number) => {\n  const { items, valueKey, labelKey } = props\n  const item = items.find((item) => item[valueKey] === value)\n  return item?.[labelKey]\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EASd,MAAM,QAAQ,SAAkB,SAAA,aAAC;EAEjC,MAAM,MAAM,IAAI,iBAAgB;EAEhC,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;;;;;;EAOD,MAAM,kBAAkB,SAAmD;GACzE,MAAM,EAAE,aAAa;GACrB,MAAM,QAAQ,KAAK;AACnB,OAAI,CAAC,SAAS,CAAC,MAAM,MAAO,QAAO;AACnC,UAAO,MAAM,MAAM,SAAS,MAAK;;;;;;;EAQnC,MAAM,gBAAgB,SAAkB,SAA0C;GAChF,MAAM,EAAE,aAAa;GACrB,MAAM,QAAQ,KAAK;AACnB,OAAI,CAAC,MAAO;AACZ,OAAI,QACF,OAAM,QAAQ,CAAC,GAAI,MAAM,SAAS,EAAE,EAAG,MAAK;OAE5C,OAAM,QAAQ,MAAM,OAAO,QAAQ,MAAM,MAAM,MAAK;;EAIxD,MAAM,YAAY,UAA2B;GAC3C,MAAM,EAAE,OAAO,UAAU,aAAa;AAEtC,UADa,MAAM,MAAM,SAAS,KAAK,cAAc,MAAK,GAC5C;;;WA3FoD,MAAA,SAAQ,IAAA,WAAA,EAA1E,mBAWM,OAAA;;IAXA,OAAK,eAAA;KAAG,MAAA,IAAG,CAAC;KAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA;KAAG,MAAA,IAAG,CAAC,GAAE,SAAU,QAAA,MAAK;KAAA,CAAA;yBACrD,mBASa,UAAA,MAAA,WARI,QAAA,QAAR,SAAI;wBADb,YASa,MAAA,YAAA,EAAA;KAPV,KAAK,KAAK,QAAA;KACV,eAAa,eAAe,KAAI;KAChC,wBAAkB,WAAE,aAAa,QAAQ,KAAI;KAC7C,UAAU,MAAA,SAAQ;KAClB,MAAM,MAAA,KAAI;;4BAES,CAAA,gBAAA,gBAAjB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA;;;;;;;;qBAIJ,MAAA,OAAO,UAAA,WAAA,EAAvB,mBAMM,OAAA;;IAN0B,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,EAAG,MAAA,IAAG,CAAC,EAAC,gBAAA,CAAA,CAAA;OACxD,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAChB,mBAEQ,UAAA,MAAA,WAFa,MAAA,QAAP,QAAG;wBAAjB,YAEQ,MAAA,YAAA,EAAA,EAFqB,KAAK,KAAG,EAAA;4BAChB,CAAA,gBAAA,gBAAhB,SAAS,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA;;;wCAKrB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

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

@@ -0,0 +1,25 @@
+import { CheckboxGroupProps } from "../../types/checkbox-group.js";
+import * as _$vue from "vue";
+
+//#region src/components/checkbox-group/checkbox-group.vue.d.ts
+type __VLS_Props = CheckboxGroupProps;
+type __VLS_ModelProps = {
+  modelValue?: any[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: any[] | undefined) => any;
+} & {
+  "update:modelValue": (value: any[]) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+}>, {
+  readonly: boolean;
+  disabled: boolean;
+  labelKey: string;
+  valueKey: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=checkbox-group.vue.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,64 @@
+@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-checkbox-group {
+  line-height: 1;
+  vertical-align: middle;
+  display: inline-flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.u-checkbox-group--small {
+  gap: calc(var(--u-gap-small) * 2);
+}
+.u-checkbox-group--small .u-checkbox-group__tags {
+  gap: calc((var(--u-form-component-height-small) - var(--u-tag-small)) / 2);
+}
+.u-checkbox-group--default {
+  gap: calc(var(--u-gap-default) * 2);
+}
+.u-checkbox-group--default .u-checkbox-group__tags {
+  gap: calc((var(--u-form-component-height-default) - var(--u-tag-default)) / 2);
+}
+.u-checkbox-group--large {
+  gap: calc(var(--u-gap-large) * 2);
+}
+.u-checkbox-group--large .u-checkbox-group__tags {
+  gap: calc((var(--u-form-component-height-large) - var(--u-tag-large)) / 2);
+}
+.u-checkbox-group.is-block {
+  display: inline-block;
+}
+.u-checkbox-group.is-block .u-checkbox {
+  margin: 0;
+  display: flex;
+}
+.u-checkbox-group__tags {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.u-checkbox-group__readonly-tags {
+  padding-left: 0;
+  padding-right: 0;
+}
+.u-checkbox-group__readonly-tags .u-tag {
+  border: 1px dashed var(--u-text-color-main);
+}

package/dist/components/code-editor/code-editor.js

@@ -0,0 +1,121 @@
+import _sfc_main$1 from "../scroll/scroll.js";
+import { computed, createBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, onBeforeUnmount, openBlock, shallowRef, unref, useModel, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
+import { bem, zIndex } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+import { EditorState } from "@codemirror/state";
+import { tooltips } from "@codemirror/view";
+import { EditorView, basicSetup } from "codemirror";
+//#region src/components/code-editor/code-editor.vue
+const _hoisted_1 = { ref: "container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "code-editor",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: {},
+		language: {},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const cls = bem("code-editor");
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props]);
+		const className = computed(() => {
+			return [
+				cls.b,
+				cls.m(size.value),
+				bem.is("disabled", disabled.value),
+				bem.is("readonly", readonly.value)
+			];
+		});
+		const containerRef = useTemplateRef("container");
+		const editor = shallowRef(null);
+		const langLoaders = {
+			js: () => import("@codemirror/lang-javascript").then((m) => m.javascript({ typescript: true })),
+			sql: () => import("@codemirror/lang-sql").then((m) => m.sql()),
+			java: () => import("@codemirror/lang-java").then((m) => m.java()),
+			json: () => import("@codemirror/lang-json").then((m) => m.json())
+		};
+		async function renderEditor() {
+			if (!containerRef.value) return;
+			editor.value?.destroy();
+			const { language } = props;
+			const extensions = [
+				basicSetup,
+				tooltips({ parent: document.body }),
+				EditorView.theme({ ".cm-tooltip": { zIndex: zIndex() } })
+			];
+			if (disabled.value) extensions.push(EditorView.editable.of(false));
+			if (readonly.value) extensions.push(EditorState.readOnly.of(true));
+			if (language) {
+				const lang = await langLoaders[language]();
+				extensions.push(lang);
+			}
+			editor.value = new EditorView({
+				doc: model.value,
+				extensions,
+				parent: containerRef.value,
+				dispatch(tr) {
+					editor.value?.update([tr]);
+					if (tr.changes.empty || !tr.docChanged) return;
+					model.value = tr.state.doc.toString();
+				}
+			});
+		}
+		watch([
+			containerRef,
+			() => props.language,
+			disabled,
+			readonly
+		], renderEditor);
+		watch([() => props.modelValue, editor], ([v, e]) => {
+			if (!e) return;
+			if (e.composing || e.state.doc.toJSON().join("\n") === v) return;
+			const isSelectionOutOfRange = !e?.state.selection.ranges.every((range) => range.anchor < (v?.length ?? 0) && range.head < (v?.length ?? 0));
+			e?.dispatch({
+				changes: {
+					from: 0,
+					to: e?.state.doc.length,
+					insert: v
+				},
+				selection: isSelectionOutOfRange ? {
+					anchor: 0,
+					head: 0
+				} : e?.state.selection,
+				scrollIntoView: true
+			});
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			editor.value?.destroy();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				class: normalizeClass(className.value),
+				onKeyup: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"]))
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, null, 512)]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=code-editor.js.map

package/dist/components/code-editor/code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n  <u-scroll :class=\"className\" @keyup.enter.stop>\n    <div ref=\"container\"></div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { EditorState } from '@codemirror/state'\nimport { tooltips } from '@codemirror/view'\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { EditorView, basicSetup } from 'codemirror'\nimport { computed, onBeforeUnmount, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { CodeEditorLang, CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('code-editor')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst className = computed<string[]>(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value)\n  ]\n})\n\nconst containerRef = useTemplateRef('container')\n\nconst editor = shallowRef<EditorView | null>(null)\n\nconst langLoaders: Record<CodeEditorLang, () => Promise<any>> = {\n  js: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true })),\n  sql: () => import('@codemirror/lang-sql').then((m) => m.sql()),\n  java: () => import('@codemirror/lang-java').then((m) => m.java()),\n  json: () => import('@codemirror/lang-json').then((m) => m.json())\n}\n\nasync function renderEditor() {\n  if (!containerRef.value) return\n  editor.value?.destroy()\n\n  const { language } = props\n\n  const extensions = [\n    basicSetup,\n    tooltips({\n      parent: document.body\n    }),\n    EditorView.theme({\n      '.cm-tooltip': {\n        zIndex: zIndex()\n      }\n    })\n  ]\n\n  if (disabled.value) {\n    extensions.push(EditorView.editable.of(false))\n  }\n  if (readonly.value) {\n    extensions.push(EditorState.readOnly.of(true))\n  }\n  if (language) {\n    const lang = await langLoaders[language]()\n\n    extensions.push(lang)\n  }\n\n  editor.value = new EditorView({\n    doc: model.value,\n    extensions,\n    parent: containerRef.value,\n\n    dispatch(tr) {\n      editor.value?.update([tr])\n      if (tr.changes.empty || !tr.docChanged) {\n        return\n      }\n      model.value = tr.state.doc.toString()\n    }\n  })\n}\n\nwatch([containerRef, () => props.language, disabled, readonly], renderEditor)\n\nwatch(\n  [() => props.modelValue, editor],\n  ([v, e]) => {\n    if (!e) return\n\n    if (e.composing || e.state.doc.toJSON().join('\\n') === v) {\n      return\n    }\n    const isSelectionOutOfRange = !e?.state.selection.ranges.every(\n      (range) => range.anchor < (v?.length ?? 0) && range.head < (v?.length ?? 0)\n    )\n    e?.dispatch({\n      changes: {\n        from: 0,\n        to: e?.state.doc.length,\n        insert: v\n      },\n      selection: isSelectionOutOfRange ? { anchor: 0, head: 0 } : e?.state.selection,\n      scrollIntoView: true\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  editor.value?.destroy()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAKd,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,EAAE,cAAc,kBAAiB;EAEvC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,CAAA;EAElF,MAAM,YAAY,eAAyB;AACzC,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,YAAY,SAAS,MAAK;IACnC;IACD;EAED,MAAM,eAAe,eAAe,YAAW;EAE/C,MAAM,SAAS,WAA8B,KAAI;EAEjD,MAAM,cAA0D;GAC9D,UAAU,OAAO,+BAA+B,MAAM,MAAM,EAAE,WAAW,EAAE,YAAY,MAAM,CAAC,CAAC;GAC/F,WAAW,OAAO,wBAAwB,MAAM,MAAM,EAAE,KAAK,CAAC;GAC9D,YAAY,OAAO,yBAAyB,MAAM,MAAM,EAAE,MAAM,CAAC;GACjE,YAAY,OAAO,yBAAyB,MAAM,MAAM,EAAE,MAAM,CAAA;GAClE;EAEA,eAAe,eAAe;AAC5B,OAAI,CAAC,aAAa,MAAO;AACzB,UAAO,OAAO,SAAQ;GAEtB,MAAM,EAAE,aAAa;GAErB,MAAM,aAAa;IACjB;IACA,SAAS,EACP,QAAQ,SAAS,MAClB,CAAC;IACF,WAAW,MAAM,EACf,eAAe,EACb,QAAQ,QAAO,EACjB,EACD,CAAA;IACH;AAEA,OAAI,SAAS,MACX,YAAW,KAAK,WAAW,SAAS,GAAG,MAAM,CAAA;AAE/C,OAAI,SAAS,MACX,YAAW,KAAK,YAAY,SAAS,GAAG,KAAK,CAAA;AAE/C,OAAI,UAAU;IACZ,MAAM,OAAO,MAAM,YAAY,WAAU;AAEzC,eAAW,KAAK,KAAI;;AAGtB,UAAO,QAAQ,IAAI,WAAW;IAC5B,KAAK,MAAM;IACX;IACA,QAAQ,aAAa;IAErB,SAAS,IAAI;AACX,YAAO,OAAO,OAAO,CAAC,GAAG,CAAA;AACzB,SAAI,GAAG,QAAQ,SAAS,CAAC,GAAG,WAC1B;AAEF,WAAM,QAAQ,GAAG,MAAM,IAAI,UAAS;;IAEvC,CAAA;;AAGH,QAAM;GAAC;SAAoB,MAAM;GAAU;GAAU;GAAS,EAAE,aAAY;AAE5E,QACE,OAAO,MAAM,YAAY,OAAO,GAC/B,CAAC,GAAG,OAAO;AACV,OAAI,CAAC,EAAG;AAER,OAAI,EAAE,aAAa,EAAE,MAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,EACrD;GAEF,MAAM,wBAAwB,CAAC,GAAG,MAAM,UAAU,OAAO,OACtD,UAAU,MAAM,UAAU,GAAG,UAAU,MAAM,MAAM,QAAQ,GAAG,UAAU,GAC3E;AACA,MAAG,SAAS;IACV,SAAS;KACP,MAAM;KACN,IAAI,GAAG,MAAM,IAAI;KACjB,QAAQ;KACT;IACD,WAAW,wBAAwB;KAAE,QAAQ;KAAG,MAAM;KAAG,GAAG,GAAG,MAAM;IACrE,gBAAgB;IACjB,CAAA;KAEH,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,UAAO,OAAO,SAAQ;IACvB;;uBA1HC,YAEW,MAAA,YAAA,EAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,SAAK,OAAA,OAAA,OAAA,KAAA,SAAA,oBAAN,IAAiB,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA;;2BACjB,CAA3B,mBAA2B,OAA3B,YAA2B,MAAA,IAAA,CAAA,CAAA"}

package/dist/components/code-editor/code-editor.vue.d.ts

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

package/dist/components/code-editor/index.d.ts

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

package/dist/components/code-editor/style.d.ts

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

package/dist/components/code-editor/style.js

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

package/dist/components/code-editor/style2.css

@@ -0,0 +1,49 @@
+@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-code-editor {
+  max-height: 300px;
+  width: 100%;
+  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  transition: box-shadow 0.25s ease;
+}
+.u-code-editor:hover {
+  box-shadow: inset 0 0 1px 1px var(--u-color-primary);
+}
+.u-code-editor--small {
+  min-height: var(--u-form-component-height-small);
+  border-radius: var(--u-radius-small);
+  padding: 2px calc(var(--u-gap-small) / 2);
+}
+.u-code-editor--default {
+  min-height: var(--u-form-component-height-default);
+  border-radius: var(--u-radius-default);
+  padding: 2px calc(var(--u-gap-default) / 2);
+}
+.u-code-editor--large {
+  min-height: var(--u-form-component-height-large);
+  border-radius: var(--u-radius-large);
+  padding: 2px calc(var(--u-gap-large) / 2);
+}
+.u-code-editor.is-disabled {
+  background-color: var(--u-color-disabled);
+  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  cursor: not-allowed;
+}
+.u-code-editor.is-readonly {
+  box-shadow: none;
+}

package/dist/components/condition-editor/condition-editor.js

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

package/dist/components/condition-editor/condition-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition-editor.js","names":[],"sources":["../../../src/components/condition-editor/condition-editor.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 { ConditionEditorProps } from '../../types'\n\ndefineOptions({\n  name: 'ConditionEditor'\n})\n\ndefineProps<ConditionEditorProps>()\n\nconst cls = bem('condition-editor')\n</script>\n"],"mappings":";;;;;;;;EAeA,MAAM,MAAM,IAAI,mBAAkB;;uBAdhC,mBAA0B,OAAA,EAApB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,MAAA,EAAA"}

package/dist/components/condition-editor/condition-editor.vue.d.ts

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

package/dist/components/condition-editor/index.d.ts

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

package/dist/components/condition-editor/style.d.ts

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

package/dist/components/condition-editor/style.js

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