@chenzy-design/svelte 0.3.0 → 0.4.1

package/dist/form/FormUpload.svelte

@@ -1,90 +1,49 @@
 <!--
   Form.Upload — convenience wrapper: <Form.Field> + <Upload> bound to a field.
+  field-level props 经 FieldPassthroughProps 透传给 Field；控件专属给 Upload。
 -->
 <script lang="ts">
-  import type { Rule, ValidateTrigger } from '@chenzy-design/core';
   import type { ComponentProps, Snippet } from 'svelte';
   import Field from './Field.svelte';
   import Upload from '../upload/Upload.svelte';
+  import { splitFieldProps, type FieldPassthroughProps } from './field-props.js';
 
   type UploadProps = ComponentProps<typeof Upload>;
 
-  interface Props {
-    field: string;
-    label?: string;
-    rules?: Rule[];
-    initValue?: unknown;
-    required?: boolean;
-    validateStatus?: 'default' | 'warning' | 'error';
-    extraText?: string;
-    span?: number;
-    transform?: (value: unknown, values: Record<string, unknown>) => unknown;
-    dependencies?: string[];
-    trigger?: ValidateTrigger | ValidateTrigger[];
-    // Upload-specific props
+  interface Props extends FieldPassthroughProps {
     accept?: UploadProps['accept'];
     multiple?: UploadProps['multiple'];
     limit?: UploadProps['limit'];
     disabled?: boolean;
     listType?: UploadProps['listType'];
-    drag?: UploadProps['drag'];
+    draggable?: UploadProps['draggable'];
     action?: UploadProps['action'];
-    size?: UploadProps['size'];
     children?: Snippet;
   }
 
-  let {
-    field,
-    label,
-    rules = [],
-    initValue,
-    required = false,
-    validateStatus,
-    extraText,
-    span,
-    transform,
-    dependencies,
-    trigger,
-    accept,
-    multiple,
-    limit,
-    disabled,
-    listType,
-    drag,
-    action,
-    size,
-    children: slotChildren,
-  }: Props = $props();
-
-  const fieldProps = $derived<ComponentProps<typeof Field>>({
-    field,
-    rules,
-    required,
-    ...(label !== undefined ? { label } : {}),
-    ...(initValue !== undefined ? { initValue } : {}),
-    ...(validateStatus !== undefined ? { validateStatus } : {}),
-    ...(extraText !== undefined ? { extraText } : {}),
-    ...(span !== undefined ? { span } : {}),
-    ...(transform !== undefined ? { transform } : {}),
-    ...(dependencies !== undefined ? { dependencies } : {}),
-    ...(trigger !== undefined ? { trigger } : {}),
-  });
+  const props: Props = $props();
+  const controlKeys = ['accept', 'multiple', 'limit', 'disabled', 'listType', 'draggable', 'action', 'children'] as const;
+  const split = $derived(splitFieldProps(props));
+  const fieldProps = $derived(split.fieldProps);
+  const control = $derived(
+    Object.fromEntries(controlKeys.filter((k) => props[k] !== undefined).map((k) => [k, props[k]])),
+  );
+  const slotChildren = $derived(props.children);
 </script>
 
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, status, disabled: fieldDisabled })}
     <Upload
-      {...(Array.isArray(value) ? { value: value as NonNullable<UploadProps['value']> } : {})}
-      {...(accept !== undefined ? { accept } : {})}
-      {...(multiple !== undefined ? { multiple } : {})}
-      {...(limit !== undefined ? { limit } : {})}
-      disabled={disabled ?? fieldDisabled}
-      {...(listType !== undefined ? { listType } : {})}
-      {...(drag !== undefined ? { drag } : {})}
-      {...(action !== undefined ? { action } : {})}
-      {...(size !== undefined ? { size } : {})}
-      status={status === 'error' ? 'error' : 'default'}
-      onChange={(list) => onChange(list)}
+      {...(Array.isArray(value) ? { fileList: value as NonNullable<UploadProps['fileList']> } : {})}
+      {...(control.accept !== undefined ? { accept: control.accept as NonNullable<UploadProps['accept']> } : {})}
+      {...(control.multiple !== undefined ? { multiple: control.multiple as NonNullable<UploadProps['multiple']> } : {})}
+      {...(control.limit !== undefined ? { limit: control.limit as NonNullable<UploadProps['limit']> } : {})}
+      disabled={(control.disabled as boolean | undefined) ?? fieldDisabled}
+      {...(control.listType !== undefined ? { listType: control.listType as NonNullable<UploadProps['listType']> } : {})}
+      {...(control.draggable !== undefined ? { draggable: control.draggable as NonNullable<UploadProps['draggable']> } : {})}
+      {...(control.action !== undefined ? { action: control.action as NonNullable<UploadProps['action']> } : {})}
+      validateStatus={status === 'error' ? 'error' : 'default'}
+      onChange={({ fileList }) => onChange(fileList)}
     >
       {@render slotChildren?.()}
     </Upload>

package/dist/form/FormUpload.svelte.d.ts

@@ -1,27 +1,15 @@
-import type { Rule, ValidateTrigger } from '@chenzy-design/core';
 import type { ComponentProps, Snippet } from 'svelte';
 import Upload from '../upload/Upload.svelte';
+import { type FieldPassthroughProps } from './field-props.js';
 type UploadProps = ComponentProps<typeof Upload>;
-interface Props {
-    field: string;
-    label?: string;
-    rules?: Rule[];
-    initValue?: unknown;
-    required?: boolean;
-    validateStatus?: 'default' | 'warning' | 'error';
-    extraText?: string;
-    span?: number;
-    transform?: (value: unknown, values: Record<string, unknown>) => unknown;
-    dependencies?: string[];
-    trigger?: ValidateTrigger | ValidateTrigger[];
+interface Props extends FieldPassthroughProps {
     accept?: UploadProps['accept'];
     multiple?: UploadProps['multiple'];
     limit?: UploadProps['limit'];
     disabled?: boolean;
     listType?: UploadProps['listType'];
-    drag?: UploadProps['drag'];
+    draggable?: UploadProps['draggable'];
     action?: UploadProps['action'];
-    size?: UploadProps['size'];
     children?: Snippet;
 }
 declare const FormUpload: import("svelte").Component<Props, {}, "">;

package/dist/form/FormUpload.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormUpload.svelte.d.ts","sourceRoot":"","sources":["../../src/form/FormUpload.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAG3C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEjD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;IACzE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAE9C,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0DH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormUpload.svelte.d.ts","sourceRoot":"","sources":["../../src/form/FormUpload.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEjD,UAAU,KAAM,SAAQ,qBAAqB;IAC3C,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8BH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/form/GroupHookPanel.svelte

@@ -0,0 +1,21 @@
+<!--
+  后代 hook 面板：用 useFormApi / useFormState / getFieldApi 拿句柄并操作字段。
+  暴露按钮与只读文本供测试断言。仅供 FormInputGroup.test.ts 使用，不导出。
+-->
+<script lang="ts">
+  import { useFormApi, useFormState, getFieldApi } from './hooks.js';
+
+  const api = useFormApi();
+  const areaApi = getFieldApi('areaCode');
+</script>
+
+<div data-testid="hook-panel">
+  <span data-testid="area-value">{String(useFormState()?.values.areaCode ?? '')}</span>
+  <!-- 展示走 reactive 的 useFormState（core getError 是非响应式读取，只作命令式用途） -->
+  <span data-testid="area-error">{String(useFormState()?.errors.areaCode ?? '')}</span>
+  <span data-testid="has-api">{api ? 'yes' : 'no'}</span>
+  <button type="button" data-testid="set-value" onclick={() => areaApi.setValue('+86')}>set</button>
+  <button type="button" data-testid="set-error" onclick={() => areaApi.setError('forced error')}>err</button>
+  <button type="button" data-testid="set-touched" onclick={() => areaApi.setTouched(true)}>touch</button>
+  <span data-testid="area-touched">{areaApi.getTouched() ? 'touched' : 'untouched'}</span>
+</div>

package/dist/form/GroupHookPanel.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const GroupHookPanel: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type GroupHookPanel = InstanceType<typeof GroupHookPanel>;
+export default GroupHookPanel;
+//# sourceMappingURL=GroupHookPanel.svelte.d.ts.map

package/dist/form/GroupHookPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHookPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/form/GroupHookPanel.svelte.ts"],"names":[],"mappings":"AA0BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;;kBAA+E,CAAC;AAClF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}

package/dist/form/context.d.ts

@@ -1,7 +1,6 @@
 import type { FormApi, FormState } from '@chenzy-design/core';
 export type FormLayout = 'vertical' | 'horizontal';
 export type FormLabelPosition = 'top' | 'left' | 'inset';
-export type FormSize = 'small' | 'default' | 'large';
 export type FormLabelAlign = 'left' | 'right';
 export interface GridCol {
     span?: number;
@@ -16,10 +15,8 @@ export interface FormContext {
     getLabelWidth: () => number | string | undefined;
     /** Label text alignment (spec §4 L60). */
     getLabelAlign: () => FormLabelAlign;
-    getSize: () => FormSize;
     getDisabled: () => boolean;
     getRequiredMark: () => boolean;
-    getColon: () => boolean;
     /** whether error/warning text carries a status icon (spec §4 L66). */
     getShowValidateIcon: () => boolean;
     /** extra text position: 'middle' | 'bottom' (default 'bottom'). */

package/dist/form/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,IAAI,EAAE,OAAO,CAAC;IACd,uEAAuE;IACvE,YAAY,EAAE,MAAM,SAAS,CAAC;IAG9B,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,0CAA0C;IAC1C,aAAa,EAAE,MAAM,cAAc,CAAC;IACpC,OAAO,EAAE,MAAM,QAAQ,CAAC;IACxB,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,eAAe,EAAE,MAAM,OAAO,CAAC;IAC/B,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,sEAAsE;IACtE,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,mEAAmE;IACnE,oBAAoB,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAChD,yBAAyB;IACzB,aAAa,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;IACzC,yBAAyB;IACzB,WAAW,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;CACxC;AAID,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,cAAc,IAAI,WAAW,GAAG,SAAS,CAExD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,IAAI,EAAE,OAAO,CAAC;IACd,uEAAuE;IACvE,YAAY,EAAE,MAAM,SAAS,CAAC;IAG9B,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,0CAA0C;IAC1C,aAAa,EAAE,MAAM,cAAc,CAAC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,eAAe,EAAE,MAAM,OAAO,CAAC;IAC/B,sEAAsE;IACtE,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,mEAAmE;IACnE,oBAAoB,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAChD,yBAAyB;IACzB,aAAa,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;IACzC,yBAAyB;IACzB,WAAW,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;CACxC;AAID,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,CAErD;AAED,wBAAgB,cAAc,IAAI,WAAW,GAAG,SAAS,CAExD"}

package/dist/form/field-props.d.ts

@@ -0,0 +1,84 @@
+/**
+ * 共享的 field-level props 契约 —— 对齐 Semi withField HOC 的透传语义。
+ *
+ * Semi 的 `withField(Comp)` 把一整套 field-level props（label / labelPosition /
+ * noLabel / helpText / rules / trigger / ...）从合并 props 里解构出来交给内部 Field，
+ * 剩下的 `rest` 透传给被包裹的控件。本库无 HOC，用 Form* 薄封装等价（Field snippet +
+ * 控件），但每个封装若手动逐个列 field prop，Field 每新增一个 prop 就要同步 ~16 个封装，
+ * 极易漏（批C 补了 Field 的 helpText/labelPosition/noLabel 等却漏了封装透传，真机才暴露）。
+ *
+ * 这里集中定义：
+ *  - `FieldPassthroughProps`：所有 field-level props 的类型（Form* 封装 `extends` 它）。
+ *  - `FIELD_PROP_KEYS`：运行时 key 白名单，`splitFieldProps` 据此把合并 props 分成
+ *    「给 Field 的 field props」+「给控件的 rest」，对齐 Semi withField 的解构。
+ *
+ * Form* 封装用法：
+ *   interface Props extends FieldPassthroughProps { placeholder?: string; ... }
+ *   const { fieldProps, rest } = $derived(splitFieldProps(props));
+ *   <Field {...fieldProps}>{#snippet children(...)}<Control {...rest} .../>{/snippet}</Field>
+ */
+import type { Rule, ValidateTrigger } from '@chenzy-design/core';
+import type { FormLabelPosition, FormLabelAlign } from './context.js';
+/** label 对象形态（对齐 Semi LabelProps 的可传对象）。 */
+export interface FieldLabelProps {
+    text?: string;
+    align?: FormLabelAlign;
+    width?: number | string;
+    required?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * Field 认的全部 field-level props（对齐 Semi CommonFieldProps）。Form* 封装 `extends`
+ * 它即自动获得完整 field 能力,无需逐个列。新增 field prop 只改这里 + Field.svelte + KEYS。
+ */
+export interface FieldPassthroughProps {
+    field: string;
+    label?: string | FieldLabelProps;
+    labelPosition?: FormLabelPosition;
+    labelAlign?: FormLabelAlign;
+    labelWidth?: number | string;
+    noLabel?: boolean;
+    noErrorMessage?: boolean;
+    name?: string;
+    fieldClassName?: string;
+    fieldStyle?: string;
+    helpText?: string;
+    extraTextPosition?: 'middle' | 'bottom';
+    pure?: boolean;
+    isInInputGroup?: boolean;
+    rules?: Rule[];
+    initValue?: unknown;
+    required?: boolean;
+    validateStatus?: 'default' | 'warning' | 'error';
+    extraText?: string;
+    noStyle?: boolean;
+    span?: number;
+    transform?: (value: unknown, values: Record<string, unknown>) => unknown;
+    valuePropName?: string;
+    dependencies?: string[];
+    trigger?: ValidateTrigger | ValidateTrigger[];
+    allowEmptyString?: boolean;
+    convert?: (value: unknown) => unknown;
+    keepState?: boolean;
+    /** 外部值变化回调（对齐 Semi：Form 接管后仍可监听 onChange 获取最新值，用于联动）。 */
+    onChange?: (value: unknown) => void;
+    /** 外部失焦回调（对齐 Semi Field onBlur）。 */
+    onBlur?: () => void;
+    /** 允许封装 extends 后再加控件专属 props(经 splitFieldProps 分离到 rest)。 */
+    [key: string]: unknown;
+}
+/**
+ * field-level prop 的 key 白名单。`splitFieldProps` 据此从合并 props 分离出 field props。
+ * 必须与 `FieldPassthroughProps` 的键 + Field.svelte 的 Props 保持同步。
+ */
+export declare const FIELD_PROP_KEYS: readonly ["field", "label", "labelPosition", "labelAlign", "labelWidth", "noLabel", "noErrorMessage", "name", "fieldClassName", "fieldStyle", "helpText", "extraTextPosition", "pure", "isInInputGroup", "rules", "initValue", "required", "validateStatus", "extraText", "noStyle", "span", "transform", "valuePropName", "dependencies", "trigger", "allowEmptyString", "convert", "keepState", "onChange", "onBlur"];
+/**
+ * 把合并后的 props 分成「给 Field 的 field props」+「给控件的 rest」（对齐 Semi withField
+ * 的解构语义）。只把已定义（非 undefined）的 field key 放进 fieldProps，避免向可选 prop
+ * 传显式 undefined（exactOptionalPropertyTypes）。
+ */
+export declare function splitFieldProps(props: FieldPassthroughProps & Record<string, unknown>): {
+    fieldProps: FieldPassthroughProps;
+    rest: Record<string, unknown>;
+};
+//# sourceMappingURL=field-props.d.ts.map

package/dist/form/field-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-props.d.ts","sourceRoot":"","sources":["../../src/form/field-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtE,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,yZA+BlB,CAAC;AAIX;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IACvF,UAAU,EAAE,qBAAqB,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B,CAaA"}

package/dist/form/field-props.js

@@ -0,0 +1,58 @@
+/**
+ * field-level prop 的 key 白名单。`splitFieldProps` 据此从合并 props 分离出 field props。
+ * 必须与 `FieldPassthroughProps` 的键 + Field.svelte 的 Props 保持同步。
+ */
+export const FIELD_PROP_KEYS = [
+    'field',
+    'label',
+    'labelPosition',
+    'labelAlign',
+    'labelWidth',
+    'noLabel',
+    'noErrorMessage',
+    'name',
+    'fieldClassName',
+    'fieldStyle',
+    'helpText',
+    'extraTextPosition',
+    'pure',
+    'isInInputGroup',
+    'rules',
+    'initValue',
+    'required',
+    'validateStatus',
+    'extraText',
+    'noStyle',
+    'span',
+    'transform',
+    'valuePropName',
+    'dependencies',
+    'trigger',
+    'allowEmptyString',
+    'convert',
+    'keepState',
+    'onChange',
+    'onBlur',
+];
+const FIELD_PROP_KEY_SET = new Set(FIELD_PROP_KEYS);
+/**
+ * 把合并后的 props 分成「给 Field 的 field props」+「给控件的 rest」（对齐 Semi withField
+ * 的解构语义）。只把已定义（非 undefined）的 field key 放进 fieldProps，避免向可选 prop
+ * 传显式 undefined（exactOptionalPropertyTypes）。
+ */
+export function splitFieldProps(props) {
+    const fieldProps = {};
+    const rest = {};
+    for (const key in props) {
+        const value = props[key];
+        if (FIELD_PROP_KEY_SET.has(key)) {
+            if (value !== undefined)
+                fieldProps[key] = value;
+        }
+        else if (value !== undefined) {
+            rest[key] = value;
+        }
+    }
+    // field 是必填,for-in 已从 props 拷入(props.field 必有值),类型上断言回 FieldPassthroughProps。
+    return { fieldProps: fieldProps, rest };
+}

package/dist/form/hooks.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Form hooks —— Svelte 等价形态（对齐 Semi useFormApi / useFormState / useFieldApi）。
+ *
+ * Semi 用 React hooks（useContext）拿 formApi/formState/fieldApi；Svelte 无 hooks 惯例，
+ * 用 getFormContext()（组件 init 期调用，返回响应式 context）覆盖同一目的。这里提供三个
+ * 薄别名/工厂降低 Semi 用户认知成本：
+ *   - useFormApi()      = getFormContext()?.form               （后代拿 FormApi 句柄）
+ *   - useFormState()    = getFormContext()?.getFormState()     （后代拿响应式 FormState 快照）
+ *   - getFieldApi(field)= 基于 FormApi 组一层字段级 get/set 闭包（对齐 Semi useFieldApi buildFieldApi）
+ *
+ * 「外部预建 form + <Form form={api}>」用法：直接在组件顶层 `const form = createForm()`
+ * （core 导出）传给 <Form {form}>，无需 React 的 Proxy 延迟绑定——Svelte 中 createForm()
+ * 同步返回真 api，父组件立即可调。
+ *
+ * withField HOC：Svelte 无 HOC，用 <Form.Field>{#snippet children(...)} 惯例覆盖（受控接管
+ * value/onChange），不再补通用 HOC。
+ *
+ * 注意：这些函数内部调用 getFormContext()（依赖 Svelte context），只能在组件 init 期
+ * （<script> 顶层或 setup 阶段）调用，与 getContext 约束一致。
+ */
+import type { FormApi, FormState } from '@chenzy-design/core';
+/** 后代组件拿当前 Form 的 FormApi 句柄（对齐 Semi useFormApi）。不在 <Form> 内返回 undefined。 */
+export declare function useFormApi(): FormApi | undefined;
+/**
+ * 后代组件拿当前 Form 的响应式 FormState 快照（对齐 Semi useFormState）。
+ * 返回的是 getter：在 $derived / 模板中调用即随表单状态更新（context 桥接保持响应式）。
+ * 不在 <Form> 内返回 undefined。
+ */
+export declare function useFormState(): FormState | undefined;
+/** 单字段 API（对齐 Semi useFieldApi 返回的 fieldApi 子集）。 */
+export interface FieldApi {
+    /** 读该字段当前值。 */
+    getValue(): unknown;
+    /** 写该字段值（可选触发校验）。 */
+    setValue(value: unknown, opts?: {
+        validate?: boolean;
+    }): void;
+    /** 读该字段当前错误。 */
+    getError(): string | undefined;
+    /** 命令式塞入该字段错误（如后端返回校验错误，对齐 Semi setError）。 */
+    setError(error: string | undefined): void;
+    /** 读该字段 touched 态。 */
+    getTouched(): boolean;
+    /** 写该字段 touched 态。 */
+    setTouched(touched?: boolean): void;
+}
+/**
+ * 基于当前 Form context 组一个字段级 API 闭包（对齐 Semi useFieldApi(field)）。
+ * 依赖 core 的 setError（批A 已补）。必须在 <Form> 后代的组件 init 期调用。
+ * @throws 不在 <Form> 内使用时抛错（与 <Form.Field> 一致，避免静默拿到空 api）。
+ */
+export declare function getFieldApi(field: string): FieldApi;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/form/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/form/hooks.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG9D,6EAA6E;AAC7E,wBAAgB,UAAU,IAAI,OAAO,GAAG,SAAS,CAEhD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,SAAS,GAAG,SAAS,CAEpD;AAED,oDAAoD;AACpD,MAAM,WAAW,QAAQ;IACvB,eAAe;IACf,QAAQ,IAAI,OAAO,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IAC9D,gBAAgB;IAChB,QAAQ,IAAI,MAAM,GAAG,SAAS,CAAC;IAC/B,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC1C,sBAAsB;IACtB,UAAU,IAAI,OAAO,CAAC;IACtB,sBAAsB;IACtB,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,CAgBnD"}

package/dist/form/hooks.js

@@ -0,0 +1,36 @@
+import { getFormContext } from './context.js';
+/** 后代组件拿当前 Form 的 FormApi 句柄（对齐 Semi useFormApi）。不在 <Form> 内返回 undefined。 */
+export function useFormApi() {
+    return getFormContext()?.form;
+}
+/**
+ * 后代组件拿当前 Form 的响应式 FormState 快照（对齐 Semi useFormState）。
+ * 返回的是 getter：在 $derived / 模板中调用即随表单状态更新（context 桥接保持响应式）。
+ * 不在 <Form> 内返回 undefined。
+ */
+export function useFormState() {
+    return getFormContext()?.getFormState();
+}
+/**
+ * 基于当前 Form context 组一个字段级 API 闭包（对齐 Semi useFieldApi(field)）。
+ * 依赖 core 的 setError（批A 已补）。必须在 <Form> 后代的组件 init 期调用。
+ * @throws 不在 <Form> 内使用时抛错（与 <Form.Field> 一致，避免静默拿到空 api）。
+ */
+export function getFieldApi(field) {
+    const ctx = getFormContext();
+    if (!ctx)
+        throw new Error('getFieldApi() must be used inside <Form>');
+    const { form, getFormState } = ctx;
+    return {
+        getValue: () => form.getValue(field),
+        setValue: (value, opts) => form.setValue(field, value, opts),
+        getError: () => {
+            const e = form.getError(field);
+            return typeof e === 'string' ? e : undefined;
+        },
+        setError: (error) => form.setError(field, error),
+        // core 无独立 getTouched；touched 经 formState 快照读取（保持响应式）。
+        getTouched: () => getFormState().touched[field] === true,
+        setTouched: (touched = true) => form.setTouched(field, touched),
+    };
+}

package/dist/form/index.d.ts

@@ -1,13 +1,66 @@
 import Form_ from './Form.svelte';
 import Field from './Field.svelte';
-import FormInput from './FormInput.svelte';
 import FieldArray from './FieldArray.svelte';
+import FormInput from './FormInput.svelte';
+import FormSelect from './FormSelect.svelte';
+import FormCheckbox from './FormCheckbox.svelte';
+import FormRadio from './FormRadio.svelte';
+import FormSwitch from './FormSwitch.svelte';
+import FormSlider from './FormSlider.svelte';
+import FormRating from './FormRating.svelte';
+import FormDatePicker from './FormDatePicker.svelte';
+import FormTagInput from './FormTagInput.svelte';
+import FormTreeSelect from './FormTreeSelect.svelte';
+import FormCascader from './FormCascader.svelte';
+import FormUpload from './FormUpload.svelte';
+import FormTextArea from './FormTextArea.svelte';
+import FormInputNumber from './FormInputNumber.svelte';
+import FormCheckboxGroup from './FormCheckboxGroup.svelte';
+import FormRadioGroup from './FormRadioGroup.svelte';
+import FormTimePicker from './FormTimePicker.svelte';
+import FormAutoComplete from './FormAutoComplete.svelte';
+import FormPinCode from './FormPinCode.svelte';
+import FormSection from './FormSection.svelte';
+import FormSlot from './FormSlot.svelte';
+import FormLabel from './FormLabel.svelte';
+import FormErrorMessage from './FormErrorMessage.svelte';
+import FormInputGroup from './FormInputGroup.svelte';
+/**
+ * Form 命名空间：所有 Form.Xxx 控件都是 <Field> + 对应控件的便捷包装，
+ * 接管数据流（value/onChange）。对齐 Semi 的 Form.Input / Form.Select 等用法。
+ */
 export declare const Form: typeof Form_ & {
     Field: typeof Field;
-    Input: typeof FormInput;
     List: typeof FieldArray;
+    Input: typeof FormInput;
+    Select: typeof FormSelect;
+    Checkbox: typeof FormCheckbox;
+    Radio: typeof FormRadio;
+    Switch: typeof FormSwitch;
+    Slider: typeof FormSlider;
+    Rating: typeof FormRating;
+    DatePicker: typeof FormDatePicker;
+    TagInput: typeof FormTagInput;
+    TreeSelect: typeof FormTreeSelect;
+    Cascader: typeof FormCascader;
+    Upload: typeof FormUpload;
+    TextArea: typeof FormTextArea;
+    InputNumber: typeof FormInputNumber;
+    CheckboxGroup: typeof FormCheckboxGroup;
+    RadioGroup: typeof FormRadioGroup;
+    TimePicker: typeof FormTimePicker;
+    AutoComplete: typeof FormAutoComplete;
+    PinCode: typeof FormPinCode;
+    Section: typeof FormSection;
+    Slot: typeof FormSlot;
+    Label: typeof FormLabel;
+    ErrorMessage: typeof FormErrorMessage;
+    InputGroup: typeof FormInputGroup;
 };
-export { Field as FormField, FormInput, FieldArray };
+export { Field as FormField, FieldArray, FormInput, FormSelect, FormCheckbox, FormRadio, FormSwitch, FormSlider, FormRating, FormDatePicker, FormTagInput, FormTreeSelect, FormCascader, FormUpload, FormTextArea, FormInputNumber, FormCheckboxGroup, FormRadioGroup, FormTimePicker, FormAutoComplete, FormPinCode, FormSection, FormSlot, FormLabel, FormErrorMessage, FormInputGroup, };
 export { meta as formMeta } from './meta.js';
-export { getFormContext, setFormContext, type FormContext, type FormLayout, type FormLabelPosition, type FormSize, type FormLabelAlign, } from './context.js';
+export { useFormApi, useFormState, getFieldApi, type FieldApi, } from './hooks.js';
+export { createForm } from '@chenzy-design/core';
+export type { FormApi, FormState, FieldErrors } from '@chenzy-design/core';
+export { getFormContext, setFormContext, type FormContext, type FormLayout, type FormLabelPosition, type FormLabelAlign, } from './context.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,eAAO,MAAM,IAAI,EAAE,OAAO,KAAK,GAAG;IAChC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;CAC6C,CAAC;AAExE,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AACrD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,cAAc,EACd,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EACb,KAAK,cAAc,GACpB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"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"}

package/dist/form/index.js

@@ -1,8 +1,65 @@
 import Form_ from './Form.svelte';
 import Field from './Field.svelte';
-import FormInput from './FormInput.svelte';
 import FieldArray from './FieldArray.svelte';
-export const Form = Object.assign(Form_, { Field, Input: FormInput, List: FieldArray });
-export { Field as FormField, FormInput, FieldArray };
+import FormInput from './FormInput.svelte';
+import FormSelect from './FormSelect.svelte';
+import FormCheckbox from './FormCheckbox.svelte';
+import FormRadio from './FormRadio.svelte';
+import FormSwitch from './FormSwitch.svelte';
+import FormSlider from './FormSlider.svelte';
+import FormRating from './FormRating.svelte';
+import FormDatePicker from './FormDatePicker.svelte';
+import FormTagInput from './FormTagInput.svelte';
+import FormTreeSelect from './FormTreeSelect.svelte';
+import FormCascader from './FormCascader.svelte';
+import FormUpload from './FormUpload.svelte';
+import FormTextArea from './FormTextArea.svelte';
+import FormInputNumber from './FormInputNumber.svelte';
+import FormCheckboxGroup from './FormCheckboxGroup.svelte';
+import FormRadioGroup from './FormRadioGroup.svelte';
+import FormTimePicker from './FormTimePicker.svelte';
+import FormAutoComplete from './FormAutoComplete.svelte';
+import FormPinCode from './FormPinCode.svelte';
+import FormSection from './FormSection.svelte';
+import FormSlot from './FormSlot.svelte';
+import FormLabel from './FormLabel.svelte';
+import FormErrorMessage from './FormErrorMessage.svelte';
+import FormInputGroup from './FormInputGroup.svelte';
+/**
+ * Form 命名空间：所有 Form.Xxx 控件都是 <Field> + 对应控件的便捷包装，
+ * 接管数据流（value/onChange）。对齐 Semi 的 Form.Input / Form.Select 等用法。
+ */
+export const Form = Object.assign(Form_, {
+    Field,
+    List: FieldArray,
+    Input: FormInput,
+    Select: FormSelect,
+    Checkbox: FormCheckbox,
+    Radio: FormRadio,
+    Switch: FormSwitch,
+    Slider: FormSlider,
+    Rating: FormRating,
+    DatePicker: FormDatePicker,
+    TagInput: FormTagInput,
+    TreeSelect: FormTreeSelect,
+    Cascader: FormCascader,
+    Upload: FormUpload,
+    TextArea: FormTextArea,
+    InputNumber: FormInputNumber,
+    CheckboxGroup: FormCheckboxGroup,
+    RadioGroup: FormRadioGroup,
+    TimePicker: FormTimePicker,
+    AutoComplete: FormAutoComplete,
+    PinCode: FormPinCode,
+    Section: FormSection,
+    Slot: FormSlot,
+    Label: FormLabel,
+    ErrorMessage: FormErrorMessage,
+    InputGroup: FormInputGroup,
+});
+export { Field as FormField, FieldArray, FormInput, FormSelect, FormCheckbox, FormRadio, FormSwitch, FormSlider, FormRating, FormDatePicker, FormTagInput, FormTreeSelect, FormCascader, FormUpload, FormTextArea, FormInputNumber, FormCheckboxGroup, FormRadioGroup, FormTimePicker, FormAutoComplete, FormPinCode, FormSection, FormSlot, FormLabel, FormErrorMessage, FormInputGroup, };
 export { meta as formMeta } from './meta.js';
+export { useFormApi, useFormState, getFieldApi, } from './hooks.js';
+// createForm 从 core 透传，供 `const form = createForm()` + <Form {form}> 外部预建用法。
+export { createForm } from '@chenzy-design/core';
 export { getFormContext, setFormContext, } from './context.js';

package/dist/form/input-group-context.d.ts

@@ -0,0 +1,7 @@
+export interface FormInputGroupContext {
+    /** 组内 Field 注册自己的 field 名（返回取消注册函数，卸载时调用）。 */
+    register(field: string): () => void;
+}
+export declare function setFormInputGroupContext(ctx: FormInputGroupContext): void;
+export declare function getFormInputGroupContext(): FormInputGroupContext | undefined;
+//# sourceMappingURL=input-group-context.d.ts.map

package/dist/form/input-group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-context.d.ts","sourceRoot":"","sources":["../../src/form/input-group-context.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,qBAAqB;IACpC,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,IAAI,CAAC;CACrC;AAID,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,qBAAqB,GAAG,IAAI,CAEzE;AAED,wBAAgB,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAE5E"}