@shwfed/nuxt 0.9.1 → 0.9.2

package/dist/module.json

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

package/dist/runtime/components/fields.d.vue.ts

@@ -86,6 +86,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: Effect.Effect<FieldsConfig | undefined>;
@@ -169,6 +170,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: string]: ((props: any) => any) | undefined;

package/dist/runtime/components/fields.vue.d.ts

@@ -86,6 +86,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: Effect.Effect<FieldsConfig | undefined>;
@@ -169,6 +170,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: string]: ((props: any) => any) | undefined;

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

@@ -80,6 +80,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }> | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
@@ -161,6 +162,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: Effect.Effect<Readonly<{
@@ -239,6 +241,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }> | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
@@ -320,6 +323,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

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

@@ -41,19 +41,33 @@ const displayConfig = ref(defaultConfig);
 const validationErrors = ref({});
 const calendarOpen = ref({});
 function cloneConfig(config2) {
-  if (config2.orientation) {
-    return {
-      orientation: config2.orientation,
-      fields: config2.fields.slice()
-    };
-  }
-  return {
+  const nextConfig = {
     fields: config2.fields.slice()
   };
+  if (config2.orientation) {
+    nextConfig.orientation = config2.orientation;
+  }
+  if (config2.style) {
+    nextConfig.style = config2.style;
+  }
+  return nextConfig;
 }
 function getConfigOrientation(config2) {
   return config2.orientation ?? "horizontal";
 }
+function getConfigStyle(config2) {
+  const style = {};
+  if (!config2.style) {
+    return style;
+  }
+  const styleMap = $dsl.evaluate`${config2.style}`({ form: modelValue.value });
+  for (const [key, value] of Object.entries(styleMap)) {
+    if (typeof value === "string" || typeof value === "number") {
+      Reflect.set(style, key, value);
+    }
+  }
+  return style;
+}
 function toCalendarDateValue(value, valueFormat) {
   if (typeof value !== "string") return void 0;
   const date = parse(value, valueFormat, /* @__PURE__ */ new Date());
@@ -181,6 +195,7 @@ export {
   'relative p-1 -m-1 border border-dashed',
   isCheating ? 'border-(--primary)/20 rounded hover:border-(--primary)/40 transition-colors duration-150 group cursor-pointer' : 'border-transparent'
 ]"
+    :style="getConfigStyle(displayConfig)"
   >
     <Button
       v-if="isCheating"

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

@@ -80,6 +80,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }> | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
@@ -161,6 +162,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: Effect.Effect<Readonly<{
@@ -239,6 +241,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }> | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
@@ -320,6 +323,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/runtime/components/ui/fields/schema.d.ts

@@ -211,12 +211,14 @@ export declare const FieldsOrientationC: z.ZodEnum<{
     horizontal: "horizontal";
     floating: "floating";
 }>;
+export declare const FieldsStyleC: z.ZodOptional<z.ZodString>;
 export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
     orientation: z.ZodOptional<z.ZodEnum<{
         vertical: "vertical";
         horizontal: "horizontal";
         floating: "floating";
     }>>;
+    style: z.ZodOptional<z.ZodString>;
     fields: z.ZodReadonly<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
         type: z.ZodLiteral<"string">;
         path: z.ZodString;

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

@@ -65,7 +65,11 @@ export const FieldC = z.discriminatedUnion("type", [
   CalendarFieldC
 ]);
 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 FieldsConfigC = 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,
   fields: z.array(FieldC).readonly().describe("\u5B57\u6BB5\u5217\u8868")
 }).readonly();

package/dist/runtime/components/ui/fields-configurator/FieldsConfiguratorDialog.d.vue.ts

@@ -84,6 +84,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -163,6 +164,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/fields-configurator/FieldsConfiguratorDialog.vue

@@ -7,7 +7,8 @@ import {
   CalendarFieldC,
   NumberFieldC,
   SelectFieldC,
-  StringFieldC
+  StringFieldC,
+  FieldsStyleC
 } from "../fields/schema";
 import { cn } from "../../../utils/cn";
 import { Button } from "../button";
@@ -40,6 +41,7 @@ const open = defineModel("open", { type: Boolean, ...{
 } });
 const { t } = useI18n();
 const draftOrientation = ref("horizontal");
+const draftStyle = ref();
 const selectedItemId = ref("general");
 const draftFields = ref([]);
 const sortableListRef = ref(null);
@@ -111,6 +113,9 @@ function getFieldErrorKey(draftId, fieldKey) {
 function getValidationRuleErrorKey(draftId, index, control) {
   return `${draftId}:validation:${index}:${control}`;
 }
+function getGeneralErrorKey(fieldKey) {
+  return `general:${fieldKey}`;
+}
 function clearError(key) {
   Reflect.deleteProperty(validationErrors.value, key);
 }
@@ -248,6 +253,7 @@ function createField(type) {
 }
 function resetDraftConfig() {
   draftOrientation.value = props.config.orientation ?? "horizontal";
+  draftStyle.value = normalizeOptionalString(props.config.style ?? "");
   draftFields.value = cloneFields(props.config.fields);
   selectedItemId.value = "general";
   validationErrors.value = {};
@@ -338,6 +344,10 @@ function selectItem(itemId) {
 function updateDraftOrientation(value) {
   draftOrientation.value = normalizeOrientation(value);
 }
+function updateDraftStyle(value) {
+  clearError(getGeneralErrorKey("style"));
+  draftStyle.value = normalizeOptionalString(String(value));
+}
 function updateDraftField(draftId, updater) {
   draftFields.value = draftFields.value.map((item) => item.draftId === draftId ? {
     draftId: item.draftId,
@@ -823,17 +833,26 @@ function confirmChanges() {
   if (!normalizedFields) {
     return;
   }
+  const generalStyleResult = FieldsStyleC.safeParse(draftStyle.value);
+  if (!generalStyleResult.success) {
+    validationErrors.value = {
+      ...validationErrors.value,
+      [getGeneralErrorKey("style")]: generalStyleResult.error.issues[0]?.message ?? t("general-style-invalid")
+    };
+    selectedItemId.value = "general";
+    return;
+  }
   draftFields.value = normalizedFields.map((item) => createDraftField(item.field));
-  if (draftOrientation.value === "horizontal") {
-    emit("confirm", {
-      fields: normalizedFields.map((item) => item.field)
-    });
-  } else {
-    emit("confirm", {
-      orientation: draftOrientation.value,
-      fields: normalizedFields.map((item) => item.field)
-    });
+  const nextConfig = {
+    fields: normalizedFields.map((item) => item.field)
+  };
+  if (draftOrientation.value !== "horizontal") {
+    nextConfig.orientation = draftOrientation.value;
+  }
+  if (generalStyleResult.data) {
+    nextConfig.style = generalStyleResult.data;
   }
+  emit("confirm", nextConfig);
   open.value = false;
 }
 </script>
@@ -1019,6 +1038,30 @@ function confirmChanges() {
                 </NativeSelectOption>
               </NativeSelect>
             </label>
+
+            <label
+              data-slot="fields-configurator-general-style-section"
+              class="flex flex-col gap-2 md:col-span-2"
+            >
+              <span class="text-xs font-medium text-zinc-500">
+                {{ t("general-style") }}
+              </span>
+              <Textarea
+                data-slot="fields-configurator-general-style-input"
+                :model-value="draftStyle ?? ''"
+                :aria-invalid="validationErrors[getGeneralErrorKey('style')] ? 'true' : void 0"
+                :placeholder="t('general-style-placeholder')"
+                class="min-h-20 font-mono text-sm"
+                @update:model-value="updateDraftStyle"
+              />
+              <p
+                v-if="validationErrors[getGeneralErrorKey('style')]"
+                data-slot="fields-configurator-general-style-error"
+                class="text-xs text-red-500"
+              >
+                {{ validationErrors[getGeneralErrorKey("style")] }}
+              </p>
+            </label>
           </section>
 
           <div
@@ -1606,6 +1649,9 @@ function confirmChanges() {
     "field-list": "字段列表",
     "general": "通用",
     "general-description": "在这里配置字段集合级别的公共选项。",
+    "general-style": "通用样式表达式",
+    "general-style-placeholder": "例如返回一个 style map，例如 display: grid",
+    "general-style-invalid": "样式表达式无效",
     "fields-orientation": "布局方向",
     "fields-orientation-horizontal": "水平",
     "fields-orientation-vertical": "垂直",
@@ -1680,6 +1726,9 @@ function confirmChanges() {
     "field-list": "フィールド一覧",
     "general": "共通",
     "general-description": "ここではフィールド群全体に適用される共通設定を編集できます。",
+    "general-style": "共通スタイル式",
+    "general-style-placeholder": "例: style map を返す式。例: display: grid",
+    "general-style-invalid": "スタイル式が無効です",
     "fields-orientation": "レイアウト方向",
     "fields-orientation-horizontal": "横並び",
     "fields-orientation-vertical": "縦並び",
@@ -1754,6 +1803,9 @@ function confirmChanges() {
     "field-list": "Field list",
     "general": "General",
     "general-description": "Edit the shared settings that apply to the whole field group here.",
+    "general-style": "Shared style expression",
+    "general-style-placeholder": "Return a style map, for example display: grid",
+    "general-style-invalid": "The style expression is invalid",
     "fields-orientation": "Layout orientation",
     "fields-orientation-horizontal": "Horizontal",
     "fields-orientation-vertical": "Vertical",

package/dist/runtime/components/ui/fields-configurator/FieldsConfiguratorDialog.vue.d.ts

@@ -84,6 +84,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -163,6 +164,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
             }>[] | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/package.json

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