@sdata/web-vue 2.1.0 → 2.2.1

package/es/image/{preview.vue_vue_type_script_lang.js → preview.vue_vue_type_script_setup_true_lang.js}

@@ -6,8 +6,8 @@ import IconClose from "../icon/icon-close/index.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import { useI18n } from "../locale/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
+import { useI18n } from "../locale/index.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
@@ -21,17 +21,12 @@ import useImageDrag from "./hooks/use-image-drag.js";
 import preview_arrow_default from "./preview-arrow.js";
 import preview_toolbar_default from "./preview-toolbar.js";
 import getScale, { getScaleByRate, maxScale, minScale } from "./utils/get-scale.js";
-import { computed, defineComponent, h, nextTick, onBeforeUnmount, reactive, ref, toRefs, watch } from "vue";
-//#region components/image/preview.vue?vue&type=script&lang.tsx
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region components/image/preview.vue?vue&type=script&setup=true&lang.tsx
+var _hoisted_1 = ["src"];
 var ROTATE_STEP = 90;
-var preview_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
-	name: "ImagePreview",
-	components: {
-		PreviewArrow: preview_arrow_default,
-		PreviewToolbar: preview_toolbar_default,
-		IconLoading,
-		IconClose
-	},
+var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreview" }), {}, {
+	__name: "preview",
 	props: {
 		renderToBody: {
 			type: Boolean,
@@ -145,13 +140,15 @@ var preview_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: ["close", "update:visible"],
-	/**
-	* @zh 自定义额外的操作项
-	* @en Customize additional action items
-	* @slot actions
-	* @version 2.17.0
-	*/
-	setup(props, { emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/**
+		* @zh 自定义额外的操作项
+		* @en Customize additional action items
+		* @slot actions
+		* @version 2.17.0
+		*/
 		const { t } = useI18n();
 		const { src, popupContainer, visible, defaultVisible, maskClosable, actionsLayout, defaultScale, zoomRate } = toRefs(props);
 		const refWrapper = ref();
@@ -289,72 +286,122 @@ var preview_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 		onBeforeUnmount(() => {
 			removeGlobalKeyDownListener();
 		});
-		return {
-			prefixCls,
-			classNames,
-			container,
-			wrapperStyles,
-			scale,
-			translate,
-			rotate,
-			moving,
-			mergedVisible,
-			isLoading,
-			isLoaded,
-			scaleValueVisible,
-			refWrapper,
-			refImage,
-			onWheel,
-			onMaskClick,
-			onCloseClick: close,
-			onImgLoad() {
-				setLoadStatus("loaded");
+		const onCloseClick = close;
+		const onImgLoad = () => {
+			setLoadStatus("loaded");
+		};
+		const onImgError = () => {
+			setLoadStatus("error");
+		};
+		const actions = computed(() => [
+			{
+				key: "fullScreen",
+				name: t("imagePreview.fullScreen"),
+				content: () => h(IconFullscreen),
+				onClick: () => fullScreen()
+			},
+			{
+				key: "rotateRight",
+				name: t("imagePreview.rotateRight"),
+				content: () => h(IconRotateRight),
+				onClick: () => handleRotate("clockwise")
+			},
+			{
+				key: "rotateLeft",
+				name: t("imagePreview.rotateLeft"),
+				content: () => h(IconRotateLeft),
+				onClick: () => handleRotate("counterclockwise")
 			},
-			onImgError() {
-				setLoadStatus("error");
+			{
+				key: "zoomIn",
+				name: t("imagePreview.zoomIn"),
+				content: () => h(IconZoomIn),
+				onClick: () => handleScale("zoomIn"),
+				disabled: scale.value === maxScale
 			},
-			actions: computed(() => [
-				{
-					key: "fullScreen",
-					name: t("imagePreview.fullScreen"),
-					content: () => h(IconFullscreen),
-					onClick: () => fullScreen()
-				},
-				{
-					key: "rotateRight",
-					name: t("imagePreview.rotateRight"),
-					content: () => h(IconRotateRight),
-					onClick: () => handleRotate("clockwise")
-				},
-				{
-					key: "rotateLeft",
-					name: t("imagePreview.rotateLeft"),
-					content: () => h(IconRotateLeft),
-					onClick: () => handleRotate("counterclockwise")
-				},
-				{
-					key: "zoomIn",
-					name: t("imagePreview.zoomIn"),
-					content: () => h(IconZoomIn),
-					onClick: () => handleScale("zoomIn"),
-					disabled: scale.value === maxScale
-				},
-				{
-					key: "zoomOut",
-					name: t("imagePreview.zoomOut"),
-					content: () => h(IconZoomOut),
-					onClick: () => handleScale("zoomOut"),
-					disabled: scale.value === minScale
-				},
-				{
-					key: "originalSize",
-					name: t("imagePreview.originalSize"),
-					content: () => h(IconOriginalSize),
-					onClick: () => changeScale(1)
-				}
-			])
+			{
+				key: "zoomOut",
+				name: t("imagePreview.zoomOut"),
+				content: () => h(IconZoomOut),
+				onClick: () => handleScale("zoomOut"),
+				disabled: scale.value === minScale
+			},
+			{
+				key: "originalSize",
+				name: t("imagePreview.originalSize"),
+				content: () => h(IconOriginalSize),
+				onClick: () => changeScale(1)
+			}
+		]);
+		__expose({
+			onImgLoad,
+			onImgError
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: unref(container),
+				disabled: !__props.renderToBody
+			}, [createElementVNode("div", {
+				class: normalizeClass(classNames.value),
+				style: normalizeStyle(wrapperStyles.value)
+			}, [createVNode(Transition, {
+				name: "image-fade",
+				onBeforeEnter: _cache[0] || (_cache[0] = (el) => el.parentElement && (el.parentElement.style.display = "block")),
+				onAfterLeave: _cache[1] || (_cache[1] = (el) => el.parentElement && (el.parentElement.style.display = ""))
+			}, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-mask`) }, null, 2), [[vShow, unref(mergedVisible)]])]),
+				_: 1
+			}), unref(mergedVisible) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "refWrapper",
+				ref: refWrapper,
+				tabindex: "0",
+				class: normalizeClass(`${unref(prefixCls)}-wrapper`),
+				onClick: onMaskClick,
+				onWheel: _cache[3] || (_cache[3] = withModifiers((...args) => unref(onWheel) && unref(onWheel)(...args), ["prevent", "stop"]))
+			}, [
+				createElementVNode("div", {
+					class: normalizeClass(`${unref(prefixCls)}-img-container`),
+					style: normalizeStyle({ transform: `scale(${scale.value}, ${scale.value})` }),
+					onClick: onMaskClick
+				}, [(openBlock(), createElementBlock("img", {
+					ref_key: "refImage",
+					ref: refImage,
+					key: unref(src),
+					src: unref(src),
+					class: normalizeClass([`${unref(prefixCls)}-img`, { [`${unref(prefixCls)}-img-moving`]: unref(moving) }]),
+					style: normalizeStyle({ transform: `translate(${unref(translate)[0]}px, ${unref(translate)[1]}px) rotate(${rotate.value}deg)` }),
+					onLoad: onImgLoad,
+					onError: onImgError
+				}, null, 46, _hoisted_1))], 6),
+				unref(isLoading) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-loading`)
+				}, [createVNode(unref(IconLoading))], 2)) : createCommentVNode("", true),
+				createVNode(Transition, { name: "image-fade" }, {
+					default: withCtx(() => [scaleValueVisible.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}-scale-value`)
+					}, toDisplayString((scale.value * 100).toFixed(0)) + "% ", 3)) : createCommentVNode("", true)]),
+					_: 1
+				}),
+				unref(isLoaded) && unref(actionsLayout).length ? (openBlock(), createBlock(preview_toolbar_default, {
+					key: 1,
+					actions: actions.value,
+					"actions-layout": unref(actionsLayout)
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "actions")]),
+					_: 3
+				}, 8, ["actions", "actions-layout"])) : createCommentVNode("", true),
+				__props.closable ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(`${unref(prefixCls)}-close-btn`),
+					onClick: _cache[2] || (_cache[2] = (...args) => unref(onCloseClick) && unref(onCloseClick)(...args))
+				}, [createVNode(unref(IconClose))], 2)) : createCommentVNode("", true),
+				__props.inGroup ? (openBlock(), createBlock(preview_arrow_default, normalizeProps(mergeProps({ key: 3 }, __props.groupArrowProps)), null, 16)) : createCommentVNode("", true)
+			], 34)) : createCommentVNode("", true)], 6)], 8, ["to", "disabled"]);
 		};
 	}
-});
+}));
 //#endregion
-export { preview_vue_vue_type_script_lang_default as default };
+export { preview_vue_vue_type_script_setup_true_lang_default as default };

package/es/index.css

@@ -10029,8 +10029,8 @@ body.sd-tour-active .sd-tour-popover * {
   max-height: 200px;
   padding: 4px 0;
   overflow: auto;
-  background-color: var(--color-bg-popup);
-  border: 1px solid var(--color-fill-3);
+  background-color: var(--sd-color-bg-popup);
+  border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }
@@ -10044,7 +10044,7 @@ body.sd-tour-active .sd-tour-popover * {
   width: 100%;
   height: 36px;
   padding: 0 12px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 36px;
   text-align: left;
@@ -10055,17 +10055,17 @@ body.sd-tour-active .sd-tour-popover * {
   text-overflow: ellipsis;
 }
 .sd-trigger-menu-item.sd-trigger-menu-selected, .sd-trigger-menu-pop-header.sd-trigger-menu-selected {
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 500;
   background-color: transparent;
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-trigger-menu-item:hover, .sd-trigger-menu-pop-header:hover {
-  color: var(--color-text-1);
-  background-color: var(--color-fill-2);
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-trigger-menu-item.sd-trigger-menu-disabled, .sd-trigger-menu-pop-header.sd-trigger-menu-disabled {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
   background-color: transparent;
   cursor: not-allowed;
 }
@@ -10101,7 +10101,7 @@ body.sd-tour-active .sd-tour-popover * {
   box-sizing: border-box;
   width: 100%;
   padding: 8px 12px 0 12px;
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
   line-height: 20px;
   overflow: hidden;
@@ -13931,8 +13931,8 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-dropdown {
   box-sizing: border-box;
   padding: 4px 0;
-  background-color: var(--color-bg-popup);
-  border: 1px solid var(--color-fill-3);
+  background-color: var(--sd-color-bg-popup);
+  border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }
@@ -13954,7 +13954,7 @@ body.sd-tour-active .sd-tour-popover * {
   box-sizing: border-box;
   width: 100%;
   padding: 0 12px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 36px;
   text-align: left;
@@ -13970,12 +13970,12 @@ body.sd-tour-active .sd-tour-popover * {
   justify-content: space-between;
 }
 .sd-dropdown-option-active, .sd-dropdown-option:not(.sd-dropdown-option-disabled):hover {
-  color: var(--color-text-1);
-  background-color: var(--color-fill-2);
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-fill-2);
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-dropdown-option-disabled {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
   background-color: transparent;
   cursor: not-allowed;
 }
@@ -13994,7 +13994,7 @@ body.sd-tour-active .sd-tour-popover * {
   width: 100%;
   margin-top: 8px;
   padding: 0 12px;
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
   line-height: 20px;
   cursor: default;
@@ -14009,7 +14009,7 @@ body.sd-tour-active .sd-tour-popover * {
   padding-bottom: 0;
 }
 .sd-dropdown-footer {
-  border-top: 1px solid var(--color-fill-3);
+  border-top: 1px solid var(--sd-color-fill-3);
 }
 
 .sd-drawer-container {
@@ -15138,7 +15138,7 @@ body.sd-tour-active .sd-tour-popover * {
   display: none;
 }
 .sd-color-picker:hover {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   cursor: pointer;
 }
 .sd-color-picker-size-medium {
@@ -15231,8 +15231,8 @@ body.sd-tour-active .sd-tour-popover * {
   width: 18px;
   height: 18px;
   padding: 2px;
-  background: var(--color-bg-white);
-  border: 1px solid var(--color-border-2);
+  background: var(--sd-color-bg-white);
+  border: 1px solid var(--sd-color-border-2);
   border-radius: 50%;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
   transform: translateX(-50%);
@@ -15240,7 +15240,7 @@ body.sd-tour-active .sd-tour-popover * {
   touch-action: none;
 }
 .sd-color-picker-panel .sd-color-picker-gradient-thumb-active {
-  border-color: var(--color-primary-6);
+  border-color: var(--sd-color-primary-6);
   box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.16);
 }
 .sd-color-picker-panel .sd-color-picker-gradient-thumb-inner {
@@ -15256,7 +15256,7 @@ body.sd-tour-active .sd-tour-popover * {
   margin-top: 8px;
 }
 .sd-color-picker-panel .sd-color-picker-gradient-label {
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
 }
 .sd-color-picker-panel .sd-color-picker-gradient-degree {
@@ -15286,7 +15286,7 @@ body.sd-tour-active .sd-tour-popover * {
   width: 16px;
   height: 16px;
   background-color: transparent;
-  border: 2px solid var(--color-bg-white);
+  border: 2px solid var(--sd-color-bg-white);
   border-radius: 50%;
   transform: translate(-50%, -50%);
 }
@@ -15335,7 +15335,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-color-picker-panel .sd-color-picker-panel-colors {
   padding: 12px;
-  border-top: 1px solid var(--color-fill-3);
+  border-top: 1px solid var(--sd-color-fill-3);
 }
 .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-section:not(:first-child) {
   margin-top: 12px;
@@ -15347,13 +15347,13 @@ body.sd-tour-active .sd-tour-popover * {
   justify-content: space-between;
 }
 .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-text {
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 400;
   font-size: 12px;
 }
 .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-action {
   padding: 0;
-  color: var(--color-primary-6);
+  color: var(--sd-color-primary-6);
   font-size: 12px;
   background: transparent;
   border: 0;
@@ -15361,7 +15361,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-empty {
   margin: 12px 0;
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
 }
 .sd-color-picker-panel .sd-color-picker-panel-colors .sd-color-picker-colors-wrapper {
@@ -15410,8 +15410,8 @@ body.sd-tour-active .sd-tour-popover * {
   box-sizing: border-box;
   width: 16px;
   height: 16px;
-  background-color: var(--color-bg-white);
-  border: 1px solid var(--color-border-2);
+  background-color: var(--sd-color-bg-white);
+  border: 1px solid var(--sd-color-border-2);
   border-radius: 50%;
   transform: translateX(-50%);
 }
@@ -15419,7 +15419,7 @@ body.sd-tour-active .sd-tour-popover * {
   display: block;
   width: 100%;
   height: 100%;
-  background: var(--color-bg-white);
+  background: var(--sd-color-bg-white);
   border-radius: 50%;
   content: "";
 }
@@ -18273,31 +18273,18 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-outline.sd-btn-disabled,
 .sd-btn-outline[type=button].sd-btn-disabled,
 .sd-btn-outline[type=submit].sd-btn-disabled {
-  border: 1px solid;
   cursor: not-allowed;
 }
 
 .sd-btn-outline.sd-btn-status-warning:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-outline.sd-btn-status-warning.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-outline.sd-btn-status-danger:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-outline.sd-btn-status-danger.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-outline.sd-btn-status-success:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-outline.sd-btn-status-success.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-primary,
 .sd-btn-primary[type=button],
 .sd-btn-primary[type=submit] {
@@ -18320,31 +18307,18 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-primary.sd-btn-disabled,
 .sd-btn-primary[type=button].sd-btn-disabled,
 .sd-btn-primary[type=submit].sd-btn-disabled {
-  border: 1px solid;
   cursor: not-allowed;
 }
 
 .sd-btn-primary.sd-btn-status-warning:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-primary.sd-btn-status-warning.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-primary.sd-btn-status-danger:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-primary.sd-btn-status-danger.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-primary.sd-btn-status-success:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-primary.sd-btn-status-success.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-secondary,
 .sd-btn-secondary[type=button],
 .sd-btn-secondary[type=submit] {
@@ -18367,31 +18341,18 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-secondary.sd-btn-disabled,
 .sd-btn-secondary[type=button].sd-btn-disabled,
 .sd-btn-secondary[type=submit].sd-btn-disabled {
-  border: 1px solid;
   cursor: not-allowed;
 }
 
 .sd-btn-secondary.sd-btn-status-warning:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-secondary.sd-btn-status-warning.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-secondary.sd-btn-status-danger:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-secondary.sd-btn-status-danger.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-secondary.sd-btn-status-success:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-secondary.sd-btn-status-success.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-dashed,
 .sd-btn-dashed[type=button],
 .sd-btn-dashed[type=submit] {
@@ -18414,31 +18375,18 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-dashed.sd-btn-disabled,
 .sd-btn-dashed[type=button].sd-btn-disabled,
 .sd-btn-dashed[type=submit].sd-btn-disabled {
-  border: 1px dashed;
   cursor: not-allowed;
 }
 
 .sd-btn-dashed.sd-btn-status-warning:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-dashed.sd-btn-status-warning.sd-btn-disabled {
-  border: 1px dashed;
-}
-
 .sd-btn-dashed.sd-btn-status-danger:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-dashed.sd-btn-status-danger.sd-btn-disabled {
-  border: 1px dashed;
-}
-
 .sd-btn-dashed.sd-btn-status-success:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-dashed.sd-btn-status-success.sd-btn-disabled {
-  border: 1px dashed;
-}
-
 .sd-btn-text,
 .sd-btn-text[type=button],
 .sd-btn-text[type=submit] {
@@ -18461,31 +18409,18 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-btn-text.sd-btn-disabled,
 .sd-btn-text[type=button].sd-btn-disabled,
 .sd-btn-text[type=submit].sd-btn-disabled {
-  border: 1px solid;
   cursor: not-allowed;
 }
 
 .sd-btn-text.sd-btn-status-warning:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-text.sd-btn-status-warning.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-text.sd-btn-status-danger:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-text.sd-btn-status-danger.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-text.sd-btn-status-success:focus-visible {
   box-shadow: 0 0 0 0.25em;
 }
-.sd-btn-text.sd-btn-status-success.sd-btn-disabled {
-  border: 1px solid;
-}
-
 .sd-btn-size-mini {
   height: 24px;
   padding: 0 11px;

package/es/index.js

@@ -10,8 +10,6 @@ import button_group_default from "./button/button-group.js";
 import Button from "./button/index.js";
 import input_search_default from "./input/input-search.js";
 import Input from "./input/index.js";
-import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
-import Empty from "./empty/index.js";
 import Scrollbar from "./scrollbar/index.js";
 import Spin from "./spin/index.js";
 import Trigger from "./trigger/index.js";
@@ -21,6 +19,8 @@ import AvatarGroup from "./avatar/avatar-group.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
+import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
+import Empty from "./empty/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
 import dropdown_group_default from "./dropdown/dropdown-group.js";
 import dropdown_option_default from "./dropdown/dropdown-option.js";