@type-dom/ui 0.2.2 → 0.3.1

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.class.js

@@ -0,0 +1,139 @@
+import { computed } from '@type-dom/signals';
+import { Input, Span, TypeLabel, useSlots, } from '@type-dom/framework';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { checkboxEmits, checkboxGroupContextKey, checkboxProps, } from '../td-checkbox/td-checkbox.const';
+import { useCheckbox } from '../td-checkbox/composables/use-checkbox';
+import './style/index';
+import { isArray } from '@type-dom/utils';
+export class TdCheckboxButton extends TypeLabel {
+    constructor(params = {}) {
+        super(); // label | span
+        this.className = 'TdCheckboxButton';
+        this.attr.addObj({
+            name: 'td-checkbox-button',
+        });
+        this.assignProps(checkboxProps);
+        this.addEmits(checkboxEmits);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c, _d;
+        const props = this.props;
+        const slots = useSlots();
+        const { isFocused, isChecked, isDisabled, checkboxButtonSize, model, actualValue, handleChange, } = useCheckbox(props, slots);
+        const checkboxGroup = this.inject(checkboxGroupContextKey, undefined);
+        const ns = useNamespace('checkbox');
+        const activeStyle = computed(() => {
+            var _a, _b, _c, _d;
+            const fillValue = (_b = (_a = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.fill) === null || _a === void 0 ? void 0 : _a.get()) !== null && _b !== void 0 ? _b : '';
+            return {
+                backgroundColor: fillValue,
+                borderColor: fillValue,
+                color: (_d = (_c = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.textColor) === null || _c === void 0 ? void 0 : _c.get()) !== null && _d !== void 0 ? _d : '',
+                boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : undefined,
+            };
+        });
+        const labelKls = computed(() => {
+            return [
+                ns.b('button'),
+                ns.bm('button', checkboxButtonSize.get()),
+                ns.is('disabled', isDisabled.get()),
+                ns.is('checked', isChecked.get()),
+                ns.is('focus', isFocused.get()),
+            ];
+        });
+        this.attr.addClass(labelKls);
+        if (props.trueValue ||
+            props.falseValue ||
+            props.trueLabel ||
+            props.falseLabel) {
+            this.addChild(new Input({
+                vModel: model,
+                class: ns.be('button', 'original'),
+                name: props.name,
+                disabled: isDisabled,
+                trueValue: (_b = (_a = props.trueValue) !== null && _a !== void 0 ? _a : this.props.trueValue) !== null && _b !== void 0 ? _b : true,
+                falseValue: (_d = (_c = props.falseValue) !== null && _c !== void 0 ? _c : this.props.falseValue) !== null && _d !== void 0 ? _d : false,
+                attrObj: {
+                    type: 'checkbox',
+                    tabindex: props.tabindex,
+                },
+                events: {
+                    change: (ev) => {
+                        handleChange(ev);
+                        ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+                    },
+                    focus: () => {
+                        isFocused.set(true);
+                    },
+                    blur: () => {
+                        isFocused.set(false);
+                    },
+                    click: (evt) => {
+                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                    },
+                },
+            }));
+        }
+        else {
+            this.addChild(new Input({
+                vModel: model,
+                class: ns.be('button', 'original'),
+                name: props.name,
+                disabled: isDisabled,
+                value: actualValue,
+                attrObj: {
+                    type: 'checkbox',
+                    // checked: isChecked.get(),
+                    tabindex: props.tabindex,
+                },
+                events: {
+                    change: (evt) => {
+                        handleChange(evt);
+                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation(); // 必须加这个，否则会再触发一次上层的 change todo ????
+                    },
+                    focus: () => {
+                        isFocused.set(true);
+                    },
+                    blur: () => {
+                        isFocused.set(false);
+                    },
+                    click: (evt) => {
+                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                    },
+                },
+            }));
+        }
+        if (props.slot || (slots === null || slots === void 0 ? void 0 : slots.default) || props.label) {
+            this.addChild(new Span({
+                class: ns.be('button', 'inner'),
+                styleObj: isChecked ? activeStyle : undefined,
+                slot: this.props.slot || (slots === null || slots === void 0 ? void 0 : slots.default) || props.label,
+            }));
+        }
+        // add by me
+        this.addEmits({
+            change: (newValue) => {
+                console.warn('change emit , newValue is ', newValue);
+                const selected = model.get();
+                // todo 数组 还时 值
+                if (isArray(selected)) {
+                    model.set(selected.includes(actualValue.get())
+                        ? selected.filter((item) => {
+                            if (newValue) {
+                                return true;
+                            }
+                            else {
+                                return item !== actualValue.get();
+                            }
+                        })
+                        : newValue ? [...selected, actualValue.get()] : [...selected]);
+                }
+                else {
+                    model.set(newValue);
+                }
+            },
+        });
+    }
+}
+//# sourceMappingURL=td-checkbox-button.class.js.map

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.class.js.map

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

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.interface.d.ts

@@ -0,0 +1,5 @@
+import { ITypeLabel } from '@type-dom/framework';
+export interface ITdCheckboxButton extends ITypeLabel {
+    className: 'TdCheckboxButton';
+}
+//# sourceMappingURL=td-checkbox-button.interface.d.ts.map

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-button.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-button/td-checkbox-button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,SAAS,EAAE,kBAAkB,CAAC;CAC/B"}

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.interface.js

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

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.interface.js.map

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

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.style.d.ts

@@ -0,0 +1,17 @@
+import { IStyle } from '@type-dom/css-type';
+import { CheckboxProps } from '../td-checkbox/td-checkbox.interface';
+export declare const $checkboxButton: {
+    checkedBgColor: string;
+    checkedTextColor: string;
+    checkedBorderColor: string;
+};
+export declare const $checkboxButtonStyle: IStyle;
+export declare let $checkboxButtonInnerStyle: IStyle;
+export declare const $checkboxButtonInnerHoverStyle: IStyle;
+export declare const $checkboxButtonOriginalStyle: IStyle;
+export declare function useCheckboxButtonStyle(params: CheckboxProps): void;
+export declare function useCheckedStyle(params: CheckboxProps): void;
+export declare function useDisabledStyle(params: CheckboxProps): void;
+export declare function useFocusStyle(params: CheckboxProps): void;
+export declare function useSize(params: CheckboxProps): void;
+//# sourceMappingURL=td-checkbox-button.style.d.ts.map

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-button.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-button/td-checkbox-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAQrE,eAAO,MAAM,eAAe;;;;CAO3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAGlC,CAAC;AAEF,eAAO,IAAI,yBAAyB,EAAE,MA8BrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAE5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAM1C,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,aAAa,QAS3D;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,QAgBpD;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,QAiBrD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,aAAa,QAOlD;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,aAAa,QAoB5C"}

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.style.js

@@ -0,0 +1,126 @@
+import { $border, $button, $colorPrimary, $colors, $colorWhite, $disabled, $fontSizes, } from '../../../styles/var';
+import { $transition } from '../../../styles/transition';
+import { $checkbox } from '../td-checkbox/td-checkbox.style';
+import { $buttonPaddingHorizontal, $buttonPaddingVertical, buttonSize, } from '../../basic/td-button/td-button.style';
+export const $checkboxButton = {
+    // 'checked-bg-color': getCssVar('color-primary'),
+    checkedBgColor: $colorPrimary,
+    // 'checked-text-color': getCssVar('color-white'),
+    checkedTextColor: $colorWhite,
+    // 'checked-border-color': getCssVar('color-primary'),
+    checkedBorderColor: $colorPrimary,
+};
+export const $checkboxButtonStyle = {
+    position: 'relative',
+    display: 'inline-block',
+};
+export let $checkboxButtonInnerStyle = {
+    display: 'inline-block',
+    lineHeight: 1,
+    // font-weight: getCssVar('checkbox-font-weight'),
+    fontWeight: $checkbox.fontWeight,
+    whiteSpace: 'nowrap',
+    verticalAlign: 'middle',
+    cursor: 'pointer',
+    // background: var
+    //   #{getCssVarName('button-bg-color')},
+    //   map.get($button, 'bg-color',
+    // ),
+    background: $button.bgColor,
+    // border: getCssVar('border'),
+    border: $border,
+    borderLeftColor: 'transparent',
+    // color: var
+    //   #{getCssVarName('button-text-color')},
+    //   map.get($button, 'text-color',
+    // ),
+    color: $button.textColor,
+    '-webkit-appearance': 'none',
+    textAlign: 'center',
+    boxSizing: 'border-box',
+    outline: 'none',
+    margin: 0,
+    position: 'relative',
+    // transition: getCssVar('transition-all'),
+    transition: $transition.all,
+    userSelect: 'none',
+};
+export const $checkboxButtonInnerHoverStyle = {
+    color: $colorPrimary,
+};
+export const $checkboxButtonOriginalStyle = {
+    opacity: 0,
+    outline: 'none',
+    position: 'absolute',
+    margin: 0,
+    zIndex: -1,
+};
+export function useCheckboxButtonStyle(params) {
+    useCheckedStyle(params);
+    useDisabledStyle(params);
+    useSize(params);
+    // const paddingVertical = parseInt($buttonPaddingVertical.default) - parseInt($buttonBorderWidth) + 'px';
+    // const paddingHorizontal = parseInt($buttonPaddingHorizontal.default) - parseInt($buttonBorderWidth) + 'px';
+    // const fontSize = $fontSizes.default;
+    // $checkboxButtonInnerStyle = Object.assign($checkboxButtonInnerStyle, buttonSize(paddingVertical, paddingHorizontal, fontSize, 0))
+}
+export function useCheckedStyle(params) {
+    const checked = params.checked;
+    if (checked) {
+        $checkboxButtonInnerStyle.color = $checkboxButton.checkedTextColor;
+        $checkboxButtonInnerStyle.backgroundColor = $checkboxButton.checkedBgColor;
+        $checkboxButtonInnerStyle.borderColor = $checkboxButton.checkedBorderColor;
+        $checkboxButtonInnerStyle.boxShadow =
+            '-1px 0 0 0 ' + $colors.primary['light-7'];
+        //   todo 如果是第一个子节点 则添加 border-left-color: getCssVar('checkbox-button-checked-border-color');
+        //   $checkboxButtonInnerStyle.borderLeftColor = $checkboxButton.checkedBorderColor;
+    }
+    else {
+        $checkboxButtonInnerStyle.color = $button.textColor;
+        $checkboxButtonInnerStyle.backgroundColor = $button.bgColor;
+        $checkboxButtonInnerStyle.borderColor = $button.borderColor;
+        $checkboxButtonInnerStyle.boxShadow = undefined;
+    }
+}
+export function useDisabledStyle(params) {
+    const disabled = params.disabled;
+    if (disabled) {
+        $checkboxButtonInnerStyle.color = $disabled.textColor;
+        $checkboxButtonInnerStyle.cursor = 'not-allowed';
+        $checkboxButtonInnerStyle.backgroundImage = 'none';
+        $checkboxButtonInnerStyle.backgroundColor = $button.disabled.bgColor;
+        $checkboxButtonInnerStyle.borderColor = $button.disabled.borderColor;
+        $checkboxButtonInnerStyle.boxShadow = 'none';
+    }
+    else {
+        $checkboxButtonInnerStyle.color = $button.textColor;
+        $checkboxButtonInnerStyle.cursor = 'pointer';
+        $checkboxButtonInnerStyle.backgroundImage = undefined;
+        $checkboxButtonInnerStyle.background = $button.bgColor;
+        $checkboxButtonInnerStyle.border = $border;
+        $checkboxButtonInnerStyle.boxShadow = undefined;
+    }
+}
+export function useFocusStyle(params) {
+    const focus = false;
+    if (focus) {
+        $checkboxButtonInnerStyle.borderColor = $checkboxButton.checkedBorderColor;
+    }
+    else {
+        $checkboxButtonInnerStyle.boxShadow = undefined;
+    }
+}
+export function useSize(params) {
+    const size = params.size || 'default';
+    //         @include button-size(
+    //           map.get($button-padding-vertical, $size) - $button-border-width,
+    //           map.get($button-padding-horizontal, $size) - $button-border-width,
+    //           map.get($button-font-size, $size),
+    //           0
+    //         );
+    const paddingVertical = $buttonPaddingVertical[size];
+    const paddingHorizontal = $buttonPaddingHorizontal[size];
+    const sizeStyle = buttonSize(paddingVertical, paddingHorizontal, $fontSizes[size], 0);
+    $checkboxButtonInnerStyle = Object.assign($checkboxButtonInnerStyle, sizeStyle);
+}
+//# sourceMappingURL=td-checkbox-button.style.js.map

package/dist/src/components/form/td-checkbox-button/td-checkbox-button.style.js.map

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

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

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-checkbox.css';
+//# sourceMappingURL=css.d.ts.map

package/dist/src/components/form/td-checkbox-group/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox-group/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}

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

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-checkbox.css';
+//# sourceMappingURL=css.js.map

package/dist/src/components/form/td-checkbox-group/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox-group/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}

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

@@ -0,0 +1,3 @@
+import '../../../base/style';
+import '../../../../theme-chalk/checkbox.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/form/td-checkbox-group/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox-group/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uCAAuC,CAAC"}

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

@@ -0,0 +1,3 @@
+import '../../../base/style';
+import '../../../../theme-chalk/checkbox.scss';
+//# sourceMappingURL=index.js.map

package/dist/src/components/form/td-checkbox-group/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox-group/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uCAAuC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { TypeHtml } from '@type-dom/framework';
+import { ITdCheckboxGroup, ITdCheckboxGroupConfig } from './td-checkbox-group.interface';
+import './style/index';
+export declare class TdCheckboxGroup extends TypeHtml implements ITdCheckboxGroup {
+    className: 'TdCheckboxGroup';
+    dom?: HTMLElement;
+    props: ITdCheckboxGroupConfig;
+    constructor(params?: ITdCheckboxGroupConfig);
+    setup(): void;
+}
+//# sourceMappingURL=td-checkbox-group.class.d.ts.map

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/td-checkbox-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAUzD,OAAO,EAEL,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,+BAA+B,CAAC;AAKvC,OAAO,eAAe,CAAC;AAEvB,qBAAa,eAAgB,SAAQ,QAAS,YAAW,gBAAgB;IACvE,SAAS,EAAE,iBAAiB,CAAC;IAC7B,GAAG,CAAC,EAAE,WAAW,CAAC;IACT,KAAK,EAAE,sBAAsB,CAAC;gBAE3B,MAAM,GAAE,sBAA2B;IAQtC,KAAK;CAoEf"}

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.class.js

@@ -0,0 +1,82 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { nextTick, TypeHtml } from '@type-dom/framework';
+import { debugWarn, pick } from '@type-dom/utils';
+import { computed, toRefs, watch } from '@type-dom/signals';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { checkboxGroupContextKey } from '../td-checkbox/td-checkbox.const';
+import { useFormItem, useFormItemInputId, } from '../td-form/hooks/use-form-item';
+import { checkboxGroupEmits, checkboxGroupProps, } from './td-checkbox-group.const';
+import './style/index';
+export class TdCheckboxGroup extends TypeHtml {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdCheckboxGroup';
+        this.assignProps(checkboxGroupProps);
+        this.addEmits(checkboxGroupEmits);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('checkbox');
+        const { formItem } = useFormItem();
+        const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+            formItemContext: formItem,
+        });
+        this.assignProps({
+            nodeName: props.tag,
+        });
+        this.attr.addObj({
+            id: groupId.get(),
+            role: 'group',
+            class: ns.b('group'),
+            ariaLabel: !isLabeledByFormItem
+                ? props.ariaLabel || 'checkbox-group'
+                : undefined,
+            ariaLabelledby: isLabeledByFormItem ? formItem === null || formItem === void 0 ? void 0 : formItem.labelId : undefined,
+        });
+        this.slotChildren(props.slot);
+        const changeEvent = (value) => __awaiter(this, void 0, void 0, function* () {
+            // console.warn('td-check-group changeEvent, value is ', value);
+            this.emit(UPDATE_MODEL_EVENT, value);
+            yield nextTick();
+            this.emit(CHANGE_EVENT, value);
+        });
+        const modelValue = computed(() => {
+            var _a;
+            // return props.modelValue; // 无法触发监听
+            return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get();
+        }, (val) => {
+            // console.warn('modelValue', val);
+            changeEvent(val);
+        });
+        // console.log('then provide checkboxGroupContext . ');
+        this.provide(checkboxGroupContextKey, Object.assign(Object.assign({}, pick(toRefs(props), [
+            'size',
+            'min',
+            'max',
+            'disabled',
+            'validateEvent',
+            'fill',
+            'textColor',
+        ])), { modelValue,
+            changeEvent }));
+        if (props.vModel) {
+            watch(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, // props.modelValue 无法促发监听
+            () => {
+                if (props.validateEvent) {
+                    formItem === null || formItem === void 0 ? void 0 : formItem.validate('change').catch((err) => debugWarn(err));
+                }
+            });
+        }
+    }
+}
+//# sourceMappingURL=td-checkbox-group.class.js.map

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.class.js.map

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

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.const.d.ts

@@ -0,0 +1,10 @@
+import { CheckboxValueType } from '../td-checkbox/td-checkbox.interface';
+import { ITdCheckboxGroupConfig } from './td-checkbox-group.interface';
+import { CheckboxGroupValueType } from './td-checkbox-group.interface';
+export declare const checkboxGroupProps: ITdCheckboxGroupConfig;
+export declare const checkboxGroupEmits: {
+    "update:modelValue": (val: CheckboxGroupValueType) => boolean;
+    change: (val: CheckboxValueType[]) => boolean;
+};
+export type CheckboxGroupEmits = typeof checkboxGroupEmits;
+//# sourceMappingURL=td-checkbox-group.const.d.ts.map

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/td-checkbox-group.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,eAAO,MAAM,kBAAkB,EAAE,sBAKhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;+BACD,sBAAsB;kBACpC,iBAAiB,EAAE;CAClC,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC"}

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.const.js

@@ -0,0 +1,13 @@
+import { isArray } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event';
+export const checkboxGroupProps = {
+    modelValue: [],
+    tag: 'div',
+    validateEvent: true,
+    // ...useAriaProps(['ariaLabel']),
+};
+export const checkboxGroupEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isArray(val),
+    change: (val) => isArray(val),
+};
+//# sourceMappingURL=td-checkbox-group.const.js.map

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.const.js","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/td-checkbox-group.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK9D,MAAM,CAAC,MAAM,kBAAkB,GAA2B;IACxD,UAAU,EAAE,EAAE;IACd,GAAG,EAAE,KAAK;IACV,aAAa,EAAE,IAAI;IACnB,kCAAkC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAA2B,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;IACnE,MAAM,EAAE,CAAC,GAAwB,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;CACnD,CAAC"}

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

@@ -0,0 +1,55 @@
+import { TypeProps, ITypeHtml } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
+import { TdCheckbox } from '../td-checkbox/td-checkbox.class';
+import { CheckboxValueType } from '../td-checkbox/td-checkbox.interface';
+import { TdCheckboxButton } from '../td-checkbox-button/td-checkbox-button.class';
+export interface ITdCheckboxGroup extends ITypeHtml {
+    className: 'TdCheckboxGroup';
+}
+export type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[];
+export interface ITdCheckboxGroupConfig extends TypeProps {
+    /**
+     * @description binding value
+     */
+    modelValue?: (string | boolean | number | undefined | object)[];
+    /**
+     * @description whether the nesting checkboxes are disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description minimum number of checkbox checked
+     */
+    min?: number;
+    /**
+     * @description maximum number of checkbox checked
+     */
+    max?: number;
+    /**
+     * @description size of checkbox
+     */
+    size?: ComponentSize;
+    /**
+     * @description label for screen reader
+     */
+    label?: string;
+    /**
+     * @description border and background color when button is active
+     */
+    fill?: string;
+    /**
+     * @description font color when button is active
+     */
+    textColor?: string;
+    /**
+     * @description element tag of the checkbox group
+     *     default: 'div',
+     */
+    tag?: string;
+    /**
+     * @description whether to trigger form validation
+     *     default: true,
+     */
+    validateEvent?: boolean;
+    slot?: (TdCheckbox | TdCheckboxButton)[];
+}
+//# sourceMappingURL=td-checkbox-group.interface.d.ts.map

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/td-checkbox-group.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,EAAE,CAAC;AAE3E,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC;IAKhE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC;CAC1C"}

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.interface.js

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

package/dist/src/components/form/td-checkbox-group/td-checkbox-group.interface.js.map

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

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

@@ -0,0 +1 @@
+//# sourceMappingURL=td-color-picker.class.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=td-color-picker.class.js.map

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

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

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

@@ -0,0 +1 @@
+//# sourceMappingURL=td-color-picker.interface.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=td-color-picker.interface.js.map

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

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

package/dist/src/components/form/td-date-picker/composables/use-basic-date-table.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=use-basic-date-table.d.ts.map

package/dist/src/components/form/td-date-picker/composables/use-basic-date-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-basic-date-table.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-date-picker/composables/use-basic-date-table.ts"],"names":[],"mappings":""}