@xihan-ui/vue 2.0.0 → 3.0.0

package/dist/components/number-field/number-field.js

@@ -32,6 +32,11 @@ const XhNumberFieldRoot = defineComponent({
 		name: { type: String },
 		changeDelay: { type: Number },
 		changeInterval: { type: Number },
+		minChangeInterval: { type: Number },
+		clampValueOnBlur: {
+			type: Boolean,
+			default: void 0
+		},
 		variant: { type: String },
 		tone: { type: String },
 		size: { type: String },
@@ -56,6 +61,7 @@ const XhNumberFieldRoot = defineComponent({
 			empty: ctx.api.value.empty,
 			canIncrement: ctx.api.value.canIncrement,
 			canDecrement: ctx.api.value.canDecrement,
+			outOfRange: ctx.api.value.outOfRange,
 			setValue: ctx.api.value.setValue,
 			increment: ctx.api.value.increment,
 			decrement: ctx.api.value.decrement

package/dist/components/number-field/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","names":[],"sources":["../../../src/components/number-field/number-field.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 number field 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { NumberFieldApi, NumberFieldSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideNumberField, useNumberFieldContext } from './context'\nimport { useNumberField } from './use-number-field'\n\ntype NumberFieldProps = NumberFieldSchema['props']\n\n/** 默认插槽的载荷：原始输入串与其数值、增减是否仍可进行，以及写值、增减的命令。 */\nexport type NumberFieldRootSlotProps = Pick<\n  NumberFieldApi,\n  'value' | 'valueAsNumber' | 'empty' | 'canIncrement' | 'canDecrement' | 'setValue' | 'increment' | 'decrement'\n>\n\nexport const XhNumberFieldRoot = defineComponent({\n  name: 'XhNumberFieldRoot',\n  props: {\n    // 值是原始输入串；缺席值 undefined 表示非受控\n    value: { type: String },\n    defaultValue: { type: String },\n    min: { type: Number },\n    max: { type: Number },\n    step: { type: Number },\n    largeStep: { type: Number },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String },\n    changeDelay: { type: Number },\n    changeInterval: { type: Number },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    parse: { type: Function as PropType<NumberFieldProps['parse']> },\n    format: { type: Function as PropType<NumberFieldProps['format']> },\n  },\n  // value-change 携带 { value, valueAsNumber }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<NumberFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<NumberFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: NumberFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: NumberFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useNumberField(useFormControlProps(props) as NumberFieldProps, notify)\n    provideNumberField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsNumber: ctx.api.value.valueAsNumber,\n      empty: ctx.api.value.empty,\n      canIncrement: ctx.api.value.canIncrement,\n      canDecrement: ctx.api.value.canDecrement,\n      setValue: ctx.api.value.setValue,\n      increment: ctx.api.value.increment,\n      decrement: ctx.api.value.decrement,\n    }))\n  },\n})\n\nexport const XhNumberFieldLabel = defineComponent({\n  name: 'XhNumberFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldControl = defineComponent({\n  name: 'XhNumberFieldControl',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    // 视觉盒：输入框与加减钮都放进来，皮肤把描边、底色、聚焦环画在它身上\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldPrefix = defineComponent({\n  name: 'XhNumberFieldPrefix',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('span', ctx.api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldSuffix = defineComponent({\n  name: 'XhNumberFieldSuffix',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('span', ctx.api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldInput = defineComponent({\n  name: 'XhNumberFieldInput',\n  setup() {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useNumberFieldContext()\n    return () => h('input', fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getInputProps() as Record<string, unknown> }))\n  },\n})\n\nexport const XhNumberFieldIncrementTrigger = defineComponent({\n  name: 'XhNumberFieldIncrementTrigger',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('button', ctx.api.value.getIncrementTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldDecrementTrigger = defineComponent({\n  name: 'XhNumberFieldDecrementTrigger',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('button', ctx.api.value.getDecrementTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAyBA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO;EAEL,OAAO,EAAE,MAAM,OAAO;EACtB,cAAc,EAAE,MAAM,OAAO;EAC7B,KAAK,EAAE,MAAM,OAAO;EACpB,KAAK,EAAE,MAAM,OAAO;EACpB,MAAM,EAAE,MAAM,OAAO;EACrB,WAAW,EAAE,MAAM,OAAO;EAC1B,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,MAAM,EAAE,MAAM,OAAO;EACrB,aAAa,EAAE,MAAM,OAAO;EAC5B,gBAAgB,EAAE,MAAM,OAAO;EAC/B,SAAS,EAAE,MAAM,OAAmC;EACpD,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,OAAO,EAAE,MAAM,SAAgD;EAC/D,QAAQ,EAAE,MAAM,SAAiD;CACnE;CAEA,OAAO;EACL,iBAAiB,aAA2D;EAC5E,iBAAiB,WAAkE;CACrF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA6C,YAAY;GAC7D,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,MAAM,eAAe,oBAAoB,KAAK,GAAuB,MAAM;EACjF,mBAAmB,GAAG;EACtB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,eAAe,IAAI,IAAI,MAAM;GAC7B,OAAO,IAAI,IAAI,MAAM;GACrB,cAAc,IAAI,IAAI,MAAM;GAC5B,cAAc,IAAI,IAAI,MAAM;GAC5B,UAAU,IAAI,IAAI,MAAM;GACxB,WAAW,IAAI,IAAI,MAAM;GACzB,WAAW,IAAI,IAAI,MAAM;EAC3B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAElC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,QAAQ;EAEN,MAAM,cAAc,oBAAoB;EAExC,MAAM,aAAa,oBAAoB;EACvC,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,SAAS,WAAW,MAAM;GAAE,GAAG,YAAY;GAAO,GAAG,IAAI,IAAI,MAAM,cAAc;EAA6B,CAAC,CAAC;CACjI;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,yBAAyB,GAA8B,MAAM,UAAU,CAAC;CACjH;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,yBAAyB,GAA8B,MAAM,UAAU,CAAC;CACjH;AACF,CAAC"}
+{"version":3,"file":"number-field.js","names":[],"sources":["../../../src/components/number-field/number-field.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 number field 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { NumberFieldApi, NumberFieldSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideNumberField, useNumberFieldContext } from './context'\nimport { useNumberField } from './use-number-field'\n\ntype NumberFieldProps = NumberFieldSchema['props']\n\n/** 默认插槽的载荷：原始输入串与其数值、增减是否仍可进行，以及写值、增减的命令。 */\nexport type NumberFieldRootSlotProps = Pick<\n  NumberFieldApi,\n  'value' | 'valueAsNumber' | 'empty' | 'canIncrement' | 'canDecrement' | 'outOfRange' | 'setValue' | 'increment' | 'decrement'\n>\n\nexport const XhNumberFieldRoot = defineComponent({\n  name: 'XhNumberFieldRoot',\n  props: {\n    // 值是原始输入串；缺席值 undefined 表示非受控\n    value: { type: String },\n    defaultValue: { type: String },\n    min: { type: Number },\n    max: { type: Number },\n    step: { type: Number },\n    largeStep: { type: Number },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String },\n    changeDelay: { type: Number },\n    changeInterval: { type: Number },\n    minChangeInterval: { type: Number },\n    clampValueOnBlur: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    parse: { type: Function as PropType<NumberFieldProps['parse']> },\n    format: { type: Function as PropType<NumberFieldProps['format']> },\n  },\n  // value-change 携带 { value, valueAsNumber }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<NumberFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<NumberFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: NumberFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: NumberFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useNumberField(useFormControlProps(props) as NumberFieldProps, notify)\n    provideNumberField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsNumber: ctx.api.value.valueAsNumber,\n      empty: ctx.api.value.empty,\n      canIncrement: ctx.api.value.canIncrement,\n      canDecrement: ctx.api.value.canDecrement,\n      outOfRange: ctx.api.value.outOfRange,\n      setValue: ctx.api.value.setValue,\n      increment: ctx.api.value.increment,\n      decrement: ctx.api.value.decrement,\n    }))\n  },\n})\n\nexport const XhNumberFieldLabel = defineComponent({\n  name: 'XhNumberFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldControl = defineComponent({\n  name: 'XhNumberFieldControl',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    // 视觉盒：输入框与加减钮都放进来，皮肤把描边、底色、聚焦环画在它身上\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldPrefix = defineComponent({\n  name: 'XhNumberFieldPrefix',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('span', ctx.api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldSuffix = defineComponent({\n  name: 'XhNumberFieldSuffix',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('span', ctx.api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldInput = defineComponent({\n  name: 'XhNumberFieldInput',\n  setup() {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useNumberFieldContext()\n    return () => h('input', fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getInputProps() as Record<string, unknown> }))\n  },\n})\n\nexport const XhNumberFieldIncrementTrigger = defineComponent({\n  name: 'XhNumberFieldIncrementTrigger',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('button', ctx.api.value.getIncrementTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNumberFieldDecrementTrigger = defineComponent({\n  name: 'XhNumberFieldDecrementTrigger',\n  setup(_, { slots }) {\n    const ctx = useNumberFieldContext()\n    return () => h('button', ctx.api.value.getDecrementTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/page-header/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","names":[],"sources":["../../../src/components/page-header/page-header.ts"],"mappings":";;;;cAiBa,gCAAgB,8BAAA;;IAGD,MAAA,SAAS;;;;;;IAIN,MAAA,SAAS;;;;;;IAJZ,MAAA,SAAS;;;;;;IAIN,MAAA,SAAS;;;;qCAOtC;cAGW,sCAAsB,wCAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,uCAAuB,8BAAA;;;;;;;;;;;;;;qCAalC;;;;;cAMW,iCAAiB,8BAAA;;;;;;;;;;;;;;qCAS5B;cAGW,uCAAuB,wCAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"page-header.d.ts","names":[],"sources":["../../../src/components/page-header/page-header.ts"],"mappings":";;;;cAiBa,gCAAgB,8BAAA;;IAGD,MAAA,SAAS;;;;;;IAIN,MAAA,SAAS;;;;;;IAJZ,MAAA,SAAS;;;;;;IAIN,MAAA,SAAS;;;;qCAStC;cAGW,sCAAsB,wCAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,uCAAuB,8BAAA;;;;;;;;;;;;;;qCAalC;;;;;cAMW,iCAAiB,8BAAA;;;;;;;;;;;;;;qCAS5B;cAGW,uCAAuB,wCAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/page-header/page-header.js

@@ -15,7 +15,8 @@ const XhPageHeaderRoot = defineComponent({
 		variant: { type: String }
 	},
 	setup(props, { slots }) {
-		const api = computed(() => connectPageHeader(withXhConfig("page-header", props), vueNormalize));
+		const configured = withXhConfig("page-header", props);
+		const api = computed(() => connectPageHeader(configured, vueNormalize));
 		providePageHeader({ api });
 		return () => h("div", api.value.getRootProps(), slots.default?.());
 	}

package/dist/components/page-header/page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","names":[],"sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 page header 相关实现。\n\nimport type { ControlVariant, Size } from '@xihan-ui/core'\nimport type { PageHeaderProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectPageHeader } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { providePageHeader, usePageHeaderContext } from './context'\n\n/** 根节点渲染为 div，默认值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined */\nexport const XhPageHeaderRoot = defineComponent({\n  name: 'XhPageHeaderRoot',\n  props: {\n    size: { type: String as PropType<Size> },\n    /** 在页头底部绘制一条分隔线；有面的两档不画它，边界由描边承担。 */\n    split: Boolean,\n    /** 形态：ghost 贴在页面底色上，outline 为带描边的独立面，subtle 淡底；未写落 ghost。 */\n    variant: { type: String as PropType<ControlVariant> },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectPageHeader(withXhConfig('page-header', props) as PageHeaderProps, vueNormalize))\n    providePageHeader({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 面包屑位：整行排在标题之上，装什么归作者（通常是一条 XhBreadcrumbRoot）\nexport const XhPageHeaderBreadcrumb = defineComponent({\n  name: 'XhPageHeaderBreadcrumb',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getBreadcrumbProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 头像 / 图标位：排在返回位与标题之间，图形本身归作者\nexport const XhPageHeaderMedia = defineComponent({\n  name: 'XhPageHeaderMedia',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getMediaProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 返回位：组件只提供身份与位置，按钮本身归作者。\n * as 决定渲染为哪个标签，默认 button；不自动补 type=\"button\"，位于表单中时需自行声明。\n */\nexport const XhPageHeaderBackTrigger = defineComponent({\n  name: 'XhPageHeaderBackTrigger',\n  props: {\n    as: { type: String, default: 'button' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getBackTriggerProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 标题默认渲染为 div：它只做视觉主次，组件自身不向文档大纲插入一级标题。\n * as 决定渲染为哪个标签：该块在页面大纲中确实是一级标题时写 as=\"h1\"（或 hN）。\n */\nexport const XhPageHeaderTitle = defineComponent({\n  name: 'XhPageHeaderTitle',\n  props: {\n    as: { type: String, default: 'div' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h(props.as, ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标题下方的说明文字\nexport const XhPageHeaderDescription = defineComponent({\n  name: 'XhPageHeaderDescription',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 操作槽只排版，按钮由作者放进插槽\nexport const XhPageHeaderExtra = defineComponent({\n  name: 'XhPageHeaderExtra',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getExtraProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 页脚整行另起，装描述、标签页或一组摘要\nexport const XhPageHeaderFooter = defineComponent({\n  name: 'XhPageHeaderFooter',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;AAiBA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;EACL,MAAM,EAAE,MAAM,OAAyB;;EAEvC,OAAO;;EAEP,SAAS,EAAE,MAAM,OAAmC;CACtD;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,kBAAkB,aAAa,eAAe,KAAK,GAAsB,YAAY,CAAC;EACjH,kBAAkB,EAAE,IAAI,CAAC;EACzB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAGD,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;;;;;AAMD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO,EACL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAS,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,oBAAoB,GAClC,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;AAMD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO,EACL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAM,EACrC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAGD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACzG;AACF,CAAC;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}
+{"version":3,"file":"page-header.js","names":[],"sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 page header 相关实现。\n\nimport type { ControlVariant, Size } from '@xihan-ui/core'\nimport type { PageHeaderProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectPageHeader } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { providePageHeader, usePageHeaderContext } from './context'\n\n/** 根节点渲染为 div，默认值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined */\nexport const XhPageHeaderRoot = defineComponent({\n  name: 'XhPageHeaderRoot',\n  props: {\n    size: { type: String as PropType<Size> },\n    /** 在页头底部绘制一条分隔线；有面的两档不画它，边界由描边承担。 */\n    split: Boolean,\n    /** 形态：ghost 贴在页面底色上，outline 为带描边的独立面，subtle 淡底；未写落 ghost。 */\n    variant: { type: String as PropType<ControlVariant> },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('page-header', props)\n    const api = computed(() => connectPageHeader(configured as PageHeaderProps, vueNormalize))\n    providePageHeader({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 面包屑位：整行排在标题之上，装什么归作者（通常是一条 XhBreadcrumbRoot）\nexport const XhPageHeaderBreadcrumb = defineComponent({\n  name: 'XhPageHeaderBreadcrumb',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getBreadcrumbProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 头像 / 图标位：排在返回位与标题之间，图形本身归作者\nexport const XhPageHeaderMedia = defineComponent({\n  name: 'XhPageHeaderMedia',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getMediaProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 返回位：组件只提供身份与位置，按钮本身归作者。\n * as 决定渲染为哪个标签，默认 button；不自动补 type=\"button\"，位于表单中时需自行声明。\n */\nexport const XhPageHeaderBackTrigger = defineComponent({\n  name: 'XhPageHeaderBackTrigger',\n  props: {\n    as: { type: String, default: 'button' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getBackTriggerProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 标题默认渲染为 div：它只做视觉主次，组件自身不向文档大纲插入一级标题。\n * as 决定渲染为哪个标签：该块在页面大纲中确实是一级标题时写 as=\"h1\"（或 hN）。\n */\nexport const XhPageHeaderTitle = defineComponent({\n  name: 'XhPageHeaderTitle',\n  props: {\n    as: { type: String, default: 'div' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h(props.as, ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标题下方的说明文字\nexport const XhPageHeaderDescription = defineComponent({\n  name: 'XhPageHeaderDescription',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 操作槽只排版，按钮由作者放进插槽\nexport const XhPageHeaderExtra = defineComponent({\n  name: 'XhPageHeaderExtra',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getExtraProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 页脚整行另起，装描述、标签页或一组摘要\nexport const XhPageHeaderFooter = defineComponent({\n  name: 'XhPageHeaderFooter',\n  setup(_, { slots }) {\n    const ctx = usePageHeaderContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;AAiBA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;EACL,MAAM,EAAE,MAAM,OAAyB;;EAEvC,OAAO;;EAEP,SAAS,EAAE,MAAM,OAAmC;CACtD;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,eAAe,KAAK;EACpD,MAAM,MAAM,eAAe,kBAAkB,YAA+B,YAAY,CAAC;EACzF,kBAAkB,EAAE,IAAI,CAAC;EACzB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAGD,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;;;;;AAMD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO,EACL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAS,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,oBAAoB,GAClC,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;AAMD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO,EACL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAM,EACrC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAGD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACzG;AACF,CAAC;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}

package/dist/components/pagination/pagination.d.ts

@@ -28,6 +28,11 @@ declare const XhPaginationRoot: import("vue").DefineComponent<import("vue").Extr
   siblingCount: {
     type: NumberConstructor;
   };
+  /** 整组不可交互：按钮、跳页与每页条数一并禁用。 */
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   dir: {
     type: PropType<Direction>;
   };
@@ -81,6 +86,11 @@ declare const XhPaginationRoot: import("vue").DefineComponent<import("vue").Extr
   siblingCount: {
     type: NumberConstructor;
   };
+  /** 整组不可交互：按钮、跳页与每页条数一并禁用。 */
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   dir: {
     type: PropType<Direction>;
   };
@@ -110,15 +120,25 @@ declare const XhPaginationRoot: import("vue").DefineComponent<import("vue").Extr
   "onUpdate:page"?: ((_page: number) => any) | undefined;
   "onPage-size-change"?: ((_details: PaginationPageSizeChangeDetails) => any) | undefined;
   "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;
-}>, {}, SlotsType<{
+}>, {
+  disabled: boolean;
+}, SlotsType<{
   default?: (props: PaginationRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 跳到首页；按需放在上一页之前，没写内容时由皮肤画双箭头。 */
+declare const XhPaginationFirstTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhPaginationPrevTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhPaginationNextTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 跳到末页；按需放在下一页之后，没写内容时由皮肤画双箭头。 */
+declare const XhPaginationLastTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhPaginationItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<number | string>;
@@ -205,5 +225,5 @@ declare const XhPaginationContent: import("vue").DefineComponent<{}, () => VNode
   }) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { PaginationRootSlotProps, XhPaginationContent, XhPaginationEllipsisTrigger, XhPaginationItem, XhPaginationJumper, XhPaginationNextTrigger, XhPaginationPageSizeSelect, XhPaginationPositioner, XhPaginationPrevTrigger, XhPaginationRoot, XhPaginationSummary };
+export { PaginationRootSlotProps, XhPaginationContent, XhPaginationEllipsisTrigger, XhPaginationFirstTrigger, XhPaginationItem, XhPaginationJumper, XhPaginationLastTrigger, XhPaginationNextTrigger, XhPaginationPageSizeSelect, XhPaginationPositioner, XhPaginationPrevTrigger, XhPaginationRoot, XhPaginationSummary };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/components/pagination/pagination.ts"],"mappings":";;;;;KAkBK,kBAAkB;;KAGX,0BAA0B,KACpC;cAmBW,gCAAgB,8BAAA;;;;;;;;;;;IAOS,MAAA;;;;;;;;;;;;IAIX,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACpB,MAAA,SAAS;;;;;;;;;;;;IAId,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAKP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACF,qBAAA,UAAA;EACA,oBAAA,WAAA;;;;;;;;;;;;IAnBG,MAAA;;;;;;;;;;;;IAIX,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACpB,MAAA,SAAS;;;;;;;;;;;;IAId,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;EAWvB,WAAC,OAAO,4BAA4B;kCAkChD;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;IAIU,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA;cAEW,2CAA2B,8BAAA;;;IAIZ,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;;qCAgBnC;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC;IAAS;IAAqB;IAAe;IAAa;QAAoB;kCAoB3F;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;;cASW,0CAA0B,8BAAA;;;IAIN,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAgDxC,oDAAA;cAEW,sCAAsB,8BAAA;;;IAIF,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAiBxC,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC;IAAS;QAAsB;kCAkB5C"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/components/pagination/pagination.ts"],"mappings":";;;;;KAkBK,kBAAkB;;KAGX,0BAA0B,KACpC;cAmBW,gCAAgB,8BAAA;;;;;;;;;;;IAOS,MAAA;;;;;;;;;;;;;;;;;IAMX,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACpB,MAAA,SAAS;;;;;;;;;;;;IAId,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAKP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACF,qBAAA,UAAA;EACA,oBAAA,WAAA;;;;;;;;;;;;IArBG,MAAA;;;;;;;;;;;;;;;;;IAMX,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACpB,MAAA,SAAS;;;;;;;;;;;;IAId,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;EAWvB,WAAC,OAAO,4BAA4B;kCAkChD;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;IAIU,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA;cAEW,2CAA2B,8BAAA;;;IAIZ,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;;qCAgBnC;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC;IAAS;IAAqB;IAAe;IAAa;QAAoB;kCAoB3F;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;;cASW,0CAA0B,8BAAA;;;IAIN,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAgDxC,oDAAA;cAEW,sCAAsB,8BAAA;;;IAIF,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAiBxC,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;;EAGlB,WAAC;IAAS;QAAsB;kCAkB5C"}

package/dist/components/pagination/pagination.js

@@ -15,6 +15,11 @@ const XhPaginationRoot = defineComponent({
 		page: { type: Number },
 		defaultPage: { type: Number },
 		siblingCount: { type: Number },
+		/** 整组不可交互：按钮、跳页与每页条数一并禁用。 */
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		dir: { type: String },
 		translations: { type: Object },
 		placement: { type: String },
@@ -63,6 +68,14 @@ const XhPaginationRoot = defineComponent({
 		}));
 	}
 });
+/** 跳到首页；按需放在上一页之前，没写内容时由皮肤画双箭头。 */
+const XhPaginationFirstTrigger = defineComponent({
+	name: "XhPaginationFirstTrigger",
+	setup(_, { slots }) {
+		const ctx = usePaginationContext();
+		return () => h("button", ctx.api.value.getFirstTriggerProps(), slots.default?.());
+	}
+});
 const XhPaginationPrevTrigger = defineComponent({
 	name: "XhPaginationPrevTrigger",
 	setup(_, { slots }) {
@@ -77,6 +90,14 @@ const XhPaginationNextTrigger = defineComponent({
 		return () => h("button", ctx.api.value.getNextTriggerProps(), slots.default?.());
 	}
 });
+/** 跳到末页；按需放在下一页之后，没写内容时由皮肤画双箭头。 */
+const XhPaginationLastTrigger = defineComponent({
+	name: "XhPaginationLastTrigger",
+	setup(_, { slots }) {
+		const ctx = usePaginationContext();
+		return () => h("button", ctx.api.value.getLastTriggerProps(), slots.default?.());
+	}
+});
 const XhPaginationItem = defineComponent({
 	name: "XhPaginationItem",
 	props: { value: {
@@ -220,6 +241,6 @@ const XhPaginationContent = defineComponent({
 	}
 });
 //#endregion
-export { XhPaginationContent, XhPaginationEllipsisTrigger, XhPaginationItem, XhPaginationJumper, XhPaginationNextTrigger, XhPaginationPageSizeSelect, XhPaginationPositioner, XhPaginationPrevTrigger, XhPaginationRoot, XhPaginationSummary };
+export { XhPaginationContent, XhPaginationEllipsisTrigger, XhPaginationFirstTrigger, XhPaginationItem, XhPaginationJumper, XhPaginationLastTrigger, XhPaginationNextTrigger, XhPaginationPageSizeSelect, XhPaginationPositioner, XhPaginationPrevTrigger, XhPaginationRoot, XhPaginationSummary };
 
 //# sourceMappingURL=pagination.js.map

package/dist/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 pagination 相关实现。\n\nimport type { Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { PaginationApi, PaginationEllipsisSide, PaginationPageSizeChangeDetails, PaginationSchema, PaginationTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePagination, usePaginationContext } from './context'\nimport { usePagination } from './use-pagination'\n\ntype PaginationProps = PaginationSchema['props']\n\n/** 默认插槽的载荷：当前页与总量口径、页码序列与条目区间、前后页页码，以及翻页与按当前页切分数据的动作。 */\nexport type PaginationRootSlotProps = Pick<\n  PaginationApi,\n  | 'page'\n  | 'pageSize'\n  | 'pageSizeOptions'\n  | 'pageItems'\n  | 'openEllipsis'\n  | 'count'\n  | 'totalPages'\n  | 'pages'\n  | 'pageRange'\n  | 'previousPage'\n  | 'nextPage'\n  | 'setPage'\n  | 'goToPrevPage'\n  | 'goToNextPage'\n  | 'setPageSize'\n  | 'slice'\n>\n\nexport const XhPaginationRoot = defineComponent({\n  name: 'XhPaginationRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    count: { type: Number },\n    pageSize: { type: Number },\n    defaultPageSize: { type: Number },\n    pageSizeOptions: { type: Array as PropType<number[]> },\n    page: { type: Number },\n    defaultPage: { type: Number },\n    siblingCount: { type: Number },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<PaginationTranslations>> },\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    openDelay: { type: Number },\n    closeDelay: { type: Number },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // page-change 携带 { page, pageSize }，update:page 携带裸页码；\n  // 换档同时改页码，两个 update 都发，v-model:page 与 v-model:page-size 才不会各说各话\n  emits: {\n    'page-change': (_details: PayloadOf<PaginationProps, 'onPageChange'>) => true,\n    'update:page': (_page: PayloadOf<PaginationProps, 'onPageChange'>['page']) => true,\n    'page-size-change': (_details: PaginationPageSizeChangeDetails) => true,\n    'update:pageSize': (_pageSize: PaginationPageSizeChangeDetails['pageSize']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PaginationRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PaginationProps['onPageChange'] = (details) => {\n      emit('page-change', details)\n      emit('update:page', details.page)\n    }\n    const notifyPageSize: PaginationProps['onPageSizeChange'] = (details) => {\n      emit('page-size-change', details)\n      emit('update:pageSize', details.pageSize)\n      emit('update:page', details.page)\n    }\n    const ctx = usePagination(withXhConfig('pagination', props) as PaginationProps, notify, notifyPageSize)\n    providePagination(ctx)\n    // 根节点渲染为 nav 地标\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      page: ctx.api.value.page,\n      pageSize: ctx.api.value.pageSize,\n      pageSizeOptions: ctx.api.value.pageSizeOptions,\n      count: ctx.api.value.count,\n      totalPages: ctx.api.value.totalPages,\n      pages: ctx.api.value.pages,\n      pageItems: ctx.api.value.pageItems,\n      openEllipsis: ctx.api.value.openEllipsis,\n      pageRange: ctx.api.value.pageRange,\n      previousPage: ctx.api.value.previousPage,\n      nextPage: ctx.api.value.nextPage,\n      setPage: ctx.api.value.setPage,\n      goToPrevPage: ctx.api.value.goToPrevPage,\n      goToNextPage: ctx.api.value.goToNextPage,\n      setPageSize: ctx.api.value.setPageSize,\n      slice: ctx.api.value.slice,\n    }))\n  },\n})\n\nexport const XhPaginationPrevTrigger = defineComponent({\n  name: 'XhPaginationPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationNextTrigger = defineComponent({\n  name: 'XhPaginationNextTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationItem = defineComponent({\n  name: 'XhPaginationItem',\n  props: {\n    // 这一项对应的页码，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemProps({ page: Number(props.value) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPaginationEllipsisTrigger = defineComponent({\n  name: 'XhPaginationEllipsisTrigger',\n  props: {\n    /** 该省略位所在的一侧：首页与窗口之间是 start，窗口与末页之间是 end。 */\n    side: { type: String as PropType<PaginationEllipsisSide>, default: 'start' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    // 摊开的那一个是定位锚点；两个省略位共用一份定位层，谁开着谁认领\n    return () => {\n      const open = ctx.api.value.openEllipsis === props.side\n      return h('button', {\n        ...ctx.api.value.getEllipsisTriggerProps({ side: props.side }) as Record<string, unknown>,\n        ref: (el: unknown) => {\n          if (open)\n            ctx.ellipsisRef.value = el as HTMLElement\n        },\n      }, slots.default?.())\n    }\n  },\n})\n\n/** 信息区：未写默认插槽时铺设 api.summaryText */\nexport const XhPaginationSummary = defineComponent({\n  name: 'XhPaginationSummary',\n  slots: Object as SlotsType<{\n    default?: (props: { summaryText: string, start: number, end: number, count: number }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getSummaryProps() as Record<string, unknown>,\n        slots.default\n          ? slots.default({\n              summaryText: api.summaryText,\n              start: api.pageRange.start,\n              end: api.pageRange.end,\n              count: api.count,\n            })\n          : api.summaryText,\n      )\n    }\n  },\n})\n\n/** 跳页输入框：输入页码按回车即跳转 */\nexport const XhPaginationJumper = defineComponent({\n  name: 'XhPaginationJumper',\n  setup() {\n    const ctx = usePaginationContext()\n    return () => h('input', ctx.api.value.getJumperProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 每页条数控制器：装配的是库内的 select，不再是原生下拉。\n *\n * 组合发生在这一层：连接层把整份 select 的 api 放在 api.pageSizeSelect 上，\n * 这里据此铺设角色节点（DOM 上带 data-scope=\"select\"，使用 select 的皮肤）。\n * 档位与档位文字都由连接层从 pageSizeOptions 与 translations.pageSizeOption 计算。\n */\nexport const XhPaginationPageSizeSelect = defineComponent({\n  name: 'XhPaginationPageSizeSelect',\n  props: {\n    /** 本实例的 PageSizeSelect Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 渲染出来是「挂载点 + 被搬走的浮层」两截，作者写的 class 与 style 得自己接住落到挂载点上\n  inheritAttrs: false,\n  setup(props, { attrs }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      const select = api.pageSizeSelect\n      return [\n        h('div', mergeProps(api.getPageSizeSelectProps() as Record<string, unknown>, attrs), [\n          h('div', select.getRootProps() as Record<string, unknown>, [\n            h('div', select.getControlProps() as Record<string, unknown>, [\n              h('button', {\n                ...select.getTriggerProps() as Record<string, unknown>,\n                ref: (el: unknown) => { ctx.pageSizeTriggerRef.value = el as HTMLElement },\n              }, [\n                h('span', select.getValueTextProps() as Record<string, unknown>, select.displayText),\n                h('span', select.getIndicatorProps() as Record<string, unknown>),\n              ]),\n            ]),\n          ]),\n        ]),\n        h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.pageSizeTriggerRef }, () => [\n          h('div', {\n            ...select.getPositionerProps() as Record<string, unknown>,\n            ref: (el: unknown) => { ctx.pageSizePositionerRef.value = el as HTMLElement },\n          }, [\n            h('div', {\n              ...select.getContentProps() as Record<string, unknown>,\n              // 收起跟着退场闸门走，与省略位那层同一套写法\n              style: ctx.pageSizeVisible.value ? undefined : { display: 'none' },\n              ref: (el: unknown) => { ctx.pageSizeContentRef.value = el as HTMLElement },\n            }, [\n              h('div', select.getListProps() as Record<string, unknown>, select.collection.map(option =>\n                h('div', {\n                  ...select.getItemProps({ value: option.value }) as Record<string, unknown>,\n                  key: option.value,\n                }, [\n                  h('span', select.getItemTextProps({ value: option.value }) as Record<string, unknown>, option.label),\n                  h('span', select.getItemIndicatorProps({ value: option.value }) as Record<string, unknown>),\n                ]))),\n            ]),\n          ]),\n        ]),\n      ]\n    }\n  },\n})\n\nexport const XhPaginationPositioner = defineComponent({\n  name: 'XhPaginationPositioner',\n  props: {\n    /** 本实例的省略页 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = usePaginationContext()\n    // 折叠页码列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    // 浮层里的条子走 4px 档（§6.6）\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.ellipsisRef }, () => [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhPaginationContent = defineComponent({\n  name: 'XhPaginationContent',\n  slots: Object as SlotsType<{\n    default?: (props: { pages: number[] }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const open = ctx.api.value.openEllipsis\n      const folded = ctx.api.value.pageItems.find(\n        item => item.type === 'ellipsis' && item.side === open,\n      )\n      return h('div', {\n        ...ctx.api.value.getContentProps() as Record<string, unknown>,\n        // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}\n        // （补了退场就一帧都播不出来），真正的收起落成内联 display\n        style: ctx.visible.value ? undefined : { display: 'none' },\n        ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n      }, slots.default?.({ pages: folded?.type === 'ellipsis' ? folded.pages : [] }))\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 pagination 相关实现。\n\nimport type { Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type { PaginationApi, PaginationEllipsisSide, PaginationPageSizeChangeDetails, PaginationSchema, PaginationTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { providePagination, usePaginationContext } from './context'\nimport { usePagination } from './use-pagination'\n\ntype PaginationProps = PaginationSchema['props']\n\n/** 默认插槽的载荷：当前页与总量口径、页码序列与条目区间、前后页页码，以及翻页与按当前页切分数据的动作。 */\nexport type PaginationRootSlotProps = Pick<\n  PaginationApi,\n  | 'page'\n  | 'pageSize'\n  | 'pageSizeOptions'\n  | 'pageItems'\n  | 'openEllipsis'\n  | 'count'\n  | 'totalPages'\n  | 'pages'\n  | 'pageRange'\n  | 'previousPage'\n  | 'nextPage'\n  | 'setPage'\n  | 'goToPrevPage'\n  | 'goToNextPage'\n  | 'setPageSize'\n  | 'slice'\n>\n\nexport const XhPaginationRoot = defineComponent({\n  name: 'XhPaginationRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    count: { type: Number },\n    pageSize: { type: Number },\n    defaultPageSize: { type: Number },\n    pageSizeOptions: { type: Array as PropType<number[]> },\n    page: { type: Number },\n    defaultPage: { type: Number },\n    siblingCount: { type: Number },\n    /** 整组不可交互：按钮、跳页与每页条数一并禁用。 */\n    disabled: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<PaginationTranslations>> },\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    openDelay: { type: Number },\n    closeDelay: { type: Number },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // page-change 携带 { page, pageSize }，update:page 携带裸页码；\n  // 换档同时改页码，两个 update 都发，v-model:page 与 v-model:page-size 才不会各说各话\n  emits: {\n    'page-change': (_details: PayloadOf<PaginationProps, 'onPageChange'>) => true,\n    'update:page': (_page: PayloadOf<PaginationProps, 'onPageChange'>['page']) => true,\n    'page-size-change': (_details: PaginationPageSizeChangeDetails) => true,\n    'update:pageSize': (_pageSize: PaginationPageSizeChangeDetails['pageSize']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PaginationRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: PaginationProps['onPageChange'] = (details) => {\n      emit('page-change', details)\n      emit('update:page', details.page)\n    }\n    const notifyPageSize: PaginationProps['onPageSizeChange'] = (details) => {\n      emit('page-size-change', details)\n      emit('update:pageSize', details.pageSize)\n      emit('update:page', details.page)\n    }\n    const ctx = usePagination(withXhConfig('pagination', props) as PaginationProps, notify, notifyPageSize)\n    providePagination(ctx)\n    // 根节点渲染为 nav 地标\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      page: ctx.api.value.page,\n      pageSize: ctx.api.value.pageSize,\n      pageSizeOptions: ctx.api.value.pageSizeOptions,\n      count: ctx.api.value.count,\n      totalPages: ctx.api.value.totalPages,\n      pages: ctx.api.value.pages,\n      pageItems: ctx.api.value.pageItems,\n      openEllipsis: ctx.api.value.openEllipsis,\n      pageRange: ctx.api.value.pageRange,\n      previousPage: ctx.api.value.previousPage,\n      nextPage: ctx.api.value.nextPage,\n      setPage: ctx.api.value.setPage,\n      goToPrevPage: ctx.api.value.goToPrevPage,\n      goToNextPage: ctx.api.value.goToNextPage,\n      setPageSize: ctx.api.value.setPageSize,\n      slice: ctx.api.value.slice,\n    }))\n  },\n})\n\n/** 跳到首页；按需放在上一页之前，没写内容时由皮肤画双箭头。 */\nexport const XhPaginationFirstTrigger = defineComponent({\n  name: 'XhPaginationFirstTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getFirstTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationPrevTrigger = defineComponent({\n  name: 'XhPaginationPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationNextTrigger = defineComponent({\n  name: 'XhPaginationNextTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 跳到末页；按需放在下一页之后，没写内容时由皮肤画双箭头。 */\nexport const XhPaginationLastTrigger = defineComponent({\n  name: 'XhPaginationLastTrigger',\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h('button', ctx.api.value.getLastTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPaginationItem = defineComponent({\n  name: 'XhPaginationItem',\n  props: {\n    // 这一项对应的页码，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemProps({ page: Number(props.value) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhPaginationEllipsisTrigger = defineComponent({\n  name: 'XhPaginationEllipsisTrigger',\n  props: {\n    /** 该省略位所在的一侧：首页与窗口之间是 start，窗口与末页之间是 end。 */\n    side: { type: String as PropType<PaginationEllipsisSide>, default: 'start' },\n  },\n  setup(props, { slots }) {\n    const ctx = usePaginationContext()\n    // 摊开的那一个是定位锚点；两个省略位共用一份定位层，谁开着谁认领\n    return () => {\n      const open = ctx.api.value.openEllipsis === props.side\n      return h('button', {\n        ...ctx.api.value.getEllipsisTriggerProps({ side: props.side }) as Record<string, unknown>,\n        ref: (el: unknown) => {\n          if (open)\n            ctx.ellipsisRef.value = el as HTMLElement\n        },\n      }, slots.default?.())\n    }\n  },\n})\n\n/** 信息区：未写默认插槽时铺设 api.summaryText */\nexport const XhPaginationSummary = defineComponent({\n  name: 'XhPaginationSummary',\n  slots: Object as SlotsType<{\n    default?: (props: { summaryText: string, start: number, end: number, count: number }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getSummaryProps() as Record<string, unknown>,\n        slots.default\n          ? slots.default({\n              summaryText: api.summaryText,\n              start: api.pageRange.start,\n              end: api.pageRange.end,\n              count: api.count,\n            })\n          : api.summaryText,\n      )\n    }\n  },\n})\n\n/** 跳页输入框：输入页码按回车即跳转 */\nexport const XhPaginationJumper = defineComponent({\n  name: 'XhPaginationJumper',\n  setup() {\n    const ctx = usePaginationContext()\n    return () => h('input', ctx.api.value.getJumperProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 每页条数控制器：装配的是库内的 select，不再是原生下拉。\n *\n * 组合发生在这一层：连接层把整份 select 的 api 放在 api.pageSizeSelect 上，\n * 这里据此铺设角色节点（DOM 上带 data-scope=\"select\"，使用 select 的皮肤）。\n * 档位与档位文字都由连接层从 pageSizeOptions 与 translations.pageSizeOption 计算。\n */\nexport const XhPaginationPageSizeSelect = defineComponent({\n  name: 'XhPaginationPageSizeSelect',\n  props: {\n    /** 本实例的 PageSizeSelect Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 渲染出来是「挂载点 + 被搬走的浮层」两截，作者写的 class 与 style 得自己接住落到挂载点上\n  inheritAttrs: false,\n  setup(props, { attrs }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const api = ctx.api.value\n      const select = api.pageSizeSelect\n      return [\n        h('div', mergeProps(api.getPageSizeSelectProps() as Record<string, unknown>, attrs), [\n          h('div', select.getRootProps() as Record<string, unknown>, [\n            h('div', select.getControlProps() as Record<string, unknown>, [\n              h('button', {\n                ...select.getTriggerProps() as Record<string, unknown>,\n                ref: (el: unknown) => { ctx.pageSizeTriggerRef.value = el as HTMLElement },\n              }, [\n                h('span', select.getValueTextProps() as Record<string, unknown>, select.displayText),\n                h('span', select.getIndicatorProps() as Record<string, unknown>),\n              ]),\n            ]),\n          ]),\n        ]),\n        h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.pageSizeTriggerRef }, () => [\n          h('div', {\n            ...select.getPositionerProps() as Record<string, unknown>,\n            ref: (el: unknown) => { ctx.pageSizePositionerRef.value = el as HTMLElement },\n          }, [\n            h('div', {\n              ...select.getContentProps() as Record<string, unknown>,\n              // 收起跟着退场闸门走，与省略位那层同一套写法\n              style: ctx.pageSizeVisible.value ? undefined : { display: 'none' },\n              ref: (el: unknown) => { ctx.pageSizeContentRef.value = el as HTMLElement },\n            }, [\n              h('div', select.getListProps() as Record<string, unknown>, select.collection.map(option =>\n                h('div', {\n                  ...select.getItemProps({ value: option.value }) as Record<string, unknown>,\n                  key: option.value,\n                }, [\n                  h('span', select.getItemTextProps({ value: option.value }) as Record<string, unknown>, option.label),\n                  h('span', select.getItemIndicatorProps({ value: option.value }) as Record<string, unknown>),\n                ]))),\n            ]),\n          ]),\n        ]),\n      ]\n    }\n  },\n})\n\nexport const XhPaginationPositioner = defineComponent({\n  name: 'XhPaginationPositioner',\n  props: {\n    /** 本实例的省略页 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = usePaginationContext()\n    // 折叠页码列表的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    // 浮层里的条子走 4px 档\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value, props: { size: 'sm' } })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.ellipsisRef }, () => [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhPaginationContent = defineComponent({\n  name: 'XhPaginationContent',\n  slots: Object as SlotsType<{\n    default?: (props: { pages: number[] }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = usePaginationContext()\n    return () => {\n      const open = ctx.api.value.openEllipsis\n      const folded = ctx.api.value.pageItems.find(\n        item => item.type === 'ellipsis' && item.side === open,\n      )\n      return h('div', {\n        ...ctx.api.value.getContentProps() as Record<string, unknown>,\n        // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}\n        // （补了退场就一帧都播不出来），真正的收起落成内联 display\n        style: ctx.visible.value ? undefined : { display: 'none' },\n        ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n      }, slots.default?.({ pages: folded?.type === 'ellipsis' ? folded.pages : [] }))\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/pagination/use-pagination.js

@@ -56,6 +56,7 @@ function usePagination(props, onPageChange, onPageSizeChange) {
 		pageSizeSelect.refs.set("position", createPositionEngine());
 	}
 	pageSizeSelect.refs.set("getAnchorEl", () => pageSizeTriggerRef.value);
+	pageSizeSelect.refs.set("getTriggerEl", () => pageSizeTriggerRef.value);
 	pageSizeSelect.refs.set("getFloatingEl", () => pageSizePositionerRef.value);
 	pageSizeSelect.refs.set("getContentEl", () => pageSizeContentRef.value);
 	service.refs.set("getAnchorEl", () => ellipsisRef.value);

package/dist/components/pagination/use-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.js","names":[],"sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use pagination 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/core'\nimport type { PaginationApi, PaginationSchema, PaginationServices, SelectSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectPagination, paginationMachine, paginationPageSizeSelectProps, selectMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface PaginationContext {\n  api: ComputedRef<PaginationApi>\n  /** 展开的省略位，定位锚点。 */\n  ellipsisRef: Ref<HTMLElement | null>\n  /** 被定位的浮层。 */\n  positionerRef: Ref<HTMLElement | null>\n  /** 消解层节点。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n  /** 每页条数下拉的触发器，它是该层的定位锚点。 */\n  pageSizeTriggerRef: Ref<HTMLElement | null>\n  pageSizePositionerRef: Ref<HTMLElement | null>\n  pageSizeContentRef: Ref<HTMLElement | null>\n  /** 下拉层当前是否应当渲染；与省略位层各自使用独立的闸门。 */\n  pageSizeVisible: Ref<boolean>\n}\n\nexport function usePagination(\n  props: PaginationSchema['props'],\n  onPageChange?: PaginationSchema['props']['onPageChange'],\n  onPageSizeChange?: PaginationSchema['props']['onPageSizeChange'],\n): PaginationContext {\n  const xhConfig = useXhConfig()\n  const ellipsisRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const pageSizeTriggerRef = ref<HTMLElement | null>(null)\n  const pageSizePositionerRef = ref<HTMLElement | null>(null)\n  const pageSizeContentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    paginationMachine,\n    () => ({ ...props, onPageChange, onPageSizeChange }),\n    scope,\n  )\n  // 内嵌下拉的 props 从翻页机现读，翻页机须先建立；两台共用一份 scope，\n  // part id 里带组件名区分，不会撞\n  const pageSizeSelect = useMachine<SelectSchema>(\n    selectMachine,\n    () => paginationPageSizeSelectProps(service),\n    scope,\n  )\n  const services: PaginationServices = { root: service, pageSizeSelect }\n\n  // 服务端没有 DOM，也就没有定位与消解层；退场闸门在 config 为 null 时退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按可见态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // 省略位记为本层分支：指针按在它上面算层内交互，不该判成点了外面。\n      // 浮层壳一并记上：页码列表之外还浮着自绘滚动条，按住它拖动不该把列表消解掉\n      branches: () => [ellipsisRef.value, positionerRef.value].filter(Boolean) as Element[],\n      // 摊开的页码是非模态的：不陷焦点、不锁滚动、无遮罩\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 下拉自己一层：触发器记为本层分支，点它算层内交互\n    const registerPageSizeLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => pageSizeContentRef.value,\n      branches: () => [pageSizeTriggerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n\n    pageSizeSelect.refs.set('config', config)\n    pageSizeSelect.refs.set('registerLayer', registerPageSizeLayer)\n    pageSizeSelect.refs.set('position', createPositionEngine())\n  }\n\n  pageSizeSelect.refs.set('getAnchorEl', () => pageSizeTriggerRef.value)\n  pageSizeSelect.refs.set('getFloatingEl', () => pageSizePositionerRef.value)\n  pageSizeSelect.refs.set('getContentEl', () => pageSizeContentRef.value)\n\n  // 元素 getter 在无 DOM 环境下也要设：连接层与效应经它们取节点\n  service.refs.set('getAnchorEl', () => ellipsisRef.value)\n  service.refs.set('getFloatingEl', () => positionerRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectPagination(services, vueNormalize))\n  // 退场闸门：收起从跟着展开态走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.openEllipsis != null,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  const pageSizeVisible = useOverlayExit({\n    config,\n    isOpen: () => api.value.pageSizeSelect.open,\n    contentRef: pageSizeContentRef,\n  })\n  const portalTarget = computed<string | Element>(\n    () => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body',\n  )\n\n  return {\n    api,\n    ellipsisRef,\n    positionerRef,\n    contentRef,\n    visible,\n    portalTarget,\n    pageSizeTriggerRef,\n    pageSizePositionerRef,\n    pageSizeContentRef,\n    pageSizeVisible,\n  }\n}\n"],"mappings":";;;;;;;;;;AAwCA,SAAgB,cACd,OACA,cACA,kBACmB;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,cAAc,IAAwB,IAAI;CAChD,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,qBAAqB,IAAwB,IAAI;CACvD,MAAM,wBAAwB,IAAwB,IAAI;CAC1D,MAAM,qBAAqB,IAAwB,IAAI;CAEvD,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WACd,0BACO;EAAE,GAAG;EAAO;EAAc;CAAiB,IAClD,KACF;CAGA,MAAM,iBAAiB,WACrB,qBACM,8BAA8B,OAAO,GAC3C,KACF;CACA,MAAM,WAA+B;EAAE,MAAM;EAAS;CAAe;CAGrE,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,YAAY,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GAEvE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,MAAM,8BAAkE,OAAQ,cAAc,SAAS;GACrG,MAAM;GACN,YAAY,mBAAmB;GAC/B,gBAAgB,CAAC,mBAAmB,KAAK,CAAC,CAAC,OAAO,OAAO;GACzD,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAED,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAEnD,eAAe,KAAK,IAAI,UAAU,MAAM;EACxC,eAAe,KAAK,IAAI,iBAAiB,qBAAqB;EAC9D,eAAe,KAAK,IAAI,YAAY,qBAAqB,CAAC;CAC5D;CAEA,eAAe,KAAK,IAAI,qBAAqB,mBAAmB,KAAK;CACrE,eAAe,KAAK,IAAI,uBAAuB,sBAAsB,KAAK;CAC1E,eAAe,KAAK,IAAI,sBAAsB,mBAAmB,KAAK;CAGtE,QAAQ,KAAK,IAAI,qBAAqB,YAAY,KAAK;CACvD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;CAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAEvD,MAAM,MAAM,eAAe,kBAAkB,UAAU,YAAY,CAAC;CAEpE,MAAM,UAAU,eAAe;EAC7B;EACA,cAAc,IAAI,MAAM,gBAAgB;EACxC;EACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;CAC/D,CAAC;CACD,MAAM,kBAAkB,eAAe;EACrC;EACA,cAAc,IAAI,MAAM,eAAe;EACvC,YAAY;CACd,CAAC;CAKD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA,cAVmB,eACb,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAS9D;EACX;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-pagination.js","names":[],"sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use pagination 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/core'\nimport type { PaginationApi, PaginationSchema, PaginationServices, SelectSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectPagination, paginationMachine, paginationPageSizeSelectProps, selectMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface PaginationContext {\n  api: ComputedRef<PaginationApi>\n  /** 展开的省略位，定位锚点。 */\n  ellipsisRef: Ref<HTMLElement | null>\n  /** 被定位的浮层。 */\n  positionerRef: Ref<HTMLElement | null>\n  /** 消解层节点。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n  /** 每页条数下拉的触发器，它是该层的定位锚点。 */\n  pageSizeTriggerRef: Ref<HTMLElement | null>\n  pageSizePositionerRef: Ref<HTMLElement | null>\n  pageSizeContentRef: Ref<HTMLElement | null>\n  /** 下拉层当前是否应当渲染；与省略位层各自使用独立的闸门。 */\n  pageSizeVisible: Ref<boolean>\n}\n\nexport function usePagination(\n  props: PaginationSchema['props'],\n  onPageChange?: PaginationSchema['props']['onPageChange'],\n  onPageSizeChange?: PaginationSchema['props']['onPageSizeChange'],\n): PaginationContext {\n  const xhConfig = useXhConfig()\n  const ellipsisRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const pageSizeTriggerRef = ref<HTMLElement | null>(null)\n  const pageSizePositionerRef = ref<HTMLElement | null>(null)\n  const pageSizeContentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    paginationMachine,\n    () => ({ ...props, onPageChange, onPageSizeChange }),\n    scope,\n  )\n  // 内嵌下拉的 props 从翻页机现读，翻页机须先建立；两台共用一份 scope，\n  // part id 里带组件名区分，不会撞\n  const pageSizeSelect = useMachine<SelectSchema>(\n    selectMachine,\n    () => paginationPageSizeSelectProps(service),\n    scope,\n  )\n  const services: PaginationServices = { root: service, pageSizeSelect }\n\n  // 服务端没有 DOM，也就没有定位与消解层；退场闸门在 config 为 null 时退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按可见态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // 省略位记为本层分支：指针按在它上面算层内交互，不该判成点了外面。\n      // 浮层壳一并记上：页码列表之外还浮着自绘滚动条，按住它拖动不该把列表消解掉\n      branches: () => [ellipsisRef.value, positionerRef.value].filter(Boolean) as Element[],\n      // 摊开的页码是非模态的：不陷焦点、不锁滚动、无遮罩\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 下拉自己一层：触发器记为本层分支，点它算层内交互\n    const registerPageSizeLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => pageSizeContentRef.value,\n      branches: () => [pageSizeTriggerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n\n    pageSizeSelect.refs.set('config', config)\n    pageSizeSelect.refs.set('registerLayer', registerPageSizeLayer)\n    pageSizeSelect.refs.set('position', createPositionEngine())\n  }\n\n  pageSizeSelect.refs.set('getAnchorEl', () => pageSizeTriggerRef.value)\n  pageSizeSelect.refs.set('getTriggerEl', () => pageSizeTriggerRef.value)\n  pageSizeSelect.refs.set('getFloatingEl', () => pageSizePositionerRef.value)\n  pageSizeSelect.refs.set('getContentEl', () => pageSizeContentRef.value)\n\n  // 元素 getter 在无 DOM 环境下也要设：连接层与效应经它们取节点\n  service.refs.set('getAnchorEl', () => ellipsisRef.value)\n  service.refs.set('getFloatingEl', () => positionerRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectPagination(services, vueNormalize))\n  // 退场闸门：收起从跟着展开态走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.openEllipsis != null,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  const pageSizeVisible = useOverlayExit({\n    config,\n    isOpen: () => api.value.pageSizeSelect.open,\n    contentRef: pageSizeContentRef,\n  })\n  const portalTarget = computed<string | Element>(\n    () => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body',\n  )\n\n  return {\n    api,\n    ellipsisRef,\n    positionerRef,\n    contentRef,\n    visible,\n    portalTarget,\n    pageSizeTriggerRef,\n    pageSizePositionerRef,\n    pageSizeContentRef,\n    pageSizeVisible,\n  }\n}\n"],"mappings":";;;;;;;;;;AAwCA,SAAgB,cACd,OACA,cACA,kBACmB;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,cAAc,IAAwB,IAAI;CAChD,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,qBAAqB,IAAwB,IAAI;CACvD,MAAM,wBAAwB,IAAwB,IAAI;CAC1D,MAAM,qBAAqB,IAAwB,IAAI;CAEvD,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WACd,0BACO;EAAE,GAAG;EAAO;EAAc;CAAiB,IAClD,KACF;CAGA,MAAM,iBAAiB,WACrB,qBACM,8BAA8B,OAAO,GAC3C,KACF;CACA,MAAM,WAA+B;EAAE,MAAM;EAAS;CAAe;CAGrE,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,YAAY,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GAEvE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,MAAM,8BAAkE,OAAQ,cAAc,SAAS;GACrG,MAAM;GACN,YAAY,mBAAmB;GAC/B,gBAAgB,CAAC,mBAAmB,KAAK,CAAC,CAAC,OAAO,OAAO;GACzD,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAED,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAEnD,eAAe,KAAK,IAAI,UAAU,MAAM;EACxC,eAAe,KAAK,IAAI,iBAAiB,qBAAqB;EAC9D,eAAe,KAAK,IAAI,YAAY,qBAAqB,CAAC;CAC5D;CAEA,eAAe,KAAK,IAAI,qBAAqB,mBAAmB,KAAK;CACrE,eAAe,KAAK,IAAI,sBAAsB,mBAAmB,KAAK;CACtE,eAAe,KAAK,IAAI,uBAAuB,sBAAsB,KAAK;CAC1E,eAAe,KAAK,IAAI,sBAAsB,mBAAmB,KAAK;CAGtE,QAAQ,KAAK,IAAI,qBAAqB,YAAY,KAAK;CACvD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;CAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAEvD,MAAM,MAAM,eAAe,kBAAkB,UAAU,YAAY,CAAC;CAEpE,MAAM,UAAU,eAAe;EAC7B;EACA,cAAc,IAAI,MAAM,gBAAgB;EACxC;EACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;CAC/D,CAAC;CACD,MAAM,kBAAkB,eAAe;EACrC;EACA,cAAc,IAAI,MAAM,eAAe;EACvC,YAAY;CACd,CAAC;CAKD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA,cAVmB,eACb,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAS9D;EACX;EACA;EACA;EACA;CACF;AACF"}

package/dist/components/pie-chart/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/pie-chart/context.ts
+const KEY = Symbol.for("xh-pie-chart");
+function providePieChart(ctx) {
+	provide(KEY, ctx);
+}
+function usePieChartContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] PieChart 部件必须用在 XhPieChartRoot 内");
+	return ctx;
+}
+//#endregion
+export { providePieChart, usePieChartContext };
+
+//# sourceMappingURL=context.js.map

package/dist/components/pie-chart/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/pie-chart/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { PieChartContext } from './use-pie-chart'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<PieChartContext> = Symbol.for('xh-pie-chart')\n\nexport function providePieChart(ctx: PieChartContext): void {\n  provide(KEY, ctx)\n}\n\nexport function usePieChartContext(): PieChartContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] PieChart 部件必须用在 XhPieChartRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAqC,OAAO,IAAI,cAAc;AAEpE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/pie-chart/pie-chart.d.ts

@@ -0,0 +1,203 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { ChartDatumDetails, ChartKey, ChartRow, NumberFormatSpec, PieChartApi, PieChartSchema, PieChartTranslations, PieLabelContent, PieLabelDetails, PieLabels, PieSort, PieSweep, PieTooltipModel, PieVariant } from "@xihan-ui/headless";
+//#region src/components/pie-chart/pie-chart.d.ts
+type PieChartProps = PieChartSchema['props'];
+/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */
+type PieChartRootSlotProps = Pick<PieChartApi, 'legendItems' | 'active' | 'tooltip' | 'center' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>;
+/** 提示框插槽的载荷：激活的扇区与缺省的内容模型。 */
+interface PieChartTooltipSlotProps {
+  active: ChartDatumDetails | null;
+  tooltip: PieTooltipModel | null;
+}
+/** 环形中心插槽的载荷：可见扇区的合计与说明文字，以及激活的扇区。 */
+interface PieChartCenterSlotProps {
+  center: PieChartApi['center'];
+  active: ChartDatumDetails | null;
+}
+/** 标题：图表的可及名来源。 */
+declare const XhPieChartCaption: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 图例：项由组件按扇区生成；只有一个扇区时整条收起。 */
+declare const XhPieChartLegend: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 视口：尺寸观测的宿主，块尺寸由组件槽决定。 */
+declare const XhPieChartViewport: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 绘图区：扇区在下，引导线与标签在上，焦点环最上。 */
+declare const XhPieChartPlot: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 环形中心：缺省显示可见扇区的合计，作用域插槽可替换。 */
+declare const XhPieChartCenter: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+  default?: (props: PieChartCenterSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 提示框：缺省内容按激活的扇区生成，作用域插槽可替换。 */
+declare const XhPieChartTooltip: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+  default?: (props: PieChartTooltipSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 空态：没有可画的扇区时显示，缺省文字取文案。 */
+declare const XhPieChartEmpty: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */
+declare const XhPieChartRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<readonly ChartRow[]>;
+  };
+  nameField: {
+    type: StringConstructor;
+  };
+  valueField: {
+    type: StringConstructor;
+  };
+  variant: {
+    type: PropType<PieVariant>;
+  };
+  rose: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  sweep: {
+    type: PropType<PieSweep>;
+  };
+  sort: {
+    type: PropType<PieSort>;
+  };
+  maxSlices: {
+    type: NumberConstructor;
+  };
+  labels: {
+    type: PropType<PieLabels>;
+  };
+  /** 扇区标签写什么：内建写法之一，或自己拼的函数。 */
+  labelContent: {
+    type: PropType<PieLabelContent | ((details: PieLabelDetails) => string)>;
+  };
+  format: {
+    type: PropType<NumberFormatSpec | ((value: number) => string)>;
+  };
+  hiddenSeries: {
+    type: PropType<string[]>;
+  };
+  defaultHiddenSeries: {
+    type: PropType<string[]>;
+  };
+  activeKey: {
+    type: PropType<ChartKey | null>;
+  };
+  pending: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<PieChartTranslations>>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'hidden-series-change': (_details: PayloadOf<PieChartProps, "onHiddenSeriesChange">) => true;
+  'update:hiddenSeries': (_hidden: PayloadOf<PieChartProps, "onHiddenSeriesChange">["hiddenSeries"]) => true;
+  'active-key-change': (_details: PayloadOf<PieChartProps, "onActiveKeyChange">) => true;
+  'update:activeKey': (_key: PayloadOf<PieChartProps, "onActiveKeyChange">["activeKey"]) => true;
+  'datum-active': (_details: PayloadOf<PieChartProps, "onDatumActive">) => true;
+  'datum-press': (_details: PayloadOf<PieChartProps, "onDatumPress">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<readonly ChartRow[]>;
+  };
+  nameField: {
+    type: StringConstructor;
+  };
+  valueField: {
+    type: StringConstructor;
+  };
+  variant: {
+    type: PropType<PieVariant>;
+  };
+  rose: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  sweep: {
+    type: PropType<PieSweep>;
+  };
+  sort: {
+    type: PropType<PieSort>;
+  };
+  maxSlices: {
+    type: NumberConstructor;
+  };
+  labels: {
+    type: PropType<PieLabels>;
+  };
+  /** 扇区标签写什么：内建写法之一，或自己拼的函数。 */
+  labelContent: {
+    type: PropType<PieLabelContent | ((details: PieLabelDetails) => string)>;
+  };
+  format: {
+    type: PropType<NumberFormatSpec | ((value: number) => string)>;
+  };
+  hiddenSeries: {
+    type: PropType<string[]>;
+  };
+  defaultHiddenSeries: {
+    type: PropType<string[]>;
+  };
+  activeKey: {
+    type: PropType<ChartKey | null>;
+  };
+  pending: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<PieChartTranslations>>;
+  };
+}>> & Readonly<{
+  "onHidden-series-change"?: ((_details: import("@xihan-ui/headless").ChartHiddenSeriesChangeDetails) => any) | undefined;
+  "onUpdate:hiddenSeries"?: ((_hidden: string[]) => any) | undefined;
+  "onActive-key-change"?: ((_details: import("@xihan-ui/headless").ChartActiveKeyChangeDetails) => any) | undefined;
+  "onUpdate:activeKey"?: ((_key: ChartKey | null) => any) | undefined;
+  "onDatum-active"?: ((_details: ChartDatumDetails | null) => any) | undefined;
+  "onDatum-press"?: ((_details: ChartDatumDetails) => any) | undefined;
+}>, {
+  pending: boolean;
+  animated: boolean;
+  rose: boolean;
+}, SlotsType<{
+  /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区、环形中心与空态）、提示框。 */
+  default?: (props: PieChartRootSlotProps) => VNode[];
+  /** 缺省结构里的标题内容。 */
+  caption?: () => VNode[];
+  /** 缺省结构里的环形中心内容。 */
+  center?: (props: PieChartCenterSlotProps) => VNode[];
+  /** 缺省结构里的提示框内容。 */
+  tooltip?: (props: PieChartTooltipSlotProps) => VNode[];
+  /** 缺省结构里的空态内容。 */
+  empty?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { PieChartCenterSlotProps, PieChartRootSlotProps, PieChartTooltipSlotProps, XhPieChartCaption, XhPieChartCenter, XhPieChartEmpty, XhPieChartLegend, XhPieChartPlot, XhPieChartRoot, XhPieChartTooltip, XhPieChartViewport };
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/components/pie-chart/pie-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.d.ts","names":[],"sources":["../../../src/components/pie-chart/pie-chart.ts"],"mappings":";;;;KA+BK,gBAAgB;;KAGT,wBAAwB,KAAK;;UAGxB;EACf,QAAQ;EACR,SAAS;;;UAIM;EACf,QAAQ;EACR,QAAQ;;;cAmDG,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAa3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;;EAGf,WAAC,OAAO,4BAA4B;kCAchD;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGhB,WAAC,OAAO,6BAA6B;kCAWjD;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,8BAAA;;IAIA,MAAA,kBAAkB;;;;;;;;;IAGd,MAAA,SAAS;;;;;;;IAEX,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;IAEP,MAAA,SAAS;;;;IAES,MAAA,SAAS,oBAAoB,SAAS;;;IAC5C,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACV,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IA3Bb,MAAA,kBAAkB;;;;;;;;;IAGd,MAAA,SAAS;;;;;;;IAEX,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;IAEP,MAAA,SAAS;;;;IAES,MAAA,SAAS,oBAAoB,SAAS;;;IAC5C,MAAA,SAAS,qBAAqB;;;IACrC,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAavC,WAAC,OAAO,0BAA0B;;EAElC,gBAAM;;EAEP,UAAC,OAAO,4BAA4B;;EAEnC,WAAC,OAAO,6BAA6B;;EAEvC,cAAM;kCAgDhB"}