@type-dom/ui 0.2.2 → 0.3.0

package/dist/src/components/form/td-checkbox/composables/use-checkbox-disabled.js

@@ -0,0 +1,25 @@
+import { inject } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { isUndefined } from '@type-dom/utils';
+import { useFormDisabled } from '../../td-form/hooks/use-form-common-props';
+import { checkboxGroupContextKey } from '../td-checkbox.const';
+export const useCheckboxDisabled = ({ model, isChecked, }) => {
+    const checkboxGroup = inject(checkboxGroupContextKey, undefined);
+    const isLimitDisabled = computed(() => {
+        var _a, _b, _c, _d;
+        const max = (_a = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.max) === null || _a === void 0 ? void 0 : _a.get();
+        const min = (_b = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.min) === null || _b === void 0 ? void 0 : _b.get();
+        return ((!isUndefined(max) &&
+            ((_c = model.get()) === null || _c === void 0 ? void 0 : _c.length) >= max &&
+            !isChecked.get()) ||
+            (!isUndefined(min) &&
+                ((_d = model.get()) === null || _d === void 0 ? void 0 : _d.length) <= min &&
+                isChecked.get()));
+    });
+    const isDisabled = useFormDisabled(computed(() => { var _a; return ((_a = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled) === null || _a === void 0 ? void 0 : _a.get()) || isLimitDisabled.get(); }));
+    return {
+        isDisabled,
+        isLimitDisabled,
+    };
+};
+//# sourceMappingURL=use-checkbox-disabled.js.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-disabled.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox-disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,SAAS,GACwD,EAAE,EAAE;IACrE,MAAM,aAAa,GAAG,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;;QACpC,MAAM,GAAG,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,0CAAE,GAAG,EAAE,CAAC;QACtC,MAAM,GAAG,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,0CAAE,GAAG,EAAE,CAAC;QACtC,OAAO,CACL,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC;YAChB,CAAA,MAAC,KAAK,CAAC,GAAG,EAAY,0CAAE,MAAM,KAAI,GAAG;YACrC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;YACnB,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC;gBAChB,CAAA,MAAC,KAAK,CAAC,GAAG,EAAY,0CAAE,MAAM,KAAI,GAAG;gBACrC,SAAS,CAAC,GAAG,EAAE,CAAC,CACnB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,eAAe,CAChC,QAAQ,CAAC,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,0CAAE,GAAG,EAAE,KAAI,eAAe,CAAC,GAAG,EAAE,CAAA,EAAA,CAAC,CACxE,CAAC;IAEF,OAAO;QACL,UAAU;QACV,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox-event.d.ts

@@ -0,0 +1,10 @@
+import { useFormItemInputId } from '../../td-form/hooks/use-form-item';
+import { CheckboxProps } from '../td-checkbox.interface';
+import { CheckboxModel } from './use-checkbox-model';
+import { CheckboxStatus } from './use-checkbox-status';
+import { CheckboxDisabled } from './use-checkbox-disabled';
+export declare const useCheckboxEvent: (props: CheckboxProps, { model, isLimitExceeded, hasOwnLabel, isDisabled, isLabeledByFormItem, }: Pick<CheckboxModel, "model" | "isLimitExceeded"> & Pick<CheckboxStatus, "hasOwnLabel"> & Pick<CheckboxDisabled, "isDisabled"> & Pick<ReturnType<typeof useFormItemInputId>, "isLabeledByFormItem">) => {
+    handleChange: (e?: Event) => void;
+    onClickRoot: (e?: MouseEvent) => Promise<void>;
+};
+//# sourceMappingURL=use-checkbox-event.d.ts.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-event.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox-event.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAe,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGpF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,eAAO,MAAM,gBAAgB,UACpB,aAAa,6EAOjB,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,GACjD,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,GACnC,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,GACpC,IAAI,CAAC,UAAU,CAAC,OAAO,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;uBAoB1C,KAAK;sBAYA,UAAU;CA0C1C,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox-event.js

@@ -0,0 +1,82 @@
+// import { computed, getCurrentInstance, inject, nextTick, watch } from 'vue'
+// import { useFormItem } from '@element-plus/components/form'
+// import { debugWarn } from '@element-plus/utils'
+// import { checkboxGroupContextKey } from '../constants'
+//
+// import type { useFormItemInputId } from '@element-plus/components/form'
+// import type { CheckboxProps } from '../checkbox'
+// import type {
+//   CheckboxDisabled,
+//   CheckboxModel,
+//   CheckboxStatus,
+// } from '../composables'
+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 { getCurrentInstance, inject, nextTick } from '@type-dom/framework';
+import { computed, watch } from '@type-dom/signals';
+import { debugWarn } from '@type-dom/utils';
+import { useFormItem } from '../../td-form/hooks/use-form-item';
+import { CHANGE_EVENT } from '../../../../constants/event';
+import { checkboxGroupContextKey } from '../td-checkbox.const';
+export const useCheckboxEvent = (props, { model, isLimitExceeded, hasOwnLabel, isDisabled, isLabeledByFormItem, }) => {
+    const checkboxGroup = inject(checkboxGroupContextKey, undefined);
+    const { formItem } = useFormItem();
+    const { emit } = getCurrentInstance();
+    function getLabeledValue(value) {
+        var _a, _b, _c, _d;
+        return [true, props.trueValue, props.trueLabel].includes(value)
+            ? (_b = (_a = props.trueValue) !== null && _a !== void 0 ? _a : props.trueLabel) !== null && _b !== void 0 ? _b : true
+            : (_d = (_c = props.falseValue) !== null && _c !== void 0 ? _c : props.falseLabel) !== null && _d !== void 0 ? _d : false;
+    }
+    function emitChangeEvent(checked, e) {
+        // console.warn('emitChangeEvent . checked is ', checked);
+        emit(CHANGE_EVENT, getLabeledValue(checked), e);
+    }
+    function handleChange(e) {
+        // console.warn('handleChange . ');
+        if (isLimitExceeded.get()) {
+            return;
+        }
+        if (isDisabled.get()) {
+            return;
+        } // add by me
+        const target = e === null || e === void 0 ? void 0 : e.target;
+        emit(CHANGE_EVENT, getLabeledValue(target.checked), e);
+    }
+    function onClickRoot(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // console.warn('onClickRoot . ');
+            // console.warn('onClickRoot . model.get() is ', model.get());
+            if (isLimitExceeded.get())
+                return;
+            if (!hasOwnLabel.get() && !isDisabled.get() && isLabeledByFormItem.get()) {
+                // fix: https://github.com/element-plus/element-plus/issues/9981
+                const eventTargets = e === null || e === void 0 ? void 0 : e.composedPath();
+                const hasLabel = eventTargets === null || eventTargets === void 0 ? void 0 : eventTargets.some((item) => item.tagName === 'LABEL');
+                if (!hasLabel) {
+                    model.set(getLabeledValue([false, props.falseValue, props.falseLabel].includes(model.get())));
+                    yield nextTick();
+                    emitChangeEvent(model.get(), e);
+                }
+            }
+        });
+    }
+    const validateEvent = computed(() => (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
+    watch(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, () => {
+        if (validateEvent.get()) {
+            formItem === null || formItem === void 0 ? void 0 : formItem.validate('change').catch((err) => debugWarn(err));
+        }
+    });
+    return {
+        handleChange,
+        onClickRoot,
+    };
+};
+//# sourceMappingURL=use-checkbox-event.js.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-event.js.map

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

package/dist/src/components/form/td-checkbox/composables/use-checkbox-model.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps } from '../td-checkbox.interface';
+export declare const useCheckboxModel: (props: CheckboxProps) => {
+    model: import("@type-dom/signals").Computed<any>;
+    isGroup: import("@type-dom/signals").Computed<boolean>;
+    isLimitExceeded: import("@type-dom/signals").Signal<boolean>;
+};
+export type CheckboxModel = ReturnType<typeof useCheckboxModel>;
+//# sourceMappingURL=use-checkbox-model.d.ts.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-model.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox-model.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMzD,eAAO,MAAM,gBAAgB,UAAW,aAAa;;;;CA2CpD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox-model.js

@@ -0,0 +1,43 @@
+import { getCurrentInstance, inject } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { isArray, isUndefined } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT } from '../../../../constants/event';
+import { checkboxGroupContextKey, } from '../td-checkbox.const';
+export const useCheckboxModel = (props) => {
+    const selfModel = signal(false);
+    const { emit } = getCurrentInstance();
+    const checkboxGroup = inject(checkboxGroupContextKey, undefined);
+    // console.log('inject checkGroup is ', checkboxGroup);
+    const isGroup = computed(() => isUndefined(checkboxGroup) === false);
+    const isLimitExceeded = signal(false);
+    const model = computed(() => {
+        var _a, _b, _c;
+        // console.log('get model value isGroup is  ', isGroup.get());
+        return isGroup.get()
+            ? (_a = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.modelValue) === null || _a === void 0 ? void 0 : _a.get()
+            : // 这里的computed监听props.modelValue，与vuejs中的监听props.modelValue是不同的，
+                // 因为vuejs中的监听props.modelValue，当props.modelValue变化时就会促发。
+                // 而这里的computed监听，只有Signal类型的get/set才会触发
+                //   所以这里还是用 vModel.get的方式。
+                (_c = (_b = props.vModel) === null || _b === void 0 ? void 0 : _b.get()) !== null && _c !== void 0 ? _c : selfModel.get(); // : props.modelValue ?? selfModel.get();
+    }, (val) => {
+        var _a, _b;
+        // console.log('set model value is ', val);
+        if (isGroup.get() && isArray(val)) {
+            isLimitExceeded.set(((_a = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.max) === null || _a === void 0 ? void 0 : _a.get()) !== undefined &&
+                val.length > checkboxGroup.max.get() &&
+                val.length > model.get().length);
+            isLimitExceeded.get() === false && ((_b = checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.changeEvent) === null || _b === void 0 ? void 0 : _b.call(checkboxGroup, val));
+        }
+        else {
+            emit(UPDATE_MODEL_EVENT, val);
+            selfModel.set(val);
+        }
+    });
+    return {
+        model,
+        isGroup,
+        isLimitExceeded,
+    };
+};
+//# sourceMappingURL=use-checkbox-model.js.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-model.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAEL,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAE,EAAE;IACvD,MAAM,SAAS,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAG,CAAC;IACvC,MAAM,aAAa,GAAG,MAAM,CAC1B,uBAAuB,EACvB,SAAS,CACV,CAAC;IACF,uDAAuD;IACvD,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC;IACrE,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,QAAQ,CACpB,GAAG,EAAE;;QACH,8DAA8D;QAC9D,OAAO,OAAO,CAAC,GAAG,EAAE;YAClB,CAAC,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,0CAAE,GAAG,EAAE;YAClC,CAAC,CAAC,gEAAgE;gBAChE,wDAAwD;gBACxD,wCAAwC;gBACxC,2BAA2B;gBAC3B,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,GAAG,EAAE,mCAAI,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,yCAAyC;IACvF,CAAC,EACD,CAAC,GAAY,EAAE,EAAE;;QACf,2CAA2C;QAC3C,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YAClC,eAAe,CAAC,GAAG,CACjB,CAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,0CAAE,GAAG,EAAE,MAAK,SAAS;gBACrC,GAAG,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,EAAG;gBACrC,GAAG,CAAC,MAAM,GAAI,KAAK,CAAC,GAAG,EAAe,CAAC,MAAM,CAChD,CAAC;YACF,eAAe,CAAC,GAAG,EAAE,KAAK,KAAK,KAAI,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,8DAAG,GAAG,CAAC,CAAA,CAAC;QACvE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;YAC9B,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CACF,CAAC;IAEF,OAAO;QACL,KAAK;QACL,OAAO;QACP,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox-status.d.ts

@@ -0,0 +1,13 @@
+import { ISlots } from '@type-dom/framework';
+import { CheckboxProps } from '../td-checkbox.interface';
+import { CheckboxModel } from './use-checkbox-model';
+export declare const useCheckboxStatus: (props: CheckboxProps, slots: ISlots, { model }: Pick<CheckboxModel, "model">) => {
+    checkboxButtonSize: import("@type-dom/signals").Computed<"" | "small" | "default" | "large">;
+    isChecked: import("@type-dom/signals").Computed<boolean>;
+    isFocused: import("@type-dom/signals").Signal<boolean>;
+    checkboxSize: import("@type-dom/signals").Computed<"" | "small" | "default" | "large">;
+    hasOwnLabel: import("@type-dom/signals").Computed<boolean>;
+    actualValue: import("@type-dom/signals").Computed<string | number | boolean | object | undefined>;
+};
+export type CheckboxStatus = ReturnType<typeof useCheckboxStatus>;
+//# sourceMappingURL=use-checkbox-status.d.ts.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-status.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox-status.ts"],"names":[],"mappings":"AAQA,OAAO,EAAU,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,UACrB,aAAa,SACb,MAAM,aACF,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;;;;;;;CAiDxC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox-status.js

@@ -0,0 +1,56 @@
+import { isArray, isBoolean, isEqual, isObject, isPropAbsent, } from '@type-dom/utils';
+import { computed, signal, toRaw } from '@type-dom/signals';
+import { inject } from '@type-dom/framework';
+import { useFormSize } from '../../td-form/hooks/use-form-common-props';
+import { checkboxGroupContextKey } from '../td-checkbox.const';
+export const useCheckboxStatus = (props, slots, { model }) => {
+    const checkboxGroup = inject(checkboxGroupContextKey, undefined);
+    const isFocused = signal(false);
+    const actualValue = computed(() => {
+        // In version 2.x, if there's no props.value, props.label will act as props.value
+        // In version 3.x, remove this computed value, use props.value instead.
+        if (!isPropAbsent(props.value)) {
+            return props.value;
+        }
+        return props.label;
+    });
+    const isChecked = computed(() => {
+        // console.warn('computed isChecked . ');
+        const value = model.get();
+        if (isBoolean(value)) {
+            return value;
+        }
+        else if (isArray(value)) {
+            // console.warn('isChecked is array . ');
+            if (isObject(actualValue.get())) {
+                return value.map(toRaw).some((o) => isEqual(o, actualValue.get()));
+            }
+            else {
+                // console.warn('computed value is ', value, ' toRaw is ', toRaw);
+                return value.map(toRaw).includes(actualValue.get());
+            }
+        }
+        else if (value !== null && value !== undefined) {
+            return value === (props === null || props === void 0 ? void 0 : props.trueValue) || value === (props === null || props === void 0 ? void 0 : props.trueLabel);
+        }
+        else {
+            return !!value;
+        }
+    });
+    const checkboxButtonSize = useFormSize(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.size, {
+        prop: true,
+    });
+    const checkboxSize = useFormSize(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.size);
+    const hasOwnLabel = computed(() => {
+        return !!slots.default || !isPropAbsent(actualValue.get());
+    });
+    return {
+        checkboxButtonSize,
+        isChecked,
+        isFocused,
+        checkboxSize,
+        hasOwnLabel,
+        actualValue,
+    };
+};
+//# sourceMappingURL=use-checkbox-status.js.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-status.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox-status.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAU,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAExE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAoB,EACpB,KAAa,EACb,EAAE,KAAK,EAAgC,EACvC,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;QAChC,iFAAiF;QACjF,uEAAuE;QACvE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,KAAK,CAAC;QACrB,CAAC;QACD,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,QAAQ,CAAU,GAAG,EAAE;QACvC,yCAAyC;QACzC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QAC1B,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACf,CAAC;aAAM,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,yCAAyC;YACzC,IAAI,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;gBAChC,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YACrE,CAAC;iBAAM,CAAC;gBACN,kEAAkE;gBAClE,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACjD,OAAO,KAAK,MAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,IAAI,KAAK,MAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,CAAC;QAClE,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,CAAC,KAAK,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,WAAW,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE;QAC1D,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,WAAW,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,CAAC;IAEtD,MAAM,WAAW,GAAG,QAAQ,CAAU,GAAG,EAAE;QACzC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,kBAAkB;QAClB,SAAS;QACT,SAAS;QACT,YAAY;QACZ,WAAW;QACX,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox.d.ts

@@ -0,0 +1,17 @@
+import { ISlots } from '@type-dom/framework';
+import { CheckboxProps } from '../td-checkbox.interface';
+export declare const useCheckbox: (props: CheckboxProps, slots?: ISlots) => {
+    inputId: import("@type-dom/signals").Signal<string | undefined>;
+    isLabeledByFormItem: import("@type-dom/signals").Computed<boolean>;
+    isChecked: import("@type-dom/signals").Computed<boolean>;
+    isDisabled: import("@type-dom/signals").Computed<boolean>;
+    isFocused: import("@type-dom/signals").Signal<boolean>;
+    checkboxButtonSize: import("@type-dom/signals").Computed<"" | "small" | "default" | "large">;
+    checkboxSize: import("@type-dom/signals").Computed<"" | "small" | "default" | "large">;
+    hasOwnLabel: import("@type-dom/signals").Computed<boolean>;
+    model: import("@type-dom/signals").Computed<any>;
+    actualValue: import("@type-dom/signals").Computed<string | number | boolean | object | undefined>;
+    handleChange: (e?: Event) => void;
+    onClickRoot: (e?: MouseEvent) => Promise<void>;
+};
+//# sourceMappingURL=use-checkbox.d.ts.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-checkbox/composables/use-checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAQzD,eAAO,MAAM,WAAW,UAAW,aAAa,UAAS,MAAM;;;;;;;;;;;;;CA+F9D,CAAC"}

package/dist/src/components/form/td-checkbox/composables/use-checkbox.js

@@ -0,0 +1,82 @@
+import { isArray, isPropAbsent } from '@type-dom/utils';
+import { useFormItem, useFormItemInputId, } from '../../td-form/hooks/use-form-item';
+import { useCheckboxStatus } from './use-checkbox-status';
+import { useCheckboxModel } from './use-checkbox-model';
+import { useCheckboxDisabled } from './use-checkbox-disabled';
+import { useCheckboxEvent } from './use-checkbox-event';
+import { useDeprecated } from '../../../../hooks/use-deprecated';
+import { computed } from '@type-dom/signals';
+export const useCheckbox = (props, slots = {}) => {
+    const { formItem: elFormItem } = useFormItem();
+    const { model, isGroup, isLimitExceeded } = useCheckboxModel(props);
+    // console.log(
+    //   'isGroup is ',
+    //   isGroup.get(),
+    //   ' isLimitExceeded is ',
+    //   isLimitExceeded.get()
+    // );
+    const { isFocused, isChecked, checkboxButtonSize, checkboxSize, hasOwnLabel, actualValue, } = useCheckboxStatus(props, slots, { model });
+    const { isDisabled } = useCheckboxDisabled({ model, isChecked });
+    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
+        formItemContext: elFormItem,
+        disableIdGeneration: hasOwnLabel,
+        disableIdManagement: isGroup,
+    });
+    const { handleChange, onClickRoot } = useCheckboxEvent(props, {
+        model,
+        isLimitExceeded,
+        hasOwnLabel,
+        isDisabled,
+        isLabeledByFormItem,
+    });
+    const setStoreValue = () => {
+        function addToStore() {
+            var _a, _b;
+            if (isArray(model.get()) &&
+                !model.get().includes(actualValue.get())) {
+                model.get().push(actualValue.get());
+            }
+            else {
+                model.set((_b = (_a = props.trueValue) !== null && _a !== void 0 ? _a : props.trueLabel) !== null && _b !== void 0 ? _b : true);
+            }
+        }
+        props.checked && addToStore();
+    };
+    setStoreValue();
+    useDeprecated({
+        from: 'label act as value',
+        replacement: 'value',
+        version: '3.0.0',
+        scope: 'el-checkbox',
+        ref: 'https://element-plus.org/en-US/component/checkbox.html',
+    }, computed(() => isGroup.get() && isPropAbsent(props.value)));
+    useDeprecated({
+        from: 'true-label',
+        replacement: 'true-value',
+        version: '3.0.0',
+        scope: 'el-checkbox',
+        ref: 'https://element-plus.org/en-US/component/checkbox.html',
+    }, computed(() => !!props.trueLabel));
+    useDeprecated({
+        from: 'false-label',
+        replacement: 'false-value',
+        version: '3.0.0',
+        scope: 'el-checkbox',
+        ref: 'https://element-plus.org/en-US/component/checkbox.html',
+    }, computed(() => !!props.falseLabel));
+    return {
+        inputId,
+        isLabeledByFormItem,
+        isChecked,
+        isDisabled,
+        isFocused,
+        checkboxButtonSize,
+        checkboxSize,
+        hasOwnLabel,
+        model,
+        actualValue,
+        handleChange,
+        onClickRoot,
+    };
+};
+//# sourceMappingURL=use-checkbox.js.map

package/dist/src/components/form/td-checkbox/composables/use-checkbox.js.map

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

package/dist/src/components/form/td-checkbox/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/style/css.d.ts.map

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

package/dist/src/components/form/td-checkbox/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/style/css.js.map

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

package/dist/src/components/form/td-checkbox/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/style/index.d.ts.map

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

package/dist/src/components/form/td-checkbox/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/style/index.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox/td-checkbox.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAY,MAAM,qBAAqB,CAAC;AAKtE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,eAAe,CAAC;AAEvB,qBAAa,UAAW,SAAQ,QAAS,YAAW,WAAW;IAC7D,SAAS,EAAE,YAAY,CAAC;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAET,KAAK,EAAE,aAAa,CAAC;gBAElB,MAAM,GAAE,aAAkB;IAW7B,KAAK;CA4If"}

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

@@ -0,0 +1,148 @@
+import { Input, Span, TypeHtml, useSlots } from '@type-dom/framework';
+import { isArray } from '@type-dom/utils';
+import { computed } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { useCheckbox } from './composables/use-checkbox';
+import { checkboxEmits, checkboxProps } from './td-checkbox.const';
+import './style/index';
+export class TdCheckbox extends TypeHtml {
+    constructor(params = {}) {
+        super(); // label | span
+        this.className = 'TdCheckbox';
+        this.attr.addObj({
+            name: 'td-checkbox',
+        });
+        this.assignProps(checkboxProps);
+        this.addEmits(checkboxEmits);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        // console.warn('TdCheckbox setup');
+        const props = this.props;
+        const slots = useSlots();
+        const { inputId, isLabeledByFormItem, isChecked, isDisabled, isFocused, checkboxSize, hasOwnLabel, model, actualValue, handleChange, onClickRoot, } = useCheckbox(props, slots);
+        // console.log('hasOwnLabel is ', hasOwnLabel);
+        this.assignProps({
+            nodeName: !hasOwnLabel && isLabeledByFormItem ? 'span' : 'label',
+        });
+        const ns = useNamespace('checkbox');
+        // console.warn('isChecked is ', isChecked);
+        const compKls = computed(() => [
+            ns.b(),
+            ns.m(checkboxSize.get()),
+            ns.is('disabled', isDisabled.get()),
+            ns.is('checked', isChecked.get()),
+            ns.is('bordered', props.border),
+        ]);
+        // console.warn('compKls is ', compKls);
+        this.attr.addClass(compKls);
+        // watch(compKls, (newValue, oldValue) => {
+        //   console.warn('checkbox watch compKls', newValue);
+        // });
+        const spanKls = computed(() => {
+            var _a;
+            return [
+                ns.e('input'),
+                ns.is('disabled', isDisabled.get()),
+                ns.is('checked', isChecked.get()),
+                ns.is('indeterminate', (_a = props.indeterminate) === null || _a === void 0 ? void 0 : _a.get()),
+                ns.is('focus', isFocused.get()),
+            ];
+        });
+        // console.warn('spanKls is ', spanKls);
+        this.addChild(new Span({
+            name: 'td-checkbox-input-span',
+            class: spanKls,
+            slot: [
+                new Input({
+                    name: 'original',
+                    vModel: model,
+                    disabled: isDisabled,
+                    class: ns.e('original'),
+                    attrObj: {
+                        id: inputId.get(),
+                        type: 'checkbox',
+                        value: actualValue.get(),
+                        checked: isChecked.get(),
+                        intermediate: (_a = props.indeterminate) === null || _a === void 0 ? void 0 : _a.get(),
+                    },
+                    events: {
+                        click: (ev) => {
+                            // console.warn('td-checkbox input click . ');
+                            ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+                        },
+                        change: (ev) => {
+                            // console.warn('td-checkbox input change . ');
+                            handleChange(ev);
+                            ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+                        },
+                        focus: (evt) => {
+                            isFocused.set(true);
+                        },
+                        blur: (evt) => {
+                            isFocused.set(false);
+                        },
+                    },
+                }),
+                new Span({
+                    name: 'inner',
+                    attrObj: {
+                        class: ns.e('inner'),
+                    },
+                }),
+            ],
+        }));
+        if (hasOwnLabel) {
+            const labelSpan = new Span({
+                name: 'label',
+                attrObj: {
+                    class: ns.e('label'),
+                },
+                // styleObj: deepClone($checkboxLabelStyle),
+            });
+            if (props === null || props === void 0 ? void 0 : props.slot) {
+                labelSpan.slotChildren(props.slot);
+            }
+            else {
+                labelSpan.slotChildren(String(props.label || ''));
+            }
+            this.addChild(labelSpan);
+        }
+        this.addEvents({
+            click: onClickRoot,
+        });
+        // add by me todo why should add ???
+        // console.warn('then this.addEmits . ');
+        this.addEmits({
+            change: (newValue) => {
+                // console.warn('change emit , newValue is ', newValue);
+                // 应该根据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]
+                    // );
+                    const value = actualValue.get();
+                    const shouldAdd = !selected.includes(value);
+                    model.set(shouldAdd
+                        ? newValue ? [...selected, value] : [...selected]
+                        : selected.filter(item => newValue || item !== value));
+                }
+                else {
+                    model.set(newValue);
+                }
+            },
+        });
+    }
+}
+//# sourceMappingURL=td-checkbox.class.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { InjectionKey } from '@type-dom/framework';
+import { ToRefs } from '@type-dom/signals';
+import type { ITdCheckboxGroupConfig } from '../td-checkbox-group/td-checkbox-group.interface';
+import { CheckboxValueType, CheckboxProps } from './td-checkbox.interface';
+export type CheckboxGroupContext = {
+    modelValue?: any;
+    changeEvent?: (...args: any) => any;
+} & ToRefs<Pick<ITdCheckboxGroupConfig, 'size' | 'min' | 'max' | 'disabled' | 'validateEvent' | 'fill' | 'textColor'>>;
+export declare const checkboxGroupContextKey: InjectionKey<CheckboxGroupContext>;
+export declare const checkboxProps: CheckboxProps;
+export declare const checkboxEmits: {
+    "update:modelValue": (val: CheckboxValueType) => val is string | number | boolean;
+    change: (val: CheckboxValueType) => val is string | number | boolean;
+};
+//# sourceMappingURL=td-checkbox.const.d.ts.map