@type-dom/ui 0.6.0 → 0.9.0

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.class.js

@@ -0,0 +1,135 @@
+import { Div, Fragment, nextTick, onMounted, provide, watch, addEmits, emit, defaultProps, inject, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { UPDATE_MODEL_EVENT } from '../../../constants';
+import { TdInput } from '../td-input/td-input.class';
+import { useFormItem } from '../td-form/hooks/use-form-item';
+import { useFormDisabled } from '../td-form/hooks/use-form-common-props';
+import { colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps, ROOT_COMMON_COLOR_INJECTION_KEY, } from './td-color-picker-panel.const';
+import { useCommonColor } from './composables/use-common-color';
+import { TdColorHueSlider } from './components/hue-slider';
+import { TdColorAlphaSlider } from './components/alpha-slider';
+import { SvPanel } from './components/sv-panel';
+import { Predefine } from './components/predefine';
+import './style/index';
+export class TdColorPickerPanel extends Fragment {
+    color;
+    inputRef;
+    constructor(params) {
+        super(params);
+        defaultProps(this, colorPickerPanelProps);
+        addEmits(this, colorPickerPanelEmits);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('color-picker-panel');
+        const { formItem } = useFormItem();
+        const disabled = useFormDisabled();
+        const hueRef = signal();
+        const svRef = signal();
+        const alphaRef = signal();
+        const inputRef = signal();
+        const customInput = signal('');
+        const { color } = inject(ROOT_COMMON_COLOR_INJECTION_KEY, () => useCommonColor({
+            vModel: props.vModel,
+            showAlpha: props.showAlpha || false,
+            colorFormat: props.colorFormat,
+        }, (event, val) => emit(this, event, val)), true);
+        this.color = color;
+        function handleConfirm() {
+            color.fromString(customInput.get());
+            if (color.value.get() !== customInput.get()) {
+                customInput.set(color.value.get());
+            }
+        }
+        function handleFocusout() {
+            if (props.validateEvent) {
+                formItem?.validate?.('blur').catch(() => { });
+            }
+        }
+        function update() {
+            hueRef.get()?.update?.();
+            svRef.get()?.update?.();
+            alphaRef.get()?.update?.();
+        }
+        this.update = update;
+        this.inputRef = inputRef;
+        onMounted(() => {
+            if (props.vModel?.get()) {
+                customInput.set(color.value.get());
+            }
+            nextTick(update);
+        });
+        watch(() => props.vModel?.get(), (newVal) => {
+            if (newVal !== color.value.get()) {
+                newVal ? color.fromString(newVal) : color.value.set('');
+            }
+        });
+        watch(() => color.value.get(), (val) => {
+            // 空值对应 element-plus 的 valueOnClear（null），而非空字符串
+            emit(this, UPDATE_MODEL_EVENT, val || null);
+            customInput.set(val);
+            if (props.validateEvent) {
+                formItem?.validate('change').catch(() => { });
+            }
+        });
+        provide(colorPickerPanelContextKey, {
+            currentColor: computed(() => color.value.get()),
+        });
+        this.addChild(new Div({
+            class: [ns.b(), ns.is('disabled', disabled.get()), ns.is('border', props.border)],
+            onFocusout: handleFocusout,
+            slot: [
+                new Div({
+                    class: ns.e('wrapper'),
+                    slot: [
+                        new TdColorHueSlider({
+                            refEl: hueRef,
+                            color: color,
+                            vertical: true,
+                            disabled: disabled.get(),
+                            class: ['hue-slider', props.hueSliderClass],
+                            styleObj: props.hueSliderStyle,
+                        }),
+                        new SvPanel({
+                            refEl: svRef,
+                            color: color,
+                            disabled: disabled.get(),
+                        }),
+                    ],
+                }),
+                new TdColorAlphaSlider({
+                    vIf: props.showAlpha,
+                    refEl: alphaRef,
+                    color: color,
+                    disabled: disabled.get(),
+                }),
+                new Predefine({
+                    vIf: props.predefine,
+                    enableAlpha: props.showAlpha || false,
+                    color: color,
+                    colors: props.predefine || [],
+                    disabled: disabled.get(),
+                }),
+                new Div({
+                    class: ns.e('footer'),
+                    slot: [
+                        new TdInput({
+                            refEl: inputRef,
+                            vModel: customInput,
+                            validateEvent: false,
+                            size: 'small',
+                            disabled: disabled.get(),
+                            onChange: handleConfirm,
+                        }),
+                        new Div({
+                            vIf: this.props.slots?.footer,
+                            slot: this.props.slots?.footer,
+                        }),
+                    ],
+                }),
+            ],
+        }));
+    }
+}
+//# sourceMappingURL=td-color-picker-panel.class.js.map

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-color-picker-panel.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-color-picker-panel/td-color-picker-panel.class.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.const.d.ts

@@ -0,0 +1,16 @@
+import { Computed } from '@type-dom/signals';
+import type { ColorPickerPanelProps } from './td-color-picker-panel.interface';
+import Color from './utils/color';
+export declare const colorPickerPanelProps: ColorPickerPanelProps;
+export declare const colorPickerPanelEmits: {
+    "update:modelValue": (val: string | null) => boolean;
+};
+export interface ColorPickerPanelContext {
+    currentColor: Computed<string>;
+}
+export interface CommonColorContext {
+    color: Color;
+}
+export declare const ROOT_COMMON_COLOR_INJECTION_KEY: unique symbol;
+export declare const colorPickerPanelContextKey: unique symbol;
+//# sourceMappingURL=td-color-picker-panel.const.d.ts.map

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-color-picker-panel.const.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-color-picker-panel/td-color-picker-panel.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,eAAO,MAAM,qBAAqB,EAAE,qBAKnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;+BACJ,MAAM,GAAG,IAAI;CAE1C,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,+BAA+B,eAAiC,CAAC;AAC9E,eAAO,MAAM,0BAA0B,eAAuC,CAAC"}

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.const.js

@@ -0,0 +1,14 @@
+import { signal } from '@type-dom/signals';
+import { UPDATE_MODEL_EVENT } from '../../../constants';
+export const colorPickerPanelProps = {
+    vModel: signal(null),
+    border: true,
+    showAlpha: false,
+    validateEvent: true,
+};
+export const colorPickerPanelEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => typeof val === 'string' || val === null || val === undefined,
+};
+export const ROOT_COMMON_COLOR_INJECTION_KEY = Symbol('colorCommonPickerKey');
+export const colorPickerPanelContextKey = Symbol('colorPickerPanelContextKey');
+//# sourceMappingURL=td-color-picker-panel.const.js.map

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-color-picker-panel.const.js","sourceRoot":"","sources":["../../../../src/components/form/td-color-picker-panel/td-color-picker-panel.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAkB,EAAE,EAAE,CAC3C,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS;CAC/D,CAAC;AAUF,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAC"}

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.interface.d.ts

@@ -0,0 +1,47 @@
+import { IFragment, FragmentProps } from '@type-dom/framework';
+import type { StyleValue } from '@type-dom/framework';
+import type Color from './utils/color';
+export interface ColorPickerPanelProps extends FragmentProps {
+    /**
+     * @description binding value
+     */
+    modelValue?: string | null;
+    /**
+     * @description whether the color picker is bordered
+     */
+    border?: boolean;
+    /**
+     * @description whether to display the alpha slider
+     */
+    showAlpha?: boolean;
+    /**
+     * @description color format of v-model
+     */
+    colorFormat?: string;
+    /**
+     * @description whether to disable the color picker
+     */
+    disabled?: boolean;
+    /**
+     * @description predefined color options
+     */
+    predefine?: string[];
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+    /**
+     * @description class names will be passed to hue-slider
+     */
+    hueSliderClass?: string | string[] | Record<string, boolean>;
+    /**
+     * @description styles will be passed to hue-slider
+     */
+    hueSliderStyle?: StyleValue;
+}
+export interface ITdColorPickerPanel extends IFragment {
+    color?: Color;
+    inputRef?: any;
+    update?(): void;
+}
+//# sourceMappingURL=td-color-picker-panel.interface.d.ts.map

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-color-picker-panel.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-color-picker-panel/td-color-picker-panel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AAEvC,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7D;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,IAAI,IAAI,CAAC;CACjB"}

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-color-picker-panel.interface.js.map

package/dist/components/form/td-color-picker-panel/td-color-picker-panel.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-color-picker-panel.interface.js","sourceRoot":"","sources":["../../../../src/components/form/td-color-picker-panel/td-color-picker-panel.interface.ts"],"names":[],"mappings":""}

package/dist/components/form/td-color-picker-panel/utils/color.d.ts

@@ -0,0 +1,35 @@
+import { Signal } from '@type-dom/signals';
+interface ColorOptions {
+    enableAlpha: boolean;
+    format: string;
+    value?: string | null;
+}
+export default class Color {
+    private _hue;
+    private _saturation;
+    private _value;
+    _alpha: Signal<number>;
+    private _tiny;
+    private _isValid;
+    enableAlpha: Signal<boolean>;
+    format: Signal<string>;
+    value: Signal<string>;
+    selected: Signal<boolean>;
+    constructor(options?: Partial<ColorOptions>);
+    set(prop: {
+        [key: string]: any;
+    } | any, value?: number): void;
+    get(prop: string): string | number | boolean;
+    toRgb(): {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    fromString(value: string): void;
+    compare(color: this): boolean;
+    clear(): void;
+    doOnChange(): void;
+}
+export {};
+//# sourceMappingURL=color.d.ts.map

package/dist/components/form/td-color-picker-panel/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-color-picker-panel/utils/color.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEnD,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,KAAK;IACxB,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,MAAM,CAAe;IAC7B,MAAM,iBAAe;IACrB,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,QAAQ,CAAiB;IAC1B,WAAW,kBAAiB;IAC5B,MAAM,iBAAc;IACpB,KAAK,iBAAc;IACnB,QAAQ,kBAAiB;gBAEpB,OAAO,GAAE,OAAO,CAAC,YAAY,CAAM;IAiB/C,GAAG,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM;IAetD,GAAG,CAAC,IAAI,EAAE,MAAM;IAOhB,KAAK,IAAI;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAIvD,UAAU,CAAC,KAAK,EAAE,MAAM;IAkBxB,OAAO,CAAC,KAAK,EAAE,IAAI;IAUnB,KAAK;IASL,UAAU;CAcX"}

package/dist/components/form/td-color-picker-panel/utils/color.js

@@ -0,0 +1,105 @@
+import { TinyColor } from '@type-dom/color';
+import { hasOwn } from '@type-dom/utils';
+import { signal, Signal } from '@type-dom/signals';
+export default class Color {
+    _hue = signal(0);
+    _saturation = signal(100);
+    _value = signal(100);
+    _alpha = signal(100);
+    _tiny = new TinyColor();
+    _isValid = signal(false);
+    enableAlpha = signal(false);
+    format = signal('');
+    value = signal('');
+    selected = signal(false);
+    constructor(options = {}) {
+        for (const option in options) {
+            if (hasOwn(options, option)) {
+                if (this[option] instanceof Signal) {
+                    this[option].set(options[option]);
+                }
+                else {
+                    console.error('(this as any)[' + option + '] is not Signal . ');
+                }
+            }
+        }
+        if (options.value) {
+            this.fromString(options.value);
+        }
+        else {
+            this.doOnChange();
+        }
+    }
+    set(prop, value) {
+        if (arguments.length === 1 && typeof prop === 'object') {
+            for (const p in prop) {
+                if (hasOwn(prop, p)) {
+                    this.set(p, prop[p]);
+                }
+            }
+            return;
+        }
+        this[`_${prop}`].set(value);
+        this._isValid.set(true);
+        this.doOnChange();
+    }
+    get(prop) {
+        if (['hue', 'saturation', 'value', 'alpha'].includes(prop)) {
+            return Math.round(this[`_${prop}`].get());
+        }
+        return this[`_${prop}`].get();
+    }
+    toRgb() {
+        return this._isValid.get() ? this._tiny.toRgb() : { r: 255, g: 255, b: 255, a: 0 };
+    }
+    fromString(value) {
+        const color = new TinyColor(value);
+        this._isValid.set(color.isValid);
+        if (color.isValid) {
+            const { h, s, v, a } = color.toHsv();
+            this._hue.set(h);
+            this._saturation.set(s * 100);
+            this._value.set(v * 100);
+            this._alpha.set(a * 100);
+        }
+        else {
+            this._hue.set(0);
+            this._saturation.set(100);
+            this._value.set(100);
+            this._alpha.set(100);
+        }
+        this.doOnChange();
+    }
+    compare(color) {
+        const compareColor = new TinyColor({
+            h: color._hue.get(),
+            s: color._saturation.get() / 100,
+            v: color._value.get() / 100,
+            a: color._alpha.get() / 100,
+        });
+        return this._tiny.equals(compareColor);
+    }
+    clear() {
+        this._isValid.set(false);
+        this.value.set('');
+        this._hue.set(0);
+        this._saturation.set(100);
+        this._value.set(100);
+        this._alpha.set(100);
+    }
+    doOnChange() {
+        const { _hue, _saturation, _value, _alpha, format, enableAlpha } = this;
+        let _format = format.get() || (enableAlpha.get() ? 'rgb' : 'hex');
+        if (format.get() === 'hex' && enableAlpha.get()) {
+            _format = 'hex8';
+        }
+        this._tiny = new TinyColor({
+            h: _hue.get(),
+            s: _saturation.get() / 100,
+            v: _value.get() / 100,
+            a: _alpha.get() / 100,
+        });
+        this.value.set(this._isValid.get() ? this._tiny.toString(_format) : '');
+    }
+}
+//# sourceMappingURL=color.js.map

package/dist/components/form/td-color-picker-panel/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/components/form/td-color-picker-panel/utils/color.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-color-picker-panel/utils/draggable.d.ts

@@ -0,0 +1,7 @@
+export interface DraggableOptions {
+    drag?: (event: MouseEvent | TouchEvent) => void;
+    start?: (event: MouseEvent | TouchEvent) => void;
+    end?: (event: MouseEvent | TouchEvent) => void;
+}
+export declare function draggable(element: HTMLElement, options: DraggableOptions): void;
+//# sourceMappingURL=draggable.d.ts.map

package/dist/components/form/td-color-picker-panel/utils/draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-color-picker-panel/utils/draggable.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IACjD,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,QAoCxE"}

package/dist/components/form/td-color-picker-panel/utils/draggable.js

@@ -0,0 +1,34 @@
+import { isClient } from '@type-dom/utils';
+let isDragging = false;
+export function draggable(element, options) {
+    if (!isClient)
+        return;
+    const moveFn = function (event) {
+        options.drag?.(event);
+    };
+    const upFn = function (event) {
+        document.removeEventListener('mousemove', moveFn);
+        document.removeEventListener('mouseup', upFn);
+        document.removeEventListener('touchmove', moveFn);
+        document.removeEventListener('touchend', upFn);
+        document.onselectstart = null;
+        document.ondragstart = null;
+        isDragging = false;
+        options.end?.(event);
+    };
+    const downFn = function (event) {
+        if (isDragging)
+            return;
+        document.onselectstart = () => false;
+        document.ondragstart = () => false;
+        document.addEventListener('mousemove', moveFn);
+        document.addEventListener('mouseup', upFn);
+        document.addEventListener('touchmove', moveFn);
+        document.addEventListener('touchend', upFn);
+        isDragging = true;
+        options.start?.(event);
+    };
+    element.addEventListener('mousedown', downFn);
+    element.addEventListener('touchstart', downFn, { passive: false });
+}
+//# sourceMappingURL=draggable.js.map

package/dist/components/form/td-color-picker-panel/utils/draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.js","sourceRoot":"","sources":["../../../../../src/components/form/td-color-picker-panel/utils/draggable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,IAAI,UAAU,GAAG,KAAK,CAAC;AAQvB,MAAM,UAAU,SAAS,CAAC,OAAoB,EAAE,OAAyB;IACvE,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,MAAM,MAAM,GAAG,UAAU,KAA8B;QACrD,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,UAAU,KAA8B;QACnD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAClD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC9C,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAClD,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC/C,QAAQ,CAAC,aAAa,GAAG,IAAW,CAAC;QACrC,QAAQ,CAAC,WAAW,GAAG,IAAW,CAAC;QAEnC,UAAU,GAAG,KAAK,CAAC;QAEnB,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,KAA8B;QACrD,IAAI,UAAU;YAAE,OAAO;QACvB,QAAQ,CAAC,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;QACrC,QAAQ,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;QACnC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC/C,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC3C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC/C,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAE5C,UAAU,GAAG,IAAI,CAAC;QAElB,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC9C,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AACrE,CAAC"}

package/dist/components/form/td-date-picker/style/css.d.ts

@@ -1,7 +1,7 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-date-picker.css';
-import '@element-plus/components/input/style/css';
-import '@element-plus/components/scrollbar/style/css';
-import '@element-plus/components/popper/style/css';
-import '@element-plus/components/button/style/css';
+import '../../../../theme-chalk/el-date-picker.css';
+import '../../td-input/style/css';
+import '../../../basic/td-scrollbar/style/css';
+import '../../../feedback/td-popper/style/css';
+import '../../../basic/td-button/style/css';
 //# sourceMappingURL=css.d.ts.map

package/dist/components/form/td-date-picker/style/css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,8CAA8C,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,8CAA8C,CAAC;AACtD,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC"}
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,4CAA4C,CAAC;AACpD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oCAAoC,CAAC"}

package/dist/components/form/td-date-picker/style/css.js

@@ -1,7 +1,7 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-date-picker.css';
-import '@element-plus/components/input/style/css';
-import '@element-plus/components/scrollbar/style/css';
-import '@element-plus/components/popper/style/css';
-import '@element-plus/components/button/style/css';
+import '../../../../theme-chalk/el-date-picker.css';
+import '../../td-input/style/css';
+import '../../../basic/td-scrollbar/style/css';
+import '../../../feedback/td-popper/style/css';
+import '../../../basic/td-button/style/css';
 //# sourceMappingURL=css.js.map

package/dist/components/form/td-date-picker/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,8CAA8C,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,8CAA8C,CAAC;AACtD,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC"}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,4CAA4C,CAAC;AACpD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,oCAAoC,CAAC"}

package/dist/components/form/td-date-picker/style/index.d.ts

@@ -1,7 +1,7 @@
 import '../../../../components/base/style';
 import '../../../../theme-chalk/date-picker.scss';
-import '../../../../components/input/style';
-import '../../../../components/scrollbar/style';
-import '../../../../components/popper/style';
-import '../../../../components/button/style';
+import '../../td-input/style';
+import '../../../basic/td-scrollbar/style';
+import '../../../feedback/td-popper/style';
+import '../../../basic/td-button/style';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/td-date-picker/style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0CAA0C,CAAC;AAClD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0CAA0C,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,gCAAgC,CAAC"}

package/dist/components/form/td-date-picker/style/index.js

@@ -1,7 +1,7 @@
 import '../../../../components/base/style';
 import '../../../../theme-chalk/date-picker.scss';
-import '../../../../components/input/style';
-import '../../../../components/scrollbar/style';
-import '../../../../components/popper/style';
-import '../../../../components/button/style';
+import '../../td-input/style';
+import '../../../basic/td-scrollbar/style';
+import '../../../feedback/td-popper/style';
+import '../../../basic/td-button/style';
 //# sourceMappingURL=index.js.map

package/dist/components/form/td-date-picker/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0CAA0C,CAAC;AAClD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/td-date-picker/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0CAA0C,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,gCAAgC,CAAC"}

package/dist/components/form/td-date-picker/td-date-picker.class.d.ts

@@ -1 +1,32 @@
+import { Fragment, FragmentProps } from '@type-dom/framework';
+import type { TdDatePickerProps } from './td-date-picker.interface';
+import './style/index';
+/**
+ * DatePicker 日期选择器组件
+ *
+ * 从 Element Plus ElDatePicker 转换而来
+ *
+ * 架构说明：
+ * - date-picker 自身是薄封装，复用 time-picker 的 Picker（输入框壳 + popper）
+ * - 面板渲染委托给 TdDatePickerPanel（TdDatePickerPanel 内部通过 getPanel 按 type 分流）
+ * - format 默认值由 type 决定（查 DEFAULT_FORMATS_DATEPICKER 表）
+ *
+ * @example
+ * ```typescript
+ * const value = signal<Date>()
+ * const picker = new TdDatePicker({
+ *   vModel: value,
+ *   type: 'date',
+ *   placeholder: 'Pick a day',
+ * })
+ * ```
+ */
+export declare class TdDatePicker extends Fragment<TdDatePickerProps & FragmentProps> {
+    focus?: () => void;
+    blur?: () => void;
+    handleOpen?: () => void;
+    handleClose?: () => void;
+    constructor(params?: TdDatePickerProps & FragmentProps);
+    setup(): void;
+}
 //# sourceMappingURL=td-date-picker.class.d.ts.map

package/dist/components/form/td-date-picker/td-date-picker.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-date-picker.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-date-picker/td-date-picker.class.ts"],"names":[],"mappings":""}
+{"version":3,"file":"td-date-picker.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-date-picker/td-date-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmC,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAW/F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,qBAAa,YAAa,SAAQ,QAAQ,CAAC,iBAAiB,GAAG,aAAa,CAAC;IAG3E,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEb,MAAM,GAAE,iBAAiB,GAAG,aAAkB;IAMjD,KAAK;CAwFf"}