@type-dom/ui 0.1.2 → 0.2.0

package/src/components/form/td-option/td-option.interface.d.ts

@@ -1,33 +0,0 @@
-import { ITypeLI, TypeLIProps } from '@type-dom/framework';
-import { Computed } from '@type-dom/signals';
-export interface ITdOption extends ITypeLI {
-    className: 'TdOption';
-}
-export interface TdOptionProps extends TypeLIProps {
-    /**
-     * @description value of option
-     *     required: true,
-     */
-    value?: string | number | boolean | object;
-    /**
-     * @description label of option, same as `value` if omitted
-     */
-    label?: string | number;
-    created?: boolean;
-    /**
-     * @description whether option is disabled
-     */
-    disabled?: boolean;
-}
-export interface OptionStates {
-    index: number;
-    groupDisabled?: boolean;
-    visible?: boolean;
-    hover: boolean;
-}
-export type OptionValue = TdOptionProps['value'];
-export type OptionBasic = {
-    value: OptionValue;
-    currentLabel?: Computed<string | number | boolean | undefined>;
-    isDisabled?: Computed<boolean>;
-};

package/src/components/form/td-option/td-option.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/form/td-option/td-option.style.d.ts

@@ -1,11 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-export declare const $selectOption: {
-    textColor: string;
-    disabledColor: string;
-    height: string;
-    hoverBackground: string;
-    selectedTextColor: string;
-};
-export declare const $checkedIcon = "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E";
-export declare const checkedIconStyle: IStyle;
-export declare const $selectDropdownItemStyle: IStyle;

package/src/components/form/td-option/td-option.style.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$selectDropdownItemStyle = exports.checkedIconStyle = exports.$checkedIcon = exports.$selectOption = void 0;
-const var_1 = require("../../../styles/var");
-const td_select_style_1 = require("../td-select/td-select.style");
-exports.$selectOption = {
-    // 'text-color': getCssVar('text-color-regular'),
-    textColor: var_1.$textColor.regular,
-    // 'disabled-color': getCssVar('text-color-placeholder'),
-    disabledColor: var_1.$textColor.placeholder,
-    height: '34px',
-    // 'hover-background': getCssVar('fill-color', 'light'),
-    hoverBackground: var_1.$fillColor.light,
-    // 'selected-text-color': getCssVar('color-primary'),
-    selectedTextColor: var_1.$colors.primary.base,
-};
-exports.$checkedIcon = "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E";
-exports.checkedIconStyle = {
-    content: '',
-    position: 'absolute',
-    top: '50%',
-    right: '20px',
-    borderTop: 'none',
-    borderRight: 'none',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center',
-    // backgroundColor: map.get($select-option, 'selected-text-color'),
-    backgroundColor: exports.$selectOption.selectedTextColor,
-    mask: 'url(#' + exports.$checkedIcon + ') no-repeat',
-    maskSize: '100% 100%',
-    '-webkit-mask': 'url(#' + exports.$checkedIcon + ') no-repeat',
-    '-webkit-mask-size': '100% 100%',
-    transform: 'translateY(-50%)',
-    width: '12px',
-    height: '12px',
-};
-exports.$selectDropdownItemStyle = {
-    // font-size: map.get($select, 'font-size'),
-    fontSize: td_select_style_1.$select.fontSize,
-    // 20 as the padding of option item, 12 as the size of ✓ icon siz,
-    padding: '0 32px 0 20px',
-    position: 'relative',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    // color: map.get($select-option, 'text-color'),
-    color: exports.$selectOption.textColor,
-    // height: map.get($select-option, 'height'),
-    height: exports.$selectOption.height,
-    // line-height: map.get($select-option, 'height'),
-    lineHeight: exports.$selectOption.height,
-    boxSizing: 'border-box',
-    cursor: 'pointer',
-};
-//     @include when(hovering) {
-//       background-color: map.get($select-option, 'hover-background');
-//     }
-//
-//     @include when(selected) {
-//       color: map.get($select-option, 'selected-text-color');
-//       font-weight: bold;
-//     }
-//
-//     @include when(disabled) {
-//       color: map.get($select-option, 'disabled-color');
-//       cursor: not-allowed;
-//       background-color: unset;
-//     }
-//   }
-//
-//   @include when(multiple) {
-//     .#{$namespace}-select-dropdown__item.is-selected {
-//       &::after {
-//         @include checked-icon;
-//       }
-//     }
-//
-//     .#{$namespace}-select-dropdown__item.is-disabled {
-//       &::after {
-//         background-color: map.get($select-option, 'disabled-color');
-//       }
-//     }
-//   }
-// }

package/src/components/form/td-option/useOption.d.ts

@@ -1,10 +0,0 @@
-import { OptionStates, TdOptionProps } from './td-option.interface';
-export declare function useOption(props: TdOptionProps, states: OptionStates): {
-    select: import("..").SelectContext;
-    currentLabel: import("@type-dom/signals").Computed<string | number | boolean | undefined>;
-    currentValue: import("@type-dom/signals").Computed<string | number | true | object>;
-    itemSelected: import("@type-dom/signals").Computed<boolean>;
-    isDisabled: import("@type-dom/signals").Computed<boolean>;
-    hoverItem: () => void;
-    updateOption: (query: string) => void;
-};

package/src/components/form/td-option/useOption.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOption = useOption;
-// import { computed, getCurrentInstance, inject, toRaw, watch } from 'vue'
-const signals_1 = require("@type-dom/signals");
-const lodash_1 = require("lodash");
-const utils_1 = require("@type-dom/utils");
-const framework_1 = require("@type-dom/framework");
-const token_1 = require("../td-select/token");
-function useOption(props, states) {
-    // inject
-    const select = (0, framework_1.inject)(token_1.selectKey);
-    const selectGroup = (0, framework_1.inject)(token_1.selectGroupKey, { disabled: false });
-    // computed
-    const itemSelected = (0, signals_1.computed)(() => {
-        return contains((0, utils_1.ensureArray)((0, signals_1.unref)(select.props.modelValue)), props.value);
-    });
-    const limitReached = (0, signals_1.computed)(() => {
-        var _a;
-        if ((0, signals_1.unref)(select.props.multiple)) {
-            const modelValue = (0, utils_1.ensureArray)((_a = (0, signals_1.unref)(select.props.modelValue)) !== null && _a !== void 0 ? _a : []);
-            return (!itemSelected.get() &&
-                modelValue.length >= (0, signals_1.unref)(select.props.multipleLimit) &&
-                (0, signals_1.unref)(select.props.multipleLimit) > 0);
-        }
-        else {
-            return false;
-        }
-    });
-    const currentLabel = (0, signals_1.computed)(() => {
-        console.warn('currentLabel computed . ');
-        return props.label || ((0, utils_1.isObject)(props.value) ? '' : props.value);
-    });
-    const currentValue = (0, signals_1.computed)(() => {
-        return props.value || props.label || '';
-    });
-    const isDisabled = (0, signals_1.computed)(() => {
-        return props.disabled || states.groupDisabled || limitReached.get();
-    });
-    const instance = (0, framework_1.getCurrentInstance)();
-    const contains = (arr = [], target) => {
-        if (!(0, utils_1.isObject)(props.value)) {
-            return arr && arr.includes(target);
-        }
-        else {
-            const valueKey = (0, signals_1.unref)(select.props.valueKey);
-            return (arr &&
-                arr.some((item) => {
-                    return (0, signals_1.toRaw)((0, lodash_1.get)(item, valueKey)) === (0, lodash_1.get)(target, valueKey);
-                }));
-        }
-    };
-    const hoverItem = () => {
-        var _a;
-        // console.warn('hoverItem . ');
-        if (!props.disabled && !selectGroup.disabled) {
-            select.states.hoveringIndex = (_a = select.optionsArray) === null || _a === void 0 ? void 0 : _a.indexOf(instance);
-        }
-    };
-    const updateOption = (query) => {
-        const regexp = new RegExp((0, utils_1.escapeStringRegexp)(query), 'i');
-        states.visible = regexp.test(currentLabel.get()) || props.created;
-    };
-    (0, signals_1.watch)(() => currentLabel.get(), () => {
-        console.warn('watch currentLabel ');
-        if (!props.created && !(0, signals_1.unref)(select.props.remote))
-            select.setSelected();
-    });
-    (0, signals_1.watch)(() => (0, signals_1.unref)(props.value), (val, oldVal) => {
-        if (!select)
-            return;
-        const { remote, valueKey } = select.props;
-        const shouldUpdate = remote ? val !== oldVal : !(0, lodash_1.isEqual)(val, oldVal);
-        if (shouldUpdate) {
-            select.onOptionDestroy(oldVal, instance);
-            // console.warn('useOption then onOptionCreate instance ', instance);
-            select.onOptionCreate(instance);
-        }
-        if (!props.created && !(0, signals_1.unref)(remote)) {
-            if ((0, signals_1.unref)(valueKey) &&
-                (0, utils_1.isObject)(val) &&
-                (0, utils_1.isObject)(oldVal) &&
-                val[(0, signals_1.unref)(valueKey)] === oldVal[(0, signals_1.unref)(valueKey)]) {
-                return;
-            }
-            select.setSelected();
-        }
-    });
-    (0, signals_1.watch)(() => (0, signals_1.unref)(selectGroup.disabled), () => {
-        states.groupDisabled = (0, signals_1.unref)(selectGroup.disabled);
-    }, { immediate: true });
-    return {
-        select,
-        currentLabel,
-        currentValue,
-        itemSelected,
-        isDisabled,
-        hoverItem,
-        updateOption,
-    };
-}

package/src/components/form/td-option-group/style/css.d.ts

@@ -1,2 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-option-group.css';

package/src/components/form/td-option-group/style/css.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style/css");
-require("@element-plus/theme-chalk/el-option-group.css");

package/src/components/form/td-option-group/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../../../components/base/style';
-import '../../../../theme-chalk/option-group.scss';

package/src/components/form/td-option-group/style/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../../components/base/style");
-require("../../../../theme-chalk/option-group.scss");

package/src/components/form/td-option-group/td-option-group.class.d.ts

@@ -1,8 +0,0 @@
-import { TypeUL } from '@type-dom/framework';
-import { ITdOptionGroup, OptionGroupProps } from './td-option-group.interface';
-export declare class TdOptionGroup extends TypeUL implements ITdOptionGroup {
-    className: 'TdOptionGroup';
-    props: OptionGroupProps;
-    constructor(params?: OptionGroupProps);
-    setup(): void;
-}

package/src/components/form/td-option-group/td-option-group.class.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdOptionGroup = void 0;
-const framework_1 = require("@type-dom/framework");
-const utils_1 = require("@type-dom/utils");
-const signals_1 = require("@type-dom/signals");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const token_1 = require("../td-select/token");
-class TdOptionGroup extends framework_1.TypeUL {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdOptionGroup';
-        this.attr.addObj({
-            name: 'option-group',
-        });
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const props = this.props;
-        const ns = (0, use_namespace_1.useNamespace)('select');
-        const groupRef = (0, signals_1.signal)(undefined);
-        const instance = (0, framework_1.getCurrentInstance)();
-        const children = (0, signals_1.signal)([]);
-        (0, framework_1.provide)(token_1.selectGroupKey, props);
-        const visible = (0, signals_1.computed)(() => children.get().some((option) => { var _a; return ((_a = option.visible) === null || _a === void 0 ? void 0 : _a.get()) === true; }));
-        const isOption = (node) => node.className === 'TdOption';
-        // get all instances of options
-        const flattedChildren = (node) => {
-            if (!node)
-                return [];
-            const Nodes = (0, utils_1.ensureArray)(node);
-            const children = [];
-            Nodes.forEach((child) => {
-                var _a;
-                if (isOption(child)) {
-                    children.push(child);
-                }
-                else if ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length) {
-                    children.push(...flattedChildren(child.children));
-                }
-            });
-            return children;
-        };
-        const updateChildren = () => {
-            children.set(flattedChildren(instance));
-        };
-        (0, framework_1.onMounted)(() => {
-            updateChildren();
-        });
-        (0, framework_1.useMutationObserver)(groupRef, updateChildren, {
-            attributes: true,
-            subtree: true,
-            childList: true,
-        });
-    }
-}
-exports.TdOptionGroup = TdOptionGroup;

package/src/components/form/td-option-group/td-option-group.interface.d.ts

@@ -1,14 +0,0 @@
-import { ITypeUL, TypeULProps } from '@type-dom/framework';
-export interface ITdOptionGroup extends ITypeUL {
-    className: 'TdOptionGroup';
-}
-export interface OptionGroupProps extends TypeULProps {
-    /**
-     * @description name of the group
-     */
-    label?: string;
-    /**
-     * @description whether to disable all options in this group
-     */
-    disabled?: boolean;
-}

package/src/components/form/td-option-group/td-option-group.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/form/td-option-group/td-option-group.old.d.ts

@@ -1,7 +0,0 @@
-import { TypeUL } from '@type-dom/framework';
-import { ITdOptionGroup, OptionGroupProps } from './td-option-group.interface';
-export declare class TdOptionGroup extends TypeUL implements ITdOptionGroup {
-    className: 'TdOptionGroup';
-    props: OptionGroupProps;
-    constructor(params?: OptionGroupProps);
-}

package/src/components/form/td-option-group/td-option-group.old.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdOptionGroup = void 0;
-const framework_1 = require("@type-dom/framework");
-const td_select_style_1 = require("../td-select/td-select.style");
-class TdOptionGroup extends framework_1.TypeUL {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdOptionGroup';
-        this.attr.addObj({
-            name: 'option-group-wrap',
-        });
-        this.style.addObj({
-            margin: '0',
-            padding: '0',
-            position: 'relative',
-            listStyle: 'none',
-        });
-        const $gap = '20px';
-        this.addChildren(new framework_1.LI({
-            slot: (params === null || params === void 0 ? void 0 : params.label) || '选项组',
-            attrObj: {
-                name: 'option-group-title',
-            },
-            styleObj: {
-                paddingLeft: $gap,
-                // fontSize: map.get($select-group, 'font-size'),
-                fontSize: td_select_style_1.$selectGroup.fontSize,
-                // color: map.get($select-group, 'text-color'),
-                color: td_select_style_1.$selectGroup.textColor,
-                // line-height: map.get($select-group, 'height'),
-                lineHeight: td_select_style_1.$selectGroup.height,
-            },
-        }), new framework_1.LI({
-            slot: [
-                new framework_1.UL({
-                    styleObj: {
-                        margin: '0',
-                        padding: '0',
-                        position: 'relative',
-                        listStyle: 'none',
-                    },
-                }),
-            ],
-        }));
-        this.props = this.useParams(params);
-    }
-}
-exports.TdOptionGroup = TdOptionGroup;

package/src/components/form/td-radio/constants.d.ts

@@ -1,6 +0,0 @@
-import { InjectionKey } from '@type-dom/framework';
-import { RadioGroupProps } from '../td-radio-group/td-radio-group.interface';
-export interface RadioGroupContext extends RadioGroupProps {
-    changeEvent: (val: RadioGroupProps['modelValue']) => void;
-}
-export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

package/src/components/form/td-radio/constants.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radioGroupKey = void 0;
-exports.radioGroupKey = Symbol('radioGroupKey');

package/src/components/form/td-radio/style/css.d.ts

@@ -1,2 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-radio.css';

package/src/components/form/td-radio/style/css.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style/css");
-require("@element-plus/theme-chalk/el-radio.css");

package/src/components/form/td-radio/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../../base/style';
-import '../../../../theme-chalk/radio.scss';

package/src/components/form/td-radio/style/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style");
-require("../../../../theme-chalk/radio.scss");

package/src/components/form/td-radio/td-radio.class.d.ts

@@ -1,9 +0,0 @@
-import { TypeLabel } from '@type-dom/framework';
-import { ITdRadio, RadioProps } from './td-radio.interface';
-import './style/index';
-export declare class TdRadio extends TypeLabel implements ITdRadio {
-    className: 'TdRadio';
-    props: RadioProps;
-    constructor(params?: RadioProps);
-    setup(): void;
-}

package/src/components/form/td-radio/td-radio.class.js

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdRadio = void 0;
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const event_1 = require("../../../constants/event");
-const td_radio_const_1 = require("./td-radio.const");
-const use_radio_1 = require("./use-radio");
-require("./style/index");
-class TdRadio extends framework_1.TypeLabel {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdRadio';
-        this.attr.addObj({
-            name: 'td-radio',
-        });
-        this.addEmits(td_radio_const_1.radioEmits);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a;
-        const props = this.props;
-        const emit = this.emit;
-        const ns = (0, use_namespace_1.useNamespace)('radio');
-        const { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue, } = (0, use_radio_1.useRadio)(props, emit);
-        function handleChange() {
-            // console.warn('handleChange . modelValue.get() is ', modelValue.get());
-            modelValue.set(actualValue.get()); // add by me todo refine  value绑定的问题
-            // todo 值没有变
-            (0, framework_1.nextTick)(() => emit(event_1.CHANGE_EVENT, modelValue.get()));
-        }
-        this.attr.addClass((0, signals_1.computed)(() => [
-            ns.b(),
-            ns.is('disabled', disabled.get()),
-            ns.is('focus', focus.get()),
-            ns.is('bordered', props.border),
-            ns.is('checked', modelValue.get() === actualValue.get()),
-            ns.m(size.get()),
-        ]));
-        this.addChild(new framework_1.Span({
-            class: (0, signals_1.computed)(() => [
-                ns.e('input'),
-                ns.is('disabled', disabled.get()),
-                ns.is('checked', modelValue.get() === actualValue.get()),
-            ]),
-            slot: [
-                new framework_1.Input({
-                    refDom: radioRef,
-                    vModel: modelValue,
-                    class: ns.e('original'),
-                    attrObj: {
-                        type: 'radio',
-                        value: actualValue.get(),
-                        name: props.name || (radioGroup === null || radioGroup === void 0 ? void 0 : radioGroup.name),
-                        disabled: disabled.get(),
-                        checked: (0, signals_1.computed)(() => modelValue.get() === actualValue.get()),
-                    },
-                    events: {
-                        focus: () => focus.set(true),
-                        blur: () => focus.set(false),
-                        change: (ev) => {
-                            // console.warn('td-radio input change . ');
-                            handleChange();
-                            ev === null || ev === void 0 ? void 0 : ev.stopPropagation(); // todo must add stopPropagation
-                        },
-                        click: (evt) => evt === null || evt === void 0 ? void 0 : evt.stopPropagation(),
-                    },
-                }),
-                new framework_1.Span({
-                    class: ns.e('inner'),
-                }),
-            ],
-        }));
-        this.addChild(new framework_1.Span({
-            class: ns.e('label'),
-            events: {
-                keydown: (evt) => evt === null || evt === void 0 ? void 0 : evt.stopPropagation(),
-            },
-            slot: props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default) || props.label,
-        }));
-        // add by me
-        // this.addEmits({
-        //   change: (newValue) => {
-        //     // newValue is true or false,
-        //     console.warn('change emit , newValue is ', newValue);
-        //     modelValue.set(newValue);
-        //     // props.vModel?.set(newValue);
-        //     // todo 应该向上触发的
-        //     // radioGroup.vModel?.set(newValue);
-        //   }
-        // });
-    }
-}
-exports.TdRadio = TdRadio;

package/src/components/form/td-radio/td-radio.const.d.ts

@@ -1,4 +0,0 @@
-export declare const radioEmits: {
-    "update:modelValue": (val: string | number | boolean | undefined) => val is string | number | boolean;
-    change: (val: string | number | boolean | undefined) => val is string | number | boolean;
-};

package/src/components/form/td-radio/td-radio.const.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radioEmits = void 0;
-const utils_1 = require("@type-dom/utils");
-const event_1 = require("../../../constants/event");
-exports.radioEmits = {
-    [event_1.UPDATE_MODEL_EVENT]: (val) => (0, utils_1.isString)(val) || (0, utils_1.isNumber)(val) || (0, utils_1.isBoolean)(val),
-    [event_1.CHANGE_EVENT]: (val) => (0, utils_1.isString)(val) || (0, utils_1.isNumber)(val) || (0, utils_1.isBoolean)(val),
-};

package/src/components/form/td-radio/td-radio.interface.d.ts

@@ -1,38 +0,0 @@
-import { ITypeLabel, TypeLabelProps } from '@type-dom/framework';
-import { ComponentSize } from '../../../constants/size';
-export interface ITdRadio extends ITypeLabel {
-    className: 'TdRadio';
-}
-export interface RadioProps extends TypeLabelProps {
-    /**
-     * @description binding value
-     */
-    modelValue?: string | number | boolean;
-    /**
-     * @description size of the Radio
-     */
-    size?: ComponentSize;
-    /**
-     * @description whether Radio is disabled
-     */
-    disabled?: boolean;
-    /**
-     * @description the label of Radio
-     */
-    label?: string;
-    /**
-     * @description the value of Radio
-     */
-    value?: string | number | boolean;
-    /**
-     * @description native `name` attribute
-     */
-    name?: string;
-    /**
-     * @description whether to add a border around Radio
-     */
-    border?: boolean;
-    checked?: boolean;
-    isFirst?: boolean;
-    isLast?: boolean;
-}

package/src/components/form/td-radio/td-radio.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/form/td-radio/use-radio.d.ts

@@ -1,14 +0,0 @@
-import { AnyFn } from '@type-dom/utils';
-import { RadioButtonProps } from '../td-radio-button/td-radio-button.interface';
-import { RadioProps } from './td-radio.interface';
-export declare const useRadio: (props: RadioProps | RadioButtonProps, emit?: AnyFn) => {
-    radioRef: import("@type-dom/signals").Signal<HTMLInputElement>;
-    isGroup: import("@type-dom/signals").Computed<boolean>;
-    radioGroup: import("./constants").RadioGroupContext;
-    focus: import("@type-dom/signals").Signal<boolean>;
-    size: import("@type-dom/signals").Computed<"" | "default" | "small" | "large">;
-    disabled: import("@type-dom/signals").Computed<boolean>;
-    tabIndex: import("@type-dom/signals").Computed<0 | -1>;
-    modelValue: import("@type-dom/signals").Computed<object | import("@type-dom/utils").IPrimitive>;
-    actualValue: import("@type-dom/signals").Computed<string | number | boolean | undefined>;
-};