@type-dom/ui 0.1.1 → 0.1.2

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

@@ -2,54 +2,263 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdSlider = 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 use_locale_1 = require("../../../hooks/use-locale");
+const constants_1 = require("../../../constants");
+const use_form_common_props_1 = require("../td-form/hooks/use-form-common-props");
+const use_form_item_1 = require("../td-form/hooks/use-form-item");
+const td_input_number_class_1 = require("../td-input-number/td-input-number.class");
+const constants_2 = require("./constants");
+const button_class_1 = require("./button/button.class");
+const mark_class_1 = require("./mark/mark.class");
+const use_marks_1 = require("./composables/use-marks");
+const use_watch_1 = require("./composables/use-watch");
+const use_lifecycle_1 = require("./composables/use-lifecycle");
+const use_slide_1 = require("./composables/use-slide");
+const use_stops_1 = require("./composables/use-stops");
 const td_slider_interface_1 = require("./td-slider.interface");
 const td_slider_style_1 = require("./td-slider.style");
+const td_slider_const_1 = require("./td-slider.const");
+require("./style/index");
 class TdSlider extends framework_1.TypeDiv {
     constructor(params = {}) {
         super();
         this.className = 'TdSlider';
         this.style.addObj(td_slider_style_1.$sliderStyle);
         this.addEmits(td_slider_interface_1.sliderEmits);
+        this.assignProps(td_slider_const_1.sliderProps);
+        this.props = this.useParams(params);
     }
     setup() {
         const props = this.props;
+        const emit = this.emit;
+        const ns = (0, use_namespace_1.useNamespace)('slider');
+        const { t } = (0, use_locale_1.useLocale)();
         const initData = {
-            firstValue: 0,
-            secondValue: 0,
+            firstValue: (0, signals_1.signal)(0),
+            secondValue: (0, signals_1.signal)(0),
             oldValue: 0,
             dragging: false,
-            sliderSize: 1,
+            sliderSize: (0, signals_1.signal)(1),
         };
-        // const {
-        //   elFormItem,
-        //   slider,
-        //   firstButton,
-        //   secondButton,
-        //   sliderDisabled,
-        //   minValue,
-        //   maxValue,
-        //   runwayStyle,
-        //   barStyle,
-        //   resetSize,
-        //   emitChange,
-        //   onSliderWrapperPrevent,
-        //   onSliderClick,
-        //   onSliderDown,
-        //   onSliderMarkerDown,
-        //   setFirstValue,
-        //   setSecondValue,
-        // } = useSlide(props, initData, this.emit)
-        // const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
-        //   formItemContext: elFormItem,
-        // })
-        //
-        // const isLabeledByFormItem = params.isLabeledByFormItem ?? true;
-        // const groupLabel = params.range ? params.range.label : undefined;
-        // this.attr.addObj({
-        //   role: params.range ? 'group' : undefined,
-        //   ariaLabel: params.range && !isLabeledByFormItem ? groupLabel : undefined,
-        //   ariaLabelledBy: params.range && isLabeledByFormItem ? tdFormItem?.labelId : undefined,
-        // })
+        const { tdFormItem, slider, firstButton, secondButton, sliderDisabled, minValue, maxValue, runwayStyle, barStyle, resetSize, emitChange, onSliderWrapperPrevent, onSliderClick, onSliderDown, onSliderMarkerDown, setFirstValue, setSecondValue, } = (0, use_slide_1.useSlide)(props, initData, emit);
+        const { stops, getStopStyle } = (0, use_stops_1.useStops)(props, initData, minValue, maxValue);
+        const { inputId, isLabeledByFormItem } = (0, use_form_item_1.useFormItemInputId)(props, {
+            formItemContext: tdFormItem,
+        });
+        const sliderWrapperSize = (0, use_form_common_props_1.useFormSize)();
+        const sliderInputSize = (0, signals_1.computed)(() => props.inputSize || sliderWrapperSize.get());
+        const groupLabel = (0, signals_1.computed)(() => {
+            return ((0, signals_1.unref)(props.ariaLabel) ||
+                t('el.slider.defaultLabel', {
+                    min: (0, signals_1.unref)(props.min),
+                    max: (0, signals_1.unref)(props.max),
+                }));
+        });
+        const firstButtonLabel = (0, signals_1.computed)(() => {
+            if (props.range) {
+                return props.rangeStartLabel || t('el.slider.defaultRangeStartLabel');
+            }
+            else {
+                return groupLabel.get();
+            }
+        });
+        const firstValueText = (0, signals_1.computed)(() => {
+            return props.formatValueText
+                ? props.formatValueText(firstValue.get())
+                : `${firstValue.get()}`;
+        });
+        const secondButtonLabel = (0, signals_1.computed)(() => {
+            return props.rangeEndLabel || t('el.slider.defaultRangeEndLabel');
+        });
+        const secondValueText = (0, signals_1.computed)(() => {
+            return props.formatValueText
+                ? props.formatValueText(secondValue.get())
+                : `${secondValue.get()}`;
+        });
+        const sliderKls = (0, signals_1.computed)(() => [
+            ns.b(),
+            ns.m(sliderWrapperSize.get()),
+            ns.is('vertical', props.vertical),
+            { [ns.m('with-input')]: props.showInput },
+        ]);
+        const markList = (0, use_marks_1.useMarks)(props);
+        (0, use_watch_1.useWatch)(props, initData, minValue, maxValue, emit, tdFormItem);
+        const { firstValue, secondValue, sliderSize } = initData;
+        // console.warn('then initData sliderSize is ', initData, sliderSize)
+        (0, signals_1.watch)(firstValue, (newVal) => {
+            emit(constants_1.UPDATE_MODEL_EVENT, newVal);
+        });
+        (0, signals_1.watch)(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, (newVal) => {
+            firstValue.set(newVal);
+            emit(constants_1.INPUT_EVENT, newVal);
+        });
+        const precision = (0, signals_1.computed)(() => {
+            const precisions = [(0, signals_1.unref)(props.min), (0, signals_1.unref)(props.max), props.step].map((item) => {
+                const decimal = `${item}`.split('.')[1];
+                return decimal ? decimal.length : 0;
+            });
+            return Math.max.apply(null, precisions);
+        });
+        const { sliderWrapper } = (0, use_lifecycle_1.useLifecycle)(props, initData, resetSize);
+        const updateDragging = (val) => {
+            initData.dragging = val;
+        };
+        (0, framework_1.useEventListener)(sliderWrapper, 'touchstart', onSliderWrapperPrevent, {
+            passive: false,
+        });
+        (0, framework_1.useEventListener)(sliderWrapper, 'touchmove', onSliderWrapperPrevent, {
+            passive: false,
+        });
+        // console.warn('then props is ', props);
+        (0, framework_1.provide)(constants_2.sliderContextKey, Object.assign(Object.assign({}, props), { sliderSize, disabled: (0, signals_1.unref)(sliderDisabled), precision,
+            emitChange,
+            resetSize,
+            updateDragging }));
+        (0, framework_1.defineExpose)({
+            onSliderClick,
+        });
+        this.assignProps({
+            refDom: sliderWrapper,
+        });
+        this.attr.addObj({
+            id: props.range ? inputId.get() : undefined,
+            class: sliderKls,
+            role: props.range ? 'group' : undefined,
+            ariaLabel: props.range && !isLabeledByFormItem.get() ? groupLabel.get() : undefined,
+            ariaLabelledby: props.range && isLabeledByFormItem.get() ? tdFormItem === null || tdFormItem === void 0 ? void 0 : tdFormItem.labelId : undefined
+        });
+        this.style.addObj({
+            height: props.height,
+        });
+        this.addChild(new framework_1.Div({
+            refDom: slider,
+            class: [
+                ns.e('runway'),
+                { 'show-input': props.showInput && !props.range },
+                ns.is('disabled', (0, signals_1.unref)(sliderDisabled)),
+            ],
+            styleObj: runwayStyle,
+            events: {
+                mousedown: onSliderDown,
+                touchstart: onSliderDown,
+            },
+            slot: [
+                new framework_1.Div({
+                    class: ns.e('bar'),
+                    styleObj: barStyle,
+                }),
+                new button_class_1.TdSliderButton({
+                    refEl: firstButton,
+                    vModel: firstValue,
+                    vertical: props.vertical,
+                    tooltipClass: props.tooltipClass,
+                    placement: props.placement,
+                    emits: {
+                        'update:model-value': setFirstValue
+                    },
+                    attrObj: {
+                        id: !props.range ? inputId.get() : undefined,
+                        role: 'slider',
+                        ariaLabel: props.range || !isLabeledByFormItem.get() ? firstButtonLabel : undefined,
+                        ariaLabelledby: !props.range && isLabeledByFormItem.get() ? tdFormItem === null || tdFormItem === void 0 ? void 0 : tdFormItem.labelId : undefined,
+                        ariaValuemin: props.min,
+                        ariaValuemax: props.range ? (0, signals_1.unref)(secondValue) : (0, signals_1.unref)(props.max),
+                        ariaValuenow: firstValue,
+                        ariaValuetext: firstValueText,
+                        ariaOrientation: props.vertical ? 'vertical' : 'horizontal',
+                        ariaDisabled: sliderDisabled,
+                    }
+                }),
+                new button_class_1.TdSliderButton({
+                    vIf: props.range,
+                    refEl: secondButton,
+                    vModel: secondValue,
+                    vertical: props.vertical,
+                    tooltipClass: props.tooltipClass,
+                    placement: props.placement,
+                    attrObj: {
+                        role: 'slider',
+                        ariaLabel: secondButtonLabel,
+                        ariaValuemin: firstValue,
+                        ariaValuemax: (0, signals_1.unref)(props.max),
+                        ariaValuenow: secondValue,
+                        ariaValuetext: secondValueText,
+                        ariaOrientation: props.vertical ? 'vertical' : 'horizontal',
+                        ariaDisabled: sliderDisabled,
+                    },
+                    emits: {
+                        'update:model-value': setSecondValue
+                    }
+                }),
+                new framework_1.Div({
+                    vIf: props.showStops,
+                    slot: new framework_1.For({
+                        data: stops,
+                        getter: (item) => {
+                            return new framework_1.Div({
+                                class: ns.e('stop'),
+                                styleObj: getStopStyle(item)
+                            });
+                        }
+                    })
+                }),
+                new framework_1.Fragment({
+                    vIf: (0, signals_1.computed)(() => markList.get().length > 0),
+                    slot: [
+                        new framework_1.Div({
+                            slot: new framework_1.For({
+                                data: markList,
+                                getter: (item) => {
+                                    return new framework_1.Div({
+                                        styleObj: getStopStyle(item.position),
+                                        class: [ns.e('stop'), ns.e('marks-stop')],
+                                    });
+                                }
+                            })
+                        }),
+                        new framework_1.Div({
+                            class: ns.e('marks'),
+                            slot: new framework_1.For({
+                                data: markList,
+                                getter: (item) => {
+                                    return new mark_class_1.TdSliderMarker({
+                                        mark: item.mark,
+                                        styleObj: getStopStyle(item.position),
+                                        events: {
+                                            mousedown: (evt) => {
+                                                var _a;
+                                                onSliderMarkerDown(item.position);
+                                                (_a = evt === null || evt === void 0 ? void 0 : evt.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(evt);
+                                            }
+                                        }
+                                    });
+                                }
+                            })
+                        })
+                    ]
+                })
+            ]
+        }));
+        this.addChild(new td_input_number_class_1.TdInputNumber({
+            vIf: props.showInput && !props.range,
+            // ref: input,
+            vModel: firstValue,
+            class: ns.e('input'),
+            step: props.step,
+            disabled: sliderDisabled.get(),
+            controls: props.showInputControls,
+            min: (0, signals_1.unref)(props.min),
+            max: (0, signals_1.unref)(props.max),
+            precision: precision.get(),
+            // debounce: props.debounce,
+            size: sliderInputSize.get(),
+            emits: {
+                'update:model-value': setFirstValue,
+                change: emitChange,
+            }
+        }));
     }
 }
 exports.TdSlider = TdSlider;

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

@@ -1,35 +1,38 @@
-import { AnyFn, TypeProps, ITypeDiv } from '@type-dom/framework';
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
 import { Placement } from '@type-dom/popper';
-import { Arrayable } from '@type-dom/utils';
+import { MaybeRef, Ref, Signal } from '@type-dom/signals';
+import { AnyFn, Arrayable } from '@type-dom/utils';
 import { ComponentSize } from '../../../constants/size';
-import { ITdSliderMarkerConfig } from './td-slider-marker';
+import { SliderMarkerProps } from './mark/mark.interface';
 export interface ITdSlider extends ITypeDiv {
     className: 'TdSlider';
 }
-type SliderMarks = Record<number, string | ITdSliderMarkerConfig['mark']>;
+type SliderMarks = Record<number, string | SliderMarkerProps['mark']>;
 export interface SliderInitData {
-    firstValue: number;
-    secondValue: number;
-    oldValue?: Arrayable<number>;
+    firstValue: Signal<number>;
+    secondValue: Signal<number>;
+    oldValue: Arrayable<number>;
     dragging: boolean;
-    sliderSize: number;
+    sliderSize: Signal<number>;
 }
-export interface ITdSliderConfig extends TypeProps {
+export interface SliderProps extends TypeDivProps {
     /**
      * @description binding value
      */
     modelValue?: number | number[];
+    vModel?: Ref<number | number[]>;
     id?: string;
     /**
      * @description minimum value
      */
-    min?: number;
+    min?: MaybeRef<number>;
     /**
      * @description maximum value
      */
-    max?: number;
+    max?: MaybeRef<number>;
     /**
      * @description step size
+     * default: 1
      */
     step?: number;
     /**
@@ -108,6 +111,12 @@ export interface ITdSliderConfig extends TypeProps {
      * @description whether to trigger form validation
      */
     validateEvent?: boolean;
+    /**
+     * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`
+     *    default: true,
+     */
+    persistent?: boolean;
+    arialLabel?: string;
 }
 export declare const sliderEmits: {
     "update:modelValue": (value: Arrayable<number>) => value is number | number[];

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

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

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

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

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

@@ -57,12 +57,16 @@ class TdSwitch extends framework_1.TypeDiv {
                 ? props.switchOnColor
                 : props.switchOffColor,
         }));
-        (0, signals_1.watch)(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, () => {
+        (0, signals_1.watch)(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, (newValue) => {
+            console.warn('props.vModel newValue is ', newValue);
+            console.warn('isControlled.get() is ', isControlled.get());
             isControlled.set(true);
         });
         const actualValue = (0, signals_1.computed)(() => {
-            var _a;
-            return isControlled.get() ? (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get() : false;
+            var _a, _b;
+            console.warn('actualValue computed. props.vModel.get() is ', (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get());
+            console.warn('isControlled.get() is ', isControlled.get());
+            return isControlled.get() ? (_b = props.vModel) === null || _b === void 0 ? void 0 : _b.get() : false;
         });
         const checked = (0, signals_1.computed)(() => actualValue.get() === props.activeValue);
         if (![props.activeValue, props.inactiveValue].includes(actualValue.get())) {
@@ -72,6 +76,7 @@ class TdSwitch extends framework_1.TypeDiv {
         }
         (0, signals_1.watch)(checked, (val) => {
             var _a;
+            console.warn('checked newValue is ', val);
             if (input.get()) {
                 input.get().checked = val;
             }
@@ -80,6 +85,7 @@ class TdSwitch extends framework_1.TypeDiv {
             }
         });
         const handleChange = () => {
+            console.warn('handleChange . ');
             const val = checked.get() ? props.inactiveValue : props.activeValue;
             emit(event_1.UPDATE_MODEL_EVENT, val);
             emit(event_1.CHANGE_EVENT, val);
@@ -89,6 +95,7 @@ class TdSwitch extends framework_1.TypeDiv {
             });
         };
         const switchValue = () => {
+            console.warn('switchValue . ');
             if (switchDisabled.get())
                 return;
             const { beforeChange } = props;
@@ -124,6 +131,7 @@ class TdSwitch extends framework_1.TypeDiv {
             (_b = (_a = input.get()) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
         };
         (0, framework_1.onMounted)(() => {
+            console.warn('onMounted . ');
             input.get().checked = checked.get();
         });
         (0, framework_1.defineExpose)({
@@ -139,6 +147,7 @@ class TdSwitch extends framework_1.TypeDiv {
         this.attr.addClass(switchKls);
         this.addEvents({
             click: (evt) => {
+                console.warn('click . ');
                 switchValue();
                 evt === null || evt === void 0 ? void 0 : evt.preventDefault();
             },
@@ -223,7 +232,7 @@ class TdSwitch extends framework_1.TypeDiv {
                         }
                         else if (checked.get()) {
                             if ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.activeAction) {
-                                return props.slots.activeAction;
+                                return (0, framework_1.rawSlot)(props.slots.activeAction);
                             }
                             else {
                                 if (props.activeActionIcon) {
@@ -235,7 +244,7 @@ class TdSwitch extends framework_1.TypeDiv {
                         }
                         else if (!checked.get()) {
                             if ((_b = props.slots) === null || _b === void 0 ? void 0 : _b.inactiveAction) {
-                                return props.slots.inactiveAction;
+                                return (0, framework_1.rawSlot)(props.slots.inactiveAction);
                             }
                             else {
                                 if (props.inactiveActionIcon) {

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

@@ -16,7 +16,7 @@ exports.switchProps = {
 // 这些只是验证器，与双向绑定没有任何关系的。
 exports.switchEmits = {
     [event_1.UPDATE_MODEL_EVENT]: (val) => {
-        console.log('switch emit update:modelValue . ');
+        // console.log('switch emit update:modelValue . ');
         return (0, utils_1.isBoolean)(val) || (0, utils_1.isString)(val) || (0, utils_1.isNumber)(val);
     },
     [event_1.CHANGE_EVENT]: (val) => (0, utils_1.isBoolean)(val) || (0, utils_1.isString)(val) || (0, utils_1.isNumber)(val),

package/src/components/form/td-switch/widget/td-switch-core.js

@@ -12,7 +12,7 @@ const td_switch_const_1 = require("../td-switch.const");
 class TdSwitchCore extends framework_1.TypeSpan {
     constructor(params = {}) {
         super();
-        console.log('TdSwitchCore constructor . ');
+        // console.log('TdSwitchCore constructor . ');
         this.className = 'TdSwitchCore';
         this.attr.addObj({
             name: 'switch-core',
@@ -106,12 +106,12 @@ class TdSwitchCore extends framework_1.TypeSpan {
         this.props = this.useParams(params);
     }
     setup() {
-        console.warn('td-switch-core setup . ');
+        // console.warn('td-switch-core setup . ');
         // const props = this.props;
         const switchContext = this.inject(td_switch_const_1.switchKey);
         (0, signals_1.watch)(() => (0, framework_1.toValue)(switchContext === null || switchContext === void 0 ? void 0 : switchContext.checked), (newChecked) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
-            console.warn('switchContext.checked changed', newChecked);
+            // console.warn('switchContext.checked changed', newChecked);
             const raw = (0, signals_1.unref)(newChecked);
             if (raw) {
                 this.style.setObj({
@@ -136,7 +136,7 @@ class TdSwitchCore extends framework_1.TypeSpan {
             }
             else {
                 // todo false
-                console.warn('raw is false . ');
+                // console.warn('raw is false . ');
                 this.style.setObj({
                     backgroundColor: (_e = this.props.switchOffColor) !== null && _e !== void 0 ? _e : td_switch_style_1.$switchOffColor,
                 });

package/src/components/form/td-time-picker/common/props.d.ts

@@ -1,6 +1,7 @@
+import { AnyFn } from '@type-dom/utils';
 import type { ComputePositionConfig as Options } from '@type-dom/popper';
 import type { Dayjs } from 'dayjs';
-import { AnyFn, TypeDivProps, TypeSvgSvg } from '@type-dom/framework';
+import { TypeDivProps, TypeSvgSvg } from '@type-dom/framework';
 import { Placement } from '@type-dom/popper';
 import { ComponentSize } from '../../../../constants/size';
 import { DisabledTimeListsProps } from '../props/shared';

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

@@ -1,4 +1,4 @@
-import '@element-plus/components/base/style/css';
+import '../../../base/style/css';
 import '@element-plus/theme-chalk/el-time-picker.css';
 import '@element-plus/components/input/style/css';
 import '@element-plus/components/scrollbar/style/css';

package/src/components/form/td-time-picker/style/css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require("@element-plus/components/base/style/css");
+require("../../../base/style/css");
 require("@element-plus/theme-chalk/el-time-picker.css");
 require("@element-plus/components/input/style/css");
 require("@element-plus/components/scrollbar/style/css");

package/src/components/form/td-time-picker/time-picker-com/basic-time-spinner.class.js

@@ -20,6 +20,7 @@ class BasicTimeSpinner extends framework_1.TypeDiv {
         this.props = this.useParams(params);
     }
     setup() {
+        var _a, _b;
         const props = this.props;
         const pickerBase = (0, framework_1.inject)('EP_PICKER_BASE');
         const { isRange } = pickerBase.props;
@@ -239,7 +240,7 @@ class BasicTimeSpinner extends framework_1.TypeDiv {
             ]),
         });
         if (!props.arrowControl) {
-            for (const item of spinnerItems.get()) {
+            for (const item of spinnerItems === null || spinnerItems === void 0 ? void 0 : spinnerItems.get()) {
                 this.addChild(new td_scrollbar_class_1.TdScrollbar({
                     // ref: (scrollbar: unknown) => setRef(scrollbar as any, item), // todo
                     class: ns.be('spinner', 'wrapper'),
@@ -251,7 +252,7 @@ class BasicTimeSpinner extends framework_1.TypeDiv {
                         mouseenter: (evt) => emitSelectRange(item),
                         mousemove: (evt) => adjustCurrentSpinner(item),
                     },
-                    slot: timeList.get()[item].map((disabled, key) => {
+                    slot: (_a = timeList.get()) === null || _a === void 0 ? void 0 : _a[item].map((disabled, key) => {
                         var _a;
                         return new framework_1.LI({
                             class: [
@@ -293,13 +294,13 @@ class BasicTimeSpinner extends framework_1.TypeDiv {
                         }),
                         new framework_1.UL({
                             class: ns.be('spinner', 'list'),
-                            slot: arrowControlTimeList.get()[item].map((time, key) => {
-                                var _a;
+                            slot: (_b = arrowControlTimeList.get()) === null || _b === void 0 ? void 0 : _b[item].map((time, key) => {
+                                var _a, _b;
                                 return new framework_1.LI({
                                     class: [
                                         ns.be('spinner', 'item'),
                                         ns.is('active', key === ((_a = timePartials.get()) === null || _a === void 0 ? void 0 : _a[item])),
-                                        ns.is('disabled', timeList.get()[item][time]),
+                                        ns.is('disabled', (_b = timeList.get()) === null || _b === void 0 ? void 0 : _b[item][time]),
                                     ],
                                     slot: new framework_1.Fragment({
                                         vIf: (0, utils_1.isNumber)(item),

package/src/components/form/td-upload/ajax.d.ts

@@ -0,0 +1,9 @@
+import { UploadRequestHandler } from './td-upload.interface';
+export declare class UploadAjaxError extends Error {
+    name: string;
+    status: number;
+    method: string;
+    url: string;
+    constructor(message: string, status: number, method: string, url: string);
+}
+export declare const ajaxUpload: UploadRequestHandler;