@fastkit/vui 1.5.0 → 1.5.2

package/dist/vui.d.mts

@@ -31,7 +31,6 @@ export * from "@fastkit/vue-stack";
 export * from "@fastkit/vue-action";
 export * from "@fastkit/vue-utils";
 export * from "@fastkit/vue-loading";
-
 //#region src/schemes/control.d.ts
 declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
 type ControlSize = (typeof CONTROL_SIZES)[number];
@@ -2404,7 +2403,7 @@ declare module '@fastkit/vue-action' {
 }
 //#endregion
 //#region src/components/VBusyImage/VBusyImage.d.ts
-declare type ImgHTMLAttributesPropOptions = { [K in keyof ImgHTMLAttributes]-?: PropType<ImgHTMLAttributes[K]> };
+declare type ImgHTMLAttributesPropOptions = { [K in keyof ImgHTMLAttributes]-?: PropType<ImgHTMLAttributes[K]>; };
 declare function splitAttrs(attrs: ImgHTMLAttributes): {
   el: HTMLAttributes;
   img: ImgHTMLAttributes;
@@ -3918,8 +3917,8 @@ declare const VButton: import("vue").DefineComponent<ExtractPropTypes<{
   borderColor: PropType<PaletteName>;
 }>> & Readonly<{}>, {
   loading: boolean;
-  align: "left" | "right" | "center";
   rounded: boolean;
+  align: "left" | "right" | "center";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/components/VButton/VButtonGroup.d.ts
@@ -7278,11 +7277,11 @@ declare const VForm: import("vue").DefineComponent<import("vue").ExtractPropType
   rules: import("@fastkit/vue-form-control").RecursiveVerifiableRuleOrFn;
   showOwnErrors: boolean;
   detach: boolean;
-  disableAutoScroll: boolean;
   novalidate: boolean;
   autoValidate: boolean;
   sending: boolean;
   acceptInvalidSubmission: import("@fastkit/vue-form-control").FormAcceptInvalidSubmissionSpec;
+  disableAutoScroll: boolean;
 }, import("@fastkit/vue-utils").DefinedSlots<{
   default?: ((form: VueForm) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -7480,7 +7479,8 @@ interface DataTableRowSettings<T extends DataTableItem = DataTableItem> {
 type DataTableRowSettingsFn<T extends DataTableItem = DataTableItem> = (payload: DataTableItemSlotPayload<T>) => DataTableRowSettings<T>;
 type RawDataTableRowSettings<T extends DataTableItem = DataTableItem> = DataTableRowSettingsFn<T> | DataTableRowSettings<T>;
 declare const VDataTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 選択中のkeyの配列 */modelValue: {
+  /** 選択中のkeyの配列 */
+  modelValue: {
     type: PropType<string[]>;
     default: () => never[];
   };
@@ -7568,7 +7568,8 @@ declare const VDataTable: import("vue").DefineComponent<import("vue").ExtractPro
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (selectedValues: string[]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 選択中のkeyの配列 */modelValue: {
+  /** 選択中のkeyの配列 */
+  modelValue: {
     type: PropType<string[]>;
     default: () => never[];
   };
@@ -7857,8 +7858,8 @@ declare const VToolbarMenu: import("vue").DefineComponent<import("vue").ExtractP
   borderColor: import("vue").PropType<PaletteName>;
 }>> & Readonly<{}>, {
   loading: boolean;
-  align: "left" | "right" | "center";
   rounded: boolean;
+  align: "left" | "right" | "center";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/components/VToolbar/VToolbarEdge.d.ts

package/dist/vui.mjs

@@ -1313,23 +1313,33 @@ const VPagination = defineComponent({
 			const even = maxLength % 2 === 0 ? 1 : 0;
 			const left = Math.floor(maxLength / 2);
 			const right = length - left + 1 + even;
-			if (pageValue > left && pageValue < right) return [
-				1,
-				"truncate",
-				..._range(pageValue - left + 2, pageValue + left - 2 - even),
-				"truncate",
-				length
-			];
-			if (pageValue === left) return [
-				..._range(1, pageValue + left - 1 - even),
-				"truncate",
-				length
-			];
-			if (pageValue === right) return [
-				1,
-				"truncate",
-				..._range(pageValue - left + 1, length)
-			];
+			if (pageValue > left && pageValue < right) {
+				const start = pageValue - left + 2;
+				const end = pageValue + left - 2 - even;
+				return [
+					1,
+					"truncate",
+					..._range(start, end),
+					"truncate",
+					length
+				];
+			}
+			if (pageValue === left) {
+				const end = pageValue + left - 1 - even;
+				return [
+					..._range(1, end),
+					"truncate",
+					length
+				];
+			}
+			if (pageValue === right) {
+				const start = pageValue - left + 1;
+				return [
+					1,
+					"truncate",
+					..._range(start, length)
+				];
+			}
 			return [
 				..._range(1, left),
 				"truncate",
@@ -1450,7 +1460,8 @@ const VPagination = defineComponent({
 					const style = window.getComputedStyle(el, "before");
 					const width = style.getPropertyValue("width");
 					const margin = style.getPropertyValue("margin");
-					itemSize.value = parseFloat(width) + parseFloat(margin) * .5;
+					const size = parseFloat(width) + parseFloat(margin) * .5;
+					itemSize.value = size;
 				}
 				containerWidth.value = width;
 			})]);
@@ -3547,11 +3558,12 @@ const VDataTable = defineComponent({
 			const { item: itemSlot = defaultItemSlot } = ctx.slots;
 			return createVNode("tbody", { "class": "v-data-table__table__body" }, [items.map((item) => {
 				const key = item[itemKey];
-				return itemSlot({
+				const payload = {
 					key,
 					item,
 					selected: isSelected(key)
-				});
+				};
+				return itemSlot(payload);
 			})]);
 		}
 		watch(() => props.modelValue, (modelValue) => {