@shwfed/nuxt 0.11.22 → 0.11.24

package/dist/module.json

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

package/dist/runtime/components/ui/app/OverlayHost.vue

@@ -2,10 +2,15 @@
 import { computed, defineComponent } from "vue";
 import ShwfedModal from "../../modal.vue";
 import { useOverlay } from "../../../composables/useOverlay";
+import { provideCELContext } from "../../../plugins/cel/context";
 const overlay = useOverlay();
 const OverlayBody = defineComponent({
   name: "OverlayBody",
   props: {
+    celContext: {
+      type: Object,
+      required: true
+    },
     render: {
       type: Function,
       required: true
@@ -16,6 +21,7 @@ const OverlayBody = defineComponent({
     }
   },
   setup(props) {
+    provideCELContext(props.celContext);
     return () => props.render(props.slotProps);
   }
 });
@@ -51,6 +57,7 @@ const renderedSessions = computed(() => {
       },
       descriptionSrOnly: session.shell.descriptionSrOnly,
       props: session.props,
+      celContext: session.celContext,
       definition
     });
   }
@@ -95,6 +102,7 @@ const renderedSessions = computed(() => {
 
       <template #default="modalSlotProps">
         <OverlayBody
+          :cel-context="session.celContext"
           :render="session.definition.render"
           :slot-props="{
   props: session.props,

package/dist/runtime/components/ui/buttons/Buttons.vue

@@ -13,6 +13,7 @@ import {
   provideOverlay,
   useOverlay
 } from "../../../composables/useOverlay";
+import { useCELContext } from "../../../plugins/cel/context";
 import { getLocalizedText, hasVisibleLocaleValue } from "../../../utils/coders";
 import { cn } from "../../../utils/cn";
 import ButtonConfiguratorDialog from "../button-configurator/ButtonConfiguratorDialog.vue";
@@ -45,6 +46,7 @@ const attrs = useAttrs();
 const { locale, t } = useI18n();
 const { $dsl } = useNuxtApp();
 const overlay = useOverlay();
+const celContext = useCELContext();
 const isCheating = useCheating();
 const isConfiguratorOpen = ref(false);
 const pendingIds = ref([]);
@@ -253,7 +255,8 @@ function createButtonActionRuntime(button) {
     locale: locale.value,
     title: getButtonLabel(button),
     description: tooltip,
-    tooltip
+    tooltip,
+    celContext
   };
 }
 function resolveButtonEffect(button) {

package/dist/runtime/components/ui/fields/Fields.vue

@@ -10,6 +10,7 @@ import { deleteProperty, getProperty, hasProperty, setProperty } from "dot-prop"
 import { computed, nextTick, readonly, ref, toRaw, useId, watch, watchEffect } from "vue";
 import { useI18n } from "vue-i18n";
 import { useCheating } from "#imports";
+import { mergeDslContexts, useCELContext } from "../../../plugins/cel/context";
 import { Calendar } from "../calendar";
 import { Button } from "../button";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command";
@@ -33,6 +34,7 @@ const emit = defineEmits(["update:config", "initial-value-ready"]);
 const config = computedAsync(async () => FieldsConfigC.parse(await props.config.pipe(Effect.runPromise) ?? defaultConfig));
 const { t, locale } = useI18n();
 const { $dsl, $md } = useNuxtApp();
+const dslContext = useCELContext();
 const modelValue = defineModel("modelValue", { type: Object, ...{
   default: () => ({})
 } });
@@ -67,7 +69,7 @@ function tryEvaluateExpression(source, context) {
   try {
     return {
       ok: true,
-      value: $dsl.evaluate`${source}`(context)
+      value: $dsl.evaluate`${source}`(mergeDslContexts(context, dslContext))
     };
   } catch {
     return {
@@ -338,7 +340,7 @@ function isFieldRequired(field) {
 function renderValidationMessage(field) {
   const error = validationErrors.value[field.path];
   if (!error) return "";
-  return $md.inline`${error.message}`(error.context);
+  return $md.inline`${error.message}`(mergeDslContexts(error.context, dslContext));
 }
 function isCalendarDateDisabled(field, date) {
   if (!field.disableDate) {

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

@@ -2,12 +2,17 @@ import z from "zod";
 import { createComponentConfig, createComponentConfigMetadataShape } from "../../component-config.js";
 import { dotPropC, expressionC, localeC } from "../../../utils/coders.js";
 const fieldIdC = z.uuid().describe("\u5B57\u6BB5\u552F\u4E00\u6807\u8BC6\uFF0C\u5FC5\u987B\u662F UUID");
+const inheritedFieldContext = {
+  form: "map<string, dyn>",
+  row: "map<string, dyn>",
+  index: "int"
+};
 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", { value: "dyn", form: "map<string, dyn>" }).describe("\u8FD4\u56DE\u5E03\u5C14\u503C\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 value \u548C form \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 \u548C form \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 \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")
 }).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({
@@ -19,10 +24,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", { form: "map<string, dyn>" }).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 \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 \u548C index \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", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
+  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"),
   validation: validationC
 });
 export const TextareaFieldC = z.object({
@@ -34,10 +39,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", { form: "map<string, dyn>" }).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 \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 \u548C index \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", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
+  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"),
   validation: validationC
 });
 export const NumberFieldC = z.object({
@@ -48,12 +53,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"], { form: "map<string, dyn>" }).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 \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 \u548C index \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", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
+  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"),
   validation: validationC
 });
 export const SelectFieldC = z.object({
@@ -68,9 +73,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(/.+/, { form: "map<string, dyn>" }).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 \u53D8\u91CF"),
-  hidden: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
+  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"),
   validation: validationC
 });
 export const CalendarFieldC = z.object({
@@ -84,10 +89,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", { form: "map<string, dyn>" }).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 \u53D8\u91CF"),
-  disableDate: expressionC("bool", { 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", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u9690\u85CF\u8FD9\u4E2A\u5B57\u6BB5"),
-  disabled: expressionC("bool", { form: "map<string, dyn>" }).optional().describe("\u4E3A true \u65F6\uFF0C\u7981\u7528\u8FD9\u4E2A\u5B57\u6BB5"),
+  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"),
+  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"),
   validation: validationC
 });
 export const SlotFieldC = z.strictObject({
@@ -110,9 +115,9 @@ export const FieldC = z.discriminatedUnion("type", [
   EmptyFieldC
 ]);
 export const FieldsOrientationC = z.enum(["horizontal", "vertical", "floating"]);
-export const FieldsStyleC = expressionC(/^map/, {
-  form: "map<string, dyn>"
-}).optional().describe("\u8FD4\u56DE\u5B57\u6BB5\u96C6\u5408\u5BB9\u5668\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F\uFF0C\u53EF\u4F7F\u7528 form \u53D8\u91CF\u3002");
+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");
 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/markdown/Markdown.vue

@@ -6,6 +6,7 @@ import { computedAsync } from "@vueuse/core";
 import { Effect } from "effect";
 import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
+import { mergeDslContexts, useCELContext } from "../../../plugins/cel/context";
 import { getLocalizedText } from "../../../utils/coders";
 import { Button } from "../button";
 import { Skeleton } from "../skeleton";
@@ -22,7 +23,9 @@ const displayConfig = ref(defaultConfig);
 const { $dsl, $md } = useNuxtApp();
 const { t, locale } = useI18n();
 const isCheating = useCheating();
+const inheritedContext = useCELContext();
 const isConfiguratorOpen = ref(false);
+const resolvedContext = computed(() => mergeDslContexts(props.context, inheritedContext));
 function normalizeStyle(value) {
   const style = {};
   if (!value || typeof value !== "object" || Array.isArray(value)) {
@@ -40,7 +43,7 @@ const renderedStyle = computed(() => {
     return {};
   }
   try {
-    return normalizeStyle($dsl.evaluate`${displayConfig.value.style}`(props.context ?? {}));
+    return normalizeStyle($dsl.evaluate`${displayConfig.value.style}`(resolvedContext.value));
   } catch {
     return {};
   }
@@ -51,9 +54,9 @@ const renderedMarkdown = computed(() => {
     return "";
   }
   if (displayConfig.value.inline) {
-    return $md.inline`${markdownSource.value}`(props.context);
+    return $md.inline`${markdownSource.value}`(resolvedContext.value);
   }
-  return $md.block`${markdownSource.value}`(props.context);
+  return $md.block`${markdownSource.value}`(resolvedContext.value);
 });
 function handleConfiguratorConfirm(nextConfig) {
   displayConfig.value = nextConfig;
@@ -107,7 +110,7 @@ export {
       v-if="resolvedConfig !== void 0"
       v-model:open="isConfiguratorOpen"
       :config="displayConfig"
-      :context="props.context"
+      :context="resolvedContext"
       @confirm="handleConfiguratorConfirm"
     />
 

package/dist/runtime/components/ui/menu-tabs/MenuTabs.vue

@@ -6,6 +6,7 @@ import { computedAsync } from "@vueuse/core";
 import { Effect } from "effect";
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
+import { mergeDslContexts, useCELContext } from "../../../plugins/cel/context";
 import { getLocalizedText } from "../../../utils/coders";
 import { Button } from "../button";
 import MenuTabsConfiguratorDialog from "../menu-tabs-configurator/MenuTabsConfiguratorDialog.vue";
@@ -27,6 +28,7 @@ const route = useRoute();
 const router = useRouter();
 const { locale, t } = useI18n();
 const isCheating = useCheating();
+const inheritedContext = useCELContext();
 const resolvedConfig = computedAsync(
   async () => MenuTabsConfigC.parse(await props.config.pipe(Effect.runPromise) ?? defaultConfig)
 );
@@ -43,9 +45,10 @@ function cleanPath(path) {
   return normalizedPath.length > 0 ? normalizedPath : "/";
 }
 function getEvaluationContext() {
+  const context = mergeDslContexts(props.context, inheritedContext);
   return {
-    ...props.context ?? {},
-    context: props.context ?? {}
+    ...context,
+    context
   };
 }
 const resolvedMenus = computed(

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

@@ -15,8 +15,9 @@ import { computedAsync } from "@vueuse/core";
 import { getProperty } from "dot-prop";
 import { Effect } from "effect";
 import { Pagination } from "reka-ui/namespaced";
-import { computed, ref, watch } from "vue";
+import { computed, defineComponent, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
+import { mergeDslContexts, provideCELContext, useCELContext } from "../../../plugins/cel/context";
 import { useTableRenderers } from "../../../composables/useTableRenderers";
 import { getLocalizedText } from "../../../utils/coders";
 import {
@@ -53,6 +54,7 @@ const { t, locale } = useI18n();
 const slots = defineSlots();
 const { $dsl } = useNuxtApp();
 const isCheating = useCheating();
+const inheritedDslContext = useCELContext();
 const { resolveTableRenderer } = useTableRenderers();
 const containerRef = ref(null);
 const appliedInitialStateKey = ref("");
@@ -77,6 +79,12 @@ function getColumnTitle(column) {
 function getColumnTooltip(column) {
   return getLocalizedText(column.tooltip, locale.value);
 }
+function getRowDslContext(row, index) {
+  return mergeDslContexts({
+    row,
+    index: BigInt(index)
+  }, inheritedDslContext);
+}
 function translate(column) {
   if (Array.isArray(column.columns) && column.columns.length > 0) {
     return {
@@ -104,7 +112,11 @@ function translate(column) {
       if (slot) {
         return slot({ cell: ctx });
       }
-      return renderer.cell({ ctx, options });
+      return renderer.cell({
+        ctx,
+        dslContext: getRowDslContext(ctx.row.original, ctx.row.index),
+        options
+      });
     },
     accessorFn: (row, index) => {
       const key = column.accessor;
@@ -112,10 +124,7 @@ function translate(column) {
         return getProperty(row, key);
       } else if (key !== void 0) {
         try {
-          return $dsl.evaluate`${key.read}`({
-            row,
-            index: BigInt(index)
-          });
+          return $dsl.evaluate`${key.read}`(getRowDslContext(row, index));
         } catch (e) {
           console.error(e);
           return void 0;
@@ -144,6 +153,25 @@ const paginationLeft = computed(() => currentConfig.value?.paginationLeft ?? "")
 const paginationRight = computed(() => currentConfig.value?.paginationRight ?? "");
 const resolvedPaginationPageSizes = computed(() => normalizePaginationPageSizes(currentConfig.value?.paginationPageSizes));
 const isConfiguratorOpen = ref(false);
+const TableRowCELContext = defineComponent({
+  name: "TableRowCELContext",
+  props: {
+    row: {
+      default: void 0
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(props2, { slots: slots2 }) {
+    provideCELContext({
+      row: props2.row,
+      index: BigInt(props2.index)
+    });
+    return () => slots2.default?.();
+  }
+});
 function handleConfiguratorConfirm(nextConfig) {
   currentConfig.value = nextConfig;
   emit("update:config", nextConfig);
@@ -174,7 +202,7 @@ function getRowId(originalRow, index, parent) {
     const key = $dsl.evaluate`${expression}`(
       {
         row: originalRow,
-        index,
+        index: BigInt(index),
         parent: parent ? {
           id: parent.id,
           index: BigInt(parent.index),
@@ -196,10 +224,7 @@ function getSubRows(row, index) {
     return void 0;
   }
   try {
-    const value = $dsl.evaluate`${expression}`({
-      row,
-      index
-    });
+    const value = $dsl.evaluate`${expression}`(getRowDslContext(row, index));
     return Array.isArray(value) ? value : void 0;
   } catch (e) {
     console.error(e);
@@ -212,11 +237,11 @@ function enableRowSelection(row) {
     return true;
   }
   try {
-    return Boolean($dsl.evaluate`${expression}`({
+    return Boolean($dsl.evaluate`${expression}`(mergeDslContexts({
       row: row.original,
       index: BigInt(row.index),
       id: row.id
-    }));
+    }, inheritedDslContext)));
   } catch (e) {
     console.error(e);
     return true;
@@ -228,11 +253,11 @@ function enableMultiRowSelection(row) {
     return true;
   }
   try {
-    return Boolean($dsl.evaluate`${expression}`({
+    return Boolean($dsl.evaluate`${expression}`(mergeDslContexts({
       row: row.original,
       index: BigInt(row.index),
       id: row.id
-    }));
+    }, inheritedDslContext)));
   } catch (e) {
     console.error(e);
     return true;
@@ -352,13 +377,13 @@ function getCellStyles(ctx) {
   if (!expression)
     return {};
   try {
-    const result = $dsl.evaluate`${expression}`({
+    const result = $dsl.evaluate`${expression}`(mergeDslContexts({
       row: ctx.row.original,
       index: BigInt(ctx.row.index),
       id: ctx.column.id,
       selected: ctx.row.getIsSelected(),
       pinned: ctx.column.getIsPinned()
-    });
+    }, inheritedDslContext));
     return isStyleRecord(result) ? result : {};
   } catch (e) {
     console.error(e);
@@ -737,10 +762,15 @@ export {
   ...getCellStyles(cell.getContext())
 }"
                   >
-                    <FlexRender
-                      :render="cell.column.columnDef.cell"
-                      :props="cell.getContext()"
-                    />
+                    <TableRowCELContext
+                      :row="cell.row.original"
+                      :index="cell.row.index"
+                    >
+                      <FlexRender
+                        :render="cell.column.columnDef.cell"
+                        :props="cell.getContext()"
+                      />
+                    </TableRowCELContext>
                   </td>
                 </tr>
               </tbody>

package/dist/runtime/composables/provideCELContext.d.ts

@@ -0,0 +1 @@
+export { provideCELContext } from '../plugins/cel/context.js';

package/dist/runtime/composables/provideCELContext.js

@@ -0,0 +1 @@
+export { provideCELContext } from "../plugins/cel/context.js";

package/dist/runtime/composables/useButtonAction.d.ts

@@ -6,6 +6,7 @@ export type ButtonActionRuntime = Readonly<{
     title: string;
     description?: string;
     tooltip?: string;
+    celContext: Record<string, unknown>;
 }>;
 declare const ButtonActionService_base: Context.TagClass<ButtonActionService, "shwfed/ButtonActionService", Readonly<{
     id: string;
@@ -13,6 +14,7 @@ declare const ButtonActionService_base: Context.TagClass<ButtonActionService, "s
     title: string;
     description?: string;
     tooltip?: string;
+    celContext: Record<string, unknown>;
 }>>;
 export declare class ButtonActionService extends ButtonActionService_base {
 }

package/dist/runtime/composables/useCELContext.d.ts

@@ -0,0 +1 @@
+export { useCELContext } from '../plugins/cel/context.js';

package/dist/runtime/composables/useCELContext.js

@@ -0,0 +1 @@
+export { useCELContext } from "../plugins/cel/context.js";

package/dist/runtime/composables/useOverlay.d.ts

@@ -12,6 +12,7 @@ export type OverlayBodyProps = Readonly<Record<string, unknown>>;
 export type OverlaySessionInput = Readonly<{
     shell?: Partial<OverlayShellProps>;
     props?: Record<string, unknown>;
+    celContext?: Record<string, unknown>;
 }>;
 export type OverlaySessionPatch = Readonly<{
     shell?: Partial<OverlayShellProps>;
@@ -41,6 +42,7 @@ type OverlaySession = {
     open: boolean;
     shell: OverlayShellState;
     props: Record<string, unknown>;
+    celContext: Record<string, unknown>;
     deferred: Deferred.Deferred<OverlayResult, never>;
     pendingResult?: OverlayResult;
 };

package/dist/runtime/composables/useOverlay.js

@@ -1,6 +1,7 @@
 import { Context, Deferred, Effect, Option } from "effect";
 import { reactive, ref } from "vue";
 import { ButtonActionService } from "./useButtonAction.js";
+import { mergeDslContexts } from "../plugins/cel/context.js";
 export class OverlayService extends Context.Tag("shwfed/OverlayService")() {
 }
 function createDefinitionNotFoundError(definitionId) {
@@ -180,6 +181,7 @@ function createOverlayRuntime() {
           props: {
             ...options?.props
           },
+          celContext: mergeDslContexts(options?.celContext, buttonAction?.celContext),
           deferred
         };
         sessions.value.push(session);

package/dist/runtime/plugins/cel/context.d.ts

@@ -1,2 +1,6 @@
+export declare function mergeDslContexts(...contexts: Array<Record<string, unknown> | undefined>): Record<string, unknown>;
 export declare function setGlobalDslContext(context: Record<string, unknown>): void;
 export declare function getGlobalDslContext(): Record<string, unknown>;
+export declare function getProvidedDslContext(): Record<string, unknown>;
+export declare function provideCELContext(context: Record<string, unknown>): void;
+export declare function useCELContext(overrides?: Record<string, unknown>): Record<string, unknown>;

package/dist/runtime/plugins/cel/context.js

@@ -1,7 +1,27 @@
+import defu from "defu";
+import { hasInjectionContext, inject, provide } from "vue";
+const dslContextKey = Symbol("shwfed-cel-context");
+const emptyDslContext = {};
 let globalDslContext = {};
+export function mergeDslContexts(...contexts) {
+  const definedContexts = contexts.filter((context) => context !== void 0);
+  return defu({}, ...definedContexts);
+}
 export function setGlobalDslContext(context) {
   globalDslContext = context;
 }
 export function getGlobalDslContext() {
   return globalDslContext;
 }
+export function getProvidedDslContext() {
+  if (!hasInjectionContext()) {
+    return emptyDslContext;
+  }
+  return inject(dslContextKey, emptyDslContext);
+}
+export function provideCELContext(context) {
+  provide(dslContextKey, mergeDslContexts(context, getProvidedDslContext()));
+}
+export function useCELContext(overrides) {
+  return mergeDslContexts(overrides, getProvidedDslContext());
+}

package/dist/runtime/plugins/cel/index.js

@@ -1,7 +1,7 @@
 import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 import defu from "defu";
 import { createEnvironment } from "./env.js";
-import { getGlobalDslContext } from "./context.js";
+import { getGlobalDslContext, getProvidedDslContext } from "./context.js";
 import { useNavigatorLanguage } from "@vueuse/core";
 import { TZDate } from "@date-fns/tz";
 export default defineNuxtPlugin({
@@ -14,7 +14,7 @@ export default defineNuxtPlugin({
       build: config.ci.build !== void 0 ? BigInt(config.ci.build) : void 0
     });
     const evaluate = (...args) => (context) => {
-      return env.evaluate(String.raw(...args), defu({}, getGlobalDslContext(), context, {
+      return env.evaluate(String.raw(...args), defu({}, context, getProvidedDslContext(), getGlobalDslContext(), {
         now: new TZDate(),
         today: new TZDate(),
         location: new URL(location.href),

package/dist/runtime/table-renderers/builtins.js

@@ -387,7 +387,7 @@ defineTableRenderer(
     align: z.enum(["left", "center", "right"]).default("left")
   },
   {
-    cell: ({ ctx, options }) => {
+    cell: ({ ctx, dslContext, options }) => {
       const rawValue = ctx.cell.getValue();
       const isEmpty = rawValue === void 0 || rawValue === null;
       const align = isEmpty ? "center" : options.align ?? "left";
@@ -397,10 +397,7 @@ defineTableRenderer(
         try {
           let text = String(ctx.cell.getValue());
           if (options.copyExpression) {
-            text = String($dsl.evaluate`${options.copyExpression}`({
-              row: ctx.row.original,
-              index: BigInt(ctx.row.index)
-            }));
+            text = String($dsl.evaluate`${options.copyExpression}`(dslContext));
           }
           await navigator.clipboard.writeText(text);
         } catch (e) {

package/dist/runtime/table-renderers/registry.d.ts

@@ -5,6 +5,7 @@ export type TableRendererId = string;
 export type TableRendererColumnDefOverrides<TData extends RowData = unknown> = Partial<Pick<ColumnDef<TData, unknown>, 'enableResizing' | 'enableSorting' | 'enableMultiSort' | 'enablePinning' | 'sortingFn' | 'size' | 'meta'>>;
 export type TableRendererCellArgs<TData extends RowData, TValue, TOptions> = Readonly<{
     ctx: CellContext<TData, TValue>;
+    dslContext: Record<string, unknown>;
     options: TOptions;
 }>;
 export type TableRendererHeaderArgs<TData extends RowData, TValue, TOptions> = Readonly<{

package/package.json

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