@chenzy-design/svelte 0.3.0 → 0.4.1

package/dist/input/Input.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
 type Size = 'small' | 'default' | 'large';
-type Status = 'default' | 'warning' | 'error';
+/** Semi 保留 success（Form 会注入），Input 不为 success 配置特殊样式但接受为合法值。 */
+type ValidateStatus = 'default' | 'warning' | 'error' | 'success';
 interface Props {
     value?: string;
     defaultValue?: string;
@@ -8,44 +9,91 @@ interface Props {
     disabled?: boolean;
     readonly?: boolean;
     placeholder?: string;
-    clearable?: boolean;
-    showCount?: boolean;
+    /** 有内容且 hover/focus 时展示清除按钮（对齐 Semi showClear）。 */
+    showClear?: boolean;
     maxLength?: number;
-    status?: Status;
-    type?: 'text' | 'password';
-    prefix?: Snippet;
-    suffix?: Snippet;
-    /** 前置标签（在 input 框外左侧，如 "https://"）；传 Snippet 可自定义渲染 */
+    /**
+     * 最小长度（对齐 Semi minLength）：下发原生 minlength 触发浏览器校验。
+     * 配合 getValueLength 时按可见长度换算（见 computeVisibleMinLength）。
+     */
+    minLength?: number;
+    /** 校验状态（对齐 Semi validateStatus，仅影响展示样式）。 */
+    validateStatus?: ValidateStatus;
+    /** 输入框模式，password 时启用密码显隐按钮（对齐 Semi mode）。 */
+    mode?: 'password';
+    /** 原生 input type，透传（对齐 Semi type，可为 text/number/email/search 等任意字符串）。 */
+    type?: string;
+    /** 前缀标签（输入框内左侧）；传字符串直接渲染、传 Snippet 自定义（对齐 Semi prefix 接受 ReactNode）。 */
+    prefix?: Snippet | string;
+    /** 后缀标签（输入框内右侧）；传字符串直接渲染、传 Snippet 自定义（对齐 Semi suffix 接受 ReactNode）。 */
+    suffix?: Snippet | string;
+    /** 内嵌标签（渲染在输入框内左侧，与 prefix 同槽，对齐 Semi insetLabel）。 */
+    insetLabel?: Snippet | string;
+    /** 内嵌标签容器 id（关联 aria，对齐 Semi insetLabelId）。 */
+    insetLabelId?: string;
+    /** 自定义清除图标（showClear 且有值时替代内置清除图标，对齐 Semi clearIcon）。 */
+    clearIcon?: Snippet;
+    /** 前置标签（在输入框内左侧、prefix 更外层，如 "https://"）；传 Snippet 可自定义渲染。 */
     addonBefore?: Snippet | string;
-    /** 后置标签（在 input 框外右侧，如 ".com"）；传 Snippet 可自定义渲染 */
+    /** 后置标签（在输入框内右侧，如 ".com"）；传 Snippet 可自定义渲染。 */
     addonAfter?: Snippet | string;
-    /** 无边框模式 */
+    /** 无边框模式（对齐 Semi borderless）。 */
     borderless?: boolean;
-    /** 自定义字符计数函数，替代默认 value.length（用于 showCount 展示和 maxLength 校验） */
+    /** 自定义字符计数函数，替代默认 [...value].length（存在时接管 maxLength 校验，maxlength 属性不下发）。 */
     getValueLength?: (value: string) => number;
-    /** 有值时隐藏 suffix（常用于清除按钮/搜索图标场景） */
+    /** 清除按钮与后缀并存时隐藏后缀（对齐 Semi hideSuffix）。 */
     hideSuffix?: boolean;
-    /** 调用 focus() 时传入 { preventScroll } 参数 */
+    /** 根容器内联样式（对齐 Semi style）。 */
+    style?: string;
+    /** 根容器自定义类名（对齐 Semi className）。 */
+    class?: string;
+    /** input 元素内联样式（对齐 Semi inputStyle）。 */
+    inputStyle?: string;
+    /** 调用 focus() 时传入 { preventScroll } 参数（对齐 Semi preventScroll）。 */
     preventScroll?: boolean;
-    /** 组件挂载时自动聚焦 */
+    /** 组件挂载时自动聚焦（对齐 Semi autoFocus）。 */
     autoFocus?: boolean;
+    /**
+     * 输入法模式（对齐 Semi composition）。默认 false：拼音输入过程中每次输入都触发 onChange。
+     * true：IME 未确认期间不触发 onChange，确认（compositionend）后补触发一次。
+     */
+    composition?: boolean;
     name?: string;
     id?: string;
     ariaLabel?: string;
+    ariaLabelledby?: string;
     ariaDescribedby?: string;
+    ariaErrormessage?: string;
     /** 必填语义（Form.Field required 透传）：输出 aria-required="true"。 */
     ariaRequired?: boolean;
-    onChange?: (v: string) => void;
-    onInput?: (v: string) => void;
-    onClear?: () => void;
-    /** 回车按下（spec §4 on:enterPress）。Enter 触发，composition 中不触发。 */
+    /** 内容变化回调（对齐 Semi：第二参为原生事件）。 */
+    onChange?: (value: string, e: Event) => void;
+    /** 原生 input 事件回调（对齐 Semi）。 */
+    onInput?: (value: string, e: Event) => void;
+    /** 点击清除按钮回调（对齐 Semi：透传鼠标事件）。 */
+    onClear?: (e: MouseEvent) => void;
+    /** 回车按下（对齐 Semi onEnterPress）。composition 中不触发。 */
     onEnterPress?: (e: KeyboardEvent) => void;
-    /** @deprecated 改用 onEnterPress（保留向后兼容）。 */
-    onEnter?: (e: KeyboardEvent) => void;
     onFocus?: (e: FocusEvent) => void;
     onBlur?: (e: FocusEvent) => void;
+    /** 原生 keydown 透传（对齐 Semi onKeyDown）。onEnterPress 逻辑不受影响。 */
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onKeyUp?: (e: KeyboardEvent) => void;
+    onKeyPress?: (e: KeyboardEvent) => void;
+    onCompositionStart?: (e: CompositionEvent) => void;
+    onCompositionEnd?: (e: CompositionEvent) => void;
+    onCompositionUpdate?: (e: CompositionEvent) => void;
+    /**
+     * 透传到原生 <input> 的其余属性（对齐 Semi Input extends InputHTMLAttributes + {...rest}）。
+     * 供 InputNumber(role=spinbutton/aria-valuenow)、AutoComplete/Cascader(role=combobox/aria-expanded
+     * /aria-controls/aria-activedescendant/aria-autocomplete) 等复用方透传 role 与任意 aria/data-* 属性。
+     */
+    [key: string]: unknown;
 }
-declare const Input: import("svelte").Component<Props, {}, "value">;
+declare const Input: import("svelte").Component<Props, {
+    focus: () => void;
+    blur: () => void;
+}, "value">;
 type Input = ReturnType<typeof Input>;
 export default Input;
 //# sourceMappingURL=Input.svelte.d.ts.map

package/dist/input/Input.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../src/input/Input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,KAAK,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1C,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9C,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CAClC;AA2OH,QAAA,MAAM,KAAK,gDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../src/input/Input.svelte.ts"],"names":[],"mappings":"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"}

package/dist/input/InputGroup.svelte

@@ -0,0 +1,188 @@
+<!--
+  InputGroup — 严格对齐 Semi Design（semi-ui/input/inputGroup.tsx）。
+  把多个输入类控件（Input/Select/DatePicker 等）无缝拼接为一组：相邻控件圆角合并、
+  中间分隔线用 ::after 伪边框（对齐 Semi semi-input-group）。统一 size/disabled 经 context
+  回退透传给组内控件（控件显式 prop 优先）。DOM 为单层 <span role="group" class="cd-input-group">。
+-->
+<script lang="ts">
+  import { setContext, type Snippet } from 'svelte';
+  import { useId } from '@chenzy-design/core';
+  import { INPUT_GROUP_CTX, type InputGroupContext, type InputSize } from './context.js';
+
+  type LabelPosition = 'top' | 'left';
+
+  /** 组标签（对齐 Semi LabelProps 子集）。 */
+  interface LabelProps {
+    text?: string;
+    /** 关联控件的 id（输出到 label for / group id）。 */
+    name?: string;
+    required?: boolean;
+    width?: number | string;
+  }
+
+  export interface Props {
+    /** 整组尺寸，经 context 回退透传给组内控件（控件显式 size 优先）。 */
+    size?: InputSize;
+    /** 整组禁用，经 context 回退透传（控件显式 disabled 优先）。 */
+    disabled?: boolean;
+    /** 整组标签（对齐 Semi label: LabelProps）。 */
+    label?: LabelProps;
+    /** 标签位置。 */
+    labelPosition?: LabelPosition;
+    /** 组级聚焦事件（子控件 focusin 冒泡）。 */
+    onFocus?: (e: FocusEvent) => void;
+    /** 组级失焦事件（子控件 focusout 冒泡）。 */
+    onBlur?: (e: FocusEvent) => void;
+    /** 根节点自定义类名。 */
+    class?: string;
+    /** 根节点自定义内联样式。 */
+    style?: string;
+    /** 子输入控件（Input / Select / DatePicker 等）。 */
+    children?: Snippet;
+  }
+
+  let {
+    size,
+    disabled,
+    label,
+    labelPosition = 'top',
+    onFocus,
+    onBlur,
+    class: className,
+    style,
+    children,
+  }: Props = $props();
+
+  const autoId = useId('cd-input-group-label');
+  const hasLabel = $derived(label != null && label.text != null && label.text !== '');
+  const labelId = $derived(label?.name ?? autoId);
+
+  // 组级默认经 getter 暴露 live 值，组内控件读到最新值（context 本身不可重赋值）。
+  const ctx: InputGroupContext = {
+    get size() {
+      return size;
+    },
+    get disabled() {
+      return disabled;
+    },
+  };
+  setContext(INPUT_GROUP_CTX, ctx);
+</script>
+
+{#if hasLabel}
+  <div
+    class={[
+      'cd-input-group-wrapper',
+      `cd-input-group-wrapper-with-${labelPosition}-label`,
+      className,
+    ]
+      .filter(Boolean)
+      .join(' ')}
+    {style}
+  >
+    <label
+      class="cd-input-group-label"
+      class:cd-input-group-label-required={label?.required}
+      for={labelId}
+      style={label?.width != null
+        ? `width:${typeof label.width === 'number' ? `${label.width}px` : label.width}`
+        : undefined}
+    >
+      {label?.text}
+    </label>
+    <span
+      role="group"
+      id={labelId}
+      class={['cd-input-group', size && size !== 'default' && `cd-input-${size}`]
+        .filter(Boolean)
+        .join(' ')}
+      aria-disabled={disabled || undefined}
+      onfocusin={onFocus}
+      onfocusout={onBlur}
+    >
+      {@render children?.()}
+    </span>
+  </div>
+{:else}
+  <span
+    role="group"
+    aria-label="Input group"
+    aria-disabled={disabled || undefined}
+    class={[
+      'cd-input-group',
+      size && size !== 'default' && `cd-input-${size}`,
+      className,
+    ]
+      .filter(Boolean)
+      .join(' ')}
+    {style}
+    onfocusin={onFocus}
+    onfocusout={onBlur}
+  >
+    {@render children?.()}
+  </span>
+{/if}
+
+<style>
+  /* 组容器 —— 对齐 Semi semi-input-group：相邻控件圆角合并 + ::after 分隔线。 */
+  .cd-input-group {
+    display: inline-flex;
+    align-items: center;
+    align-content: center;
+    flex-wrap: wrap;
+  }
+  /* 组内直接子级：中间圆角归零，仅首尾保留；相邻控件用 ::after 画分隔线。 */
+  .cd-input-group > :global(*) {
+    border-radius: 0;
+  }
+  .cd-input-group > :global(*:first-child) {
+    border-start-start-radius: var(--cd-radius-input-wrapper);
+    border-end-start-radius: var(--cd-radius-input-wrapper);
+  }
+  .cd-input-group > :global(*:last-child) {
+    border-start-end-radius: var(--cd-radius-input-wrapper);
+    border-end-end-radius: var(--cd-radius-input-wrapper);
+  }
+  .cd-input-group > :global(*:not(:last-child)) {
+    position: relative;
+  }
+  .cd-input-group > :global(*:not(:last-child))::after {
+    content: '';
+    position: absolute;
+    inset-inline-end: -1px;
+    inset-block-start: 1px;
+    inset-block-end: 1px;
+    inline-size: var(--cd-width-input-group-pseudo-border);
+    background: var(--cd-color-input-group-border-default);
+  }
+  /* 聚焦控件抬升层级，使其完整边框覆盖相邻分隔线。 */
+  .cd-input-group > :global(*:focus-within) {
+    z-index: 1;
+  }
+  /* 圆角同步到 Input 的实际圆角承载层（.cd-input-wrapper）。 */
+  .cd-input-group > :global(* .cd-input-wrapper) {
+    border-radius: inherit;
+  }
+
+  /* 带标签容器 —— 对齐 Semi input-group-wrapper。 */
+  .cd-input-group-wrapper-with-top-label {
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--cd-spacing-base-tight);
+  }
+  .cd-input-group-wrapper-with-left-label {
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--cd-spacing-base-tight);
+  }
+  .cd-input-group-label {
+    color: var(--cd-color-text-1);
+    font-size: var(--cd-font-size-regular);
+  }
+  .cd-input-group-label-required::before {
+    content: '*';
+    margin-inline-end: 4px;
+    color: var(--cd-color-danger);
+  }
+</style>

package/dist/input/InputGroup.svelte.d.ts

@@ -0,0 +1,35 @@
+import { type Snippet } from 'svelte';
+import { type InputSize } from './context.js';
+type LabelPosition = 'top' | 'left';
+/** 组标签（对齐 Semi LabelProps 子集）。 */
+interface LabelProps {
+    text?: string;
+    /** 关联控件的 id（输出到 label for / group id）。 */
+    name?: string;
+    required?: boolean;
+    width?: number | string;
+}
+export interface Props {
+    /** 整组尺寸，经 context 回退透传给组内控件（控件显式 size 优先）。 */
+    size?: InputSize;
+    /** 整组禁用，经 context 回退透传（控件显式 disabled 优先）。 */
+    disabled?: boolean;
+    /** 整组标签（对齐 Semi label: LabelProps）。 */
+    label?: LabelProps;
+    /** 标签位置。 */
+    labelPosition?: LabelPosition;
+    /** 组级聚焦事件（子控件 focusin 冒泡）。 */
+    onFocus?: (e: FocusEvent) => void;
+    /** 组级失焦事件（子控件 focusout 冒泡）。 */
+    onBlur?: (e: FocusEvent) => void;
+    /** 根节点自定义类名。 */
+    class?: string;
+    /** 根节点自定义内联样式。 */
+    style?: string;
+    /** 子输入控件（Input / Select / DatePicker 等）。 */
+    children?: Snippet;
+}
+declare const InputGroup: import("svelte").Component<Props, {}, "">;
+type InputGroup = ReturnType<typeof InputGroup>;
+export default InputGroup;
+//# sourceMappingURL=InputGroup.svelte.d.ts.map

package/dist/input/InputGroup.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/input/InputGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAElD,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpC,kCAAkC;AAClC,UAAU,UAAU;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY;IACZ,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyEH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}