@shwfed/nuxt 0.11.24 → 0.11.26

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.24",
+  "version": "0.11.26",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/ui/fields/schema.js

@@ -5,14 +5,15 @@ const fieldIdC = z.uuid().describe("\u5B57\u6BB5\u552F\u4E00\u6807\u8BC6\uFF0C\u
 const inheritedFieldContext = {
   form: "map<string, dyn>",
   row: "map<string, dyn>",
-  index: "int"
+  index: "int",
+  id: "string"
 };
 export const KIND = "shwfed.component.fields";
 export const CURRENT_COMPATIBILITY_DATE = "2026-03-20";
 export const SUPPORTED_COMPATIBILITY_DATES = [CURRENT_COMPATIBILITY_DATE];
 export const ValidationRuleC = z.object({
-  expression: expressionC(["bool", "dyn"], { value: "dyn", ...inheritedFieldContext }).describe("\u8FD4\u56DE\u5E03\u5C14\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 value\u3001form\u3001row \u548C index \u53D8\u91CF"),
-  message: z.string().describe("\u6821\u9A8C\u5931\u8D25\u65F6\u5C55\u793A\u7684 Markdown \u6D88\u606F\uFF0C\u53EF\u5728 {{ expression }} \u4E2D\u4F7F\u7528 value\u3001form\u3001row \u548C index \u53D8\u91CF")
+  expression: expressionC(["bool", "dyn"], { value: "dyn", ...inheritedFieldContext }).describe("\u8FD4\u56DE\u5E03\u5C14\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 value\u3001form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  message: z.string().describe("\u6821\u9A8C\u5931\u8D25\u65F6\u5C55\u793A\u7684 Markdown \u6D88\u606F\uFF0C\u53EF\u5728 {{ expression }} \u4E2D\u4F7F\u7528 value\u3001form\u3001row\u3001index \u548C id \u53D8\u91CF")
 }).readonly();
 export const validationC = z.array(ValidationRuleC).readonly().optional().describe("\u5B57\u6BB5\u5931\u7126\u65F6\u6309\u987A\u5E8F\u6267\u884C\u7684\u6821\u9A8C\u89C4\u5219\uFF0C\u547D\u4E2D\u7B2C\u4E00\u4E2A\u5931\u8D25\u89C4\u5219\u540E\u505C\u6B62");
 export const StringFieldC = z.object({
@@ -24,10 +25,10 @@ export const StringFieldC = z.object({
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
   style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
   discardEmptyString: z.boolean().optional().describe("\u4E3A true \u65F6\uFF0C\u7A7A\u5B57\u7B26\u4E32\u4F5C\u4E3A\u6709\u6548\u503C\u5B58\u50A8\uFF1B\u5426\u5219\u6E05\u7A7A\u8F93\u5165\u5C06\u5220\u9664\u5BF9\u5E94\u5C5E\u6027"),
-  initialValue: expressionC(["string", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE string \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  initialValue: expressionC(["string", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE string \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   maxLength: expressionC("int").optional().describe('\u8FD4\u56DE\u6574\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u8F93\u5165\u7684\u6700\u5927\u5B57\u7B26\u6570\uFF0C\u5982 "100"'),
-  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
-  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   validation: validationC
 });
 export const TextareaFieldC = z.object({
@@ -39,10 +40,10 @@ export const TextareaFieldC = z.object({
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
   style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
   discardEmptyString: z.boolean().optional().describe("\u4E3A true \u65F6\uFF0C\u7A7A\u5B57\u7B26\u4E32\u4F5C\u4E3A\u6709\u6548\u503C\u5B58\u50A8\uFF1B\u5426\u5219\u6E05\u7A7A\u8F93\u5165\u5C06\u5220\u9664\u5BF9\u5E94\u5C5E\u6027"),
-  initialValue: expressionC(["string", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE string \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  initialValue: expressionC(["string", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE string \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   maxLength: expressionC("int").optional().describe('\u8FD4\u56DE\u6574\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u8F93\u5165\u7684\u6700\u5927\u5B57\u7B26\u6570\uFF0C\u5982 "100"'),
-  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
-  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   validation: validationC
 });
 export const NumberFieldC = z.object({
@@ -53,12 +54,12 @@ export const NumberFieldC = z.object({
   required: z.boolean().optional().describe("\u4E3A true \u65F6\uFF0C\u4EC5\u5728\u5B57\u6BB5\u6807\u7B7E\u540E\u663E\u793A\u5FC5\u586B\u63D0\u793A\u661F\u53F7\uFF0C\u4E0D\u5F71\u54CD\u5B9E\u9645\u6821\u9A8C\u903B\u8F91"),
   icon: z.string().optional().describe("Iconify \u56FE\u6807\u6807\u8BC6\u7B26\uFF0C\u663E\u793A\u5728\u8F93\u5165\u6846\u5185\u4FA7"),
   style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
-  initialValue: expressionC(["int", "double", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE number \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  initialValue: expressionC(["int", "double", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE number \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   min: expressionC("double").optional().describe('\u8FD4\u56DE\u6D6E\u70B9\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u5141\u8BB8\u7684\u6700\u5C0F\u503C\uFF0C\u5982 "0.0"'),
   max: expressionC("double").optional().describe('\u8FD4\u56DE\u6D6E\u70B9\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u9650\u5236\u5141\u8BB8\u7684\u6700\u5927\u503C\uFF0C\u5982 "100.0"'),
   step: expressionC("double").optional().describe('\u8FD4\u56DE\u6D6E\u70B9\u6570\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u6570\u503C\u9012\u589E\u6B65\u957F\uFF0C\u5982 "0.5"'),
-  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
-  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   validation: validationC
 });
 export const SelectFieldC = z.object({
@@ -73,9 +74,9 @@ export const SelectFieldC = z.object({
   value: expressionC(/.+/, { option: "dyn" }).describe("\u8FD4\u56DE\u4EFB\u610F\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63D0\u4F9B option \u53D8\u91CF\uFF0C\u8FD4\u56DE\u503C\u5C06\u88AB\u5199\u5165\u7ED1\u5B9A\u5B57\u6BB5"),
   key: expressionC("string", { option: "dyn" }).describe("\u8FD4\u56DE\u5B57\u7B26\u4E32\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u63D0\u4F9B option \u53D8\u91CF\uFF0C\u8FD4\u56DE\u503C\u4E0E\u9009\u9879\u6784\u6210\u5168\u6620\u5C04"),
   style: z.string().optional().describe("CSS \u6837\u5F0F\u5BF9\u8C61\u8868\u8FBE\u5F0F\uFF0C\u63A7\u5236\u5B57\u6BB5\u7684\u5E03\u5C40\u4E0E\u5916\u89C2"),
-  initialValue: expressionC(/.+/, inheritedFieldContext).optional().describe("\u8FD4\u56DE\u4EFB\u610F\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
-  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
-  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  initialValue: expressionC(/.+/, inheritedFieldContext).optional().describe("\u8FD4\u56DE\u4EFB\u610F\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   validation: validationC
 });
 export const CalendarFieldC = z.object({
@@ -89,10 +90,10 @@ export const CalendarFieldC = z.object({
   mode: z.enum(["year", "month", "date"]).describe("\u65E5\u5386\u9009\u62E9\u7CBE\u5EA6\uFF1Ayear \u4EC5\u9009\u5E74\uFF0Cmonth \u9009\u5E74\u6708\uFF0Cdate \u9009\u5E74\u6708\u65E5"),
   display: z.string().optional().describe('date-fns \u683C\u5F0F\u5B57\u7B26\u4E32\uFF0C\u63A7\u5236\u8F93\u5165\u6846\u4E2D\u7684\u5C55\u793A\u683C\u5F0F\uFF0C\u5982 "yyyy\u5E74MM\u6708dd\u65E5"\uFF1B\u7559\u7A7A\u5219\u663E\u793A\u539F\u59CB\u5B58\u50A8\u503C'),
   value: z.string().describe('date-fns \u683C\u5F0F\u5B57\u7B26\u4E32\uFF0C\u5B9A\u4E49\u65E5\u671F\u5728 model \u4E2D\u7684\u5B58\u50A8\u683C\u5F0F\uFF0C\u5982 "yyyy-MM-dd"'),
-  initialValue: expressionC(["string", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE string \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  initialValue: expressionC(["string", "dyn"], inheritedFieldContext).optional().describe("\u8FD4\u56DE string \u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u5728\u5B57\u6BB5\u9996\u6B21\u521D\u59CB\u5316\u4E14 path \u4E0D\u5B58\u5728\u65F6\u5199\u5165\u521D\u59CB\u503C\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   disableDate: expressionC(["bool", "dyn"], { date: "Date" }).optional().describe("\u8FD4\u56DE\u5E03\u5C14\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u4EE5 date\uFF08Date \u7C7B\u578B\uFF09\u4E3A\u53D8\u91CF\uFF0C\u8FD4\u56DE true \u65F6\u8BE5\u65E5\u671F\u5728\u65E5\u5386\u4E2D\u88AB\u7981\u7528"),
-  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
-  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF"),
+  hidden: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
+  disabled: expressionC(["bool", "dyn"], inheritedFieldContext).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF"),
   validation: validationC
 });
 export const SlotFieldC = z.strictObject({
@@ -117,7 +118,7 @@ export const FieldC = z.discriminatedUnion("type", [
 export const FieldsOrientationC = z.enum(["horizontal", "vertical", "floating"]);
 export const FieldsStyleC = expressionC([/^map/, "dyn"], {
   ...inheritedFieldContext
-}).optional().describe("\u8FD4\u56DE\u5B57\u6BB5\u96C6\u5408\u5BB9\u5668\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 form\u3001row \u548C index \u53D8\u91CF\u3002");
+}).optional().describe("\u8FD4\u56DE\u5B57\u6BB5\u96C6\u5408\u5BB9\u5668\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 form\u3001row\u3001index \u548C id \u53D8\u91CF\u3002");
 const FieldsBodyObjectC = z.object({
   orientation: FieldsOrientationC.optional().describe("\u5B57\u6BB5\u5E03\u5C40\u65B9\u5411\uFF0C\u53EF\u9009 horizontal\u3001vertical \u6216 floating\uFF1B\u7559\u7A7A\u65F6\u9ED8\u8BA4 horizontal"),
   style: FieldsStyleC,

package/dist/runtime/components/ui/table/Table.vue

@@ -79,10 +79,11 @@ function getColumnTitle(column) {
 function getColumnTooltip(column) {
   return getLocalizedText(column.tooltip, locale.value);
 }
-function getRowDslContext(row, index) {
+function getRowDslContext(row, index, id) {
   return mergeDslContexts({
     row,
-    index: BigInt(index)
+    index: BigInt(index),
+    id
   }, inheritedDslContext);
 }
 function translate(column) {
@@ -114,7 +115,7 @@ function translate(column) {
       }
       return renderer.cell({
         ctx,
-        dslContext: getRowDslContext(ctx.row.original, ctx.row.index),
+        dslContext: getRowDslContext(ctx.row.original, ctx.row.index, ctx.row.id),
         options
       });
     },
@@ -147,7 +148,8 @@ function translate(column) {
 }
 const columns = computed(() => currentConfig.value?.columns.map((column) => translate(column)) ?? []);
 const data = computed(() => props.data);
-const isManualPagination = computed(() => props.rowCount !== void 0);
+const isPaginationEnabled = computed(() => currentConfig.value?.props?.initialState?.pagination?.pageSize !== void 0);
+const isManualPagination = computed(() => isPaginationEnabled.value && props.rowCount !== void 0);
 const totalItems = computed(() => props.rowCount ?? data.value.length);
 const paginationLeft = computed(() => currentConfig.value?.paginationLeft ?? "");
 const paginationRight = computed(() => currentConfig.value?.paginationRight ?? "");
@@ -162,12 +164,17 @@ const TableRowCELContext = defineComponent({
     index: {
       type: Number,
       required: true
+    },
+    id: {
+      type: String,
+      default: void 0
     }
   },
   setup(props2, { slots: slots2 }) {
     provideCELContext({
       row: props2.row,
-      index: BigInt(props2.index)
+      index: BigInt(props2.index),
+      id: props2.id
     });
     return () => slots2.default?.();
   }
@@ -184,6 +191,9 @@ function handlePaginationPageSizeChange(value) {
   tableApi.setPageSize(nextPageSize);
 }
 function syncPaginationPageSize() {
+  if (!isPaginationEnabled.value) {
+    return;
+  }
   const nextPageSize = resolvePaginationPageSize(
     tableApi.getState().pagination.pageSize,
     resolvedPaginationPageSizes.value
@@ -277,7 +287,7 @@ const baseTableOptions = {
     return isManualPagination.value;
   },
   get rowCount() {
-    return props.rowCount;
+    return isPaginationEnabled.value ? props.rowCount : void 0;
   },
   get getRowId() {
     return currentConfig.value?.getRowId ? getRowId : void 0;
@@ -352,9 +362,11 @@ watch(currentConfig, (config) => {
   syncPaginationPageSize();
 }, { immediate: true });
 defineExpose(tableApi);
+const rows = computed(() => isPaginationEnabled.value ? tableApi.getRowModel().rows : tableApi.getPrePaginationRowModel().rows);
+const maxPage = computed(() => isPaginationEnabled.value ? Math.max(tableApi.getPageCount(), 1) : 1);
 const rowVirtualizer = useVirtualizer(
   computed(() => ({
-    count: tableApi.getRowModel().rows.length,
+    count: rows.value.length,
     estimateSize: () => 35,
     getScrollElement: () => containerRef.value,
     overscan: 30
@@ -367,8 +379,6 @@ function measureRow(el) {
     return;
   rowVirtualizer.value.measureElement(el);
 }
-const rows = computed(() => tableApi.getRowModel().rows);
-const maxPage = computed(() => Math.max(tableApi.getPageCount(), 1));
 function isStyleRecord(x) {
   return typeof x === "object" && x !== null && !Array.isArray(x);
 }
@@ -763,6 +773,7 @@ export {
 }"
                   >
                     <TableRowCELContext
+                      :id="cell.row.id"
                       :row="cell.row.original"
                       :index="cell.row.index"
                     >
@@ -835,7 +846,7 @@ export {
               </template>
             </i18n-t>
             <label
-              v-if="resolvedPaginationPageSizes"
+              v-if="isPaginationEnabled && resolvedPaginationPageSizes"
               data-slot="table-pagination-page-size"
               class="items-center gap-2 text-xs text-zinc-500 hidden @lg:flex"
             >
@@ -855,103 +866,105 @@ export {
                 </NativeSelectOption>
               </NativeSelect>
             </label>
-            <Pagination.Root
-              show-edges
-              :total="totalItems"
-              :items-per-page="tableApi.getState().pagination.pageSize"
-              :page="tableApi.getState().pagination.pageIndex + 1"
-              @update:page="(page2) => tableApi.setPageIndex(page2 - 1)"
-            >
-              <Pagination.List
-                v-slot="{ items }"
-                class="flex items-center gap-1"
+            <template v-if="isPaginationEnabled">
+              <Pagination.Root
+                show-edges
+                :total="totalItems"
+                :items-per-page="tableApi.getState().pagination.pageSize"
+                :page="tableApi.getState().pagination.pageIndex + 1"
+                @update:page="(page2) => tableApi.setPageIndex(page2 - 1)"
               >
-                <Pagination.First
-                  :class="[
+                <Pagination.List
+                  v-slot="{ items }"
+                  class="flex items-center gap-1"
+                >
+                  <Pagination.First
+                    :class="[
   'w-7 h-7 flex items-center justify-center bg-transparent hover:bg-zinc-100 transition disabled:opacity-50 rounded text-zinc-600',
   'data-disabled:opacity-50 data-disabled:cursor-not-allowed cursor-pointer'
 ]"
-                >
-                  <Icon
-                    icon="radix-icons:double-arrow-left"
-                    class="w-4 h-4"
-                  />
-                </Pagination.First>
-                <Pagination.Prev
-                  :class="[
+                  >
+                    <Icon
+                      icon="radix-icons:double-arrow-left"
+                      class="w-4 h-4"
+                    />
+                  </Pagination.First>
+                  <Pagination.Prev
+                    :class="[
   'w-7 h-7 flex items-center justify-center bg-transparent hover:bg-zinc-100 transition disabled:opacity-50 rounded text-zinc-600',
   'data-disabled:opacity-50 data-disabled:cursor-not-allowed cursor-pointer'
 ]"
-                >
-                  <Icon
-                    icon="radix-icons:chevron-left"
-                    class="w-4 h-4"
-                  />
-                </Pagination.Prev>
+                  >
+                    <Icon
+                      icon="radix-icons:chevron-left"
+                      class="w-4 h-4"
+                    />
+                  </Pagination.Prev>
 
-                <template
-                  v-for="(page, index) in items"
-                  :key="page.type === 'page' ? `${page.type}-${page.value}` : `${page.type}-${index}`"
-                >
-                  <Pagination.ListItem
-                    v-if="page.type === 'page'"
-                    :class="[
+                  <template
+                    v-for="(page, pageItemIndex) in items"
+                    :key="page.type === 'page' ? `${page.type}-${page.value}` : `${page.type}-${pageItemIndex}`"
+                  >
+                    <Pagination.ListItem
+                      v-if="page.type === 'page'"
+                      :class="[
   'w-7 h-7 items-center justify-center rounded text-xs bg-transparent',
   'data-selected:text-(--primary) hover:bg-zinc-100 transition cursor-pointer',
   page.value - 1 === tableApi.getState().pagination.pageIndex ? '' : 'hidden @md:flex'
 ]"
-                    :value="page.value"
-                  >
-                    {{ page.value }}
-                  </Pagination.ListItem>
-                  <Pagination.Ellipsis
-                    v-else
-                    class="w-7 h-7 items-center justify-center text-zinc-400 hidden @md:flex"
-                  >
-                    &#8230;
-                  </Pagination.Ellipsis>
-                </template>
+                      :value="page.value"
+                    >
+                      {{ page.value }}
+                    </Pagination.ListItem>
+                    <Pagination.Ellipsis
+                      v-else
+                      class="w-7 h-7 items-center justify-center text-zinc-400 hidden @md:flex"
+                    >
+                      &#8230;
+                    </Pagination.Ellipsis>
+                  </template>
 
-                <Pagination.Next
-                  :class="[
+                  <Pagination.Next
+                    :class="[
   'w-7 h-7 flex items-center justify-center bg-transparent hover:bg-zinc-100 transition disabled:opacity-50 rounded text-zinc-600',
   'data-disabled:opacity-50 data-disabled:cursor-not-allowed cursor-pointer'
 ]"
-                >
-                  <Icon
-                    icon="radix-icons:chevron-right"
-                    class="w-4 h-4"
-                  />
-                </Pagination.Next>
-                <Pagination.Last
-                  :class="[
+                  >
+                    <Icon
+                      icon="radix-icons:chevron-right"
+                      class="w-4 h-4"
+                    />
+                  </Pagination.Next>
+                  <Pagination.Last
+                    :class="[
   'w-7 h-7 flex items-center justify-center bg-transparent hover:bg-zinc-100 transition disabled:opacity-50 rounded text-zinc-600',
   'data-disabled:opacity-50 data-disabled:cursor-not-allowed cursor-pointer'
 ]"
-                >
-                  <Icon
-                    icon="radix-icons:double-arrow-right"
-                    class="w-4 h-4"
-                  />
-                </Pagination.Last>
-              </Pagination.List>
-            </Pagination.Root>
-            <i18n-t
-              keypath="goto"
-              tag="div"
-              class="text-xs items-center gap-2 hidden @lg:flex"
-            >
-              <template #page>
-                <NumberField
-                  :model-value="tableApi.getState().pagination.pageIndex + 1"
-                  :min="1"
-                  :max="maxPage"
-                  @update:model-value="(value) => tableApi.setPageIndex(value - 1)"
-                >
-                  <NumberFieldInput class="h-6 w-16 text-xs" />
-                </NumberField>
-              </template>
-            </i18n-t>
+                  >
+                    <Icon
+                      icon="radix-icons:double-arrow-right"
+                      class="w-4 h-4"
+                    />
+                  </Pagination.Last>
+                </Pagination.List>
+              </Pagination.Root>
+              <i18n-t
+                keypath="goto"
+                tag="div"
+                class="text-xs items-center gap-2 hidden @lg:flex"
+              >
+                <template #page>
+                  <NumberField
+                    :model-value="tableApi.getState().pagination.pageIndex + 1"
+                    :min="1"
+                    :max="maxPage"
+                    @update:model-value="(value) => tableApi.setPageIndex(value - 1)"
+                  >
+                    <NumberFieldInput class="h-6 w-16 text-xs" />
+                  </NumberField>
+                </template>
+              </i18n-t>
+            </template>
           </div>
           <div
             :class="[

package/dist/runtime/components/ui/table-configurator/TableConfiguratorDialog.vue

@@ -577,6 +577,7 @@ function initializeInitialStateGroups(config) {
 }
 function resetDraftState(config) {
   const nextPaginationPageSizes = getInitialPaginationPageSizes(config);
+  const initialPageSize = getInitialPageSize(config);
   draftBaseConfig.value = config;
   draftColumnTree.value = buildTableConfiguratorColumnTree(config.columns);
   draftGetRowId.value = config.getRowId;
@@ -586,7 +587,7 @@ function resetDraftState(config) {
   draftCellStyles.value = config.cellStyles;
   draftPaginationLeft.value = config.paginationLeft;
   draftPaginationRight.value = config.paginationRight;
-  draftPageSize.value = resolvePaginationPageSize(getInitialPageSize(config), nextPaginationPageSizes);
+  draftPageSize.value = initialPageSize === void 0 ? void 0 : resolvePaginationPageSize(initialPageSize, nextPaginationPageSizes);
   draftPaginationPageSizes.value = createPaginationPageSizeItems(nextPaginationPageSizes);
   initializeInitialStateGroups(config);
   syncDraftColumnTreeRootOrder();
@@ -1238,9 +1239,12 @@ function buildNextPaginationPageSizes() {
 }
 function buildNextPaginationState() {
   const currentPagination = draftBaseConfig.value.props?.initialState?.pagination;
+  if (draftPageSize.value === void 0) {
+    return void 0;
+  }
   const nextPaginationPageSizes = buildNextPaginationPageSizes();
   const nextPageSize = resolvePaginationPageSize(draftPageSize.value, nextPaginationPageSizes);
-  if (!currentPagination && nextPageSize === void 0) {
+  if (nextPageSize === void 0) {
     return void 0;
   }
   return {
@@ -1249,6 +1253,27 @@ function buildNextPaginationState() {
   };
 }
 function buildDraftConfig() {
+  const baseInitialState = draftBaseConfig.value.props?.initialState;
+  const nextPaginationState = buildNextPaginationState();
+  const nextInitialState = {
+    columnPinning: {
+      ...baseInitialState?.columnPinning,
+      left: buildInitialStateLeafColumnIds(leftPinnedRootItemIds.value),
+      right: buildInitialStateLeafColumnIds(rightPinnedRootItemIds.value)
+    },
+    columnOrder: buildInitialStateLeafColumnIds(centerRootItemIds.value),
+    ...baseInitialState?.columnVisibility ? { columnVisibility: baseInitialState.columnVisibility } : {},
+    ...baseInitialState?.rowPinning ? { rowPinning: baseInitialState.rowPinning } : {},
+    ...baseInitialState?.columnFilters ? { columnFilters: baseInitialState.columnFilters } : {},
+    ...baseInitialState?.globalFilter !== void 0 ? { globalFilter: baseInitialState.globalFilter } : {},
+    ...baseInitialState?.sorting ? { sorting: baseInitialState.sorting } : {},
+    ...baseInitialState?.expanded !== void 0 ? { expanded: baseInitialState.expanded } : {},
+    ...baseInitialState?.grouping ? { grouping: baseInitialState.grouping } : {},
+    ...baseInitialState?.columnSizing ? { columnSizing: baseInitialState.columnSizing } : {},
+    ...baseInitialState?.columnSizingInfo ? { columnSizingInfo: baseInitialState.columnSizingInfo } : {},
+    ...baseInitialState?.rowSelection ? { rowSelection: baseInitialState.rowSelection } : {},
+    ...nextPaginationState ? { pagination: nextPaginationState } : {}
+  };
   return TableConfigC.safeParse({
     ...draftBaseConfig.value,
     getRowId: draftGetRowId.value,
@@ -1262,16 +1287,7 @@ function buildDraftConfig() {
     columns: materializeTableConfiguratorColumnTree(draftColumnTree.value).map(normalizeColumn),
     props: {
       ...draftBaseConfig.value.props,
-      initialState: {
-        ...draftBaseConfig.value.props?.initialState,
-        columnPinning: {
-          ...draftBaseConfig.value.props?.initialState?.columnPinning,
-          left: buildInitialStateLeafColumnIds(leftPinnedRootItemIds.value),
-          right: buildInitialStateLeafColumnIds(rightPinnedRootItemIds.value)
-        },
-        columnOrder: buildInitialStateLeafColumnIds(centerRootItemIds.value),
-        pagination: buildNextPaginationState()
-      }
+      initialState: nextInitialState
     }
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.24",
+  "version": "0.11.26",
   "description": "",
   "license": "MIT",
   "type": "module",