@sdata/web-vue 3.30.0 → 4.0.0

package/es/date-picker/pickers/week-picker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import picker_default from "../picker.js";
+import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
+//#region components/date-picker/pickers/week-picker.vue?vue&type=script&setup=true&lang.ts
+var week_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "WeekPicker",
+	inheritAttrs: false
+}), {}, {
+	__name: "week-picker",
+	props: {
+		/**
+		* @zh 绑定值
+		* @en Value
+		*/
+		modelValue: { type: [
+			Object,
+			String,
+			Number
+		] },
+		/**
+		* @zh 默认值
+		* @en Default value
+		*/
+		defaultValue: { type: [
+			Object,
+			String,
+			Number
+		] },
+		/**
+		* @zh 展示日期的格式，参考[字符串解析格式](#字符串解析格式)
+		* @en Display the format of the date, refer to [String Parsing Format](#String Parsing Format)
+		*/
+		format: {
+			type: String,
+			default: "gggg-wo"
+		},
+		/**
+		* @zh 值的格式，对 `value` `defaultValue` `pickerValue` `defaultPickerValue` 以及事件中的返回值生效，支持设置为时间戳，Date 和字符串（参考[字符串解析格式](#字符串解析格式)）。
+		* @en The format of the value, valid for `value` `defaultValue` `pickerValue` `defaultPickerValue` and the return value in the event, supports setting as timestamp, Date and string (refer to [String parsing format](#string-parsing-format) ).
+		* @version 2.16.0
+		*/
+		valueFormat: {
+			type: String,
+			default: "YYYY-MM-DD"
+		},
+		/**
+		* @zh 每周的第一天开始于周几，0 - 周日，1 - 周一，以此类推。
+		* @en The first day of the week starts on the day of the week, 0-Sunday, 1-Monday, and so on.
+		* @type 0 | 1 | 2 | 3 | 4 | 5 | 6
+		* @version 2-6 from 2.21.0
+		*/
+		dayStartOfWeek: {
+			type: Number,
+			default: 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(picker_default, mergeProps(_objectSpread2(_objectSpread2({}, props), _ctx.$attrs), { mode: "week" }), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+				return {
+					name,
+					fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData !== null && slotData !== void 0 ? slotData : {})))])
+				};
+			})]), 1040);
+		};
+	}
+}));
+//#endregion
+export { week_picker_vue_vue_type_script_setup_true_lang_default as default };

package/es/date-picker/pickers/year-picker.js

@@ -1,39 +1,5 @@
-import picker_default from "../picker.js";
-import { createVNode, defineComponent, mergeProps } from "vue";
-//#region components/date-picker/pickers/year-picker.tsx
-var year_picker_default = /* @__PURE__ */ defineComponent({
-	name: "YearPicker",
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		*/
-		modelValue: { type: [
-			Object,
-			String,
-			Number
-		] },
-		/**
-		* @zh 默认值
-		* @en Default value
-		*/
-		defaultValue: { type: [
-			Object,
-			String,
-			Number
-		] },
-		/**
-		* @zh 展示日期的格式，参考[字符串解析格式](#字符串解析格式)
-		* @en Display the format of the date, refer to [String Parsing Format](#String Parsing Format)
-		*/
-		format: {
-			type: String,
-			default: "YYYY"
-		}
-	},
-	setup(props, { attrs, slots }) {
-		return () => createVNode(picker_default, mergeProps(props, attrs, { "mode": "year" }), slots);
-	}
-});
+import year_picker_vue_vue_type_script_setup_true_lang_default from "./year-picker.vue_vue_type_script_setup_true_lang.js";
+//#region components/date-picker/pickers/year-picker.vue
+var year_picker_default = year_picker_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { year_picker_default as default };

package/es/date-picker/pickers/year-picker.vue.d.ts

@@ -0,0 +1,38 @@
+import type { PropType } from 'vue';
+declare var __VLS_10: string, __VLS_11: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Date | string | number>;
+    };
+    defaultValue: {
+        type: PropType<Date | string | number>;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Date | string | number>;
+    };
+    defaultValue: {
+        type: PropType<Date | string | number>;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    format: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/date-picker/pickers/year-picker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import picker_default from "../picker.js";
+import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
+//#region components/date-picker/pickers/year-picker.vue?vue&type=script&setup=true&lang.ts
+var year_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "YearPicker",
+	inheritAttrs: false
+}), {}, {
+	__name: "year-picker",
+	props: {
+		/**
+		* @zh 绑定值
+		* @en Value
+		*/
+		modelValue: { type: [
+			Object,
+			String,
+			Number
+		] },
+		/**
+		* @zh 默认值
+		* @en Default value
+		*/
+		defaultValue: { type: [
+			Object,
+			String,
+			Number
+		] },
+		/**
+		* @zh 展示日期的格式，参考[字符串解析格式](#字符串解析格式)
+		* @en Display the format of the date, refer to [String Parsing Format](#String Parsing Format)
+		*/
+		format: {
+			type: String,
+			default: "YYYY"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(picker_default, mergeProps(_objectSpread2(_objectSpread2({}, props), _ctx.$attrs), { mode: "year" }), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+				return {
+					name,
+					fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData !== null && slotData !== void 0 ? slotData : {})))])
+				};
+			})]), 1040);
+		};
+	}
+}));
+//#endregion
+export { year_picker_vue_vue_type_script_setup_true_lang_default as default };

package/es/date-picker/range-picker-panel.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { isArray, isFunction } from "../_utils/is.js";
 import { getDayjsValue } from "../_utils/date.js";
 import { normalizeRangeValue } from "./utils/index.js";

package/es/date-picker/range-picker.vue.d.ts

@@ -1653,8 +1653,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
-    mode: "month" | "year" | "date" | "week" | "quarter";
     disabledInput: boolean;
+    mode: "month" | "year" | "date" | "week" | "quarter";
     showTime: boolean;
     hideNotInViewDates: boolean;
     dayStartOfWeek: WeekStart;

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,15 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean } from "../_utils/is.js";
 import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import useState from "../_hooks/use-state.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import Trigger from "../trigger/index.js";
-import useState from "../_hooks/use-state.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import { dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";

package/es/descriptions/descriptions-item.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { defineComponent, renderSlot } from "vue";
 //#region components/descriptions/descriptions-item.vue?vue&type=script&setup=true&lang.ts

package/es/descriptions/descriptions.js

@@ -1,234 +1,5 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isFunction, isObject } from "../_utils/is.js";
-import { getAllElements, isSlotsChildren } from "../_utils/vue-utils.js";
-import { useSize } from "../_hooks/use-size.js";
-import { useResponsiveState } from "../grid/hook/use-responsive-state.js";
-import { Fragment, computed, createVNode, defineComponent, isVNode, toRefs } from "vue";
-//#region components/descriptions/descriptions.tsx
-var descriptions_default = /* @__PURE__ */ defineComponent({
-	name: "Descriptions",
-	props: {
-		/**
-		* @zh 描述列表的数据
-		* @en Data for descriptions
-		*/
-		data: {
-			type: Array,
-			default: () => []
-		},
-		/**
-		* @zh 每行放置的数据个数。2.20.0 版本支持响应式配置，配置可参考 Grid
-		* @en The number of data placed in each row. Version 2.20.0 supports reactive configuration, the configuration can refer to Grid
-		*/
-		column: {
-			type: [Number, Object],
-			default: 3
-		},
-		/**
-		* @zh 描述列表的标题
-		* @en Title of descriptions
-		*/
-		title: String,
-		/**
-		* @zh 描述列表的排列方式
-		* @en Arrangement of descriptions
-		*/
-		layout: {
-			type: String,
-			default: "horizontal"
-		},
-		/**
-		*  @zh 文字的对齐位置
-		*  @en Alignment position of text
-		*/
-		align: {
-			type: [String, Object],
-			default: "left"
-		},
-		/**
-		* @zh 描述列表的大小
-		* @en The size of the descriptions
-		* @values 'mini', 'small', 'medium', 'large'
-		*/
-		size: { type: String },
-		/**
-		* @zh 是否显示边框
-		* @en Whether to show the border
-		*/
-		bordered: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 数据标签的样式
-		* @en Data label style
-		*/
-		labelStyle: { type: Object },
-		/**
-		* @zh 数据内容的样式
-		* @en Data content style
-		*/
-		valueStyle: { type: Object },
-		/**
-		* @zh 描述中表格样式的 `layout-fixed`，当设置成 `fixed` 时，宽度会均分。
-		* @en The `layout-fixed` of the table style in the description. The width will be evenly distributed when it's set to `fixed`.
-		* @defaultValue 'auto'
-		* @version 2.38.0
-		*/
-		tableLayout: {
-			type: String,
-			default: "auto"
-		}
-	},
-	/**
-	* @zh 标题
-	* @en Title
-	* @slot title
-	*/
-	/**
-	* @zh 数据标签
-	* @en Data label
-	* @slot label
-	* @binding {string} label
-	* @binding {number} index
-	* @binding {DescData} data
-	*/
-	/**
-	* @zh 数据内容
-	* @en Data value
-	* @slot value
-	* @binding {string} value
-	* @binding {number} index
-	* @binding {DescData} data
-	*/
-	setup(props, { slots }) {
-		const { column, size } = toRefs(props);
-		const prefixCls = getPrefixCls("descriptions");
-		const { mergedSize } = useSize(size);
-		const computedColumn = useResponsiveState(column, 3, true);
-		const labelAlign = computed(() => {
-			var _ref;
-			return (_ref = isObject(props.align) ? props.align.label : props.align) !== null && _ref !== void 0 ? _ref : "left";
-		});
-		const valueAlign = computed(() => {
-			var _ref2;
-			return (_ref2 = isObject(props.align) ? props.align.value : props.align) !== null && _ref2 !== void 0 ? _ref2 : "left";
-		});
-		const labelStyle = computed(() => _objectSpread2({ textAlign: labelAlign.value }, props.labelStyle));
-		const valueStyle = computed(() => _objectSpread2({ textAlign: valueAlign.value }, props.valueStyle));
-		const getGroupedData = (data) => {
-			const groupedData = [];
-			let currentRow = [];
-			let currentSpan = 0;
-			const addRow = () => {
-				if (currentRow.length) {
-					const restSpan = computedColumn.value - currentSpan;
-					currentRow[currentRow.length - 1].span += restSpan;
-					groupedData.push(currentRow);
-				}
-			};
-			data.forEach((item) => {
-				var _ref3, _item$props;
-				const itemSpan = Math.min((_ref3 = isVNode(item) ? (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.span : item.span) !== null && _ref3 !== void 0 ? _ref3 : 1, computedColumn.value);
-				if (currentSpan + itemSpan > computedColumn.value) {
-					addRow();
-					currentRow = [];
-					currentSpan = 0;
-				}
-				currentRow.push({
-					data: item,
-					span: itemSpan
-				});
-				currentSpan += itemSpan;
-			});
-			addRow();
-			return groupedData;
-		};
-		const groupedData = computed(() => {
-			var _props$data;
-			return getGroupedData((_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : []);
-		});
-		const renderLabel = (item, index) => {
-			var _slots$label, _slots$label2;
-			if (isVNode(item)) {
-				var _item$children$label, _item$children, _item$props2;
-				return isSlotsChildren(item, item.children) && ((_item$children$label = (_item$children = item.children).label) === null || _item$children$label === void 0 ? void 0 : _item$children$label.call(_item$children)) || ((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.label);
-			}
-			return (_slots$label = (_slots$label2 = slots.label) === null || _slots$label2 === void 0 ? void 0 : _slots$label2.call(slots, {
-				label: item.label,
-				index,
-				data: item
-			})) !== null && _slots$label !== void 0 ? _slots$label : isFunction(item.label) ? item.label() : item.label;
-		};
-		const renderValue = (item, index) => {
-			var _slots$value, _slots$value2;
-			if (isVNode(item)) return item;
-			return (_slots$value = (_slots$value2 = slots.value) === null || _slots$value2 === void 0 ? void 0 : _slots$value2.call(slots, {
-				value: item.value,
-				index,
-				data: item
-			})) !== null && _slots$value !== void 0 ? _slots$value : isFunction(item.value) ? item.value() : item.value;
-		};
-		const renderVerticalItems = (data) => createVNode(Fragment, null, [createVNode("tr", { "class": `${prefixCls}-row` }, [data.map((item, index) => createVNode("td", {
-			"key": `label-${index}`,
-			"class": [`${prefixCls}-item-label`, `${prefixCls}-item-label-block`],
-			"style": labelStyle.value,
-			"colspan": item.span
-		}, [renderLabel(item.data, index)]))]), createVNode("tr", { "class": `${prefixCls}-row` }, [data.map((item, index) => createVNode("td", {
-			"key": `value-${index}`,
-			"class": [`${prefixCls}-item-value`, `${prefixCls}-item-value-block`],
-			"style": valueStyle.value,
-			"colspan": item.span
-		}, [renderValue(item.data, index)]))])]);
-		const renderHorizontalItems = (data, index) => createVNode("tr", {
-			"class": `${prefixCls}-row`,
-			"key": `tr-${index}`
-		}, [data.map((item) => createVNode(Fragment, null, [createVNode("td", {
-			"class": [`${prefixCls}-item-label`, `${prefixCls}-item-label-block`],
-			"style": labelStyle.value
-		}, [renderLabel(item.data, index)]), createVNode("td", {
-			"class": [`${prefixCls}-item-value`, `${prefixCls}-item-value-block`],
-			"style": valueStyle.value,
-			"colspan": item.span * 2 - 1
-		}, [renderValue(item.data, index)])]))]);
-		const renderInlineItems = (data, index) => createVNode("tr", {
-			"class": `${prefixCls}-row`,
-			"key": `inline-${index}`
-		}, [data.map((item, index) => createVNode("td", {
-			"key": `item-${index}`,
-			"class": `${prefixCls}-item`,
-			"colspan": item.span
-		}, [createVNode("div", {
-			"class": [`${prefixCls}-item-label`, `${prefixCls}-item-label-inline`],
-			"style": labelStyle.value
-		}, [renderLabel(item.data, index)]), createVNode("div", {
-			"class": [`${prefixCls}-item-value`, `${prefixCls}-item-value-inline`],
-			"style": valueStyle.value
-		}, [renderValue(item.data, index)])]))]);
-		const renderItems = (data, index) => {
-			if (["inline-horizontal", "inline-vertical"].includes(props.layout)) return renderInlineItems(data, index);
-			if (props.layout === "vertical") return renderVerticalItems(data);
-			return renderHorizontalItems(data, index);
-		};
-		const cls = computed(() => [
-			prefixCls,
-			`${prefixCls}-layout-${props.layout}`,
-			`${prefixCls}-size-${mergedSize.value}`,
-			{ [`${prefixCls}-border`]: props.bordered },
-			{ [`${prefixCls}-table-layout-fixed`]: props.tableLayout === "fixed" }
-		]);
-		const renderTitle = () => {
-			var _slots$title, _slots$title2;
-			const title = (_slots$title = (_slots$title2 = slots.title) === null || _slots$title2 === void 0 ? void 0 : _slots$title2.call(slots)) !== null && _slots$title !== void 0 ? _slots$title : props.title;
-			if (title) return createVNode("div", { "class": `${prefixCls}-title` }, [title]);
-			return null;
-		};
-		return () => {
-			const _groupedData = slots.default ? getGroupedData(getAllElements(slots.default())) : groupedData.value;
-			return createVNode("div", { "class": cls.value }, [renderTitle(), createVNode("div", { "class": `${prefixCls}-body` }, [createVNode("table", { "class": `${prefixCls}-table` }, [createVNode("tbody", null, [_groupedData.map((data, index) => renderItems(data, index))])])])]);
-		};
-	}
-});
+import descriptions_vue_vue_type_script_setup_true_lang_default from "./descriptions.vue_vue_type_script_setup_true_lang.js";
+//#region components/descriptions/descriptions.vue
+var descriptions_default = descriptions_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { descriptions_default as default };

package/es/descriptions/{descriptions.d.ts → descriptions.vue.d.ts}

@@ -1,8 +1,12 @@
-import type { PropType, CSSProperties } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { Size, TextAlign } from '../_utils/constant';
-import { ResponsiveValue } from '../grid';
-import { DescData } from './interface';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import type { ResponsiveValue } from '../grid';
+import type { DescData } from './interface';
+declare var __VLS_23: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<DescData[]>;
         default: () => never[];
@@ -23,24 +27,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
         default: string;
     };
-    size: {
-        type: PropType<Size>;
-    };
+    size: PropType<Size>;
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
-    labelStyle: {
-        type: PropType<CSSProperties>;
-    };
-    valueStyle: {
-        type: PropType<CSSProperties>;
-    };
+    labelStyle: PropType<CSSProperties>;
+    valueStyle: PropType<CSSProperties>;
     tableLayout: {
         type: PropType<"auto" | "fixed">;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<DescData[]>;
         default: () => never[];
@@ -61,19 +59,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
         default: string;
     };
-    size: {
-        type: PropType<Size>;
-    };
+    size: PropType<Size>;
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
-    labelStyle: {
-        type: PropType<CSSProperties>;
-    };
-    valueStyle: {
-        type: PropType<CSSProperties>;
-    };
+    labelStyle: PropType<CSSProperties>;
+    valueStyle: PropType<CSSProperties>;
     tableLayout: {
         type: PropType<"auto" | "fixed">;
         default: string;
@@ -89,4 +81,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         value?: TextAlign;
     };
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};