@will-ui/vue 1.0.0

package/dist/components/cascade/Cascade.js

@@ -0,0 +1,283 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import Icon_default from "../icon/Icon.js";
+import { effectiveBgVar, effectiveSizeVar, effectiveTextVar, propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useFormItem from "../../use/useFormItem.js";
+import Layer_default, { LayerProps } from "../layer/Layer.js";
+import Trigger_default from "../trigger/Trigger.js";
+import List_default from "../list/List.js";
+import { CASCADE_FALLBACK } from "./config.js";
+import { Fragment, computed, createVNode, defineComponent, ref, watch } from "vue";
+//#region components/cascade/Cascade.tsx
+var Cascade_default = /* @__PURE__ */ defineComponent({
+	name: "Cascade",
+	components: {
+		Layer: Layer_default,
+		Trigger: Trigger_default,
+		List: List_default,
+		Icon: Icon_default
+	},
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: void 0
+		},
+		show: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		block: {
+			type: Boolean,
+			default: void 0
+		},
+		/** @deprecated 请优先用 checkable；仍支持按 key 禁用 */
+		disabledData: {
+			type: Array,
+			default: () => []
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		placeholder: {
+			type: String,
+			default: void 0
+		},
+		data: {
+			type: Array,
+			default: () => []
+		},
+		keyField: {
+			type: String,
+			default: void 0
+		},
+		textField: {
+			type: String,
+			default: void 0
+		},
+		childField: {
+			type: String,
+			default: void 0
+		},
+		leafOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		checkable: {
+			type: Function,
+			default: void 0
+		},
+		sign: {
+			type: String,
+			default: void 0
+		},
+		/** 实例高度（px），写入 `--w-prop-cascade-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-cascade-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-cascade-bg-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		placement: {
+			...LayerProps.placement,
+			default: "bottom-start"
+		},
+		adjustPosition: LayerProps.adjustPosition,
+		nearby: LayerProps.nearby
+	},
+	emits: {
+		"update:show": (_v) => true,
+		"update:modelValue": (_v) => true,
+		toggle: (_path) => true,
+		clear: () => true
+	},
+	setup(props, { emit }) {
+		const { formItem, useDisabled } = useFormItem();
+		const cfg = useComponentConfig("Cascade", props, CASCADE_FALLBACK);
+		const disabled = useDisabled(computed(() => cfg.value.disabled));
+		const keyField = computed(() => cfg.value.keyField || CASCADE_FALLBACK.keyField);
+		const textField = computed(() => cfg.value.textField || CASCADE_FALLBACK.textField);
+		const childField = computed(() => cfg.value.childField || CASCADE_FALLBACK.childField);
+		const sign = computed(() => cfg.value.sign || CASCADE_FALLBACK.sign);
+		const leafOnly = computed(() => !!cfg.value.leafOnly);
+		const visible = ref(!!props.show);
+		const path = ref([]);
+		function findPathByKey(key, data) {
+			const result = [];
+			function search(arr) {
+				for (const item of arr) {
+					if (item[keyField.value] === key) {
+						result.push(item);
+						return true;
+					}
+					const children = item[childField.value];
+					if (children?.length > 0 && search(children)) {
+						result.unshift(item);
+						return true;
+					}
+				}
+				return false;
+			}
+			search(data);
+			return result;
+		}
+		if (props.modelValue !== void 0) path.value = findPathByKey(props.modelValue, props.data || []);
+		const current = computed(() => {
+			const pv = path.value;
+			const data = props.data;
+			if (!pv?.length || !data?.length) return void 0;
+			const one = pv[0];
+			return data.find((row) => row[keyField.value] == one[keyField.value]);
+		});
+		const tokenStyle = computed(() => toCssVarsStyle({
+			...propSizeToCssVars("cascade", cfg.value.size),
+			...propColorToCssVars("cascade", cfg.value.color),
+			"--w-prop-list-size": effectiveSizeVar("cascade"),
+			"--w-prop-trigger-size": effectiveSizeVar("cascade"),
+			"--w-prop-trigger-bg-color": effectiveBgVar("cascade"),
+			"--w-prop-trigger-text-color": effectiveTextVar("cascade"),
+			"--w-prop-layer-bg-color": effectiveBgVar("cascade"),
+			"--w-prop-layer-text-color": effectiveTextVar("cascade"),
+			...props.cssVars
+		}));
+		const layerOptions = computed(() => ({
+			layerClass: "w-cascade-layer",
+			layerStyle: tokenStyle.value,
+			show: visible.value,
+			nearby: props.nearby,
+			disabled: disabled.value,
+			placement: props.placement,
+			hasArrow: false,
+			gap: 2,
+			transitionName: "w-slide-y",
+			adjustPosition: props.adjustPosition || "none",
+			"onUpdate:show": (b) => {
+				visible.value = b;
+			}
+		}));
+		const triggerOptions = computed(() => {
+			const lastItem = path.value[path.value.length - 1];
+			const children = lastItem?.[childField.value];
+			const isLeafSelected = lastItem && (!children || children.length === 0);
+			const text = leafOnly.value && !isLeafSelected ? "" : path.value.reduce((str, obj) => {
+				if (str) return `${str}${sign.value}${obj[textField.value]}`;
+				return obj[textField.value];
+			}, "");
+			return {
+				active: visible.value,
+				block: cfg.value.block,
+				disabled: disabled.value,
+				clearable: cfg.value.clearable,
+				placeholder: cfg.value.placeholder ?? props.placeholder,
+				text,
+				style: tokenStyle.value,
+				onClear: clear
+			};
+		});
+		function isSameItem(item, itemInPath) {
+			return item[keyField.value] === itemInPath[keyField.value];
+		}
+		function findDetailByKey(k, indexPath) {
+			let arr = [];
+			function get(data) {
+				for (const item of data) {
+					if (item[keyField.value] == k) {
+						arr = item[childField.value];
+						return;
+					}
+					if (item[childField.value]) get(item[childField.value]);
+				}
+			}
+			if (current.value) {
+				if (indexPath === 1) return current.value[childField.value];
+				get(current.value[childField.value] || []);
+			}
+			return arr;
+		}
+		function isItemEnabled(item, index) {
+			if (props.disabledData?.includes(item[keyField.value])) return false;
+			if (props.checkable) return !!props.checkable(item, index);
+			return true;
+		}
+		function renderList(indexPath) {
+			let data = props.data;
+			if (indexPath !== 0) {
+				const parentIndex = indexPath - 1;
+				const k = path.value[parentIndex][keyField.value];
+				data = findDetailByKey(k, indexPath);
+			}
+			if (!data?.length) return null;
+			const listOptions = {
+				data,
+				checkable: isItemEnabled,
+				activable: (item) => !!(path.value[indexPath] && isSameItem(item, path.value[indexPath])),
+				keyField: keyField.value,
+				textField: textField.value,
+				class: "w-cascade-list",
+				itemClass: "w-list-item-between",
+				onToggle: (item) => {
+					const _item = { ...item };
+					if (indexPath === 0) {
+						const one = path.value[0];
+						if (one) {
+							if (!isSameItem(item, one)) path.value = [_item];
+						} else path.value.push(_item);
+					} else {
+						const curItem = path.value[indexPath];
+						if (curItem) {
+							if (!isSameItem(item, curItem)) path.value = path.value.slice(0, indexPath).concat([_item]);
+						} else path.value.push(_item);
+					}
+					const children = item[childField.value];
+					const isLeaf = !children || children.length === 0;
+					if (!leafOnly.value || isLeaf) {
+						emit("update:modelValue", item[keyField.value]);
+						emit("toggle", JSON.parse(JSON.stringify(path.value)));
+						formItem?.validate("change");
+					}
+					if (isLeaf) visible.value = false;
+				}
+			};
+			return createVNode(List_default, listOptions, { default: ({ item, isActive }) => createVNode(Fragment, null, [createVNode("span", null, [item[textField.value]]), item[childField.value]?.length > 0 && createVNode(Icon_default, {
+				"class": ["w-cascade-icon", { "w-cascade-icon-active": isActive }],
+				"name": "w-icon-arrow-down",
+				"rotate": true,
+				"deg": -90,
+				"direction": "z"
+			}, null)]) });
+		}
+		function clear() {
+			path.value = [];
+			emit("update:modelValue", void 0);
+			emit("clear");
+			emit("toggle", []);
+			formItem?.validate("change");
+		}
+		watch(() => props.show, (v) => {
+			visible.value = !!v;
+		});
+		watch(visible, (v) => emit("update:show", v));
+		watch([() => props.modelValue, () => props.data], ([value, data]) => {
+			path.value = value ? findPathByKey(value, data || []) : [];
+		});
+		return () => createVNode(Layer_default, layerOptions.value, {
+			trigger: () => createVNode(Trigger_default, triggerOptions.value, null),
+			default: () => [renderList(0), path.value.map((_, index) => renderList(index + 1))]
+		});
+	}
+});
+//#endregion
+export { Cascade_default as default };
+
+//# sourceMappingURL=Cascade.js.map

package/dist/components/cascade/Cascade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cascade.js","names":["defineComponent","computed","ref","watch","Fragment","_Fragment","createVNode","_createVNode","Layer","LayerProps","Trigger","List","Icon","useComponentConfig","useFormItem","effectiveSizeVar","effectiveBgVar","effectiveTextVar","propSizeToCssVars","propColorToCssVars","toCssVarsStyle","CASCADE_FALLBACK","name","components","props","modelValue","type","String","Number","default","undefined","show","Boolean","disabled","block","disabledData","Array","clearable","placeholder","data","keyField","textField","childField","leafOnly","checkable","Function","sign","size","color","cssVars","Object","placement","adjustPosition","nearby","emits","_v","toggle","_path","clear","setup","emit","formItem","useDisabled","cfg","value","visible","path","findPathByKey","key","result","search","arr","item","push","children","length","unshift","current","pv","one","find","row","tokenStyle","layerOptions","layerClass","layerStyle","hasArrow","gap","transitionName","b","triggerOptions","lastItem","isLeafSelected","text","reduce","str","obj","active","style","onClear","isSameItem","itemInPath","findDetailByKey","k","indexPath","get","isItemEnabled","index","includes","renderList","parentIndex","listOptions","activable","class","itemClass","onToggle","_item","curItem","slice","concat","isLeaf","JSON","parse","stringify","validate","listSlots","isActive","v","trigger","map","_"],"sources":["../../../components/cascade/Cascade.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport { Fragment, defineComponent, computed, ref, watch } from 'vue'\r\nimport Layer, { LayerProps } from '../layer/index'\r\nimport Trigger from '../trigger/index'\r\nimport List from '../list/index'\r\nimport Icon from '../icon/index'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport {\r\n  effectiveSizeVar,\r\n  effectiveBgVar,\r\n  effectiveTextVar,\r\n  propSizeToCssVars,\r\n  propColorToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport { CASCADE_FALLBACK } from './config'\r\n\r\nexport type { CascadeGlobalConfig } from './config'\r\nexport { CASCADE_FALLBACK } from './config'\r\n\r\ntype CascadeItem = Record<string, any>\r\n\r\nexport default defineComponent({\r\n  name: 'Cascade',\r\n  components: { Layer, Trigger, List, Icon },\r\n  props: {\r\n    modelValue: {\r\n      type: [String, Number] as PropType<string | number | undefined>,\r\n      default: undefined,\r\n    },\r\n    show: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    block: { type: Boolean, default: undefined },\r\n    /** @deprecated 请优先用 checkable；仍支持按 key 禁用 */\r\n    disabledData: {\r\n      type: Array as PropType<any[]>,\r\n      default: () => [],\r\n    },\r\n    clearable: { type: Boolean, default: undefined },\r\n    placeholder: { type: String, default: undefined },\r\n    data: {\r\n      type: Array as PropType<CascadeItem[]>,\r\n      default: () => [],\r\n    },\r\n    keyField: { type: String, default: undefined },\r\n    textField: { type: String, default: undefined },\r\n    childField: { type: String, default: undefined },\r\n    leafOnly: { type: Boolean, default: undefined },\r\n    checkable: {\r\n      type: Function as PropType<\r\n        (item: CascadeItem, index: number) => boolean\r\n      >,\r\n      default: undefined,\r\n    },\r\n    sign: { type: String, default: undefined },\r\n    /** 实例高度（px），写入 `--w-prop-cascade-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-cascade-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-cascade-bg-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    placement: { ...LayerProps.placement, default: 'bottom-start' },\r\n    adjustPosition: LayerProps.adjustPosition,\r\n    nearby: LayerProps.nearby,\r\n  },\r\n  emits: {\r\n    'update:show': (_v: boolean) => true,\r\n    'update:modelValue': (_v: string | number | undefined) => true,\r\n    toggle: (_path: CascadeItem[]) => true,\r\n    clear: () => true,\r\n  },\r\n  setup(props, { emit }) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('Cascade', props, CASCADE_FALLBACK)\r\n    const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n\r\n    const keyField = computed(\r\n      () => cfg.value.keyField || CASCADE_FALLBACK.keyField,\r\n    )\r\n    const textField = computed(\r\n      () => cfg.value.textField || CASCADE_FALLBACK.textField,\r\n    )\r\n    const childField = computed(\r\n      () => cfg.value.childField || CASCADE_FALLBACK.childField,\r\n    )\r\n    const sign = computed(() => cfg.value.sign || CASCADE_FALLBACK.sign)\r\n    const leafOnly = computed(() => !!cfg.value.leafOnly)\r\n\r\n    const visible = ref(!!props.show)\r\n    const path = ref<CascadeItem[]>([])\r\n\r\n    function findPathByKey(key: any, data: CascadeItem[]): CascadeItem[] {\r\n      const result: CascadeItem[] = []\r\n      function search(arr: CascadeItem[]): boolean {\r\n        for (const item of arr) {\r\n          if (item[keyField.value] === key) {\r\n            result.push(item)\r\n            return true\r\n          }\r\n          const children = item[childField.value]\r\n          if (children?.length > 0 && search(children)) {\r\n            result.unshift(item)\r\n            return true\r\n          }\r\n        }\r\n        return false\r\n      }\r\n      search(data)\r\n      return result\r\n    }\r\n\r\n    if (props.modelValue !== undefined) {\r\n      path.value = findPathByKey(props.modelValue, props.data || [])\r\n    }\r\n\r\n    const current = computed(() => {\r\n      const pv = path.value\r\n      const data = props.data\r\n      if (!pv?.length || !data?.length) return undefined\r\n      const one = pv[0]\r\n      return data.find((row) => row[keyField.value] == one[keyField.value])\r\n    })\r\n\r\n    const tokenStyle = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('cascade', cfg.value.size),\r\n        ...propColorToCssVars('cascade', cfg.value.color),\r\n        '--w-prop-list-size': effectiveSizeVar('cascade'),\r\n        '--w-prop-trigger-size': effectiveSizeVar('cascade'),\r\n        '--w-prop-trigger-bg-color': effectiveBgVar('cascade'),\r\n        '--w-prop-trigger-text-color': effectiveTextVar('cascade'),\r\n        '--w-prop-layer-bg-color': effectiveBgVar('cascade'),\r\n        '--w-prop-layer-text-color': effectiveTextVar('cascade'),\r\n        ...props.cssVars,\r\n      }),\r\n    )\r\n\r\n    const layerOptions = computed(() => ({\r\n      layerClass: 'w-cascade-layer',\r\n      layerStyle: tokenStyle.value,\r\n      show: visible.value,\r\n      nearby: props.nearby,\r\n      disabled: disabled.value,\r\n      placement: props.placement,\r\n      hasArrow: false,\r\n      gap: 2,\r\n      transitionName: 'w-slide-y',\r\n      adjustPosition: props.adjustPosition || 'none',\r\n      'onUpdate:show': (b: boolean) => {\r\n        visible.value = b\r\n      },\r\n    }))\r\n\r\n    const triggerOptions = computed(() => {\r\n      const lastItem = path.value[path.value.length - 1]\r\n      const children = lastItem?.[childField.value]\r\n      const isLeafSelected =\r\n        lastItem && (!children || children.length === 0)\r\n      const text =\r\n        leafOnly.value && !isLeafSelected\r\n          ? ''\r\n          : path.value.reduce((str, obj) => {\r\n              if (str) return `${str}${sign.value}${obj[textField.value]}`\r\n              return obj[textField.value]\r\n            }, '')\r\n      return {\r\n        active: visible.value,\r\n        block: cfg.value.block,\r\n        disabled: disabled.value,\r\n        clearable: cfg.value.clearable,\r\n        placeholder: cfg.value.placeholder ?? props.placeholder,\r\n        text,\r\n        style: tokenStyle.value,\r\n        onClear: clear,\r\n      }\r\n    })\r\n\r\n    function isSameItem(item: CascadeItem, itemInPath: CascadeItem) {\r\n      return item[keyField.value] === itemInPath[keyField.value]\r\n    }\r\n\r\n    function findDetailByKey(k: any, indexPath: number) {\r\n      let arr: CascadeItem[] | undefined | null = []\r\n      function get(data: CascadeItem[]) {\r\n        for (const item of data) {\r\n          if (item[keyField.value] == k) {\r\n            arr = item[childField.value]\r\n            return\r\n          }\r\n          if (item[childField.value]) {\r\n            get(item[childField.value])\r\n          }\r\n        }\r\n      }\r\n      if (current.value) {\r\n        if (indexPath === 1) return current.value[childField.value]\r\n        get(current.value[childField.value] || [])\r\n      }\r\n      return arr\r\n    }\r\n\r\n    function isItemEnabled(item: CascadeItem, index: number) {\r\n      if (props.disabledData?.includes(item[keyField.value])) return false\r\n      if (props.checkable) return !!props.checkable(item, index)\r\n      return true\r\n    }\r\n\r\n    function renderList(indexPath: number) {\r\n      let data: CascadeItem[] | null | undefined = props.data\r\n      if (indexPath !== 0) {\r\n        const parentIndex = indexPath - 1\r\n        const k = path.value[parentIndex][keyField.value]\r\n        data = findDetailByKey(k, indexPath)\r\n      }\r\n      if (!data?.length) return null\r\n\r\n      const listOptions = {\r\n        data,\r\n        checkable: isItemEnabled,\r\n        activable: (item: CascadeItem) =>\r\n          !!(path.value[indexPath] && isSameItem(item, path.value[indexPath])),\r\n        keyField: keyField.value,\r\n        textField: textField.value,\r\n        class: 'w-cascade-list',\r\n        itemClass: 'w-list-item-between',\r\n        onToggle: (item: CascadeItem) => {\r\n          const _item = { ...item }\r\n          if (indexPath === 0) {\r\n            const one = path.value[0]\r\n            if (one) {\r\n              if (!isSameItem(item, one)) path.value = [_item]\r\n            } else {\r\n              path.value.push(_item)\r\n            }\r\n          } else {\r\n            const curItem = path.value[indexPath]\r\n            if (curItem) {\r\n              if (!isSameItem(item, curItem)) {\r\n                path.value = path.value.slice(0, indexPath).concat([_item])\r\n              }\r\n            } else {\r\n              path.value.push(_item)\r\n            }\r\n          }\r\n\r\n          const children = item[childField.value]\r\n          const isLeaf = !children || children.length === 0\r\n\r\n          if (!leafOnly.value || isLeaf) {\r\n            emit('update:modelValue', item[keyField.value])\r\n            emit('toggle', JSON.parse(JSON.stringify(path.value)))\r\n            formItem?.validate('change')\r\n          }\r\n          if (isLeaf) visible.value = false\r\n        },\r\n      }\r\n\r\n      const listSlots = {\r\n        default: ({\r\n          item,\r\n          isActive,\r\n        }: {\r\n          item: CascadeItem\r\n          isActive: boolean\r\n        }) => (\r\n          <>\r\n            <span>{item[textField.value]}</span>\r\n            {item[childField.value]?.length > 0 && (\r\n              <Icon\r\n                class={[\r\n                  'w-cascade-icon',\r\n                  { 'w-cascade-icon-active': isActive },\r\n                ]}\r\n                name=\"w-icon-arrow-down\"\r\n                rotate\r\n                deg={-90}\r\n                direction=\"z\"\r\n              />\r\n            )}\r\n          </>\r\n        ),\r\n      }\r\n      return <List {...listOptions} v-slots={listSlots} />\r\n    }\r\n\r\n    function clear() {\r\n      path.value = []\r\n      emit('update:modelValue', undefined)\r\n      emit('clear')\r\n      emit('toggle', [])\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    watch(\r\n      () => props.show,\r\n      (v) => {\r\n        visible.value = !!v\r\n      },\r\n    )\r\n    watch(visible, (v) => emit('update:show', v))\r\n    watch(\r\n      [() => props.modelValue, () => props.data],\r\n      ([value, data]) => {\r\n        path.value = value\r\n          ? findPathByKey(value, data || [])\r\n          : []\r\n      },\r\n    )\r\n\r\n    return () => (\r\n      <Layer\r\n        {...layerOptions.value}\r\n        v-slots={{\r\n          trigger: () => <Trigger {...triggerOptions.value} />,\r\n          default: () => [\r\n            renderList(0),\r\n            path.value.map((_, index) => renderList(index + 1)),\r\n          ],\r\n        }}\r\n      />\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/cascade/config.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 可通过 `app.use(UI, { components: { Cascade: {...} } })` 配置。
+ * 不宜全局配置：modelValue / show / data / disabledData / checkable（实例数据）。
+ */
+export type CascadeGlobalConfig = Partial<{
+    clearable: boolean;
+    block: boolean;
+    disabled: boolean;
+    placeholder: string;
+    keyField: string;
+    textField: string;
+    childField: string;
+    leafOnly: boolean;
+    sign: string;
+    size: number;
+    color: string;
+}>;
+export declare const CASCADE_FALLBACK: {
+    clearable: boolean;
+    block: boolean;
+    disabled: boolean;
+    placeholder: string | undefined;
+    keyField: string;
+    textField: string;
+    childField: string;
+    leafOnly: boolean;
+    sign: string;
+    size: number | undefined;
+    color: string | undefined;
+};

package/dist/components/cascade/config.js

@@ -0,0 +1,18 @@
+//#region components/cascade/config.ts
+var CASCADE_FALLBACK = {
+	clearable: false,
+	block: false,
+	disabled: false,
+	placeholder: void 0,
+	keyField: "id",
+	textField: "name",
+	childField: "children",
+	leafOnly: false,
+	sign: "-",
+	size: void 0,
+	color: void 0
+};
+//#endregion
+export { CASCADE_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/cascade/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/cascade/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Cascade: {...} } })` 配置。\r\n * 不宜全局配置：modelValue / show / data / disabledData / checkable（实例数据）。\r\n */\r\nexport type CascadeGlobalConfig = Partial<{\r\n  clearable: boolean\r\n  block: boolean\r\n  disabled: boolean\r\n  placeholder: string\r\n  keyField: string\r\n  textField: string\r\n  childField: string\r\n  leafOnly: boolean\r\n  sign: string\r\n  size: number\r\n  color: string\r\n}>\r\n\r\nexport const CASCADE_FALLBACK = {\r\n  clearable: false,\r\n  block: false,\r\n  disabled: false,\r\n  placeholder: undefined as string | undefined,\r\n  keyField: 'id',\r\n  textField: 'name',\r\n  childField: 'children',\r\n  leafOnly: false,\r\n  sign: '-',\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n}\r\n"],"mappings":";AAkBA,IAAa,mBAAmB;CAC9B,WAAW;CACX,OAAO;CACP,UAAU;CACV,aAAa,KAAA;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,MAAM;CACN,MAAM,KAAA;CACN,OAAO,KAAA;AACT"}

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

@@ -0,0 +1,3 @@
+export { default } from './Cascade';
+export type { CascadeGlobalConfig } from './config';
+export { CASCADE_FALLBACK } from './config';

package/dist/components/cascade/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/cascade.css';

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

@@ -0,0 +1,241 @@
+import { SlotsType, PropType } from 'vue';
+import { CssVars } from '../../util';
+export type { CheckboxGlobalConfig } from './config';
+export { CHECKBOX_FALLBACK } from './config';
+type CheckboxSlots = {
+    default?: () => any;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Array / Set 为多选；其余为单选开关（含 trueValue/falseValue 自定义字符串） */
+    modelValue: {
+        type: PropType<boolean | number | string | any[] | Set<any>>;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /**
+     * 数组（如 [0,1]）→ 单选开关模式；
+     * 非数组 → 多选时的选项值
+     */
+    value: {
+        type: PropType<number | string | boolean | any[]>;
+        default: () => number[];
+    };
+    text: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 控件尺度 → `--w-prop-checkbox-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-checkbox-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-checkbox-bg-color`） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    iconName: {
+        type: StringConstructor;
+        default: any;
+    };
+    trueValue: {
+        type: PropType<boolean | number | string>;
+        default: any;
+    };
+    falseValue: {
+        type: PropType<boolean | number | string>;
+        default: any;
+    };
+    gap: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_v: boolean | number | string | any[] | Set<any>) => true;
+    change: (_v: any) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Array / Set 为多选；其余为单选开关（含 trueValue/falseValue 自定义字符串） */
+    modelValue: {
+        type: PropType<boolean | number | string | any[] | Set<any>>;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /**
+     * 数组（如 [0,1]）→ 单选开关模式；
+     * 非数组 → 多选时的选项值
+     */
+    value: {
+        type: PropType<number | string | boolean | any[]>;
+        default: () => number[];
+    };
+    text: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 控件尺度 → `--w-prop-checkbox-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-checkbox-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-checkbox-bg-color`） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    iconName: {
+        type: StringConstructor;
+        default: any;
+    };
+    trueValue: {
+        type: PropType<boolean | number | string>;
+        default: any;
+    };
+    falseValue: {
+        type: PropType<boolean | number | string>;
+        default: any;
+    };
+    gap: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (_v: any) => any;
+    "onUpdate:modelValue"?: (_v: string | number | boolean | any[] | Set<any>) => any;
+}>, {
+    text: string;
+    value: string | number | boolean | any[];
+    size: number;
+    gap: boolean;
+    color: string;
+    cssVars: CssVars;
+    modelValue: string | number | boolean | any[] | Set<any>;
+    disabled: boolean;
+    iconName: string;
+    trueValue: string | number | boolean;
+    falseValue: string | number | boolean;
+}, SlotsType<CheckboxSlots>, {
+    Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        hoverColor: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        rotate: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        deg: {
+            type: NumberConstructor;
+            default: any;
+        };
+        direction: {
+            type: PropType<import('..').IconRotateDirection>;
+            default: any;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: MouseEvent) => boolean;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            default: any;
+        };
+        fontClassName: {
+            type: StringConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        hoverColor: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        rotate: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        deg: {
+            type: NumberConstructor;
+            default: any;
+        };
+        direction: {
+            type: PropType<import('..').IconRotateDirection>;
+            default: any;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+    }>> & Readonly<{
+        onClick?: (e: MouseEvent) => any;
+    }>, {
+        title: string;
+        deg: number;
+        size: string | number;
+        name: string;
+        fontClassName: string;
+        color: string;
+        hoverColor: string;
+        spin: boolean;
+        rotate: boolean;
+        direction: import('..').IconRotateDirection;
+        ariaLabel: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;