@sdata/web-vue 2.1.0 → 2.2.1

package/es/carousel/carousel-item.vue_vue_type_script_lang.js

@@ -1,44 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { carouselInjectionKey } from "./context.js";
-import { computed, defineComponent, getCurrentInstance, inject } from "vue";
-//#region components/carousel/carousel-item.vue?vue&type=script&lang.ts
-var carousel_item_vue_vue_type_script_lang_default = defineComponent({
-	name: "CarouselItem",
-	setup() {
-		const prefixCls = getPrefixCls("carousel-item");
-		const instance = getCurrentInstance();
-		const context = inject(carouselInjectionKey, {});
-		const index = computed(() => {
-			var _context$items$indexO, _context$items, _instance$uid;
-			return (_context$items$indexO = (_context$items = context.items) === null || _context$items === void 0 ? void 0 : _context$items.indexOf((_instance$uid = instance === null || instance === void 0 ? void 0 : instance.uid) !== null && _instance$uid !== void 0 ? _instance$uid : -1)) !== null && _context$items$indexO !== void 0 ? _context$items$indexO : -1;
-		});
-		const isCurrent = computed(() => {
-			var _context$mergedIndexe;
-			return ((_context$mergedIndexe = context.mergedIndexes) === null || _context$mergedIndexe === void 0 ? void 0 : _context$mergedIndexe.mergedIndex) === index.value;
-		});
-		return {
-			cls: computed(() => {
-				const { previousIndex, animationName, slideDirection, mergedIndexes } = context;
-				return {
-					[`${prefixCls}-prev`]: index.value === (mergedIndexes === null || mergedIndexes === void 0 ? void 0 : mergedIndexes.mergedPrevIndex),
-					[`${prefixCls}-next`]: index.value === (mergedIndexes === null || mergedIndexes === void 0 ? void 0 : mergedIndexes.mergedNextIndex),
-					[`${prefixCls}-current`]: isCurrent.value,
-					[`${prefixCls}-slide-in`]: animationName === "slide" && slideDirection && isCurrent.value,
-					[`${prefixCls}-slide-out`]: animationName === "slide" && slideDirection && index.value === previousIndex
-				};
-			}),
-			animationStyle: computed(() => {
-				const { transitionTimingFunction, moveSpeed } = context;
-				return {
-					transitionTimingFunction,
-					transitionDuration: `${moveSpeed}ms`,
-					animationTimingFunction: transitionTimingFunction,
-					animationDuration: `${moveSpeed}ms`
-				};
-			}),
-			isCurrent
-		};
-	}
-});
-//#endregion
-export { carousel_item_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/body.vue_vue_type_script_lang.js

@@ -1,62 +0,0 @@
-import { getDateValue } from "../../_utils/date.js";
-import render_function_default from "../../_components/render-function.js";
-import { isDisabledDate } from "../utils/index.js";
-import useCellClassName from "../hooks/use-cell-class-name.js";
-import { computed, defineComponent, reactive, toRefs } from "vue";
-//#region components/date-picker/panels/body.vue?vue&type=script&lang.ts
-var body_vue_vue_type_script_lang_default = defineComponent({
-	name: "PanelBody",
-	components: { RenderFunction: render_function_default },
-	props: {
-		prefixCls: {
-			type: String,
-			required: true
-		},
-		rows: {
-			type: Array,
-			default: () => []
-		},
-		value: { type: Object },
-		disabledDate: { type: Function },
-		isSameTime: {
-			type: Function,
-			required: true
-		},
-		mode: { type: String },
-		rangeValues: { type: Array },
-		dateRender: { type: Function }
-	},
-	emits: ["cell-click", "cell-mouse-enter"],
-	setup(props, { emit }) {
-		const { prefixCls, value, disabledDate, isSameTime, mode, rangeValues } = toRefs(props);
-		const { getCellClassName } = useCellClassName(reactive({
-			prefixCls,
-			value,
-			isSameTime,
-			mode,
-			rangeValues
-		}));
-		const isCellDisabled = (cellData) => isDisabledDate(cellData.value, disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.value, mode === null || mode === void 0 ? void 0 : mode.value);
-		return {
-			isWeek: computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) === "week"),
-			getCellClassName: (cellData) => {
-				return getCellClassName(cellData, isCellDisabled(cellData));
-			},
-			onCellClick: (cellData) => {
-				if (isCellDisabled(cellData)) return;
-				emit("cell-click", cellData);
-			},
-			onCellMouseEnter: (cellData) => {
-				if (isCellDisabled(cellData)) return;
-				emit("cell-mouse-enter", cellData);
-			},
-			onCellMouseLeave: (cellData) => {
-				if (isCellDisabled(cellData)) return;
-				emit("cell-mouse-enter", cellData);
-			},
-			getDateValue
-		};
-	}
-});
-//#endregion
-export { body_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/footer.vue_vue_type_script_lang.js

@@ -1,35 +0,0 @@
-import Button from "../../button/index.js";
-import Link from "../../link/index.js";
-import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
-import { defineComponent } from "vue";
-//#region components/date-picker/panels/footer.vue?vue&type=script&lang.ts
-var footer_vue_vue_type_script_lang_default = defineComponent({
-	name: "PanelFooter",
-	components: {
-		Link,
-		Button
-	},
-	props: {
-		prefixCls: {
-			type: String,
-			required: true
-		},
-		showTodayBtn: { type: Boolean },
-		showConfirmBtn: { type: Boolean },
-		confirmBtnDisabled: { type: Boolean }
-	},
-	emits: ["today-btn-click", "confirm-btn-click"],
-	setup(_, { emit }) {
-		return {
-			datePickerT: useDatePickerTransform(),
-			onTodayClick: () => {
-				emit("today-btn-click");
-			},
-			onConfirmBtnClick: () => {
-				emit("confirm-btn-click");
-			}
-		};
-	}
-});
-//#endregion
-export { footer_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/header.vue_vue_type_script_lang.js

@@ -1,58 +0,0 @@
-import { isFunction } from "../../_utils/is.js";
-import IconRight from "../../icon/icon-right/index.js";
-import IconLeft from "../../icon/icon-left/index.js";
-import render_function_default from "../../_components/render-function.js";
-import IconDoubleLeft from "../../icon/icon-double-left/index.js";
-import IconDoubleRight from "../../icon/icon-double-right/index.js";
-import { computed, defineComponent } from "vue";
-//#region components/date-picker/panels/header.vue?vue&type=script&lang.ts
-var header_vue_vue_type_script_lang_default = defineComponent({
-	name: "PanelHeader",
-	components: {
-		IconLeft,
-		IconRight,
-		IconDoubleLeft,
-		IconDoubleRight,
-		RenderFunction: render_function_default
-	},
-	props: {
-		prefixCls: {
-			type: String,
-			required: true
-		},
-		title: {
-			type: String,
-			required: true
-		},
-		mode: {
-			type: String,
-			default: "date"
-		},
-		value: { type: Object },
-		icons: { type: Object },
-		onPrev: { type: Function },
-		onSuperPrev: { type: Function },
-		onNext: { type: Function },
-		onSuperNext: { type: Function },
-		onLabelClick: { type: Function }
-	},
-	emits: ["label-click"],
-	setup(props) {
-		return {
-			showPrev: computed(() => isFunction(props.onPrev)),
-			showSuperPrev: computed(() => isFunction(props.onSuperPrev)),
-			showNext: computed(() => isFunction(props.onNext)),
-			showSuperNext: computed(() => isFunction(props.onSuperNext)),
-			year: computed(() => [
-				"date",
-				"quarter",
-				"month",
-				"week"
-			].includes(props.mode) && props.value ? props.value.format("YYYY") : ""),
-			month: computed(() => ["date", "week"].includes(props.mode) && props.value ? props.value.format("MM") : ""),
-			getIconClassName: (show) => [`${props.prefixCls}-header-icon`, { [`${props.prefixCls}-header-icon-hidden`]: !show }]
-		};
-	}
-});
-//#endregion
-export { header_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/quarter/index.vue_vue_type_script_lang.js

@@ -1,70 +0,0 @@
-import { getPrefixCls } from "../../../_utils/global-config.js";
-import { dayjs } from "../../../_utils/date.js";
-import { padStart } from "../../../_utils/pad.js";
-import body_default from "../body.js";
-import header_default from "../header.js";
-import { computed, defineComponent, toRefs } from "vue";
-//#region components/date-picker/panels/quarter/index.vue?vue&type=script&lang.ts
-var index_vue_vue_type_script_lang_default = defineComponent({
-	name: "QuarterPanel",
-	components: {
-		PanelHeader: header_default,
-		PanelBody: body_default
-	},
-	props: {
-		headerValue: {
-			type: Object,
-			required: true
-		},
-		headerOperations: {
-			type: Object,
-			default: () => ({})
-		},
-		headerIcons: {
-			type: Object,
-			default: () => ({})
-		},
-		value: { type: Object },
-		disabledDate: { type: Function },
-		rangeValues: { type: Array },
-		dateRender: { type: Function },
-		onHeaderLabelClick: { type: Function }
-	},
-	emits: ["select", "cell-mouse-enter"],
-	setup(props, { emit }) {
-		const { headerValue } = toRefs(props);
-		const prefixCls = computed(() => getPrefixCls("panel-quarter"));
-		const pickerPrefixCls = getPrefixCls("picker");
-		const headerTitle = computed(() => headerValue.value.format("YYYY"));
-		const rows = computed(() => {
-			const year = headerValue.value.year();
-			return [[
-				1,
-				2,
-				3,
-				4
-			].map((q) => ({
-				label: `Q${q}`,
-				value: dayjs(`${year}-${padStart((q - 1) * 3 + 1, 2, "0")}-01`)
-			}))];
-		});
-		const isSameTime = (current, target) => current.isSame(target, "month") || current.isSame(target, "year") && Math.floor(current.month() / 3) === Math.floor(target.month() / 3);
-		function onCellClick(cellData) {
-			emit("select", cellData.value);
-		}
-		function onCellMouseEnter(cellData) {
-			emit("cell-mouse-enter", cellData.value);
-		}
-		return {
-			prefixCls,
-			pickerPrefixCls,
-			headerTitle,
-			rows,
-			isSameTime,
-			onCellClick,
-			onCellMouseEnter
-		};
-	}
-});
-//#endregion
-export { index_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/shortcuts.vue_vue_type_script_lang.js

@@ -1,50 +0,0 @@
-import { isFunction } from "../../_utils/is.js";
-import Button from "../../button/index.js";
-import render_function_default from "../../_components/render-function.js";
-import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
-import { defineComponent } from "vue";
-//#region components/date-picker/panels/shortcuts.vue?vue&type=script&lang.ts
-var shortcuts_vue_vue_type_script_lang_default = defineComponent({
-	name: "PanelShortcuts",
-	components: {
-		Button,
-		RenderFunction: render_function_default
-	},
-	props: {
-		prefixCls: {
-			type: String,
-			required: true
-		},
-		shortcuts: {
-			type: Array,
-			default: () => []
-		},
-		showNowBtn: { type: Boolean }
-	},
-	emits: [
-		"item-click",
-		"item-mouse-enter",
-		"item-mouse-leave",
-		"now-click"
-	],
-	setup(props, { emit }) {
-		return {
-			datePickerT: useDatePickerTransform(),
-			onItemClick: (item) => {
-				emit("item-click", item);
-			},
-			onItemMouseEnter: (item) => {
-				emit("item-mouse-enter", item);
-			},
-			onItemMouseLeave: (item) => {
-				emit("item-mouse-leave", item);
-			},
-			onNowClick: () => {
-				emit("now-click");
-			},
-			isFunction
-		};
-	}
-});
-//#endregion
-export { shortcuts_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/week/index.vue_vue_type_script_lang.js

@@ -1,45 +0,0 @@
-import { useI18n } from "../../../locale/index.js";
-import { methods } from "../../../_utils/date.js";
-import date_default from "../date/index.js";
-import { defineComponent } from "vue";
-//#region components/date-picker/panels/week/index.vue?vue&type=script&lang.ts
-var index_vue_vue_type_script_lang_default = defineComponent({
-	name: "WeekPanel",
-	components: { DatePanel: date_default },
-	props: {
-		dayStartOfWeek: {
-			type: Number,
-			default: 0
-		},
-		headerValue: {
-			type: Object,
-			required: true
-		},
-		headerOperations: {
-			type: Object,
-			default: () => ({})
-		},
-		headerIcons: {
-			type: Object,
-			default: () => ({})
-		}
-	},
-	emits: ["select", "cell-mouse-enter"],
-	setup(props, { emit }) {
-		const { locale } = useI18n();
-		const isSameTime = (current, target) => {
-			return methods.isSameWeek(current, target, props.dayStartOfWeek);
-		};
-		return {
-			isSameTime,
-			onSelect: (value) => {
-				emit("select", methods.startOfWeek(value, props.dayStartOfWeek));
-			},
-			onCellMouseEnter: (value) => {
-				emit("cell-mouse-enter", methods.startOfWeek(value, props.dayStartOfWeek));
-			}
-		};
-	}
-});
-//#endregion
-export { index_vue_vue_type_script_lang_default as default };

package/es/date-picker/panels/week-list.vue_vue_type_script_lang.js

@@ -1,32 +0,0 @@
-import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
-import { computed, defineComponent } from "vue";
-//#region components/date-picker/panels/week-list.vue?vue&type=script&lang.ts
-var week_list_vue_vue_type_script_lang_default = defineComponent({
-	name: "PanelWeekList",
-	props: {
-		prefixCls: {
-			type: String,
-			required: true
-		},
-		weekList: {
-			type: Array,
-			required: true
-		}
-	},
-	setup() {
-		const datePickerT = useDatePickerTransform();
-		return { labelList: computed(() => {
-			return [
-				"sunday",
-				"monday",
-				"tuesday",
-				"wednesday",
-				"thursday",
-				"friday",
-				"saturday"
-			].map((i) => datePickerT(`datePicker.week.short.${i}`));
-		}) };
-	}
-});
-//#endregion
-export { week_list_vue_vue_type_script_lang_default as default };

package/es/date-picker/picker-panel.vue_vue_type_script_lang.js

@@ -1,175 +0,0 @@
-import { isFunction } from "../_utils/is.js";
-import { getDayjsValue, getNow } from "../_utils/date.js";
-import useHeaderValue from "./hooks/use-header-value.js";
-import render_function_default from "../_components/render-function.js";
-import date_default from "./panels/date/index.js";
-import footer_default from "./panels/footer.js";
-import month_default from "./panels/month/index.js";
-import quarter_default from "./panels/quarter/index.js";
-import shortcuts_default from "./panels/shortcuts.js";
-import week_default from "./panels/week/index.js";
-import year_default from "./panels/year/index.js";
-import { computed, defineComponent, reactive, toRefs, watch } from "vue";
-//#region components/date-picker/picker-panel.vue?vue&type=script&lang.ts
-var picker_panel_vue_vue_type_script_lang_default = defineComponent({
-	name: "DatePikerPanel",
-	components: {
-		DatePanel: date_default,
-		PanelShortcuts: shortcuts_default,
-		PanelFooter: footer_default,
-		WeekPanel: week_default,
-		MonthPanel: month_default,
-		YearPanel: year_default,
-		QuarterPanel: quarter_default,
-		RenderFunction: render_function_default
-	},
-	props: {
-		mode: { type: String },
-		headerMode: { type: String },
-		prefixCls: {
-			type: String,
-			required: true
-		},
-		value: { type: Object },
-		headerValue: {
-			type: Object,
-			required: true
-		},
-		timePickerValue: { type: Object },
-		showTime: { type: Boolean },
-		showConfirmBtn: { type: Boolean },
-		shortcuts: {
-			type: Array,
-			default: () => []
-		},
-		shortcutsPosition: {
-			type: String,
-			default: "bottom"
-		},
-		format: {
-			type: String,
-			required: true
-		},
-		dayStartOfWeek: {
-			type: Number,
-			default: 0
-		},
-		disabledDate: { type: Function },
-		disabledTime: { type: Function },
-		timePickerProps: { type: Object },
-		extra: { type: Function },
-		dateRender: { type: Function },
-		hideTrigger: { type: Boolean },
-		confirmBtnDisabled: { type: Boolean },
-		showNowBtn: { type: Boolean },
-		headerIcons: {
-			type: Object,
-			default: () => ({})
-		},
-		headerOperations: { type: Object },
-		abbreviation: { type: Boolean }
-	},
-	emits: [
-		"cell-click",
-		"time-picker-select",
-		"shortcut-click",
-		"shortcut-mouse-enter",
-		"shortcut-mouse-leave",
-		"confirm",
-		"today-btn-click",
-		"header-label-click",
-		"header-select",
-		"month-header-click"
-	],
-	setup(props, { emit }) {
-		const { prefixCls, shortcuts, shortcutsPosition, format, value, disabledDate, hideTrigger, showNowBtn, dateRender, showConfirmBtn, headerValue, headerIcons, headerOperations, headerMode } = toRefs(props);
-		const hasShortcuts = computed(() => Boolean(shortcuts.value && shortcuts.value.length));
-		const showShortcutsNowBtn = computed(() => showNowBtn.value && showConfirmBtn.value && !hasShortcuts.value);
-		const showShortcuts = computed(() => showShortcutsNowBtn.value || hasShortcuts.value);
-		const showShortcutsInLeft = computed(() => showShortcuts.value && shortcutsPosition.value === "left");
-		const showShortcutsInRight = computed(() => showShortcuts.value && shortcutsPosition.value === "right");
-		const showShortcutsInBottom = computed(() => showShortcuts.value && shortcutsPosition.value === "bottom");
-		const classNames = computed(() => [`${prefixCls.value}-container`, {
-			[`${prefixCls.value}-container-panel-only`]: hideTrigger.value,
-			[`${prefixCls.value}-container-shortcuts-placement-left`]: showShortcutsInLeft.value,
-			[`${prefixCls.value}-container-shortcuts-placement-right`]: showShortcutsInRight.value
-		}]);
-		const footerValue = computed(() => (value === null || value === void 0 ? void 0 : value.value) || getNow());
-		const { headerValue: headerPanelHeaderValue, setHeaderValue: setHeaderPanelHeaderValue, headerOperations: headerPanelHeaderOperations } = useHeaderValue(reactive({
-			mode: headerMode,
-			format
-		}));
-		watch(headerValue, (val) => {
-			setHeaderPanelHeaderValue(val);
-		});
-		function getShortcutValue(shortcut) {
-			const { value } = shortcut;
-			return getDayjsValue(isFunction(value) ? value() : value, shortcut.format || format.value);
-		}
-		function onShortcutClick(shortcut) {
-			emit("shortcut-click", getShortcutValue(shortcut), shortcut);
-		}
-		function onShortcutMouseEnter(shortcut) {
-			emit("shortcut-mouse-enter", getShortcutValue(shortcut));
-		}
-		function onShortcutMouseLeave(shortcut) {
-			emit("shortcut-mouse-leave", getShortcutValue(shortcut));
-		}
-		function onPanelSelect(date) {
-			emit("cell-click", date);
-		}
-		function onTimePickerSelect(time) {
-			emit("time-picker-select", time);
-		}
-		function onTodayBtnClick() {
-			emit("today-btn-click", getNow());
-		}
-		function onConfirmBtnClick() {
-			emit("confirm");
-		}
-		function onPanelHeaderLabelClick(type) {
-			emit("header-label-click", type);
-		}
-		function onHeaderPanelSelect(date) {
-			emit("header-select", date);
-		}
-		function onMonthHeaderLabelClick() {
-			emit("month-header-click");
-		}
-		return {
-			classNames,
-			showShortcutsInLeft,
-			showShortcutsInRight,
-			showShortcutsInBottom,
-			shortcutsProps: reactive({
-				prefixCls,
-				shortcuts,
-				showNowBtn: showShortcutsNowBtn,
-				onItemClick: onShortcutClick,
-				onItemMouseEnter: onShortcutMouseEnter,
-				onItemMouseLeave: onShortcutMouseLeave,
-				onNowClick: onTodayBtnClick
-			}),
-			commonPanelProps: reactive({
-				value,
-				headerValue,
-				headerIcons,
-				headerOperations,
-				disabledDate,
-				dateRender,
-				onSelect: onPanelSelect,
-				onHeaderLabelClick: onPanelHeaderLabelClick
-			}),
-			footerValue,
-			onTodayBtnClick,
-			onConfirmBtnClick,
-			onTimePickerSelect,
-			onHeaderPanelSelect,
-			headerPanelHeaderValue,
-			headerPanelHeaderOperations,
-			onMonthHeaderLabelClick
-		};
-	}
-});
-//#endregion
-export { picker_panel_vue_vue_type_script_lang_default as default };