@sdata/web-vue 3.13.0 → 3.15.0

package/es/file-previewer/index.d.ts

@@ -114,10 +114,10 @@ declare const FilePreviewer: {
         type: import("./types").FilePreviewerType;
         visible: boolean;
         renderToBody: boolean;
+        escToClose: boolean;
         defaultVisible: boolean;
         closable: boolean;
         maskClosable: boolean;
-        escToClose: boolean;
         fullscreen: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -234,10 +234,10 @@ declare const FilePreviewer: {
         type: import("./types").FilePreviewerType;
         visible: boolean;
         renderToBody: boolean;
+        escToClose: boolean;
         defaultVisible: boolean;
         closable: boolean;
         maskClosable: boolean;
-        escToClose: boolean;
         fullscreen: boolean;
     }>;
     __isFragment?: never;
@@ -313,10 +313,10 @@ declare const FilePreviewer: {
     type: import("./types").FilePreviewerType;
     visible: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     defaultVisible: boolean;
     closable: boolean;
     maskClosable: boolean;
-    escToClose: boolean;
     fullscreen: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/form/context.d.ts

@@ -31,6 +31,7 @@ export interface FormItemContext {
     disabled: boolean;
     error: boolean;
     feedback: string | undefined;
+    fieldId: string | undefined;
     updateValidateState: (field: string, { status, message }: {
         status: ValidateStatus | '';
         message: string;

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

@@ -3,14 +3,14 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
+import { getFinalValidateMessage, getFinalValidateStatus, getFormElementId } from "./utils.js";
 import grid_col_default from "../grid/grid-col.js";
 import grid_row_default from "../grid/grid-row.js";
 import form_item_label_default from "./form-item-label.js";
 import form_item_message_default from "./form-item-message.js";
-import { getFinalValidateMessage, getFinalValidateStatus, getFormElementId } from "./utils.js";
 import { _objectDestructuringEmpty } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectDestructuringEmpty.js";
 import { _extends } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/extends.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, toDisplayString, toRef, toRefs, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, toDisplayString, toRef, toRefs, unref, withCtx } from "vue";
 import { Schema } from "b-validate";
 //#region components/form/form-item.vue?vue&type=script&setup=true&lang.ts
 var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "FormItem" }), {}, {
@@ -242,6 +242,8 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const formCtx = inject(formInjectionKey, {});
 		const { autoLabelWidth, layout } = toRefs(formCtx);
 		const { i18nMessage } = useI18n();
+		const instance = getCurrentInstance();
+		const fieldId = computed(() => `sd-form-item-${instance === null || instance === void 0 ? void 0 : instance.uid}`);
 		const mergedLabelCol = computed(() => {
 			var _props$labelColProps;
 			const colProps = _objectSpread2({}, (_props$labelColProps = props.labelColProps) !== null && _props$labelColProps !== void 0 ? _props$labelColProps : formCtx.labelColProps);
@@ -264,6 +266,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			var _props$wrapperColStyl;
 			return (_props$wrapperColStyl = props.wrapperColStyle) !== null && _props$wrapperColStyl !== void 0 ? _props$wrapperColStyl : formCtx.wrapperColStyle;
 		});
+		const mergedLabelAttrs = computed(() => _objectSpread2({ for: fieldId.value }, props.labelAttrs));
 		const initialValue = getValueByPath(formCtx.model, props.field);
 		const formValidateStatus = reactive({});
 		const validateMessage = reactive({});
@@ -372,6 +375,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			disabled: computedDisabled,
 			error: isError,
 			feedback: computedFeedback,
+			fieldId,
 			updateValidateState
 		}));
 		const clearValidate = () => {
@@ -457,7 +461,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						"show-colon": __props.showColon,
 						"asterisk-position": __props.asteriskPosition,
 						component: __props.labelComponent,
-						attrs: __props.labelAttrs,
+						attrs: mergedLabelAttrs.value,
 						tooltip: __props.tooltip
 					}, {
 						default: withCtx(() => [_ctx.$slots.label || __props.label ? renderSlot(_ctx.$slots, "label", { key: 0 }, () => [createTextVNode(toDisplayString(__props.label), 1)]) : createCommentVNode("", true)]),

package/es/form/index.js

@@ -1,6 +1,6 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
-import form_item_default from "./form-item.js";
 import form_default from "./form.js";
+import form_item_default from "./form-item.js";
 //#region components/form/index.ts
 var Form = Object.assign(form_default, {
 	Item: form_item_default,

package/es/form/style/index.css

@@ -457,8 +457,8 @@
 
 .form-blink-enter-active,
 .form-blink-appear-active {
-  transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
-  animation: sd-form-blink 0.5s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
+  animation: sd-form-blink 0.5s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 
 @keyframes sd-form-blink {

package/es/form/style/index.scss

@@ -237,9 +237,9 @@ $form-item-message-prefix-cls: string.unquote('#{theme.$prefix}-form-item-messag
 
 .form-blink-enter-active,
 .form-blink-appear-active {
-  transition: opacity theme.$transition-duration-3 theme.$transition-timing-function-linear;
+  transition: opacity theme.$transition-duration-3 theme.$transition-timing-function-standard;
   animation: #{theme.$prefix}-form-blink theme.$transition-duration-5
-    theme.$transition-timing-function-linear;
+    theme.$transition-timing-function-standard;
 }
 
 @keyframes #{theme.$prefix}-form-blink {

package/es/grid/grid-col.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject, isString } from "../_utils/is.js";
 import pick from "../_utils/pick.js";
 import { responsiveArray } from "../_utils/responsive-observe.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { RowContextInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { useResponsiveValue } from "./hook/use-responsive-value.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region components/grid/grid-col.vue?vue&type=script&setup=true&lang.ts

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

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useIndex } from "../_hooks/use-index.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { GridContextInjectionKey, GridDataCollectorInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { resolveItemData } from "./utils/index.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toRefs, watchEffect } from "vue";
 //#region components/grid/grid-item.vue?vue&type=script&setup=true&lang.ts

package/es/grid/grid-row.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { RowContextInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, reactive, renderSlot, toRefs } from "vue";
 //#region components/grid/grid-row.vue?vue&type=script&setup=true&lang.ts
 var grid_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Row" }), {}, {

package/es/grid/grid.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { GridContextInjectionKey, GridDataCollectorInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { setItemVisible } from "./utils/index.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, reactive, renderSlot, toRefs, watchEffect } from "vue";
 //#region components/grid/grid.vue?vue&type=script&setup=true&lang.ts

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import { useI18n } from "../locale/index.js";
+import IconLoading from "../icon/icon-loading/index.js";
 import { omit } from "../_utils/omit.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import IconImageClose from "../icon/icon-image-close/index.js";

package/es/image/preview-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import IconRight from "../icon/icon-right/index.js";
 import IconLeft from "../icon/icon-left/index.js";
+import IconRight from "../icon/icon-right/index.js";
 import { createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region components/image/preview-arrow.vue?vue&type=script&setup=true&lang.ts
 var preview_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreviewArrow" }), {}, {

package/es/image/preview.vue.d.ts

@@ -133,10 +133,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     visible: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     defaultVisible: boolean;
     closable: boolean;
     maskClosable: boolean;
-    escToClose: boolean;
     actionsLayout: string[];
     inGroup: boolean;
     groupArrowProps: Record<string, any>;

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -2,12 +2,12 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import { useI18n } from "../locale/index.js";
+import IconLoading from "../icon/icon-loading/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";