@shwfed/config 2.4.0 → 2.4.1

package/dist/runtime/components/form/utils/validation.js

@@ -0,0 +1,113 @@
+import { Effect } from "effect";
+import { computed, inject, nextTick, onScopeDispose, provide, ref } from "vue";
+import { getLocalizedText } from "../../../share/locale.js";
+import { interpolate } from "../../../utils/interpolate.js";
+import { useFormState } from "./state.js";
+const VALIDATION_KEY = Symbol("shwfed-form-validation");
+export function provideValidation(host) {
+  const revealed = ref(false);
+  const entries = /* @__PURE__ */ new Map();
+  function union() {
+    const out = [];
+    for (const entry of entries.values()) out.push(...entry.results());
+    return out;
+  }
+  const provider = {
+    revealed,
+    reveal: () => {
+      revealed.value = true;
+    },
+    register: (fieldId, results) => {
+      const token = Symbol("field");
+      entries.set(token, { fieldId, results });
+      return () => {
+        entries.delete(token);
+      };
+    },
+    async validate() {
+      host.flush();
+      await host.seeded;
+      await host.settled();
+      await nextTick();
+      const results = union();
+      provider.reveal();
+      return results.every((r) => r.severity !== "error");
+    },
+    resultsFor(fieldIds) {
+      const wanted = new Set(fieldIds);
+      const out = [];
+      for (const entry of entries.values()) {
+        if (wanted.has(entry.fieldId())) out.push(...entry.results());
+      }
+      return out;
+    }
+  };
+  provide(VALIDATION_KEY, provider);
+  return provider;
+}
+export function useValidationProvider() {
+  return inject(VALIDATION_KEY, void 0);
+}
+const DEFAULT_REQUIRED_MESSAGE = {
+  zh: "\u8BF7\u586B\u5199\u6B64\u5B57\u6BB5",
+  ja: "\u3053\u306E\u9805\u76EE\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+  en: "Please fill in this field",
+  ko: "\uC774 \uD56D\uBAA9\uC744 \uC785\uB825\uD574 \uC8FC\uC138\uC694"
+};
+function defaultRequiredMessage(locale) {
+  return DEFAULT_REQUIRED_MESSAGE[locale] ?? DEFAULT_REQUIRED_MESSAGE.zh;
+}
+function isEmptyValue(value) {
+  return value == null || value === "" || Array.isArray(value) && value.length === 0;
+}
+export function useFieldValidation(options) {
+  const { getAt, dirty } = useFormState();
+  const provider = useValidationProvider();
+  function evalBool(expression) {
+    if (!expression) return false;
+    try {
+      return Effect.runSync(options.$cel(expression));
+    } catch {
+      return false;
+    }
+  }
+  const isRequired = computed(() => evalBool(options.config().required));
+  function resolveMessage(message) {
+    const template = getLocalizedText(message, options.locale()) ?? "";
+    if (!template) return "";
+    return interpolate(template, (expression) => {
+      try {
+        const out = Effect.runSync(options.$cel(expression));
+        return out == null ? "" : String(out);
+      } catch {
+        return "";
+      }
+    });
+  }
+  const results = computed(() => {
+    const config = options.config();
+    const out = [];
+    if (typeof config.binding === "string" && isRequired.value && isEmptyValue(getAt(config.binding))) {
+      out.push({ severity: "error", message: defaultRequiredMessage(options.locale()), ruleIndex: -1 });
+    }
+    const rules = config.validations ?? [];
+    rules.forEach((rule, ruleIndex) => {
+      if (!evalBool(rule.when)) return;
+      const severity = rule.warning ? "warning" : "error";
+      out.push({ severity, message: resolveMessage(rule.message), ruleIndex });
+    });
+    return out;
+  });
+  if (provider) {
+    const unregister = provider.register(options.fieldId, () => results.value);
+    onScopeDispose(unregister);
+  }
+  const errors = computed(() => results.value.filter((r) => r.severity === "error").map((r) => r.message));
+  const warnings = computed(() => results.value.filter((r) => r.severity === "warning").map((r) => r.message));
+  const visible = computed(() => {
+    if (provider?.revealed.value) return true;
+    const binding = options.config().binding;
+    return typeof binding === "string" && dirty.value.has(binding);
+  });
+  return { isRequired, errors, warnings, visible };
+}

package/dist/runtime/components/table/config.d.vue.ts

@@ -9,9 +9,11 @@ type __VLS_ModelProps = {
     modelValue: AnyRecord;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_219: {};
+declare var __VLS_219: {}, __VLS_221: {};
 type __VLS_Slots = {} & {
-    'general-extra'?: (props: typeof __VLS_219) => any;
+    'general-grid-extra'?: (props: typeof __VLS_219) => any;
+} & {
+    'general-extra'?: (props: typeof __VLS_221) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: AnyRecord) => any;

package/dist/runtime/components/table/config.vue

@@ -1319,6 +1319,11 @@ const tableQueryValue = computed({
                   {{ getError("rowKey") }}
                 </p>
               </Field>
+
+              <!-- Host slot inside the general grid: a wrapping editor (e.g. the
+                   `table` form field, which hides 内部名称) drops a field into
+                   the cell next to 行唯一标识 so the two sit on one row. -->
+              <slot name="general-grid-extra" />
             </div>
 
             <!-- Host extension slot: a wrapping editor (e.g. the `table` form

package/dist/runtime/components/table/config.vue.d.ts

@@ -9,9 +9,11 @@ type __VLS_ModelProps = {
     modelValue: AnyRecord;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_219: {};
+declare var __VLS_219: {}, __VLS_221: {};
 type __VLS_Slots = {} & {
-    'general-extra'?: (props: typeof __VLS_219) => any;
+    'general-grid-extra'?: (props: typeof __VLS_219) => any;
+} & {
+    'general-extra'?: (props: typeof __VLS_221) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: AnyRecord) => any;

package/dist/runtime/components/table/utils/shared.js

@@ -84,10 +84,10 @@ export function editableHeader(titleText) {
 export function registerRowVariablesIfAbsent(env) {
   const declared = new Set(env.getDefinitions().variables.map((v) => v.name));
   if (!declared.has("row")) {
-    env.registerVariable("row", "dyn", { description: "\u5F53\u524D\u884C\u6570\u636E" });
+    env.registerVariable("row", "dyn", { label: "\u5F53\u524D\u884C", description: "\u5F53\u524D\u884C\u6570\u636E" });
   }
   if (!declared.has("index")) {
-    env.registerVariable("index", "number", { description: "\u884C\u7D22\u5F15" });
+    env.registerVariable("index", "number", { label: "\u884C\u5E8F\u53F7", description: "\u884C\u7D22\u5F15" });
   }
 }
 function configureWithRow(configure) {

package/dist/runtime/components/ui/field/FieldError.vue

@@ -28,7 +28,7 @@ const content = computed(() => {
     v-if="$slots.default || content"
     role="alert"
     data-slot="field-error"
-    :class="cn('absolute left-0 top-full z-10 max-w-full pt-0.25 text-red-600 text-xs leading-tight font-normal', props.class)"
+    :class="cn('max-w-full pt-0.25 text-red-600 text-xs leading-tight font-normal', props.class)"
   >
     <slot v-if="$slots.default" />
 

package/dist/runtime/components/ui/field/FieldMessages.d.vue.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: ReadonlyArray<string>;
+    warnings?: ReadonlyArray<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/field/FieldMessages.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import FieldError from "./FieldError.vue";
+import FieldWarning from "./FieldWarning.vue";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  errors: { type: Array, required: false },
+  warnings: { type: Array, required: false }
+});
+</script>
+
+<template>
+  <div
+    v-if="errors && errors.length || warnings && warnings.length"
+    data-slot="field-messages"
+    :class="cn('absolute left-0 top-full z-10 flex w-full flex-col gap-0.5', props.class)"
+  >
+    <FieldError :errors="errors ? [...errors] : void 0" />
+    <FieldWarning :errors="warnings ? [...warnings] : void 0" />
+  </div>
+</template>

package/dist/runtime/components/ui/field/FieldMessages.vue.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: ReadonlyArray<string>;
+    warnings?: ReadonlyArray<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/field/FieldWarning.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: Array<string | {
+        message: string | undefined;
+    } | undefined>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/field/FieldWarning.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  errors: { type: Array, required: false }
+});
+const content = computed(() => {
+  if (!props.errors || props.errors.length === 0)
+    return null;
+  const unique = [
+    ...new Map(
+      props.errors.filter(Boolean).map((error) => {
+        const message = typeof error === "string" ? error : error?.message;
+        return [message, error];
+      })
+    ).values()
+  ];
+  if (unique.length === 1 && unique[0]) {
+    return typeof unique[0] === "string" ? unique[0] : unique[0].message;
+  }
+  return unique.map((error) => typeof error === "string" ? error : error?.message);
+});
+</script>
+
+<template>
+  <div
+    v-if="$slots.default || content"
+    role="status"
+    data-slot="field-warning"
+    :class="cn('max-w-full pt-0.25 text-amber-600 text-xs leading-tight font-normal', props.class)"
+  >
+    <slot v-if="$slots.default" />
+
+    <template v-else-if="typeof content === 'string'">
+      {{ content }}
+    </template>
+
+    <ul
+      v-else-if="Array.isArray(content)"
+      class="ml-3 flex list-disc flex-col gap-0.5"
+    >
+      <li
+        v-for="(warning, index) in content"
+        :key="index"
+      >
+        {{ warning }}
+      </li>
+    </ul>
+  </div>
+</template>

package/dist/runtime/components/ui/field/FieldWarning.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    errors?: Array<string | {
+        message: string | undefined;
+    } | undefined>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/field/index.d.ts

@@ -10,6 +10,8 @@ export { default as FieldError } from './FieldError.vue.js';
 export { default as FieldGroup } from './FieldGroup.vue.js';
 export { default as FieldLabel } from './FieldLabel.vue.js';
 export { default as FieldLegend } from './FieldLegend.vue.js';
+export { default as FieldMessages } from './FieldMessages.vue.js';
 export { default as FieldSeparator } from './FieldSeparator.vue.js';
+export { default as FieldWarning } from './FieldWarning.vue.js';
 export { default as FieldSet } from './FieldSet.vue.js';
 export { default as FieldTitle } from './FieldTitle.vue.js';

package/dist/runtime/components/ui/field/index.js

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 export const fieldVariants = cva(
-  "group/field flex w-full gap-2 data-[invalid=true]:text-red-400",
+  "group/field relative flex w-full gap-2 data-[invalid=true]:text-red-400",
   {
     variants: {
       orientation: {
@@ -25,11 +25,15 @@ export const fieldVariants = cva(
           "**:data-[slot=field-label]:px-1",
           "**:data-[slot=field-label]:text-sm",
           "has-data-[value=true]:**:data-[slot=field-label]:text-[0.625rem]",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:top-0",
+          // Float on focus via `focus-within`, NOT `[data-slot=input-group-control]:focus`:
+          // `InputGroupInput`/`InputGroupTextarea` forward that slot to `Input`/`Textarea`,
+          // which hard-code `data-slot=input`/`textarea` on the focusable element, so the
+          // forwarded slot never lands there and the focus selector would never match.
+          "focus-within:**:data-[slot=field-label]:top-0",
           "has-data-[state=open]:**:data-[slot=field-label]:top-0",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-[0.625rem]",
+          "focus-within:**:data-[slot=field-label]:text-[0.625rem]",
           "has-data-[state=open]:**:data-[slot=field-label]:text-[0.625rem]",
-          "has-[[data-slot=input-group-control]:focus]:**:data-[slot=field-label]:text-zinc-700",
+          "focus-within:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[state=open]:**:data-[slot=field-label]:text-zinc-700",
           "has-data-[value=true]:**:data-[slot=field-label]:text-zinc-700",
           "data-[disabled=true]:**:data-[slot=field-label]:text-zinc-400",
@@ -61,6 +65,8 @@ export { default as FieldError } from "./FieldError.vue";
 export { default as FieldGroup } from "./FieldGroup.vue";
 export { default as FieldLabel } from "./FieldLabel.vue";
 export { default as FieldLegend } from "./FieldLegend.vue";
+export { default as FieldMessages } from "./FieldMessages.vue";
 export { default as FieldSeparator } from "./FieldSeparator.vue";
+export { default as FieldWarning } from "./FieldWarning.vue";
 export { default as FieldSet } from "./FieldSet.vue";
 export { default as FieldTitle } from "./FieldTitle.vue";

package/dist/runtime/components/ui/locale/Locale.d.vue.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     class?: HTMLAttributes['class'];
     multiline?: boolean;
     markdown?: boolean;
+    floating?: boolean;
+    placeholder?: string;
     translateHint?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {