@veltra/desktop 1.0.0

package/dist/components/cascade/use-data-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-map.js","names":[],"sources":["../../../src/components/cascade/use-data-map.ts"],"sourcesContent":["import { Forest, o } from '@cat-kit/core'\nimport { shallowRef, triggerRef, watchEffect, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { CascadeNode, CascadeProps } from '../../types'\n\ninterface DataMapOptions {\n  props: CascadeProps\n  forest: ComputedRef<Forest<Record<string, unknown>, any>>\n}\n\n/** 数据映射相关逻辑 */\ninterface UseDataMapReturned {\n  dataMap: ShallowRef<Map<string, CascadeNode>>\n}\n\nexport function useDataMap(options: DataMapOptions): UseDataMapReturned {\n  const { props, forest } = options\n  const dataMap = shallowRef(new Map<string, CascadeNode>())\n\n  watchEffect(() => {\n    const { valueKey } = props\n\n    dataMap.value.clear()\n\n    forest.value.dfs((node) => {\n      const value = o(node.data).get(valueKey!)\n      if (value !== null && value !== undefined) {\n        dataMap.value.set(value, node)\n      }\n    })\n\n    triggerRef(dataMap)\n  })\n\n  return { dataMap }\n}\n"],"mappings":";;;AAeA,SAAgB,WAAW,SAA6C;CACtE,MAAM,EAAE,OAAO,WAAW;CAC1B,MAAM,UAAU,2BAAW,IAAI,KAA0B,CAAC;AAE1D,mBAAkB;EAChB,MAAM,EAAE,aAAa;AAErB,UAAQ,MAAM,OAAO;AAErB,SAAO,MAAM,KAAK,SAAS;GACzB,MAAM,QAAQ,EAAE,KAAK,KAAK,CAAC,IAAI,SAAU;AACzC,OAAI,UAAU,QAAQ,UAAU,KAAA,EAC9B,SAAQ,MAAM,IAAI,OAAO,KAAK;IAEhC;AAEF,aAAW,QAAQ;GACnB;AAEF,QAAO,EAAE,SAAS"}

package/dist/components/cascade/use-select.js

@@ -0,0 +1,101 @@
+import { computed, nextTick, shallowRef, triggerRef, watch } from "vue";
+import "@cat-kit/core";
+import { createIncrease } from "@veltra/utils";
+//#region src/components/cascade/use-select.ts
+function useSelect(options) {
+	const { props, emit, dataMap, updater, dropdownRef, forest } = options;
+	/** 选中的节点key */
+	const selectedNodeKeys = shallowRef([]);
+	const currentItem = shallowRef();
+	/** 面板数据 */
+	const panelItemList = shallowRef([]);
+	const uid = createIncrease();
+	function createPanelItem(nodes) {
+		return {
+			key: uid(),
+			nodes: nodes.filter((node) => node.visible)
+		};
+	}
+	const displayedValue = computed(() => {
+		const { modelValue, separator } = props;
+		return (modelValue && typeof modelValue === "string" ? modelValue.split(separator) : void 0)?.map((v) => {
+			return dataMap.value.get(v)?.label ?? v;
+		}).join(props.separator);
+	});
+	function getPanelItemList(data) {
+		const _panelItemList = [];
+		if (!data?.length) return panelItemList;
+		_panelItemList.push(createPanelItem(data));
+		selectedNodeKeys.value.slice(0, -1).forEach((key) => {
+			const node = dataMap.value.get(key);
+			node?.children?.length && _panelItemList.push(createPanelItem(node.children));
+		});
+		panelItemList.value = _panelItemList;
+	}
+	function setPanelItem(panelIndex, panelData) {
+		if (panelData?.length) {
+			panelItemList.value[panelIndex + 1] = createPanelItem(panelData);
+			panelItemList.value.splice(panelIndex + 2);
+		} else panelItemList.value.splice(panelIndex + 1);
+		triggerRef(panelItemList);
+	}
+	function updateSingleValue() {
+		const { separator } = props;
+		const targetValue = selectedNodeKeys.value.length ? selectedNodeKeys.value.join(separator) : void 0;
+		const targetLabel = selectedNodeKeys.value.map((key) => {
+			return dataMap.value.get(key)?.label;
+		}).filter(Boolean).join(separator);
+		emit("update:modelValue", targetValue);
+		emit("change", targetValue, targetLabel, currentItem.value);
+	}
+	/**
+	* 单选选择
+	*
+	* @param panelIndex 面板索引
+	* @param item 选中的节点
+	*/
+	function selectItem(panelIndex, item) {
+		currentItem.value = item;
+		selectedNodeKeys.value[panelIndex] = item.value;
+		selectedNodeKeys.value.splice(panelIndex + 1);
+		triggerRef(selectedNodeKeys);
+		setPanelItem(panelIndex, item.children);
+		nextTick(() => {
+			dropdownRef.value?.updateDropdown();
+		});
+		if (!item.children?.length && !props.multiple) dropdownRef.value?.close();
+	}
+	function initSingleSelect() {
+		const { modelValue, separator } = props;
+		if (modelValue && typeof modelValue === "string") {
+			selectedNodeKeys.value = modelValue.split(separator);
+			getPanelItemList(forest.value.roots);
+		} else {
+			selectedNodeKeys.value = [];
+			getPanelItemList(forest.value.roots);
+		}
+	}
+	watch([
+		() => props.multiple,
+		() => props.modelValue,
+		forest
+	], ([multiple]) => {
+		if (multiple) return;
+		updater.update(() => initSingleSelect());
+	}, { immediate: true });
+	return {
+		displayedValue,
+		selectItem,
+		selectedNodeKeys,
+		updateSingleValue,
+		initSingleSelect,
+		panelItemList,
+		getPanelItemList,
+		setPanelItem,
+		createPanelItem
+	};
+}
+//#endregion
+export { useSelect };
+
+//# sourceMappingURL=use-select.js.map

package/dist/components/cascade/use-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/cascade/use-select.ts"],"sourcesContent":["import { Forest } from '@cat-kit/core'\nimport type { Updater } from '@veltra/compositions'\nimport { createIncrease } from '@veltra/utils'\nimport {\n  computed,\n  nextTick,\n  shallowRef,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport type {\n  CascadeProps,\n  CascadeEmits,\n  CascadeNode,\n  DropdownExposed,\n  PanelItem\n} from '../../types'\n\ninterface SelectOptions {\n  props: CascadeProps\n  emit: CascadeEmits\n  updater: Updater\n  forest: Ref<Forest<Record<string, unknown>, any>>\n  dataMap: Ref<Map<string, CascadeNode>>\n  dropdownRef: Ref<DropdownExposed | undefined>\n}\n\ninterface UseSelectReturned {\n  displayedValue: ComputedRef<string | undefined>\n  selectItem: (panelIndex: number, item: CascadeNode) => void\n  selectedNodeKeys: ShallowRef<string[]>\n  updateSingleValue: () => void\n  initSingleSelect: () => void\n  panelItemList: ShallowRef<PanelItem[]>\n  getPanelItemList: (data?: CascadeNode[]) => void\n  setPanelItem: (panelIndex: number, panelData?: CascadeNode[]) => void\n  createPanelItem: (nodes: CascadeNode[]) => PanelItem\n}\n\nexport function useSelect(options: SelectOptions): UseSelectReturned {\n  const { props, emit, dataMap, updater, dropdownRef, forest } = options\n\n  /** 选中的节点key */\n  const selectedNodeKeys = shallowRef<string[]>([])\n\n  const currentItem = shallowRef<Record<string, any>>()\n\n  /** 面板数据 */\n  const panelItemList = shallowRef<PanelItem[]>([])\n  const uid = createIncrease()\n  function createPanelItem(nodes: CascadeNode[]): PanelItem {\n    return { key: uid(), nodes: nodes.filter((node) => node.visible) }\n  }\n\n  const displayedValue = computed(() => {\n    const { modelValue, separator } = props\n    const valueNodes =\n      modelValue && typeof modelValue === 'string' ? modelValue.split(separator!) : undefined\n    return valueNodes\n      ?.map((v) => {\n        const node = dataMap.value.get(v)\n        return node?.label ?? v\n      })\n      .join(props.separator)\n  })\n\n  function getPanelItemList(data?: CascadeNode[]) {\n    const _panelItemList: Array<PanelItem> = []\n    if (!data?.length) return panelItemList\n    _panelItemList.push(createPanelItem(data))\n\n    selectedNodeKeys.value.slice(0, -1).forEach((key) => {\n      const node = dataMap.value.get(key)\n      node?.children?.length && _panelItemList.push(createPanelItem(node.children))\n    })\n\n    panelItemList.value = _panelItemList\n  }\n\n  function setPanelItem(panelIndex: number, panelData?: CascadeNode[]) {\n    if (panelData?.length) {\n      panelItemList.value[panelIndex + 1] = createPanelItem(panelData)\n      panelItemList.value.splice(panelIndex + 2)\n    } else {\n      panelItemList.value.splice(panelIndex + 1)\n    }\n\n    triggerRef(panelItemList)\n  }\n\n  function updateSingleValue() {\n    const { separator } = props\n\n    const targetValue = selectedNodeKeys.value.length\n      ? selectedNodeKeys.value.join(separator!)\n      : undefined\n\n    const targetLabel = selectedNodeKeys.value\n      .map((key) => {\n        const node = dataMap.value.get(key)\n        return node?.label\n      })\n      .filter(Boolean)\n      .join(separator!)\n\n    emit('update:modelValue', targetValue)\n    emit('change', targetValue, targetLabel, currentItem.value!)\n  }\n\n  /**\n   * 单选选择\n   *\n   * @param panelIndex 面板索引\n   * @param item 选中的节点\n   */\n  function selectItem(panelIndex: number, item: CascadeNode) {\n    // 设置选中的节点\n    currentItem.value = item\n    selectedNodeKeys.value[panelIndex] = item.value\n    selectedNodeKeys.value.splice(panelIndex + 1)\n    triggerRef(selectedNodeKeys)\n\n    // 展开子级面板\n    setPanelItem(panelIndex, item.children)\n\n    nextTick(() => {\n      dropdownRef.value?.updateDropdown()\n    })\n\n    if (!item.children?.length && !props.multiple) {\n      dropdownRef.value?.close()\n    }\n  }\n\n  function initSingleSelect() {\n    const { modelValue, separator } = props\n\n    if (modelValue && typeof modelValue === 'string') {\n      const nodes = modelValue.split(separator!)\n      selectedNodeKeys.value = nodes\n      getPanelItemList(forest.value.roots)\n    } else {\n      selectedNodeKeys.value = []\n      getPanelItemList(forest.value.roots)\n    }\n  }\n\n  watch(\n    [() => props.multiple, () => props.modelValue, forest],\n    ([multiple]) => {\n      if (multiple) return\n      updater.update(() => initSingleSelect())\n    },\n    { immediate: true }\n  )\n\n  return {\n    displayedValue,\n    selectItem,\n    selectedNodeKeys,\n    updateSingleValue,\n    initSingleSelect,\n    panelItemList,\n    getPanelItemList,\n    setPanelItem,\n    createPanelItem\n  }\n}\n"],"mappings":";;;;AA2CA,SAAgB,UAAU,SAA2C;CACnE,MAAM,EAAE,OAAO,MAAM,SAAS,SAAS,aAAa,WAAW;;CAG/D,MAAM,mBAAmB,WAAqB,EAAE,CAAC;CAEjD,MAAM,cAAc,YAAiC;;CAGrD,MAAM,gBAAgB,WAAwB,EAAE,CAAC;CACjD,MAAM,MAAM,gBAAgB;CAC5B,SAAS,gBAAgB,OAAiC;AACxD,SAAO;GAAE,KAAK,KAAK;GAAE,OAAO,MAAM,QAAQ,SAAS,KAAK,QAAQ;GAAE;;CAGpE,MAAM,iBAAiB,eAAe;EACpC,MAAM,EAAE,YAAY,cAAc;AAGlC,UADE,cAAc,OAAO,eAAe,WAAW,WAAW,MAAM,UAAW,GAAG,KAAA,IAE5E,KAAK,MAAM;AAEX,UADa,QAAQ,MAAM,IAAI,EAAE,EACpB,SAAS;IACtB,CACD,KAAK,MAAM,UAAU;GACxB;CAEF,SAAS,iBAAiB,MAAsB;EAC9C,MAAM,iBAAmC,EAAE;AAC3C,MAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,iBAAe,KAAK,gBAAgB,KAAK,CAAC;AAE1C,mBAAiB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,QAAQ;GACnD,MAAM,OAAO,QAAQ,MAAM,IAAI,IAAI;AACnC,SAAM,UAAU,UAAU,eAAe,KAAK,gBAAgB,KAAK,SAAS,CAAC;IAC7E;AAEF,gBAAc,QAAQ;;CAGxB,SAAS,aAAa,YAAoB,WAA2B;AACnE,MAAI,WAAW,QAAQ;AACrB,iBAAc,MAAM,aAAa,KAAK,gBAAgB,UAAU;AAChE,iBAAc,MAAM,OAAO,aAAa,EAAE;QAE1C,eAAc,MAAM,OAAO,aAAa,EAAE;AAG5C,aAAW,cAAc;;CAG3B,SAAS,oBAAoB;EAC3B,MAAM,EAAE,cAAc;EAEtB,MAAM,cAAc,iBAAiB,MAAM,SACvC,iBAAiB,MAAM,KAAK,UAAW,GACvC,KAAA;EAEJ,MAAM,cAAc,iBAAiB,MAClC,KAAK,QAAQ;AAEZ,UADa,QAAQ,MAAM,IAAI,IAAI,EACtB;IACb,CACD,OAAO,QAAQ,CACf,KAAK,UAAW;AAEnB,OAAK,qBAAqB,YAAY;AACtC,OAAK,UAAU,aAAa,aAAa,YAAY,MAAO;;;;;;;;CAS9D,SAAS,WAAW,YAAoB,MAAmB;AAEzD,cAAY,QAAQ;AACpB,mBAAiB,MAAM,cAAc,KAAK;AAC1C,mBAAiB,MAAM,OAAO,aAAa,EAAE;AAC7C,aAAW,iBAAiB;AAG5B,eAAa,YAAY,KAAK,SAAS;AAEvC,iBAAe;AACb,eAAY,OAAO,gBAAgB;IACnC;AAEF,MAAI,CAAC,KAAK,UAAU,UAAU,CAAC,MAAM,SACnC,aAAY,OAAO,OAAO;;CAI9B,SAAS,mBAAmB;EAC1B,MAAM,EAAE,YAAY,cAAc;AAElC,MAAI,cAAc,OAAO,eAAe,UAAU;AAEhD,oBAAiB,QADH,WAAW,MAAM,UAAW;AAE1C,oBAAiB,OAAO,MAAM,MAAM;SAC/B;AACL,oBAAiB,QAAQ,EAAE;AAC3B,oBAAiB,OAAO,MAAM,MAAM;;;AAIxC,OACE;QAAO,MAAM;QAAgB,MAAM;EAAY;EAAO,GACrD,CAAC,cAAc;AACd,MAAI,SAAU;AACd,UAAQ,aAAa,kBAAkB,CAAC;IAE1C,EAAE,WAAW,MAAM,CACpB;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/check-tag/check-tag.js

@@ -0,0 +1,33 @@
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/check-tag/check-tag.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CheckTag",
+	__name: "check-tag",
+	props: {
+		modelValue: {},
+		checked: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const cls = bem("check-tag");
+		const props = __props;
+		const emits = __emit;
+		const classList = computed(() => {
+			return [cls.b, bem.is("checked", props.checked)];
+		});
+		const handleChange = () => {
+			emits("update:modelValue", props.checked);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classList.value),
+				onClick: handleChange
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=check-tag.js.map

package/dist/components/check-tag/check-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-tag.js","names":[],"sources":["../../../src/components/check-tag/check-tag.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" @click=\"handleChange\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckTagEmits, CheckTagProps } from '../../types'\n\ndefineOptions({\n  name: 'CheckTag'\n})\n\nconst cls = bem('check-tag')\n\nconst props = withDefaults(defineProps<CheckTagProps>(), {})\n\nconst emits = defineEmits<CheckTagEmits>()\n\nconst classList = computed(() => {\n  return [cls.b, bem.is('checked', props.checked)]\n})\n\nconst handleChange = () => {\n  emits('update:modelValue', props.checked)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,YAAW;EAE3B,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;AAC/B,UAAO,CAAC,IAAI,GAAG,IAAI,GAAG,WAAW,MAAM,QAAQ,CAAA;IAChD;EAED,MAAM,qBAAqB;AACzB,SAAM,qBAAqB,MAAM,QAAO;;;uBA1BxC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,SAAO;OAC9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/check-tag/check-tag.vue.d.ts

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

package/dist/components/check-tag/index.d.ts

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

package/dist/components/check-tag/style.d.ts

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

package/dist/components/check-tag/style.js

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

package/dist/components/check-tag/style2.css

@@ -0,0 +1,39 @@
+@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-check-tag {
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  vertical-align: middle;
+  height: 24px;
+  padding: 0 9px;
+  color: #333;
+  border: 1px solid var(--u-color-primary);
+  border-radius: var(--u-radius-default);
+  background: var(--u-color-primary-light-9);
+}
+.u-check-tag:hover {
+  background-color: var(--u-color-primary-light-7);
+}
+.u-check-tag.is-checked {
+  cursor: pointer;
+  color: #fff;
+  border: 1px solid var(--u-color-primary-dark-3);
+  background-color: var(--u-color-primary-dark-3);
+}

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

@@ -0,0 +1,78 @@
+import _sfc_main$1 from "../tag/tag.js";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
+import { FORM_EMPTY_CONTENT, bem } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+//#region src/components/checkbox/checkbox-button.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "CheckboxButton",
+	__name: "checkbox-button",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: { type: Boolean },
+		round: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "primary" },
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		useSlots();
+		const cls = bem("checkbox-button");
+		const checked = useModel(__props, "modelValue");
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const className = computed(() => {
+			return [
+				cls.b,
+				cls.m(size.value),
+				bem.is(props.type),
+				bem.is("round", props.round),
+				bem.is("disabled", disabled.value),
+				bem.is("checked", checked.value)
+			];
+		});
+		const handleInput = () => {
+			checked.value = !checked.value;
+			emit("change", !!checked.value);
+		};
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(className.value),
+				onClick: handleInput
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : checked.value !== void 0 ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				key: 1,
+				type: checked.value ? "success" : "danger"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(checked.value ? "是" : "否"), 1)]),
+				_: 1
+			}, 8, ["type"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=checkbox-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-button.js","names":[],"sources":["../../../src/components/checkbox/checkbox-button.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\" @click=\"handleInput\">\n    <slot />\n  </div>\n\n  <u-tag v-else-if=\"checked !== undefined\" :type=\"checked ? 'success' : 'danger'\">\n    {{ checked ? '是' : '否' }}\n  </u-tag>\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'\nimport { computed } from 'vue'\n\nimport type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'\nimport { UTag } from '../tag'\n\ndefineOptions({\n  name: 'CheckboxButton'\n})\n\nconst props = withDefaults(defineProps<CheckboxButtonProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  type: 'primary',\n  round: false\n})\n\nconst emit = defineEmits<CheckboxButtonEmits>()\n\nconst slot = defineSlots<{\n  default(): any\n}>()\n\nconst cls = bem('checkbox-button')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is(props.type),\n    bem.is('round', props.round),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', checked.value)\n  ]\n})\n\nconst handleInput = () => {\n  checked.value = !checked.value\n  emit('change', !!checked.value)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAOd,MAAM,OAAO;AAEA,YAAA;EAIb,MAAM,MAAM,IAAI,kBAAiB;EAEjC,MAAM,UAAU,SAAoB,SAAA,aAAC;EAErC,MAAM,EAAE,cAAc,kBAAiB;EAEvC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,MAAM,KAAK;IAClB,IAAI,GAAG,SAAS,MAAM,MAAM;IAC5B,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,WAAW,QAAQ,MAAK;IACjC;IACD;EAED,MAAM,oBAAoB;AACxB,WAAQ,QAAQ,CAAC,QAAQ;AACzB,QAAK,UAAU,CAAC,CAAC,QAAQ,MAAK;;;WAhElB,MAAA,SAAQ,IAAA,WAAA,EAApB,mBAEM,OAAA;;IAFiB,OAAK,eAAE,UAAA,MAAS;IAAG,SAAO;OAC/C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAGQ,QAAA,UAAY,KAAA,KAAA,WAAA,EAA9B,YAEQ,MAAA,YAAA,EAAA;;IAFkC,MAAM,QAAA,QAAO,YAAA;;2BAC5B,CAAA,gBAAA,gBAAtB,QAAA,QAAO,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA;;oCAGZ,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

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

@@ -0,0 +1,37 @@
+import { CheckboxButtonProps } from "../../types/checkbox.js";
+import * as _$vue from "vue";
+import * as _$_veltra_utils0 from "@veltra/utils";
+
+//#region src/components/checkbox/checkbox-button.vue.d.ts
+type __VLS_Props = CheckboxButtonProps;
+type __VLS_Slots = {
+  default(): any;
+};
+type __VLS_ModelProps = {
+  modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean | undefined) => any;
+} & {
+  "update:modelValue": (checked: boolean) => any;
+  change: (checked: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
+  onChange?: ((checked: boolean) => any) | undefined;
+}>, {
+  readonly: boolean;
+  type: _$_veltra_utils0.ColorType;
+  disabled: boolean;
+  round: 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=checkbox-button.vue.d.ts.map

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,91 @@
+import { Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+//#region src/components/checkbox/checkbox.vue
+const _hoisted_1 = {
+	key: 0,
+	viewBox: "0 0 64 64",
+	fill: "currentColor"
+};
+const _hoisted_2 = ["checked", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Checkbox",
+	__name: "checkbox",
+	props: /* @__PURE__ */ mergeModels({
+		indeterminate: { type: Boolean },
+		modelValue: { type: Boolean },
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"modelValue": { type: Boolean },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("checkbox");
+		const checked = useModel(__props, "modelValue");
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const className = computed(() => {
+			return [
+				cls.b,
+				cls.m(size.value),
+				bem.is("disabled", disabled.value),
+				bem.is("readonly", readonly.value),
+				bem.is("checked", checked.value || props.indeterminate)
+			];
+		});
+		const handleInput = (e) => {
+			if (readonly.value) return;
+			const target = e.target;
+			checked.value = target.checked;
+			emit("change", target.checked, e);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", { class: normalizeClass(className.value) }, [
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("wrap")) }, [createVNode(Transition, {
+					name: "zoom-in",
+					mode: "out-in"
+				}, {
+					default: withCtx(() => [checked.value ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z" }, null, -1)])])) : __props.indeterminate ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(cls).m("indeterminate"))
+					}, null, 2)) : createCommentVNode("v-if", true)]),
+					_: 1
+				})], 2),
+				createElementVNode("input", {
+					type: "checkbox",
+					checked: checked.value,
+					disabled: unref(disabled),
+					hidden: "",
+					onClick: handleInput
+				}, null, 8, _hoisted_2),
+				_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("label"))
+				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["$slots"],"sources":["../../../src/components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <label :class=\"className\">\n    <span :class=\"cls.e('wrap')\">\n      <transition name=\"zoom-in\" mode=\"out-in\">\n        <svg viewBox=\"0 0 64 64\" v-if=\"checked\" fill=\"currentColor\">\n          <path\n            d=\"M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z\"\n          ></path>\n        </svg>\n        <span v-else-if=\"indeterminate\" :class=\"cls.m('indeterminate')\"></span>\n      </transition>\n    </span>\n\n    <input type=\"checkbox\" :checked=\"checked\" :disabled=\"disabled\" hidden @click=\"handleInput\" />\n\n    <span :class=\"cls.e('label')\" v-if=\"$slots.default\"><slot /> </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckboxProps, CheckboxEmits } from '../../types'\n\ndefineOptions({\n  name: 'Checkbox'\n})\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<CheckboxEmits>()\nconst cls = bem('checkbox')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('checked', checked.value || props.indeterminate)\n  ]\n})\n\nconst handleInput = (e: MouseEvent) => {\n  if (readonly.value) return\n  const target = e.target as HTMLInputElement\n  checked.value = target.checked\n  emit('change', target.checked, e)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAKd,MAAM,OAAO;EACb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,UAAU,SAAoB,SAAA,aAAC;EAErC,MAAM,EAAE,cAAc,kBAAiB;EAEvC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,WAAW,QAAQ,SAAS,MAAM,cAAa;IACxD;IACD;EAED,MAAM,eAAe,MAAkB;AACrC,OAAI,SAAS,MAAO;GACpB,MAAM,SAAS,EAAE;AACjB,WAAQ,QAAQ,OAAO;AACvB,QAAK,UAAU,OAAO,SAAS,EAAC;;;uBA5DhC,mBAeQ,SAAA,EAfA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA;IACtB,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,YAOa,YAAA;KAPD,MAAK;KAAU,MAAK;;4BAKxB,CAJyB,QAAA,SAAA,WAAA,EAA/B,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAHJ,mBAEQ,QAAA,EADN,GAAE,sRAAoR,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAGzQ,QAAA,iBAAA,WAAA,EAAjB,mBAAuE,QAAA;;MAAtC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,gBAAA,CAAA;;;;IAIjD,mBAA6F,SAAA;KAAtF,MAAK;KAAY,SAAS,QAAA;KAAU,UAAU,MAAA,SAAQ;KAAE,QAAA;KAAQ,SAAO;;IAE1CA,KAAAA,OAAO,WAAA,WAAA,EAA3C,mBAAoE,QAAA;;KAA7D,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;QAAiC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA"}

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

@@ -0,0 +1,35 @@
+import { CheckboxProps } from "../../types/checkbox.js";
+import * as _$vue from "vue";
+
+//#region src/components/checkbox/checkbox.vue.d.ts
+type __VLS_Props = CheckboxProps;
+type __VLS_ModelProps = {
+  modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean | undefined) => any;
+} & {
+  "update:modelValue": (checked: boolean) => any;
+  change: (checked: boolean, e: MouseEvent) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
+  onChange?: ((checked: boolean, e: MouseEvent) => any) | undefined;
+}>, {
+  readonly: boolean;
+  disabled: 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=checkbox.vue.d.ts.map

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

@@ -0,0 +1,2 @@
+import { _default } from "./checkbox.vue.js";
+import { _default as _default$1 } from "./checkbox-button.vue.js";

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

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

package/dist/components/checkbox/style.js

@@ -0,0 +1,2 @@
+import "./style2.css";
+import "@veltra/styles/anime/zoom-in.scss";