@will-ui/vue 1.0.0

package/dist/components/list/List.js

@@ -0,0 +1,289 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { getItemValue, isArray } from "../../util/tools.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import Checkbox_default from "../checkbox/Checkbox.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import Fallback_default from "../fallback/Fallback.js";
+import useSearch from "../../use/useSearch.js";
+import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, normalizeClass, ref, watch } from "vue";
+//#region components/list/List.tsx
+/** 可通过 app.use(UI, { components: { List } }) 配置；不宜配 data/keys/checkable/activable */
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var LIST_FALLBACK = {
+	keyField: "Id",
+	textField: "Name",
+	hasCheckbox: false,
+	disabled: false,
+	size: void 0,
+	color: void 0
+};
+var List_default = /* @__PURE__ */ defineComponent({
+	name: "List",
+	inheritAttrs: false,
+	components: {
+		Fallback: Fallback_default,
+		Checkbox: Checkbox_default
+	},
+	props: {
+		data: {
+			type: [Array, Object],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		checkable: {
+			type: Function,
+			default: void 0
+		},
+		activable: {
+			type: Function,
+			default: void 0
+		},
+		searchText: {
+			type: String,
+			default: void 0
+		},
+		all: {
+			type: Boolean,
+			default: void 0
+		},
+		keys: {
+			type: Array,
+			default: void 0
+		},
+		keyField: {
+			type: String,
+			default: void 0
+		},
+		textField: {
+			type: String,
+			default: void 0
+		},
+		hasCheckbox: {
+			type: Boolean,
+			default: void 0
+		},
+		itemClass: {
+			type: [
+				Array,
+				Object,
+				String
+			],
+			default: void 0
+		},
+		/** 实例行高（px）→ `--w-prop-list-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-list-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-list-bg-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		empty: {
+			type: Boolean,
+			default: false
+		},
+		loadingProps: {
+			type: Object,
+			default: () => ({})
+		},
+		emptyProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: {
+		toggle: (_item, _index, _checkedItems) => true,
+		"update:keys": (_keys) => true,
+		"update:all": (_isAll) => true
+	},
+	slots: Object,
+	setup(props, { attrs, slots, emit, expose }) {
+		const { t } = useUII18n();
+		const cfg = useComponentConfig("List", props, LIST_FALLBACK);
+		const keyField = computed(() => cfg.value.keyField || LIST_FALLBACK.keyField);
+		const textField = computed(() => cfg.value.textField || LIST_FALLBACK.textField);
+		const hasCheckbox = computed(() => !!cfg.value.hasCheckbox);
+		const listDisabled = computed(() => !!cfg.value.disabled);
+		const checkedKeys = ref([...props.keys || []]);
+		const searchKeyword = ref(props.searchText || "");
+		const isAll = ref(!!props.all);
+		const skipSearch = ref(false);
+		const sourceData = computed(() => {
+			const d = props.data;
+			if (!d) return [];
+			return isArray(d) ? d : [];
+		});
+		const filterData = useSearch(sourceData, searchKeyword, skipSearch, textField.value);
+		const hasResult = computed(() => {
+			if (sourceData.value.length) return filterData.value.length > 0;
+			return !!(props.loading || props.empty);
+		});
+		function isEnabled(item, index) {
+			if (listDisabled.value || item.disabled) return false;
+			if (props.checkable) return !!props.checkable(item, index);
+			return true;
+		}
+		function isItemChecked(item) {
+			if (!hasCheckbox.value) return false;
+			const k = item[keyField.value];
+			return checkedKeys.value.some((key) => key == k);
+		}
+		function isItemActive(item, index) {
+			return !!(props.activable && props.activable(item, index));
+		}
+		function syncAllState() {
+			if (!hasCheckbox.value) {
+				isAll.value = false;
+				return;
+			}
+			const enabled = filterData.value.filter((item, i) => isEnabled(item, i));
+			if (!enabled.length) {
+				isAll.value = false;
+				return;
+			}
+			isAll.value = enabled.every((item) => isItemChecked(item));
+		}
+		function search(text) {
+			searchKeyword.value = text;
+		}
+		function checkAll(checked) {
+			if (!isArray(filterData.value)) return;
+			if (checked) checkedKeys.value = filterData.value.filter((item, i) => isEnabled(item, i)).map((item) => item[keyField.value]);
+			else checkedKeys.value = [];
+			syncAllState();
+			emit("update:keys", [...checkedKeys.value]);
+			emit("update:all", isAll.value);
+		}
+		function onItemToggle(item, index) {
+			if (!isEnabled(item, index) || isItemActive(item, index)) return;
+			emit("toggle", item, index);
+		}
+		function onCheckboxUpdate(item, index, arr) {
+			checkedKeys.value = arr;
+			emit("toggle", item, index, filterData.value.filter((row) => checkedKeys.value.some((k) => k == row[keyField.value])));
+			emit("update:keys", [...checkedKeys.value]);
+			syncAllState();
+			emit("update:all", isAll.value);
+		}
+		function renderItem(item, index) {
+			const disabled = !isEnabled(item, index);
+			const active = isItemActive(item, index);
+			const checked = isItemChecked(item);
+			const content = slots.default?.({
+				item,
+				index,
+				isActive: active,
+				isDisabled: disabled,
+				isChecked: checked
+			}) ?? getItemValue(item, textField.value);
+			const itemClass = [
+				"w-list-item",
+				{
+					"w-list-item-active": active || hasCheckbox.value && checked,
+					"w-list-item-disabled": disabled
+				},
+				normalizeClass(props.itemClass)
+			];
+			if (hasCheckbox.value) {
+				const checkboxProps = {
+					key: item[keyField.value],
+					class: itemClass,
+					modelValue: checkedKeys.value,
+					gap: false,
+					value: item[keyField.value],
+					disabled,
+					"onUpdate:modelValue": (arr) => onCheckboxUpdate(item, index, arr),
+					onChange: () => {
+						syncAllState();
+						emit("update:all", isAll.value);
+					}
+				};
+				return createVNode(Checkbox_default, checkboxProps, _isSlot(content) ? content : { default: () => [content] });
+			}
+			return createVNode("div", {
+				"key": item[keyField.value],
+				"class": itemClass,
+				"role": "option",
+				"aria-disabled": disabled || void 0,
+				"aria-selected": active || void 0,
+				"onClick": () => onItemToggle(item, index)
+			}, [content]);
+		}
+		function wrap(content) {
+			return createVNode(Fragment, null, [
+				slots.search?.({ search }),
+				content,
+				slots.checkAll?.({ checkAll })
+			]);
+		}
+		watch(() => props.keys, (arr) => {
+			checkedKeys.value = [...arr || []];
+		});
+		watch(() => props.searchText, (text) => {
+			searchKeyword.value = text || "";
+		});
+		watch(() => props.all, (v) => {
+			if (v !== void 0) isAll.value = !!v;
+		});
+		watch([
+			filterData,
+			checkedKeys,
+			hasCheckbox
+		], syncAllState, { deep: true });
+		expose({
+			search,
+			checkAll,
+			checkedKeys,
+			isAll
+		});
+		return () => {
+			const fallback = createVNode(Fallback_default, {
+				"loadingProps": props.loadingProps,
+				"emptyProps": props.emptyProps,
+				"loading": props.loading,
+				"empty": props.empty
+			}, null);
+			const emptyProps = {
+				text: t("list.noMatch"),
+				...props.emptyProps || {}
+			};
+			const rootProps = mergeProps({
+				class: "w-list",
+				style: toCssVarsStyle({
+					...propSizeToCssVars("list", cfg.value.size),
+					...propColorToCssVars("list", cfg.value.color),
+					...props.cssVars
+				})
+			}, {
+				class: attrs.class,
+				style: attrs.style
+			});
+			if (props.loading || props.empty) return wrap(fallback);
+			if (!hasResult.value) return wrap(createVNode(Fallback_default, {
+				"empty": true,
+				"emptyProps": emptyProps
+			}, null));
+			return wrap(createVNode("div", rootProps, [filterData.value.map((item, index) => renderItem(item, index))]));
+		};
+	}
+});
+//#endregion
+export { LIST_FALLBACK, List_default as default };
+
+//# sourceMappingURL=List.js.map

package/dist/components/list/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["defineComponent","ref","computed","watch","normalizeClass","mergeProps","isVNode","_isVNode","createVNode","_createVNode","Fragment","_Fragment","isArray","getItemValue","propSizeToCssVars","propColorToCssVars","toCssVarsStyle","useUII18n","useComponentConfig","Fallback","Checkbox","useSearch","_isSlot","s","Object","prototype","toString","call","LIST_FALLBACK","keyField","textField","hasCheckbox","disabled","size","undefined","color","name","inheritAttrs","components","props","data","type","Array","default","Boolean","checkable","Function","activable","searchText","String","all","keys","itemClass","Number","cssVars","loading","empty","loadingProps","emptyProps","emits","toggle","_item","_index","_checkedItems","_keys","_isAll","slots","setup","attrs","emit","expose","t","cfg","value","listDisabled","checkedKeys","searchKeyword","isAll","skipSearch","sourceData","d","filterData","hasResult","length","isEnabled","item","index","isItemChecked","k","some","key","isItemActive","syncAllState","enabled","filter","i","every","search","text","checkAll","checked","map","onItemToggle","onCheckboxUpdate","arr","checkedItems","row","renderItem","active","content","isActive","isDisabled","isChecked","checkboxProps","class","modelValue","gap","onChange","onClick","wrap","v","deep","fallback","rootProps","style"],"sources":["../../../components/list/List.tsx"],"sourcesContent":["import type { PropType, SlotsType } from 'vue'\r\nimport {\r\n  defineComponent,\r\n  ref,\r\n  computed,\r\n  watch,\r\n  normalizeClass,\r\n  mergeProps,\r\n} from 'vue'\r\nimport {\r\n  isArray,\r\n  getItemValue,\r\n  propSizeToCssVars,\r\n  propColorToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport Fallback from '../fallback/index'\r\nimport Checkbox from '../checkbox/index'\r\nimport useSearch from '../../use/useSearch'\r\nimport type { EmptyComponentProps } from '../empty/type'\r\nimport type { LoadingComponentProps } from '../loading/type'\r\n\r\n/** 可通过 app.use(UI, { components: { List } }) 配置；不宜配 data/keys/checkable/activable */\r\nexport type ListGlobalConfig = Partial<{\r\n  keyField: string\r\n  textField: string\r\n  hasCheckbox: boolean\r\n  disabled: boolean\r\n  size: number\r\n  color: string\r\n}>\r\n\r\nexport const LIST_FALLBACK = {\r\n  keyField: 'Id',\r\n  textField: 'Name',\r\n  hasCheckbox: false,\r\n  disabled: false,\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n}\r\nexport type ListItemType = Record<string, any>\r\nexport type ListCheckable = (item: ListItemType, index: number) => boolean\r\nexport type ListActivable = (item: ListItemType, index: number) => boolean\r\n\r\ntype ListSlots = {\r\n  default?: (scope: {\r\n    item: ListItemType\r\n    index: number\r\n    isActive: boolean\r\n    isDisabled: boolean\r\n    isChecked: boolean\r\n  }) => any\r\n  search?: (scope: { search: (text: string) => void }) => any\r\n  checkAll?: (scope: { checkAll: (checked: boolean) => void }) => any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'List',\r\n  inheritAttrs: false,\r\n  components: { Fallback, Checkbox },\r\n  props: {\r\n    data: {\r\n      type: [Array, Object] as PropType<ListItemType[]>,\r\n      default: undefined,\r\n    },\r\n    disabled: { type: Boolean, default: undefined },\r\n    checkable: {\r\n      type: Function as PropType<ListCheckable>,\r\n      default: undefined,\r\n    },\r\n    activable: {\r\n      type: Function as PropType<ListActivable>,\r\n      default: undefined,\r\n    },\r\n    searchText: { type: String, default: undefined },\r\n    all: { type: Boolean, default: undefined },\r\n    keys: {\r\n      type: Array as PropType<any[]>,\r\n      default: undefined,\r\n    },\r\n    keyField: { type: String, default: undefined },\r\n    textField: { type: String, default: undefined },\r\n    hasCheckbox: { type: Boolean, default: undefined },\r\n    itemClass: {\r\n      type: [Array, Object, String] as PropType<unknown>,\r\n      default: undefined,\r\n    },\r\n    /** 实例行高（px）→ `--w-prop-list-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-list-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-list-bg-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    loading: { type: Boolean, default: false },\r\n    empty: { type: Boolean, default: false },\r\n    loadingProps: {\r\n      type: Object as PropType<LoadingComponentProps>,\r\n      default: () => ({}),\r\n    },\r\n    emptyProps: {\r\n      type: Object as PropType<EmptyComponentProps>,\r\n      default: () => ({}),\r\n    },\r\n  },\r\n  emits: {\r\n    toggle: (\r\n      _item: ListItemType,\r\n      _index: number,\r\n      _checkedItems?: ListItemType[],\r\n    ) => true,\r\n    'update:keys': (_keys: any[]) => true,\r\n    'update:all': (_isAll: boolean) => true,\r\n  },\r\n  slots: Object as SlotsType<ListSlots>,\r\n  setup(props, { attrs, slots, emit, expose }) {\r\n    const { t } = useUII18n()\r\n    const cfg = useComponentConfig('List', props, LIST_FALLBACK)\r\n\r\n    const keyField = computed(\r\n      () => cfg.value.keyField || LIST_FALLBACK.keyField,\r\n    )\r\n    const textField = computed(\r\n      () => cfg.value.textField || LIST_FALLBACK.textField,\r\n    )\r\n    const hasCheckbox = computed(() => !!cfg.value.hasCheckbox)\r\n    const listDisabled = computed(() => !!cfg.value.disabled)\r\n\r\n    const checkedKeys = ref<any[]>([...(props.keys || [])])\r\n    const searchKeyword = ref(props.searchText || '')\r\n    const isAll = ref(!!props.all)\r\n    const skipSearch = ref(false)\r\n\r\n    const sourceData = computed(() => {\r\n      const d = props.data\r\n      if (!d) return [] as ListItemType[]\r\n      return isArray(d) ? d : []\r\n    })\r\n\r\n    const filterData = useSearch<ListItemType>(\r\n      sourceData,\r\n      searchKeyword,\r\n      skipSearch,\r\n      textField.value,\r\n    )\r\n\r\n    const hasResult = computed(() => {\r\n      if (sourceData.value.length) return filterData.value.length > 0\r\n      return !!(props.loading || props.empty)\r\n    })\r\n\r\n    function isEnabled(item: ListItemType, index: number) {\r\n      if (listDisabled.value || item.disabled) return false\r\n      if (props.checkable) return !!props.checkable(item, index)\r\n      return true\r\n    }\r\n\r\n    function isItemChecked(item: ListItemType) {\r\n      if (!hasCheckbox.value) return false\r\n      const k = item[keyField.value]\r\n      return checkedKeys.value.some((key) => key == k)\r\n    }\r\n\r\n    function isItemActive(item: ListItemType, index: number) {\r\n      return !!(props.activable && props.activable(item, index))\r\n    }\r\n\r\n    function syncAllState() {\r\n      if (!hasCheckbox.value) {\r\n        isAll.value = false\r\n        return\r\n      }\r\n      const enabled = filterData.value.filter((item, i) => isEnabled(item, i))\r\n      if (!enabled.length) {\r\n        isAll.value = false\r\n        return\r\n      }\r\n      isAll.value = enabled.every((item) => isItemChecked(item))\r\n    }\r\n\r\n    function search(text: string) {\r\n      searchKeyword.value = text\r\n    }\r\n\r\n    function checkAll(checked: boolean) {\r\n      if (!isArray(filterData.value)) return\r\n      if (checked) {\r\n        checkedKeys.value = filterData.value\r\n          .filter((item, i) => isEnabled(item, i))\r\n          .map((item) => item[keyField.value])\r\n      } else {\r\n        checkedKeys.value = []\r\n      }\r\n      syncAllState()\r\n      emit('update:keys', [...checkedKeys.value])\r\n      emit('update:all', isAll.value)\r\n    }\r\n\r\n    function onItemToggle(item: ListItemType, index: number) {\r\n      if (!isEnabled(item, index) || isItemActive(item, index)) return\r\n      emit('toggle', item, index)\r\n    }\r\n\r\n    function onCheckboxUpdate(\r\n      item: ListItemType,\r\n      index: number,\r\n      arr: any[],\r\n    ) {\r\n      checkedKeys.value = arr\r\n      const checkedItems = filterData.value.filter((row) =>\r\n        checkedKeys.value.some((k) => k == row[keyField.value]),\r\n      )\r\n      emit('toggle', item, index, checkedItems)\r\n      emit('update:keys', [...checkedKeys.value])\r\n      syncAllState()\r\n      emit('update:all', isAll.value)\r\n    }\r\n\r\n    function renderItem(item: ListItemType, index: number) {\r\n      const disabled = !isEnabled(item, index)\r\n      const active = isItemActive(item, index)\r\n      const checked = isItemChecked(item)\r\n      const content =\r\n        slots.default?.({\r\n          item,\r\n          index,\r\n          isActive: active,\r\n          isDisabled: disabled,\r\n          isChecked: checked,\r\n        }) ?? getItemValue(item, textField.value)\r\n\r\n      const itemClass = [\r\n        'w-list-item',\r\n        {\r\n          'w-list-item-active': active || (hasCheckbox.value && checked),\r\n          'w-list-item-disabled': disabled,\r\n        },\r\n        normalizeClass(props.itemClass as any),\r\n      ]\r\n\r\n      if (hasCheckbox.value) {\r\n        const checkboxProps: any = {\r\n          key: item[keyField.value],\r\n          class: itemClass,\r\n          modelValue: checkedKeys.value,\r\n          gap: false,\r\n          value: item[keyField.value],\r\n          disabled,\r\n          'onUpdate:modelValue': (arr: any[]) =>\r\n            onCheckboxUpdate(item, index, arr),\r\n          onChange: () => {\r\n            syncAllState()\r\n            emit('update:all', isAll.value)\r\n          },\r\n        }\r\n        return <Checkbox {...checkboxProps}>{content}</Checkbox>\r\n      }\r\n\r\n      return (\r\n        <div\r\n          key={item[keyField.value]}\r\n          class={itemClass}\r\n          role=\"option\"\r\n          aria-disabled={disabled || undefined}\r\n          aria-selected={active || undefined}\r\n          onClick={() => onItemToggle(item, index)}>\r\n          {content}\r\n        </div>\r\n      )\r\n    }\r\n\r\n    function wrap(content: any) {\r\n      return (\r\n        <>\r\n          {slots.search?.({ search })}\r\n          {content}\r\n          {slots.checkAll?.({ checkAll })}\r\n        </>\r\n      )\r\n    }\r\n\r\n    watch(\r\n      () => props.keys,\r\n      (arr) => {\r\n        checkedKeys.value = [...(arr || [])]\r\n      },\r\n    )\r\n\r\n    watch(\r\n      () => props.searchText,\r\n      (text) => {\r\n        searchKeyword.value = text || ''\r\n      },\r\n    )\r\n\r\n    watch(\r\n      () => props.all,\r\n      (v) => {\r\n        if (v !== undefined) isAll.value = !!v\r\n      },\r\n    )\r\n\r\n    watch([filterData, checkedKeys, hasCheckbox], syncAllState, {\r\n      deep: true,\r\n    })\r\n\r\n    expose({ search, checkAll, checkedKeys, isAll })\r\n\r\n    return () => {\r\n      const fallback = (\r\n        <Fallback\r\n          loadingProps={props.loadingProps}\r\n          emptyProps={props.emptyProps}\r\n          loading={props.loading}\r\n          empty={props.empty}\r\n        />\r\n      )\r\n      const emptyProps = {\r\n        text: t('list.noMatch'),\r\n        ...(props.emptyProps || {}),\r\n      }\r\n\r\n      const rootProps = mergeProps(\r\n        {\r\n          class: 'w-list',\r\n          style: toCssVarsStyle({\r\n            ...propSizeToCssVars('list', cfg.value.size),\r\n            ...propColorToCssVars('list', cfg.value.color),\r\n            ...props.cssVars,\r\n          }),\r\n        },\r\n        { class: attrs.class, style: attrs.style },\r\n      )\r\n\r\n      if (props.loading || props.empty) {\r\n        return wrap(fallback)\r\n      }\r\n      if (!hasResult.value) {\r\n        return wrap(<Fallback empty emptyProps={emptyProps} />)\r\n      }\r\n      return wrap(\r\n        <div {...rootProps}>\r\n          {filterData.value.map((item, index) => renderItem(item, index))}\r\n        </div>,\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+/** re-export for plugin / 外部引用 */
+export type { ListGlobalConfig } from './List';
+export { LIST_FALLBACK } from './List';

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

@@ -0,0 +1,3 @@
+export { default } from './List';
+export type { ListItemType, ListCheckable, ListActivable, ListGlobalConfig, } from './List';
+export { LIST_FALLBACK } from './List';

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

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

package/dist/components/loading/Loading.d.ts

@@ -0,0 +1,97 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+export type { LoadingGlobalConfig } from './config';
+export { LOADING_FALLBACK } from './config';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: any;
+    };
+    fontClassName: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例尺度（px）→ `--w-prop-loading-size`；图标由 --__size 派生 */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 主色 → `--w-prop-loading-color`（prop > `--w-loading-color` > `--w-loading-icon-color`） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hasTransition: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: any;
+    };
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:show" | "update:text")[], "update:show" | "update:text", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: any;
+    };
+    fontClassName: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例尺度（px）→ `--w-prop-loading-size`；图标由 --__size 派生 */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 主色 → `--w-prop-loading-color`（prop > `--w-loading-color` > `--w-loading-icon-color`） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hasTransition: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: any;
+    };
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{
+    "onUpdate:show"?: (...args: any[]) => any;
+    "onUpdate:text"?: (...args: any[]) => any;
+}>, {
+    text: string;
+    size: number;
+    name: string;
+    fontClassName: string;
+    color: string;
+    show: boolean;
+    hasTransition: boolean;
+    transitionName: string;
+    cssVars: CssVars;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/loading/Loading.js

@@ -0,0 +1,124 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import Icon_default from "../icon/Icon.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import { LOADING_FALLBACK } from "./config.js";
+import { Fragment, Transition, computed, createVNode, defineComponent, isVNode, ref, vShow, watch, withDirectives } from "vue";
+//#region components/loading/Loading.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var Loading_default = /* @__PURE__ */ defineComponent({
+	name: "Loading",
+	props: {
+		name: {
+			type: String,
+			default: void 0
+		},
+		fontClassName: {
+			type: String,
+			default: void 0
+		},
+		/** 实例尺度（px）→ `--w-prop-loading-size`；图标由 --__size 派生 */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 主色 → `--w-prop-loading-color`（prop > `--w-loading-color` > `--w-loading-icon-color`） */
+		color: {
+			type: String,
+			default: void 0
+		},
+		show: {
+			type: Boolean,
+			default: false
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		hasTransition: {
+			type: Boolean,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			default: void 0
+		},
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["update:show", "update:text"],
+	setup(props, { slots, emit, expose }) {
+		const cfg = useComponentConfig("Loading", props, LOADING_FALLBACK);
+		const root = ref();
+		const _show = ref(props.show);
+		const _text = ref(props.text);
+		const _zIndex = ref(null);
+		const wrapperOptions = computed(() => ({
+			class: "w-loading",
+			ref: root,
+			style: toCssVarsStyle({
+				...propSizeToCssVars("loading", cfg.value.size),
+				...propColorToCssVars("loading", cfg.value.color),
+				...props.cssVars,
+				"z-index": _zIndex.value ?? void 0
+			})
+		}));
+		const iconOptions = computed(() => ({
+			name: cfg.value.name || "loading",
+			class: "w-loading-icon",
+			fontClassName: cfg.value.fontClassName
+		}));
+		function show() {
+			_show.value = true;
+		}
+		function hide() {
+			_show.value = false;
+		}
+		function setText(text) {
+			_text.value = text;
+		}
+		function setZIndex(i) {
+			_zIndex.value = i;
+			root.value?.style.setProperty("zIndex", i);
+		}
+		function setHeight(height) {
+			root.value?.style.setProperty("height", height);
+		}
+		expose({
+			show,
+			hide,
+			setText,
+			setZIndex,
+			setHeight
+		});
+		watch(_show, (v) => {
+			emit("update:show", v);
+		});
+		watch(() => props.show, (v) => {
+			_show.value = v;
+		});
+		watch(() => props.text, (v) => {
+			_text.value = v;
+		});
+		watch(_text, (t) => {
+			emit("update:text", t);
+		});
+		return () => {
+			let comp = withDirectives(createVNode("div", wrapperOptions.value, [slots.default?.() ?? createVNode(Fragment, null, [createVNode(Icon_default, iconOptions.value, null), _text.value && createVNode("div", { "class": "w-loading-text" }, [_text.value])])]), [[vShow, _show.value]]);
+			if (cfg.value.hasTransition) {
+				const _comp = function() {
+					return comp;
+				}();
+				comp = createVNode(Transition, { "name": cfg.value.transitionName }, _isSlot(comp) ? comp : { default: () => [_comp] });
+			}
+			return comp;
+		};
+	}
+});
+//#endregion
+export { Loading_default as default };
+
+//# sourceMappingURL=Loading.js.map

package/dist/components/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","names":["ref","computed","watch","defineComponent","Transition","vShow","withDirectives","Fragment","_Fragment","createVNode","_createVNode","isVNode","_isVNode","Icon","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","useComponentConfig","LOADING_FALLBACK","_isSlot","s","Object","prototype","toString","call","name","props","type","String","default","undefined","fontClassName","size","Number","color","show","Boolean","text","hasTransition","transitionName","cssVars","emits","setup","slots","emit","expose","cfg","root","_show","_text","_zIndex","wrapperOptions","class","style","value","iconOptions","hide","setText","setZIndex","i","setProperty","setHeight","height","v","t","comp","_comp"],"sources":["../../../components/loading/Loading.tsx"],"sourcesContent":["import {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  defineComponent,\r\n  Transition,\r\n  vShow,\r\n  withDirectives,\r\n  type PropType,\r\n} from 'vue'\r\nimport Icon from '../icon/index'\r\nimport {\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport { LOADING_FALLBACK } from './config'\r\n\r\nexport type { LoadingGlobalConfig } from './config'\r\nexport { LOADING_FALLBACK } from './config'\r\n\r\nexport default defineComponent({\r\n  name: 'Loading',\r\n  props: {\r\n    name: { type: String, default: undefined },\r\n    fontClassName: { type: String, default: undefined },\r\n    /** 实例尺度（px）→ `--w-prop-loading-size`；图标由 --__size 派生 */\r\n    size: { type: Number, default: undefined },\r\n    /** 主色 → `--w-prop-loading-color`（prop > `--w-loading-color` > `--w-loading-icon-color`） */\r\n    color: { type: String, default: undefined },\r\n    show: { type: Boolean, default: false },\r\n    text: { type: String, default: '' },\r\n    hasTransition: { type: Boolean, default: undefined },\r\n    transitionName: { type: String, default: undefined },\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: ['update:show', 'update:text'],\r\n  setup(props, { slots, emit, expose }) {\r\n    const cfg = useComponentConfig('Loading', props, LOADING_FALLBACK)\r\n    const root = ref<HTMLElement>()\r\n    const _show = ref(props.show)\r\n    const _text = ref(props.text)\r\n    const _zIndex = ref<string | number | null>(null)\r\n\r\n    const wrapperOptions = computed(() => ({\r\n      class: 'w-loading',\r\n      ref: root,\r\n      style: toCssVarsStyle({\r\n        ...propSizeToCssVars('loading', cfg.value.size),\r\n        ...propColorToCssVars('loading', cfg.value.color),\r\n        ...props.cssVars,\r\n        'z-index': _zIndex.value ?? undefined,\r\n      }),\r\n    }))\r\n\r\n    const iconOptions = computed(() => ({\r\n      name: cfg.value.name || 'loading',\r\n      class: 'w-loading-icon',\r\n      fontClassName: cfg.value.fontClassName,\r\n    }))\r\n\r\n    function show() {\r\n      _show.value = true\r\n    }\r\n    function hide() {\r\n      _show.value = false\r\n    }\r\n    function setText(text: string) {\r\n      _text.value = text\r\n    }\r\n    function setZIndex(i: string | null) {\r\n      _zIndex.value = i\r\n      root.value?.style.setProperty('zIndex', i)\r\n    }\r\n    function setHeight(height: string) {\r\n      root.value?.style.setProperty('height', height)\r\n    }\r\n    expose({ show, hide, setText, setZIndex, setHeight })\r\n\r\n    watch(_show, (v) => {\r\n      emit('update:show', v)\r\n    })\r\n    watch(\r\n      () => props.show,\r\n      (v) => {\r\n        _show.value = v\r\n      },\r\n    )\r\n    watch(\r\n      () => props.text,\r\n      (v) => {\r\n        _text.value = v\r\n      },\r\n    )\r\n    watch(_text, (t) => {\r\n      emit('update:text', t)\r\n    })\r\n\r\n    return () => {\r\n      let comp = withDirectives(\r\n        <div {...wrapperOptions.value}>\r\n          {slots.default?.() ?? (\r\n            <>\r\n              <Icon {...iconOptions.value} />\r\n              {_text.value && <div class=\"w-loading-text\">{_text.value}</div>}\r\n            </>\r\n          )}\r\n        </div>,\r\n        [[vShow, _show.value]],\r\n      )\r\n      if (cfg.value.hasTransition) {\r\n        comp = <Transition name={cfg.value.transitionName}>{comp}</Transition>\r\n      }\r\n      return comp\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+/**
+ * 可通过 `app.use(UI, { components: { Loading: {...} } })` 配置的项。
+ * 不宜全局配置：show / text（实例态）。
+ */
+export type LoadingGlobalConfig = Partial<{
+    name: string;
+    fontClassName: string;
+    /** 尺度核（px）→ `--w-prop-loading-size` */
+    size: number;
+    /** 主色 → `--w-prop-loading-color` */
+    color: string;
+    hasTransition: boolean;
+    transitionName: string;
+}>;
+export declare const LOADING_FALLBACK: {
+    name: string | undefined;
+    fontClassName: string | undefined;
+    size: number | undefined;
+    color: string | undefined;
+    hasTransition: boolean;
+    transitionName: string;
+};

package/dist/components/loading/config.js

@@ -0,0 +1,13 @@
+//#region components/loading/config.ts
+var LOADING_FALLBACK = {
+	name: "loading",
+	fontClassName: void 0,
+	size: void 0,
+	color: void 0,
+	hasTransition: true,
+	transitionName: "w-scale"
+};
+//#endregion
+export { LOADING_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/loading/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Loading: {...} } })` 配置的项。\r\n * 不宜全局配置：show / text（实例态）。\r\n */\r\nexport type LoadingGlobalConfig = Partial<{\r\n  name: string\r\n  fontClassName: string\r\n  /** 尺度核（px）→ `--w-prop-loading-size` */\r\n  size: number\r\n  /** 主色 → `--w-prop-loading-color` */\r\n  color: string\r\n  hasTransition: boolean\r\n  transitionName: string\r\n}>\r\n\r\nexport const LOADING_FALLBACK = {\r\n  name: 'loading' as string | undefined,\r\n  fontClassName: undefined as string | undefined,\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n  hasTransition: true,\r\n  transitionName: 'w-scale',\r\n}\r\n"],"mappings":";AAeA,IAAa,mBAAmB;CAC9B,MAAM;CACN,eAAe,KAAA;CACf,MAAM,KAAA;CACN,OAAO,KAAA;CACP,eAAe;CACf,gBAAgB;AAClB"}

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

@@ -0,0 +1,3 @@
+export { default, LOADING_FALLBACK } from './Loading';
+export type { LoadingGlobalConfig } from './Loading';
+export type { LoadingComponentProps } from './type';

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

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

package/dist/components/loading/type.d.ts

@@ -0,0 +1,13 @@
+import { IconComponentProps } from '../icon/type';
+export interface LoadingComponentProps extends Omit<IconComponentProps, 'size'> {
+    name?: string;
+    fontClassName?: string;
+    show?: boolean;
+    text?: string;
+    /** 尺度核（px）→ `--w-prop-loading-size` */
+    size?: number;
+    /** 主色 → `--w-prop-loading-color` */
+    color?: string;
+    hasTransition?: boolean;
+    transitionName?: string;
+}