@type-dom/ui 0.1.3 → 0.2.0

package/src/components/form/td-date-picker/composables/use-range-picker.js

@@ -1,87 +0,0 @@
-"use strict";
-// import { getCurrentInstance, inject, ref, unref, watch } from 'vue'
-// import { isArray } from '@element-plus/utils'
-// import { useLocale, useNamespace } from '@element-plus/hooks'
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRangePicker = void 0;
-const signals_1 = require("@type-dom/signals");
-const utils_1 = require("@type-dom/utils");
-const framework_1 = require("@type-dom/framework");
-const use_namespace_1 = require("../../../../hooks/use-namespace");
-const use_locale_1 = require("../../../../hooks/use-locale");
-const utils_2 = require("../utils");
-const constants_1 = require("../constants");
-const use_shortcut_1 = require("./use-shortcut");
-const useRangePicker = (props, { defaultValue, leftDate, rightDate, unit, onParsedValueChanged, }) => {
-    const { emit } = (0, framework_1.getCurrentInstance)();
-    const { pickerNs } = (0, framework_1.inject)(constants_1.ROOT_PICKER_INJECTION_KEY);
-    const drpNs = (0, use_namespace_1.useNamespace)('date-range-picker');
-    const { t, lang } = (0, use_locale_1.useLocale)();
-    const handleShortcutClick = (0, use_shortcut_1.useShortcut)(lang);
-    const minDate = (0, signals_1.signal)();
-    const maxDate = (0, signals_1.signal)();
-    const rangeState = (0, signals_1.signal)({
-        endDate: null,
-        selecting: false,
-    });
-    const handleChangeRange = (val) => {
-        rangeState.set(val);
-    };
-    const handleRangeConfirm = (visible = false) => {
-        const _minDate = (0, signals_1.unref)(minDate);
-        const _maxDate = (0, signals_1.unref)(maxDate);
-        if ((0, utils_2.isValidRange)([_minDate, _maxDate])) {
-            emit('pick', [_minDate, _maxDate], visible);
-        }
-    };
-    const onSelect = (selecting) => {
-        rangeState.get().selecting = selecting;
-        if (!selecting) {
-            rangeState.get().endDate = null;
-        }
-    };
-    const onReset = (parsedValue) => {
-        if ((0, utils_1.isArray)(parsedValue) && parsedValue.length === 2) {
-            const [start, end] = parsedValue;
-            minDate.set(start);
-            leftDate.set(start);
-            maxDate.set(end);
-            onParsedValueChanged((0, signals_1.unref)(minDate), (0, signals_1.unref)(maxDate));
-        }
-        else {
-            restoreDefault();
-        }
-    };
-    const restoreDefault = () => {
-        const [start, end] = (0, utils_2.getDefaultValue)((0, signals_1.unref)(defaultValue), {
-            lang: (0, signals_1.unref)(lang),
-            unit,
-            unlinkPanels: props.unlinkPanels,
-        });
-        minDate.set(undefined);
-        maxDate.set(undefined);
-        leftDate.set(start);
-        rightDate.set(end);
-    };
-    (0, signals_1.watch)(defaultValue, (val) => {
-        if (val) {
-            restoreDefault();
-        }
-    }, { immediate: true });
-    (0, signals_1.watch)(() => props.parsedValue, onReset, { immediate: true });
-    return {
-        minDate,
-        maxDate,
-        rangeState,
-        lang,
-        ppNs: pickerNs,
-        drpNs,
-        handleChangeRange,
-        handleRangeConfirm,
-        handleShortcutClick,
-        onSelect,
-        onReset,
-        t,
-    };
-};
-exports.useRangePicker = useRangePicker;

package/src/components/form/td-date-picker/composables/use-shortcut.d.ts

@@ -1,8 +0,0 @@
-import type { RangePickerSharedEmits } from '../props/shared';
-import { useLocale } from '../../../../hooks/use-locale';
-export type Shortcut = {
-    text: string;
-    value: [Date, Date] | (() => [Date, Date]);
-    onClick?: (ctx: Omit<RangePickerSharedEmits, 'expose'>) => void;
-};
-export declare const useShortcut: (lang: ReturnType<typeof useLocale>["lang"]) => (shortcut: Shortcut) => void;

package/src/components/form/td-date-picker/composables/use-shortcut.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShortcut = void 0;
-// import { getCurrentInstance, useAttrs, useSlots } from 'vue'
-const dayjs_1 = require("dayjs");
-const framework_1 = require("@type-dom/framework");
-const utils_1 = require("@type-dom/utils");
-const useShortcut = (lang) => {
-    const { emit } = (0, framework_1.getCurrentInstance)();
-    const attrs = (0, framework_1.useAttrs)();
-    const slots = (0, framework_1.useSlots)();
-    const handleShortcutClick = (shortcut) => {
-        const shortcutValues = (0, utils_1.isFunction)(shortcut.value)
-            ? shortcut.value()
-            : shortcut.value;
-        if (shortcutValues) {
-            emit('pick', [
-                (0, dayjs_1.default)(shortcutValues[0]).locale(lang.get()),
-                (0, dayjs_1.default)(shortcutValues[1]).locale(lang.get()),
-            ]);
-            return;
-        }
-        if (shortcut.onClick) {
-            shortcut.onClick({
-                attrs, // todo
-                slots,
-                emit,
-            });
-        }
-    };
-    return handleShortcutClick;
-};
-exports.useShortcut = useShortcut;

package/src/components/form/td-date-picker/composables/use-year-range-header.d.ts

@@ -1,16 +0,0 @@
-import type { Dayjs } from 'dayjs';
-import { ToRef, Ref } from '@type-dom/signals';
-export declare const useYearRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
-    unlinkPanels: ToRef<boolean>;
-    leftDate: Ref<Dayjs>;
-    rightDate: Ref<Dayjs>;
-}) => {
-    leftPrevYear: () => void;
-    rightNextYear: () => void;
-    leftNextYear: () => void;
-    rightPrevYear: () => void;
-    leftLabel: import("@type-dom/signals").Computed<string>;
-    rightLabel: import("@type-dom/signals").Computed<string>;
-    leftYear: import("@type-dom/signals").Computed<number>;
-    rightYear: import("@type-dom/signals").Computed<number>;
-};

package/src/components/form/td-date-picker/composables/use-year-range-header.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useYearRangeHeader = void 0;
-const signals_1 = require("@type-dom/signals");
-const useYearRangeHeader = ({ unlinkPanels, leftDate, rightDate, }) => {
-    const leftPrevYear = () => {
-        leftDate.set(leftDate.get().subtract(10, 'year'));
-        if (!unlinkPanels.get()) {
-            rightDate.set(rightDate.get().subtract(10, 'year'));
-        }
-    };
-    const rightNextYear = () => {
-        if (!unlinkPanels.get()) {
-            leftDate.set(leftDate.get().add(10, 'year'));
-        }
-        rightDate.set(rightDate.get().add(10, 'year'));
-    };
-    const leftNextYear = () => {
-        leftDate.set(leftDate.get().add(10, 'year'));
-    };
-    const rightPrevYear = () => {
-        rightDate.set(rightDate.get().subtract(10, 'year'));
-    };
-    const leftLabel = (0, signals_1.computed)(() => {
-        const leftStartDate = Math.floor(leftDate.get().year() / 10) * 10;
-        return `${leftStartDate}-${leftStartDate + 9}`;
-    });
-    const rightLabel = (0, signals_1.computed)(() => {
-        const rightStartDate = Math.floor(rightDate.get().year() / 10) * 10;
-        return `${rightStartDate}-${rightStartDate + 9}`;
-    });
-    const leftYear = (0, signals_1.computed)(() => {
-        const leftEndDate = Math.floor(leftDate.get().year() / 10) * 10 + 9;
-        return leftEndDate;
-    });
-    const rightYear = (0, signals_1.computed)(() => {
-        const rightStartDate = Math.floor(rightDate.get().year() / 10) * 10;
-        return rightStartDate;
-    });
-    return {
-        leftPrevYear,
-        rightNextYear,
-        leftNextYear,
-        rightPrevYear,
-        leftLabel,
-        rightLabel,
-        leftYear,
-        rightYear,
-    };
-};
-exports.useYearRangeHeader = useYearRangeHeader;

package/src/components/form/td-date-picker/constants.d.ts

@@ -1,8 +0,0 @@
-import { InjectionKey, ISlots } from '@type-dom/framework';
-import { UseNamespaceReturn } from '../../../hooks/use-namespace';
-interface DatePickerContext {
-    slots: ISlots;
-    pickerNs: UseNamespaceReturn;
-}
-export declare const ROOT_PICKER_INJECTION_KEY: InjectionKey<DatePickerContext>;
-export {};

package/src/components/form/td-date-picker/constants.js

@@ -1,6 +0,0 @@
-"use strict";
-// import type { InjectionKey, SetupContext } from 'vue'
-// import type { UseNamespaceReturn } from '@element-plus/hooks'
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ROOT_PICKER_INJECTION_KEY = void 0;
-exports.ROOT_PICKER_INJECTION_KEY = Symbol();

package/src/components/form/td-date-picker/date-picker.type.d.ts

@@ -1,22 +0,0 @@
-import type { Dayjs } from 'dayjs';
-export declare type IDatePickerType = 'year' | 'years' | 'month' | 'months' | 'date' | 'dates' | 'week' | 'datetime' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange';
-type DateCellType = 'normal' | 'today' | 'week' | 'next-month' | 'prev-month';
-export interface DateCell {
-    column?: number;
-    customClass?: string;
-    disabled?: boolean;
-    end?: boolean;
-    inRange?: boolean;
-    row?: number;
-    selected?: Dayjs;
-    isCurrent?: boolean;
-    isSelected?: boolean;
-    start?: boolean;
-    text?: number;
-    renderText?: string;
-    timestamp?: number;
-    date?: Date;
-    dayjs?: Dayjs;
-    type?: DateCellType;
-}
-export {};

package/src/components/form/td-date-picker/date-picker.type.js

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

package/src/components/form/td-date-picker/panel-utils.js

@@ -1,24 +0,0 @@
-"use strict";
-// // import DatePickPanel from './date-picker-com/panel-date-pick.vue'
-// // import DateRangePickPanel from './date-picker-com/panel-date-range.vue'
-// // import MonthRangePickPanel from './date-picker-com/panel-month-range.vue'
-// // import YearRangePickPanel from './date-picker-com/panel-year-range.vue'
-// import type { IDatePickerType } from './date-picker.type';
-//
-// export const getPanel = function (type: IDatePickerType) {
-//   switch (type) {
-//     case 'daterange':
-//     case 'datetimerange': {
-//       return DateRangePickPanel;
-//     }
-//     case 'monthrange': {
-//       return MonthRangePickPanel;
-//     }
-//     case 'yearrange': {
-//       return YearRangePickPanel;
-//     }
-//     default: {
-//       return DatePickPanel;
-//     }
-//   }
-// };

package/src/components/form/td-date-picker/props/basic-cell.d.ts

@@ -1,4 +0,0 @@
-import type { DateCell } from '../date-picker.type';
-export interface BasicCellProps {
-    cell: DateCell;
-}

package/src/components/form/td-date-picker/props/basic-cell.js

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

package/src/components/form/td-date-picker/props/basic-date-table.d.ts

@@ -1,25 +0,0 @@
-import { DatePickerSharedProps, ISelectMode } from './shared';
-import type { Dayjs } from 'dayjs';
-export declare const basicDateTableProps: BasicDateTableProps;
-export declare const basicDateTableEmits: string[];
-export interface BasicDateTableProps extends DatePickerSharedProps {
-    cellClassName?: (date: Date) => string;
-    showWeekNumber?: boolean;
-    selectionMode?: ISelectMode;
-}
-export type BasicDateTableEmits = typeof basicDateTableEmits;
-export type RangePickerEmits = {
-    minDate: Dayjs;
-    maxDate: null;
-};
-export type DatePickerEmits = Dayjs;
-export type DatesPickerEmits = Dayjs[];
-export type MonthsPickerEmits = Dayjs[];
-export type YearsPickerEmits = Dayjs[];
-export type WeekPickerEmits = {
-    year: number;
-    week: number;
-    value: string;
-    date: Dayjs;
-};
-export type DateTableEmits = RangePickerEmits | DatePickerEmits | DatesPickerEmits | WeekPickerEmits;

package/src/components/form/td-date-picker/props/basic-date-table.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.basicDateTableEmits = exports.basicDateTableProps = void 0;
-// import { buildProps, definePropType } from '@element-plus/utils'
-const shared_1 = require("./shared");
-exports.basicDateTableProps = Object.assign(Object.assign({}, shared_1.datePickerSharedProps), { selectionMode: (0, shared_1.selectionModeWithDefault)('date') });
-exports.basicDateTableEmits = ['changerange', 'pick', 'select'];

package/src/components/form/td-date-picker/props/basic-month-table.d.ts

@@ -1,5 +0,0 @@
-import { DatePickerSharedProps, ISelectMode } from './shared';
-export declare const basicMonthTableProps: BasicMonthTableProps;
-export interface BasicMonthTableProps extends DatePickerSharedProps {
-    selectionMode: ISelectMode;
-}

package/src/components/form/td-date-picker/props/basic-month-table.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.basicMonthTableProps = void 0;
-// import { buildProps } from '@element-plus/utils'
-const shared_1 = require("./shared");
-// import type { ExtractPropTypes } from 'vue'
-exports.basicMonthTableProps = Object.assign(Object.assign({}, shared_1.datePickerSharedProps), { selectionMode: (0, shared_1.selectionModeWithDefault)('month') });

package/src/components/form/td-date-picker/props/basic-year-table.d.ts

@@ -1,5 +0,0 @@
-import { DatePickerSharedProps, ISelectMode } from './shared';
-export declare const basicYearTableProps: BasicYearTableProps;
-export interface BasicYearTableProps extends DatePickerSharedProps {
-    selectionMode: ISelectMode;
-}

package/src/components/form/td-date-picker/props/basic-year-table.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.basicYearTableProps = void 0;
-// import { buildProps } from '@element-plus/utils'
-const shared_1 = require("./shared");
-// import type { ExtractPropTypes } from 'vue'
-exports.basicYearTableProps = Object.assign(Object.assign({}, shared_1.datePickerSharedProps), { selectionMode: (0, shared_1.selectionModeWithDefault)('year') });

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

@@ -1,10 +0,0 @@
-import type { IDatePickerType } from '../date-picker.type';
-import { TimePickerDefaultProps } from '../../td-time-picker/common/props';
-export declare const datePickerProps: DatePickerProps;
-export interface DatePickerProps extends TimePickerDefaultProps {
-    /**
-     * @description type of the picker
-     *   default: 'date',
-     */
-    type?: IDatePickerType;
-}

package/src/components/form/td-date-picker/props/date-picker.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.datePickerProps = void 0;
-const props_1 = require("../../td-time-picker/common/props");
-exports.datePickerProps = Object.assign(Object.assign({}, props_1.timePickerDefaultProps), { 
-    /**
-     * @description type of the picker
-     */
-    type: 'date' });

package/src/components/form/td-date-picker/props/panel-date-pick.d.ts

@@ -1,8 +0,0 @@
-import { PanelSharedProps } from './shared';
-import type { Dayjs } from 'dayjs';
-export declare const panelDatePickProps: PanelDatePickProps;
-export interface PanelDatePickProps extends PanelSharedProps {
-    parsedValue?: Dayjs | Dayjs[];
-    visible?: boolean;
-    format?: string;
-}

package/src/components/form/td-date-picker/props/panel-date-pick.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.panelDatePickProps = void 0;
-// import { buildProps, definePropType } from '@element-plus/utils'
-const shared_1 = require("./shared");
-exports.panelDatePickProps = Object.assign(Object.assign({}, shared_1.panelSharedProps), { format: '' });

package/src/components/form/td-date-picker/props/panel-date-range.d.ts

@@ -1,5 +0,0 @@
-import { PanelRangeSharedProps, PanelSharedProps } from './shared';
-export declare const panelDateRangeProps: PanelDateRangeProps;
-export interface PanelDateRangeProps extends PanelSharedProps, PanelRangeSharedProps {
-    visible?: boolean;
-}

package/src/components/form/td-date-picker/props/panel-date-range.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.panelDateRangeProps = void 0;
-// import { buildProps } from '@element-plus/utils'
-const shared_1 = require("./shared");
-// import type { ExtractPropTypes } from 'vue'
-exports.panelDateRangeProps = Object.assign({}, shared_1.panelSharedProps);

package/src/components/form/td-date-picker/props/panel-month-range.d.ts

@@ -1,3 +0,0 @@
-import { PanelRangeSharedProps } from './shared';
-export declare const panelMonthRangeEmits: string[];
-export type PanelMonthRangeProps = PanelRangeSharedProps;

package/src/components/form/td-date-picker/props/panel-month-range.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.panelMonthRangeEmits = void 0;
-// import type { ExtractPropTypes } from 'vue'
-// export const panelMonthRangeProps = buildProps({
-//   // ...panelRangeSharedProps,
-// } as const)
-exports.panelMonthRangeEmits = [
-    'pick',
-    'set-picker-option',
-    'calendar-change',
-];

package/src/components/form/td-date-picker/props/panel-year-range.d.ts

@@ -1,3 +0,0 @@
-import { PanelRangeSharedProps } from './shared';
-export declare const panelYearRangeEmits: string[];
-export type PanelYearRangeProps = PanelRangeSharedProps;

package/src/components/form/td-date-picker/props/panel-year-range.js

@@ -1,12 +0,0 @@
-"use strict";
-// import { buildProps } from '@element-plus/utils'
-// import { panelRangeSharedProps } from './shared'
-//
-// import type { ExtractPropTypes } from 'vue'
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.panelYearRangeEmits = void 0;
-exports.panelYearRangeEmits = [
-    'pick',
-    'set-picker-option',
-    'calendar-change',
-];

package/src/components/form/td-date-picker/props/shared.d.ts

@@ -1,36 +0,0 @@
-import type { Dayjs } from 'dayjs';
-import { TypeProps } from '@type-dom/framework';
-import { DatePickType } from '../../../../constants/date';
-declare const selectionModes: string[];
-export type RangeState = {
-    endDate: null | Dayjs;
-    selecting: boolean;
-};
-export type DisabledDateType = (date: Date) => boolean;
-export interface DatePickerSharedProps extends TypeProps {
-    disabledDate?: DisabledDateType;
-    date?: Dayjs;
-    minDate?: Dayjs;
-    maxDate?: Dayjs;
-    parsedValue?: Dayjs | Dayjs[];
-    rangeState?: RangeState;
-}
-export declare const datePickerSharedProps: DatePickerSharedProps;
-export interface PanelSharedProps extends TypeProps {
-    type?: DatePickType;
-    dateFormat?: string;
-    timeFormat?: string;
-    showNow?: boolean;
-}
-export declare const panelSharedProps: PanelSharedProps;
-export interface PanelRangeSharedProps {
-    unlinkPanels?: boolean;
-    parsedValue?: Dayjs[];
-}
-export type ISelectMode = string;
-export declare const selectionModeWithDefault: (mode: (typeof selectionModes)[number]) => ISelectMode;
-export declare const rangePickerSharedEmits: {
-    pick: (range: [Dayjs, Dayjs]) => boolean;
-};
-export type RangePickerSharedEmits = typeof rangePickerSharedEmits;
-export {};

package/src/components/form/td-date-picker/props/shared.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rangePickerSharedEmits = exports.selectionModeWithDefault = exports.panelSharedProps = exports.datePickerSharedProps = void 0;
-const utils_1 = require("@type-dom/utils");
-const selectionModes = [
-    'date',
-    'dates',
-    'year',
-    'years',
-    'month',
-    'months',
-    'week',
-    'range',
-];
-exports.datePickerSharedProps = {
-    rangeState: {
-        endDate: null,
-        selecting: false,
-    },
-};
-exports.panelSharedProps = {
-    showNow: true,
-};
-//   type: StringConstructor;
-//   values: string[];
-//   default: string;
-// }
-const selectionModeWithDefault = (mode) => {
-    return mode;
-};
-exports.selectionModeWithDefault = selectionModeWithDefault;
-exports.rangePickerSharedEmits = {
-    pick: (range) => (0, utils_1.isArray)(range),
-};

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

@@ -1,6 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-date-picker.css';
-import '@element-plus/components/input/style/css';
-import '@element-plus/components/scrollbar/style/css';
-import '@element-plus/components/popper/style/css';
-import '@element-plus/components/button/style/css';

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

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

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

@@ -1,6 +0,0 @@
-import '../../../../components/base/style';
-import '../../../../theme-chalk/date-picker.scss';
-import '../../../../components/input/style';
-import '../../../../components/scrollbar/style';
-import '../../../../components/popper/style';
-import '../../../../components/button/style';

package/src/components/form/td-date-picker/style/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../../components/base/style");
-require("../../../../theme-chalk/date-picker.scss");
-require("../../../../components/input/style");
-require("../../../../components/scrollbar/style");
-require("../../../../components/popper/style");
-require("../../../../components/button/style");

package/src/components/form/td-date-picker/td-date-picker.class.js

@@ -1 +0,0 @@
-"use strict";

package/src/components/form/td-date-picker/td-date-picker.interface.js

@@ -1 +0,0 @@
-"use strict";

package/src/components/form/td-date-picker/utils.d.ts

@@ -1,12 +0,0 @@
-import dayjs from 'dayjs';
-import type { Dayjs } from 'dayjs';
-type DayRange = [Dayjs | undefined, Dayjs | undefined];
-export declare const isValidRange: (range: DayRange) => boolean;
-type GetDefaultValueParams = {
-    lang: string;
-    unit: 'month' | 'year';
-    unlinkPanels: boolean;
-};
-export type DefaultValue = [Date, Date] | Date | undefined;
-export declare const getDefaultValue: (defaultValue: DefaultValue, { lang, unit, unlinkPanels }: GetDefaultValueParams) => dayjs.Dayjs[];
-export {};