@type-dom/ui 0.2.2 → 0.3.0

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

@@ -0,0 +1,271 @@
+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 { computed, inject, nextTick, ref, watch } from 'vue'
+// import { debounce } from 'lodash-unified'
+import { computed, signal, unref, watch } from '@type-dom/signals';
+import { inject, nextTick, useEventListener } from '@type-dom/framework';
+import { debounce } from '@type-dom/utils';
+import { EVENT_CODE } from '../../../../constants/aria';
+import { UPDATE_MODEL_EVENT } from '../../../../constants/event';
+// import type { TooltipInstance } from '@element-plus/components/tooltip'
+// import { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'
+import { sliderContextKey } from '../constants';
+const useTooltip = (props, formatTooltip, // Ref<SliderProps['formatTooltip']>, edit by me
+showTooltip) => {
+    const tooltip = signal();
+    const tooltipVisible = signal(false);
+    const enableFormat = computed(() => {
+        return formatTooltip instanceof Function;
+    });
+    const formatValue = computed(() => {
+        var _a, _b;
+        return ((enableFormat.get() && (formatTooltip === null || formatTooltip === void 0 ? void 0 : formatTooltip((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get()))) ||
+            ((_b = props.vModel) === null || _b === void 0 ? void 0 : _b.get()));
+    });
+    const displayTooltip = debounce(() => {
+        if (showTooltip) {
+            (tooltipVisible.set(true));
+        }
+    }, 50);
+    const hideTooltip = debounce(() => {
+        if (showTooltip)
+            (tooltipVisible.set(false));
+    }, 50);
+    return {
+        tooltip,
+        tooltipVisible,
+        formatValue,
+        displayTooltip,
+        hideTooltip,
+    };
+};
+export const useSliderButton = (props, initData, emit) => {
+    const { disabled, min: minValue, // todo is a function, not a number ???? 变量被提升了。
+    max, step, showTooltip, persistent, precision, sliderSize, formatTooltip, emitChange, resetSize, updateDragging, } = inject(sliderContextKey);
+    // console.warn('sliderContextKey props step is ', step);
+    const { tooltip, tooltipVisible, formatValue, displayTooltip, hideTooltip } = useTooltip(props, formatTooltip, showTooltip);
+    const button = signal();
+    const currentPosition = computed(() => {
+        return `${((props.vModel.get() - unref(minValue)) / (unref(max) - unref(minValue))) * 100}%`;
+    });
+    const wrapperStyle = computed(() => {
+        return props.vertical
+            ? { bottom: currentPosition.get() }
+            : { left: currentPosition.get() };
+    });
+    const handleMouseEnter = () => {
+        initData.hovering = true;
+        displayTooltip();
+    };
+    const handleMouseLeave = () => {
+        initData.hovering = false;
+        if (!initData.dragging) {
+            hideTooltip();
+        }
+    };
+    const onButtonDown = (event) => {
+        var _a;
+        // console.warn('onButtonDown');
+        if (disabled)
+            return;
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        onDragStart(event);
+        window.addEventListener('mousemove', onDragging);
+        window.addEventListener('touchmove', onDragging);
+        window.addEventListener('mouseup', onDragEnd);
+        window.addEventListener('touchend', onDragEnd);
+        window.addEventListener('contextmenu', onDragEnd);
+        (_a = button.get()) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const incrementPosition = (amount) => {
+        // console.warn('incrementPosition . ');
+        if (disabled)
+            return;
+        initData.newPosition =
+            Number.parseFloat(currentPosition.get()) +
+                (amount / (unref(max) - unref(minValue))) * 100;
+        setPosition(initData.newPosition);
+        emitChange();
+    };
+    const onLeftKeyDown = () => {
+        incrementPosition(-step);
+    };
+    const onRightKeyDown = () => {
+        incrementPosition(step);
+    };
+    const onPageDownKeyDown = () => {
+        incrementPosition(-step * 4);
+    };
+    const onPageUpKeyDown = () => {
+        incrementPosition(step * 4);
+    };
+    const onHomeKeyDown = () => {
+        if (disabled)
+            return;
+        setPosition(0);
+        emitChange();
+    };
+    const onEndKeyDown = () => {
+        if (disabled)
+            return;
+        setPosition(100);
+        emitChange();
+    };
+    const onKeyDown = (event) => {
+        let isPreventDefault = true;
+        switch (event === null || event === void 0 ? void 0 : event.code) {
+            case EVENT_CODE.left:
+            case EVENT_CODE.down:
+                onLeftKeyDown();
+                break;
+            case EVENT_CODE.right:
+            case EVENT_CODE.up:
+                onRightKeyDown();
+                break;
+            case EVENT_CODE.home:
+                onHomeKeyDown();
+                break;
+            case EVENT_CODE.end:
+                onEndKeyDown();
+                break;
+            case EVENT_CODE.pageDown:
+                onPageDownKeyDown();
+                break;
+            case EVENT_CODE.pageUp:
+                onPageUpKeyDown();
+                break;
+            default:
+                isPreventDefault = false;
+                break;
+        }
+        if (isPreventDefault)
+            event === null || event === void 0 ? void 0 : event.preventDefault();
+    };
+    const getClientXY = (event) => {
+        let clientX;
+        let clientY;
+        if (event === null || event === void 0 ? void 0 : event.type.startsWith('touch')) {
+            clientY = event.touches[0].clientY;
+            clientX = event.touches[0].clientX;
+        }
+        else {
+            clientY = event.clientY;
+            clientX = event.clientX;
+        }
+        return {
+            clientX,
+            clientY,
+        };
+    };
+    const onDragStart = (event) => {
+        // console.warn('onDragStart');
+        initData.dragging = true;
+        initData.isClick = true;
+        const { clientX, clientY } = getClientXY(event);
+        if (props.vertical) {
+            initData.startY = clientY;
+        }
+        else {
+            initData.startX = clientX;
+        }
+        initData.startPosition = Number.parseFloat(currentPosition.get());
+        initData.newPosition = initData.startPosition;
+    };
+    const onDragging = (event) => {
+        // console.warn('onDragging');
+        if (initData.dragging) {
+            initData.isClick = false;
+            displayTooltip();
+            resetSize();
+            let diff;
+            const { clientX, clientY } = getClientXY(event);
+            if (props.vertical) {
+                initData.currentY = clientY;
+                diff = ((initData.startY - initData.currentY) / sliderSize.get()) * 100;
+            }
+            else {
+                initData.currentX = clientX;
+                diff = ((initData.currentX - initData.startX) / sliderSize.get()) * 100;
+            }
+            initData.newPosition = initData.startPosition + diff;
+            setPosition(initData.newPosition);
+        }
+    };
+    const onDragEnd = () => {
+        // console.warn('onDragEnd');
+        if (initData.dragging) {
+            /*
+             * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
+             * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
+             */
+            setTimeout(() => {
+                initData.dragging = false;
+                if (!initData.hovering) {
+                    hideTooltip();
+                }
+                if (!initData.isClick) {
+                    setPosition(initData.newPosition);
+                }
+                emitChange();
+            }, 0);
+            window.removeEventListener('mousemove', onDragging);
+            window.removeEventListener('touchmove', onDragging);
+            window.removeEventListener('mouseup', onDragEnd);
+            window.removeEventListener('touchend', onDragEnd);
+            window.removeEventListener('contextmenu', onDragEnd);
+        }
+    };
+    const setPosition = (newPosition) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        // console.warn('setPosition');
+        if (newPosition === null || Number.isNaN(+newPosition))
+            return;
+        if (newPosition < 0) {
+            newPosition = 0;
+        }
+        else if (newPosition > 100) {
+            newPosition = 100;
+        }
+        const lengthPerStep = 100 / ((unref(max) - unref(minValue)) / step);
+        const steps = Math.round(newPosition / lengthPerStep);
+        let value = steps * lengthPerStep * (unref(max) - unref(minValue)) * 0.01 + unref(minValue);
+        value = Number.parseFloat(value.toFixed(precision.get()));
+        if (value !== props.modelValue) {
+            emit(UPDATE_MODEL_EVENT, value);
+        }
+        if (!initData.dragging && props.modelValue !== initData.oldValue) {
+            initData.oldValue = props.modelValue;
+        }
+        yield nextTick();
+        if (initData.dragging)
+            displayTooltip();
+        (_b = tooltip === null || tooltip === void 0 ? void 0 : (_a = tooltip.get()).updatePopper) === null || _b === void 0 ? void 0 : _b.call(_a);
+    });
+    watch(() => initData.dragging, (val) => {
+        updateDragging(val);
+    });
+    useEventListener(button, 'touchstart', onButtonDown, { passive: false });
+    return {
+        disabled,
+        button,
+        tooltip,
+        tooltipVisible,
+        showTooltip,
+        persistent,
+        wrapperStyle,
+        formatValue,
+        handleMouseEnter,
+        handleMouseLeave,
+        onButtonDown,
+        onKeyDown,
+        setPosition,
+    };
+};
+//# sourceMappingURL=use-slider-button.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { Computed } from '@type-dom/signals';
+import { IStyle } from '@type-dom/css-type';
+import { SliderInitData, SliderProps } from '../td-slider.interface';
+type Stops = {
+    stops: Computed<number[]>;
+    getStopStyle: (position: number) => IStyle;
+};
+export declare const useStops: (props: SliderProps, initData: SliderInitData, minValue: Computed<number>, maxValue: Computed<number>) => Stops;
+export {};
+//# sourceMappingURL=use-stops.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-stops.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/composables/use-stops.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;IACzB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,QAAQ,UACZ,WAAW,YACR,cAAc,YACd,QAAQ,CAAC,MAAM,CAAC,YAChB,QAAQ,CAAC,MAAM,CAAC,KACzB,KA2CF,CAAA"}

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

@@ -0,0 +1,42 @@
+// import { computed } from 'vue'
+// import { debugWarn } from '@element-plus/utils'
+// import type { CSSProperties, ComputedRef } from 'vue'
+// import type { SliderInitData, SliderProps } from '../slider'
+import { computed, unref } from '@type-dom/signals';
+import { debugWarn } from '@type-dom/utils';
+export const useStops = (props, initData, minValue, maxValue) => {
+    // console.error('useStops . ');
+    // console.error('props.step is ', props.step);
+    const stops = computed(() => {
+        if (!props.showStops || unref(props.min) > unref(props.max))
+            return [];
+        if (props.step === 0) {
+            debugWarn('TdSlider', 'step should not be 0.');
+            return [];
+        }
+        const stopCount = (unref(props.max) - unref(props.min)) / props.step;
+        const stepWidth = (100 * props.step) / (unref(props.max) - unref(props.min));
+        const result = Array.from({ length: stopCount - 1 }).map((_, index) => (index + 1) * stepWidth);
+        if (props.range) {
+            return result.filter((step) => {
+                return (step <
+                    (100 * (minValue.get() - unref(props.min))) / (unref(props.max) - unref(props.min)) ||
+                    step > (100 * (maxValue.get() - unref(props.min))) / (unref(props.max) - unref(props.min)));
+            });
+        }
+        else {
+            return result.filter((step) => step >
+                (100 * (initData.firstValue.get() - unref(props.min))) / (unref(props.max) - unref(props.min)));
+        }
+    });
+    const getStopStyle = (position) => {
+        return props.vertical
+            ? { bottom: `${position}%` }
+            : { left: `${position}%` };
+    };
+    return {
+        stops,
+        getStopStyle,
+    };
+};
+//# sourceMappingURL=use-stops.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { Computed } from '@type-dom/signals';
+import { FormItemContext } from '../../td-form/td-form.interface';
+import { SliderInitData, SliderProps } from '../td-slider.interface';
+export declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: Computed<number>, maxValue: Computed<number>, emit: any, elFormItem: FormItemContext) => void;
+//# sourceMappingURL=use-watch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-watch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/composables/use-watch.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAgB,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErE,eAAO,MAAM,QAAQ,UACZ,WAAW,YACR,cAAc,YACd,QAAQ,CAAC,MAAM,CAAC,YAChB,QAAQ,CAAC,MAAM,CAAC,QACpB,GAAG,cACG,eAAe,SA+F5B,CAAA"}

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

@@ -0,0 +1,94 @@
+// import { watch } from 'vue'
+// import { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
+// import { debugWarn, isArray, isNumber, throwError } from '@element-plus/utils'
+// import type { ComputedRef, SetupContext } from 'vue'
+// import type { Arrayable } from '@element-plus/utils'
+// import type { FormItemContext } from '@element-plus/components/form'
+// import type { SliderEmits, SliderInitData, SliderProps } from '../slider'
+import { debugWarn, isArray, isNumber, throwError, } from '@type-dom/utils';
+import { unref, watch } from '@type-dom/signals';
+import { INPUT_EVENT, UPDATE_MODEL_EVENT } from '../../../../constants/event';
+export const useWatch = (props, initData, minValue, maxValue, emit, //SetupContext<SliderEmits>['emit'],
+elFormItem) => {
+    const _emit = (val) => {
+        emit(UPDATE_MODEL_EVENT, val);
+        emit(INPUT_EVENT, val);
+    };
+    const valueChanged = () => {
+        if (props.range) {
+            return ![minValue.get(), maxValue.get()].every((item, index) => item === initData.oldValue[index]);
+        }
+        else {
+            return props.modelValue !== initData.oldValue;
+        }
+    };
+    const setValues = () => {
+        var _a, _b;
+        if (unref(props.min) > unref(props.max)) {
+            throwError('Slider', 'min should not be greater than max.');
+        }
+        const val = props.modelValue;
+        if (props.range && isArray(val)) {
+            if (val[1] < unref(props.min)) {
+                _emit([unref(props.min), unref(props.min)]);
+            }
+            else if (val[0] > unref(props.max)) {
+                _emit([unref(props.max), unref(props.max)]);
+            }
+            else if (val[0] < unref(props.min)) {
+                _emit([unref(props.min), val[1]]);
+            }
+            else if (val[1] > unref(props.max)) {
+                _emit([val[0], unref(props.max)]);
+            }
+            else {
+                initData.firstValue.set(val[0]);
+                initData.secondValue.set(val[1]);
+                if (valueChanged()) {
+                    if (props.validateEvent) {
+                        (_a = elFormItem === null || elFormItem === void 0 ? void 0 : elFormItem.validate) === null || _a === void 0 ? void 0 : _a.call(elFormItem, 'change').catch((err) => debugWarn(err));
+                    }
+                    initData.oldValue = val.slice();
+                }
+            }
+        }
+        else if (!props.range && isNumber(val) && !Number.isNaN(val)) {
+            if (val < unref(props.min)) {
+                _emit(unref(props.min));
+            }
+            else if (val > unref(props.max)) {
+                _emit(unref(props.max));
+            }
+            else {
+                initData.firstValue.set(val);
+                if (valueChanged()) {
+                    if (props.validateEvent) {
+                        (_b = elFormItem === null || elFormItem === void 0 ? void 0 : elFormItem.validate) === null || _b === void 0 ? void 0 : _b.call(elFormItem, 'change').catch((err) => debugWarn(err));
+                    }
+                    initData.oldValue = val;
+                }
+            }
+        }
+    };
+    setValues();
+    watch(() => initData.dragging, (val) => {
+        if (!val) {
+            setValues();
+        }
+    });
+    watch(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, (val, oldVal) => {
+        if (initData.dragging ||
+            (isArray(val) &&
+                isArray(oldVal) &&
+                val.every((item, index) => item === oldVal[index]) &&
+                initData.firstValue.get() === val[0] &&
+                initData.secondValue.get() === val[1])) {
+            return;
+        }
+        setValues();
+    });
+    watch(() => [unref(props.min), unref(props.max)], () => {
+        setValues();
+    });
+};
+//# sourceMappingURL=use-watch.js.map

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

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

package/dist/src/components/form/td-slider/constants.d.ts

@@ -0,0 +1,12 @@
+import { Computed, Ref } from '@type-dom/signals';
+import { InjectionKey } from '@type-dom/framework';
+import type { SliderProps } from './td-slider.interface';
+export interface SliderContext extends SliderProps {
+    precision: Computed<number>;
+    sliderSize: Ref<number>;
+    emitChange: () => void;
+    resetSize: () => void;
+    updateDragging: (val: boolean) => void;
+}
+export declare const sliderContextKey: InjectionKey<SliderContext>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/src/components/form/td-slider/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC3B,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,aAAa,CAC7B,CAAA"}

package/dist/src/components/form/td-slider/constants.js

@@ -0,0 +1,2 @@
+export const sliderContextKey = Symbol('sliderContextKey');
+//# sourceMappingURL=constants.js.map

package/dist/src/components/form/td-slider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/constants.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,gBAAgB,GAC3B,MAAM,CAAC,kBAAkB,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+import { TypeDiv } from '@type-dom/framework';
+import { SliderMarkerProps } from './mark.interface';
+export declare class TdSliderMarker extends TypeDiv {
+    className: 'TdSliderMarker';
+    props: SliderMarkerProps;
+    constructor(params?: SliderMarkerProps);
+    setup(): void;
+}
+//# sourceMappingURL=mark.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mark.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/mark/mark.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAI9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,qBAAa,cAAe,SAAQ,OAAO;IACzC,SAAS,EAAE,gBAAgB,CAAC;IACnB,KAAK,EAAE,iBAAiB,CAAC;gBACtB,MAAM,GAAE,iBAAsB;IAMjC,KAAK;CAef"}

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

@@ -0,0 +1,24 @@
+import { TypeDiv } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { isString } from '@type-dom/utils';
+import { useNamespace } from '../../../../hooks/use-namespace';
+export class TdSliderMarker extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdSliderMarker';
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('slider');
+        const label = computed(() => {
+            return isString(props.mark) ? props.mark : props.mark.label;
+        });
+        const style = computed(() => isString(props.mark) ? undefined : props.mark.style);
+        this.attr.addClass(ns.e('marks-text'));
+        this.style.addObj(style);
+        // this.addChild(new TextNode(label)); // 会重复
+        this.slotChildren(label);
+    }
+}
+//# sourceMappingURL=mark.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mark.class.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/mark/mark.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,MAAM,OAAO,cAAe,SAAQ,OAAO;IAGzC,YAAY,SAA4B,EAAE;QACxC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC1B,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAK,CAAC,KAAK,CAAA;QAC9D,CAAC,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1B,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAK,CAAC,KAAK,CACrD,CAAA;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,6CAA6C;QAC7C,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;CACF"}

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

@@ -0,0 +1,9 @@
+import { IStyle } from '@type-dom/css-type';
+import { TypeDivProps } from '@type-dom/framework';
+export interface SliderMarkerProps extends TypeDivProps {
+    mark?: string | {
+        style: IStyle;
+        label: any;
+    };
+}
+//# sourceMappingURL=mark.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mark.interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/mark/mark.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,GAAG,CAAC;KACZ,CAAA;CACJ"}

package/dist/src/components/form/td-slider/mark/mark.interface.js

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

package/dist/src/components/form/td-slider/mark/mark.interface.js.map

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

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

@@ -0,0 +1,5 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-slider.css';
+import '@element-plus/components/input-number/style/css';
+import '@element-plus/components/tooltip/style/css';
+//# sourceMappingURL=css.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-slider.css';
+import '@element-plus/components/input-number/style/css';
+import '@element-plus/components/tooltip/style/css';
+//# sourceMappingURL=css.js.map

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

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

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

@@ -0,0 +1,5 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/slider.scss';
+import '../../../../components/form/td-input-number/style';
+import '../../../../components/feedback/td-tooltip/style';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,kDAAkD,CAAC"}

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

@@ -0,0 +1,5 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/slider.scss';
+import '../../../../components/form/td-input-number/style';
+import '../../../../components/feedback/td-tooltip/style';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-slider/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,kDAAkD,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TypeDiv } from '@type-dom/framework';
+import { ITdSlider, SliderProps } from './td-slider.interface';
+import './style/index';
+export declare class TdSlider extends TypeDiv implements ITdSlider {
+    className: 'TdSlider';
+    props: SliderProps;
+    constructor(params?: SliderProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-slider.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-slider.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/td-slider.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,OAAO,EAAoB,MAAM,qBAAqB,CAAC;AAgB3G,OAAO,EACL,SAAS,EACT,WAAW,EAGZ,MAAM,uBAAuB,CAAC;AAG/B,OAAO,eAAe,CAAC;AAEvB,qBAAa,QAAS,SAAQ,OAAQ,YAAW,SAAS;IACxD,SAAS,EAAE,UAAU,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;gBAEhB,MAAM,GAAE,WAAgB;IAU3B,KAAK;CAyRf"}