@chenzy-design/svelte 0.3.0 → 0.4.1

package/dist/divider/Divider.svelte

@@ -1,6 +1,6 @@
 <!--
   Divider — see specs/components/basic/Divider.spec.md
-  Pure presentational separator. Token-driven, a11y role="separator".
+  纯展示分隔线，严格对齐 Semi Design（根永远是 div，无 role/aria）。
 -->
 <script lang="ts">
   import type { Snippet } from 'svelte';
@@ -13,10 +13,10 @@
     dashed?: boolean;
     align?: DividerAlign;
     margin?: string | number;
-    thickness?: number;
-    plain?: boolean;
     class?: string;
+    style?: string;
     children?: Snippet;
+    [key: string]: unknown;
   }
 
   let {
@@ -24,131 +24,123 @@
     dashed = false,
     align = 'center',
     margin,
-    thickness = 1,
-    plain = true,
     class: className = '',
+    style,
     children,
+    ...rest
   }: Props = $props();
 
-  const hasContent = $derived(layout === 'horizontal' && !!children);
+  const hasContent = $derived(!!children && layout === 'horizontal');
 
   const marginCss = $derived(typeof margin === 'number' ? `${margin}px` : margin);
 
-  const inlineStyle = $derived(
-    [
-      `--cd-divider-thickness:${thickness}px`,
-      layout === 'horizontal' && marginCss && `margin-block:${marginCss}`,
-      layout === 'vertical' && marginCss && `margin-inline:${marginCss}`,
-    ]
-      .filter(Boolean)
-      .join(';'),
+  // margin 覆盖：vertical → margin-left/right；horizontal → margin-top/bottom。
+  // 用户 style 优先（对齐 Semi {...override, ...style}）。
+  const overrideStyle = $derived(
+    marginCss
+      ? layout === 'vertical'
+        ? `margin-left:${marginCss};margin-right:${marginCss};`
+        : `margin-top:${marginCss};margin-bottom:${marginCss};`
+      : '',
   );
-</script>
 
-{#if layout === 'vertical'}
-  <span
-    class={['cd-divider', 'cd-divider--vertical', dashed && 'cd-divider--dashed', className]
-      .filter(Boolean)
-      .join(' ')}
-    role="separator"
-    aria-orientation="vertical"
-    style={inlineStyle}
-  ></span>
-{:else if hasContent}
-  <div
-    class={[
+  const mergedStyle = $derived([overrideStyle, style].filter(Boolean).join('') || undefined);
+
+  const cls = $derived(
+    [
       'cd-divider',
-      'cd-divider--horizontal',
-      'cd-divider--with-text',
-      `cd-divider--align-${align}`,
-      dashed && 'cd-divider--dashed',
-      !plain && 'cd-divider--bold',
+      layout === 'horizontal' && 'cd-divider-horizontal',
+      layout === 'vertical' && 'cd-divider-vertical',
+      dashed && 'cd-divider-dashed',
+      hasContent && 'cd-divider-with-text',
+      hasContent && `cd-divider-with-text-${align}`,
       className,
     ]
       .filter(Boolean)
-      .join(' ')}
-    role="separator"
-    style={inlineStyle}
-  >
-    <span class="cd-divider__text">{@render children?.()}</span>
-  </div>
-{:else}
-  <div
-    class={['cd-divider', 'cd-divider--horizontal', dashed && 'cd-divider--dashed', className]
-      .filter(Boolean)
-      .join(' ')}
-    role="separator"
-    style={inlineStyle}
-  ></div>
-{/if}
+      .join(' '),
+  );
+</script>
+
+<div class={cls} style={mergedStyle} {...rest}>
+  {#if hasContent}
+    <span class="cd-divider_inner-text">{@render children?.()}</span>
+  {/if}
+</div>
 
 <style>
   .cd-divider {
-    --cd-divider-thickness: 1px;
+    margin: var(--cd-spacing-divider-horizontal-margintop)
+      var(--cd-spacing-divider-horizontal-marginright)
+      var(--cd-spacing-divider-horizontal-marginbottom)
+      var(--cd-spacing-divider-horizontal-marginleft);
+    border-bottom: var(--cd-width-divider-border) solid var(--cd-color-divider-border-color);
+    color: var(--cd-color-divider-text-default);
     box-sizing: border-box;
-    border-color: var(--cd-divider-color);
-    border-style: solid;
   }
-  .cd-divider--dashed {
-    border-style: dashed;
+
+  .cd-divider-dashed {
+    border-bottom-style: dashed;
   }
 
-  /* horizontal plain line */
-  .cd-divider--horizontal {
-    display: block;
+  .cd-divider-horizontal {
     width: 100%;
-    border: 0;
-    border-block-start: var(--cd-divider-thickness) solid var(--cd-divider-color);
-    margin-block: var(--cd-divider-spacing);
+    display: flex;
   }
-  .cd-divider--horizontal.cd-divider--dashed {
-    border-block-start-style: dashed;
+
+  .cd-divider-vertical {
+    border-bottom: 0;
+    display: inline-block;
+    margin: var(--cd-spacing-divider-vertical-margintop)
+      var(--cd-spacing-divider-vertical-marginright)
+      var(--cd-spacing-divider-vertical-marginbottom)
+      var(--cd-spacing-divider-vertical-marginleft);
+    border-left: var(--cd-width-divider-border) solid var(--cd-color-divider-border-color);
+    height: var(--cd-height-divider-vertical);
+    vertical-align: middle;
   }
 
-  /* horizontal with text */
-  .cd-divider--with-text {
+  .cd-divider-with-text {
     display: flex;
+    border-bottom: 0;
+    white-space: nowrap;
     align-items: center;
-    width: 100%;
-    border: 0;
-    margin-block: var(--cd-divider-spacing);
-    color: var(--cd-divider-text-color);
-    font-size: var(--cd-divider-text-font-size);
   }
-  .cd-divider--with-text::before,
-  .cd-divider--with-text::after {
-    content: '';
-    flex: 1 1 auto;
-    border-block-start: var(--cd-divider-thickness) solid var(--cd-divider-color);
+
+  .cd-divider-with-text .cd-divider_inner-text {
+    font-weight: var(--cd-font-divider-text-weight);
+    padding: var(--cd-spacing-divider-inner-text-paddingtop)
+      var(--cd-spacing-divider-inner-text-paddingright)
+      var(--cd-spacing-divider-inner-text-paddingbottom)
+      var(--cd-spacing-divider-inner-text-paddingleft);
+    display: inline-block;
   }
-  .cd-divider--with-text.cd-divider--dashed::before,
-  .cd-divider--with-text.cd-divider--dashed::after {
-    border-block-start-style: dashed;
+
+  .cd-divider-with-text::before,
+  .cd-divider-with-text::after {
+    content: '';
+    width: 50%;
+    border-bottom: var(--cd-width-divider-border) solid var(--cd-color-divider-border-color);
   }
-  .cd-divider__text {
-    flex: 0 0 auto;
-    padding-inline: var(--cd-divider-text-gap);
+
+  .cd-divider-with-text-left::before {
+    width: var(--cd-width-divider-inner-text-left-line);
   }
-  .cd-divider--bold .cd-divider__text {
-    font-weight: var(--cd-font-weight-bold);
+  .cd-divider-with-text-left::after {
+    flex: 1;
   }
-  .cd-divider--align-left::before {
-    flex: 0 0 5%;
+  .cd-divider-with-text-right::before {
+    flex: 1;
   }
-  .cd-divider--align-right::after {
-    flex: 0 0 5%;
+  .cd-divider-with-text-right::after {
+    width: var(--cd-width-divider-inner-text-right-line);
   }
 
-  /* vertical */
-  .cd-divider--vertical {
-    display: inline-block;
-    height: 0.9em;
-    border: 0;
-    border-inline-start: var(--cd-divider-thickness) solid var(--cd-divider-color);
-    margin-inline: var(--cd-divider-spacing);
-    vertical-align: middle;
+  .cd-divider-dashed::before,
+  .cd-divider-dashed::after {
+    border-bottom: var(--cd-width-divider-border) dashed var(--cd-color-divider-border-color);
   }
-  .cd-divider--vertical.cd-divider--dashed {
-    border-inline-start-style: dashed;
+
+  .cd-divider-vertical.cd-divider-dashed {
+    border-left: var(--cd-width-divider-border) dashed var(--cd-color-divider-border-color);
   }
 </style>

package/dist/divider/Divider.svelte.d.ts

@@ -6,10 +6,10 @@ interface Props {
     dashed?: boolean;
     align?: DividerAlign;
     margin?: string | number;
-    thickness?: number;
-    plain?: boolean;
     class?: string;
+    style?: string;
     children?: Snippet;
+    [key: string]: unknown;
 }
 declare const Divider: import("svelte").Component<Props, {}, "">;
 type Divider = ReturnType<typeof Divider>;

package/dist/divider/Divider.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.svelte.d.ts","sourceRoot":"","sources":["../../src/divider/Divider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,aAAa,GAAG,YAAY,GAAG,UAAU,CAAC;AAC/C,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8DH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Divider.svelte.d.ts","sourceRoot":"","sources":["../../src/divider/Divider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,aAAa,GAAG,YAAY,GAAG,UAAU,CAAC;AAC/C,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA4DH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/divider/meta.d.ts

@@ -5,50 +5,44 @@
 export declare const meta: {
     readonly name: "Divider";
     readonly category: "basic";
-    readonly description: "分隔线，用于在视觉上分割内容区块，纯展示。";
+    readonly description: "分隔线，用于在视觉上分割内容区块，纯展示。严格对齐 Semi Design。";
     readonly props: readonly [{
-        readonly name: "layout";
-        readonly type: "'horizontal'|'vertical'";
-        readonly default: "'horizontal'";
-    }, {
-        readonly name: "dashed";
-        readonly type: "boolean";
-        readonly default: "false";
-    }, {
         readonly name: "align";
         readonly type: "'left'|'center'|'right'";
         readonly default: "'center'";
-        readonly desc: "横向带文字时的文字位置";
+        readonly desc: "水平带内容时内容的对齐位置";
     }, {
         readonly name: "margin";
         readonly type: "string|number";
         readonly default: "undefined";
-        readonly desc: "覆盖主轴外边距，number→px";
-    }, {
-        readonly name: "thickness";
-        readonly type: "number";
-        readonly default: "1";
-        readonly desc: "线宽（px）";
+        readonly desc: "主轴外边距，number→px；vertical 作用于左右，horizontal 作用于上下";
     }, {
-        readonly name: "plain";
+        readonly name: "dashed";
         readonly type: "boolean";
-        readonly default: "true";
-        readonly desc: "false 时文字加粗";
+        readonly default: "false";
+        readonly desc: "是否为虚线";
+    }, {
+        readonly name: "layout";
+        readonly type: "'horizontal'|'vertical'";
+        readonly default: "'horizontal'";
+        readonly desc: "分割线方向";
     }, {
         readonly name: "class";
         readonly type: "string";
         readonly default: "''";
+        readonly desc: "附加类名";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "内联样式，优先级高于组件默认 margin";
     }];
     readonly events: readonly [];
     readonly slots: readonly [{
         readonly name: "children";
-        readonly desc: "横向分隔线中间/侧边文字（vertical 忽略）";
+        readonly desc: "水平分割线嵌入的文字/图标内容（vertical 忽略）";
     }];
-    readonly a11y: {
-        readonly role: "separator";
-        readonly orientation: "aria-orientation for vertical";
-    };
-    readonly tokens: readonly ["--cd-divider-color", "--cd-divider-thickness", "--cd-divider-spacing", "--cd-divider-text-*"];
+    readonly tokens: readonly ["--cd-spacing-divider-horizontal-marginleft", "--cd-spacing-divider-horizontal-marginright", "--cd-spacing-divider-horizontal-margintop", "--cd-spacing-divider-horizontal-marginbottom", "--cd-spacing-divider-vertical-marginleft", "--cd-spacing-divider-vertical-marginright", "--cd-spacing-divider-vertical-margintop", "--cd-spacing-divider-vertical-marginbottom", "--cd-spacing-divider-inner-text-paddingleft", "--cd-spacing-divider-inner-text-paddingright", "--cd-spacing-divider-inner-text-paddingtop", "--cd-spacing-divider-inner-text-paddingbottom", "--cd-width-divider-inner-text-left-line", "--cd-width-divider-inner-text-right-line", "--cd-width-divider-border", "--cd-height-divider-vertical", "--cd-color-divider-border-color", "--cd-color-divider-text-default", "--cd-font-divider-text-weight"];
     readonly examples: readonly [{
         readonly title: "带文字";
         readonly code: "<Divider>章节</Divider>";

package/dist/divider/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/divider/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/divider/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCP,CAAC"}

package/dist/divider/meta.js

@@ -5,19 +5,37 @@
 export const meta = {
     name: 'Divider',
     category: 'basic',
-    description: '分隔线，用于在视觉上分割内容区块，纯展示。',
+    description: '分隔线，用于在视觉上分割内容区块，纯展示。严格对齐 Semi Design。',
     props: [
-        { name: 'layout', type: "'horizontal'|'vertical'", default: "'horizontal'" },
-        { name: 'dashed', type: 'boolean', default: 'false' },
-        { name: 'align', type: "'left'|'center'|'right'", default: "'center'", desc: '横向带文字时的文字位置' },
-        { name: 'margin', type: 'string|number', default: 'undefined', desc: '覆盖主轴外边距，number→px' },
-        { name: 'thickness', type: 'number', default: '1', desc: '线宽（px）' },
-        { name: 'plain', type: 'boolean', default: 'true', desc: 'false 时文字加粗' },
-        { name: 'class', type: 'string', default: "''" },
+        { name: 'align', type: "'left'|'center'|'right'", default: "'center'", desc: '水平带内容时内容的对齐位置' },
+        { name: 'margin', type: 'string|number', default: 'undefined', desc: '主轴外边距，number→px；vertical 作用于左右，horizontal 作用于上下' },
+        { name: 'dashed', type: 'boolean', default: 'false', desc: '是否为虚线' },
+        { name: 'layout', type: "'horizontal'|'vertical'", default: "'horizontal'", desc: '分割线方向' },
+        { name: 'class', type: 'string', default: "''", desc: '附加类名' },
+        { name: 'style', type: 'string', default: 'undefined', desc: '内联样式，优先级高于组件默认 margin' },
     ],
     events: [],
-    slots: [{ name: 'children', desc: '横向分隔线中间/侧边文字（vertical 忽略）' }],
-    a11y: { role: 'separator', orientation: 'aria-orientation for vertical' },
-    tokens: ['--cd-divider-color', '--cd-divider-thickness', '--cd-divider-spacing', '--cd-divider-text-*'],
+    slots: [{ name: 'children', desc: '水平分割线嵌入的文字/图标内容（vertical 忽略）' }],
+    tokens: [
+        '--cd-spacing-divider-horizontal-marginleft',
+        '--cd-spacing-divider-horizontal-marginright',
+        '--cd-spacing-divider-horizontal-margintop',
+        '--cd-spacing-divider-horizontal-marginbottom',
+        '--cd-spacing-divider-vertical-marginleft',
+        '--cd-spacing-divider-vertical-marginright',
+        '--cd-spacing-divider-vertical-margintop',
+        '--cd-spacing-divider-vertical-marginbottom',
+        '--cd-spacing-divider-inner-text-paddingleft',
+        '--cd-spacing-divider-inner-text-paddingright',
+        '--cd-spacing-divider-inner-text-paddingtop',
+        '--cd-spacing-divider-inner-text-paddingbottom',
+        '--cd-width-divider-inner-text-left-line',
+        '--cd-width-divider-inner-text-right-line',
+        '--cd-width-divider-border',
+        '--cd-height-divider-vertical',
+        '--cd-color-divider-border-color',
+        '--cd-color-divider-text-default',
+        '--cd-font-divider-text-weight',
+    ],
     examples: [{ title: '带文字', code: '<Divider>章节</Divider>' }],
 };

package/dist/drag-move/DragMove.svelte

@@ -0,0 +1,106 @@
+<!--
+  DragMove — 严格对齐 Semi Design dragMove（纯逻辑组件，无样式层）。
+  包裹单个子元素使其可拖拽在可选约束区内移动（改位置，非尺寸）。core createDragMove 承载
+  命令式指针几何：init 强制 element position:absolute + handler cursor:move（对齐 Semi foundation），
+  pointerdown 记起点→document 绑 move/up→clamp 到 constrainer 的 top/left→customMove 或写 style。
+
+  Svelte 无 React cloneElement，无法把 ref 注入 children 本身，故用一层 wrapper div 承载 bind:this
+  与几何（这是框架必要适配）；wrapper 不加任何自造 class/token/样式，cursor 由 core 命令式写在
+  handler 上（对齐 Semi 无样式层：无 scss/无 token/无 className）。touch-action:none 保证触屏拖拽。
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { createDragMove } from '@chenzy-design/core';
+
+  interface Props {
+    /** 拖拽触发元素（缺省为整个被包裹子元素）。返回把手 DOM。 */
+    handler?: () => HTMLElement;
+    /** 移动约束区。'parent'=父元素，或返回具体容器 DOM；缺省不约束。 */
+    constrainer?: (() => HTMLElement | null) | 'parent';
+    /** 谓词：本次是否允许拖拽。返回 false 取消。 */
+    allowMove?: (e: MouseEvent | TouchEvent, element: HTMLElement) => boolean;
+    /** 自定义位置应用（缺省组件直接写 el.style.top/left）。 */
+    customMove?: (el: HTMLElement, top: number, left: number) => void;
+    /** 是否允许从 input/textarea 等表单元素上发起拖拽。默认 false。 */
+    allowInputDrag?: boolean;
+    class?: string;
+    style?: string;
+    /** 鼠标事件透传。 */
+    onMouseDown?: (e: MouseEvent) => void;
+    onMouseMove?: (e: MouseEvent) => void;
+    onMouseUp?: (e: MouseEvent) => void;
+    /** 触摸事件透传。 */
+    onTouchStart?: (e: TouchEvent) => void;
+    onTouchMove?: (e: TouchEvent) => void;
+    onTouchEnd?: (e: TouchEvent) => void;
+    onTouchCancel?: (e: TouchEvent) => void;
+    /** 被拖拽移动的子元素。 */
+    children?: Snippet;
+  }
+
+  let {
+    handler,
+    constrainer,
+    allowMove,
+    customMove,
+    allowInputDrag = false,
+    class: className = '',
+    style,
+    onMouseDown,
+    onMouseMove,
+    onMouseUp,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    children,
+  }: Props = $props();
+
+  let rootEl = $state<HTMLDivElement | null>(null);
+
+  const resolveConstrainer = (): HTMLElement | null => {
+    if (constrainer === 'parent') {
+      return (rootEl?.parentElement as HTMLElement | null) ?? null;
+    }
+    if (typeof constrainer === 'function') return constrainer();
+    return null;
+  };
+
+  // 命令式几何：拖拽控制器在挂载 effect 内 init（读最新 props 经闭包）；
+  // 卸载兜底 destroy 解绑遗留全局监听。
+  $effect(() => {
+    if (!rootEl) return;
+    const ctrl = createDragMove({
+      getElement: () => rootEl,
+      ...(handler ? { handler } : {}),
+      constrainer: resolveConstrainer,
+      ...(allowMove ? { allowMove } : {}),
+      ...(customMove ? { customMove } : {}),
+      allowInputDrag,
+      ...(onMouseDown ? { onMouseDown } : {}),
+      ...(onMouseMove ? { onMouseMove } : {}),
+      ...(onMouseUp ? { onMouseUp } : {}),
+      ...(onTouchStart ? { onTouchStart } : {}),
+      ...(onTouchMove ? { onTouchMove } : {}),
+      ...(onTouchEnd ? { onTouchEnd } : {}),
+      ...(onTouchCancel ? { onTouchCancel } : {}),
+    });
+    ctrl.init();
+    return () => ctrl.destroy();
+  });
+
+  const cls = $derived(['cd-drag-move', className].filter(Boolean).join(' '));
+</script>
+
+<div bind:this={rootEl} class={cls} {style}>
+  {@render children?.()}
+</div>
+
+<style>
+  /* 无样式层（对齐 Semi dragMove：无 scss/token/className 视觉）；仅 touch-action 保证触屏拖拽、
+     user-select 防拖拽选中。cursor:move 与 position:absolute 由 core 命令式写在元素上（对齐 Semi init）。 */
+  .cd-drag-move {
+    touch-action: none;
+    user-select: none;
+  }
+</style>

package/dist/drag-move/DragMove.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    /** 拖拽触发元素（缺省为整个被包裹子元素）。返回把手 DOM。 */
+    handler?: () => HTMLElement;
+    /** 移动约束区。'parent'=父元素，或返回具体容器 DOM；缺省不约束。 */
+    constrainer?: (() => HTMLElement | null) | 'parent';
+    /** 谓词：本次是否允许拖拽。返回 false 取消。 */
+    allowMove?: (e: MouseEvent | TouchEvent, element: HTMLElement) => boolean;
+    /** 自定义位置应用（缺省组件直接写 el.style.top/left）。 */
+    customMove?: (el: HTMLElement, top: number, left: number) => void;
+    /** 是否允许从 input/textarea 等表单元素上发起拖拽。默认 false。 */
+    allowInputDrag?: boolean;
+    class?: string;
+    style?: string;
+    /** 鼠标事件透传。 */
+    onMouseDown?: (e: MouseEvent) => void;
+    onMouseMove?: (e: MouseEvent) => void;
+    onMouseUp?: (e: MouseEvent) => void;
+    /** 触摸事件透传。 */
+    onTouchStart?: (e: TouchEvent) => void;
+    onTouchMove?: (e: TouchEvent) => void;
+    onTouchEnd?: (e: TouchEvent) => void;
+    onTouchCancel?: (e: TouchEvent) => void;
+    /** 被拖拽移动的子元素。 */
+    children?: Snippet;
+}
+declare const DragMove: import("svelte").Component<Props, {}, "">;
+type DragMove = ReturnType<typeof DragMove>;
+export default DragMove;
+//# sourceMappingURL=DragMove.svelte.d.ts.map

package/dist/drag-move/DragMove.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragMove.svelte.d.ts","sourceRoot":"","sources":["../../src/drag-move/DragMove.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,UAAU,KAAK;IACb,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,WAAW,CAAC;IAC5B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC;IACpD,+BAA+B;IAC/B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;IAC1E,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,gDAAgD;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc;IACd,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,cAAc;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,iBAAiB;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqEH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/drag-move/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DragMove } from './DragMove.svelte';
+export { meta as dragMoveMeta } from './meta.js';
+export { createDragMove, type CreateDragMoveOptions, type DragMoveController, type DragMoveAllow, type DragMoveCustomMove, type MoveRange, } from '@chenzy-design/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/drag-move/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drag-move/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EACL,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,SAAS,GACf,MAAM,qBAAqB,CAAC"}

package/dist/drag-move/index.js

@@ -0,0 +1,3 @@
+export { default as DragMove } from './DragMove.svelte';
+export { meta as dragMoveMeta } from './meta.js';
+export { createDragMove, } from '@chenzy-design/core';

package/dist/drag-move/meta.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * DragMove — 通用拖拽移动容器。见 specs/components/other/DragMove.spec.md。
+ */
+export declare const meta: {
+    readonly name: "DragMove";
+    readonly category: "plus";
+    readonly stage: "M6";
+    readonly semiEquivalent: "DragMove";
+    readonly description: "通用拖拽移动容器（严格对齐 Semi Design dragMove，纯逻辑组件无样式层）：包裹单个子元素使其可被拖拽在页面/约束区内自由移动（与 Resizable 改尺寸正交，DragMove 改位置）。core 沉淀通用拖拽原语 createDragMove（命令式绑/解全局监听，pointerdown 记录起点→document 绑 move/up→计算 clamp 到 constrainer 的 top/left→customMove 或写 style→up 解绑+卸载兜底），供 Modal 可拖拽标题栏、Cropper 画布拖拽后续复用。init 强制 element position:absolute + handler cursor:move（对齐 Semi foundation）。约束区支持 parent/自定义 DOM/无约束；allowMove 谓词拦截；allowInputDrag 控制是否从表单元素发起。鼠标/触摸双通道，touch-action:none 支持触屏。无 token/scss/className（对齐 Semi）；Svelte 无 cloneElement 故用一层透明 wrapper 承载几何（框架必要适配）。";
+    readonly relatedTo: readonly ["Resizable", "Modal", "Cropper"];
+    readonly props: readonly [{
+        readonly name: "handler";
+        readonly type: "() => HTMLElement";
+        readonly default: "undefined";
+        readonly desc: "拖拽触发元素（缺省为整个被包裹子元素）";
+    }, {
+        readonly name: "constrainer";
+        readonly type: "(() => HTMLElement | null) | 'parent'";
+        readonly default: "undefined";
+        readonly desc: "移动约束区。'parent'=父元素，或返回具体容器 DOM；缺省不约束";
+    }, {
+        readonly name: "allowMove";
+        readonly type: "(e, element) => boolean";
+        readonly default: "undefined";
+        readonly desc: "谓词：本次是否允许拖拽，返回 false 取消";
+    }, {
+        readonly name: "customMove";
+        readonly type: "(el: HTMLElement, top: number, left: number) => void";
+        readonly default: "undefined";
+        readonly desc: "自定义位置应用（缺省组件直接写 el.style.top/left）";
+    }, {
+        readonly name: "allowInputDrag";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "是否允许从 input/textarea 等表单元素上发起拖拽";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "''";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "onMouseDown";
+        readonly type: "(e: MouseEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "鼠标按下透传";
+    }, {
+        readonly name: "onMouseMove";
+        readonly type: "(e: MouseEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "鼠标移动透传";
+    }, {
+        readonly name: "onMouseUp";
+        readonly type: "(e: MouseEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "鼠标抬起透传";
+    }, {
+        readonly name: "onTouchStart";
+        readonly type: "(e: TouchEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "触摸开始透传";
+    }, {
+        readonly name: "onTouchMove";
+        readonly type: "(e: TouchEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "触摸移动透传";
+    }, {
+        readonly name: "onTouchEnd";
+        readonly type: "(e: TouchEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "触摸结束透传";
+    }, {
+        readonly name: "onTouchCancel";
+        readonly type: "(e: TouchEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "触摸取消透传";
+    }, {
+        readonly name: "children";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "被拖拽移动的子元素";
+    }];
+    readonly tokens: readonly [];
+    readonly examples: readonly [{
+        readonly title: "基础拖动卡片";
+        readonly code: "<DragMove><div class=\"card\">拖我</div></DragMove>";
+    }, {
+        readonly title: "约束在父容器";
+        readonly code: "<div style=\"position:relative;height:300px\"><DragMove constrainer=\"parent\"><div class=\"card\">被约束</div></DragMove></div>";
+    }, {
+        readonly title: "handler 指定把手";
+        readonly code: "<DragMove handler={() => titleEl}><div class=\"panel\"><div bind:this={titleEl} class=\"title\">标题栏（把手）</div>正文</div></DragMove>";
+    }, {
+        readonly title: "customMove 自定义应用";
+        readonly code: "<DragMove customMove={(el, top, left) => el.style.transform = `translate(${left}px,${top}px)`}>…</DragMove>";
+    }];
+    readonly doNot: readonly ["不要用它做 resize（改元素尺寸用 Resizable，DragMove 改的是位置）", "不要用响应式 attachment 读几何（拖拽用命令式几何，红线 #3）"];
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/drag-move/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/drag-move/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEP,CAAC"}